@useinsider/ab-components 0.0.21 → 0.0.22

package/dist/ab-components.es.js

@@ -1,41 +1,40 @@
-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({
+import { defineComponent as T, computed as C, openBlock as p, createElementBlock as m, normalizeClass as s, unref as o, createBlock as U, createCommentVNode as x, toDisplayString as I, ref as v, reactive as ve, onMounted as de, watch as oe, Fragment as pe, createElementVNode as y, withDirectives as ge, normalizeStyle as F, withModifiers as Te, vModelText as je, renderList as he, vShow as qe, createVNode as ye, onBeforeUnmount as He, renderSlot as E, withCtx as xe, nextTick as we, resolveDynamicComponent as Ve } from "vue";
+const Le = "_button__size_default_l1vz8_1", Oe = "_button__size_small_l1vz8_8", Ne = "_button_l1vz8_1", Ee = "_button__label_l1vz8_213", We = "_button__solid_l1vz8_225", De = "_fill_l1vz8_1145", Ae = "_spinner_l1vz8_1", R = {
+  button__size_default: Le,
+  button__size_small: Oe,
+  button: Ne,
+  button__label: Ee,
+  "button__solid-primary": "_button__solid-primary_l1vz8_225",
+  "no-hover-effect": "_no-hover-effect_l1vz8_232",
+  "button--selected": "_button--selected_l1vz8_254",
+  "button__solid-subtle-primary": "_button__solid-subtle-primary_l1vz8_261",
+  "button__solid-secondary": "_button__solid-secondary_l1vz8_297",
+  "button__solid-danger": "_button__solid-danger_l1vz8_333",
+  "button__solid-warning": "_button__solid-warning_l1vz8_369",
+  "button__solid-smart": "_button__solid-smart_l1vz8_405",
+  "button__ghost-primary": "_button__ghost-primary_l1vz8_441",
+  "button__ghost-subtle-primary": "_button__ghost-subtle-primary_l1vz8_477",
+  "button__ghost-secondary": "_button__ghost-secondary_l1vz8_513",
+  "button__ghost-danger": "_button__ghost-danger_l1vz8_549",
+  "button__ghost-warning": "_button__ghost-warning_l1vz8_585",
+  "button__ghost-smart": "_button__ghost-smart_l1vz8_621",
+  "button__text-primary": "_button__text-primary_l1vz8_657",
+  "button__text-text": "_button__text-text_l1vz8_693",
+  "button__text-subtle-primary": "_button__text-subtle-primary_l1vz8_729",
+  "button__text-secondary": "_button__text-secondary_l1vz8_765",
+  "button__text-danger": "_button__text-danger_l1vz8_801",
+  "button__text-warning": "_button__text-warning_l1vz8_837",
+  "button__text-smart": "_button__text-smart_l1vz8_873",
+  "button__outline-primary": "_button__outline-primary_l1vz8_909",
+  "button__outline-subtle-primary": "_button__outline-subtle-primary_l1vz8_946",
+  "button__outline-secondary": "_button__outline-secondary_l1vz8_983",
+  "button__outline-danger": "_button__outline-danger_l1vz8_1020",
+  "button__outline-warning": "_button__outline-warning_l1vz8_1057",
+  "button__outline-smart": "_button__outline-smart_l1vz8_1094",
+  button__solid: We,
+  fill: De,
+  spinner: Ae
+}, Re = ["disabled"], $o = /* @__PURE__ */ T({
   __name: "Button",
   props: {
     variant: {},
@@ -51,35 +50,35 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
   },
   emits: ["click"],
   setup(u, { emit: n }) {
-    const r = u, t = n, a = (d) => {
-      r.disabled || t("click", d);
+    const r = u, t = n, a = (c) => {
+      r.disabled || t("click", c);
     }, _ = C(() => r.loadingStatus ? "loading-circle" : r.successStatus ? "line-check-natural" : r.leftIconName);
-    return (d, e) => (p(), m("button", {
+    return (c, e) => (p(), m("button", {
       class: s([
-        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 }
+        o(R).button,
+        o(R)[`button__${c.variant}`],
+        o(R)[`button__${c.variant}-${c.color}`],
+        o(R)[`button__size_${c.size}`],
+        { [o(R).fill]: c.fill }
       ]),
       disabled: r.disabled,
       onClick: a
     }, [
-      _.value ? (p(), j(o(Q), {
+      _.value ? (p(), U(o(Q), {
         key: 0,
         name: _.value
-      }, null, 8, ["name"])) : k("", !0),
-      d.label ? (p(), m("span", {
+      }, null, 8, ["name"])) : x("", !0),
+      c.label ? (p(), m("span", {
         key: 1,
-        class: s(o(G).button__label)
-      }, I(d.label), 3)) : k("", !0),
-      d.rightIconName ? (p(), j(o(Q), {
+        class: s(o(R).button__label)
+      }, I(c.label), 3)) : x("", !0),
+      c.rightIconName ? (p(), U(o(Q), {
         key: 2,
-        name: d.rightIconName
-      }, null, 8, ["name"])) : k("", !0)
-    ], 10, Ye));
+        name: c.rightIconName
+      }, null, 8, ["name"])) : x("", !0)
+    ], 10, Re));
   }
-}), Xe = {
+}), Ge = {
   mounted(u, n) {
     u.clickOutsideEvent = (r) => {
       const t = (n.value.exclude || []).filter((_) => _.value).map((_) => _.value);
@@ -89,45 +88,44 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
   unmounted(u) {
     u.clickOutsideEvent && document.removeEventListener("click", u.clickOutsideEvent);
   }
-}, Fe = (u, n) => {
+}, Ye = (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;
-}, Ue = (u, n, r) => {
+}, Xe = (u, n, r) => {
   if (!r.trim())
     return u;
   const t = r.toLowerCase();
   return u.filter((a) => {
     const _ = String(a[n]);
-    return Fe(_.toLowerCase(), t);
+    return Ye(_.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;
+    const c = String(a[n]).toLowerCase(), e = String(_[n]).toLowerCase();
+    return c === t ? -1 : e === t ? 1 : c.startsWith(t) && !e.startsWith(t) ? -1 : !c.startsWith(t) && e.startsWith(t) ? 1 : c.length - e.length;
   });
-}, 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({
+}, Fe = "_dropdown_17m9p_1", Ue = "_menu_17m9p_1", Qe = "_dropdown__valueContent_17m9p_203", Ze = "_dropdown__label_17m9p_214", Je = "_dropdown__value_17m9p_203", Ke = "_dropdown__placeholder_17m9p_222", et = "_dropdown__arrowIcon_17m9p_230", tt = "_menu__searchContainer_17m9p_245", ot = "_menu__searchInputWrap_17m9p_249", nt = "_menu__searchInput_17m9p_249", rt = "_menu__errorMessage_17m9p_271", at = "_menu__addButton_17m9p_278", lt = "_menu__itemContainer_17m9p_286", st = "_menu__item_17m9p_286", _t = "_spinner_17m9p_1", $ = {
+  dropdown: Fe,
+  menu: Ue,
+  dropdown__valueContent: Qe,
+  "dropdown__valueContent--open": "_dropdown__valueContent--open_17m9p_211",
+  dropdown__label: Ze,
+  dropdown__value: Je,
+  dropdown__placeholder: Ke,
+  dropdown__arrowIcon: et,
+  menu__searchContainer: tt,
+  menu__searchInputWrap: ot,
+  menu__searchInput: nt,
+  "menu__searchInput--error": "_menu__searchInput--error_17m9p_268",
+  menu__errorMessage: rt,
+  menu__addButton: at,
+  menu__itemContainer: lt,
+  menu__item: st,
+  "menu__item--active": "_menu__item--active_17m9p_324",
+  spinner: _t
+}, it = ["for"], ut = ["placeholder"], pt = ["onClick"], zo = /* @__PURE__ */ T({
   __name: "DropdownMenu",
   props: {
     id: {},
@@ -144,49 +142,49 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(u, { emit: n }) {
-    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 = () => {
+    const r = Ge, t = u, a = n, _ = v(), c = v(), e = v(!1), l = v(null), b = v(""), d = v(null), P = v({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: t.menuHeight }), j = ve([...t.items]), B = ve([...t.items]), A = () => {
       if (!_.value)
         return;
-      const { offsetTop: f, offsetLeft: g, offsetWidth: x } = _.value, O = window.innerHeight, Y = f + _.value.offsetHeight, ee = Y + t.menuHeight > O;
+      const { offsetTop: f, offsetLeft: g, offsetWidth: z } = _.value, L = window.innerHeight, G = f + _.value.offsetHeight, ee = G + t.menuHeight > L;
       P.value = {
         x: g + window.scrollX,
-        y: ee ? f + window.scrollY : Y + window.scrollY,
-        width: x,
+        y: ee ? f + window.scrollY : G + window.scrollY,
+        width: z,
         shouldOpenUp: ee,
         height: t.menuHeight
       };
     }, S = () => {
-      R(), e.value = !e.value;
-    }, L = () => {
-      c.value = null, b.value = "", q.splice(0, q.length, ...B);
+      A(), e.value = !e.value;
+    }, V = () => {
+      d.value = null, b.value = "", j.splice(0, j.length, ...B);
     }, Z = () => {
-      e.value = !1, L();
+      e.value = !1, V();
     }, re = (f) => {
       l.value = f, a("select-item", f), a("update:modelValue", f.value), Z();
-    }, D = () => {
+    }, W = () => {
       const f = b.value.trim(), g = t.validateAddItem(f, B);
       if (g) {
-        c.value = g, a("add-error", g);
+        d.value = g, a("add-error", g);
         return;
       }
-      const x = {
+      const z = {
         text: f,
         value: f
       };
-      B.push(x), L(), a("item-added", x);
+      B.push(z), V(), a("item-added", z);
     }, ae = () => {
-      const f = Ue(B, "text", b.value);
-      q.splice(0, q.length, ...f);
+      const f = Xe(B, "text", b.value);
+      j.splice(0, j.length, ...f);
     }, J = () => {
-      c.value = "";
+      d.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`
     }));
-    ce(() => {
-      if (R(), t.modelValue) {
+    de(() => {
+      if (A(), t.modelValue) {
         const f = B.find((g) => g.value === t.modelValue);
         f && (l.value = f);
       }
@@ -195,17 +193,17 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
     oe(() => t.modelValue, (f) => {
       var g;
       if (((g = l.value) == null ? void 0 : g.value) !== f) {
-        const x = B.find((O) => O.value === f);
-        x && (l.value = x);
+        const z = B.find((L) => L.value === f);
+        z && (l.value = z);
       }
     }), oe(
       () => t.items,
       (f) => {
-        B.splice(0, B.length, ...f), q.splice(0, q.length, ...f);
+        B.splice(0, B.length, ...f), j.splice(0, j.length, ...f);
       },
       { deep: !0 }
     );
-    const se = v({ handler: Z, exclude: [_, d] });
+    const se = v({ handler: Z, exclude: [_, c] });
     return (f, g) => (p(), m(pe, null, [
       y("div", {
         ref_key: "dropdownRef",
@@ -216,7 +214,7 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
           key: 0,
           class: s(o($).dropdown__label),
           for: f.id
-        }, I(f.label), 11, pt)) : k("", !0),
+        }, I(f.label), 11, it)) : x("", !0),
         y("button", {
           class: s([
             o($).dropdown__valueContent,
@@ -232,7 +230,7 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
           f.placeholder && !K.value ? (p(), m("span", {
             key: 0,
             class: s(o($).dropdown__placeholder)
-          }, I(f.placeholder), 3)) : k("", !0),
+          }, I(f.placeholder), 3)) : x("", !0),
           (p(), m("svg", {
             fill: "none",
             height: "17",
@@ -250,9 +248,9 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
       ], 2),
       ge((p(), m("div", {
         ref_key: "menuRef",
-        ref: d,
+        ref: c,
         class: s(o($).menu),
-        style: U(le.value),
+        style: F(le.value),
         onClick: g[1] || (g[1] = Te(() => {
         }, ["prevent"]))
       }, [
@@ -268,48 +266,48 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
               class: s([
                 o($).menu__searchInput,
                 {
-                  [o($)["menu__searchInput--error"]]: c.value
+                  [o($)["menu__searchInput--error"]]: d.value
                 }
               ]),
               placeholder: f.searchPlaceHolder,
-              "onUpdate:modelValue": g[0] || (g[0] = (x) => b.value = x),
+              "onUpdate:modelValue": g[0] || (g[0] = (z) => b.value = z),
               onFocus: J,
               onInput: ae
-            }, null, 42, ct), [
-              [qe, b.value]
+            }, null, 42, ut), [
+              [je, b.value]
             ]),
-            c.value ? (p(), m("p", {
+            d.value ? (p(), m("p", {
               key: 0,
               class: s(o($).menu__errorMessage)
-            }, I(c.value), 3)) : k("", !0)
+            }, I(d.value), 3)) : x("", !0)
           ], 2),
           t.addable ? (p(), m("button", {
             key: 0,
             class: s(o($).menu__addButton),
-            onClick: D
-          }, I(f.addButtonText), 3)) : k("", !0)
-        ], 2)) : k("", !0),
+            onClick: W
+          }, I(f.addButtonText), 3)) : x("", !0)
+        ], 2)) : x("", !0),
         y("ul", {
           class: s(o($).menu__itemContainer)
         }, [
-          (p(!0), m(pe, null, he(q, (x, O) => (p(), m("li", {
-            key: `${x.value}-${O}`,
+          (p(!0), m(pe, null, he(j, (z, L) => (p(), m("li", {
+            key: `${z.value}-${L}`,
             class: s([
               o($).menu__item,
               {
-                [o($)["menu__item--active"]]: l.value && x.value === l.value.value
+                [o($)["menu__item--active"]]: l.value && z.value === l.value.value
               }
             ]),
-            onClick: (Y) => re(x)
-          }, I(x.text), 11, dt))), 128))
+            onClick: (G) => re(z)
+          }, I(z.text), 11, pt))), 128))
         ], 2)
       ], 6)), [
-        [He, e.value],
+        [qe, e.value],
         [o(r), se.value]
       ])
     ], 64));
   }
-}), mt = ["fill", "height", "width"], ft = ["xlink:href"], bt = /* @__PURE__ */ T({
+}), dt = ["fill", "height", "width"], ct = ["xlink:href"], mt = /* @__PURE__ */ T({
   __name: "Icon",
   props: {
     name: {},
@@ -326,24 +324,23 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
     }, [
       y("use", {
         "xlink:href": `#${t.name}`
-      }, null, 8, ft)
-    ], 8, mt));
+      }, null, 8, ct)
+    ], 8, dt));
   }
-}), vt = (u, n) => {
+}), ft = (u, n) => {
   const r = u.__vccOpts || u;
   for (const [t, a] of n)
     r[t] = a;
   return r;
-}, 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({
+}, Q = /* @__PURE__ */ ft(mt, [["__scopeId", "data-v-f04c8857"]]), bt = "_container_smuz7_1", vt = "_container__text_smuz7_205", gt = "_container__default_smuz7_209", wt = "_container__warning_smuz7_217", ht = "_container__alert_smuz7_225", yt = "_container__success_smuz7_233", xt = "_spinner_smuz7_1", ue = {
+  container: bt,
+  container__text: vt,
+  container__default: gt,
+  container__warning: wt,
+  container__alert: ht,
+  container__success: yt,
+  spinner: xt
+}, ko = /* @__PURE__ */ T({
   __name: "OnPageMessage",
   props: {
     variant: { default: "default" },
@@ -377,25 +374,24 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
       }, I(t.text), 3)
     ], 2));
   }
