@dv.net/ui-kit 1.0.0

package/dist/chunks/SelectList.vue_vue_type_script_setup_true_lang-D7rVgcUu.js

@@ -0,0 +1,25 @@
+import { defineComponent as l, ref as i, computed as c, createElementBlock as p, openBlock as a, createElementVNode as _, renderSlot as u } from "vue";
+const d = { class: "ui-select__options-list" }, m = /* @__PURE__ */ l({
+  __name: "SelectList",
+  props: {
+    options: {}
+  },
+  setup(o) {
+    const s = o, n = i(null), r = c(() => s.options.map((e, t) => ({
+      index: t,
+      data: e
+    })));
+    return (e, t) => (a(), p("div", {
+      ref_key: "listRef",
+      ref: n,
+      class: "ui-select__options-list-wrapper"
+    }, [
+      _("div", d, [
+        u(e.$slots, "default", { options: r.value })
+      ])
+    ], 512));
+  }
+});
+export {
+  m as _
+};

package/dist/chunks/SelectListItem.vue_vue_type_script_setup_true_lang-CqpBkc62.js

@@ -0,0 +1,25 @@
+import { defineComponent as i, useCssVars as a, computed as c, createElementBlock as n, openBlock as l, normalizeClass as r, renderSlot as m } from "vue";
+import { SelectListItemSize as p } from "../components/UiSelect/types.js";
+const f = /* @__PURE__ */ i({
+  __name: "SelectListItem",
+  props: {
+    isChecked: { type: Boolean },
+    isNavigated: { type: Boolean },
+    size: { default: "sm" }
+  },
+  emits: ["check", "mouseOver"],
+  setup(t) {
+    a((e) => ({
+      "6e27bd31": s.value
+    }));
+    const o = t, s = c(() => p[o.size] + "px");
+    return (e, d) => (l(), n("button", {
+      class: r(["ui-select__option", [{ "is-checked": e.isChecked }, { "is-navigated": e.isNavigated }, `size-${s.value}`]])
+    }, [
+      m(e.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  f as _
+};

package/dist/chunks/SelectSearch.vue_vue_type_script_setup_true_lang-BLx-GlCO.js

@@ -0,0 +1,66 @@
+import { defineComponent as i, mergeModels as l, useModel as a, createElementBlock as s, openBlock as c, createElementVNode as n, createVNode as t, unref as r, withCtx as d } from "vue";
+import { _ as u } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+/* empty css                                                         */
+/* empty css                                                    */
+import "./useDatePicker-D8lDAs1P.js";
+import { config as _ } from "../config/index.js";
+/* empty css                                                           */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang-CT3b77Nb.js";
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const h = { class: "select-search" }, V = { class: "select-search__wrapper" }, Q = /* @__PURE__ */ i({
+  __name: "SelectSearch",
+  props: /* @__PURE__ */ l({
+    placeholder: {}
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(m) {
+    const e = a(m, "modelValue");
+    return (v, o) => (c(), s("div", h, [
+      n("div", V, [
+        t(r(f), {
+          ref: "inputRef",
+          class: "select-search__input",
+          modelValue: e.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (p) => e.value = p),
+          placeholder: r(_).uiSelect.translations.searchInputPlaceholder,
+          clearable: ""
+        }, {
+          append: d(() => [
+            t(u, {
+              name: "search",
+              type: "400",
+              size: "sm"
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "placeholder"])
+      ])
+    ]));
+  }
+});
+export {
+  Q as _
+};

package/dist/chunks/SelectTrigger.vue_vue_type_script_setup_true_lang-BvkUN4NZ.js

@@ -0,0 +1,90 @@
+import { defineComponent as c, createElementBlock as t, openBlock as r, createElementVNode as o, createCommentVNode as l, toDisplayString as n, renderSlot as m, createVNode as i, Transition as _, withCtx as d, unref as p, withModifiers as h } from "vue";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+import { _ as a } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+/* empty css                                                         */
+/* empty css                                                    */
+import "./useDatePicker-D8lDAs1P.js";
+import "../config/index.js";
+/* empty css                                                           */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const u = { class: "ui-select__inner" }, v = { class: "ui-select__text-block" }, f = {
+  key: 0,
+  class: "ui-select__placeholder-wrapper"
+}, y = { class: "ui-select__placeholder" }, k = { class: "ui-select__placeholder-inner" }, C = { class: "ui-select__value" }, z = { class: "ui-select__controls" }, B = {
+  key: 0,
+  class: "ui-select__clear"
+}, x = /* @__PURE__ */ c({
+  __name: "SelectTrigger",
+  props: {
+    isActive: { type: Boolean },
+    type: {},
+    placeholder: {},
+    clearable: { type: Boolean },
+    isHasValue: { type: Boolean },
+    chevronName: {},
+    chevronColor: {},
+    chevronSize: {}
+  },
+  emits: ["clear"],
+  setup(N) {
+    return (e, s) => (r(), t("div", u, [
+      o("div", v, [
+        e.placeholder ? (r(), t("div", f, [
+          o("p", y, [
+            o("span", k, [
+              o("span", null, n(e.placeholder), 1)
+            ])
+          ])
+        ])) : l("", !0),
+        o("div", C, [
+          m(e.$slots, "default")
+        ])
+      ]),
+      o("div", z, [
+        i(_, { name: "fade" }, {
+          default: d(() => [
+            e.clearable && e.isHasValue ? (r(), t("div", B, [
+              i(p(a), {
+                size: "md",
+                color: "var(--color-icon-tertiary)",
+                onClick: s[0] || (s[0] = h((S) => e.$emit("clear"), ["stop"])),
+                name: "close",
+                type: "400"
+              })
+            ])) : l("", !0)
+          ]),
+          _: 1
+        }),
+        i(p(a), {
+          class: "ui-select__chevron",
+          size: e.chevronSize,
+          name: e.chevronName,
+          type: "400",
+          color: e.chevronColor
+        }, null, 8, ["size", "name", "color"])
+      ])
+    ]));
+  }
+});
+export {
+  x as _
+};

package/dist/chunks/SelectVirtualList.vue_vue_type_script_setup_true_lang-B2gLyWDm.js

@@ -0,0 +1,68 @@
+import { defineComponent as a, computed as r, createBlock as c, openBlock as u, unref as e, withCtx as p, createVNode as f, renderSlot as d } from "vue";
+import { s as _ } from "./style-CD0jFgS4.js";
+import "./vue3-lottie.es-C_Z24a9S.js";
+/* empty css                                                */
+/* empty css                                                         */
+/* empty css                                                    */
+import "./useDatePicker-D8lDAs1P.js";
+import "../config/index.js";
+/* empty css                                                           */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+import { _ as S } from "./UiLoading.vue_vue_type_script_setup_true_lang-BtR0ERuP.js";
+/* empty css                                                 */
+/* empty css                                                      */
+import { SelectListItemSize as z } from "../components/UiSelect/types.js";
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const R = /* @__PURE__ */ a({
+  __name: "SelectVirtualList",
+  props: {
+    options: {},
+    size: {},
+    isLoading: { type: Boolean }
+  },
+  emits: ["changeInfinityScroll"],
+  setup(m) {
+    const o = m, s = r(
+      () => o.options.map((t, i) => ({
+        index: i,
+        option: t
+      }))
+    ), n = r(() => z[o.size]);
+    return (t, i) => (u(), c(e(_), {
+      onScrollEnd: i[0] || (i[0] = () => t.$emit("changeInfinityScroll")),
+      items: s.value,
+      "item-size": n.value,
+      "key-field": "index",
+      class: "ui-select__options-list-wrapper"
+    }, {
+      default: p(({ item: l }) => [
+        d(t.$slots, "default", { item: l })
+      ]),
+      after: p(() => [
+        f(e(S), {
+          iconSize: "lg",
+          class: "ui-select__virtual-list-loader",
+          "is-show": t.isLoading && t.options.length > 0
+        }, null, 8, ["is-show"])
+      ]),
+      _: 3
+    }, 8, ["items", "item-size"]));
+  }
+});
+export {
+  R as _
+};

package/dist/chunks/Spotify-CcvC2h9L.js

@@ -0,0 +1,33 @@
+import { createElementBlock as t, openBlock as n, createElementVNode as e } from "vue";
+const o = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "32",
+  height: "32",
+  fill: "none",
+  viewBox: "0 0 32 32"
+};
+function r(i, l) {
+  return n(), t("svg", o, [...l[0] || (l[0] = [
+    e("rect", {
+      width: "32",
+      height: "32",
+      fill: "#10BC4C",
+      rx: "16"
+    }, null, -1),
+    e("path", {
+      fill: "#10BC4C",
+      d: "M24.01 8.035H8V24.06h16.01z"
+    }, null, -1),
+    e("path", {
+      fill: "#fff",
+      "fill-rule": "evenodd",
+      d: "M16.005 8.035C11.602 8.035 8 11.64 8 16.047s3.602 8.012 8.005 8.012c4.402 0 8.005-3.605 8.005-8.012s-3.562-8.012-8.005-8.012m3.682 11.577c-.16.24-.44.32-.68.16-1.882-1.161-4.243-1.401-7.045-.76-.28.08-.52-.12-.6-.361-.08-.28.12-.52.36-.601 3.042-.681 5.684-.4 7.765.881.28.12.32.441.2.681m.96-2.203c-.2.28-.56.4-.84.2-2.161-1.322-5.443-1.722-7.965-.921-.32.08-.68-.08-.76-.4-.08-.321.08-.682.4-.762 2.922-.881 6.524-.44 9.006 1.082.24.12.36.52.16.801m.08-2.243c-2.56-1.523-6.844-1.683-9.285-.922a.75.75 0 0 1-.92-.48c-.12-.4.12-.801.48-.922 2.842-.84 7.524-.68 10.486 1.082.36.2.48.68.28 1.042-.2.28-.68.4-1.04.2",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const d = { render: r };
+export {
+  d as default,
+  r as render
+};

package/dist/chunks/TableSort.vue_vue_type_script_setup_true_lang-DOlNv552.js

@@ -0,0 +1,56 @@
+import { defineComponent as l, mergeModels as p, useModel as s, createElementBlock as a, openBlock as n, renderSlot as u, createVNode as c, unref as d, normalizeClass as f } from "vue";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+import { _ } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+/* empty css                                                         */
+/* empty css                                                    */
+import "./useDatePicker-D8lDAs1P.js";
+import "../config/index.js";
+/* empty css                                                           */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const O = /* @__PURE__ */ l({
+  __name: "TableSort",
+  props: {
+    modelValue: { default: null },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ p(["sort"], ["update:modelValue"]),
+  setup(e, { emit: r }) {
+    const o = s(e, "modelValue"), t = r;
+    function m() {
+      !o.value || o.value === "asc" ? t("sort", "desc") : o.value === "desc" && t("sort", "asc");
+    }
+    return (i, V) => (n(), a("button", {
+      class: "ui-table-sort",
+      onClick: m
+    }, [
+      u(i.$slots, "default"),
+      c(d(_), {
+        type: "400",
+        name: "filter",
+        class: f([o.value])
+      }, null, 8, ["class"])
+    ]));
+  }
+});
+export {
+  O as _
+};

package/dist/chunks/TableSummary.vue_vue_type_script_setup_true_lang-9VfVgUTT.js

@@ -0,0 +1,64 @@
+import { defineComponent as k, createElementBlock as a, openBlock as s, Fragment as o, renderList as b, createCommentVNode as m, normalizeClass as i, createVNode as g, createElementVNode as N, Transition as V, withCtx as w, renderSlot as y, createTextVNode as c, toDisplayString as p } from "vue";
+import { getValueByHeaderName as S } from "../components/UiTable/helpers/getValueByHeaderName.js";
+const B = { class: "ui-table__body-row" }, $ = {
+  key: 0,
+  class: "ui-table__row-animation"
+}, D = /* @__PURE__ */ k({
+  __name: "TableSummary",
+  props: {
+    emptyValue: { type: [String, Boolean] },
+    loading: { type: Boolean },
+    headers: {},
+    preparedData: {}
+  },
+  setup(_) {
+    const u = _;
+    function d(t) {
+      return u.preparedData.map((n) => S(n.row, t, u.emptyValue));
+    }
+    function l(t) {
+      const n = d(t);
+      return n.every((r) => typeof r == "number") ? n.reduce((r, f) => r + f, 0) : "N/A";
+    }
+    return (t, n) => (s(), a("tr", B, [
+      (s(!0), a(o, null, b(t.headers, (e, r) => (s(), a(o, {
+        key: e.name
+      }, [
+        e.isShow === void 0 || e.isShow ? (s(), a("td", {
+          key: 0,
+          colspan: 1,
+          rowspan: 1,
+          class: i([[{ "is-selection-col": e.selection }], "ui-table__summary-cell"])
+        }, [
+          g(V, { name: "fade" }, {
+            default: w(() => [
+              t.loading ? (s(), a("div", $)) : m("", !0)
+            ]),
+            _: 1
+          }),
+          N("div", {
+            class: i(["ui-table__summary-cell-inner", [e.align]])
+          }, [
+            t.$slots["summary-cell"] ? y(t.$slots, "summary-cell", {
+              key: 0,
+              index: r,
+              header: e
+            }) : e.name ? (s(), a(o, { key: 1 }, [
+              t.$slots[`summary-cell-${e.name}`] ? y(t.$slots, `summary-cell-${e.name}`, {
+                key: 0,
+                summary: l(e.name)
+              }) : e.summary ? (s(), a(o, { key: 1 }, [
+                c(p(e.summary(l(e.name))), 1)
+              ], 64)) : (s(), a(o, { key: 2 }, [
+                c(p(l(e.name)), 1)
+              ], 64))
+            ], 64)) : m("", !0)
+          ], 2)
+        ], 2)) : m("", !0)
+      ], 64))), 128))
+    ]));
+  }
+});
+export {
+  D as _
+};

package/dist/chunks/Twitch-07UogKQf.js

@@ -0,0 +1,18 @@
+import { createElementBlock as h, openBlock as e, createStaticVNode as l } from "vue";
+const i = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "32",
+  height: "32",
+  fill: "none",
+  viewBox: "0 0 32 32"
+};
+function r(o, t) {
+  return e(), h("svg", i, [...t[0] || (t[0] = [
+    l('<rect width="32" height="32" fill="#9146FF" rx="16"></rect><path fill="#9146FF" d="m20.356 17.165-2.307 2.14h-2.306l-2.019 1.873v-1.873H11.13V11.28h9.227z"></path><path fill="#fff" d="m12.348 9.043-.696.695-1.217 7.826 3.652 1.913.522.696 3.478-1.217 3.826-2.957.174-2.783-.174-4-.521-.173z"></path><path fill="#202229" d="M11.929 8.494 9.045 11.17v9.63h3.46v2.676L15.39 20.8h2.307l5.19-4.816v-7.49zm9.804 6.956-2.307 2.14h-2.307L15.1 19.463V17.59h-2.595V9.564h9.228z"></path><path fill="#202229" d="M20.001 11.438h-1.153v3.21H20zm-3.17 0h-1.153v3.21h1.153z"></path>', 5)
+  ])]);
+}
+const f = { render: r };
+export {
+  f as default,
+  r as render
+};

package/dist/chunks/UiAnimation.vue_vue_type_script_setup_true_lang-D_oi_HtH.js

@@ -0,0 +1,30 @@
+import { defineComponent as i, ref as l, createBlock as p, openBlock as m, unref as r } from "vue";
+import { V as f } from "./vue3-lottie.es-C_Z24a9S.js";
+const C = /* @__PURE__ */ i({
+  __name: "UiAnimation",
+  props: {
+    iconComponent: {},
+    autoPlay: { type: Boolean, default: !1 },
+    loop: { type: Boolean, default: !1 }
+  },
+  emits: ["onAnimationLoaded", "onLoopComplete", "onOnComplete"],
+  setup(s, { expose: a }) {
+    const n = l();
+    return a({
+      lottie: n
+    }), (o, e) => (m(), p(r(f), {
+      class: "ui-animation",
+      ref_key: "lottieRef",
+      ref: n,
+      autoPlay: o.autoPlay,
+      loop: o.loop,
+      animationData: o.iconComponent,
+      onOnAnimationLoaded: e[0] || (e[0] = (t) => o.$emit("onAnimationLoaded")),
+      onOnLoopComplete: e[1] || (e[1] = (t) => o.$emit("onLoopComplete")),
+      onOnOnComplete: e[2] || (e[2] = (t) => o.$emit("onOnComplete"))
+    }, null, 8, ["autoPlay", "loop", "animationData"]));
+  }
+});
+export {
+  C as _
+};

package/dist/chunks/UiAvatar.vue_vue_type_script_setup_true_lang-CmP5LS3c.js

@@ -0,0 +1,99 @@
+import { defineComponent as v, computed as n, useId as _, createElementBlock as a, openBlock as o, normalizeStyle as f, normalizeClass as k, createVNode as i, createElementVNode as r, unref as s, Fragment as p, createTextVNode as u, toDisplayString as h } from "vue";
+import { _ as d } from "./AvatarMask.vue_vue_type_script_setup_true_lang-DknpN85J.js";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+import { _ as y } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+/* empty css                                                         */
+/* empty css                                                    */
+import "./useDatePicker-D8lDAs1P.js";
+import "../config/index.js";
+/* empty css                                                           */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const g = { class: "ui-avatar__inner" }, z = ["id"], b = ["mask"], $ = { class: "ui-avatar__avatar" }, j = ["src"], B = { class: "ui-avatar__status" }, ot = /* @__PURE__ */ v({
+  __name: "UiAvatar",
+  props: {
+    avatar: {},
+    email: { default: null },
+    size: { default: "sm" },
+    status: { default: "reject" },
+    clickable: { type: Boolean }
+  },
+  setup(e) {
+    const c = n(() => e.email ? (e.email[0] ?? "") + (e.email[1] ?? "") : null), l = _(), m = n(() => ({
+      success: {
+        icon: "check-circle  1",
+        color: "var(--color-icon-positive)"
+      },
+      pending: {
+        icon: "person-kyc",
+        color: "var(--color-icon-warning)"
+      },
+      reject: {
+        icon: "cancel  1",
+        color: "var(--color-icon-negative)"
+      },
+      default: {
+        icon: "cancel  1",
+        color: "var(--color-icon-tertiary)"
+      }
+    }));
+    return (t, E) => (o(), a("div", {
+      class: k(["ui-avatar", [`size-${t.size}`, { clickable: t.clickable }]]),
+      style: f({ color: m.value[t.email ? t.status : "default"].color })
+    }, [
+      i(d, {
+        isTransparent: "",
+        class: "ui-avatar__mask"
+      }),
+      (o(), a("svg", g, [
+        r("mask", { id: s(l) }, [
+          i(d)
+        ], 8, z),
+        (o(), a("foreignObject", {
+          mask: `url(#${s(l)})`,
+          width: "100%",
+          height: "100%"
+        }, [
+          r("div", $, [
+            t.avatar ? (o(), a("img", {
+              key: 0,
+              src: t.avatar
+            }, null, 8, j)) : c.value ? (o(), a(p, { key: 1 }, [
+              u(h(c.value), 1)
+            ], 64)) : (o(), a(p, { key: 2 }, [
+              u("-")
+            ], 64))
+          ])
+        ], 8, b))
+      ])),
+      r("div", B, [
+        i(s(y), {
+          type: "100",
+          name: m.value[t.status].icon,
+          size: "fill"
+        }, null, 8, ["name"])
+      ])
+    ], 6));
+  }
+});
+export {
+  ot as _
+};

package/dist/chunks/UiBlockTitle.vue_vue_type_script_setup_true_lang-Di9vYVWY.js

@@ -0,0 +1,70 @@
+import { defineComponent as l, createElementBlock as r, openBlock as e, renderSlot as a, createElementVNode as s, createCommentVNode as n, toDisplayString as i, createVNode as c, unref as m, withCtx as p, Fragment as _, renderList as u, createBlock as d, createTextVNode as f } from "vue";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+/* empty css                                                */
+/* empty css                                                         */
+/* empty css                                                    */
+import "./useDatePicker-D8lDAs1P.js";
+import "../config/index.js";
+/* empty css                                                           */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+import { _ as h } from "./UiTabs.vue_vue_type_script_setup_true_lang-Cl2uvELZ.js";
+/* empty css                                                */
+import { _ as k } from "./UiTabsItem.vue_vue_type_script_setup_true_lang-XvsBaqkr.js";
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const V = { class: "ui-block-title" }, v = {
+  key: 0,
+  class: "ui-block-title__title"
+}, B = { class: "ui-block-title__nav" }, Z = /* @__PURE__ */ l({
+  __name: "UiBlockTitle",
+  props: {
+    title: {},
+    links: {}
+  },
+  setup(N) {
+    return (t, $) => (e(), r("div", V, [
+      a(t.$slots, "default", {}, () => [
+        t.title ? (e(), r("h1", v, i(t.title), 1)) : n("", !0)
+      ]),
+      s("nav", B, [
+        c(m(h), {
+          router: "",
+          size: "lg",
+          mode: "clear",
+          modelValue: t.$route?.path
+        }, {
+          default: p(() => [
+            (e(!0), r(_, null, u(t.links, (o) => (e(), d(m(k), {
+              value: o?.path,
+              key: o?.path
+            }, {
+              default: p(() => [
+                f(i(o.title), 1)
+              ]),
+              _: 2
+            }, 1032, ["value"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ])
+    ]));
+  }
+});
+export {
+  Z as _
+};