@youcan/celeste 0.6.69 → 0.6.71

package/dist/es/chunks/scroll-area.js

@@ -1,6 +1,6 @@
-import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot } from "vue";
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
-import { O as Oy, k as ky, F as Fy } from "./index.js";
+import { V as Vy, F as Fy, z as zy } from "./index.js";
 import ScrollBar from "../scroll-bar.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "scroll-area",
@@ -19,18 +19,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return delegated;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Oy), mergeProps(delegatedProps.value, {
+      return openBlock(), createBlock(unref(Vy), mergeProps(delegatedProps.value, {
         class: unref(clsx)("relative overflow-hidden", props.class)
       }), {
         default: withCtx(() => [
-          createVNode(unref(ky), { class: "h-full w-full rounded-[inherit]" }, {
+          createVNode(unref(Fy), { class: "h-full w-full rounded-[inherit]" }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
           }),
           createVNode(ScrollBar),
-          createVNode(unref(Fy))
+          createVNode(unref(zy))
         ]),
         _: 3
       }, 16, ["class"]);

package/dist/es/chunks/select-group.js

@@ -1,5 +1,5 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
-import { d as Gy } from "./index.js";
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
+import { f as Xy } from "./index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select-group",
   props: {
@@ -9,7 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Gy), normalizeProps(guardReactiveProps(props)), {
+      return openBlock(), createBlock(unref(Xy), normalizeProps(guardReactiveProps(props)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/es/chunks/select.js

@@ -1,7 +1,7 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { c as clsx } from "./clsx.js";
-import { x as xe, N as Ny } from "./index.js";
+import { S as Se, K as Ky } from "./index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select",
   props: {
@@ -21,9 +21,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const delegatedProps = useDelegatedProps(props, "class");
-    const forwarded = xe(delegatedProps, emits);
+    const forwarded = Se(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Ny), mergeProps(unref(forwarded), {
+      return openBlock(), createBlock(unref(Ky), mergeProps(unref(forwarded), {
         class: unref(clsx)("celeste-select", props.class)
       }), {
         default: withCtx(() => [

package/dist/es/chunks/sheet-trigger.js

@@ -1,5 +1,5 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
-import { t as tu } from "./index.js";
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
+import { o as ou } from "./index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sheet-trigger",
   props: {
@@ -9,7 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(tu), normalizeProps(guardReactiveProps(props)), {
+      return openBlock(), createBlock(unref(ou), normalizeProps(guardReactiveProps(props)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/es/chunks/sheet.js

@@ -1,5 +1,5 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
-import { x as xe, e as eu } from "./index.js";
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
+import { S as Se, n as nu } from "./index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sheet",
   props: {
@@ -11,9 +11,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const forwarded = xe(props, emits);
+    const forwarded = Se(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(eu), normalizeProps(guardReactiveProps(unref(forwarded))), {
+      return openBlock(), createBlock(unref(nu), normalizeProps(guardReactiveProps(unref(forwarded))), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/es/chunks/sidebar-content.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-content",

package/dist/es/chunks/sidebar-element.js

@@ -1,6 +1,6 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
-import { f as O } from "./index.js";
+import { h as O } from "./index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-element",
   props: {

package/dist/es/chunks/sidebar-footer.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-footer",

package/dist/es/chunks/sidebar-group-label.js

@@ -1,6 +1,6 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
+import { defineComponent, createBlock, openBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
-import { f as O } from "./index.js";
+import { h as O } from "./index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-group-label",
   props: {

package/dist/es/chunks/sidebar-group.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-group",

package/dist/es/chunks/sidebar-header.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-header",

package/dist/es/chunks/sidebar-menu-action.js

@@ -1,6 +1,6 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
+import { defineComponent, createBlock, openBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
-import { f as O } from "./index.js";
+import { h as O } from "./index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-menu-action",
   props: {

package/dist/es/chunks/sidebar-menu-badge.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, normalizeClass, unref } from "vue";
+import { defineComponent, createBlock, openBlock, normalizeClass, unref } from "vue";
 import Badge from "../badge.js";
 import { c as clsx } from "./clsx.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/chunks/sidebar-menu-button.js

@@ -1,6 +1,6 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
-import { f as O } from "./index.js";
+import { h as O } from "./index.js";
 import { r as reactiveOmit } from "./index2.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/chunks/sidebar-menu-item.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-menu-item",

package/dist/es/chunks/sidebar-menu-sub-button.js

@@ -1,6 +1,6 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
-import { f as O } from "./index.js";
+import { h as O } from "./index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-menu-sub-button",
   props: {

package/dist/es/chunks/sidebar-menu-sub-item.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-menu-sub-item",

package/dist/es/chunks/sidebar-menu-sub.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-menu-sub",

package/dist/es/chunks/sidebar-menu.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { c as clsx } from "./clsx.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-menu",

package/dist/es/chunks/sidebar-provider.vue_vue_type_style_index_0_lang.js

@@ -1,7 +1,7 @@
 var _a;
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, unref, renderSlot } from "vue";
-import { SIDEBAR_COOKIE_NAME, provideSidebarContext, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_KEYBOARD_SHORTCUT } from "../use-sidebar.js";
-import { d as defaultDocument, u as useMediaQuery, a as useVModel, b as useEventListener } from "./index3.js";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, unref, renderSlot } from "vue";
+import { provideSidebarContext, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH, SIDEBAR_COOKIE_NAME, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_KEYBOARD_SHORTCUT } from "../use-sidebar.js";
+import { u as useMediaQuery, a as useVModel, b as useEventListener, d as defaultDocument } from "./index3.js";
 import { c as clsx } from "./clsx.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sidebar-provider",

package/dist/es/chunks/sidebar-separator.vue_vue_type_style_index_0_lang.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeClass } from "vue";
+import { defineComponent, createBlock, openBlock, unref, normalizeClass } from "vue";
 import { c as clsx } from "./clsx.js";
 /* empty css                                                      */
 /* empty css                                                      */

package/dist/es/chunks/sidebar.js

@@ -1,4 +1,4 @@
-import { defineComponent, unref, openBlock, createBlock, mergeProps, withCtx, createVNode, normalizeStyle, createElementVNode, renderSlot, createElementBlock, normalizeClass } from "vue";
+import { defineComponent, createBlock, createElementBlock, unref, openBlock, mergeProps, withCtx, createVNode, normalizeStyle, createElementVNode, renderSlot, normalizeClass } from "vue";
 import { c as clsx } from "./clsx.js";
 /* empty css                                                            */
 import SheetContent from "../sheet-content.js";

package/dist/es/chunks/slider.js

@@ -1,7 +1,7 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createElementBlock, Fragment, renderList } from "vue";
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, createElementBlock, Fragment, renderList } from "vue";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { c as clsx } from "./clsx.js";
-import { x as xe, i as tg, n as ng, o as og, l as ag } from "./index.js";
+import { S as Se, i as og, s as sg, r as rg, l as lg } from "./index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "slider",
   props: {
@@ -24,20 +24,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const delegatedProps = useDelegatedProps(props, "class");
-    const forwarded = xe(delegatedProps, emits);
+    const forwarded = Se(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(tg), mergeProps(unref(forwarded), {
+      return openBlock(), createBlock(unref(og), mergeProps(unref(forwarded), {
         class: unref(clsx)("celeste-slider", props.class)
       }), {
         default: withCtx(() => [
-          createVNode(unref(ng), { class: "celeste-slider-track" }, {
+          createVNode(unref(sg), { class: "celeste-slider-track" }, {
             default: withCtx(() => [
-              createVNode(unref(og), { class: "celeste-slider-range" })
+              createVNode(unref(rg), { class: "celeste-slider-range" })
             ]),
             _: 1
           }),
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.modelValue, (_, key) => {
-            return openBlock(), createBlock(unref(ag), {
+            return openBlock(), createBlock(unref(lg), {
               key,
               class: "celeste-slider-thumb"
             });

package/dist/es/chunks/sonner.js

@@ -1,7 +1,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);
-import { defineComponent, useAttrs, ref, computed, watchEffect, nextTick, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, unref, renderList, mergeProps, createBlock, normalizeClass, normalizeStyle, withCtx, renderSlot, createVNode, isVNode, onMounted, onBeforeUnmount, watch, resolveDynamicComponent, normalizeProps, createTextVNode, toDisplayString, guardReactiveProps } from "vue";
+import { isVNode, defineComponent, useAttrs, ref, computed, watchEffect, nextTick, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, unref, renderList, mergeProps, createBlock, normalizeStyle, normalizeClass, withCtx, renderSlot, createVNode, onMounted, onBeforeUnmount, watch, resolveDynamicComponent, normalizeProps, createTextVNode, toDisplayString, guardReactiveProps } from "vue";
 let toastsCounter = 1;
 var Observer = class {
   constructor() {
@@ -215,8 +215,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
       });
@@ -341,9 +366,14 @@ 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",
+  "data-close-button-position"
 ];
-const _hoisted_2$2 = ["aria-label", "data-disabled"];
 var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   __name: "Toast",
   props: {
@@ -356,6 +386,7 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
     heights: {},
     gap: {},
     position: {},
+    closeButtonPosition: {},
     visibleToasts: {},
     expandByDefault: { type: Boolean },
     closeButton: { type: Boolean },
@@ -459,6 +490,7 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
       (_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;
@@ -570,7 +602,11 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
       });
     });
     watch(() => props.toast.delete, (value) => {
-      if (value !== void 0 && value) deleteToast();
+      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;
@@ -603,6 +639,7 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
         "data-swipe-out": swipeOut.value,
         "data-swipe-direction": swipeOutDirection.value,
         "data-expanded": Boolean(_ctx.expanded || _ctx.expandByDefault && mounted.value),
+        "data-testid": _ctx.toast.testId,
         style: normalizeStyle({
           "--index": _ctx.index,
           "--toasts-before": _ctx.index,
@@ -621,9 +658,13 @@ var Toast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
         "aria-label": _ctx.closeButtonAriaLabel || "Close toast",
         "data-disabled": disabled.value,
         "data-close-button": "true",
+        "data-close-button-position": _ctx.closeButtonPosition,
         class: normalizeClass(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) ? (openBlock(), createBlock(resolveDynamicComponent((_k = _ctx.icons) == null ? void 0 : _k.close), { key: 0 })) : renderSlot(_ctx.$slots, "close-icon", { key: 1 })], 10, _hoisted_2$2)) : createCommentVNode("v-if", true), _ctx.toast.component ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.toast.component), mergeProps({ key: 1 }, _ctx.toast.componentProps, { onCloseToast: handleCloseToast }), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+      }, [((_j = _ctx.icons) == null ? void 0 : _j.close) ? (openBlock(), createBlock(resolveDynamicComponent((_k = _ctx.icons) == null ? void 0 : _k.close), { key: 0 })) : renderSlot(_ctx.$slots, "close-icon", { key: 1 })], 10, _hoisted_2$2)) : createCommentVNode("v-if", true), _ctx.toast.component ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.toast.component), mergeProps({ key: 1 }, _ctx.toast.componentProps, {
+        onCloseToast: handleCloseToast,
+        isPaused: _ctx.$props.expanded || _ctx.$props.interacting || unref(isDocumentHidden)
+      }), null, 16, ["isPaused"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
         toastType.value !== "default" || _ctx.toast.icon || _ctx.toast.promise ? (openBlock(), createElementBlock("div", {
           key: 0,
           "data-icon": "",
@@ -796,8 +837,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() {
@@ -812,12 +852,14 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
   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,
@@ -848,11 +890,15 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
     const props = __props;
     const attrs = useAttrs();
     const toasts = ref([]);
+    const filteredToastsById = 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 = computed(() => {
-      const posList = toasts.value.filter((toast$1) => toast$1.position).map((toast$1) => toast$1.position);
+      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 = computed(() => {
@@ -863,8 +909,13 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
       return result;
     });
     const heights = ref([]);
-    const expanded = ref(false);
+    const expanded = ref({});
     const interacting = ref(false);
+    watchEffect(() => {
+      possiblePositions.value.forEach((pos) => {
+        if (!(pos in expanded.value)) expanded.value[pos] = false;
+      });
+    });
     const actualTheme = ref(props.theme !== "system" ? props.theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
     const listRef = ref(null);
     const lastFocusedElementRef = ref(null);
@@ -964,18 +1015,24 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
       }
     });
     watchEffect(() => {
-      if (toasts.value.length <= 1) expanded.value = false;
+      if (toasts.value.length <= 1) Object.keys(expanded.value).forEach((pos) => {
+        expanded.value[pos] = false;
+      });
     });
     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);
@@ -983,14 +1040,22 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
         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;
@@ -1030,7 +1095,6 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
           "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": `${unref(TOAST_WIDTH)}px`,
@@ -1039,7 +1103,7 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
             ...unref(attrs).style,
             ...unref(assignOffset)(_ctx.offset, _ctx.mobileOffset)
           }
-        }, _ctx.$attrs, {
+        }, { ref_for: true }, _ctx.$attrs, {
           onBlur,
           onFocus,
           onMouseenter: handleMouseEnter,
@@ -1049,7 +1113,7 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
           onPointerdown: onPointerDown,
           onPointerup: handlePointerUp
         }), [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredToasts(pos, index), (toast$1, idx) => {
-          var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+          var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
           return openBlock(), createBlock(Toast_default, {
             key: toast$1.id,
             heights: heights.value,
@@ -1065,16 +1129,17 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
             closeButton: ((_d = _ctx.toastOptions) == null ? void 0 : _d.closeButton) ?? _ctx.closeButton,
             interacting: interacting.value,
             position: pos,
-            style: 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: 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,
@@ -1101,6 +1166,7 @@ var Toaster_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
             "closeButton",
             "interacting",
             "position",
+            "closeButtonPosition",
             "style",
             "unstyled",
             "classes",
@@ -1122,9 +1188,11 @@ var Toaster_default = Toaster_vue_vue_type_script_setup_true_lang_default;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sonner",
   props: {
+    id: {},
     invert: { type: Boolean },
     theme: {},
     position: {},
+    closeButtonPosition: {},
     hotkey: {},
     richColors: { type: Boolean },
     expand: { type: Boolean },

package/dist/es/chunks/switch.js

@@ -1,7 +1,7 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createVNode } from "vue";
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createVNode } from "vue";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { c as clsx } from "./clsx.js";
-import { x as xe, r as mg, s as hg } from "./index.js";
+import { S as Se, m as gg, p as bg } from "./index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "switch",
   props: {
@@ -21,13 +21,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const delegatedProps = useDelegatedProps(props, "class");
-    const forwarded = xe(delegatedProps, emits);
+    const forwarded = Se(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(mg), mergeProps(unref(forwarded), {
+      return openBlock(), createBlock(unref(gg), mergeProps(unref(forwarded), {
         class: unref(clsx)("celeste-switch", props.class)
       }), {
         default: withCtx(() => [
-          createVNode(unref(hg), { class: "celeste-switch-thumb" })
+          createVNode(unref(bg), { class: "celeste-switch-thumb" })
         ]),
         _: 1
       }, 16, ["class"]);

package/dist/es/chunks/tinycolor.js

@@ -822,7 +822,7 @@ function convertDecimalToHex(d) {
 function convertHexToDecimal(h) {
   return parseIntFromHex(h) / 255;
 }
-var matchers = function() {
+var matchers = (function() {
   var CSS_INTEGER = "[-\\+]?\\d+%?";
   var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
   var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
@@ -841,7 +841,7 @@ var matchers = function() {
     hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
     hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
   };
-}();
+})();
 function isValidCSSUnit(color) {
   return !!matchers.CSS_UNIT.exec(color);
 }