-}), 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({
+}), $t = "_button__size_default_wlx30_1", zt = "_button__size_small_wlx30_8", kt = "_button_wlx30_1", St = "_button__label_wlx30_211", Ct = "_button__solid_wlx30_350", It = "_segmentGroup_wlx30_357", Bt = "_fill_wlx30_379", Pt = "_spinner_wlx30_1", q = {
+  button__size_default: $t,
+  button__size_small: zt,
+  button: kt,
+  button__label: St,
+  "button--primary": "_button--primary_wlx30_228",
+  "button--selected": "_button--selected_wlx30_238",
+  "button--secondary": "_button--secondary_wlx30_251",
+  "button--danger": "_button--danger_wlx30_274",
+  "button--warning": "_button--warning_wlx30_297",
+  "button--smart": "_button--smart_wlx30_320",
+  button__solid: Ct,
+  segmentGroup: It,
+  "segmentGroup--vertical": "_segmentGroup--vertical_wlx30_360",
+  "segmentGroup--horizontal": "_segmentGroup--horizontal_wlx30_369",
+  fill: Bt,
+  spinner: Pt
+}, Mt = ["disabled", "onClick"], So = /* @__PURE__ */ T({
   __name: "SegmentButton",
   props: {
     color: {},
@@ -414,52 +410,51 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
     oe(() => r.modelValue, (e) => {
       a.value !== e && (a.value = e || "");
     });
-    const d = v([...r.segments]);
+    const c = v([...r.segments]);
     return oe(() => r.segments, (e) => {
-      d.value = [...e], e.some((l) => l.value === a.value) || (a.value = "", t("update:modelValue", ""));
+      c.value = [...e], e.some((l) => l.value === a.value) || (a.value = "", t("update:modelValue", ""));
     }, { deep: !0 }), (e, l) => (p(), m("div", {
       class: s([
-        o(H).segmentGroup,
-        o(H)[`segmentGroup--${e.align}`],
-        { [o(H).fill]: e.fill }
+        o(q).segmentGroup,
+        o(q)[`segmentGroup--${e.align}`],
+        { [o(q).fill]: e.fill }
       ])
     }, [
-      (p(!0), m(pe, null, he(d.value, (b, c) => (p(), m("button", {
-        key: `${b.value}-${c}`,
+      (p(!0), m(pe, null, he(c.value, (b, d) => (p(), m("button", {
+        key: `${b.value}-${d}`,
         class: s([
-          o(H).button,
-          o(H)[`button--${e.color}`],
-          o(H)[`button__size_${e.size}`],
-          o(H).fill,
+          o(q).button,
+          o(q)[`button--${e.color}`],
+          o(q)[`button__size_${e.size}`],
+          o(q).fill,
           {
-            [o(H)["button--selected"]]: b.value === a.value
+            [o(q)["button--selected"]]: b.value === a.value
           }
         ]),
         disabled: b.disabled || r.disabled,
         onClick: (P) => _(b)
       }, [
-        b.icon ? (p(), j(o(Q), {
+        b.icon ? (p(), U(o(Q), {
           key: 0,
           name: b.icon
-        }, null, 8, ["name"])) : k("", !0),
+        }, null, 8, ["name"])) : x("", !0),
         b.label ? (p(), m("span", {
           key: 1,
-          class: s(o(H).button__label)
-        }, I(b.label), 3)) : k("", !0)
-      ], 10, Vt))), 128))
+          class: s(o(q).button__label)
+        }, I(b.label), 3)) : x("", !0)
+      ], 10, Mt))), 128))
     ], 2));
   }
