@dv.net/ui-kit 7.2.20 → 7.3.0

package/dist/chunks/{DatePickerInput.vue_vue_type_script_setup_true_lang-hXftJo6V.js → DatePickerInput.vue_vue_type_script_setup_true_lang-BdTemohH.js}

@@ -1,13 +1,14 @@
-import { defineComponent as F, mergeModels as N, ref as O, useModel as $, createElementBlock as C, openBlock as R, createCommentVNode as I, createElementVNode as S, toDisplayString as j, normalizeClass as D, withDirectives as L, createVNode as z, unref as V, vModelText as B, Transition as q, withCtx as U, createBlock as J } from "vue";
+import { defineComponent as F, mergeModels as N, ref as O, useModel as $, onMounted as j, nextTick as B, createElementBlock as C, openBlock as R, createCommentVNode as I, createElementVNode as S, toDisplayString as D, normalizeClass as L, withDirectives as z, createVNode as q, unref as V, vModelText as U, Transition as J, withCtx as Z, createBlock as H } 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 "./useDatePicker-Cm4P8ntU.js";
 import "../config/index.js";
 /* empty css                                                           */
-import { _ as Z } from "./UiIconButton.vue_vue_type_script_setup_true_lang-yQR_GeIn.js";
+import { _ as G } from "./UiIconButton.vue_vue_type_script_setup_true_lang-IB9wIGjg.js";
+import "../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                       */
 /* empty css                                                   */
 /* empty css                                                  */
@@ -26,23 +27,23 @@ import "vue-router";
 /* empty css                                                    */
 /* empty css                                                               */
 /* empty css                                                    */
