@useinsider/ab-components 0.0.20 → 0.0.21

package/dist/ab-components.es.js

@@ -1,39 +1,41 @@
-import { defineComponent as T, computed as C, openBlock as p, createElementBlock as f, normalizeClass as s, unref as o, createBlock as U, createCommentVNode as z, 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 F, withModifiers as Te, vModelText as He, renderList as he, vShow as Ve, createVNode as ye, onBeforeUnmount as Le, renderSlot as D, withCtx as ze, nextTick as we, resolveDynamicComponent as Oe } from "vue";
-const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8", We = "_button_16zzc_1", De = "_button__label_16zzc_193", je = "_button__solid_16zzc_205", qe = "_fill_16zzc_1125", R = {
-  button__size_default: Ne,
-  button__size_small: Ee,
-  button: We,
-  button__label: De,
-  "button__solid-primary": "_button__solid-primary_16zzc_205",
-  "no-hover-effect": "_no-hover-effect_16zzc_212",
-  "button--selected": "_button--selected_16zzc_234",
-  "button__solid-subtle-primary": "_button__solid-subtle-primary_16zzc_241",
-  "button__solid-secondary": "_button__solid-secondary_16zzc_277",
-  "button__solid-danger": "_button__solid-danger_16zzc_313",
-  "button__solid-warning": "_button__solid-warning_16zzc_349",
-  "button__solid-smart": "_button__solid-smart_16zzc_385",
-  "button__ghost-primary": "_button__ghost-primary_16zzc_421",
-  "button__ghost-subtle-primary": "_button__ghost-subtle-primary_16zzc_457",
-  "button__ghost-secondary": "_button__ghost-secondary_16zzc_493",
-  "button__ghost-danger": "_button__ghost-danger_16zzc_529",
-  "button__ghost-warning": "_button__ghost-warning_16zzc_565",
-  "button__ghost-smart": "_button__ghost-smart_16zzc_601",
-  "button__text-primary": "_button__text-primary_16zzc_637",
-  "button__text-text": "_button__text-text_16zzc_673",
-  "button__text-subtle-primary": "_button__text-subtle-primary_16zzc_709",
-  "button__text-secondary": "_button__text-secondary_16zzc_745",
-  "button__text-danger": "_button__text-danger_16zzc_781",
-  "button__text-warning": "_button__text-warning_16zzc_817",
-  "button__text-smart": "_button__text-smart_16zzc_853",
-  "button__outline-primary": "_button__outline-primary_16zzc_889",
-  "button__outline-subtle-primary": "_button__outline-subtle-primary_16zzc_926",
-  "button__outline-secondary": "_button__outline-secondary_16zzc_963",
-  "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: je,
-  fill: qe
-}, Ae = ["disabled"], fo = /* @__PURE__ */ T({
+import { defineComponent as T, computed as C, openBlock as p, createElementBlock as m, normalizeClass as s, unref as o, createBlock as j, createCommentVNode as k, 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 qe, renderList as he, vShow as He, createVNode as ye, onBeforeUnmount as Ve, renderSlot as W, withCtx as ke, nextTick as we, resolveDynamicComponent as Le } from "vue";
+const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8", Ee = "_icon_1vdmr_136", We = "_spinner_1vdmr_1", De = "_button_1vdmr_1", Ae = "_button__label_1vdmr_212", Re = "_button__solid_1vdmr_224", Ge = "_fill_1vdmr_1144", G = {
+  button__size_default: Oe,
+  button__size_small: Ne,
+  icon: Ee,
+  spinner: We,
+  button: De,
+  button__label: Ae,
+  "button__solid-primary": "_button__solid-primary_1vdmr_224",
+  "no-hover-effect": "_no-hover-effect_1vdmr_231",
+  "button--selected": "_button--selected_1vdmr_253",
+  "button__solid-subtle-primary": "_button__solid-subtle-primary_1vdmr_260",
+  "button__solid-secondary": "_button__solid-secondary_1vdmr_296",
+  "button__solid-danger": "_button__solid-danger_1vdmr_332",
+  "button__solid-warning": "_button__solid-warning_1vdmr_368",
+  "button__solid-smart": "_button__solid-smart_1vdmr_404",
+  "button__ghost-primary": "_button__ghost-primary_1vdmr_440",
+  "button__ghost-subtle-primary": "_button__ghost-subtle-primary_1vdmr_476",
+  "button__ghost-secondary": "_button__ghost-secondary_1vdmr_512",
+  "button__ghost-danger": "_button__ghost-danger_1vdmr_548",
+  "button__ghost-warning": "_button__ghost-warning_1vdmr_584",
+  "button__ghost-smart": "_button__ghost-smart_1vdmr_620",
+  "button__text-primary": "_button__text-primary_1vdmr_656",
+  "button__text-text": "_button__text-text_1vdmr_692",
+  "button__text-subtle-primary": "_button__text-subtle-primary_1vdmr_728",
+  "button__text-secondary": "_button__text-secondary_1vdmr_764",
+  "button__text-danger": "_button__text-danger_1vdmr_800",
+  "button__text-warning": "_button__text-warning_1vdmr_836",
+  "button__text-smart": "_button__text-smart_1vdmr_872",
+  "button__outline-primary": "_button__outline-primary_1vdmr_908",
+  "button__outline-subtle-primary": "_button__outline-subtle-primary_1vdmr_945",
+  "button__outline-secondary": "_button__outline-secondary_1vdmr_982",
+  "button__outline-danger": "_button__outline-danger_1vdmr_1019",
+  "button__outline-warning": "_button__outline-warning_1vdmr_1056",
+  "button__outline-smart": "_button__outline-smart_1vdmr_1093",
+  button__solid: Re,
+  fill: Ge
+}, Ye = ["disabled"], To = /* @__PURE__ */ T({
   __name: "Button",
   props: {
     variant: {},
@@ -52,32 +54,32 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
     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", {
+    return (d, e) => (p(), m("button", {
       class: s([
-        o(R).button,
-        o(R)[`button__${d.variant}`],
-        o(R)[`button__${d.variant}-${d.color}`],
-        o(R)[`button__size_${d.size}`],
-        { [o(R).fill]: d.fill }
+        o(G).button,
+        o(G)[`button__${d.variant}`],
+        o(G)[`button__${d.variant}-${d.color}`],
+        o(G)[`button__size_${d.size}`],
+        { [o(G).fill]: d.fill }
       ]),
       disabled: r.disabled,
       onClick: a
     }, [
-      _.value ? (p(), U(o(Q), {
+      _.value ? (p(), j(o(Q), {
         key: 0,
         name: _.value
-      }, null, 8, ["name"])) : z("", !0),
-      d.label ? (p(), f("span", {
+      }, null, 8, ["name"])) : k("", !0),
+      d.label ? (p(), m("span", {
         key: 1,
-        class: s(o(R).button__label)
-      }, I(d.label), 3)) : z("", !0),
-      d.rightIconName ? (p(), U(o(Q), {
+        class: s(o(G).button__label)
+      }, I(d.label), 3)) : k("", !0),
+      d.rightIconName ? (p(), j(o(Q), {
         key: 2,
         name: d.rightIconName
-      }, null, 8, ["name"])) : z("", !0)
-    ], 10, Ae));
+      }, null, 8, ["name"])) : k("", !0)
+    ], 10, Ye));
   }