-}), 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({
+}), Tt = "_wrapper__field_1gjtq_1", jt = "_wrapper__label_1gjtq_1", qt = "_wrapper__errorMessage_1gjtq_1", Ht = "_wrapper__counter_1gjtq_1", Vt = "_wrapper_1gjtq_1", Lt = "_wrapper__bottom_1gjtq_241", Ot = "_spinner_1gjtq_1", H = {
+  wrapper__field: Tt,
+  wrapper__label: jt,
+  wrapper__errorMessage: qt,
+  wrapper__counter: Ht,
+  wrapper: Vt,
+  wrapper__bottom: Lt,
+  "wrapper--error": "_wrapper--error_1gjtq_254",
+  spinner: Ot
+}, Nt = ["for"], Et = ["id", "maxlength", "name", "placeholder", "value"], Wt = ["id", "maxlength", "name", "placeholder", "value"], Co = /* @__PURE__ */ T({
   __name: "TextInput",
   props: {
     id: {},
@@ -482,91 +477,90 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
         const e = Math.min(a.value.scrollHeight, r.maxHeight || a.value.scrollHeight);
         a.value.style.height = `${e}px`;
       }
-    }, d = (e) => {
+    }, c = (e) => {
       const l = e.target;
       t("input", e), t("update:modelValue", l.value), _();
     };
-    return ce(() => {
+    return de(() => {
       _();
     }), (e, l) => {
       var b;
       return p(), m("div", {
-        class: s(o(V).wrapper)
+        class: s(o(H).wrapper)
       }, [
         e.label ? (p(), m("label", {
           key: 0,
-          class: s(o(V).wrapper__label),
+          class: s(o(H).wrapper__label),
           for: e.id
-        }, I(e.label), 11, Gt)) : k("", !0),
+        }, I(e.label), 11, Nt)) : x("", !0),
         e.multiline ? (p(), m("textarea", {
           key: 1,
           id: e.id,
           ref_key: "textareaRef",
           ref: a,
           class: s([
-            o(V).wrapper__field,
+            o(H).wrapper__field,
             {
-              [o(V)["wrapper--error"]]: e.error
+              [o(H)["wrapper--error"]]: e.error
             }
           ]),
           maxlength: e.maxLength,
           name: e.name,
           placeholder: e.placeholder,
-          style: U(e.maxHeight ? { maxHeight: `${e.maxHeight}px` } : void 0),
+          style: F(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, Yt)) : (p(), m("input", {
+          onBlur: l[0] || (l[0] = (d) => t("blur", d)),
+          onChange: l[1] || (l[1] = (d) => e.$emit("change", d)),
+          onFocus: l[2] || (l[2] = (d) => t("focus", d)),
+          onInput: c,
+          onPaste: l[3] || (l[3] = (d) => t("paste", d))
+        }, null, 46, Et)) : (p(), m("input", {
           key: 2,
           id: e.id,
           type: "text",
           class: s([
-            o(V).wrapper__field,
+            o(H).wrapper__field,
             {
-              [o(V)["wrapper--error"]]: e.error
+              [o(H)["wrapper--error"]]: e.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, Xt)),
+          onBlur: l[4] || (l[4] = (d) => t("blur", d)),
+          onChange: l[5] || (l[5] = (d) => e.$emit("change", d)),
+          onFocus: l[6] || (l[6] = (d) => t("focus", d)),
+          onInput: c,
+          onPaste: l[7] || (l[7] = (d) => t("paste", d))
+        }, null, 42, Wt)),
         y("div", {
-          class: s(o(V).wrapper__bottom)
+          class: s(o(H).wrapper__bottom)
         }, [
           e.error ? (p(), m("div", {
             key: 0,
-            class: s(o(V).wrapper__errorMessage)
-          }, I(e.error), 3)) : k("", !0),
+            class: s(o(H).wrapper__errorMessage)
+          }, I(e.error), 3)) : x("", !0),
           e.counter ? (p(), m("div", {
             key: 1,
-            class: s(o(V).wrapper__counter)
-          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : k("", !0)
+            class: s(o(H).wrapper__counter)
+          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : x("", !0)
         ], 2)
       ], 2);
     };
   }
-}), 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({
+}), Dt = "_wrapper__label_1wzvv_1", At = "_wrapper__errorMessage_1wzvv_1", Rt = "_wrapper__counter_1wzvv_1", Gt = "_wrapper_1wzvv_1", Yt = "_wrapper__field_1wzvv_8", Xt = "_wrapper__size_default_1wzvv_205", Ft = "_wrapper__size_small_1wzvv_208", Ut = "_wrapper__bottom_1wzvv_245", Qt = "_spinner_1wzvv_1", O = {
+  wrapper__label: Dt,
+  wrapper__errorMessage: At,
+  wrapper__counter: Rt,
+  wrapper: Gt,
+  wrapper__field: Yt,
+  wrapper__size_default: Xt,
+  wrapper__size_small: Ft,
+  wrapper__bottom: Ut,
+  "wrapper--error": "_wrapper--error_1wzvv_258",
+  spinner: Qt
+}, Zt = ["for"], Jt = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], Io = /* @__PURE__ */ T({
   __name: "NumberInput",
   props: {
     id: {},
@@ -592,27 +586,27 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
     }, _ = (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));
+    }, c = (e) => {
+      const l = e.target, b = l.value, d = a(l.value === "" ? String(r.min || 0) : l.value);
+      l.value = d, t("blur", e), b !== d && t("update:modelValue", Number(d));
     };
     return (e, l) => {
       var b;
       return p(), m("div", {
-        class: s([o(N).wrapper, o(N)[`wrapper__size_${e.size}`]])
+        class: s([o(O).wrapper, o(O)[`wrapper__size_${e.size}`]])
       }, [
         e.label ? (p(), m("label", {
           key: 0,
-          class: s(o(N).wrapper__label),
+          class: s(o(O).wrapper__label),
           for: e.id
-        }, I(e.label), 11, no)) : k("", !0),
+        }, I(e.label), 11, Zt)) : x("", !0),
         y("input", {
           id: e.id,
           type: "number",
           class: s([
-            o(N).wrapper__field,
+            o(O).wrapper__field,
             {
-              [o(N)["wrapper--error"]]: e.error || e.errorStatus
+              [o(O)["wrapper--error"]]: e.error || e.errorStatus
             }
           ]),
           max: e.max,
@@ -621,37 +615,36 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
           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)),
