@opengis/filter 0.1.21 → 0.1.22

package/dist/index.js

@@ -1,7 +1,7 @@
-import { createElementBlock as w, openBlock as i, createElementVNode as u, defineComponent as q, ref as A, computed as O, withModifiers as se, normalizeClass as L, createCommentVNode as V, toDisplayString as S, createVNode as Q, watch as I, createStaticVNode as Ne, Fragment as U, renderList as X, unref as e, createBlock as T, createTextVNode as G, withDirectives as W, vShow as Z, getCurrentInstance as Pe, vModelText as ee, onBeforeUnmount as me, onMounted as ce, isRef as Ye, Teleport as ge, normalizeStyle as be, renderSlot as de, nextTick as fe, withCtx as ne, resolveDynamicComponent as re, mergeProps as J, toRaw as ue, cloneVNode as We, useSlots as pe, reactive as qe, withKeys as $e, createSlots as Qe, normalizeProps as He, guardReactiveProps as Ge } from "vue";
+import { createElementBlock as w, openBlock as i, createElementVNode as u, defineComponent as q, ref as A, computed as O, withModifiers as se, normalizeClass as L, createCommentVNode as _, toDisplayString as S, createVNode as Q, watch as E, createStaticVNode as Ne, Fragment as U, renderList as X, unref as e, createBlock as I, createTextVNode as G, withDirectives as W, vShow as Z, getCurrentInstance as Pe, vModelText as ee, onBeforeUnmount as me, onMounted as ce, isRef as Ye, Teleport as ge, normalizeStyle as be, renderSlot as de, nextTick as fe, withCtx as ne, resolveDynamicComponent as re, mergeProps as J, toRaw as ue, cloneVNode as We, useSlots as pe, reactive as qe, withKeys as $e, createSlots as Qe, normalizeProps as He, guardReactiveProps as Ge } from "vue";
 import { notify as Ae } from "@opengis/core";
