@nmorph/nmorph-ui-kit 0.2.111 → 0.2.113

package/dist/index.es.js

@@ -4,7 +4,7 @@ var ne = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "defa
 const N2 = (t, e) => {
   const l = e.filter((r) => r !== "false" && r && r !== "undefined").map((r) => `${t}--${r}`);
   return l.push(t), l.join(" ").trim().replace(/\s+/g, " ");
-}, A = (t) => Object.entries(t).map(([e, l]) => N2(e, l)).join(" ").trim().replace(/\s+/g, " "), Ge = (t) => JSON.parse(JSON.stringify(t)), y9 = (t) => {
+}, A = (t) => Object.entries(t).map(([e, l]) => N2(e, l)).join(" ").trim().replace(/\s+/g, " "), Ge = (t) => JSON.parse(JSON.stringify(t)), b9 = (t) => {
   if (!t)
     return !1;
   const e = new DOMParser().parseFromString(t, "text/html");
@@ -12,7 +12,7 @@ const N2 = (t, e) => {
 }, fe = () => {
   const t = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return `${t()}${t()}-${t()}-4${t().substr(0, 3)}-${t().substr(0, 1)}${t().substr(1, 3)}-${t()}${t()}${t()}`;
-}, b9 = (t) => t.charAt(0).toUpperCase() + t.slice(1), Qe = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Ke = {
+}, M9 = (t) => t.charAt(0).toUpperCase() + t.slice(1), Qe = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Ke = {
   error: {
     bg: "#000000",
     text: "red"
@@ -31,10 +31,10 @@ const N2 = (t, e) => {
   }
 }, I2 = (t, e) => {
   console.log(`%c ${e} `, `background: ${Ke[t].bg}; color: ${Ke[t].text}`);
-}, M9 = (t) => t.replace(/(^\w|-\w)/g, (e) => e.replace(/-/, "").toUpperCase()), k9 = (t) => {
+}, k9 = (t) => t.replace(/(^\w|-\w)/g, (e) => e.replace(/-/, "").toUpperCase()), H9 = (t) => {
   const e = t.replace(/([A-Z])/g, " $1").trim();
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, H9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])/g, "-$1").toLowerCase().replace(/--+/g, "-").replace(/^-/, ""), z9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z])/g, " $1").trim(), e0 = ["disabled", "loading", "type"], t0 = { key: 1 }, n0 = { key: 0 }, U = /* @__PURE__ */ D({
+}, z9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])/g, "-$1").toLowerCase().replace(/--+/g, "-").replace(/^-/, ""), V9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z])/g, " $1").trim(), e0 = ["disabled", "loading", "type"], t0 = { key: 1 }, n0 = { key: 0 }, U = /* @__PURE__ */ D({
   __name: "NmorphButton",
   props: {
     styleType: { default: "default" },
@@ -4139,12 +4139,12 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
     rowHover: { type: Boolean, default: !0 },
     bordered: { type: Boolean, default: !1 },
     sort: { default: void 0 },
-    style: { default: "nmorph" }
+    design: { default: "nmorph" }
   },
   setup(t) {
     const e = t, l = h(
       () => A({
-        "nmorph-table": [`${e.style}`]
+        "nmorph-table": [`${e.design}`]
       })
     ), r = y(e.data), s = y(e.sort), d = (w, f) => {
       s.value && (s.value[f] = w, r.value.sort((g, b) => {
@@ -4448,7 +4448,7 @@ const Hu = ["innerHTML"], zu = {
     ], 2)) : O("", !0);
   }
 });
-const V2 = /* @__PURE__ */ ve(Du, [["__scopeId", "data-v-ac81beac"]]);
+const V2 = /* @__PURE__ */ ve(Du, [["__scopeId", "data-v-a98b30ba"]]);
 var ie = /* @__PURE__ */ ((t) => (t.success = "success", t.error = "error", t.warning = "warning", t.info = "info", t))(ie || {});
 const Tu = { class: "nmorph-dialog__header" }, Ou = { class: "nmorph-dialog__title" }, Pu = { class: "nmorph-dialog__content" }, Eu = /* @__PURE__ */ D({
   __name: "NmorphDialog",
@@ -4617,8 +4617,8 @@ const Je = (t) => {
     });
   };
   return { placement: c, placementCoords: u };
-}, V9 = () => {
-}, Wu = "@nmorph/nmorph-ui-kit", Lu = "module", Uu = "0.2.111", Yu = "MIT", Gu = {
+}, B9 = () => {
+}, Wu = "@nmorph/nmorph-ui-kit", Lu = "module", Uu = "0.2.113", Yu = "MIT", Gu = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Qu = "./dist/index.d.ts", Ku = "./dist/index.umd.js", Zu = "./dist/index.es.js", Xu = "./dist/style.css", Ju = [
@@ -4904,10 +4904,10 @@ const Je = (t) => {
 }, Ie = {
   NmorphSwitch: Re[ee.en],
   NmorphCalendar: Fe[ee.en]
-}, B9 = {
+}, C9 = {
   NmorphSwitch: Re[ee.ru],
   NmorphCalendar: Fe[ee.ru]
-}, C9 = {
+}, S9 = {
   NmorphSwitch: Re[ee.zh],
   NmorphCalendar: Fe[ee.zh]
 }, vc = (t) => {
@@ -4917,7 +4917,7 @@ const Je = (t) => {
     fallbackLocale: ee.en,
     messages: e
   });
-}, S9 = () => {
+}, A9 = () => {
   const t = y([]), e = {
     duration: 3e3,
     closable: !0,
@@ -4944,9 +4944,12 @@ const Je = (t) => {
   const e = {};
   return t.role && (e.role = t.role), t.ariaLabel && (e["aria-label"] = t.ariaLabel), t.ariaOrientation && (e["aria-orientation"] = t.ariaOrientation), e;
 }, pc = { class: "nmorph-tooltip__shadow-content" }, mc = {
+  key: 0,
+  class: "nmorph-tooltip__triangle"
+}, _c = {
   key: 0,
   class: "nmorph-tooltip__info-content"
-}, _c = { class: "nmorph-tooltip__shadow-content" }, fc = { key: 0 }, S2 = /* @__PURE__ */ D({
+}, fc = { class: "nmorph-tooltip__shadow-content" }, gc = { key: 0 }, S2 = /* @__PURE__ */ D({
   __name: "NmorphTooltip",
   props: {
     text: { default: "" },
@@ -4956,17 +4959,15 @@ const Je = (t) => {
   },
   setup(t) {
     J((x) => ({
-      "042206ed": m.value
+      e0aa3ebc: m.value
     }));
     const e = t, l = y(e.forceShow), r = y(null), s = y(null), { placement: d } = B2({
-      initialPlacement: "top",
+      initialPlacement: e.position,
       contentDOMElement: r,
       relativeElement: s
-    }), c = h(
-      () => A({
-        "nmorph-tooltip": [d.value]
-      })
-    ), u = () => {
+    }), c = h(() => A({
+      "nmorph-tooltip": [d.value]
+    })), u = () => {
       l.value = !0;
     }, v = () => {
       e.forceShow || (l.value = !1);
@@ -4999,7 +5000,7 @@ const Je = (t) => {
               style: I({ left: x.forceCoordinate?.x, bottom: x.forceCoordinate?.y })
             }, [
               n("div", pc, [
-                M[0] || (M[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
+                e.forceCoordinate ? O("", !0) : (a(), o("div", mc)),
                 n("span", null, F(x.text), 1)
               ])
             ], 4)) : O("", !0)
@@ -5011,10 +5012,10 @@ const Je = (t) => {
           tag: "div"
         }, {
           default: q(() => [
-            l.value ? (a(), o("div", mc, [
-              n("div", _c, [
-                M[1] || (M[1] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
-                e.text ? (a(), o("span", fc, F(x.text), 1)) : S(x.$slots, "content", { key: 1 })
+            l.value ? (a(), o("div", _c, [
+              n("div", fc, [
+                M[0] || (M[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
+                e.text ? (a(), o("span", gc, F(x.text), 1)) : S(x.$slots, "content", { key: 1 })
               ])
             ])) : O("", !0)
           ]),
@@ -5024,25 +5025,25 @@ const Je = (t) => {
     ], 2));
   }
 });
-const gc = {
+const wc = {
   key: 0,
   class: "nmorph-checkbox__content"
-}, wc = { class: "nmorph-checkbox__input-wrapper" }, xc = ["disabled", "checked"], $c = {
+}, xc = { class: "nmorph-checkbox__input-wrapper" }, $c = ["disabled", "checked"], yc = {
   key: 0,
   class: "nmorph-checkbox__fake-checked"
-}, yc = {
+}, bc = {
   key: 0,
   class: "nmorph-checkbox__label"
-}, bc = {
+}, Mc = {
   key: 1,
   class: "nmorph-checkbox__label"
-}, Mc = {
+}, kc = {
   key: 1,
   class: "nmorph-checkbox__content"
-}, kc = ["disabled", "checked"], Hc = {
+}, Hc = ["disabled", "checked"], zc = {
   key: 0,
   class: "nmorph-checkbox__fake"
-}, zc = {
+}, Vc = {
   key: 1,
   class: "nmorph-checkbox__fake"
 }, A2 = /* @__PURE__ */ D({
@@ -5091,8 +5092,8 @@ const gc = {
     return ($, w) => (a(), o("label", {
       class: B(M.value)
     }, [
-      s.design === "checkbox" ? (a(), o("div", gc, [
-        n("div", wc, [
+      s.design === "checkbox" ? (a(), o("div", wc, [
+        n("div", xc, [
           n("input", {
             ref_key: "inputDOMRef",
             ref: d,
@@ -5101,17 +5102,17 @@ const gc = {
             checked: v.value,
             class: "nmorph-native-input",
             onChange: x
-          }, null, 40, xc),
+          }, null, 40, $c),
           w[0] || (w[0] = n("div", { class: "nmorph-checkbox__fake" }, null, -1)),
-          v.value ? (a(), o("div", $c)) : O("", !0)
+          v.value ? (a(), o("div", yc)) : O("", !0)
         ]),
-        s.label ? (a(), o("div", yc, [
+        s.label ? (a(), o("div", bc, [
           n("span", null, F(s.label), 1)
-        ])) : (a(), o("div", bc, [
+        ])) : (a(), o("div", Mc, [
           S($.$slots, "default")
         ]))
       ])) : O("", !0),
-      s.design === "button" ? (a(), o("div", Mc, [
+      s.design === "button" ? (a(), o("div", kc, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: d,
@@ -5119,17 +5120,17 @@ const gc = {
           disabled: s.disabled,
           checked: v.value,
           onChange: x
-        }, null, 40, kc),
-        s.label ? (a(), o("div", Hc, [
+        }, null, 40, Hc),
+        s.label ? (a(), o("div", zc, [
           n("span", null, F(s.label), 1)
-        ])) : (a(), o("div", zc, [
+        ])) : (a(), o("div", Vc, [
           S($.$slots, "label")
         ]))
       ])) : O("", !0)
     ], 2));
   }
 });
-const Vc = { class: "nmorph-checkbox-group__wrapper" }, Bc = { class: "nmorph-checkbox-group__content" }, Cc = /* @__PURE__ */ D({
+const Bc = { class: "nmorph-checkbox-group__wrapper" }, Cc = { class: "nmorph-checkbox-group__content" }, Sc = /* @__PURE__ */ D({
   __name: "NmorphCheckboxGroup",
   props: {
     modelValue: { default: () => [] },
@@ -5152,8 +5153,8 @@ const Vc = { class: "nmorph-checkbox-group__wrapper" }, Bc = { class: "nmorph-ch
     return N("checkbox-group-selected-value", r), N("change-checkbox-value-handler", d), (u, v) => (a(), o("div", {
       class: B(c.value)
     }, [
-      n("div", Vc, [
-        n("div", Bc, [
+      n("div", Bc, [
+        n("div", Cc, [
           (a(!0), o(G, null, Q(u.options, (m, x) => (a(), E(p(A2), {
             id: m.id,
             key: x,
@@ -5168,13 +5169,13 @@ const Vc = { class: "nmorph-checkbox-group__wrapper" }, Bc = { class: "nmorph-ch
     ], 2));
   }
 });
-const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
+const Ac = { class: "nmorph-autocomplete__input-content" }, Dc = {
   key: 0,
   class: "nmorph-autocomplete__loading"
-}, Dc = {
+}, Tc = {
   key: 1,
   class: "nmorph-autocomplete__list"
-}, Tc = ["onClick"], Oc = /* @__PURE__ */ D({
+}, Oc = ["onClick"], Pc = /* @__PURE__ */ D({
   __name: "NmorphAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -5214,7 +5215,7 @@ const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
     }), (f, g) => (a(), o("div", {
       class: B(d.value)
     }, [
-      n("div", Sc, [
+      n("div", Ac, [
         n("div", {
           ref_key: "nmorphAutocompleteDOMRef",
           ref: v,
@@ -5239,14 +5240,14 @@ const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
         onOnOutsideClick: m
       }, {
         default: q(() => [
-          w.value ? (a(), o("div", Ac, [
+          w.value ? (a(), o("div", Dc, [
             S(f.$slots, "loader", {}, () => [
               H(p(P), {
                 name: "loader",
                 size: "large"
               })
             ])
-          ])) : (a(), o("div", Dc, [
+          ])) : (a(), o("div", Tc, [
             (a(!0), o(G, null, Q(x.value, (b, _) => (a(), o("div", {
               key: _,
               class: "nmorph-autocomplete__list-item",
@@ -5255,7 +5256,7 @@ const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
               S(f.$slots, "default", { scope: b }, () => [
                 te(F(b.value), 1)
               ])
-            ], 8, Tc))), 128))
+            ], 8, Oc))), 128))
           ]))
         ]),
         _: 3
@@ -5281,13 +5282,13 @@ const e2 = /* @__PURE__ */ D({
       })
     ], 2));
   }
-}), Pc = {
+}), Ec = {
   key: 0,
   class: "nmorph-date-picker__date-wrapper"
-}, Ec = { class: "nmorph-date-picker__selected-value" }, qc = { class: "nmorph-date-picker__clear-button-wrapper" }, Rc = { class: "nmorph-date-picker__content" }, Fc = {
+}, qc = { class: "nmorph-date-picker__selected-value" }, Rc = { class: "nmorph-date-picker__clear-button-wrapper" }, Fc = { class: "nmorph-date-picker__content" }, jc = {
   key: 1,
   class: "nmorph-date-picker__date-range-wrapper"
-}, jc = { class: "nmorph-date-picker__selected-value" }, Wc = { class: "nmorph-date-picker__value-from" }, Lc = { class: "nmorph-date-picker__value-separator" }, Uc = { class: "nmorph-date-picker__value-from" }, Yc = { class: "nmorph-date-picker__clear-button-wrapper" }, Gc = { class: "nmorph-date-picker__content" }, Qc = /* @__PURE__ */ D({
+}, Wc = { class: "nmorph-date-picker__selected-value" }, Lc = { class: "nmorph-date-picker__value-from" }, Uc = { class: "nmorph-date-picker__value-separator" }, Yc = { class: "nmorph-date-picker__value-from" }, Gc = { class: "nmorph-date-picker__clear-button-wrapper" }, Qc = { class: "nmorph-date-picker__content" }, Kc = /* @__PURE__ */ D({
   __name: "NmorphDatePicker",
   props: {
     placeholder: { default: "Pick a date" },
@@ -5346,7 +5347,7 @@ const e2 = /* @__PURE__ */ D({
     return (V, j) => (a(), o("div", {
       class: B(u.value)
     }, [
-      l.type === "date" || l.type === "dates" ? (a(), o("div", Pc, [
+      l.type === "date" || l.type === "dates" ? (a(), o("div", Ec, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
           ref: m,
@@ -5358,15 +5359,15 @@ const e2 = /* @__PURE__ */ D({
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", Ec, F($.value), 1),
-          n("div", qc, [
+          n("div", qc, F($.value), 1),
+          n("div", Rc, [
             b.value ? (a(), E(e2, {
               key: 0,
               onClear: f
             })) : O("", !0)
           ])
         ], 2),
-        n("div", Rc, [
+        n("div", Fc, [
           m.value ? (a(), E(p(ce), {
             key: 0,
             "fill-width": !1,
@@ -5387,7 +5388,7 @@ const e2 = /* @__PURE__ */ D({
           }, 8, ["open", "relative-element"])) : O("", !0)
         ])
       ])) : O("", !0),
-      l.type === "daterange" ? (a(), o("div", Fc, [
+      l.type === "daterange" ? (a(), o("div", jc, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
           ref: m,
@@ -5399,19 +5400,19 @@ const e2 = /* @__PURE__ */ D({
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", jc, [
-            n("div", Wc, F(w.value.from), 1),
-            n("div", Lc, F(l.textSeparator), 1),
-            n("div", Uc, F(w.value.to), 1)
+          n("div", Wc, [
+            n("div", Lc, F(w.value.from), 1),
+            n("div", Uc, F(l.textSeparator), 1),
+            n("div", Yc, F(w.value.to), 1)
           ]),
-          n("div", Yc, [
+          n("div", Gc, [
             b.value ? (a(), E(e2, {
               key: 0,
               onClear: f
             })) : O("", !0)
           ])
         ], 2),
-        n("div", Gc, [
+        n("div", Qc, [
           m.value ? (a(), E(p(ce), {
             key: 0,
             "fill-width": !1,
@@ -5443,7 +5444,7 @@ const e2 = /* @__PURE__ */ D({
   }
 });
 var D2 = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(D2 || {});
-const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-year-month-picker__value" }, Xc = { class: "nmorph-year-month-picker__values" }, Oe = /* @__PURE__ */ D({
+const Zc = { class: "nmorph-year-month-picker__header" }, Xc = { class: "nmorph-year-month-picker__value" }, Jc = { class: "nmorph-year-month-picker__values" }, Oe = /* @__PURE__ */ D({
   __name: "NmorphYearMonthPicker",
   props: {
     currentDate: {},
@@ -5492,7 +5493,7 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
     return (_, z) => (a(), o("div", {
       class: B(x.value)
     }, [
-      n("div", Kc, [
+      n("div", Zc, [
         H(p(U), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
@@ -5506,7 +5507,7 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
           ]),
           _: 1
         }),
-        n("div", Zc, [
+        n("div", Xc, [
           H(p(U), {
             text: g.value,
             "style-type": "transparent",
@@ -5527,7 +5528,7 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
           _: 1
         })
       ]),
-      n("div", Xc, [
+      n("div", Jc, [
         H(p(Le), {
           "model-value": c.value,
           options: d.value,
@@ -5613,7 +5614,7 @@ const ye = /* @__PURE__ */ D({
       }, null, 8, ["current-date"])) : O("", !0)
     ], 2));
   }
-}), Jc = { class: "nmorph-date-picker-header__left-side" }, Nc = { class: "nmorph-date-picker-header__center-side" }, Ic = { class: "nmorph-date-picker-header__right-side" }, T2 = /* @__PURE__ */ D({
+}), Nc = { class: "nmorph-date-picker-header__left-side" }, Ic = { class: "nmorph-date-picker-header__center-side" }, e5 = { class: "nmorph-date-picker-header__right-side" }, T2 = /* @__PURE__ */ D({
   __name: "NmorphDatePickerHeader",
   props: {
     date: { default: () => /* @__PURE__ */ new Date() }
@@ -5628,7 +5629,7 @@ const ye = /* @__PURE__ */ D({
     return (d, c) => (a(), o("div", {
       class: B(s.value)
     }, [
-      n("div", Jc, [
+      n("div", Nc, [
         H(p(U), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
@@ -5656,7 +5657,7 @@ const ye = /* @__PURE__ */ D({
           _: 1
         })
       ]),
-      n("div", Nc, [
+      n("div", Ic, [
         H(p(U), {
           text: String(l.date.getFullYear()),
           "style-type": "transparent",
@@ -5670,7 +5671,7 @@ const ye = /* @__PURE__ */ D({
           onClick: c[3] || (c[3] = (u) => r("change-month"))
         }, null, 8, ["text"])
       ]),
-      n("div", Ic, [
+      n("div", e5, [
         H(p(U), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
@@ -5701,7 +5702,7 @@ const ye = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { class: "nmorph-file-upload__list" }, a5 = { class: "nmorph-file-upload__file-info" }, l5 = { class: "nmorph-file-upload__file-name" }, o5 = { class: "nmorph-file-upload__remove-file" }, r5 = /* @__PURE__ */ D({
+const t5 = { class: "nmorph-file-upload__trigger" }, n5 = ["multiple"], a5 = { class: "nmorph-file-upload__list" }, l5 = { class: "nmorph-file-upload__file-info" }, o5 = { class: "nmorph-file-upload__file-name" }, r5 = { class: "nmorph-file-upload__remove-file" }, s5 = /* @__PURE__ */ D({
   __name: "NmorphFileUpload",
   props: {
     modelValue: { default: () => [] },
@@ -5755,7 +5756,7 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
     return (w, f) => (a(), o("div", {
       class: B($.value)
     }, [
-      n("div", e5, [
+      n("div", t5, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: c,
@@ -5763,7 +5764,7 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
           multiple: l.multiple,
           class: "nmorph-native-input",
           onChange: v
-        }, null, 40, t5),
+        }, null, 40, n5),
         S(w.$slots, "trigger", {}, () => [
           H(p(U), {
             text: "Select file",
@@ -5772,7 +5773,7 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
           })
         ])
       ]),
-      n("div", n5, [
+      n("div", a5, [
         H(_e, {
           name: "list",
           tag: "div"
@@ -5783,15 +5784,15 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
               class: "nmorph-file-upload__file"
             }, [
               H(p(y2), { src: b }, null, 8, ["src"]),
-              n("div", a5, [
+              n("div", l5, [
                 H(p(P), {
                   name: s(g.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                n("span", l5, F(g.name), 1)
+                n("span", o5, F(g.name), 1)
               ]),
-              n("div", o5, [
+              n("div", r5, [
                 H(p(U), {
                   height: "thin",
                   "style-type": "transparent",
@@ -5812,13 +5813,13 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
   }
 });
 var He = /* @__PURE__ */ ((t) => (t.jpeg = "image/jpeg", t.jpg = "image/jpg", t.png = "image/png", t.gif = "image/gif", t["svg-xml"] = "image/svg+xml", t.webp = "image/webp", t))(He || {}), ze = /* @__PURE__ */ ((t) => (t.mp4 = "video/mp4", t.webm = "video/webm", t["wideo-ogg"] = "video/ogg", t))(ze || {}), Ve = /* @__PURE__ */ ((t) => (t.mpeg = "audio/mpeg", t["audio-ogg"] = "audio/ogg", t.wav = "audio/wav", t))(Ve || {}), je = /* @__PURE__ */ ((t) => (t.pdf = "application/pdf", t.msword = "application/msword", t.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", t.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", t.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", t.json = "application/json", t.xml = "application/xml", t))(je || {}), Be = /* @__PURE__ */ ((t) => (t.zip = "application/zip", t.rar = "application/x-rar-compressed", t["7z"] = "application/x-7z-compressed", t))(Be || {});
-const s5 = {
+const i5 = {
   ...He,
   ...ze,
   ...Ve,
   ...je,
   ...Be
-}, i5 = { class: "nmorph-form__content" }, d5 = /* @__PURE__ */ D({
+}, d5 = { class: "nmorph-form__content" }, u5 = /* @__PURE__ */ D({
   __name: "NmorphForm",
   props: {
     value: {},
@@ -5836,12 +5837,12 @@ const s5 = {
     }), N("form-data", s), (c, u) => (a(), o("form", {
       class: B(r.value)
     }, [
-      n("div", i5, [
+      n("div", d5, [
         S(c.$slots, "default")
       ])
     ], 2));
   }
-}), u5 = /* @__PURE__ */ D({
+}), c5 = /* @__PURE__ */ D({
   __name: "NmorphErrorBox",
   props: {
     height: { default: "default" },
@@ -5873,7 +5874,7 @@ const s5 = {
     ], 2));
   }
 });
-const Ae = "18px", c5 = /* @__PURE__ */ D({
+const Ae = "18px", v5 = /* @__PURE__ */ D({
   __name: "NmorphValidationIcon",
   props: {
     valid: { type: [Boolean, Object] },
@@ -5901,7 +5902,7 @@ const Ae = "18px", c5 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const v5 = { key: 0 }, h5 = { class: "nmorph-form-item__content" }, p5 = /* @__PURE__ */ D({
+const h5 = { key: 0 }, p5 = { class: "nmorph-form-item__content" }, m5 = /* @__PURE__ */ D({
   __name: "NmorphFormItem",
   props: {
     id: {},
@@ -5925,15 +5926,15 @@ const v5 = { key: 0 }, h5 = { class: "nmorph-form-item__content" }, p5 = /* @__P
     return (v, m) => (a(), o("div", {
       class: B(u.value)
     }, [
-      e.label ? (a(), o("label", v5, F(e.label), 1)) : O("", !0),
-      n("div", h5, [
+      e.label ? (a(), o("label", h5, F(e.label), 1)) : O("", !0),
+      n("div", p5, [
         S(v.$slots, "default"),
-        H(p(c5), {
+        H(p(v5), {
           valid: !!r.value?.valid,
           show: d.value
         }, null, 8, ["valid", "show"])
       ]),
-      H(p(u5), {
+      H(p(c5), {
         errors: r.value?.errors,
         height: e.height,
         "static-height": v.staticErrorBoxSpace
@@ -5941,16 +5942,16 @@ const v5 = { key: 0 }, h5 = { class: "nmorph-form-item__content" }, p5 = /* @__P
     ], 2));
   }
 });
-const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-number-input__input-content" }, f5 = {
+const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-number-input__input-content" }, g5 = {
   key: 0,
   class: "nmorph-number-input__decrease"
-}, g5 = ["value", "min", "max"], w5 = {
+}, w5 = ["value", "min", "max"], x5 = {
   key: 1,
   class: "nmorph-number-input__increase"
-}, x5 = {
+}, $5 = {
   key: 2,
   class: "nmorph-number-input__action-btns"
-}, $5 = { class: "nmorph-number-input__decrease" }, y5 = { class: "nmorph-number-input__increase" }, b5 = /* @__PURE__ */ D({
+}, y5 = { class: "nmorph-number-input__decrease" }, b5 = { class: "nmorph-number-input__increase" }, M5 = /* @__PURE__ */ D({
   __name: "NmorphNumberInput",
   props: {
     modelValue: { default: 0 },
@@ -6009,9 +6010,9 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
     return (g, b) => (a(), o("div", {
       class: B(r.value)
     }, [
-      n("div", m5, [
-        n("div", _5, [
-          g.actionBtnPositionRight ? O("", !0) : (a(), o("div", f5, [
+      n("div", _5, [
+        n("div", f5, [
+          g.actionBtnPositionRight ? O("", !0) : (a(), o("div", g5, [
             H(p(U), {
               "style-type": "transparent",
               disabled: u.value,
@@ -6037,9 +6038,9 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
             min: l.min,
             max: l.max,
             onInput: w
-          }, null, 40, g5),
-          g.actionBtnPositionRight ? (a(), o("div", x5, [
-            n("div", $5, [
+          }, null, 40, w5),
+          g.actionBtnPositionRight ? (a(), o("div", $5, [
+            n("div", y5, [
               H(p(U), {
                 "style-type": "transparent",
                 disabled: u.value,
@@ -6055,7 +6056,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ]),
-            n("div", y5, [
+            n("div", b5, [
               H(p(U), {
                 "style-type": "transparent",
                 disabled: v.value,
@@ -6071,7 +6072,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ])
-          ])) : (a(), o("div", w5, [
+          ])) : (a(), o("div", x5, [
             H(p(U), {
               "style-type": "transparent",
               disabled: v.value,
@@ -6093,16 +6094,16 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
     ], 2));
   }
 });
-const M5 = { class: "nmorph-select__content" }, k5 = {
+const k5 = { class: "nmorph-select__content" }, H5 = {
   key: 0,
   class: "nmorph-select__selected-value"
-}, H5 = {
+}, z5 = {
   key: 1,
   class: "nmorph-select__selected-value"
-}, z5 = {
+}, V5 = {
   key: 2,
   class: "nmorph-select__selected-value"
-}, V5 = /* @__PURE__ */ D({
+}, B5 = /* @__PURE__ */ D({
   __name: "NmorphSelect",
   props: {
     noElementPlaceholder: { default: "Choose value" },
@@ -6159,15 +6160,15 @@ const M5 = { class: "nmorph-select__content" }, k5 = {
     return (_, z) => (a(), o("div", {
       class: B(x.value)
     }, [
-      n("div", M5, [
+      n("div", k5, [
         n("div", {
           ref_key: "nmorphSelectDOMRef",
           ref: b,
           class: "nmorph-select__selected-values-line",
           onClick: re(M, ["stop"])
         }, [
-          typeof s.value == "string" ? (a(), o("div", k5, F(w.value), 1)) : O("", !0),
-          s.value.length <= 0 ? (a(), o("div", H5, F(l.noElementPlaceholder), 1)) : (a(), o("div", z5, [
+          typeof s.value == "string" ? (a(), o("div", H5, F(w.value), 1)) : O("", !0),
+          s.value.length <= 0 ? (a(), o("div", z5, F(l.noElementPlaceholder), 1)) : (a(), o("div", V5, [
             (a(!0), o(G, null, Q(g.value, (V) => (a(), E(p(qe), de({
               key: V.value,
               ref_for: !0
@@ -6210,7 +6211,7 @@ const M5 = { class: "nmorph-select__content" }, k5 = {
     ], 2));
   }
 });
-const B5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
+const C5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
   __name: "NmorphSelectOption",
   props: {
     value: {},
@@ -6236,7 +6237,7 @@ const B5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
       class: B(v.value),
       onClick: c
     }, [
-      n("div", B5, [
+      n("div", C5, [
         n("span", null, F(s.label), 1),
         S(m.$slots, "default")
       ]),
@@ -6248,7 +6249,7 @@ const B5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__input-wrapper" }, A5 = ["value", "min", "max", "step"], t2 = 40, D5 = /* @__PURE__ */ D({
+const S5 = { class: "nmorph-slider__content" }, A5 = { class: "nmorph-slider__input-wrapper" }, D5 = ["value", "min", "max", "step"], t2 = 40, T5 = /* @__PURE__ */ D({
   __name: "NmorphSlider",
   props: {
     modelValue: { default: 0 },
@@ -6318,8 +6319,8 @@ const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__in
     return (C, k) => (a(), o("div", {
       class: B(r.value)
     }, [
-      n("div", C5, [
-        n("div", S5, [
+      n("div", S5, [
+        n("div", A5, [
           n("div", {
             ref_key: "sliderContainer",
             ref: v,
@@ -6349,14 +6350,14 @@ const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__in
               max: l.max,
               step: l.step,
               onInput: V
-            }, null, 40, A5)
+            }, null, 40, D5)
           ], 512)
         ])
       ])
     ], 2));
   }
 });
-const T5 = ["value", "disabled"], O5 = { class: "nmorph-switch-thumb" }, P5 = /* @__PURE__ */ D({
+const O5 = ["value", "disabled"], P5 = { class: "nmorph-switch-thumb" }, E5 = /* @__PURE__ */ D({
   __name: "NmorphSwitch",
   props: {
     modelValue: { type: [Boolean, String, Number], default: !1 },
@@ -6404,13 +6405,13 @@ const T5 = ["value", "disabled"], O5 = { class: "nmorph-switch-thumb" }, P5 = /*
           value: d.value,
           disabled: l.disabled,
           class: "nmorph-native-input"
-        }, null, 8, T5),
+        }, null, 8, O5),
         n("div", {
           class: B(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": d.value }])
         }, [
           d.value ? S(v.$slots, "bg-on", { key: 0 }) : S(v.$slots, "bg-off", { key: 1 })
         ], 2),
-        n("div", O5, [
+        n("div", P5, [
           l.loading ? (a(), E(p(P), {
             key: 0,
             name: "loader",
@@ -6422,10 +6423,10 @@ const T5 = ["value", "disabled"], O5 = { class: "nmorph-switch-thumb" }, P5 = /*
     ], 2));
   }
 });
-const E5 = { class: "nmorph-text-input__input-side" }, q5 = {
+const q5 = { class: "nmorph-text-input__input-side" }, R5 = {
   key: 0,
   class: "nmorph-text-input__prepend-icon"
-}, R5 = ["type", "placeholder", "disabled", "value"], P2 = /* @__PURE__ */ D({
+}, F5 = ["type", "placeholder", "disabled", "value"], P2 = /* @__PURE__ */ D({
   __name: "NmorphTextInput",
   props: {
     placeholder: { default: "" },
@@ -6463,8 +6464,8 @@ const E5 = { class: "nmorph-text-input__input-side" }, q5 = {
     return (b, _) => (a(), o("div", {
       class: B(s.value)
     }, [
-      n("div", E5, [
-        p(l)["prepend-icon"] ? (a(), o("div", q5, [
+      n("div", q5, [
+        p(l)["prepend-icon"] ? (a(), o("div", R5, [
           S(b.$slots, "prepend-icon")
         ])) : O("", !0),
         n("input", {
@@ -6479,7 +6480,7 @@ const E5 = { class: "nmorph-text-input__input-side" }, q5 = {
           onFocus: x,
           onBlur: M,
           onKeyup: _[0] || (_[0] = U2((z) => w("on-enter"), ["enter"]))
-        }, null, 40, R5),
+        }, null, 40, F5),
         r.typePassword || r.clearable ? (a(), E(p(U), {
           key: 1,
           class: "nmorph-text-input__password-btn",
@@ -6497,7 +6498,7 @@ const E5 = { class: "nmorph-text-input__input-side" }, q5 = {
     ], 2));
   }
 });
-const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-picker__selected-time" }, W5 = ["value"], L5 = { class: "nmorph-time-picker__dropdown" }, $e = 20, U5 = /* @__PURE__ */ D({
+const j5 = { class: "nmorph-time-picker__content" }, W5 = { class: "nmorph-time-picker__selected-time" }, L5 = ["value"], U5 = { class: "nmorph-time-picker__dropdown" }, $e = 20, Y5 = /* @__PURE__ */ D({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -6556,8 +6557,8 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
         class: B(x.value),
         onClick: m
       }, [
-        n("div", F5, [
-          n("div", j5, [
+        n("div", j5, [
+          n("div", W5, [
             H(p(P), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
@@ -6569,7 +6570,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
               value: u.value,
               step: "1",
               class: "nmorph-native-input"
-            }, null, 8, W5),
+            }, null, 8, L5),
             n("span", null, F(j.value), 1)
           ]),
           s.value ? (a(), E(p(ce), {
@@ -6579,7 +6580,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
             onOnOutsideClick: _
           }, {
             default: q(() => [
-              n("div", L5, [
+              n("div", U5, [
                 H(W, {
                   "set-value-on-mount": !v.value,
                   values: p(M),
@@ -6619,25 +6620,25 @@ const Pe = (t) => {
 }, E2 = (t) => {
   const [e, l, r] = t, s = /* @__PURE__ */ new Date();
   return s.setHours(e), s.setMinutes(l), s.setSeconds(r), s.setMilliseconds(0), s.getTime();
-}, Y5 = {
+}, G5 = {
   key: 0,
   class: "nmorph-radio__content"
-}, G5 = { class: "nmorph-radio__input-wrapper" }, Q5 = ["name", "value", "checked"], K5 = {
+}, Q5 = { class: "nmorph-radio__input-wrapper" }, K5 = ["name", "value", "checked"], Z5 = {
   key: 0,
   class: "nmorph-radio__fake-checked"
-}, Z5 = {
+}, X5 = {
   key: 0,
   class: "nmorph-radio__label"
-}, X5 = {
+}, J5 = {
   key: 1,
   class: "nmorph-radio__content"
-}, J5 = ["disabled", "name", "value", "checked"], N5 = {
+}, N5 = ["disabled", "name", "value", "checked"], I5 = {
   key: 0,
   class: "nmorph-radio__fake"
-}, I5 = {
+}, e9 = {
   key: 1,
   class: "nmorph-radio__fake"
-}, e9 = /* @__PURE__ */ D({
+}, t9 = /* @__PURE__ */ D({
   __name: "NmorphRadio",
   props: {
     styleType: { default: "button" },
@@ -6663,8 +6664,8 @@ const Pe = (t) => {
       class: B(u.value),
       onClick: re(d, ["prevent"])
     }, [
-      s.styleType === "radio-style" ? (a(), o("div", Y5, [
-        n("div", G5, [
+      s.styleType === "radio-style" ? (a(), o("div", G5, [
+        n("div", Q5, [
           n("input", {
             ref_key: "inputDOMRef",
             ref: m,
@@ -6673,13 +6674,13 @@ const Pe = (t) => {
             value: s.value,
             checked: c.value,
             class: "nmorph-native-input"
-          }, null, 8, Q5),
+          }, null, 8, K5),
           M[0] || (M[0] = n("div", { class: "nmorph-radio__fake" }, null, -1)),
-          c.value ? (a(), o("div", K5)) : O("", !0)
+          c.value ? (a(), o("div", Z5)) : O("", !0)
         ]),
-        s.label ? (a(), o("span", Z5, F(s.label), 1)) : S(x.$slots, "label", { key: 1 }, void 0, !0)
+        s.label ? (a(), o("span", X5, F(s.label), 1)) : S(x.$slots, "label", { key: 1 }, void 0, !0)
       ])) : O("", !0),
-      s.styleType === "button" ? (a(), o("div", X5, [
+      s.styleType === "button" ? (a(), o("div", J5, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: m,
@@ -6689,19 +6690,19 @@ const Pe = (t) => {
           value: s.value,
           checked: c.value,
           class: "nmorph-native-input"
-        }, null, 8, J5),
-        s.label ? (a(), o("div", N5, [
+        }, null, 8, N5),
+        s.label ? (a(), o("div", I5, [
           n("span", null, F(s.label), 1)
-        ])) : (a(), o("div", I5, [
+        ])) : (a(), o("div", e9, [
           S(x.$slots, "label", {}, void 0, !0)
         ]))
       ])) : O("", !0)
     ], 2));
   }
 });
-const We = /* @__PURE__ */ ve(e9, [["__scopeId", "data-v-e9167d49"]]);
+const We = /* @__PURE__ */ ve(t9, [["__scopeId", "data-v-e9167d49"]]);
 var q2 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(q2 || {});
-const t9 = { class: "nmorph-radio-group__wrapper" }, n9 = { class: "nmorph-radio-group__content" }, Le = /* @__PURE__ */ D({
+const n9 = { class: "nmorph-radio-group__wrapper" }, a9 = { class: "nmorph-radio-group__content" }, Le = /* @__PURE__ */ D({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -6729,8 +6730,8 @@ const t9 = { class: "nmorph-radio-group__wrapper" }, n9 = { class: "nmorph-radio
     return N("radio-group-selected-value", r), N("change-radio-button-value-handler", d), (u, v) => (a(), o("div", {
       class: B(c.value)
     }, [
-      n("div", t9, [
-        n("div", n9, [
+      n("div", n9, [
+        n("div", a9, [
           (a(!0), o(G, null, Q(u.options, (m) => (a(), E(p(We), {
             key: m.value,
             label: m.label,
@@ -6744,7 +6745,7 @@ const t9 = { class: "nmorph-radio-group__wrapper" }, n9 = { class: "nmorph-radio
     ], 2));
   }
 });
-const a9 = /* @__PURE__ */ D({
+const l9 = /* @__PURE__ */ D({
   __name: "NmorphBacktop",
   props: {
     right: { default: 40 },
@@ -6800,10 +6801,10 @@ const a9 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const l9 = ["id"], o9 = {
+const o9 = ["id"], r9 = {
   key: 0,
   class: "nmorph-breadcrumb__separator"
-}, r9 = /* @__PURE__ */ D({
+}, s9 = /* @__PURE__ */ D({
   __name: "NmorphBreadcrumb",
   props: {
     separator: { default: "/" }
@@ -6827,13 +6828,13 @@ const l9 = ["id"], o9 = {
         n("div", {
           id: `nmorph-breadcrumb-${p(r)}-${u.itemId}-element`,
           class: "nmorph-breadcrumb__element"
-        }, null, 8, l9),
-        v < l.value.length - 1 ? (a(), o("div", o9, F(e.separator), 1)) : O("", !0)
+        }, null, 8, o9),
+        v < l.value.length - 1 ? (a(), o("div", r9, F(e.separator), 1)) : O("", !0)
       ]))), 128))
     ], 2));
   }
 });
-const s9 = /* @__PURE__ */ D({
+const i9 = /* @__PURE__ */ D({
   __name: "NmorphBreadcrumbItem",
   props: {
     to: { default: "" },
@@ -6918,7 +6919,7 @@ const ce = /* @__PURE__ */ D({
     }, 8, ["show"]));
   }
 });
-const i9 = { class: "nmorph-tabs__label-list" }, d9 = ["id", "onClick"], u9 = { class: "nmorph-tabs__content__wrapper" }, c9 = { class: "nmorph-tabs__content" }, v9 = ["id"], h9 = /* @__PURE__ */ D({
+const d9 = { class: "nmorph-tabs__label-list" }, u9 = ["id", "onClick"], c9 = { class: "nmorph-tabs__content__wrapper" }, v9 = { class: "nmorph-tabs__content" }, h9 = ["id"], p9 = /* @__PURE__ */ D({
   __name: "NmorphTabs",
   props: {
     modelValue: { default: 0 },
@@ -6943,7 +6944,7 @@ const i9 = { class: "nmorph-tabs__label-list" }, d9 = ["id", "onClick"], u9 = {
       class: B(s.value)
     }, [
       S(v.$slots, "default"),
-      n("div", i9, [
+      n("div", d9, [
         (a(!0), o(G, null, Q(c.value, (x) => (a(), o("div", {
           id: p(Ue)(p(u), x.name),
           key: x.name,
@@ -6952,14 +6953,14 @@ const i9 = { class: "nmorph-tabs__label-list" }, d9 = ["id", "onClick"], u9 = {
             { "nmorph-tabs__label--disabled": x.disabled }
           ]]),
           onClick: (M) => d(x)
-        }, F(x.label), 11, d9))), 128))
+        }, F(x.label), 11, u9))), 128))
       ]),
-      n("div", u9, [
-        n("div", c9, [
+      n("div", c9, [
+        n("div", v9, [
           (a(!0), o(G, null, Q(c.value, (x) => De((a(), o("div", {
             id: p(Ye)(p(u), x.name),
             key: x.name
-          }, null, 8, v9)), [
+          }, null, 8, h9)), [
             [Te, x.name === l.modelValue]
           ])), 128))
         ])
@@ -6973,7 +6974,7 @@ const Ue = (t, e) => {
 }, Ye = (t, e) => {
   if (t)
     return `nmorph-tabs-content-${t}-${e}`;
-}, p9 = /* @__PURE__ */ D({
+}, m9 = /* @__PURE__ */ D({
   __name: "NmorphTabPane",
   props: {
     label: { default: "" },
@@ -7054,7 +7055,7 @@ const Ce = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const m9 = /* @__PURE__ */ D({
+const _9 = /* @__PURE__ */ D({
   __name: "NmorphNotificationProvider",
   props: {
     notifications: {},
@@ -7093,20 +7094,20 @@ const m9 = /* @__PURE__ */ D({
     ], 6));
   }
 });
-const _9 = /* @__PURE__ */ ve(m9, [["__scopeId", "data-v-77d1992c"]]);
+const f9 = /* @__PURE__ */ ve(_9, [["__scopeId", "data-v-77d1992c"]]);
 var F2 = /* @__PURE__ */ ((t) => (t["top-left"] = "top-left", t["top-center"] = "top-center", t["top-right"] = "top-right", t["bottom-left"] = "bottom-left", t["bottom-center"] = "bottom-center", t["bottom-right"] = "bottom-right", t))(F2 || {});
-const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const g9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   NmorphAlert: V2,
   NmorphAlertType: ie,
   NmorphArchiveResolution: Be,
   NmorphAudioResolution: Ve,
-  NmorphAutocomplete: Oc,
+  NmorphAutocomplete: Pc,
   NmorphAvatar: $d,
-  NmorphBacktop: a9,
+  NmorphBacktop: l9,
   NmorphBadge: Md,
-  NmorphBreadcrumb: r9,
-  NmorphBreadcrumbItem: s9,
+  NmorphBreadcrumb: s9,
+  NmorphBreadcrumbItem: i9,
   NmorphButton: U,
   NmorphButtonShape: d2,
   NmorphButtonStyle: s2,
@@ -7117,19 +7118,19 @@ const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphCarousel: Rd,
   NmorphCarouselItem: Fd,
   NmorphCheckbox: A2,
-  NmorphCheckboxGroup: Cc,
+  NmorphCheckboxGroup: Sc,
   NmorphCollapse: jd,
   NmorphCollapseItem: Wd,
-  NmorphDatePicker: Qc,
+  NmorphDatePicker: Kc,
   NmorphDatePickerContent: ye,
   NmorphDatePickerHeader: T2,
   NmorphDialog: Eu,
   NmorphDivider: R2,
   NmorphDocResolution: je,
   NmorphDropdown: ce,
-  NmorphFileUpload: r5,
-  NmorphForm: d5,
-  NmorphFormItem: p5,
+  NmorphFileUpload: s5,
+  NmorphForm: u5,
+  NmorphFormItem: m5,
   NmorphIcon: P,
   NmorphIconSize: u2,
   NmorphIconsMap: c2,
@@ -7139,8 +7140,8 @@ const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphLink: gd,
   NmorphLinkTarget: v2,
   NmorphNotificationPlacement: F2,
-  NmorphNotificationProvider: _9,
-  NmorphNumberInput: b5,
+  NmorphNotificationProvider: f9,
+  NmorphNumberInput: M5,
   NmorphOverflowProp: h2,
   NmorphOverlay: Ce,
   NmorphPagination: Nd,
@@ -7150,23 +7151,23 @@ const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphRadioStyleType: q2,
   NmorphScroll: wd,
   NmorphScrollBehavior: p2,
-  NmorphSelect: V5,
+  NmorphSelect: B5,
   NmorphSelectOption: O2,
   NmorphSelectionDateType: D2,
   NmorphSkeleton: vu,
   NmorphSkeletonItem: M2,
   NmorphSkeletonItemPropsType: b2,
-  NmorphSlider: D5,
-  NmorphSwitch: P5,
-  NmorphTabPane: p9,
+  NmorphSlider: T5,
+  NmorphSwitch: E5,
+  NmorphTabPane: m9,
   NmorphTable: k2,
   NmorphTableCell: H2,
   NmorphTableColumn: z2,
-  NmorphTabs: h9,
+  NmorphTabs: p9,
   NmorphTagItem: qe,
   NmorphTagList: Mu,
   NmorphTextInput: P2,
-  NmorphTimePicker: U5,
+  NmorphTimePicker: Y5,
   NmorphTooltip: S2,
   NmorphVideoResolution: ze,
   NmorphYearMonthPicker: Oe,
@@ -7181,17 +7182,17 @@ const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   hasAnyRangeDateInPrevMonth: f2,
   isTodayInMonthRange: w2,
   resetTimeToZero: oe,
-  resolution: s5,
+  resolution: i5,
   timeArrayToTimestamp: E2,
   useCalendarTexts: ke
-}, Symbol.toStringTag, { value: "Module" })), g9 = () => {
+}, Symbol.toStringTag, { value: "Module" })), w9 = () => {
   const t = y({ width: 0, height: 0 }), e = () => {
     t.value.width = window.innerWidth, t.value.height = window.innerHeight;
   };
   return window && window.addEventListener("resize", e), {
     dimensions: t
   };
-}, A9 = () => X("nmorph"), D9 = {
+}, D9 = () => X("nmorph"), T9 = {
   install(t, e = {}) {
     if (!e.i18n.outsideMessagesMerge) {
       const d = vc(e.i18n), c = t.__VUE_I18N__;
@@ -7199,9 +7200,9 @@ const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         c.global.mergeLocaleMessage(u, v);
       }), d.global.locale && (c.global.locale.value = d.global.locale)) : t.use(d);
     }
-    const l = cc(e.theme), r = g9(), s = { theme: l, browser: r };
-    return t.provide("nmorph", s), Object.entries(f9).forEach(([d, c]) => {
-      if (w9(c))
+    const l = cc(e.theme), r = w9(), s = { theme: l, browser: r };
+    return t.provide("nmorph", s), Object.entries(g9).forEach(([d, c]) => {
+      if (x9(c))
         if (e.components === void 0)
           t.component(d, c);
         else {
@@ -7212,7 +7213,7 @@ const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), t;
   }
 };
-function w9(t) {
+function x9(t) {
   return t && (typeof t == "object" || typeof t == "function") && ("render" in t || "template" in t || "setup" in t);
 }
 export {
@@ -7223,13 +7224,13 @@ export {
   Be as NmorphArchiveResolution,
   qu as NmorphArrayValidationOperator,
   Ve as NmorphAudioResolution,
-  Oc as NmorphAutocomplete,
+  Pc as NmorphAutocomplete,
   $d as NmorphAvatar,
-  a9 as NmorphBacktop,
+  l9 as NmorphBacktop,
   Md as NmorphBadge,
   Fu as NmorphBooleanCompareOperator,
-  r9 as NmorphBreadcrumb,
-  s9 as NmorphBreadcrumbItem,
+  s9 as NmorphBreadcrumb,
+  i9 as NmorphBreadcrumbItem,
   U as NmorphButton,
   d2 as NmorphButtonShape,
   s2 as NmorphButtonStyle,
@@ -7240,23 +7241,23 @@ export {
   Rd as NmorphCarousel,
   Fd as NmorphCarouselItem,
   A2 as NmorphCheckbox,
-  Cc as NmorphCheckboxGroup,
+  Sc as NmorphCheckboxGroup,
   jd as NmorphCollapse,
   Wd as NmorphCollapseItem,
   r2 as NmorphColor,
   Z2 as NmorphComponentDirection,
   ne as NmorphComponentHeight,
   X2 as NmorphComponentPosition,
-  Qc as NmorphDatePicker,
+  Kc as NmorphDatePicker,
   ye as NmorphDatePickerContent,
   T2 as NmorphDatePickerHeader,
   Eu as NmorphDialog,
   R2 as NmorphDivider,
   je as NmorphDocResolution,
   ce as NmorphDropdown,
-  r5 as NmorphFileUpload,
-  d5 as NmorphForm,
-  p5 as NmorphFormItem,
+  s5 as NmorphFileUpload,
+  u5 as NmorphForm,
+  m5 as NmorphFormItem,
   P as NmorphIcon,
   i as NmorphIconList,
   u2 as NmorphIconSize,
@@ -7268,9 +7269,9 @@ export {
   gd as NmorphLink,
   v2 as NmorphLinkTarget,
   F2 as NmorphNotificationPlacement,
-  _9 as NmorphNotificationProvider,
+  f9 as NmorphNotificationProvider,
   Ru as NmorphNumberCompareOperator,
-  b5 as NmorphNumberInput,
+  M5 as NmorphNumberInput,
   h2 as NmorphOverflowProp,
   Ce as NmorphOverlay,
   Nd as NmorphPagination,
@@ -7280,35 +7281,35 @@ export {
   q2 as NmorphRadioStyleType,
   wd as NmorphScroll,
   p2 as NmorphScrollBehavior,
-  V5 as NmorphSelect,
+  B5 as NmorphSelect,
   O2 as NmorphSelectOption,
   D2 as NmorphSelectionDateType,
   o2 as NmorphShadowType,
   vu as NmorphSkeleton,
   M2 as NmorphSkeletonItem,
   b2 as NmorphSkeletonItemPropsType,
-  D5 as NmorphSlider,
+  T5 as NmorphSlider,
   K2 as NmorphSortOrder,
-  P5 as NmorphSwitch,
-  p9 as NmorphTabPane,
+  E5 as NmorphSwitch,
+  m9 as NmorphTabPane,
   k2 as NmorphTable,
   H2 as NmorphTableCell,
   z2 as NmorphTableColumn,
-  h9 as NmorphTabs,
+  p9 as NmorphTabs,
   qe as NmorphTagItem,
   Mu as NmorphTagList,
   P2 as NmorphTextInput,
-  U5 as NmorphTimePicker,
+  Y5 as NmorphTimePicker,
   S2 as NmorphTooltip,
   ze as NmorphVideoResolution,
   Oe as NmorphYearMonthPicker,
-  M9 as anyToPascalCase,
+  k9 as anyToPascalCase,
   Qe as camelToKebab,
-  k9 as camelToTitle,
-  b9 as capitalizeFirstChar,
+  H9 as camelToTitle,
+  M9 as capitalizeFirstChar,
   N2 as createBlockModifiers,
   Ge as deepClone,
-  D9 as default,
+  T9 as default,
   Ie as en,
   he as formatDateIntl,
   Pe as formatTimestampToTime,
@@ -7320,26 +7321,26 @@ export {
   Ue as getTabLabelId,
   g2 as hasAnyRangeDateInNextMonth,
   f2 as hasAnyRangeDateInPrevMonth,
-  y9 as isStringHtml,
+  b9 as isStringHtml,
   w2 as isTodayInMonthRange,
   I2 as log,
-  H9 as pascalToKebab,
-  z9 as pascalToSpace,
+  z9 as pascalToKebab,
+  V9 as pascalToSpace,
   oe as resetTimeToZero,
-  s5 as resolution,
-  B9 as ru,
+  i5 as resolution,
+  C9 as ru,
   E2 as timeArrayToTimestamp,
   hc as useA11yProps,
   ke as useCalendarTexts,
-  V9 as useEventManager,
+  B9 as useEventManager,
   Je as useFieldValidation,
   ju as useFormValidation,
   A as useModifiers,
-  A9 as useNmorph,
-  g9 as useNmorphBrowser,
-  S9 as useNmorphNotification,
+  D9 as useNmorph,
+  w9 as useNmorphBrowser,
+  A9 as useNmorphNotification,
   cc as useNmorphTheme,
   vc as useNmorphTranslation,
   B2 as usePlacement,
-  C9 as zh
+  S9 as zh
 };