vlite3 1.5.0 → 1.5.2

package/components/Screen/components/ScreenAddAction.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as x, computed as m, markRaw as w, resolveComponent as N, openBlock as d, createBlock as o, resolveDynamicComponent as P, createElementBlock as f, Fragment as y, mergeProps as e, withCtx as n, createVNode as B, createTextVNode as i, toDisplayString as r, createCommentVNode as k } from "vue";
+import { defineComponent as A, computed as m, markRaw as y, resolveComponent as N, openBlock as n, createBlock as o, resolveDynamicComponent as P, createElementBlock as f, Fragment as k, mergeProps as e, withCtx as d, createVNode as B, createTextVNode as i, toDisplayString as r, createCommentVNode as s } from "vue";
 import c from "../../Button.vue.js";
 import V from "../../Modal.vue.js";
 import { $t as g } from "../../../utils/i18n.js";
-const D = ["href", "target"], F = /* @__PURE__ */ x({
+const D = ["href", "target"], F = /* @__PURE__ */ A({
   __name: "ScreenAddAction",
   props: {
     canAdd: { type: Boolean },
@@ -13,92 +13,92 @@ const D = ["href", "target"], F = /* @__PURE__ */ x({
     refetch: {}
   },
   emits: ["add"],
-  setup(t, { emit: C }) {
-    const a = t, b = C, v = m(
-      () => a.addComponent ? w(a.addComponent) : void 0
-    ), h = m(
-      () => a.addBtn?.modal ? w(a.addBtn.modal) : void 0
+  setup(t, { emit: x }) {
+    const a = t, C = x, v = m(
+      () => a.addComponent ? y(a.addComponent) : void 0
+    ), b = m(
+      () => a.addBtn?.modal ? y(a.addBtn.modal) : void 0
     ), l = m(() => {
       if (a.addBtn?.labelI18n) return g(a.addBtn.labelI18n);
       if (a.addBtn?.label) return a.addBtn.label;
       const u = g("vlite.screen.addNew");
       return u !== "vlite.screen.addNew" ? u : "Add New";
     });
-    return (u, s) => {
-      const A = N("router-link");
-      return v.value ? (d(), o(P(v.value), { key: 0 })) : t.canAdd ? (d(), f(y, { key: 1 }, [
-        t.addBtn ? (d(), f(y, { key: 0 }, [
-          t.addBtn.modal ? (d(), o(V, e({
+    return (u, w) => {
+      const h = N("router-link");
+      return v.value ? (n(), o(P(v.value), { key: 0 })) : t.canAdd ? (n(), f(k, { key: 1 }, [
+        t.addBtn ? (n(), f(k, { key: 0 }, [
+          t.addBtn.modal ? (n(), o(V, e({
             key: 0,
-            body: h.value
+            body: b.value
           }, t.addBtn.modalProps, {
             refetch: t.refetch,
             data: t.data,
-            triggerClass: "w-full",
+            class: "w-full min-[900px]:w-auto!",
             loading: t.loading
           }), {
-            trigger: n(() => [
+            trigger: d(() => [
               B(c, e({
-                class: "w-full",
+                class: "w-full min-[900px]:w-auto!",
                 icon: t.addBtn.icon || "fluent:add-16-filled",
                 variant: t.addBtn.variant || "primary"
               }, t.addBtn.buttonProps), {
-                default: n(() => [
+                default: d(() => [
                   i(r(l.value), 1)
                 ]),
                 _: 1
               }, 16, ["icon", "variant"])
             ]),
             _: 1
-          }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (d(), o(A, {
+          }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (n(), o(h, {
             key: 1,
             to: t.addBtn.to,
-            class: "inline-flex w-full sm:w-auto"
+            class: "inline-flex w-full min-[900px]:w-auto"
           }, {
-            default: n(() => [
+            default: d(() => [
               B(c, e({
-                class: "w-full",
+                class: "w-full min-[900px]:w-auto!",
                 icon: t.addBtn.icon || "fluent:add-16-filled",
                 variant: t.addBtn.variant || "primary"
               }, t.addBtn.buttonProps), {
-                default: n(() => [
+                default: d(() => [
                   i(r(l.value), 1)
                 ]),
                 _: 1
               }, 16, ["icon", "variant"])
             ]),
             _: 1
-          }, 8, ["to"])) : t.addBtn.href ? (d(), f("a", {
+          }, 8, ["to"])) : t.addBtn.href ? (n(), f("a", {
             key: 2,
             href: t.addBtn.href,
             target: t.addBtn.target,
-            class: "inline-flex w-full sm:w-auto"
+            class: "inline-flex w-full min-[900px]:w-auto"
           }, [
             B(c, e({
-              class: "w-full",
+              class: "w-full min-[900px]:w-auto!",
               icon: t.addBtn.icon || "fluent:add-16-filled",
               variant: t.addBtn.variant || "primary"
             }, t.addBtn.buttonProps), {
-              default: n(() => [
+              default: d(() => [
                 i(r(l.value), 1)
               ]),
               _: 1
             }, 16, ["icon", "variant"])
-          ], 8, D)) : (d(), o(c, e({
+          ], 8, D)) : (n(), o(c, e({
             key: 3,
-            class: "w-full sm:w-auto",
+            class: "w-full min-[900px]:w-auto!",
             icon: t.addBtn.icon || "fluent:add-16-filled",
             variant: t.addBtn.variant || "primary"
           }, t.addBtn.buttonProps, {
-            onClick: s[0] || (s[0] = (I) => t.addBtn.onClick ? t.addBtn.onClick() : b("add"))
+            onClick: w[0] || (w[0] = (I) => t.addBtn.onClick ? t.addBtn.onClick() : C("add"))
           }), {
-            default: n(() => [
+            default: d(() => [
               i(r(l.value), 1)
             ]),
             _: 1
           }, 16, ["icon", "variant"]))
-        ], 64)) : k("", !0)
-      ], 64)) : k("", !0);
+        ], 64)) : s("", !0)
+      ], 64)) : s("", !0);
     };
   }
 });

package/components/Screen/components/ScreenHeaderTitle.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as p, computed as c, openBlock as n, createElementBlock as o, renderSlot as a, createElementVNode as u, normalizeClass as d, toDisplayString as m, createBlock as x, withCtx as h, createVNode as I, createCommentVNode as i } from "vue";
+import { defineComponent as p, computed as c, openBlock as n, createElementBlock as o, renderSlot as a, createElementVNode as u, normalizeClass as d, toDisplayString as m, createBlock as x, withCtx as I, createVNode as h, createCommentVNode as i } from "vue";
 import C from "../../Icon.vue.js";
 import g from "../../Tooltip.vue.js";
 import { $t as f } from "../../../utils/i18n.js";
-const k = { class: "flex flex-col shrink-0" }, v = {
+const v = { class: "flex flex-col min-w-0" }, y = {
   key: 0,
   class: "flex items-center! gap-2"
 }, S = /* @__PURE__ */ p({
@@ -18,12 +18,12 @@ const k = { class: "flex flex-col shrink-0" }, v = {
     descriptionClass: {}
   },
   setup(t) {
-    const e = t, s = c(() => e.titleI18n ? f(e.titleI18n) : e.title), r = c(
+    const e = t, s = c(() => e.titleI18n ? f(e.titleI18n) : e.title), l = c(
       () => e.descriptionI18n ? f(e.descriptionI18n) : e.description
     );
-    return (l, y) => (n(), o("div", k, [
-      a(l.$slots, "title", {}, () => [
-        s.value ? (n(), o("div", v, [
+    return (r, k) => (n(), o("div", v, [
+      a(r.$slots, "title", {}, () => [
+        s.value ? (n(), o("div", y, [
           u("h1", {
             class: d(["text-fs-7.5 font-bold text-foreground", t.titleClass])
           }, m(s.value), 3),
@@ -33,8 +33,8 @@ const k = { class: "flex flex-col shrink-0" }, v = {
             "content-i18n": t.infoI18n,
             placement: "right"
           }, {
-            default: h(() => [
-              I(C, {
+            default: I(() => [
+              h(C, {
                 icon: "lucide:info",
                 class: "w-[18px] h-[18px] mt-3! text-muted-foreground hover:text-foreground cursor-pointer transition-colors outline-none"
               })
@@ -43,11 +43,11 @@ const k = { class: "flex flex-col shrink-0" }, v = {
           }, 8, ["content", "content-i18n"])) : i("", !0)
         ])) : i("", !0)
       ]),
-      a(l.$slots, "description", {}, () => [
-        r.value ? (n(), o("p", {
+      a(r.$slots, "description", {}, () => [
+        l.value ? (n(), o("p", {
           key: 0,
           class: d(["text-sm text-gray-700 mt-1 md:max-w-[450px]", t.descriptionClass])
-        }, m(r.value), 3)) : i("", !0)
+        }, m(l.value), 3)) : i("", !0)
       ])
     ]));
   }

package/components/Screen/components/ScreenToolbar.vue.d.ts

@@ -24,6 +24,15 @@ type __VLS_Props = {
     exportProps?: any;
     importProps?: any;
     screenState: any;
+    /**
+     * Layout mode.
+     * - `false` (default): "header" mode — the two logical groups are emitted as
+     *   sibling flex items (via a `display:contents` wrapper) so the parent header
+     *   grid can reflow them across breakpoints (see Screen.vue variant one).
+     * - `true`: "inline" mode — the groups render inside a self-contained flex row,
+     *   used by variant two where the toolbar sits next to the quick-filters.
+     */
+    inline?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/Screen/components/ScreenToolbar.vue.js

@@ -1,15 +1,12 @@
-import { defineComponent as h, openBlock as o, createElementBlock as m, createElementVNode as u, createBlock as i, createCommentVNode as d, renderSlot as n, normalizeProps as r, guardReactiveProps as s, createVNode as c } from "vue";
-import f from "../../Button.vue.js";
-import v from "../../Input.vue.js";
+import { defineComponent as b, useSlots as R, computed as i, openBlock as o, createElementBlock as m, normalizeClass as s, createBlock as d, createCommentVNode as r, renderSlot as c, normalizeProps as f, guardReactiveProps as h, createVNode as w, createElementVNode as P } from "vue";
+import y from "../../Button.vue.js";
+import A from "../../Input.vue.js";
 /* empty css               */
-import w from "./ScreenViewToggle.vue.js";
-import y from "../ScreenFilter.vue.js";
-import S from "./ScreenAddAction.vue.js";
-import $ from "./ScreenOptionsDropdown.vue.js";
-const g = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, B = {
-  key: 4,
-  class: "w-full md:w-60! max-sm:order-last"
-}, k = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, E = /* @__PURE__ */ h({
+import D from "./ScreenViewToggle.vue.js";
+import E from "../ScreenFilter.vue.js";
+import F from "./ScreenAddAction.vue.js";
+import z from "./ScreenOptionsDropdown.vue.js";
+const W = /* @__PURE__ */ b({
   __name: "ScreenToolbar",
   props: {
     selectedRows: {},
@@ -36,28 +33,53 @@ const g = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none
     hasExportOrImport: { type: Boolean },
     exportProps: {},
     importProps: {},
-    screenState: {}
+    screenState: {},
+    inline: { type: Boolean }
   },
   emits: ["update:activeView", "update:activeFilters", "update:searchQuery", "delete", "refresh", "add", "select-dropdown"],
   setup(e) {
-    return (l, t) => (o(), m("div", null, [
-      u("div", g, [
-        e.selectedRows.length > 0 && !e.hideSelectable && !e.hideDeleteBtn ? (o(), i(f, {
+    const t = e, u = R(), p = i(
+      () => t.selectedRows.length > 0 && !t.hideSelectable && !t.hideDeleteBtn
+    ), v = i(() => !!t.filterSchema && t.filterSchema.length > 0), x = i(
+      () => p.value || t.hasMultipleViews || !!u["before-search"] || !!t.showRefresh || v.value || !!t.canSearch
+    ), S = i(
+      () => !!u.actions || !!t.addComponent || !!t.canAdd && !!t.addBtn
+    ), g = i(
+      () => S.value || !!t.hasExportOrImport || !!u["after-add"]
+    ), k = i(
+      () => t.inline ? "flex flex-col sm:flex-row items-stretch sm:items-center gap-2.5 w-full lg:w-auto justify-end" : "contents"
+    ), $ = i(
+      () => t.inline ? "flex items-center gap-2.5 w-full sm:w-auto min-w-0" : "order-2 min-[900px]:order-3 min-[1250px]:order-2 min-[900px]:col-span-2 min-[1250px]:col-span-1 flex items-center gap-2.5 min-w-0"
+    ), B = i(
+      () => t.inline ? "flex items-center gap-3 shrink-0 w-full sm:w-auto justify-end" : "order-3 min-[900px]:order-2 min-[1250px]:order-3 flex items-center gap-3 shrink-0 justify-end"
+    ), V = i(
+      () => t.inline ? "flex-1 sm:flex-none sm:w-56 lg:w-60 min-w-0" : "flex-1 min-w-0 min-[1250px]:flex-none min-[1250px]:w-60"
+    ), C = i(
+      () => t.inline ? "w-full sm:w-auto" : "flex-1 min-[900px]:flex-none min-w-0"
+    );
+    return (a, l) => (o(), m("div", {
+      class: s(k.value)
+    }, [
+      x.value ? (o(), m("div", {
+        key: 0,
+        class: s($.value)
+      }, [
+        p.value ? (o(), d(y, {
           key: 0,
           variant: "outline",
           class: "hover:bg-destructive/10 shrink-0 h-9! w-9!",
           icon: "lucide:trash-2",
           title: e.txtDeleteSelected,
-          onClick: t[0] || (t[0] = (a) => l.$emit("delete", e.selectedRows))
-        }, null, 8, ["title"])) : d("", !0),
-        e.hasMultipleViews ? (o(), i(w, {
+          onClick: l[0] || (l[0] = (n) => a.$emit("delete", e.selectedRows))
+        }, null, 8, ["title"])) : r("", !0),
+        e.hasMultipleViews ? (o(), d(D, {
           key: 1,
           "model-value": e.activeView,
-          "onUpdate:modelValue": t[1] || (t[1] = (a) => l.$emit("update:activeView", a)),
+          "onUpdate:modelValue": l[1] || (l[1] = (n) => a.$emit("update:activeView", n)),
           views: e.resolvedViews
-        }, null, 8, ["model-value", "views"])) : d("", !0),
-        n(l.$slots, "before-search", r(s(e.screenState))),
-        e.showRefresh ? (o(), i(f, {
+        }, null, 8, ["model-value", "views"])) : r("", !0),
+        c(a.$slots, "before-search", f(h(e.screenState))),
+        e.showRefresh ? (o(), d(y, {
           key: 2,
           variant: "outline",
           icon: "lucide:refresh-cw",
@@ -65,52 +87,63 @@ const g = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none
           class: "shrink-0 h-9! w-9!",
           title: e.txtRefresh,
           disabled: e.loading,
-          onClick: t[2] || (t[2] = (a) => l.$emit("refresh"))
-        }, null, 8, ["title", "disabled"])) : d("", !0),
-        e.filterSchema && e.filterSchema.length > 0 ? (o(), i(y, {
+          onClick: l[2] || (l[2] = (n) => a.$emit("refresh"))
+        }, null, 8, ["title", "disabled"])) : r("", !0),
+        v.value ? (o(), d(E, {
           key: 3,
           schema: e.filterSchema,
           type: e.filterType,
           "model-value": e.activeFilters,
-          "onUpdate:modelValue": t[3] || (t[3] = (a) => l.$emit("update:activeFilters", a)),
-          onChange: t[4] || (t[4] = (a) => l.$emit("refresh"))
-        }, null, 8, ["schema", "type", "model-value"])) : d("", !0),
-        e.canSearch ? (o(), m("div", B, [
-          c(v, {
+          "onUpdate:modelValue": l[3] || (l[3] = (n) => a.$emit("update:activeFilters", n)),
+          onChange: l[4] || (l[4] = (n) => a.$emit("refresh"))
+        }, null, 8, ["schema", "type", "model-value"])) : r("", !0),
+        e.canSearch ? (o(), m("div", {
+          key: 4,
+          class: s(V.value)
+        }, [
+          w(A, {
             lazy: "",
             "model-value": e.searchQuery,
-            "onUpdate:modelValue": t[5] || (t[5] = (a) => l.$emit("update:searchQuery", String(a))),
+            "onUpdate:modelValue": l[5] || (l[5] = (n) => a.$emit("update:searchQuery", String(n))),
             icon: "lucide:search",
             placeholder: e.txtSearch,
             variant: "outline",
             class: "bg-background w-full",
             "show-clear-button": !0
           }, null, 8, ["model-value", "placeholder"])
-        ])) : d("", !0)
-      ]),
-      u("div", k, [
-        n(l.$slots, "actions", r(s(e.screenState)), () => [
-          c(S, {
-            "can-add": e.canAdd,
-            "add-component": e.addComponent,
-            "add-btn": e.addBtn,
-            loading: e.loading,
-            data: e.data,
-            refetch: e.refetch,
-            onAdd: t[6] || (t[6] = (a) => l.$emit("add"))
-          }, null, 8, ["can-add", "add-component", "add-btn", "loading", "data", "refetch"])
-        ]),
-        e.hasExportOrImport ? (o(), i($, {
+        ], 2)) : r("", !0)
+      ], 2)) : r("", !0),
+      g.value ? (o(), m("div", {
+        key: 1,
+        class: s(B.value)
+      }, [
+        P("div", {
+          class: s(C.value)
+        }, [
+          c(a.$slots, "actions", f(h(e.screenState)), () => [
+            w(F, {
+              "can-add": e.canAdd,
+              "add-component": e.addComponent,
+              "add-btn": e.addBtn,
+              loading: e.loading,
+              data: e.data,
+              refetch: e.refetch,
+              onAdd: l[6] || (l[6] = (n) => a.$emit("add"))
+            }, null, 8, ["can-add", "add-component", "add-btn", "loading", "data", "refetch"])
+          ])
+        ], 2),
+        e.hasExportOrImport ? (o(), d(z, {
           key: 0,
+          class: "shrink-0",
           "export-props": e.exportProps,
           "import-props": e.importProps,
-          onSelect: t[7] || (t[7] = (a) => l.$emit("select-dropdown", a))
-        }, null, 8, ["export-props", "import-props"])) : d("", !0),
-        n(l.$slots, "after-add", r(s(e.screenState)))
-      ])
-    ]));
+          onSelect: l[7] || (l[7] = (n) => a.$emit("select-dropdown", n))
+        }, null, 8, ["export-props", "import-props"])) : r("", !0),
+        c(a.$slots, "after-add", f(h(e.screenState)))
+      ], 2)) : r("", !0)
+    ], 2));
   }
 });
 export {
-  E as default
+  W as default
 };

package/components/ToastNotification.vue.js

@@ -1,7 +1,7 @@
 import o from "./ToastNotification.vue2.js";
 /* empty css                       */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b3a7f1a6"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7ea251ae"]]);
 export {
-  r as default
+  e as default
 };

package/components/ToastNotification.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as Y, onUnmounted as F, openBlock as o, createElementBlock as i, createBlock as y, Teleport as U, Fragment as v, renderList as w, createElementVNode as m, normalizeClass as g, createVNode as _, TransitionGroup as q, withCtx as k, unref as H, isMemoSame as J, normalizeStyle as K, toDisplayString as p, createCommentVNode as T, createTextVNode as Q } from "vue";
+import { defineComponent as P, ref as Y, onUnmounted as F, openBlock as s, createElementBlock as a, createBlock as y, Teleport as U, Fragment as v, renderList as w, createElementVNode as m, normalizeClass as f, createVNode as k, TransitionGroup as q, withCtx as _, unref as H, isMemoSame as J, normalizeStyle as K, toDisplayString as p, createCommentVNode as T, createTextVNode as Q } from "vue";
 import R from "./Icon.vue.js";
 import { useNotifications as W } from "../composables/useNotifications.js";
 import X from "./Button.vue.js";
@@ -8,13 +8,13 @@ const Z = {
 }, ee = { class: "flex-1 min-w-0" }, te = { class: "text-sm font-medium leading-tight mt-0.5" }, re = {
   key: 0,
   class: "text-sm mt-1 leading-relaxed opacity-90"
-}, se = 3, C = 14, ce = /* @__PURE__ */ P({
+}, oe = 3, C = 14, ce = /* @__PURE__ */ P({
   __name: "ToastNotification",
   props: {
     position: {},
     expand: { type: Boolean }
   },
-  setup(oe) {
+  setup(se) {
     const { notifications: B, removeToast: z, globalConfig: b, pauseTimers: S, resumeTimers: V } = W(), c = Y(!1), $ = [
       "top-left",
       "top-center",
@@ -29,9 +29,9 @@ const Z = {
       "bottom-left": "bottom-2.5 left-0",
       "bottom-center": "bottom-2.5 left-1/2 -translate-x-1/2",
       "bottom-right": "bottom-2.5 right-0"
-    }, E = (e, s, t) => {
+    }, E = (e, o, t) => {
       const r = t.includes("bottom"), l = c.value || b.value.expand;
-      if (!(e < se) && !l)
+      if (!(e < oe) && !l)
         return {
           opacity: 0,
           pointerEvents: "none",
@@ -42,32 +42,34 @@ const Z = {
         return {
           transform: `translate3d(0, ${e * ((r ? -1 : 1) * (100 + C))}%, 0) scale(1)`,
           opacity: 1,
-          zIndex: s - e
+          zIndex: o - e
         };
-      const a = 1 - e * 0.05, u = r ? -1 : 1;
+      const i = 1 - e * 0.05, u = r ? -1 : 1;
       return {
-        transform: `translate3d(0, ${e * C * u}px, -${e}px) scale(${a})`,
+        transform: `translate3d(0, ${e * C * u}px, -${e}px) scale(${i})`,
         opacity: 1,
-        zIndex: s - e
+        zIndex: o - e
       };
-    }, I = (e, s) => s !== 0 ? {} : {
+    }, I = (e, o) => o !== 0 ? {} : {
       "--entrance-offset": e.includes("bottom") ? "25px" : "-25px",
       "--entrance-opacity": "0.6"
     }, M = (e) => {
       e.action && (e.action.onClick(), z(e.id));
-    }, h = {
+    }, x = {
       error: "lucide:octagon-x",
       success: "lucide:circle-check",
       info: "lucide:info",
       warning: "lucide:triangle-alert",
       default: "lucide:bell"
-    }, x = {
+    }, h = {
       default: "bg-gray-100 border-border text-foreground shadow-lg",
       success: "bg-success text-success-fg border-success-fg/30 dark:border-success-fg/10 shadow-lg",
       error: "bg-danger text-danger-fg border-danger-fg/30 dark:border-danger-fg/10 shadow-lg",
-      warning: "bg-warning-light text-warning-fg border-warning-fg/30 shadow-lg",
-      info: "bg-gray-100 text-gray-900 border/50 shadow-lg"
-    }, D = (e) => x[e] || x.default;
+      // Solid warning + warning-fg (white) — warning-light + warning-fg was unreadable
+      // (cream bg + white text). Matches success/error contrast pattern.
+      warning: "bg-warning text-warning-fg border-warning-fg/30 dark:border-warning-fg/10 shadow-lg",
+      info: "bg-info text-info-fg border-info-fg/30 dark:border-info-fg/10 shadow-lg"
+    }, D = (e) => h[e] || h.default;
     let n = null;
     const O = () => {
       n && (clearTimeout(n), n = null), c.value = !0, S();
@@ -80,14 +82,14 @@ const Z = {
       n && clearTimeout(n);
     });
     const A = (e) => {
-      const s = e.includes("bottom") ? "bottom" : "top", t = e.includes("right") ? "right" : e.includes("left") ? "left" : "center";
-      return `${s} ${t}`;
+      const o = e.includes("bottom") ? "bottom" : "top", t = e.includes("right") ? "right" : e.includes("left") ? "left" : "center";
+      return `${o} ${t}`;
     };
-    return (e, s) => (o(), i("div", Z, [
-      (o(), y(U, { to: "body" }, [
-        (o(), i(v, null, w($, (t) => m("div", {
+    return (e, o) => (s(), a("div", Z, [
+      (s(), y(U, { to: "body" }, [
+        (s(), a(v, null, w($, (t) => m("div", {
           key: t,
-          class: g(["fixed z-[9999999999]! pointer-events-none px-4 flex flex-col gap-2 transition-all duration-300 max-w-full sm:max-w-120", [
+          class: f(["fixed z-[9999999999]! pointer-events-none px-4 flex flex-col gap-2 transition-all duration-300 max-w-full sm:max-w-120", [
             N[t],
             t.includes("center") ? "items-center" : t.includes("right") ? "items-end" : "items-start"
           ]]),
@@ -95,18 +97,18 @@ const Z = {
           onMouseleave: j
         }, [
           m("div", {
-            class: g(["relative w-full transition-all", [{ "flex-col-reverse": t.includes("top") }]])
+            class: f(["relative w-full transition-all", [{ "flex-col-reverse": t.includes("top") }]])
           }, [
-            _(q, {
+            k(q, {
               name: d(t).length <= 1 ? "first-toast" : "stack-toast",
               tag: "div",
-              class: g(["w-full grid grid-cols-1 grid-rows-1", [
+              class: f(["w-full grid grid-cols-1 grid-rows-1", [
                 t.includes("center") ? "justify-items-center" : t.includes("right") ? "justify-items-end" : "justify-items-start"
               ]]),
               style: { "min-height": "20px" }
             }, {
-              default: k(() => [
-                (o(!0), i(v, null, w(d(t), (r, l, L, a) => {
+              default: _(() => [
+                (s(!0), a(v, null, w(d(t), (r, l, L, i) => {
                   const u = [
                     r,
                     l,
@@ -114,10 +116,10 @@ const Z = {
                     c.value,
                     H(b).expand
                   ];
-                  if (a && a.key === r.id && J(a, u)) return a;
-                  const f = (o(), i("div", {
+                  if (i && i.key === r.id && J(i, u)) return i;
+                  const g = (s(), a("div", {
                     key: r.id,
-                    class: g(["toast-item pointer-events-auto col-start-1 h-max row-start-1 mb-1 w-auto border pl-4 pr-6 py-2.5 flex gap-2.5 items-start transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] transform-gpu", [
+                    class: f(["toast-item pointer-events-auto col-start-1 h-max row-start-1 mb-1 w-auto border pl-4 pr-6 py-2.5 flex gap-2.5 items-start transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] transform-gpu", [
                       D(r.type),
                       r.description || r.action ? "rounded-xl" : "rounded-full"
                     ]]),
@@ -130,15 +132,15 @@ const Z = {
                       }
                     ])
                   }, [
-                    _(R, {
-                      icon: h[r.type] || h.default,
+                    k(R, {
+                      icon: x[r.type] || x.default,
                       class: "w-5 h-5 shrink-0 mt-0.5"
                     }, null, 8, ["icon"]),
                     m("div", ee, [
                       m("p", te, p(r.message), 1),
-                      r.description ? (o(), i("p", re, p(r.description), 1)) : T("", !0)
+                      r.description ? (s(), a("p", re, p(r.description), 1)) : T("", !0)
                     ]),
-                    r.action ? (o(), y(X, {
+                    r.action ? (s(), y(X, {
                       key: 0,
                       type: "button",
                       size: "xs",
@@ -146,14 +148,14 @@ const Z = {
                       class: "ml-2 shrink-0 h-8 px-3 text-xs bg-transparent border-current/20 hover:bg-black/5 dark:hover:bg-white/10",
                       onClick: (G) => M(r)
                     }, {
-                      default: k(() => [
+                      default: _(() => [
                         Q(p(r.action.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["onClick"])) : T("", !0)
                   ], 6));
-                  return f.memo = u, f;
-                }, s, 0), 128))
+                  return g.memo = u, g;
+                }, o, 0), 128))
               ]),
               _: 2
             }, 1032, ["name", "class"])