@dv.net/ui-kit 7.2.12 → 7.2.16

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 @dv.net
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,27 +1,123 @@
-# UI-KIT
+# 🎨 UI KIT
 
-## Installation
+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
+
+- 📦 **Install with yarn**
+```bash
+yarn add @dv.net/ui-kit
 ```
-npm install @dv.net/ui-kit
-```
 
+- 💻 **Use in a Vue 3 (Vite) app**
+```vue
+<script setup lang="ts">
+import { UiButton, UiInput } from "@dv.net/ui-kit";
+</script>
+
+<template>
+  <UiButton>Submit</UiButton>
+  <UiInput v-model="value" placeholder="Enter text" />
+</template>
+
+<style>
+@import "@dv.net/ui-kit/dist/style.css";
+</style>
 ```
-yarn add @dv.net/ui-kit
+
+## 📘 Demo / component catalog
+
+You can run a local demo app with examples of all components.
+```bash
+# development mode
+yarn run dev
+
+# build demo (static files)
+yarn run build-demo
 ```
 
-## Usage
+## 🧰 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`
+
+## 🛠️ Tech stack
 
-Example of importing into a Vue application:
+- ⚙️ **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)
 
 ```
-<script setup lang="ts">
-  import { UiButton, UiInput } from "@dv.net/ui-kit";
-</script>
+src/
+  lib/                # component library (sources)
+    assets/           # icons, animations, scss, shared style.scss
+    components/       # components: UiButton, UiInput, UiSelect, ...
+    index.ts          # public exports of the library
+  pages/              # demo pages with examples
+  router/             # demo app router
+  main.ts             # demo app entry
+  App.vue             # demo root component
+vite.config.ts        # library and demo build config
 ```
 
+## 🧑‍💻 Development
+
+1) 📦 Install dependencies
+```bash
+yarn install
 ```
-<style>
-  @import "@dv.net/ui-kit/dist/style.css";
-</style>
+2) ▶️ Start the demo
+```bash
+yarn dev
+```
+3) ✏️ Make changes in `src/lib/**` — the demo will hot‑reload.
+
+🔍 Code quality checks:
+```bash
+yarn lint
+```
+
+🖼️ Generate icon list (when SVG set changes):
+```bash
+yarn generate-svg-list
+```
+
+## 📦 Library build
+
+```bash
+yarn build
 ```
+The output will be in `dist/`:
+- `dist/index.js` — ES module bundle
+- `dist/index.d.ts` — TypeScript types
+- `dist/style.css` — shared library styles
+
+## ⚙️ Environment requirements
+
+- 🖥️ Node.js `^20.19.0` or `>=22.12.0`
+- 🧩 Consumer project: `vue >= 3.5.0`, `vue-router >= 4.4.0`
+
+## 📄 License
+
+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/{DatePickerInput.vue_vue_type_script_setup_true_lang-CASpFSf7.js → DatePickerInput.vue_vue_type_script_setup_true_lang-hXftJo6V.js}

@@ -4,10 +4,10 @@ import "./style-CD0jFgS4.js";
 /* empty css                                                */
 /* empty css                                                         */
 /* empty css                                                    */
-import "./useDatePicker-D8lDAs1P.js";
+import "./useDatePicker-Chd_Lf-L.js";
 import "../config/index.js";
 /* empty css                                                           */
-import { _ as Z } from "./UiIconButton.vue_vue_type_script_setup_true_lang-BBWg01iF.js";
+import { _ as Z } from "./UiIconButton.vue_vue_type_script_setup_true_lang-yQR_GeIn.js";
 /* empty css                                                       */
 /* empty css                                                   */
 /* empty css                                                  */

package/dist/chunks/{DatePickerInputs.vue_vue_type_script_setup_true_lang-C-k7WjZq.js → DatePickerInputs.vue_vue_type_script_setup_true_lang-Byew6Df7.js}

@@ -1,8 +1,8 @@
 import { defineComponent as w, mergeModels as y, useModel as P, ref as m, computed as V, watch as B, createElementBlock as I, openBlock as M, createElementVNode as g, createVNode as b, unref as n } from "vue";
-import { _ as D } from "./DatePickerInput.vue_vue_type_script_setup_true_lang-CASpFSf7.js";
+import { _ as D } from "./DatePickerInput.vue_vue_type_script_setup_true_lang-hXftJo6V.js";
 import "./style-CD0jFgS4.js";
 import { a as x } from "./index-CUyc6a0N.js";