-}), Re = {
+}), Xe = {
   mounted(u, n) {
     u.clickOutsideEvent = (r) => {
       const t = (n.value.exclude || []).filter((_) => _.value).map((_) => _.value);
@@ -87,43 +89,45 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
   unmounted(u) {
     u.clickOutsideEvent && document.removeEventListener("click", u.clickOutsideEvent);
   }
-}, Ge = (u, n) => {
+}, Fe = (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)
       return !0;
   return !1;
-}, Ye = (u, n, r) => {
+}, Ue = (u, n, r) => {
   if (!r.trim())
     return u;
   const t = r.toLowerCase();
   return u.filter((a) => {
     const _ = String(a[n]);
-    return Ge(_.toLowerCase(), t);
+    return Fe(_.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;
   });
-}, Xe = "_dropdown_c02u6_1", Fe = "_menu_c02u6_1", Ue = "_dropdown__valueContent_c02u6_183", Qe = "_dropdown__label_c02u6_194", Ze = "_dropdown__value_c02u6_183", Je = "_dropdown__placeholder_c02u6_202", Ke = "_dropdown__arrowIcon_c02u6_210", et = "_menu__searchContainer_c02u6_225", tt = "_menu__searchInputWrap_c02u6_229", ot = "_menu__searchInput_c02u6_229", nt = "_menu__errorMessage_c02u6_251", rt = "_menu__addButton_c02u6_258", at = "_menu__itemContainer_c02u6_266", lt = "_menu__item_c02u6_266", $ = {
-  dropdown: Xe,
-  menu: Fe,
-  dropdown__valueContent: Ue,
-  "dropdown__valueContent--open": "_dropdown__valueContent--open_c02u6_191",
-  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_c02u6_248",
-  menu__errorMessage: nt,
-  menu__addButton: rt,
-  menu__itemContainer: at,
-  menu__item: lt,
-  "menu__item--active": "_menu__item--active_c02u6_304"
-}, st = ["for"], _t = ["placeholder"], it = ["onClick"], mo = /* @__PURE__ */ T({
+}, je = "_dropdown_18zqi_1", Qe = "_menu_18zqi_1", Ze = "_icon_18zqi_129", Je = "_spinner_18zqi_1", Ke = "_dropdown__valueContent_18zqi_202", et = "_dropdown__label_18zqi_213", tt = "_dropdown__value_18zqi_202", ot = "_dropdown__placeholder_18zqi_221", nt = "_dropdown__arrowIcon_18zqi_229", rt = "_menu__searchContainer_18zqi_244", at = "_menu__searchInputWrap_18zqi_248", lt = "_menu__searchInput_18zqi_248", st = "_menu__errorMessage_18zqi_270", _t = "_menu__addButton_18zqi_277", it = "_menu__itemContainer_18zqi_285", ut = "_menu__item_18zqi_285", $ = {
+  dropdown: je,
+  menu: Qe,
+  icon: Ze,
+  spinner: Je,
+  dropdown__valueContent: Ke,
+  "dropdown__valueContent--open": "_dropdown__valueContent--open_18zqi_210",
+  dropdown__label: et,
+  dropdown__value: tt,
+  dropdown__placeholder: ot,
+  dropdown__arrowIcon: nt,
+  menu__searchContainer: rt,
+  menu__searchInputWrap: at,
+  menu__searchInput: lt,
+  "menu__searchInput--error": "_menu__searchInput--error_18zqi_267",
+  menu__errorMessage: st,
+  menu__addButton: _t,
+  menu__itemContainer: it,
+  menu__item: ut,
+  "menu__item--active": "_menu__item--active_18zqi_323"
+}, pt = ["for"], ct = ["placeholder"], dt = ["onClick"], qo = /* @__PURE__ */ T({
   __name: "DropdownMenu",
   props: {
     id: {},
@@ -140,39 +144,39 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(u, { emit: n }) {
-    const r = Re, 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]), A = () => {
+    const r = Xe, 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 }), q = ve([...t.items]), B = ve([...t.items]), R = () => {
       if (!_.value)
         return;
-      const { offsetTop: m, offsetLeft: g, offsetWidth: x } = _.value, N = window.innerHeight, G = m + _.value.offsetHeight, ee = G + t.menuHeight > N;
+      const { offsetTop: f, offsetLeft: g, offsetWidth: x } = _.value, O = window.innerHeight, Y = f + _.value.offsetHeight, ee = Y + t.menuHeight > O;
       P.value = {
         x: g + window.scrollX,
-        y: ee ? m + window.scrollY : G + window.scrollY,
+        y: ee ? f + window.scrollY : Y + window.scrollY,
         width: x,
         shouldOpenUp: ee,
         height: t.menuHeight
       };
     }, S = () => {
-      A(), e.value = !e.value;
-    }, O = () => {
-      c.value = null, b.value = "", H.splice(0, H.length, ...B);
+      R(), e.value = !e.value;
+    }, L = () => {
+      c.value = null, b.value = "", q.splice(0, q.length, ...B);
     }, Z = () => {
-      e.value = !1, O();
-    }, re = (m) => {
-      l.value = m, a("select-item", m), a("update:modelValue", m.value), Z();
-    }, j = () => {
-      const m = b.value.trim(), g = t.validateAddItem(m, B);
+      e.value = !1, L();
+    }, re = (f) => {
+      l.value = f, a("select-item", f), a("update:modelValue", f.value), Z();
+    }, D = () => {
+      const f = b.value.trim(), g = t.validateAddItem(f, B);
       if (g) {
         c.value = g, a("add-error", g);
         return;
       }
       const x = {
-        text: m,
-        value: m
+        text: f,
+        value: f
       };
-      B.push(x), O(), a("item-added", x);
+      B.push(x), L(), a("item-added", x);
     }, ae = () => {
-      const m = Ye(B, "text", b.value);
-      H.splice(0, H.length, ...m);
+      const f = Ue(B, "text", b.value);
+      q.splice(0, q.length, ...f);
     }, J = () => {
       c.value = "";
     }, le = C(() => ({
@@ -182,37 +186,37 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
       height: `${t.menuHeight}px`
     }));
     ce(() => {
-      if (A(), t.modelValue) {
-        const m = B.find((g) => g.value === t.modelValue);
-        m && (l.value = m);
+      if (R(), t.modelValue) {
+        const f = B.find((g) => g.value === t.modelValue);
+        f && (l.value = f);
       }
     });
     const K = C(() => l.value ? l.value.text : "");
-    oe(() => t.modelValue, (m) => {
+    oe(() => t.modelValue, (f) => {
       var g;
-      if (((g = l.value) == null ? void 0 : g.value) !== m) {
-        const x = B.find((N) => N.value === m);
+      if (((g = l.value) == null ? void 0 : g.value) !== f) {
+        const x = B.find((O) => O.value === f);
         x && (l.value = x);
       }
     }), oe(
       () => t.items,
-      (m) => {
-        B.splice(0, B.length, ...m), H.splice(0, H.length, ...m);
+      (f) => {
+        B.splice(0, B.length, ...f), q.splice(0, q.length, ...f);
       },
       { deep: !0 }
     );
     const se = v({ handler: Z, exclude: [_, d] });
-    return (m, g) => (p(), f(pe, null, [
+    return (f, g) => (p(), m(pe, null, [
       y("div", {
         ref_key: "dropdownRef",
         ref: _,
         class: s(o($).dropdown)
       }, [
-        m.label ? (p(), f("label", {
+        f.label ? (p(), m("label", {
           key: 0,
           class: s(o($).dropdown__label),
-          for: m.id
-        }, I(m.label), 11, st)) : z("", !0),
+          for: f.id
+        }, I(f.label), 11, pt)) : k("", !0),
         y("button", {
           class: s([
             o($).dropdown__valueContent,
@@ -225,11 +229,11 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
           y("span", {
             class: s(o($).dropdown__value)
           }, I(K.value), 3),
-          m.placeholder && !K.value ? (p(), f("span", {
+          f.placeholder && !K.value ? (p(), m("span", {
             key: 0,
             class: s(o($).dropdown__placeholder)
-          }, I(m.placeholder), 3)) : z("", !0),
-          (p(), f("svg", {
+          }, I(f.placeholder), 3)) : k("", !0),
+          (p(), m("svg", {
             fill: "none",
             height: "17",
             viewBox: "0 0 16 17",
@@ -244,15 +248,15 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
           ]), 2))
         ], 2)
       ], 2),
-      ge((p(), f("div", {
+      ge((p(), m("div", {
         ref_key: "menuRef",
         ref: d,
         class: s(o($).menu),
-        style: F(le.value),
+        style: U(le.value),
         onClick: g[1] || (g[1] = Te(() => {
         }, ["prevent"]))
       }, [
-        t.searchable ? (p(), f("div", {
+        t.searchable ? (p(), m("div", {
           key: 0,
           class: s(o($).menu__searchContainer)
         }, [
@@ -267,45 +271,45 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
                   [o($)["menu__searchInput--error"]]: c.value
                 }
               ]),
-              placeholder: m.searchPlaceHolder,
+              placeholder: f.searchPlaceHolder,
               "onUpdate:modelValue": g[0] || (g[0] = (x) => b.value = x),
               onFocus: J,
               onInput: ae
-            }, null, 42, _t), [
-              [He, b.value]
+            }, null, 42, ct), [
+              [qe, b.value]
             ]),
-            c.value ? (p(), f("p", {
+            c.value ? (p(), m("p", {
               key: 0,
               class: s(o($).menu__errorMessage)
-            }, I(c.value), 3)) : z("", !0)
+            }, I(c.value), 3)) : k("", !0)
           ], 2),
-          t.addable ? (p(), f("button", {
+          t.addable ? (p(), m("button", {
             key: 0,
             class: s(o($).menu__addButton),
-            onClick: j
-          }, I(m.addButtonText), 3)) : z("", !0)
-        ], 2)) : z("", !0),
+            onClick: D
+          }, I(f.addButtonText), 3)) : k("", !0)
+        ], 2)) : k("", !0),
         y("ul", {
           class: s(o($).menu__itemContainer)
         }, [
-          (p(!0), f(pe, null, he(H, (x, N) => (p(), f("li", {
-            key: `${x.value}-${N}`,
+          (p(!0), m(pe, null, he(q, (x, O) => (p(), m("li", {
+            key: `${x.value}-${O}`,
             class: s([
               o($).menu__item,
               {
                 [o($)["menu__item--active"]]: l.value && x.value === l.value.value
               }
             ]),
-            onClick: (G) => re(x)
-          }, I(x.text), 11, it))), 128))
+            onClick: (Y) => re(x)
+          }, I(x.text), 11, dt))), 128))
         ], 2)
       ], 6)), [
-        [Ve, e.value],
+        [He, e.value],
         [o(r), se.value]
       ])
     ], 64));
   }
-}), ut = ["fill", "height", "width"], pt = ["xlink:href"], ct = /* @__PURE__ */ T({
+}), mt = ["fill", "height", "width"], ft = ["xlink:href"], bt = /* @__PURE__ */ T({
   __name: "Icon",
   props: {
     name: {},
@@ -314,7 +318,7 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
   },
   setup(u) {
     const n = u, r = C(() => typeof n.size == "number" ? `${n.size}px` : n.size);
-    return (t, a) => (p(), f("svg", {
+    return (t, a) => (p(), m("svg", {
       class: "icon",
       fill: t.color || "currentColor",
       height: r.value,
@@ -322,22 +326,24 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
     }, [
       y("use", {
         "xlink:href": `#${t.name}`
-      }, null, 8, pt)
-    ], 8, ut));
+      }, null, 8, ft)
+    ], 8, mt));
   }
-}), dt = (u, n) => {
+}), vt = (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_pab2j_1", mt = "_container__text_pab2j_185", bt = "_container__default_pab2j_189", vt = "_container__warning_pab2j_197", gt = "_container__alert_pab2j_205", wt = "_container__success_pab2j_213", ue = {
-  container: ft,
-  container__text: mt,
-  container__default: bt,
-  container__warning: vt,
-  container__alert: gt,
-  container__success: wt
-}, bo = /* @__PURE__ */ T({
+}, Q = /* @__PURE__ */ vt(bt, [["__scopeId", "data-v-f04c8857"]]), gt = "_container_wovmm_1", wt = "_icon_wovmm_127", ht = "_spinner_wovmm_1", yt = "_container__text_wovmm_204", kt = "_container__default_wovmm_208", $t = "_container__warning_wovmm_216", xt = "_container__alert_wovmm_224", zt = "_container__success_wovmm_232", ue = {
+  container: gt,
+  icon: wt,
+  spinner: ht,
+  container__text: yt,
+  container__default: kt,
+  container__warning: $t,
+  container__alert: xt,
+  container__success: zt
+}, Ho = /* @__PURE__ */ T({
   __name: "OnPageMessage",
   props: {
     variant: { default: "default" },
@@ -356,7 +362,7 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
           return "filled-info-circle";
       }
     });
-    return (t, a) => (p(), f("div", {
+    return (t, a) => (p(), m("div", {
       class: s([
         o(ue).container,
         o(ue)[`container__${t.variant}`]
@@ -371,23 +377,25 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
       }, I(t.text), 3)
     ], 2));
   }
-}), ht = "_button__size_default_4wo1i_1", yt = "_button__size_small_4wo1i_8", zt = "_button_4wo1i_1", $t = "_button__label_4wo1i_191", xt = "_button__solid_4wo1i_330", kt = "_segmentGroup_4wo1i_337", St = "_fill_4wo1i_359", V = {
-  button__size_default: ht,
-  button__size_small: yt,
-  button: zt,
-  button__label: $t,
-  "button--primary": "_button--primary_4wo1i_208",
-  "button--selected": "_button--selected_4wo1i_218",
-  "button--secondary": "_button--secondary_4wo1i_231",
-  "button--danger": "_button--danger_4wo1i_254",
-  "button--warning": "_button--warning_4wo1i_277",
-  "button--smart": "_button--smart_4wo1i_300",
-  button__solid: xt,
-  segmentGroup: kt,
-  "segmentGroup--vertical": "_segmentGroup--vertical_4wo1i_340",
-  "segmentGroup--horizontal": "_segmentGroup--horizontal_4wo1i_349",
-  fill: St
-}, Ct = ["disabled", "onClick"], vo = /* @__PURE__ */ T({
+}), St = "_button__size_default_1r6q6_1", Ct = "_button__size_small_1r6q6_8", It = "_icon_1r6q6_136", Bt = "_spinner_1r6q6_1", Pt = "_button_1r6q6_1", Mt = "_button__label_1r6q6_210", Tt = "_button__solid_1r6q6_349", qt = "_segmentGroup_1r6q6_356", Ht = "_fill_1r6q6_378", H = {
+  button__size_default: St,
+  button__size_small: Ct,
+  icon: It,
+  spinner: Bt,
+  button: Pt,
+  button__label: Mt,
+  "button--primary": "_button--primary_1r6q6_227",
+  "button--selected": "_button--selected_1r6q6_237",
+  "button--secondary": "_button--secondary_1r6q6_250",
+  "button--danger": "_button--danger_1r6q6_273",
+  "button--warning": "_button--warning_1r6q6_296",
+  "button--smart": "_button--smart_1r6q6_319",
+  button__solid: Tt,
+  segmentGroup: qt,
+  "segmentGroup--vertical": "_segmentGroup--vertical_1r6q6_359",
+  "segmentGroup--horizontal": "_segmentGroup--horizontal_1r6q6_368",
+  fill: Ht
+}, Vt = ["disabled", "onClick"], Vo = /* @__PURE__ */ T({
   __name: "SegmentButton",
   props: {
     color: {},
@@ -409,47 +417,49 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
     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", {
+    }, { deep: !0 }), (e, l) => (p(), m("div", {
       class: s([
-        o(V).segmentGroup,
-        o(V)[`segmentGroup--${e.align}`],
-        { [o(V).fill]: e.fill }
+        o(H).segmentGroup,
+        o(H)[`segmentGroup--${e.align}`],
+        { [o(H).fill]: e.fill }
       ])
     }, [
-      (p(!0), f(pe, null, he(d.value, (b, c) => (p(), f("button", {
+      (p(!0), m(pe, null, he(d.value, (b, c) => (p(), m("button", {
         key: `${b.value}-${c}`,
         class: s([
-          o(V).button,
-          o(V)[`button--${e.color}`],
-          o(V)[`button__size_${e.size}`],
-          o(V).fill,
+          o(H).button,
+          o(H)[`button--${e.color}`],
+          o(H)[`button__size_${e.size}`],
+          o(H).fill,
           {
-            [o(V)["button--selected"]]: b.value === a.value
+            [o(H)["button--selected"]]: b.value === a.value
           }
         ]),
         disabled: b.disabled || r.disabled,
         onClick: (P) => _(b)
       }, [
-        b.icon ? (p(), U(o(Q), {
+        b.icon ? (p(), j(o(Q), {
           key: 0,
           name: b.icon
-        }, null, 8, ["name"])) : z("", !0),
-        b.label ? (p(), f("span", {
+        }, null, 8, ["name"])) : k("", !0),
+        b.label ? (p(), m("span", {
           key: 1,
-          class: s(o(V).button__label)
-        }, I(b.label), 3)) : z("", !0)
-      ], 10, Ct))), 128))
+          class: s(o(H).button__label)
+        }, I(b.label), 3)) : k("", !0)
+      ], 10, Vt))), 128))
     ], 2));
   }
-}), It = "_wrapper__field_1fjsl_1", Bt = "_wrapper__label_1fjsl_1", Pt = "_wrapper__errorMessage_1fjsl_1", Mt = "_wrapper__counter_1fjsl_1", Tt = "_wrapper_1fjsl_1", Ht = "_wrapper__bottom_1fjsl_221", L = {
-  wrapper__field: It,
-  wrapper__label: Bt,
-  wrapper__errorMessage: Pt,
-  wrapper__counter: Mt,
-  wrapper: Tt,
-  wrapper__bottom: Ht,
-  "wrapper--error": "_wrapper--error_1fjsl_234"
-}, Vt = ["for"], Lt = ["id", "maxlength", "name", "placeholder", "value"], Ot = ["id", "maxlength", "name", "placeholder", "value"], go = /* @__PURE__ */ T({
+}), Lt = "_wrapper__field_l1d3k_1", Ot = "_wrapper__label_l1d3k_1", Nt = "_wrapper__errorMessage_l1d3k_1", Et = "_wrapper__counter_l1d3k_1", Wt = "_icon_l1d3k_129", Dt = "_spinner_l1d3k_1", At = "_wrapper_l1d3k_1", Rt = "_wrapper__bottom_l1d3k_240", V = {
+  wrapper__field: Lt,
+  wrapper__label: Ot,
+  wrapper__errorMessage: Nt,
+  wrapper__counter: Et,
+  icon: Wt,
+  spinner: Dt,
+  wrapper: At,
+  wrapper__bottom: Rt,
+  "wrapper--error": "_wrapper--error_l1d3k_253"
+}, Gt = ["for"], Yt = ["id", "maxlength", "name", "placeholder", "value"], Xt = ["id", "maxlength", "name", "placeholder", "value"], Lo = /* @__PURE__ */ T({
   __name: "TextInput",
   props: {
     id: {},
@@ -480,43 +490,43 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
       _();
     }), (e, l) => {
       var b;
-      return p(), f("div", {
-        class: s(o(L).wrapper)
+      return p(), m("div", {
+        class: s(o(V).wrapper)
       }, [
-        e.label ? (p(), f("label", {
+        e.label ? (p(), m("label", {
           key: 0,
-          class: s(o(L).wrapper__label),
+          class: s(o(V).wrapper__label),
           for: e.id
-        }, I(e.label), 11, Vt)) : z("", !0),
-        e.multiline ? (p(), f("textarea", {
+        }, I(e.label), 11, Gt)) : k("", !0),
+        e.multiline ? (p(), m("textarea", {
           key: 1,
           id: e.id,
           ref_key: "textareaRef",
           ref: a,
           class: s([
-            o(L).wrapper__field,
+            o(V).wrapper__field,
             {
-              [o(L)["wrapper--error"]]: e.error
+              [o(V)["wrapper--error"]]: e.error
             }
           ]),
           maxlength: e.maxLength,
           name: e.name,
           placeholder: e.placeholder,
-          style: F(e.maxHeight ? { maxHeight: `${e.maxHeight}px` } : void 0),
+          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", {
+        }, null, 46, Yt)) : (p(), m("input", {
           key: 2,
           id: e.id,
           type: "text",
           class: s([
-            o(L).wrapper__field,
+            o(V).wrapper__field,
             {
-              [o(L)["wrapper--error"]]: e.error
+              [o(V)["wrapper--error"]]: e.error
             }
           ]),
           maxlength: e.maxLength,
@@ -528,33 +538,35 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
           onFocus: l[6] || (l[6] = (c) => t("focus", c)),
           onInput: d,
           onPaste: l[7] || (l[7] = (c) => t("paste", c))
-        }, null, 42, Ot)),
+        }, null, 42, Xt)),
         y("div", {
-          class: s(o(L).wrapper__bottom)
+          class: s(o(V).wrapper__bottom)
         }, [
-          e.error ? (p(), f("div", {
+          e.error ? (p(), m("div", {
             key: 0,
-            class: s(o(L).wrapper__errorMessage)
-          }, I(e.error), 3)) : z("", !0),
-          e.counter ? (p(), f("div", {
+            class: s(o(V).wrapper__errorMessage)
+          }, I(e.error), 3)) : k("", !0),
+          e.counter ? (p(), m("div", {
             key: 1,
-            class: s(o(L).wrapper__counter)
-          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : z("", !0)
+            class: s(o(V).wrapper__counter)
+          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : k("", !0)
         ], 2)
       ], 2);
     };
   }
-}), Nt = "_wrapper__label_3sncs_1", Et = "_wrapper__errorMessage_3sncs_1", Wt = "_wrapper__counter_3sncs_1", Dt = "_wrapper_3sncs_1", jt = "_wrapper__field_3sncs_8", qt = "_wrapper__size_default_3sncs_185", At = "_wrapper__size_small_3sncs_188", Rt = "_wrapper__bottom_3sncs_225", E = {
-  wrapper__label: Nt,
-  wrapper__errorMessage: Et,
-  wrapper__counter: Wt,
-  wrapper: Dt,
-  wrapper__field: jt,
-  wrapper__size_default: qt,
-  wrapper__size_small: At,
-  wrapper__bottom: Rt,
-  "wrapper--error": "_wrapper--error_3sncs_238"
-}, Gt = ["for"], Yt = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], wo = /* @__PURE__ */ T({
+}), Ft = "_wrapper__label_k2iss_1", Ut = "_wrapper__errorMessage_k2iss_1", jt = "_wrapper__counter_k2iss_1", Qt = "_wrapper_k2iss_1", Zt = "_wrapper__field_k2iss_8", Jt = "_icon_k2iss_134", Kt = "_spinner_k2iss_1", eo = "_wrapper__size_default_k2iss_204", to = "_wrapper__size_small_k2iss_207", oo = "_wrapper__bottom_k2iss_244", N = {
+  wrapper__label: Ft,
+  wrapper__errorMessage: Ut,
+  wrapper__counter: jt,
+  wrapper: Qt,
+  wrapper__field: Zt,
+  icon: Jt,
+  spinner: Kt,
+  wrapper__size_default: eo,
+  wrapper__size_small: to,
+  wrapper__bottom: oo,
+  "wrapper--error": "_wrapper--error_k2iss_257"
+}, no = ["for"], ro = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], Oo = /* @__PURE__ */ T({
   __name: "NumberInput",
   props: {
     id: {},
@@ -586,21 +598,21 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
     };
     return (e, l) => {
       var b;
-      return p(), f("div", {
-        class: s([o(E).wrapper, o(E)[`wrapper__size_${e.size}`]])
+      return p(), m("div", {
+        class: s([o(N).wrapper, o(N)[`wrapper__size_${e.size}`]])
       }, [
-        e.label ? (p(), f("label", {
+        e.label ? (p(), m("label", {
           key: 0,
-          class: s(o(E).wrapper__label),
+          class: s(o(N).wrapper__label),
           for: e.id
-        }, I(e.label), 11, Gt)) : z("", !0),
+        }, I(e.label), 11, no)) : k("", !0),
         y("input", {
           id: e.id,
           type: "number",
           class: s([
-            o(E).wrapper__field,
+            o(N).wrapper__field,
             {
-              [o(E)["wrapper--error"]]: e.error || e.errorStatus
+              [o(N)["wrapper--error"]]: e.error || e.errorStatus
             }
           ]),
           max: e.max,
@@ -614,30 +626,32 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
           onFocus: l[1] || (l[1] = (c) => t("focus", c)),
           onInput: _,
           onPaste: l[2] || (l[2] = (c) => t("paste", c))
-        }, null, 42, Yt),
-        e.counter || e.error ? (p(), f("div", {
+        }, null, 42, ro),
+        e.counter || e.error ? (p(), m("div", {
           key: 1,
-          class: s(o(E).wrapper__bottom)
+          class: s(o(N).wrapper__bottom)
         }, [
-          e.error ? (p(), f("div", {
+          e.error ? (p(), m("div", {
             key: 0,
-            class: s(o(E).wrapper__errorMessage)
-          }, I(e.error), 3)) : z("", !0),
-          e.counter ? (p(), f("div", {
+            class: s(o(N).wrapper__errorMessage)
+          }, I(e.error), 3)) : k("", !0),
+          e.counter ? (p(), m("div", {
             key: 1,
-            class: s(o(E).wrapper__counter)
-          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : z("", !0)
-        ], 2)) : z("", !0)
+            class: s(o(N).wrapper__counter)
+          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : k("", !0)
+        ], 2)) : k("", !0)
       ], 2);
     };
   }
-}), Xt = "_wrapper_d1zlt_169", Ft = "_wrapper__label_d1zlt_176", Ut = "_wrapper__input_d1zlt_200", Qt = "_wrapper_checked_d1zlt_210", Zt = "_wrapper_disabled_d1zlt_217", X = {
-  wrapper: Xt,
-  wrapper__label: Ft,
-  wrapper__input: Ut,
-  wrapper_checked: Qt,
-  wrapper_disabled: Zt
-}, Jt = ["id", "checked", "disabled", "name"], Kt = ["for"], ho = /* @__PURE__ */ T({
+}), ao = "_icon_15ntm_122", lo = "_spinner_15ntm_1", so = "_wrapper_15ntm_188", _o = "_wrapper__label_15ntm_195", io = "_wrapper__input_15ntm_219", uo = "_wrapper_checked_15ntm_229", po = "_wrapper_disabled_15ntm_236", F = {
+  icon: ao,
+  spinner: lo,
+  wrapper: so,
+  wrapper__label: _o,
+  wrapper__input: io,
+  wrapper_checked: uo,
+  wrapper_disabled: po
+}, co = ["id", "checked", "disabled", "name"], mo = ["for"], No = /* @__PURE__ */ T({
   __name: "Toggle",
   props: {
     id: {},
@@ -650,12 +664,12 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
     const r = u, t = n, a = () => {
       t("click", !r.checked);
     };
-    return (_, d) => (p(), f("fieldset", {
+    return (_, d) => (p(), m("fieldset", {
       class: s([
-        o(X).wrapper,
+        o(F).wrapper,
         {
-          [o(X).wrapper_checked]: _.checked,
-          [o(X).wrapper_disabled]: _.disabled
+          [o(F).wrapper_checked]: _.checked,
+          [o(F).wrapper_disabled]: _.disabled
         }
       ])
     }, [
@@ -663,48 +677,50 @@ const Ne = "_button__size_default_16zzc_1", Ee = "_button__size_small_16zzc_8",
         id: _.id,
         type: "checkbox",
         checked: _.checked,
-        class: s(o(X).wrapper__input),
+        class: s(o(F).wrapper__input),
         disabled: _.disabled,
         name: _.name,
         onClick: a
-      }, null, 10, Jt),
+      }, null, 10, co),
       y("label", {
-        class: s(o(X).wrapper__label),
+        class: s(o(F).wrapper__label),
         for: _.id
-      }, null, 10, Kt)
+      }, null, 10, mo)
     ], 2));
   }
 });
-function eo(u = "") {
+function fo(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_1avga_1", oo = "_wrapper_1avga_1", no = "_wrapper__icon_1avga_184", ro = "_wrapper__text_1avga_267", W = {
-  wrapper__box: to,
-  wrapper: oo,
-  wrapper__icon: no,
-  "wrapper__box_bottom-start": "_wrapper__box_bottom-start_1avga_199",
-  "wrapper__box_bottom-center": "_wrapper__box_bottom-center_1avga_205",
-  "wrapper__box_bottom-end": "_wrapper__box_bottom-end_1avga_211",
-  "wrapper__box_top-start": "_wrapper__box_top-start_1avga_217",
-  "wrapper__box_top-center": "_wrapper__box_top-center_1avga_223",
-  "wrapper__box_top-end": "_wrapper__box_top-end_1avga_229",
-  "wrapper__box_right-start": "_wrapper__box_right-start_1avga_235",
-  "wrapper__box_right-center": "_wrapper__box_right-center_1avga_241",
-  "wrapper__box_right-end": "_wrapper__box_right-end_1avga_247",
-  "wrapper__box_left-start": "_wrapper__box_left-start_1avga_252",
-  "wrapper__box_left-center": "_wrapper__box_left-center_1avga_257",
-  "wrapper__box_left-end": "_wrapper__box_left-end_1avga_262",
-  wrapper__text: ro,
-  "wrapper__box-content": "_wrapper__box-content_1avga_296",
-  "bottom-entrance": "_bottom-entrance_1avga_309",
-  "top-entrance": "_top-entrance_1avga_312",
-  "left-entrance": "_left-entrance_1avga_315",
-  "right-entrance": "_right-entrance_1avga_318",
-  "bottom-leave": "_bottom-leave_1avga_321",
-  "top-leave": "_top-leave_1avga_324",
-  "right-leave": "_right-leave_1avga_327",
-  "left-leave": "_left-leave_1avga_330"
-}, ao = ["id"], lo = ["innerHTML"], yo = /* @__PURE__ */ T({
+const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz_1", wo = "_wrapper_49orz_1", ho = "_wrapper__icon_49orz_203", yo = "_wrapper__text_49orz_286", E = {
+  wrapper__box: bo,
+  icon: vo,
+  spinner: go,
+  wrapper: wo,
+  wrapper__icon: ho,
+  "wrapper__box_bottom-start": "_wrapper__box_bottom-start_49orz_218",
+  "wrapper__box_bottom-center": "_wrapper__box_bottom-center_49orz_224",
+  "wrapper__box_bottom-end": "_wrapper__box_bottom-end_49orz_230",
+  "wrapper__box_top-start": "_wrapper__box_top-start_49orz_236",
+  "wrapper__box_top-center": "_wrapper__box_top-center_49orz_242",
+  "wrapper__box_top-end": "_wrapper__box_top-end_49orz_248",
+  "wrapper__box_right-start": "_wrapper__box_right-start_49orz_254",
+  "wrapper__box_right-center": "_wrapper__box_right-center_49orz_260",
+  "wrapper__box_right-end": "_wrapper__box_right-end_49orz_266",
+  "wrapper__box_left-start": "_wrapper__box_left-start_49orz_271",
+  "wrapper__box_left-center": "_wrapper__box_left-center_49orz_276",
+  "wrapper__box_left-end": "_wrapper__box_left-end_49orz_281",
+  wrapper__text: yo,
+  "wrapper__box-content": "_wrapper__box-content_49orz_315",
+  "bottom-entrance": "_bottom-entrance_49orz_328",
+  "top-entrance": "_top-entrance_49orz_331",
+  "left-entrance": "_left-entrance_49orz_334",
+  "right-entrance": "_right-entrance_49orz_337",
+  "bottom-leave": "_bottom-leave_49orz_340",
+  "top-leave": "_top-leave_49orz_343",
+  "right-leave": "_right-leave_49orz_346",
+  "left-leave": "_left-leave_49orz_349"
+}, ko = ["id"], $o = ["innerHTML"], Eo = /* @__PURE__ */ T({
   __name: "Tooltip",
   props: {
     id: {},
@@ -723,25 +739,25 @@ const to = "_wrapper__box_1avga_1", oo = "_wrapper_1avga_1", no = "_wrapper__ico
     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), A = 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), j = 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 ? {
+    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"), q = v(null), B = v(null), R = v(null), S = C(() => n.staticPosition.split(" ")[0]), L = C(() => n.staticPosition.split(" ")[1]), Z = C(() => n.iconName ? "mt-1" : "mt-0"), re = C(() => n.preventXss ? fo(n.text) : n.text), D = 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 : L.value === "center" ? "center" : L.value === "left" || L.value === "top" ? "start" : L.value === "right" || L.value === "bottom" ? "end" : "center"), le = C(() => n.absolutePositionStatus ? "" : n.dynamicPosition && d.value ? E[`wrapper__box_${a.value}-${t.value}`] : E[`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`
-    } : j.value === "top" || j.value === "bottom" ? {
-      [`margin-${j.value}`]: `${n.offsetY}px`
-    } : { [`margin-${j.value}`]: `${n.offsetX}px` }), se = (i) => {
-      const { offsetTop: w, offsetLeft: h, offsetWidth: M, offsetHeight: Y } = i, q = w + Y, ie = h + M;
+    } : D.value === "top" || D.value === "bottom" ? {
+      [`margin-${D.value}`]: `${n.offsetY}px`
+    } : { [`margin-${D.value}`]: `${n.offsetX}px` }), se = (i) => {
+      const { offsetTop: w, offsetLeft: h, offsetWidth: M, offsetHeight: X } = i, A = w + X, ie = h + M;
       return {
         top: w,
         left: h,
         width: M,
-        bottom: q,
+        bottom: A,
         right: ie
       };
-    }, m = (i, w, h = !1) => {
+    }, f = (i, w, h = !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 }, Y = B.value.offsetHeight, q = window.innerWidth, ie = window.innerHeight, de = i.offsetHeight, te = i.offsetWidth || 264, k = w && se(w) || M, fe = h ? k == null ? void 0 : k.right : k == null ? void 0 : k.left, me = h ? k == null ? void 0 : k.top : k == null ? void 0 : k.bottom, Ie = fe + k.width + te + n.offsetX < q, Be = fe + k.width / 2 - (te + n.offsetX) > 10, Pe = me + de < ie - n.offsetY, Me = me - (de + Y + n.offsetY) > 0;
+      const M = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 }, X = B.value.offsetHeight, A = window.innerWidth, ie = window.innerHeight, de = i.offsetHeight, te = i.offsetWidth || 264, z = w && se(w) || M, me = h ? z == null ? void 0 : z.right : z == null ? void 0 : z.left, fe = h ? z == null ? void 0 : z.top : z == null ? void 0 : z.bottom, Ie = me + z.width + te + n.offsetX < A, Be = me + z.width / 2 - (te + n.offsetX) > 10, Pe = fe + de < ie - n.offsetY, Me = fe - (de + X + n.offsetY) > 0;
       let be = !1;
-      return n.iconName && (be = k.right + te / 2 < q && k.left - (te + n.offsetX) / 2 >= 10), {
+      return n.iconName && (be = z.right + te / 2 < A && z.left - (te + n.offsetX) / 2 >= 10), {
         left: Be,
         right: Ie,
         bottom: Pe,
@@ -750,13 +766,13 @@ const to = "_wrapper__box_1avga_1", oo = "_wrapper_1avga_1", no = "_wrapper__ico
       };
     }, g = () => {
       we(() => {
-        var q;
+        var A;
         d.value = !0;
-        const { bottom: i, left: w, right: h, top: M, center: Y } = m(
-          A.value,
-          (q = A.value) == null ? void 0 : q.parentNode
+        const { bottom: i, left: w, right: h, top: M, center: X } = f(
+          R.value,
+          (A = R.value) == null ? void 0 : A.parentNode
         );
-        if (Y) {
+        if (X) {
           t.value = "center", a.value = i && !M ? "bottom" : "top";
           return;
         }
@@ -805,16 +821,16 @@ const to = "_wrapper__box_1avga_1", oo = "_wrapper_1avga_1", no = "_wrapper__ico
         return !1;
       const w = i.scrollHeight > i.offsetHeight, h = window.getComputedStyle(i).overflowY, M = ["auto", "scroll"].includes(h);
       return w && M;
-    }, N = (i) => {
+    }, O = (i) => {
       const w = (i == null ? void 0 : i.nodeType) === Node.COMMENT_NODE, h = (i == null ? void 0 : i.nodeType) === Node.DOCUMENT_NODE;
-      return !i || w || h ? document : x(i) ? i : N(i.parentNode);
-    }, G = () => {
+      return !i || w || h ? document : x(i) ? i : O(i.parentNode);
+    }, Y = () => {
       var i;
-      (i = H.value) == null || i.removeEventListener("scroll", g), window == null || window.removeEventListener("resize", g);
+      (i = q.value) == null || i.removeEventListener("scroll", g), window == null || window.removeEventListener("resize", g);
     }, ee = () => {
       we(() => {
         var i;
-        H.value = N(B.value), (i = H.value) == null || i.addEventListener("scroll", g), window == null || window.addEventListener("resize", g);
+        q.value = O(B.value), (i = q.value) == null || i.addEventListener("scroll", g), window == null || window.addEventListener("resize", g);
       });
     }, $e = () => {
       c.value = "wrapper", P.value = "d-b", l.value = !0;
@@ -822,10 +838,10 @@ const to = "_wrapper__box_1avga_1", oo = "_wrapper_1avga_1", no = "_wrapper__ico
       c.value = "icon", P.value = "d-b", b.value = !0;
     }, xe = () => {
       b.value = !1;
-    }, ke = () => {
+    }, ze = () => {
       c.value = "", l.value = !1, b.value = !1;
     }, Se = () => {
-      ke(), 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(() => {
+      ze(), 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 = () => {
@@ -835,76 +851,78 @@ const to = "_wrapper__box_1avga_1", oo = "_wrapper_1avga_1", no = "_wrapper__ico
     };
     return ce(() => {
       n.dynamicPosition && ee();
-    }), Le(() => {
-      G();
-    }), (i, w) => (p(), f("div", {
+    }), Ve(() => {
+      Y();
+    }), (i, w) => (p(), m("div", {
       id: i.id,
       ref_key: "tooltipRootRef",
       ref: B,
-      class: s(o(W).wrapper),
+      class: s(o(E).wrapper),
       onMouseenter: Ce,
       onMouseleave: Se
     }, [
-      i.iconName ? (p(), U(o(Q), {
+      i.iconName ? (p(), j(o(Q), {
         key: 0,
         ref_key: "tooltipIconRef",
         ref: r,
-        class: s(o(W).wrapper__icon),
+        class: s(o(E).wrapper__icon),
         name: i.iconName,
         onMouseenter: _e,
         onMouseleave: xe
-      }, null, 8, ["class", "name"])) : (p(), f("div", {
+      }, null, 8, ["class", "name"])) : (p(), m("div", {
         key: 1,
-        class: s(o(W).wrapper__icon),
+        class: s(o(E).wrapper__icon),
         onMouseenter: _e,
         onMouseleave: _e
       }, [
-        D(i.$slots, "triggerElement")
+        W(i.$slots, "triggerElement")
       ], 34)),
-      i.status ? (p(), f("div", {
+      i.status ? (p(), m("div", {
         key: 2,
         ref_key: "tooltipPopupRef",
-        ref: A,
-        class: s([o(W).wrapper__box, le.value, ae.value, P.value]),
-        style: F(i.absolutePosition)
+        ref: R,
+        class: s([o(E).wrapper__box, le.value, ae.value, P.value]),
+        style: U(i.absolutePosition)
       }, [
-        ye(o(po), {
+        ye(o(Po), {
           "border-triangle": "",
           "border-triangle-align": J.value,
-          "border-triangle-position": j.value,
-          class: s([o(W)["wrapper__box-content"], Z.value, e.value]),
-          style: F(K.value)
+          "border-triangle-position": D.value,
+          class: s([o(E)["wrapper__box-content"], Z.value, e.value]),
+          style: U(K.value)
         }, {
-          default: ze(() => [
+          default: ke(() => [
             y("div", {
-              class: s(o(W).wrapper__text),
-              style: F({ maxHeight: `${i.maxHeight}px`, overflowY: "auto" })
+              class: s(o(E).wrapper__text),
+              style: U({ maxHeight: `${i.maxHeight}px`, overflowY: "auto" })
             }, [
-              y("div", { innerHTML: re.value }, null, 8, lo),
-              D(i.$slots, "contentSlot")
+              y("div", { innerHTML: re.value }, null, 8, $o),
+              W(i.$slots, "contentSlot")
             ], 6)
           ]),
           _: 3
         }, 8, ["border-triangle-align", "border-triangle-position", "class", "style"])
-      ], 6)) : z("", !0)
-    ], 42, ao));
+      ], 6)) : k("", !0)
+    ], 42, ko));
   }
-}), so = "_box_14qkh_169", _o = "_flipBox_14qkh_257", ne = {
-  box: so,
-  "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: _o
-}, io = /* @__PURE__ */ T({
+}), xo = "_icon_1sx9k_122", zo = "_spinner_1sx9k_1", So = "_box_1sx9k_188", Co = "_flipBox_1sx9k_276", ne = {
+  icon: xo,
+  spinner: zo,
+  box: So,
+  "box_top-start": "_box_top-start_1sx9k_192",
+  "box_top-center": "_box_top-center_1sx9k_192",
+  "box_top-end": "_box_top-end_1sx9k_192",
+  "box_right-start": "_box_right-start_1sx9k_192",
+  "box_right-center": "_box_right-center_1sx9k_192",
+  "box_right-end": "_box_right-end_1sx9k_192",
+  "box_bottom-start": "_box_bottom-start_1sx9k_192",
+  "box_bottom-center": "_box_bottom-center_1sx9k_192",
+  "box_bottom-end": "_box_bottom-end_1sx9k_192",
+  "box_left-start": "_box_left-start_1sx9k_192",
+  "box_left-center": "_box_left-center_1sx9k_192",
+  "box_left-end": "_box_left-end_1sx9k_192",
+  flipBox: Co
+}, Io = /* @__PURE__ */ T({
   __name: "DefaultBox",
   props: {
     border: {},
@@ -921,37 +939,37 @@ const to = "_wrapper__box_1avga_1", oo = "_wrapper_1avga_1", no = "_wrapper__ico
     function _() {
       t("click");
     }
-    return (d, e) => (p(), f("div", {
+    return (d, e) => (p(), m("div", {
       class: s([o(ne).box, a.value, d.border, d.borderRadius]),
       onClick: _
     }, [
-      D(d.$slots, "default")
+      W(d.$slots, "default")
     ], 2));
   }
-}), uo = /* @__PURE__ */ T({
+}), Bo = /* @__PURE__ */ T({
   __name: "FlipBox",
   props: {
     boxSpacing: { default: "" }
   },
   setup(u) {
-    return (n, r) => (p(), f("div", {
+    return (n, r) => (p(), m("div", {
       class: s([o(ne).flipBox, n.boxSpacing])
     }, [
       y("div", null, [
         y("div", {
           class: s([o(ne).box, n.boxSpacing])
         }, [
-          D(n.$slots, "front")
+          W(n.$slots, "front")
         ], 2),
         y("div", {
           class: s([n.boxSpacing])
         }, [
-          D(n.$slots, "reverse")
+          W(n.$slots, "reverse")
         ], 2)
       ])
     ], 2));
   }
-}), po = /* @__PURE__ */ T({
+}), Po = /* @__PURE__ */ T({
   __name: "Box",
   props: {
     type: { default: "default" },
@@ -962,34 +980,34 @@ const to = "_wrapper__box_1avga_1", oo = "_wrapper_1avga_1", no = "_wrapper__ico
   },
   setup(u) {
     const n = {
-      default: io,
-      flip: uo
+      default: Io,
+      flip: Bo
     };
-    return (r, t) => (p(), U(Oe(n[r.type]), {
+    return (r, t) => (p(), j(Le(n[r.type]), {
       "border-triangle": r.borderTriangle,
       "border-triangle-align": r.borderTriangleAlign,
       "border-triangle-position": r.borderTrianglePosition,
       "box-spacing": r.boxSpacing
     }, {
-      default: ze(() => [
-        D(r.$slots, "default"),
-        D(r.$slots, "front"),
-        D(r.$slots, "reverse")
+      default: ke(() => [
+        W(r.$slots, "default"),
+        W(r.$slots, "front"),
+        W(r.$slots, "reverse")
       ]),
       _: 3
     }, 8, ["border-triangle", "border-triangle-align", "border-triangle-position", "box-spacing"]));
   }
 });
 export {
-  po as Box,
-  fo as Button,
-  mo as DropdownMenu,
+  Po as Box,
+  To as Button,
+  qo as DropdownMenu,
   Q as Icon,
-  wo as NumberInput,
-  bo as OnPageMessage,
-  vo as SegmentButton,
-  go as TextInput,
-  ho as Toggle,
-  yo as Tooltip
+  Oo as NumberInput,
+  Ho as OnPageMessage,
+  Vo as SegmentButton,
+  Lo as TextInput,
+  No as Toggle,
+  Eo as Tooltip
 };
 //# sourceMappingURL=ab-components.es.js.map