@youcan/celeste 0.6.72 → 0.6.74

package/dist/cjs/chunks/sonner.js

@@ -2,7 +2,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-const Mo = require("vue");
+const No = require("vue");
 let toastsCounter = 1;
 var Observer = class {
   constructor() {
@@ -130,7 +130,7 @@ var Observer = class {
       let result;
       const originalPromise = p.then(async (response) => {
         result = ["resolve", response];
-        const isVueComponent = Mo.isVNode(response);
+        const isVueComponent = No.isVNode(response);
         if (isVueComponent) {
           shouldDismiss = false;
           this.create({
@@ -142,7 +142,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.error === "function" ? await data.error(`HTTP error! status: ${response.status}`) : data.error;
           const description = typeof data.description === "function" ? await data.description(`HTTP error! status: ${response.status}`) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !Mo.isVNode(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !No.isVNode(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData || "",
             id: id || ""
@@ -157,7 +157,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.error === "function" ? await data.error(response) : data.error;
           const description = typeof data.description === "function" ? await data.description(response) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !Mo.isVNode(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !No.isVNode(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData || "",
             id: id || ""
@@ -172,7 +172,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.success === "function" ? await data.success(response) : data.success;
           const description = typeof data.description === "function" ? await data.description(response) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !Mo.isVNode(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !No.isVNode(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData || "",
             id: id || ""
@@ -190,7 +190,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.error === "function" ? await data.error(error) : data.error;
           const description = typeof data.description === "function" ? await data.description(error) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !Mo.isVNode(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !No.isVNode(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData || "",
             id: id || ""
@@ -216,8 +216,33 @@ var Observer = class {
     });
     __publicField(this, "custom", (component, data) => {
       const id = (data == null ? void 0 : data.id) || toastsCounter++;
-      this.publish({
+      const alreadyExists = this.toasts.find((toast$1) => {
+        return toast$1.id === id;
+      });
+      const dismissible = (data == null ? void 0 : data.dismissible) === void 0 ? true : data.dismissible;
+      if (this.dismissedToasts.has(id)) this.dismissedToasts.delete(id);
+      if (alreadyExists) this.toasts = this.toasts.map((toast$1) => {
+        if (toast$1.id === id) {
+          this.publish({
+            ...toast$1,
+            component,
+            dismissible,
+            id,
+            ...data
+          });
+          return {
+            ...toast$1,
+            component,
+            dismissible,
+            id,
+            ...data
+          };
+        }
+        return toast$1;
+      });
+      else this.addToast({
         component,
+        dismissible,
         id,
         ...data
       });
@@ -274,8 +299,8 @@ const GAP = 14;
 const SWIPE_THRESHOLD = 45;
 const TIME_BEFORE_UNMOUNT = 200;
 function useIsDocumentHidden() {
-  const isDocumentHidden = Mo.ref(false);
-  Mo.watchEffect(() => {
+  const isDocumentHidden = No.ref(false);
+  No.watchEffect(() => {
     const callback = () => {
       isDocumentHidden.value = document.hidden;
     };
@@ -342,10 +367,15 @@ const _hoisted_1$7 = [
   "data-invert",
   "data-swipe-out",
   "data-swipe-direction",
-  "data-expanded"
+  "data-expanded",
+  "data-testid"
 ];
-const _hoisted_2$2 = ["aria-label", "data-disabled"];
-var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defineComponent({
+const _hoisted_2$2 = [
+  "aria-label",
+  "data-disabled",
+  "data-close-button-position"
+];
+var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ No.defineComponent({
   __name: "Toast",
   props: {
     toast: {},
@@ -357,6 +387,7 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defin
     heights: {},
     gap: {},
     position: {},
+    closeButtonPosition: {},
     visibleToasts: {},
     expandByDefault: { type: Boolean },
     closeButton: { type: Boolean },
@@ -382,31 +413,31 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defin
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const swipeDirection = Mo.ref(null);
-    const swipeOutDirection = Mo.ref(null);
-    const mounted = Mo.ref(false);
-    const removed = Mo.ref(false);
-    const swiping = Mo.ref(false);
-    const swipeOut = Mo.ref(false);
-    const swiped = Mo.ref(false);
-    const offsetBeforeRemove = Mo.ref(0);
-    const initialHeight = Mo.ref(0);
-    const remainingTime = Mo.ref(props.toast.duration || props.duration || TOAST_LIFETIME);
-    const dragStartTime = Mo.ref(null);
-    const toastRef = Mo.ref(null);
-    const isFront = Mo.computed(() => props.index === 0);
-    const isVisible = Mo.computed(() => props.index + 1 <= props.visibleToasts);
-    const toastType = Mo.computed(() => props.toast.type);
-    const dismissible = Mo.computed(() => props.toast.dismissible !== false);
-    const toastClass = Mo.computed(() => props.toast.class || "");
-    const toastDescriptionClass = Mo.computed(() => props.descriptionClass || "");
-    const heightIndex = Mo.computed(() => {
+    const swipeDirection = No.ref(null);
+    const swipeOutDirection = No.ref(null);
+    const mounted = No.ref(false);
+    const removed = No.ref(false);
+    const swiping = No.ref(false);
+    const swipeOut = No.ref(false);
+    const swiped = No.ref(false);
+    const offsetBeforeRemove = No.ref(0);
+    const initialHeight = No.ref(0);
+    const remainingTime = No.ref(props.toast.duration || props.duration || TOAST_LIFETIME);
+    const dragStartTime = No.ref(null);
+    const toastRef = No.ref(null);
+    const isFront = No.computed(() => props.index === 0);
+    const isVisible = No.computed(() => props.index + 1 <= props.visibleToasts);
+    const toastType = No.computed(() => props.toast.type);
+    const dismissible = No.computed(() => props.toast.dismissible !== false);
+    const toastClass = No.computed(() => props.toast.class || "");
+    const toastDescriptionClass = No.computed(() => props.descriptionClass || "");
+    const heightIndex = No.computed(() => {
       const currentPosition = props.toast.position || props.position;
       const samePositionHeights = props.heights.filter((h) => h.position === currentPosition);
       const index = samePositionHeights.findIndex((height) => height.toastId === props.toast.id);
       return index >= 0 ? index : 0;
     });
-    const toastsHeightBefore = Mo.computed(() => {
+    const toastsHeightBefore = No.computed(() => {
       const currentPosition = props.toast.position || props.position;
       const samePositionHeights = props.heights.filter((h) => h.position === currentPosition);
       return samePositionHeights.reduce((prev, curr, reducerIndex) => {
@@ -414,26 +445,26 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defin
         return prev + curr.height;
       }, 0);
     });
-    const offset = Mo.computed(() => heightIndex.value * props.gap + toastsHeightBefore.value || 0);
-    const closeButton = Mo.computed(() => props.toast.closeButton ?? props.closeButton);
-    const duration = Mo.computed(() => props.toast.duration || props.duration || TOAST_LIFETIME);
-    const closeTimerStartTimeRef = Mo.ref(0);
-    const lastCloseTimerStartTimeRef = Mo.ref(0);
-    const pointerStartRef = Mo.ref(null);
-    const coords = Mo.computed(() => props.position.split("-"));
-    const y = Mo.computed(() => coords.value[0]);
-    const x = Mo.computed(() => coords.value[1]);
-    const isStringOfTitle = Mo.computed(() => typeof props.toast.title !== "string");
-    const isStringOfDescription = Mo.computed(() => typeof props.toast.description !== "string");
+    const offset = No.computed(() => heightIndex.value * props.gap + toastsHeightBefore.value || 0);
+    const closeButton = No.computed(() => props.toast.closeButton ?? props.closeButton);
+    const duration = No.computed(() => props.toast.duration || props.duration || TOAST_LIFETIME);
+    const closeTimerStartTimeRef = No.ref(0);
+    const lastCloseTimerStartTimeRef = No.ref(0);
+    const pointerStartRef = No.ref(null);
+    const coords = No.computed(() => props.position.split("-"));
+    const y = No.computed(() => coords.value[0]);
+    const x = No.computed(() => coords.value[1]);
+    const isStringOfTitle = No.computed(() => typeof props.toast.title !== "string");
+    const isStringOfDescription = No.computed(() => typeof props.toast.description !== "string");
     const { isDocumentHidden } = useIsDocumentHidden();
-    const disabled = Mo.computed(() => toastType.value && toastType.value === "loading");
-    Mo.onMounted(() => {
+    const disabled = No.computed(() => toastType.value && toastType.value === "loading");
+    No.onMounted(() => {
       mounted.value = true;
       remainingTime.value = duration.value;
     });
-    Mo.watchEffect(async () => {
+    No.watchEffect(async () => {
       if (!mounted.value || !toastRef.value) return;
-      await Mo.nextTick();
+      await No.nextTick();
       const toastNode = toastRef.value;
       const originalHeight = toastNode.style.height;
       toastNode.style.height = "auto";
@@ -460,6 +491,7 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defin
       (_b = (_a = props.toast).onDismiss) == null ? void 0 : _b.call(_a, props.toast);
     }
     function onPointerDown(event) {
+      if (event.button === 2) return;
       if (disabled.value || !dismissible.value) return;
       dragStartTime.value = /* @__PURE__ */ new Date();
       offsetBeforeRemove.value = offset.value;
@@ -530,7 +562,7 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defin
       (_c = toastRef.value) == null ? void 0 : _c.style.setProperty("--swipe-amount-x", `${swipeAmount.x}px`);
       (_d = toastRef.value) == null ? void 0 : _d.style.setProperty("--swipe-amount-y", `${swipeAmount.y}px`);
     }
-    Mo.onMounted(() => {
+    No.onMounted(() => {
       mounted.value = true;
       if (!toastRef.value) return;
       const height = toastRef.value.getBoundingClientRect().height;
@@ -542,10 +574,10 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defin
       }, ...props.heights];
       emit("update:heights", newHeights);
     });
-    Mo.onBeforeUnmount(() => {
+    No.onBeforeUnmount(() => {
       if (toastRef.value) emit("removeToast", props.toast);
     });
-    Mo.watchEffect((onInvalidate) => {
+    No.watchEffect((onInvalidate) => {
       if (props.toast.promise && toastType.value === "loading" || props.toast.duration === Infinity || props.toast.type === "loading") return;
       let timeoutId;
       const pauseTimer = () => {
@@ -570,8 +602,12 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defin
         clearTimeout(timeoutId);
       });
     });
-    Mo.watch(() => props.toast.delete, (value) => {
-      if (value !== void 0 && value) deleteToast();
+    No.watch(() => props.toast.delete, (value) => {
+      var _a, _b;
+      if (value !== void 0 && value) {
+        deleteToast();
+        (_b = (_a = props.toast).onDismiss) == null ? void 0 : _b.call(_a, props.toast);
+      }
     }, { deep: true });
     function handleDragEnd() {
       swiping.value = false;
@@ -580,11 +616,11 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defin
     }
     return (_ctx, _cache) => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
-      return Mo.openBlock(), Mo.createElementBlock("li", {
+      return No.openBlock(), No.createElementBlock("li", {
         tabindex: "0",
         ref_key: "toastRef",
         ref: toastRef,
-        class: Mo.normalizeClass(Mo.unref(cn)(props.class, toastClass.value, (_a = _ctx.classes) == null ? void 0 : _a.toast, (_b = _ctx.toast.classes) == null ? void 0 : _b.toast, (_c = _ctx.classes) == null ? void 0 : _c[toastType.value], (_e = (_d = _ctx.toast) == null ? void 0 : _d.classes) == null ? void 0 : _e[toastType.value])),
+        class: No.normalizeClass(No.unref(cn)(props.class, toastClass.value, (_a = _ctx.classes) == null ? void 0 : _a.toast, (_b = _ctx.toast.classes) == null ? void 0 : _b.toast, (_c = _ctx.classes) == null ? void 0 : _c[toastType.value], (_e = (_d = _ctx.toast) == null ? void 0 : _d.classes) == null ? void 0 : _e[toastType.value])),
         "data-sonner-toast": "",
         "data-rich-colors": _ctx.toast.richColors ?? _ctx.defaultRichColors,
         "data-styled": !Boolean(_ctx.toast.component || ((_f = _ctx.toast) == null ? void 0 : _f.unstyled) || _ctx.unstyled),
@@ -604,7 +640,8 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defin
         "data-swipe-out": swipeOut.value,
         "data-swipe-direction": swipeOutDirection.value,
         "data-expanded": Boolean(_ctx.expanded || _ctx.expandByDefault && mounted.value),
-        style: Mo.normalizeStyle({
+        "data-testid": _ctx.toast.testId,
+        style: No.normalizeStyle({
           "--index": _ctx.index,
           "--toasts-before": _ctx.index,
           "--z-index": _ctx.toasts.length - _ctx.index,
@@ -617,58 +654,62 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defin
         onPointerdown: onPointerDown,
         onPointerup: onPointerUp,
         onPointermove: onPointerMove
-      }, [closeButton.value && !_ctx.toast.component && toastType.value !== "loading" ? (Mo.openBlock(), Mo.createElementBlock("button", {
+      }, [closeButton.value && !_ctx.toast.component && toastType.value !== "loading" ? (No.openBlock(), No.createElementBlock("button", {
         key: 0,
         "aria-label": _ctx.closeButtonAriaLabel || "Close toast",
         "data-disabled": disabled.value,
         "data-close-button": "true",
-        class: Mo.normalizeClass(Mo.unref(cn)((_g = _ctx.classes) == null ? void 0 : _g.closeButton, (_i = (_h = _ctx.toast) == null ? void 0 : _h.classes) == null ? void 0 : _i.closeButton)),
+        "data-close-button-position": _ctx.closeButtonPosition,
+        class: No.normalizeClass(No.unref(cn)((_g = _ctx.classes) == null ? void 0 : _g.closeButton, (_i = (_h = _ctx.toast) == null ? void 0 : _h.classes) == null ? void 0 : _i.closeButton)),
         onClick: handleCloseToast
-      }, [((_j = _ctx.icons) == null ? void 0 : _j.close) ? (Mo.openBlock(), Mo.createBlock(Mo.resolveDynamicComponent((_k = _ctx.icons) == null ? void 0 : _k.close), { key: 0 })) : Mo.renderSlot(_ctx.$slots, "close-icon", { key: 1 })], 10, _hoisted_2$2)) : Mo.createCommentVNode("v-if", true), _ctx.toast.component ? (Mo.openBlock(), Mo.createBlock(Mo.resolveDynamicComponent(_ctx.toast.component), Mo.mergeProps({ key: 1 }, _ctx.toast.componentProps, { onCloseToast: handleCloseToast }), null, 16)) : (Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, { key: 2 }, [
-        toastType.value !== "default" || _ctx.toast.icon || _ctx.toast.promise ? (Mo.openBlock(), Mo.createElementBlock("div", {
+      }, [((_j = _ctx.icons) == null ? void 0 : _j.close) ? (No.openBlock(), No.createBlock(No.resolveDynamicComponent((_k = _ctx.icons) == null ? void 0 : _k.close), { key: 0 })) : No.renderSlot(_ctx.$slots, "close-icon", { key: 1 })], 10, _hoisted_2$2)) : No.createCommentVNode("v-if", true), _ctx.toast.component ? (No.openBlock(), No.createBlock(No.resolveDynamicComponent(_ctx.toast.component), No.mergeProps({ key: 1 }, _ctx.toast.componentProps, {
+        onCloseToast: handleCloseToast,
+        isPaused: _ctx.$props.expanded || _ctx.$props.interacting || No.unref(isDocumentHidden)
+      }), null, 16, ["isPaused"])) : (No.openBlock(), No.createElementBlock(No.Fragment, { key: 2 }, [
+        toastType.value !== "default" || _ctx.toast.icon || _ctx.toast.promise ? (No.openBlock(), No.createElementBlock("div", {
           key: 0,
           "data-icon": "",
-          class: Mo.normalizeClass(Mo.unref(cn)((_l = _ctx.classes) == null ? void 0 : _l.icon, (_n = (_m = _ctx.toast) == null ? void 0 : _m.classes) == null ? void 0 : _n.icon))
-        }, [_ctx.toast.icon ? (Mo.openBlock(), Mo.createBlock(Mo.resolveDynamicComponent(_ctx.toast.icon), { key: 0 })) : (Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, { key: 1 }, [toastType.value === "loading" ? Mo.renderSlot(_ctx.$slots, "loading-icon", { key: 0 }) : toastType.value === "success" ? Mo.renderSlot(_ctx.$slots, "success-icon", { key: 1 }) : toastType.value === "error" ? Mo.renderSlot(_ctx.$slots, "error-icon", { key: 2 }) : toastType.value === "warning" ? Mo.renderSlot(_ctx.$slots, "warning-icon", { key: 3 }) : toastType.value === "info" ? Mo.renderSlot(_ctx.$slots, "info-icon", { key: 4 }) : Mo.createCommentVNode("v-if", true)], 64))], 2)) : Mo.createCommentVNode("v-if", true),
-        Mo.createElementVNode("div", {
+          class: No.normalizeClass(No.unref(cn)((_l = _ctx.classes) == null ? void 0 : _l.icon, (_n = (_m = _ctx.toast) == null ? void 0 : _m.classes) == null ? void 0 : _n.icon))
+        }, [_ctx.toast.icon ? (No.openBlock(), No.createBlock(No.resolveDynamicComponent(_ctx.toast.icon), { key: 0 })) : (No.openBlock(), No.createElementBlock(No.Fragment, { key: 1 }, [toastType.value === "loading" ? No.renderSlot(_ctx.$slots, "loading-icon", { key: 0 }) : toastType.value === "success" ? No.renderSlot(_ctx.$slots, "success-icon", { key: 1 }) : toastType.value === "error" ? No.renderSlot(_ctx.$slots, "error-icon", { key: 2 }) : toastType.value === "warning" ? No.renderSlot(_ctx.$slots, "warning-icon", { key: 3 }) : toastType.value === "info" ? No.renderSlot(_ctx.$slots, "info-icon", { key: 4 }) : No.createCommentVNode("v-if", true)], 64))], 2)) : No.createCommentVNode("v-if", true),
+        No.createElementVNode("div", {
           "data-content": "",
-          class: Mo.normalizeClass(Mo.unref(cn)((_o = _ctx.classes) == null ? void 0 : _o.content, (_q = (_p = _ctx.toast) == null ? void 0 : _p.classes) == null ? void 0 : _q.content))
-        }, [Mo.createElementVNode("div", {
+          class: No.normalizeClass(No.unref(cn)((_o = _ctx.classes) == null ? void 0 : _o.content, (_q = (_p = _ctx.toast) == null ? void 0 : _p.classes) == null ? void 0 : _q.content))
+        }, [No.createElementVNode("div", {
           "data-title": "",
-          class: Mo.normalizeClass(Mo.unref(cn)((_r = _ctx.classes) == null ? void 0 : _r.title, (_s = _ctx.toast.classes) == null ? void 0 : _s.title))
-        }, [isStringOfTitle.value ? (Mo.openBlock(), Mo.createBlock(Mo.resolveDynamicComponent(_ctx.toast.title), Mo.normalizeProps(Mo.mergeProps({ key: 0 }, _ctx.toast.componentProps)), null, 16)) : (Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, { key: 1 }, [Mo.createTextVNode(Mo.toDisplayString(_ctx.toast.title), 1)], 64))], 2), _ctx.toast.description ? (Mo.openBlock(), Mo.createElementBlock("div", {
+          class: No.normalizeClass(No.unref(cn)((_r = _ctx.classes) == null ? void 0 : _r.title, (_s = _ctx.toast.classes) == null ? void 0 : _s.title))
+        }, [isStringOfTitle.value ? (No.openBlock(), No.createBlock(No.resolveDynamicComponent(_ctx.toast.title), No.normalizeProps(No.mergeProps({ key: 0 }, _ctx.toast.componentProps)), null, 16)) : (No.openBlock(), No.createElementBlock(No.Fragment, { key: 1 }, [No.createTextVNode(No.toDisplayString(_ctx.toast.title), 1)], 64))], 2), _ctx.toast.description ? (No.openBlock(), No.createElementBlock("div", {
           key: 0,
           "data-description": "",
-          class: Mo.normalizeClass(Mo.unref(cn)(_ctx.descriptionClass, toastDescriptionClass.value, (_t = _ctx.classes) == null ? void 0 : _t.description, (_u = _ctx.toast.classes) == null ? void 0 : _u.description))
-        }, [isStringOfDescription.value ? (Mo.openBlock(), Mo.createBlock(Mo.resolveDynamicComponent(_ctx.toast.description), Mo.normalizeProps(Mo.mergeProps({ key: 0 }, _ctx.toast.componentProps)), null, 16)) : (Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, { key: 1 }, [Mo.createTextVNode(Mo.toDisplayString(_ctx.toast.description), 1)], 64))], 2)) : Mo.createCommentVNode("v-if", true)], 2),
-        _ctx.toast.cancel ? (Mo.openBlock(), Mo.createElementBlock("button", {
+          class: No.normalizeClass(No.unref(cn)(_ctx.descriptionClass, toastDescriptionClass.value, (_t = _ctx.classes) == null ? void 0 : _t.description, (_u = _ctx.toast.classes) == null ? void 0 : _u.description))
+        }, [isStringOfDescription.value ? (No.openBlock(), No.createBlock(No.resolveDynamicComponent(_ctx.toast.description), No.normalizeProps(No.mergeProps({ key: 0 }, _ctx.toast.componentProps)), null, 16)) : (No.openBlock(), No.createElementBlock(No.Fragment, { key: 1 }, [No.createTextVNode(No.toDisplayString(_ctx.toast.description), 1)], 64))], 2)) : No.createCommentVNode("v-if", true)], 2),
+        _ctx.toast.cancel ? (No.openBlock(), No.createElementBlock("button", {
           key: 1,
-          style: Mo.normalizeStyle(_ctx.toast.cancelButtonStyle || _ctx.cancelButtonStyle),
-          class: Mo.normalizeClass(Mo.unref(cn)((_v = _ctx.classes) == null ? void 0 : _v.cancelButton, (_w = _ctx.toast.classes) == null ? void 0 : _w.cancelButton)),
+          style: No.normalizeStyle(_ctx.toast.cancelButtonStyle || _ctx.cancelButtonStyle),
+          class: No.normalizeClass(No.unref(cn)((_v = _ctx.classes) == null ? void 0 : _v.cancelButton, (_w = _ctx.toast.classes) == null ? void 0 : _w.cancelButton)),
           "data-button": "",
           "data-cancel": "",
           onClick: _cache[0] || (_cache[0] = (event) => {
             var _a2, _b2;
-            if (!Mo.unref(isAction)(_ctx.toast.cancel)) return;
+            if (!No.unref(isAction)(_ctx.toast.cancel)) return;
             if (!dismissible.value) return;
             (_b2 = (_a2 = _ctx.toast.cancel).onClick) == null ? void 0 : _b2.call(_a2, event);
             deleteToast();
           })
-        }, Mo.toDisplayString(Mo.unref(isAction)(_ctx.toast.cancel) ? (_x = _ctx.toast.cancel) == null ? void 0 : _x.label : _ctx.toast.cancel), 7)) : Mo.createCommentVNode("v-if", true),
-        _ctx.toast.action ? (Mo.openBlock(), Mo.createElementBlock("button", {
+        }, No.toDisplayString(No.unref(isAction)(_ctx.toast.cancel) ? (_x = _ctx.toast.cancel) == null ? void 0 : _x.label : _ctx.toast.cancel), 7)) : No.createCommentVNode("v-if", true),
+        _ctx.toast.action ? (No.openBlock(), No.createElementBlock("button", {
           key: 2,
-          style: Mo.normalizeStyle(_ctx.toast.actionButtonStyle || _ctx.actionButtonStyle),
-          class: Mo.normalizeClass(Mo.unref(cn)((_y = _ctx.classes) == null ? void 0 : _y.actionButton, (_z = _ctx.toast.classes) == null ? void 0 : _z.actionButton)),
+          style: No.normalizeStyle(_ctx.toast.actionButtonStyle || _ctx.actionButtonStyle),
+          class: No.normalizeClass(No.unref(cn)((_y = _ctx.classes) == null ? void 0 : _y.actionButton, (_z = _ctx.toast.classes) == null ? void 0 : _z.actionButton)),
           "data-button": "",
           "data-action": "",
           onClick: _cache[1] || (_cache[1] = (event) => {
             var _a2, _b2;
-            if (!Mo.unref(isAction)(_ctx.toast.action)) return;
+            if (!No.unref(isAction)(_ctx.toast.action)) return;
             (_b2 = (_a2 = _ctx.toast.action).onClick) == null ? void 0 : _b2.call(_a2, event);
             if (event.defaultPrevented) return;
             deleteToast();
           })
-        }, Mo.toDisplayString(Mo.unref(isAction)(_ctx.toast.action) ? (_A = _ctx.toast.action) == null ? void 0 : _A.label : _ctx.toast.action), 7)) : Mo.createCommentVNode("v-if", true)
+        }, No.toDisplayString(No.unref(isAction)(_ctx.toast.action) ? (_A = _ctx.toast.action) == null ? void 0 : _A.label : _ctx.toast.action), 7)) : No.createCommentVNode("v-if", true)
       ], 64))], 46, _hoisted_1$7);
     };
   }
@@ -692,12 +733,12 @@ const _hoisted_1$6 = {
   "stroke-linejoin": "round"
 };
 function _sfc_render$4(_ctx, _cache) {
-  return Mo.openBlock(), Mo.createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [Mo.createElementVNode("line", {
+  return No.openBlock(), No.createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [No.createElementVNode("line", {
     x1: "18",
     y1: "6",
     x2: "6",
     y2: "18"
-  }, null, -1), Mo.createElementVNode("line", {
+  }, null, -1), No.createElementVNode("line", {
     x1: "6",
     y1: "6",
     x2: "18",
@@ -707,17 +748,17 @@ function _sfc_render$4(_ctx, _cache) {
 var CloseIcon_default = /* @__PURE__ */ export_helper_default(_sfc_main$4, [["render", _sfc_render$4]]);
 const _hoisted_1$5 = ["data-visible"];
 const _hoisted_2$1 = { class: "sonner-spinner" };
-var Loader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defineComponent({
+var Loader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ No.defineComponent({
   __name: "Loader",
   props: { visible: { type: Boolean } },
   setup(__props) {
     const bars = Array(12).fill(0);
     return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createElementBlock("div", {
+      return No.openBlock(), No.createElementBlock("div", {
         class: "sonner-loading-wrapper",
         "data-visible": _ctx.visible
-      }, [Mo.createElementVNode("div", _hoisted_2$1, [(Mo.openBlock(true), Mo.createElementBlock(Mo.Fragment, null, Mo.renderList(Mo.unref(bars), (bar) => {
-        return Mo.openBlock(), Mo.createElementBlock("div", {
+      }, [No.createElementVNode("div", _hoisted_2$1, [(No.openBlock(true), No.createElementBlock(No.Fragment, null, No.renderList(No.unref(bars), (bar) => {
+        return No.openBlock(), No.createElementBlock("div", {
           key: `spinner-bar-${bar}`,
           class: "sonner-loading-bar"
         });
@@ -735,7 +776,7 @@ const _hoisted_1$4 = {
   width: "20"
 };
 function _sfc_render$3(_ctx, _cache) {
-  return Mo.openBlock(), Mo.createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [Mo.createElementVNode("path", {
+  return No.openBlock(), No.createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [No.createElementVNode("path", {
     "fill-rule": "evenodd",
     d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
     "clip-rule": "evenodd"
@@ -751,7 +792,7 @@ const _hoisted_1$3 = {
   width: "20"
 };
 function _sfc_render$2(_ctx, _cache) {
-  return Mo.openBlock(), Mo.createElementBlock("svg", _hoisted_1$3, _cache[0] || (_cache[0] = [Mo.createElementVNode("path", {
+  return No.openBlock(), No.createElementBlock("svg", _hoisted_1$3, _cache[0] || (_cache[0] = [No.createElementVNode("path", {
     "fill-rule": "evenodd",
     d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
     "clip-rule": "evenodd"
@@ -767,7 +808,7 @@ const _hoisted_1$2 = {
   width: "20"
 };
 function _sfc_render$1(_ctx, _cache) {
-  return Mo.openBlock(), Mo.createElementBlock("svg", _hoisted_1$2, _cache[0] || (_cache[0] = [Mo.createElementVNode("path", {
+  return No.openBlock(), No.createElementBlock("svg", _hoisted_1$2, _cache[0] || (_cache[0] = [No.createElementVNode("path", {
     "fill-rule": "evenodd",
     d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
     "clip-rule": "evenodd"
@@ -783,7 +824,7 @@ const _hoisted_1$1 = {
   width: "20"
 };
 function _sfc_render(_ctx, _cache) {
-  return Mo.openBlock(), Mo.createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [Mo.createElementVNode("path", {
+  return No.openBlock(), No.createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [No.createElementVNode("path", {
     "fill-rule": "evenodd",
     d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",
     "clip-rule": "evenodd"
@@ -797,8 +838,7 @@ const _hoisted_2 = [
   "data-theme",
   "data-rich-colors",
   "data-y-position",
-  "data-x-position",
-  "data-lifted"
+  "data-x-position"
 ];
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 function getDocumentDirection() {
@@ -808,17 +848,19 @@ function getDocumentDirection() {
   if (dirAttribute === "auto" || !dirAttribute) return window.getComputedStyle(document.documentElement).direction;
   return dirAttribute;
 }
-var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.defineComponent({
+var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ No.defineComponent({
   name: "Toaster",
   inheritAttrs: false,
   __name: "Toaster",
   props: {
+    id: {},
     invert: {
       type: Boolean,
       default: false
     },
     theme: { default: "light" },
     position: { default: "bottom-right" },
+    closeButtonPosition: { default: "top-left" },
     hotkey: { default: () => ["altKey", "KeyT"] },
     richColors: {
       type: Boolean,
@@ -847,29 +889,38 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.def
   },
   setup(__props) {
     const props = __props;
-    const attrs = Mo.useAttrs();
-    const toasts = Mo.ref([]);
+    const attrs = No.useAttrs();
+    const toasts = No.ref([]);
+    const filteredToastsById = No.computed(() => {
+      if (props.id) return toasts.value.filter((toast$1) => toast$1.toasterId === props.id);
+      return toasts.value.filter((toast$1) => !toast$1.toasterId);
+    });
     function filteredToasts(pos, index) {
-      return toasts.value.filter((toast$1) => !toast$1.position && index === 0 || toast$1.position === pos);
+      return filteredToastsById.value.filter((toast$1) => !toast$1.position && index === 0 || toast$1.position === pos);
     }
-    const possiblePositions = Mo.computed(() => {
-      const posList = toasts.value.filter((toast$1) => toast$1.position).map((toast$1) => toast$1.position);
+    const possiblePositions = No.computed(() => {
+      const posList = filteredToastsById.value.filter((toast$1) => toast$1.position).map((toast$1) => toast$1.position);
       return posList.length > 0 ? Array.from(new Set([props.position].concat(posList))) : [props.position];
     });
-    const toastsByPosition = Mo.computed(() => {
+    const toastsByPosition = No.computed(() => {
       const result = {};
       possiblePositions.value.forEach((pos) => {
         result[pos] = toasts.value.filter((t) => t.position === pos);
       });
       return result;
     });
-    const heights = Mo.ref([]);
-    const expanded = Mo.ref(false);
-    const interacting = Mo.ref(false);
-    const actualTheme = Mo.ref(props.theme !== "system" ? props.theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
-    const listRef = Mo.ref(null);
-    const lastFocusedElementRef = Mo.ref(null);
-    const isFocusWithinRef = Mo.ref(false);
+    const heights = No.ref([]);
+    const expanded = No.ref({});
+    const interacting = No.ref(false);
+    No.watchEffect(() => {
+      possiblePositions.value.forEach((pos) => {
+        if (!(pos in expanded.value)) expanded.value[pos] = false;
+      });
+    });
+    const actualTheme = No.ref(props.theme !== "system" ? props.theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
+    const listRef = No.ref(null);
+    const lastFocusedElementRef = No.ref(null);
+    const isFocusWithinRef = No.ref(false);
     const hotkeyLabel = props.hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
     function removeToast(toastToRemove) {
       var _a;
@@ -904,7 +955,7 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.def
       }
       interacting.value = true;
     }
-    Mo.watchEffect((onInvalidate) => {
+    No.watchEffect((onInvalidate) => {
       const unsubscribe = ToastState.subscribe((toast$1) => {
         if (toast$1.dismiss) {
           requestAnimationFrame(() => {
@@ -915,7 +966,7 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.def
           });
           return;
         }
-        Mo.nextTick(() => {
+        No.nextTick(() => {
           const indexOfExistingToast = toasts.value.findIndex((t) => t.id === toast$1.id);
           if (indexOfExistingToast !== -1) toasts.value = [
             ...toasts.value.slice(0, indexOfExistingToast),
@@ -930,7 +981,7 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.def
       });
       onInvalidate(unsubscribe);
     });
-    Mo.watchEffect((onInvalidate) => {
+    No.watchEffect((onInvalidate) => {
       if (typeof window === "undefined") return;
       if (props.theme !== "system") {
         actualTheme.value = props.theme;
@@ -957,26 +1008,32 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.def
         }
       });
     });
-    Mo.watchEffect(() => {
+    No.watchEffect(() => {
       if (listRef.value && lastFocusedElementRef.value) {
         lastFocusedElementRef.value.focus({ preventScroll: true });
         lastFocusedElementRef.value = null;
         isFocusWithinRef.value = false;
       }
     });
-    Mo.watchEffect(() => {
-      if (toasts.value.length <= 1) expanded.value = false;
+    No.watchEffect(() => {
+      if (toasts.value.length <= 1) Object.keys(expanded.value).forEach((pos) => {
+        expanded.value[pos] = false;
+      });
     });
-    Mo.watchEffect((onInvalidate) => {
+    No.watchEffect((onInvalidate) => {
       function handleKeyDown(event) {
         const isHotkeyPressed = props.hotkey.every((key) => event[key] || event.code === key);
         const listRefItem = Array.isArray(listRef.value) ? listRef.value[0] : listRef.value;
         if (isHotkeyPressed) {
-          expanded.value = true;
+          possiblePositions.value.forEach((pos) => {
+            expanded.value[pos] = true;
+          });
           listRefItem == null ? void 0 : listRefItem.focus();
         }
         const isItemActive = document.activeElement === listRef.value || (listRefItem == null ? void 0 : listRefItem.contains(document.activeElement));
-        if (event.code === "Escape" && isItemActive) expanded.value = false;
+        if (event.code === "Escape" && isItemActive) possiblePositions.value.forEach((pos) => {
+          expanded.value[pos] = false;
+        });
       }
       if (!isClient) return;
       document.addEventListener("keydown", handleKeyDown);
@@ -984,14 +1041,22 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.def
         document.removeEventListener("keydown", handleKeyDown);
       });
     });
-    function handleMouseEnter() {
-      expanded.value = true;
+    function handleMouseEnter(event) {
+      const target = event.currentTarget;
+      const position = target.getAttribute("data-y-position") + "-" + target.getAttribute("data-x-position");
+      expanded.value[position] = true;
     }
-    function handleMouseLeave() {
-      if (!interacting.value) expanded.value = false;
+    function handleMouseLeave(event) {
+      if (!interacting.value) {
+        const target = event.currentTarget;
+        const position = target.getAttribute("data-y-position") + "-" + target.getAttribute("data-x-position");
+        expanded.value[position] = false;
+      }
     }
     function handleDragEnd() {
-      expanded.value = false;
+      Object.keys(expanded.value).forEach((pos) => {
+        expanded.value[pos] = false;
+      });
     }
     function handlePointerUp() {
       interacting.value = false;
@@ -1009,15 +1074,15 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.def
       }
     }
     return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, null, [Mo.createCommentVNode(" Remove item from normal navigation flow, only available via hotkey "), Mo.createElementVNode("section", {
-        "aria-label": `${_ctx.containerAriaLabel} ${Mo.unref(hotkeyLabel)}`,
+      return No.openBlock(), No.createElementBlock(No.Fragment, null, [No.createCommentVNode(" Remove item from normal navigation flow, only available via hotkey "), No.createElementVNode("section", {
+        "aria-label": `${_ctx.containerAriaLabel} ${No.unref(hotkeyLabel)}`,
         tabIndex: -1,
         "aria-live": "polite",
         "aria-relevant": "additions text",
         "aria-atomic": "false"
-      }, [(Mo.openBlock(true), Mo.createElementBlock(Mo.Fragment, null, Mo.renderList(possiblePositions.value, (pos, index) => {
+      }, [(No.openBlock(true), No.createElementBlock(No.Fragment, null, No.renderList(possiblePositions.value, (pos, index) => {
         var _a;
-        return Mo.openBlock(), Mo.createElementBlock("ol", Mo.mergeProps({
+        return No.openBlock(), No.createElementBlock("ol", No.mergeProps({
           key: pos,
           ref_for: true,
           ref_key: "listRef",
@@ -1031,16 +1096,15 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.def
           "data-rich-colors": _ctx.richColors,
           "data-y-position": pos.split("-")[0],
           "data-x-position": pos.split("-")[1],
-          "data-lifted": expanded.value && toasts.value.length > 1 && !_ctx.expand,
           style: {
             "--front-toast-height": `${((_a = heights.value[0]) == null ? void 0 : _a.height) || 0}px`,
-            "--width": `${Mo.unref(TOAST_WIDTH)}px`,
+            "--width": `${No.unref(TOAST_WIDTH)}px`,
             "--gap": `${_ctx.gap}px`,
             ..._ctx.style,
-            ...Mo.unref(attrs).style,
-            ...Mo.unref(assignOffset)(_ctx.offset, _ctx.mobileOffset)
+            ...No.unref(attrs).style,
+            ...No.unref(assignOffset)(_ctx.offset, _ctx.mobileOffset)
           }
-        }, _ctx.$attrs, {
+        }, { ref_for: true }, _ctx.$attrs, {
           onBlur,
           onFocus,
           onMouseenter: handleMouseEnter,
@@ -1049,9 +1113,9 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.def
           onDragend: handleDragEnd,
           onPointerdown: onPointerDown,
           onPointerup: handlePointerUp
-        }), [(Mo.openBlock(true), Mo.createElementBlock(Mo.Fragment, null, Mo.renderList(filteredToasts(pos, index), (toast$1, idx) => {
-          var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-          return Mo.openBlock(), Mo.createBlock(Toast_default, {
+        }), [(No.openBlock(true), No.createElementBlock(No.Fragment, null, No.renderList(filteredToasts(pos, index), (toast$1, idx) => {
+          var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+          return No.openBlock(), No.createBlock(Toast_default, {
             key: toast$1.id,
             heights: heights.value,
             icons: _ctx.icons,
@@ -1059,34 +1123,35 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.def
             toast: toast$1,
             defaultRichColors: _ctx.richColors,
             duration: ((_a2 = _ctx.toastOptions) == null ? void 0 : _a2.duration) ?? _ctx.duration,
-            class: Mo.normalizeClass(((_b = _ctx.toastOptions) == null ? void 0 : _b.class) ?? ""),
+            class: No.normalizeClass(((_b = _ctx.toastOptions) == null ? void 0 : _b.class) ?? ""),
             descriptionClass: (_c = _ctx.toastOptions) == null ? void 0 : _c.descriptionClass,
             invert: _ctx.invert,
             visibleToasts: _ctx.visibleToasts,
             closeButton: ((_d = _ctx.toastOptions) == null ? void 0 : _d.closeButton) ?? _ctx.closeButton,
             interacting: interacting.value,
             position: pos,
-            style: Mo.normalizeStyle((_e = _ctx.toastOptions) == null ? void 0 : _e.style),
-            unstyled: (_f = _ctx.toastOptions) == null ? void 0 : _f.unstyled,
-            classes: (_g = _ctx.toastOptions) == null ? void 0 : _g.classes,
-            cancelButtonStyle: (_h = _ctx.toastOptions) == null ? void 0 : _h.cancelButtonStyle,
-            actionButtonStyle: (_i = _ctx.toastOptions) == null ? void 0 : _i.actionButtonStyle,
-            "close-button-aria-label": (_j = _ctx.toastOptions) == null ? void 0 : _j.closeButtonAriaLabel,
+            closeButtonPosition: ((_e = _ctx.toastOptions) == null ? void 0 : _e.closeButtonPosition) ?? _ctx.closeButtonPosition,
+            style: No.normalizeStyle((_f = _ctx.toastOptions) == null ? void 0 : _f.style),
+            unstyled: (_g = _ctx.toastOptions) == null ? void 0 : _g.unstyled,
+            classes: (_h = _ctx.toastOptions) == null ? void 0 : _h.classes,
+            cancelButtonStyle: (_i = _ctx.toastOptions) == null ? void 0 : _i.cancelButtonStyle,
+            actionButtonStyle: (_j = _ctx.toastOptions) == null ? void 0 : _j.actionButtonStyle,
+            "close-button-aria-label": (_k = _ctx.toastOptions) == null ? void 0 : _k.closeButtonAriaLabel,
             toasts: toastsByPosition.value[pos],
             expandByDefault: _ctx.expand,
             gap: _ctx.gap,
-            expanded: expanded.value,
+            expanded: expanded.value[pos] || false,
             swipeDirections: props.swipeDirections,
             "onUpdate:heights": updateHeights,
             "onUpdate:height": updateHeight,
             onRemoveToast: removeToast
           }, {
-            "close-icon": Mo.withCtx(() => [Mo.renderSlot(_ctx.$slots, "close-icon", {}, () => [Mo.createVNode(CloseIcon_default)])]),
-            "loading-icon": Mo.withCtx(() => [Mo.renderSlot(_ctx.$slots, "loading-icon", {}, () => [Mo.createVNode(Loader_default, { visible: toast$1.type === "loading" }, null, 8, ["visible"])])]),
-            "success-icon": Mo.withCtx(() => [Mo.renderSlot(_ctx.$slots, "success-icon", {}, () => [Mo.createVNode(SuccessIcon_default)])]),
-            "error-icon": Mo.withCtx(() => [Mo.renderSlot(_ctx.$slots, "error-icon", {}, () => [Mo.createVNode(ErrorIcon_default)])]),
-            "warning-icon": Mo.withCtx(() => [Mo.renderSlot(_ctx.$slots, "warning-icon", {}, () => [Mo.createVNode(WarningIcon_default)])]),
-            "info-icon": Mo.withCtx(() => [Mo.renderSlot(_ctx.$slots, "info-icon", {}, () => [Mo.createVNode(InfoIcon_default)])]),
+            "close-icon": No.withCtx(() => [No.renderSlot(_ctx.$slots, "close-icon", {}, () => [No.createVNode(CloseIcon_default)])]),
+            "loading-icon": No.withCtx(() => [No.renderSlot(_ctx.$slots, "loading-icon", {}, () => [No.createVNode(Loader_default, { visible: toast$1.type === "loading" }, null, 8, ["visible"])])]),
+            "success-icon": No.withCtx(() => [No.renderSlot(_ctx.$slots, "success-icon", {}, () => [No.createVNode(SuccessIcon_default)])]),
+            "error-icon": No.withCtx(() => [No.renderSlot(_ctx.$slots, "error-icon", {}, () => [No.createVNode(ErrorIcon_default)])]),
+            "warning-icon": No.withCtx(() => [No.renderSlot(_ctx.$slots, "warning-icon", {}, () => [No.createVNode(WarningIcon_default)])]),
+            "info-icon": No.withCtx(() => [No.renderSlot(_ctx.$slots, "info-icon", {}, () => [No.createVNode(InfoIcon_default)])]),
             _: 2
           }, 1032, [
             "heights",
@@ -1102,6 +1167,7 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.def
             "closeButton",
             "interacting",
             "position",
+            "closeButtonPosition",
             "style",
             "unstyled",
             "classes",
@@ -1120,12 +1186,14 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Mo.def
   }
 });
 var Toaster_default = Toaster_vue_vue_type_script_setup_true_lang_default;
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+const _sfc_main = /* @__PURE__ */ No.defineComponent({
   __name: "sonner",
   props: {
+    id: {},
     invert: { type: Boolean },
     theme: {},
     position: {},
+    closeButtonPosition: {},
     hotkey: {},
     richColors: { type: Boolean },
     expand: { type: Boolean },
@@ -1146,7 +1214,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(Mo.unref(Toaster_default), Mo.normalizeProps(Mo.guardReactiveProps(props)), null, 16);
+      return No.openBlock(), No.createBlock(No.unref(Toaster_default), No.normalizeProps(No.guardReactiveProps(props)), null, 16);
     };
   }
 });