-import { u as A } from "./useDatePicker-D8lDAs1P.js";
+import { u as A } from "./useDatePicker-Chd_Lf-L.js";
 import { config as E } from "../config/index.js";
 const F = { class: "com-datepicker-inputs" }, L = { class: "com-datepicker-inputs--form" }, W = /* @__PURE__ */ w({
   __name: "DatePickerInputs",

package/dist/chunks/{DatePickerPresets.vue_vue_type_script_setup_true_lang-BSsYtVCG.js → DatePickerPresets.vue_vue_type_script_setup_true_lang-lIwelXtJ.js}

@@ -1,5 +1,5 @@
 import { defineComponent as D, ref as P, computed as f, watch as v, createElementBlock as o, openBlock as l, createElementVNode as A, Fragment as C, renderList as w, normalizeClass as S, toDisplayString as q } from "vue";
-import { u as x } from "./useDatePicker-D8lDAs1P.js";
+import { u as x } from "./useDatePicker-Chd_Lf-L.js";
 import { config as a } from "../config/index.js";
 const z = { class: "com-datepicker-presets" }, B = { class: "com-datepicker-presets--buttons" }, E = ["onClick"], M = /* @__PURE__ */ D({
   __name: "DatePickerPresets",

package/dist/chunks/{DatePickerSlider.vue_vue_type_script_setup_true_lang-CasAFVdQ.js → DatePickerSlider.vue_vue_type_script_setup_true_lang-BcoZR0Xd.js}

@@ -1,5 +1,5 @@
 import { defineComponent as k, mergeModels as _, useModel as S, computed as V, createElementBlock as s, openBlock as n, createCommentVNode as u, renderSlot as D, createVNode as f, unref as c } from "vue";
-import { u as B } from "./useDatePicker-D8lDAs1P.js";
+import { u as B } from "./useDatePicker-Chd_Lf-L.js";
 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";

package/dist/chunks/{SelectSearch.vue_vue_type_script_setup_true_lang-BLx-GlCO.js → SelectSearch.vue_vue_type_script_setup_true_lang-CQ75wgcO.js}

@@ -5,7 +5,7 @@ import "./vue3-lottie.es-C_Z24a9S.js";
 import "./style-CD0jFgS4.js";
 /* empty css                                                         */
 /* empty css                                                    */
-import "./useDatePicker-D8lDAs1P.js";
+import "./useDatePicker-Chd_Lf-L.js";
 import { config as _ } from "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */
@@ -14,7 +14,7 @@ import { config as _ } from "../config/index.js";
 /* empty css                                                    */
 /* empty css                                                    */
 /* empty css                                                    */
-import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang-CT3b77Nb.js";
+import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang-DHWi8SLq.js";
 /* empty css                                                  */
 /* empty css                                                      */
 import "vue-router";

package/dist/chunks/{SelectTrigger.vue_vue_type_script_setup_true_lang-BvkUN4NZ.js → SelectTrigger.vue_vue_type_script_setup_true_lang-BltEtAuw.js}

@@ -5,7 +5,7 @@ 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 "./useDatePicker-Chd_Lf-L.js";
 import "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */

package/dist/chunks/{SelectVirtualList.vue_vue_type_script_setup_true_lang-B2gLyWDm.js → SelectVirtualList.vue_vue_type_script_setup_true_lang-CYMsf9Kr.js}

@@ -4,7 +4,7 @@ import "./vue3-lottie.es-C_Z24a9S.js";
 /* empty css                                                */
 /* empty css                                                         */
 /* empty css                                                    */
-import "./useDatePicker-D8lDAs1P.js";
+import "./useDatePicker-Chd_Lf-L.js";
 import "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */
@@ -17,7 +17,7 @@ import "../config/index.js";
 /* empty css                                                      */
 import "vue-router";
 /* empty css                                                */
-import { _ as S } from "./UiLoading.vue_vue_type_script_setup_true_lang-BtR0ERuP.js";
+import { _ as S } from "./UiLoading.vue_vue_type_script_setup_true_lang-CMcWDXoV.js";
 /* empty css                                                 */
 /* empty css                                                      */
 import { SelectListItemSize as z } from "../components/UiSelect/types.js";

package/dist/chunks/{TableSort.vue_vue_type_script_setup_true_lang-DOlNv552.js → TableSort.vue_vue_type_script_setup_true_lang-B8oBe4hx.js}

@@ -5,7 +5,7 @@ import { _ } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
 /* empty css                                                */
 /* empty css                                                         */
 /* empty css                                                    */
-import "./useDatePicker-D8lDAs1P.js";
+import "./useDatePicker-Chd_Lf-L.js";
 import "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */

package/dist/chunks/{UiAvatar.vue_vue_type_script_setup_true_lang-CmP5LS3c.js → UiAvatar.vue_vue_type_script_setup_true_lang-CPaKahh-.js}

@@ -6,7 +6,7 @@ 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 "./useDatePicker-Chd_Lf-L.js";
 import "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */

package/dist/chunks/{UiBlockTitle.vue_vue_type_script_setup_true_lang-Di9vYVWY.js → UiBlockTitle.vue_vue_type_script_setup_true_lang-CUPC9NVX.js}

@@ -4,7 +4,7 @@ import "./style-CD0jFgS4.js";
 /* empty css                                                */
 /* empty css                                                         */
 /* empty css                                                    */
-import "./useDatePicker-D8lDAs1P.js";
+import "./useDatePicker-Chd_Lf-L.js";
 import "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */

package/dist/chunks/{UiButton.vue_vue_type_script_setup_true_lang-CSwbUxM9.js → UiButton.vue_vue_type_script_setup_true_lang-DFOSQ46r.js}

@@ -5,7 +5,7 @@ import "./vue3-lottie.es-C_Z24a9S.js";
 import "./style-CD0jFgS4.js";
 /* empty css                                                         */
 /* empty css                                                    */
-import "./useDatePicker-D8lDAs1P.js";
+import "./useDatePicker-Chd_Lf-L.js";
 import "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */
@@ -18,7 +18,7 @@ import "../config/index.js";
 /* empty css                                                      */
 import "vue-router";
 /* empty css                                                */
-import { _ as z } from "./UiLoading.vue_vue_type_script_setup_true_lang-BtR0ERuP.js";
+import { _ as z } from "./UiLoading.vue_vue_type_script_setup_true_lang-CMcWDXoV.js";
 /* empty css                                                 */
 /* empty css                                                      */
 /* empty css                                                        */

package/dist/chunks/{UiCheckbox.vue_vue_type_script_setup_true_lang-CMIMkAaq.js → UiCheckbox.vue_vue_type_script_setup_true_lang-CqnY85sL.js}

@@ -6,7 +6,7 @@ import { _ as w } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js
 /* empty css                                                */
 /* empty css                                                         */
 /* empty css                                                    */
-import "./useDatePicker-D8lDAs1P.js";
+import "./useDatePicker-Chd_Lf-L.js";
 import "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */

package/dist/chunks/{UiCollapseItem.vue_vue_type_script_setup_true_lang-8_MC0xWW.js → UiCollapseItem.vue_vue_type_script_setup_true_lang-D5uVv9Lt.js}

@@ -6,7 +6,7 @@ import { _ as $ } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js
 /* empty css                                                         */
 import { COLLAPSE_PROVIDE_VALUE as z } from "../components/UiCollapse/constants.js";
 /* empty css                                                    */
-import "./useDatePicker-D8lDAs1P.js";
+import "./useDatePicker-Chd_Lf-L.js";
 import "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */

package/dist/chunks/{UiConfirm.vue_vue_type_script_setup_true_lang-CS7uBjuK.js → UiConfirm.vue_vue_type_script_setup_true_lang-CFxIW48S.js}

@@ -1,11 +1,11 @@
 import { defineComponent as B, ref as u, createElementBlock as w, openBlock as f, createVNode as n, unref as l, createSlots as S, withCtx as e, createBlock as V, renderSlot as r, createElementVNode as h, createTextVNode as c, toDisplayString as v } from "vue";
 import "./vue3-lottie.es-C_Z24a9S.js";
 import "./style-CD0jFgS4.js";
-import { _ as C } from "./UiButton.vue_vue_type_script_setup_true_lang-CSwbUxM9.js";
+import { _ as C } from "./UiButton.vue_vue_type_script_setup_true_lang-DFOSQ46r.js";
 /* empty css                                                         */
 /* empty css                                                */
 /* empty css                                                    */
-import "./useDatePicker-D8lDAs1P.js";
+import "./useDatePicker-Chd_Lf-L.js";
 import { config as $ } from "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */
@@ -26,7 +26,7 @@ import "vue-router";
 /* empty css                                                    */
 /* empty css                                                               */
 /* empty css                                                    */
-import { _ as k } from "./UiTooltip.vue_vue_type_script_setup_true_lang-D_zaCBDd.js";
+import { _ as k } from "./UiTooltip.vue_vue_type_script_setup_true_lang-sj4ZGtQ5.js";
 const T = { class: "ui-confirm" }, j = { class: "ui-confirm__actions" }, st = /* @__PURE__ */ B({
   __name: "UiConfirm",
   props: {

package/dist/chunks/{UiDatepickerRange.vue_vue_type_script_setup_true_lang-M1KGDH1D.js → UiDatepickerRange.vue_vue_type_script_setup_true_lang-Roi6uBRs.js}

@@ -1,18 +1,18 @@
 import { defineComponent as O, mergeModels as Q, useModel as j, ref as k, computed as Y, onMounted as W, createElementBlock as S, openBlock as M, normalizeClass as q, createVNode as c, withCtx as f, unref as l, createBlock as A, createCommentVNode as G, createTextVNode as _, toDisplayString as y, createElementVNode as C, renderSlot as J } from "vue";
-import { _ as K } from "./DatePickerInputs.vue_vue_type_script_setup_true_lang-C-k7WjZq.js";
+import { _ as K } from "./DatePickerInputs.vue_vue_type_script_setup_true_lang-Byew6Df7.js";
 import { Q as L } from "./style-CD0jFgS4.js";
-import { _ as X } from "./DatePickerPresets.vue_vue_type_script_setup_true_lang-BSsYtVCG.js";
+import { _ as X } from "./DatePickerPresets.vue_vue_type_script_setup_true_lang-lIwelXtJ.js";
 /* empty css                                                           */
-import { _ as Z } from "./DatePickerSlider.vue_vue_type_script_setup_true_lang-CasAFVdQ.js";
-import { _ as P } from "./UiIconButton.vue_vue_type_script_setup_true_lang-BBWg01iF.js";
+import { _ as Z } from "./DatePickerSlider.vue_vue_type_script_setup_true_lang-BcoZR0Xd.js";
+import { _ as P } from "./UiIconButton.vue_vue_type_script_setup_true_lang-yQR_GeIn.js";
 import { a as ee } from "./index-CUyc6a0N.js";
 import "./vue3-lottie.es-C_Z24a9S.js";
-import { _ as B } from "./UiButton.vue_vue_type_script_setup_true_lang-CSwbUxM9.js";
+import { _ as B } from "./UiButton.vue_vue_type_script_setup_true_lang-DFOSQ46r.js";
 /* empty css                                                         */
 import { _ as ae } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
 /* empty css                                                */
 /* empty css                                                    */
-import { u as te } from "./useDatePicker-D8lDAs1P.js";
+import { u as te } from "./useDatePicker-Chd_Lf-L.js";
 import { config as s } from "../config/index.js";
 /* empty css                                                       */
 /* empty css                                                   */

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/{UiFileItemLoading.vue_vue_type_script_setup_true_lang-Byxx2Dpw.js → UiFileItemLoading.vue_vue_type_script_setup_true_lang-DOFU_n7y.js}

@@ -1,5 +1,5 @@
 import { defineComponent as _, computed as n, createElementBlock as f, openBlock as p, createElementVNode as i, createVNode as l, toDisplayString as t, withCtx as d, createTextVNode as u, unref as g } from "vue";
-import { _ as v } from "./UiButton.vue_vue_type_script_setup_true_lang-CSwbUxM9.js";
+import { _ as v } from "./UiButton.vue_vue_type_script_setup_true_lang-DFOSQ46r.js";
 import "./style-CD0jFgS4.js";
 import { _ as h } from "./UiProgressBar.vue_vue_type_script_setup_true_lang-CB-UHfBS.js";
 /* empty css                                                       */

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/{UiIconButton.vue_vue_type_script_setup_true_lang-BBWg01iF.js → UiIconButton.vue_vue_type_script_setup_true_lang-yQR_GeIn.js}

@@ -5,7 +5,7 @@ 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 "./useDatePicker-Chd_Lf-L.js";
 import "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */
@@ -18,7 +18,7 @@ import "../config/index.js";
 /* empty css                                                      */
 import "vue-router";
 /* empty css                                                */
-import { _ as z } from "./UiLoading.vue_vue_type_script_setup_true_lang-BtR0ERuP.js";
+import { _ as z } from "./UiLoading.vue_vue_type_script_setup_true_lang-CMcWDXoV.js";
 /* empty css                                                 */
 /* empty css                                                      */
 /* empty css                                                        */

package/dist/chunks/{UiInput.vue_vue_type_script_setup_true_lang-CT3b77Nb.js → UiInput.vue_vue_type_script_setup_true_lang-DHWi8SLq.js}

@@ -1,5 +1,5 @@
 import { defineComponent as P, mergeModels as h, useModel as D, ref as i, onMounted as T, createElementBlock as c, openBlock as t, normalizeClass as q, createCommentVNode as d, createElementVNode as y, renderSlot as B, withDirectives as v, toDisplayString as A, withKeys as F, vModelDynamic as I, createBlock as k, Transition as V, withCtx as C, createVNode as $, vShow as g, withModifiers as K } from "vue";
-import { _ as z } from "./UiIconButton.vue_vue_type_script_setup_true_lang-BBWg01iF.js";
+import { _ as z } from "./UiIconButton.vue_vue_type_script_setup_true_lang-yQR_GeIn.js";
 import "./style-CD0jFgS4.js";
 const U = {
   class: "ui-input__inner",

package/dist/chunks/{UiLanguageButton.vue_vue_type_script_setup_true_lang-BbBju8fJ.js → UiLanguageButton.vue_vue_type_script_setup_true_lang-DiW2yYu5.js}

@@ -7,7 +7,7 @@ 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 "./useDatePicker-Chd_Lf-L.js";
 import "../config/index.js";
 /* empty css                                                           */
 /* empty css                                                       */