+          onBlur: c,
+          onChange: l[0] || (l[0] = (d) => e.$emit("change", d)),
+          onFocus: l[1] || (l[1] = (d) => t("focus", d)),
           onInput: _,
-          onPaste: l[2] || (l[2] = (c) => t("paste", c))
-        }, null, 42, ro),
+          onPaste: l[2] || (l[2] = (d) => t("paste", d))
+        }, null, 42, Jt),
         e.counter || e.error ? (p(), m("div", {
           key: 1,
-          class: s(o(N).wrapper__bottom)
+          class: s(o(O).wrapper__bottom)
         }, [
           e.error ? (p(), m("div", {
             key: 0,
-            class: s(o(N).wrapper__errorMessage)
-          }, I(e.error), 3)) : k("", !0),
+            class: s(o(O).wrapper__errorMessage)
+          }, I(e.error), 3)) : x("", !0),
           e.counter ? (p(), m("div", {
             key: 1,
-            class: s(o(N).wrapper__counter)
-          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : k("", !0)
-        ], 2)) : k("", !0)
+            class: s(o(O).wrapper__counter)
+          }, I(((b = e.modelValue) == null ? void 0 : b.toString().length) || 0), 3)) : x("", !0)
+        ], 2)) : x("", !0)
       ], 2);
     };
   }
