@dv.net/ui-kit 1.0.0

package/dist/chunks/UiLanguages.vue_vue_type_script_setup_true_lang-D99OANJy.js

@@ -0,0 +1,216 @@
+import { createElementBlock as s, openBlock as o, createElementVNode as i, defineComponent as T, mergeModels as S, useModel as F, ref as w, computed as L, onMounted as j, createCommentVNode as y, createBlock as c, normalizeClass as z, renderSlot as A, Fragment as u, createVNode as p, createTextVNode as V, toDisplayString as g, capitalize as P, unref as r, withCtx as N, renderList as C, nextTick as q } from "vue";
+import { _ as D } from "./UiFlagIcon.vue_vue_type_script_setup_true_lang-BEuyocgZ.js";
+/* empty css                                                    */
+import { _ as k } from "./UiLanguageButton.vue_vue_type_script_setup_true_lang-BbBju8fJ.js";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+import { _ as G } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+/* empty css                                                         */
+/* empty css                                                    */
+import "./useDatePicker-D8lDAs1P.js";
+import { config as b } from "../config/index.js";
+/* empty css                                                           */
+/* empty css                                                       */
+import { _ as J } from "./UiDrawer.vue_vue_type_script_setup_true_lang-Vs6J1MR6.js";
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+import { _ as K } from "./UiInput.vue_vue_type_script_setup_true_lang-CT3b77Nb.js";
+import { useBreakpoints as O } from "../composables/useBreakpoints.js";
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+import { _ as Q } from "./UiModal.vue_vue_type_script_setup_true_lang-CQjOpID3.js";
+/* empty css                                                   */
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const W = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  fill: "none",
+  viewBox: "0 0 20 20"
+};
+function X(v, f) {
+  return o(), s("svg", W, [...f[0] || (f[0] = [
+    i("path", {
+      stroke: "#717173",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "m15 15 4 4M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16"
+    }, null, -1)
+  ])]);
+}
+const Y = { render: X }, Z = { class: "ui-languages" }, x = ["disabled"], ee = { class: "ui-languages--modal" }, ae = { class: "ui-languages--modal__search" }, oe = {
+  key: 0,
+  class: "ui-languages__favourites"
+}, le = { key: 1 }, se = {
+  key: 2,
+  class: "ui-languages--modal__empty"
+}, te = { class: "ui-languages--drawer__wrapper" }, re = { class: "ui-languages--drawer__header" }, ie = { class: "ui-languages--drawer__items" }, ne = {
+  key: 0,
+  class: "ui-languages__favourites"
+}, qe = /* @__PURE__ */ T({
+  __name: "UiLanguages",
+  props: /* @__PURE__ */ S({
+    locales: {},
+    disabled: { type: Boolean },
+    minNumbersLocalesDisplayFavorites: { default: 10 },
+    forHeader: { type: Boolean, default: !1 },
+    isHidden: { type: Boolean }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {},
+    "is-show": { type: Boolean, default: !1 },
+    "is-showModifiers": {}
+  }),
+  emits: /* @__PURE__ */ S(["change"], ["update:modelValue", "update:is-show"]),
+  setup(v, { emit: f }) {
+    const E = f, B = v, t = F(v, "modelValue"), d = F(v, "is-show"), { isMobile: U } = O(), n = w(""), H = w(), $ = w([]), h = L(() => [
+      { id: 2, name: "English", isoCode: "en", nativeName: "English" },
+      ...$.value,
+      t.value
+    ].filter((e, l, a) => l === a.findIndex((R) => R.isoCode === e.isoCode))), M = L(() => B.locales.toSorted((e, l) => e.name.localeCompare(l.name))), m = L(() => n.value ? M.value.filter(
+      (e) => e.name.toLocaleLowerCase().includes(n.value.toLocaleLowerCase()) || e.nativeName?.toLocaleLowerCase().includes(n.value.toLocaleLowerCase())
+    ) : M.value);
+    function _(e) {
+      t.value = e, d.value = !1, n.value = "", E("change", e);
+    }
+    function I() {
+      d.value = !0, q(() => {
+        H.value?.focus();
+      });
+    }
+    return j(() => {
+      const e = navigator.languages.slice(0, 2).map((l) => l.split("-")[0]);
+      $.value = B.locales.filter(({ isoCode: l }) => e.includes(l));
+    }), (e, l) => (o(), s("div", Z, [
+      e.isHidden ? y("", !0) : (o(), s("button", {
+        key: 0,
+        disabled: e.disabled,
+        class: z([{ "for-header": e.forHeader }, "ui-languages--trigger"]),
+        onClick: I
+      }, [
+        A(e.$slots, "trigger", { locale: t.value }, () => [
+          e.forHeader ? (o(), s(u, { key: 0 }, [
+            p(D, {
+              isoCode: t.value?.isoCode ?? "",
+              "is-small": ""
+            }, null, 8, ["isoCode"]),
+            V(" " + g(P(t.value?.isoCode ?? "")), 1)
+          ], 64)) : (o(), s(u, { key: 1 }, [
+            p(D, {
+              isoCode: t.value?.isoCode ?? ""
+            }, null, 8, ["isoCode"]),
+            V(" " + g(t.value?.name) + " ", 1),
+            t.value?.nativeName ? (o(), s(u, { key: 0 }, [
+              V("(" + g(t.value?.nativeName) + ")", 1)
+            ], 64)) : y("", !0)
+          ], 64))
+        ])
+      ], 10, x)),
+      r(U) ? (o(), c(r(J), {
+        key: 2,
+        class: "ui-languages--drawer",
+        direction: "btt",
+        modelValue: d.value,
+        "onUpdate:modelValue": l[3] || (l[3] = (a) => d.value = a)
+      }, {
+        default: N(() => [
+          i("div", te, [
+            i("div", re, [
+              i("p", null, g(r(b).uiLanguages.translations.changeLanguage), 1),
+              p(r(G), {
+                name: "close",
+                type: "400",
+                size: "lg"
+              })
+            ]),
+            i("div", ie, [
+              h.value?.length && m.value.length >= e.minNumbersLocalesDisplayFavorites ? (o(), s("div", ne, [
+                (o(!0), s(u, null, C(h.value, (a) => (o(), c(k, {
+                  key: a.id,
+                  locale: a,
+                  onChange: _,
+                  selected: t.value,
+                  "for-header": e.forHeader
+                }, null, 8, ["locale", "selected", "for-header"]))), 128))
+              ])) : y("", !0),
+              (o(!0), s(u, null, C(m.value, (a) => (o(), c(k, {
+                key: a.id,
+                locale: a,
+                onChange: _,
+                selected: t.value,
+                "for-header": e.forHeader
+              }, null, 8, ["locale", "selected", "for-header"]))), 128))
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])) : (o(), c(r(Q), {
+        key: 1,
+        onClose: l[1] || (l[1] = (a) => n.value = ""),
+        modelValue: d.value,
+        "onUpdate:modelValue": l[2] || (l[2] = (a) => d.value = a),
+        isShowBtnClose: !1,
+        popperClass: "transparent-bg"
+      }, {
+        default: N(() => [
+          i("div", ee, [
+            i("div", ae, [
+              p(r(K), {
+                ref_key: "inputRef",
+                ref: H,
+                autofocus: "",
+                size: "sm",
+                modelValue: n.value,
+                "onUpdate:modelValue": l[0] || (l[0] = (a) => n.value = a),
+                placeholder: r(b).uiLanguages.translations.searchInputPlaceholder
+              }, {
+                prepend: N(() => [
+                  p(r(Y))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "placeholder"])
+            ]),
+            i("div", {
+              class: z(["ui-languages--modal__items", { "is-empty": !m.value.length }])
+            }, [
+              h.value?.length && m.value.length >= e.minNumbersLocalesDisplayFavorites ? (o(), s("div", oe, [
+                (o(!0), s(u, null, C(h.value, (a) => (o(), c(k, {
+                  key: a.id,
+                  locale: a,
+                  onChange: _,
+                  selected: t.value,
+                  "for-header": e.forHeader
+                }, null, 8, ["locale", "selected", "for-header"]))), 128))
+              ])) : y("", !0),
+              m.value.length ? (o(), s("div", le, [
+                (o(!0), s(u, null, C(m.value, (a) => (o(), c(k, {
+                  key: a.id,
+                  locale: a,
+                  onChange: _,
+                  selected: t.value,
+                  "for-header": e.forHeader
+                }, null, 8, ["locale", "selected", "for-header"]))), 128))
+              ])) : (o(), s("div", se, g(r(b).uiLanguages.translations.modalSearchNotFound), 1))
+            ], 2)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]))
+    ]));
+  }
+});
+export {
+  qe as _
+};

package/dist/chunks/UiLayout.vue_vue_type_script_setup_true_lang-CELUDfDH.js

@@ -0,0 +1,58 @@
+import { defineComponent as c, useModel as f, provide as _, watch as t, createElementBlock as i, openBlock as l, createElementVNode as u, createBlock as v, renderSlot as s, unref as n, Transition as p, withCtx as b, createCommentVNode as y, normalizeClass as r } from "vue";
+import { useBreakpoints as h } from "../composables/useBreakpoints.js";
+import { toogleHiddenClass as k } from "../helpers/toogleHiddenClass.js";
+const M = { class: "ui-layout" }, V = { class: "ui-layout__header" }, B = {
+  key: 0,
+  class: "ui-layout__sidebar-mobile"
+}, E = /* @__PURE__ */ c({
+  __name: "UiLayout",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(d) {
+    const o = h(), e = f(d, "modelValue");
+    function m() {
+      o.isMobile.value && (e.value = !1);
+    }
+    return _("menu", {
+      onMenuItemSelect: m
+    }), t(e, () => {
+      o.isMobile.value && k(e.value);
+    }), t(
+      () => o.isMobile.value,
+      () => {
+        o.isMobile.value && (e.value = !1);
+      }
+    ), (a, C) => (l(), i("div", M, [
+      u("header", V, [
+        s(a.$slots, "header")
+      ]),
+      n(o).isMobile.value ? (l(), v(p, {
+        key: 0,
+        name: "fade"
+      }, {
+        default: b(() => [
+          e.value ? (l(), i("nav", B, [
+            s(a.$slots, "sidebar-mobile")
+          ])) : y("", !0)
+        ]),
+        _: 3
+      })) : (l(), i("nav", {
+        key: 1,
+        class: r(["ui-layout__sidebar", { "is-grow": e.value }])
+      }, [
+        s(a.$slots, "sidebar-desktop")
+      ], 2)),
+      u("main", {
+        class: r(["ui-layout__main", { "is-mobile": n(o).isMobile.value, "is-grow": e.value }])
+      }, [
+        s(a.$slots, "default")
+      ], 2)
+    ]));
+  }
+});
+export {
+  E as _
+};

package/dist/chunks/UiLayoutMenu.vue_vue_type_script_setup_true_lang-D671_tgO.js

@@ -0,0 +1,59 @@
+import { defineComponent as k, computed as a, createElementBlock as s, openBlock as u, normalizeClass as F, Fragment as p, renderList as m, createVNode as d } from "vue";
+import { _ as c } from "./UiLayoutMenuItem.vue_vue_type_script_setup_true_lang-BZjPAHIr.js";
+import "./style-CD0jFgS4.js";
+import { useRoute as I } from "vue-router";
+const L = /* @__PURE__ */ k({
+  __name: "UiLayoutMenu",
+  props: {
+    routeItems: {},
+    collapsed: { type: Boolean, default: !1 }
+  },
+  emits: ["selected"],
+  setup(f) {
+    const n = f, h = I(), y = a(() => {
+      const e = (r) => {
+        let o = [];
+        return r.forEach((t) => {
+          o.push(t), t.children?.length && (o = o.concat(e(t.children)));
+        }), o;
+      };
+      return e(n.routeItems);
+    }), i = a(() => {
+      function e(r, o, t = []) {
+        for (const l of o)
+          if (l.children && l.children.length > 0 && (l.children.some((R) => R?.path === r) || e(r, l.children, t)))
+            return t.push(l?.path), t;
+        return null;
+      }
+      return e(h?.path, n.routeItems);
+    });
+    return (e, r) => (u(), s("ul", {
+      class: F(["ui-layout-menu", { "is-collapsed": e.collapsed }])
+    }, [
+      e.collapsed ? (u(!0), s(p, { key: 0 }, m(y.value, (o) => (u(), s("li", {
+        key: o?.path
+      }, [
+        d(c, {
+          "route-item": o,
+          collapsed: e.collapsed,
+          "route-items": e.routeItems,
+          parrentRoutes: i.value,
+          onSelected: r[0] || (r[0] = (t) => e.$emit("selected", t))
+        }, null, 8, ["route-item", "collapsed", "route-items", "parrentRoutes"])
+      ]))), 128)) : (u(!0), s(p, { key: 1 }, m(e.routeItems, (o) => (u(), s("li", {
+        key: o?.path
+      }, [
+        d(c, {
+          "route-item": o,
+          collapsed: e.collapsed,
+          "route-items": e.routeItems,
+          parrentRoutes: i.value,
+          onSelected: r[1] || (r[1] = (t) => e.$emit("selected", t))
+        }, null, 8, ["route-item", "collapsed", "route-items", "parrentRoutes"])
+      ]))), 128))
+    ], 2));
+  }
+});
+export {
+  L as _
+};

package/dist/chunks/UiLayoutMenuItem.vue_vue_type_script_setup_true_lang-BZjPAHIr.js

@@ -0,0 +1,161 @@
+import { defineComponent as z, inject as A, ref as N, computed as g, resolveComponent as U, createElementBlock as m, openBlock as t, Fragment as I, createBlock as s, createCommentVNode as a, resolveDynamicComponent as C, withModifiers as L, withCtx as V, createElementVNode as B, withKeys as E, unref as p, normalizeClass as w, withDirectives as v, createVNode as S, vShow as y, toDisplayString as M, renderList as K } from "vue";
+import { _ as R } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+import { useRoute as j } from "vue-router";
+import { _ as F } from "./UiAnimation.vue_vue_type_script_setup_true_lang-D_oi_HtH.js";
+import "./style-CD0jFgS4.js";
+/* 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 { menuProvideDefault as H } from "../components/UiLayout/types.js";
+/* empty css                                                */
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+import { w as q } from "./index-gJtK3DTa.js";
+const G = {
+  key: 3,
+  class: "ui-layout-menu-item__indicator"
+}, J = {
+  key: 0,
+  class: "ui-layout-menu"
+}, Se = /* @__PURE__ */ z({
+  __name: "UiLayoutMenuItem",
+  props: {
+    routeItem: {},
+    collapsed: { type: Boolean },
+    parrentRoutes: {},
+    routeItems: {}
+  },
+  emits: ["selected"],
+  setup(P) {
+    const n = P, { onMenuItemSelect: c } = A("menu") || H, h = j(), u = N(n.parrentRoutes?.includes(n.routeItem?.path)), f = g(() => n.routeItem?.meta?.isButton), i = g(() => {
+      const { path: e, meta: r, children: k } = n.routeItem, o = !!r?.isChildren, d = e?.toLowerCase(), O = h?.matched.map((l) => l.path?.toLowerCase());
+      if (k?.length)
+        return {
+          isSelected: O.includes(d),
+          isChildren: o
+        };
+      const $ = h?.path.split("/").map((l) => l.toLowerCase()), b = d.split("/")[1];
+      return {
+        isSelected: o ? e === h?.path : $.some((l) => l === b),
+        isChildren: o
+      };
+    });
+    function D() {
+      f.value && (n.routeItem.meta.click ? n.routeItem?.meta?.click() : f.value && (u.value = !u.value));
+    }
+    return q(
+      () => n.parrentRoutes,
+      () => {
+        n.parrentRoutes && n.parrentRoutes?.includes(n.routeItem?.path) && (u.value = !0);
+      }
+    ), (e, r) => {
+      const k = U("UiLayoutMenuItem", !0);
+      return t(), m(I, null, [
+        (t(), s(C(f.value ? "button" : "RouterLink"), {
+          onClick: L(D, ["stop"]),
+          to: e.routeItem?.path,
+          class: "ui-layout-menu-item__link"
+        }, {
+          default: V(() => [
+            B("span", {
+              class: w(["ui-layout-menu-item", [
+                { "is-selected": i.value.isSelected && !i.value.isChildren },
+                { "is-collapsed": e.collapsed },
+                e.routeItem.meta?.class
+              ]]),
+              onClick: r[1] || (r[1] = //@ts-ignore
+              (...o) => p(c) && p(c)(...o)),
+              onKeyup: r[2] || (r[2] = E(
+                //@ts-ignore
+                (...o) => p(c) && p(c)(...o),
+                ["enter"]
+              ))
+            }, [
+              e.routeItem?.meta?.animationIcon ? (t(), s(p(F), {
+                key: 0,
+                autoPlay: i.value.isSelected,
+                width: 24,
+                height: 24,
+                "icon-component": e.routeItem?.meta?.animationIcon,
+                class: "ui-layout-menu-item__animation"
+              }, null, 8, ["autoPlay", "icon-component"])) : a("", !0),
+              e.routeItem?.meta?.icon && e.routeItem?.meta?.iconActive ? (t(), m(I, { key: 1 }, [
+                v(S(R, {
+                  size: "lg",
+                  name: e.routeItem.meta.iconActive,
+                  type: "filled"
+                }, null, 8, ["name"]), [
+                  [y, i.value.isSelected]
+                ]),
+                v(S(R, {
+                  size: "lg",
+                  name: e.routeItem.meta.icon,
+                  type: "100"
+                }, null, 8, ["name"]), [
+                  [y, !i.value.isSelected]
+                ])
+              ], 64)) : a("", !0),
+              e.routeItem.meta?.iconComponent ? (t(), m(I, { key: 2 }, [
+                v((t(), s(C(e.routeItem.meta?.iconComponentActive), null, null, 512)), [
+                  [y, i.value.isSelected]
+                ]),
+                v((t(), s(C(e.routeItem.meta?.iconComponent), null, null, 512)), [
+                  [y, !i.value.isSelected]
+                ])
+              ], 64)) : a("", !0),
+              B("span", {
+                class: w(["ui-layout-menu-item__title", [{ children: i.value.isChildren }, { "children-active": i.value.isSelected }]])
+              }, M(e.routeItem.meta?.title), 3),
+              e.routeItem.meta.indicator ? (t(), m("span", G, M(e.routeItem.meta.indicator), 1)) : a("", !0),
+              e.routeItem.children?.length && !e.collapsed && !e.routeItem.meta.alwaysOpen ? (t(), m("button", {
+                key: 4,
+                onClick: r[0] || (r[0] = L((o) => u.value = !u.value, ["stop", "prevent"])),
+                class: w(["ui-layout-menu-item__chevron", { "is-open": u.value }])
+              }, [
+                S(R, {
+                  name: "keyboard-arrow-down",
+                  type: "400"
+                })
+              ], 2)) : a("", !0)
+            ], 34)
+          ]),
+          _: 1
+        }, 8, ["to"])),
+        e.routeItem?.children && e.routeItem.children?.length && !e.collapsed && (u.value || e.routeItem.meta.alwaysOpen) ? (t(), m("ul", J, [
+          (t(!0), m(I, null, K(e.routeItem.children, (o) => (t(), m("li", {
+            key: o?.path
+          }, [
+            (t(), s(k, {
+              routeItems: e.routeItems,
+              key: o?.path,
+              "route-item": o,
+              collapsed: e.collapsed,
+              parrentRoutes: e.parrentRoutes,
+              onSelected: r[3] || (r[3] = (d) => e.$emit("selected", d))
+            }, null, 8, ["routeItems", "route-item", "collapsed", "parrentRoutes"]))
+          ]))), 128))
+        ])) : a("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  Se as _
+};

package/dist/chunks/UiLink.vue_vue_type_script_setup_true_lang-BdNoHssP.js

@@ -0,0 +1,30 @@
+import { defineComponent as r, computed as l, createElementBlock as n, openBlock as o, normalizeClass as i, createBlock as p, resolveDynamicComponent as d, mergeProps as m, withCtx as u, renderSlot as c } from "vue";
+const z = /* @__PURE__ */ r({
+  inheritAttrs: !1,
+  __name: "UiLink",
+  props: {
+    to: {},
+    size: { default: "lg" },
+    mode: { default: "primary" },
+    disabled: { type: Boolean }
+  },
+  setup(s) {
+    const t = s, a = l(() => t.to ? "router-link" : "a");
+    return (e, f) => (o(), n("span", {
+      class: i([{ "is-disabled": e.disabled }, "ui-link__wrapper"])
+    }, [
+      (o(), p(d(a.value), m({ ...e.$attrs }, {
+        class: ["ui-link", [`size-${e.size}`, `mode-${e.mode}`]],
+        to: e.to
+      }), {
+        default: u(() => [
+          c(e.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class", "to"]))
+    ], 2));
+  }
+});
+export {
+  z as _
+};

package/dist/chunks/UiLoading.vue_vue_type_script_setup_true_lang-BtR0ERuP.js

@@ -0,0 +1,60 @@
+import { defineComponent as e, createBlock as r, openBlock as i, Transition as t, withCtx as m, createElementBlock as p, createCommentVNode as n, normalizeClass as a, createVNode as l, unref as s } from "vue";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+import { _ as c } 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 J = /* @__PURE__ */ e({
+  __name: "UiLoading",
+  props: {
+    isShow: { type: Boolean },
+    iconName: { default: "progress-activity" },
+    iconSize: { default: "md" },
+    iconType: { default: "100" },
+    iconColor: {},
+    filled: { type: Boolean }
+  },
+  setup(d) {
+    return (o, f) => (i(), r(t, { name: "fade" }, {
+      default: m(() => [
+        o.isShow ? (i(), p("div", {
+          key: 0,
+          class: a(["ui-loading", { "is-filled": o.filled }])
+        }, [
+          l(s(c), {
+            type: o.iconType,
+            name: o.iconName,
+            color: o.iconColor,
+            size: o.iconSize
+          }, null, 8, ["type", "name", "color", "size"])
+        ], 2)) : n("", !0)
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  J as _
+};

package/dist/chunks/UiMobileMenu.vue_vue_type_script_setup_true_lang-CMOplT5l.js

@@ -0,0 +1,73 @@
+import { defineComponent as p, mergeModels as s, useModel as a, createBlock as d, openBlock as n, unref as m, withCtx as u, createElementVNode as o, toDisplayString as _, createVNode as c, renderSlot as f } from "vue";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+import { _ as V } 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                                                       */
+import { _ as b } from "./UiDrawer.vue_vue_type_script_setup_true_lang-Vs6J1MR6.js";
+/* 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                                                               */
+/* empty css                                                    */
+const v = { class: "ui-mobile__header" }, z = { class: "ui-mobile__header-title" }, M = { class: "ui-mobile__content" }, W = /* @__PURE__ */ p({
+  __name: "UiMobileMenu",
+  props: /* @__PURE__ */ s({
+    size: { default: "50%" },
+    title: { default: "" }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const t = a(l, "modelValue");
+    return (i, e) => (n(), d(m(b), {
+      "drawer-class": "ui-mobile__drawer",
+      modelValue: t.value,
+      "onUpdate:modelValue": e[1] || (e[1] = (r) => t.value = r),
+      size: i.size,
+      direction: "btt"
+    }, {
+      default: u(() => [
+        o("div", v, [
+          o("p", z, _(i.title), 1),
+          o("div", {
+            class: "ui-mobile__header-icon-wrapper",
+            onClick: e[0] || (e[0] = (r) => t.value = !1)
+          }, [
+            c(m(V), {
+              size: "lg",
+              name: "close",
+              type: "400"
+            })
+          ])
+        ]),
+        o("div", M, [
+          f(i.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 8, ["modelValue", "size"]));
+  }
+});
+export {
+  W as _
+};