@expcat/tigercat-vue 2.1.2 → 2.1.3

package/dist/components/NavigationMenu.d.mts

@@ -1,12 +1,14 @@
 import * as vue from 'vue';
-import { PropType, ComputedRef, Ref } from 'vue';
-import { NavigationMenuValue, FloatingPlacement, NavigationMenuContentProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuProps, NavigationMenuTriggerProps } from '@expcat/tigercat-core';
+import { PropType, VNode, ComputedRef, Ref } from 'vue';
+import { NavigationMenuValue, FloatingPlacement, NavigationMenuProps as NavigationMenuProps$1, NavigationMenuContentProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuTriggerProps } from '@expcat/tigercat-core';
 
 declare const NavigationMenuContextKey: unique symbol;
 declare const NavigationMenuItemContextKey: unique symbol;
 declare const NavigationMenuContentContextKey: unique symbol;
 interface NavigationMenuContext {
     value: ComputedRef<NavigationMenuValue | null>;
+    tabStopValue: Ref<NavigationMenuValue | null>;
+    setTabStopValue: (next: NavigationMenuValue | null) => void;
     setValue: (next: NavigationMenuValue | null, options?: {
         restoreFocus?: boolean;
     }) => void;
@@ -14,6 +16,7 @@ interface NavigationMenuContext {
     scheduleClose: (itemValue: NavigationMenuValue) => void;
     cancelClose: () => void;
     closeOnClick: boolean;
+    openOnHover: boolean;
     handleItemClick: () => void;
     handleFocusLeave: (event: FocusEvent) => void;
     portal: ComputedRef<boolean>;
@@ -21,8 +24,8 @@ interface NavigationMenuContext {
     offset: number;
     placement: FloatingPlacement;
     showArrow: boolean;
+    rootRef: Ref<HTMLElement | null>;
     menubarRef: Ref<HTMLElement | null>;
-    suppressFocusOpen: Ref<boolean>;
 }
 interface NavigationMenuItemContext {
     value: NavigationMenuValue;
@@ -33,7 +36,9 @@ interface NavigationMenuItemContext {
     contentRef: Ref<HTMLElement | null>;
     contentId: string;
     open: (focusPanel?: boolean) => void;
-    close: () => void;
+    close: (options?: {
+        restoreFocus?: boolean;
+    }) => void;
     scheduleOpen: () => void;
     scheduleClose: () => void;
     cancelClose: () => void;
@@ -42,6 +47,7 @@ interface NavigationMenuItemContext {
 interface NavigationMenuContentContext {
     inPanel: true;
 }
+declare function useNavigationMenuContext(): NavigationMenuContext | null;
 type VueNavigationMenuLinkProps = NavigationMenuLinkProps;
 declare const NavigationMenuLink: vue.DefineComponent<vue.ExtractPropTypes<{
     href: {
@@ -72,7 +78,7 @@ declare const NavigationMenuLink: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, unknown>>;
         default: undefined;
     };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     href: {
@@ -106,12 +112,12 @@ declare const NavigationMenuLink: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    className: string;
     style: Record<string, unknown>;
+    className: string;
     disabled: boolean;
+    href: string;
     target: string;
     active: boolean;
-    href: string;
     rel: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface VueNavigationMenuTriggerProps extends NavigationMenuTriggerProps {
@@ -133,7 +139,7 @@ declare const NavigationMenuTrigger: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, unknown>>;
         default: undefined;
     };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     disabled: {
@@ -153,8 +159,8 @@ declare const NavigationMenuTrigger: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
     style: Record<string, unknown>;
+    className: string;
     disabled: boolean;
     showArrow: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -187,8 +193,8 @@ declare const NavigationMenuContent: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
     style: Record<string, unknown>;
+    className: string;
     mega: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface VueNavigationMenuItemProps extends NavigationMenuItemProps {
@@ -210,7 +216,7 @@ declare const NavigationMenuItem: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, unknown>>;
         default: undefined;
     };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     value: {
@@ -230,15 +236,16 @@ declare const NavigationMenuItem: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    style: Record<string, unknown>;
     value: NavigationMenuValue;
     className: string;
-    style: Record<string, unknown>;
     disabled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface VueNavigationMenuListProps {
     className?: string;
     style?: Record<string, unknown>;
 }
+type NavigationMenuListProps = VueNavigationMenuListProps;
 declare const NavigationMenuList: vue.DefineComponent<vue.ExtractPropTypes<{
     className: {
         type: StringConstructor;
@@ -248,7 +255,7 @@ declare const NavigationMenuList: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, unknown>>;
         default: undefined;
     };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     className: {
@@ -260,16 +267,12 @@ declare const NavigationMenuList: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
     style: Record<string, unknown>;
+    className: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-interface VueNavigationMenuProps extends NavigationMenuProps {
-    /**
-     * Panel placement relative to the trigger
-     * @default 'bottom-start'
-     */
-    placement?: FloatingPlacement;
+interface VueNavigationMenuProps extends NavigationMenuProps$1 {
 }
+type NavigationMenuProps = VueNavigationMenuProps;
 declare const NavigationMenu: vue.DefineComponent<vue.ExtractPropTypes<{
     value: {
         type: PropType<NavigationMenuValue | null>;
@@ -287,6 +290,10 @@ declare const NavigationMenu: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    openOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -327,7 +334,7 @@ declare const NavigationMenu: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, unknown>>;
         default: undefined;
     };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:open" | "open-change" | "update:value" | "value-change")[], "update:open" | "open-change" | "update:value" | "value-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     value: {
@@ -346,6 +353,10 @@ declare const NavigationMenu: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    openOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -392,20 +403,21 @@ declare const NavigationMenu: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     "onValue-change"?: ((...args: any[]) => any) | undefined;
 }>, {
+    style: Record<string, unknown>;
     value: NavigationMenuValue | null;
     className: string;
-    style: Record<string, unknown>;
     disabled: boolean;
+    open: boolean;
+    closeOnClick: boolean;
     placement: FloatingPlacement;
     offset: number;
-    closeOnClick: boolean;
-    open: boolean;
     defaultOpen: boolean;
     showArrow: boolean;
     portal: boolean;
     defaultValue: NavigationMenuValue | null;
+    openOnHover: boolean;
     delayDuration: number;
     skipDelayDuration: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentContext, NavigationMenuContentContextKey, type NavigationMenuContext, NavigationMenuContextKey, NavigationMenuItem, type NavigationMenuItemContext, NavigationMenuItemContextKey, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, type VueNavigationMenuContentProps, type VueNavigationMenuItemProps, type VueNavigationMenuLinkProps, type VueNavigationMenuListProps, type VueNavigationMenuProps, type VueNavigationMenuTriggerProps, NavigationMenu as default };
+export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentContext, NavigationMenuContentContextKey, type NavigationMenuContext, NavigationMenuContextKey, NavigationMenuItem, type NavigationMenuItemContext, NavigationMenuItemContextKey, NavigationMenuLink, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type VueNavigationMenuContentProps, type VueNavigationMenuItemProps, type VueNavigationMenuLinkProps, type VueNavigationMenuListProps, type VueNavigationMenuProps, type VueNavigationMenuTriggerProps, NavigationMenu as default, useNavigationMenuContext };

package/dist/components/NavigationMenu.mjs

@@ -8,9 +8,10 @@ import {
   NavigationMenuLink,
   NavigationMenuList,
   NavigationMenuTrigger,
-  NavigationMenu_default
-} from "../chunk-UXJRH72H.mjs";
-import "../chunk-Q7Y22OFX.mjs";
+  NavigationMenu_default,
+  useNavigationMenuContext
+} from "../chunk-LMVNBPQP.mjs";
+import "../chunk-Y63TRXZO.mjs";
 export {
   NavigationMenu,
   NavigationMenuContent,
@@ -21,5 +22,6 @@ export {
   NavigationMenuLink,
   NavigationMenuList,
   NavigationMenuTrigger,
-  NavigationMenu_default as default
+  NavigationMenu_default as default,
+  useNavigationMenuContext
 };

package/dist/components/Notification.d.mts

@@ -2,7 +2,6 @@ import { NotificationOptions, NotificationPosition } from '@expcat/tigercat-core
 export { NotificationContainer, VueNotificationContainerProps } from './NotificationContainer.mjs';
 import 'vue';
 
-type VueNotificationProps = NotificationOptions;
 declare const notification: {
     info(options: NotificationOptions): () => void;
     success(options: NotificationOptions): () => void;
@@ -11,4 +10,4 @@ declare const notification: {
     clear(position?: NotificationPosition): void;
 };
 
-export { type VueNotificationProps, notification as default, notification };
+export { notification as default, notification };

package/dist/components/Notification.mjs

@@ -1,127 +1,67 @@
 import {
   NotificationContainer
-} from "../chunk-H2SX7D23.mjs";
-import "../chunk-2TNZ4JNT.mjs";
-import {
-  getGlobalTigerLocale
-} from "../chunk-TGXBCKOU.mjs";
+} from "../chunk-5RJDVHNT.mjs";
+import "../chunk-5VSSB4QF.mjs";
+import "../chunk-Y63TRXZO.mjs";
+import "../chunk-4GOTWNOO.mjs";
 
 // src/components/Notification.ts
-import { createApp, defineComponent, h, ref } from "vue";
+import { createApp, defineComponent, h, onBeforeUnmount, shallowRef } from "vue";
 import {
-  createInstanceCounter,
-  createNotificationStackUpdateScheduler,
+  createImperativeHost,
+  createToastQueue,
   isBrowser,
   normalizeStringOption
 } from "@expcat/tigercat-core";
-var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
-var notificationInstancesByPosition = {
-  "top-left": [],
-  "top-right": [],
-  "bottom-left": [],
-  "bottom-right": []
-};
-var containerApps = {
-  "top-left": null,
-  "top-right": null,
-  "bottom-left": null,
-  "bottom-right": null
-};
-var updateCallbacks = {
-  "top-left": null,
-  "top-right": null,
-  "bottom-left": null,
-  "bottom-right": null
-};
-var stackUpdateScheduler = null;
-var getNextInstanceId = null;
-function getNotificationStackUpdateScheduler() {
-  stackUpdateScheduler ??= createNotificationStackUpdateScheduler();
-  return stackUpdateScheduler;
-}
-function getNotificationInstanceId() {
-  getNextInstanceId ??= createInstanceCounter();
-  return getNextInstanceId();
-}
-function getDefaultNotificationCloseAriaLabel() {
-  const locale = getGlobalTigerLocale();
-  const closeText = locale?.common?.closeText;
-  if (!closeText) return void 0;
-  const localeCode = locale.locale?.toLowerCase() ?? "";
-  if (localeCode.startsWith("zh")) return `${closeText}\u901A\u77E5`;
-  if (localeCode.startsWith("en")) return `${closeText} notification`;
-  return closeText;
-}
-function scheduleNotificationStackUpdate(position) {
-  const callback = updateCallbacks[position];
-  if (!callback) return;
-  getNotificationStackUpdateScheduler().schedule(position, callback);
-}
-function getContainerRootId(position) {
-  return `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
-}
+var NOTIFICATION_POSITIONS = [
+  "top-left",
+  "top-right",
+  "bottom-left",
+  "bottom-right"
+];
+var notificationQueue = createToastQueue();
+var host = createImperativeHost({
+  mount(element) {
+    const app = createApp(NotificationHost);
+    app.mount(element);
+    return app;
+  },
+  unmount(app) {
+    app.unmount();
+  }
+});
+notificationQueue.subscribe(() => {
+  if (notificationQueue.getSnapshot().length > 0) return;
+  queueMicrotask(() => {
+    if (notificationQueue.getSnapshot().length === 0) host.teardown();
+  });
+});
 var NotificationHost = /* @__PURE__ */ defineComponent({
   name: "TigerNotificationHost",
-  props: {
-    position: {
-      type: String,
-      required: true
-    }
-  },
-  setup(props) {
-    const notifications = ref([]);
-    updateCallbacks[props.position] = () => {
-      notifications.value = [...notificationInstancesByPosition[props.position]];
-    };
-    updateCallbacks[props.position]?.();
-    return () => h(NotificationContainer, {
-      position: props.position,
-      notifications: notifications.value,
-      onClose: (id) => removeNotification(id, props.position)
+  setup() {
+    const notifications = shallowRef(
+      notificationQueue.getSnapshot()
+    );
+    const stop = notificationQueue.subscribe(() => {
+      notifications.value = notificationQueue.getSnapshot();
+    });
+    onBeforeUnmount(stop);
+    return () => NOTIFICATION_POSITIONS.map((position) => {
+      const positioned = notifications.value.filter((item) => item.position === position);
+      if (positioned.length === 0) return null;
+      return h(NotificationContainer, {
+        key: position,
+        position,
+        notifications: [...positioned],
+        portal: false,
+        onClose: (id) => notificationQueue.remove(id)
+      });
     });
   }
 });
-function ensureContainer(position) {
-  if (!isBrowser()) {
-    return;
-  }
-  const rootId = getContainerRootId(position);
-  const existingRootEl = document.getElementById(rootId);
-  if (containerApps[position] && !existingRootEl) {
-    containerApps[position] = null;
-    updateCallbacks[position] = null;
-    getNotificationStackUpdateScheduler().cancel(position);
-  }
-  if (containerApps[position]) {
-    return;
-  }
-  let rootEl = existingRootEl;
-  if (!rootEl) {
-    rootEl = document.createElement("div");
-    rootEl.id = rootId;
-    document.body.appendChild(rootEl);
-  }
-  containerApps[position] = createApp(NotificationHost, { position });
-  containerApps[position].mount(rootEl);
-}
-function destroyContainer(position) {
-  const rootId = getContainerRootId(position);
-  if (containerApps[position]) {
-    containerApps[position].unmount();
-    containerApps[position] = null;
-  }
-  updateCallbacks[position] = null;
-  getNotificationStackUpdateScheduler().cancel(position);
-  if (isBrowser()) {
-    document.getElementById(rootId)?.remove();
-  }
-}
 function addNotification(config) {
-  const id = getNotificationInstanceId();
-  const position = config.position || "top-right";
-  ensureContainer(position);
-  const instance = {
-    id,
+  if (!isBrowser()) return () => void 0;
+  const instance = notificationQueue.add({
     type: config.type || "info",
     title: config.title,
     description: config.description,
@@ -132,73 +72,38 @@ function addNotification(config) {
     actions: config.actions,
     icon: config.icon,
     className: config.className,
-    closeAriaLabel: config.closeAriaLabel ?? getDefaultNotificationCloseAriaLabel(),
-    position
+    closeAriaLabel: config.closeAriaLabel,
+    position: config.position || "top-right"
+  });
+  if (!instance) return () => void 0;
+  host.ensure();
+  return () => {
+    notificationQueue.remove(instance.id);
   };
-  notificationInstancesByPosition[position].push(instance);
-  scheduleNotificationStackUpdate(position);
-  if (instance.duration > 0) {
-    setTimeout(() => {
-      removeNotification(id, position);
-    }, instance.duration);
-  }
-  return () => removeNotification(id, position);
-}
-function removeNotification(id, position) {
-  const instances = notificationInstancesByPosition[position];
-  const index = instances.findIndex((notif) => notif.id === id);
-  if (index !== -1) {
-    const instance = instances[index];
-    instances.splice(index, 1);
-    instance.onClose?.();
-    if (notificationInstancesByPosition[position].length > 0) {
-      scheduleNotificationStackUpdate(position);
-    }
-  }
-  if (notificationInstancesByPosition[position].length === 0) {
-    destroyContainer(position);
-  }
-}
-function clearAll(position) {
-  if (position) {
-    notificationInstancesByPosition[position].forEach((instance) => {
-      instance.onClose?.();
-    });
-    notificationInstancesByPosition[position] = [];
-    destroyContainer(position);
-  } else {
-    Object.keys(notificationInstancesByPosition).forEach((pos) => {
-      const p = pos;
-      notificationInstancesByPosition[p].forEach((instance) => {
-        instance.onClose?.();
-      });
-      notificationInstancesByPosition[p] = [];
-      destroyContainer(p);
-    });
-  }
 }
 function normalizeOptions(options) {
   return normalizeStringOption(options, "title");
 }
 var notification = {
   info(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "info" });
+    return addNotification({ ...normalizeOptions(options), type: "info" });
   },
   success(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "success" });
+    return addNotification({ ...normalizeOptions(options), type: "success" });
   },
   warning(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "warning" });
+    return addNotification({ ...normalizeOptions(options), type: "warning" });
   },
   error(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "error" });
+    return addNotification({ ...normalizeOptions(options), type: "error" });
   },
   clear(position) {
-    clearAll(position);
+    if (position) {
+      notificationQueue.getSnapshot().filter((item) => item.position === position).forEach((item) => notificationQueue.remove(item.id));
+      return;
+    }
+    notificationQueue.clear();
+    host.teardown();
   }
 };
 var Notification_default = notification;

package/dist/components/NotificationCenter.d.mts

@@ -204,10 +204,11 @@ declare const NotificationCenter: vue.DefineComponent<vue.ExtractPropTypes<{
     "onItem-read-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
+    style: Record<string, string | number>;
+    title: string;
     loadingText: string;
     emptyText: string;
     labels: Partial<TigerLocaleNotificationCenter>;
-    title: string;
     allLabel: string;
     unreadLabel: string;
     readLabel: string;
@@ -215,7 +216,6 @@ declare const NotificationCenter: vue.DefineComponent<vue.ExtractPropTypes<{
     markReadText: string;
     markUnreadText: string;
     className: string;
-    style: Record<string, string | number>;
     loading: boolean;
     groups: NotificationGroup[];
     groupBy: (item: NotificationItem) => string;

package/dist/components/NotificationCenter.mjs

@@ -1,19 +1,21 @@
 import {
   NotificationCenter,
   NotificationCenter_default
-} from "../chunk-RRLE7QRH.mjs";
-import "../chunk-U6OGGZBY.mjs";
-import "../chunk-GQOPDD44.mjs";
-import "../chunk-OYU47A57.mjs";
-import "../chunk-HS4YQGZQ.mjs";
-import "../chunk-YZBQ6IR7.mjs";
-import "../chunk-Z2ZECCGD.mjs";
-import "../chunk-ZOP7PEKY.mjs";
-import "../chunk-NN6AINLG.mjs";
-import "../chunk-TC6ZPQFT.mjs";
-import "../chunk-Q7Y22OFX.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-2GYERJBM.mjs";
+import "../chunk-B4RZHDOU.mjs";
+import "../chunk-MPYKNKZU.mjs";
+import "../chunk-DXL3YHRP.mjs";
+import "../chunk-IOSUZR6Z.mjs";
+import "../chunk-SZO4WL42.mjs";
+import "../chunk-X7UK3A6Z.mjs";
+import "../chunk-OO27UB75.mjs";
+import "../chunk-I77GUQV4.mjs";
+import "../chunk-W4A6L2TC.mjs";
+import "../chunk-FEVDV3I6.mjs";
+import "../chunk-4KIZXFFG.mjs";
+import "../chunk-4QMHNTUU.mjs";
+import "../chunk-Y63TRXZO.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   NotificationCenter,
   NotificationCenter_default as default

package/dist/components/NotificationContainer.d.mts

@@ -5,8 +5,14 @@ import { NotificationPosition, NotificationInstance } from '@expcat/tigercat-cor
 interface VueNotificationContainerProps {
     position?: NotificationPosition;
     notifications?: NotificationInstance[];
-    onClose?: (id: string | number) => void;
+    className?: string;
+    /**
+     * Portal through the overlay-host chain. Imperative hosts pass `false`.
+     * @default true
+     */
+    portal?: boolean;
 }
+type NotificationContainerProps = VueNotificationContainerProps;
 declare const NotificationContainer: vue.DefineComponent<vue.ExtractPropTypes<{
     position: {
         type: PropType<NotificationPosition>;
@@ -16,10 +22,17 @@ declare const NotificationContainer: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<NotificationInstance[]>;
         default: () => never[];
     };
-    onClose: PropType<(id: string | number) => void>;
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    portal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => string | number | boolean | void | vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}> | vue.VNodeArrayChildren | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "close"[], "close", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     position: {
         type: PropType<NotificationPosition>;
         default: NotificationPosition;
@@ -28,10 +41,21 @@ declare const NotificationContainer: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<NotificationInstance[]>;
         default: () => never[];
     };
-    onClose: PropType<(id: string | number) => void>;
-}>> & Readonly<{}>, {
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    portal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    className: string;
+    portal: boolean;
     position: NotificationPosition;
     notifications: NotificationInstance[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { NotificationContainer, type VueNotificationContainerProps, NotificationContainer as default };
+export { NotificationContainer, type NotificationContainerProps, type VueNotificationContainerProps, NotificationContainer as default };

package/dist/components/NotificationContainer.mjs

@@ -1,8 +1,10 @@
 import {
   NotificationContainer,
   NotificationContainer_default
-} from "../chunk-H2SX7D23.mjs";
-import "../chunk-2TNZ4JNT.mjs";
+} from "../chunk-5RJDVHNT.mjs";
+import "../chunk-5VSSB4QF.mjs";
+import "../chunk-Y63TRXZO.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   NotificationContainer,
   NotificationContainer_default as default

package/dist/components/NotificationRoot.d.mts

@@ -1,4 +1,5 @@
 import { NotificationOptions, NotificationType, NotificationPosition } from '@expcat/tigercat-core';
+export { NotificationOptions } from '@expcat/tigercat-core';
 
 type VueNotificationProps = NotificationOptions;
 type NotificationClose = () => void;

package/dist/components/NotificationRoot.mjs

@@ -1,6 +1,6 @@
 import {
   notification
-} from "../chunk-Q3PELK37.mjs";
+} from "../chunk-TMOWIIJQ.mjs";
 export {
   notification
 };