@namba_one/ui-kit-2 1.0.102 → 1.0.103

package/dist/index.es.js

@@ -19295,527 +19295,98 @@ const os = /* @__PURE__ */ sp(F1), O1 = /* @__PURE__ */ de({
   grow: Rk
 }, zk = {
   $style: Lk
-}, nT = /* @__PURE__ */ $e(Ek, [["__cssModules", zk]]), Nu = /* @__PURE__ */ new Set(), jt = /* @__PURE__ */ new WeakMap(), Un = /* @__PURE__ */ new WeakMap(), $n = /* @__PURE__ */ new WeakMap(), Mi = /* @__PURE__ */ new WeakMap(), Vk = /* @__PURE__ */ new WeakMap(), jn = /* @__PURE__ */ new WeakMap(), ls = /* @__PURE__ */ new WeakMap(), rr = /* @__PURE__ */ new WeakSet();
-let sn, ao = 0, no = 0;
-const Ia = "__aa_tgt", mr = "__aa_del", us = "__aa_new", Nk = (t) => {
-  const e = Gk(t);
-  e && e.forEach((a) => qk(a));
-}, Yk = (t) => {
-  t.forEach((e) => {
-    e.target === sn && Wk(), jt.has(e.target) && Tn(e.target);
-  });
-};
-function Hk(t) {
-  const e = Mi.get(t);
-  e == null || e.disconnect();
-  let a = jt.get(t), n = 0;
-  const r = 5;
-  a || (a = Gn(t), jt.set(t, a));
-  const { offsetWidth: s, offsetHeight: i } = sn, l = [
-    a.top - r,
-    s - (a.left + r + a.width),
-    i - (a.top + r + a.height),
-    a.left - r
-  ].map((d) => `${-1 * Math.floor(d)}px`).join(" "), u = new IntersectionObserver(() => {
-    ++n > 1 && Tn(t);
-  }, {
-    root: sn,
-    threshold: 1,
-    rootMargin: l
-  });
-  u.observe(t), Mi.set(t, u);
-}
-function Tn(t) {
-  clearTimeout(ls.get(t));
-  const e = Fs(t), a = gr(e) ? 500 : e.duration;
-  ls.set(t, setTimeout(async () => {
-    const n = $n.get(t);
-    try {
-      await (n == null ? void 0 : n.finished), jt.set(t, Gn(t)), Hk(t);
-    } catch {
-    }
-  }, a));
-}
-function Wk() {
-  clearTimeout(ls.get(sn)), ls.set(sn, setTimeout(() => {
-    Nu.forEach((t) => Wu(t, (e) => Yu(() => Tn(e))));
-  }, 100));
-}
-function Uk(t) {
-  setTimeout(() => {
-    Vk.set(t, setInterval(() => Yu(Tn.bind(null, t)), 2e3));
-  }, Math.round(2e3 * Math.random()));
-}
-function Yu(t) {
-  typeof requestIdleCallback == "function" ? requestIdleCallback(() => t()) : requestAnimationFrame(() => t());
-}
-let Di, In;
-const jk = typeof window < "u" && "ResizeObserver" in window;
-jk && (sn = document.documentElement, Di = new MutationObserver(Nk), In = new ResizeObserver(Yk), window.addEventListener("scroll", () => {
-  no = window.scrollY, ao = window.scrollX;
-}), In.observe(sn));
-function Gk(t) {
-  return t.reduce((n, r) => [
-    ...n,
-    ...Array.from(r.addedNodes),
-    ...Array.from(r.removedNodes)
-  ], []).every((n) => n.nodeName === "#comment") ? !1 : t.reduce((n, r) => {
-    if (n === !1)
-      return !1;
-    if (r.target instanceof Element) {
-      if (ci(r.target), !n.has(r.target)) {
-        n.add(r.target);
-        for (let s = 0; s < r.target.children.length; s++) {
-          const i = r.target.children.item(s);
-          if (i) {
-            if (mr in i)
-              return !1;
-            ci(r.target, i), n.add(i);
-          }
+}, nT = /* @__PURE__ */ $e(Ek, [["__cssModules", zk]]), Vk = /* @__PURE__ */ de({
+  __name: "ToastItem",
+  props: {
+    title: {},
+    view: { default: "base" },
+    fontWeight: { default: "regular" }
+  },
+  setup(t) {
+    const e = B(() => {
+      if (t.fontWeight === "regular")
+        switch (t.view) {
+          case "danger":
+            return "outline-warning";
+          default:
+            return "outline-check";
         }
+      switch (t.view) {
+        case "danger":
+          return "filled-warning";
+        default:
+          return "filled-success";
       }
-      if (r.removedNodes.length)
-        for (let s = 0; s < r.removedNodes.length; s++) {
-          const i = r.removedNodes[s];
-          if (mr in i)
-            return !1;
-          i instanceof Element && (n.add(i), ci(r.target, i), Un.set(i, [
-            r.previousSibling,
-            r.nextSibling
-          ]));
-        }
-    }
-    return n;
-  }, /* @__PURE__ */ new Set());
-}
-function ci(t, e) {
-  !e && !(Ia in t) ? Object.defineProperty(t, Ia, { value: t }) : e && !(Ia in e) && Object.defineProperty(e, Ia, { value: t });
-}
-function qk(t) {
-  var e;
-  const a = t.isConnected, n = jt.has(t);
-  a && Un.has(t) && Un.delete(t), $n.has(t) && ((e = $n.get(t)) === null || e === void 0 || e.cancel()), us in t ? Jo(t) : n && a ? Kk(t) : n && !a ? Qk(t) : Jo(t);
-}
-function ya(t) {
-  return Number(t.replace(/[^0-9.\-]/g, ""));
-}
-function Xk(t) {
-  let e = t.parentElement;
-  for (; e; ) {
-    if (e.scrollLeft || e.scrollTop)
-      return { x: e.scrollLeft, y: e.scrollTop };
-    e = e.parentElement;
-  }
-  return { x: 0, y: 0 };
-}
-function Gn(t) {
-  const e = t.getBoundingClientRect(), { x: a, y: n } = Xk(t);
-  return {
-    top: e.top + n,
-    left: e.left + a,
-    width: e.width,
-    height: e.height
-  };
-}
-function ro(t, e, a) {
-  let n = e.width, r = e.height, s = a.width, i = a.height;
-  const o = getComputedStyle(t);
-  if (o.getPropertyValue("box-sizing") === "content-box") {
-    const u = ya(o.paddingTop) + ya(o.paddingBottom) + ya(o.borderTopWidth) + ya(o.borderBottomWidth), d = ya(o.paddingLeft) + ya(o.paddingRight) + ya(o.borderRightWidth) + ya(o.borderLeftWidth);
-    n -= d, s -= d, r -= u, i -= u;
+    }), a = B(() => {
+      switch (t.view) {
+        case "primary":
+          return "foreground-element-tooltip-primary";
+        default:
+          return "text-common-base-inverse-default";
+      }
+    }), n = B(() => {
+      switch (t.view) {
+        case "primary":
+          return "foreground-element-tooltip-primary";
+        default:
+          return "icon-common-base-tertiary-default";
+      }
+    });
+    return (r, s) => (v(), S("div", {
+      class: b([r.$style.root, r.$style[`view_${r.view}`]]),
+      onClick: s[0] || (s[0] = (i) => r.$emit("click"))
+    }, [
+      K(f(Qe), {
+        size: 18,
+        name: e.value,
+        color: n.value
+      }, null, 8, ["name", "color"]),
+      K(f(Fe), {
+        class: b(r.$style.title),
+        size: "subhead",
+        weight: r.fontWeight,
+        color: a.value,
+        align: "left"
+      }, {
+        default: H(() => [
+          Ce(be(r.title), 1)
+        ]),
+        _: 1
+      }, 8, ["class", "weight", "color"]),
+      K(f(Qe), {
+        size: 18,
+        name: "outline-cross",
+        color: n.value
+      }, null, 8, ["color"])
+    ], 2));
   }
-  return [n, s, r, i].map(Math.round);
-}
-function Fs(t) {
-  return Ia in t && jn.has(t[Ia]) ? jn.get(t[Ia]) : { duration: 250, easing: "ease-in-out" };
-}
-function Hu(t) {
-  if (Ia in t)
-    return t[Ia];
-}
-function so(t) {
-  const e = Hu(t);
-  return e ? rr.has(e) : !1;
-}
-function Wu(t, ...e) {
-  e.forEach((a) => a(t, jn.has(t)));
-  for (let a = 0; a < t.children.length; a++) {
-    const n = t.children.item(a);
-    n && e.forEach((r) => r(n, jn.has(n)));
+}), Nk = "ToastItem__root_8d069", Yk = "ToastItem__view_base_44eac", Hk = "ToastItem__view_danger_833b2", Wk = "ToastItem__view_primary_d308a", Uk = "ToastItem__title_00905", jk = {
+  root: Nk,
+  view_base: Yk,
+  view_danger: Hk,
+  view_primary: Wk,
+  title: Uk
+}, Gk = {
+  $style: jk
+}, qk = /* @__PURE__ */ $e(Vk, [["__cssModules", Gk]]);
+class Xk {
+  constructor() {
+    Me(this, "list", W([]));
+    Me(this, "timeouts", W({}));
   }
-}
-function io(t) {
-  return Array.isArray(t) ? t : [t];
-}
-function gr(t) {
-  return typeof t == "function";
-}
-function Kk(t) {
-  const e = jt.get(t), a = Gn(t);
-  if (!so(t))
-    return jt.set(t, a);
-  let n;
-  if (!e)
-    return;
-  const r = Fs(t);
-  if (typeof r != "function") {
-    const s = e.left - a.left, i = e.top - a.top, [o, l, u, d] = ro(t, e, a), c = {
-      transform: `translate(${s}px, ${i}px)`
-    }, h = {
-      transform: "translate(0, 0)"
-    };
-    o !== l && (c.width = `${o}px`, h.width = `${l}px`), u !== d && (c.height = `${u}px`, h.height = `${d}px`), n = t.animate([c, h], {
-      duration: r.duration,
-      easing: r.easing
+  restartTimeouts() {
+    Object.keys(this.timeouts.value).forEach((e, a) => {
+      this.timeouts.value[e] = setTimeout(
+        () => {
+          this.remove(+e), clearTimeout(this.timeouts.value[e]);
+        },
+        4e3 + a * 300
+      );
     });
-  } else {
-    const [s] = io(r(t, "remain", e, a));
-    n = new Animation(s), n.play();
   }
-  $n.set(t, n), jt.set(t, a), n.addEventListener("finish", Tn.bind(null, t));
-}
-function Jo(t) {
-  us in t && delete t[us];
-  const e = Gn(t);
-  jt.set(t, e);
-  const a = Fs(t);
-  if (!so(t))
-    return;
-  let n;
-  if (typeof a != "function")
-    n = t.animate([
-      { transform: "scale(.98)", opacity: 0 },
-      { transform: "scale(0.98)", opacity: 0, offset: 0.5 },
-      { transform: "scale(1)", opacity: 1 }
-    ], {
-      duration: a.duration * 1.5,
-      easing: "ease-in"
-    });
-  else {
-    const [r] = io(a(t, "add", e));
-    n = new Animation(r), n.play();
-  }
-  $n.set(t, n), n.addEventListener("finish", Tn.bind(null, t));
-}
-function el(t, e) {
-  var a;
-  t.remove(), jt.delete(t), Un.delete(t), $n.delete(t), (a = Mi.get(t)) === null || a === void 0 || a.disconnect(), setTimeout(() => {
-    if (mr in t && delete t[mr], Object.defineProperty(t, us, { value: !0, configurable: !0 }), e && t instanceof HTMLElement)
-      for (const n in e)
-        t.style[n] = "";
-  }, 0);
-}
-function Qk(t) {
-  var e;
-  if (!Un.has(t) || !jt.has(t))
-    return;
-  const [a, n] = Un.get(t);
-  Object.defineProperty(t, mr, { value: !0, configurable: !0 });
-  const r = window.scrollX, s = window.scrollY;
-  if (n && n.parentNode && n.parentNode instanceof Element ? n.parentNode.insertBefore(t, n) : a && a.parentNode ? a.parentNode.appendChild(t) : (e = Hu(t)) === null || e === void 0 || e.appendChild(t), !so(t))
-    return el(t);
-  const [i, o, l, u] = Jk(t), d = Fs(t), c = jt.get(t);
-  (r !== ao || s !== no) && Zk(t, r, s, d);
-  let h, g = {
-    position: "absolute",
-    top: `${i}px`,
-    left: `${o}px`,
-    width: `${l}px`,
-    height: `${u}px`,
-    margin: "0",
-    pointerEvents: "none",
-    transformOrigin: "center",
-    zIndex: "100"
-  };
-  if (!gr(d))
-    Object.assign(t.style, g), h = t.animate([
-      {
-        transform: "scale(1)",
-        opacity: 1
-      },
-      {
-        transform: "scale(.98)",
-        opacity: 0
-      }
-    ], { duration: d.duration, easing: "ease-out" });
-  else {
-    const [m, y] = io(d(t, "remove", c));
-    (y == null ? void 0 : y.styleReset) !== !1 && (g = (y == null ? void 0 : y.styleReset) || g, Object.assign(t.style, g)), h = new Animation(m), h.play();
-  }
-  $n.set(t, h), h.addEventListener("finish", el.bind(null, t, g));
-}
-function Zk(t, e, a, n) {
-  const r = ao - e, s = no - a, i = document.documentElement.style.scrollBehavior;
-  if (getComputedStyle(sn).scrollBehavior === "smooth" && (document.documentElement.style.scrollBehavior = "auto"), window.scrollTo(window.scrollX + r, window.scrollY + s), !t.parentElement)
-    return;
-  const l = t.parentElement;
-  let u = l.clientHeight, d = l.clientWidth;
-  const c = performance.now();
-  function h() {
-    requestAnimationFrame(() => {
-      if (!gr(n)) {
-        const g = u - l.clientHeight, m = d - l.clientWidth;
-        c + n.duration > performance.now() ? (window.scrollTo({
-          left: window.scrollX - m,
-          top: window.scrollY - g
-        }), u = l.clientHeight, d = l.clientWidth, h()) : document.documentElement.style.scrollBehavior = i;
-      }
-    });
-  }
-  h();
-}
-function Jk(t) {
-  const e = jt.get(t), [a, , n] = ro(t, e, Gn(t));
-  let r = t.parentElement;
-  for (; r && (getComputedStyle(r).position === "static" || r instanceof HTMLBodyElement); )
-    r = r.parentElement;
-  r || (r = document.body);
-  const s = getComputedStyle(r), i = jt.get(r) || Gn(r), o = Math.round(e.top - i.top) - ya(s.borderTopWidth), l = Math.round(e.left - i.left) - ya(s.borderLeftWidth);
-  return [o, l, a, n];
-}
-function e2(t, e = {}) {
-  return Di && In && (window.matchMedia("(prefers-reduced-motion: reduce)").matches && !gr(e) && !e.disrespectUserMotionPreference || (rr.add(t), getComputedStyle(t).position === "static" && Object.assign(t.style, { position: "relative" }), Wu(t, Tn, Uk, (r) => In == null ? void 0 : In.observe(r)), gr(e) ? jn.set(t, e) : jn.set(t, { duration: 250, easing: "ease-in-out", ...e }), Di.observe(t, { childList: !0 }), Nu.add(t))), Object.freeze({
-    parent: t,
-    enable: () => {
-      rr.add(t);
-    },
-    disable: () => {
-      rr.delete(t);
-    },
-    isEnabled: () => rr.has(t)
-  });
-}
-const t2 = /* @__PURE__ */ de({
-  __name: "AnimationFadeBlur",
-  props: {
-    isHeight: { type: Boolean, default: !1 },
-    duration: { default: 300 }
-  },
-  setup(t) {
-    const e = W(null);
-    return ot(
-      () => e2(e.value, (a, n, r, s) => {
-        let i;
-        if (n === "add" && (i = [
-          { opacity: 0, filter: "blur(5px)" },
-          { opacity: 1, filter: "blur(0px)" }
-        ]), n === "remove" && (i = [
-          { opacity: 1, filter: "blur(0px)" },
-          { opacity: 0, filter: "blur(5px)" }
-        ]), n === "remain") {
-          const o = r.left - s.left, l = r.top - s.top, [, , u, d] = ro(
-            a,
-            r,
-            s
-          ), c = {
-            ...t.isHeight && {
-              transform: `translate(${o}px, ${l}px)`
-            },
-            filter: "blur(5px)"
-          }, h = {
-            ...t.isHeight && {
-              transform: "translate(0, 0)"
-            },
-            filter: "blur(0px)"
-          };
-          t.isHeight && u !== d && (c.height = `${u}px`, h.height = `${d}px`), i = [c, h];
-        }
-        return new KeyframeEffect(a, i, {
-          duration: Number(t.duration),
-          easing: "ease-out",
-          fill: "both"
-        });
-      })
-    ), (a, n) => (v(), S("div", {
-      ref_key: "containerRef",
-      ref: e,
-      class: b(a.$style.root)
-    }, [
-      ue(a.$slots, "default")
-    ], 2));
-  }
-}), a2 = {}, n2 = {
-  $style: a2
-}, r2 = /* @__PURE__ */ $e(t2, [["__cssModules", n2]]), s2 = /* @__PURE__ */ de({
-  __name: "Table",
-  props: {
-    headers: {},
-    gridTemplateColumns: { default: "repeat(3, 1fr)" },
-    list: {},
-    isLoading: { type: Boolean, default: !1 },
-    extractKey: { type: Function },
-    reRenderKey: {}
-  },
-  setup(t) {
-    const e = B(() => JSON.stringify(t.list));
-    return (a, n) => (v(), S("div", {
-      class: b(a.$style.root),
-      style: He({ "--grid-template-columns": a.gridTemplateColumns })
-    }, [
-      X("div", {
-        class: b(a.$style.header)
-      }, [
-        (v(!0), S(De, null, Ve(a.headers, (r) => (v(), S("div", { key: r }, [
-          K(f(Fe), {
-            class: b(a.$style.headerText),
-            size: "caption",
-            weight: "regular",
-            color: "foreground-layout-layout-1-secondary"
-          }, {
-            default: H(() => [
-              Ce(be(r), 1)
-            ]),
-            _: 2
-          }, 1032, ["class"])
-        ]))), 128)),
-        K(f(Bi), {
-          size: "s",
-          class: b(a.$style.divider)
-        }, null, 8, ["class"])
-      ], 2),
-      K(f(r2), null, {
-        default: H(() => [
-          a.isLoading ? (v(), S("div", {
-            key: "skeleton",
-            class: b([a.$style.body, a.$style.skeleton])
-          }, [
-            K(f(rg), null, {
-              default: H(() => [
-                (v(), S(De, null, Ve(6, (r) => ue(a.$slots, "renderSkeletonRow", { key: r })), 64))
-              ]),
-              _: 3
-            })
-          ], 2)) : a.list.length ? (v(), S("div", {
-            key: `content-${e.value}-${a.reRenderKey}`,
-            class: b(a.$style.body)
-          }, [
-            (v(!0), S(De, null, Ve(a.list, (r, s) => ue(a.$slots, "renderTableRow", {
-              item: r,
-              index: s
-            })), 256))
-          ], 2)) : (v(), S("div", {
-            key: 2,
-            class: b(a.$style.empty)
-          }, [
-            ue(a.$slots, "renderEmpty")
-          ], 2))
-        ]),
-        _: 3
-      })
-    ], 6));
-  }
-}), i2 = "Table__root_597c1", o2 = "Table__header_9967a", l2 = "Table__row_1749f", u2 = "Table__divider_fe573", c2 = "Table__skeleton_bdbfb", d2 = "Table__empty_24f80", Uu = {
-  root: i2,
-  header: o2,
-  row: l2,
-  divider: u2,
-  skeleton: c2,
-  empty: d2
-}, f2 = {
-  $style: Uu
-}, rT = /* @__PURE__ */ $e(s2, [["__cssModules", f2]]), h2 = /* @__PURE__ */ de({
-  __name: "TableRow",
-  setup(t) {
-    return (e, a) => (v(), S("div", {
-      class: b(e.$style.row)
-    }, [
-      ue(e.$slots, "default")
-    ], 2));
-  }
-}), p2 = {
-  $style: Uu
-}, sT = /* @__PURE__ */ $e(h2, [["__cssModules", p2]]), v2 = /* @__PURE__ */ de({
-  __name: "ToastItem",
-  props: {
-    title: {},
-    view: { default: "base" },
-    fontWeight: { default: "regular" }
-  },
-  setup(t) {
-    const e = B(() => {
-      if (t.fontWeight === "regular")
-        switch (t.view) {
-          case "danger":
-            return "outline-warning";
-          default:
-            return "outline-check";
-        }
-      switch (t.view) {
-        case "danger":
-          return "filled-warning";
-        default:
-          return "filled-success";
-      }
-    }), a = B(() => {
-      switch (t.view) {
-        case "primary":
-          return "foreground-element-tooltip-primary";
-        default:
-          return "text-common-base-inverse-default";
-      }
-    }), n = B(() => {
-      switch (t.view) {
-        case "primary":
-          return "foreground-element-tooltip-primary";
-        default:
-          return "icon-common-base-tertiary-default";
-      }
-    });
-    return (r, s) => (v(), S("div", {
-      class: b([r.$style.root, r.$style[`view_${r.view}`]]),
-      onClick: s[0] || (s[0] = (i) => r.$emit("click"))
-    }, [
-      K(f(Qe), {
-        size: 18,
-        name: e.value,
-        color: n.value
-      }, null, 8, ["name", "color"]),
-      K(f(Fe), {
-        class: b(r.$style.title),
-        size: "subhead",
-        weight: r.fontWeight,
-        color: a.value,
-        align: "left"
-      }, {
-        default: H(() => [
-          Ce(be(r.title), 1)
-        ]),
-        _: 1
-      }, 8, ["class", "weight", "color"]),
-      K(f(Qe), {
-        size: 18,
-        name: "outline-cross",
-        color: n.value
-      }, null, 8, ["color"])
-    ], 2));
-  }
-}), m2 = "ToastItem__root_8d069", g2 = "ToastItem__view_base_44eac", y2 = "ToastItem__view_danger_833b2", b2 = "ToastItem__view_primary_d308a", _2 = "ToastItem__title_00905", w2 = {
-  root: m2,
-  view_base: g2,
-  view_danger: y2,
-  view_primary: b2,
-  title: _2
-}, k2 = {
-  $style: w2
-}, $2 = /* @__PURE__ */ $e(v2, [["__cssModules", k2]]);
-class C2 {
-  constructor() {
-    Me(this, "list", W([]));
-    Me(this, "timeouts", W({}));
-  }
-  restartTimeouts() {
-    Object.keys(this.timeouts.value).forEach((e, a) => {
-      this.timeouts.value[e] = setTimeout(
-        () => {
-          this.remove(+e), clearTimeout(this.timeouts.value[e]);
-        },
-        4e3 + a * 300
-      );
-    });
-  }
-  pauseTimeouts() {
-    Object.keys(this.timeouts.value).forEach((e) => {
-      clearTimeout(this.timeouts.value[e]);
+  pauseTimeouts() {
+    Object.keys(this.timeouts.value).forEach((e) => {
+      clearTimeout(this.timeouts.value[e]);
     });
   }
   remove(e) {
@@ -19843,14 +19414,14 @@ class C2 {
     });
   }
   install(e) {
-    e.provide(ju, this);
+    e.provide(Nu, this);
   }
 }
-const ju = Symbol("ToastService"), iT = new C2(), T2 = ["id"], S2 = /* @__PURE__ */ de({
+const Nu = Symbol("ToastService"), rT = new Xk(), Kk = ["id"], Qk = /* @__PURE__ */ de({
   __name: "Toaster",
   setup(t) {
     let e;
-    const a = br(ju), n = W(), r = W([]), s = W(!1), i = W(D()), o = W(D()), l = W(D()), u = W(D());
+    const a = br(Nu), n = W(), r = W([]), s = W(!1), i = W(D()), o = W(D()), l = W(D()), u = W(D());
     function d(x) {
       const A = F(x);
       return {
@@ -20032,7 +19603,7 @@ const ju = Symbol("ToastService"), iT = new C2(), T2 = ["id"], S2 = /* @__PURE__
                 class: b(x.$style.body),
                 style: He(d(C).body)
               }, [
-                K($2, tt({ ref_for: !0 }, U, {
+                K(qk, tt({ ref_for: !0 }, U, {
                   onClick: () => m(U.id)
                 }), null, 16, ["onClick"])
               ], 6),
@@ -20052,14 +19623,14 @@ const ju = Symbol("ToastService"), iT = new C2(), T2 = ["id"], S2 = /* @__PURE__
                 class: b([x.$style.right, x.$style.shadow]),
                 style: He(d(C).right)
               }, null, 6)
-            ], 14, T2))), 128))
+            ], 14, Kk))), 128))
           ];
         }),
         _: 1
       }, 8, ["enterFromClass", "enterToClass", "enterActiveClass", "leaveFromClass", "leaveToClass", "leaveActiveClass"])
     ], 2));
   }
-}), M2 = "Toaster__root_6a9fa", D2 = "Toaster__toaster_e01d3", x2 = "Toaster__body_aebdf", E2 = "Toaster__view_base_bb27b", A2 = "Toaster__left_1299a", F2 = "Toaster__right_9f93f", O2 = "Toaster__view_danger_184da", I2 = "Toaster__view_primary_439f6", B2 = "Toaster__shadow_b92b5", P2 = {
+}), Zk = "Toaster__root_6a9fa", Jk = "Toaster__toaster_e01d3", e2 = "Toaster__body_aebdf", t2 = "Toaster__view_base_bb27b", a2 = "Toaster__left_1299a", n2 = "Toaster__right_9f93f", r2 = "Toaster__view_danger_184da", s2 = "Toaster__view_primary_439f6", i2 = "Toaster__shadow_b92b5", o2 = {
   "toaster-enter-from": "Toaster__toaster-enter-from_8a179",
   "toaster-enter": "Toaster__toaster-enter_2cb2e",
   "toaster-enter-to": "Toaster__toaster-enter-to_22319",
@@ -20068,20 +19639,20 @@ const ju = Symbol("ToastService"), iT = new C2(), T2 = ["id"], S2 = /* @__PURE__
   "toaster-leave-from": "Toaster__toaster-leave-from_3ccc0",
   "toaster-leave": "Toaster__toaster-leave_ab1a5",
   "toaster-leave-to": "Toaster__toaster-leave-to_7f821",
-  root: M2,
+  root: Zk,
   "is-expand": "Toaster__is-expand_e6c4c",
-  toaster: D2,
-  body: x2,
-  view_base: E2,
-  left: A2,
-  right: F2,
-  view_danger: O2,
-  view_primary: I2,
-  shadow: B2
-}, R2 = {
-  $style: P2
-}, oT = /* @__PURE__ */ $e(S2, [["__cssModules", R2]]);
-class L2 {
+  toaster: Jk,
+  body: e2,
+  view_base: t2,
+  left: a2,
+  right: n2,
+  view_danger: r2,
+  view_primary: s2,
+  shadow: i2
+}, l2 = {
+  $style: o2
+}, sT = /* @__PURE__ */ $e(Qk, [["__cssModules", l2]]);
+class u2 {
   async install() {
     if (!document.getElementById("svg-sprite"))
       try {
@@ -20092,13 +19663,13 @@ class L2 {
       }
   }
 }
-const lT = new L2(), cs = (t) => {
+const iT = new u2(), ls = (t) => {
   const e = Object.entries(t).map(([a, n]) => [
     a.toString(),
     n
   ]);
   return new Map(e);
-}, z2 = ["disabled"], V2 = ["onClick"], N2 = /* @__PURE__ */ de({
+}, c2 = ["disabled"], d2 = ["onClick"], f2 = /* @__PURE__ */ de({
   __name: "StatusSelect",
   props: /* @__PURE__ */ Lt({
     value: {},
@@ -20123,12 +19694,12 @@ const lT = new L2(), cs = (t) => {
     function o(m) {
       i.value = m, a(!1);
     }
-    const l = cs({
+    const l = ls({
       secondary: "text-button-base-secondary",
       success: "text-button-success-primary",
       brand: "text-button-brand-primary",
       critical: "text-button-critical-primary"
-    }), u = cs({
+    }), u = ls({
       secondary: "icon-button-base-secondary",
       success: "icon-button-success-primary",
       brand: "icon-button-brand-primary",
@@ -20250,35 +19821,35 @@ const lT = new L2(), cs = (t) => {
                   ]),
                   _: 2
                 }, 1024)
-              ], 10, V2))), 128))
+              ], 10, d2))), 128))
             ], 2)
           ]),
           _: 1
         }, 8, ["isShowDropdown"])
-      ], 10, z2);
+      ], 10, c2);
     };
   }
-}), Y2 = "StatusSelect__root_9bfa0", H2 = "StatusSelect__wrapper_8cabc", W2 = "StatusSelect__text_b4d1c", U2 = "StatusSelect__icon_c49fe", j2 = "StatusSelect__item_37c1b", G2 = "StatusSelect__loader_aa2c1", q2 = "StatusSelect__view_secondary_e4022", X2 = "StatusSelect__view_success_aa0c9", K2 = "StatusSelect__view_critical_54f77", Q2 = "StatusSelect__view_brand_1759a", Z2 = "StatusSelect__scroller_c12db", J2 = "StatusSelect__checkbox_0c502", Gu = {
-  root: Y2,
+}), h2 = "StatusSelect__root_9bfa0", p2 = "StatusSelect__wrapper_8cabc", v2 = "StatusSelect__text_b4d1c", m2 = "StatusSelect__icon_c49fe", g2 = "StatusSelect__item_37c1b", y2 = "StatusSelect__loader_aa2c1", b2 = "StatusSelect__view_secondary_e4022", _2 = "StatusSelect__view_success_aa0c9", w2 = "StatusSelect__view_critical_54f77", k2 = "StatusSelect__view_brand_1759a", $2 = "StatusSelect__scroller_c12db", C2 = "StatusSelect__checkbox_0c502", Yu = {
+  root: h2,
   "is-disabled": "StatusSelect__is-disabled_9b1d9",
-  wrapper: H2,
+  wrapper: p2,
   "wrapper-skeleton": "StatusSelect__wrapper-skeleton_9c265",
-  text: W2,
+  text: v2,
   "icon-wrapper": "StatusSelect__icon-wrapper_97b83",
-  icon: U2,
-  item: j2,
+  icon: m2,
+  item: g2,
   "is-active": "StatusSelect__is-active_299a0",
-  loader: G2,
+  loader: y2,
   "is-loading": "StatusSelect__is-loading_7ec4e",
-  view_secondary: q2,
-  view_success: X2,
-  view_critical: K2,
-  view_brand: Q2,
-  scroller: Z2,
-  checkbox: J2
-}, e$ = {
-  $style: Gu
-}, uT = /* @__PURE__ */ $e(N2, [["__cssModules", e$]]), t$ = /* @__PURE__ */ de({
+  view_secondary: b2,
+  view_success: _2,
+  view_critical: w2,
+  view_brand: k2,
+  scroller: $2,
+  checkbox: C2
+}, T2 = {
+  $style: Yu
+}, oT = /* @__PURE__ */ $e(f2, [["__cssModules", T2]]), S2 = /* @__PURE__ */ de({
   __name: "StatusSelectSkeleton",
   props: {
     widthRange: {}
@@ -20308,16 +19879,16 @@ const lT = new L2(), cs = (t) => {
       }, null, 2)
     ], 6));
   }