-}), 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({
+}), Kt = "_wrapper_192md_189", eo = "_wrapper__label_192md_196", to = "_wrapper__input_192md_220", oo = "_wrapper_checked_192md_230", no = "_wrapper_disabled_192md_237", ro = "_spinner_192md_1", X = {
+  wrapper: Kt,
+  wrapper__label: eo,
+  wrapper__input: to,
+  wrapper_checked: oo,
+  wrapper_disabled: no,
+  spinner: ro
+}, ao = ["id", "checked", "disabled", "name"], lo = ["for"], Bo = /* @__PURE__ */ T({
   __name: "Toggle",
   props: {
     id: {},
@@ -664,12 +657,12 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
     const r = u, t = n, a = () => {
       t("click", !r.checked);
     };
-    return (_, d) => (p(), m("fieldset", {
+    return (_, c) => (p(), m("fieldset", {
       class: s([
-        o(F).wrapper,
+        o(X).wrapper,
         {
-          [o(F).wrapper_checked]: _.checked,
-          [o(F).wrapper_disabled]: _.disabled
+          [o(X).wrapper_checked]: _.checked,
+          [o(X).wrapper_disabled]: _.disabled
         }
       ])
     }, [
@@ -677,50 +670,49 @@ const Oe = "_button__size_default_1vdmr_1", Ne = "_button__size_small_1vdmr_8",
         id: _.id,
         type: "checkbox",
         checked: _.checked,
-        class: s(o(F).wrapper__input),
+        class: s(o(X).wrapper__input),
         disabled: _.disabled,
         name: _.name,
         onClick: a
-      }, null, 10, co),
+      }, null, 10, ao),
       y("label", {
-        class: s(o(F).wrapper__label),
+        class: s(o(X).wrapper__label),
         for: _.id
-      }, null, 10, mo)
+      }, null, 10, lo)
     ], 2));
   }
 });
