@nmorph/nmorph-ui-kit 0.2.98 → 0.2.99

package/dist/index.es.js

@@ -4,7 +4,7 @@ var oe = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "defa
 const Z2 = (t, e) => {
   const o = e.filter((r) => r !== "false" && r && r !== "undefined").map((r) => `${t}--${r}`);
   return o.push(t), o.join(" ").trim().replace(/\s+/g, " ");
-}, A = (t) => Object.entries(t).map(([e, o]) => Z2(e, o)).join(" ").trim().replace(/\s+/g, " "), je = (t) => JSON.parse(JSON.stringify(t)), w9 = (t) => {
+}, S = (t) => Object.entries(t).map(([e, o]) => Z2(e, o)).join(" ").trim().replace(/\s+/g, " "), je = (t) => JSON.parse(JSON.stringify(t)), w9 = (t) => {
   if (!t)
     return !1;
   const e = new DOMParser().parseFromString(t, "text/html");
@@ -52,7 +52,7 @@ const Z2 = (t, e) => {
   emits: ["click"],
   setup(t, { expose: e, emit: o }) {
     const r = t, s = h(
-      () => A({
+      () => S({
         nmorph: [oe[r.height], `${r.fill && "fill"}`],
         "nmorph-button": [
           r.styleType,
@@ -115,7 +115,7 @@ const n0 = {
       d36f10ce: s.value
     }));
     const e = t, o = h(
-      () => A({
+      () => S({
         "nmorph-icon": [
           `${!e.width && !e.height && e.size}`,
           `${e.width && "custom-width"}`,
@@ -2824,7 +2824,7 @@ const md = { render: pd }, s2 = {
   },
   setup(t) {
     const e = t, o = h(
-      () => A({
+      () => S({
         "nmorph-link": [e.type, `${e.underline && "underline"}`, `${e.disabled && "disabled"}`]
       })
     );
@@ -2907,10 +2907,10 @@ const gd = /* @__PURE__ */ D({
       _ !== void 0 && clearTimeout(_);
     });
     const O = y(!1), G = h(
-      () => A({
+      () => S({
         "nmorph-scroll": []
       })
-    ), S = (ne) => {
+    ), A = (ne) => {
       const { x: se, y: F2 } = ne;
       s.value?.scrollTo({
         left: se,
@@ -2919,11 +2919,11 @@ const gd = /* @__PURE__ */ D({
       });
     };
     J(() => {
-      S(r.modelValue), me(m);
+      A(r.modelValue), me(m);
     }), Y(
       () => r.modelValue,
       (ne) => {
-        S(ne);
+        A(ne);
       },
       { deep: !0, immediate: !0 }
     ), Y(
@@ -2934,7 +2934,7 @@ const gd = /* @__PURE__ */ D({
       { deep: !0, immediate: !0 }
     );
     const L = h(() => r.cssScrollBehavior), P = h(() => r.height), F = h(() => r.maxHeight), Q = uc(r);
-    e({ scrollDOMContainer: s, moveTo: S });
+    e({ scrollDOMContainer: s, moveTo: A });
     const le = () => {
       O.value = !0;
     }, he = () => {
@@ -2975,7 +2975,7 @@ const wd = /* @__PURE__ */ D({
       "75c6801c": w.value
     }));
     const o = t, r = e, s = y(!1), d = h(
-      () => A({
+      () => S({
         nmorph: [`${o.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [o.shape]
       })
@@ -3035,11 +3035,11 @@ const ve = (t, e) => {
       "68e4a285": m.color
     }));
     const e = t, o = h(
-      () => A({
+      () => S({
         "nmorph-badge": [`${e.hidden && "hidden"}`]
       })
     ), r = h(
-      () => A({
+      () => S({
         "nmorph-badge__container": [`${e.hidden && "hidden"}`]
       })
     ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), d = h(() => {
@@ -3083,28 +3083,29 @@ const bd = ["data-date", "onClick"], c2 = /* @__PURE__ */ D({
   emits: ["update:model-value", "update-initial-date"],
   setup(t, { emit: e }) {
     const { t: o } = U2(), r = t, s = e, d = h(
-      () => A({
+      () => S({
         "nmorph-calendar": []
       })
-    ), c = y(r.initialDate), v = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"].map((S) => o(`NmorphCalendar.${S}`)), m = (S) => {
-      if (Array.isArray(S))
-        return S.map((L) => (L.setHours(0, 0, 0, 0), L));
+    ), c = y(r.initialDate), v = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"].map((A) => o(`NmorphCalendar.${A}`)), m = (A) => {
+      if (Array.isArray(A))
+        return A.map((L) => (L.setHours(0, 0, 0, 0), L));
       throw new Error("model value should be array instanceof Date");
-    }, x = (S) => {
-      if (r.type === "date") {
-        if (S instanceof Date)
-          return S.setHours(0, 0, 0, 0), [S];
-        throw new Error("model value should be instanceof Date");
-      }
+    }, x = (A) => {
+      if (r.type === "date")
+        try {
+          return [new Date(new Date(A.toString()).setHours(0, 0, 0, 0))];
+        } catch {
+          throw new Error("model value should be instanceof Date");
+        }
       if (r.type === "dates" || r.type === "daterange")
-        return m(S);
+        return m(A);
     }, w = y(x(r.modelValue));
     J(() => {
       s("update:model-value", w.value);
     }), Y(
       () => r.modelValue,
-      (S) => {
-        w.value = x(S);
+      (A) => {
+        w.value = x(A);
       }
     );
     let $ = ue([]);
@@ -3121,52 +3122,52 @@ const bd = ["data-date", "onClick"], c2 = /* @__PURE__ */ D({
       M(), s("update-initial-date", c.value);
     }), Y(
       () => r.initialDate,
-      (S) => {
-        c.value = S;
+      (A) => {
+        c.value = A;
       },
       {
         deep: !0
       }
     );
-    const g = (S) => S, f = () => {
+    const g = (A) => A, f = () => {
       c.value = V.value;
     }, b = () => {
       c.value = /* @__PURE__ */ new Date();
     }, _ = () => {
       c.value = j.value;
-    }, k = (S) => {
-      const { monthType: L, hidden: P } = S;
+    }, k = (A) => {
+      const { monthType: L, hidden: P } = A;
       if (P)
         return;
       L === "next" && _(), L === "previous" && f();
-      const { date: F } = S;
+      const { date: F } = A;
       if (r.type === "date" && (w.value[0] = F, s("update:model-value", w.value[0])), r.type === "dates") {
         const Q = F.toDateString(), he = w.value.map((se) => se.toDateString()).indexOf(Q);
         he !== -1 ? w.value.splice(he, 1) : w.value.push(F), s("update:model-value", w.value);
       }
       r.type === "daterange" && (w.value.length === 0 ? w.value.push(F) : w.value.length === 1 ? F < w.value[0] ? w.value = [F, w.value[0]] : w.value.push(F) : w.value = [F], s("update:model-value", w.value.slice(0, 2)));
     }, V = h(() => new Date(c.value.setMonth(c.value.getMonth() - 1))), j = h(() => new Date(c.value.setMonth(c.value.getMonth() + 1))), C = h(() => {
-      const { range: S } = r, L = S ? h2(c.value, S[0]) : !0, P = S ? p2(c.value, S[1]) : !0, F = m2(r.range);
+      const { range: A } = r, L = A ? h2(c.value, A[0]) : !0, P = A ? p2(c.value, A[1]) : !0, F = m2(r.range);
       return {
         showPreviousMonthButton: L,
         showNextMonthButton: P,
         showTodayButton: F
       };
-    }), O = (S, L) => {
+    }), O = (A, L) => {
       const P = L[0], F = L[1];
-      return S === P || S === F ? !0 : !P || !F || P > F ? !1 : S >= P && S <= F;
-    }, G = (S) => {
+      return A === P || A === F ? !0 : !P || !F || P > F ? !1 : A >= P && A <= F;
+    }, G = (A) => {
       if (r.type === "date")
-        return w.value[0].toDateString() === S.toDateString();
+        return w.value[0].toDateString() === A.toDateString();
       if (r.type === "dates")
-        return w.value.map((L) => L.toDateString()).includes(S.toDateString());
+        return w.value.map((L) => L.toDateString()).includes(A.toDateString());
       if (r.type === "daterange")
-        return O(S, w.value);
+        return O(A, w.value);
     };
-    return (S, L) => (a(), l("div", {
+    return (A, L) => (a(), l("div", {
       class: z(d.value)
     }, [
-      B(S.$slots, "header", {}, () => [
+      B(A.$slots, "header", {}, () => [
         H(p(f2), {
           year: c.value.getFullYear(),
           month: c.value.getMonth(),
@@ -3178,7 +3179,7 @@ const bd = ["data-date", "onClick"], c2 = /* @__PURE__ */ D({
           onClickToday: b
         }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
       ]),
-      B(S.$slots, "content", {}, () => [
+      B(A.$slots, "content", {}, () => [
         H(p($2), {
           data: p($),
           bordered: "",
@@ -3209,7 +3210,7 @@ const bd = ["data-date", "onClick"], c2 = /* @__PURE__ */ D({
                       ]),
                       onClick: (he) => k(g(Q[P]))
                     }, [
-                      B(S.$slots, "date-cell", {
+                      B(A.$slots, "date-cell", {
                         scope: {
                           ...g(Q[P]),
                           selected: G(g(Q[P]).date)
@@ -3308,9 +3309,9 @@ const Oe = [
       hidden: o(Q)
     });
   }
-  const S = [...k, ...G, ...j], L = [];
-  for (let P = 0; P < S.length; P += 7) {
-    const F = S.slice(P, P + 7);
+  const A = [...k, ...G, ...j], L = [];
+  for (let P = 0; P < A.length; P += 7) {
+    const F = A.slice(P, P + 7);
     L.push(F);
   }
   return L.filter((P) => !P.every((F) => F.hidden));
@@ -3326,7 +3327,7 @@ const Oe = [
   emits: ["click-previous-month", "click-today", "click-next-month"],
   setup(t, { emit: e }) {
     const o = t, r = e, s = h(
-      () => A({
+      () => S({
         "nmorph-calendar-header": []
       })
     );
@@ -3370,7 +3371,7 @@ const Vd = { class: "nmorph-card__header" }, Bd = { class: "nmorph-card__content
       "5ad14f80": r.value
     }));
     const e = t, o = h(
-      () => A({
+      () => S({
         nmorph: [t2[e.shadowType]],
         "nmorph-card": [e.shadowType]
       })
@@ -3402,7 +3403,7 @@ const Ad = /* @__PURE__ */ ve(Sd, [["__scopeId", "data-v-e3cb136f"]]), Dd = ["id
     }, s = () => {
       o.value = o.value - 1;
     }, d = t, c = e, u = h(
-      () => A({
+      () => S({
         "nmorph-carousel": []
       })
     ), v = y([]), m = we();
@@ -3477,7 +3478,7 @@ const qd = /* @__PURE__ */ D({
   },
   setup(t) {
     const e = t, o = h(
-      () => A({
+      () => S({
         "nmorph-carousel-item": []
       })
     ), r = Z("carousel-data", void 0), s = y(!1);
@@ -3522,7 +3523,7 @@ const qd = /* @__PURE__ */ D({
     };
     I("collapse-data", r), I("update-model", s);
     const d = e, c = h(
-      () => A({
+      () => S({
         "nmorph-collapse": []
       })
     );
@@ -3544,11 +3545,11 @@ const qd = /* @__PURE__ */ D({
   emits: ["click-item"],
   setup(t, { emit: e }) {
     const o = t, r = e, s = y(!1), d = h(
-      () => A({
+      () => S({
         "nmorph-collapse-item": [`${o.disabled && "disabled"}`, `${s.value && "is-open"}`]
       })
     ), c = h(
-      () => A({
+      () => S({
         nmorph: [oe[o.height]]
       })
     ), u = Z("collapse-data", void 0), v = Z("update-model", void 0), m = y(null), x = y(0), w = () => {
@@ -3618,7 +3619,7 @@ const Fd = ["src", "alt", "srcset"], Wd = {
     }, u = ($) => {
       r.value = !0, s.value = !0, d("error", $);
     }, v = h(() => r.value && s.value), m = h(
-      () => A({
+      () => S({
         nmorph: [`${o.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-image": [`${(v.value || !r.value) && "hide"}`]
       })
@@ -3666,7 +3667,7 @@ const Me = /* @__PURE__ */ ve(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { cl
   emits: ["on-close", "on-open"],
   setup(t, { emit: e }) {
     const o = t, r = y(o.show), s = h(
-      () => A({
+      () => S({
         "nmorph-image-preview": [`${r.value && "opened"}`]
       })
     ), d = y(o.initialIndex), c = h(() => typeof o.src == "string" ? o.src : o.src[d.value]), u = y(1), v = () => {
@@ -3686,20 +3687,20 @@ const Me = /* @__PURE__ */ ve(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { cl
     }, b = () => {
       u.value = 1;
     }, _ = y(0), k = () => {
-      const S = o.src.length - 1, L = d.value - 1;
-      L < 0 ? d.value = S : d.value = L;
+      const A = o.src.length - 1, L = d.value - 1;
+      L < 0 ? d.value = A : d.value = L;
     }, V = () => {
-      const S = o.src.length - 1, L = d.value + 1;
-      L > S ? d.value = 0 : d.value = L;
+      const A = o.src.length - 1, L = d.value + 1;
+      L > A ? d.value = 0 : d.value = L;
     }, j = h(() => {
-      let S = {
+      let A = {
         icon: "shrink",
         handler: b
       };
-      return g.value && (S = {
+      return g.value && (A = {
         icon: "enlarge",
         handler: f
-      }), S;
+      }), A;
     }), C = [
       {
         icon: "rotate-right",
@@ -3718,7 +3719,7 @@ const Me = /* @__PURE__ */ ve(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { cl
         handler: M
       }
     ], O = e, G = h(() => Array.isArray(o.src) && o.src.length > 0);
-    return (S, L) => (a(), l("div", {
+    return (A, L) => (a(), l("div", {
       class: z(s.value)
     }, [
       n("div", {
@@ -3809,7 +3810,7 @@ const Jd = /* @__PURE__ */ D({
   emits: ["prev-click", "next-click", "update:model-value", "update:range"],
   setup(t, { emit: e }) {
     const o = t, r = e, s = y(o.range), d = h(
-      () => A({
+      () => S({
         "nmorph-pagination": [`${o.disabled && "disabled"}`]
       })
     ), c = () => {
@@ -3907,7 +3908,7 @@ const Qd = {
       "58c45d38": x.value
     }));
     const e = t, o = h(
-      () => A({
+      () => S({
         "nmorph-progress": []
       })
     ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find(($) => $.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), d = h(() => e.indeterminate ? "var(--animation)" : "none"), c = y(null), u = y(1), v = h(() => `${u.value} ${u.value}`), m = h(() => u.value - e.percentage / 100 * u.value);
@@ -3971,7 +3972,7 @@ const ru = {
   },
   setup(t) {
     const e = t, o = h(
-      () => A({
+      () => S({
         "nmorph-skeleton": [`${e.animated && e.loading && "loading"}`]
       })
     );
@@ -4014,7 +4015,7 @@ const uu = { class: "nmorph-skeleton-item__element" }, x2 = /* @__PURE__ */ D({
       "2d27081e": s.value
     }));
     const e = t, o = h(
-      () => A({
+      () => S({
         "nmorph-skeleton-item": [e.variant, `${e.design === "nmorph" ? "nmorph-design" : ""}`]
       })
     ), r = h(() => e.width), s = h(() => e.height);
@@ -4040,7 +4041,7 @@ const xe = "10px", cu = /* @__PURE__ */ D({
   emits: ["sort"],
   setup(t, { emit: e }) {
     const o = t, r = e, s = h(
-      () => A({
+      () => S({
         "nmorph-sort-button": [`${o.value}`]
       })
     ), d = () => {
@@ -4085,7 +4086,7 @@ const vu = { class: "nmorph-table__wrapper" }, hu = { class: "nmorph-table__head
   },
   setup(t) {
     const e = t, o = h(
-      () => A({
+      () => S({
         "nmorph-table": [`${e.style}`]
       })
     ), r = y(e.data), s = y(e.sort), d = (M, g) => {
@@ -4200,7 +4201,7 @@ const y2 = /* @__PURE__ */ D({
   },
   setup(t) {
     const e = Z("column-property", void 0), o = Z("table-identifier", void 0), r = t, s = h(
-      () => A({
+      () => S({
         "nmorph-table-cell": []
       })
     ), d = h(() => `#table-cell-${o}-${r.row}-${e}`), c = y(!1);
@@ -4227,7 +4228,7 @@ const y2 = /* @__PURE__ */ D({
   },
   setup(t) {
     const e = Z("table-data", void 0), o = Z("table-identifier", void 0), r = t, s = h(
-      () => A({
+      () => S({
         "nmorph-table-column": []
       })
     ), d = y(0);
@@ -4259,7 +4260,7 @@ const y2 = /* @__PURE__ */ D({
   emits: ["close", "update:model-value"],
   setup(t, { emit: e }) {
     const o = t, r = e, s = h(
-      () => A({
+      () => S({
         "nmorph-list": []
       })
     );
@@ -4288,7 +4289,7 @@ const y2 = /* @__PURE__ */ D({
   emits: ["close"],
   setup(t, { emit: e }) {
     const o = t, r = h(
-      () => A({
+      () => S({
         nmorph: [oe[o.height]],
         "nmorph-tag-item": [`${o.design === "nmorph" ? "nmorph-design" : ""}`]
       })
@@ -4333,7 +4334,7 @@ const Mu = ["innerHTML"], bu = {
   emits: ["close"],
   setup(t, { emit: e }) {
     const o = t, r = e, s = h(
-      () => A({
+      () => S({
         "nmorph-alert": [o.type, `${o.bordered && "bordered"}`, `${o.fill && "fill"}`]
       })
     ), d = () => {
@@ -4411,7 +4412,7 @@ const Su = { class: "nmorph-dialog__header" }, Au = { class: "nmorph-dialog__tit
       "058e40d8": c.value
     }));
     const o = t, r = e, s = h(
-      () => A({
+      () => S({
         "nmorph-dialog": []
       })
     ), d = h(() => o.width), c = h(() => o.zIndex), u = y(o.modelValue);
@@ -4560,7 +4561,7 @@ const Ke = (t) => {
   };
   return { placement: c, placementCoords: u };
 }, M9 = () => {
-}, Ru = "@nmorph/nmorph-ui-kit", Fu = "module", Wu = "0.2.98", ju = "MIT", Lu = {
+}, Ru = "@nmorph/nmorph-ui-kit", Fu = "module", Wu = "0.2.99", ju = "MIT", Lu = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Uu = "./dist/index.d.ts", Yu = "./dist/index.umd.js", Gu = "./dist/index.es.js", Ku = "./dist/style.css", Xu = [
@@ -4853,7 +4854,7 @@ const Ke = (t) => {
       contentDOMElement: r,
       relativeElement: s
     }), c = h(
-      () => A({
+      () => S({
         "nmorph-tooltip": [d.value]
       })
     ), u = () => {
@@ -4970,7 +4971,7 @@ const mc = {
         r && Array.isArray(u.value) && r(s.id, u.value);
       }
     }, w = h(
-      () => A({
+      () => S({
         "nmorph-checkbox": [
           `${v.value && "checked"}`,
           `${s.disabled && "disabled"}`,
@@ -5035,7 +5036,7 @@ const Hc = { class: "nmorph-checkbox-group__wrapper" }, kc = { class: "nmorph-ch
     const o = t, r = y(o.modelValue), s = e, d = (u) => {
       r.value.includes(u) ? r.value = r.value.filter((v) => v !== u) : r.value.push(u), s("update:model-value", r.value);
     }, c = h(
-      () => A({
+      () => S({
         "nmorph-checkbox-group": [o.design, o.direction]
       })
     );
@@ -5079,7 +5080,7 @@ const Vc = { class: "nmorph-autocomplete__input-content" }, Bc = {
   emits: ["update:model-value", "select"],
   setup(t, { emit: e }) {
     const o = t, r = y(o.modelValue), s = e, d = h(
-      () => A({
+      () => S({
         "nmorph-autocomplete": []
       })
     ), c = (g) => {
@@ -5158,7 +5159,7 @@ const Qe = /* @__PURE__ */ D({
   emits: ["clear"],
   setup(t, { emit: e }) {
     const o = e, r = h(
-      () => A({
+      () => S({
         "nmorph-input-clear-button": []
       })
     );
@@ -5196,7 +5197,7 @@ const Qe = /* @__PURE__ */ D({
     const o = t, r = y(o.initialStartDate), s = y(
       o.initialEndDate ?? new Date(new Date(o.initialStartDate).setMonth(o.initialStartDate.getMonth() + 1))
     ), d = y(o.modelValue), c = e, u = h(
-      () => A({
+      () => S({
         nmorph: [oe[o.height]],
         "nmorph-date-picker": [`${o.disabled && "disabled"}`, o.type]
       })
@@ -5222,7 +5223,7 @@ const Qe = /* @__PURE__ */ D({
       const j = V;
       if (Array.isArray(d.value)) {
         if (o.type === "dates") {
-          const C = j.toDateString(), O = d.value.map((S) => S?.toDateString()), G = O.findIndex((S) => C === S);
+          const C = j.toDateString(), O = d.value.map((A) => A?.toDateString()), G = O.findIndex((A) => C === A);
           O.includes(C) ? d.value.splice(G, 1) : d.value.push(j);
         }
       } else
@@ -5359,7 +5360,7 @@ const Yc = { class: "nmorph-year-month-picker__header" }, Gc = { class: "nmorph-
       }
     );
     const v = e, m = h(
-      () => A({
+      () => S({
         "nmorph-year-month-picker": []
       })
     ), x = (b) => {
@@ -5438,7 +5439,7 @@ const ye = /* @__PURE__ */ D({
   emits: ["update-selected-value"],
   setup(t, { emit: e }) {
     const o = t, r = e, s = h(
-      () => A({
+      () => S({
         "nmorph-date-picker-content": []
       })
     ), d = y(o.initialDate), c = y("calendar"), u = h(() => new Date(d.value.setMonth(d.value.getMonth() - 1))), v = h(() => new Date(d.value.setMonth(d.value.getMonth() + 1))), m = h(() => new Date(d.value.setFullYear(d.value.getFullYear() - 1))), x = h(() => new Date(d.value.setFullYear(d.value.getFullYear() + 1))), w = () => {
@@ -5511,7 +5512,7 @@ const ye = /* @__PURE__ */ D({
   emits: ["prev-month", "next-month", "prev-year", "next-year", "change-year", "change-month"],
   setup(t, { emit: e }) {
     const o = t, r = e, s = h(
-      () => A({
+      () => S({
         "nmorph-date-picker-header": []
       })
     );
@@ -5637,7 +5638,7 @@ const Zc = { class: "nmorph-file-upload__trigger" }, Nc = ["multiple"], Ic = { c
       w("inputDOMRef", c);
     });
     const w = e, $ = h(
-      () => A({
+      () => S({
         nmorph: [`${o.fill && "fill"}`],
         "nmorph-file-upload": [`${o.disabled && "disabled"}`]
       })
@@ -5717,7 +5718,7 @@ const o5 = {
   emits: ["formValidator"],
   setup(t, { emit: e }) {
     const o = t, r = h(
-      () => A({
+      () => S({
         "nmorph-form": []
       })
     ), s = Eu(o.value, o.validateImmediately), d = e;
@@ -5740,7 +5741,7 @@ const o5 = {
   },
   setup(t) {
     const e = t, o = h(() => (Array.isArray(e.errors) ? e.errors : e.errors.value).reverse()), r = h(
-      () => A({
+      () => S({
         nmorph: [oe[e.height]],
         "nmorph-error-box": [`${e.staticHeight && "static-height"}`, `${o.value.length === 0 && "empty"}`]
       })
@@ -5774,7 +5775,7 @@ const Ce = "18px", i5 = /* @__PURE__ */ D({
       bd9433c4: Ce
     }));
     const e = t, o = h(
-      () => A({
+      () => S({
         "nmorph-validation-icon": [e.valid ? "valid" : "invalid"]
       })
     ), r = h(() => e.valid ? "success" : "error");
@@ -5805,7 +5806,7 @@ const d5 = { key: 0 }, u5 = { class: "nmorph-form-item__content" }, c5 = /* @__P
     const e = t, o = Z("form-data", void 0), r = h(() => o?.fields[e.id]), s = h(() => e.validate && r.value), d = h(
       () => !!s.value && !!r?.value?.touched && e.showValidationIcon
     ), c = h(() => s.value && r.value?.touched), u = h(
-      () => A({
+      () => S({
         "nmorph-form-item": [
           `${e.label && "labeled"}`,
           `${c.value && (r.value?.valid ? "valid" : "invalid")}`
@@ -5858,7 +5859,7 @@ const v5 = { class: "nmorph-number-input__content" }, h5 = { class: "nmorph-numb
       "629bff04": m.value
     }));
     const o = t, r = h(
-      () => A({
+      () => S({
         nmorph: [oe[o.height], `${o.fill && "fill"}`],
         "nmorph-number-input": [
           `${o.disabled && "disabled"}`,
@@ -6019,7 +6020,7 @@ const $5 = { class: "nmorph-select__content" }, y5 = {
         r("update:model-value", s.value);
       }
     }, x = h(
-      () => A({
+      () => S({
         nmorph: [oe[o.height], `${o.fill && "fill"}`],
         "nmorph-select": [
           `${o.disabled && "disabled"}`,
@@ -6113,7 +6114,7 @@ const k5 = { class: "nmorph-select-option__content" }, D2 = /* @__PURE__ */ D({
     const o = Z("select-selected-value", void 0), r = Z("select-change-selected-value", void 0), s = t, d = e, c = () => {
       s.disabled || (d("change-value", s.value), r && r(s.value));
     }, u = h(() => typeof o?.value == "string" ? o.value === s.value : Array.isArray(o?.value) ? o.value.some((m) => m === s.value) : !1), v = h(
-      () => A({
+      () => S({
         nmorph: [oe[s.height]],
         "nmorph-select-option": [
           `${s.disabled && "disabled"}`,
@@ -6155,7 +6156,7 @@ const z5 = { class: "nmorph-slider__content" }, V5 = { class: "nmorph-slider__in
       "5408a43b": s
     }));
     const o = t, r = h(
-      () => A({
+      () => S({
         nmorph: [`${o.fill && "fill"}`],
         "nmorph-slider": [`${o.disabled && "disabled"}`]
       })
@@ -6169,7 +6170,7 @@ const z5 = { class: "nmorph-slider__content" }, V5 = { class: "nmorph-slider__in
       }
     );
     const m = h(() => {
-      const C = x.value - x.value, O = o.max - o.min + C, G = (u.value - o.min) / O * 100, S = v.value?.clientWidth || 0, L = Ze / S * 100, P = L / 2;
+      const C = x.value - x.value, O = o.max - o.min + C, G = (u.value - o.min) / O * 100, A = v.value?.clientWidth || 0, L = Ze / A * 100, P = L / 2;
       let F = G - P;
       const Q = `${Math.max(0, Math.min(100 - L, F))}%`, le = `${F + P}%`;
       return {
@@ -6189,8 +6190,8 @@ const z5 = { class: "nmorph-slider__content" }, V5 = { class: "nmorph-slider__in
       const O = v.value?.getBoundingClientRect();
       let G = 0;
       if (O) {
-        const S = C.clientX - O.left, L = O.width;
-        G = Math.max(0, Math.min(1, S / L)), u.value = o.min + G * (o.max - o.min);
+        const A = C.clientX - O.left, L = O.width;
+        G = Math.max(0, Math.min(1, A / L)), u.value = o.min + G * (o.max - o.min);
       }
       u.value = Math.round(u.value / o.step) * o.step, u.value = Math.max(o.min, Math.min(o.max, u.value));
     }, g = () => {
@@ -6259,7 +6260,7 @@ const S5 = ["value", "disabled"], A5 = { class: "nmorph-switch-thumb" }, D5 = /*
   emits: ["inputDOMRef", "update:model-value"],
   setup(t, { emit: e }) {
     const o = t, r = h(
-      () => A({
+      () => S({
         "nmorph-switch": [
           `${o.disabled && "disabled"}`,
           `${d.value ? "on" : "off"}`,
@@ -6332,7 +6333,7 @@ const T5 = { class: "nmorph-text-input__input-side" }, O5 = {
       "1667935a": f.value
     }));
     const o = Ie(), r = t, s = h(
-      () => A({
+      () => S({
         nmorph: [oe[r.height], `${m.value && "focused"}`, `${r.fill && "fill"}`],
         "nmorph-text-input": [`${r.typePassword && "password"}`]
       })
@@ -6411,7 +6412,7 @@ const q5 = { class: "nmorph-time-picker__content" }, E5 = { class: "nmorph-time-
     const m = () => {
       c.value = !c.value;
     }, x = h(
-      () => A({
+      () => S({
         nmorph: [oe[o.height]],
         "nmorph-time-picker": [`${o.disabled && "disabled"}`, `${c.value && "open"}`]
       })
@@ -6543,7 +6544,7 @@ const Te = (t) => {
     ), s = t, d = () => {
       r && !s.disabled && r(s.value);
     }, c = h(() => o?.value === s.value), u = h(
-      () => A({
+      () => S({
         "nmorph-radio": [`${s.disabled && "disabled"}`, `${c.value && "checked"}`, s.styleType]
       })
     ), v = e, m = y(null);
@@ -6614,7 +6615,7 @@ const N5 = { class: "nmorph-radio-group__wrapper" }, I5 = { class: "nmorph-radio
     const s = e, d = (u) => {
       r.value = u, s("update:model-value", r.value);
     }, c = h(
-      () => A({ "nmorph-radio-group": [o.styleType, o.direction, `${o.fill && "fill"}`] })
+      () => S({ "nmorph-radio-group": [o.styleType, o.direction, `${o.fill && "fill"}`] })
     );
     return I("radio-group-selected-value", r), I("change-radio-button-value-handler", d), (u, v) => (a(), l("div", {
       class: z(c.value)
@@ -6648,7 +6649,7 @@ const e9 = /* @__PURE__ */ D({
       "5c1e7dcc": d.value
     }));
     const o = t, r = e, s = h(() => `${o.right}px`), d = h(() => `${o.bottom}px`), c = h(
-      () => A({
+      () => S({
         "nmorph-backtop": [`${m.value && "show"}`]
       })
     ), u = y(null), v = y(null), m = y(!1), x = ($) => {
@@ -6702,7 +6703,7 @@ const t9 = ["id"], n9 = {
     const e = t, o = y([]), r = we();
     I("breadcrumb-data", { breadcrumbs: o, breadcrumbId: r });
     const s = h(
-      () => A({
+      () => S({
         "nmorph-breadcrumb": []
       })
     );
@@ -6731,7 +6732,7 @@ const o9 = /* @__PURE__ */ D({
   },
   setup(t) {
     const e = t, o = h(
-      () => A({
+      () => S({
         "nmorph-breadcrumb-item": []
       })
     ), r = Z("breadcrumb-data", void 0), s = y(!1), d = we();
@@ -6783,7 +6784,7 @@ const ce = /* @__PURE__ */ D({
       yOffset: o.yOffset,
       xOffset: o.xOffset
     }), c = h(
-      () => A({
+      () => S({
         "nmorph-dropdown": [`${!o.open && "closed"}`]
       })
     ), u = h(() => o.fillWidth ? `${o.relativeElement?.clientWidth}px` : `${o.width}px`), v = () => {
@@ -6817,7 +6818,7 @@ const l9 = { class: "nmorph-tabs__label-list" }, r9 = ["id", "onClick"], s9 = {
   emits: ["update:model-value", "tab-change"],
   setup(t, { emit: e }) {
     const o = t, r = e, s = h(
-      () => A({
+      () => S({
         "nmorph-tabs": [`${o.stretch && "stretch"}`]
       })
     ), d = (v) => {
@@ -6872,7 +6873,7 @@ const Fe = (t, e) => {
   },
   setup(t) {
     const e = t, o = h(
-      () => A({
+      () => S({
         "nmorph-tab-pane": []
       })
     ), r = Z("nmorph-tabs-data", void 0), s = y(!1);
@@ -6901,7 +6902,7 @@ const Fe = (t, e) => {
   },
   setup(t) {
     const e = t, o = h(
-      () => A({
+      () => S({
         "nmorph-divider": [e.direction]
       })
     );
@@ -6920,7 +6921,7 @@ const Be = /* @__PURE__ */ D({
   emits: ["on-outside-click"],
   setup(t, { emit: e }) {
     const o = t, r = h(
-      () => A({
+      () => S({
         "nmorph-overlay": [
           `${o.outsideClickEmitEvent && "outside-click"}`,
           `${o.show && "show"}`,
@@ -7220,7 +7221,7 @@ export {
   M9 as useEventManager,
   Ke as useFieldValidation,
   Eu as useFormValidation,
-  A as useModifiers,
+  S as useModifiers,
   k9 as useNmorph,
   m9 as useNmorphBrowser,
   H9 as useNmorphNotification,