-}), a$ = {
-  $style: Gu
-}, cT = /* @__PURE__ */ $e(t$, [["__cssModules", a$]]), qu = {
+}), M2 = {
+  $style: Yu
+}, lT = /* @__PURE__ */ $e(S2, [["__cssModules", M2]]), Hu = {
   interactionType: "web"
-}, Xu = Symbol("GlobalConfig"), dT = (t) => {
-  ds(Xu, {
-    ...qu,
+}, Wu = Symbol("GlobalConfig"), uT = (t) => {
+  ds(Wu, {
+    ...Hu,
     ...t
   });
-}, fT = () => br(Xu, qu), n$ = ["onClick"], r$ = /* @__PURE__ */ de({
+}, cT = () => br(Wu, Hu), D2 = ["onClick"], x2 = /* @__PURE__ */ de({
   __name: "ThemePicker",
   props: /* @__PURE__ */ Lt({
     value: {},
@@ -20346,18 +19917,18 @@ const lT = new L2(), cs = (t) => {
         X("div", {
           class: b(a.$style.theme)
         }, null, 2)
-      ], 10, n$))), 128))
+      ], 10, D2))), 128))
     ], 2));
   }
-}), s$ = "ThemePicker__root_42aa5", i$ = "ThemePicker__item_a750e", o$ = "ThemePicker__theme_6765b", Ku = {
-  root: s$,
-  item: i$,
+}), E2 = "ThemePicker__root_42aa5", A2 = "ThemePicker__item_a750e", F2 = "ThemePicker__theme_6765b", Uu = {
+  root: E2,
+  item: A2,
   "item-skeleton": "ThemePicker__item-skeleton_17dde",
-  theme: o$,
+  theme: F2,
   "is-active": "ThemePicker__is-active_54a2a"
-}, l$ = {
-  $style: Ku
-}, hT = /* @__PURE__ */ $e(r$, [["__cssModules", l$]]), u$ = /* @__PURE__ */ de({
+}, O2 = {
+  $style: Uu
+}, dT = /* @__PURE__ */ $e(x2, [["__cssModules", O2]]), I2 = /* @__PURE__ */ de({
   __name: "ThemePickerSkeleton",
   setup(t) {
     return (e, a) => (v(), S("article", {
@@ -20373,9 +19944,9 @@ const lT = new L2(), cs = (t) => {
       ], 2)), 64))
     ], 2));
   }