-const te = (p, o) => {
-  const y = p.__vccOpts || p;
+const te = (m, o) => {
+  const y = m.__vccOpts || m;
   for (const [t, a] of o)
     y[t] = a;
   return y;
@@ -17,7 +17,7 @@ const te = (p, o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-reload absolute inline mr-1 text-gray-800 transition-all cursor-pointer active:rotate-90 right-1 top-1 hover:text-blue-500"
 };
-function Ze(p, o) {
+function Ze(m, o) {
   return i(), w("svg", Je, o[0] || (o[0] = [
     u("path", {
       stroke: "none",
@@ -40,7 +40,7 @@ const et = /* @__PURE__ */ te(Xe, [["render", Ze]]), tt = {}, lt = {
   "stroke-linejoin": "round",
   class: "text-blue-600 w-[16px] h-[16px]"
 };
-function ot(p, o) {
+function ot(m, o) {
   return i(), w("svg", lt, o[0] || (o[0] = [
     u("path", { d: "M20 6 9 17l-5-5" }, null, -1)
   ]));
@@ -69,12 +69,12 @@ const ae = /* @__PURE__ */ te(tt, [["render", ot]]), at = { class: "flex items-c
     highlighted: { type: Boolean }
   },
   emits: ["itemClick"],
-  setup(p, { expose: o, emit: y }) {
-    const t = p, a = y;
+  setup(m, { expose: o, emit: y }) {
+    const t = m, a = y;
     function l() {
       a("itemClick", t.value);
     }
-    const g = A(null), m = O(() => t.layout === "inline" && t.type === "radio");
+    const g = A(null), p = O(() => t.layout === "inline" && t.type === "radio");
     return o({ el: g }), (n, x) => (i(), w("div", {
       class: "flex items-center w-full rounded-sm group hover:bg-gray-100",
       ref_key: "el",
@@ -86,18 +86,18 @@ const ae = /* @__PURE__ */ te(tt, [["render", ot]]), at = { class: "flex items-c
             for: "radio-9740",
             class: L([
               ["inline", "popover"].includes(n.layout) ? "text-sm text-gray-500 px-2 w-full py-2 cursor-pointer !flex flex-row items-center" : "flex flex-row items-center w-full px-2 py-2 text-sm text-gray-500 cursor-pointer",
-              { "bg-blue-100": n.highlighted, relative: m.value }
+              { "bg-blue-100": n.highlighted, relative: p.value }
             ]),
             onClick: se(l, ["stop", "prevent"])
           }, [
-            m.value ? V("", !0) : (i(), w("div", {
+            p.value ? _("", !0) : (i(), w("div", {
               key: 0,
               class: L(["w-[18px] h-[18px] border flex items-center justify-center", [
                 n.type === "checkbox" ? "rounded-[4px]" : "rounded-full",
                 n.color ? `bg-[${n.color}] border-[#ffffff]` : n.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
               ]])
             }, [
-              n.isSelected ? (i(), w("img", rt)) : V("", !0)
+              n.isSelected ? (i(), w("img", rt)) : _("", !0)
             ], 2)),
             u("input", {
               type: "checkbox",
@@ -106,52 +106,52 @@ const ae = /* @__PURE__ */ te(tt, [["render", ot]]), at = { class: "flex items-c
               value: n.value
             }, null, 8, st),
             u("div", {
-              class: L(["flex flex-1 flex-row items-center justify-between", m.value ? "pl-1 pr-6" : "w-[calc(100%-18px)] pl-[10px]"])
+              class: L(["flex flex-1 flex-row items-center justify-between", p.value ? "pl-1 pr-6" : "w-[calc(100%-18px)] pl-[10px]"])
             }, [
               u("span", it, S(n.label ?? "Відсутні дані"), 1),
-              n.count ? (i(), w("div", ut, " (" + S(n.count) + ") ", 1)) : V("", !0)
+              n.count ? (i(), w("div", ut, " (" + S(n.count) + ") ", 1)) : _("", !0)
             ], 2),
-            m.value && n.isSelected ? (i(), w("span", dt, [
+            p.value && n.isSelected ? (i(), w("span", dt, [
               Q(ae)
-            ])) : V("", !0)
+            ])) : _("", !0)
           ], 2)
         ])
       ])
     ], 512));
   }
 });
-function xe(p, o) {
+function xe(m, o) {
   const {
     options: y = [],
     limit: t = 20
-  } = p;
+  } = m;
   function a(b) {
     return Array.isArray(b) ? b[0] : b;
   }
-  const l = A(a(p.modelValue)), g = A(""), m = A(!1), n = A([]), x = A("id"), f = A("text"), v = A(!1), d = A(p.layout !== "popover" && y.length > t);
+  const l = A(a(m.modelValue)), g = A(""), p = A(!1), n = A([]), x = A("id"), d = A("text"), v = A(!1), c = A(m.layout !== "popover" && y.length > t);
   function k(b) {
     const h = b.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find(($) => $ in h) ?? "id", M = ["text", "label", "name", "title"].find(($) => $ in h) ?? "text";
     return { autoValueKey: K, autoLabelKey: M };
   }
   if (y.length > 0) {
     const b = k(y);
-    x.value = b.autoValueKey, f.value = b.autoLabelKey;
+    x.value = b.autoValueKey, d.value = b.autoLabelKey;
   }
-  const _ = O(() => {
+  const V = O(() => {
     const b = n.value;
-    return p.layout === "popover" || v.value ? b : b.slice(0, t);
+    return m.layout === "popover" || v.value ? b : b.slice(0, t);
   });
-  I(() => p.modelValue, (b) => {
+  E(() => m.modelValue, (b) => {
     l.value = a(b);
-  }, { immediate: !0 }), n.value = [...y].sort((b, h) => p.sort === "count" ? h.count && b.count ? h.count - b.count : 0 : p.sort === "name" ? String(b[f.value] ?? "").localeCompare(String(h[f.value] ?? "")) : 0);
+  }, { immediate: !0 }), n.value = [...y].sort((b, h) => m.sort === "count" ? h.count && b.count ? h.count - b.count : 0 : m.sort === "name" ? String(b[d.value] ?? "").localeCompare(String(h[d.value] ?? "")) : 0);
   function C(b) {
     return l.value === b[x.value];
   }
-  function c(b) {
-    l.value = b[x.value], o("update:modelValue", l.value), o("change", { name: p.name, value: l.value });
+  function f(b) {
+    l.value = b[x.value], o("update:modelValue", l.value), o("change", { name: m.name, value: l.value });
   }
   function r() {
-    l.value = void 0, o("update:modelValue", l.value), o("clear", p.name);
+    l.value = void 0, o("update:modelValue", l.value), o("clear", m.name);
   }
   function s() {
     v.value = !v.value;
@@ -159,15 +159,15 @@ function xe(p, o) {
   return {
     innerValue: l,
     searchTerm: g,
-    filteredOptions: _,
+    filteredOptions: V,
     isSelected: C,
-    selectItem: c,
+    selectItem: f,
     clear: r,
     toggleShowAll: s,
-    isReqProc: m,
+    isReqProc: p,
     showAll: v,
-    isEnableShowAll: d,
-    labelKey: f,
+    isEnableShowAll: c,
+    labelKey: d,
     valueKey: x,
     allOptions: n
   };
@@ -178,7 +178,7 @@ const ct = {}, ft = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function pt(p, o) {
+function pt(m, o) {
   return i(), w("svg", ft, o[0] || (o[0] = [
     Ne('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
   ]));
@@ -195,7 +195,7 @@ const we = /* @__PURE__ */ te(ct, [["render", pt]]), mt = {}, vt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"
 };
-function yt(p, o) {
+function yt(m, o) {
   return i(), w("svg", vt, o[0] || (o[0] = [
     u("path", {
       stroke: "none",
@@ -217,7 +217,7 @@ const ve = /* @__PURE__ */ te(mt, [["render", yt]]), gt = {}, bt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate-[180deg]"
 };
-function ht(p, o) {
+function ht(m, o) {
   return i(), w("svg", bt, o[0] || (o[0] = [
     u("path", {
       stroke: "none",
@@ -236,7 +236,7 @@ const ke = /* @__PURE__ */ te(gt, [["render", ht]]), xt = {
 }, Ct = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, _t = /* @__PURE__ */ q({
+}, Vt = /* @__PURE__ */ q({
   __name: "radio",
   props: {
     id: {},
@@ -265,28 +265,28 @@ const ke = /* @__PURE__ */ te(gt, [["render", ht]]), xt = {
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { expose: o, emit: y }) {
-    const t = p, a = A(null), l = y, {
+  setup(m, { expose: o, emit: y }) {
+    const t = m, a = A(null), l = y, {
       innerValue: g,
-      filteredOptions: m,
+      filteredOptions: p,
       isSelected: n,
       selectItem: x,
-      clear: f,
+      clear: d,
       toggleShowAll: v,
-      isReqProc: d,
+      isReqProc: c,
       showAll: k,
-      isEnableShowAll: _,
+      isEnableShowAll: V,
       labelKey: C,
-      valueKey: c,
+      valueKey: f,
       allOptions: r
     } = xe({
       ...t,
       modelValue: t.modelValue ?? t.default ?? ""
     }, l);
     return o({
-      clear: f,
+      clear: d,
       inputTextRef: a
-    }), I(
+    }), E(
       () => t.modelValue,
       (s) => {
         s === void 0 && (g.value = void 0);
@@ -300,19 +300,19 @@ const ke = /* @__PURE__ */ te(gt, [["render", ht]]), xt = {
           s.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (i(!0), w(U, null, X(e(m), (h) => (i(), T(he, {
+        (i(!0), w(U, null, X(e(p), (h) => (i(), I(he, {
           layout: s.layout,
-          key: h[e(c)],
+          key: h[e(f)],
           count: h.count,
           label: h[e(C)],
           color: h.color,
           type: "radio",
-          value: h[e(c)],
+          value: h[e(f)],
           "is-selected": e(n)(h),
           onItemClick: (K) => e(x)(h)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
       ], 2),
-      s.type === "select" && e(m).length === 0 && !e(d) ? (i(), w("div", xt, [
+      s.type === "select" && e(p).length === 0 && !e(c) ? (i(), w("div", xt, [
         u("div", wt, [
           Q(we),
           b[4] || (b[4] = u("div", { class: "max-w-sm mx-auto mt-6" }, [
@@ -320,9 +320,9 @@ const ke = /* @__PURE__ */ te(gt, [["render", ht]]), xt = {
             u("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
           ], -1))
         ])
-      ])) : V("", !0),
+      ])) : _("", !0),
       s.layout !== "popover" && s.type !== "select" ? (i(), w(U, { key: 1 }, [
-        !e(k) && e(_) ? (i(), w("div", {
+        !e(k) && e(V) ? (i(), w("div", {
           key: 0,
           onClick: b[0] || (b[0] = //@ts-ignore
           (...h) => e(v) && e(v)(...h)),
@@ -330,7 +330,7 @@ const ke = /* @__PURE__ */ te(gt, [["render", ht]]), xt = {
         }, [
           b[5] || (b[5] = G(" Показати більше ", -1)),
           Q(ve)
-        ])) : V("", !0),
+        ])) : _("", !0),
         e(k) ? (i(), w("div", {
           key: 1,
           onClick: b[1] || (b[1] = //@ts-ignore
@@ -339,66 +339,66 @@ const ke = /* @__PURE__ */ te(gt, [["render", ht]]), xt = {
         }, [
           b[6] || (b[6] = G(" Показати менше ", -1)),
           Q(ke)
-        ])) : V("", !0)
-      ], 64)) : V("", !0),
+        ])) : _("", !0)
+      ], 64)) : _("", !0),
       s.cleanable ? (i(), w(U, { key: 2 }, [
         s.layout === "inline" ? (i(), w("div", kt, [
           G(S(e(g) || e(g) === null ? 1 : 0) + " з " + S(e(r).length) + " обрано ", 1),
           W(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: b[2] || (b[2] = //@ts-ignore
-            (...h) => e(f) && e(f)(...h))
+            (...h) => e(d) && e(d)(...h))
           }, " Очистити ", 512), [
             [Z, e(g) !== "" && e(g) !== void 0]
           ])
-        ])) : V("", !0),
+        ])) : _("", !0),
         s.layout === "popover" ? (i(), w("div", Ct, [
           u("span", null, S(e(g) || e(g) === null ? 1 : 0) + " з " + S(e(r).length) + " обрано", 1),
           W(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: b[3] || (b[3] = //@ts-ignore
-            (...h) => e(f) && e(f)(...h))
+            (...h) => e(d) && e(d)(...h))
           }, " Очистити ", 512), [
             [Z, e(g) !== "" && e(g) !== void 0]
           ])
-        ])) : V("", !0)
-      ], 64)) : V("", !0)
+        ])) : _("", !0)
+      ], 64)) : _("", !0)
     ], 2));
   }
 });
-function Me(p, o) {
+function Me(m, o) {
   const {
     options: y = [],
     limit: t = 20
-  } = p;
+  } = m;
   function a(b) {
     return Array.isArray(b) ? b : b ? [b] : [];
   }
-  const l = A(a(p.modelValue)), g = A(""), m = A(!1), n = A([]), x = A("id"), f = A("text"), v = A(!1), d = A(p.layout !== "popover" && y.length > t);
+  const l = A(a(m.modelValue)), g = A(""), p = A(!1), n = A([]), x = A("id"), d = A("text"), v = A(!1), c = A(m.layout !== "popover" && y.length > t);
   function k(b) {
     const h = b.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find(($) => $ in h) ?? "id", M = ["text", "label", "name", "title"].find(($) => $ in h) ?? "text";
     return { autoValueKey: K, autoLabelKey: M };
   }
   if (y.length > 0) {
     const b = k(y);
-    x.value = b.autoValueKey, f.value = b.autoLabelKey;
+    x.value = b.autoValueKey, d.value = b.autoLabelKey;
   }
-  const _ = O(() => {
+  const V = O(() => {
     const b = n.value;
-    return p.layout === "popover" || v.value ? b : b.slice(0, t);
+    return m.layout === "popover" || v.value ? b : b.slice(0, t);
   });
-  I(() => p.modelValue, (b) => {
+  E(() => m.modelValue, (b) => {
     l.value = a(b);
-  }, { immediate: !0 }), n.value = [...y].sort((b, h) => p.sort === "count" ? h.count && b.count ? h.count - b.count : 0 : p.sort === "name" ? String(b[f.value]).localeCompare(String(h[f.value])) : 0);
+  }, { immediate: !0 }), n.value = [...y].sort((b, h) => m.sort === "count" ? h.count && b.count ? h.count - b.count : 0 : m.sort === "name" ? String(b[d.value]).localeCompare(String(h[d.value])) : 0);
   function C(b) {
     return l.value && l.value.includes(b[x.value]);
   }
-  function c(b) {
+  function f(b) {
     const h = l.value.includes(b[x.value]);
-    l.value = h ? l.value.filter((K) => K !== b[x.value]) : [...l.value, b[x.value]], o("update:modelValue", l.value), o("change", { name: p.name, value: l.value });
+    l.value = h ? l.value.filter((K) => K !== b[x.value]) : [...l.value, b[x.value]], o("update:modelValue", l.value), o("change", { name: m.name, value: l.value });
   }
   function r() {
-    l.value = [], o("update:modelValue", l.value), o("clear", p.name);
+    l.value = [], o("update:modelValue", l.value), o("clear", m.name);
   }
   function s() {
     v.value = !v.value;
@@ -406,15 +406,15 @@ function Me(p, o) {
   return {
     innerValue: l,
     searchTerm: g,
-    filteredOptions: _,
+    filteredOptions: V,
     isSelected: C,
-    selectItem: c,
+    selectItem: f,
     clear: r,
     toggleShowAll: s,
-    isReqProc: m,
+    isReqProc: p,
     showAll: v,
-    isEnableShowAll: d,
-    labelKey: f,
+    isEnableShowAll: c,
+    labelKey: d,
     valueKey: x,
     allOptions: n
   };
@@ -459,20 +459,20 @@ const Se = {
     selectFieldHelp: "Оберіть поле, щоб розпочати створення фільтра."
   }
 };
-function Be(p) {
-  const o = p.split(".")[1], y = typeof window < "u" && window.localStorage ? localStorage.locale : null;
+function Be(m) {
+  const o = m.split(".")[1], y = typeof window < "u" && window.localStorage ? localStorage.locale : null;
   return (Se[y || navigator.language] || Se.uk)[o];
 }
 function oe() {
-  const p = Pe();
-  if (!p.appContext.config.globalProperties.$i18n) return Be;
-  const o = p.appContext.config.globalProperties.$t;
+  const m = Pe();
+  if (!m.appContext.config.globalProperties.$i18n) return Be;
+  const o = m.appContext.config.globalProperties.$t;
   return (y) => {
     const t = o(y);
     return t === y ? Be(y) : t;
   };
 }
-const Vt = {
+const _t = {
   key: 0,
   class: "w-full"
 }, $t = { class: "flex flex-col items-center justify-center p-5 text-center" }, At = { class: "max-w-sm mx-auto mt-6" }, St = { class: "font-medium text-gray-800 dark:text-neutral-200" }, Bt = {
@@ -510,31 +510,31 @@ const Vt = {
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { expose: o, emit: y }) {
-    const t = oe(), a = p, l = y, {
+  setup(m, { expose: o, emit: y }) {
+    const t = oe(), a = m, l = y, {
       innerValue: g,
-      filteredOptions: m,
+      filteredOptions: p,
       isSelected: n,
       selectItem: x,
-      clear: f,
+      clear: d,
       toggleShowAll: v,
-      isReqProc: d,
+      isReqProc: c,
       showAll: k,
-      isEnableShowAll: _,
+      isEnableShowAll: V,
       labelKey: C,
-      valueKey: c,
+      valueKey: f,
       allOptions: r
     } = Me({
       ...a,
       modelValue: a.modelValue
     }, l);
-    return I(
+    return E(
       () => a.modelValue,
       (s) => {
         s === void 0 && (g.value = []);
       }
     ), o({
-      clear: f
+      clear: d
     }), (s, b) => (i(), w("div", {
       class: L([s.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
     }, [
@@ -544,18 +544,18 @@ const Vt = {
           s.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (i(!0), w(U, null, X(e(m), (h) => (i(), T(he, {
+        (i(!0), w(U, null, X(e(p), (h) => (i(), I(he, {
           layout: s.layout,
           count: h.count,
           label: h[e(C)],
           color: h.color,
           type: "checkbox",
-          value: h[e(c)],
+          value: h[e(f)],
           "is-selected": e(n)(h),
           onItemClick: (K) => e(x)(h)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
       ], 2),
-      s.type === "select" && e(m).length === 0 && !e(d) ? (i(), w("div", Vt, [
+      s.type === "select" && e(p).length === 0 && !e(c) ? (i(), w("div", _t, [
         u("div", $t, [
           Q(we),
           u("div", At, [
@@ -563,9 +563,9 @@ const Vt = {
             b[4] || (b[4] = u("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
           ])
         ])
-      ])) : V("", !0),
+      ])) : _("", !0),
       s.layout !== "popover" && s.type !== "select" ? (i(), w(U, { key: 1 }, [
-        !e(k) && e(_) ? (i(), w("div", {
+        !e(k) && e(V) ? (i(), w("div", {
           key: 0,
           onClick: b[0] || (b[0] = //@ts-ignore
           (...h) => e(v) && e(v)(...h)),
@@ -573,7 +573,7 @@ const Vt = {
         }, [
           G(S(e(t)("filter.more")) + " ", 1),
           Q(ve)
-        ])) : V("", !0),
+        ])) : _("", !0),
         e(k) ? (i(), w("div", {
           key: 1,
           onClick: b[1] || (b[1] = //@ts-ignore
@@ -582,30 +582,30 @@ const Vt = {
         }, [
           G(S(e(t)("filter.less")) + " ", 1),
           Q(ke)
-        ])) : V("", !0)
-      ], 64)) : V("", !0),
+        ])) : _("", !0)
+      ], 64)) : _("", !0),
       s.cleanable ? (i(), w(U, { key: 2 }, [
         s.layout === "inline" ? (i(), w("div", Bt, [
           G(S(e(g).length) + " / " + S(e(r).length) + " " + S(e(t)("filter.selected")) + " ", 1),
           W(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: b[2] || (b[2] = //@ts-ignore
-            (...h) => e(f) && e(f)(...h))
+            (...h) => e(d) && e(d)(...h))
           }, S(e(t)("filter.clear")), 513), [
             [Z, e(g).length !== 0]
           ])
-        ])) : V("", !0),
+        ])) : _("", !0),
         s.layout === "popover" ? (i(), w("div", jt, [
           u("span", null, S(e(g).length) + " / " + S(e(r).length) + " " + S(e(t)("filter.selected")), 1),
           W(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: b[3] || (b[3] = //@ts-ignore
-            (...h) => e(f) && e(f)(...h))
+            (...h) => e(d) && e(d)(...h))
           }, S(e(t)("filter.clear")), 513), [
             [Z, e(g).length !== 0]
           ])
-        ])) : V("", !0)
-      ], 64)) : V("", !0)
+        ])) : _("", !0)
+      ], 64)) : _("", !0)
     ], 2));
   }
 }), Dt = {}, Rt = {
@@ -620,7 +620,7 @@ const Vt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Ft(p, o) {
+function Ft(m, o) {
   return i(), w("svg", Rt, o[0] || (o[0] = [
     u("path", {
       stroke: "none",
@@ -643,7 +643,7 @@ const Le = /* @__PURE__ */ te(Dt, [["render", Ft]]), Kt = {}, Mt = {
   width: "15px",
   height: "15px"
 };
-function Lt(p, o) {
+function Lt(m, o) {
   return i(), w("svg", Mt, o[0] || (o[0] = [
     u("path", {
       stroke: "none",
@@ -689,16 +689,16 @@ const Ot = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { emit: o }) {
-    const y = p, t = A((y.placeholder || y.label || y.title || y.name || "search").toString()), a = o, l = A(y.modelValue?.toString() ?? "");
-    I(
+  setup(m, { emit: o }) {
+    const y = m, t = A((y.placeholder || y.label || y.title || y.name || "search").toString()), a = o, l = A(y.modelValue?.toString() ?? "");
+    E(
       () => y.modelValue,
       (x) => {
         x !== l.value && (l.value = x?.toString() ?? "");
       }
     );
     let g = null;
-    function m() {
+    function p() {
       if (l.value = l.value.trimStart(), l.value.length === 0) {
         n();
         return;
@@ -710,7 +710,7 @@ const Ot = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
     function n() {
       l.value = "", a("update:modelValue", ""), a("clear", y.name);
     }
-    return (x, f) => (i(), w("div", {
+    return (x, d) => (i(), w("div", {
       class: L([
         "vs-form-text relative bg-white rounded-sm [&>input]:py-[7px] [&>input]:max-h-[38px]  [&>input]:ps-10 [&>input]:pe-8 [&>input]:block [&>input]:w-full [&>input]:bg-gray-100 [&>input]:border-transparent [&>input]:rounded-sm [&>input]:text-sm [&>input]:focus:bg-white [&>input]:focus:border-blue-500 [&>input]:focus:ring-blue-500 [&>input]:disabled:opacity-50 [&>input]:disabled:pointer-events-none [&>input]:dark:bg-neutral-700 [&>input]:dark:border-transparent [&>input]:dark:text-neutral-400 [&>input]:dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600",
         x.layout === "inline" ? e(Oe).getWidthClass(x.width) : "mb-2" + (x.layout === "popover" ? " m-2" : "")
@@ -725,11 +725,11 @@ const Ot = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
         class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"
       }, [
         Q(Ce)
-      ])) : V("", !0),
+      ])) : _("", !0),
       W(u("input", {
         type: "text",
-        "onUpdate:modelValue": f[0] || (f[0] = (v) => l.value = v),
-        onInput: m,
+        "onUpdate:modelValue": d[0] || (d[0] = (v) => l.value = v),
+        onInput: p,
         placeholder: t.value,
         class: "!pr-7 !pl-8 bg-white h-[38px] min-w-[100px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-sm text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
       }, null, 40, Et), [
@@ -738,11 +738,11 @@ const Ot = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
     ], 2));
   }
 });
-function Ee(p = { color: "blue" }) {
+function Ee(m = { color: "blue" }) {
   return O(() => {
-    const y = `w-full px-3 py-2 border-solid border text-black border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${p.color}-500 focus:border-transparent
+    const y = `w-full px-3 py-2 border-solid border text-black border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${m.color}-500 focus:border-transparent
       text-gray-800 bg-white dark:text-neutral-300 dark:bg-neutral-800 dark:border-neutral-600`;
-    return p?.size === "sm" ? `${y}h-[32px]` : `${y}h-[38px]`;
+    return m?.size === "sm" ? `${y}h-[32px]` : `${y}h-[38px]`;
   });
 }
 function It() {
@@ -751,8 +751,8 @@ function It() {
 function Ut() {
   return "font-medium border border-gray-200 border-solid disabled:pointer-events-none disabled:opacity-50 h-7 rounded-md text-xs px-2 py-1 text-gray-800 bg-white hover:bg-gray-100 dark:text-neutral-300 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-600";
 }
-function Te(p) {
-  return p === "ghost" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border            text-gray-600 hover:bg-blue-100 hover:text-gray-800 focus:outline-hidden focus:bg-gray-100 focus:text-gray-800 disabled:opacity-50 disabled:pointer-events-none           dark:text-gray-500 dark:hover:bg-blue-800/30 dark:hover:text-blue-400 dark:focus:bg-blue-800/30 dark:focus:text-blue-400" : p === "soft" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border            bg-white-100 text-gray-800 hover:bg-gray-200  hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 disabled:opacity-50            disabled:pointer-events-none dark:text-blue-400 dark:hover:bg-blue-900 dark:focus:bg-blue-900" : "relative border-solid border-gray-200 focus-visible:outline-hidden focus-visible:ring-ring           inline-flex items-center justify-center whitespace-nowrap          rounded-md text-sm font-medium focus-visible:ring-offset-2          disabled:pointer-events-none disabled:opacity-50 border-input           hover:bg-gray-100 border px-4 py-2 gap-1 bg-transparent h-[38px]";
+function Te(m) {
+  return m === "ghost" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border            text-gray-600 hover:bg-blue-100 hover:text-gray-800 focus:outline-hidden focus:bg-gray-100 focus:text-gray-800 disabled:opacity-50 disabled:pointer-events-none           dark:text-gray-500 dark:hover:bg-blue-800/30 dark:hover:text-blue-400 dark:focus:bg-blue-800/30 dark:focus:text-blue-400" : m === "soft" ? "inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border            bg-white-100 text-gray-800 hover:bg-gray-200  hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 disabled:opacity-50            disabled:pointer-events-none dark:text-blue-400 dark:hover:bg-blue-900 dark:focus:bg-blue-900" : "relative border-solid border-gray-200 focus-visible:outline-hidden focus-visible:ring-ring           inline-flex items-center justify-center whitespace-nowrap          rounded-md text-sm font-medium focus-visible:ring-offset-2          disabled:pointer-events-none disabled:opacity-50 border-input           hover:bg-gray-100 border px-4 py-2 gap-1 bg-transparent h-[38px]";
 }
 const zt = {
   key: 0,
@@ -793,76 +793,76 @@ const Qt = /* @__PURE__ */ q({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { expose: o, emit: y }) {
-    const t = Ee(), a = It(), l = oe(), g = p, m = A(
+  setup(m, { expose: o, emit: y }) {
+    const t = Ee(), a = It(), l = oe(), g = m, p = A(
       g.modelValue ?? g.default ?? []
     ), n = y, x = O({
-      get: () => g.modelValue ?? m.value,
-      set: (d) => {
-        g.modelValue !== void 0 ? n("update:modelValue", d) : m.value = d;
+      get: () => g.modelValue ?? p.value,
+      set: (c) => {
+        g.modelValue !== void 0 ? n("update:modelValue", c) : p.value = c;
       }
     });
-    function f() {
-      n("change", { name: g.name, value: x.value || m.value });
+    function d() {
+      n("change", { name: g.name, value: x.value || p.value });
     }
     function v() {
-      m.value = [], x.value = m.value, n("clear", g.name);
+      p.value = [], x.value = p.value, n("clear", g.name);
     }
-    return I(() => g.modelValue, (d) => {
-      d !== void 0 && g.layout !== "popover" ? (m.value = d, n("update:modelValue", d)) : m.value = [];
+    return E(() => g.modelValue, (c) => {
+      c !== void 0 && g.layout !== "popover" ? (p.value = c, n("update:modelValue", c)) : p.value = [];
     }), o({
       clear: v,
       currentValue: x
-    }), (d, k) => (i(), w(U, null, [
+    }), (c, k) => (i(), w(U, null, [
       u("div", null, [
         u("div", {
-          class: L(d.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
+          class: L(c.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
         }, [
           u("div", null, [
-            d.layout !== "vertical" ? (i(), w("label", zt, S(e(l)("filter.from")), 1)) : V("", !0),
+            c.layout !== "vertical" ? (i(), w("label", zt, S(e(l)("filter.from")), 1)) : _("", !0),
             W(u("input", {
               type: "number",
               class: L(e(t)),
-              placeholder: d.placeholder?.[0] ?? "min",
+              placeholder: c.placeholder?.[0] ?? "min",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": k[0] || (k[0] = (_) => x.value[0] = _),
-              disabled: d.disabled
+              "onUpdate:modelValue": k[0] || (k[0] = (V) => x.value[0] = V),
+              disabled: c.disabled
             }, null, 10, Nt), [
               [ee, x.value[0]]
             ])
           ]),
-          d.layout === "vertical" ? (i(), w("label", Pt, " - ")) : V("", !0),
+          c.layout === "vertical" ? (i(), w("label", Pt, " - ")) : _("", !0),
           u("div", null, [
-            d.layout !== "vertical" ? (i(), w("label", Yt, S(e(l)("filter.to")), 1)) : V("", !0),
+            c.layout !== "vertical" ? (i(), w("label", Yt, S(e(l)("filter.to")), 1)) : _("", !0),
             W(u("input", {
               type: "number",
               class: L(e(t)),
-              placeholder: d.placeholder?.[1] ?? "max",
+              placeholder: c.placeholder?.[1] ?? "max",
               min: "0",
               max: "1000000000000000",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": k[1] || (k[1] = (_) => x.value[1] = _),
-              disabled: d.disabled
+              "onUpdate:modelValue": k[1] || (k[1] = (V) => x.value[1] = V),
+              disabled: c.disabled
             }, null, 10, Wt), [
               [ee, x.value[1]]
             ])
           ]),
-          ["popover", "inline", "vertical"].includes(d.layout) ? (i(), w("button", {
+          ["popover", "inline", "vertical"].includes(c.layout) ? (i(), w("button", {
             key: 1,
-            onClick: f,
-            class: L(e(a) + (d.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
-          }, S(d.layout === "vertical" ? "Ok" : e(l)("filter.apply")), 3)) : V("", !0),
-          ["popover", "inline"].includes(d.layout) ? (i(), w("button", {
+            onClick: d,
+            class: L(e(a) + (c.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
+          }, S(c.layout === "vertical" ? "Ok" : e(l)("filter.apply")), 3)) : _("", !0),
+          ["popover", "inline"].includes(c.layout) ? (i(), w("button", {
             key: 2,
             disabled: !(x.value[0] || x.value[1]),
             onClick: v,
             class: L(e(a) + " hover:bg-gray-100")
-          }, S(e(l)("filter.clear")), 11, qt)) : V("", !0)
+          }, S(e(l)("filter.clear")), 11, qt)) : _("", !0)
         ], 2)
       ]),
-      (d.cleanable && m.value.length, V("", !0))
+      (c.cleanable && p.value.length, _("", !0))
     ], 64));
   }
 });
@@ -877,13 +877,13 @@ class H {
   }
   static getLastWeekRange(o, y, t = 0) {
     if (o && y) {
-      const x = new Date(o), f = new Date(y);
-      return x.setDate(x.getDate() + t * 7), f.setDate(f.getDate() + t * 7), [this.format(x), this.format(f)];
+      const x = new Date(o), d = new Date(y);
+      return x.setDate(x.getDate() + t * 7), d.setDate(d.getDate() + t * 7), [this.format(x), this.format(d)];
     }
-    const a = /* @__PURE__ */ new Date(), l = a.getDay(), g = l === 0 ? 13 : l - 1 + 7, m = new Date(a);
-    m.setDate(a.getDate() - g + t * 7);
-    const n = new Date(m);
-    return n.setDate(m.getDate() + 6), [this.format(m), this.format(n)];
+    const a = /* @__PURE__ */ new Date(), l = a.getDay(), g = l === 0 ? 13 : l - 1 + 7, p = new Date(a);
+    p.setDate(a.getDate() - g + t * 7);
+    const n = new Date(p);
+    return n.setDate(p.getDate() + 6), [this.format(p), this.format(n)];
   }
   static getMonthRange(o, y, t = 0) {
     let a;
@@ -895,8 +895,8 @@ class H {
     const a = o || y, l = a ? new Date(a) : /* @__PURE__ */ new Date();
     let g = Math.floor(l.getMonth() / 3);
     g += t;
-    const m = (g % 4 + 4) % 4 * 3, n = l.getFullYear() + Math.floor(g / 4), x = new Date(n, m, 1), f = new Date(n, m + 3, 0);
-    return [this.format(x), this.format(f)];
+    const p = (g % 4 + 4) % 4 * 3, n = l.getFullYear() + Math.floor(g / 4), x = new Date(n, p, 1), d = new Date(n, p + 3, 0);
+    return [this.format(x), this.format(d)];
   }
   static getYear(o, y = 0) {
     let t;
@@ -914,15 +914,15 @@ class H {
     return t.setDate(y.getDate() - o), [this.format(t), this.format(y)];
   }
 }
-function Ie(p, o) {
+function Ie(m, o) {
   const {
     popoverRef: y
-  } = p, t = oe(), a = A(""), l = A(
-    p.modelValue ?? p.default ?? []
+  } = m, t = oe(), a = A(""), l = A(
+    m.modelValue ?? m.default ?? []
   ), g = A(0);
-  function m() {
+  function p() {
     const r = H.getRangeFromDaysBefore(g.value);
-    return l.value = [...r], o("change", { name: p.name, value: l.value }), o("update:modelValue", l.value), r;
+    return l.value = [...r], o("change", { name: m.name, value: l.value }), o("update:modelValue", l.value), r;
   }
   function n(r) {
     a.value = r, y.value?.close();
@@ -944,13 +944,13 @@ function Ie(p, o) {
         s.push(...H.getYearRange());
         break;
       case "last_7_days":
-        g.value = 7, m();
+        g.value = 7, p();
         break;
       case "range":
-        g.value = 7, s.push(...m());
+        g.value = 7, s.push(...p());
         break;
     }
-    l.value = [...s], o("change", { name: p.name, value: l.value }), o("update:modelValue", l.value);
+    l.value = [...s], o("change", { name: m.name, value: l.value }), o("update:modelValue", l.value);
   }
   function x() {
     const r = [];
@@ -971,9 +971,9 @@ function Ie(p, o) {
         r.push(...H.getYearRange(l.value[0], 1));
         break;
     }
-    l.value = [...r], o("change", { name: p.name, value: l.value }), o("update:modelValue", l.value);
+    l.value = [...r], o("change", { name: m.name, value: l.value }), o("update:modelValue", l.value);
   }
-  function f() {
+  function d() {
     const r = [];
     switch (a.value) {
       case "today":
@@ -992,7 +992,7 @@ function Ie(p, o) {
         r.push(...H.getYearRange(l.value[0], -1));
         break;
     }
-    l.value = [...r], o("change", { name: p.name, value: l.value }), o("update:modelValue", l.value);
+    l.value = [...r], o("change", { name: m.name, value: l.value }), o("update:modelValue", l.value);
   }
   const v = [
     "Січень",
@@ -1008,7 +1008,7 @@ function Ie(p, o) {
     "Листопад",
     "Грудень"
   ];
-  function d(r) {
+  function c(r) {
     const [s, b, h] = r.split("-");
     return `${h}.${b}.${s}`;
   }
@@ -1016,15 +1016,15 @@ function Ie(p, o) {
     const b = new Date(Date.UTC(2e3, r - 1, 1));
     return new Intl.DateTimeFormat(localStorage.locale, { month: s, timeZone: "UTC" }).format(b);
   }
-  function _(r) {
+  function V(r) {
     const { value: s } = l;
     switch (r) {
       case "today":
-        return d(s[0]);
+        return c(s[0]);
       case "range":
         return "Період";
       case "week":
-        return s[0] && s[1] ? `${d(s[0])} – ${d(s[1])}` : "";
+        return s[0] && s[1] ? `${c(s[0])} – ${c(s[1])}` : "";
       case "quarter":
         if (s[0]) {
           const b = new Date(s[0]), h = b.getFullYear(), K = b.getMonth();
@@ -1042,26 +1042,26 @@ function Ie(p, o) {
       case "last_7_days":
         return "За останні дні";
       default:
-        return p.label ?? "";
+        return m.label ?? "";
     }
   }
-  const C = O(() => a.value ? _(a.value) : p.label ?? "");
-  function c() {
-    a.value = "", l.value = [], o("update:modelValue", []), o("clear", p.name);
+  const C = O(() => a.value ? V(a.value) : m.label ?? "");
+  function f() {
+    a.value = "", l.value = [], o("update:modelValue", []), o("clear", m.name);
   }
   return {
     activeMode: a,
     innerValue: l,
     daysBefore: g,
-    onDaysBeforeChange: m,
+    onDaysBeforeChange: p,
     onSelectChange: n,
     nextClick: x,
-    prevClick: f,
+    prevClick: d,
     ukMonths: v,
-    formatDisplayDate: d,
-    getModeLabel: _,
+    formatDisplayDate: c,
+    getModeLabel: V,
     currentLabel: C,
-    clear: c
+    clear: f
   };
 }
 const Ht = {
@@ -1109,80 +1109,92 @@ const rl = /* @__PURE__ */ q({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { expose: o, emit: y }) {
-    const t = p, a = Ee(), l = Ut(), g = oe(), m = y, n = A(null), {
+  setup(m, { expose: o, emit: y }) {
+    const t = m, a = Ee(), l = Ut(), g = oe(), p = y, n = A(null), {
       activeMode: x,
-      innerValue: f,
+      innerValue: d,
       onSelectChange: v,
-      nextClick: d,
+      nextClick: c,
       prevClick: k,
-      clear: _
-    } = Ie({
-      ...t,
-      popoverRef: n
-    }, m);
-    return I(() => t.modelValue, (C) => {
-      C !== void 0 ? (f.value = C, m("update:modelValue", C)) : (x.value = "", f.value = []);
-    }), o({
-      clear: _,
+      clear: V
+    } = Ie(
+      {
+        ...t,
+        popoverRef: n
+      },
+      p
+    );
+    return E(
+      () => t.modelValue,
+      (C) => {
+        C !== void 0 ? (d.value = C, p("update:modelValue", C)) : (x.value = "", d.value = []);
+      }
+    ), E(
+      d,
+      (C) => {
+        p("update:modelValue", C), p("change", { name: t.name, value: C });
+      },
+      { deep: !0 }
+    ), o({
+      clear: V,
       popoverRef: n
-    }), (C, c) => (i(), w(U, null, [
+    }), (C, f) => (i(), w(U, null, [
       C.layout === "inline" ? (i(), w("div", Ht, [
         e(x) !== "" && e(x) === "range" ? (i(), w("div", Gt, [
           W(u("input", {
             type: "date",
-            max: e(f)[1],
+            max: e(d)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": c[0] || (c[0] = (r) => e(f)[0] = r),
+            "onUpdate:modelValue": f[0] || (f[0] = (r) => e(d)[0] = r),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",
             disabled: C.disabled
           }, null, 8, Xt), [
-            [ee, e(f)[0]]
+            [ee, e(d)[0]]
           ]),
           W(u("input", {
             type: "date",
-            min: e(f)[0],
+            min: e(d)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": c[1] || (c[1] = (r) => e(f)[1] = r),
+            "onUpdate:modelValue": f[1] || (f[1] = (r) => e(d)[1] = r),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",
             disabled: C.disabled
           }, null, 8, Jt), [
-            [ee, e(f)[1]]
+            [ee, e(d)[1]]
           ])
-        ])) : V("", !0)
-      ])) : V("", !0),
+        ])) : _("", !0)
+      ])) : _("", !0),
       u("div", {
         class: L(C.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
       }, [
         u("div", {
           class: L(C.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          C.layout === "popover" ? (i(), w("label", Zt, S(e(g)("filter.from")), 1)) : V("", !0),
+          C.layout === "popover" ? (i(), w("label", Zt, S(e(g)("filter.from")), 1)) : _("", !0),
           W(u("input", {
             type: "date",
-            max: e(f)[1],
+            max: e(d)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": c[2] || (c[2] = (r) => e(f)[0] = r),
+            "onUpdate:modelValue": f[2] || (f[2] = (r) => e(d)[0] = r),
             class: L(e(a)),
             disabled: C.disabled
           }, null, 10, el), [
-            [ee, e(f)[0]]
+            [ee, e(d)[0]]
           ])
         ], 2),
-        C.layout !== "popover" ? (i(), w("label", tl, " - ")) : V("", !0),
+        C.layout !== "popover" ? (i(), w("label", tl, " - ")) : _("", !0),
         u("div", {
           class: L(C.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          C.layout === "popover" ? (i(), w("label", ll, S(e(g)("filter.to")), 1)) : V("", !0),
+          C.layout === "popover" ? (i(), w("label", ll, S(e(g)("filter.to")), 1)) : _("", !0),
           W(u("input", {
             type: "date",
-            min: e(f)[0],
+            min: e(d)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": c[3] || (c[3] = (r) => e(f)[1] = r),
+            "onUpdate:modelValue": f[3] || (f[3] = (r) => e(d)[1] = r),
             class: L(e(a)),
             disabled: C.disabled
           }, null, 10, ol), [
-            [ee, e(f)[1]]
+            [ee, e(d)[1]]
           ])
         ], 2)
       ], 2),
@@ -1194,55 +1206,55 @@ const rl = /* @__PURE__ */ q({
         }, S(e(g)("filter." + r)), 11, nl)), 64)),
         u("button", {
           class: L(e(l)),
-          onClick: c[4] || (c[4] = //@ts-ignore
+          onClick: f[4] || (f[4] = //@ts-ignore
           (...r) => e(k) && e(k)(...r))
-        }, " <", 2),
+        }, "<", 2),
         u("button", {
           class: L(e(l)),
-          onClick: c[5] || (c[5] = //@ts-ignore
-          (...r) => e(d) && e(d)(...r))
-        }, " >", 2)
+          onClick: f[5] || (f[5] = //@ts-ignore
+          (...r) => e(c) && e(c)(...r))
+        }, ">", 2)
       ]),
-      (C.cleanable, V("", !0))
+      (C.cleanable, _("", !0))
     ], 64));
   }
 });
-function sl(p, o) {
+function sl(m, o) {
   const {
     api: y,
     options: t = [],
     limit: a = 20,
     dataKey: l = "data"
-  } = p, g = p.multi;
-  function m(j) {
+  } = m, g = m.multi;
+  function p(j) {
     return g ? Array.isArray(j) ? j : j ? [j] : [] : Array.isArray(j) ? j[0] : j;
   }
-  const n = A(m(p.modelValue)), x = A(""), f = A(!1), v = A(t), d = A("id"), k = A("text"), _ = A(!1), C = A(p.layout !== "popover" && t.length > a), c = A([]), r = A(0);
+  const n = A(p(m.modelValue)), x = A(""), d = A(!1), v = A(t), c = A("id"), k = A("text"), V = A(!1), C = A(m.layout !== "popover" && t.length > a), f = A([]), r = A(0);
   function s(j) {
-    const E = j.find(Boolean) ?? {}, P = ["id", "value", "code", "key"].find((ie) => ie in E) ?? "id", Y = ["text", "label", "name", "title"].find((ie) => ie in E) ?? "text";
+    const T = j.find(Boolean) ?? {}, P = ["id", "value", "code", "key"].find((ie) => ie in T) ?? "id", Y = ["text", "label", "name", "title"].find((ie) => ie in T) ?? "text";
     return { autoValueKey: P, autoLabelKey: Y };
   }
   if (t.length > 0) {
     const j = s(t);
-    d.value = j.autoValueKey, k.value = j.autoLabelKey;
+    c.value = j.autoValueKey, k.value = j.autoLabelKey;
   }
   const b = O(() => {
     if (y) return v.value;
     const j = v.value;
-    if (p.layout === "popover") return j;
+    if (m.layout === "popover") return j;
     if (!x.value)
-      return _.value ? j : j.slice(0, a);
-    const E = x.value.toLowerCase();
-    return j.filter((P) => P[k.value].toLowerCase().includes(E));
+      return V.value ? j : j.slice(0, a);
+    const T = x.value.toLowerCase();
+    return j.filter((P) => P[k.value].toLowerCase().includes(T));
   });
   let h = null;
   async function K(j) {
     if (y) {
-      f.value = !0;
+      d.value = !0;
       try {
-        const E = new URL(y, window.location.origin);
-        E.searchParams.set("json", "1"), E.searchParams.set("key", j), E.searchParams.set("limit", a.toString());
-        const P = await fetch(E.toString());
+        const T = new URL(y, window.location.origin);
+        T.searchParams.set("json", "1"), T.searchParams.set("key", j), T.searchParams.set("limit", a.toString());
+        const P = await fetch(T.toString());
         if (!P.ok) {
           Ae({ type: "error", title: "Error", message: "Failed to fetch remote options" }), v.value = [];
           return;
@@ -1254,56 +1266,56 @@ function sl(p, o) {
         }
         if (v.value = Y[l], v.value.length > 0) {
           const ie = s(v.value);
-          d.value = ie.autoValueKey, k.value = ie.autoLabelKey;
+          c.value = ie.autoValueKey, k.value = ie.autoLabelKey;
         }
         r.value = Y.total;
-      } catch (E) {
-        console.error("Failed to fetch remote options:", E);
+      } catch (T) {
+        console.error("Failed to fetch remote options:", T);
       } finally {
-        f.value = !1;
+        d.value = !1;
       }
     }
   }
-  I(x, (j) => {
+  E(x, (j) => {
     y && (h && clearTimeout(h), h = setTimeout(() => {
       K(j);
     }, 200));
-  }), I(() => p.modelValue, (j) => {
-    n.value = m(j);
+  }), E(() => m.modelValue, (j) => {
+    n.value = p(j);
   }, { immediate: !0 });
   function M(j) {
-    return g && Array.isArray(n.value) ? n.value.includes(j[d.value]) : n.value && n.value === j[d.value];
+    return g && Array.isArray(n.value) ? n.value.includes(j[c.value]) : n.value && n.value === j[c.value];
   }
   function $(j) {
     if (g && !Array.isArray(n.value) && (n.value = []), g && Array.isArray(n.value)) {
-      const E = n.value.includes(j[d.value]);
-      n.value = E ? n.value.filter((P) => P !== j[d.value]) : [...n.value, j[d.value]], c.value = E ? c.value.filter((P) => P !== j[k.value]) : [...c.value, j[k.value]];
+      const T = n.value.includes(j[c.value]);
+      n.value = T ? n.value.filter((P) => P !== j[c.value]) : [...n.value, j[c.value]], f.value = T ? f.value.filter((P) => P !== j[k.value]) : [...f.value, j[k.value]];
     } else
-      n.value = j[d.value], c.value = j[k.value];
-    o("update:modelValue", n.value), o("change", { name: p.name, value: n.value });
+      n.value = j[c.value], f.value = j[k.value];
+    o("update:modelValue", n.value), o("change", { name: m.name, value: n.value });
   }
   function B() {
-    g ? (n.value = [], c.value = []) : (n.value = void 0, c.value = []), o("update:modelValue", n.value), o("clear", p.name);
+    g ? (n.value = [], f.value = []) : (n.value = void 0, f.value = []), o("update:modelValue", n.value), o("clear", m.name);
   }
   function F() {
-    h && clearTimeout(h), x.value = "", _.value = !1;
+    h && clearTimeout(h), x.value = "", V.value = !1;
   }
   function D() {
-    _.value = !_.value;
+    V.value = !V.value;
   }
   me(() => {
     h && clearTimeout(h);
   });
   const R = A(-1);
-  I(b, () => {
+  E(b, () => {
     R.value = b.value.length > 0 ? 0 : -1;
   });
   function N(j) {
-    const E = b.value.length;
+    const T = b.value.length;
     if (j.key === "ArrowDown")
-      j.preventDefault(), R.value = (R.value + 1) % E;
+      j.preventDefault(), R.value = (R.value + 1) % T;
     else if (j.key === "ArrowUp")
-      j.preventDefault(), R.value = (R.value - 1 + E) % E;
+      j.preventDefault(), R.value = (R.value - 1 + T) % T;
     else if (j.key === "Enter" && (j.preventDefault(), R.value >= 0 && R.value < b.value.length)) {
       const P = b.value[R.value];
       $(P);
@@ -1321,15 +1333,15 @@ function sl(p, o) {
     clear: B,
     resetSearch: F,
     toggleShowAll: D,
-    isReqProc: f,
-    showAll: _,
+    isReqProc: d,
+    showAll: V,
     isEnableShowAll: C,
     labelKey: k,
-    valueKey: d,
+    valueKey: c,
     allOptions: v,
     highlightedIndex: R,
     onKeyDown: N,
-    selectedLabels: c,
+    selectedLabels: f,
     totalCount: r,
     loadData: z
   };
@@ -1372,18 +1384,18 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { expose: o, emit: y }) {
-    const t = oe(), a = p, l = y, g = A(null), {
-      innerValue: m,
+  setup(m, { expose: o, emit: y }) {
+    const t = oe(), a = m, l = y, g = A(null), {
+      innerValue: p,
       filteredOptions: n,
       isSelected: x,
-      selectItem: f,
+      selectItem: d,
       clear: v,
-      resetSearch: d,
+      resetSearch: c,
       toggleShowAll: k,
-      isReqProc: _,
+      isReqProc: V,
       showAll: C,
-      isEnableShowAll: c,
+      isEnableShowAll: f,
       searchTerm: r,
       labelKey: s,
       valueKey: b,
@@ -1397,20 +1409,20 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       modelValue: a.modelValue
     }, l);
     ce(() => {
-      d(), a.layout !== "inline" && (B(), g.value && a.layout === "popover" && g.value.focus());
-    }), I(
+      c(), a.layout !== "inline" && (B(), g.value && a.layout === "popover" && g.value.focus());
+    }), E(
       () => a.modelValue,
       (D) => {
-        D === void 0 && (a.multi ? m.value = [] : m.value = void 0);
+        D === void 0 && (a.multi ? p.value = [] : p.value = void 0);
       }
     );
     const F = A([]);
-    return I(h, (D) => {
+    return E(h, (D) => {
       D >= 0 && F.value[D] && F.value[D]?.scrollIntoView({
         block: "nearest",
         behavior: "smooth"
       });
-    }), I(n, () => {
+    }), E(n, () => {
       F.value = [];
     }), o({
       clear: v,
@@ -1434,11 +1446,11 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
           [ee, e(r)]
         ]),
         Q(Le, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
-        e(r) != "" ? (i(), T(Ce, {
+        e(r) != "" ? (i(), I(Ce, {
           key: 0,
           onClick: R[2] || (R[2] = (N) => r.value = ""),
           class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
-        })) : V("", !0)
+        })) : _("", !0)
       ]),
       u("div", {
         class: L([
@@ -1446,7 +1458,7 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
           D.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (i(!0), w(U, null, X(e(n), (N, z) => (i(), T(he, {
+        (i(!0), w(U, null, X(e(n), (N, z) => (i(), I(he, {
           layout: D.layout,
           count: N.count,
           label: N[e(s)],
@@ -1455,12 +1467,12 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
           value: N[e(b)],
           "is-selected": e(x)(N),
           highlighted: z === e(h),
-          onItemClick: (j) => e(f)(N),
+          onItemClick: (j) => e(d)(N),
           ref_for: !0,
           ref: (j) => F.value[z] = j?.el
         }, null, 8, ["layout", "count", "label", "color", "type", "value", "is-selected", "highlighted", "onItemClick"]))), 256))
       ], 2),
-      D.type === "select" && e(n).length === 0 && !e(_) ? (i(), w("div", dl, [
+      D.type === "select" && e(n).length === 0 && !e(V) ? (i(), w("div", dl, [
         u("div", cl, [
           Q(we),
           u("div", fl, [
@@ -1468,9 +1480,9 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
             R[7] || (R[7] = u("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
           ])
         ])
-      ])) : V("", !0),
+      ])) : _("", !0),
       D.layout !== "popover" && D.type !== "select" ? (i(), w(U, { key: 1 }, [
-        !e(C) && e(c) ? (i(), w("div", {
+        !e(C) && e(f) ? (i(), w("div", {
           key: 0,
           onClick: R[3] || (R[3] = //@ts-ignore
           (...N) => e(k) && e(k)(...N)),
@@ -1478,7 +1490,7 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
         }, [
           G(S(e(t)("filter.more")) + " ", 1),
           Q(ve)
-        ])) : V("", !0),
+        ])) : _("", !0),
         e(C) ? (i(), w("div", {
           key: 1,
           onClick: R[4] || (R[4] = //@ts-ignore
@@ -1487,30 +1499,30 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
         }, [
           G(S(e(t)("filter.less")) + " ", 1),
           Q(ke)
-        ])) : V("", !0)
-      ], 64)) : V("", !0),
+        ])) : _("", !0)
+      ], 64)) : _("", !0),
       D.cleanable ? (i(), w(U, { key: 2 }, [
         D.layout === "inline" ? (i(), w("div", ml, [
-          G(S(D.multi && Array.isArray(e(m)) ? e(m)?.length : e(m) !== void 0 && (e(m) || e(m) === null) ? 1 : 0) + " / " + S(e($)) + " " + S(e(t)("filter.selected")) + " ", 1),
+          G(S(D.multi && Array.isArray(e(p)) ? e(p)?.length : e(p) !== void 0 && (e(p) || e(p) === null) ? 1 : 0) + " / " + S(e($)) + " " + S(e(t)("filter.selected")) + " ", 1),
           W(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: R[5] || (R[5] = //@ts-ignore
             (...N) => e(v) && e(v)(...N))
           }, S(e(t)("filter.clear")), 513), [
-            [Z, e(m) !== "" && e(m) !== void 0 || e(m)]
+            [Z, e(p) !== "" && e(p) !== void 0 || e(p)]
           ])
-        ])) : V("", !0),
+        ])) : _("", !0),
         D.layout === "popover" ? (i(), w("div", vl, [
-          u("span", null, S(D.multi && Array.isArray(e(m)) ? e(m)?.length : e(m) !== void 0 && (e(m) || e(m) === null) ? 1 : 0) + " / " + S(e($)) + " " + S(e(t)("filter.selected")), 1),
+          u("span", null, S(D.multi && Array.isArray(e(p)) ? e(p)?.length : e(p) !== void 0 && (e(p) || e(p) === null) ? 1 : 0) + " / " + S(e($)) + " " + S(e(t)("filter.selected")), 1),
           W(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: R[6] || (R[6] = //@ts-ignore
             (...N) => e(v) && e(v)(...N))
           }, S(e(t)("filter.clear")), 513), [
-            [Z, e(m) !== "" && e(m) !== void 0 || e(m)]
+            [Z, e(p) !== "" && e(p) !== void 0 || e(p)]
           ])
-        ])) : V("", !0)
-      ], 64)) : V("", !0)
+        ])) : _("", !0)
+      ], 64)) : _("", !0)
     ], 2));
   }
 }), gl = ["for", "onClick"], bl = ["id", "name", "value"], hl = { class: "block" }, xl = {
@@ -1548,14 +1560,14 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { expose: o, emit: y }) {
-    const t = p, a = y, {
+  setup(m, { expose: o, emit: y }) {
+    const t = m, a = y, {
       innerValue: l,
       isSelected: g,
-      selectItem: m,
+      selectItem: p,
       clear: n,
       labelKey: x,
-      valueKey: f,
+      valueKey: d,
       allOptions: v
     } = t.multi ? Me({
       ...t,
@@ -1566,59 +1578,59 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     }, a);
     return o({
       clear: n
-    }), I(
+    }), E(
       () => t.modelValue,
-      (d) => {
-        d === void 0 && (t.multi ? l.value = [] : l.value = void 0);
+      (c) => {
+        c === void 0 && (t.multi ? l.value = [] : l.value = void 0);
       }
-    ), (d, k) => (i(), w(U, null, [
+    ), (c, k) => (i(), w(U, null, [
       u("div", {
-        class: L(["grid grid-cols-3 gap-2 mx-[1px]", d.layout === "popover" ? "m-1" : "mb-1"])
+        class: L(["grid grid-cols-3 gap-2 mx-[1px]", c.layout === "popover" ? "m-1" : "mb-1"])
       }, [
-        (i(!0), w(U, null, X(e(v), (_) => (i(), w("label", {
-          key: `item-${_[e(f)]}`,
-          for: `item-${_[e(f)]}`,
-          onClick: se((C) => e(m)(_), ["stop", "prevent"]),
-          class: L([e(g)(_) ? "ring-2 ring-indigo-600" : "", "p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-sm dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 peer-checked:text-indigo-600 dark:has-checked:text-indigo-500 peer-checked:border-indigo-600 dark:has-checked:border-indigo-500 peer-checked:ring peer-checked:shadow focus:ring dark:has-checked:ring-indigo-500 has-disabled:pointer-events-none has-disabled:text-gray-200 dark:has-disabled:text-neutral-700 has-disabled:after:absolute has-disabled:after:inset-0 has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-gray-200)_calc(50%-1px),var(--color-gray-200)_50%,transparent_50%)] dark:has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-neutral-700)_calc(50%-1px),var(--color-neutral-700)_50%,transparent_50%)]"])
+        (i(!0), w(U, null, X(e(v), (V) => (i(), w("label", {
+          key: `item-${V[e(d)]}`,
+          for: `item-${V[e(d)]}`,
+          onClick: se((C) => e(p)(V), ["stop", "prevent"]),
+          class: L([e(g)(V) ? "ring-2 ring-indigo-600" : "", "p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-sm dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 peer-checked:text-indigo-600 dark:has-checked:text-indigo-500 peer-checked:border-indigo-600 dark:has-checked:border-indigo-500 peer-checked:ring peer-checked:shadow focus:ring dark:has-checked:ring-indigo-500 has-disabled:pointer-events-none has-disabled:text-gray-200 dark:has-disabled:text-neutral-700 has-disabled:after:absolute has-disabled:after:inset-0 has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-gray-200)_calc(50%-1px),var(--color-gray-200)_50%,transparent_50%)] dark:has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-neutral-700)_calc(50%-1px),var(--color-neutral-700)_50%,transparent_50%)]"])
         }, [
           u("input", {
             type: "checkbox",
-            id: `item-${_[e(f)]}`,
+            id: `item-${V[e(d)]}`,
             class: "hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",
-            name: `item-${_[e(f)]}`,
-            value: _[e(f)]
+            name: `item-${V[e(d)]}`,
+            value: V[e(d)]
           }, null, 8, bl),
-          u("span", hl, S(_[e(x)]), 1)
+          u("span", hl, S(V[e(x)]), 1)
         ], 10, gl))), 128))
       ], 2),
-      d.cleanable ? (i(), w(U, { key: 0 }, [
-        d.layout === "inline" ? (i(), w("div", xl, [
-          G(S(d.multi && Array.isArray(e(l)) ? e(l)?.length : e(l) !== void 0 && (e(l) || e(l) === null) ? 1 : 0) + " з " + S(e(v).length) + " обрано ", 1),
+      c.cleanable ? (i(), w(U, { key: 0 }, [
+        c.layout === "inline" ? (i(), w("div", xl, [
+          G(S(c.multi && Array.isArray(e(l)) ? e(l)?.length : e(l) !== void 0 && (e(l) || e(l) === null) ? 1 : 0) + " з " + S(e(v).length) + " обрано ", 1),
           W(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: k[0] || (k[0] = //@ts-ignore
-            (..._) => e(n) && e(n)(..._))
+            (...V) => e(n) && e(n)(...V))
           }, " Очистити ", 512), [
             [Z, e(l) !== "" && e(l) !== void 0 || e(l)]
           ])
-        ])) : V("", !0),
-        d.layout === "popover" ? (i(), w("div", wl, [
-          u("span", null, S(d.multi && Array.isArray(e(l)) ? e(l)?.length : e(l) !== void 0 && (e(l) || e(l) === null) ? 1 : 0) + " з " + S(e(v).length) + " обрано", 1),
+        ])) : _("", !0),
+        c.layout === "popover" ? (i(), w("div", wl, [
+          u("span", null, S(c.multi && Array.isArray(e(l)) ? e(l)?.length : e(l) !== void 0 && (e(l) || e(l) === null) ? 1 : 0) + " з " + S(e(v).length) + " обрано", 1),
           W(u("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: k[1] || (k[1] = //@ts-ignore
-            (..._) => e(n) && e(n)(..._))
+            (...V) => e(n) && e(n)(...V))
           }, " Очистити ", 512), [
             [Z, e(l) !== void 0 && e(l) !== "" || e(l)]
           ])
-        ])) : V("", !0)
-      ], 64)) : V("", !0)
+        ])) : _("", !0)
+      ], 64)) : _("", !0)
     ], 64));
   }
-}), Cl = ["disabled", "title"], _l = { class: "flex w-full items-center justify-between gap-1 overflow-hidden text-left" }, Vl = { class: "truncate text-ellipsis text-sm" }, $l = {
+}), Cl = ["disabled", "title"], Vl = { class: "flex w-full items-center justify-between gap-1 overflow-hidden text-left" }, _l = { class: "truncate text-ellipsis text-sm" }, $l = {
   key: 0,
   class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-sm bg-blue-100 px-2 text-[11px] font-semibold text-blue-600"
-}, Al = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, Sl = { class: "w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2" }, _e = /* @__PURE__ */ q({
+}, Al = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, Sl = { class: "w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2" }, Ve = /* @__PURE__ */ q({
   __name: "popover-field",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -1635,38 +1647,38 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     mode: {},
     layout: {}
   },
-  setup(p, { expose: o }) {
-    const y = p, t = O(() => Te(y.mode)), a = A(!1), l = A({ top: 0, left: 0 }), g = A(null), m = A(null), n = A(null);
+  setup(m, { expose: o }) {
+    const y = m, t = O(() => Te(y.mode)), a = A(!1), l = A({ top: 0, left: 0 }), g = A(null), p = A(null), n = A(null);
     function x() {
-      const h = m.value, K = n.value;
+      const h = p.value, K = n.value;
       if (!h || !K) return;
       const M = h.getBoundingClientRect(), $ = K.offsetWidth, B = window.innerWidth, F = M.bottom + 8;
       let { left: D } = M;
       D + $ > B && (D = Math.max(B - $ - 10, 10)), l.value = { top: F, left: D };
     }
-    function f() {
+    function d() {
       a.value = !a.value, a.value && fe(() => {
         x(), y.fieldRef?.inputTextRef && y.fieldRef?.inputTextRef?.focus?.(), y.fieldRef?.loadData && y.fieldRef?.loadData?.();
       });
     }
     function v(h) {
-      !g.value?.contains(h.target) && !n.value?.contains(h.target) && !m.value?.contains(h.target) && (a.value = !1);
+      !g.value?.contains(h.target) && !n.value?.contains(h.target) && !p.value?.contains(h.target) && (a.value = !1);
     }
-    function d(h) {
+    function c(h) {
       h.key === "Escape" && (a.value = !1);
     }
-    const k = A(!1), _ = A("ua"), C = (h) => {
-      h.detail.key === "locale" && (_.value = h.detail.newValue);
+    const k = A(!1), V = A("ua"), C = (h) => {
+      h.detail.key === "locale" && (V.value = h.detail.newValue);
     };
     ce(() => {
-      k.value = !0, _.value = localStorage.locale, window.addEventListener("storage", C), document.addEventListener("click", v, !0), document.addEventListener("keydown", d), window.addEventListener("scroll", x, !0);
+      k.value = !0, V.value = localStorage.locale, window.addEventListener("storage", C), document.addEventListener("click", v, !0), document.addEventListener("keydown", c), window.addEventListener("scroll", x, !0);
     }), me(() => {
-      window.removeEventListener("resize", C), document.removeEventListener("click", v, !0), document.removeEventListener("keydown", d), window.removeEventListener("scroll", x, !0);
+      window.removeEventListener("resize", C), document.removeEventListener("click", v, !0), document.removeEventListener("keydown", c), window.removeEventListener("scroll", x, !0);
     });
-    function c() {
+    function f() {
       a.value = !1;
     }
-    o({ close: c });
+    o({ close: f });
     function r(h) {
       return Array.isArray(h) ? h.filter((K) => K != null && K !== "").length : h && typeof h == "object" ? Object.values(h).filter((K) => K != null && K !== "").length : typeof h == "string" ? h.trim() === "" ? 0 : 1 : typeof h == "number" ? Number.isNaN(h) ? 0 : 1 : h === null || h !== void 0 ? 1 : 0;
     }
@@ -1675,14 +1687,14 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
       return K > 0 ? K : r(y.currentValue);
     }), b = O(() => {
       const h = y.fieldRef?.selectedLabels;
-      return !h || ["inline"].includes(y.layout || "") ? y[_.value] || (y.label ?? "") : Array.isArray(h) ? h.length > 0 ? h.join(", ") : y.label ?? "" : String(h);
+      return !h || ["inline"].includes(y.layout || "") ? y[V.value] || (y.label ?? "") : Array.isArray(h) ? h.length > 0 ? h.join(", ") : y.label ?? "" : String(h);
     });
     return (h, K) => (i(), w("div", null, [
       u("button", {
-        onClick: f,
+        onClick: d,
         disabled: h.disabled,
         ref_key: "triggerRef",
-        ref: m,
+        ref: p,
         title: h.label,
         class: L([
           t.value,
@@ -1691,13 +1703,13 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
         ]),
         type: "button"
       }, [
-        u("span", _l, [
-          u("span", Vl, S(b.value), 1),
-          h.layout === "inline" && s.value > 0 ? (i(), w("span", $l, S(s.value), 1)) : V("", !0)
+        u("span", Vl, [
+          u("span", _l, S(b.value), 1),
+          h.layout === "inline" && s.value > 0 ? (i(), w("span", $l, S(s.value), 1)) : _("", !0)
         ]),
         Q(ve, { class: "h-4 w-4 text-neutral-500" })
       ], 10, Cl),
-      k.value ? (i(), T(ge, {
+      k.value ? (i(), I(ge, {
         key: 0,
         to: "body"
       }, [
@@ -1716,7 +1728,7 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
         ], 4), [
           [Z, a.value]
         ])
-      ])) : V("", !0)
+      ])) : _("", !0)
     ]));
   }
 }), Bl = {}, jl = {
@@ -1731,7 +1743,7 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"
 };
-function Dl(p, o) {
+function Dl(m, o) {
   return i(), w("svg", jl, o[0] || (o[0] = [
     u("path", {
       stroke: "none",
@@ -1753,7 +1765,7 @@ const Rl = /* @__PURE__ */ te(Bl, [["render", Dl]]), Fl = {}, Kl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"
 };
-function Ml(p, o) {
+function Ml(m, o) {
   return i(), w("svg", Kl, o[0] || (o[0] = [
     u("path", {
       stroke: "none",
@@ -1796,46 +1808,52 @@ const ql = /* @__PURE__ */ q({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { expose: o, emit: y }) {
-    const t = oe(), a = p, l = y, g = A(null), {
-      activeMode: m,
+  setup(m, { expose: o, emit: y }) {
+    const t = oe(), a = m, l = y, g = A(null), {
+      activeMode: p,
       innerValue: n,
       onSelectChange: x,
-      nextClick: f,
+      nextClick: d,
       prevClick: v,
-      currentLabel: d,
+      currentLabel: c,
       clear: k
     } = Ie({
       ...a,
       popoverRef: g
     }, l);
-    return I(() => a.modelValue, (_) => {
-      _ !== void 0 ? (n.value = _, l("update:modelValue", _)) : (m.value = "", n.value = []);
-    }), o({
+    return E(() => a.modelValue, (V) => {
+      V !== void 0 ? (n.value = V, l("update:modelValue", V)) : (p.value = "", n.value = []);
+    }), E(
+      n,
+      (V) => {
+        l("update:modelValue", V), l("change", { name: a.name, value: V });
+      },
+      { deep: !0 }
+    ), o({
       clear: k,
       popoverRef: g
-    }), (_, C) => (i(), w(U, null, [
+    }), (V, C) => (i(), w(U, null, [
       u("div", Ol, [
-        Q(_e, {
+        Q(Ve, {
           ref_key: "popoverRef",
           ref: g,
-          label: e(d),
+          label: e(c),
           "current-value": e(n),
-          mode: _.mode,
-          width: typeof _.width == "number" && e(n).length ? _.width - 70 : _.width,
+          mode: V.mode,
+          width: typeof V.width == "number" && e(n).length ? V.width - 70 : V.width,
           onClear: e(k),
-          layout: _.layout,
-          class: L(_.itemClass)
+          layout: V.layout,
+          class: L(V.itemClass)
         }, {
           default: ne(() => [
             u("div", null, [
               u("button", {
                 type: "button",
-                onClick: C[0] || (C[0] = (c) => e(x)("range")),
+                onClick: C[0] || (C[0] = (f) => e(x)("range")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 G(S(e(t)("filter.period")) + " ", 1),
-                e(m) === "range" ? (i(), T(ae, { key: 0 })) : V("", !0)
+                e(p) === "range" ? (i(), I(ae, { key: 0 })) : _("", !0)
               ])
             ]),
             C[12] || (C[12] = u("div", null, [
@@ -1844,75 +1862,75 @@ const ql = /* @__PURE__ */ q({
             u("div", null, [
               u("button", {
                 type: "button",
-                onClick: C[1] || (C[1] = (c) => e(x)("today")),
+                onClick: C[1] || (C[1] = (f) => e(x)("today")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 G(S(e(t)("filter.today")) + " ", 1),
-                e(m) === "today" ? (i(), T(ae, { key: 0 })) : V("", !0)
+                e(p) === "today" ? (i(), I(ae, { key: 0 })) : _("", !0)
               ])
             ]),
             u("div", null, [
               u("button", {
                 type: "button",
-                onClick: C[2] || (C[2] = (c) => e(x)("week")),
+                onClick: C[2] || (C[2] = (f) => e(x)("week")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 G(S(e(t)("filter.week")) + " ", 1),
-                e(m) === "week" ? (i(), T(ae, { key: 0 })) : V("", !0)
+                e(p) === "week" ? (i(), I(ae, { key: 0 })) : _("", !0)
               ])
             ]),
             u("div", null, [
               u("button", {
                 type: "button",
-                onClick: C[3] || (C[3] = (c) => e(x)("month")),
+                onClick: C[3] || (C[3] = (f) => e(x)("month")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 G(S(e(t)("filter.month")) + " ", 1),
-                e(m) === "month" ? (i(), T(ae, { key: 0 })) : V("", !0)
+                e(p) === "month" ? (i(), I(ae, { key: 0 })) : _("", !0)
               ])
             ]),
             u("div", null, [
               u("button", {
                 type: "button",
-                onClick: C[4] || (C[4] = (c) => e(x)("quarter")),
+                onClick: C[4] || (C[4] = (f) => e(x)("quarter")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 G(S(e(t)("filter.quarter")) + " ", 1),
-                e(m) === "quarter" ? (i(), T(ae, { key: 0 })) : V("", !0)
+                e(p) === "quarter" ? (i(), I(ae, { key: 0 })) : _("", !0)
               ])
             ]),
             u("div", El, [
               u("button", {
                 type: "button",
-                onClick: C[5] || (C[5] = (c) => e(x)("year")),
+                onClick: C[5] || (C[5] = (f) => e(x)("year")),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 G(S(e(t)("filter.year")) + " ", 1),
-                e(m) === "year" ? (i(), T(ae, { key: 0 })) : V("", !0)
+                e(p) === "year" ? (i(), I(ae, { key: 0 })) : _("", !0)
               ])
             ]),
             u("div", Tl, [
               u("button", {
                 type: "button",
-                onClick: C[6] || (C[6] = (c) => e(k)()),
+                onClick: C[6] || (C[6] = (f) => e(k)()),
                 class: "flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"
               }, [
                 G(S(e(t)("filter.alltime")) + " ", 1),
-                e(n)[0] ? V("", !0) : (i(), T(ae, { key: 0 }))
+                e(n)[0] ? _("", !0) : (i(), I(ae, { key: 0 }))
               ])
             ])
           ]),
           _: 1,
           __: [12]
         }, 8, ["label", "current-value", "mode", "width", "onClear", "layout", "class"]),
-        e(m) !== "" && e(m) !== "range" && e(m) !== "last_7_days" ? (i(), w(U, { key: 0 }, [
+        e(p) !== "" && e(p) !== "range" && e(p) !== "last_7_days" ? (i(), w(U, { key: 0 }, [
           u("div", Il, [
             u("button", {
               type: "button",
               title: e(t)("filter.prev"),
               class: "inline-flex h-[38px] items-center px-2 text-sm text-gray-800 bg-gray-100 gap-x-2 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",
               onClick: C[7] || (C[7] = //@ts-ignore
-              (...c) => e(v) && e(v)(...c))
+              (...f) => e(v) && e(v)(...f))
             }, [
               Q(Rl)
             ], 8, Ul)
@@ -1923,20 +1941,20 @@ const ql = /* @__PURE__ */ q({
               title: e(t)("filter.next"),
               class: "inline-flex h-[38px] items-center px-2 text-sm text-gray-800 gap-x-2 bg-gray-100 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",
               onClick: C[8] || (C[8] = //@ts-ignore
-              (...c) => e(f) && e(f)(...c))
+              (...f) => e(d) && e(d)(...f))
             }, [
               Q(Ll)
             ], 8, Nl)
           ])
-        ], 64)) : V("", !0),
-        e(m) !== "" && e(m) === "range" ? (i(), w("div", Pl, [
+        ], 64)) : _("", !0),
+        e(p) !== "" && e(p) === "range" ? (i(), w("div", Pl, [
           W(u("input", {
             type: "date",
             max: e(n)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": C[9] || (C[9] = (c) => e(n)[0] = c),
+            "onUpdate:modelValue": C[9] || (C[9] = (f) => e(n)[0] = f),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",
-            disabled: _.disabled
+            disabled: V.disabled
           }, null, 8, Yl), [
             [ee, e(n)[0]]
           ]),
@@ -1944,15 +1962,15 @@ const ql = /* @__PURE__ */ q({
             type: "date",
             min: e(n)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": C[10] || (C[10] = (c) => e(n)[1] = c),
+            "onUpdate:modelValue": C[10] || (C[10] = (f) => e(n)[1] = f),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",
-            disabled: _.disabled
+            disabled: V.disabled
           }, null, 8, Wl), [
             [ee, e(n)[1]]
           ])
-        ])) : V("", !0)
+        ])) : _("", !0)
       ]),
-      (_.cleanable, V("", !0))
+      (V.cleanable, _("", !0))
     ], 64));
   }
 }), Ql = { class: "flex flex-wrap items-center gap-2" }, Hl = ["disabled", "onClick"], Gl = {
@@ -1987,56 +2005,56 @@ const ql = /* @__PURE__ */ q({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { expose: o, emit: y }) {
-    const t = p, a = y, {
+  setup(m, { expose: o, emit: y }) {
+    const t = m, a = y, {
       innerValue: l,
       isSelected: g,
-      selectItem: m,
+      selectItem: p,
       clear: n,
       labelKey: x,
-      valueKey: f,
+      valueKey: d,
       allOptions: v
     } = xe({
       ...t,
       modelValue: t.modelValue ?? t.default ?? ""
-    }, a), d = O(() => l.value !== void 0 && !(typeof l.value == "string" && l.value === "")), k = O(() => d.value ? 1 : 0);
-    function _(c) {
-      return g(c) ? ["bg-blue-600 text-white"].filter((r) => typeof r == "string" && r.trim().length > 0).join(" ") : ["text-gray-700 hover:bg-gray-200 bg-gray-50 "].filter((r) => typeof r == "string" && r.trim().length > 0).join(" ");
+    }, a), c = O(() => l.value !== void 0 && !(typeof l.value == "string" && l.value === "")), k = O(() => c.value ? 1 : 0);
+    function V(f) {
+      return g(f) ? ["bg-blue-600 text-white"].filter((r) => typeof r == "string" && r.trim().length > 0).join(" ") : ["text-gray-700 hover:bg-gray-200 bg-gray-50 "].filter((r) => typeof r == "string" && r.trim().length > 0).join(" ");
     }
-    function C(c) {
-      t.disabled || m(c);
+    function C(f) {
+      t.disabled || p(f);
     }
     return o({
       clear: n
-    }), I(
+    }), E(
       () => t.modelValue,
-      (c) => {
-        c === void 0 && (l.value = void 0);
+      (f) => {
+        f === void 0 && (l.value = void 0);
       }
-    ), (c, r) => (i(), w(U, null, [
+    ), (f, r) => (i(), w(U, null, [
       u("div", Ql, [
         (i(!0), w(U, null, X(e(v), (s) => (i(), w("button", {
-          key: s[e(f)],
+          key: s[e(d)],
           type: "button",
-          class: L(["px-3 py-2 text-sm font-medium rounded-md transition-colors", _(s)]),
-          disabled: c.disabled,
+          class: L(["px-3 py-2 text-sm font-medium rounded-md transition-colors", V(s)]),
+          disabled: f.disabled,
           onClick: (b) => C(s)
         }, S(s[e(x)]), 11, Hl))), 128))
       ]),
-      c.cleanable && c.layout === "popover" ? (i(), w("div", Gl, [
+      f.cleanable && f.layout === "popover" ? (i(), w("div", Gl, [
         u("span", null, S(k.value) + " з " + S(e(v).length) + " обрано", 1),
         W(u("button", {
           class: "text-gray-600 hover:text-gray-800",
           onClick: r[0] || (r[0] = //@ts-ignore
           (...s) => e(n) && e(n)(...s))
         }, " Очистити ", 512), [
-          [Z, d.value]
+          [Z, c.value]
         ])
-      ])) : V("", !0)
+      ])) : _("", !0)
     ], 64));
   }
 }), De = {
-  radio: _t,
+  radio: Vt,
   checkbox: je,
   check: je,
   text: Tt,
@@ -2047,9 +2065,9 @@ const ql = /* @__PURE__ */ q({
   button: Xl,
   "date:inline": ql
 };
-function Ve(p, o) {
+function _e(m, o) {
   let y;
-  switch (p.toLowerCase()) {
+  switch (m.toLowerCase()) {
     case "autocomplete":
       y = "select";
       break;
@@ -2057,7 +2075,7 @@ function Ve(p, o) {
       y = "checkbox";
       break;
     default:
-      y = p?.toString().toLowerCase();
+      y = m?.toString().toLowerCase();
   }
   return y === "date" && o && o === "inline" && (y = "date:inline"), {
     component: De[y] || De.text,
@@ -2093,71 +2111,71 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { expose: o, emit: y }) {
-    const t = p, a = y, l = A(), g = Ve(t.type, t.layout), m = O({
+  setup(m, { expose: o, emit: y }) {
+    const t = m, a = y, l = A(), g = _e(t.type, t.layout), p = O({
       get: () => t.modelValue,
       set: (v) => a("update:modelValue", v)
     });
     function n(v) {
       a("clear", v);
     }
-    function x(v, d) {
-      a("change", { name: v, value: d }), t.modelValue !== void 0 && a("update:modelValue", d);
+    function x(v, c) {
+      a("change", { name: v, value: c }), t.modelValue !== void 0 && a("update:modelValue", c);
     }
-    function f() {
+    function d() {
       a("clear", t.name);
     }
-    return I(
+    return E(
       () => t.default,
       (v) => {
-        m.value = v;
+        p.value = v;
       }
-    ), I(
+    ), E(
       () => t.modelValue,
       (v) => {
-        m.value = v;
+        p.value = v;
       }
     ), o({
       filterRef: l
-    }), (v, d) => (i(), w("div", Jl, [
+    }), (v, c) => (i(), w("div", Jl, [
       u("div", Zl, [
         u("div", eo, [
           u("div", to, [
             u("span", lo, S(v.label), 1)
           ]),
-          typeof m.value == "string" && m.value.trim() !== "" || Array.isArray(m.value) && m.value.length > 0 && m.value.some((k) => k !== void 0) || m.value === null ? (i(), T(et, {
+          typeof p.value == "string" && p.value.trim() !== "" || Array.isArray(p.value) && p.value.length > 0 && p.value.some((k) => k !== void 0) || p.value === null ? (i(), I(et, {
             key: 0,
-            onClick: f
-          })) : V("", !0)
+            onClick: d
+          })) : _("", !0)
         ]),
         u("div", oo, [
-          e(g)?.type !== "select" ? (i(), T(re(e(g)?.component), J({ key: 0 }, t, {
+          e(g)?.type !== "select" ? (i(), I(re(e(g)?.component), J({ key: 0 }, t, {
             type: e(g)?.type,
             class: t.itemClass,
-            onChange: d[0] || (d[0] = (k) => x(k.name, k.value)),
-            onClear: d[1] || (d[1] = (k) => n(k)),
+            onChange: c[0] || (c[0] = (k) => x(k.name, k.value)),
+            onClear: c[1] || (c[1] = (k) => n(k)),
             ref_key: "filterRef",
             ref: l
-          }), null, 16, ["type", "class"])) : (i(), T(_e, {
+          }), null, 16, ["type", "class"])) : (i(), I(Ve, {
             key: 1,
-            "current-value": m.value,
+            "current-value": p.value,
             label: v.label,
             mode: v.mode,
-            onClear: f,
+            onClear: d,
             fieldRef: l.value,
             width: void 0,
             disabled: v.disabled,
             layout: "vertical"
           }, {
             default: ne(() => [
-              (i(), T(re(e(g)?.component), J({
+              (i(), I(re(e(g)?.component), J({
                 ref_key: "filterRef",
                 ref: l
               }, t, {
                 type: e(g)?.type,
                 class: t.itemClass,
-                onChange: d[2] || (d[2] = (k) => x(k.name, k.value)),
-                onClear: d[3] || (d[3] = (k) => n(k))
+                onChange: c[2] || (c[2] = (k) => x(k.name, k.value)),
+                onClear: c[3] || (c[3] = (k) => n(k))
               }), null, 16, ["type", "class"]))
             ]),
             _: 1
@@ -2195,59 +2213,59 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { expose: o, emit: y }) {
-    const t = p, a = y, l = A(), g = Ve(t.type, t.layout), m = O({
+  setup(m, { expose: o, emit: y }) {
+    const t = m, a = y, l = A(), g = _e(t.type, t.layout), p = O({
       get: () => t.modelValue,
-      set: (f) => a("update:modelValue", f)
+      set: (d) => a("update:modelValue", d)
     });
-    function n(f = t.name) {
-      a("clear", f);
+    function n(d = t.name) {
+      a("clear", d);
     }
-    function x(f, v) {
-      a("change", { name: f, value: v }), t.modelValue !== void 0 && a("update:modelValue", v);
+    function x(d, v) {
+      a("change", { name: d, value: v }), t.modelValue !== void 0 && a("update:modelValue", v);
     }
-    return I(
+    return E(
       () => t.default,
-      (f) => {
-        m.value = f;
+      (d) => {
+        p.value = d;
       }
-    ), I(
+    ), E(
       () => t.modelValue,
-      (f) => {
-        m.value = f;
+      (d) => {
+        p.value = d;
       }
     ), o({
       filterRef: l
-    }), (f, v) => ["text", "date", "button"].includes(f.type.toLocaleLowerCase()) ? (i(), T(re(e(g)?.component), J({ key: 0 }, t, {
+    }), (d, v) => ["text", "date", "button"].includes(d.type.toLocaleLowerCase()) ? (i(), I(re(e(g)?.component), J({ key: 0 }, t, {
       type: e(g)?.type,
-      class: f.itemClass,
-      onChange: v[0] || (v[0] = (d) => x(d.name, d.value)),
-      onClear: v[1] || (v[1] = (d) => n(d)),
-      disabled: f.disabled,
-      modelValue: m.value,
-      "onUpdate:modelValue": v[2] || (v[2] = (d) => m.value = d)
-    }), null, 16, ["type", "class", "disabled", "modelValue"])) : (i(), T(_e, {
+      class: d.itemClass,
+      onChange: v[0] || (v[0] = (c) => x(c.name, c.value)),
+      onClear: v[1] || (v[1] = (c) => n(c)),
+      disabled: d.disabled,
+      modelValue: p.value,
+      "onUpdate:modelValue": v[2] || (v[2] = (c) => p.value = c)
+    }), null, 16, ["type", "class", "disabled", "modelValue"])) : (i(), I(Ve, {
       key: 1,
-      "current-value": m.value,
-      label: f.label,
-      mode: f.mode,
+      "current-value": p.value,
+      label: d.label,
+      mode: d.mode,
       onClear: n,
       fieldRef: l.value,
       width: t.width,
-      disabled: f.disabled,
+      disabled: d.disabled,
       layout: "inline"
     }, {
       default: ne(() => [
-        (i(), T(re(e(g)?.component), J({
+        (i(), I(re(e(g)?.component), J({
           ref_key: "filterRef",
           ref: l
         }, t, {
-          modelValue: m.value,
-          "onUpdate:modelValue": v[3] || (v[3] = (d) => m.value = d),
+          modelValue: p.value,
+          "onUpdate:modelValue": v[3] || (v[3] = (c) => p.value = c),
           type: e(g)?.type,
           class: t.itemClass,
-          onChange: v[4] || (v[4] = (d) => x(d.name, d.value)),
-          onClear: v[5] || (v[5] = (d) => n(d))
+          onChange: v[4] || (v[4] = (c) => x(c.name, c.value)),
+          onClear: v[5] || (v[5] = (c) => n(c))
         }), null, 16, ["modelValue", "type", "class"]))
       ]),
       _: 1
@@ -2282,41 +2300,41 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { expose: o, emit: y }) {
-    const t = p, a = y, l = A(), g = A(Ve(t.type, t.layout)), m = O({
+  setup(m, { expose: o, emit: y }) {
+    const t = m, a = y, l = A(), g = A(_e(t.type, t.layout)), p = O({
       get: () => t.modelValue,
-      set: (f) => a("update:modelValue", f)
+      set: (d) => a("update:modelValue", d)
     });
-    function n(f) {
-      a("clear", f);
+    function n(d) {
+      a("clear", d);
     }
-    function x(f, v) {
-      a("change", { name: f, value: v }), t.modelValue !== void 0 && a("update:modelValue", v);
+    function x(d, v) {
+      a("change", { name: d, value: v }), t.modelValue !== void 0 && a("update:modelValue", v);
     }
-    return I(
+    return E(
       () => t.default,
-      (f) => {
-        m.value = f;
+      (d) => {
+        p.value = d;
       }
-    ), I(
+    ), E(
       () => t.modelValue,
-      (f) => {
-        m.value = f;
+      (d) => {
+        p.value = d;
       }
-    ), I(
+    ), E(
       () => t,
-      (f) => {
-        m.value = f;
+      (d) => {
+        p.value = d;
       }
     ), o({
       filterRef: l
-    }), (f, v) => (i(), T(re(g.value?.component), J(t, {
+    }), (d, v) => (i(), I(re(g.value?.component), J(t, {
       type: g.value?.type,
       class: t.itemClass,
-      modelValue: m.value,
-      "onUpdate:modelValue": v[0] || (v[0] = (d) => m.value = d),
-      onChange: v[1] || (v[1] = (d) => x(d.name, d.value)),
-      onClear: v[2] || (v[2] = (d) => n(d)),
+      modelValue: p.value,
+      "onUpdate:modelValue": v[0] || (v[0] = (c) => p.value = c),
+      onChange: v[1] || (v[1] = (c) => x(c.name, c.value)),
+      onClear: v[2] || (v[2] = (c) => n(c)),
       ref_key: "filterRef",
       ref: l
     }), null, 16, ["type", "class", "modelValue"]));
@@ -2350,26 +2368,26 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(p, { expose: o, emit: y }) {
-    const t = p, a = y, l = A(), g = O({
+  setup(m, { expose: o, emit: y }) {
+    const t = m, a = y, l = A(), g = O({
       get: () => t.modelValue,
-      set: (f) => a("update:modelValue", f)
+      set: (d) => a("update:modelValue", d)
     });
-    function m(f) {
-      a("clear", f);
+    function p(d) {
+      a("clear", d);
     }
-    function n(f, v) {
-      a("change", { name: f, value: v }), t.modelValue !== void 0 && a("update:modelValue", v);
+    function n(d, v) {
+      a("change", { name: d, value: v }), t.modelValue !== void 0 && a("update:modelValue", v);
     }
-    I(
+    E(
       () => t.default,
-      (f) => {
-        g.value = f;
+      (d) => {
+        g.value = d;
       }
-    ), I(
+    ), E(
       () => t.modelValue,
-      (f) => {
-        g.value = f;
+      (d) => {
+        g.value = d;
       }
     ), o({
       filterRef: l
@@ -2386,20 +2404,20 @@ const Jl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
           return Re;
       }
     }
-    return (f, v) => (i(), T(re(x()), J(t, {
-      onChange: v[0] || (v[0] = (d) => n(d.name, d.value)),
-      onClear: v[1] || (v[1] = (d) => m(d)),
+    return (d, v) => (i(), I(re(x()), J(t, {
+      onChange: v[0] || (v[0] = (c) => n(c.name, c.value)),
+      onClear: v[1] || (v[1] = (c) => p(c)),
       modelValue: g.value,
-      "onUpdate:modelValue": v[2] || (v[2] = (d) => g.value = d)
+      "onUpdate:modelValue": v[2] || (v[2] = (c) => g.value = c)
     }), null, 16, ["modelValue"]));
   }
 });
-function ye(p, o) {
+function ye(m, o) {
   const {
     slots: y
-  } = p, t = (r) => r ? JSON.parse(JSON.stringify(ue(r))) : {}, a = A(t(p.value));
-  I(
-    () => p.value,
+  } = m, t = (r) => r ? JSON.parse(JSON.stringify(ue(r))) : {}, a = A(t(m.value));
+  E(
+    () => m.value,
     (r) => {
       a.value = t(r);
     },
@@ -2412,7 +2430,7 @@ function ye(p, o) {
       name: r
     });
   }
-  function m(r, s) {
+  function p(r, s) {
     s === void 0 ? g(r) : a.value = {
       ...a.value,
       [r]: s
@@ -2426,15 +2444,15 @@ function ye(p, o) {
     const s = r.props?.name;
     return We(r, {
       ...r.props,
-      layout: p.view,
+      layout: m.view,
       showClean: !0,
       modelValue: a.value[s],
       "onUpdate:modelValue": (b) => {
-        m(s, b);
+        p(s, b);
       },
       onClear: () => g(s),
-      class: [p.itemClass, r.props?.class],
-      itemClass: [p.itemClass, r.props?.itemClass].filter((b) => typeof b == "string" && b.trim().length > 0).join(" ") || void 0
+      class: [m.itemClass, r.props?.class],
+      itemClass: [m.itemClass, r.props?.itemClass].filter((b) => typeof b == "string" && b.trim().length > 0).join(" ") || void 0
     });
   })), x = O(
     () => new Map(
@@ -2444,35 +2462,35 @@ function ye(p, o) {
       }).filter((r) => r !== null)
     )
   );
-  function f(r = !1) {
+  function d(r = !1) {
     a.value = {}, r || o("clearAll", {
       data: ue(a.value),
       name: "ALL"
     });
   }
-  const v = A(""), d = O(() => p.schema?.value ? Object.entries(a.value).filter(([r, s]) => p.schema && !(r in p.schema.value) ? !1 : Array.isArray(s) ? s.some((b) => b !== "" && b !== void 0) : s !== "" && s !== void 0).length : 0), k = A();
-  I(v, async () => {
+  const v = A(""), c = O(() => m.schema?.value ? Object.entries(a.value).filter(([r, s]) => m.schema && !(r in m.schema.value) ? !1 : Array.isArray(s) ? s.some((b) => b !== "" && b !== void 0) : s !== "" && s !== void 0).length : 0), k = A();
+  E(v, async () => {
     await fe(), k?.value?.filterRef?.inputTextRef && k.value.filterRef.inputTextRef.focus();
   });
-  const _ = O(() => p.schema?.value ? Object.fromEntries(Object.entries(p.schema?.value).slice(0, p.limit)) : {}), C = O(() => {
+  const V = O(() => m.schema?.value ? Object.fromEntries(Object.entries(m.schema?.value).slice(0, m.limit)) : {}), C = O(() => {
     if (n.value.length === 0) return [];
     let r = 0;
-    if (p.schema?.value) {
-      const s = Object.entries(p.schema.value).length;
-      p.limit && s < p.limit ? r = p.limit - s : r = 0;
+    if (m.schema?.value) {
+      const s = Object.entries(m.schema.value).length;
+      m.limit && s < m.limit ? r = m.limit - s : r = 0;
     }
     return n.value.slice(0, r);
-  }), c = O(() => n.value.length === 0 ? [] : p.view !== "inline" ? n.value : n.value.slice(C.value.length));
+  }), f = O(() => n.value.length === 0 ? [] : m.view !== "inline" ? n.value : n.value.slice(C.value.length));
   return {
     activeFilter: a,
-    activeFilterCount: d,
-    onFilterChange: m,
+    activeFilterCount: c,
+    onFilterChange: p,
     clearFilter: g,
-    clearAllFilters: f,
-    limitedSchema: _,
+    clearAllFilters: d,
+    limitedSchema: V,
     filtersSlot: n,
     limitedFiltersSlot: C,
-    popoverFiltersSlot: c,
+    popoverFiltersSlot: f,
     vnodeMap: x,
     selectedFilter: v,
     filterRef: k
@@ -2481,44 +2499,44 @@ function ye(p, o) {
 const ro = /* @__PURE__ */ q({
   __name: "popover",
   emits: ["open", "close"],
-  setup(p, { emit: o }) {
+  setup(m, { emit: o }) {
     const y = A(!1), t = A(null), a = A(null), l = A(null), g = A({ top: "0px", left: "0px", position: "absolute" });
-    function m() {
+    function p() {
       y.value = !y.value;
     }
     function n() {
-      const k = l.value, _ = t.value;
-      if (!k || !_) return;
-      const C = k.getBoundingClientRect(), c = _.offsetWidth, r = window.innerWidth - C.left;
+      const k = l.value, V = t.value;
+      if (!k || !V) return;
+      const C = k.getBoundingClientRect(), f = V.offsetWidth, r = window.innerWidth - C.left;
       let s = C.left + window.scrollX;
-      c > r && (s = window.innerWidth - c - 8, s < 8 && (s = 8)), g.value = {
+      f > r && (s = window.innerWidth - f - 8, s < 8 && (s = 8)), g.value = {
         position: "absolute",
         top: `${C.bottom + window.scrollY + 8}px`,
         left: `${s}px`
       };
     }
     const x = O(() => Object.entries(g.value).map((k) => k.join(":")).join(";"));
-    function f(k) {
-      const _ = k.target;
-      !l.value?.contains(k.target) && !t.value?.contains(k.target) && !_.closest("[data-inside-popover]") && (y.value = !1);
+    function d(k) {
+      const V = k.target;
+      !l.value?.contains(k.target) && !t.value?.contains(k.target) && !V.closest("[data-inside-popover]") && (y.value = !1);
     }
     const v = A(!1);
     ce(() => {
       v.value = !0;
     }), ce(() => {
-      l.value = a.value?.querySelector("[data-popover-trigger]") || null, l.value?.addEventListener("click", m), document.addEventListener("click", f), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
+      l.value = a.value?.querySelector("[data-popover-trigger]") || null, l.value?.addEventListener("click", p), document.addEventListener("click", d), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
     }), me(() => {
-      l.value?.removeEventListener("click", m), document.removeEventListener("click", f), window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
+      l.value?.removeEventListener("click", p), document.removeEventListener("click", d), window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
     });
-    const d = o;
-    return I(y, async (k) => {
-      k ? (d("open"), await fe(), n()) : d("close");
-    }), (k, _) => (i(), w("div", {
+    const c = o;
+    return E(y, async (k) => {
+      k ? (c("open"), await fe(), n()) : c("close");
+    }), (k, V) => (i(), w("div", {
       ref_key: "wrapperRef",
       ref: a
     }, [
       de(k.$slots, "trigger"),
-      v.value ? (i(), T(ge, {
+      v.value ? (i(), I(ge, {
         key: 0,
         to: "body"
       }, [
@@ -2532,7 +2550,7 @@ const ro = /* @__PURE__ */ q({
         ], 4), [
           [Z, y.value]
         ])
-      ])) : V("", !0)
+      ])) : _("", !0)
     ], 512));
   }
 }), so = {}, io = {
@@ -2547,7 +2565,7 @@ const ro = /* @__PURE__ */ q({
   "stroke-linejoin": "round",
   class: "lucide lucide-filter h-4 w-4"
 };
-function uo(p, o) {
+function uo(m, o) {
   return i(), w("svg", io, o[0] || (o[0] = [
     u("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
   ]));
@@ -2558,7 +2576,7 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
 }, po = { class: "flex max-h-[400px]" }, mo = { class: "w-64 border-r border-gray-200 overflow-y-auto" }, vo = { class: "p-4 border-b" }, yo = { class: "text-sm text-gray-600" }, go = { class: "p-2" }, bo = ["onClick"], ho = { class: "flex items-center gap-2" }, xo = { class: "text-sm font-medium" }, wo = {
   key: 0,
   class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-[4px] bg-blue-100 px-1 text-[11px] font-semibold text-blue-600"
-}, ko = ["onClick"], Co = { class: "flex items-center gap-2" }, _o = { class: "text-sm font-medium" }, Vo = {
+}, ko = ["onClick"], Co = { class: "flex items-center gap-2" }, Vo = { class: "text-sm font-medium" }, _o = {
   key: 0,
   class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-[4px] bg-blue-100 px-1 text-[11px] font-semibold text-blue-600"
 }, $o = {
@@ -2584,34 +2602,34 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(p, { expose: o, emit: y }) {
-    const t = oe(), a = p, l = Te(a.mode), g = pe(), m = y, n = A({}), x = O(() => n?.value ? a.view !== "inline" ? n?.value : Object.fromEntries(Object.entries(n?.value).slice(a.limit)) : {}), {
-      activeFilter: f,
+  setup(m, { expose: o, emit: y }) {
+    const t = oe(), a = m, l = Te(a.mode), g = pe(), p = y, n = A({}), x = O(() => n?.value ? a.view !== "inline" ? n?.value : Object.fromEntries(Object.entries(n?.value).slice(a.limit)) : {}), {
+      activeFilter: d,
       activeFilterCount: v,
-      onFilterChange: d,
+      onFilterChange: c,
       clearFilter: k,
-      clearAllFilters: _,
+      clearAllFilters: V,
       popoverFiltersSlot: C,
-      selectedFilter: c,
+      selectedFilter: f,
       filterRef: r
     } = ye({
       ...a,
       schema: n,
       slots: g
-    }, m), s = O(() => a.badgeCount ?? v.value);
+    }, p), s = O(() => a.badgeCount ?? v.value);
     function b(M) {
       return Array.isArray(M) ? M.filter(($) => $ != null && $ !== "").length : M && typeof M == "object" ? Object.values(M).filter(($) => $ != null && $ !== "").length : M === null || M !== void 0 && M !== "" ? 1 : 0;
     }
     function h(M) {
-      return f.value ? b(f.value[M]) : 0;
+      return d.value ? b(d.value[M]) : 0;
     }
     function K() {
       if (x.value) {
         const [M] = Object.keys(x.value);
-        c.value = M;
-      } else C.value.length > 0 ? c.value = C.value[0].props.name : c.value = "";
+        f.value = M;
+      } else C.value.length > 0 ? f.value = C.value[0].props.name : f.value = "";
     }
-    return I(
+    return E(
       () => a.schema,
       (M) => {
         n.value = M ?? {};
@@ -2619,10 +2637,10 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
       { deep: !0, immediate: !0 }
     ), o({
       clearFilter: k,
-      clearAllFilters: _
-    }), (M, $) => (i(), T(ro, {
+      clearAllFilters: V
+    }), (M, $) => (i(), I(ro, {
       onOpen: K,
-      onClose: $[5] || ($[5] = (B) => c.value = "")
+      onClose: $[5] || ($[5] = (B) => f.value = "")
     }, {
       trigger: ne(() => [
         u("button", {
@@ -2641,7 +2659,7 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
             Q(Ue, { class: "h-4 w-4" }),
             $[6] || ($[6] = u("span", { class: "text-sm font-medium" }, "Фільтр", -1))
           ]),
-          s.value > 0 ? (i(), w("span", fo, S(s.value), 1)) : V("", !0)
+          s.value > 0 ? (i(), w("span", fo, S(s.value), 1)) : _("", !0)
         ], 2)
       ]),
       default: ne(() => [
@@ -2654,47 +2672,47 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
               M.schema ? (i(!0), w(U, { key: 0 }, X(Object.entries(x.value), ([B, F]) => (i(), w("button", {
                 key: B,
                 onClick: () => {
-                  c.value = B;
+                  f.value = B;
                 },
                 class: L([
                   "flex w-full items-center justify-between px-3 py-2 text-left transition-colors hover:bg-gray-50",
-                  e(c) === B ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
+                  e(f) === B ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
                 ])
               }, [
                 u("div", ho, [
                   u("span", xo, S(F.label), 1)
                 ]),
-                h(B) > 0 ? (i(), w("div", wo, S(h(B)), 1)) : V("", !0)
-              ], 10, bo))), 128)) : V("", !0),
+                h(B) > 0 ? (i(), w("div", wo, S(h(B)), 1)) : _("", !0)
+              ], 10, bo))), 128)) : _("", !0),
               (i(!0), w(U, null, X(e(C), (B, F) => (i(), w("button", {
                 key: "slot-" + F,
-                onClick: (D) => c.value = B.props.name,
+                onClick: (D) => f.value = B.props.name,
                 class: L([
                   "flex items-center justify-between px-3 py-2 text-left transition-colors hover:bg-gray-50",
-                  e(c) === B.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
+                  e(f) === B.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
                 ])
               }, [
                 u("div", Co, [
-                  u("span", _o, S(B.props.label), 1)
+                  u("span", Vo, S(B.props.label), 1)
                 ]),
-                h(B.props.name) > 0 ? (i(), w("div", Vo, S(h(B.props.name)), 1)) : V("", !0)
+                h(B.props.name) > 0 ? (i(), w("div", _o, S(h(B.props.name)), 1)) : _("", !0)
               ], 10, ko))), 128))
             ]),
             e(v) > 0 ? (i(), w("div", $o, [
               u("button", {
                 class: L([M.itemClass, "w-full px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-50 transition-colors"]),
-                onClick: $[0] || ($[0] = (B) => e(_)()),
+                onClick: $[0] || ($[0] = (B) => e(V)()),
                 "data-inside-popover": ""
               }, " Очистити всі ", 2)
-            ])) : V("", !0)
+            ])) : _("", !0)
           ]),
           u("div", Ao, [
-            e(c) === "" ? (i(), w("div", So, [
+            e(f) === "" ? (i(), w("div", So, [
               u("p", Bo, S(e(t)("filter.selectFieldHelp")), 1)
-            ])) : V("", !0),
-            e(c) ? (i(), w(U, { key: 1 }, [
+            ])) : _("", !0),
+            e(f) ? (i(), w(U, { key: 1 }, [
               x.value ? (i(!0), w(U, { key: 0 }, X(Object.entries(x.value), ([B, F]) => (i(), w(U, null, [
-                e(c) === B ? (i(), T(le, J({
+                e(f) === B ? (i(), I(le, J({
                   key: B,
                   layout: "popover",
                   ref_for: !0,
@@ -2703,19 +2721,19 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
                 }, { ref_for: !0 }, F, {
                   class: [M.itemClass, F?.class],
                   "item-class": [M.itemClass, F?.itemClass].filter(Boolean).join(" ") || void 0,
-                  onChange: $[1] || ($[1] = (D) => e(d)(D.name, D.value)),
+                  onChange: $[1] || ($[1] = (D) => e(c)(D.name, D.value)),
                   onClear: $[2] || ($[2] = (D) => {
-                    e(k)(D), e(d)(D, void 0);
+                    e(k)(D), e(c)(D, void 0);
                   }),
-                  modelValue: e(f)[B],
-                  "onUpdate:modelValue": (D) => e(f)[B] = D,
+                  modelValue: e(d)[B],
+                  "onUpdate:modelValue": (D) => e(d)[B] = D,
                   cleanable: !0
-                }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : V("", !0)
-              ], 64))), 256)) : V("", !0),
+                }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : _("", !0)
+              ], 64))), 256)) : _("", !0),
               (i(!0), w(U, null, X(e(C), (B, F) => (i(), w(U, {
                 key: "slot-" + F
               }, [
-                e(c) === B.props.name ? (i(), T(le, J({
+                e(f) === B.props.name ? (i(), I(le, J({
                   key: 0,
                   layout: "popover"
                 }, { ref_for: !0 }, B.props, {
@@ -2724,16 +2742,16 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
                   ref: r,
                   class: [M.itemClass, B.props?.class],
                   "item-class": [M.itemClass, B.props?.itemClass].filter(Boolean).join(" ") || void 0,
-                  onChange: $[3] || ($[3] = (D) => e(d)(D.name, D.value)),
+                  onChange: $[3] || ($[3] = (D) => e(c)(D.name, D.value)),
                   onClear: $[4] || ($[4] = (D) => {
-                    e(k)(D), e(d)(D, void 0);
+                    e(k)(D), e(c)(D, void 0);
                   }),
-                  modelValue: e(f)[B.props.name],
-                  "onUpdate:modelValue": (D) => e(f)[B.props.name] = D,
+                  modelValue: e(d)[B.props.name],
+                  "onUpdate:modelValue": (D) => e(d)[B.props.name] = D,
                   cleanable: !0
-                }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : V("", !0)
+                }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : _("", !0)
               ], 64))), 128))
-            ], 64)) : V("", !0)
+            ], 64)) : _("", !0)
           ])
         ])
       ]),
@@ -2756,20 +2774,20 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(p, { expose: o, emit: y }) {
-    const t = oe(), a = p, l = y, g = pe(), m = A({}), n = O(() => Object.keys(a.schema).length > a.limit), {
+  setup(m, { expose: o, emit: y }) {
+    const t = oe(), a = m, l = y, g = pe(), p = A({}), n = O(() => Object.keys(a.schema).length > a.limit), {
       activeFilter: x,
-      activeFilterCount: f,
+      activeFilterCount: d,
       onFilterChange: v,
-      clearFilter: d,
+      clearFilter: c,
       clearAllFilters: k,
-      limitedSchema: _,
+      limitedSchema: V,
       filtersSlot: C,
-      limitedFiltersSlot: c
+      limitedFiltersSlot: f
     } = ye(
       {
         ...a,
-        schema: m,
+        schema: p,
         slots: g
       },
       l
@@ -2778,26 +2796,26 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
       return Array.isArray($) ? $.some((B) => B !== "" && B !== void 0 && B !== null) : $ === null ? !0 : $ && typeof $ == "object" ? Object.values($).some((B) => B !== "" && B !== void 0 && B !== null) : $ !== "" && $ !== void 0;
     }
     const s = O(() => {
-      const $ = Object.keys(_.value ?? {}), B = c.value.map((F) => F.props?.name).filter((F) => typeof F == "string");
+      const $ = Object.keys(V.value ?? {}), B = f.value.map((F) => F.props?.name).filter((F) => typeof F == "string");
       return /* @__PURE__ */ new Set([...$, ...B]);
     }), b = O(() => Object.entries(x.value ?? {}).filter(([$, B]) => s.value.has($) && r(B)).length), h = O(() => {
-      const $ = f.value ?? 0, B = b.value ?? 0;
+      const $ = d.value ?? 0, B = b.value ?? 0;
       return Math.max($ - B, 0);
     }), K = A();
     function M() {
       K.value && K.value.clearAllFilters(!0), k();
     }
-    return I(
+    return E(
       () => a.schema,
       ($) => {
-        m.value = $;
+        p.value = $;
       },
       { deep: !0, immediate: !0 }
     ), o({
-      clearFilter: d,
+      clearFilter: c,
       clearAllFilters: k
     }), ($, B) => (i(), w("div", jo, [
-      $.schema ? (i(!0), w(U, { key: 0 }, X(Object.entries(e(_)), ([F, D]) => (i(), T(le, J({
+      $.schema ? (i(!0), w(U, { key: 0 }, X(Object.entries(e(V)), ([F, D]) => (i(), I(le, J({
         key: F,
         mode: $.mode,
         width: $.width ? $.width : D?.width
@@ -2805,13 +2823,13 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
         class: [$.itemClass, D?.class],
         "item-class": [$.itemClass, D?.itemClass].filter(Boolean).join(" ") || void 0,
         onChange: B[0] || (B[0] = (R) => e(v)(R.name, R.value)),
-        onClear: e(d),
+        onClear: e(c),
         layout: "inline",
         cleanable: !0,
         modelValue: e(x)[F],
         "onUpdate:modelValue": (R) => e(x)[F] = R
-      }), null, 16, ["mode", "width", "class", "item-class", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : V("", !0),
-      (i(!0), w(U, null, X(e(c), (F, D) => (i(), T(le, J({
+      }), null, 16, ["mode", "width", "class", "item-class", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : _("", !0),
+      (i(!0), w(U, null, X(e(f), (F, D) => (i(), I(le, J({
         key: "slot-" + D,
         layout: "inline"
       }, { ref_for: !0 }, F.props, {
@@ -2819,18 +2837,18 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
         "item-class": [$.itemClass, F.props?.itemClass].filter(Boolean).join(" ") || void 0,
         onChange: B[1] || (B[1] = (R) => e(v)(R.name, R.value)),
         onClear: B[2] || (B[2] = (R) => {
-          e(d)(R), e(v)(R, void 0);
+          e(c)(R), e(v)(R, void 0);
         }),
         cleanable: !0,
         modelValue: e(x)[F.props.name],
         "onUpdate:modelValue": (R) => e(x)[F.props.name] = R
       }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)),
-      n.value ? (i(), T(ze, J({ key: 1 }, a, {
+      n.value ? (i(), I(ze, J({ key: 1 }, a, {
         schema: $.schema,
         limit: $.limit,
         onChange: B[3] || (B[3] = (F) => e(v)(F.name, F.value)),
         onClearAll: B[4] || (B[4] = (F) => e(k)()),
-        onClear: B[5] || (B[5] = (F) => e(d)(F.name)),
+        onClear: B[5] || (B[5] = (F) => e(c)(F.name)),
         mode: $.mode,
         ref_key: "popoverRef",
         ref: K,
@@ -2838,18 +2856,18 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
         "badge-count": h.value
       }), {
         default: ne(() => [
-          (i(!0), w(U, null, X(e(C), (F, D) => (i(), T(re(F), J({
+          (i(!0), w(U, null, X(e(C), (F, D) => (i(), I(re(F), J({
             key: "slot-" + D,
             layout: "popover"
           }, { ref_for: !0 }, F.props, { cleanable: !0 }), null, 16))), 128))
         ]),
         _: 1
-      }, 16, ["schema", "limit", "mode", "badge-count"])) : V("", !0),
-      e(f) > 0 ? (i(), w("button", {
+      }, 16, ["schema", "limit", "mode", "badge-count"])) : _("", !0),
+      e(d) > 0 ? (i(), w("button", {
         key: 2,
         onClick: M,
         class: L([$.itemClass, "relative py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-md bg-gray-50 border text-gray-800 hover:bg-gray-200 focus:bg-gray-200"])
-      }, S(e(t)("filter.clear")), 3)) : V("", !0)
+      }, S(e(t)("filter.clear")), 3)) : _("", !0)
     ]));
   }
 }), Do = {
@@ -2871,13 +2889,13 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(p, { expose: o, emit: y }) {
-    const t = p, a = y, l = pe(), {
+  setup(m, { expose: o, emit: y }) {
+    const t = m, a = y, l = pe(), {
       activeFilter: g,
-      activeFilterCount: m,
+      activeFilterCount: p,
       onFilterChange: n,
       clearFilter: x,
-      clearAllFilters: f,
+      clearAllFilters: d,
       filtersSlot: v
     } = ye({
       ...t,
@@ -2885,45 +2903,45 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
     }, a);
     return o({
       clearFilter: x,
-      clearAllFilters: f
-    }), (d, k) => d.view === "vertical" ? (i(), w("div", Do, [
+      clearAllFilters: d
+    }), (c, k) => c.view === "vertical" ? (i(), w("div", Do, [
       u("div", Ro, [
-        e(m) > 0 ? (i(), w("button", {
+        e(p) > 0 ? (i(), w("button", {
           key: 0,
-          onClick: k[0] || (k[0] = (_) => e(f)()),
+          onClick: k[0] || (k[0] = (V) => e(d)()),
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
-          class: L([d.itemClass, "w-full ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground border h-10 px-4 py-2 gap-2 m-2 bg-white text-gray-800 hover:bg-gray-200 focus:bg-gray-200"]),
+          class: L([c.itemClass, "w-full ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground border h-10 px-4 py-2 gap-2 m-2 bg-white text-gray-800 hover:bg-gray-200 focus:bg-gray-200"]),
           type: "button"
-        }, " Очистити ", 2)) : V("", !0),
-        d.schema ? (i(!0), w(U, { key: 1 }, X(Object.entries(d.schema), ([_, C]) => (i(), T(le, J({ layout: "vertical" }, { ref_for: !0 }, C, {
-          class: [d.itemClass, C?.class],
-          "item-class": [d.itemClass, C?.itemClass].filter(Boolean).join(" ") || void 0,
-          onChange: k[1] || (k[1] = (c) => e(n)(c.name, c.value)),
-          onClear: k[2] || (k[2] = (c) => {
-            e(x)(c), e(n)(c, void 0);
+        }, " Очистити ", 2)) : _("", !0),
+        c.schema ? (i(!0), w(U, { key: 1 }, X(Object.entries(c.schema), ([V, C]) => (i(), I(le, J({ layout: "vertical" }, { ref_for: !0 }, C, {
+          class: [c.itemClass, C?.class],
+          "item-class": [c.itemClass, C?.itemClass].filter(Boolean).join(" ") || void 0,
+          onChange: k[1] || (k[1] = (f) => e(n)(f.name, f.value)),
+          onClear: k[2] || (k[2] = (f) => {
+            e(x)(f), e(n)(f, void 0);
           }),
-          modelValue: e(g)[_],
-          "onUpdate:modelValue": (c) => e(g)[_] = c,
+          modelValue: e(g)[V],
+          "onUpdate:modelValue": (f) => e(g)[V] = f,
           showClean: !0
-        }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 256)) : V("", !0),
-        (i(!0), w(U, null, X(e(v), (_, C) => (i(), T(le, J({
+        }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 256)) : _("", !0),
+        (i(!0), w(U, null, X(e(v), (V, C) => (i(), I(le, J({
           key: "slot-" + C,
           layout: "vertical"
-        }, { ref_for: !0 }, _.props, {
-          class: [d.itemClass, _.props?.class],
-          "item-class": [d.itemClass, _.props?.itemClass].filter(Boolean).join(" ") || void 0,
-          onChange: k[3] || (k[3] = (c) => e(n)(c.name, c.value)),
-          onClear: k[4] || (k[4] = (c) => {
-            e(x)(c), e(n)(c, void 0);
+        }, { ref_for: !0 }, V.props, {
+          class: [c.itemClass, V.props?.class],
+          "item-class": [c.itemClass, V.props?.itemClass].filter(Boolean).join(" ") || void 0,
+          onChange: k[3] || (k[3] = (f) => e(n)(f.name, f.value)),
+          onClear: k[4] || (k[4] = (f) => {
+            e(x)(f), e(n)(f, void 0);
           }),
-          modelValue: e(g)[_.props.name],
-          "onUpdate:modelValue": (c) => e(g)[_.props.name] = c,
+          modelValue: e(g)[V.props.name],
+          "onUpdate:modelValue": (f) => e(g)[V.props.name] = f,
           showClean: !0
         }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128))
       ])
-    ])) : V("", !0);
+    ])) : _("", !0);
   }
 }), Ko = ["onKeydown"], Mo = ["disabled"], Lo = {
   key: 0,
@@ -2947,14 +2965,14 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(p, { emit: o }) {
-    const y = oe(), t = p, a = o, l = A({}), g = pe(), {
-      activeFilter: m,
+  setup(m, { emit: o }) {
+    const y = oe(), t = m, a = o, l = A({}), g = pe(), {
+      activeFilter: p,
       activeFilterCount: n,
       onFilterChange: x,
-      clearFilter: f,
+      clearFilter: d,
       clearAllFilters: v,
-      filtersSlot: d
+      filtersSlot: c
     } = ye(
       {
         ...t,
@@ -2962,7 +2980,7 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
         slots: g
       },
       a
-    ), k = A(null), _ = A(null), C = qe({ open: !1, top: 0, left: 0 }), c = O(() => C.open), r = O(() => !!t.disabled), s = O(() => l.value || {}), b = O(() => t.title ?? "Фільтр"), h = O(() => !!g.trigger), K = O(() => [
+    ), k = A(null), V = A(null), C = qe({ open: !1, top: 0, left: 0 }), f = O(() => C.open), r = O(() => !!t.disabled), s = O(() => l.value || {}), b = O(() => t.title ?? "Фільтр"), h = O(() => !!g.trigger), K = O(() => [
       "inline-flex h-9 items-center justify-center gap-2 rounded-lg border border-transparent bg-slate-200/70 px-3 text-sm font-medium text-slate-700 transition-colors hover:bg-blue-100 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-200 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-slate-200/70 disabled:hover:text-slate-700",
       r.value ? "cursor-not-allowed opacity-60" : "cursor-pointer"
     ]), M = O(() => C.open ? {
@@ -2996,7 +3014,7 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
       window.addEventListener("resize", R), window.addEventListener("scroll", R, !0);
     }), me(() => {
       window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0);
-    }), I(
+    }), E(
       () => t.schema,
       (z) => {
         if (!z) {
@@ -3004,9 +3022,9 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
           return;
         }
         if (Array.isArray(z)) {
-          const j = z.filter((E) => E && (E.name || E.id)).map((E) => {
-            const P = E.name || E.id;
-            return [P, { ...E, name: P }];
+          const j = z.filter((T) => T && (T.name || T.id)).map((T) => {
+            const P = T.name || T.id;
+            return [P, { ...T, name: P }];
           });
           l.value = Object.fromEntries(j);
           return;
@@ -3014,7 +3032,7 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
         l.value = z;
       },
       { deep: !0, immediate: !0 }
-    ), I(
+    ), E(
       () => t.disabled,
       (z) => {
         z && $();
@@ -3038,7 +3056,7 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
       }, [
         de(z.$slots, "trigger", {
           toggle: D,
-          open: c.value,
+          open: f.value,
           disabled: r.value,
           activeCount: e(n)
         })
@@ -3051,15 +3069,15 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
         "data-popover-trigger": ""
       }, [
         Q(Ue, { class: "h-4 w-4" }),
-        e(n) > 0 ? (i(), w("div", Lo, S(e(n)), 1)) : V("", !0)
+        e(n) > 0 ? (i(), w("div", Lo, S(e(n)), 1)) : _("", !0)
       ], 10, Mo)),
-      (i(), T(ge, { to: "body" }, [
-        c.value ? (i(), w("div", {
+      (i(), I(ge, { to: "body" }, [
+        f.value ? (i(), w("div", {
           key: 0,
           class: L(["absolute", typeof z.width == "number" ? `min-w-[${z.width + 32 + (Object.keys(s.value).length > 7 ? 20 : 0)}px]` : "min-w-[268px] "]),
           style: be(M.value),
           ref_key: "panel",
-          ref: _,
+          ref: V,
           onClick: j[4] || (j[4] = se(() => {
           }, ["stop"]))
         }, [
@@ -3078,30 +3096,30 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
               ])
             ]),
             u("div", Uo, [
-              Object.keys(s.value).length ? (i(!0), w(U, { key: 0 }, X(Object.entries(s.value), ([E, P]) => (i(), T(le, J({ key: E }, { ref_for: !0 }, { ...P, layout: "inline" }, {
+              Object.keys(s.value).length ? (i(!0), w(U, { key: 0 }, X(Object.entries(s.value), ([T, P]) => (i(), I(le, J({ key: T }, { ref_for: !0 }, { ...P, layout: "inline" }, {
                 width: z.width ? z.width : P?.width,
                 class: [z.itemClass, P?.class],
                 "item-class": [z.itemClass, P?.itemClass].filter(Boolean).join(" ") || void 0,
                 cleanable: !0,
-                modelValue: e(m)[E],
-                "onUpdate:modelValue": (Y) => e(m)[E] = Y,
+                modelValue: e(p)[T],
+                "onUpdate:modelValue": (Y) => e(p)[T] = Y,
                 onChange: j[0] || (j[0] = (Y) => e(x)(Y.name, Y.value)),
                 onClear: j[1] || (j[1] = (Y) => {
-                  e(f)(Y), e(x)(Y, void 0);
+                  e(d)(Y), e(x)(Y, void 0);
                 })
-              }), null, 16, ["width", "class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)) : V("", !0),
-              (i(!0), w(U, null, X(e(d), (E, P) => (i(), T(le, J({
+              }), null, 16, ["width", "class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)) : _("", !0),
+              (i(!0), w(U, null, X(e(c), (T, P) => (i(), I(le, J({
                 key: "slot-" + P,
                 ref_for: !0
-              }, { ...E.props, layout: "inline" }, {
-                class: [z.itemClass, E.props?.class],
-                "item-class": [z.itemClass, E.props?.itemClass].filter(Boolean).join(" ") || void 0,
+              }, { ...T.props, layout: "inline" }, {
+                class: [z.itemClass, T.props?.class],
+                "item-class": [z.itemClass, T.props?.itemClass].filter(Boolean).join(" ") || void 0,
                 cleanable: !0,
-                modelValue: e(m)[E.props.name],
-                "onUpdate:modelValue": (Y) => e(m)[E.props.name] = Y,
+                modelValue: e(p)[T.props.name],
+                "onUpdate:modelValue": (Y) => e(p)[T.props.name] = Y,
                 onChange: j[2] || (j[2] = (Y) => e(x)(Y.name, Y.value)),
                 onClear: j[3] || (j[3] = (Y) => {
-                  e(f)(Y), e(x)(Y, void 0);
+                  e(d)(Y), e(x)(Y, void 0);
                 })
               }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128))
             ]),
@@ -3111,9 +3129,9 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
                 class: L([z.itemClass, "text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none"]),
                 onClick: N
               }, S(e(y)("filter.clear")), 3)
-            ])) : V("", !0)
+            ])) : _("", !0)
           ])
-        ], 6)) : V("", !0)
+        ], 6)) : _("", !0)
       ]))
     ], 512));
   }
@@ -3133,44 +3151,44 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
     itemClass: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(p, { expose: o, emit: y }) {
-    const t = p, a = A(n(t.value ?? {}));
-    I(
+  setup(m, { expose: o, emit: y }) {
+    const t = m, a = A(n(t.value ?? {}));
+    E(
       () => t.value,
-      async (c) => {
-        a.value = n(c ?? {}), (!c || Object.keys(c).length === 0) && (await fe(), g.value?.clearAllFilters?.(!0));
+      async (f) => {
+        a.value = n(f ?? {}), (!f || Object.keys(f).length === 0) && (await fe(), g.value?.clearAllFilters?.(!0));
       },
       { deep: !0, immediate: !0 }
     );
-    const l = y, g = A(), m = pe();
-    function n(c) {
-      if (Array.isArray(c))
-        return c.map((r) => n(r));
-      if (c !== null && typeof c == "object") {
-        const r = ue(c), s = {};
+    const l = y, g = A(), p = pe();
+    function n(f) {
+      if (Array.isArray(f))
+        return f.map((r) => n(r));
+      if (f !== null && typeof f == "object") {
+        const r = ue(f), s = {};
         for (const b in r)
           s[b] = n(r[b]);
         return s;
       }
-      return c;
+      return f;
     }
-    function x(c, r) {
+    function x(f, r) {
       r !== void 0 ? a.value = {
         ...a.value,
-        [c]: r
-      } : delete a.value[c], l("change", {
+        [f]: r
+      } : delete a.value[f], l("change", {
         data: n(a.value),
-        name: c,
+        name: f,
         value: n(r)
       });
     }
-    function f(c) {
-      delete a.value[c], l("clear", {
+    function d(f) {
+      delete a.value[f], l("clear", {
         data: n(a.value),
-        name: c
+        name: f
       }), l("change", {
         data: n(a.value),
-        name: c,
+        name: f,
         value: null
       });
     }
@@ -3184,7 +3202,7 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
         value: null
       });
     }
-    const d = A({});
+    const c = A({});
     function k() {
       switch (t.view) {
         case "inline":
@@ -3199,64 +3217,64 @@ const Ue = /* @__PURE__ */ te(so, [["render", uo]]), co = { class: "flex items-c
           return Fe;
       }
     }
-    I(
+    E(
       () => t.schema,
-      (c) => {
-        if (!c) {
-          d.value = {};
+      (f) => {
+        if (!f) {
+          c.value = {};
           return;
         }
-        if (Array.isArray(c) && !c.length) {
-          d.value = {};
+        if (Array.isArray(f) && !f.length) {
+          c.value = {};
           return;
         }
-        Array.isArray(c) ? d.value = c.filter((r) => r.type).reduce((r, s) => (Object.assign(s, {
+        Array.isArray(f) ? c.value = f.filter((r) => r.type).reduce((r, s) => (Object.assign(s, {
           name: s.id || s.name,
           type: { datepicker: "date" }[s.type.toLowerCase()] || s.type.toLowerCase(),
           label: s.label || s.ua
-        }), r[s.name] = s, s.data && !s.api && !s.options && Object.assign(s, { api: `/api/suggest/${s.data}` }), r), {}) : (Object.entries(c).forEach(([r, s]) => {
+        }), r[s.name] = s, s.data && !s.api && !s.options && Object.assign(s, { api: `/api/suggest/${s.data}` }), r), {}) : (Object.entries(f).forEach(([r, s]) => {
           Object.assign(s, { name: r || s.name || s.id, type: s.type.toLowerCase() });
-        }), d.value = { ...c });
+        }), c.value = { ...f });
       },
       { immediate: !0, deep: !0 }
     );
-    function _(c) {
-      g.value.clearFilter(c), f(c);
+    function V(f) {
+      g.value.clearFilter(f), d(f);
     }
     function C() {
       g.value.clearAllFilters(), v();
     }
-    return I(
+    return E(
       () => a.value,
-      (c) => {
+      (f) => {
         if (t.history) {
           const r = new URL(window.location.href), s = new URLSearchParams(window.location.search);
-          Object.keys(c).length > 0 ? s.set(
+          Object.keys(f).length > 0 ? s.set(
             "filter",
-            Object.entries(c).filter(([, b]) => b).map(([b, h]) => `${b}=${h}`).join("|")
+            Object.entries(f).filter(([, b]) => b).map(([b, h]) => `${b}=${h}`).join("|")
           ) : s.delete("filter"), r.search = decodeURI(s.toString()), window.history.pushState({}, "", r);
         }
       }
     ), o({
       clearAllFilters: C,
-      clearFilter: _
-    }), (c, r) => (i(), T(re(k()), J(t, {
-      schema: d.value,
+      clearFilter: V
+    }), (f, r) => (i(), I(re(k()), J(t, {
+      schema: c.value,
       onChange: r[0] || (r[0] = (s) => x(s.name, s.value)),
-      onClear: r[1] || (r[1] = (s) => f(s.name)),
+      onClear: r[1] || (r[1] = (s) => d(s.name)),
       onClearAll: v,
       ref_key: "filterRef",
       ref: g
     }), Qe({
       default: ne(() => [
-        de(c.$slots, "default")
+        de(f.$slots, "default")
       ]),
       _: 2
     }, [
-      e(m).trigger ? {
+      e(p).trigger ? {
         name: "trigger",
         fn: ne((s) => [
-          de(c.$slots, "trigger", He(Ge(s)))
+          de(f.$slots, "trigger", He(Ge(s)))
         ]),
         key: "0"
       } : void 0