npm - @useinsider/ab-components - Versions diffs - 0.0.26 → 0.0.28 - Mend

@useinsider/ab-components 0.0.26 → 0.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/ab-components.cjs.js +1 -1
package/dist/ab-components.cjs.js.map +1 -1
package/dist/ab-components.css +1 -1
package/dist/ab-components.es.js +1619 -707
package/dist/ab-components.es.js.map +1 -1
package/dist/ab-components.iife.js +1 -1
package/dist/ab-components.iife.js.map +1 -1
package/dist/ab-components.umd.js +1 -1
package/dist/ab-components.umd.js.map +1 -1
package/dist/index.d.ts +17 -182
package/package.json +19 -16

package/dist/ab-components.es.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { defineComponent as T, computed as C, openBlock as p, createElementBlock as f, normalizeClass as s, unref as o, createBlock as q, createCommentVNode as x, toDisplayString as I, ref as v, reactive as ve, onMounted as ce, watch as oe, Fragment as pe, createElementVNode as y, withDirectives as ge, normalizeStyle as U, withModifiers as Te, vModelText as He, renderList as we, vShow as Ve, createVNode as ye, onBeforeUnmount as Le, renderSlot as D, withCtx as xe, nextTick as he, resolveDynamicComponent as Oe } from "vue";
-const Ne = "_button__size_default_vssfh_1", Ee = "_button__size_small_vssfh_8", We = "_button_vssfh_1", De = "_button__label_vssfh_60", Ae = "_button__solid_vssfh_72", Re = "_fill_vssfh_992", Y = {
-  button__size_default: Ne,
-  button__size_small: Ee,
-  button: We,
-  button__label: De,
+import { defineComponent as Q, computed as V, createElementBlock as $, openBlock as y, normalizeClass as h, unref as d, createBlock as ge, createCommentVNode as L, toDisplayString as P, ref as A, reactive as Ye, onMounted as Pe, watch as te, Fragment as Ce, createElementVNode as B, withDirectives as qe, withModifiers as mt, normalizeStyle as Te, vModelText as ht, renderList as nt, vShow as gt, createVNode as wt, shallowRef as vt, getCurrentScope as bt, onScopeDispose as yt, shallowReadonly as ae, onBeforeMount as xt, nextTick as kt, onBeforeUnmount as Ct, Teleport as Tt, renderSlot as Ue } from "vue";
+const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8", Ot = "_button_vssfh_1", Rt = "_button__label_vssfh_60", At = "_button__solid_vssfh_72", Et = "_fill_vssfh_992", ue = {
+  button__size_default: $t,
+  button__size_small: St,
+  button: Ot,
+  button__label: Rt,
   "button__solid-primary": "_button__solid-primary_vssfh_72",
   "no-hover-effect": "_no-hover-effect_vssfh_79",
   "button--selected": "_button--selected_vssfh_101",
@@ -31,9 +31,9 @@ const Ne = "_button__size_default_vssfh_1", Ee = "_button__size_small_vssfh_8",
   "button__outline-danger": "_button__outline-danger_vssfh_867",
   "button__outline-warning": "_button__outline-warning_vssfh_904",
   "button__outline-smart": "_button__outline-smart_vssfh_941",
-  button__solid: Ae,
-  fill: Re
-}, Ge = ["disabled"], fo = /* @__PURE__ */ T({
+  button__solid: At,
+  fill: Et
+}, Lt = ["disabled"], Fo = /* @__PURE__ */ Q({
   __name: "Button",
   props: {
     variant: {},
@@ -48,82 +48,82 @@ const Ne = "_button__size_default_vssfh_1", Ee = "_button__size_small_vssfh_8",
     fill: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(u, { emit: n }) {
-    const r = u, t = n, a = (d) => {
-      r.disabled || t("click", d);
-    }, _ = C(() => r.loadingStatus ? "loading-circle" : r.successStatus ? "line-check-natural" : r.leftIconName);
-    return (d, e) => (p(), f("button", {
-      class: s([
-        o(Y).button,
-        o(Y)[`button__${d.variant}`],
-        o(Y)[`button__${d.variant}-${d.color}`],
-        o(Y)[`button__size_${d.size}`],
-        { [o(Y).fill]: d.fill }
+  setup(e, { emit: t }) {
+    const o = e, n = t, s = (i) => {
+      o.disabled || n("click", i);
+    }, l = V(() => o.loadingStatus ? "loading-circle" : o.successStatus ? "line-check-natural" : o.leftIconName);
+    return (i, r) => (y(), $("button", {
+      class: h([
+        d(ue).button,
+        d(ue)[`button__${i.variant}`],
+        d(ue)[`button__${i.variant}-${i.color}`],
+        d(ue)[`button__size_${i.size}`],
+        { [d(ue).fill]: i.fill }
       ]),
-      disabled: r.disabled,
-      onClick: a
+      disabled: o.disabled,
+      onClick: s
     }, [
-      _.value ? (p(), q(o(Q), {
+      l.value ? (y(), ge(d(we), {
         key: 0,
-        name: _.value
-      }, null, 8, ["name"])) : x("", !0),
-      d.label ? (p(), f("span", {
+        name: l.value
+      }, null, 8, ["name"])) : L("", !0),
+      i.label ? (y(), $("span", {
         key: 1,
-        class: s(o(Y).button__label)
-      }, I(d.label), 3)) : x("", !0),
-      d.rightIconName ? (p(), q(o(Q), {
+        class: h(d(ue).button__label)
+      }, P(i.label), 3)) : L("", !0),
+      i.rightIconName ? (y(), ge(d(we), {
         key: 2,
-        name: d.rightIconName
-      }, null, 8, ["name"])) : x("", !0)
-    ], 10, Ge));
+        name: i.rightIconName
+      }, null, 8, ["name"])) : L("", !0)
+    ], 10, Lt));
   }
-}), Ye = {
-  mounted(u, n) {
-    u.clickOutsideEvent = (r) => {
-      const t = (n.value.exclude || []).filter((_) => _.value).map((_) => _.value);
-      [u, ...t].some((_) => _ && (_ === r.target || _.contains(r.target))) || n.value.handler();
-    }, document.addEventListener("click", u.clickOutsideEvent);
+}), It = {
+  mounted(e, t) {
+    e.clickOutsideEvent = (o) => {
+      const n = (t.value.exclude || []).filter((l) => l.value).map((l) => l.value);
+      [e, ...n].some((l) => l && (l === o.target || l.contains(o.target))) || t.value.handler();
+    }, document.addEventListener("click", e.clickOutsideEvent);
   },
-  unmounted(u) {
-    u.clickOutsideEvent && document.removeEventListener("click", u.clickOutsideEvent);
+  unmounted(e) {
+    e.clickOutsideEvent && document.removeEventListener("click", e.clickOutsideEvent);
   }
-}, je = (u, n) => {
-  var t;
-  let r = 0;
-  for (const a of u)
-    if (a.toLowerCase() === ((t = n[r]) == null ? void 0 : t.toLowerCase()) && r++, r === n.length)
+}, Mt = (e, t) => {
+  var n;
+  let o = 0;
+  for (const s of e)
+    if (s.toLowerCase() === ((n = t[o]) == null ? void 0 : n.toLowerCase()) && o++, o === t.length)
       return !0;
   return !1;
-}, Xe = (u, n, r) => {
-  if (!r.trim())
-    return u;
-  const t = r.toLowerCase();
-  return u.filter((a) => {
-    const _ = String(a[n]);
-    return je(_.toLowerCase(), t);
-  }).sort((a, _) => {
-    const d = String(a[n]).toLowerCase(), e = String(_[n]).toLowerCase();
-    return d === t ? -1 : e === t ? 1 : d.startsWith(t) && !e.startsWith(t) ? -1 : !d.startsWith(t) && e.startsWith(t) ? 1 : d.length - e.length;
+}, Vt = (e, t, o) => {
+  if (!o.trim())
+    return e;
+  const n = o.toLowerCase();
+  return e.filter((s) => {
+    const l = String(s[t]);
+    return Mt(l.toLowerCase(), n);
+  }).sort((s, l) => {
+    const i = String(s[t]).toLowerCase(), r = String(l[t]).toLowerCase();
+    return i === n ? -1 : r === n ? 1 : i.startsWith(n) && !r.startsWith(n) ? -1 : !i.startsWith(n) && r.startsWith(n) ? 1 : i.length - r.length;
   });
-}, Fe = "_menu_1krpz_1", Ue = "_dropdown_1krpz_1", qe = "_dropdown__valueContent_1krpz_50", Qe = "_dropdown__label_1krpz_61", Ze = "_dropdown__value_1krpz_50", Je = "_dropdown__placeholder_1krpz_69", Ke = "_dropdown__arrowIcon_1krpz_77", et = "_menu__searchContainer_1krpz_92", tt = "_menu__searchInputWrap_1krpz_96", ot = "_menu__searchInput_1krpz_96", nt = "_menu__errorMessage_1krpz_118", rt = "_menu__addButton_1krpz_125", at = "_menu__itemContainer_1krpz_133", lt = "_menu__item_1krpz_133", k = {
-  menu: Fe,
-  dropdown: Ue,
-  dropdown__valueContent: qe,
-  "dropdown__valueContent--open": "_dropdown__valueContent--open_1krpz_58",
-  dropdown__label: Qe,
-  dropdown__value: Ze,
-  dropdown__placeholder: Je,
-  dropdown__arrowIcon: Ke,
-  menu__searchContainer: et,
-  menu__searchInputWrap: tt,
-  menu__searchInput: ot,
-  "menu__searchInput--error": "_menu__searchInput--error_1krpz_115",
-  menu__errorMessage: nt,
-  menu__addButton: rt,
-  menu__itemContainer: at,
-  menu__item: lt,
-  "menu__item--active": "_menu__item--active_1krpz_171"
-}, st = ["for"], _t = ["placeholder"], it = ["onClick"], mo = /* @__PURE__ */ T({
+}, Bt = "_menu_1sfnf_1", zt = "_dropdown_1sfnf_1", Pt = "_dropdown__valueContent_1sfnf_50", Dt = "_dropdown__label_1sfnf_61", Ft = "_dropdown__value_1sfnf_50", Ht = "_dropdown__placeholder_1sfnf_69", Nt = "_dropdown__arrowIcon_1sfnf_77", Wt = "_menu__searchContainer_1sfnf_92", jt = "_menu__searchInputWrap_1sfnf_96", Gt = "_menu__searchInput_1sfnf_96", Yt = "_menu__errorMessage_1sfnf_115", qt = "_menu__addButton_1sfnf_122", Ut = "_menu__itemContainer_1sfnf_130", Xt = "_menu__item_1sfnf_130", M = {
+  menu: Bt,
+  dropdown: zt,
+  dropdown__valueContent: Pt,
+  "dropdown__valueContent--open": "_dropdown__valueContent--open_1sfnf_58",
+  dropdown__label: Dt,
+  dropdown__value: Ft,
+  dropdown__placeholder: Ht,
+  dropdown__arrowIcon: Nt,
+  menu__searchContainer: Wt,
+  menu__searchInputWrap: jt,
+  menu__searchInput: Gt,
+  "menu__searchInput--error": "_menu__searchInput--error_1sfnf_112",
+  menu__errorMessage: Yt,
+  menu__addButton: qt,
+  menu__itemContainer: Ut,
+  menu__item: Xt,
+  "menu__item--active": "_menu__item--active_1sfnf_169"
+}, Kt = ["for"], Qt = ["placeholder"], Zt = ["onClick"], Ho = /* @__PURE__ */ Q({
   __name: "DropdownMenu",
   props: {
     id: {},
@@ -139,213 +139,213 @@ const Ne = "_button__size_default_vssfh_1", Ee = "_button__size_small_vssfh_8",
     validateAddItem: { type: Function, default: () => null }
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
-  setup(u, { emit: n }) {
-    const r = Ye, t = u, a = n, _ = v(), d = v(), e = v(!1), l = v(null), b = v(""), c = v(null), P = v({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: t.menuHeight }), H = ve([...t.items]), B = ve([...t.items]), G = () => {
-      if (!_.value)
+  setup(e, { emit: t }) {
+    const o = It, n = e, s = t, l = A(), i = A(), r = A(!1), a = A(null), u = A(""), c = A(null), _ = A({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), p = Ye([...n.items]), f = Ye([...n.items]), m = () => {
+      if (!l.value)
         return;
-      const { offsetTop: m, offsetLeft: g, offsetWidth: z } = _.value, N = window.innerHeight, j = m + _.value.offsetHeight, ee = j + t.menuHeight > N;
-      P.value = {
-        x: g + window.scrollX,
-        y: ee ? m + window.scrollY : j + window.scrollY,
-        width: z,
-        shouldOpenUp: ee,
-        height: t.menuHeight
+      const { offsetTop: w, offsetLeft: S, offsetWidth: R } = l.value, D = window.innerHeight, q = w + l.value.offsetHeight, E = q + n.menuHeight > D;
+      _.value = {
+        x: S + window.scrollX,
+        y: E ? w + window.scrollY : q + window.scrollY,
+        width: R,
+        shouldOpenUp: E,
+        height: n.menuHeight
       };
-    }, S = () => {
-      G(), e.value = !e.value;
-    }, O = () => {
-      c.value = null, b.value = "", H.splice(0, H.length, ...B);
-    }, Z = () => {
-      e.value = !1, O();
-    }, re = (m) => {
-      l.value = m, a("select-item", m), a("update:modelValue", m.value), Z();
-    }, A = () => {
-      const m = b.value.trim(), g = t.validateAddItem(m, B);
-      if (g) {
-        c.value = g, a("add-error", g);
+    }, v = () => {
+      m(), r.value = !r.value;
+    }, b = () => {
+      c.value = null, u.value = "", p.splice(0, p.length, ...f);
+    }, g = () => {
+      r.value = !1, b();
+    }, k = (w) => {
+      a.value = w, s("select-item", w), s("update:modelValue", w.value), g();
+    }, C = () => {
+      const w = u.value.trim(), S = n.validateAddItem(w, f);
+      if (S) {
+        c.value = S, s("add-error", S);
         return;
       }
-      const z = {
-        text: m,
-        value: m
+      const R = {
+        text: w,
+        value: w
       };
-      B.push(z), O(), a("item-added", z);
-    }, ae = () => {
-      const m = Xe(B, "text", b.value);
-      H.splice(0, H.length, ...m);
-    }, J = () => {
+      f.push(R), b(), s("item-added", R);
+    }, O = () => {
+      const w = Vt(f, "text", u.value);
+      p.splice(0, p.length, ...w);
+    }, x = () => {
       c.value = "";
-    }, le = C(() => ({
-      top: P.value.shouldOpenUp ? `${P.value.y - 10}px` : `${P.value.y}px`,
-      left: `${P.value.x}px`,
-      width: `${P.value.width}px`,
-      height: `${t.menuHeight}px`
+    }, I = V(() => ({
+      top: _.value.shouldOpenUp ? `${_.value.y - 10}px` : `${_.value.y}px`,
+      left: `${_.value.x}px`,
+      width: `${_.value.width}px`,
+      height: `${n.menuHeight}px`
     }));
-    ce(() => {
-      if (G(), t.modelValue) {
-        const m = B.find((g) => g.value === t.modelValue);
-        m && (l.value = m);
+    Pe(() => {
+      if (m(), n.modelValue) {
+        const w = f.find((S) => S.value === n.modelValue);
+        w && (a.value = w);
       }
     });
-    const K = C(() => l.value ? l.value.text : "");
-    oe(() => t.modelValue, (m) => {
-      var g;
-      if (((g = l.value) == null ? void 0 : g.value) !== m) {
-        const z = B.find((N) => N.value === m);
-        z && (l.value = z);
+    const T = V(() => a.value ? a.value.text : "");
+    te(() => n.modelValue, (w) => {
+      var S;
+      if (((S = a.value) == null ? void 0 : S.value) !== w) {
+        const R = f.find((D) => D.value === w);
+        R && (a.value = R);
       }
-    }), oe(
-      () => t.items,
-      (m) => {
-        B.splice(0, B.length, ...m), H.splice(0, H.length, ...m);
+    }), te(
+      () => n.items,
+      (w) => {
+        f.splice(0, f.length, ...w), p.splice(0, p.length, ...w);
       },
       { deep: !0 }
     );
-    const se = v({ handler: Z, exclude: [_, d] });
-    return (m, g) => (p(), f(pe, null, [
-      y("div", {
+    const z = A({ handler: g, exclude: [l, i] });
+    return (w, S) => (y(), $(Ce, null, [
+      B("div", {
         ref_key: "dropdownRef",
-        ref: _,
-        class: s(o(k).dropdown)
+        ref: l,
+        class: h(d(M).dropdown)
       }, [
-        m.label ? (p(), f("label", {
+        w.label ? (y(), $("label", {
           key: 0,
-          class: s(o(k).dropdown__label),
-          for: m.id
-        }, I(m.label), 11, st)) : x("", !0),
-        y("button", {
-          class: s([
-            o(k).dropdown__valueContent,
+          class: h(d(M).dropdown__label),
+          for: w.id
+        }, P(w.label), 11, Kt)) : L("", !0),
+        B("button", {
+          class: h([
+            d(M).dropdown__valueContent,
             {
-              [o(k)["dropdown__valueContent--open"]]: e.value
+              [d(M)["dropdown__valueContent--open"]]: r.value
             }
           ]),
-          onClick: S
+          onClick: v
         }, [
-          y("span", {
-            class: s(o(k).dropdown__value)
-          }, I(K.value), 3),
-          m.placeholder && !K.value ? (p(), f("span", {
+          B("span", {
+            class: h(d(M).dropdown__value)
+          }, P(T.value), 3),
+          w.placeholder && !T.value ? (y(), $("span", {
             key: 0,
-            class: s(o(k).dropdown__placeholder)
-          }, I(m.placeholder), 3)) : x("", !0),
-          (p(), f("svg", {
+            class: h(d(M).dropdown__placeholder)
+          }, P(w.placeholder), 3)) : L("", !0),
+          (y(), $("svg", {
             fill: "none",
             height: "17",
             viewBox: "0 0 16 17",
             width: "16",
             xmlns: "http://www.w3.org/2000/svg",
-            class: s(o(k).dropdown__arrowIcon)
-          }, g[2] || (g[2] = [
-            y("path", {
+            class: h(d(M).dropdown__arrowIcon)
+          }, S[2] || (S[2] = [
+            B("path", {
               d: "M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",
               fill: "#91949F"
             }, null, -1)
           ]), 2))
         ], 2)
       ], 2),
-      ge((p(), f("div", {
+      qe((y(), $("div", {
         ref_key: "menuRef",
-        ref: d,
-        class: s(o(k).menu),
-        style: U(le.value),
-        onClick: g[1] || (g[1] = Te(() => {
+        ref: i,
+        class: h(d(M).menu),
+        style: Te(I.value),
+        onClick: S[1] || (S[1] = mt(() => {
         }, ["prevent"]))
       }, [
-        t.searchable ? (p(), f("div", {
+        n.searchable ? (y(), $("div", {
           key: 0,
-          class: s(o(k).menu__searchContainer)
+          class: h(d(M).menu__searchContainer)
         }, [
-          y("div", {
-            class: s(o(k).menu__searchInputWrap)
+          B("div", {
+            class: h(d(M).menu__searchInputWrap)
           }, [
-            ge(y("input", {
+            qe(B("input", {
               type: "text",
-              class: s([
-                o(k).menu__searchInput,
+              class: h([
+                d(M).menu__searchInput,
                 {
-                  [o(k)["menu__searchInput--error"]]: c.value
+                  [d(M)["menu__searchInput--error"]]: c.value
                 }
               ]),
-              placeholder: m.searchPlaceHolder,
-              "onUpdate:modelValue": g[0] || (g[0] = (z) => b.value = z),
-              onFocus: J,
-              onInput: ae
-            }, null, 42, _t), [
-              [He, b.value]
+              placeholder: w.searchPlaceHolder,
+              "onUpdate:modelValue": S[0] || (S[0] = (R) => u.value = R),
+              onFocus: x,
+              onInput: O
+            }, null, 42, Qt), [
+              [ht, u.value]
             ]),
-            c.value ? (p(), f("p", {
+            c.value ? (y(), $("p", {
               key: 0,
-              class: s(o(k).menu__errorMessage)
-            }, I(c.value), 3)) : x("", !0)
+              class: h(d(M).menu__errorMessage)
+            }, P(c.value), 3)) : L("", !0)
           ], 2),
-          t.addable ? (p(), f("button", {
+          n.addable ? (y(), $("button", {
             key: 0,
-            class: s(o(k).menu__addButton),
-            onClick: A
-          }, I(m.addButtonText), 3)) : x("", !0)
-        ], 2)) : x("", !0),
-        y("ul", {
-          class: s(o(k).menu__itemContainer)
+            class: h(d(M).menu__addButton),
+            onClick: C
+          }, P(w.addButtonText), 3)) : L("", !0)
+        ], 2)) : L("", !0),
+        B("ul", {
+          class: h(d(M).menu__itemContainer)
         }, [
-          (p(!0), f(pe, null, we(H, (z, N) => (p(), f("li", {
-            key: `${z.value}-${N}`,
-            class: s([
-              o(k).menu__item,
+          (y(!0), $(Ce, null, nt(p, (R, D) => (y(), $("li", {
+            key: `${R.value}-${D}`,
+            class: h([
+              d(M).menu__item,
               {
-                [o(k)["menu__item--active"]]: l.value && z.value === l.value.value
+                [d(M)["menu__item--active"]]: a.value && R.value === a.value.value
               }
             ]),
-            onClick: (j) => re(z)
-          }, I(z.text), 11, it))), 128))
+            onClick: (q) => k(R)
+          }, P(R.text), 11, Zt))), 128))
         ], 2)
       ], 6)), [
-        [Ve, e.value],
-        [o(r), se.value]
+        [gt, r.value],
+        [d(o), z.value]
       ])
     ], 64));
   }
-}), ut = ["fill", "height", "width"], pt = ["xlink:href"], ct = /* @__PURE__ */ T({
+}), Jt = ["fill", "height", "width"], en = ["xlink:href"], tn = /* @__PURE__ */ Q({
   __name: "Icon",
   props: {
     name: {},
     size: { default: 16 },
     color: {}
   },
-  setup(u) {
-    const n = u, r = C(() => typeof n.size == "number" ? `${n.size}px` : n.size);
-    return (t, a) => (p(), f("svg", {
+  setup(e) {
+    const t = e, o = V(() => typeof t.size == "number" ? `${t.size}px` : t.size);
+    return (n, s) => (y(), $("svg", {
       class: "icon",
-      fill: t.color || "currentColor",
-      height: r.value,
-      width: r.value
+      fill: n.color || "currentColor",
+      height: o.value,
+      width: o.value
     }, [
-      y("use", {
-        "xlink:href": `#${t.name}`
-      }, null, 8, pt)
-    ], 8, ut));
+      B("use", {
+        "xlink:href": `#${n.name}`
+      }, null, 8, en)
+    ], 8, Jt));
   }
-}), dt = (u, n) => {
-  const r = u.__vccOpts || u;
-  for (const [t, a] of n)
-    r[t] = a;
-  return r;
-}, Q = /* @__PURE__ */ dt(ct, [["__scopeId", "data-v-f04c8857"]]), ft = "_container_sgker_1", mt = "_container__text_sgker_52", bt = "_container__default_sgker_56", vt = "_container__warning_sgker_64", gt = "_container__alert_sgker_72", ht = "_container__success_sgker_80", ue = {
-  container: ft,
-  container__text: mt,
-  container__default: bt,
-  container__warning: vt,
-  container__alert: gt,
-  container__success: ht
-}, bo = /* @__PURE__ */ T({
+}), nn = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, s] of t)
+    o[n] = s;
+  return o;
+}, we = /* @__PURE__ */ nn(tn, [["__scopeId", "data-v-f04c8857"]]), on = "_container_sgker_1", rn = "_container__text_sgker_52", sn = "_container__default_sgker_56", ln = "_container__warning_sgker_64", an = "_container__alert_sgker_72", un = "_container__success_sgker_80", Le = {
+  container: on,
+  container__text: rn,
+  container__default: sn,
+  container__warning: ln,
+  container__alert: an,
+  container__success: un
+}, No = /* @__PURE__ */ Q({
   __name: "OnPageMessage",
   props: {
     variant: { default: "default" },
     text: {}
   },
-  setup(u) {
-    const n = u, r = C(() => {
-      switch (n.variant) {
+  setup(e) {
+    const t = e, o = V(() => {
+      switch (t.variant) {
         case "alert":
           return "icon-info-box-error";
         case "warning":
@@ -356,38 +356,38 @@ const Ne = "_button__size_default_vssfh_1", Ee = "_button__size_small_vssfh_8",
           return "filled-info-circle";
       }
     });
-    return (t, a) => (p(), f("div", {
-      class: s([
-        o(ue).container,
-        o(ue)[`container__${t.variant}`]
+    return (n, s) => (y(), $("div", {
+      class: h([
+        d(Le).container,
+        d(Le)[`container__${n.variant}`]
       ])
     }, [
-      ye(Q, {
-        name: r.value,
+      wt(we, {
+        name: o.value,
         size: 24
       }, null, 8, ["name"]),
-      y("span", {
-        class: s(o(ue).container__text)
-      }, I(t.text), 3)
+      B("span", {
+        class: h(d(Le).container__text)
+      }, P(n.text), 3)
     ], 2));
   }
-}), wt = "_button__size_default_1663t_1", yt = "_button__size_small_1663t_8", xt = "_button_1663t_1", kt = "_button__label_1663t_58", zt = "_button__solid_1663t_197", $t = "_segmentGroup_1663t_204", St = "_fill_1663t_226", V = {
-  button__size_default: wt,
-  button__size_small: yt,
-  button: xt,
-  button__label: kt,
+}), cn = "_button__size_default_1663t_1", fn = "_button__size_small_1663t_8", dn = "_button_1663t_1", _n = "_button__label_1663t_58", pn = "_button__solid_1663t_197", mn = "_segmentGroup_1663t_204", hn = "_fill_1663t_226", X = {
+  button__size_default: cn,
+  button__size_small: fn,
+  button: dn,
+  button__label: _n,
   "button--primary": "_button--primary_1663t_75",
   "button--selected": "_button--selected_1663t_85",
   "button--secondary": "_button--secondary_1663t_98",
   "button--danger": "_button--danger_1663t_121",
   "button--warning": "_button--warning_1663t_144",
   "button--smart": "_button--smart_1663t_167",
-  button__solid: zt,
-  segmentGroup: $t,
+  button__solid: pn,
+  segmentGroup: mn,
   "segmentGroup--vertical": "_segmentGroup--vertical_1663t_207",
   "segmentGroup--horizontal": "_segmentGroup--horizontal_1663t_216",
-  fill: St
-}, Ct = ["disabled", "onClick"], vo = /* @__PURE__ */ T({
+  fill: hn
+}, gn = ["disabled", "onClick"], Wo = /* @__PURE__ */ Q({
   __name: "SegmentButton",
   props: {
     color: {},
@@ -399,57 +399,57 @@ const Ne = "_button__size_default_vssfh_1", Ee = "_button__size_small_vssfh_8",
     modelValue: {}
   },
   emits: ["update:modelValue", "click"],
-  setup(u, { emit: n }) {
-    const r = u, t = n, a = v(r.modelValue || ""), _ = (e) => {
-      r.disabled || e.disabled || (a.value = e.value, t("update:modelValue", e.value), t("click", e.value));
+  setup(e, { emit: t }) {
+    const o = e, n = t, s = A(o.modelValue || ""), l = (r) => {
+      o.disabled || r.disabled || (s.value = r.value, n("update:modelValue", r.value), n("click", r.value));
     };
-    oe(() => r.modelValue, (e) => {
-      a.value !== e && (a.value = e || "");
+    te(() => o.modelValue, (r) => {
+      s.value !== r && (s.value = r || "");
     });
-    const d = v([...r.segments]);
-    return oe(() => r.segments, (e) => {
-      d.value = [...e], e.some((l) => l.value === a.value) || (a.value = "", t("update:modelValue", ""));
-    }, { deep: !0 }), (e, l) => (p(), f("div", {
-      class: s([
-        o(V).segmentGroup,
-        o(V)[`segmentGroup--${e.align}`],
-        { [o(V).fill]: e.fill }
+    const i = A([...o.segments]);
+    return te(() => o.segments, (r) => {
+      i.value = [...r], r.some((a) => a.value === s.value) || (s.value = "", n("update:modelValue", ""));
+    }, { deep: !0 }), (r, a) => (y(), $("div", {
+      class: h([
+        d(X).segmentGroup,
+        d(X)[`segmentGroup--${r.align}`],
+        { [d(X).fill]: r.fill }
       ])
     }, [
-      (p(!0), f(pe, null, we(d.value, (b, c) => (p(), f("button", {
-        key: `${b.value}-${c}`,
-        class: s([
-          o(V).button,
-          o(V)[`button--${e.color}`],
-          o(V)[`button__size_${e.size}`],
-          o(V).fill,
+      (y(!0), $(Ce, null, nt(i.value, (u, c) => (y(), $("button", {
+        key: `${u.value}-${c}`,
+        class: h([
+          d(X).button,
+          d(X)[`button--${r.color}`],
+          d(X)[`button__size_${r.size}`],
+          d(X).fill,
           {
-            [o(V)["button--selected"]]: b.value === a.value
+            [d(X)["button--selected"]]: u.value === s.value
           }
         ]),
-        disabled: b.disabled || r.disabled,
-        onClick: (P) => _(b)
+        disabled: u.disabled || o.disabled,
+        onClick: (_) => l(u)
       }, [
-        b.icon ? (p(), q(o(Q), {
+        u.icon ? (y(), ge(d(we), {
           key: 0,
-          name: b.icon
-        }, null, 8, ["name"])) : x("", !0),
-        b.label ? (p(), f("span", {
+          name: u.icon
+        }, null, 8, ["name"])) : L("", !0),
+        u.label ? (y(), $("span", {
           key: 1,
-          class: s(o(V).button__label)
-        }, I(b.label), 3)) : x("", !0)
-      ], 10, Ct))), 128))
+          class: h(d(X).button__label)
+        }, P(u.label), 3)) : L("", !0)
+      ], 10, gn))), 128))
     ], 2));
   }
-}), It = "_wrapper__counter_1iczg_1", Bt = "_wrapper__errorMessage_1iczg_1", Pt = "_wrapper__label_1iczg_1", Mt = "_wrapper__field_1iczg_1", Tt = "_wrapper_1iczg_1", Ht = "_wrapper__bottom_1iczg_88", L = {
-  wrapper__counter: It,
-  wrapper__errorMessage: Bt,
-  wrapper__label: Pt,
-  wrapper__field: Mt,
-  wrapper: Tt,
-  wrapper__bottom: Ht,
-  "wrapper--error": "_wrapper--error_1iczg_101"
-}, Vt = ["for"], Lt = ["id", "maxlength", "name", "placeholder", "value"], Ot = ["id", "maxlength", "name", "placeholder", "value"], go = /* @__PURE__ */ T({
+}), wn = "_wrapper__counter_rlffg_1", vn = "_wrapper__errorMessage_rlffg_1", bn = "_wrapper__label_rlffg_1", yn = "_wrapper__field_rlffg_1", xn = "_wrapper_rlffg_1", kn = "_wrapper__bottom_rlffg_92", K = {
+  wrapper__counter: wn,
+  wrapper__errorMessage: vn,
+  wrapper__label: bn,
+  wrapper__field: yn,
+  wrapper: xn,
+  wrapper__bottom: kn,
+  "wrapper--error": "_wrapper--error_rlffg_105"
+}, Cn = ["for"], Tn = ["id", "maxlength", "name", "placeholder", "value"], $n = ["id", "maxlength", "name", "placeholder", "value"], jo = /* @__PURE__ */ Q({
   __name: "TextInput",
   props: {
     id: {},
@@ -465,96 +465,96 @@ const Ne = "_button__size_default_vssfh_1", Ee = "_button__size_small_vssfh_8",
     counter: { type: Boolean }
   },
   emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
-  setup(u, { emit: n }) {
-    const r = u, t = n, a = v(null), _ = () => {
-      if (r.autoGrow && a.value) {
-        a.value.style.height = "";
-        const e = Math.min(a.value.scrollHeight, r.maxHeight || a.value.scrollHeight);
-        a.value.style.height = `${e}px`;
+  setup(e, { emit: t }) {
+    const o = e, n = t, s = A(null), l = () => {
+      if (o.autoGrow && s.value) {
+        s.value.style.height = "";
+        const r = Math.min(s.value.scrollHeight, o.maxHeight || s.value.scrollHeight);
+        s.value.style.height = `${r}px`;
       }
-    }, d = (e) => {
-      const l = e.target;
-      t("input", e), t("update:modelValue", l.value), _();
+    }, i = (r) => {
+      const a = r.target;
+      n("input", r), n("update:modelValue", a.value), l();
     };
-    return ce(() => {
-      _();
-    }), (e, l) => {
-      var b;
-      return p(), f("div", {
-        class: s(o(L).wrapper)
+    return Pe(() => {
+      l();
+    }), (r, a) => {
+      var u;
+      return y(), $("div", {
+        class: h(d(K).wrapper)
       }, [
-        e.label ? (p(), f("label", {
+        r.label ? (y(), $("label", {
           key: 0,
-          class: s(o(L).wrapper__label),
-          for: e.id
-        }, I(e.label), 11, Vt)) : x("", !0),
-        e.multiline ? (p(), f("textarea", {
+          class: h(d(K).wrapper__label),
+          for: r.id
+        }, P(r.label), 11, Cn)) : L("", !0),
+        r.multiline ? (y(), $("textarea", {
           key: 1,
-          id: e.id,
+          id: r.id,
           ref_key: "textareaRef",
-          ref: a,
-          class: s([
-            o(L).wrapper__field,
+          ref: s,
+          class: h([
+            d(K).wrapper__field,
             {
-              [o(L)["wrapper--error"]]: e.error
+              [d(K)["wrapper--error"]]: r.error
             }
           ]),
-          maxlength: e.maxLength,
-          name: e.name,
-          placeholder: e.placeholder,
-          style: U(e.maxHeight ? { maxHeight: `${e.maxHeight}px` } : void 0),
-          value: e.modelValue,
-          onBlur: l[0] || (l[0] = (c) => t("blur", c)),
-          onChange: l[1] || (l[1] = (c) => e.$emit("change", c)),
-          onFocus: l[2] || (l[2] = (c) => t("focus", c)),
-          onInput: d,
-          onPaste: l[3] || (l[3] = (c) => t("paste", c))
-        }, null, 46, Lt)) : (p(), f("input", {
+          maxlength: r.maxLength,
+          name: r.name,
+          placeholder: r.placeholder,
+          style: Te(r.maxHeight ? { maxHeight: `${r.maxHeight}px` } : void 0),
+          value: r.modelValue,
+          onBlur: a[0] || (a[0] = (c) => n("blur", c)),
+          onChange: a[1] || (a[1] = (c) => r.$emit("change", c)),
+          onFocus: a[2] || (a[2] = (c) => n("focus", c)),
+          onInput: i,
+          onPaste: a[3] || (a[3] = (c) => n("paste", c))
+        }, null, 46, Tn)) : (y(), $("input", {
           key: 2,
-          id: e.id,
+          id: r.id,
           type: "text",
-          class: s([
-            o(L).wrapper__field,
+          class: h([
+            d(K).wrapper__field,
             {
-              [o(L)["wrapper--error"]]: e.error
+              [d(K)["wrapper--error"]]: r.error
             }
           ]),
-          maxlength: e.maxLength,
-          name: e.name,
-          placeholder: e.placeholder,
-          value: e.modelValue,
-          onBlur: l[4] || (l[4] = (c) => t("blur", c)),
-          onChange: l[5] || (l[5] = (c) => e.$emit("change", c)),
-          onFocus: l[6] || (l[6] = (c) => t("focus", c)),
-          onInput: d,
-          onPaste: l[7] || (l[7] = (c) => t("paste", c))
-        }, null, 42, Ot)),
-        y("div", {
-          class: s(o(L).wrapper__bottom)
+          maxlength: r.maxLength,
+          name: r.name,
+          placeholder: r.placeholder,
+          value: r.modelValue,
+          onBlur: a[4] || (a[4] = (c) => n("blur", c)),
+          onChange: a[5] || (a[5] = (c) => r.$emit("change", c)),
+          onFocus: a[6] || (a[6] = (c) => n("focus", c)),
+          onInput: i,
+          onPaste: a[7] || (a[7] = (c) => n("paste", c))
+        }, null, 42, $n)),
+        B("div", {
+          class: h(d(K).wrapper__bottom)
         }, [
-          e.error ? (p(), f("div", {
+          r.error ? (y(), $("div", {
             key: 0,
-            class: s(o(L).wrapper__errorMessage)
-          }, I(e.error), 3)) : x("", !0),
-          e.counter ? (p(), f("div", {
+            class: h(d(K).wrapper__errorMessage)
+          }, P(r.error), 3)) : L("", !0),
+          r.counter ? (y(), $("div", {
             key: 1,
-            class: s(o(L).wrapper__counter)
-          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : x("", !0)
+            class: h(d(K).wrapper__counter)
+          }, P(((u = r.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : L("", !0)
         ], 2)
       ], 2);
     };
   }
-}), Nt = "_wrapper__counter_86wjx_1", Et = "_wrapper__errorMessage_86wjx_1", Wt = "_wrapper__label_86wjx_1", Dt = "_wrapper__field_86wjx_8", At = "_wrapper_86wjx_1", Rt = "_wrapper__size_default_86wjx_52", Gt = "_wrapper__size_small_86wjx_55", Yt = "_wrapper__bottom_86wjx_92", E = {
-  wrapper__counter: Nt,
-  wrapper__errorMessage: Et,
-  wrapper__label: Wt,
-  wrapper__field: Dt,
-  wrapper: At,
-  wrapper__size_default: Rt,
-  wrapper__size_small: Gt,
-  wrapper__bottom: Yt,
+}), Sn = "_wrapper__counter_86wjx_1", On = "_wrapper__errorMessage_86wjx_1", Rn = "_wrapper__label_86wjx_1", An = "_wrapper__field_86wjx_8", En = "_wrapper_86wjx_1", Ln = "_wrapper__size_default_86wjx_52", In = "_wrapper__size_small_86wjx_55", Mn = "_wrapper__bottom_86wjx_92", ee = {
+  wrapper__counter: Sn,
+  wrapper__errorMessage: On,
+  wrapper__label: Rn,
+  wrapper__field: An,
+  wrapper: En,
+  wrapper__size_default: Ln,
+  wrapper__size_small: In,
+  wrapper__bottom: Mn,
   "wrapper--error": "_wrapper--error_86wjx_105"
-}, jt = ["for"], Xt = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], ho = /* @__PURE__ */ T({
+}, Vn = ["for"], Bn = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], Go = /* @__PURE__ */ Q({
   __name: "NumberInput",
   props: {
     id: {},
@@ -571,73 +571,73 @@ const Ne = "_button__size_default_vssfh_1", Ee = "_button__size_small_vssfh_8",
     size: { default: "default" }
   },
   emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
-  setup(u, { emit: n }) {
-    const r = u, t = n, a = (e) => {
-      if (e === "")
-        return e;
-      const l = Number(e);
-      return typeof r.min == "number" && l < r.min ? r.min.toString() : typeof r.max == "number" && l > r.max ? r.max.toString() : l.toString();
-    }, _ = (e) => {
-      const l = e.target, b = a(l.value);
-      l.value = b, t("input", e), t("update:modelValue", Number(b));
-    }, d = (e) => {
-      const l = e.target, b = l.value, c = a(l.value === "" ? String(r.min || 0) : l.value);
-      l.value = c, t("blur", e), b !== c && t("update:modelValue", Number(c));
+  setup(e, { emit: t }) {
+    const o = e, n = t, s = (r) => {
+      if (r === "")
+        return r;
+      const a = Number(r);
+      return typeof o.min == "number" && a < o.min ? o.min.toString() : typeof o.max == "number" && a > o.max ? o.max.toString() : a.toString();
+    }, l = (r) => {
+      const a = r.target, u = s(a.value);
+      a.value = u, n("input", r), n("update:modelValue", Number(u));
+    }, i = (r) => {
+      const a = r.target, u = a.value, c = s(a.value === "" ? String(o.min || 0) : a.value);
+      a.value = c, n("blur", r), u !== c && n("update:modelValue", Number(c));
     };
-    return (e, l) => {
-      var b;
-      return p(), f("div", {
-        class: s([o(E).wrapper, o(E)[`wrapper__size_${e.size}`]])
+    return (r, a) => {
+      var u;
+      return y(), $("div", {
+        class: h([d(ee).wrapper, d(ee)[`wrapper__size_${r.size}`]])
       }, [
-        e.label ? (p(), f("label", {
+        r.label ? (y(), $("label", {
           key: 0,
-          class: s(o(E).wrapper__label),
-          for: e.id
-        }, I(e.label), 11, jt)) : x("", !0),
-        y("input", {
-          id: e.id,
+          class: h(d(ee).wrapper__label),
+          for: r.id
+        }, P(r.label), 11, Vn)) : L("", !0),
+        B("input", {
+          id: r.id,
           type: "number",
-          class: s([
-            o(E).wrapper__field,
+          class: h([
+            d(ee).wrapper__field,
             {
-              [o(E)["wrapper--error"]]: e.error || e.errorStatus
+              [d(ee)["wrapper--error"]]: r.error || r.errorStatus
             }
           ]),
-          max: e.max,
-          maxlength: e.maxLength,
-          min: e.min,
-          name: e.name,
-          placeholder: e.placeholder,
-          value: e.modelValue,
-          onBlur: d,
-          onChange: l[0] || (l[0] = (c) => e.$emit("change", c)),
-          onFocus: l[1] || (l[1] = (c) => t("focus", c)),
-          onInput: _,
-          onPaste: l[2] || (l[2] = (c) => t("paste", c))
-        }, null, 42, Xt),
-        e.counter || e.error ? (p(), f("div", {
+          max: r.max,
+          maxlength: r.maxLength,
+          min: r.min,
+          name: r.name,
+          placeholder: r.placeholder,
+          value: r.modelValue,
+          onBlur: i,
+          onChange: a[0] || (a[0] = (c) => r.$emit("change", c)),
+          onFocus: a[1] || (a[1] = (c) => n("focus", c)),
+          onInput: l,
+          onPaste: a[2] || (a[2] = (c) => n("paste", c))
+        }, null, 42, Bn),
+        r.counter || r.error ? (y(), $("div", {
           key: 1,
-          class: s(o(E).wrapper__bottom)
+          class: h(d(ee).wrapper__bottom)
         }, [
-          e.error ? (p(), f("div", {
+          r.error ? (y(), $("div", {
             key: 0,
-            class: s(o(E).wrapper__errorMessage)
-          }, I(e.error), 3)) : x("", !0),
-          e.counter ? (p(), f("div", {
+            class: h(d(ee).wrapper__errorMessage)
+          }, P(r.error), 3)) : L("", !0),
+          r.counter ? (y(), $("div", {
             key: 1,
-            class: s(o(E).wrapper__counter)
-          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : x("", !0)
-        ], 2)) : x("", !0)
+            class: h(d(ee).wrapper__counter)
+          }, P(((u = r.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : L("", !0)
+        ], 2)) : L("", !0)
       ], 2);
     };
   }
-}), Ft = "_wrapper_1hnht_36", Ut = "_wrapper__label_1hnht_43", qt = "_wrapper__input_1hnht_67", Qt = "_wrapper_checked_1hnht_77", Zt = "_wrapper_disabled_1hnht_84", F = {
-  wrapper: Ft,
-  wrapper__label: Ut,
-  wrapper__input: qt,
-  wrapper_checked: Qt,
-  wrapper_disabled: Zt
-}, Jt = ["id", "checked", "disabled", "name"], Kt = ["for"], wo = /* @__PURE__ */ T({
+}), zn = "_wrapper_1hnht_36", Pn = "_wrapper__label_1hnht_43", Dn = "_wrapper__input_1hnht_67", Fn = "_wrapper_checked_1hnht_77", Hn = "_wrapper_disabled_1hnht_84", me = {
+  wrapper: zn,
+  wrapper__label: Pn,
+  wrapper__input: Dn,
+  wrapper_checked: Fn,
+  wrapper_disabled: Hn
+}, Nn = ["id", "checked", "disabled", "name"], Wn = ["for"], Yo = /* @__PURE__ */ Q({
   __name: "Toggle",
   props: {
     id: {},
@@ -646,350 +646,1262 @@ const Ne = "_button__size_default_vssfh_1", Ee = "_button__size_small_vssfh_8",
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(u, { emit: n }) {
-    const r = u, t = n, a = () => {
-      t("click", !r.checked);
+  setup(e, { emit: t }) {
+    const o = e, n = t, s = () => {
+      n("click", !o.checked);
     };
-    return (_, d) => (p(), f("fieldset", {
-      class: s([
-        o(F).wrapper,
+    return (l, i) => (y(), $("fieldset", {
+      class: h([
+        d(me).wrapper,
         {
-          [o(F).wrapper_checked]: _.checked,
-          [o(F).wrapper_disabled]: _.disabled
+          [d(me).wrapper_checked]: l.checked,
+          [d(me).wrapper_disabled]: l.disabled
         }
       ])
     }, [
-      y("input", {
-        id: _.id,
+      B("input", {
+        id: l.id,
         type: "checkbox",
-        checked: _.checked,
-        class: s(o(F).wrapper__input),
-        disabled: _.disabled,
-        name: _.name,
-        onClick: a
-      }, null, 10, Jt),
-      y("label", {
-        class: s(o(F).wrapper__label),
-        for: _.id
-      }, null, 10, Kt)
+        checked: l.checked,
+        class: h(d(me).wrapper__input),
+        disabled: l.disabled,
+        name: l.name,
+        onClick: s
+      }, null, 10, Nn),
+      B("label", {
+        class: h(d(me).wrapper__label),
+        for: l.id
+      }, null, 10, Wn)
     ], 2));
   }
-});
-function eo(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 to = "_wrapper__box_lzkx4_1", oo = "_wrapper_lzkx4_1", no = "_wrapper__icon_lzkx4_51", ro = "_wrapper__text_lzkx4_134", W = {
-  wrapper__box: to,
-  wrapper: oo,
-  wrapper__icon: no,
-  "wrapper__box_bottom-start": "_wrapper__box_bottom-start_lzkx4_66",
-  "wrapper__box_bottom-center": "_wrapper__box_bottom-center_lzkx4_72",
-  "wrapper__box_bottom-end": "_wrapper__box_bottom-end_lzkx4_78",
-  "wrapper__box_top-start": "_wrapper__box_top-start_lzkx4_84",
-  "wrapper__box_top-center": "_wrapper__box_top-center_lzkx4_90",
-  "wrapper__box_top-end": "_wrapper__box_top-end_lzkx4_96",
-  "wrapper__box_right-start": "_wrapper__box_right-start_lzkx4_102",
-  "wrapper__box_right-center": "_wrapper__box_right-center_lzkx4_108",
-  "wrapper__box_right-end": "_wrapper__box_right-end_lzkx4_114",
-  "wrapper__box_left-start": "_wrapper__box_left-start_lzkx4_119",
-  "wrapper__box_left-center": "_wrapper__box_left-center_lzkx4_124",
-  "wrapper__box_left-end": "_wrapper__box_left-end_lzkx4_129",
-  wrapper__text: ro,
-  "wrapper__box-content": "_wrapper__box-content_lzkx4_163",
-  "bottom-entrance": "_bottom-entrance_lzkx4_176",
-  "top-entrance": "_top-entrance_lzkx4_179",
-  "left-entrance": "_left-entrance_lzkx4_182",
-  "right-entrance": "_right-entrance_lzkx4_185",
-  "bottom-leave": "_bottom-leave_lzkx4_188",
-  "top-leave": "_top-leave_lzkx4_191",
-  "right-leave": "_right-leave_lzkx4_194",
-  "left-leave": "_left-leave_lzkx4_197"
-}, ao = ["id"], lo = ["innerHTML"], yo = /* @__PURE__ */ T({
-  __name: "Tooltip",
-  props: {
-    id: {},
-    text: {},
-    staticPosition: { default: "top center" },
-    dynamicPosition: { type: Boolean },
-    absolutePositionStatus: { type: Boolean, default: !1 },
-    offsetX: { default: 4 },
-    offsetY: { default: 4 },
-    maxHeight: { default: 320 },
-    status: { type: Boolean, default: !0 },
-    preventXss: { type: Boolean },
-    iconName: { default: void 0 },
-    absoluteTriangleAlignment: { default: "center" },
-    absoluteTrianglePosition: { default: "top" },
-    absolutePosition: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(u) {
-    const n = u, r = v(null), t = v("center"), a = v("bottom"), _ = v("center"), d = v(!1), e = v(""), l = v(!1), b = v(!1), c = v(""), P = v("d-n"), H = v(null), B = v(null), G = v(null), S = C(() => n.staticPosition.split(" ")[0]), O = C(() => n.staticPosition.split(" ")[1]), Z = C(() => n.iconName ? "mt-1" : "mt-0"), re = C(() => n.preventXss ? eo(n.text) : n.text), A = C(() => n.absolutePositionStatus ? n.absoluteTrianglePosition : n.dynamicPosition && d.value ? a.value === "bottom" ? "top" : "bottom" : S.value === "top" ? "bottom" : S.value === "bottom" ? "top" : S.value === "left" ? "right" : S.value === "right" ? "left" : "bottom"), ae = C(() => n.absolutePositionStatus ? "" : l.value && b.value || c.value === "icon" && l.value ? "opa-1" : "opa-0"), J = C(() => n.absolutePositionStatus ? n.absoluteTriangleAlignment : n.dynamicPosition && d.value ? t.value === "center" ? "center" : t.value === "end" ? "end" : t.value === "start" ? "start" : _.value : O.value === "center" ? "center" : O.value === "left" || O.value === "top" ? "start" : O.value === "right" || O.value === "bottom" ? "end" : "center"), le = C(() => n.absolutePositionStatus ? "" : n.dynamicPosition && d.value ? W[`wrapper__box_${a.value}-${t.value}`] : W[`wrapper__box_${S.value}-${J.value}`]), K = C(() => n.offsetX === 0 && n.offsetY === 0 ? {} : n.dynamicPosition ? {
-      [`margin-${a.value === "bottom" ? "top" : "bottom"}`]: `${n.offsetY}px`
-    } : A.value === "top" || A.value === "bottom" ? {
-      [`margin-${A.value}`]: `${n.offsetY}px`
-    } : { [`margin-${A.value}`]: `${n.offsetX}px` }), se = (i) => {
-      const { offsetTop: h, offsetLeft: w, offsetWidth: M, offsetHeight: X } = i, R = h + X, ie = w + M;
-      return {
-        top: h,
-        left: w,
-        width: M,
-        bottom: R,
-        right: ie
+}), de = Math.min, oe = Math.max, $e = Math.round, ke = Math.floor, j = (e) => ({
+  x: e,
+  y: e
+}), jn = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Gn = {
+  start: "end",
+  end: "start"
+};
+function Me(e, t, o) {
+  return oe(e, de(t, o));
+}
+function be(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function re(e) {
+  return e.split("-")[0];
+}
+function ye(e) {
+  return e.split("-")[1];
+}
+function ot(e) {
+  return e === "x" ? "y" : "x";
+}
+function De(e) {
+  return e === "y" ? "height" : "width";
+}
+function _e(e) {
+  return ["top", "bottom"].includes(re(e)) ? "y" : "x";
+}
+function Fe(e) {
+  return ot(_e(e));
+}
+function Yn(e, t, o) {
+  o === void 0 && (o = !1);
+  const n = ye(e), s = Fe(e), l = De(s);
+  let i = s === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return t.reference[l] > t.floating[l] && (i = Se(i)), [i, Se(i)];
+}
+function qn(e) {
+  const t = Se(e);
+  return [Ve(e), t, Ve(t)];
+}
+function Ve(e) {
+  return e.replace(/start|end/g, (t) => Gn[t]);
+}
+function Un(e, t, o) {
+  const n = ["left", "right"], s = ["right", "left"], l = ["top", "bottom"], i = ["bottom", "top"];
+  switch (e) {
+    case "top":
+    case "bottom":
+      return o ? t ? s : n : t ? n : s;
+    case "left":
+    case "right":
+      return t ? l : i;
+    default:
+      return [];
+  }
+}
+function Xn(e, t, o, n) {
+  const s = ye(e);
+  let l = Un(re(e), o === "start", n);
+  return s && (l = l.map((i) => i + "-" + s), t && (l = l.concat(l.map(Ve)))), l;
+}
+function Se(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => jn[t]);
+}
+function Kn(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function rt(e) {
+  return typeof e != "number" ? Kn(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function Oe(e) {
+  const {
+    x: t,
+    y: o,
+    width: n,
+    height: s
+  } = e;
+  return {
+    width: n,
+    height: s,
+    top: o,
+    left: t,
+    right: t + n,
+    bottom: o + s,
+    x: t,
+    y: o
+  };
+}
+function Xe(e, t, o) {
+  let {
+    reference: n,
+    floating: s
+  } = e;
+  const l = _e(t), i = Fe(t), r = De(i), a = re(t), u = l === "y", c = n.x + n.width / 2 - s.width / 2, _ = n.y + n.height / 2 - s.height / 2, p = n[r] / 2 - s[r] / 2;
+  let f;
+  switch (a) {
+    case "top":
+      f = {
+        x: c,
+        y: n.y - s.height
       };
-    }, m = (i, h, w = !1) => {
-      if (!i || !B.value)
-        return { left: !1, right: !1, top: !1, bottom: !1, center: !1 };
-      const M = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 }, X = B.value.offsetHeight, R = window.innerWidth, ie = window.innerHeight, de = i.offsetHeight, te = i.offsetWidth || 264, $ = h && se(h) || M, fe = w ? $ == null ? void 0 : $.right : $ == null ? void 0 : $.left, me = w ? $ == null ? void 0 : $.top : $ == null ? void 0 : $.bottom, Ie = fe + $.width + te + n.offsetX < R, Be = fe + $.width / 2 - (te + n.offsetX) > 10, Pe = me + de < ie - n.offsetY, Me = me - (de + X + n.offsetY) > 0;
-      let be = !1;
-      return n.iconName && (be = $.right + te / 2 < R && $.left - (te + n.offsetX) / 2 >= 10), {
-        left: Be,
-        right: Ie,
-        bottom: Pe,
-        top: Me,
-        center: be
+      break;
+    case "bottom":
+      f = {
+        x: c,
+        y: n.y + n.height
       };
-    }, g = () => {
-      he(() => {
-        var R;
-        d.value = !0;
-        const { bottom: i, left: h, right: w, top: M, center: X } = m(
-          G.value,
-          (R = G.value) == null ? void 0 : R.parentNode
-        );
-        if (X) {
-          t.value = "center", a.value = i && !M ? "bottom" : "top";
-          return;
-        }
-        if (i && h && w && M) {
-          t.value = "center", a.value = "top";
-          return;
-        }
-        if (M && !i) {
-          if (w && h) {
-            t.value = "center", a.value = "top";
-            return;
-          }
-          if (w && !h) {
-            t.value = "start", a.value = "top";
-            return;
-          }
-          if (!w && h) {
-            t.value = "end", a.value = "top";
-            return;
-          }
+      break;
+    case "right":
+      f = {
+        x: n.x + n.width,
+        y: _
+      };
+      break;
+    case "left":
+      f = {
+        x: n.x - s.width,
+        y: _
+      };
+      break;
+    default:
+      f = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (ye(t)) {
+    case "start":
+      f[i] -= p * (o && u ? -1 : 1);
+      break;
+    case "end":
+      f[i] += p * (o && u ? -1 : 1);
+      break;
+  }
+  return f;
+}
+const Qn = async (e, t, o) => {
+  const {
+    placement: n = "bottom",
+    strategy: s = "absolute",
+    middleware: l = [],
+    platform: i
+  } = o, r = l.filter(Boolean), a = await (i.isRTL == null ? void 0 : i.isRTL(t));
+  let u = await i.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: s
+  }), {
+    x: c,
+    y: _
+  } = Xe(u, n, a), p = n, f = {}, m = 0;
+  for (let v = 0; v < r.length; v++) {
+    const {
+      name: b,
+      fn: g
+    } = r[v], {
+      x: k,
+      y: C,
+      data: O,
+      reset: x
+    } = await g({
+      x: c,
+      y: _,
+      initialPlacement: n,
+      placement: p,
+      strategy: s,
+      middlewareData: f,
+      rects: u,
+      platform: i,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    c = k ?? c, _ = C ?? _, f = {
+      ...f,
+      [b]: {
+        ...f[b],
+        ...O
+      }
+    }, x && m <= 50 && (m++, typeof x == "object" && (x.placement && (p = x.placement), x.rects && (u = x.rects === !0 ? await i.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: s
+    }) : x.rects), {
+      x: c,
+      y: _
+    } = Xe(u, p, a)), v = -1);
+  }
+  return {
+    x: c,
+    y: _,
+    placement: p,
+    strategy: s,
+    middlewareData: f
+  };
+};
+async function st(e, t) {
+  var o;
+  t === void 0 && (t = {});
+  const {
+    x: n,
+    y: s,
+    platform: l,
+    rects: i,
+    elements: r,
+    strategy: a
+  } = e, {
+    boundary: u = "clippingAncestors",
+    rootBoundary: c = "viewport",
+    elementContext: _ = "floating",
+    altBoundary: p = !1,
+    padding: f = 0
+  } = be(t, e), m = rt(f), b = r[p ? _ === "floating" ? "reference" : "floating" : _], g = Oe(await l.getClippingRect({
+    element: (o = await (l.isElement == null ? void 0 : l.isElement(b))) == null || o ? b : b.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(r.floating)),
+    boundary: u,
+    rootBoundary: c,
+    strategy: a
+  })), k = _ === "floating" ? {
+    x: n,
+    y: s,
+    width: i.floating.width,
+    height: i.floating.height
+  } : i.reference, C = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(r.floating)), O = await (l.isElement == null ? void 0 : l.isElement(C)) ? await (l.getScale == null ? void 0 : l.getScale(C)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, x = Oe(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: r,
+    rect: k,
+    offsetParent: C,
+    strategy: a
+  }) : k);
+  return {
+    top: (g.top - x.top + m.top) / O.y,
+    bottom: (x.bottom - g.bottom + m.bottom) / O.y,
+    left: (g.left - x.left + m.left) / O.x,
+    right: (x.right - g.right + m.right) / O.x
+  };
+}
+const Zn = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: o,
+      y: n,
+      placement: s,
+      rects: l,
+      platform: i,
+      elements: r,
+      middlewareData: a
+    } = t, {
+      element: u,
+      padding: c = 0
+    } = be(e, t) || {};
+    if (u == null)
+      return {};
+    const _ = rt(c), p = {
+      x: o,
+      y: n
+    }, f = Fe(s), m = De(f), v = await i.getDimensions(u), b = f === "y", g = b ? "top" : "left", k = b ? "bottom" : "right", C = b ? "clientHeight" : "clientWidth", O = l.reference[m] + l.reference[f] - p[f] - l.floating[m], x = p[f] - l.reference[f], I = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(u));
+    let T = I ? I[C] : 0;
+    (!T || !await (i.isElement == null ? void 0 : i.isElement(I))) && (T = r.floating[C] || l.floating[m]);
+    const z = O / 2 - x / 2, w = T / 2 - v[m] / 2 - 1, S = de(_[g], w), R = de(_[k], w), D = S, q = T - v[m] - R, E = T / 2 - v[m] / 2 + z, ie = Me(D, E, q), U = !a.arrow && ye(s) != null && E !== ie && l.reference[m] / 2 - (E < D ? S : R) - v[m] / 2 < 0, W = U ? E < D ? E - D : E - q : 0;
+    return {
+      [f]: p[f] + W,
+      data: {
+        [f]: ie,
+        centerOffset: E - ie - W,
+        ...U && {
+          alignmentOffset: W
         }
-        if (i && M) {
-          if (!w && h) {
-            t.value = "end", a.value = "top", _.value = "end";
-            return;
-          }
-          if (w && !h) {
-            t.value = "start", a.value = "top", _.value = "start";
-            return;
+      },
+      reset: U
+    };
+  }
+}), Jn = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var o, n;
+      const {
+        placement: s,
+        middlewareData: l,
+        rects: i,
+        initialPlacement: r,
+        platform: a,
+        elements: u
+      } = t, {
+        mainAxis: c = !0,
+        crossAxis: _ = !0,
+        fallbackPlacements: p,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: v = !0,
+        ...b
+      } = be(e, t);
+      if ((o = l.arrow) != null && o.alignmentOffset)
+        return {};
+      const g = re(s), k = _e(r), C = re(r) === r, O = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), x = p || (C || !v ? [Se(r)] : qn(r)), I = m !== "none";
+      !p && I && x.push(...Xn(r, v, m, O));
+      const T = [r, ...x], z = await st(t, b), w = [];
+      let S = ((n = l.flip) == null ? void 0 : n.overflows) || [];
+      if (c && w.push(z[g]), _) {
+        const E = Yn(s, i, O);
+        w.push(z[E[0]], z[E[1]]);
+      }
+      if (S = [...S, {
+        placement: s,
+        overflows: w
+      }], !w.every((E) => E <= 0)) {
+        var R, D;
+        const E = (((R = l.flip) == null ? void 0 : R.index) || 0) + 1, ie = T[E];
+        if (ie)
+          return {
+            data: {
+              index: E,
+              overflows: S
+            },
+            reset: {
+              placement: ie
+            }
+          };
+        let U = (D = S.filter((W) => W.overflows[0] <= 0).sort((W, Z) => W.overflows[1] - Z.overflows[1])[0]) == null ? void 0 : D.placement;
+        if (!U)
+          switch (f) {
+            case "bestFit": {
+              var q;
+              const W = (q = S.filter((Z) => {
+                if (I) {
+                  const J = _e(Z.placement);
+                  return J === k || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  J === "y";
+                }
+                return !0;
+              }).map((Z) => [Z.placement, Z.overflows.filter((J) => J > 0).reduce((J, pt) => J + pt, 0)]).sort((Z, J) => Z[1] - J[1])[0]) == null ? void 0 : q[0];
+              W && (U = W);
+              break;
+            }
+            case "initialPlacement":
+              U = r;
+              break;
           }
+        if (s !== U)
+          return {
+            reset: {
+              placement: U
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function eo(e, t) {
+  const {
+    placement: o,
+    platform: n,
+    elements: s
+  } = e, l = await (n.isRTL == null ? void 0 : n.isRTL(s.floating)), i = re(o), r = ye(o), a = _e(o) === "y", u = ["left", "top"].includes(i) ? -1 : 1, c = l && a ? -1 : 1, _ = be(t, e);
+  let {
+    mainAxis: p,
+    crossAxis: f,
+    alignmentAxis: m
+  } = typeof _ == "number" ? {
+    mainAxis: _,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: _.mainAxis || 0,
+    crossAxis: _.crossAxis || 0,
+    alignmentAxis: _.alignmentAxis
+  };
+  return r && typeof m == "number" && (f = r === "end" ? m * -1 : m), a ? {
+    x: f * c,
+    y: p * u
+  } : {
+    x: p * u,
+    y: f * c
+  };
+}
+const to = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var o, n;
+      const {
+        x: s,
+        y: l,
+        placement: i,
+        middlewareData: r
+      } = t, a = await eo(t, e);
+      return i === ((o = r.offset) == null ? void 0 : o.placement) && (n = r.arrow) != null && n.alignmentOffset ? {} : {
+        x: s + a.x,
+        y: l + a.y,
+        data: {
+          ...a,
+          placement: i
         }
-        if (i && !M) {
-          if (w && h) {
-            t.value = "center", a.value = "bottom", _.value = "top";
-            return;
+      };
+    }
+  };
+}, no = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: o,
+        y: n,
+        placement: s
+      } = t, {
+        mainAxis: l = !0,
+        crossAxis: i = !1,
+        limiter: r = {
+          fn: (b) => {
+            let {
+              x: g,
+              y: k
+            } = b;
+            return {
+              x: g,
+              y: k
+            };
           }
-          if (!w && h) {
-            t.value = "end", a.value = "bottom", _.value = "top";
-            return;
+        },
+        ...a
+      } = be(e, t), u = {
+        x: o,
+        y: n
+      }, c = await st(t, a), _ = _e(re(s)), p = ot(_);
+      let f = u[p], m = u[_];
+      if (l) {
+        const b = p === "y" ? "top" : "left", g = p === "y" ? "bottom" : "right", k = f + c[b], C = f - c[g];
+        f = Me(k, f, C);
+      }
+      if (i) {
+        const b = _ === "y" ? "top" : "left", g = _ === "y" ? "bottom" : "right", k = m + c[b], C = m - c[g];
+        m = Me(k, m, C);
+      }
+      const v = r.fn({
+        ...t,
+        [p]: f,
+        [_]: m
+      });
+      return {
+        ...v,
+        data: {
+          x: v.x - o,
+          y: v.y - n,
+          enabled: {
+            [p]: l,
+            [_]: i
           }
-          w && !h && (t.value = "start", a.value = "bottom", _.value = "top");
         }
+      };
+    }
+  };
+};
+function Re() {
+  return typeof window < "u";
+}
+function le(e) {
+  return He(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function F(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function Y(e) {
+  var t;
+  return (t = (He(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function He(e) {
+  return Re() ? e instanceof Node || e instanceof F(e).Node : !1;
+}
+function H(e) {
+  return Re() ? e instanceof Element || e instanceof F(e).Element : !1;
+}
+function G(e) {
+  return Re() ? e instanceof HTMLElement || e instanceof F(e).HTMLElement : !1;
+}
+function Ke(e) {
+  return !Re() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof F(e).ShadowRoot;
+}
+function xe(e) {
+  const {
+    overflow: t,
+    overflowX: o,
+    overflowY: n,
+    display: s
+  } = N(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + n + o) && !["inline", "contents"].includes(s);
+}
+function oo(e) {
+  return ["table", "td", "th"].includes(le(e));
+}
+function Ae(e) {
+  return [":popover-open", ":modal"].some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+function Ne(e) {
+  const t = We(), o = H(e) ? N(e) : e;
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !t && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !t && (o.filter ? o.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
+}
+function ro(e) {
+  let t = ne(e);
+  for (; G(t) && !pe(t); ) {
+    if (Ne(t))
+      return t;
+    if (Ae(t))
+      return null;
+    t = ne(t);
+  }
+  return null;
+}
+function We() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function pe(e) {
+  return ["html", "body", "#document"].includes(le(e));
+}
+function N(e) {
+  return F(e).getComputedStyle(e);
+}
+function Ee(e) {
+  return H(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function ne(e) {
+  if (le(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    Ke(e) && e.host || // Fallback.
+    Y(e)
+  );
+  return Ke(t) ? t.host : t;
+}
+function lt(e) {
+  const t = ne(e);
+  return pe(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : G(t) && xe(t) ? t : lt(t);
+}
+function ve(e, t, o) {
+  var n;
+  t === void 0 && (t = []), o === void 0 && (o = !0);
+  const s = lt(e), l = s === ((n = e.ownerDocument) == null ? void 0 : n.body), i = F(s);
+  if (l) {
+    const r = Be(i);
+    return t.concat(i, i.visualViewport || [], xe(s) ? s : [], r && o ? ve(r) : []);
+  }
+  return t.concat(s, ve(s, [], o));
+}
+function Be(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function it(e) {
+  const t = N(e);
+  let o = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
+  const s = G(e), l = s ? e.offsetWidth : o, i = s ? e.offsetHeight : n, r = $e(o) !== l || $e(n) !== i;
+  return r && (o = l, n = i), {
+    width: o,
+    height: n,
+    $: r
+  };
+}
+function je(e) {
+  return H(e) ? e : e.contextElement;
+}
+function fe(e) {
+  const t = je(e);
+  if (!G(t))
+    return j(1);
+  const o = t.getBoundingClientRect(), {
+    width: n,
+    height: s,
+    $: l
+  } = it(t);
+  let i = (l ? $e(o.width) : o.width) / n, r = (l ? $e(o.height) : o.height) / s;
+  return (!i || !Number.isFinite(i)) && (i = 1), (!r || !Number.isFinite(r)) && (r = 1), {
+    x: i,
+    y: r
+  };
+}
+const so = /* @__PURE__ */ j(0);
+function at(e) {
+  const t = F(e);
+  return !We() || !t.visualViewport ? so : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function lo(e, t, o) {
+  return t === void 0 && (t = !1), !o || t && o !== F(e) ? !1 : t;
+}
+function se(e, t, o, n) {
+  t === void 0 && (t = !1), o === void 0 && (o = !1);
+  const s = e.getBoundingClientRect(), l = je(e);
+  let i = j(1);
+  t && (n ? H(n) && (i = fe(n)) : i = fe(e));
+  const r = lo(l, o, n) ? at(l) : j(0);
+  let a = (s.left + r.x) / i.x, u = (s.top + r.y) / i.y, c = s.width / i.x, _ = s.height / i.y;
+  if (l) {
+    const p = F(l), f = n && H(n) ? F(n) : n;
+    let m = p, v = Be(m);
+    for (; v && n && f !== m; ) {
+      const b = fe(v), g = v.getBoundingClientRect(), k = N(v), C = g.left + (v.clientLeft + parseFloat(k.paddingLeft)) * b.x, O = g.top + (v.clientTop + parseFloat(k.paddingTop)) * b.y;
+      a *= b.x, u *= b.y, c *= b.x, _ *= b.y, a += C, u += O, m = F(v), v = Be(m);
+    }
+  }
+  return Oe({
+    width: c,
+    height: _,
+    x: a,
+    y: u
+  });
+}
+function Ge(e, t) {
+  const o = Ee(e).scrollLeft;
+  return t ? t.left + o : se(Y(e)).left + o;
+}
+function ut(e, t, o) {
+  o === void 0 && (o = !1);
+  const n = e.getBoundingClientRect(), s = n.left + t.scrollLeft - (o ? 0 : (
+    // RTL <body> scrollbar.
+    Ge(e, n)
+  )), l = n.top + t.scrollTop;
+  return {
+    x: s,
+    y: l
+  };
+}
+function io(e) {
+  let {
+    elements: t,
+    rect: o,
+    offsetParent: n,
+    strategy: s
+  } = e;
+  const l = s === "fixed", i = Y(n), r = t ? Ae(t.floating) : !1;
+  if (n === i || r && l)
+    return o;
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, u = j(1);
+  const c = j(0), _ = G(n);
+  if ((_ || !_ && !l) && ((le(n) !== "body" || xe(i)) && (a = Ee(n)), G(n))) {
+    const f = se(n);
+    u = fe(n), c.x = f.x + n.clientLeft, c.y = f.y + n.clientTop;
+  }
+  const p = i && !_ && !l ? ut(i, a, !0) : j(0);
+  return {
+    width: o.width * u.x,
+    height: o.height * u.y,
+    x: o.x * u.x - a.scrollLeft * u.x + c.x + p.x,
+    y: o.y * u.y - a.scrollTop * u.y + c.y + p.y
+  };
+}
+function ao(e) {
+  return Array.from(e.getClientRects());
+}
+function uo(e) {
+  const t = Y(e), o = Ee(e), n = e.ownerDocument.body, s = oe(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), l = oe(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
+  let i = -o.scrollLeft + Ge(e);
+  const r = -o.scrollTop;
+  return N(n).direction === "rtl" && (i += oe(t.clientWidth, n.clientWidth) - s), {
+    width: s,
+    height: l,
+    x: i,
+    y: r
+  };
+}
+function co(e, t) {
+  const o = F(e), n = Y(e), s = o.visualViewport;
+  let l = n.clientWidth, i = n.clientHeight, r = 0, a = 0;
+  if (s) {
+    l = s.width, i = s.height;
+    const u = We();
+    (!u || u && t === "fixed") && (r = s.offsetLeft, a = s.offsetTop);
+  }
+  return {
+    width: l,
+    height: i,
+    x: r,
+    y: a
+  };
+}
+function fo(e, t) {
+  const o = se(e, !0, t === "fixed"), n = o.top + e.clientTop, s = o.left + e.clientLeft, l = G(e) ? fe(e) : j(1), i = e.clientWidth * l.x, r = e.clientHeight * l.y, a = s * l.x, u = n * l.y;
+  return {
+    width: i,
+    height: r,
+    x: a,
+    y: u
+  };
+}
+function Qe(e, t, o) {
+  let n;
+  if (t === "viewport")
+    n = co(e, o);
+  else if (t === "document")
+    n = uo(Y(e));
+  else if (H(t))
+    n = fo(t, o);
+  else {
+    const s = at(e);
+    n = {
+      x: t.x - s.x,
+      y: t.y - s.y,
+      width: t.width,
+      height: t.height
+    };
+  }
+  return Oe(n);
+}
+function ct(e, t) {
+  const o = ne(e);
+  return o === t || !H(o) || pe(o) ? !1 : N(o).position === "fixed" || ct(o, t);
+}
+function _o(e, t) {
+  const o = t.get(e);
+  if (o)
+    return o;
+  let n = ve(e, [], !1).filter((r) => H(r) && le(r) !== "body"), s = null;
+  const l = N(e).position === "fixed";
+  let i = l ? ne(e) : e;
+  for (; H(i) && !pe(i); ) {
+    const r = N(i), a = Ne(i);
+    !a && r.position === "fixed" && (s = null), (l ? !a && !s : !a && r.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || xe(i) && !a && ct(e, i)) ? n = n.filter((c) => c !== i) : s = r, i = ne(i);
+  }
+  return t.set(e, n), n;
+}
+function po(e) {
+  let {
+    element: t,
+    boundary: o,
+    rootBoundary: n,
+    strategy: s
+  } = e;
+  const i = [...o === "clippingAncestors" ? Ae(t) ? [] : _o(t, this._c) : [].concat(o), n], r = i[0], a = i.reduce((u, c) => {
+    const _ = Qe(t, c, s);
+    return u.top = oe(_.top, u.top), u.right = de(_.right, u.right), u.bottom = de(_.bottom, u.bottom), u.left = oe(_.left, u.left), u;
+  }, Qe(t, r, s));
+  return {
+    width: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
+  };
+}
+function mo(e) {
+  const {
+    width: t,
+    height: o
+  } = it(e);
+  return {
+    width: t,
+    height: o
+  };
+}
+function ho(e, t, o) {
+  const n = G(t), s = Y(t), l = o === "fixed", i = se(e, !0, l, t);
+  let r = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const a = j(0);
+  if (n || !n && !l)
+    if ((le(t) !== "body" || xe(s)) && (r = Ee(t)), n) {
+      const p = se(t, !0, l, t);
+      a.x = p.x + t.clientLeft, a.y = p.y + t.clientTop;
+    } else s && (a.x = Ge(s));
+  const u = s && !n && !l ? ut(s, r) : j(0), c = i.left + r.scrollLeft - a.x - u.x, _ = i.top + r.scrollTop - a.y - u.y;
+  return {
+    x: c,
+    y: _,
+    width: i.width,
+    height: i.height
+  };
+}
+function Ie(e) {
+  return N(e).position === "static";
+}
+function Ze(e, t) {
+  if (!G(e) || N(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let o = e.offsetParent;
+  return Y(e) === o && (o = o.ownerDocument.body), o;
+}
+function ft(e, t) {
+  const o = F(e);
+  if (Ae(e))
+    return o;
+  if (!G(e)) {
+    let s = ne(e);
+    for (; s && !pe(s); ) {
+      if (H(s) && !Ie(s))
+        return s;
+      s = ne(s);
+    }
+    return o;
+  }
+  let n = Ze(e, t);
+  for (; n && oo(n) && Ie(n); )
+    n = Ze(n, t);
+  return n && pe(n) && Ie(n) && !Ne(n) ? o : n || ro(e) || o;
+}
+const go = async function(e) {
+  const t = this.getOffsetParent || ft, o = this.getDimensions, n = await o(e.floating);
+  return {
+    reference: ho(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: n.width,
+      height: n.height
+    }
+  };
+};
+function wo(e) {
+  return N(e).direction === "rtl";
+}
+const vo = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: io,
+  getDocumentElement: Y,
+  getClippingRect: po,
+  getOffsetParent: ft,
+  getElementRects: go,
+  getClientRects: ao,
+  getDimensions: mo,
+  getScale: fe,
+  isElement: H,
+  isRTL: wo
+};
+function dt(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function bo(e, t) {
+  let o = null, n;
+  const s = Y(e);
+  function l() {
+    var r;
+    clearTimeout(n), (r = o) == null || r.disconnect(), o = null;
+  }
+  function i(r, a) {
+    r === void 0 && (r = !1), a === void 0 && (a = 1), l();
+    const u = e.getBoundingClientRect(), {
+      left: c,
+      top: _,
+      width: p,
+      height: f
+    } = u;
+    if (r || t(), !p || !f)
+      return;
+    const m = ke(_), v = ke(s.clientWidth - (c + p)), b = ke(s.clientHeight - (_ + f)), g = ke(c), C = {
+      rootMargin: -m + "px " + -v + "px " + -b + "px " + -g + "px",
+      threshold: oe(0, de(1, a)) || 1
+    };
+    let O = !0;
+    function x(I) {
+      const T = I[0].intersectionRatio;
+      if (T !== a) {
+        if (!O)
+          return i();
+        T ? i(!1, T) : n = setTimeout(() => {
+          i(!1, 1e-7);
+        }, 1e3);
+      }
+      T === 1 && !dt(u, e.getBoundingClientRect()) && i(), O = !1;
+    }
+    try {
+      o = new IntersectionObserver(x, {
+        ...C,
+        // Handle <iframe>s
+        root: s.ownerDocument
       });
-    }, z = (i) => {
-      if (!(i instanceof HTMLElement))
-        return !1;
-      const h = i.scrollHeight > i.offsetHeight, w = window.getComputedStyle(i).overflowY, M = ["auto", "scroll"].includes(w);
-      return h && M;
-    }, N = (i) => {
-      const h = (i == null ? void 0 : i.nodeType) === Node.COMMENT_NODE, w = (i == null ? void 0 : i.nodeType) === Node.DOCUMENT_NODE;
-      return !i || h || w ? document : z(i) ? i : N(i.parentNode);
-    }, j = () => {
-      var i;
-      (i = H.value) == null || i.removeEventListener("scroll", g), window == null || window.removeEventListener("resize", g);
-    }, ee = () => {
-      he(() => {
-        var i;
-        H.value = N(B.value), (i = H.value) == null || i.addEventListener("scroll", g), window == null || window.addEventListener("resize", g);
-      });
-    }, ke = () => {
-      c.value = "wrapper", P.value = "d-b", l.value = !0;
-    }, _e = () => {
-      c.value = "icon", P.value = "d-b", b.value = !0;
-    }, ze = () => {
-      b.value = !1;
-    }, $e = () => {
-      c.value = "", l.value = !1, b.value = !1;
-    }, Se = () => {
-      $e(), n.dynamicPosition ? a.value === "bottom" ? e.value = "bottom-leave" : a.value === "top" && (e.value = "top-leave") : S.value === "top" ? e.value = "top-leave" : S.value === "bottom" ? e.value = "bottom-leave" : S.value === "left" ? e.value = "left-leave" : S.value === "right" && (e.value = "right-leave"), setTimeout(() => {
-        e.value = "", P.value = "d-n";
-      }, n.absolutePositionStatus ? 0 : 250);
-    }, Ce = () => {
-      ke(), g(), n.dynamicPosition ? a.value === "bottom" ? e.value = "top-entrance" : a.value === "top" && (e.value = "bottom-entrance") : S.value === "top" ? e.value = "bottom-entrance" : S.value === "bottom" ? e.value = "top-entrance" : S.value === "left" ? e.value = "right-entrance" : S.value === "right" && (e.value = "left-entrance"), setTimeout(() => {
-        e.value = "";
-      }, 250);
+    } catch {
+      o = new IntersectionObserver(x, C);
+    }
+    o.observe(e);
+  }
+  return i(!0), l;
+}
+function yo(e, t, o, n) {
+  n === void 0 && (n = {});
+  const {
+    ancestorScroll: s = !0,
+    ancestorResize: l = !0,
+    elementResize: i = typeof ResizeObserver == "function",
+    layoutShift: r = typeof IntersectionObserver == "function",
+    animationFrame: a = !1
+  } = n, u = je(e), c = s || l ? [...u ? ve(u) : [], ...ve(t)] : [];
+  c.forEach((g) => {
+    s && g.addEventListener("scroll", o, {
+      passive: !0
+    }), l && g.addEventListener("resize", o);
+  });
+  const _ = u && r ? bo(u, o) : null;
+  let p = -1, f = null;
+  i && (f = new ResizeObserver((g) => {
+    let [k] = g;
+    k && k.target === u && f && (f.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var C;
+      (C = f) == null || C.observe(t);
+    })), o();
+  }), u && !a && f.observe(u), f.observe(t));
+  let m, v = a ? se(e) : null;
+  a && b();
+  function b() {
+    const g = se(e);
+    v && !dt(v, g) && o(), v = g, m = requestAnimationFrame(b);
+  }
+  return o(), () => {
+    var g;
+    c.forEach((k) => {
+      s && k.removeEventListener("scroll", o), l && k.removeEventListener("resize", o);
+    }), _ == null || _(), (g = f) == null || g.disconnect(), f = null, a && cancelAnimationFrame(m);
+  };
+}
+const xo = to, ko = no, Co = Jn, To = Zn, $o = (e, t, o) => {
+  const n = /* @__PURE__ */ new Map(), s = {
+    platform: vo,
+    ...o
+  }, l = {
+    ...s.platform,
+    _c: n
+  };
+  return Qn(e, t, {
+    ...s,
+    platform: l
+  });
+};
+function So(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function ze(e) {
+  if (So(e)) {
+    const t = e.$el;
+    return He(t) && le(t) === "#comment" ? null : t;
+  }
+  return e;
+}
+function ce(e) {
+  return typeof e == "function" ? e() : d(e);
+}
+function Oo(e) {
+  return {
+    name: "arrow",
+    options: e,
+    fn(t) {
+      const o = ze(ce(e.element));
+      return o == null ? {} : To({
+        element: o,
+        padding: e.padding
+      }).fn(t);
+    }
+  };
+}
+function _t(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Je(e, t) {
+  const o = _t(e);
+  return Math.round(t * o) / o;
+}
+function Ro(e, t, o) {
+  o === void 0 && (o = {});
+  const n = o.whileElementsMounted, s = V(() => {
+    var T;
+    return (T = ce(o.open)) != null ? T : !0;
+  }), l = V(() => ce(o.middleware)), i = V(() => {
+    var T;
+    return (T = ce(o.placement)) != null ? T : "bottom";
+  }), r = V(() => {
+    var T;
+    return (T = ce(o.strategy)) != null ? T : "absolute";
+  }), a = V(() => {
+    var T;
+    return (T = ce(o.transform)) != null ? T : !0;
+  }), u = V(() => ze(e.value)), c = V(() => ze(t.value)), _ = A(0), p = A(0), f = A(r.value), m = A(i.value), v = vt({}), b = A(!1), g = V(() => {
+    const T = {
+      position: f.value,
+      left: "0",
+      top: "0"
     };
-    return ce(() => {
-      n.dynamicPosition && ee();
-    }), Le(() => {
-      j();
-    }), (i, h) => (p(), f("div", {
-      id: i.id,
-      ref_key: "tooltipRootRef",
-      ref: B,
-      class: s(o(W).wrapper),
-      onMouseenter: Ce,
-      onMouseleave: Se
-    }, [
-      i.iconName ? (p(), q(o(Q), {
-        key: 0,
-        ref_key: "tooltipIconRef",
-        ref: r,
-        class: s(o(W).wrapper__icon),
-        name: i.iconName,
-        onMouseenter: _e,
-        onMouseleave: ze
-      }, null, 8, ["class", "name"])) : (p(), f("div", {
-        key: 1,
-        class: s(o(W).wrapper__icon),
-        onMouseenter: _e,
-        onMouseleave: _e
-      }, [
-        D(i.$slots, "triggerElement")
-      ], 34)),
-      i.status ? (p(), f("div", {
-        key: 2,
-        ref_key: "tooltipPopupRef",
-        ref: G,
-        class: s([o(W).wrapper__box, le.value, ae.value, P.value]),
-        style: U(i.absolutePosition)
-      }, [
-        ye(o(po), {
-          "border-triangle": "",
-          "border-triangle-align": J.value,
-          "border-triangle-position": A.value,
-          class: s([o(W)["wrapper__box-content"], Z.value, e.value]),
-          style: U(K.value)
-        }, {
-          default: xe(() => [
-            y("div", {
-              class: s(o(W).wrapper__text),
-              style: U({ maxHeight: `${i.maxHeight}px`, overflowY: "auto" })
-            }, [
-              y("div", { innerHTML: re.value }, null, 8, lo),
-              D(i.$slots, "contentSlot")
-            ], 6)
-          ]),
-          _: 3
-        }, 8, ["border-triangle-align", "border-triangle-position", "class", "style"])
-      ], 6)) : x("", !0)
-    ], 42, ao));
+    if (!c.value)
+      return T;
+    const z = Je(c.value, _.value), w = Je(c.value, p.value);
+    return a.value ? {
+      ...T,
+      transform: "translate(" + z + "px, " + w + "px)",
+      ..._t(c.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: f.value,
+      left: z + "px",
+      top: w + "px"
+    };
+  });
+  let k;
+  function C() {
+    if (u.value == null || c.value == null)
+      return;
+    const T = s.value;
+    $o(u.value, c.value, {
+      middleware: l.value,
+      placement: i.value,
+      strategy: r.value
+    }).then((z) => {
+      _.value = z.x, p.value = z.y, f.value = z.strategy, m.value = z.placement, v.value = z.middlewareData, b.value = T !== !1;
+    });
   }
-}), so = "_box_167wr_36", _o = "_flipBox_167wr_124", ne = {
-  box: so,
-  "box_top-start": "_box_top-start_167wr_40",
-  "box_top-center": "_box_top-center_167wr_40",
-  "box_top-end": "_box_top-end_167wr_40",
-  "box_right-start": "_box_right-start_167wr_40",
-  "box_right-center": "_box_right-center_167wr_40",
-  "box_right-end": "_box_right-end_167wr_40",
-  "box_bottom-start": "_box_bottom-start_167wr_40",
-  "box_bottom-center": "_box_bottom-center_167wr_40",
-  "box_bottom-end": "_box_bottom-end_167wr_40",
-  "box_left-start": "_box_left-start_167wr_40",
-  "box_left-center": "_box_left-center_167wr_40",
-  "box_left-end": "_box_left-end_167wr_40",
-  flipBox: _o
-}, io = /* @__PURE__ */ T({
-  __name: "DefaultBox",
-  props: {
-    border: {},
-    borderRadius: { default: "bor-r-1" },
-    borderTriangle: { type: Boolean, default: !1 },
-    borderTriangleAlign: { default: "center" },
-    borderTrianglePosition: { default: "top" }
-  },
-  emits: ["click"],
-  setup(u, { emit: n }) {
-    const r = u, t = n, a = C(
-      () => r.borderTriangle ? ne[`box_${r.borderTrianglePosition}-${r.borderTriangleAlign}`] : ""
-    );
-    function _() {
-      t("click");
+  function O() {
+    typeof k == "function" && (k(), k = void 0);
+  }
+  function x() {
+    if (O(), n === void 0) {
+      C();
+      return;
+    }
+    if (u.value != null && c.value != null) {
+      k = n(u.value, c.value, C);
+      return;
     }
-    return (d, e) => (p(), f("div", {
-      class: s([o(ne).box, a.value, d.border, d.borderRadius]),
-      onClick: _
-    }, [
-      D(d.$slots, "default")
-    ], 2));
   }
-}), uo = /* @__PURE__ */ T({
-  __name: "FlipBox",
-  props: {
-    boxSpacing: { default: "" }
-  },
-  setup(u) {
-    return (n, r) => (p(), f("div", {
-      class: s([o(ne).flipBox, n.boxSpacing])
-    }, [
-      y("div", null, [
-        y("div", {
-          class: s([o(ne).box, n.boxSpacing])
-        }, [
-          D(n.$slots, "front")
-        ], 2),
-        y("div", {
-          class: s([n.boxSpacing])
-        }, [
-          D(n.$slots, "reverse")
-        ], 2)
-      ])
-    ], 2));
+  function I() {
+    s.value || (b.value = !1);
   }
-}), po = /* @__PURE__ */ T({
-  __name: "Box",
+  return te([l, i, r, s], C, {
+    flush: "sync"
+  }), te([u, c], x, {
+    flush: "sync"
+  }), te(s, I, {
+    flush: "sync"
+  }), bt() && yt(O), {
+    x: ae(_),
+    y: ae(p),
+    strategy: ae(f),
+    placement: ae(m),
+    middlewareData: ae(v),
+    isPositioned: ae(b),
+    floatingStyles: g,
+    update: C
+  };
+}
+let et = !1;
+const Ao = () => {
+  if (et)
+    return;
+  et = !0;
+  let e;
+  Object.defineProperty(window, "wasTooltipShown", {
+    get() {
+      return clearTimeout(window.wasTooltipTimeout), window.wasTooltipTimeout = setTimeout(() => {
+        e = !1;
+      }, 2e3), e;
+    },
+    set(t) {
+      e = t, clearTimeout(window.wasTooltipTimeout), t && (window.wasTooltipTimeout = setTimeout(() => {
+        e = !1;
+      }, 2e3));
+    },
+    configurable: !0
+  });
+};
+function Eo(e = "") {
+  return typeof e == "string" ? e.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, "") : e;
+}
+const Lo = "_bubble_1qdad_1", Io = "_trigger_1qdad_43", Mo = "_trigger__icon_1qdad_51", Vo = "_arrow_1qdad_57", Bo = "_bubble__content_1qdad_79", he = {
+  bubble: Lo,
+  trigger: Io,
+  trigger__icon: Mo,
+  arrow: Vo,
+  bubble__content: Bo
+}, zo = ["innerHTML"], Po = ["id"], tt = 1e3, qo = /* @__PURE__ */ Q({
+  __name: "Tooltip",
   props: {
-    type: { default: "default" },
-    borderTriangle: { type: Boolean, default: !1 },
-    borderTriangleAlign: {},
-    borderTrianglePosition: {},
-    boxSpacing: { default: "" }
+    id: {},
+    text: {},
+    placement: {},
+    status: { type: Boolean },
+    preventXss: { type: Boolean },
+    iconName: {}
   },
-  setup(u) {
-    const n = {
-      default: io,
-      flip: uo
+  setup(e) {
+    const t = {
+      top: "bottom",
+      right: "left",
+      bottom: "top",
+      left: "right"
     };
-    return (r, t) => (p(), q(Oe(n[r.type]), {
-      "border-triangle": r.borderTriangle,
-      "border-triangle-align": r.borderTriangleAlign,
-      "border-triangle-position": r.borderTrianglePosition,
-      "box-spacing": r.boxSpacing
-    }, {
-      default: xe(() => [
-        D(r.$slots, "default"),
-        D(r.$slots, "front"),
-        D(r.$slots, "reverse")
-      ]),
-      _: 3
-    }, 8, ["border-triangle", "border-triangle-align", "border-triangle-position", "box-spacing"]));
+    let o = null, n = null;
+    typeof window < "u" && window.wasTooltipShown === void 0 && (window.wasTooltipShown = !1);
+    const s = e, l = A(null), i = A(null), r = A(null), a = A(!1), u = V(() => s.preventXss ? Eo(s.text) : s.text), { floatingStyles: c, update: _, middlewareData: p, placement: f } = Ro(i, l, {
+      placement: V(() => s.placement || "bottom"),
+      strategy: "fixed",
+      whileElementsMounted: yo,
+      middleware: [
+        xo(10),
+        Co(),
+        ko(),
+        Oo({ element: r, padding: 8 })
+      ]
+    }), m = () => {
+      o && clearTimeout(o), n && clearTimeout(n), window.wasTooltipShown ? a.value = !0 : o = setTimeout(() => {
+        a.value = !0, window.wasTooltipShown = !0;
+      }, tt);
+    }, v = () => {
+      n && clearTimeout(n), n = setTimeout(() => {
+        a.value = !1, window.wasTooltipShown = !0;
+      }, tt);
+    }, b = () => {
+      n && clearTimeout(n);
+    }, g = () => {
+      b(), m();
+    }, k = () => {
+      v();
+    };
+    te(() => s.placement, _), xt(Ao), Pe(() => {
+      kt(_), window.addEventListener("resize", _);
+    }), Ct(() => {
+      window.removeEventListener("resize", _);
+    });
+    const C = V(() => {
+      const [x] = f.value.split("-");
+      return {
+        [t[x]]: "-4px"
+      };
+    }), O = V(() => {
+      var x, I;
+      return r.value ? {
+        left: ((x = p.value.arrow) == null ? void 0 : x.x) != null ? `${p.value.arrow.x}px` : "",
+        top: ((I = p.value.arrow) == null ? void 0 : I.y) != null ? `${p.value.arrow.y}px` : "",
+        right: "",
+        bottom: "",
+        ...C.value
+      } : {};
+    });
+    return (x, I) => (y(), $(Ce, null, [
+      (y(), ge(Tt, { to: "body" }, [
+        x.status || a.value ? (y(), $("div", {
+          key: 0,
+          ref_key: "tooltipRef",
+          ref: l,
+          class: h(d(he).bubble),
+          style: Te(d(c)),
+          onMouseenter: g,
+          onMouseleave: k
+        }, [
+          B("div", {
+            class: h(d(he).bubble__content)
+          }, [
+            B("div", { innerHTML: u.value }, null, 8, zo),
+            Ue(x.$slots, "contentSlot")
+          ], 2),
+          B("div", {
+            ref_key: "floatingArrowRef",
+            ref: r,
+            class: h(d(he).arrow),
+            style: Te(O.value)
+          }, null, 6)
+        ], 38)) : L("", !0)
+      ])),
+      B("div", {
+        id: x.id,
+        ref_key: "triggerRef",
+        ref: i,
+        class: h(d(he).trigger),
+        onMouseenter: g,
+        onMouseleave: k
+      }, [
+        x.iconName ? (y(), ge(d(we), {
+          key: 0,
+          color: d(he).trigger__icon,
+          name: x.iconName
+        }, null, 8, ["color", "name"])) : Ue(x.$slots, "default", { key: 1 })
+      ], 42, Po)
+    ], 64));
   }
 });
 export {
-  po as Box,
-  fo as Button,
-  mo as DropdownMenu,
-  Q as Icon,
-  ho as NumberInput,
-  bo as OnPageMessage,
-  vo as SegmentButton,
-  go as TextInput,
-  wo as Toggle,
-  yo as Tooltip
+  Fo as Button,
+  Ho as DropdownMenu,
+  we as Icon,
+  Go as NumberInput,
+  No as OnPageMessage,
+  Wo as SegmentButton,
+  jo as TextInput,
+  Yo as Toggle,
+  qo as Tooltip
 };
 //# sourceMappingURL=ab-components.es.js.map