-}), c$ = {
-  $style: Ku
-}, pT = /* @__PURE__ */ $e(u$, [["__cssModules", c$]]), d$ = /* @__PURE__ */ de({
+}), B2 = {
+  $style: Uu
+}, fT = /* @__PURE__ */ $e(I2, [["__cssModules", B2]]), P2 = /* @__PURE__ */ de({
   __name: "Breadcrumbs",
   props: {
     list: {},
@@ -20423,14 +19994,14 @@ const lT = new L2(), cs = (t) => {
       }, 1040, ["class"]))), 128))
     ], 2));
   }
-}), f$ = "Breadcrumbs__root_d903b", h$ = "Breadcrumbs__breadcrumb_75c26", p$ = "Breadcrumbs__text_92d91", v$ = "Breadcrumbs__icon_42802", m$ = {
-  root: f$,
-  breadcrumb: h$,
-  text: p$,
-  icon: v$
-}, g$ = {
-  $style: m$
-}, vT = /* @__PURE__ */ $e(d$, [["__cssModules", g$]]), y$ = /* @__PURE__ */ de({
+}), R2 = "Breadcrumbs__root_d903b", L2 = "Breadcrumbs__breadcrumb_75c26", z2 = "Breadcrumbs__text_92d91", V2 = "Breadcrumbs__icon_42802", N2 = {
+  root: R2,
+  breadcrumb: L2,
+  text: z2,
+  icon: V2
+}, Y2 = {
+  $style: N2
+}, hT = /* @__PURE__ */ $e(P2, [["__cssModules", Y2]]), H2 = /* @__PURE__ */ de({
   __name: "VerificationInfoCell",
   props: {
     icon: {},
@@ -20480,13 +20051,13 @@ const lT = new L2(), cs = (t) => {
       ], 2)
     ], 2));
   }
