@dv.net/ui-kit 7.2.13 → 7.2.16

package/README.md

@@ -1,15 +1,15 @@
-# @dv.net/ui-kit
+# 🎨 UI KIT
 
 A Vue 3 UI component library for internal and external web applications. Includes ready‑to‑use UI elements (buttons, inputs, selects, tables, modals, etc.), utilities, and styles.
 
-## Quick start
+## ⚡️ Quick start
 
-- **Install with yarn**
+- 📦 **Install with yarn**
 ```bash
 yarn add @dv.net/ui-kit
 ```
 
-- **Use in a Vue 3 (Vite) app**
+- 💻 **Use in a Vue 3 (Vite) app**
 ```vue
 <script setup lang="ts">
 import { UiButton, UiInput } from "@dv.net/ui-kit";
@@ -25,7 +25,7 @@ import { UiButton, UiInput } from "@dv.net/ui-kit";
 </style>
 ```
 
-## Demo / component catalog
+## 📘 Demo / component catalog
 
 You can run a local demo app with examples of all components.
 ```bash
@@ -36,26 +36,26 @@ yarn run dev
 yarn run build-demo
 ```
 
-## Scripts
+## 🧰 Scripts
 
-- `dev` — run the demo app with Vite
-- `build` — type check (tsc) + build the component library
-- `build-only` — build the library without tsc
-- `build-demo` — build the demo app (`--mode demo`)
-- `lint` — ESLint + Stylelint with auto‑fix
-- `generate-svg-list` — generate an SVG icon list based on `src/lib/assets/icons`
+- 🚀 `dev` — run the demo app with Vite
+- 🏗️ `build` — type check (tsc) + build the component library
+- 🧱 `build-only` — build the library without tsc
+- 🧪 `build-demo` — build the demo app (`--mode demo`)
+- ✨ `lint` — ESLint + Stylelint with auto‑fix
+- 🖼️ `generate-svg-list` — generate an SVG icon list based on `src/lib/assets/icons`
 
-## Tech stack
+## 🛠️ Tech stack
 
-- **Vue 3** (`^3.5`) with `<script setup>`
-- **Vite** (`^7`) + `@vitejs/plugin-vue`
-- **TypeScript** (`^5.8`), d.ts generation via `vite-plugin-dts`
-- **SCSS**: shared styles and variables in `src/lib/assets/scss`
-- **ESLint** + **Stylelint** + **Prettier**
-- **@floating-ui/vue**, **@vueuse/core**, **dayjs**, **maska**, **vue3-lottie**, **vue-virtual-scroller**
-- SVG loading via `vite-svg-loader` (SVGO with `removeViewBox: false`, `prefixIds`)
+- ⚙️ **Vue 3** (`^3.5`) with `<script setup>`
+- ⚡️ **Vite** (`^7`) + `@vitejs/plugin-vue`
+- 🧩 **TypeScript** (`^5.8`), d.ts generation via `vite-plugin-dts`
+- 🎨 **SCSS**: shared styles and variables in `src/lib/assets/scss`
+- 🧹 **ESLint** + **Stylelint** + **Prettier**
+- 📦 **@floating-ui/vue**, **@vueuse/core**, **dayjs**, **maska**, **vue3-lottie**, **vue-virtual-scroller**
+- 🖼️ SVG loading via `vite-svg-loader` (SVGO with `removeViewBox: false`, `prefixIds`)
 
-## Project structure (main)
+## 🗂️ Project structure (main)
 
 ```
 src/
@@ -70,29 +70,29 @@ src/
 vite.config.ts        # library and demo build config
 ```
 
-## Development
+## 🧑‍💻 Development
 
-1) Install dependencies
+1) 📦 Install dependencies
 ```bash
 yarn install
 ```
-2) Start the demo
+2) ▶️ Start the demo
 ```bash
 yarn dev
 ```
-3) Make changes in `src/lib/**` — the demo will hot‑reload.
+3) ✏️ Make changes in `src/lib/**` — the demo will hot‑reload.
 
-Code quality checks:
+🔍 Code quality checks:
 ```bash
 yarn lint
 ```
 