-function fo(u = "") {
+function so(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 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({
+const _o = "_wrapper__box_1djqh_1", io = "_wrapper_1djqh_1", uo = "_wrapper__icon_1djqh_204", po = "_wrapper__text_1djqh_287", co = "_spinner_1djqh_1", N = {
+  wrapper__box: _o,
+  wrapper: io,
+  wrapper__icon: uo,
+  "wrapper__box_bottom-start": "_wrapper__box_bottom-start_1djqh_219",
+  "wrapper__box_bottom-center": "_wrapper__box_bottom-center_1djqh_225",
+  "wrapper__box_bottom-end": "_wrapper__box_bottom-end_1djqh_231",
+  "wrapper__box_top-start": "_wrapper__box_top-start_1djqh_237",
+  "wrapper__box_top-center": "_wrapper__box_top-center_1djqh_243",
+  "wrapper__box_top-end": "_wrapper__box_top-end_1djqh_249",
+  "wrapper__box_right-start": "_wrapper__box_right-start_1djqh_255",
+  "wrapper__box_right-center": "_wrapper__box_right-center_1djqh_261",
+  "wrapper__box_right-end": "_wrapper__box_right-end_1djqh_267",
+  "wrapper__box_left-start": "_wrapper__box_left-start_1djqh_272",
+  "wrapper__box_left-center": "_wrapper__box_left-center_1djqh_277",
+  "wrapper__box_left-end": "_wrapper__box_left-end_1djqh_282",
+  wrapper__text: po,
+  "wrapper__box-content": "_wrapper__box-content_1djqh_316",
+  "bottom-entrance": "_bottom-entrance_1djqh_329",
+  "top-entrance": "_top-entrance_1djqh_332",
+  "left-entrance": "_left-entrance_1djqh_335",
+  "right-entrance": "_right-entrance_1djqh_338",
+  "bottom-leave": "_bottom-leave_1djqh_341",
+  "top-leave": "_top-leave_1djqh_344",
+  "right-leave": "_right-leave_1djqh_347",
+  "left-leave": "_left-leave_1djqh_350",
+  spinner: co
+}, mo = ["id"], fo = ["innerHTML"], Po = /* @__PURE__ */ T({
   __name: "Tooltip",
   props: {
     id: {},
@@ -739,25 +731,25 @@ const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz
     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"), 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 ? {
+    const n = u, r = v(null), t = v("center"), a = v("bottom"), _ = v("center"), c = v(!1), e = v(""), l = v(!1), b = v(!1), d = v(""), P = v("d-n"), j = v(null), B = v(null), A = v(null), S = C(() => n.staticPosition.split(" ")[0]), V = C(() => n.staticPosition.split(" ")[1]), Z = C(() => n.iconName ? "mt-1" : "mt-0"), re = C(() => n.preventXss ? so(n.text) : n.text), W = C(() => n.absolutePositionStatus ? n.absoluteTrianglePosition : n.dynamicPosition && c.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 || d.value === "icon" && l.value ? "opa-1" : "opa-0"), J = C(() => n.absolutePositionStatus ? n.absoluteTriangleAlignment : n.dynamicPosition && c.value ? t.value === "center" ? "center" : t.value === "end" ? "end" : t.value === "start" ? "start" : _.value : V.value === "center" ? "center" : V.value === "left" || V.value === "top" ? "start" : V.value === "right" || V.value === "bottom" ? "end" : "center"), le = C(() => n.absolutePositionStatus ? "" : n.dynamicPosition && c.value ? N[`wrapper__box_${a.value}-${t.value}`] : N[`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`
-    } : 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;
+    } : W.value === "top" || W.value === "bottom" ? {
+      [`margin-${W.value}`]: `${n.offsetY}px`
+    } : { [`margin-${W.value}`]: `${n.offsetX}px` }), se = (i) => {
+      const { offsetTop: w, offsetLeft: h, offsetWidth: M, offsetHeight: Y } = i, D = w + Y, ie = h + M;
       return {
         top: w,
         left: h,
         width: M,
-        bottom: A,
+        bottom: D,
         right: ie
       };
     }, 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 }, 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;
+      const M = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 }, Y = B.value.offsetHeight, D = window.innerWidth, ie = window.innerHeight, ce = i.offsetHeight, te = i.offsetWidth || 264, k = w && se(w) || M, me = h ? k == null ? void 0 : k.right : k == null ? void 0 : k.left, fe = h ? k == null ? void 0 : k.top : k == null ? void 0 : k.bottom, Ie = me + k.width + te + n.offsetX < D, Be = me + k.width / 2 - (te + n.offsetX) > 10, Pe = fe + ce < ie - n.offsetY, Me = fe - (ce + Y + n.offsetY) > 0;
       let be = !1;
-      return n.iconName && (be = z.right + te / 2 < A && z.left - (te + n.offsetX) / 2 >= 10), {
+      return n.iconName && (be = k.right + te / 2 < D && k.left - (te + n.offsetX) / 2 >= 10), {
         left: Be,
         right: Ie,
         bottom: Pe,
@@ -766,13 +758,13 @@ const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz
       };
     }, g = () => {
       we(() => {
-        var A;
-        d.value = !0;
-        const { bottom: i, left: w, right: h, top: M, center: X } = f(
-          R.value,
-          (A = R.value) == null ? void 0 : A.parentNode
+        var D;
+        c.value = !0;
+        const { bottom: i, left: w, right: h, top: M, center: Y } = f(
+          A.value,
+          (D = A.value) == null ? void 0 : D.parentNode
         );
-        if (X) {
+        if (Y) {
           t.value = "center", a.value = i && !M ? "bottom" : "top";
           return;
         }
@@ -816,32 +808,32 @@ const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz
           h && !w && (t.value = "start", a.value = "bottom", _.value = "top");
         }
       });
-    }, x = (i) => {
+    }, z = (i) => {
       if (!(i instanceof HTMLElement))
         return !1;
       const w = i.scrollHeight > i.offsetHeight, h = window.getComputedStyle(i).overflowY, M = ["auto", "scroll"].includes(h);
       return w && M;
-    }, O = (i) => {
+    }, L = (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 : O(i.parentNode);
-    }, Y = () => {
+      return !i || w || h ? document : z(i) ? i : L(i.parentNode);
+    }, G = () => {
       var i;
-      (i = q.value) == null || i.removeEventListener("scroll", g), window == null || window.removeEventListener("resize", g);
+      (i = j.value) == null || i.removeEventListener("scroll", g), window == null || window.removeEventListener("resize", g);
     }, ee = () => {
       we(() => {
         var i;
-        q.value = O(B.value), (i = q.value) == null || i.addEventListener("scroll", g), window == null || window.addEventListener("resize", g);
+        j.value = L(B.value), (i = j.value) == null || i.addEventListener("scroll", g), window == null || window.addEventListener("resize", g);
       });
     }, $e = () => {
-      c.value = "wrapper", P.value = "d-b", l.value = !0;
+      d.value = "wrapper", P.value = "d-b", l.value = !0;
     }, _e = () => {
-      c.value = "icon", P.value = "d-b", b.value = !0;
-    }, xe = () => {
-      b.value = !1;
+      d.value = "icon", P.value = "d-b", b.value = !0;
     }, ze = () => {
-      c.value = "", l.value = !1, b.value = !1;
+      b.value = !1;
+    }, ke = () => {
+      d.value = "", l.value = !1, b.value = !1;
     }, Se = () => {
-      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(() => {
+      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(() => {
         e.value = "", P.value = "d-n";
       }, n.absolutePositionStatus ? 0 : 250);
     }, Ce = () => {
@@ -849,80 +841,79 @@ const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz
         e.value = "";
       }, 250);
     };
-    return ce(() => {
+    return de(() => {
       n.dynamicPosition && ee();
-    }), Ve(() => {
-      Y();
+    }), He(() => {
+      G();
     }), (i, w) => (p(), m("div", {
       id: i.id,
       ref_key: "tooltipRootRef",
       ref: B,
-      class: s(o(E).wrapper),
+      class: s(o(N).wrapper),
       onMouseenter: Ce,
       onMouseleave: Se
     }, [
-      i.iconName ? (p(), j(o(Q), {
+      i.iconName ? (p(), U(o(Q), {
         key: 0,
         ref_key: "tooltipIconRef",
         ref: r,
-        class: s(o(E).wrapper__icon),
+        class: s(o(N).wrapper__icon),
         name: i.iconName,
         onMouseenter: _e,
-        onMouseleave: xe
+        onMouseleave: ze
       }, null, 8, ["class", "name"])) : (p(), m("div", {
         key: 1,
-        class: s(o(E).wrapper__icon),
+        class: s(o(N).wrapper__icon),
         onMouseenter: _e,
         onMouseleave: _e
       }, [
-        W(i.$slots, "triggerElement")
+        E(i.$slots, "triggerElement")
       ], 34)),
       i.status ? (p(), m("div", {
         key: 2,
         ref_key: "tooltipPopupRef",
-        ref: R,
-        class: s([o(E).wrapper__box, le.value, ae.value, P.value]),
-        style: U(i.absolutePosition)
+        ref: A,
+        class: s([o(N).wrapper__box, le.value, ae.value, P.value]),
+        style: F(i.absolutePosition)
       }, [
-        ye(o(Po), {
+        ye(o(yo), {
           "border-triangle": "",
           "border-triangle-align": J.value,
-          "border-triangle-position": D.value,
-          class: s([o(E)["wrapper__box-content"], Z.value, e.value]),
-          style: U(K.value)
+          "border-triangle-position": W.value,
+          class: s([o(N)["wrapper__box-content"], Z.value, e.value]),
+          style: F(K.value)
         }, {
-          default: ke(() => [
+          default: xe(() => [
             y("div", {
-              class: s(o(E).wrapper__text),
-              style: U({ maxHeight: `${i.maxHeight}px`, overflowY: "auto" })
+              class: s(o(N).wrapper__text),
+              style: F({ maxHeight: `${i.maxHeight}px`, overflowY: "auto" })
             }, [
-              y("div", { innerHTML: re.value }, null, 8, $o),
-              W(i.$slots, "contentSlot")
+              y("div", { innerHTML: re.value }, null, 8, fo),
+              E(i.$slots, "contentSlot")
             ], 6)
           ]),
           _: 3
         }, 8, ["border-triangle-align", "border-triangle-position", "class", "style"])
-      ], 6)) : k("", !0)
-    ], 42, ko));
+      ], 6)) : x("", !0)
+    ], 42, mo));
   }
-}), 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({
+}), bo = "_box_1ebla_189", vo = "_flipBox_1ebla_277", go = "_spinner_1ebla_1", ne = {
+  box: bo,
+  "box_top-start": "_box_top-start_1ebla_193",
+  "box_top-center": "_box_top-center_1ebla_193",
+  "box_top-end": "_box_top-end_1ebla_193",
+  "box_right-start": "_box_right-start_1ebla_193",
+  "box_right-center": "_box_right-center_1ebla_193",
+  "box_right-end": "_box_right-end_1ebla_193",
+  "box_bottom-start": "_box_bottom-start_1ebla_193",
+  "box_bottom-center": "_box_bottom-center_1ebla_193",
+  "box_bottom-end": "_box_bottom-end_1ebla_193",
+  "box_left-start": "_box_left-start_1ebla_193",
+  "box_left-center": "_box_left-center_1ebla_193",
+  "box_left-end": "_box_left-end_1ebla_193",
+  flipBox: vo,
+  spinner: go
+}, wo = /* @__PURE__ */ T({
   __name: "DefaultBox",
   props: {
     border: {},
@@ -939,14 +930,14 @@ const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz
     function _() {
       t("click");
     }
-    return (d, e) => (p(), m("div", {
-      class: s([o(ne).box, a.value, d.border, d.borderRadius]),
+    return (c, e) => (p(), m("div", {
+      class: s([o(ne).box, a.value, c.border, c.borderRadius]),
       onClick: _
     }, [
-      W(d.$slots, "default")
+      E(c.$slots, "default")
     ], 2));
   }
-}), Bo = /* @__PURE__ */ T({
+}), ho = /* @__PURE__ */ T({
   __name: "FlipBox",
   props: {
     boxSpacing: { default: "" }
@@ -959,17 +950,17 @@ const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz
         y("div", {
           class: s([o(ne).box, n.boxSpacing])
         }, [
-          W(n.$slots, "front")
+          E(n.$slots, "front")
         ], 2),
         y("div", {
           class: s([n.boxSpacing])
         }, [
-          W(n.$slots, "reverse")
+          E(n.$slots, "reverse")
         ], 2)
       ])
     ], 2));
   }
-}), Po = /* @__PURE__ */ T({
+}), yo = /* @__PURE__ */ T({
   __name: "Box",
   props: {
     type: { default: "default" },
@@ -980,34 +971,34 @@ const bo = "_wrapper__box_49orz_1", vo = "_icon_49orz_129", go = "_spinner_49orz
   },
   setup(u) {
     const n = {
-      default: Io,
-      flip: Bo
+      default: wo,
+      flip: ho
     };
-    return (r, t) => (p(), j(Le(n[r.type]), {
+    return (r, t) => (p(), U(Ve(n[r.type]), {
       "border-triangle": r.borderTriangle,
       "border-triangle-align": r.borderTriangleAlign,
       "border-triangle-position": r.borderTrianglePosition,
       "box-spacing": r.boxSpacing
     }, {
-      default: ke(() => [
-        W(r.$slots, "default"),
-        W(r.$slots, "front"),
-        W(r.$slots, "reverse")
+      default: xe(() => [
+        E(r.$slots, "default"),
+        E(r.$slots, "front"),
+        E(r.$slots, "reverse")
       ]),
       _: 3
     }, 8, ["border-triangle", "border-triangle-align", "border-triangle-position", "box-spacing"]));
   }
 });
 export {
-  Po as Box,
-  To as Button,
-  qo as DropdownMenu,
+  yo as Box,
+  $o as Button,
+  zo as DropdownMenu,
   Q as Icon,
-  Oo as NumberInput,
-  Ho as OnPageMessage,
-  Vo as SegmentButton,
-  Lo as TextInput,
-  No as Toggle,
-  Eo as Tooltip
+  Io as NumberInput,
+  ko as OnPageMessage,
+  So as SegmentButton,
+  Co as TextInput,
+  Bo as Toggle,
+  Po as Tooltip
 };
 //# sourceMappingURL=ab-components.es.js.map