-}), b$ = "VerificationInfoCell__root_526a7", _$ = "VerificationInfoCell__content_f9a78", w$ = "VerificationInfoCell__actions_a1daf", k$ = {
-  root: b$,
-  content: _$,
-  actions: w$
-}, $$ = {
-  $style: k$
-}, mT = /* @__PURE__ */ $e(y$, [["__cssModules", $$]]), C$ = /* @__PURE__ */ de({
+}), W2 = "VerificationInfoCell__root_526a7", U2 = "VerificationInfoCell__content_f9a78", j2 = "VerificationInfoCell__actions_a1daf", G2 = {
+  root: W2,
+  content: U2,
+  actions: j2
+}, q2 = {
+  $style: G2
+}, pT = /* @__PURE__ */ $e(H2, [["__cssModules", q2]]), X2 = /* @__PURE__ */ de({
   __name: "Avatar",
   props: {
     image: {},
@@ -20494,13 +20065,13 @@ const lT = new L2(), cs = (t) => {
     size: { default: 40 }
   },
   setup(t) {
-    const e = W("idle"), a = W(""), n = cs({
+    const e = W("idle"), a = W(""), n = ls({
       28: "body",
       36: "title3",
       40: "title3",
       56: "title1",
       120: "title120"
-    }), r = cs({
+    }), r = ls({
       28: 14,
       36: 18,
       40: 18,
@@ -20556,18 +20127,18 @@ const lT = new L2(), cs = (t) => {
       })
     ], 2));
   }
-}), T$ = "Avatar__root_5ff11", S$ = "Avatar__initials_311ca", M$ = "Avatar__image_0b5c9", D$ = "Avatar__size_28_38212", x$ = "Avatar__size_36_cfcf4", E$ = "Avatar__size_40_fa607", A$ = "Avatar__size_56_1f15d", F$ = "Avatar__size_120_fece6", O$ = {
-  root: T$,
-  initials: S$,
-  image: M$,
-  size_28: D$,
-  size_36: x$,
-  size_40: E$,
-  size_56: A$,
-  size_120: F$
-}, I$ = {
-  $style: O$
-}, gT = /* @__PURE__ */ $e(C$, [["__cssModules", I$]]), B$ = /* @__PURE__ */ de({
+}), K2 = "Avatar__root_5ff11", Q2 = "Avatar__initials_311ca", Z2 = "Avatar__image_0b5c9", J2 = "Avatar__size_28_38212", e$ = "Avatar__size_36_cfcf4", t$ = "Avatar__size_40_fa607", a$ = "Avatar__size_56_1f15d", n$ = "Avatar__size_120_fece6", r$ = {
+  root: K2,
+  initials: Q2,
+  image: Z2,
+  size_28: J2,
+  size_36: e$,
+  size_40: t$,
+  size_56: a$,
+  size_120: n$
+}, s$ = {
+  $style: r$
+}, vT = /* @__PURE__ */ $e(X2, [["__cssModules", s$]]), i$ = /* @__PURE__ */ de({
   __name: "MenuBarItem",
   props: {
     onClick: { type: Function },
@@ -20615,14 +20186,14 @@ const lT = new L2(), cs = (t) => {
       }, 8, ["color"])
     ], 2));
   }
