@nmorph/nmorph-ui-kit 3.0.15 → 3.0.17

package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue.js

@@ -1,11 +1,11 @@
 import './NmorphDropdown.css';
 import n from "./NmorphDropdown.vue2.js";
-import { openBlock as r, createBlock as a, withCtx as s, createElementBlock as p, normalizeStyle as l, normalizeClass as c, renderSlot as i, createCommentVNode as t } from "vue";
+import { openBlock as r, createBlock as p, withCtx as a, createElementBlock as s, mergeProps as c, renderSlot as t, createCommentVNode as l } from "vue";
 /* empty css                    */
 import d from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = ["role", "aria-label"];
-function f(e, h, _, o, w, k) {
-  return r(), a(o.NmorphOverlay, {
+const i = ["role", "aria-label"];
+function m(e, f, h, o, _, w) {
+  return r(), p(o.NmorphOverlay, {
     show: o.props.open,
     transparent: "",
     "z-index": o.props.zIndex,
@@ -15,23 +15,22 @@ function f(e, h, _, o, w, k) {
     onOnOutsideClick: o.outsideClickHandler,
     onOnEscapeKeydown: o.escapeHandler
   }, {
-    default: s(() => [
-      o.props.open ? (r(), p("div", {
+    default: a(() => [
+      o.props.open ? (r(), s("div", c({
         key: 0,
-        ref: "dropdownDOMRef",
-        class: c([o.modifiers, o.props.contentClass]),
-        style: l(o.dropdownStyle),
+        ref: "dropdownDOMRef"
+      }, o.rootAttrs, {
         role: o.props.role || void 0,
         "aria-label": o.props.ariaLabel || void 0
-      }, [
-        i(e.$slots, "default")
-      ], 14, m)) : t("v-if", !0)
+      }), [
+        t(e.$slots, "default")
+      ], 16, i)) : l("v-if", !0)
     ]),
     _: 3
     /* FORWARDED */
   }, 8, ["show", "z-index", "close-on-escape", "trap-focus", "restore-focus"]);
 }
-const O = /* @__PURE__ */ d(n, [["render", f], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue"]]);
+const u = /* @__PURE__ */ d(n, [["render", m], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue"]]);
 export {
-  O as default
+  u as default
 };

package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue2.js

@@ -1,10 +1,12 @@
 import './NmorphDropdown.css';
-import { defineComponent as y, ref as v, toRef as t, computed as i, watch as w } from "vue";
-import { useModifiers as q } from "../../../utils/create-modifiers.js";
-import { toCssSize as b, createCssSizeVariables as x } from "../../../utils/common.js";
-import { usePlacement as S } from "../../../hooks/use-placement.js";
-import O from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
-const B = /* @__PURE__ */ y({
+import { defineComponent as v, ref as w, toRef as t, computed as r, watch as q } from "vue";
+import { useModifiers as b } from "../../../utils/create-modifiers.js";
+import { toCssSize as x, createCssSizeVariables as S } from "../../../utils/common.js";
+import { useMergedAttrs as O } from "../../../utils/attrs.js";
+import { usePlacement as g } from "../../../hooks/use-placement.js";
+import _ from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
+const P = /* @__PURE__ */ v({
+  inheritAttrs: !1,
   __name: "NmorphDropdown",
   props: {
     open: { type: Boolean, required: !0 },
@@ -27,48 +29,51 @@ const B = /* @__PURE__ */ y({
     design: { type: null, required: !1, default: "nmorph" }
   },
   emits: ["on-outside-click", "on-escape-keydown"],
-  setup(u, { expose: p, emit: f }) {
-    p();
-    const e = u, r = f, l = v(null), { placementCoords: o, placementReady: d, adjustPlacement: a } = S({
+  setup(f, { expose: m, emit: c }) {
+    m();
+    const e = f, o = c, l = w(null), { placementCoords: i, placementReady: a, adjustPlacement: d } = g({
       initialPlacement: t(e, "placement"),
       contentDOMElement: l,
       relativeElement: t(e, "relativeElement"),
       yOffset: t(e, "yOffset"),
       xOffset: t(e, "xOffset"),
       enabled: t(e, "open")
-    }), m = i(
-      () => q({
+    }), n = r(
+      () => b({
         "nmorph-dropdown": [!e.open && "closed", e.hideShadow && "hide-shadow", e.design]
       })
-    ), n = i(
-      () => e.fillWidth && e.relativeElement ? `${e.relativeElement.clientWidth}px` : b(e.width)
-    ), c = i(() => ({
-      "--nmorph-private-dropdown-width": n.value,
-      ...x({
+    ), s = r(
+      () => e.fillWidth && e.relativeElement ? `${e.relativeElement.clientWidth}px` : x(e.width)
+    ), u = r(() => ({
+      "--nmorph-private-dropdown-width": s.value,
+      ...S({
         "--nmorph-private-dropdown-min-width": e.minWidth === void 0 ? "auto" : e.minWidth,
         "--nmorph-private-dropdown-max-width": e.maxWidth === void 0 ? "none" : e.maxWidth
       }),
-      left: o.value.x,
-      top: o.value.y,
-      visibility: e.open && d.value ? "visible" : "hidden"
-    }));
-    w(
+      left: i.value.x,
+      top: i.value.y,
+      visibility: e.open && a.value ? "visible" : "hidden"
+    })), h = O(
+      r(() => [n.value, e.contentClass]),
+      u
+    );
+    q(
       () => e.open,
-      (h) => {
-        h && a();
+      (y) => {
+        y && d();
       },
       { flush: "post" }
     );
-    const s = { props: e, emit: r, dropdownDOMRef: l, placementCoords: o, placementReady: d, adjustPlacement: a, modifiers: m, width: n, dropdownStyle: c, outsideClickHandler: () => {
-      r("on-outside-click");
+    const p = { props: e, emit: o, dropdownDOMRef: l, placementCoords: i, placementReady: a, adjustPlacement: d, modifiers: n, width: s, dropdownStyle: u, rootAttrs: h, outsideClickHandler: () => {
+      o("on-outside-click");
     }, escapeHandler: () => {
-      r("on-escape-keydown");
+      o("on-escape-keydown");
     }, get NmorphOverlay() {
-      return O;
+      return _;
     } };
-    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
   }
 });
 export {
-  B as default
+  P as default
 };

package/dist/components/others/nmorph-overlay/NmorphOverlay.vue.js

@@ -1,59 +1,54 @@
 import './NmorphOverlay.css';
-import d from "./NmorphOverlay.vue2.js";
-import { openBlock as l, createElementBlock as p, withModifiers as e, normalizeStyle as i, normalizeClass as s, createElementVNode as n, renderSlot as a, createBlock as m, Teleport as c } from "vue";
+import p from "./NmorphOverlay.vue2.js";
+import { openBlock as l, createElementBlock as d, mergeProps as i, withModifiers as e, createElementVNode as t, renderSlot as s, createBlock as a, Teleport as c } from "vue";
 /* empty css                   */
-import f from "../../../_virtual/_plugin-vue_export-helper.js";
-const v = ["tabindex"], y = ["tabindex"];
-function k(t, r, _, o, h, x) {
-  return o.renderInline ? (l(), p(
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = ["tabindex"], k = ["tabindex"];
+function v(n, r, _, o, h, y) {
+  return o.renderInline ? (l(), d(
     "div",
-    {
-      key: 0,
-      class: s(o.modifiers),
-      style: i({ "--nmorph-private-overlay-z-index": o.zIndex }),
+    i({ key: 0 }, o.rootAttrs, {
       onClick: e(o.clickHandler, ["stop"])
-    },
+    }),
     [
-      n("div", {
+      t("div", {
         ref: "contentRef",
         class: "nmorph-overlay__slot",
         tabindex: o.props.trapFocus ? -1 : void 0,
         onClick: r[0] || (r[0] = e(() => {
         }, ["stop"]))
       }, [
-        a(t.$slots, "default")
-      ], 8, v)
+        s(n.$slots, "default")
+      ], 8, f)
     ],
-    6
-    /* CLASS, STYLE */
-  )) : (l(), m(c, {
+    16
+    /* FULL_PROPS */
+  )) : (l(), a(c, {
     key: 1,
     to: o.props.teleportTo
   }, [
-    n(
+    t(
       "div",
-      {
-        class: s(o.modifiers),
-        style: i({ "--nmorph-private-overlay-z-index": o.zIndex }),
+      i(o.rootAttrs, {
         onClick: e(o.clickHandler, ["stop"])
-      },
+      }),
       [
-        n("div", {
+        t("div", {
           ref: "contentRef",
           class: "nmorph-overlay__slot",
           tabindex: o.props.trapFocus ? -1 : void 0,
           onClick: r[1] || (r[1] = e(() => {
           }, ["stop"]))
         }, [
-          a(t.$slots, "default")
-        ], 8, y)
+          s(n.$slots, "default")
+        ], 8, k)
       ],
-      6
-      /* CLASS, STYLE */
+      16
+      /* FULL_PROPS */
     )
   ], 8, ["to"]));
 }
-const I = /* @__PURE__ */ f(d, [["render", k], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/others/nmorph-overlay/NmorphOverlay.vue"]]);
+const N = /* @__PURE__ */ m(p, [["render", v], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/others/nmorph-overlay/NmorphOverlay.vue"]]);
 export {
-  I as default
+  N as default
 };

package/dist/components/others/nmorph-overlay/NmorphOverlay.vue2.js

@@ -1,8 +1,10 @@
 import './NmorphOverlay.css';
-import { defineComponent as _, computed as i, ref as q, watch as g, onBeforeUnmount as B, nextTick as A } from "vue";
-import { useModifiers as F } from "../../../utils/create-modifiers.js";
-import { useZIndex as I } from "../../../hooks/use-z-index.js";
-const L = /* @__PURE__ */ _({
+import { defineComponent as A, computed as s, ref as g, watch as B, onBeforeUnmount as F, nextTick as I } from "vue";
+import { useModifiers as S } from "../../../utils/create-modifiers.js";
+import { useMergedAttrs as T } from "../../../utils/attrs.js";
+import { useZIndex as z } from "../../../hooks/use-z-index.js";
+const j = /* @__PURE__ */ A({
+  inheritAttrs: !1,
   __name: "NmorphOverlay",
   props: {
     show: { type: Boolean, required: !0 },
@@ -15,65 +17,65 @@ const L = /* @__PURE__ */ _({
     restoreFocus: { type: Boolean, required: !1, default: !0 }
   },
   emits: ["on-outside-click", "on-escape-keydown"],
-  setup(b, { expose: v, emit: h }) {
-    v();
-    const t = b, E = I(
-      i(() => t.show),
+  setup(E, { expose: w, emit: k }) {
+    w();
+    const t = E, d = z(
+      s(() => t.show),
       () => t.zIndex
-    ), w = i(
-      () => F({
+    ), c = s(
+      () => S({
         "nmorph-overlay": [t.show && "show", t.transparent && "transparent"]
       })
-    ), k = i(() => t.disabledTeleport || !t.show || typeof document > "u"), x = () => {
-      s("on-outside-click");
-    }, s = h, n = q(null);
-    let o = null;
-    const d = [
+    ), x = s(() => t.disabledTeleport || !t.show || typeof document > "u"), f = s(() => ({ "--nmorph-private-overlay-z-index": d.value })), _ = T(c, f), q = () => {
+      l("on-outside-click");
+    }, l = k, o = g(null);
+    let n = null;
+    const p = [
       "a[href]",
       "button:not([disabled])",
       "textarea:not([disabled])",
       "input:not([disabled])",
       "select:not([disabled])",
       '[tabindex]:not([tabindex="-1"])'
-    ].join(","), u = () => n.value ? Array.from(n.value.querySelectorAll(d)).filter(
+    ].join(","), u = () => o.value ? Array.from(o.value.querySelectorAll(p)).filter(
       (e) => e.getAttribute("aria-hidden") !== "true"
-    ) : [], c = async () => {
+    ) : [], m = async () => {
       if (!t.trapFocus) return;
-      await A(), (u()[0] || n.value)?.focus();
-    }, l = (e) => {
+      await I(), (u()[0] || o.value)?.focus();
+    }, a = (e) => {
       if (!t.show) return;
       if (e.key === "Escape" && t.closeOnEscape) {
-        e.preventDefault(), s("on-escape-keydown");
+        e.preventDefault(), l("on-escape-keydown");
         return;
       }
       if (e.key !== "Tab" || !t.trapFocus) return;
       const r = u();
       if (!r.length) {
-        e.preventDefault(), n.value?.focus();
+        e.preventDefault(), o.value?.focus();
         return;
       }
-      const m = r[0], y = r[r.length - 1];
-      e.shiftKey && document.activeElement === m ? (e.preventDefault(), y.focus()) : !e.shiftKey && document.activeElement === y && (e.preventDefault(), m.focus());
-    }, f = () => {
-      typeof document > "u" || document.addEventListener("keydown", l);
-    }, a = () => {
-      typeof document > "u" || document.removeEventListener("keydown", l);
+      const b = r[0], h = r[r.length - 1];
+      e.shiftKey && document.activeElement === b ? (e.preventDefault(), h.focus()) : !e.shiftKey && document.activeElement === h && (e.preventDefault(), b.focus());
+    }, y = () => {
+      typeof document > "u" || document.addEventListener("keydown", a);
+    }, i = () => {
+      typeof document > "u" || document.removeEventListener("keydown", a);
     };
-    g(
+    B(
       () => t.show,
       (e) => {
-        typeof document > "u" || (e ? (o = document.activeElement, f(), c()) : (a(), t.restoreFocus && o?.focus?.(), o = null));
+        typeof document > "u" || (e ? (n = document.activeElement, y(), m()) : (i(), t.restoreFocus && n?.focus?.(), n = null));
       },
       { immediate: !0, flush: "post" }
-    ), B(a);
-    const p = { props: t, zIndex: E, modifiers: w, renderInline: k, clickHandler: x, emit: s, contentRef: n, get previousActiveElement() {
-      return o;
+    ), F(i);
+    const v = { props: t, zIndex: d, modifiers: c, renderInline: x, overlayStyle: f, rootAttrs: _, clickHandler: q, emit: l, contentRef: o, get previousActiveElement() {
+      return n;
     }, set previousActiveElement(e) {
-      o = e;
-    }, focusableSelector: d, getFocusableElements: u, focusContent: c, keydownHandler: l, addKeydownListener: f, removeKeydownListener: a };
-    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
+      n = e;
+    }, focusableSelector: p, getFocusableElements: u, focusContent: m, keydownHandler: a, addKeydownListener: y, removeKeydownListener: i };
+    return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
   }
 });
 export {
-  L as default
+  j as default
 };

package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.js

@@ -1,54 +1,51 @@
 import './NmorphNotificationProvider.css';
 import h from "./NmorphNotificationProvider.vue2.js";
-import { openBlock as e, createBlock as d, Teleport as _, createElementVNode as n, normalizeStyle as l, createElementBlock as i, Fragment as s, renderList as c, TransitionGroup as v, normalizeClass as p, withCtx as u, createVNode as b, toDisplayString as f, createCommentVNode as m } from "vue";
+import { openBlock as e, createBlock as a, Teleport as _, createElementVNode as n, normalizeProps as v, guardReactiveProps as u, createElementBlock as t, Fragment as d, renderList as s, TransitionGroup as b, normalizeClass as c, withCtx as f, normalizeStyle as p, createVNode as y, toDisplayString as k, createCommentVNode as m } from "vue";
 /* empty css                                */
-import y from "../../../_virtual/_plugin-vue_export-helper.js";
-const k = ["title"], N = {
+import N from "../../../_virtual/_plugin-vue_export-helper.js";
+const g = ["title"], D = {
   key: 0,
   class: "nmorph-notification-provider__duration-value"
 };
-function g(D, a, w, r, I, x) {
-  return e(), d(_, {
+function w(C, l, I, r, P, V) {
+  return e(), a(_, {
     to: r.props.teleportTo,
     disabled: r.teleportDisabled
   }, [
     n(
       "div",
-      {
-        class: "nmorph-notification-provider",
-        style: l({ zIndex: r.zIndex })
-      },
+      v(u(r.rootAttrs)),
       [
-        (e(!0), i(
-          s,
+        (e(!0), t(
+          d,
           null,
-          c(r.notificationGroups, (t) => (e(), d(v, {
-            key: t.placement,
+          s(r.notificationGroups, (i) => (e(), a(b, {
+            key: i.placement,
             appear: "",
             name: "nmorph-notification",
             tag: "div",
-            class: p(`nmorph-notification-provider__list nmorph-notification-provider__list--${t.placement}`)
+            class: c(`nmorph-notification-provider__list nmorph-notification-provider__list--${i.placement}`)
           }, {
-            default: u(() => [
-              (e(!0), i(
-                s,
+            default: f(() => [
+              (e(!0), t(
+                d,
                 null,
-                c(t.notifications, (o) => (e(), i(
+                s(i.notifications, (o) => (e(), t(
                   "div",
                   {
                     key: o.id,
-                    style: l(r.getNotificationStyle(o)),
-                    class: p([
+                    style: p(r.getNotificationStyle(o)),
+                    class: c([
                       "nmorph-notification-provider__notification",
                       r.hasDurationIndicator(o) && "nmorph-notification-provider__notification--with-duration",
                       r.closingIds.includes(o.id) && "nmorph-notification-provider__notification--closing"
                     ])
                   },
                   [
-                    b(r.NmorphAlert, {
+                    y(r.NmorphAlert, {
                       id: o.id,
                       class: "nmorph-notification-provider__alert",
-                      style: l({ width: o.width }),
+                      style: p({ width: o.width }),
                       type: o.type,
                       closable: o.closable,
                       title: o.title,
@@ -61,13 +58,13 @@ function g(D, a, w, r, I, x) {
                       "background-color": o.backgroundColor,
                       onClose: () => r.closeHandler(o.id)
                     }, null, 8, ["id", "style", "type", "closable", "title", "content", "fill", "show-icon", "bordered", "html", "close-icon-position", "background-color", "onClose"]),
-                    r.hasDurationIndicator(o) ? (e(), i("div", {
+                    r.hasDurationIndicator(o) ? (e(), t("div", {
                       key: `${o.id}-${r.getNotificationDuration(o)}`,
                       class: "nmorph-notification-provider__duration",
                       title: r.hasDurationValue(o) ? r.getNotificationDurationLabel(o) : void 0,
                       "aria-hidden": "true"
                     }, [
-                      a[0] || (a[0] = n(
+                      l[0] || (l[0] = n(
                         "span",
                         { class: "nmorph-notification-provider__duration-track" },
                         [
@@ -76,14 +73,14 @@ function g(D, a, w, r, I, x) {
                         -1
                         /* CACHED */
                       )),
-                      r.hasDurationValue(o) ? (e(), i(
+                      r.hasDurationValue(o) ? (e(), t(
                         "span",
-                        N,
-                        f(r.getNotificationDurationLabel(o)),
+                        D,
+                        k(r.getNotificationDurationLabel(o)),
                         1
                         /* TEXT */
                       )) : m("v-if", !0)
-                    ], 8, k)) : m("v-if", !0)
+                    ], 8, g)) : m("v-if", !0)
                   ],
                   6
                   /* CLASS, STYLE */
@@ -99,12 +96,12 @@ function g(D, a, w, r, I, x) {
           /* KEYED_FRAGMENT */
         ))
       ],
-      4
-      /* STYLE */
+      16
+      /* FULL_PROPS */
     )
   ], 8, ["to", "disabled"]);
 }
-const L = /* @__PURE__ */ y(h, [["render", g], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue"]]);
+const S = /* @__PURE__ */ N(h, [["render", w], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue"]]);
 export {
-  L as default
+  S as default
 };

package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue2.js

@@ -1,8 +1,10 @@
 import './NmorphNotificationProvider.css';
-import { defineComponent as H, ref as s, inject as K, computed as f, watch as T, onMounted as J, onBeforeUnmount as Q } from "vue";
-import { NmorphNotificationPlacement as W } from "./types.js";
-import X from "../../feedback/nmorph-alert/NmorphAlert.vue.js";
-const j = 500, L = 250, re = /* @__PURE__ */ H({
+import { defineComponent as J, ref as s, inject as Q, computed as l, watch as y, onMounted as W, onBeforeUnmount as X } from "vue";
+import { useMergedAttrs as Y } from "../../../utils/attrs.js";
+import { NmorphNotificationPlacement as ee } from "./types.js";
+import te from "../../feedback/nmorph-alert/NmorphAlert.vue.js";
+const P = 500, U = 250, ie = /* @__PURE__ */ J({
+  inheritAttrs: !1,
   __name: "NmorphNotificationProvider",
   props: {
     notifications: { type: Array, required: !0 },
@@ -12,31 +14,31 @@ const j = 500, L = 250, re = /* @__PURE__ */ H({
     teleportTo: { type: null, required: !1, default: "body" },
     disabledTeleport: { type: Boolean, required: !1, default: !1 }
   },
-  setup(P, { expose: U }) {
-    U();
-    const y = (e) => typeof e.id == "string" && e.id.length > 0, l = s([]), o = s([]), n = s([]), c = s(Date.now()), d = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
+  setup(V, { expose: Z }) {
+    Z();
+    const T = (e) => typeof e.id == "string" && e.id.length > 0, c = s([]), o = s([]), n = s([]), d = s(Date.now()), f = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
     let i;
-    const w = Object.values(W), p = (e) => typeof e.duration != "number" || !Number.isFinite(e.duration) ? 0 : Math.max(e.duration, 0), R = (e) => p(e) > 0, V = (e) => e.showDurationValue !== !1, q = (e) => {
+    const w = Object.values(ee), p = (e) => typeof e.duration != "number" || !Number.isFinite(e.duration) ? 0 : Math.max(e.duration, 0), R = (e) => p(e) > 0, $ = (e) => e.showDurationValue !== !1, q = (e) => {
       const t = p(e), r = v.get(e.id);
-      return !t || !r ? t : Math.max(t - (c.value - r), 0);
-    }, z = (e) => e < 1e3 ? `${Math.ceil(e)}ms` : `${Math.ceil(e / 1e3)}s`, Z = (e) => z(q(e)), $ = (e) => ({
+      return !t || !r ? t : Math.max(t - (d.value - r), 0);
+    }, z = (e) => e < 1e3 ? `${Math.ceil(e)}ms` : `${Math.ceil(e / 1e3)}s`, C = (e) => z(q(e)), F = (e) => ({
       "--nmorph-private-notification-provider-duration": `${p(e)}ms`
     }), h = (e, t = !1) => {
-      const r = d.get(e);
-      r && clearTimeout(r), d.delete(e), m.delete(e), t || v.delete(e);
+      const r = f.get(e);
+      r && clearTimeout(r), f.delete(e), m.delete(e), t || v.delete(e);
     }, k = (e) => {
       n.value = n.value.filter((t) => t.id !== e), o.value = o.value.filter((t) => t !== e), h(e);
-    }, D = (e, t = !0) => {
-      o.value.includes(e) || (h(e, !0), t && !l.value.includes(e) && (l.value = [...l.value, e]), o.value = [...o.value, e], setTimeout(() => k(e), j));
+    }, g = (e, t = !0) => {
+      o.value.includes(e) || (h(e, !0), t && !c.value.includes(e) && (c.value = [...c.value, e]), o.value = [...o.value, e], setTimeout(() => k(e), P));
     }, E = (e) => {
       const t = p(e);
-      m.get(e.id) !== t && (h(e.id), t && (c.value = Date.now(), v.set(e.id, c.value), d.set(
+      m.get(e.id) !== t && (h(e.id), t && (d.value = Date.now(), v.set(e.id, d.value), f.set(
         e.id,
-        setTimeout(() => D(e.id), t)
+        setTimeout(() => g(e.id), t)
       ), m.set(e.id, t)));
-    }, a = P, g = s(!1), x = K("nmorph"), I = s(x?.zIndex.current.value ?? 1e3), N = s(!1), _ = () => {
+    }, a = V, D = s(!1), x = Q("nmorph"), I = s(x?.zIndex.current.value ?? 1e3), N = s(!1), A = () => {
       a.zIndex !== void 0 || N.value || (I.value = x?.zIndex.next() ?? I.value + 1, N.value = !0);
-    }, C = f(
+    }, G = l(
       () => w.map((e) => {
         const t = n.value.filter(
           (u) => (u.placement ?? a.placement) === e
@@ -46,49 +48,49 @@ const j = 500, L = 250, re = /* @__PURE__ */ H({
           notifications: t.slice(r)
         };
       })
-    ), O = f(
+    ), O = l(
       () => n.value.some(
         (e) => R(e) && !o.value.includes(e.id)
       )
-    ), b = f(() => n.value.length > 0), B = f(
-      () => b.value || a.notifications.some(
-        (e) => y(e) && !l.value.includes(e.id)
+    ), _ = l(() => n.value.length > 0), S = l(
+      () => _.value || a.notifications.some(
+        (e) => T(e) && !c.value.includes(e.id)
       )
-    ), F = f(() => a.zIndex ?? I.value), G = f(() => !g.value || a.disabledTeleport), A = () => {
+    ), B = l(() => a.zIndex ?? I.value), H = l(() => !D.value || a.disabledTeleport), j = l(() => ({ zIndex: B.value })), K = Y("nmorph-notification-provider", j), b = () => {
       i && (clearInterval(i), i = void 0);
     };
-    T(
+    y(
       () => a.notifications,
       () => {
-        B.value && _();
+        S.value && A();
       },
       { deep: !0, immediate: !0, flush: "sync" }
-    ), T(
-      b,
+    ), y(
+      _,
       (e) => {
         if (e) {
-          _();
+          A();
           return;
         }
         N.value = !1;
       },
       { immediate: !0, flush: "sync" }
-    ), T(
+    ), y(
       O,
       (e) => {
         if (!e) {
-          A();
+          b();
           return;
         }
-        i || (c.value = Date.now(), i = setInterval(() => {
-          c.value = Date.now();
-        }, L));
+        i || (d.value = Date.now(), i = setInterval(() => {
+          d.value = Date.now();
+        }, U));
       },
       { immediate: !0 }
-    ), T(
+    ), y(
       () => a.notifications,
       (e) => {
-        const t = e.filter(y).filter((r) => !l.value.includes(r.id));
+        const t = e.filter(T).filter((r) => !c.value.includes(r.id));
         n.value = n.value.map((r) => {
           const u = t.find((M) => M.id === r.id);
           return u ? { ...r, ...u } : r;
@@ -98,24 +100,24 @@ const j = 500, L = 250, re = /* @__PURE__ */ H({
           ) || (n.value = [...n.value, r]);
         }), t.forEach((r) => E(r)), n.value.filter(
           (r) => !t.some((u) => u.id === r.id)
-        ).forEach((r) => D(r.id, !1));
+        ).forEach((r) => g(r.id, !1));
       },
       { deep: !0, immediate: !0 }
-    ), J(() => {
-      g.value = !0;
-    }), Q(() => {
-      d.forEach((e) => clearTimeout(e)), d.clear(), m.clear(), v.clear(), A();
+    ), W(() => {
+      D.value = !0;
+    }), X(() => {
+      f.forEach((e) => clearTimeout(e)), f.clear(), m.clear(), v.clear(), b();
     });
-    const S = { ANIMATION_DURATION: j, DURATION_TICK_INTERVAL: L, hasNotificationId: y, removedIds: l, closingIds: o, renderedNotifications: n, durationTick: c, durationTimers: d, durationById: m, durationStartedAtById: v, get durationTicker() {
+    const L = { ANIMATION_DURATION: P, DURATION_TICK_INTERVAL: U, hasNotificationId: T, removedIds: c, closingIds: o, renderedNotifications: n, durationTick: d, durationTimers: f, durationById: m, durationStartedAtById: v, get durationTicker() {
       return i;
     }, set durationTicker(e) {
       i = e;
-    }, placementList: w, getNotificationDuration: p, hasDurationIndicator: R, hasDurationValue: V, getNotificationRemainingDuration: q, formatNotificationDuration: z, getNotificationDurationLabel: Z, getNotificationStyle: $, clearDurationTimer: h, removeRenderedNotification: k, closeHandler: D, scheduleDurationTimer: E, props: a, isMounted: g, nmorph: x, dynamicZIndex: I, activeZIndexAllocated: N, allocateZIndex: _, notificationGroups: C, hasRunningDurationIndicator: O, hasRenderedNotifications: b, hasActiveNotifications: B, zIndex: F, teleportDisabled: G, stopDurationTicker: A, get NmorphAlert() {
-      return X;
+    }, placementList: w, getNotificationDuration: p, hasDurationIndicator: R, hasDurationValue: $, getNotificationRemainingDuration: q, formatNotificationDuration: z, getNotificationDurationLabel: C, getNotificationStyle: F, clearDurationTimer: h, removeRenderedNotification: k, closeHandler: g, scheduleDurationTimer: E, props: a, isMounted: D, nmorph: x, dynamicZIndex: I, activeZIndexAllocated: N, allocateZIndex: A, notificationGroups: G, hasRunningDurationIndicator: O, hasRenderedNotifications: _, hasActiveNotifications: S, zIndex: B, teleportDisabled: H, rootStyle: j, rootAttrs: K, stopDurationTicker: b, get NmorphAlert() {
+      return te;
     } };
-    return Object.defineProperty(S, "__isScriptSetup", { enumerable: !1, value: !0 }), S;
+    return Object.defineProperty(L, "__isScriptSetup", { enumerable: !1, value: !0 }), L;
   }
 });
 export {
-  re as default
+  ie as default
 };