-Generate icon list (when SVG set changes):
+🖼️ Generate icon list (when SVG set changes):
 ```bash
 yarn generate-svg-list
 ```
 
-## Library build
+## 📦 Library build
 
 ```bash
 yarn build
@@ -102,11 +102,22 @@ The output will be in `dist/`:
 - `dist/index.d.ts` — TypeScript types
 - `dist/style.css` — shared library styles
 
-## Environment requirements
+## ⚙️ Environment requirements
 
-- Node.js `^20.19.0` or `>=22.12.0`
-- Consumer project: `vue >= 3.5.0`, `vue-router >= 4.4.0`
+- 🖥️ Node.js `^20.19.0` or `>=22.12.0`
+- 🧩 Consumer project: `vue >= 3.5.0`, `vue-router >= 4.4.0`
 
-## License
+## 📄 License
 
-Distributed under the MIT license. See `LICENSE` for details.
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+
+<br>
+
+<div align="center">
+
+**Made with ❤️ for the developer community**
+
+[![GitHub](https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white)](https://github.com/dv-net/ui-kit)
+[![npm](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white)](https://www.npmjs.com/package/@dv.net/ui-kit)
+
+</div>

package/dist/chunks/{UiDrawer.vue_vue_type_script_setup_true_lang-Vs6J1MR6.js → UiDrawer.vue_vue_type_script_setup_true_lang-Bwq8CKYb.js}

@@ -1,7 +1,7 @@
-import { defineComponent as f, mergeModels as v, useModel as h, computed as C, watch as k, onBeforeUnmount as V, createElementBlock as i, openBlock as r, createBlock as w, Teleport as y, createVNode as d, mergeProps as z, withCtx as u, Transition as S, createCommentVNode as B, normalizeClass as E, normalizeStyle as L, renderSlot as $ } from "vue";
+import { defineComponent as f, mergeModels as v, useModel as C, computed as k, watch as h, onBeforeUnmount as w, createElementBlock as n, openBlock as r, createBlock as V, Teleport as y, createVNode as d, mergeProps as z, withCtx as u, Transition as S, createCommentVNode as B, withModifiers as E, normalizeClass as L, normalizeStyle as M, renderSlot as $ } from "vue";
 import { _ as g } from "./UiOverlay.vue_vue_type_script_setup_true_lang-DkZL3VLh.js";
 /* empty css                                                   */
-const m = "ui-drawer__lock-scroll", N = /* @__PURE__ */ f({
+const m = "ui-drawer__lock-scroll", T = /* @__PURE__ */ f({
   __name: "UiDrawer",
   props: /* @__PURE__ */ v({
     direction: { default: "rtl" },
@@ -13,34 +13,36 @@ const m = "ui-drawer__lock-scroll", N = /* @__PURE__ */ f({
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const l = h(a, "modelValue"), c = a, t = C(() => ["rtl", "ltr"].includes(c.direction) ? "horizontal" : "vertical");
+    const l = C(a, "modelValue"), c = a, t = k(() => ["rtl", "ltr"].includes(c.direction) ? "horizontal" : "vertical");
     function p() {
       document.querySelector("html")?.classList.add(m);
     }
     function s() {
       document.querySelector("html")?.classList.remove(m);
     }
-    return k(l, () => {
+    return h(l, () => {
       l.value ? p() : s();
-    }), V(() => {
+    }), w(() => {
       s();
-    }), (e, o) => (r(), i("div", null, [
-      (r(), w(y, { to: "body" }, [
+    }), (e, o) => (r(), n("div", null, [
+      (r(), V(y, { to: "body" }, [
         d(g, z({ ...e.$attrs }, {
           modelValue: l.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (n) => l.value = n),
-          onClick: o[1] || (o[1] = (n) => l.value = !1)
+          "onUpdate:modelValue": o[1] || (o[1] = (i) => l.value = i),
+          onClick: o[2] || (o[2] = (i) => l.value = !1)
         }), {
           default: u(() => [
             d(S, { appear: "" }, {
               default: u(() => [
-                l.value ? (r(), i("div", {
+                l.value ? (r(), n("div", {
                   key: 0,
-                  style: L({
+                  style: M({
                     width: t.value === "horizontal" ? e.size : "100%",
                     height: t.value === "vertical" ? e.size : "100%"
                   }),
-                  class: E(["ui-drawer", [e.direction, t.value, e.drawerClass]])
+                  class: L(["ui-drawer", [e.direction, t.value, e.drawerClass]]),
+                  onClick: o[0] || (o[0] = E(() => {
+                  }, ["stop"]))
                 }, [
                   $(e.$slots, "default")
                 ], 6)) : B("", !0)
@@ -55,5 +57,5 @@ const m = "ui-drawer__lock-scroll", N = /* @__PURE__ */ f({
   }
 });
 export {
-  N as _
+  T as _
 };

package/dist/chunks/UiGallery.vue_vue_type_script_setup_true_lang-DTWRKr-9.js

@@ -0,0 +1,96 @@
+import { defineComponent as f, mergeModels as y, useModel as k, ref as w, computed as V, onMounted as h, onUnmounted as C, createBlock as L, createCommentVNode as p, openBlock as a, unref as n, withCtx as g, createElementVNode as U, createElementBlock as c, createVNode as u, Transition as b, Fragment as E } from "vue";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+/* empty css                                                */
+/* empty css                                                         */
+/* empty css                                                    */
+import "./useDatePicker-Chd_Lf-L.js";
+import "../config/index.js";
+/* empty css                                                           */
+import { _ as v } from "./UiIconButton.vue_vue_type_script_setup_true_lang-yQR_GeIn.js";
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+import { _ as B } from "./UiModal.vue_vue_type_script_setup_true_lang-AAHxYlxe.js";
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const I = { class: "image-container" }, M = ["src"], le = /* @__PURE__ */ f({
+  __name: "UiGallery",
+  props: /* @__PURE__ */ y({
+    images: {}
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const r = k(t, "modelValue"), e = w(0), s = V(
+      () => t.images[e.value]?.url || t.images[e.value]?.file && URL.createObjectURL(t.images[e.value].file)
+    ), l = (i) => {
+      i === "-" ? e.value === 0 ? e.value = t.images.length - 1 : e.value-- : e.value === t.images.length - 1 ? e.value = 0 : e.value++;
+    }, d = (i) => {
+      r.value && (i.key === "ArrowLeft" && l("-"), i.key === "ArrowRight" && l("+"), i.key === "Escape" && (r.value = !1));
+    };
+    return h(() => {
+      t.images.length > 1 && document.addEventListener("keydown", d);
+    }), C(() => {
+      t.images.length > 1 && document.removeEventListener("keydown", d);
+    }), (i, o) => i.images.length && s.value ? (a(), L(n(B), {
+      key: 0,
+      modelValue: r.value,
+      "onUpdate:modelValue": o[2] || (o[2] = (m) => r.value = m),
+      popperClass: "ui-gallery"
+    }, {
+      default: g(() => [
+        U("div", I, [
+          u(b, {
+            name: "image-slide",
+            mode: "out-in"
+          }, {
+            default: g(() => [
+              (a(), c("img", {
+                key: e.value,
+                src: s.value,
+                alt: "Preview Image"
+              }, null, 8, M))
+            ]),
+            _: 1
+          })
+        ]),
+        i.images.length > 1 ? (a(), c(E, { key: 0 }, [
+          u(n(v), {
+            "icon-name": "keyboard-arrow-up",
+            "icon-type": "400",
+            class: "ui-gallery__img-preview-btn left",
+            type: "contrast",
+            onClick: o[0] || (o[0] = (m) => l("-"))
+          }),
+          u(n(v), {
+            "icon-name": "keyboard-arrow-up",
+            "icon-type": "400",
+            class: "ui-gallery__img-preview-btn right",
+            type: "contrast",
+            onClick: o[1] || (o[1] = (m) => l("+"))
+          })
+        ], 64)) : p("", !0)
+      ]),
+      _: 1
+    }, 8, ["modelValue"])) : p("", !0);
+  }
+});
+export {
+  le as _
+};

package/dist/chunks/{UiLanguages.vue_vue_type_script_setup_true_lang-D4tQH7Wf.js → UiLanguages.vue_vue_type_script_setup_true_lang-QqSP4uO3.js}

@@ -1,28 +1,28 @@
-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";
+import { createElementBlock as s, openBlock as o, createElementVNode as n, defineComponent as j, mergeModels as S, useModel as F, ref as b, computed as N, onMounted as A, createCommentVNode as y, createBlock as p, normalizeClass as z, renderSlot as q, Fragment as u, createVNode as d, createTextVNode as B, toDisplayString as g, capitalize as G, unref as r, withCtx as C, renderList as k, nextTick as J } from "vue";
+import { _ as U } 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-DiW2yYu5.js";
+import { _ as w } from "./UiLanguageButton.vue_vue_type_script_setup_true_lang-DiW2yYu5.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";
+import { _ as K } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
 /* empty css                                                */
 /* empty css                                                         */
 /* empty css                                                    */
 import "./useDatePicker-Chd_Lf-L.js";
-import { config as b } from "../config/index.js";
+import { config as L } from "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */
-import { _ as J } from "./UiDrawer.vue_vue_type_script_setup_true_lang-Vs6J1MR6.js";
+import { _ as O } from "./UiDrawer.vue_vue_type_script_setup_true_lang-Bwq8CKYb.js";
 /* empty css                                                  */
 /* empty css                                                    */
 /* empty css                                                    */
-import { _ as K } from "./UiInput.vue_vue_type_script_setup_true_lang-DHWi8SLq.js";
-import { useBreakpoints as O } from "../composables/useBreakpoints.js";
+import { _ as D } from "./UiInput.vue_vue_type_script_setup_true_lang-DHWi8SLq.js";
+import { useBreakpoints as Q } 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-AAHxYlxe.js";
+import { _ as W } from "./UiModal.vue_vue_type_script_setup_true_lang-AAHxYlxe.js";
 /* empty css                                                   */
 /* empty css                                                 */
 /* empty css                                                      */
@@ -32,16 +32,16 @@ import { _ as Q } from "./UiModal.vue_vue_type_script_setup_true_lang-AAHxYlxe.j
 /* empty css                                                    */
 /* empty css                                                               */
 /* empty css                                                    */
-const W = {
+const X = {
   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", {
+function Y(v, f) {
+  return o(), s("svg", X, [...f[0] || (f[0] = [
+    n("path", {
       stroke: "#717173",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -50,16 +50,16 @@ function X(v, f) {
     }, null, -1)
   ])]);
 }
-const Y = { render: X }, Z = { class: "ui-languages" }, x = ["disabled"], ee = { class: "ui-languages--modal" }, ae = { class: "ui-languages--modal__search" }, oe = {
+const E = { render: Y }, 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 = {
+}, te = { class: "ui-languages--drawer__wrapper" }, re = { class: "ui-languages--drawer__header" }, ie = { class: "ui-languages--drawer__search" }, ne = { class: "ui-languages--drawer__items" }, ue = {
   key: 0,
   class: "ui-languages__favourites"
-}, qe = /* @__PURE__ */ T({
+}, Ge = /* @__PURE__ */ j({
   __name: "UiLanguages",
   props: /* @__PURE__ */ S({
     locales: {},
@@ -75,69 +75,86 @@ const Y = { render: X }, Z = { class: "ui-languages" }, x = ["disabled"], ee = {
   }),
   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(() => [
+    const I = f, H = v, t = F(v, "modelValue"), m = F(v, "is-show"), { isMobile: R } = Q(), i = b(""), V = b(), $ = b([]), h = N(() => [
       { 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())
+    ].filter((e, l, a) => l === a.findIndex((T) => T.isoCode === e.isoCode))), M = N(() => H.locales.toSorted((e, l) => e.name.localeCompare(l.name))), c = N(() => i.value ? M.value.filter(
+      (e) => e.name.toLocaleLowerCase().includes(i.value.toLocaleLowerCase()) || e.nativeName?.toLocaleLowerCase().includes(i.value.toLocaleLowerCase())
     ) : M.value);
     function _(e) {
-      t.value = e, d.value = !1, n.value = "", E("change", e);
+      t.value = e, m.value = !1, i.value = "", I("change", e);
     }
-    function I() {
-      d.value = !0, q(() => {
-        H.value?.focus();
+    function P() {
+      m.value = !0, J(() => {
+        V.value?.focus();
       });
     }
-    return j(() => {
+    return A(() => {
       const e = navigator.languages.slice(0, 2).map((l) => l.split("-")[0]);
-      $.value = B.locales.filter(({ isoCode: l }) => e.includes(l));
+      $.value = H.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
+        onClick: P
       }, [
-        A(e.$slots, "trigger", { locale: t.value }, () => [
+        q(e.$slots, "trigger", { locale: t.value }, () => [
           e.forHeader ? (o(), s(u, { key: 0 }, [
-            p(D, {
+            d(U, {
               isoCode: t.value?.isoCode ?? "",
               "is-small": ""
             }, null, 8, ["isoCode"]),
-            V(" " + g(P(t.value?.isoCode ?? "")), 1)
+            B(" " + g(G(t.value?.isoCode ?? "")), 1)
           ], 64)) : (o(), s(u, { key: 1 }, [
-            p(D, {
+            d(U, {
               isoCode: t.value?.isoCode ?? ""
             }, null, 8, ["isoCode"]),
-            V(" " + g(t.value?.name) + " ", 1),
+            B(" " + g(t.value?.name) + " ", 1),
             t.value?.nativeName ? (o(), s(u, { key: 0 }, [
-              V("(" + g(t.value?.nativeName) + ")", 1)
+              B("(" + g(t.value?.nativeName) + ")", 1)
             ], 64)) : y("", !0)
           ], 64))
         ])
       ], 10, x)),
-      r(U) ? (o(), c(r(J), {
+      r(R) ? (o(), p(r(O), {
         key: 2,
         class: "ui-languages--drawer",
         direction: "btt",
-        modelValue: d.value,
-        "onUpdate:modelValue": l[3] || (l[3] = (a) => d.value = a)
+        modelValue: m.value,
+        "onUpdate:modelValue": l[4] || (l[4] = (a) => m.value = a)
       }, {
-        default: N(() => [
-          i("div", te, [
-            i("div", re, [
-              i("p", null, g(r(b).uiLanguages.translations.changeLanguage), 1),
-              p(r(G), {
+        default: C(() => [
+          n("div", te, [
+            n("div", re, [
+              n("p", null, g(r(L).uiLanguages.translations.changeLanguage), 1),
+              d(r(K), {
                 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, {
+            n("div", ie, [
+              d(r(D), {
+                ref_key: "inputRef",
+                ref: V,
+                autofocus: "",
+                size: "sm",
+                modelValue: i.value,
+                "onUpdate:modelValue": l[3] || (l[3] = (a) => i.value = a),
+                clearable: "",
+                placeholder: r(L).uiLanguages.translations.searchInputPlaceholder
+              }, {
+                prepend: C(() => [
+                  d(r(E))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "placeholder"])
+            ]),
+            n("div", ne, [
+              h.value?.length && c.value.length >= e.minNumbersLocalesDisplayFavorites ? (o(), s("div", ue, [
+                (o(!0), s(u, null, k(h.value, (a) => (o(), p(w, {
                   key: a.id,
                   locale: a,
                   onChange: _,
@@ -145,7 +162,7 @@ const Y = { render: X }, Z = { class: "ui-languages" }, x = ["disabled"], ee = {
                   "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, {
+              (o(!0), s(u, null, k(c.value, (a) => (o(), p(w, {
                 key: a.id,
                 locale: a,
                 onChange: _,
@@ -156,37 +173,37 @@ const Y = { render: X }, Z = { class: "ui-languages" }, x = ["disabled"], ee = {
           ])
         ]),
         _: 1
-      }, 8, ["modelValue"])) : (o(), c(r(Q), {
+      }, 8, ["modelValue"])) : (o(), p(r(W), {
         key: 1,
-        onClose: l[1] || (l[1] = (a) => n.value = ""),
-        modelValue: d.value,
-        "onUpdate:modelValue": l[2] || (l[2] = (a) => d.value = a),
+        onClose: l[1] || (l[1] = (a) => i.value = ""),
+        modelValue: m.value,
+        "onUpdate:modelValue": l[2] || (l[2] = (a) => m.value = a),
         isShowBtnClose: !1,
         popperClass: "transparent-bg"
       }, {
-        default: N(() => [
-          i("div", ee, [
-            i("div", ae, [
-              p(r(K), {
+        default: C(() => [
+          n("div", ee, [
+            n("div", ae, [
+              d(r(D), {
                 ref_key: "inputRef",
-                ref: H,
+                ref: V,
                 autofocus: "",
                 size: "sm",
-                modelValue: n.value,
-                "onUpdate:modelValue": l[0] || (l[0] = (a) => n.value = a),
-                placeholder: r(b).uiLanguages.translations.searchInputPlaceholder
+                modelValue: i.value,
+                "onUpdate:modelValue": l[0] || (l[0] = (a) => i.value = a),
+                placeholder: r(L).uiLanguages.translations.searchInputPlaceholder
               }, {
-                prepend: N(() => [
-                  p(r(Y))
+                prepend: C(() => [
+                  d(r(E))
                 ]),
                 _: 1
               }, 8, ["modelValue", "placeholder"])
             ]),
-            i("div", {
-              class: z(["ui-languages--modal__items", { "is-empty": !m.value.length }])
+            n("div", {
+              class: z(["ui-languages--modal__items", { "is-empty": !c.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, {
+              h.value?.length && c.value.length >= e.minNumbersLocalesDisplayFavorites ? (o(), s("div", oe, [
+                (o(!0), s(u, null, k(h.value, (a) => (o(), p(w, {
                   key: a.id,
                   locale: a,
                   onChange: _,
@@ -194,15 +211,15 @@ const Y = { render: X }, Z = { class: "ui-languages" }, x = ["disabled"], ee = {
                   "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, {
+              c.value.length ? (o(), s("div", le, [
+                (o(!0), s(u, null, k(c.value, (a) => (o(), p(w, {
                   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))
+              ])) : (o(), s("div", se, g(r(L).uiLanguages.translations.modalSearchNotFound), 1))
             ], 2)
           ])
         ]),
@@ -212,5 +229,5 @@ const Y = { render: X }, Z = { class: "ui-languages" }, x = ["disabled"], ee = {
   }
 });
 export {
-  qe as _
+  Ge as _
 };

package/dist/chunks/{UiMobileMenu.vue_vue_type_script_setup_true_lang-DETw3v3h.js → UiMobileMenu.vue_vue_type_script_setup_true_lang-DDLdZbFX.js}

@@ -9,7 +9,7 @@ import "./useDatePicker-Chd_Lf-L.js";
 import "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */
-import { _ as b } from "./UiDrawer.vue_vue_type_script_setup_true_lang-Vs6J1MR6.js";
+import { _ as b } from "./UiDrawer.vue_vue_type_script_setup_true_lang-Bwq8CKYb.js";
 /* empty css                                                  */
 /* empty css                                                    */
 /* empty css                                                    */

package/dist/chunks/{UiProfileMenu.vue_vue_type_script_setup_true_lang-DWXfwX_U.js → UiProfileMenu.vue_vue_type_script_setup_true_lang-jgk7OW61.js}

@@ -1,5 +1,5 @@
 import { defineComponent as y, mergeModels as k, useModel as V, createElementBlock as a, openBlock as t, normalizeClass as d, createVNode as l, unref as m, withCtx as f, createElementVNode as r, toDisplayString as $, Fragment as n, renderList as c, renderSlot as g, createBlock as w } from "vue";
-import { _ as E } from "./UiProfileMenuItem.vue_vue_type_script_setup_true_lang-DxSXBYTh.js";
+import { _ as E } from "./UiProfileMenuItem.vue_vue_type_script_setup_true_lang-0pOQZ4Oj.js";
 import "./style-CD0jFgS4.js";
 import "./vue3-lottie.es-C_Z24a9S.js";
 import { _ as v } from "./UiAvatar.vue_vue_type_script_setup_true_lang-CPaKahh-.js";