-}), P$ = "MenuBarItem__root_f3c96", R$ = "MenuBarItem__icon_8930b", L$ = "MenuBarItem__view_base_16bad", z$ = "MenuBarItem__view_critical_02c76", V$ = {
-  root: P$,
-  icon: R$,
-  view_base: L$,
-  view_critical: z$
-}, N$ = {
-  $style: V$
-}, Y$ = /* @__PURE__ */ $e(B$, [["__cssModules", N$]]), H$ = /* @__PURE__ */ de({
+}), o$ = "MenuBarItem__root_f3c96", l$ = "MenuBarItem__icon_8930b", u$ = "MenuBarItem__view_base_16bad", c$ = "MenuBarItem__view_critical_02c76", d$ = {
+  root: o$,
+  icon: l$,
+  view_base: u$,
+  view_critical: c$
+}, f$ = {
+  $style: d$
+}, h$ = /* @__PURE__ */ $e(i$, [["__cssModules", f$]]), p$ = /* @__PURE__ */ de({
   __name: "MenuBar",
   props: {
     list: {}
@@ -20640,7 +20211,7 @@ const lT = new L2(), cs = (t) => {
         X("div", {
           class: b(e.$style.group)
         }, [
-          (v(!0), S(De, null, Ve(n, (s) => (v(), se(f(Y$), tt({
+          (v(!0), S(De, null, Ve(n, (s) => (v(), se(f(h$), tt({
             key: s.text,
             class: e.$style.item,
             ref_for: !0
@@ -20649,13 +20220,13 @@ const lT = new L2(), cs = (t) => {
       ], 64))), 128))
     ], 2));
   }
-}), W$ = "MenuBar__root_33172", U$ = "MenuBar__divider_5912e", j$ = "MenuBar__group_62cf2", G$ = {
-  root: W$,
-  divider: U$,
-  group: j$
-}, q$ = {
-  $style: G$
-}, yT = /* @__PURE__ */ $e(H$, [["__cssModules", q$]]), X$ = /* @__PURE__ */ de({
+}), v$ = "MenuBar__root_33172", m$ = "MenuBar__divider_5912e", g$ = "MenuBar__group_62cf2", y$ = {
+  root: v$,
+  divider: m$,
+  group: g$
+}, b$ = {
+  $style: y$
+}, mT = /* @__PURE__ */ $e(p$, [["__cssModules", b$]]), _$ = /* @__PURE__ */ de({
   __name: "StepItem",
   props: {
     count: {},
@@ -20683,202 +20254,631 @@ const lT = new L2(), cs = (t) => {
         color: "foreground-layout-layout-1-primary"
       }, {
         default: H(() => [
-          Ce(be(e.text), 1)
+          Ce(be(e.text), 1)
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+}), w$ = "StepItem__root_66261", k$ = "StepItem__count_47dec", $$ = {
+  root: w$,
+  count: k$
+}, C$ = {
+  $style: $$
+}, T$ = /* @__PURE__ */ $e(_$, [["__cssModules", C$]]), S$ = /* @__PURE__ */ de({
+  __name: "Steps",
+  props: {
+    list: {}
+  },
+  setup(t) {
+    return (e, a) => (v(), S("div", {
+      class: b(e.$style.root)
+    }, [
+      (v(!0), S(De, null, Ve(e.list, (n, r) => (v(), se(f(T$), {
+        count: r + 1,
+        text: n
+      }, null, 8, ["count", "text"]))), 256))
+    ], 2));
+  }
+}), M$ = "Steps__root_705db", D$ = {
+  root: M$
+}, x$ = {
+  $style: D$
+}, gT = /* @__PURE__ */ $e(S$, [["__cssModules", x$]]);
+function E$(t) {
+  const e = document.createElement("textarea");
+  e.value = t, e.setAttribute("readonly", ""), e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
+  let a = !1;
+  const n = document.getSelection();
+  n && (a = n.rangeCount > 0 ? n.getRangeAt(0) : !1), e.select(), document.execCommand("copy"), document.body.removeChild(e), a && n && (n.removeAllRanges(), n.addRange(a));
+}
+function A$(t) {
+  const e = ey();
+  function a(n) {
+    E$(n), e.show({
+      title: (t == null ? void 0 : t.toasterText) ?? "Скопировано",
+      view: "primary"
+    });
+  }
+  return {
+    copy: a
+  };
+}
+const F$ = /* @__PURE__ */ de({
+  __name: "Tooltip",
+  props: {
+    text: {},
+    verticalAlign: { default: "top" },
+    verticalOffset: { default: 4 }
+  },
+  setup(t) {
+    const { isShowDropdown: e, setIsShowDropdown: a, triggerElementRef: n } = Ss();
+    function r() {
+      a(!0);
+    }
+    function s() {
+      a(!1);
+    }
+    return (i, o) => (v(), S("div", {
+      ref_key: "triggerElementRef",
+      ref: n,
+      class: b(i.$style.root),
+      onMouseenter: r,
+      onMouseleave: s
+    }, [
+      ue(i.$slots, "default"),
+      K(f(Ms), {
+        isShowDropdown: f(e),
+        "onUpdate:isShowDropdown": o[0] || (o[0] = (l) => wn(e) ? e.value = l : null),
+        "vertical-offset": i.verticalOffset,
+        "horizontal-align": "center",
+        "vertical-align": i.verticalAlign
+      }, {
+        default: H(({ align: l }) => [
+          X("div", {
+            class: b([i.$style.wrapper, i.$style[`position_${l.vertical}`]])
+          }, [
+            X("div", {
+              class: b(i.$style.balloon)
+            }, [
+              K(f(Fe), {
+                class: b(i.$style.text),
+                name: "caption",
+                color: "foreground-element-tooltip-primary"
+              }, {
+                default: H(() => [
+                  Ce(be(i.text), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ], 2),
+            (v(), S("svg", {
+              class: b(i.$style.shape),
+              width: "12",
+              height: "4",
+              viewBox: "0 0 12 4",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, o[1] || (o[1] = [
+              X("path", {
+                d: "M4.58579 2.58579C5.36684 3.36684 6.63317 3.36683 7.41421 2.58579L8.82843 1.17157C9.57857 0.421426 10.596 0 11.6569 0H12H0H0.343146C1.40401 0 2.42143 0.421427 3.17157 1.17157L4.58579 2.58579Z",
+                "fill-opacity": "0.9"
+              }, null, -1)
+            ]), 2))
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["isShowDropdown", "vertical-offset", "vertical-align"])
+    ], 34));
+  }
+}), O$ = "Tooltip__root_32cc0", I$ = "Tooltip__balloon_3d49f", B$ = "Tooltip__wrapper_81d05", P$ = "Tooltip__shape_d4585", R$ = "Tooltip__position_top_54246", L$ = "Tooltip__position_bottom_7e186", z$ = {
+  root: O$,
+  balloon: I$,
+  wrapper: B$,
+  shape: P$,
+  position_top: R$,
+  position_bottom: L$
+}, V$ = {
+  $style: z$
+}, N$ = /* @__PURE__ */ $e(F$, [["__cssModules", V$]]), Y$ = /* @__PURE__ */ de({
+  __name: "CellInfo",
+  props: {
+    label: {},
+    value: {}
+  },
+  setup(t) {
+    const { copy: e } = A$();
+    return (a, n) => (v(), S("div", {
+      class: b(a.$style.root),
+      onClick: n[0] || (n[0] = (r) => f(e)(a.value))
+    }, [
+      K(f(N$), {
+        class: b(a.$style.tooltip),
+        text: "Нажмите, чтобы скопировать",
+        "vertical-align": "bottom",
+        "vertical-offset": "12"
+      }, {
+        default: H(() => [
+          X("div", {
+            class: b(a.$style.text)
+          }, [
+            K(f(Fe), {
+              size: "subhead",
+              color: "foreground-layout-layout-1-secondary"
+            }, {
+              default: H(() => [
+                Ce(be(a.label), 1)
+              ]),
+              _: 1
+            }),
+            K(f(Fe), {
+              size: "body",
+              color: "foreground-layout-layout-1-primary"
+            }, {
+              default: H(() => [
+                Ce(be(a.value), 1)
+              ]),
+              _: 1
+            })
+          ], 2),
+          K(f(Qe), {
+            class: b(a.$style.icon),
+            size: "18",
+            name: "outline-copy",
+            color: "foreground-layout-layout-1-secondary"
+          }, null, 8, ["class"])
         ]),
         _: 1
-      })
+      }, 8, ["class"])
     ], 2));
   }
-}), K$ = "StepItem__root_66261", Q$ = "StepItem__count_47dec", Z$ = {
-  root: K$,
-  count: Q$
-}, J$ = {
-  $style: Z$
-}, eC = /* @__PURE__ */ $e(X$, [["__cssModules", J$]]), tC = /* @__PURE__ */ de({
-  __name: "Steps",
-  props: {
-    list: {}
-  },
-  setup(t) {
-    return (e, a) => (v(), S("div", {
-      class: b(e.$style.root)
-    }, [
-      (v(!0), S(De, null, Ve(e.list, (n, r) => (v(), se(f(eC), {
-        count: r + 1,
-        text: n
-      }, null, 8, ["count", "text"]))), 256))
-    ], 2));
+}), H$ = "CellInfo__root_834a5", W$ = "CellInfo__tooltip_24d8f", U$ = "CellInfo__text_2f5c6", j$ = "CellInfo__icon_70c88", G$ = {
+  root: H$,
+  tooltip: W$,
+  text: U$,
+  icon: j$
+}, q$ = {
+  $style: G$
+}, yT = /* @__PURE__ */ $e(Y$, [["__cssModules", q$]]), ju = /* @__PURE__ */ new Set(), jt = /* @__PURE__ */ new WeakMap(), Un = /* @__PURE__ */ new WeakMap(), $n = /* @__PURE__ */ new WeakMap(), Mi = /* @__PURE__ */ new WeakMap(), X$ = /* @__PURE__ */ new WeakMap(), jn = /* @__PURE__ */ new WeakMap(), us = /* @__PURE__ */ new WeakMap(), rr = /* @__PURE__ */ new WeakSet();
+let sn, ao = 0, no = 0;
+const Ia = "__aa_tgt", mr = "__aa_del", cs = "__aa_new", K$ = (t) => {
+  const e = aC(t);
+  e && e.forEach((a) => nC(a));
+}, Q$ = (t) => {
+  t.forEach((e) => {
+    e.target === sn && J$(), jt.has(e.target) && Tn(e.target);
+  });
+};
+function Z$(t) {
+  const e = Mi.get(t);
+  e == null || e.disconnect();
+  let a = jt.get(t), n = 0;
+  const r = 5;
+  a || (a = Gn(t), jt.set(t, a));
+  const { offsetWidth: s, offsetHeight: i } = sn, l = [
+    a.top - r,
+    s - (a.left + r + a.width),
+    i - (a.top + r + a.height),
+    a.left - r
+  ].map((d) => `${-1 * Math.floor(d)}px`).join(" "), u = new IntersectionObserver(() => {
+    ++n > 1 && Tn(t);
+  }, {
+    root: sn,
+    threshold: 1,
+    rootMargin: l
+  });
+  u.observe(t), Mi.set(t, u);
+}
+function Tn(t) {
+  clearTimeout(us.get(t));
+  const e = Fs(t), a = gr(e) ? 500 : e.duration;
+  us.set(t, setTimeout(async () => {
+    const n = $n.get(t);
+    try {
+      await (n == null ? void 0 : n.finished), jt.set(t, Gn(t)), Z$(t);
+    } catch {
+    }
+  }, a));
+}
+function J$() {
+  clearTimeout(us.get(sn)), us.set(sn, setTimeout(() => {
+    ju.forEach((t) => Xu(t, (e) => Gu(() => Tn(e))));
+  }, 100));
+}
+function eC(t) {
+  setTimeout(() => {
+    X$.set(t, setInterval(() => Gu(Tn.bind(null, t)), 2e3));
+  }, Math.round(2e3 * Math.random()));
+}
+function Gu(t) {
+  typeof requestIdleCallback == "function" ? requestIdleCallback(() => t()) : requestAnimationFrame(() => t());
+}
+let Di, In;
+const tC = typeof window < "u" && "ResizeObserver" in window;
+tC && (sn = document.documentElement, Di = new MutationObserver(K$), In = new ResizeObserver(Q$), window.addEventListener("scroll", () => {
+  no = window.scrollY, ao = window.scrollX;
+}), In.observe(sn));
+function aC(t) {
+  return t.reduce((n, r) => [
+    ...n,
+    ...Array.from(r.addedNodes),
+    ...Array.from(r.removedNodes)
+  ], []).every((n) => n.nodeName === "#comment") ? !1 : t.reduce((n, r) => {
+    if (n === !1)
+      return !1;
+    if (r.target instanceof Element) {
+      if (ci(r.target), !n.has(r.target)) {
+        n.add(r.target);
+        for (let s = 0; s < r.target.children.length; s++) {
+          const i = r.target.children.item(s);
+          if (i) {
+            if (mr in i)
+              return !1;
+            ci(r.target, i), n.add(i);
+          }
+        }
+      }
+      if (r.removedNodes.length)
+        for (let s = 0; s < r.removedNodes.length; s++) {
+          const i = r.removedNodes[s];
+          if (mr in i)
+            return !1;
+          i instanceof Element && (n.add(i), ci(r.target, i), Un.set(i, [
+            r.previousSibling,
+            r.nextSibling
+          ]));
+        }
+    }
+    return n;
+  }, /* @__PURE__ */ new Set());
+}
+function ci(t, e) {
+  !e && !(Ia in t) ? Object.defineProperty(t, Ia, { value: t }) : e && !(Ia in e) && Object.defineProperty(e, Ia, { value: t });
+}
+function nC(t) {
+  var e;
+  const a = t.isConnected, n = jt.has(t);
+  a && Un.has(t) && Un.delete(t), $n.has(t) && ((e = $n.get(t)) === null || e === void 0 || e.cancel()), cs in t ? Jo(t) : n && a ? sC(t) : n && !a ? iC(t) : Jo(t);
+}
+function ya(t) {
+  return Number(t.replace(/[^0-9.\-]/g, ""));
+}
+function rC(t) {
+  let e = t.parentElement;
+  for (; e; ) {
+    if (e.scrollLeft || e.scrollTop)
+      return { x: e.scrollLeft, y: e.scrollTop };
+    e = e.parentElement;
+  }
+  return { x: 0, y: 0 };
+}
+function Gn(t) {
+  const e = t.getBoundingClientRect(), { x: a, y: n } = rC(t);
+  return {
+    top: e.top + n,
+    left: e.left + a,
+    width: e.width,
+    height: e.height
+  };
+}
+function ro(t, e, a) {
+  let n = e.width, r = e.height, s = a.width, i = a.height;
+  const o = getComputedStyle(t);
+  if (o.getPropertyValue("box-sizing") === "content-box") {
+    const u = ya(o.paddingTop) + ya(o.paddingBottom) + ya(o.borderTopWidth) + ya(o.borderBottomWidth), d = ya(o.paddingLeft) + ya(o.paddingRight) + ya(o.borderRightWidth) + ya(o.borderLeftWidth);
+    n -= d, s -= d, r -= u, i -= u;
+  }
+  return [n, s, r, i].map(Math.round);
+}
+function Fs(t) {
+  return Ia in t && jn.has(t[Ia]) ? jn.get(t[Ia]) : { duration: 250, easing: "ease-in-out" };
+}
+function qu(t) {
+  if (Ia in t)
+    return t[Ia];
+}
+function so(t) {
+  const e = qu(t);
+  return e ? rr.has(e) : !1;
+}
+function Xu(t, ...e) {
+  e.forEach((a) => a(t, jn.has(t)));
+  for (let a = 0; a < t.children.length; a++) {
+    const n = t.children.item(a);
+    n && e.forEach((r) => r(n, jn.has(n)));
+  }
+}
+function io(t) {
+  return Array.isArray(t) ? t : [t];
+}
+function gr(t) {
+  return typeof t == "function";
+}
+function sC(t) {
+  const e = jt.get(t), a = Gn(t);
+  if (!so(t))
+    return jt.set(t, a);
+  let n;
+  if (!e)
+    return;
+  const r = Fs(t);
+  if (typeof r != "function") {
+    const s = e.left - a.left, i = e.top - a.top, [o, l, u, d] = ro(t, e, a), c = {
+      transform: `translate(${s}px, ${i}px)`
+    }, h = {
+      transform: "translate(0, 0)"
+    };
+    o !== l && (c.width = `${o}px`, h.width = `${l}px`), u !== d && (c.height = `${u}px`, h.height = `${d}px`), n = t.animate([c, h], {
+      duration: r.duration,
+      easing: r.easing
+    });
+  } else {
+    const [s] = io(r(t, "remain", e, a));
+    n = new Animation(s), n.play();
+  }
+  $n.set(t, n), jt.set(t, a), n.addEventListener("finish", Tn.bind(null, t));
+}
+function Jo(t) {
+  cs in t && delete t[cs];
+  const e = Gn(t);
+  jt.set(t, e);
+  const a = Fs(t);
+  if (!so(t))
+    return;
+  let n;
+  if (typeof a != "function")
+    n = t.animate([
+      { transform: "scale(.98)", opacity: 0 },
+      { transform: "scale(0.98)", opacity: 0, offset: 0.5 },
+      { transform: "scale(1)", opacity: 1 }
+    ], {
+      duration: a.duration * 1.5,
+      easing: "ease-in"
+    });
+  else {
+    const [r] = io(a(t, "add", e));
+    n = new Animation(r), n.play();
+  }
+  $n.set(t, n), n.addEventListener("finish", Tn.bind(null, t));
+}
+function el(t, e) {
+  var a;
+  t.remove(), jt.delete(t), Un.delete(t), $n.delete(t), (a = Mi.get(t)) === null || a === void 0 || a.disconnect(), setTimeout(() => {
+    if (mr in t && delete t[mr], Object.defineProperty(t, cs, { value: !0, configurable: !0 }), e && t instanceof HTMLElement)
+      for (const n in e)
+        t.style[n] = "";
+  }, 0);
+}
+function iC(t) {
+  var e;
+  if (!Un.has(t) || !jt.has(t))
+    return;
+  const [a, n] = Un.get(t);
+  Object.defineProperty(t, mr, { value: !0, configurable: !0 });
+  const r = window.scrollX, s = window.scrollY;
+  if (n && n.parentNode && n.parentNode instanceof Element ? n.parentNode.insertBefore(t, n) : a && a.parentNode ? a.parentNode.appendChild(t) : (e = qu(t)) === null || e === void 0 || e.appendChild(t), !so(t))
+    return el(t);
+  const [i, o, l, u] = lC(t), d = Fs(t), c = jt.get(t);
+  (r !== ao || s !== no) && oC(t, r, s, d);
+  let h, g = {
+    position: "absolute",
+    top: `${i}px`,
+    left: `${o}px`,
+    width: `${l}px`,
+    height: `${u}px`,
+    margin: "0",
+    pointerEvents: "none",
+    transformOrigin: "center",
+    zIndex: "100"
+  };
+  if (!gr(d))
+    Object.assign(t.style, g), h = t.animate([
+      {
+        transform: "scale(1)",
+        opacity: 1
+      },
+      {
+        transform: "scale(.98)",
+        opacity: 0
+      }
+    ], { duration: d.duration, easing: "ease-out" });
+  else {
+    const [m, y] = io(d(t, "remove", c));
+    (y == null ? void 0 : y.styleReset) !== !1 && (g = (y == null ? void 0 : y.styleReset) || g, Object.assign(t.style, g)), h = new Animation(m), h.play();
   }
-}), aC = "Steps__root_705db", nC = {
-  root: aC
-}, rC = {
-  $style: nC
-}, bT = /* @__PURE__ */ $e(tC, [["__cssModules", rC]]);
-function sC(t) {
-  const e = document.createElement("textarea");
-  e.value = t, e.setAttribute("readonly", ""), e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
-  let a = !1;
-  const n = document.getSelection();
-  n && (a = n.rangeCount > 0 ? n.getRangeAt(0) : !1), e.select(), document.execCommand("copy"), document.body.removeChild(e), a && n && (n.removeAllRanges(), n.addRange(a));
+  $n.set(t, h), h.addEventListener("finish", el.bind(null, t, g));
 }
-function iC(t) {
-  const e = ey();
-  function a(n) {
-    sC(n), e.show({
-      title: (t == null ? void 0 : t.toasterText) ?? "Скопировано",
-      view: "primary"
+function oC(t, e, a, n) {
+  const r = ao - e, s = no - a, i = document.documentElement.style.scrollBehavior;
+  if (getComputedStyle(sn).scrollBehavior === "smooth" && (document.documentElement.style.scrollBehavior = "auto"), window.scrollTo(window.scrollX + r, window.scrollY + s), !t.parentElement)
+    return;
+  const l = t.parentElement;
+  let u = l.clientHeight, d = l.clientWidth;
+  const c = performance.now();
+  function h() {
+    requestAnimationFrame(() => {
+      if (!gr(n)) {
+        const g = u - l.clientHeight, m = d - l.clientWidth;
+        c + n.duration > performance.now() ? (window.scrollTo({
+          left: window.scrollX - m,
+          top: window.scrollY - g
+        }), u = l.clientHeight, d = l.clientWidth, h()) : document.documentElement.style.scrollBehavior = i;
+      }
     });
   }
-  return {
-    copy: a
-  };
+  h();
 }
-const oC = /* @__PURE__ */ de({
-  __name: "Tooltip",
+function lC(t) {
+  const e = jt.get(t), [a, , n] = ro(t, e, Gn(t));
+  let r = t.parentElement;
+  for (; r && (getComputedStyle(r).position === "static" || r instanceof HTMLBodyElement); )
+    r = r.parentElement;
+  r || (r = document.body);
+  const s = getComputedStyle(r), i = jt.get(r) || Gn(r), o = Math.round(e.top - i.top) - ya(s.borderTopWidth), l = Math.round(e.left - i.left) - ya(s.borderLeftWidth);
+  return [o, l, a, n];
+}
+function uC(t, e = {}) {
+  return Di && In && (window.matchMedia("(prefers-reduced-motion: reduce)").matches && !gr(e) && !e.disrespectUserMotionPreference || (rr.add(t), getComputedStyle(t).position === "static" && Object.assign(t.style, { position: "relative" }), Xu(t, Tn, eC, (r) => In == null ? void 0 : In.observe(r)), gr(e) ? jn.set(t, e) : jn.set(t, { duration: 250, easing: "ease-in-out", ...e }), Di.observe(t, { childList: !0 }), ju.add(t))), Object.freeze({
+    parent: t,
+    enable: () => {
+      rr.add(t);
+    },
+    disable: () => {
+      rr.delete(t);
+    },
+    isEnabled: () => rr.has(t)
+  });
+}
+const cC = /* @__PURE__ */ de({
+  __name: "AnimationFadeBlur",
   props: {
-    text: {},
-    verticalAlign: { default: "top" },
-    verticalOffset: { default: 4 }
+    isHeight: { type: Boolean, default: !1 },
+    duration: { default: 300 }
   },
   setup(t) {
-    const { isShowDropdown: e, setIsShowDropdown: a, triggerElementRef: n } = Ss();
-    function r() {
-      a(!0);
-    }
-    function s() {
-      a(!1);
-    }
-    return (i, o) => (v(), S("div", {
-      ref_key: "triggerElementRef",
-      ref: n,
-      class: b(i.$style.root),
-      onMouseenter: r,
-      onMouseleave: s
+    const e = W(null);
+    return ot(
+      () => uC(e.value, (a, n, r, s) => {
+        let i;
+        if (n === "add" && (i = [
+          { opacity: 0, filter: "blur(5px)" },
+          { opacity: 1, filter: "blur(0px)" }
+        ]), n === "remove" && (i = [
+          { opacity: 1, filter: "blur(0px)" },
+          { opacity: 0, filter: "blur(5px)" }
+        ]), n === "remain") {
+          const o = r.left - s.left, l = r.top - s.top, [, , u, d] = ro(
+            a,
+            r,
+            s
+          ), c = {
+            ...t.isHeight && {
+              transform: `translate(${o}px, ${l}px)`
+            },
+            filter: "blur(5px)"
+          }, h = {
+            ...t.isHeight && {
+              transform: "translate(0, 0)"
+            },
+            filter: "blur(0px)"
+          };
+          t.isHeight && u !== d && (c.height = `${u}px`, h.height = `${d}px`), i = [c, h];
+        }
+        return new KeyframeEffect(a, i, {
+          duration: Number(t.duration),
+          easing: "ease-out",
+          fill: "both"
+        });
+      })
+    ), (a, n) => (v(), S("div", {
+      ref_key: "containerRef",
+      ref: e,
+      class: b(a.$style.root)
     }, [
-      ue(i.$slots, "default"),
-      K(f(Ms), {
-        isShowDropdown: f(e),
-        "onUpdate:isShowDropdown": o[0] || (o[0] = (l) => wn(e) ? e.value = l : null),
-        "vertical-offset": i.verticalOffset,
-        "horizontal-align": "center",
-        "vertical-align": i.verticalAlign
-      }, {
-        default: H(({ align: l }) => [
-          X("div", {
-            class: b([i.$style.wrapper, i.$style[`position_${l.vertical}`]])
-          }, [
-            X("div", {
-              class: b(i.$style.balloon)
-            }, [
-              K(f(Fe), {
-                class: b(i.$style.text),
-                name: "caption",
-                color: "foreground-element-tooltip-primary"
-              }, {
-                default: H(() => [
-                  Ce(be(i.text), 1)
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ], 2),
-            (v(), S("svg", {
-              class: b(i.$style.shape),
-              width: "12",
-              height: "4",
-              viewBox: "0 0 12 4",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg"
-            }, o[1] || (o[1] = [
-              X("path", {
-                d: "M4.58579 2.58579C5.36684 3.36684 6.63317 3.36683 7.41421 2.58579L8.82843 1.17157C9.57857 0.421426 10.596 0 11.6569 0H12H0H0.343146C1.40401 0 2.42143 0.421427 3.17157 1.17157L4.58579 2.58579Z",
-                "fill-opacity": "0.9"
-              }, null, -1)
-            ]), 2))
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["isShowDropdown", "vertical-offset", "vertical-align"])
-    ], 34));
+      ue(a.$slots, "default")
+    ], 2));
   }
-}), lC = "Tooltip__root_32cc0", uC = "Tooltip__balloon_3d49f", cC = "Tooltip__wrapper_81d05", dC = "Tooltip__shape_d4585", fC = "Tooltip__position_top_54246", hC = "Tooltip__position_bottom_7e186", pC = {
-  root: lC,
-  balloon: uC,
-  wrapper: cC,
-  shape: dC,
-  position_top: fC,
-  position_bottom: hC
-}, vC = {
-  $style: pC
-}, mC = /* @__PURE__ */ $e(oC, [["__cssModules", vC]]), gC = /* @__PURE__ */ de({
-  __name: "CellInfo",
+}), dC = {}, fC = {
+  $style: dC
+}, hC = /* @__PURE__ */ $e(cC, [["__cssModules", fC]]), pC = /* @__PURE__ */ de({
+  __name: "Table",
   props: {
-    label: {},
-    value: {}
+    headers: {},
+    gridTemplateColumns: { default: "repeat(3, 1fr)" },
+    list: {},
+    isLoading: { type: Boolean, default: !1 },
+    extractKey: { type: Function },
+    reRenderKey: {}
   },
   setup(t) {
-    const { copy: e } = iC();
+    const e = B(() => JSON.stringify(t.list));
     return (a, n) => (v(), S("div", {
       class: b(a.$style.root),
-      onClick: n[0] || (n[0] = (r) => f(e)(a.value))
+      style: He({ "--grid-template-columns": a.gridTemplateColumns })
     }, [
-      K(f(mC), {
-        class: b(a.$style.tooltip),
-        text: "Нажмите, чтобы скопировать",
-        "vertical-align": "bottom",
-        "vertical-offset": "12"
-      }, {
+      X("div", {
+        class: b(a.$style.header)
+      }, [
+        (v(!0), S(De, null, Ve(a.headers, (r) => (v(), S("div", { key: r }, [
+          K(f(Fe), {
+            class: b(a.$style.headerText),
+            size: "caption",
+            weight: "regular",
+            color: "foreground-layout-layout-1-secondary"
+          }, {
+            default: H(() => [
+              Ce(be(r), 1)
+            ]),
+            _: 2
+          }, 1032, ["class"])
+        ]))), 128)),
+        K(f(Bi), {
+          size: "s",
+          class: b(a.$style.divider)
+        }, null, 8, ["class"])
+      ], 2),
+      K(f(hC), null, {
         default: H(() => [
-          X("div", {
-            class: b(a.$style.text)
+          a.isLoading ? (v(), S("div", {
+            key: "skeleton",
+            class: b([a.$style.body, a.$style.skeleton])
           }, [
-            K(f(Fe), {
-              size: "subhead",
-              color: "foreground-layout-layout-1-secondary"
-            }, {
-              default: H(() => [
-                Ce(be(a.label), 1)
-              ]),
-              _: 1
-            }),
-            K(f(Fe), {
-              size: "body",
-              color: "foreground-layout-layout-1-primary"
-            }, {
+            K(f(rg), null, {
               default: H(() => [
-                Ce(be(a.value), 1)
+                (v(), S(De, null, Ve(6, (r) => ue(a.$slots, "renderSkeletonRow", { key: r })), 64))
               ]),
-              _: 1
+              _: 3
             })
-          ], 2),
-          K(f(Qe), {
-            class: b(a.$style.icon),
-            size: "18",
-            name: "outline-copy",
-            color: "foreground-layout-layout-1-secondary"
-          }, null, 8, ["class"])
+          ], 2)) : a.list.length ? (v(), S("div", {
+            key: `content-${e.value}-${a.reRenderKey}`,
+            class: b(a.$style.body)
+          }, [
+            (v(!0), S(De, null, Ve(a.list, (r, s) => ue(a.$slots, "renderTableRow", {
+              item: r,
+              index: s
+            })), 256))
+          ], 2)) : (v(), S("div", {
+            key: 2,
+            class: b(a.$style.empty)
+          }, [
+            ue(a.$slots, "renderEmpty")
+          ], 2))
         ]),
-        _: 1
-      }, 8, ["class"])
+        _: 3
+      })
+    ], 6));
+  }
+}), vC = "Table__root_597c1", mC = "Table__header_9967a", gC = "Table__row_1749f", yC = "Table__divider_fe573", bC = "Table__skeleton_bdbfb", _C = "Table__empty_24f80", Ku = {
+  root: vC,
+  header: mC,
+  row: gC,
+  divider: yC,
+  skeleton: bC,
+  empty: _C
+}, wC = {
+  $style: Ku
+}, bT = /* @__PURE__ */ $e(pC, [["__cssModules", wC]]), kC = /* @__PURE__ */ de({
+  __name: "TableRow",
+  setup(t) {
+    return (e, a) => (v(), S("div", {
+      class: b(e.$style.row)
+    }, [
+      ue(e.$slots, "default")
     ], 2));
   }
-}), yC = "CellInfo__root_834a5", bC = "CellInfo__tooltip_24d8f", _C = "CellInfo__text_2f5c6", wC = "CellInfo__icon_70c88", kC = {
-  root: yC,
-  tooltip: bC,
-  text: _C,
-  icon: wC
-}, $C = {
-  $style: kC
-}, _T = /* @__PURE__ */ $e(gC, [["__cssModules", $C]]), wT = {
+}), $C = {
+  $style: Ku
+}, _T = /* @__PURE__ */ $e(kC, [["__cssModules", $C]]), wT = {
   KGS: "KGS"
 };
 export {
-  r2 as AnimationFadeBlur,
-  gT as Avatar,
+  hC as AnimationFadeBlur,
+  vT as Avatar,
   Ic as Badge,
   SC as BadgeSkeleton,
   MC as BannerOffer,
   DC as BannerOfferSkeleton,
-  vT as Breadcrumbs,
+  hT as Breadcrumbs,
   Ra as Button,
   zr as ButtonIcon,
   AC as ButtonIconSkeleton,
@@ -20887,7 +20887,7 @@ export {
   FC as CardContentList,
   OC as CardContentListSkeleton,
   Of as CardContentSkeleton,
-  _T as CellInfo,
+  yT as CellInfo,
   Z1 as Checkbox,
   $k as CheckboxGroupFilterChip,
   zu as CheckboxGroupFilterView,
@@ -20916,8 +20916,8 @@ export {
   VC as Link,
   NC as ListHeader,
   ps as Loader,
-  yT as MenuBar,
-  Y$ as MenuBarItem,
+  mT as MenuBar,
+  h$ as MenuBarItem,
   YC as ModalConfirmation,
   HC as Price,
   Mm as ResponseBase,
@@ -20925,20 +20925,20 @@ export {
   jC as Select,
   Vl as SelectBase,
   rg as SkeletonWrapper,
-  uT as StatusSelect,
-  cT as StatusSelectSkeleton,
-  eC as StepItem,
-  bT as Steps,
-  rT as Table,
-  sT as TableRow,
+  oT as StatusSelect,
+  lT as StatusSelectSkeleton,
+  T$ as StepItem,
+  gT as Steps,
+  bT as Table,
+  _T as TableRow,
   qC as Tabs,
   wr as TheImage,
   Fe as TheText,
   Kr as TheTextSkeleton,
-  hT as ThemePicker,
-  pT as ThemePickerSkeleton,
-  ju as ToastServiceKey,
-  oT as Toaster,
+  dT as ThemePicker,
+  fT as ThemePickerSkeleton,
+  Nu as ToastServiceKey,
+  sT as Toaster,
   aT as ToasterProvider,
   cl as Toggle,
   Pa as TransitionFade,
@@ -20948,19 +20948,19 @@ export {
   JC as TransitionSlideRight,
   KC as UserRow,
   QC as UserRowSkeleton,
-  mT as VerificationInfoCell,
+  pT as VerificationInfoCell,
   xC as iconNames,
   Y1 as isCheckboxGroupFilterValue,
   H1 as isDatepickerFilterValue,
-  lT as spriteService,
-  iT as toastService,
-  iC as useCopyToBuffer,
+  iT as spriteService,
+  rT as toastService,
+  A$ as useCopyToBuffer,
   Ss as useDropdown,
   Rh as useDropdownAnimation,
   tT as useDropdownElementInject,
   pp as useDynamicVisibleArea,
   PC as useDynamicVisibleAreaInject,
-  fT as useGlobalConfig,
-  dT as useGlobalConfigProvide,
+  cT as useGlobalConfig,
+  uT as useGlobalConfigProvide,
   ey as useToaster
 };