@useinsider/ab-components 0.0.12 → 0.0.13

package/dist/ab-components.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as M, computed as C, openBlock as p, createElementBlock as d, normalizeClass as s, unref as o, createBlock as U, createCommentVNode as w, toDisplayString as S, ref as v, reactive as fe, onMounted as ue, watch as _e, Fragment as ie, createElementVNode as y, withDirectives as me, normalizeStyle as F, withModifiers as Me, vModelText as Te, renderList as ge, createVNode as we, onBeforeUnmount as He, renderSlot as E, withCtx as he, nextTick as ve, resolveDynamicComponent as Ve } from "vue";
-const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8", Oe = "_button_16zzc_1", Ne = "_button__label_16zzc_193", Ee = "_button__solid_16zzc_205", De = "_fill_16zzc_1125", R = {
-  button__size_default: je,
-  button__size_small: Le,
+import { defineComponent as M, computed as C, openBlock as c, createElementBlock as d, normalizeClass as s, unref as o, createBlock as F, createCommentVNode as w, toDisplayString as S, ref as v, reactive as me, onMounted as ue, watch as _e, Fragment as ie, createElementVNode as y, withDirectives as be, normalizeStyle as X, withModifiers as Me, vModelText as Te, renderList as ge, createVNode as we, onBeforeUnmount as He, renderSlot as D, withCtx as he, nextTick as ve, resolveDynamicComponent as Ve } from "vue";
+const Le = "_button__size_default_16zzc_1", Ne = "_button__size_small_16zzc_8", Oe = "_button_16zzc_1", Ee = "_button__label_16zzc_193", De = "_button__solid_16zzc_205", We = "_fill_16zzc_1125", A = {
+  button__size_default: Le,
+  button__size_small: Ne,
   button: Oe,
-  button__label: Ne,
+  button__label: Ee,
   "button__solid-primary": "_button__solid-primary_16zzc_205",
   "no-hover-effect": "_no-hover-effect_16zzc_212",
   "button--selected": "_button--selected_16zzc_234",
@@ -31,9 +31,9 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
   "button__outline-danger": "_button__outline-danger_16zzc_1000",
   "button__outline-warning": "_button__outline-warning_16zzc_1037",
   "button__outline-smart": "_button__outline-smart_16zzc_1074",
-  button__solid: Ee,
-  fill: De
-}, We = ["disabled"], po = /* @__PURE__ */ M({
+  button__solid: De,
+  fill: We
+}, je = ["disabled"], co = /* @__PURE__ */ M({
   __name: "Button",
   props: {
     variant: {},
@@ -48,69 +48,69 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
     fill: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(i, { emit: n }) {
-    const a = i, t = n, l = (r) => {
+  setup(u, { emit: n }) {
+    const a = u, t = n, l = (r) => {
       a.disabled || t("click", r);
-    }, c = C(() => a.loadingStatus ? "loading-circle" : a.successStatus ? "line-check-natural" : a.leftIconName);
-    return (r, e) => (p(), d("button", {
+    }, p = C(() => a.loadingStatus ? "loading-circle" : a.successStatus ? "line-check-natural" : a.leftIconName);
+    return (r, e) => (c(), d("button", {
       class: s([
-        o(R).button,
-        o(R)[`button__${r.variant}`],
-        o(R)[`button__${r.variant}-${r.color}`],
-        o(R)[`button__size_${r.size}`],
-        { [o(R).fill]: r.fill }
+        o(A).button,
+        o(A)[`button__${r.variant}`],
+        o(A)[`button__${r.variant}-${r.color}`],
+        o(A)[`button__size_${r.size}`],
+        { [o(A).fill]: r.fill }
       ]),
       disabled: a.disabled,
       onClick: l
     }, [
-      c.value ? (p(), U(o(q), {
+      p.value ? (c(), F(o(U), {
         key: 0,
-        name: c.value
+        name: p.value
       }, null, 8, ["name"])) : w("", !0),
-      r.label ? (p(), d("span", {
+      r.label ? (c(), d("span", {
         key: 1,
-        class: s(o(R).button__label)
+        class: s(o(A).button__label)
       }, S(r.label), 3)) : w("", !0),
-      r.rightIconName ? (p(), U(o(q), {
+      r.rightIconName ? (c(), F(o(U), {
         key: 2,
         name: r.rightIconName
       }, null, 8, ["name"])) : w("", !0)
-    ], 10, We));
+    ], 10, je));
   }
-}), Ae = {
-  mounted(i, n) {
-    i.clickOutsideEvent = (a) => {
-      [i, ...n.value.exclude || []].some((l) => l && (l === a.target || l.contains(a.target))) || n.value.handler();
-    }, document.addEventListener("click", i.clickOutsideEvent);
+}), qe = {
+  mounted(u, n) {
+    u.clickOutsideEvent = (a) => {
+      [u, ...n.value.exclude || []].some((l) => l && (l === a.target || l.contains(a.target))) || n.value.handler();
+    }, document.addEventListener("click", u.clickOutsideEvent);
   },
-  unmounted(i) {
-    i.clickOutsideEvent && document.removeEventListener("click", i.clickOutsideEvent);
+  unmounted(u) {
+    u.clickOutsideEvent && document.removeEventListener("click", u.clickOutsideEvent);
   }
-}, Re = (i, n) => {
+}, Ae = (u, n) => {
   var t;
   let a = 0;
-  for (const l of i)
+  for (const l of u)
     if (l.toLowerCase() === ((t = n[a]) == null ? void 0 : t.toLowerCase()) && a++, a === n.length)
       return !0;
   return !1;
-}, Ge = (i, n, a) => {
+}, Re = (u, n, a) => {
   if (!a.trim())
-    return i;
+    return u;
   const t = a.toLowerCase();
-  return i.filter((l) => {
-    const c = String(l[n]);
-    return Re(c.toLowerCase(), t);
-  }).sort((l, c) => {
-    const r = String(l[n]).toLowerCase(), e = String(c[n]).toLowerCase();
+  return u.filter((l) => {
+    const p = String(l[n]);
+    return Ae(p.toLowerCase(), t);
+  }).sort((l, p) => {
+    const r = String(l[n]).toLowerCase(), e = String(p[n]).toLowerCase();
     return r === t ? -1 : e === t ? 1 : r.startsWith(t) && !e.startsWith(t) ? -1 : !r.startsWith(t) && e.startsWith(t) ? 1 : r.length - e.length;
   });
-}, Ye = "_dropdown_c02u6_1", Xe = "_menu_c02u6_1", Fe = "_dropdown__valueContent_c02u6_183", Ue = "_dropdown__label_c02u6_194", qe = "_dropdown__value_c02u6_183", Qe = "_dropdown__placeholder_c02u6_202", Ze = "_dropdown__arrowIcon_c02u6_210", Je = "_menu__searchContainer_c02u6_225", Ke = "_menu__searchInputWrap_c02u6_229", et = "_menu__searchInput_c02u6_229", tt = "_menu__errorMessage_c02u6_251", ot = "_menu__addButton_c02u6_258", nt = "_menu__itemContainer_c02u6_266", rt = "_menu__item_c02u6_266", z = {
-  dropdown: Ye,
-  menu: Xe,
-  dropdown__valueContent: Fe,
+}, Ge = "_dropdown_c02u6_1", Ye = "_menu_c02u6_1", Xe = "_dropdown__valueContent_c02u6_183", Fe = "_dropdown__label_c02u6_194", Ue = "_dropdown__value_c02u6_183", Qe = "_dropdown__placeholder_c02u6_202", Ze = "_dropdown__arrowIcon_c02u6_210", Je = "_menu__searchContainer_c02u6_225", Ke = "_menu__searchInputWrap_c02u6_229", et = "_menu__searchInput_c02u6_229", tt = "_menu__errorMessage_c02u6_251", ot = "_menu__addButton_c02u6_258", nt = "_menu__itemContainer_c02u6_266", rt = "_menu__item_c02u6_266", z = {
+  dropdown: Ge,
+  menu: Ye,
+  dropdown__valueContent: Xe,
   "dropdown__valueContent--open": "_dropdown__valueContent--open_c02u6_191",
-  dropdown__label: Ue,
-  dropdown__value: qe,
+  dropdown__label: Fe,
+  dropdown__value: Ue,
   dropdown__placeholder: Qe,
   dropdown__arrowIcon: Ze,
   menu__searchContainer: Je,
@@ -122,7 +122,7 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
   menu__itemContainer: nt,
   menu__item: rt,
   "menu__item--active": "_menu__item--active_c02u6_304"
-}, at = ["for"], lt = ["placeholder"], st = ["onClick"], co = /* @__PURE__ */ M({
+}, at = ["for"], lt = ["placeholder"], st = ["onClick"], po = /* @__PURE__ */ M({
   __name: "DropdownMenu",
   props: {
     id: {},
@@ -138,42 +138,42 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
     validateAddItem: { type: Function, default: () => null }
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
-  setup(i, { emit: n }) {
-    const a = Ae, t = i, l = n, c = v(), r = v(), e = v(!1), _ = v(null), b = v(""), f = v(null), B = v({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: t.menuHeight }), T = fe([...t.items]), P = fe([...t.items]), W = () => {
-      if (!c.value)
+  setup(u, { emit: n }) {
+    const a = qe, t = u, l = n, p = v(), r = v(), e = v(!1), _ = v(null), f = v(""), m = v(null), B = v({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: t.menuHeight }), T = me([...t.items]), P = me([...t.items]), j = () => {
+      if (!p.value)
         return;
-      const { offsetTop: m, offsetLeft: g, offsetWidth: I } = c.value, A = window.innerHeight, G = m + c.value.offsetHeight, K = G + t.menuHeight > A;
+      const { offsetTop: b, offsetLeft: g, offsetWidth: I } = p.value, q = window.innerHeight, R = b + p.value.offsetHeight, K = R + t.menuHeight > q;
       B.value = {
         x: g + window.scrollX,
-        y: K ? m + window.scrollY : G + window.scrollY,
+        y: K ? b + window.scrollY : R + window.scrollY,
         width: I,
         shouldOpenUp: K,
         height: t.menuHeight
       };
-    }, k = () => {
-      W(), e.value = !e.value;
-    }, L = () => {
-      f.value = null, b.value = "", T.splice(0, T.length, ...P);
+    }, x = () => {
+      j(), e.value = !e.value;
+    }, N = () => {
+      m.value = null, f.value = "", T.splice(0, T.length, ...P);
     }, Q = () => {
-      e.value = !1, L();
-    }, oe = (m) => {
-      _.value = m, l("select-item", m), l("update:modelValue", m.value), Q();
-    }, D = () => {
-      const m = b.value.trim(), g = t.validateAddItem(m, P);
+      e.value = !1, N();
+    }, oe = (b) => {
+      _.value = b, l("select-item", b), l("update:modelValue", b.value), Q();
+    }, W = () => {
+      const b = f.value.trim(), g = t.validateAddItem(b, P);
       if (g) {
-        f.value = g, l("add-error", g);
+        m.value = g, l("add-error", g);
         return;
       }
       const I = {
-        text: m,
-        value: m
+        text: b,
+        value: b
       };
-      P.push(I), L(), l("item-added", I);
+      P.push(I), N(), l("item-added", I);
     }, ne = () => {
-      const m = Ge(P, "text", b.value);
-      T.splice(0, T.length, ...m);
+      const b = Re(P, "text", f.value);
+      T.splice(0, T.length, ...b);
     }, Z = () => {
-      f.value = "";
+      m.value = "";
     }, re = C(() => ({
       top: B.value.shouldOpenUp ? `${B.value.y - 10}px` : `${B.value.y}px`,
       left: `${B.value.x}px`,
@@ -181,29 +181,29 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
       height: `${t.menuHeight}px`
     }));
     ue(() => {
-      if (W(), t.modelValue) {
-        const m = P.find((g) => g.value === t.modelValue);
-        m && (_.value = m);
+      if (j(), t.modelValue) {
+        const b = P.find((g) => g.value === t.modelValue);
+        b && (_.value = b);
       }
     });
     const J = C(() => _.value ? _.value.text : "");
     return _e(
       () => t.items,
-      (m) => {
-        P.splice(0, P.length, ...m), T.splice(0, T.length, ...m);
+      (b) => {
+        P.splice(0, P.length, ...b), T.splice(0, T.length, ...b);
       },
       { deep: !0 }
-    ), (m, g) => (p(), d(ie, null, [
+    ), (b, g) => (c(), d(ie, null, [
       y("div", {
         ref_key: "dropdownRef",
-        ref: c,
+        ref: p,
         class: s(o(z).dropdown)
       }, [
-        m.label ? (p(), d("label", {
+        b.label ? (c(), d("label", {
           key: 0,
           class: s(o(z).dropdown__label),
-          for: m.id
-        }, S(m.label), 11, at)) : w("", !0),
+          for: b.id
+        }, S(b.label), 11, at)) : w("", !0),
         y("button", {
           class: s([
             o(z).dropdown__valueContent,
@@ -211,16 +211,16 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
               [o(z)["dropdown__valueContent--open"]]: e.value
             }
           ]),
-          onClick: k
+          onClick: x
         }, [
           y("span", {
             class: s(o(z).dropdown__value)
           }, S(J.value), 3),
-          m.placeholder && !J.value ? (p(), d("span", {
+          b.placeholder && !J.value ? (c(), d("span", {
             key: 0,
             class: s(o(z).dropdown__placeholder)
-          }, S(m.placeholder), 3)) : w("", !0),
-          (p(), d("svg", {
+          }, S(b.placeholder), 3)) : w("", !0),
+          (c(), d("svg", {
             fill: "none",
             height: "17",
             viewBox: "0 0 16 17",
@@ -235,64 +235,64 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
           ]), 2))
         ], 2)
       ], 2),
-      e.value ? me((p(), d("div", {
+      e.value ? be((c(), d("div", {
         key: 0,
         ref_key: "menuRef",
         ref: r,
         class: s(o(z).menu),
-        style: F(re.value),
+        style: X(re.value),
         onClick: g[1] || (g[1] = Me(() => {
         }, ["prevent"]))
       }, [
-        t.searchable ? (p(), d("div", {
+        t.searchable ? (c(), d("div", {
           key: 0,
           class: s(o(z).menu__searchContainer)
         }, [
           y("div", {
             class: s(o(z).menu__searchInputWrap)
           }, [
-            me(y("input", {
+            be(y("input", {
               type: "text",
               class: s([
                 o(z).menu__searchInput,
                 {
-                  [o(z)["menu__searchInput--error"]]: f.value
+                  [o(z)["menu__searchInput--error"]]: m.value
                 }
               ]),
-              placeholder: m.searchPlaceHolder,
-              "onUpdate:modelValue": g[0] || (g[0] = (I) => b.value = I),
+              placeholder: b.searchPlaceHolder,
+              "onUpdate:modelValue": g[0] || (g[0] = (I) => f.value = I),
               onFocus: Z,
               onInput: ne
             }, null, 42, lt), [
-              [Te, b.value]
+              [Te, f.value]
             ]),
-            f.value ? (p(), d("p", {
+            m.value ? (c(), d("p", {
               key: 0,
               class: s(o(z).menu__errorMessage)
-            }, S(f.value), 3)) : w("", !0)
+            }, S(m.value), 3)) : w("", !0)
           ], 2),
-          t.addable ? (p(), d("button", {
+          t.addable ? (c(), d("button", {
             key: 0,
             class: s(o(z).menu__addButton),
-            onClick: D
-          }, S(m.addButtonText), 3)) : w("", !0)
+            onClick: W
+          }, S(b.addButtonText), 3)) : w("", !0)
         ], 2)) : w("", !0),
         y("ul", {
           class: s(o(z).menu__itemContainer)
         }, [
-          (p(!0), d(ie, null, ge(T, (I, A) => (p(), d("li", {
-            key: `${I.value}-${A}`,
+          (c(!0), d(ie, null, ge(T, (I, q) => (c(), d("li", {
+            key: `${I.value}-${q}`,
             class: s([
               o(z).menu__item,
               {
                 [o(z)["menu__item--active"]]: _.value && I.value === _.value.value
               }
             ]),
-            onClick: (G) => oe(I)
+            onClick: (R) => oe(I)
           }, S(I.text), 11, st))), 128))
         ], 2)
       ], 6)), [
-        [o(a), { handler: Q, exclude: [c.value, r.value] }]
+        [o(a), { handler: Q, exclude: [p.value, r.value] }]
       ]) : w("", !0)
     ], 64));
   }
@@ -303,9 +303,9 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
     size: { default: 16 },
     color: {}
   },
-  setup(i) {
-    const n = i, a = C(() => typeof n.size == "number" ? `${n.size}px` : n.size);
-    return (t, l) => (p(), d("svg", {
+  setup(u) {
+    const n = u, a = C(() => typeof n.size == "number" ? `${n.size}px` : n.size);
+    return (t, l) => (c(), d("svg", {
       class: "icon",
       fill: t.color || "currentColor",
       height: a.value,
@@ -316,26 +316,26 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
       }, null, 8, it)
     ], 8, _t));
   }
-}), pt = (i, n) => {
-  const a = i.__vccOpts || i;
+}), ct = (u, n) => {
+  const a = u.__vccOpts || u;
   for (const [t, l] of n)
     a[t] = l;
   return a;
-}, q = /* @__PURE__ */ pt(ut, [["__scopeId", "data-v-f04c8857"]]), ct = "_container_2joy4_1", dt = "_container__text_2joy4_187", bt = "_container__default_2joy4_191", ft = "_container__warning_2joy4_199", mt = "_container__alert_2joy4_207", vt = "_container__success_2joy4_215", se = {
-  container: ct,
+}, U = /* @__PURE__ */ ct(ut, [["__scopeId", "data-v-f04c8857"]]), pt = "_container_2joy4_1", dt = "_container__text_2joy4_187", ft = "_container__default_2joy4_191", mt = "_container__warning_2joy4_199", bt = "_container__alert_2joy4_207", vt = "_container__success_2joy4_215", se = {
+  container: pt,
   container__text: dt,
-  container__default: bt,
-  container__warning: ft,
-  container__alert: mt,
+  container__default: ft,
+  container__warning: mt,
+  container__alert: bt,
   container__success: vt
-}, bo = /* @__PURE__ */ M({
+}, fo = /* @__PURE__ */ M({
   __name: "OnPageMessage",
   props: {
     variant: { default: "default" },
     text: {}
   },
-  setup(i) {
-    const n = i, a = C(() => {
+  setup(u) {
+    const n = u, a = C(() => {
       switch (n.variant) {
         case "alert":
           return "filled-error-box";
@@ -347,13 +347,13 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
           return "filled-info-circle";
       }
     });
-    return (t, l) => (p(), d("div", {
+    return (t, l) => (c(), d("div", {
       class: s([
         o(se).container,
         o(se)[`container__${t.variant}`]
       ])
     }, [
-      we(q, {
+      we(U, {
         name: a.value,
         size: 24
       }, null, 8, ["name"]),
@@ -362,7 +362,7 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
       }, S(t.text), 3)
     ], 2));
   }
-}), gt = "_button__size_default_4wo1i_1", wt = "_button__size_small_4wo1i_8", ht = "_button_4wo1i_1", yt = "_button__label_4wo1i_191", zt = "_button__solid_4wo1i_330", $t = "_segmentGroup_4wo1i_337", xt = "_fill_4wo1i_359", V = {
+}), gt = "_button__size_default_4wo1i_1", wt = "_button__size_small_4wo1i_8", ht = "_button_4wo1i_1", yt = "_button__label_4wo1i_191", zt = "_button__solid_4wo1i_330", $t = "_segmentGroup_4wo1i_337", kt = "_fill_4wo1i_359", V = {
   button__size_default: gt,
   button__size_small: wt,
   button: ht,
@@ -377,8 +377,8 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
   segmentGroup: $t,
   "segmentGroup--vertical": "_segmentGroup--vertical_4wo1i_340",
   "segmentGroup--horizontal": "_segmentGroup--horizontal_4wo1i_349",
-  fill: xt
-}, kt = ["disabled", "onClick"], fo = /* @__PURE__ */ M({
+  fill: kt
+}, xt = ["disabled", "onClick"], mo = /* @__PURE__ */ M({
   __name: "SegmentButton",
   props: {
     color: {},
@@ -390,8 +390,8 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
     modelValue: {}
   },
   emits: ["update:modelValue", "click"],
-  setup(i, { emit: n }) {
-    const a = i, t = n, l = v(a.modelValue || ""), c = (e) => {
+  setup(u, { emit: n }) {
+    const a = u, t = n, l = v(a.modelValue || ""), p = (e) => {
       a.disabled || e.disabled || (l.value = e.value, t("update:modelValue", e.value), t("click", e.value));
     };
     _e(() => a.modelValue, (e) => {
@@ -400,39 +400,39 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
     const r = v([...a.segments]);
     return _e(() => a.segments, (e) => {
       r.value = [...e], e.some((_) => _.value === l.value) || (l.value = "", t("update:modelValue", ""));
-    }, { deep: !0 }), (e, _) => (p(), d("div", {
+    }, { deep: !0 }), (e, _) => (c(), d("div", {
       class: s([
         o(V).segmentGroup,
         o(V)[`segmentGroup--${e.align}`],
         { [o(V).fill]: e.fill }
       ])
     }, [
-      (p(!0), d(ie, null, ge(r.value, (b, f) => (p(), d("button", {
-        key: `${b.value}-${f}`,
+      (c(!0), d(ie, null, ge(r.value, (f, m) => (c(), d("button", {
+        key: `${f.value}-${m}`,
         class: s([
           o(V).button,
           o(V)[`button--${e.color}`],
           o(V)[`button__size_${e.size}`],
           o(V).fill,
           {
-            [o(V)["button--selected"]]: b.value === l.value
+            [o(V)["button--selected"]]: f.value === l.value
           }
         ]),
-        disabled: b.disabled || a.disabled,
-        onClick: (B) => c(b)
+        disabled: f.disabled || a.disabled,
+        onClick: (B) => p(f)
       }, [
-        b.icon ? (p(), U(o(q), {
+        f.icon ? (c(), F(o(U), {
           key: 0,
-          name: b.icon
+          name: f.icon
         }, null, 8, ["name"])) : w("", !0),
-        b.label ? (p(), d("span", {
+        f.label ? (c(), d("span", {
           key: 1,
           class: s(o(V).button__label)
-        }, S(b.label), 3)) : w("", !0)
-      ], 10, kt))), 128))
+        }, S(f.label), 3)) : w("", !0)
+      ], 10, xt))), 128))
     ], 2));
   }
-}), Ct = "_wrapper__field_1ujuh_1", St = "_wrapper__label_1ujuh_1", It = "_wrapper__errorMessage_1ujuh_1", Bt = "_wrapper__counter_1ujuh_1", Pt = "_wrapper_1ujuh_1", Mt = "_wrapper__bottom_1ujuh_220", j = {
+}), Ct = "_wrapper__field_1ujuh_1", St = "_wrapper__label_1ujuh_1", It = "_wrapper__errorMessage_1ujuh_1", Bt = "_wrapper__counter_1ujuh_1", Pt = "_wrapper_1ujuh_1", Mt = "_wrapper__bottom_1ujuh_220", L = {
   wrapper__field: Ct,
   wrapper__label: St,
   wrapper__errorMessage: It,
@@ -440,7 +440,7 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
   wrapper: Pt,
   wrapper__bottom: Mt,
   "wrapper--error": "_wrapper--error_1ujuh_233"
-}, Tt = ["for"], Ht = ["id", "maxlength", "name", "placeholder", "value"], Vt = ["id", "maxlength", "name", "placeholder", "value"], mo = /* @__PURE__ */ M({
+}, Tt = ["for"], Ht = ["id", "maxlength", "name", "placeholder", "value"], Vt = ["id", "maxlength", "name", "placeholder", "value"], bo = /* @__PURE__ */ M({
   __name: "TextInput",
   props: {
     id: {},
@@ -456,8 +456,8 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
     counter: { type: Boolean }
   },
   emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
-  setup(i, { emit: n }) {
-    const a = i, t = n, l = v(null), c = () => {
+  setup(u, { emit: n }) {
+    const a = u, t = n, l = v(null), p = () => {
       if (a.autoGrow && l.value) {
         l.value.style.height = "";
         const e = Math.min(l.value.scrollHeight, a.maxHeight || l.value.scrollHeight);
@@ -465,87 +465,87 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
       }
     }, r = (e) => {
       const _ = e.target;
-      t("input", e), t("update:modelValue", _.value), c();
+      t("input", e), t("update:modelValue", _.value), p();
     };
     return ue(() => {
-      c();
+      p();
     }), (e, _) => {
-      var b;
-      return p(), d("div", {
-        class: s(o(j).wrapper)
+      var f;
+      return c(), d("div", {
+        class: s(o(L).wrapper)
       }, [
-        e.label ? (p(), d("label", {
+        e.label ? (c(), d("label", {
           key: 0,
-          class: s(o(j).wrapper__label),
+          class: s(o(L).wrapper__label),
           for: e.id
         }, S(e.label), 11, Tt)) : w("", !0),
-        e.multiline ? (p(), d("textarea", {
+        e.multiline ? (c(), d("textarea", {
           key: 1,
           id: e.id,
           ref_key: "textareaRef",
           ref: l,
           class: s([
-            o(j).wrapper__field,
+            o(L).wrapper__field,
             {
-              [o(j)["wrapper--error"]]: e.error
+              [o(L)["wrapper--error"]]: e.error
             }
           ]),
           maxlength: e.maxLength,
           name: e.name,
           placeholder: e.placeholder,
-          style: F(e.maxHeight ? { maxHeight: `${e.maxHeight}px` } : void 0),
+          style: X(e.maxHeight ? { maxHeight: `${e.maxHeight}px` } : void 0),
           value: e.modelValue,
-          onBlur: _[0] || (_[0] = (f) => t("blur", f)),
-          onChange: _[1] || (_[1] = (f) => e.$emit("change", f)),
-          onFocus: _[2] || (_[2] = (f) => t("focus", f)),
+          onBlur: _[0] || (_[0] = (m) => t("blur", m)),
+          onChange: _[1] || (_[1] = (m) => e.$emit("change", m)),
+          onFocus: _[2] || (_[2] = (m) => t("focus", m)),
           onInput: r,
-          onPaste: _[3] || (_[3] = (f) => t("paste", f))
-        }, null, 46, Ht)) : (p(), d("input", {
+          onPaste: _[3] || (_[3] = (m) => t("paste", m))
+        }, null, 46, Ht)) : (c(), d("input", {
           key: 2,
           id: e.id,
           type: "text",
           class: s([
-            o(j).wrapper__field,
+            o(L).wrapper__field,
             {
-              [o(j)["wrapper--error"]]: e.error
+              [o(L)["wrapper--error"]]: e.error
             }
           ]),
           maxlength: e.maxLength,
           name: e.name,
           placeholder: e.placeholder,
           value: e.modelValue,
-          onBlur: _[4] || (_[4] = (f) => t("blur", f)),
-          onChange: _[5] || (_[5] = (f) => e.$emit("change", f)),
-          onFocus: _[6] || (_[6] = (f) => t("focus", f)),
+          onBlur: _[4] || (_[4] = (m) => t("blur", m)),
+          onChange: _[5] || (_[5] = (m) => e.$emit("change", m)),
+          onFocus: _[6] || (_[6] = (m) => t("focus", m)),
           onInput: r,
-          onPaste: _[7] || (_[7] = (f) => t("paste", f))
+          onPaste: _[7] || (_[7] = (m) => t("paste", m))
         }, null, 42, Vt)),
         y("div", {
-          class: s(o(j).wrapper__bottom)
+          class: s(o(L).wrapper__bottom)
         }, [
-          e.error ? (p(), d("div", {
+          e.error ? (c(), d("div", {
             key: 0,
-            class: s(o(j).wrapper__errorMessage)
+            class: s(o(L).wrapper__errorMessage)
           }, S(e.error), 3)) : w("", !0),
-          e.counter ? (p(), d("div", {
+          e.counter ? (c(), d("div", {
             key: 1,
-            class: s(o(j).wrapper__counter)
-          }, S(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : w("", !0)
+            class: s(o(L).wrapper__counter)
+          }, S(((f = e.modelValue) == null ? void 0 : f.toString().length) || 0), 3)) : w("", !0)
         ], 2)
       ], 2);
     };
   }
-}), jt = "_wrapper__label_3sncs_1", Lt = "_wrapper__errorMessage_3sncs_1", Ot = "_wrapper__counter_3sncs_1", Nt = "_wrapper_3sncs_1", Et = "_wrapper__field_3sncs_8", Dt = "_wrapper__size_default_3sncs_185", Wt = "_wrapper__size_small_3sncs_188", At = "_wrapper__bottom_3sncs_225", O = {
-  wrapper__label: jt,
-  wrapper__errorMessage: Lt,
+}), Lt = "_wrapper__label_3sncs_1", Nt = "_wrapper__errorMessage_3sncs_1", Ot = "_wrapper__counter_3sncs_1", Et = "_wrapper_3sncs_1", Dt = "_wrapper__field_3sncs_8", Wt = "_wrapper__size_default_3sncs_185", jt = "_wrapper__size_small_3sncs_188", qt = "_wrapper__bottom_3sncs_225", O = {
+  wrapper__label: Lt,
+  wrapper__errorMessage: Nt,
   wrapper__counter: Ot,
-  wrapper: Nt,
-  wrapper__field: Et,
-  wrapper__size_default: Dt,
-  wrapper__size_small: Wt,
-  wrapper__bottom: At,
+  wrapper: Et,
+  wrapper__field: Dt,
+  wrapper__size_default: Wt,
+  wrapper__size_small: jt,
+  wrapper__bottom: qt,
   "wrapper--error": "_wrapper--error_3sncs_238"
-}, Rt = ["for"], Gt = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], vo = /* @__PURE__ */ M({
+}, At = ["for"], Rt = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], vo = /* @__PURE__ */ M({
   __name: "NumberInput",
   props: {
     id: {},
@@ -562,27 +562,27 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
     size: { default: "default" }
   },
   emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
-  setup(i, { emit: n }) {
-    const a = i, t = n, l = (r) => {
-      var _, b;
+  setup(u, { emit: n }) {
+    const a = u, t = n, l = (r) => {
+      var _, f;
       if (r === "")
         return r;
       const e = Number(r);
-      return typeof a.min == "number" && e < a.min ? (_ = a.min) == null ? void 0 : _.toString() : typeof a.max == "number" && e > a.max ? (b = a.max) == null ? void 0 : b.toString() : e.toString();
-    }, c = (r) => {
+      return typeof a.min == "number" && e < a.min ? (_ = a.min) == null ? void 0 : _.toString() : typeof a.max == "number" && e > a.max ? (f = a.max) == null ? void 0 : f.toString() : e.toString();
+    }, p = (r) => {
       const e = r.target, _ = l(e.value);
       e.value = _, t("input", r), t("update:modelValue", Number(_));
     };
     return (r, e) => {
       var _;
-      return p(), d("div", {
+      return c(), d("div", {
         class: s([o(O).wrapper, o(O)[`wrapper__size_${r.size}`]])
       }, [
-        r.label ? (p(), d("label", {
+        r.label ? (c(), d("label", {
           key: 0,
           class: s(o(O).wrapper__label),
           for: r.id
-        }, S(r.label), 11, Rt)) : w("", !0),
+        }, S(r.label), 11, At)) : w("", !0),
         y("input", {
           id: r.id,
           type: "number",
@@ -598,21 +598,21 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
           name: r.name,
           placeholder: r.placeholder,
           value: r.modelValue,
-          onBlur: e[0] || (e[0] = (b) => t("blur", b)),
-          onChange: e[1] || (e[1] = (b) => r.$emit("change", b)),
-          onFocus: e[2] || (e[2] = (b) => t("focus", b)),
-          onInput: c,
-          onPaste: e[3] || (e[3] = (b) => t("paste", b))
-        }, null, 42, Gt),
-        r.counter || r.error ? (p(), d("div", {
+          onBlur: e[0] || (e[0] = (f) => t("blur", f)),
+          onChange: e[1] || (e[1] = (f) => r.$emit("change", f)),
+          onFocus: e[2] || (e[2] = (f) => t("focus", f)),
+          onInput: p,
+          onPaste: e[3] || (e[3] = (f) => t("paste", f))
+        }, null, 42, Rt),
+        r.counter || r.error ? (c(), d("div", {
           key: 1,
           class: s(o(O).wrapper__bottom)
         }, [
-          r.error ? (p(), d("div", {
+          r.error ? (c(), d("div", {
             key: 0,
             class: s(o(O).wrapper__errorMessage)
           }, S(r.error), 3)) : w("", !0),
-          r.counter ? (p(), d("div", {
+          r.counter ? (c(), d("div", {
             key: 1,
             class: s(o(O).wrapper__counter)
           }, S(((_ = r.modelValue) == null ? void 0 : _.toString().length) || 0), 3)) : w("", !0)
@@ -620,12 +620,12 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
       ], 2);
     };
   }
-}), Yt = "_wrapper_d1zlt_169", Xt = "_wrapper__label_d1zlt_176", Ft = "_wrapper__input_d1zlt_200", Ut = "_wrapper_checked_d1zlt_210", qt = "_wrapper_disabled_d1zlt_217", X = {
-  wrapper: Yt,
-  wrapper__label: Xt,
-  wrapper__input: Ft,
-  wrapper_checked: Ut,
-  wrapper_disabled: qt
+}), Gt = "_wrapper_d1zlt_169", Yt = "_wrapper__label_d1zlt_176", Xt = "_wrapper__input_d1zlt_200", Ft = "_wrapper_checked_d1zlt_210", Ut = "_wrapper_disabled_d1zlt_217", Y = {
+  wrapper: Gt,
+  wrapper__label: Yt,
+  wrapper__input: Xt,
+  wrapper_checked: Ft,
+  wrapper_disabled: Ut
 }, Qt = ["id", "checked", "disabled", "name"], Zt = ["for"], go = /* @__PURE__ */ M({
   __name: "Toggle",
   props: {
@@ -635,64 +635,64 @@ const je = "_button__size_default_16zzc_1", Le = "_button__size_small_16zzc_8",
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(i, { emit: n }) {
-    const a = i, t = n, l = () => {
+  setup(u, { emit: n }) {
+    const a = u, t = n, l = () => {
       t("click", !a.checked);
     };
-    return (c, r) => (p(), d("fieldset", {
+    return (p, r) => (c(), d("fieldset", {
       class: s([
-        o(X).wrapper,
+        o(Y).wrapper,
         {
-          [o(X).wrapper_checked]: c.checked,
-          [o(X).wrapper_disabled]: c.disabled
+          [o(Y).wrapper_checked]: p.checked,
+          [o(Y).wrapper_disabled]: p.disabled
         }
       ])
     }, [
       y("input", {
-        id: c.id,
+        id: p.id,
         type: "checkbox",
-        checked: c.checked,
-        class: s(o(X).wrapper__input),
-        disabled: c.disabled,
-        name: c.name,
+        checked: p.checked,
+        class: s(o(Y).wrapper__input),
+        disabled: p.disabled,
+        name: p.name,
         onClick: l
       }, null, 10, Qt),
       y("label", {
-        class: s(o(X).wrapper__label),
-        for: c.id
+        class: s(o(Y).wrapper__label),
+        for: p.id
       }, null, 10, Zt)
     ], 2));
   }
 });
-function Jt(i = "") {
-  return typeof i == "string" ? i.replace(/<\/style>/gi, "").replace(/<(.*?) on(.*?)=['"](.*?)>/gi, "").replace(/(<meta |<style|<\/*script)(.*?)>/gi, "").replace(/(<([^>]+)>)/ig, "").replace(/<(.*?) (href|src)="j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi, "") : i;
+function Jt(u = "") {
+  return typeof u == "string" ? u.replace(/<\/style>/gi, "").replace(/<(.*?) on(.*?)=['"](.*?)>/gi, "").replace(/(<meta |<style|<\/*script)(.*?)>/gi, "").replace(/(<([^>]+)>)/ig, "").replace(/<(.*?) (href|src)="j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi, "") : u;
 }
-const Kt = "_wrapper__box_ybeb8_1", eo = "_wrapper_ybeb8_1", to = "_wrapper__icon_ybeb8_184", oo = "_wrapper__text_ybeb8_267", N = {
+const Kt = "_wrapper__box_1cst8_1", eo = "_wrapper_1cst8_1", to = "_wrapper__icon_1cst8_184", oo = "_wrapper__text_1cst8_267", E = {
   wrapper__box: Kt,
   wrapper: eo,
   wrapper__icon: to,
-  "wrapper__box_bottom-start": "_wrapper__box_bottom-start_ybeb8_199",
-  "wrapper__box_bottom-center": "_wrapper__box_bottom-center_ybeb8_205",
-  "wrapper__box_bottom-end": "_wrapper__box_bottom-end_ybeb8_211",
-  "wrapper__box_top-start": "_wrapper__box_top-start_ybeb8_217",
-  "wrapper__box_top-center": "_wrapper__box_top-center_ybeb8_223",
-  "wrapper__box_top-end": "_wrapper__box_top-end_ybeb8_229",
-  "wrapper__box_right-start": "_wrapper__box_right-start_ybeb8_235",
-  "wrapper__box_right-center": "_wrapper__box_right-center_ybeb8_241",
-  "wrapper__box_right-end": "_wrapper__box_right-end_ybeb8_247",
-  "wrapper__box_left-start": "_wrapper__box_left-start_ybeb8_252",
-  "wrapper__box_left-center": "_wrapper__box_left-center_ybeb8_257",
-  "wrapper__box_left-end": "_wrapper__box_left-end_ybeb8_262",
+  "wrapper__box_bottom-start": "_wrapper__box_bottom-start_1cst8_199",
+  "wrapper__box_bottom-center": "_wrapper__box_bottom-center_1cst8_205",
+  "wrapper__box_bottom-end": "_wrapper__box_bottom-end_1cst8_211",
+  "wrapper__box_top-start": "_wrapper__box_top-start_1cst8_217",
+  "wrapper__box_top-center": "_wrapper__box_top-center_1cst8_223",
+  "wrapper__box_top-end": "_wrapper__box_top-end_1cst8_229",
+  "wrapper__box_right-start": "_wrapper__box_right-start_1cst8_235",
+  "wrapper__box_right-center": "_wrapper__box_right-center_1cst8_241",
+  "wrapper__box_right-end": "_wrapper__box_right-end_1cst8_247",
+  "wrapper__box_left-start": "_wrapper__box_left-start_1cst8_252",
+  "wrapper__box_left-center": "_wrapper__box_left-center_1cst8_257",
+  "wrapper__box_left-end": "_wrapper__box_left-end_1cst8_262",
   wrapper__text: oo,
-  "wrapper__box-content": "_wrapper__box-content_ybeb8_296",
-  "bottom-entrance": "_bottom-entrance_ybeb8_309",
-  "top-entrance": "_top-entrance_ybeb8_312",
-  "left-entrance": "_left-entrance_ybeb8_315",
-  "right-entrance": "_right-entrance_ybeb8_318",
-  "bottom-leave": "_bottom-leave_ybeb8_321",
-  "top-leave": "_top-leave_ybeb8_324",
-  "right-leave": "_right-leave_ybeb8_327",
-  "left-leave": "_left-leave_ybeb8_330"
+  "wrapper__box-content": "_wrapper__box-content_1cst8_296",
+  "bottom-entrance": "_bottom-entrance_1cst8_309",
+  "top-entrance": "_top-entrance_1cst8_312",
+  "left-entrance": "_left-entrance_1cst8_315",
+  "right-entrance": "_right-entrance_1cst8_318",
+  "bottom-leave": "_bottom-leave_1cst8_321",
+  "top-leave": "_top-leave_1cst8_324",
+  "right-leave": "_right-leave_1cst8_327",
+  "left-leave": "_left-leave_1cst8_330"
 }, no = ["id"], ro = ["innerHTML"], wo = /* @__PURE__ */ M({
   __name: "Tooltip",
   props: {
@@ -711,40 +711,40 @@ const Kt = "_wrapper__box_ybeb8_1", eo = "_wrapper_ybeb8_1", to = "_wrapper__ico
     absoluteTrianglePosition: { default: "top" },
     absolutePosition: { type: [Boolean, null, String, Object, Array] }
   },
-  setup(i) {
-    const n = i, a = v(null), t = v("center"), l = v("bottom"), c = v("center"), r = v(!1), e = v(""), _ = v(!1), b = v(!1), f = v(""), B = v("d-n"), T = v(null), P = v(null), W = v(null), k = C(() => n.staticPosition.split(" ")[0]), L = C(() => n.staticPosition.split(" ")[1]), Q = C(() => n.iconName ? "mt-1" : "mt-0"), oe = C(() => n.preventXss ? Jt(n.text) : n.text), D = C(() => n.absolutePositionStatus ? n.absoluteTrianglePosition : n.dynamicPosition && r.value ? l.value === "bottom" ? "top" : "bottom" : k.value === "top" ? "bottom" : k.value === "bottom" ? "top" : k.value === "left" ? "right" : k.value === "right" ? "left" : "bottom"), ne = C(() => n.absolutePositionStatus ? "" : _.value && b.value || f.value === "icon" && _.value ? "opa-1" : "opa-0"), Z = C(() => n.absolutePositionStatus ? n.absoluteTriangleAlignment : n.dynamicPosition && r.value ? t.value === "center" ? "center" : t.value === "end" ? "end" : t.value === "start" ? "start" : c.value : L.value === "center" ? "center" : L.value === "left" || L.value === "top" ? "start" : L.value === "right" || L.value === "bottom" ? "end" : "center"), re = C(() => n.absolutePositionStatus ? "" : n.dynamicPosition && r.value ? N[`wrapper__box_${l.value}-${t.value}`] : N[`wrapper__box_${k.value}-${Z.value}`]), J = C(() => n.offsetX === 0 && n.offsetY === 0 ? {} : n.dynamicPosition ? {
+  setup(u) {
+    const n = u, a = v(null), t = v("center"), l = v("bottom"), p = v("center"), r = v(!1), e = v(""), _ = v(!1), f = v(!1), m = v(""), B = v("d-n"), T = v(null), P = v(null), j = v(null), x = C(() => n.staticPosition.split(" ")[0]), N = C(() => n.staticPosition.split(" ")[1]), Q = C(() => n.iconName ? "mt-1" : "mt-0"), oe = C(() => n.preventXss ? Jt(n.text) : n.text), W = C(() => n.absolutePositionStatus ? n.absoluteTrianglePosition : n.dynamicPosition && r.value ? l.value === "bottom" ? "top" : "bottom" : x.value === "top" ? "bottom" : x.value === "bottom" ? "top" : x.value === "left" ? "right" : x.value === "right" ? "left" : "bottom"), ne = C(() => n.absolutePositionStatus ? "" : _.value && f.value || m.value === "icon" && _.value ? "opa-1" : "opa-0"), Z = C(() => n.absolutePositionStatus ? n.absoluteTriangleAlignment : n.dynamicPosition && r.value ? t.value === "center" ? "center" : t.value === "end" ? "end" : t.value === "start" ? "start" : p.value : N.value === "center" ? "center" : N.value === "left" || N.value === "top" ? "start" : N.value === "right" || N.value === "bottom" ? "end" : "center"), re = C(() => n.absolutePositionStatus ? "" : n.dynamicPosition && r.value ? E[`wrapper__box_${l.value}-${t.value}`] : E[`wrapper__box_${x.value}-${Z.value}`]), J = C(() => n.offsetX === 0 && n.offsetY === 0 ? {} : n.dynamicPosition ? {
       [`margin-${l.value === "bottom" ? "top" : "bottom"}`]: `${n.offsetY}px`
-    } : D.value === "top" || D.value === "bottom" ? {
-      [`margin-${D.value}`]: `${n.offsetY}px`
-    } : { [`margin-${D.value}`]: `${n.offsetX}px` }), m = (u, h, $ = !1) => {
-      if (!u || !P.value)
+    } : W.value === "top" || W.value === "bottom" ? {
+      [`margin-${W.value}`]: `${n.offsetY}px`
+    } : { [`margin-${W.value}`]: `${n.offsetX}px` }), b = (i, h, $ = !1) => {
+      if (!i || !P.value)
         return { left: !1, right: !1, top: !1, bottom: !1, center: !1 };
-      const H = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 }, le = P.value.clientHeight, Y = window.innerWidth, Ce = window.innerHeight, pe = u.clientHeight, ee = u.clientWidth || 264, x = (h == null ? void 0 : h.getBoundingClientRect()) || H, ce = $ ? x == null ? void 0 : x.right : x == null ? void 0 : x.left, de = $ ? x == null ? void 0 : x.top : x == null ? void 0 : x.bottom, Se = ce + x.width + ee + n.offsetX < Y, Ie = ce + x.width / 2 - (ee + n.offsetX) > 10, Be = de + pe < Ce - n.offsetY, Pe = de - (pe + le + n.offsetY) > 0;
-      let be = !1;
-      return n.iconName && (be = x.right + ee / 2 < Y && x.left - (ee + n.offsetX) / 2 >= 10), {
+      const H = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 }, le = P.value.clientHeight, G = window.innerWidth, Ce = window.innerHeight, ce = i.clientHeight, ee = i.clientWidth || 264, k = (h == null ? void 0 : h.getBoundingClientRect()) || H, pe = $ ? k == null ? void 0 : k.right : k == null ? void 0 : k.left, de = $ ? k == null ? void 0 : k.top : k == null ? void 0 : k.bottom, Se = pe + k.width + ee + n.offsetX < G, Ie = pe + k.width / 2 - (ee + n.offsetX) > 10, Be = de + ce < Ce - n.offsetY, Pe = de - (ce + le + n.offsetY) > 0;
+      let fe = !1;
+      return n.iconName && (fe = k.right + ee / 2 < G && k.left - (ee + n.offsetX) / 2 >= 10), {
         left: Ie,
         right: Se,
         bottom: Be,
         top: Pe,
-        center: be
+        center: fe
       };
     }, g = () => {
       ve(() => {
-        var Y;
+        var G;
         r.value = !0;
-        const { bottom: u, left: h, right: $, top: H, center: le } = m(
-          W.value,
-          (Y = W.value) == null ? void 0 : Y.parentNode
+        const { bottom: i, left: h, right: $, top: H, center: le } = b(
+          j.value,
+          (G = j.value) == null ? void 0 : G.parentNode
         );
         if (le) {
-          t.value = "center", l.value = u && !H ? "bottom" : "top";
+          t.value = "center", l.value = i && !H ? "bottom" : "top";
           return;
         }
-        if (u && h && $ && H) {
+        if (i && h && $ && H) {
           t.value = "center", l.value = "top";
           return;
         }
-        if (H && !u) {
+        if (H && !i) {
           if ($ && h) {
             t.value = "center", l.value = "top";
             return;
@@ -758,108 +758,110 @@ const Kt = "_wrapper__box_ybeb8_1", eo = "_wrapper_ybeb8_1", to = "_wrapper__ico
             return;
           }
         }
-        if (u && H) {
+        if (i && H) {
           if (!$ && h) {
-            t.value = "end", l.value = "top", c.value = "end";
+            t.value = "end", l.value = "top", p.value = "end";
             return;
           }
           if ($ && !h) {
-            t.value = "start", l.value = "top", c.value = "start";
+            t.value = "start", l.value = "top", p.value = "start";
             return;
           }
         }
-        if (u && !H) {
+        if (i && !H) {
           if ($ && h) {
-            t.value = "center", l.value = "bottom", c.value = "top";
+            t.value = "center", l.value = "bottom", p.value = "top";
             return;
           }
           if (!$ && h) {
-            t.value = "end", l.value = "bottom", c.value = "top";
+            t.value = "end", l.value = "bottom", p.value = "top";
             return;
           }
-          $ && !h && (t.value = "start", l.value = "bottom", c.value = "top");
+          $ && !h && (t.value = "start", l.value = "bottom", p.value = "top");
         }
       });
-    }, I = (u) => {
-      const h = u.scrollHeight > u.clientHeight, $ = window.getComputedStyle(u).overflowY, H = ["auto", "scroll"].includes($);
+    }, I = (i) => {
+      if (!(i instanceof HTMLElement))
+        return !1;
+      const h = i.scrollHeight > i.clientHeight, $ = window.getComputedStyle(i).overflowY, H = ["auto", "scroll"].includes($);
       return h && H;
-    }, A = (u) => {
-      const h = (u == null ? void 0 : u.nodeType) === Node.COMMENT_NODE, $ = (u == null ? void 0 : u.nodeType) === Node.DOCUMENT_NODE;
-      return !u || h || $ ? document : I(u) ? u : A(u);
-    }, G = () => {
-      var u;
-      (u = T.value) == null || u.removeEventListener("scroll", g), window == null || window.removeEventListener("resize", g);
+    }, q = (i) => {
+      const h = (i == null ? void 0 : i.nodeType) === Node.COMMENT_NODE, $ = (i == null ? void 0 : i.nodeType) === Node.DOCUMENT_NODE;
+      return !i || h || $ ? document : I(i) ? i : q(i.parentNode);
+    }, R = () => {
+      var i;
+      (i = T.value) == null || i.removeEventListener("scroll", g), window == null || window.removeEventListener("resize", g);
     }, K = () => {
       ve(() => {
-        var u;
-        T.value = A(P.value), (u = T.value) == null || u.addEventListener("scroll", g), window == null || window.addEventListener("resize", g);
+        var i;
+        T.value = q(P.value), (i = T.value) == null || i.addEventListener("scroll", g), window == null || window.addEventListener("resize", g);
       });
     }, ye = () => {
-      f.value = "wrapper", B.value = "d-b", _.value = !0;
+      m.value = "wrapper", B.value = "d-b", _.value = !0;
     }, ae = () => {
-      f.value = "icon", B.value = "d-b", b.value = !0;
+      m.value = "icon", B.value = "d-b", f.value = !0;
     }, ze = () => {
-      b.value = !1;
+      f.value = !1;
     }, $e = () => {
-      f.value = "", _.value = !1, b.value = !1;
-    }, xe = () => {
-      $e(), n.dynamicPosition ? l.value === "bottom" ? e.value = "bottom-leave" : l.value === "top" && (e.value = "top-leave") : k.value === "top" ? e.value = "top-leave" : k.value === "bottom" ? e.value = "bottom-leave" : k.value === "left" ? e.value = "left-leave" : k.value === "right" && (e.value = "right-leave"), setTimeout(() => {
+      m.value = "", _.value = !1, f.value = !1;
+    }, ke = () => {
+      $e(), n.dynamicPosition ? l.value === "bottom" ? e.value = "bottom-leave" : l.value === "top" && (e.value = "top-leave") : x.value === "top" ? e.value = "top-leave" : x.value === "bottom" ? e.value = "bottom-leave" : x.value === "left" ? e.value = "left-leave" : x.value === "right" && (e.value = "right-leave"), setTimeout(() => {
         e.value = "", B.value = "d-n";
       }, n.absolutePositionStatus ? 0 : 250);
-    }, ke = () => {
-      ye(), g(), n.dynamicPosition ? l.value === "bottom" ? e.value = "top-entrance" : l.value === "top" && (e.value = "bottom-entrance") : k.value === "top" ? e.value = "bottom-entrance" : k.value === "bottom" ? e.value = "top-entrance" : k.value === "left" ? e.value = "right-entrance" : k.value === "right" && (e.value = "left-entrance"), setTimeout(() => {
+    }, xe = () => {
+      ye(), g(), n.dynamicPosition ? l.value === "bottom" ? e.value = "top-entrance" : l.value === "top" && (e.value = "bottom-entrance") : x.value === "top" ? e.value = "bottom-entrance" : x.value === "bottom" ? e.value = "top-entrance" : x.value === "left" ? e.value = "right-entrance" : x.value === "right" && (e.value = "left-entrance"), setTimeout(() => {
         e.value = "";
       }, 250);
     };
     return ue(() => {
       n.dynamicPosition && K();
     }), He(() => {
-      G();
-    }), (u, h) => (p(), d("div", {
-      id: u.id,
+      R();
+    }), (i, h) => (c(), d("div", {
+      id: i.id,
       ref_key: "tooltipRootRef",
       ref: P,
-      class: s(o(N).wrapper),
-      onMouseenter: ke,
-      onMouseleave: xe
+      class: s(o(E).wrapper),
+      onMouseenter: xe,
+      onMouseleave: ke
     }, [
-      u.iconName ? (p(), U(o(q), {
+      i.iconName ? (c(), F(o(U), {
         key: 0,
         ref_key: "tooltipIconRef",
         ref: a,
-        class: s(o(N).wrapper__icon),
-        name: u.iconName,
+        class: s(o(E).wrapper__icon),
+        name: i.iconName,
         onMouseenter: ae,
         onMouseleave: ze
-      }, null, 8, ["class", "name"])) : (p(), d("div", {
+      }, null, 8, ["class", "name"])) : (c(), d("div", {
         key: 1,
-        class: s(o(N).wrapper__icon),
+        class: s(o(E).wrapper__icon),
         onMouseenter: ae,
         onMouseleave: ae
       }, [
-        E(u.$slots, "triggerElement")
+        D(i.$slots, "triggerElement")
       ], 34)),
-      u.status ? (p(), d("div", {
+      i.status ? (c(), d("div", {
         key: 2,
         ref_key: "tooltipPopupRef",
-        ref: W,
-        class: s([o(N).wrapper__box, re.value, ne.value, B.value]),
-        style: F(u.absolutePosition)
+        ref: j,
+        class: s([o(E).wrapper__box, re.value, ne.value, B.value]),
+        style: X(i.absolutePosition)
       }, [
         we(o(io), {
           "border-triangle": "",
           "border-triangle-align": Z.value,
-          "border-triangle-position": D.value,
-          class: s([o(N)["wrapper__box-content"], Q.value, e.value]),
-          style: F(J.value)
+          "border-triangle-position": W.value,
+          class: s([o(E)["wrapper__box-content"], Q.value, e.value]),
+          style: X(J.value)
         }, {
           default: he(() => [
             y("div", {
-              class: s(o(N).wrapper__text),
-              style: F({ maxHeight: `${u.maxHeight}px`, overflowY: "auto" })
+              class: s(o(E).wrapper__text),
+              style: X({ maxHeight: `${i.maxHeight}px`, overflowY: "auto" })
             }, [
               y("div", { innerHTML: oe.value }, null, 8, ro),
-              E(u.$slots, "contentSlot")
+              D(i.$slots, "contentSlot")
             ], 6)
           ]),
           _: 3
@@ -867,20 +869,20 @@ const Kt = "_wrapper__box_ybeb8_1", eo = "_wrapper_ybeb8_1", to = "_wrapper__ico
       ], 6)) : w("", !0)
     ], 42, no));
   }
-}), ao = "_box_9edbj_169", lo = "_flipBox_9edbj_258", te = {
+}), ao = "_box_14qkh_169", lo = "_flipBox_14qkh_257", te = {
   box: ao,
-  "box_top-start": "_box_top-start_9edbj_174",
-  "box_top-center": "_box_top-center_9edbj_174",
-  "box_top-end": "_box_top-end_9edbj_174",
-  "box_right-start": "_box_right-start_9edbj_174",
-  "box_right-center": "_box_right-center_9edbj_174",
-  "box_right-end": "_box_right-end_9edbj_174",
-  "box_bottom-start": "_box_bottom-start_9edbj_174",
-  "box_bottom-center": "_box_bottom-center_9edbj_174",
-  "box_bottom-end": "_box_bottom-end_9edbj_174",
-  "box_left-start": "_box_left-start_9edbj_174",
-  "box_left-center": "_box_left-center_9edbj_174",
-  "box_left-end": "_box_left-end_9edbj_174",
+  "box_top-start": "_box_top-start_14qkh_173",
+  "box_top-center": "_box_top-center_14qkh_173",
+  "box_top-end": "_box_top-end_14qkh_173",
+  "box_right-start": "_box_right-start_14qkh_173",
+  "box_right-center": "_box_right-center_14qkh_173",
+  "box_right-end": "_box_right-end_14qkh_173",
+  "box_bottom-start": "_box_bottom-start_14qkh_173",
+  "box_bottom-center": "_box_bottom-center_14qkh_173",
+  "box_bottom-end": "_box_bottom-end_14qkh_173",
+  "box_left-start": "_box_left-start_14qkh_173",
+  "box_left-center": "_box_left-center_14qkh_173",
+  "box_left-end": "_box_left-end_14qkh_173",
   flipBox: lo
 }, so = /* @__PURE__ */ M({
   __name: "DefaultBox",
@@ -892,18 +894,18 @@ const Kt = "_wrapper__box_ybeb8_1", eo = "_wrapper_ybeb8_1", to = "_wrapper__ico
     borderTrianglePosition: { default: "top" }
   },
   emits: ["click"],
-  setup(i, { emit: n }) {
-    const a = i, t = n, l = C(
+  setup(u, { emit: n }) {
+    const a = u, t = n, l = C(
       () => a.borderTriangle ? te[`box_${a.borderTrianglePosition}-${a.borderTriangleAlign}`] : ""
     );
-    function c() {
+    function p() {
       t("click");
     }
-    return (r, e) => (p(), d("div", {
+    return (r, e) => (c(), d("div", {
       class: s([o(te).box, l.value, r.border, r.borderRadius]),
-      onClick: c
+      onClick: p
     }, [
-      E(r.$slots, "default")
+      D(r.$slots, "default")
     ], 2));
   }
 }), _o = /* @__PURE__ */ M({
@@ -911,20 +913,20 @@ const Kt = "_wrapper__box_ybeb8_1", eo = "_wrapper_ybeb8_1", to = "_wrapper__ico
   props: {
     boxSpacing: { default: "" }
   },
-  setup(i) {
-    return (n, a) => (p(), d("div", {
+  setup(u) {
+    return (n, a) => (c(), d("div", {
       class: s([o(te).flipBox, n.boxSpacing])
     }, [
       y("div", null, [
         y("div", {
           class: s([o(te).box, n.boxSpacing])
         }, [
-          E(n.$slots, "front")
+          D(n.$slots, "front")
         ], 2),
         y("div", {
           class: s([n.boxSpacing])
         }, [
-          E(n.$slots, "reverse")
+          D(n.$slots, "reverse")
         ], 2)
       ])
     ], 2));
@@ -938,21 +940,21 @@ const Kt = "_wrapper__box_ybeb8_1", eo = "_wrapper_ybeb8_1", to = "_wrapper__ico
     borderTrianglePosition: {},
     boxSpacing: { default: "" }
   },
-  setup(i) {
+  setup(u) {
     const n = {
       default: so,
       flip: _o
     };
-    return (a, t) => (p(), U(Ve(n[a.type]), {
+    return (a, t) => (c(), F(Ve(n[a.type]), {
       "border-triangle": a.borderTriangle,
       "border-triangle-align": a.borderTriangleAlign,
       "border-triangle-position": a.borderTrianglePosition,
       "box-spacing": a.boxSpacing
     }, {
       default: he(() => [
-        E(a.$slots, "default"),
-        E(a.$slots, "front"),
-        E(a.$slots, "reverse")
+        D(a.$slots, "default"),
+        D(a.$slots, "front"),
+        D(a.$slots, "reverse")
       ]),
       _: 3
     }, 8, ["border-triangle", "border-triangle-align", "border-triangle-position", "box-spacing"]));
@@ -960,13 +962,13 @@ const Kt = "_wrapper__box_ybeb8_1", eo = "_wrapper_ybeb8_1", to = "_wrapper__ico
 });
 export {
   io as Box,
-  po as Button,
-  co as DropdownMenu,
-  q as Icon,
+  co as Button,
+  po as DropdownMenu,
+  U as Icon,
   vo as NumberInput,
-  bo as OnPageMessage,
-  fo as SegmentButton,
-  mo as TextInput,
+  fo as OnPageMessage,
+  mo as SegmentButton,
+  bo as TextInput,
   go as Toggle,
   wo as Tooltip
 };