-var H = Object.defineProperty, G = (a, e, t) => e in a ? H(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, b = (a, e, t) => G(a, typeof e != "symbol" ? e + "" : e, t);
+var K = Object.defineProperty, Q = (a, e, t) => e in a ? K(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, b = (a, e, t) => Q(a, typeof e != "symbol" ? e + "" : e, t);
 const T = {
   "#": { pattern: /[0-9]/ },
   "@": { pattern: /[a-zA-Z]/ },
   "*": { pattern: /[a-zA-Z0-9]/ }
-}, _ = (a, e, t) => a.replaceAll(e, "").replace(t, ".").replace("..", ".").replace(/[^.\d]/g, ""), P = (a, e, t) => {
+}, x = (a, e, t) => a.replaceAll(e, "").replace(t, ".").replace("..", ".").replace(/[^.\d]/g, ""), P = (a, e, t) => {
   var s;
   return new Intl.NumberFormat(((s = t.number) == null ? void 0 : s.locale) ?? "en", {
     minimumFractionDigits: a,
     maximumFractionDigits: e,
     roundingMode: "trunc"
   });
-}, K = (a, e = !0, t) => {
+}, X = (a, e = !0, t) => {
   var s, r, n, o;
   const u = ((s = t.number) == null ? void 0 : s.unsigned) !== !0 && a.startsWith("-") ? "-" : "", p = ((r = t.number) == null ? void 0 : r.fraction) ?? 0;
   let l = P(0, p, t);
-  const k = l.formatToParts(1000.12), d = ((n = k.find((i) => i.type === "group")) == null ? void 0 : n.value) ?? " ", g = ((o = k.find((i) => i.type === "decimal")) == null ? void 0 : o.value) ?? ".", c = _(a, d, g);
+  const k = l.formatToParts(1000.12), d = ((n = k.find((i) => i.type === "group")) == null ? void 0 : n.value) ?? " ", g = ((o = k.find((i) => i.type === "decimal")) == null ? void 0 : o.value) ?? ".", c = x(a, d, g);
   if (Number.isNaN(parseFloat(c))) return u;
   const v = c.split(".");
   if (v[1] != null && v[1].length >= 1) {
@@ -50,15 +51,15 @@ const T = {
     l = P(i, p, t);
   }
   let h = l.format(parseFloat(c));
-  return e ? p > 0 && c.endsWith(".") && !c.slice(0, -1).includes(".") && (h += g) : h = _(h, d, g), u + h;
-}, x = (a) => JSON.parse(a.replaceAll("'", '"')), Q = (a, e = {}) => {
+  return e ? p > 0 && c.endsWith(".") && !c.slice(0, -1).includes(".") && (h += g) : h = x(h, d, g), u + h;
+}, _ = (a) => JSON.parse(a.replaceAll("'", '"')), Y = (a, e = {}) => {
   const t = { ...e };
-  a.dataset.maska != null && a.dataset.maska !== "" && (t.mask = X(a.dataset.maska)), a.dataset.maskaEager != null && (t.eager = A(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (t.reversed = A(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (t.tokensReplace = A(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (t.tokens = Y(a.dataset.maskaTokens));
+  a.dataset.maska != null && a.dataset.maska !== "" && (t.mask = ee(a.dataset.maska)), a.dataset.maskaEager != null && (t.eager = M(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (t.reversed = M(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (t.tokensReplace = M(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (t.tokens = te(a.dataset.maskaTokens));
   const s = {};
-  return a.dataset.maskaNumberLocale != null && (s.locale = a.dataset.maskaNumberLocale), a.dataset.maskaNumberFraction != null && (s.fraction = parseInt(a.dataset.maskaNumberFraction)), a.dataset.maskaNumberUnsigned != null && (s.unsigned = A(a.dataset.maskaNumberUnsigned)), (a.dataset.maskaNumber != null || Object.values(s).length > 0) && (t.number = s), t;
-}, A = (a) => a !== "" ? !!JSON.parse(a) : !0, X = (a) => a.startsWith("[") && a.endsWith("]") ? x(a) : a, Y = (a) => {
+  return a.dataset.maskaNumberLocale != null && (s.locale = a.dataset.maskaNumberLocale), a.dataset.maskaNumberFraction != null && (s.fraction = parseInt(a.dataset.maskaNumberFraction)), a.dataset.maskaNumberUnsigned != null && (s.unsigned = M(a.dataset.maskaNumberUnsigned)), (a.dataset.maskaNumber != null || Object.values(s).length > 0) && (t.number = s), t;
+}, M = (a) => a !== "" ? !!JSON.parse(a) : !0, ee = (a) => a.startsWith("[") && a.endsWith("]") ? _(a) : a, te = (a) => {
   if (a.startsWith("{") && a.endsWith("}"))
-    return x(a);
+    return _(a);
   const e = {};
   return a.split("|").forEach((t) => {
     const s = t.split(":");
@@ -76,7 +77,7 @@ const T = {
     return !1;
   }
 };
-class ee {
+class se {
   constructor(e = {}) {
     b(this, "opts", {}), b(this, "memo", /* @__PURE__ */ new Map());
     const t = { ...e };
@@ -124,15 +125,15 @@ class ee {
     }), { mask: t.join(""), escaped: s };
   }
   process(e, t, s = !0) {
-    if (this.opts.number != null) return K(e, s, this.opts);
+    if (this.opts.number != null) return X(e, s, this.opts);
     if (t == null) return e;
     const r = `v=${e},mr=${t},m=${s ? 1 : 0}`;
     if (this.memo.has(r)) return this.memo.get(r);
     const { mask: n, escaped: o } = this.escapeMask(t), u = [], p = this.opts.tokens != null ? this.opts.tokens : {}, l = this.isReversed() ? -1 : 1, k = this.isReversed() ? "unshift" : "push", d = this.isReversed() ? 0 : n.length - 1, g = this.isReversed() ? () => i > -1 && m > -1 : () => i < n.length && m < e.length, c = (y) => !this.isReversed() && y <= d || this.isReversed() && y >= d;
-    let v, h = -1, i = this.isReversed() ? n.length - 1 : 0, m = this.isReversed() ? e.length - 1 : 0, M = !1;
+    let v, h = -1, i = this.isReversed() ? n.length - 1 : 0, m = this.isReversed() ? e.length - 1 : 0, A = !1;
     for (; g(); ) {
       const y = n.charAt(i), f = p[y], E = f?.transform != null ? f.transform(e.charAt(m)) : e.charAt(m);
-      if (!o.includes(i) && f != null ? (E.match(f.pattern) != null ? (u[k](E), f.repeated ? (h === -1 ? h = i : i === d && i !== h && (i = h - l), d === h && (i -= l)) : f.multiple && (M = !0, i -= l), i += l) : f.multiple ? M && (i += l, m -= l, M = !1) : E === v ? v = void 0 : f.optional && (i += l, m -= l), m += l) : (s && !this.isEager() && u[k](y), E === y && !this.isEager() ? m += l : v = y, this.isEager() || (i += l)), this.isEager())
+      if (!o.includes(i) && f != null ? (E.match(f.pattern) != null ? (u[k](E), f.repeated ? (h === -1 ? h = i : i === d && i !== h && (i = h - l), d === h && (i -= l)) : f.multiple && (A = !0, i -= l), i += l) : f.multiple ? A && (i += l, m -= l, A = !1) : E === v ? v = void 0 : f.optional && (i += l, m -= l), m += l) : (s && !this.isEager() && u[k](y), E === y && !this.isEager() ? m += l : v = y, this.isEager() || (i += l)), this.isEager())
         for (; c(i) && (p[n.charAt(i)] == null || o.includes(i)); ) {
           if (s) {
             if (u[k](n.charAt(i)), e.charAt(m) === n.charAt(i)) {
@@ -146,7 +147,7 @@ class ee {
     return this.memo.set(r, u.join("")), this.memo.get(r);
   }
 }
-class te {
+class ae {
   constructor(e, t = {}) {
     b(this, "items", /* @__PURE__ */ new Map()), b(this, "eventAbortController"), b(this, "onInput", (s) => {
       if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
@@ -174,7 +175,7 @@ class te {
         const { signal: n } = this.eventAbortController;
         s.addEventListener("input", this.onInput, { capture: !0, signal: n });
       }
-      const r = new ee(Q(s, t));
+      const r = new se(Y(s, t));
       this.items.set(s, r), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
     }
   }
@@ -211,11 +212,11 @@ class te {
     };
   }
 }
-const w = /* @__PURE__ */ new WeakMap(), se = (a, e) => {
+const w = /* @__PURE__ */ new WeakMap(), re = (a, e) => {
   if (a.arg == null || a.instance == null) return;
   const t = "setup" in a.instance.$.type;
   a.arg in a.instance ? a.instance[a.arg] = e : t && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
-}, ae = (a, e) => {
+}, ne = (a, e) => {
   var t;
   const s = a instanceof HTMLInputElement ? a : a.querySelector("input");
   if (s == null || s?.type === "file") return;
@@ -223,21 +224,22 @@ const w = /* @__PURE__ */ new WeakMap(), se = (a, e) => {
   if (e.value != null && (r = typeof e.value == "string" ? { mask: e.value } : { ...e.value }), e.arg != null) {
     const n = (o) => {
       const u = e.modifiers.unmasked ? o.unmasked : e.modifiers.completed ? o.completed : o.masked;
-      se(e, u);
+      re(e, u);
     };
     r.onMaska = r.onMaska == null ? n : Array.isArray(r.onMaska) ? [...r.onMaska, n] : [r.onMaska, n];
   }
-  w.has(s) ? (t = w.get(s)) == null || t.update(r) : w.set(s, new te(s, r));
-}, re = {
+  w.has(s) ? (t = w.get(s)) == null || t.update(r) : w.set(s, new ae(s, r));
+}, ie = {
   key: 0,
   class: "com-datepicker-input__label"
-}, ne = ["placeholder"], xe = /* @__PURE__ */ F({
+}, oe = ["placeholder"], Oe = /* @__PURE__ */ F({
   __name: "DatePickerInput",
   props: /* @__PURE__ */ N({
     placeholder: {},
     isError: { type: Boolean },
     maska: {},
-    label: {}
+    label: {},
+    autofocus: { type: Boolean }
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -248,25 +250,29 @@ const w = /* @__PURE__ */ new WeakMap(), se = (a, e) => {
     function s() {
       t.value = "", e.value?.focus();
     }
-    return (r, n) => (R(), C("label", null, [
-      r.label ? (R(), C("span", re, j(r.label), 1)) : I("", !0),
+    return j(() => {
+      a.autofocus && B(() => {
+        e.value && e.value?.focus();
+      });
+    }), (r, n) => (R(), C("label", null, [
+      r.label ? (R(), C("span", ie, D(r.label), 1)) : I("", !0),
       S("div", {
-        class: D(["com-datepicker-input__wrapper", { error: r.isError }])
+        class: L(["com-datepicker-input__wrapper", { error: r.isError }])
       }, [
-        L(S("input", {
+        z(S("input", {
           ref_key: "inputRef",
           ref: e,
           onInput: n[0] || (n[0] = (o) => r.$emit("input", o.target.value)),
           placeholder: r.placeholder,
           class: "com-datepicker-input__input",
           "onUpdate:modelValue": n[1] || (n[1] = (o) => t.value = o)
-        }, null, 40, ne), [
-          [V(ae), r.maska],
-          [B, t.value]
+        }, null, 40, oe), [
+          [V(ne), r.maska],
+          [U, t.value]
         ]),
-        z(q, { name: "fade" }, {
-          default: U(() => [
-            t.value ? (R(), J(V(Z), {
+        q(J, { name: "fade" }, {
+          default: Z(() => [
+            t.value ? (R(), H(V(G), {
               key: 0,
               onClick: s,
               "icon-color": "var(--color-icon-tertiary)",
@@ -282,5 +288,5 @@ const w = /* @__PURE__ */ new WeakMap(), se = (a, e) => {
   }
 });
 export {
-  xe as _
+  Oe as _
 };

package/dist/chunks/DatePickerInputs.vue_vue_type_script_setup_true_lang-CTwFu8qH.js

@@ -0,0 +1,62 @@
+import { defineComponent as h, mergeModels as V, useModel as F, ref as m, computed as b, watch as I, createElementBlock as D, openBlock as E, createElementVNode as y, withModifiers as N, createVNode as w, createCommentVNode as A, unref as n, Fragment as C } from "vue";
+import { _ as B } from "./DatePickerInput.vue_vue_type_script_setup_true_lang-BdTemohH.js";
+import "./style-CD0jFgS4.js";
+import { a as L } from "./index-CUyc6a0N.js";
+import { u as S } from "./useDatePicker-Cm4P8ntU.js";
+import { config as M } from "../config/index.js";
+const U = { class: "com-datepicker-inputs" }, G = /* @__PURE__ */ h({
+  __name: "DatePickerInputs",
+  props: /* @__PURE__ */ V({
+    single: { type: Boolean }
+  }, {
+    "model-value": { default: [] },
+    "model-valueModifiers": {}
+  }),
+  emits: /* @__PURE__ */ V(["submit", "change"], ["update:model-value"]),
+  setup(v, { emit: P }) {
+    const d = P, r = F(v, "model-value"), { dayjs: a, inputFormat: l, modelValueFormat: f } = S(), t = m([!1, !1]), { width: p } = L(), s = m(""), i = m(""), c = b(() => l.value.replace(/\w/g, "#")), k = b(() => a().format(l.value));
+    function g(o, e) {
+      const u = !a(o, l.value).isValid() || a(o, l.value).isAfter(a(a(), l.value), "day");
+      e && o.length === 10 ? (t.value[0] = !v.single && a(o, l.value).isAfter(a(i.value, l.value), "day") || u, t.value[0] || (r.value[0] = a(o, l.value).format(f.value), d("change"))) : t.value[0] = !1, !e && o.length === 10 ? (t.value[1] = a(o, l.value).isBefore(a(s.value, l.value), "day") || u, t.value[1] || (r.value[1] = a(o, l.value).format(f.value), d("change"))) : t.value[1] = !1;
+    }
+    return I(
+      r,
+      () => {
+        s.value = a(r.value[0]).format(l.value), i.value = a(r.value[1]).format(l.value);
+      },
+      { immediate: !0 }
+    ), (o, e) => (E(), D("div", U, [
+      y("form", {
+        class: "com-datepicker-inputs--form",
+        onSubmit: e[4] || (e[4] = N(() => {
+        }, ["prevent"]))
+      }, [
+        w(B, {
+          label: n(p) < 1e3 ? n(M).uiDatePicker.translations.inputLabelStart : "",
+          isError: t.value[0],
+          onInput: e[0] || (e[0] = (u) => g(u, !0)),
+          placeholder: k.value,
+          maska: c.value,
+          modelValue: s.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (u) => s.value = u),
+          autofocus: o.single
+        }, null, 8, ["label", "isError", "placeholder", "maska", "modelValue", "autofocus"]),
+        o.single ? A("", !0) : (E(), D(C, { key: 0 }, [
+          e[5] || (e[5] = y("div", { class: "com-datepicker-inputs--form__divider" }, null, -1)),
+          w(B, {
+            label: n(p) < 1e3 ? n(M).uiDatePicker.translations.inputLabelEnd : "",
+            isError: t.value[1],
+            onInput: e[2] || (e[2] = (u) => g(u, !1)),
+            placeholder: k.value,
+            maska: c.value,
+            modelValue: i.value,
+            "onUpdate:modelValue": e[3] || (e[3] = (u) => i.value = u)
+          }, null, 8, ["label", "isError", "placeholder", "maska", "modelValue"])
+        ], 64))
+      ], 32)
+    ]));
+  }
+});
+export {
+  G as _
+};

package/dist/chunks/DatePickerPresets.vue_vue_type_script_setup_true_lang-DzVyyn8P.js

@@ -0,0 +1,39 @@
+import { defineComponent as p, ref as _, watch as k, createElementBlock as c, openBlock as r, createElementVNode as h, Fragment as f, renderList as v, normalizeClass as g, toDisplayString as y } from "vue";
+import { u as C } from "./useDatePicker-Cm4P8ntU.js";
+const P = { class: "com-datepicker-presets" }, b = { class: "com-datepicker-presets--buttons" }, D = ["onClick"], E = /* @__PURE__ */ p({
+  __name: "DatePickerPresets",
+  props: {
+    date: {},
+    presets: {}
+  },
+  emits: ["change"],
+  setup(i, { emit: l }) {
+    const { dayjs: o } = C(), s = i, d = l, n = _(null);
+    function m(e) {
+      n.value = s.presets.find((a) => o(a.date[0]).isSame(e[0], "day") && o(a.date[1]).isSame(e[1], "day")) ?? null;
+    }
+    function u(e) {
+      n.value = e, d("change", e);
+    }
+    return k(
+      () => s.date,
+      () => {
+        m(s.date);
+      },
+      { immediate: !0 }
+    ), (e, a) => (r(), c("div", P, [
+      h("div", b, [
+        (r(!0), c(f, null, v(e.presets, (t) => (r(), c("button", {
+          key: t.id,
+          onClick: (S) => u(t),
+          class: g({ active: n.value?.id === t.id }),
+          mode: "neutral",
+          size: "sm"
+        }, y(t.label), 11, D))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  E as _
+};

package/dist/chunks/DatePickerSlider.vue_vue_type_script_setup_true_lang-UIt5lj0a.js

@@ -0,0 +1,90 @@
+import { defineComponent as k, mergeModels as h, useModel as x, computed as n, createElementBlock as u, openBlock as s, createCommentVNode as f, renderSlot as B, createVNode as p, unref as y } from "vue";
+import { u as R } from "./useDatePicker-Cm4P8ntU.js";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+import { _ as b } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+/* empty css                                                         */
+/* empty css                                                    */
+import "../config/index.js";
+/* empty css                                                           */
+import "../components/UiDatepicker/composables/useDatePickerPresets.js";
+/* 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 S = { class: "com-datepicker-slider" }, V = ["disabled"], C = ["disabled"], ie = /* @__PURE__ */ k({
+  __name: "DatePickerSlider",
+  props: /* @__PURE__ */ h({
+    isShow: { type: Boolean, default: !0 },
+    disabled: { type: Boolean },
+    selectedRange: {},
+    minDate: {},
+    maxDate: {}
+  }, {
+    modelValue: { default: [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const m = x(t, "modelValue"), { dayjs: r, modelValueFormat: v } = R(m), e = n(() => ({
+      min: t.minDate ? r(t.minDate) : void 0,
+      max: t.maxDate ? r(t.maxDate) : void 0
+    })), a = n(() => ({
+      start: r(m.value[0]),
+      end: r(m.value[1])
+    })), D = n(() => {
+      if (e.value.max)
+        return a.value.end.isAfter(e.value.max) || e.value.max.isSame(a.value.end, "day");
+    }), g = n(() => {
+      if (e.value.min)
+        return a.value.start.isBefore(e.value.min) || e.value.min.isSame(a.value.start, "day");
+    });
+    function c(i) {
+      let o = a.value.end.diff(a.value.start, "day") || 1, l, d;
+      t.selectedRange ? (l = a.value.start.add(i ? -1 : 1, t.selectedRange), d = a.value.end.add(i ? -1 : 1, t.selectedRange), ["month", "year"].includes(t.selectedRange) && (l = l.startOf(t.selectedRange), d = d.endOf(t.selectedRange))) : (l = a.value.start.add(i ? -o : o, "day"), d = a.value.end.add(i ? -o : o, "day")), e.value.min && l.isBefore(e.value.min) && (l = e.value.min), e.value.max && d.isAfter(e.value.max) && (d = e.value.max), m.value = [l?.format(v.value) || "", d?.format(v.value) || ""];
+    }
+    return (i, o) => (s(), u("div", S, [
+      i.isShow ? (s(), u("button", {
+        key: 0,
+        disabled: g.value || i.disabled,
+        class: "com-datepicker-slider__btn",
+        onClick: o[0] || (o[0] = (l) => c(!0))
+      }, [
+        p(y(b), {
+          type: "400",
+          name: "chevron-left 1"
+        })
+      ], 8, V)) : f("", !0),
+      B(i.$slots, "default"),
+      i.isShow ? (s(), u("button", {
+        key: 1,
+        disabled: D.value || i.disabled,
+        class: "com-datepicker-slider__btn",
+        onClick: o[1] || (o[1] = (l) => c(!1))
+      }, [
+        p(y(b), {
+          type: "400",
+          name: "chevron-right"
+        })
+      ], 8, C)) : f("", !0)
+    ]));
+  }
+});
+export {
+  ie as _
+};

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

@@ -5,16 +5,17 @@ import "./vue3-lottie.es-C_Z24a9S.js";
 import "./style-CD0jFgS4.js";
 /* empty css                                                         */
 /* empty css                                                    */
-import "./useDatePicker-Chd_Lf-L.js";
+import "./useDatePicker-Cm4P8ntU.js";
 import { config as _ } from "../config/index.js";
 /* empty css                                                           */
+import "../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                       */
 /* empty css                                                   */
 /* empty css                                                  */
 /* empty css                                                    */
 /* empty css                                                    */
 /* empty css                                                    */
-import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang-DHWi8SLq.js";
+import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang-DznM9mdI.js";
 /* empty css                                                  */
 /* empty css                                                      */
 import "vue-router";
@@ -27,7 +28,7 @@ import "vue-router";
 /* empty css                                                    */
 /* empty css                                                               */
 /* empty css                                                    */
-const h = { class: "select-search" }, V = { class: "select-search__wrapper" }, Q = /* @__PURE__ */ i({
+const h = { class: "select-search" }, V = { class: "select-search__wrapper" }, T = /* @__PURE__ */ i({
   __name: "SelectSearch",
   props: /* @__PURE__ */ l({
     placeholder: {}
@@ -62,5 +63,5 @@ const h = { class: "select-search" }, V = { class: "select-search__wrapper" }, Q
   }
 });
 export {
-  Q as _
+  T as _
 };

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

@@ -5,9 +5,10 @@ import { _ as a } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js
 /* empty css                                                */
 /* empty css                                                         */
 /* empty css                                                    */
-import "./useDatePicker-Chd_Lf-L.js";
+import "./useDatePicker-Cm4P8ntU.js";
 import "../config/index.js";
 /* empty css                                                           */
+import "../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                       */
 /* empty css                                                   */
 /* empty css                                                  */
@@ -32,7 +33,7 @@ const u = { class: "ui-select__inner" }, v = { class: "ui-select__text-block" },
 }, 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({
+}, ee = /* @__PURE__ */ c({
   __name: "SelectTrigger",
   props: {
     isActive: { type: Boolean },
@@ -86,5 +87,5 @@ const u = { class: "ui-select__inner" }, v = { class: "ui-select__text-block" },
   }
 });
 export {
-  x as _
+  ee as _
 };

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

@@ -4,9 +4,10 @@ import "./vue3-lottie.es-C_Z24a9S.js";
 /* empty css                                                */
 /* empty css                                                         */
 /* empty css                                                    */
-import "./useDatePicker-Chd_Lf-L.js";
+import "./useDatePicker-Cm4P8ntU.js";
 import "../config/index.js";
 /* empty css                                                           */
+import "../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                       */
 /* empty css                                                   */
 /* empty css                                                  */
@@ -17,7 +18,7 @@ import "../config/index.js";
 /* empty css                                                      */
 import "vue-router";
 /* empty css                                                */
-import { _ as S } from "./UiLoading.vue_vue_type_script_setup_true_lang-CMcWDXoV.js";
+import { _ as S } from "./UiLoading.vue_vue_type_script_setup_true_lang-CMoBK6St.js";
 /* empty css                                                 */
 /* empty css                                                      */
 import { SelectListItemSize as z } from "../components/UiSelect/types.js";
@@ -27,7 +28,7 @@ import { SelectListItemSize as z } from "../components/UiSelect/types.js";
 /* empty css                                                    */
 /* empty css                                                               */
 /* empty css                                                    */
-const R = /* @__PURE__ */ a({
+const T = /* @__PURE__ */ a({
   __name: "SelectVirtualList",
   props: {
     options: {},
@@ -64,5 +65,5 @@ const R = /* @__PURE__ */ a({
   }
 });
 export {
-  R as _
+  T as _
 };

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

@@ -1,13 +1,14 @@
-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 { defineComponent as p, mergeModels as l, 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-Chd_Lf-L.js";
+import "./useDatePicker-Cm4P8ntU.js";
 import "../config/index.js";
 /* empty css                                                           */
+import "../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                       */
 /* empty css                                                   */
 /* empty css                                                  */
@@ -26,13 +27,13 @@ import "vue-router";
 /* empty css                                                    */
 /* empty css                                                               */
 /* empty css                                                    */
-const O = /* @__PURE__ */ l({
+const P = /* @__PURE__ */ p({
   __name: "TableSort",
   props: {
     modelValue: { default: null },
     modelModifiers: {}
   },
-  emits: /* @__PURE__ */ p(["sort"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ l(["sort"], ["update:modelValue"]),
   setup(e, { emit: r }) {
     const o = s(e, "modelValue"), t = r;
     function m() {
@@ -52,5 +53,5 @@ const O = /* @__PURE__ */ l({
   }
 });
 export {
-  O as _
+  P as _
 };

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

@@ -1,4 +1,4 @@
-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 { defineComponent as v, computed as n, useId as _, createElementBlock as o, openBlock as a, normalizeStyle as f, normalizeClass as k, createVNode as e, 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";
@@ -6,9 +6,10 @@ import { _ as y } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js
 /* empty css                                                */
 /* empty css                                                         */
 /* empty css                                                    */
-import "./useDatePicker-Chd_Lf-L.js";
+import "./useDatePicker-Cm4P8ntU.js";
 import "../config/index.js";
 /* empty css                                                           */
+import "../components/UiDatepicker/composables/useDatePickerPresets.js";
 /* empty css                                                       */
 /* empty css                                                   */
 /* empty css                                                  */
@@ -27,7 +28,7 @@ import "vue-router";
 /* 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({
+const g = { class: "ui-avatar__inner" }, z = ["id"], b = ["mask"], $ = { class: "ui-avatar__avatar" }, j = ["src"], B = { class: "ui-avatar__status" }, it = /* @__PURE__ */ v({
   __name: "UiAvatar",
   props: {
     avatar: {},
@@ -36,8 +37,8 @@ const g = { class: "ui-avatar__inner" }, z = ["id"], b = ["mask"], $ = { class:
     status: { default: "reject" },
     clickable: { type: Boolean }
   },
-  setup(e) {
-    const c = n(() => e.email ? (e.email[0] ?? "") + (e.email[1] ?? "") : null), l = _(), m = n(() => ({
+  setup(i) {
+    const c = n(() => i.email ? (i.email[0] ?? "") + (i.email[1] ?? "") : null), l = _(), m = n(() => ({
       success: {
         icon: "check-circle  1",
         color: "var(--color-icon-positive)"
@@ -55,37 +56,37 @@ const g = { class: "ui-avatar__inner" }, z = ["id"], b = ["mask"], $ = { class:
         color: "var(--color-icon-tertiary)"
       }
     }));
-    return (t, E) => (o(), a("div", {
+    return (t, E) => (a(), o("div", {
       class: k(["ui-avatar", [`size-${t.size}`, { clickable: t.clickable }]]),
       style: f({ color: m.value[t.email ? t.status : "default"].color })
     }, [
-      i(d, {
+      e(d, {
         isTransparent: "",
         class: "ui-avatar__mask"
       }),
-      (o(), a("svg", g, [
+      (a(), o("svg", g, [
         r("mask", { id: s(l) }, [
-          i(d)
+          e(d)
         ], 8, z),
-        (o(), a("foreignObject", {
+        (a(), o("foreignObject", {
           mask: `url(#${s(l)})`,
           width: "100%",
           height: "100%"
         }, [
           r("div", $, [
-            t.avatar ? (o(), a("img", {
+            t.avatar ? (a(), o("img", {
               key: 0,
               src: t.avatar
-            }, null, 8, j)) : c.value ? (o(), a(p, { key: 1 }, [
+            }, null, 8, j)) : c.value ? (a(), o(p, { key: 1 }, [
               u(h(c.value), 1)
-            ], 64)) : (o(), a(p, { key: 2 }, [
+            ], 64)) : (a(), o(p, { key: 2 }, [
               u("-")
             ], 64))
           ])
         ], 8, b))
       ])),
       r("div", B, [
-        i(s(y), {
+        e(s(y), {
           type: "100",
           name: m.value[t.status].icon,
           size: "fill"
@@ -95,5 +96,5 @@ const g = { class: "ui-avatar__inner" }, z = ["id"], b = ["mask"], $ = { class:
   }
 });
 export {
-  ot as _
+  it as _
 };