@opengis/filter 0.1.30 → 0.1.32

package/dist/index.js

@@ -1,10 +1,10 @@
-import { createElementBlock as w, openBlock as r, createElementVNode as a, defineComponent as W, ref as j, computed as E, normalizeClass as I, withModifiers as se, createCommentVNode as A, toDisplayString as R, createVNode as Y, watch as U, createStaticVNode as Ne, Fragment as N, renderList as G, unref as e, createBlock as z, createTextVNode as Q, withDirectives as H, vShow as Z, getCurrentInstance as Pe, vModelText as ae, onBeforeUnmount as me, onMounted as ce, isRef as qe, Teleport as ve, normalizeStyle as be, renderSlot as de, nextTick as fe, withCtx as ne, resolveDynamicComponent as re, mergeProps as X, toRaw as ue, cloneVNode as We, useSlots as pe, reactive as Ye, withKeys as $e, useAttrs as He, createSlots as Qe, normalizeProps as Ge, guardReactiveProps as Je } from "vue";
-import { notify as Ae } from "@opengis/core";
-const ee = (y, o) => {
-  const x = y.__vccOpts || y;
-  for (const [t, i] of o)
-    x[t] = i;
-  return x;
+import { openBlock as s, createElementBlock as b, createElementVNode as o, defineComponent as W, ref as F, computed as T, normalizeClass as I, withModifiers as se, createCommentVNode as S, toDisplayString as K, createVNode as Y, watch as _, createStaticVNode as Pe, Fragment as U, renderList as G, unref as e, createBlock as z, createTextVNode as Q, withDirectives as H, vShow as Z, getCurrentInstance as Ne, vModelText as ne, onBeforeUnmount as pe, onMounted as fe, isRef as qe, Teleport as ve, normalizeStyle as be, renderSlot as ce, nextTick as de, withCtx as oe, resolveDynamicComponent as re, mergeProps as X, toRaw as ue, cloneVNode as We, useSlots as me, reactive as Ye, withKeys as Ae, useAttrs as He, createSlots as Qe, normalizeProps as Ge, guardReactiveProps as Je } from "vue";
+import { notify as Be } from "@opengis/core";
+const ee = (t, n) => {
+  const v = t.__vccOpts || t;
+  for (const [l, i] of n)
+    v[l] = i;
+  return v;
 }, Xe = {}, Ze = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
@@ -17,18 +17,18 @@ const ee = (y, 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 et(y, o) {
-  return r(), w("svg", Ze, [...o[0] || (o[0] = [
-    a("path", {
+function et(t, n) {
+  return s(), b("svg", Ze, [...n[0] || (n[0] = [
+    o("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    a("path", { d: "M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747" }, null, -1),
-    a("path", { d: "M20 4v5h-5" }, null, -1)
+    o("path", { d: "M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747" }, null, -1),
+    o("path", { d: "M20 4v5h-5" }, null, -1)
   ])]);
 }
-const tt = /* @__PURE__ */ ee(Xe, [["render", et]]), lt = {}, ot = {
+const tt = /* @__PURE__ */ ee(Xe, [["render", et]]), lt = {}, at = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -40,12 +40,12 @@ const tt = /* @__PURE__ */ ee(Xe, [["render", et]]), lt = {}, ot = {
   "stroke-linejoin": "round",
   class: "text-blue-600 w-[16px] h-[16px]"
 };
-function at(y, o) {
-  return r(), w("svg", ot, [...o[0] || (o[0] = [
-    a("path", { d: "M20 6 9 17l-5-5" }, null, -1)
+function nt(t, n) {
+  return s(), b("svg", at, [...n[0] || (n[0] = [
+    o("path", { d: "M20 6 9 17l-5-5" }, null, -1)
   ])]);
 }
-const oe = /* @__PURE__ */ ee(lt, [["render", at]]), nt = { class: "flex items-center cursor-pointer w-full" }, rt = {
+const ae = /* @__PURE__ */ ee(lt, [["render", nt]]), ot = { class: "flex items-center cursor-pointer w-full" }, rt = {
   key: 0,
   width: "16",
   height: "auto",
@@ -53,10 +53,10 @@ const oe = /* @__PURE__ */ ee(lt, [["render", at]]), nt = { class: "flex items-c
 }, st = ["value"], it = { class: "flex flex-row items-center font-normal text-gray-800 gap-x-1" }, ut = {
   key: 0,
   class: "text-xs text-gray-500 dark:text-neutral-500 pr-1"
-}, dt = {
+}, ct = {
   key: 1,
   class: "absolute right-2 flex size-3.5 items-center justify-center"
-}, he = /* @__PURE__ */ W({
+}, xe = /* @__PURE__ */ W({
   __name: "list-item",
   props: {
     layout: {},
@@ -69,124 +69,124 @@ const oe = /* @__PURE__ */ ee(lt, [["render", at]]), nt = { class: "flex items-c
     highlighted: { type: Boolean }
   },
   emits: ["itemClick"],
-  setup(y, { expose: o, emit: x }) {
-    const t = y, i = x;
-    function l() {
-      i("itemClick", t.value);
+  setup(t, { expose: n, emit: v }) {
+    const l = t, i = v;
+    function a() {
+      i("itemClick", l.value);
     }
-    const m = j(null), u = E(() => t.layout === "inline" && t.type === "radio"), f = E(() => t.layout === "vertical" ? "text-[13px]" : "text-sm");
-    return o({ el: m }), (b, n) => (r(), w("div", {
+    const f = F(null), u = T(() => l.layout === "inline" && l.type === "radio"), c = T(() => l.layout === "vertical" ? "text-[13px]" : "text-sm");
+    return n({ el: f }), (g, r) => (s(), b("div", {
       class: "flex items-center w-full rounded-sm group hover:bg-gray-100",
       ref_key: "el",
-      ref: m
+      ref: f
     }, [
-      a("div", {
-        class: I(["flex items-center justify-between w-full", f.value])
+      o("div", {
+        class: I(["flex items-center justify-between w-full", c.value])
       }, [
-        a("div", nt, [
-          a("label", {
+        o("div", ot, [
+          o("label", {
             for: "radio-9740",
             class: I([
-              ["inline", "popover"].includes(b.layout) ? "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-gray-500 cursor-pointer",
-              { "bg-blue-100": b.highlighted, relative: u.value },
-              f.value
+              ["inline", "popover"].includes(t.layout) ? "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-gray-500 cursor-pointer",
+              { "bg-blue-100": t.highlighted, relative: u.value },
+              c.value
             ]),
-            onClick: se(l, ["stop", "prevent"])
+            onClick: se(a, ["stop", "prevent"])
           }, [
-            u.value ? A("", !0) : (r(), w("div", {
+            u.value ? S("", !0) : (s(), b("div", {
               key: 0,
               class: I(["w-[18px] h-[18px] border flex items-center justify-center", [
-                b.type === "checkbox" ? "rounded-[4px]" : "rounded-full",
-                b.color ? `bg-[${b.color}] border-[#ffffff]` : b.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
+                t.type === "checkbox" ? "rounded-[4px]" : "rounded-full",
+                t.color ? `bg-[${t.color}] border-[#ffffff]` : t.isSelected ? "bg-[#2563eb] border-[#ffffff]" : "bg-[#ffffff] border-[#d9d9d9]"
               ]])
             }, [
-              b.isSelected ? (r(), w("img", rt)) : A("", !0)
+              t.isSelected ? (s(), b("img", rt)) : S("", !0)
             ], 2)),
-            a("input", {
+            o("input", {
               type: "checkbox",
               class: "hidden",
               id: "radio-9740",
-              value: b.value
+              value: t.value
             }, null, 8, st),
-            a("div", {
+            o("div", {
               class: I(["flex flex-1 flex-row items-center justify-between", u.value ? "pl-1 pr-6" : "w-[calc(100%-18px)] pl-[10px]"])
             }, [
-              a("span", it, R(b.label ?? "Відсутні дані"), 1),
-              b.count ? (r(), w("div", ut, " (" + R(b.count) + ") ", 1)) : A("", !0)
+              o("span", it, K(t.label ?? "Відсутні дані"), 1),
+              t.count ? (s(), b("div", ut, " (" + K(t.count) + ") ", 1)) : S("", !0)
             ], 2),
-            u.value && b.isSelected ? (r(), w("span", dt, [
-              Y(oe)
-            ])) : A("", !0)
+            u.value && t.isSelected ? (s(), b("span", ct, [
+              Y(ae)
+            ])) : S("", !0)
           ], 2)
         ])
       ], 2)
     ], 512));
   }
 });
-function xe(y, o) {
+function he(t, n) {
   const {
-    options: x = [],
-    limit: t = 20
-  } = y;
-  function i(s) {
-    return Array.isArray(s) ? s[0] : s;
-  }
-  const l = j(i(y.modelValue)), m = j(""), u = j(!1), f = j([]), b = j("id"), n = j("text"), g = j(!1), d = j(y.layout !== "popover" && x.length > t);
-  function C(s) {
-    const p = s.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find((B) => B in p) ?? "id", M = ["text", "label", "name", "title"].find((B) => B in p) ?? "text";
-    return { autoValueKey: K, autoLabelKey: M };
-  }
-  if (x.length > 0) {
-    const s = C(x);
-    b.value = s.autoValueKey, n.value = s.autoLabelKey;
-  }
-  const _ = E(() => {
-    const s = f.value;
-    return y.layout === "popover" || g.value ? s : s.slice(0, t);
+    options: v = [],
+    limit: l = 20
+  } = t;
+  function i(m) {
+    return Array.isArray(m) ? m[0] : m;
+  }
+  const a = F(i(t.modelValue)), f = F(""), u = F(!1), c = F([]), g = F("id"), r = F("text"), p = F(!1), x = F(t.layout !== "popover" && v.length > l);
+  function k(m) {
+    const w = m.find(Boolean) ?? {}, L = ["id", "value", "code", "key"].find((B) => B in w) ?? "id", j = ["text", "label", "name", "title"].find((B) => B in w) ?? "text";
+    return { autoValueKey: L, autoLabelKey: j };
+  }
+  if (v.length > 0) {
+    const m = k(v);
+    g.value = m.autoValueKey, r.value = m.autoLabelKey;
+  }
+  const $ = T(() => {
+    const m = c.value;
+    return t.layout === "popover" || p.value ? m : m.slice(0, l);
   });
-  U(() => y.modelValue, (s) => {
-    l.value = i(s);
-  }, { immediate: !0 }), f.value = [...x].sort((s, p) => y.sort === "count" ? p.count && s.count ? p.count - s.count : 0 : y.sort === "name" ? String(s[n.value] ?? "").localeCompare(String(p[n.value] ?? "")) : 0);
-  function F(s) {
-    return l.value === s[b.value];
+  _(() => t.modelValue, (m) => {
+    a.value = i(m);
+  }, { immediate: !0 }), c.value = [...v].sort((m, w) => t.sort === "count" ? w.count && m.count ? w.count - m.count : 0 : t.sort === "name" ? String(m[r.value] ?? "").localeCompare(String(w[r.value] ?? "")) : 0);
+  function M(m) {
+    return a.value === m[g.value];
   }
-  function k(s) {
-    l.value = s[b.value], o("update:modelValue", l.value), o("change", { name: y.name, value: l.value });
+  function C(m) {
+    a.value = m[g.value], n("update:modelValue", a.value), n("change", { name: t.name, value: a.value });
   }
-  function c() {
-    l.value = void 0, o("update:modelValue", l.value), o("clear", y.name);
+  function d() {
+    a.value = void 0, n("update:modelValue", a.value), n("clear", t.name);
   }
   function h() {
-    g.value = !g.value;
+    p.value = !p.value;
   }
   return {
-    innerValue: l,
-    searchTerm: m,
-    filteredOptions: _,
-    isSelected: F,
-    selectItem: k,
-    clear: c,
+    innerValue: a,
+    searchTerm: f,
+    filteredOptions: $,
+    isSelected: M,
+    selectItem: C,
+    clear: d,
     toggleShowAll: h,
     isReqProc: u,
-    showAll: g,
-    isEnableShowAll: d,
-    labelKey: n,
-    valueKey: b,
-    allOptions: f
+    showAll: p,
+    isEnableShowAll: x,
+    labelKey: r,
+    valueKey: g,
+    allOptions: c
   };
 }
-const ct = {}, ft = {
+const dt = {}, ft = {
   class: "w-48 mx-auto",
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function pt(y, o) {
-  return r(), 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)
+function mt(t, n) {
+  return s(), b("svg", ft, [...n[0] || (n[0] = [
+    Pe('<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)
   ])]);
 }
-const we = /* @__PURE__ */ ee(ct, [["render", pt]]), mt = {}, vt = {
+const we = /* @__PURE__ */ ee(dt, [["render", mt]]), pt = {}, vt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -198,17 +198,17 @@ const we = /* @__PURE__ */ ee(ct, [["render", pt]]), mt = {}, vt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"
 };
-function yt(y, o) {
-  return r(), w("svg", vt, [...o[0] || (o[0] = [
-    a("path", {
+function yt(t, n) {
+  return s(), b("svg", vt, [...n[0] || (n[0] = [
+    o("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    o("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ])]);
 }
-const ye = /* @__PURE__ */ ee(mt, [["render", yt]]), gt = {}, bt = {
+const ye = /* @__PURE__ */ ee(pt, [["render", yt]]), gt = {}, bt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -220,17 +220,17 @@ const ye = /* @__PURE__ */ ee(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(y, o) {
-  return r(), w("svg", bt, [...o[0] || (o[0] = [
-    a("path", {
+function xt(t, n) {
+  return s(), b("svg", bt, [...n[0] || (n[0] = [
+    o("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    o("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ])]);
 }
-const ke = /* @__PURE__ */ ee(gt, [["render", ht]]), xt = {
+const ke = /* @__PURE__ */ ee(gt, [["render", xt]]), ht = {
   key: 0,
   class: "w-full"
 }, wt = { class: "flex flex-col items-center justify-center p-5 text-center" }, kt = {
@@ -268,161 +268,161 @@ const ke = /* @__PURE__ */ ee(gt, [["render", ht]]), xt = {
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { expose: o, emit: x }) {
-    const t = y, i = j(null), l = x, {
-      innerValue: m,
+  setup(t, { expose: n, emit: v }) {
+    const l = t, i = F(null), a = v, {
+      innerValue: f,
       filteredOptions: u,
-      isSelected: f,
-      selectItem: b,
-      clear: n,
-      toggleShowAll: g,
-      isReqProc: d,
-      showAll: C,
-      isEnableShowAll: _,
-      labelKey: F,
-      valueKey: k,
-      allOptions: c
-    } = xe({
-      ...t,
-      modelValue: t.modelValue ?? t.default ?? ""
-    }, l);
-    return o({
-      clear: n,
+      isSelected: c,
+      selectItem: g,
+      clear: r,
+      toggleShowAll: p,
+      isReqProc: x,
+      showAll: k,
+      isEnableShowAll: $,
+      labelKey: M,
+      valueKey: C,
+      allOptions: d
+    } = he({
+      ...l,
+      modelValue: l.modelValue ?? l.default ?? ""
+    }, a);
+    return n({
+      clear: r,
       inputTextRef: i
-    }), U(
-      () => t.modelValue,
+    }), _(
+      () => l.modelValue,
       (h) => {
-        h === void 0 && (m.value = void 0);
+        h === void 0 && (f.value = void 0);
       }
-    ), (h, s) => (r(), w("div", {
-      class: I([h.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
+    ), (h, m) => (s(), b("div", {
+      class: I([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox"])
     }, [
-      a("div", {
+      o("div", {
         class: I([
-          h.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
-          h.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+          t.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
+          t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (r(!0), w(N, null, G(e(u), (p) => (r(), z(he, {
-          layout: h.layout,
-          key: p[e(k)],
-          count: p.count,
-          label: p[e(F)],
-          color: p.color,
+        (s(!0), b(U, null, G(e(u), (w) => (s(), z(xe, {
+          layout: t.layout,
+          key: w[e(C)],
+          count: w.count,
+          label: w[e(M)],
+          color: w.color,
           type: "radio",
-          value: p[e(k)],
-          "is-selected": e(f)(p),
-          onItemClick: (K) => e(b)(p)
+          value: w[e(C)],
+          "is-selected": e(c)(w),
+          onItemClick: (L) => e(g)(w)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 128))
       ], 2),
-      h.type === "select" && e(u).length === 0 && !e(d) ? (r(), w("div", xt, [
-        a("div", wt, [
+      t.type === "select" && e(u).length === 0 && !e(x) ? (s(), b("div", ht, [
+        o("div", wt, [
           Y(we),
-          s[4] || (s[4] = a("div", { class: "max-w-sm mx-auto mt-6" }, [
-            a("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
-            a("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
+          m[4] || (m[4] = o("div", { class: "max-w-sm mx-auto mt-6" }, [
+            o("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "За вашим запитом нічого не знайдено"),
+            o("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
           ], -1))
         ])
-      ])) : A("", !0),
-      h.layout !== "popover" && h.type !== "select" ? (r(), w(N, { key: 1 }, [
-        !e(C) && e(_) ? (r(), w("div", {
+      ])) : S("", !0),
+      t.layout !== "popover" && t.type !== "select" ? (s(), b(U, { key: 1 }, [
+        !e(k) && e($) ? (s(), b("div", {
           key: 0,
-          onClick: s[0] || (s[0] = //@ts-ignore
-          (...p) => e(g) && e(g)(...p)),
+          onClick: m[0] || (m[0] = //@ts-ignore
+          (...w) => e(p) && e(p)(...w)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          s[5] || (s[5] = Q(" Показати більше ", -1)),
+          m[5] || (m[5] = Q(" Показати більше ", -1)),
           Y(ye)
-        ])) : A("", !0),
-        e(C) ? (r(), w("div", {
+        ])) : S("", !0),
+        e(k) ? (s(), b("div", {
           key: 1,
-          onClick: s[1] || (s[1] = //@ts-ignore
-          (...p) => e(g) && e(g)(...p)),
+          onClick: m[1] || (m[1] = //@ts-ignore
+          (...w) => e(p) && e(p)(...w)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          s[6] || (s[6] = Q(" Показати менше ", -1)),
+          m[6] || (m[6] = Q(" Показати менше ", -1)),
           Y(ke)
-        ])) : A("", !0)
-      ], 64)) : A("", !0),
-      h.cleanable ? (r(), w(N, { key: 2 }, [
-        h.layout === "inline" ? (r(), w("div", kt, [
-          Q(R(e(m) || e(m) === null ? 1 : 0) + " з " + R(e(c).length) + " обрано ", 1),
-          H(a("button", {
+        ])) : S("", !0)
+      ], 64)) : S("", !0),
+      t.cleanable ? (s(), b(U, { key: 2 }, [
+        t.layout === "inline" ? (s(), b("div", kt, [
+          Q(K(e(f) || e(f) === null ? 1 : 0) + " з " + K(e(d).length) + " обрано ", 1),
+          H(o("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: s[2] || (s[2] = //@ts-ignore
-            (...p) => e(n) && e(n)(...p))
+            onClick: m[2] || (m[2] = //@ts-ignore
+            (...w) => e(r) && e(r)(...w))
           }, " Очистити ", 512), [
-            [Z, e(m) !== "" && e(m) !== void 0]
+            [Z, e(f) !== "" && e(f) !== void 0]
           ])
-        ])) : A("", !0),
-        h.layout === "popover" ? (r(), w("div", Ct, [
-          a("span", null, R(e(m) || e(m) === null ? 1 : 0) + " з " + R(e(c).length) + " обрано", 1),
-          H(a("button", {
+        ])) : S("", !0),
+        t.layout === "popover" ? (s(), b("div", Ct, [
+          o("span", null, K(e(f) || e(f) === null ? 1 : 0) + " з " + K(e(d).length) + " обрано", 1),
+          H(o("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: s[3] || (s[3] = //@ts-ignore
-            (...p) => e(n) && e(n)(...p))
+            onClick: m[3] || (m[3] = //@ts-ignore
+            (...w) => e(r) && e(r)(...w))
           }, " Очистити ", 512), [
-            [Z, e(m) !== "" && e(m) !== void 0]
+            [Z, e(f) !== "" && e(f) !== void 0]
           ])
-        ])) : A("", !0)
-      ], 64)) : A("", !0)
+        ])) : S("", !0)
+      ], 64)) : S("", !0)
     ], 2));
   }
 });
-function Me(y, o) {
+function Le(t, n) {
   const {
-    options: x = [],
-    limit: t = 20
-  } = y;
-  function i(s) {
-    return Array.isArray(s) ? s : s ? [s] : [];
-  }
-  const l = j(i(y.modelValue)), m = j(""), u = j(!1), f = j([]), b = j("id"), n = j("text"), g = j(!1), d = j(y.layout !== "popover" && x.length > t);
-  function C(s) {
-    const p = s.find(Boolean) ?? {}, K = ["id", "value", "code", "key"].find((B) => B in p) ?? "id", M = ["text", "label", "name", "title"].find((B) => B in p) ?? "text";
-    return { autoValueKey: K, autoLabelKey: M };
-  }
-  if (x.length > 0) {
-    const s = C(x);
-    b.value = s.autoValueKey, n.value = s.autoLabelKey;
-  }
-  const _ = E(() => {
-    const s = f.value;
-    return y.layout === "popover" || g.value ? s : s.slice(0, t);
+    options: v = [],
+    limit: l = 20
+  } = t;
+  function i(m) {
+    return Array.isArray(m) ? m : m ? [m] : [];
+  }
+  const a = F(i(t.modelValue)), f = F(""), u = F(!1), c = F([]), g = F("id"), r = F("text"), p = F(!1), x = F(t.layout !== "popover" && v.length > l);
+  function k(m) {
+    const w = m.find(Boolean) ?? {}, L = ["id", "value", "code", "key"].find((B) => B in w) ?? "id", j = ["text", "label", "name", "title"].find((B) => B in w) ?? "text";
+    return { autoValueKey: L, autoLabelKey: j };
+  }
+  if (v.length > 0) {
+    const m = k(v);
+    g.value = m.autoValueKey, r.value = m.autoLabelKey;
+  }
+  const $ = T(() => {
+    const m = c.value;
+    return t.layout === "popover" || p.value ? m : m.slice(0, l);
   });
-  U(() => y.modelValue, (s) => {
-    l.value = i(s);
-  }, { immediate: !0 }), f.value = [...x].sort((s, p) => y.sort === "count" ? p.count && s.count ? p.count - s.count : 0 : y.sort === "name" ? String(s[n.value]).localeCompare(String(p[n.value])) : 0);
-  function F(s) {
-    return l.value && l.value.includes(s[b.value]);
+  _(() => t.modelValue, (m) => {
+    a.value = i(m);
+  }, { immediate: !0 }), c.value = [...v].sort((m, w) => t.sort === "count" ? w.count && m.count ? w.count - m.count : 0 : t.sort === "name" ? String(m[r.value]).localeCompare(String(w[r.value])) : 0);
+  function M(m) {
+    return a.value && a.value.includes(m[g.value]);
   }
-  function k(s) {
-    const p = l.value.includes(s[b.value]);
-    l.value = p ? l.value.filter((K) => K !== s[b.value]) : [...l.value, s[b.value]], o("update:modelValue", l.value), o("change", { name: y.name, value: l.value });
+  function C(m) {
+    const w = a.value.includes(m[g.value]);
+    a.value = w ? a.value.filter((L) => L !== m[g.value]) : [...a.value, m[g.value]], n("update:modelValue", a.value), n("change", { name: t.name, value: a.value });
   }
-  function c() {
-    l.value = [], o("update:modelValue", l.value), o("clear", y.name);
+  function d() {
+    a.value = [], n("update:modelValue", a.value), n("clear", t.name);
   }
   function h() {
-    g.value = !g.value;
+    p.value = !p.value;
   }
   return {
-    innerValue: l,
-    searchTerm: m,
-    filteredOptions: _,
-    isSelected: F,
-    selectItem: k,
-    clear: c,
+    innerValue: a,
+    searchTerm: f,
+    filteredOptions: $,
+    isSelected: M,
+    selectItem: C,
+    clear: d,
     toggleShowAll: h,
     isReqProc: u,
-    showAll: g,
-    isEnableShowAll: d,
-    labelKey: n,
-    valueKey: b,
-    allOptions: f
+    showAll: p,
+    isEnableShowAll: x,
+    labelKey: r,
+    valueKey: g,
+    allOptions: c
   };
 }
-const Be = {
+const Se = {
   en: {
     apply: "Apply",
     search: "Search",
@@ -466,29 +466,29 @@ const Be = {
     selectFieldHelp: "Оберіть поле, щоб розпочати створення фільтра."
   }
 };
-function Se(y) {
-  const o = y.split(".")[1], x = typeof window < "u" && window.localStorage ? localStorage.locale : null;
-  return (Be[x || navigator.language] || Be.uk)[o];
+function je(t) {
+  const n = t.split(".")[1], v = typeof window < "u" && window.localStorage ? localStorage.locale : null;
+  return (Se[v || navigator.language] || Se.uk)[n];
 }
 function le() {
-  const y = Pe();
-  if (!y.appContext.config.globalProperties.$i18n) return Se;
-  const o = y.appContext.config.globalProperties.$t;
-  return (x) => {
-    const t = o(x);
-    return t === x ? Se(x) : t;
+  const t = Ne();
+  if (!t.appContext.config.globalProperties.$i18n) return je;
+  const n = t.appContext.config.globalProperties.$t;
+  return (v) => {
+    const l = n(v);
+    return l === v ? je(v) : l;
   };
 }
-const _t = {
+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" }, Bt = { class: "font-medium text-gray-800 dark:text-neutral-200" }, St = {
+}, At = { class: "flex flex-col items-center justify-center p-5 text-center" }, Bt = { class: "max-w-sm mx-auto mt-6" }, St = { class: "font-medium text-gray-800 dark:text-neutral-200" }, jt = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
-}, jt = {
+}, Dt = {
   key: 1,
   class: "flex justify-between items-center text-xs text-gray-500 p-1 border-t"
-}, je = /* @__PURE__ */ W({
+}, De = /* @__PURE__ */ W({
   __name: "checkbox",
   props: {
     id: {},
@@ -517,105 +517,105 @@ const _t = {
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { expose: o, emit: x }) {
-    const t = le(), i = y, l = x, {
-      innerValue: m,
+  setup(t, { expose: n, emit: v }) {
+    const l = le(), i = t, a = v, {
+      innerValue: f,
       filteredOptions: u,
-      isSelected: f,
-      selectItem: b,
-      clear: n,
-      toggleShowAll: g,
-      isReqProc: d,
-      showAll: C,
-      isEnableShowAll: _,
-      labelKey: F,
-      valueKey: k,
-      allOptions: c
-    } = Me({
+      isSelected: c,
+      selectItem: g,
+      clear: r,
+      toggleShowAll: p,
+      isReqProc: x,
+      showAll: k,
+      isEnableShowAll: $,
+      labelKey: M,
+      valueKey: C,
+      allOptions: d
+    } = Le({
       ...i,
       modelValue: i.modelValue
-    }, l);
-    return U(
+    }, a);
+    return _(
       () => i.modelValue,
       (h) => {
-        h === void 0 && (m.value = []);
+        h === void 0 && (f.value = []);
       }
-    ), o({
-      clear: n
-    }), (h, s) => (r(), w("div", {
-      class: I([h.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    ), n({
+      clear: r
+    }), (h, m) => (s(), b("div", {
+      class: I([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
     }, [
-      a("div", {
+      o("div", {
         class: I([
-          h.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
-          h.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+          t.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
+          t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (r(!0), w(N, null, G(e(u), (p) => (r(), z(he, {
-          layout: h.layout,
-          count: p.count,
-          label: p[e(F)],
-          color: p.color,
+        (s(!0), b(U, null, G(e(u), (w) => (s(), z(xe, {
+          layout: t.layout,
+          count: w.count,
+          label: w[e(M)],
+          color: w.color,
           type: "checkbox",
-          value: p[e(k)],
-          "is-selected": e(f)(p),
-          onItemClick: (K) => e(b)(p)
+          value: w[e(C)],
+          "is-selected": e(c)(w),
+          onItemClick: (L) => e(g)(w)
         }, null, 8, ["layout", "count", "label", "color", "value", "is-selected", "onItemClick"]))), 256))
       ], 2),
-      h.type === "select" && e(u).length === 0 && !e(d) ? (r(), w("div", _t, [
-        a("div", $t, [
+      t.type === "select" && e(u).length === 0 && !e(x) ? (s(), b("div", $t, [
+        o("div", At, [
           Y(we),
-          a("div", At, [
-            a("p", Bt, R(e(t)("filter.notfound")), 1),
-            s[4] || (s[4] = a("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
+          o("div", Bt, [
+            o("p", St, K(e(l)("filter.notfound")), 1),
+            m[4] || (m[4] = o("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
           ])
         ])
-      ])) : A("", !0),
-      h.layout !== "popover" && h.type !== "select" ? (r(), w(N, { key: 1 }, [
-        !e(C) && e(_) ? (r(), w("div", {
+      ])) : S("", !0),
+      t.layout !== "popover" && t.type !== "select" ? (s(), b(U, { key: 1 }, [
+        !e(k) && e($) ? (s(), b("div", {
           key: 0,
-          onClick: s[0] || (s[0] = //@ts-ignore
-          (...p) => e(g) && e(g)(...p)),
+          onClick: m[0] || (m[0] = //@ts-ignore
+          (...w) => e(p) && e(p)(...w)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          Q(R(e(t)("filter.more")) + " ", 1),
+          Q(K(e(l)("filter.more")) + " ", 1),
           Y(ye)
-        ])) : A("", !0),
-        e(C) ? (r(), w("div", {
+        ])) : S("", !0),
+        e(k) ? (s(), b("div", {
           key: 1,
-          onClick: s[1] || (s[1] = //@ts-ignore
-          (...p) => e(g) && e(g)(...p)),
+          onClick: m[1] || (m[1] = //@ts-ignore
+          (...w) => e(p) && e(p)(...w)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          Q(R(e(t)("filter.less")) + " ", 1),
+          Q(K(e(l)("filter.less")) + " ", 1),
           Y(ke)
-        ])) : A("", !0)
-      ], 64)) : A("", !0),
-      h.cleanable ? (r(), w(N, { key: 2 }, [
-        h.layout === "inline" ? (r(), w("div", St, [
-          Q(R(e(m).length) + " / " + R(e(c).length) + " " + R(e(t)("filter.selected")) + " ", 1),
-          H(a("button", {
+        ])) : S("", !0)
+      ], 64)) : S("", !0),
+      t.cleanable ? (s(), b(U, { key: 2 }, [
+        t.layout === "inline" ? (s(), b("div", jt, [
+          Q(K(e(f).length) + " / " + K(e(d).length) + " " + K(e(l)("filter.selected")) + " ", 1),
+          H(o("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: s[2] || (s[2] = //@ts-ignore
-            (...p) => e(n) && e(n)(...p))
-          }, R(e(t)("filter.clear")), 513), [
-            [Z, e(m).length !== 0]
+            onClick: m[2] || (m[2] = //@ts-ignore
+            (...w) => e(r) && e(r)(...w))
+          }, K(e(l)("filter.clear")), 513), [
+            [Z, e(f).length !== 0]
           ])
-        ])) : A("", !0),
-        h.layout === "popover" ? (r(), w("div", jt, [
-          a("span", null, R(e(m).length) + " / " + R(e(c).length) + " " + R(e(t)("filter.selected")), 1),
-          H(a("button", {
+        ])) : S("", !0),
+        t.layout === "popover" ? (s(), b("div", Dt, [
+          o("span", null, K(e(f).length) + " / " + K(e(d).length) + " " + K(e(l)("filter.selected")), 1),
+          H(o("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: s[3] || (s[3] = //@ts-ignore
-            (...p) => e(n) && e(n)(...p))
-          }, R(e(t)("filter.clear")), 513), [
-            [Z, e(m).length !== 0]
+            onClick: m[3] || (m[3] = //@ts-ignore
+            (...w) => e(r) && e(r)(...w))
+          }, K(e(l)("filter.clear")), 513), [
+            [Z, e(f).length !== 0]
           ])
-        ])) : A("", !0)
-      ], 64)) : A("", !0)
+        ])) : S("", !0)
+      ], 64)) : S("", !0)
     ], 2));
   }
-}), Dt = {}, Rt = {
+}), Rt = {}, Ft = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "15px",
@@ -627,18 +627,18 @@ const _t = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Ft(y, o) {
-  return r(), w("svg", Rt, [...o[0] || (o[0] = [
-    a("path", {
+function Kt(t, n) {
+  return s(), b("svg", Ft, [...n[0] || (n[0] = [
+    o("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    a("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
-    a("path", { d: "M21 21l-6 -6" }, null, -1)
+    o("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
+    o("path", { d: "M21 21l-6 -6" }, null, -1)
   ])]);
 }
-const Le = /* @__PURE__ */ ee(Dt, [["render", Ft]]), Kt = {}, Mt = {
+const Oe = /* @__PURE__ */ ee(Rt, [["render", Kt]]), Mt = {}, Lt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -650,24 +650,24 @@ const Le = /* @__PURE__ */ ee(Dt, [["render", Ft]]), Kt = {}, Mt = {
   width: "15px",
   height: "15px"
 };
-function Lt(y, o) {
-  return r(), w("svg", Mt, [...o[0] || (o[0] = [
-    a("path", {
+function Ot(t, n) {
+  return s(), b("svg", Lt, [...n[0] || (n[0] = [
+    o("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    a("path", { d: "M18 6l-12 12" }, null, -1),
-    a("path", { d: "M6 6l12 12" }, null, -1)
+    o("path", { d: "M18 6l-12 12" }, null, -1),
+    o("path", { d: "M6 6l12 12" }, null, -1)
   ])]);
 }
-const Ce = /* @__PURE__ */ ee(Kt, [["render", Lt]]);
-class Oe {
-  static getWidthClass(o) {
-    return typeof o == "number" ? `max-w-[${o}px] min-w-[${o}px]` : typeof o == "string" ? o.endsWith("%") || o.endsWith("px") ? `max-w-[${o}]` : `max-w-${o}` : "w-full";
+const Ce = /* @__PURE__ */ ee(Mt, [["render", Ot]]);
+class Ee {
+  static getWidthClass(n) {
+    return typeof n == "number" ? `max-w-[${n}px] min-w-[${n}px]` : typeof n == "string" ? n.endsWith("%") || n.endsWith("px") ? `max-w-[${n}]` : `max-w-${n}` : "w-full";
   }
 }
-const Ot = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, Et = ["placeholder"], Tt = /* @__PURE__ */ W({
+const Et = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, Tt = ["placeholder"], It = /* @__PURE__ */ W({
   __name: "text-input",
   props: {
     id: {},
@@ -696,80 +696,80 @@ const Ot = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { emit: o }) {
-    const x = y, t = j((x.placeholder || x.label || x.title || x.name || "search").toString()), i = o, l = j(x.modelValue?.toString() ?? "");
-    U(
-      () => x.modelValue,
-      (b) => {
-        b !== l.value && (l.value = b?.toString() ?? "");
+  setup(t, { emit: n }) {
+    const v = t, l = F((v.placeholder || v.label || v.title || v.name || "search").toString()), i = n, a = F(v.modelValue?.toString() ?? "");
+    _(
+      () => v.modelValue,
+      (g) => {
+        g !== a.value && (a.value = g?.toString() ?? "");
       }
     );
-    let m = null;
+    let f = null;
     function u() {
-      if (l.value = l.value.trimStart(), l.value.length === 0) {
-        f();
+      if (a.value = a.value.trimStart(), a.value.length === 0) {
+        c();
         return;
       }
-      m && clearTimeout(m), m = setTimeout(() => {
-        i("update:modelValue", l.value), i("change", { name: x.name, value: l.value });
+      f && clearTimeout(f), f = setTimeout(() => {
+        i("update:modelValue", a.value), i("change", { name: v.name, value: a.value });
       }, 300);
     }
-    function f() {
-      l.value = "", i("update:modelValue", ""), i("clear", x.name);
+    function c() {
+      a.value = "", i("update:modelValue", ""), i("clear", v.name);
     }
-    return (b, n) => (r(), w("div", {
+    return (g, r) => (s(), b("div", {
       class: I([
         "vs-form-text relative bg-white [&>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]: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",
-        b.layout === "vertical" ? "rounded-md" : "rounded-sm",
-        b.layout === "vertical" ? "[&>input]:rounded-md" : "[&>input]:rounded-sm",
-        b.layout === "inline" ? e(Oe).getWidthClass(b.width) : "mb-2" + (b.layout === "popover" ? " m-2" : "")
+        t.layout === "vertical" ? "rounded-md" : "rounded-sm",
+        t.layout === "vertical" ? "[&>input]:rounded-md" : "[&>input]:rounded-sm",
+        t.layout === "inline" ? e(Ee).getWidthClass(t.width) : "mb-2" + (t.layout === "popover" ? " m-2" : "")
       ])
     }, [
-      a("div", Ot, [
-        Y(Le)
+      o("div", Et, [
+        Y(Oe)
       ]),
-      l.value !== "" ? (r(), w("div", {
+      a.value !== "" ? (s(), b("div", {
         key: 0,
-        onClick: f,
+        onClick: c,
         class: "absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"
       }, [
         Y(Ce)
-      ])) : A("", !0),
-      H(a("input", {
+      ])) : S("", !0),
+      H(o("input", {
         type: "text",
-        "onUpdate:modelValue": n[0] || (n[0] = (g) => l.value = g),
+        "onUpdate:modelValue": r[0] || (r[0] = (p) => a.value = p),
         onInput: u,
-        placeholder: t.value,
+        placeholder: l.value,
         class: I([
           "!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 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",
-          b.layout === "vertical" ? "rounded-md" : "rounded-sm"
+          t.layout === "vertical" ? "rounded-md" : "rounded-sm"
         ])
-      }, null, 42, Et), [
-        [ae, l.value]
+      }, null, 42, Tt), [
+        [ne, a.value]
       ])
     ], 2));
   }
 });
-function Ee(y = { color: "blue" }) {
-  return E(() => {
-    const x = `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-${y.color}-500 focus:border-transparent
+function Te(t = { color: "blue" }) {
+  return T(() => {
+    const v = `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-${t.color}-500 focus:border-transparent
       text-gray-800 bg-white dark:text-neutral-300 dark:bg-neutral-800 dark:border-neutral-600`;
-    return y?.size === "sm" ? `${x}h-[32px]` : `${x}h-[38px]`;
+    return t?.size === "sm" ? `${v}h-[32px]` : `${v}h-[38px]`;
   });
 }
-function It() {
+function _t() {
   return "rounded-md font-medium border-gray-200 border-solid disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full bg-transparent border text-black text-sm h-[38px]";
 }
-function Ut() {
+function zt() {
   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(y) {
-  return y === "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" : y === "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 Ie(t) {
+  return t === "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" : t === "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 = {
+const Ut = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Nt = ["placeholder", "disabled"], Pt = {
+}, Pt = ["placeholder", "disabled"], Nt = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
 }, qt = {
@@ -805,139 +805,139 @@ const Ht = /* @__PURE__ */ W({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { expose: o, emit: x }) {
-    const t = Ee(), i = It(), l = le(), m = y, u = j(
-      m.modelValue ?? m.default ?? []
-    ), f = x, b = E({
-      get: () => m.modelValue ?? u.value,
-      set: (d) => {
-        m.modelValue !== void 0 ? f("update:modelValue", d) : u.value = d;
+  setup(t, { expose: n, emit: v }) {
+    const l = Te(), i = _t(), a = le(), f = t, u = F(
+      f.modelValue ?? f.default ?? []
+    ), c = v, g = T({
+      get: () => f.modelValue ?? u.value,
+      set: (x) => {
+        f.modelValue !== void 0 ? c("update:modelValue", x) : u.value = x;
       }
     });
-    function n() {
-      f("change", { name: m.name, value: b.value || u.value });
+    function r() {
+      c("change", { name: f.name, value: g.value || u.value });
     }
-    function g() {
-      u.value = [], b.value = u.value, f("clear", m.name);
+    function p() {
+      u.value = [], g.value = u.value, c("clear", f.name);
     }
-    return U(() => m.modelValue, (d) => {
-      d !== void 0 && m.layout !== "popover" ? (u.value = d, f("update:modelValue", d)) : u.value = [];
-    }), o({
-      clear: g,
-      currentValue: b
-    }), (d, C) => (r(), w(N, null, [
-      a("div", null, [
-        a("div", {
-          class: I(d.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
+    return _(() => f.modelValue, (x) => {
+      x !== void 0 && f.layout !== "popover" ? (u.value = x, c("update:modelValue", x)) : u.value = [];
+    }), n({
+      clear: p,
+      currentValue: g
+    }), (x, k) => (s(), b(U, null, [
+      o("div", null, [
+        o("div", {
+          class: I(t.layout === "vertical" ? "inline-flex items-center gap-2" : "space-y-3 p-2")
         }, [
-          a("div", null, [
-            d.layout !== "vertical" ? (r(), w("label", zt, R(e(l)("filter.from")), 1)) : A("", !0),
-            H(a("input", {
+          o("div", null, [
+            t.layout !== "vertical" ? (s(), b("label", Ut, K(e(a)("filter.from")), 1)) : S("", !0),
+            H(o("input", {
               type: "number",
-              class: I(e(t)),
-              placeholder: d.placeholder?.[0] ?? e(l)("filter.min"),
+              class: I(e(l)),
+              placeholder: t.placeholder?.[0] ?? e(a)("filter.min"),
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": C[0] || (C[0] = (_) => b.value[0] = _),
-              disabled: d.disabled
-            }, null, 10, Nt), [
-              [ae, b.value[0]]
+              "onUpdate:modelValue": k[0] || (k[0] = ($) => g.value[0] = $),
+              disabled: t.disabled
+            }, null, 10, Pt), [
+              [ne, g.value[0]]
             ])
           ]),
-          d.layout === "vertical" ? (r(), w("label", Pt, " - ")) : A("", !0),
-          a("div", null, [
-            d.layout !== "vertical" ? (r(), w("label", qt, R(e(l)("filter.to")), 1)) : A("", !0),
-            H(a("input", {
+          t.layout === "vertical" ? (s(), b("label", Nt, " - ")) : S("", !0),
+          o("div", null, [
+            t.layout !== "vertical" ? (s(), b("label", qt, K(e(a)("filter.to")), 1)) : S("", !0),
+            H(o("input", {
               type: "number",
-              class: I(e(t)),
-              placeholder: d.placeholder?.[1] ?? e(l)("filter.max"),
+              class: I(e(l)),
+              placeholder: t.placeholder?.[1] ?? e(a)("filter.max"),
               min: "0",
               max: "1000000000000000",
               step: "1",
               style: { outline: "none" },
-              "onUpdate:modelValue": C[1] || (C[1] = (_) => b.value[1] = _),
-              disabled: d.disabled
+              "onUpdate:modelValue": k[1] || (k[1] = ($) => g.value[1] = $),
+              disabled: t.disabled
             }, null, 10, Wt), [
-              [ae, b.value[1]]
+              [ne, g.value[1]]
             ])
           ]),
-          ["popover", "inline", "vertical"].includes(d.layout) ? (r(), w("button", {
+          ["popover", "inline", "vertical"].includes(t.layout) ? (s(), b("button", {
             key: 1,
-            onClick: n,
-            class: I(e(i) + (d.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
-          }, R(d.layout === "vertical" ? "Ok" : e(l)("filter.apply")), 3)) : A("", !0),
-          ["popover", "inline"].includes(d.layout) ? (r(), w("button", {
+            onClick: r,
+            class: I(e(i) + (t.layout === "vertical" ? " w-[50px]" : " bg-blue-100 hover:bg-blue-200"))
+          }, K(t.layout === "vertical" ? "Ok" : e(a)("filter.apply")), 3)) : S("", !0),
+          ["popover", "inline"].includes(t.layout) ? (s(), b("button", {
             key: 2,
-            disabled: !(b.value[0] || b.value[1]),
-            onClick: g,
+            disabled: !(g.value[0] || g.value[1]),
+            onClick: p,
             class: I(e(i) + " hover:bg-gray-100")
-          }, R(e(l)("filter.clear")), 11, Yt)) : A("", !0)
+          }, K(e(a)("filter.clear")), 11, Yt)) : S("", !0)
         ], 2)
       ]),
-      (d.cleanable && u.value.length, A("", !0))
+      (t.cleanable && u.value.length, S("", !0))
     ], 64));
   }
 });
 class J {
-  static format(o) {
-    const x = o.getFullYear(), t = (o.getMonth() + 1).toString().padStart(2, "0"), i = o.getDate().toString().padStart(2, "0");
-    return `${x}-${t}-${i}`;
-  }
-  static getShiftedDay(o, x = 0) {
-    const t = o ? new Date(o) : /* @__PURE__ */ new Date();
-    return t.setDate(t.getDate() + x), this.format(t);
-  }
-  static getLastWeekRange(o, x, t = 0) {
-    if (o && x) {
-      const b = new Date(o), n = new Date(x);
-      return b.setDate(b.getDate() + t * 7), n.setDate(n.getDate() + t * 7), [this.format(b), this.format(n)];
+  static format(n) {
+    const v = n.getFullYear(), l = (n.getMonth() + 1).toString().padStart(2, "0"), i = n.getDate().toString().padStart(2, "0");
+    return `${v}-${l}-${i}`;
+  }
+  static getShiftedDay(n, v = 0) {
+    const l = n ? new Date(n) : /* @__PURE__ */ new Date();
+    return l.setDate(l.getDate() + v), this.format(l);
+  }
+  static getLastWeekRange(n, v, l = 0) {
+    if (n && v) {
+      const g = new Date(n), r = new Date(v);
+      return g.setDate(g.getDate() + l * 7), r.setDate(r.getDate() + l * 7), [this.format(g), this.format(r)];
     }
-    const i = /* @__PURE__ */ new Date(), l = i.getDay(), m = l === 0 ? 13 : l - 1 + 7, u = new Date(i);
-    u.setDate(i.getDate() - m + t * 7);
-    const f = new Date(u);
-    return f.setDate(u.getDate() + 6), [this.format(u), this.format(f)];
+    const i = /* @__PURE__ */ new Date(), a = i.getDay(), f = a === 0 ? 13 : a - 1 + 7, u = new Date(i);
+    u.setDate(i.getDate() - f + l * 7);
+    const c = new Date(u);
+    return c.setDate(u.getDate() + 6), [this.format(u), this.format(c)];
   }
-  static getMonthRange(o, x, t = 0) {
+  static getMonthRange(n, v, l = 0) {
     let i;
-    o ? i = new Date(o) : i = /* @__PURE__ */ new Date(), i = new Date(i.getFullYear(), i.getMonth() + t, 1);
-    const l = i, m = new Date(i.getFullYear(), i.getMonth() + 1, 0);
-    return [this.format(l), this.format(m)];
-  }
-  static getQuarterRange(o, x, t = 0) {
-    const i = o || x, l = i ? new Date(i) : /* @__PURE__ */ new Date();
-    let m = Math.floor(l.getMonth() / 3);
-    m += t;
-    const u = (m % 4 + 4) % 4 * 3, f = l.getFullYear() + Math.floor(m / 4), b = new Date(f, u, 1), n = new Date(f, u + 3, 0);
-    return [this.format(b), this.format(n)];
-  }
-  static getYear(o, x = 0) {
-    let t;
-    return o && /^\d{4}$/.test(o) ? t = parseInt(o, 10) : o ? t = new Date(o).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), String(t + x);
-  }
-  static getYearRange(o, x = 0) {
-    let t;
-    return o && /^\d{4}$/.test(o) ? t = parseInt(o, 10) : o ? t = new Date(o).getFullYear() : t = (/* @__PURE__ */ new Date()).getFullYear(), [
-      this.format(new Date(t + x, 0, 1)),
-      this.format(new Date(t + x + 1, 0, 0))
+    n ? i = new Date(n) : i = /* @__PURE__ */ new Date(), i = new Date(i.getFullYear(), i.getMonth() + l, 1);
+    const a = i, f = new Date(i.getFullYear(), i.getMonth() + 1, 0);
+    return [this.format(a), this.format(f)];
+  }
+  static getQuarterRange(n, v, l = 0) {
+    const i = n || v, a = i ? new Date(i) : /* @__PURE__ */ new Date();
+    let f = Math.floor(a.getMonth() / 3);
+    f += l;
+    const u = (f % 4 + 4) % 4 * 3, c = a.getFullYear() + Math.floor(f / 4), g = new Date(c, u, 1), r = new Date(c, u + 3, 0);
+    return [this.format(g), this.format(r)];
+  }
+  static getYear(n, v = 0) {
+    let l;
+    return n && /^\d{4}$/.test(n) ? l = parseInt(n, 10) : n ? l = new Date(n).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), String(l + v);
+  }
+  static getYearRange(n, v = 0) {
+    let l;
+    return n && /^\d{4}$/.test(n) ? l = parseInt(n, 10) : n ? l = new Date(n).getFullYear() : l = (/* @__PURE__ */ new Date()).getFullYear(), [
+      this.format(new Date(l + v, 0, 1)),
+      this.format(new Date(l + v + 1, 0, 0))
     ];
   }
-  static getRangeFromDaysBefore(o) {
-    const x = /* @__PURE__ */ new Date(), t = new Date(x.getTime());
-    return t.setDate(x.getDate() - o), [this.format(t), this.format(x)];
+  static getRangeFromDaysBefore(n) {
+    const v = /* @__PURE__ */ new Date(), l = new Date(v.getTime());
+    return l.setDate(v.getDate() - n), [this.format(l), this.format(v)];
   }
 }
-function Ie(y, o) {
+function _e(t, n) {
   const {
-    popoverRef: x
-  } = y, t = le(), i = j(""), l = j(
-    y.modelValue ?? y.default ?? []
-  ), m = j(0);
+    popoverRef: v
+  } = t, l = le(), i = F(""), a = F(
+    t.modelValue ?? t.default ?? []
+  ), f = F(0);
   function u() {
-    const c = J.getRangeFromDaysBefore(m.value);
-    return l.value = [...c], o("change", { name: y.name, value: l.value }), o("update:modelValue", l.value), c;
+    const d = J.getRangeFromDaysBefore(f.value);
+    return a.value = [...d], n("change", { name: t.name, value: a.value }), n("update:modelValue", a.value), d;
   }
-  function f(c) {
-    i.value = c, x.value?.close();
+  function c(d) {
+    i.value = d, v.value?.close();
     const h = [];
     switch (i.value) {
       case "today":
@@ -956,57 +956,57 @@ function Ie(y, o) {
         h.push(...J.getYearRange());
         break;
       case "last_7_days":
-        m.value = 7, u();
+        f.value = 7, u();
         break;
       case "range":
-        m.value = 7, h.push(...u());
+        f.value = 7, h.push(...u());
         break;
     }
-    l.value = [...h], o("change", { name: y.name, value: l.value }), o("update:modelValue", l.value);
+    a.value = [...h], n("change", { name: t.name, value: a.value }), n("update:modelValue", a.value);
   }
-  function b() {
-    const c = [];
+  function g() {
+    const d = [];
     switch (i.value) {
       case "today":
-        c.push(J.getShiftedDay(l.value[0], 1));
+        d.push(J.getShiftedDay(a.value[0], 1));
         break;
       case "week":
-        c.push(...J.getLastWeekRange(l.value[0], l.value[1], 1));
+        d.push(...J.getLastWeekRange(a.value[0], a.value[1], 1));
         break;
       case "month":
-        c.push(...J.getMonthRange(l.value[0], l.value[1], 1));
+        d.push(...J.getMonthRange(a.value[0], a.value[1], 1));
         break;
       case "quarter":
-        c.push(...J.getQuarterRange(l.value[0], l.value[1], 1));
+        d.push(...J.getQuarterRange(a.value[0], a.value[1], 1));
         break;
       case "year":
-        c.push(...J.getYearRange(l.value[0], 1));
+        d.push(...J.getYearRange(a.value[0], 1));
         break;
     }
-    l.value = [...c], o("change", { name: y.name, value: l.value }), o("update:modelValue", l.value);
+    a.value = [...d], n("change", { name: t.name, value: a.value }), n("update:modelValue", a.value);
   }
-  function n() {
-    const c = [];
+  function r() {
+    const d = [];
     switch (i.value) {
       case "today":
-        c.push(J.getShiftedDay(l.value[0], -1));
+        d.push(J.getShiftedDay(a.value[0], -1));
         break;
       case "week":
-        c.push(...J.getLastWeekRange(l.value[0], l.value[1], -1));
+        d.push(...J.getLastWeekRange(a.value[0], a.value[1], -1));
         break;
       case "month":
-        c.push(...J.getMonthRange(l.value[0], l.value[1], -1));
+        d.push(...J.getMonthRange(a.value[0], a.value[1], -1));
         break;
       case "quarter":
-        c.push(...J.getQuarterRange(l.value[0], l.value[1], -1));
+        d.push(...J.getQuarterRange(a.value[0], a.value[1], -1));
         break;
       case "year":
-        c.push(...J.getYearRange(l.value[0], -1));
+        d.push(...J.getYearRange(a.value[0], -1));
         break;
     }
-    l.value = [...c], o("change", { name: y.name, value: l.value }), o("update:modelValue", l.value);
+    a.value = [...d], n("change", { name: t.name, value: a.value }), n("update:modelValue", a.value);
   }
-  const g = [
+  const p = [
     "Січень",
     "Лютий",
     "Березень",
@@ -1020,33 +1020,33 @@ function Ie(y, o) {
     "Листопад",
     "Грудень"
   ];
-  function d(c) {
-    const [h, s, p] = c.split("-");
-    return `${p}.${s}.${h}`;
+  function x(d) {
+    const [h, m, w] = d.split("-");
+    return `${w}.${m}.${h}`;
   }
-  function C(c, h = "long") {
-    const s = new Date(Date.UTC(2e3, c - 1, 1));
-    return new Intl.DateTimeFormat(localStorage.locale, { month: h, timeZone: "UTC" }).format(s);
+  function k(d, h = "long") {
+    const m = new Date(Date.UTC(2e3, d - 1, 1));
+    return new Intl.DateTimeFormat(localStorage.locale, { month: h, timeZone: "UTC" }).format(m);
   }
-  function _(c) {
-    const { value: h } = l;
-    switch (c) {
+  function $(d) {
+    const { value: h } = a;
+    switch (d) {
       case "today":
-        return d(h[0]);
+        return x(h[0]);
       case "range":
         return "Період";
       case "week":
-        return h[0] && h[1] ? `${d(h[0])} – ${d(h[1])}` : "";
+        return h[0] && h[1] ? `${x(h[0])} – ${x(h[1])}` : "";
       case "quarter":
         if (h[0]) {
-          const s = new Date(h[0]), p = s.getFullYear(), K = s.getMonth();
-          return `${Math.floor(K / 3) + 1} ${t("filter.quarter")} ${p}`;
+          const m = new Date(h[0]), w = m.getFullYear(), L = m.getMonth();
+          return `${Math.floor(L / 3) + 1} ${l("filter.quarter")} ${w}`;
         }
         return "";
       case "month":
         if (h[0]) {
-          const [s, p] = h[0].split("-");
-          return `${C(parseInt(p, 10))} ${s}`;
+          const [m, w] = h[0].split("-");
+          return `${k(parseInt(w, 10))} ${m}`;
         }
         return "";
       case "year":
@@ -1054,26 +1054,26 @@ function Ie(y, o) {
       case "last_7_days":
         return "За останні дні";
       default:
-        return y.label ?? "";
+        return t.label ?? "";
     }
   }
-  const F = E(() => i.value ? _(i.value) : y.label ?? "");
-  function k() {
-    i.value = "", l.value = [], o("update:modelValue", []), o("clear", y.name);
+  const M = T(() => i.value ? $(i.value) : t.label ?? "");
+  function C() {
+    i.value = "", a.value = [], n("update:modelValue", []), n("clear", t.name);
   }
   return {
     activeMode: i,
-    innerValue: l,
-    daysBefore: m,
+    innerValue: a,
+    daysBefore: f,
     onDaysBeforeChange: u,
-    onSelectChange: f,
-    nextClick: b,
-    prevClick: n,
-    ukMonths: g,
-    formatDisplayDate: d,
-    getModeLabel: _,
-    currentLabel: F,
-    clear: k
+    onSelectChange: c,
+    nextClick: g,
+    prevClick: r,
+    ukMonths: p,
+    formatDisplayDate: x,
+    getModeLabel: $,
+    currentLabel: M,
+    clear: C
   };
 }
 const Qt = {
@@ -1091,7 +1091,7 @@ const Qt = {
 }, ll = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, ol = ["min", "disabled"], al = { class: "flex gap-1 pt-2" }, nl = ["title", "onClick"];
+}, al = ["min", "disabled"], nl = { class: "flex gap-1 pt-2" }, ol = ["title", "onClick"];
 const rl = /* @__PURE__ */ W({
   __name: "date-input",
   props: {
@@ -1121,263 +1121,265 @@ const rl = /* @__PURE__ */ W({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { expose: o, emit: x }) {
-    const t = y, i = Ee(), l = Ut(), m = le(), u = x, f = j(null), {
-      activeMode: b,
-      innerValue: n,
-      onSelectChange: g,
-      nextClick: d,
-      prevClick: C,
-      clear: _
-    } = Ie(
+  setup(t, { expose: n, emit: v }) {
+    const l = t, i = Te(), a = zt(), f = le(), u = v, c = F(null), {
+      activeMode: g,
+      innerValue: r,
+      onSelectChange: p,
+      nextClick: x,
+      prevClick: k,
+      clear: $
+    } = _e(
       {
-        ...t,
-        popoverRef: f
+        ...l,
+        popoverRef: c
       },
       u
     );
-    U(
-      () => t.modelValue,
-      (s) => {
-        s !== void 0 ? (n.value = s, u("update:modelValue", s)) : (b.value = "", n.value = []);
+    _(
+      () => l.modelValue,
+      (m) => {
+        m !== void 0 ? (r.value = m, u("update:modelValue", m)) : (g.value = "", r.value = []);
       }
-    ), U(
-      n,
-      (s) => {
-        u("update:modelValue", s), u("change", { name: t.name, value: s });
+    ), _(
+      r,
+      (m) => {
+        u("update:modelValue", m), u("change", { name: l.name, value: m });
       },
       { deep: !0 }
     );
-    const F = ["today", "week", "month", "quarter", "year"], k = {
-      today: { label: "день", title: m("filter.today") },
-      week: { label: "тиж.", title: m("filter.week") },
-      month: { label: "міс.", title: m("filter.month") },
-      quarter: { label: "кв.", title: m("filter.quarter") },
-      year: { label: "рік", title: m("filter.year") }
+    const M = ["today", "week", "month", "quarter", "year"], C = {
+      today: { label: "день", title: f("filter.today") },
+      week: { label: "тиж.", title: f("filter.week") },
+      month: { label: "міс.", title: f("filter.month") },
+      quarter: { label: "кв.", title: f("filter.quarter") },
+      year: { label: "рік", title: f("filter.year") }
     };
-    function c(s) {
-      return k[s]?.label ?? m(`filter.${s}`);
+    function d(m) {
+      return C[m]?.label ?? f(`filter.${m}`);
     }
-    function h(s) {
-      return k[s]?.title ?? m(`filter.${s}`);
+    function h(m) {
+      return C[m]?.title ?? f(`filter.${m}`);
     }
-    return o({
-      clear: _,
-      popoverRef: f
-    }), (s, p) => (r(), w(N, null, [
-      s.layout === "inline" ? (r(), w("div", Qt, [
-        e(b) !== "" && e(b) === "range" ? (r(), w("div", Gt, [
-          p[7] || (p[7] = Q(" 1111 ", -1)),
-          H(a("input", {
+    return n({
+      clear: $,
+      popoverRef: c
+    }), (m, w) => (s(), b(U, null, [
+      t.layout === "inline" ? (s(), b("div", Qt, [
+        e(g) !== "" && e(g) === "range" ? (s(), b("div", Gt, [
+          w[7] || (w[7] = Q(" 1111 ", -1)),
+          H(o("input", {
             type: "date",
-            max: e(n)[1],
+            max: e(r)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": p[0] || (p[0] = (K) => e(n)[0] = K),
+            "onUpdate:modelValue": w[0] || (w[0] = (L) => e(r)[0] = L),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",
-            disabled: s.disabled
+            disabled: t.disabled
           }, null, 8, Jt), [
-            [ae, e(n)[0]]
+            [ne, e(r)[0]]
           ]),
-          H(a("input", {
+          H(o("input", {
             type: "date",
-            min: e(n)[0],
+            min: e(r)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": p[1] || (p[1] = (K) => e(n)[1] = K),
+            "onUpdate:modelValue": w[1] || (w[1] = (L) => e(r)[1] = L),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",
-            disabled: s.disabled
+            disabled: t.disabled
           }, null, 8, Xt), [
-            [ae, e(n)[1]]
+            [ne, e(r)[1]]
           ])
-        ])) : A("", !0)
-      ])) : A("", !0),
-      a("div", {
-        class: I(s.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
+        ])) : S("", !0)
+      ])) : S("", !0),
+      o("div", {
+        class: I(t.layout === "popover" ? "space-y-3 p-2" : "flex  items-center gap-2")
       }, [
-        a("div", {
-          class: I(s.layout !== "popover" ? "w-[48%]" : "")
+        o("div", {
+          class: I(t.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          s.layout === "popover" ? (r(), w("label", Zt, R(e(m)("filter.from")), 1)) : A("", !0),
-          H(a("input", {
+          t.layout === "popover" ? (s(), b("label", Zt, K(e(f)("filter.from")), 1)) : S("", !0),
+          H(o("input", {
             type: "date",
-            max: e(n)[1],
+            max: e(r)[1],
             locale: "uk-UA",
-            "onUpdate:modelValue": p[2] || (p[2] = (K) => e(n)[0] = K),
+            "onUpdate:modelValue": w[2] || (w[2] = (L) => e(r)[0] = L),
             class: I(e(i)),
-            disabled: s.disabled
+            disabled: t.disabled
           }, null, 10, el), [
-            [ae, e(n)[0]]
+            [ne, e(r)[0]]
           ])
         ], 2),
-        s.layout !== "popover" ? (r(), w("label", tl, " - ")) : A("", !0),
-        a("div", {
-          class: I(s.layout !== "popover" ? "w-[48%]" : "")
+        t.layout !== "popover" ? (s(), b("label", tl, " - ")) : S("", !0),
+        o("div", {
+          class: I(t.layout !== "popover" ? "w-[48%]" : "")
         }, [
-          s.layout === "popover" ? (r(), w("label", ll, R(e(m)("filter.to")), 1)) : A("", !0),
-          H(a("input", {
+          t.layout === "popover" ? (s(), b("label", ll, K(e(f)("filter.to")), 1)) : S("", !0),
+          H(o("input", {
             type: "date",
-            min: e(n)[0],
+            min: e(r)[0],
             locale: "uk-UA",
-            "onUpdate:modelValue": p[3] || (p[3] = (K) => e(n)[1] = K),
+            "onUpdate:modelValue": w[3] || (w[3] = (L) => e(r)[1] = L),
             class: I(e(i)),
-            disabled: s.disabled
-          }, null, 10, ol), [
-            [ae, e(n)[1]]
+            disabled: t.disabled
+          }, null, 10, al), [
+            [ne, e(r)[1]]
           ])
         ], 2)
       ], 2),
-      a("div", al, [
-        (r(), w(N, null, G(F, (K) => a("button", {
-          key: K,
-          class: I(e(l) + (e(b) === K ? " bg-blue-100" : "")),
-          title: h(K),
-          onClick: (M) => e(g)(K)
-        }, R(c(K)), 11, nl)), 64)),
-        a("button", {
-          class: I(e(l)),
-          onClick: p[4] || (p[4] = //@ts-ignore
-          (...K) => e(C) && e(C)(...K))
+      o("div", nl, [
+        (s(), b(U, null, G(M, (L) => o("button", {
+          key: L,
+          class: I(e(a) + (e(g) === L ? " bg-blue-100" : "")),
+          title: h(L),
+          onClick: (j) => e(p)(L)
+        }, K(d(L)), 11, ol)), 64)),
+        o("button", {
+          class: I(e(a)),
+          onClick: w[4] || (w[4] = //@ts-ignore
+          (...L) => e(k) && e(k)(...L))
         }, "<", 2),
-        a("button", {
-          class: I(e(l)),
-          onClick: p[5] || (p[5] = //@ts-ignore
-          (...K) => e(d) && e(d)(...K))
+        o("button", {
+          class: I(e(a)),
+          onClick: w[5] || (w[5] = //@ts-ignore
+          (...L) => e(x) && e(x)(...L))
         }, ">", 2)
       ]),
-      (s.cleanable, A("", !0))
+      (t.cleanable, S("", !0))
     ], 64));
   }
 });
-function sl(y, o) {
+function sl(t, n) {
   const {
-    api: x,
-    options: t = [],
+    api: v,
+    options: l = [],
     limit: i = 20,
-    dataKey: l = "data"
-  } = y, m = y.multi;
-  function u(S) {
-    return m ? Array.isArray(S) ? S : S ? [S] : [] : Array.isArray(S) ? S[0] : S;
-  }
-  const f = j(u(y.modelValue)), b = j(""), n = j(!1), g = j(t), d = j("id"), C = j("text"), _ = j(!1), F = j(y.layout !== "popover" && t.length > i), k = j([]), c = j(0);
-  function h(S) {
-    const T = S.find(Boolean) ?? {}, P = ["id", "value", "code", "key"].find((ie) => ie in T) ?? "id", q = ["text", "label", "name", "title"].find((ie) => ie in T) ?? "text";
-    return { autoValueKey: P, autoLabelKey: q };
-  }
-  if (t.length > 0) {
-    const S = h(t);
-    d.value = S.autoValueKey, C.value = S.autoLabelKey;
-  }
-  const s = E(() => {
-    if (x) return g.value;
-    const S = g.value;
-    if (y.layout === "popover") return S;
-    if (!b.value)
-      return _.value ? S : S.slice(0, i);
-    const T = b.value.toLowerCase();
-    return S.filter((P) => P[C.value].toLowerCase().includes(T));
+    dataKey: a = "data"
+  } = t, f = t.multi;
+  function u(A) {
+    return f ? Array.isArray(A) ? A : A ? [A] : [] : Array.isArray(A) ? A[0] : A;
+  }
+  const c = F(u(t.modelValue)), g = F(""), r = F(!1), p = F(l), x = F("id"), k = F("text"), $ = F(!1), M = F(t.layout !== "popover" && l.length > i), C = F([]), d = F(0);
+  function h(A) {
+    const O = A.find(Boolean) ?? {}, N = ["id", "value", "code", "key"].find((ie) => ie in O) ?? "id", q = ["text", "label", "name", "title"].find((ie) => ie in O) ?? "text";
+    return { autoValueKey: N, autoLabelKey: q };
+  }
+  if (l.length > 0) {
+    const A = h(l);
+    x.value = A.autoValueKey, k.value = A.autoLabelKey;
+  }
+  const m = T(() => {
+    if (v) return p.value;
+    const A = p.value;
+    if (t.layout === "popover") return A;
+    if (!g.value)
+      return $.value ? A : A.slice(0, i);
+    const O = g.value.toLowerCase();
+    return A.filter((N) => N[k.value].toLowerCase().includes(O));
   });
-  let p = null;
-  async function K(S) {
-    if (x) {
-      n.value = !0;
+  let w = null;
+  async function L(A) {
+    if (v) {
+      r.value = !0;
       try {
-        const T = new URL(x, window.location.origin);
-        T.searchParams.set("json", "1"), T.searchParams.set("key", S), T.searchParams.set("limit", i.toString());
-        const P = await fetch(T.toString());
-        if (!P.ok) {
-          Ae({ type: "error", title: "Error", message: "Failed to fetch remote options" }), g.value = [];
+        const O = new URL(v, window.location.origin);
+        O.searchParams.set("json", "1"), O.searchParams.set("key", A), O.searchParams.set("limit", i.toString());
+        const N = await fetch(O.toString());
+        if (!N.ok) {
+          Be({ type: "error", title: "Error", message: "Failed to fetch remote options" }), p.value = [];
           return;
         }
-        const q = await P.json();
-        if (!q[l]) {
-          Ae({ type: "error", title: "Error", message: q }), g.value = [];
+        const q = await N.json();
+        if (!q[a]) {
+          Be({ type: "error", title: "Error", message: q }), p.value = [];
           return;
         }
-        if (g.value = q[l], g.value.length > 0) {
-          const ie = h(g.value);
-          d.value = ie.autoValueKey, C.value = ie.autoLabelKey;
+        if (p.value = q[a], p.value.length > 0) {
+          const ie = h(p.value);
+          x.value = ie.autoValueKey, k.value = ie.autoLabelKey;
         }
-        c.value = q.total;
-      } catch (T) {
-        console.error("Failed to fetch remote options:", T);
+        d.value = q.total;
+      } catch (O) {
+        console.error("Failed to fetch remote options:", O);
       } finally {
-        n.value = !1;
+        r.value = !1;
       }
     }
   }
-  U(b, (S) => {
-    x && (p && clearTimeout(p), p = setTimeout(() => {
-      K(S);
+  _(g, (A) => {
+    v && (w && clearTimeout(w), w = setTimeout(() => {
+      L(A);
     }, 200));
-  }), U(() => y.modelValue, (S) => {
-    f.value = u(S);
-  }, { immediate: !0 });
-  function M(S) {
-    return m && Array.isArray(f.value) ? f.value.includes(S[d.value]) : f.value && f.value === S[d.value];
-  }
-  function B(S) {
-    if (m && !Array.isArray(f.value) && (f.value = []), m && Array.isArray(f.value)) {
-      const T = f.value.includes(S[d.value]);
-      f.value = T ? f.value.filter((P) => P !== S[d.value]) : [...f.value, S[d.value]], k.value = T ? k.value.filter((P) => P !== S[C.value]) : [...k.value, S[C.value]];
+  }), _(() => t.modelValue, (A) => {
+    c.value = u(A);
+  }, { immediate: !0 }), _(c, (A) => {
+    f ? (!Array.isArray(A) || A.length === 0) && (C.value = []) : (A == null || typeof A == "string" && A === "") && (C.value = []);
+  });
+  function j(A) {
+    return f && Array.isArray(c.value) ? c.value.includes(A[x.value]) : c.value && c.value === A[x.value];
+  }
+  function B(A) {
+    if (f && !Array.isArray(c.value) && (c.value = []), f && Array.isArray(c.value)) {
+      const O = c.value.includes(A[x.value]);
+      c.value = O ? c.value.filter((N) => N !== A[x.value]) : [...c.value, A[x.value]], C.value = O ? C.value.filter((N) => N !== A[k.value]) : [...C.value, A[k.value]];
     } else
-      f.value = S[d.value], k.value = S[C.value];
-    o("update:modelValue", f.value), o("change", { name: y.name, value: f.value });
+      c.value = A[x.value], C.value = A[k.value];
+    n("update:modelValue", c.value), n("change", { name: t.name, value: c.value });
   }
-  function D() {
-    m ? (f.value = [], k.value = []) : (f.value = void 0, k.value = []), o("update:modelValue", f.value), o("clear", y.name);
+  function R() {
+    f ? (c.value = [], C.value = []) : (c.value = void 0, C.value = []), n("update:modelValue", c.value), n("clear", t.name);
   }
-  function O() {
-    p && clearTimeout(p), b.value = "", _.value = !1;
+  function E() {
+    w && clearTimeout(w), g.value = "", $.value = !1;
   }
-  function v() {
-    _.value = !_.value;
+  function y() {
+    $.value = !$.value;
   }
-  me(() => {
-    p && clearTimeout(p);
+  pe(() => {
+    w && clearTimeout(w);
   });
-  const V = j(-1);
-  U(s, () => {
-    V.value = s.value.length > 0 ? 0 : -1;
+  const V = F(-1);
+  _(m, () => {
+    V.value = m.value.length > 0 ? 0 : -1;
   });
-  function $(S) {
-    const T = s.value.length;
-    if (S.key === "ArrowDown")
-      S.preventDefault(), V.value = (V.value + 1) % T;
-    else if (S.key === "ArrowUp")
-      S.preventDefault(), V.value = (V.value - 1 + T) % T;
-    else if (S.key === "Enter" && (S.preventDefault(), V.value >= 0 && V.value < s.value.length)) {
-      const P = s.value[V.value];
-      B(P);
+  function D(A) {
+    const O = m.value.length;
+    if (A.key === "ArrowDown")
+      A.preventDefault(), V.value = (V.value + 1) % O;
+    else if (A.key === "ArrowUp")
+      A.preventDefault(), V.value = (V.value - 1 + O) % O;
+    else if (A.key === "Enter" && (A.preventDefault(), V.value >= 0 && V.value < m.value.length)) {
+      const N = m.value[V.value];
+      B(N);
     }
   }
-  function L() {
-    x && g.value.length === 0 && b.value.length === 0 && K(b.value);
+  function P() {
+    v && p.value.length === 0 && g.value.length === 0 && L(g.value);
   }
   return {
-    innerValue: f,
-    searchTerm: b,
-    filteredOptions: s,
-    isSelected: M,
+    innerValue: c,
+    searchTerm: g,
+    filteredOptions: m,
+    isSelected: j,
     selectItem: B,
-    clear: D,
-    resetSearch: O,
-    toggleShowAll: v,
-    isReqProc: n,
-    showAll: _,
-    isEnableShowAll: F,
-    labelKey: C,
-    valueKey: d,
-    allOptions: g,
+    clear: R,
+    resetSearch: E,
+    toggleShowAll: y,
+    isReqProc: r,
+    showAll: $,
+    isEnableShowAll: M,
+    labelKey: k,
+    valueKey: x,
+    allOptions: p,
     highlightedIndex: V,
-    onKeyDown: $,
-    selectedLabels: k,
-    totalCount: c,
-    loadData: L
+    onKeyDown: D,
+    selectedLabels: C,
+    totalCount: d,
+    loadData: P
   };
 }
-const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, ul = ["placeholder"], dl = {
+const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center" }, ul = ["placeholder"], cl = {
   key: 0,
   class: "w-full"
-}, cl = { class: "flex flex-col items-center justify-center p-5 text-center" }, fl = { class: "max-w-sm mx-auto mt-6" }, pl = { class: "font-medium text-gray-800 dark:text-neutral-200" }, ml = {
+}, dl = { class: "flex flex-col items-center justify-center p-5 text-center" }, fl = { class: "max-w-sm mx-auto mt-6" }, ml = { class: "font-medium text-gray-800 dark:text-neutral-200" }, pl = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
 }, vl = {
@@ -1412,148 +1414,148 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { expose: o, emit: x }) {
-    const t = le(), i = y, l = x, m = j(null), {
+  setup(t, { expose: n, emit: v }) {
+    const l = le(), i = t, a = v, f = F(null), {
       innerValue: u,
-      filteredOptions: f,
-      isSelected: b,
-      selectItem: n,
-      clear: g,
-      resetSearch: d,
-      toggleShowAll: C,
-      isReqProc: _,
-      showAll: F,
-      isEnableShowAll: k,
-      searchTerm: c,
+      filteredOptions: c,
+      isSelected: g,
+      selectItem: r,
+      clear: p,
+      resetSearch: x,
+      toggleShowAll: k,
+      isReqProc: $,
+      showAll: M,
+      isEnableShowAll: C,
+      searchTerm: d,
       labelKey: h,
-      valueKey: s,
-      highlightedIndex: p,
-      onKeyDown: K,
-      selectedLabels: M,
+      valueKey: m,
+      highlightedIndex: w,
+      onKeyDown: L,
+      selectedLabels: j,
       totalCount: B,
-      loadData: D
+      loadData: R
     } = sl({
       ...i,
       modelValue: i.modelValue
-    }, l);
-    ce(() => {
-      d(), i.layout !== "inline" && (D(), m.value && i.layout === "popover" && m.value.focus());
-    }), U(
+    }, a);
+    fe(() => {
+      x(), i.layout !== "inline" && (R(), f.value && i.layout === "popover" && f.value.focus());
+    }), _(
       () => i.modelValue,
-      (v) => {
-        v === void 0 && (i.multi ? u.value = [] : u.value = void 0);
+      (y) => {
+        y === void 0 && (i.multi ? u.value = [] : u.value = void 0);
       }
     );
-    const O = j([]);
-    return U(p, (v) => {
-      v >= 0 && O.value[v] && O.value[v]?.scrollIntoView({
+    const E = F([]);
+    return _(w, (y) => {
+      y >= 0 && E.value[y] && E.value[y]?.scrollIntoView({
         block: "nearest",
         behavior: "smooth"
       });
-    }), U(f, () => {
-      O.value = [];
-    }), o({
-      clear: g,
-      inputTextRef: m,
-      selectedLabels: M,
-      loadData: D
-    }), (v, V) => (r(), w("div", {
-      class: I([v.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
+    }), _(c, () => {
+      E.value = [];
+    }), n({
+      clear: p,
+      inputTextRef: f,
+      selectedLabels: j,
+      loadData: R
+    }), (y, V) => (s(), b("div", {
+      class: I([t.layout === "popover" ? "flex flex-col h-full" : "flex flex-col vs-filter-checkbox space-y-0.5"])
     }, [
-      a("div", il, [
-        H(a("input", {
-          "onUpdate:modelValue": V[0] || (V[0] = ($) => qe(c) ? c.value = $ : null),
+      o("div", il, [
+        H(o("input", {
+          "onUpdate:modelValue": V[0] || (V[0] = (D) => qe(d) ? d.value = D : null),
           onKeydown: V[1] || (V[1] = //@ts-ignore
-          (...$) => e(K) && e(K)(...$)),
+          (...D) => e(L) && e(L)(...D)),
           class: "w-full h-full text-[13px] px-4 border rounded-sm pl-9 focus:outline-none focus:ring-ring focus:ring-1 focus:ring-blue-500 text-gray-700",
-          placeholder: e(t)("filter.search"),
+          placeholder: e(l)("filter.search"),
           type: "text",
           ref_key: "inputTextRef",
-          ref: m
+          ref: f
         }, null, 40, ul), [
-          [ae, e(c)]
+          [ne, e(d)]
         ]),
-        Y(Le, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
-        e(c) != "" ? (r(), z(Ce, {
+        Y(Oe, { class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2" }),
+        e(d) != "" ? (s(), z(Ce, {
           key: 0,
-          onClick: V[2] || (V[2] = ($) => c.value = ""),
+          onClick: V[2] || (V[2] = (D) => d.value = ""),
           class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
-        })) : A("", !0)
+        })) : S("", !0)
       ]),
-      a("div", {
+      o("div", {
         class: I([
-          v.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
-          v.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
+          t.layout === "popover" ? "flex-1 overflow-y-auto p-2" : "",
+          t.layout === "inline" ? "flex-1 overflow-y-auto max-h-80" : ""
         ])
       }, [
-        (r(!0), w(N, null, G(e(f), ($, L) => (r(), z(he, {
-          layout: v.layout,
-          count: $.count,
-          label: $[e(h)],
-          color: $.color,
-          type: v.multi ? "checkbox" : "radio",
-          value: $[e(s)],
-          "is-selected": e(b)($),
-          highlighted: L === e(p),
-          onItemClick: (S) => e(n)($),
+        (s(!0), b(U, null, G(e(c), (D, P) => (s(), z(xe, {
+          layout: t.layout,
+          count: D.count,
+          label: D[e(h)],
+          color: D.color,
+          type: t.multi ? "checkbox" : "radio",
+          value: D[e(m)],
+          "is-selected": e(g)(D),
+          highlighted: P === e(w),
+          onItemClick: (A) => e(r)(D),
           ref_for: !0,
-          ref: (S) => O.value[L] = S?.el
+          ref: (A) => E.value[P] = A?.el
         }, null, 8, ["layout", "count", "label", "color", "type", "value", "is-selected", "highlighted", "onItemClick"]))), 256))
       ], 2),
-      v.type === "select" && e(f).length === 0 && !e(_) ? (r(), w("div", dl, [
-        a("div", cl, [
+      t.type === "select" && e(c).length === 0 && !e($) ? (s(), b("div", cl, [
+        o("div", dl, [
           Y(we),
-          a("div", fl, [
-            a("p", pl, R(e(t)("filter.notfound")), 1),
-            V[7] || (V[7] = a("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
+          o("div", fl, [
+            o("p", ml, K(e(l)("filter.notfound")), 1),
+            V[7] || (V[7] = o("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, null, -1))
           ])
         ])
-      ])) : A("", !0),
-      v.layout !== "popover" && v.type !== "select" ? (r(), w(N, { key: 1 }, [
-        !e(F) && e(k) ? (r(), w("div", {
+      ])) : S("", !0),
+      t.layout !== "popover" && t.type !== "select" ? (s(), b(U, { key: 1 }, [
+        !e(M) && e(C) ? (s(), b("div", {
           key: 0,
           onClick: V[3] || (V[3] = //@ts-ignore
-          (...$) => e(C) && e(C)(...$)),
+          (...D) => e(k) && e(k)(...D)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          Q(R(e(t)("filter.more")) + " ", 1),
+          Q(K(e(l)("filter.more")) + " ", 1),
           Y(ye)
-        ])) : A("", !0),
-        e(F) ? (r(), w("div", {
+        ])) : S("", !0),
+        e(M) ? (s(), b("div", {
           key: 1,
           onClick: V[4] || (V[4] = //@ts-ignore
-          (...$) => e(C) && e(C)(...$)),
+          (...D) => e(k) && e(k)(...D)),
           class: "inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"
         }, [
-          Q(R(e(t)("filter.less")) + " ", 1),
+          Q(K(e(l)("filter.less")) + " ", 1),
           Y(ke)
-        ])) : A("", !0)
-      ], 64)) : A("", !0),
-      v.cleanable ? (r(), w(N, { key: 2 }, [
-        v.layout === "inline" ? (r(), w("div", ml, [
-          Q(R(v.multi && Array.isArray(e(u)) ? e(u)?.length : e(u) !== void 0 && (e(u) || e(u) === null) ? 1 : 0) + " / " + R(e(B)) + " " + R(e(t)("filter.selected")) + " ", 1),
-          H(a("button", {
+        ])) : S("", !0)
+      ], 64)) : S("", !0),
+      t.cleanable ? (s(), b(U, { key: 2 }, [
+        t.layout === "inline" ? (s(), b("div", pl, [
+          Q(K(t.multi && Array.isArray(e(u)) ? e(u)?.length : e(u) !== void 0 && (e(u) || e(u) === null) ? 1 : 0) + " / " + K(e(B)) + " " + K(e(l)("filter.selected")) + " ", 1),
+          H(o("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: V[5] || (V[5] = //@ts-ignore
-            (...$) => e(g) && e(g)(...$))
-          }, R(e(t)("filter.clear")), 513), [
+            (...D) => e(p) && e(p)(...D))
+          }, K(e(l)("filter.clear")), 513), [
             [Z, e(u) !== "" && e(u) !== void 0 || e(u)]
           ])
-        ])) : A("", !0),
-        v.layout === "popover" ? (r(), w("div", vl, [
-          a("span", null, R(v.multi && Array.isArray(e(u)) ? e(u)?.length : e(u) !== void 0 && (e(u) || e(u) === null) ? 1 : 0) + " / " + R(e(B)) + " " + R(e(t)("filter.selected")), 1),
-          H(a("button", {
+        ])) : S("", !0),
+        t.layout === "popover" ? (s(), b("div", vl, [
+          o("span", null, K(t.multi && Array.isArray(e(u)) ? e(u)?.length : e(u) !== void 0 && (e(u) || e(u) === null) ? 1 : 0) + " / " + K(e(B)) + " " + K(e(l)("filter.selected")), 1),
+          H(o("button", {
             class: "text-gray-600 hover:text-gray-800",
             onClick: V[6] || (V[6] = //@ts-ignore
-            (...$) => e(g) && e(g)(...$))
-          }, R(e(t)("filter.clear")), 513), [
+            (...D) => e(p) && e(p)(...D))
+          }, K(e(l)("filter.clear")), 513), [
             [Z, e(u) !== "" && e(u) !== void 0 || e(u)]
           ])
-        ])) : A("", !0)
-      ], 64)) : A("", !0)
+        ])) : S("", !0)
+      ], 64)) : S("", !0)
     ], 2));
   }
-}), gl = ["for", "onClick"], bl = ["id", "name", "value"], hl = { class: "block" }, xl = {
+}), gl = ["for", "onClick"], bl = ["id", "name", "value"], xl = { class: "block" }, hl = {
   key: 0,
   class: "flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"
 }, wl = {
@@ -1588,77 +1590,77 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { expose: o, emit: x }) {
-    const t = y, i = x, {
-      innerValue: l,
-      isSelected: m,
+  setup(t, { expose: n, emit: v }) {
+    const l = t, i = v, {
+      innerValue: a,
+      isSelected: f,
       selectItem: u,
-      clear: f,
-      labelKey: b,
-      valueKey: n,
-      allOptions: g
-    } = t.multi ? Me({
-      ...t,
-      modelValue: t.modelValue ?? t.default ?? []
-    }, i) : xe({
-      ...t,
-      modelValue: t.modelValue !== void 0 ? t.modelValue : t.default ?? ""
+      clear: c,
+      labelKey: g,
+      valueKey: r,
+      allOptions: p
+    } = l.multi ? Le({
+      ...l,
+      modelValue: l.modelValue ?? l.default ?? []
+    }, i) : he({
+      ...l,
+      modelValue: l.modelValue !== void 0 ? l.modelValue : l.default ?? ""
     }, i);
-    return o({
-      clear: f
-    }), U(
-      () => t.modelValue,
-      (d) => {
-        d === void 0 && (t.multi ? l.value = [] : l.value = void 0);
+    return n({
+      clear: c
+    }), _(
+      () => l.modelValue,
+      (x) => {
+        x === void 0 && (l.multi ? a.value = [] : a.value = void 0);
       }
-    ), (d, C) => (r(), w(N, null, [
-      a("div", {
-        class: I(["grid grid-cols-3 gap-2 mx-[1px]", d.layout === "popover" ? "m-1" : "mb-1"])
+    ), (x, k) => (s(), b(U, null, [
+      o("div", {
+        class: I(["grid grid-cols-3 gap-2 mx-[1px]", t.layout === "popover" ? "m-1" : "mb-1"])
       }, [
-        (r(!0), w(N, null, G(e(g), (_) => (r(), w("label", {
-          key: `item-${_[e(n)]}`,
-          for: `item-${_[e(n)]}`,
-          onClick: se((F) => e(u)(_), ["stop", "prevent"]),
-          class: I([e(m)(_) ? "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%)]"])
+        (s(!0), b(U, null, G(e(p), ($) => (s(), b("label", {
+          key: `item-${$[e(r)]}`,
+          for: `item-${$[e(r)]}`,
+          onClick: se((M) => e(u)($), ["stop", "prevent"]),
+          class: I([e(f)($) ? "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%)]"])
         }, [
-          a("input", {
+          o("input", {
             type: "checkbox",
-            id: `item-${_[e(n)]}`,
+            id: `item-${$[e(r)]}`,
             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(n)]}`,
-            value: _[e(n)]
+            name: `item-${$[e(r)]}`,
+            value: $[e(r)]
           }, null, 8, bl),
-          a("span", hl, R(_[e(b)]), 1)
+          o("span", xl, K($[e(g)]), 1)
         ], 10, gl))), 128))
       ], 2),
-      d.cleanable ? (r(), w(N, { key: 0 }, [
-        d.layout === "inline" ? (r(), w("div", xl, [
-          Q(R(d.multi && Array.isArray(e(l)) ? e(l)?.length : e(l) !== void 0 && (e(l) || e(l) === null) ? 1 : 0) + " з " + R(e(g).length) + " обрано ", 1),
-          H(a("button", {
+      t.cleanable ? (s(), b(U, { key: 0 }, [
+        t.layout === "inline" ? (s(), b("div", hl, [
+          Q(K(t.multi && Array.isArray(e(a)) ? e(a)?.length : e(a) !== void 0 && (e(a) || e(a) === null) ? 1 : 0) + " з " + K(e(p).length) + " обрано ", 1),
+          H(o("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: C[0] || (C[0] = //@ts-ignore
-            (..._) => e(f) && e(f)(..._))
+            onClick: k[0] || (k[0] = //@ts-ignore
+            (...$) => e(c) && e(c)(...$))
           }, " Очистити ", 512), [
-            [Z, e(l) !== "" && e(l) !== void 0 || e(l)]
+            [Z, e(a) !== "" && e(a) !== void 0 || e(a)]
           ])
-        ])) : A("", !0),
-        d.layout === "popover" ? (r(), w("div", wl, [
-          a("span", null, R(d.multi && Array.isArray(e(l)) ? e(l)?.length : e(l) !== void 0 && (e(l) || e(l) === null) ? 1 : 0) + " з " + R(e(g).length) + " обрано", 1),
-          H(a("button", {
+        ])) : S("", !0),
+        t.layout === "popover" ? (s(), b("div", wl, [
+          o("span", null, K(t.multi && Array.isArray(e(a)) ? e(a)?.length : e(a) !== void 0 && (e(a) || e(a) === null) ? 1 : 0) + " з " + K(e(p).length) + " обрано", 1),
+          H(o("button", {
             class: "text-gray-600 hover:text-gray-800",
-            onClick: C[1] || (C[1] = //@ts-ignore
-            (..._) => e(f) && e(f)(..._))
+            onClick: k[1] || (k[1] = //@ts-ignore
+            (...$) => e(c) && e(c)(...$))
           }, " Очистити ", 512), [
-            [Z, e(l) !== void 0 && e(l) !== "" || e(l)]
+            [Z, e(a) !== void 0 && e(a) !== "" || e(a)]
           ])
-        ])) : A("", !0)
-      ], 64)) : A("", !0)
+        ])) : S("", !0)
+      ], 64)) : S("", !0)
     ], 64));
   }
-}), 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 = {
+}), 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" }, Al = {
   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" }, Bl = { 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__ */ W({
+}, Bl = { 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__ */ W({
   __name: "popover-field",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -1675,96 +1677,111 @@ const il = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
     mode: {},
     layout: {}
   },
-  setup(y, { expose: o }) {
-    const x = y, t = E(() => Te(x.mode)), i = j(!1), l = j({ top: 0, left: 0 }), m = j(null), u = j(null), f = j(null);
-    function b() {
-      const p = u.value, K = f.value;
-      if (!p || !K) return;
-      const M = p.getBoundingClientRect(), B = K.offsetWidth, D = K.offsetHeight, O = window.innerWidth, v = window.innerHeight, V = 8;
-      let $ = M.bottom + V, { left: L } = M;
-      const S = Math.max(O - B - 10, 10);
-      if (L = Math.min(L, S), L = Math.max(L, 10), $ + D > v - 10) {
-        const T = M.top - D - V;
-        $ = T >= 10 ? T : Math.max(v - D - 10, 10);
+  setup(t, { expose: n }) {
+    const v = t, l = T(() => Ie(v.mode)), i = F(!1), a = F({ top: 0, left: 0 }), f = F(null), u = F(null), c = F(null);
+    let g = null;
+    function r() {
+      const j = u.value, B = c.value;
+      if (!j || !B) return;
+      const R = j.getBoundingClientRect(), E = B.offsetWidth, y = B.offsetHeight, V = window.innerWidth, D = window.innerHeight, P = 8;
+      let A = R.bottom + P, { left: O } = R;
+      const N = Math.max(V - E - 10, 10);
+      if (O = Math.min(O, N), O = Math.max(O, 10), A + y > D - 10) {
+        const q = R.top - y - P;
+        A = q >= 10 ? q : Math.max(D - y - 10, 10);
       }
-      $ < 10 && ($ = 10), l.value = { top: $, left: L };
+      A < 10 && (A = 10), a.value = { top: A, left: O };
     }
-    function n() {
-      i.value = !i.value, i.value && fe(() => {
-        b(), x.fieldRef?.inputTextRef && x.fieldRef?.inputTextRef?.focus?.(), x.fieldRef?.loadData && x.fieldRef?.loadData?.();
+    function p() {
+      de(() => {
+        r(), typeof window < "u" && typeof window.requestAnimationFrame == "function" && window.requestAnimationFrame(() => r());
       });
     }
-    function g(p) {
-      !m.value?.contains(p.target) && !f.value?.contains(p.target) && !u.value?.contains(p.target) && (i.value = !1);
+    function x() {
+      i.value = !i.value, i.value && (p(), de(() => {
+        v.fieldRef?.inputTextRef && v.fieldRef?.inputTextRef?.focus?.(), v.fieldRef?.loadData && Promise.resolve(v.fieldRef?.loadData?.()).finally(() => {
+          i.value && p();
+        });
+      }));
+    }
+    function k(j) {
+      !f.value?.contains(j.target) && !c.value?.contains(j.target) && !u.value?.contains(j.target) && (i.value = !1);
     }
-    function d(p) {
-      p.key === "Escape" && (i.value = !1);
+    function $(j) {
+      j.key === "Escape" && (i.value = !1);
     }
-    const C = j(!1), _ = j("ua"), F = (p) => {
-      p.detail.key === "locale" && (_.value = p.detail.newValue);
+    const M = F(!1), C = F("ua"), d = (j) => {
+      j.detail.key === "locale" && (C.value = j.detail.newValue);
     };
-    ce(() => {
-      C.value = !0, _.value = localStorage.locale, window.addEventListener("storage", F), document.addEventListener("click", g, !0), document.addEventListener("keydown", d), window.addEventListener("scroll", b, !0);
-    }), me(() => {
-      window.removeEventListener("resize", F), document.removeEventListener("click", g, !0), document.removeEventListener("keydown", d), window.removeEventListener("scroll", b, !0);
+    fe(() => {
+      M.value = !0, C.value = localStorage.locale, window.addEventListener("storage", d), document.addEventListener("click", k, !0), document.addEventListener("keydown", $), window.addEventListener("scroll", r, !0), window.addEventListener("resize", r, !0), typeof ResizeObserver < "u" && (g = new ResizeObserver(() => {
+        i.value && p();
+      }));
+    }), pe(() => {
+      window.removeEventListener("storage", d), document.removeEventListener("click", k, !0), document.removeEventListener("keydown", $), window.removeEventListener("scroll", r, !0), window.removeEventListener("resize", r, !0), g?.disconnect(), g = null;
     });
-    function k() {
+    function h() {
       i.value = !1;
     }
-    o({ close: k });
-    function c(p) {
-      return Array.isArray(p) ? p.filter((K) => K != null && K !== "").length : p && typeof p == "object" ? Object.values(p).filter((K) => K != null && K !== "").length : typeof p == "string" ? p.trim() === "" ? 0 : 1 : typeof p == "number" ? Number.isNaN(p) ? 0 : 1 : p === null || p !== void 0 ? 1 : 0;
+    n({ close: h }), _([M, i, c], ([j, B, R]) => {
+      j && B && R && (p(), g?.observe(R));
+    });
+    function m(j) {
+      return Array.isArray(j) ? j.filter((B) => B != null && B !== "").length : j && typeof j == "object" ? Object.values(j).filter((B) => B != null && B !== "").length : typeof j == "string" ? j.trim() === "" ? 0 : 1 : typeof j == "number" ? Number.isNaN(j) ? 0 : 1 : j === null || j !== void 0 ? 1 : 0;
     }
-    const h = E(() => {
-      const p = x.fieldRef?.selectedLabels, K = c(p);
-      return K > 0 ? K : c(x.currentValue);
-    }), s = E(() => {
-      const p = x.fieldRef?.selectedLabels;
-      return !p || ["inline"].includes(x.layout || "") ? x[_.value] || (x.label ?? "") : Array.isArray(p) ? p.length > 0 ? p.join(", ") : x.label ?? "" : String(p);
+    const w = T(() => {
+      const j = v.fieldRef?.selectedLabels, B = m(j);
+      return B > 0 ? B : m(v.currentValue);
+    }), L = T(() => {
+      const j = v.fieldRef?.selectedLabels;
+      return !j || ["inline"].includes(v.layout || "") ? v[C.value] || (v.label ?? "") : Array.isArray(j) ? j.length > 0 ? j.join(", ") : v.label ?? "" : String(j);
     });
-    return (p, K) => (r(), w("div", null, [
-      a("button", {
-        onClick: n,
-        disabled: p.disabled,
+    return (j, B) => (s(), b("div", {
+      ref_key: "wrapperRef",
+      ref: f
+    }, [
+      o("button", {
+        onClick: x,
+        disabled: t.disabled,
         ref_key: "triggerRef",
         ref: u,
-        title: p.label,
+        title: t.label,
         class: I([
-          t.value,
-          p.width ? e(Oe).getWidthClass(p.width) : "w-full",
-          p.layout === "inline" && h.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600" : ""
+          l.value,
+          t.width ? e(Ee).getWidthClass(t.width) : "w-full",
+          t.layout === "inline" && w.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600" : ""
         ]),
         type: "button"
       }, [
-        a("span", Vl, [
-          a("span", _l, R(s.value), 1),
-          p.layout === "inline" && h.value > 0 ? (r(), w("span", $l, R(h.value), 1)) : A("", !0)
+        o("span", Vl, [
+          o("span", $l, K(L.value), 1),
+          t.layout === "inline" && w.value > 0 ? (s(), b("span", Al, K(w.value), 1)) : S("", !0)
         ]),
         Y(ye, { class: "h-4 w-4 text-neutral-500" })
       ], 10, Cl),
-      C.value ? (r(), z(ve, {
+      M.value ? (s(), z(ve, {
         key: 0,
         to: "body"
       }, [
-        H(a("div", {
+        H(o("div", {
           ref_key: "popperRef",
-          ref: f,
-          class: "vsTailwind vs-popover__content bottom-right w-fit fixed z-[1000]",
-          style: be({ top: `${l.value.top}px`, left: `${l.value.left}px` }),
+          ref: c,
+          class: "vsTailwind vs-popover__content w-fit fixed z-[1000]",
+          style: be({ top: `${a.value.top}px`, left: `${a.value.left}px` }),
           "data-inside-popover": ""
         }, [
-          a("div", Al, [
-            a("div", Bl, [
-              de(p.$slots, "default")
+          o("div", Bl, [
+            o("div", Sl, [
+              ce(j.$slots, "default")
             ])
           ])
         ], 4), [
           [Z, i.value]
         ])
-      ])) : A("", !0)
-    ]));
+      ])) : S("", !0)
+    ], 512));
   }
-}), Sl = {}, jl = {
+}), jl = {}, Dl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1776,17 +1793,17 @@ 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(y, o) {
-  return r(), w("svg", jl, [...o[0] || (o[0] = [
-    a("path", {
+function Rl(t, n) {
+  return s(), b("svg", Dl, [...n[0] || (n[0] = [
+    o("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    o("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ])]);
 }
-const Rl = /* @__PURE__ */ ee(Sl, [["render", Dl]]), Fl = {}, Kl = {
+const Fl = /* @__PURE__ */ ee(jl, [["render", Rl]]), Kl = {}, Ml = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15px",
   height: "24",
@@ -1798,17 +1815,17 @@ const Rl = /* @__PURE__ */ ee(Sl, [["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(y, o) {
-  return r(), w("svg", Kl, [...o[0] || (o[0] = [
-    a("path", {
+function Ll(t, n) {
+  return s(), b("svg", Ml, [...n[0] || (n[0] = [
+    o("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    o("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ])]);
 }
-const Ll = /* @__PURE__ */ ee(Fl, [["render", Ml]]), Ol = { class: "flex gap-1" }, El = { class: "mb-1" }, Tl = { class: "mb-1" }, Il = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Ul = ["title"], zl = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Nl = ["title"], Pl = {
+const Ol = /* @__PURE__ */ ee(Kl, [["render", Ll]]), El = { class: "flex gap-1" }, Tl = { class: "mb-1" }, Il = { class: "mb-1" }, _l = { class: "inline-flex rounded-sm shrink-0 pl-1" }, zl = ["title"], Ul = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Pl = ["title"], Nl = {
   key: 1,
   class: "flex gap-1 !w-[75%] rounded-sm"
 }, ql = ["max", "value", "disabled"], Wl = ["min", "value", "disabled"];
@@ -1841,175 +1858,175 @@ const Yl = /* @__PURE__ */ W({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { expose: o, emit: x }) {
-    const t = le(), i = y, l = x, m = j(null), {
+  setup(t, { expose: n, emit: v }) {
+    const l = le(), i = t, a = v, f = F(null), {
       activeMode: u,
-      innerValue: f,
-      onSelectChange: b,
-      nextClick: n,
-      prevClick: g,
-      currentLabel: d,
-      clear: C
-    } = Ie({
+      innerValue: c,
+      onSelectChange: g,
+      nextClick: r,
+      prevClick: p,
+      currentLabel: x,
+      clear: k
+    } = _e({
       ...i,
-      popoverRef: m
-    }, l);
-    U(() => i.modelValue, (k) => {
-      k !== void 0 ? (f.value = k, l("update:modelValue", k)) : (u.value = "", f.value = []);
-    }), U(
-      f,
-      (k) => {
-        l("update:modelValue", k), l("change", { name: i.name, value: k });
+      popoverRef: f
+    }, a);
+    _(() => i.modelValue, (C) => {
+      C !== void 0 ? (c.value = C, a("update:modelValue", C)) : (u.value = "", c.value = []);
+    }), _(
+      c,
+      (C) => {
+        a("update:modelValue", C), a("change", { name: i.name, value: C });
       },
       { deep: !0 }
     );
-    function _(k) {
-      const c = Array.isArray(f.value) ? [...f.value] : [];
-      f.value = [k, c[1] || ""];
+    function $(C) {
+      const d = Array.isArray(c.value) ? [...c.value] : [];
+      c.value = [C, d[1] || ""];
     }
-    function F(k) {
-      const c = Array.isArray(f.value) ? [...f.value] : [];
-      f.value = [c[0] || "", k];
+    function M(C) {
+      const d = Array.isArray(c.value) ? [...c.value] : [];
+      c.value = [d[0] || "", C];
     }
-    return o({
-      clear: C,
-      popoverRef: m
-    }), (k, c) => (r(), w(N, null, [
-      a("div", Ol, [
+    return n({
+      clear: k,
+      popoverRef: f
+    }), (C, d) => (s(), b(U, null, [
+      o("div", El, [
         Y(Ve, {
           ref_key: "popoverRef",
-          ref: m,
-          label: e(d),
-          "current-value": e(f),
-          mode: k.mode,
-          width: typeof k.width == "number" && e(f).length ? k.width - 70 : k.width,
-          onClear: e(C),
-          layout: k.layout,
-          class: I(k.itemClass)
+          ref: f,
+          label: e(x),
+          "current-value": e(c),
+          mode: t.mode,
+          width: typeof t.width == "number" && e(c).length ? t.width - 70 : t.width,
+          onClear: e(k),
+          layout: t.layout,
+          class: I(t.itemClass)
         }, {
-          default: ne(() => [
-            a("div", null, [
-              a("button", {
+          default: oe(() => [
+            o("div", null, [
+              o("button", {
                 type: "button",
-                onClick: c[0] || (c[0] = (h) => e(b)("range")),
+                onClick: d[0] || (d[0] = (h) => e(g)("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"
               }, [
-                Q(R(e(t)("filter.period")) + " ", 1),
-                e(u) === "range" ? (r(), z(oe, { key: 0 })) : A("", !0)
+                Q(K(e(l)("filter.period")) + " ", 1),
+                e(u) === "range" ? (s(), z(ae, { key: 0 })) : S("", !0)
               ])
             ]),
-            c[12] || (c[12] = a("div", null, [
-              a("div", { class: "pt-1 mt-1 border-t" })
+            d[12] || (d[12] = o("div", null, [
+              o("div", { class: "pt-1 mt-1 border-t" })
             ], -1)),
-            a("div", null, [
-              a("button", {
+            o("div", null, [
+              o("button", {
                 type: "button",
-                onClick: c[1] || (c[1] = (h) => e(b)("today")),
+                onClick: d[1] || (d[1] = (h) => e(g)("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"
               }, [
-                Q(R(e(t)("filter.today")) + " ", 1),
-                e(u) === "today" ? (r(), z(oe, { key: 0 })) : A("", !0)
+                Q(K(e(l)("filter.today")) + " ", 1),
+                e(u) === "today" ? (s(), z(ae, { key: 0 })) : S("", !0)
               ])
             ]),
-            a("div", null, [
-              a("button", {
+            o("div", null, [
+              o("button", {
                 type: "button",
-                onClick: c[2] || (c[2] = (h) => e(b)("week")),
+                onClick: d[2] || (d[2] = (h) => e(g)("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"
               }, [
-                Q(R(e(t)("filter.week")) + " ", 1),
-                e(u) === "week" ? (r(), z(oe, { key: 0 })) : A("", !0)
+                Q(K(e(l)("filter.week")) + " ", 1),
+                e(u) === "week" ? (s(), z(ae, { key: 0 })) : S("", !0)
               ])
             ]),
-            a("div", null, [
-              a("button", {
+            o("div", null, [
+              o("button", {
                 type: "button",
-                onClick: c[3] || (c[3] = (h) => e(b)("month")),
+                onClick: d[3] || (d[3] = (h) => e(g)("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"
               }, [
-                Q(R(e(t)("filter.month")) + " ", 1),
-                e(u) === "month" ? (r(), z(oe, { key: 0 })) : A("", !0)
+                Q(K(e(l)("filter.month")) + " ", 1),
+                e(u) === "month" ? (s(), z(ae, { key: 0 })) : S("", !0)
               ])
             ]),
-            a("div", null, [
-              a("button", {
+            o("div", null, [
+              o("button", {
                 type: "button",
-                onClick: c[4] || (c[4] = (h) => e(b)("quarter")),
+                onClick: d[4] || (d[4] = (h) => e(g)("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"
               }, [
-                Q(R(e(t)("filter.quarter")) + " ", 1),
-                e(u) === "quarter" ? (r(), z(oe, { key: 0 })) : A("", !0)
+                Q(K(e(l)("filter.quarter")) + " ", 1),
+                e(u) === "quarter" ? (s(), z(ae, { key: 0 })) : S("", !0)
               ])
             ]),
-            a("div", El, [
-              a("button", {
+            o("div", Tl, [
+              o("button", {
                 type: "button",
-                onClick: c[5] || (c[5] = (h) => e(b)("year")),
+                onClick: d[5] || (d[5] = (h) => e(g)("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"
               }, [
-                Q(R(e(t)("filter.year")) + " ", 1),
-                e(u) === "year" ? (r(), z(oe, { key: 0 })) : A("", !0)
+                Q(K(e(l)("filter.year")) + " ", 1),
+                e(u) === "year" ? (s(), z(ae, { key: 0 })) : S("", !0)
               ])
             ]),
-            a("div", Tl, [
-              a("button", {
+            o("div", Il, [
+              o("button", {
                 type: "button",
-                onClick: c[6] || (c[6] = (h) => e(C)()),
+                onClick: d[6] || (d[6] = (h) => 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"
               }, [
-                Q(R(e(t)("filter.alltime")) + " ", 1),
-                e(f)[0] ? A("", !0) : (r(), z(oe, { key: 0 }))
+                Q(K(e(l)("filter.alltime")) + " ", 1),
+                e(c)[0] ? S("", !0) : (s(), z(ae, { key: 0 }))
               ])
             ])
           ]),
           _: 1
         }, 8, ["label", "current-value", "mode", "width", "onClear", "layout", "class"]),
-        e(u) !== "" && e(u) !== "range" && e(u) !== "last_7_days" ? (r(), w(N, { key: 0 }, [
-          a("div", Il, [
-            a("button", {
+        e(u) !== "" && e(u) !== "range" && e(u) !== "last_7_days" ? (s(), b(U, { key: 0 }, [
+          o("div", _l, [
+            o("button", {
               type: "button",
-              title: e(t)("filter.prev"),
+              title: e(l)("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
-              (...h) => e(g) && e(g)(...h))
+              onClick: d[7] || (d[7] = //@ts-ignore
+              (...h) => e(p) && e(p)(...h))
             }, [
-              Y(Rl)
-            ], 8, Ul)
+              Y(Fl)
+            ], 8, zl)
           ]),
-          a("div", zl, [
-            a("button", {
+          o("div", Ul, [
+            o("button", {
               type: "button",
-              title: e(t)("filter.next"),
+              title: e(l)("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
-              (...h) => e(n) && e(n)(...h))
+              onClick: d[8] || (d[8] = //@ts-ignore
+              (...h) => e(r) && e(r)(...h))
             }, [
-              Y(Ll)
-            ], 8, Nl)
+              Y(Ol)
+            ], 8, Pl)
           ])
-        ], 64)) : A("", !0),
-        e(u) !== "" && e(u) === "range" ? (r(), w("div", Pl, [
-          a("input", {
+        ], 64)) : S("", !0),
+        e(u) !== "" && e(u) === "range" ? (s(), b("div", Nl, [
+          o("input", {
             type: "date",
-            max: e(f)[1],
+            max: e(c)[1],
             locale: "uk-UA",
-            value: e(f)[0],
-            onInput: c[9] || (c[9] = (h) => _(h.target.value)),
+            value: e(c)[0],
+            onInput: d[9] || (d[9] = (h) => $(h.target.value)),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",
-            disabled: k.disabled
+            disabled: t.disabled
           }, null, 40, ql),
-          a("input", {
+          o("input", {
             type: "date",
-            min: e(f)[0],
+            min: e(c)[0],
             locale: "uk-UA",
-            value: e(f)[1],
-            onInput: c[10] || (c[10] = (h) => F(h.target.value)),
+            value: e(c)[1],
+            onInput: d[10] || (d[10] = (h) => M(h.target.value)),
             class: "px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",
-            disabled: k.disabled
+            disabled: t.disabled
           }, null, 40, Wl)
-        ])) : A("", !0)
+        ])) : S("", !0)
       ]),
-      (k.cleanable, A("", !0))
+      (t.cleanable, S("", !0))
     ], 64));
   }
 }), Hl = { class: "flex flex-wrap items-center gap-2" }, Ql = ["disabled", "onClick"], Gl = {
@@ -2044,59 +2061,59 @@ const Yl = /* @__PURE__ */ W({
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { expose: o, emit: x }) {
-    const t = y, i = x, {
-      innerValue: l,
-      isSelected: m,
+  setup(t, { expose: n, emit: v }) {
+    const l = t, i = v, {
+      innerValue: a,
+      isSelected: f,
       selectItem: u,
-      clear: f,
-      labelKey: b,
-      valueKey: n,
-      allOptions: g
-    } = xe({
-      ...t,
-      modelValue: t.modelValue ?? t.default ?? ""
-    }, i), d = E(() => l.value !== void 0 && !(typeof l.value == "string" && l.value === "")), C = E(() => d.value ? 1 : 0);
-    function _(k) {
-      return m(k) ? ["bg-blue-600 text-white"].filter((c) => typeof c == "string" && c.trim().length > 0).join(" ") : ["text-gray-700 hover:bg-gray-200 bg-gray-50 "].filter((c) => typeof c == "string" && c.trim().length > 0).join(" ");
+      clear: c,
+      labelKey: g,
+      valueKey: r,
+      allOptions: p
+    } = he({
+      ...l,
+      modelValue: l.modelValue ?? l.default ?? ""
+    }, i), x = T(() => a.value !== void 0 && !(typeof a.value == "string" && a.value === "")), k = T(() => x.value ? 1 : 0);
+    function $(C) {
+      return f(C) ? ["bg-blue-600 text-white"].filter((d) => typeof d == "string" && d.trim().length > 0).join(" ") : ["text-gray-700 hover:bg-gray-200 bg-gray-50 "].filter((d) => typeof d == "string" && d.trim().length > 0).join(" ");
     }
-    function F(k) {
-      t.disabled || u(k);
+    function M(C) {
+      l.disabled || u(C);
     }
-    return o({
-      clear: f
-    }), U(
-      () => t.modelValue,
-      (k) => {
-        k === void 0 && (l.value = void 0);
+    return n({
+      clear: c
+    }), _(
+      () => l.modelValue,
+      (C) => {
+        C === void 0 && (a.value = void 0);
       }
-    ), (k, c) => (r(), w(N, null, [
-      a("div", Hl, [
-        (r(!0), w(N, null, G(e(g), (h) => (r(), w("button", {
-          key: h[e(n)],
+    ), (C, d) => (s(), b(U, null, [
+      o("div", Hl, [
+        (s(!0), b(U, null, G(e(p), (h) => (s(), b("button", {
+          key: h[e(r)],
           type: "button",
-          class: I(["px-3 py-2 text-sm font-medium rounded-md transition-colors", _(h)]),
-          disabled: k.disabled,
-          onClick: (s) => F(h)
-        }, R(h[e(b)]), 11, Ql))), 128))
+          class: I(["px-3 py-2 text-sm font-medium rounded-md transition-colors", $(h)]),
+          disabled: t.disabled,
+          onClick: (m) => M(h)
+        }, K(h[e(g)]), 11, Ql))), 128))
       ]),
-      k.cleanable && k.layout === "popover" ? (r(), w("div", Gl, [
-        a("span", null, R(C.value) + " з " + R(e(g).length) + " обрано", 1),
-        H(a("button", {
+      t.cleanable && t.layout === "popover" ? (s(), b("div", Gl, [
+        o("span", null, K(k.value) + " з " + K(e(p).length) + " обрано", 1),
+        H(o("button", {
           class: "text-gray-600 hover:text-gray-800",
-          onClick: c[0] || (c[0] = //@ts-ignore
-          (...h) => e(f) && e(f)(...h))
+          onClick: d[0] || (d[0] = //@ts-ignore
+          (...h) => e(c) && e(c)(...h))
         }, " Очистити ", 512), [
-          [Z, d.value]
+          [Z, x.value]
         ])
-      ])) : A("", !0)
+      ])) : S("", !0)
     ], 64));
   }
-}), De = {
+}), Re = {
   radio: Vt,
-  checkbox: je,
-  check: je,
-  text: Tt,
+  checkbox: De,
+  check: De,
+  text: It,
   range: Ht,
   date: rl,
   select: yl,
@@ -2104,24 +2121,24 @@ const Yl = /* @__PURE__ */ W({
   button: Jl,
   "date:inline": Yl
 };
-function _e(y, o) {
-  let x;
-  switch (y.toLowerCase()) {
+function $e(t, n) {
+  let v;
+  switch (t.toLowerCase()) {
     case "autocomplete":
-      x = "select";
+      v = "select";
       break;
     case "check":
-      x = "checkbox";
+      v = "checkbox";
       break;
     default:
-      x = y?.toString().toLowerCase();
+      v = t?.toString().toLowerCase();
   }
-  return x === "date" && o && o === "inline" && (x = "date:inline"), {
-    component: De[x] || De.text,
-    type: x
+  return v === "date" && n && n === "inline" && (v = "date:inline"), {
+    component: Re[v] || Re.text,
+    type: v
   };
 }
-const Xl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Zl = { class: "relative w-full mb-2 p-4 bg-white rounded-md shadow-sm" }, eo = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, to = { class: "flex items-center" }, lo = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, oo = { class: "filter-layout__body" }, ao = /* @__PURE__ */ W({
+const Xl = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Zl = { class: "relative w-full mb-2 p-4 bg-white rounded-md shadow-sm" }, ea = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, ta = { class: "flex items-center" }, la = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, aa = { class: "filter-layout__body" }, na = /* @__PURE__ */ W({
   __name: "vertical-layout",
   props: {
     id: {},
@@ -2150,71 +2167,71 @@ const Xl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { expose: o, emit: x }) {
-    const t = y, i = x, l = j(), m = E(() => _e(t.type, t.layout)), u = E({
-      get: () => t.modelValue,
-      set: (g) => i("update:modelValue", g)
+  setup(t, { expose: n, emit: v }) {
+    const l = t, i = v, a = F(), f = T(() => $e(l.type, l.layout)), u = T({
+      get: () => l.modelValue,
+      set: (p) => i("update:modelValue", p)
     });
-    function f(g) {
-      i("clear", g);
+    function c(p) {
+      i("clear", p);
     }
-    function b(g, d) {
-      i("change", { name: g, value: d }), t.modelValue !== void 0 && i("update:modelValue", d);
+    function g(p, x) {
+      i("change", { name: p, value: x }), l.modelValue !== void 0 && i("update:modelValue", x);
     }
-    function n() {
-      i("clear", t.name);
+    function r() {
+      a.value?.clear?.(), i("clear", l.name);
     }
-    return U(
-      () => t.default,
-      (g) => {
-        u.value = g;
+    return _(
+      () => l.default,
+      (p) => {
+        u.value = p;
       }
-    ), U(
-      () => t.modelValue,
-      (g) => {
-        u.value = g;
+    ), _(
+      () => l.modelValue,
+      (p) => {
+        u.value = p;
       }
-    ), o({
-      filterRef: l
-    }), (g, d) => (r(), w("div", Xl, [
-      a("div", Zl, [
-        a("div", eo, [
-          a("div", to, [
-            a("span", lo, R(g.label), 1)
+    ), n({
+      filterRef: a
+    }), (p, x) => (s(), b("div", Xl, [
+      o("div", Zl, [
+        o("div", ea, [
+          o("div", ta, [
+            o("span", la, K(t.label), 1)
           ]),
-          typeof u.value == "string" && u.value.trim() !== "" || Array.isArray(u.value) && u.value.length > 0 && u.value.some((C) => C !== void 0) || u.value === null ? (r(), z(tt, {
+          typeof u.value == "string" && u.value.trim() !== "" || Array.isArray(u.value) && u.value.length > 0 && u.value.some((k) => k !== void 0) || u.value === null ? (s(), z(tt, {
             key: 0,
-            onClick: n
-          })) : A("", !0)
+            onClick: r
+          })) : S("", !0)
         ]),
-        a("div", oo, [
-          m.value?.type !== "select" ? (r(), z(re(m.value?.component), X({ key: 0 }, t, {
-            type: m.value?.type,
-            class: t.itemClass,
-            onChange: d[0] || (d[0] = (C) => b(C.name, C.value)),
-            onClear: d[1] || (d[1] = (C) => f(C)),
+        o("div", aa, [
+          f.value?.type !== "select" ? (s(), z(re(f.value?.component), X({ key: 0 }, l, {
+            type: f.value?.type,
+            class: l.itemClass,
+            onChange: x[0] || (x[0] = (k) => g(k.name, k.value)),
+            onClear: x[1] || (x[1] = (k) => c(k)),
             ref_key: "filterRef",
-            ref: l
-          }), null, 16, ["type", "class"])) : (r(), z(Ve, {
+            ref: a
+          }), null, 16, ["type", "class"])) : (s(), z(Ve, {
             key: 1,
             "current-value": u.value,
-            label: g.label,
-            mode: g.mode,
-            onClear: n,
-            fieldRef: l.value,
+            label: t.label,
+            mode: t.mode,
+            onClear: r,
+            fieldRef: a.value,
             width: void 0,
-            disabled: g.disabled,
+            disabled: t.disabled,
             layout: "vertical"
           }, {
-            default: ne(() => [
-              (r(), z(re(m.value?.component), X({
+            default: oe(() => [
+              (s(), z(re(f.value?.component), X({
                 ref_key: "filterRef",
-                ref: l
-              }, t, {
-                type: m.value?.type,
-                class: t.itemClass,
-                onChange: d[2] || (d[2] = (C) => b(C.name, C.value)),
-                onClear: d[3] || (d[3] = (C) => f(C))
+                ref: a
+              }, l, {
+                type: f.value?.type,
+                class: l.itemClass,
+                onChange: x[2] || (x[2] = (k) => g(k.name, k.value)),
+                onClear: x[3] || (x[3] = (k) => c(k))
               }), null, 16, ["type", "class"]))
             ]),
             _: 1
@@ -2223,7 +2240,7 @@ const Xl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
       ])
     ]));
   }
-}), Re = /* @__PURE__ */ W({
+}), Fe = /* @__PURE__ */ W({
   __name: "inline-layout",
   props: {
     id: {},
@@ -2252,65 +2269,65 @@ const Xl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { expose: o, emit: x }) {
-    const t = y, i = x, l = j(), m = E(() => _e(t.type, t.layout)), u = E({
-      get: () => t.modelValue,
-      set: (n) => i("update:modelValue", n)
+  setup(t, { expose: n, emit: v }) {
+    const l = t, i = v, a = F(), f = T(() => $e(l.type, l.layout)), u = T({
+      get: () => l.modelValue,
+      set: (r) => i("update:modelValue", r)
     });
-    function f(n = t.name) {
-      i("clear", n);
+    function c(r = l.name) {
+      i("clear", r);
     }
-    function b(n, g) {
-      i("change", { name: n, value: g }), t.modelValue !== void 0 && i("update:modelValue", g);
+    function g(r, p) {
+      i("change", { name: r, value: p }), l.modelValue !== void 0 && i("update:modelValue", p);
     }
-    return U(
-      () => t.default,
-      (n) => {
-        u.value = n;
+    return _(
+      () => l.default,
+      (r) => {
+        u.value = r;
       }
-    ), U(
-      () => t.modelValue,
-      (n) => {
-        u.value = n;
+    ), _(
+      () => l.modelValue,
+      (r) => {
+        u.value = r;
       }
-    ), o({
-      filterRef: l
-    }), (n, g) => ["text", "date", "button"].includes(n.type.toLocaleLowerCase()) ? (r(), z(re(m.value?.component), X({ key: 0 }, t, {
-      type: m.value?.type,
-      class: n.itemClass,
-      onChange: g[0] || (g[0] = (d) => b(d.name, d.value)),
-      onClear: g[1] || (g[1] = (d) => f(d)),
-      disabled: n.disabled,
+    ), n({
+      filterRef: a
+    }), (r, p) => ["text", "date", "button"].includes(t.type.toLocaleLowerCase()) ? (s(), z(re(f.value?.component), X({ key: 0 }, l, {
+      type: f.value?.type,
+      class: t.itemClass,
+      onChange: p[0] || (p[0] = (x) => g(x.name, x.value)),
+      onClear: p[1] || (p[1] = (x) => c(x)),
+      disabled: t.disabled,
       modelValue: u.value,
-      "onUpdate:modelValue": g[2] || (g[2] = (d) => u.value = d)
-    }), null, 16, ["type", "class", "disabled", "modelValue"])) : (r(), z(Ve, {
+      "onUpdate:modelValue": p[2] || (p[2] = (x) => u.value = x)
+    }), null, 16, ["type", "class", "disabled", "modelValue"])) : (s(), z(Ve, {
       key: 1,
       "current-value": u.value,
-      label: n.label,
-      mode: n.mode,
-      onClear: f,
-      fieldRef: l.value,
-      width: t.width,
-      disabled: n.disabled,
+      label: t.label,
+      mode: t.mode,
+      onClear: c,
+      fieldRef: a.value,
+      width: l.width,
+      disabled: t.disabled,
       layout: "inline"
     }, {
-      default: ne(() => [
-        (r(), z(re(m.value?.component), X({
+      default: oe(() => [
+        (s(), z(re(f.value?.component), X({
           ref_key: "filterRef",
-          ref: l
-        }, t, {
+          ref: a
+        }, l, {
           modelValue: u.value,
-          "onUpdate:modelValue": g[3] || (g[3] = (d) => u.value = d),
-          type: m.value?.type,
-          class: t.itemClass,
-          onChange: g[4] || (g[4] = (d) => b(d.name, d.value)),
-          onClear: g[5] || (g[5] = (d) => f(d))
+          "onUpdate:modelValue": p[3] || (p[3] = (x) => u.value = x),
+          type: f.value?.type,
+          class: l.itemClass,
+          onChange: p[4] || (p[4] = (x) => g(x.name, x.value)),
+          onClear: p[5] || (p[5] = (x) => c(x))
         }), null, 16, ["modelValue", "type", "class"]))
       ]),
       _: 1
     }, 8, ["current-value", "label", "mode", "fieldRef", "width", "disabled"]));
   }
-}), no = /* @__PURE__ */ W({
+}), oa = /* @__PURE__ */ W({
   __name: "popover-layout",
   props: {
     id: {},
@@ -2339,43 +2356,43 @@ const Xl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { expose: o, emit: x }) {
-    const t = y, i = x, l = j(), m = E(() => _e(t.type, t.layout)), u = E({
-      get: () => t.modelValue,
-      set: (n) => i("update:modelValue", n)
+  setup(t, { expose: n, emit: v }) {
+    const l = t, i = v, a = F(), f = T(() => $e(l.type, l.layout)), u = T({
+      get: () => l.modelValue,
+      set: (r) => i("update:modelValue", r)
     });
-    function f(n) {
-      i("clear", n);
+    function c(r) {
+      i("clear", r);
     }
-    function b(n, g) {
-      i("change", { name: n, value: g }), t.modelValue !== void 0 && i("update:modelValue", g);
+    function g(r, p) {
+      i("change", { name: r, value: p }), l.modelValue !== void 0 && i("update:modelValue", p);
     }
-    return U(
-      () => t.default,
-      (n) => {
-        u.value = n;
+    return _(
+      () => l.default,
+      (r) => {
+        u.value = r;
       }
-    ), U(
-      () => t.modelValue,
-      (n) => {
-        u.value = n;
+    ), _(
+      () => l.modelValue,
+      (r) => {
+        u.value = r;
       }
-    ), U(
-      () => t,
-      (n) => {
-        u.value = n;
+    ), _(
+      () => l,
+      (r) => {
+        u.value = r;
       }
-    ), o({
-      filterRef: l
-    }), (n, g) => (r(), z(re(m.value?.component), X(t, {
-      type: m.value?.type,
-      class: t.itemClass,
+    ), n({
+      filterRef: a
+    }), (r, p) => (s(), z(re(f.value?.component), X(l, {
+      type: f.value?.type,
+      class: l.itemClass,
       modelValue: u.value,
-      "onUpdate:modelValue": g[0] || (g[0] = (d) => u.value = d),
-      onChange: g[1] || (g[1] = (d) => b(d.name, d.value)),
-      onClear: g[2] || (g[2] = (d) => f(d)),
+      "onUpdate:modelValue": p[0] || (p[0] = (x) => u.value = x),
+      onChange: p[1] || (p[1] = (x) => g(x.name, x.value)),
+      onClear: p[2] || (p[2] = (x) => c(x)),
       ref_key: "filterRef",
-      ref: l
+      ref: a
     }), null, 16, ["type", "class", "modelValue"]));
   }
 }), te = /* @__PURE__ */ W({
@@ -2407,200 +2424,200 @@ const Xl = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
     itemClass: {}
   },
   emits: ["update:modelValue", "change", "clear"],
-  setup(y, { expose: o, emit: x }) {
-    const t = y, i = x, l = j(), m = E({
-      get: () => t.modelValue,
-      set: (n) => i("update:modelValue", n)
+  setup(t, { expose: n, emit: v }) {
+    const l = t, i = v, a = F(), f = T({
+      get: () => l.modelValue,
+      set: (r) => i("update:modelValue", r)
     });
-    function u(n) {
-      i("clear", n);
+    function u(r) {
+      i("clear", r);
     }
-    function f(n, g) {
-      i("change", { name: n, value: g }), t.modelValue !== void 0 && i("update:modelValue", g);
+    function c(r, p) {
+      i("change", { name: r, value: p }), l.modelValue !== void 0 && i("update:modelValue", p);
     }
-    U(
-      () => t.default,
-      (n) => {
-        m.value = n;
+    _(
+      () => l.default,
+      (r) => {
+        f.value = r;
       }
-    ), U(
-      () => t.modelValue,
-      (n) => {
-        m.value = n;
+    ), _(
+      () => l.modelValue,
+      (r) => {
+        f.value = r;
       }
-    ), o({
-      filterRef: l
+    ), n({
+      filterRef: a
     });
-    function b() {
-      switch (t.layout) {
+    function g() {
+      switch (l.layout) {
         case "inline":
-          return Re;
+          return Fe;
         case "vertical":
-          return ao;
+          return na;
         case "popover":
-          return no;
+          return oa;
         default:
-          return Re;
+          return Fe;
       }
     }
-    return (n, g) => (r(), z(re(b()), X(t, {
-      onChange: g[0] || (g[0] = (d) => f(d.name, d.value)),
-      onClear: g[1] || (g[1] = (d) => u(d)),
-      modelValue: m.value,
-      "onUpdate:modelValue": g[2] || (g[2] = (d) => m.value = d)
+    return (r, p) => (s(), z(re(g()), X(l, {
+      onChange: p[0] || (p[0] = (x) => c(x.name, x.value)),
+      onClear: p[1] || (p[1] = (x) => u(x)),
+      modelValue: f.value,
+      "onUpdate:modelValue": p[2] || (p[2] = (x) => f.value = x)
     }), null, 16, ["modelValue"]));
   }
 });
-function ge(y, o) {
+function ge(t, n) {
   const {
-    slots: x
-  } = y, t = (c) => c ? JSON.parse(JSON.stringify(ue(c))) : {}, i = j(t(y.value));
-  U(
-    () => y.value,
-    (c) => {
-      i.value = t(c);
+    slots: v
+  } = t, l = (d) => d ? JSON.parse(JSON.stringify(ue(d))) : {}, i = F(l(t.value));
+  _(
+    () => t.value,
+    (d) => {
+      i.value = l(d);
     },
     { deep: !0, immediate: !0 }
   );
-  const l = E(() => (ue(x?.default?.()) ?? []).flatMap((h) => Array.isArray(h.children) ? h.children : [h]));
-  function m(c) {
-    delete i.value[c], o("clear", {
+  const a = T(() => (ue(v?.default?.()) ?? []).flatMap((h) => Array.isArray(h.children) ? h.children : [h]));
+  function f(d) {
+    delete i.value[d], n("clear", {
       data: ue(i.value),
-      name: c
+      name: d
     });
   }
-  function u(c, h) {
-    h === void 0 ? m(c) : i.value = {
+  function u(d, h) {
+    h === void 0 ? f(d) : i.value = {
       ...i.value,
-      [c]: h
-    }, o("change", {
+      [d]: h
+    }, n("change", {
       data: ue(i.value),
-      name: c,
+      name: d,
       value: h
     });
   }
-  const f = E(() => l.value.map((c) => {
-    const h = c.props?.name;
-    return We(c, {
-      ...c.props,
-      layout: y.view,
+  const c = T(() => a.value.map((d) => {
+    const h = d.props?.name;
+    return We(d, {
+      ...d.props,
+      layout: t.view,
       showClean: !0,
       modelValue: i.value[h],
-      "onUpdate:modelValue": (s) => {
-        u(h, s);
+      "onUpdate:modelValue": (m) => {
+        u(h, m);
       },
-      onClear: () => m(h),
-      class: [y.itemClass, c.props?.class],
-      itemClass: [y.itemClass, c.props?.itemClass].filter((s) => typeof s == "string" && s.trim().length > 0).join(" ") || void 0
+      onClear: () => f(h),
+      class: [t.itemClass, d.props?.class],
+      itemClass: [t.itemClass, d.props?.itemClass].filter((m) => typeof m == "string" && m.trim().length > 0).join(" ") || void 0
     });
-  })), b = E(
+  })), g = T(
     () => new Map(
-      f.value.map((c) => {
-        const h = c.props?.name;
-        return h ? [h, c] : null;
-      }).filter((c) => c !== null)
+      c.value.map((d) => {
+        const h = d.props?.name;
+        return h ? [h, d] : null;
+      }).filter((d) => d !== null)
     )
   );
-  function n(c = !1) {
-    i.value = {}, c || o("clearAll", {
+  function r(d = !1) {
+    i.value = {}, d || n("clearAll", {
       data: ue(i.value),
       name: "ALL"
     });
   }
-  const g = j(""), d = E(() => y.schema?.value ? Object.entries(i.value).filter(([c, h]) => y.schema && !(c in y.schema.value) ? !1 : Array.isArray(h) ? h.some((s) => s !== "" && s !== void 0) : h !== "" && h !== void 0).length : 0), C = j();
-  U(g, async () => {
-    await fe(), C?.value?.filterRef?.inputTextRef && C.value.filterRef.inputTextRef.focus();
+  const p = F(""), x = T(() => t.schema?.value ? Object.entries(i.value).filter(([d, h]) => t.schema && !(d in t.schema.value) ? !1 : Array.isArray(h) ? h.some((m) => m !== "" && m !== void 0) : h !== "" && h !== void 0).length : 0), k = F();
+  _(p, async () => {
+    await de(), k?.value?.filterRef?.inputTextRef && k.value.filterRef.inputTextRef.focus();
   });
-  const _ = E(() => y.schema?.value ? Object.fromEntries(Object.entries(y.schema?.value).slice(0, y.limit)) : {}), F = E(() => {
-    if (f.value.length === 0) return [];
-    let c = 0;
-    if (y.schema?.value) {
-      const h = Object.entries(y.schema.value).length;
-      y.limit && h < y.limit ? c = y.limit - h : c = 0;
+  const $ = T(() => t.schema?.value ? Object.fromEntries(Object.entries(t.schema?.value).slice(0, t.limit)) : {}), M = T(() => {
+    if (c.value.length === 0) return [];
+    let d = 0;
+    if (t.schema?.value) {
+      const h = Object.entries(t.schema.value).length;
+      t.limit && h < t.limit ? d = t.limit - h : d = 0;
     }
-    return f.value.slice(0, c);
-  }), k = E(() => f.value.length === 0 ? [] : y.view !== "inline" ? f.value : f.value.slice(F.value.length));
+    return c.value.slice(0, d);
+  }), C = T(() => c.value.length === 0 ? [] : t.view !== "inline" ? c.value : c.value.slice(M.value.length));
   return {
     activeFilter: i,
-    activeFilterCount: d,
+    activeFilterCount: x,
     onFilterChange: u,
-    clearFilter: m,
-    clearAllFilters: n,
-    limitedSchema: _,
-    filtersSlot: f,
-    limitedFiltersSlot: F,
-    popoverFiltersSlot: k,
-    vnodeMap: b,
-    selectedFilter: g,
-    filterRef: C
+    clearFilter: f,
+    clearAllFilters: r,
+    limitedSchema: $,
+    filtersSlot: c,
+    limitedFiltersSlot: M,
+    popoverFiltersSlot: C,
+    vnodeMap: g,
+    selectedFilter: p,
+    filterRef: k
   };
 }
-const ro = /* @__PURE__ */ W({
+const ra = /* @__PURE__ */ W({
   __name: "popover",
   emits: ["open", "close"],
-  setup(y, { emit: o }) {
-    const x = j(!1), t = j(null), i = j(null), l = j(null), m = j({ top: "0px", left: "0px", position: "absolute" }), u = j(!1);
-    function f() {
-      x.value = !x.value;
+  setup(t, { emit: n }) {
+    const v = F(!1), l = F(null), i = F(null), a = F(null), f = F({ top: "0px", left: "0px", position: "absolute" }), u = F(!1);
+    function c() {
+      v.value = !v.value;
     }
-    function b() {
-      const _ = l.value, F = t.value;
-      if (!_ || !F) return;
-      const { left: k, bottom: c } = _.getBoundingClientRect();
+    function g() {
+      const $ = a.value, M = l.value;
+      if (!$ || !M) return;
+      const { left: C, bottom: d } = $.getBoundingClientRect();
       requestAnimationFrame(() => {
-        if (!F) return;
-        const { width: h } = F.getBoundingClientRect(), s = F.offsetWidth || h, p = window.innerWidth || document.documentElement.clientWidth, K = p - k;
-        let M = k;
-        s > K && (M = p - s - 18), M < 18 && (M = 18);
-        const B = p - s - 18;
-        M > B && (M = Math.max(18, B)), m.value = {
+        if (!M) return;
+        const { width: h } = M.getBoundingClientRect(), m = M.offsetWidth || h, w = window.innerWidth || document.documentElement.clientWidth, L = w - C;
+        let j = C;
+        m > L && (j = w - m - 18), j < 18 && (j = 18);
+        const B = w - m - 18;
+        j > B && (j = Math.max(18, B)), f.value = {
           position: "fixed",
-          top: `${c + 18}px`,
-          left: `${M}px`
+          top: `${d + 18}px`,
+          left: `${j}px`
         }, u.value = !0;
       });
     }
-    const n = E(() => Object.entries(m.value).map((_) => _.join(":")).join(";"));
-    function g(_) {
-      const F = _.target;
-      !l.value?.contains(_.target) && !t.value?.contains(_.target) && !F.closest("[data-inside-popover]") && (x.value = !1);
+    const r = T(() => Object.entries(f.value).map(($) => $.join(":")).join(";"));
+    function p($) {
+      const M = $.target;
+      !a.value?.contains($.target) && !l.value?.contains($.target) && !M.closest("[data-inside-popover]") && (v.value = !1);
     }
-    const d = j(!1);
-    ce(() => {
-      d.value = !0;
-    }), ce(() => {
-      l.value = i.value?.querySelector("[data-popover-trigger]") || null, l.value?.addEventListener("click", f), document.addEventListener("click", g), window.addEventListener("resize", b), window.addEventListener("scroll", b, !0);
-    }), me(() => {
-      l.value?.removeEventListener("click", f), document.removeEventListener("click", g), window.removeEventListener("resize", b), window.removeEventListener("scroll", b, !0);
+    const x = F(!1);
+    fe(() => {
+      x.value = !0;
+    }), fe(() => {
+      a.value = i.value?.querySelector("[data-popover-trigger]") || null, a.value?.addEventListener("click", c), document.addEventListener("click", p), window.addEventListener("resize", g), window.addEventListener("scroll", g, !0);
+    }), pe(() => {
+      a.value?.removeEventListener("click", c), document.removeEventListener("click", p), window.removeEventListener("resize", g), window.removeEventListener("scroll", g, !0);
     });
-    const C = o;
-    return U(x, async (_) => {
-      _ ? (u.value = !1, C("open"), await fe(), requestAnimationFrame(() => {
-        b();
-      })) : (C("close"), u.value = !1);
-    }), (_, F) => (r(), w("div", {
+    const k = n;
+    return _(v, async ($) => {
+      $ ? (u.value = !1, k("open"), await de(), requestAnimationFrame(() => {
+        g();
+      })) : (k("close"), u.value = !1);
+    }), ($, M) => (s(), b("div", {
       ref_key: "wrapperRef",
       ref: i
     }, [
-      de(_.$slots, "trigger"),
-      d.value ? (r(), z(ve, {
+      ce($.$slots, "trigger"),
+      x.value ? (s(), z(ve, {
         key: 0,
         to: "body"
       }, [
-        H(a("div", {
+        H(o("div", {
           ref_key: "popoverRef",
-          ref: t,
+          ref: l,
           class: "fixed z-[50] w-[calc(100vw-32px)] md:w-[600px] rounded-md border bg-white shadow-md transition-opacity duration-0",
-          style: be([n.value, { visibility: u.value ? "visible" : "hidden", opacity: u.value ? 1 : 0 }])
+          style: be([r.value, { visibility: u.value ? "visible" : "hidden", opacity: u.value ? 1 : 0 }])
         }, [
-          de(_.$slots, "default")
+          ce($.$slots, "default")
         ], 4), [
-          [Z, x.value]
+          [Z, v.value]
         ])
-      ])) : A("", !0)
+      ])) : S("", !0)
     ], 512));
   }
-}), so = {}, io = {
+}), sa = {}, ia = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -2612,27 +2629,27 @@ const ro = /* @__PURE__ */ W({
   "stroke-linejoin": "round",
   class: "lucide lucide-filter h-4 w-4"
 };
-function uo(y, o) {
-  return r(), w("svg", io, [...o[0] || (o[0] = [
-    a("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
+function ua(t, n) {
+  return s(), b("svg", ia, [...n[0] || (n[0] = [
+    o("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1)
   ])]);
 }
-const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-center gap-2 overflow-hidden" }, fo = {
+const ze = /* @__PURE__ */ ee(sa, [["render", ua]]), ca = { class: "flex items-center gap-2 overflow-hidden" }, da = {
   key: 0,
   class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-[4px] bg-blue-500 px-1 text-[11px] font-semibold text-white"
-}, po = { class: "flex max-h-[400px] md:max-h-[400px]" }, mo = { class: "w-[150px] sm:w-[180px] md:w-64 border-r border-gray-200 overflow-y-auto" }, vo = { class: "p-2 md:p-4 border-b" }, yo = { class: "text-xs md:text-sm text-gray-600" }, go = { class: "p-1 md:p-2" }, bo = ["onClick"], ho = { class: "flex items-center gap-1.5 md:gap-2" }, xo = { class: "text-xs md:text-sm font-medium line-clamp-3" }, wo = {
+}, fa = { class: "flex max-h-[400px] md:max-h-[400px]" }, ma = { class: "w-[150px] sm:w-[180px] md:w-64 border-r border-gray-200 overflow-y-auto" }, pa = { class: "p-2 md:p-4 border-b" }, va = { class: "text-xs md:text-sm text-gray-600" }, ya = { class: "p-1 md:p-2" }, ga = ["onClick"], ba = { class: "flex items-center gap-1.5 md:gap-2" }, xa = { class: "text-xs md:text-sm font-medium line-clamp-3" }, ha = {
   key: 0,
   class: "inline-flex min-h-[16px] md:min-h-[18px] min-w-[16px] md:min-w-[18px] items-center justify-center rounded-[4px] bg-blue-100 px-0.5 md:px-1 text-[10px] md:text-[11px] font-semibold text-blue-600 flex-shrink-0"
-}, ko = ["onClick"], Co = { class: "flex items-center gap-1.5 md:gap-2" }, Vo = { class: "text-xs md:text-sm font-medium truncate" }, _o = {
+}, wa = ["onClick"], ka = { class: "flex items-center gap-1.5 md:gap-2" }, Ca = { class: "text-xs md:text-sm font-medium truncate" }, Va = {
   key: 0,
   class: "inline-flex min-h-[16px] md:min-h-[18px] min-w-[16px] md:min-w-[18px] items-center justify-center rounded-[4px] bg-blue-100 px-0.5 md:px-1 text-[10px] md:text-[11px] font-semibold text-blue-600 flex-shrink-0"
-}, $o = {
+}, $a = {
   key: 0,
   class: "p-1 md:p-2 border-t"
-}, Ao = { class: "flex-1 min-h-[250px] md:min-h-[300px] overflow-y-auto" }, Bo = {
+}, Aa = { class: "flex-1 min-h-[250px] md:min-h-[300px] overflow-y-auto" }, Ba = {
   key: 0,
   class: "flex items-center justify-center h-full text-gray-500"
-}, So = { class: "text-xs md:text-sm" }, ze = /* @__PURE__ */ W({
+}, Sa = { class: "text-xs md:text-sm" }, Ue = /* @__PURE__ */ W({
   __name: "popover-filter-layout",
   props: {
     badgeCount: {},
@@ -2650,163 +2667,163 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
     teleportActive: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(y, { expose: o, emit: x }) {
-    const t = le(), i = y, l = Te(i.mode), m = pe(), u = x, f = j({}), b = E(() => f?.value ? i.view !== "inline" ? f?.value : Object.fromEntries(Object.entries(f?.value).slice(i.limit)) : {}), {
-      activeFilter: n,
-      activeFilterCount: g,
-      onFilterChange: d,
-      clearFilter: C,
-      clearAllFilters: _,
-      popoverFiltersSlot: F,
-      selectedFilter: k,
-      filterRef: c
+  setup(t, { expose: n, emit: v }) {
+    const l = le(), i = t, a = Ie(i.mode), f = me(), u = v, c = F({}), g = T(() => c?.value ? i.view !== "inline" ? c?.value : Object.fromEntries(Object.entries(c?.value).slice(i.limit)) : {}), {
+      activeFilter: r,
+      activeFilterCount: p,
+      onFilterChange: x,
+      clearFilter: k,
+      clearAllFilters: $,
+      popoverFiltersSlot: M,
+      selectedFilter: C,
+      filterRef: d
     } = ge({
       ...i,
-      schema: f,
-      slots: m
-    }, u), h = E(() => i.badgeCount ?? g.value);
-    function s(M) {
-      return Array.isArray(M) ? M.filter((B) => B != null && B !== "").length : M && typeof M == "object" ? Object.values(M).filter((B) => B != null && B !== "").length : M === null || M !== void 0 && M !== "" ? 1 : 0;
+      schema: c,
+      slots: f
+    }, u), h = T(() => i.badgeCount ?? p.value);
+    function m(j) {
+      return Array.isArray(j) ? j.filter((B) => B != null && B !== "").length : j && typeof j == "object" ? Object.values(j).filter((B) => B != null && B !== "").length : j === null || j !== void 0 && j !== "" ? 1 : 0;
     }
-    function p(M) {
-      return n.value ? s(n.value[M]) : 0;
+    function w(j) {
+      return r.value ? m(r.value[j]) : 0;
     }
-    function K() {
-      if (b.value) {
-        const [M] = Object.keys(b.value);
-        k.value = M;
-      } else F.value.length > 0 ? k.value = F.value[0].props.name : k.value = "";
+    function L() {
+      if (g.value) {
+        const [j] = Object.keys(g.value);
+        C.value = j;
+      } else M.value.length > 0 ? C.value = M.value[0].props.name : C.value = "";
     }
-    return U(
+    return _(
       () => i.schema,
-      (M) => {
-        f.value = M ?? {};
+      (j) => {
+        c.value = j ?? {};
       },
       { deep: !0, immediate: !0 }
-    ), o({
-      clearFilter: C,
-      clearAllFilters: _
-    }), (M, B) => (r(), z(ro, {
-      onOpen: K,
-      onClose: B[5] || (B[5] = (D) => k.value = "")
+    ), n({
+      clearFilter: k,
+      clearAllFilters: $
+    }), (j, B) => (s(), z(ra, {
+      onOpen: L,
+      onClose: B[5] || (B[5] = (R) => C.value = "")
     }, {
-      trigger: ne(() => [
-        a("button", {
+      trigger: oe(() => [
+        o("button", {
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
           class: I([
-            M.itemClass,
-            e(l),
+            t.itemClass,
+            e(a),
             "flex items-center justify-between gap-2",
             h.value > 0 ? "border border-blue-400 bg-blue-50 text-blue-600 hover:border-blue-500" : "text-neutral-700 hover:border-neutral-400"
           ]),
           type: "button"
         }, [
-          a("span", co, [
-            Y(Ue, { class: "h-4 w-4" }),
-            B[6] || (B[6] = a("span", { class: "text-sm font-medium" }, "Фільтр", -1))
+          o("span", ca, [
+            Y(ze, { class: "h-4 w-4" }),
+            B[6] || (B[6] = o("span", { class: "text-sm font-medium" }, "Фільтр", -1))
           ]),
-          h.value > 0 ? (r(), w("span", fo, R(h.value), 1)) : A("", !0)
+          h.value > 0 ? (s(), b("span", da, K(h.value), 1)) : S("", !0)
         ], 2)
       ]),
-      default: ne(() => [
-        a("div", po, [
-          a("div", mo, [
-            a("div", vo, [
-              a("p", yo, R(e(t)("filter.selectFieldHelp")), 1)
+      default: oe(() => [
+        o("div", fa, [
+          o("div", ma, [
+            o("div", pa, [
+              o("p", va, K(e(l)("filter.selectFieldHelp")), 1)
             ]),
-            a("div", go, [
-              M.schema ? (r(!0), w(N, { key: 0 }, G(Object.entries(b.value), ([D, O]) => (r(), w("button", {
-                key: D,
+            o("div", ya, [
+              t.schema ? (s(!0), b(U, { key: 0 }, G(Object.entries(g.value), ([R, E]) => (s(), b("button", {
+                key: R,
                 onClick: () => {
-                  k.value = D;
+                  C.value = R;
                 },
                 class: I([
                   "flex w-full items-center justify-between px-2 md:px-3 py-1.5 md:py-2 text-left transition-colors hover:bg-gray-50",
-                  e(k) === D ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
+                  e(C) === R ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
                 ])
               }, [
-                a("div", ho, [
-                  a("span", xo, R(O.label), 1)
+                o("div", ba, [
+                  o("span", xa, K(E.label), 1)
                 ]),
-                p(D) > 0 ? (r(), w("div", wo, R(p(D)), 1)) : A("", !0)
-              ], 10, bo))), 128)) : A("", !0),
-              (r(!0), w(N, null, G(e(F), (D, O) => (r(), w("button", {
-                key: "slot-" + O,
-                onClick: (v) => k.value = D.props.name,
+                w(R) > 0 ? (s(), b("div", ha, K(w(R)), 1)) : S("", !0)
+              ], 10, ga))), 128)) : S("", !0),
+              (s(!0), b(U, null, G(e(M), (R, E) => (s(), b("button", {
+                key: "slot-" + E,
+                onClick: (y) => C.value = R.props.name,
                 class: I([
                   "flex items-center justify-between px-2 md:px-3 py-1.5 md:py-2 text-left transition-colors hover:bg-gray-50",
-                  e(k) === D.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
+                  e(C) === R.props.name ? "bg-blue-50 text-blue-700 border-l-2 border-blue-500" : "text-neutral-700"
                 ])
               }, [
-                a("div", Co, [
-                  a("span", Vo, R(D.props.label), 1)
+                o("div", ka, [
+                  o("span", Ca, K(R.props.label), 1)
                 ]),
-                p(D.props.name) > 0 ? (r(), w("div", _o, R(p(D.props.name)), 1)) : A("", !0)
-              ], 10, ko))), 128))
+                w(R.props.name) > 0 ? (s(), b("div", Va, K(w(R.props.name)), 1)) : S("", !0)
+              ], 10, wa))), 128))
             ]),
-            e(g) > 0 ? (r(), w("div", $o, [
-              a("button", {
-                class: I([M.itemClass, "w-full px-2 md:px-3 py-1.5 md:py-2 text-left text-xs md:text-sm text-gray-600 hover:bg-gray-50 transition-colors"]),
-                onClick: B[0] || (B[0] = (D) => e(_)()),
+            e(p) > 0 ? (s(), b("div", $a, [
+              o("button", {
+                class: I([t.itemClass, "w-full px-2 md:px-3 py-1.5 md:py-2 text-left text-xs md:text-sm text-gray-600 hover:bg-gray-50 transition-colors"]),
+                onClick: B[0] || (B[0] = (R) => e($)()),
                 "data-inside-popover": ""
               }, " Очистити всі ", 2)
-            ])) : A("", !0)
+            ])) : S("", !0)
           ]),
-          a("div", Ao, [
-            e(k) === "" ? (r(), w("div", Bo, [
-              a("p", So, R(e(t)("filter.selectFieldHelp")), 1)
-            ])) : A("", !0),
-            e(k) ? (r(), w(N, { key: 1 }, [
-              b.value ? (r(!0), w(N, { key: 0 }, G(Object.entries(b.value), ([D, O]) => (r(), w(N, null, [
-                e(k) === D ? (r(), z(te, X({
-                  key: D,
+          o("div", Aa, [
+            e(C) === "" ? (s(), b("div", Ba, [
+              o("p", Sa, K(e(l)("filter.selectFieldHelp")), 1)
+            ])) : S("", !0),
+            e(C) ? (s(), b(U, { key: 1 }, [
+              g.value ? (s(!0), b(U, { key: 0 }, G(Object.entries(g.value), ([R, E]) => (s(), b(U, null, [
+                e(C) === R ? (s(), z(te, X({
+                  key: R,
                   layout: "popover",
                   ref_for: !0,
                   ref_key: "filterRef",
-                  ref: c
-                }, { ref_for: !0 }, O, {
-                  class: [M.itemClass, O?.class],
-                  "item-class": [M.itemClass, O?.itemClass].filter(Boolean).join(" ") || void 0,
-                  onChange: B[1] || (B[1] = (v) => e(d)(v.name, v.value)),
-                  onClear: B[2] || (B[2] = (v) => {
-                    e(C)(v), e(d)(v, void 0);
+                  ref: d
+                }, { ref_for: !0 }, E, {
+                  class: [t.itemClass, E?.class],
+                  "item-class": [t.itemClass, E?.itemClass].filter(Boolean).join(" ") || void 0,
+                  onChange: B[1] || (B[1] = (y) => e(x)(y.name, y.value)),
+                  onClear: B[2] || (B[2] = (y) => {
+                    e(k)(y), e(x)(y, void 0);
                   }),
-                  modelValue: e(n)[D],
-                  "onUpdate:modelValue": (v) => e(n)[D] = v,
+                  modelValue: e(r)[R],
+                  "onUpdate:modelValue": (y) => e(r)[R] = y,
                   cleanable: !0
-                }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : A("", !0)
-              ], 64))), 256)) : A("", !0),
-              (r(!0), w(N, null, G(e(F), (D, O) => (r(), w(N, {
-                key: "slot-" + O
+                }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : S("", !0)
+              ], 64))), 256)) : S("", !0),
+              (s(!0), b(U, null, G(e(M), (R, E) => (s(), b(U, {
+                key: "slot-" + E
               }, [
-                e(k) === D.props.name ? (r(), z(te, X({
+                e(C) === R.props.name ? (s(), z(te, X({
                   key: 0,
                   layout: "popover"
-                }, { ref_for: !0 }, D.props, {
+                }, { ref_for: !0 }, R.props, {
                   ref_for: !0,
                   ref_key: "filterRef",
-                  ref: c,
-                  class: [M.itemClass, D.props?.class],
-                  "item-class": [M.itemClass, D.props?.itemClass].filter(Boolean).join(" ") || void 0,
-                  onChange: B[3] || (B[3] = (v) => e(d)(v.name, v.value)),
-                  onClear: B[4] || (B[4] = (v) => {
-                    e(C)(v), e(d)(v, void 0);
+                  ref: d,
+                  class: [t.itemClass, R.props?.class],
+                  "item-class": [t.itemClass, R.props?.itemClass].filter(Boolean).join(" ") || void 0,
+                  onChange: B[3] || (B[3] = (y) => e(x)(y.name, y.value)),
+                  onClear: B[4] || (B[4] = (y) => {
+                    e(k)(y), e(x)(y, void 0);
                   }),
-                  modelValue: e(n)[D.props.name],
-                  "onUpdate:modelValue": (v) => e(n)[D.props.name] = v,
+                  modelValue: e(r)[R.props.name],
+                  "onUpdate:modelValue": (y) => e(r)[R.props.name] = y,
                   cleanable: !0
-                }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : A("", !0)
+                }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"])) : S("", !0)
               ], 64))), 128))
-            ], 64)) : A("", !0)
+            ], 64)) : S("", !0)
           ])
         ])
       ]),
       _: 1
     }));
   }
-}), jo = { class: "flex gap-1 items-center flex-wrap" }, Fe = /* @__PURE__ */ W({
+}), ja = { class: "flex gap-1 items-center flex-wrap" }, Ke = /* @__PURE__ */ W({
   __name: "inline-filter-layout",
   props: {
     schema: {},
@@ -2823,106 +2840,106 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
     teleportActive: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(y, { expose: o, emit: x }) {
-    const t = le(), i = y, l = x, m = pe(), u = j({}), f = E(() => Object.keys(i.schema).length > i.limit), {
-      activeFilter: b,
-      activeFilterCount: n,
-      onFilterChange: g,
-      clearFilter: d,
-      clearAllFilters: C,
-      limitedSchema: _,
-      filtersSlot: F,
-      limitedFiltersSlot: k
+  setup(t, { expose: n, emit: v }) {
+    const l = le(), i = t, a = v, f = me(), u = F({}), c = T(() => Object.keys(i.schema).length > i.limit), {
+      activeFilter: g,
+      activeFilterCount: r,
+      onFilterChange: p,
+      clearFilter: x,
+      clearAllFilters: k,
+      limitedSchema: $,
+      filtersSlot: M,
+      limitedFiltersSlot: C
     } = ge(
       {
         ...i,
         schema: u,
-        slots: m
+        slots: f
       },
-      l
+      a
     );
-    function c(B) {
-      return Array.isArray(B) ? B.some((D) => D !== "" && D !== void 0 && D !== null) : B === null ? !0 : B && typeof B == "object" ? Object.values(B).some((D) => D !== "" && D !== void 0 && D !== null) : B !== "" && B !== void 0;
+    function d(B) {
+      return Array.isArray(B) ? B.some((R) => R !== "" && R !== void 0 && R !== null) : B === null ? !0 : B && typeof B == "object" ? Object.values(B).some((R) => R !== "" && R !== void 0 && R !== null) : B !== "" && B !== void 0;
     }
-    const h = E(() => {
-      const B = Object.keys(_.value ?? {}), D = k.value.map((O) => O.props?.name).filter((O) => typeof O == "string");
-      return /* @__PURE__ */ new Set([...B, ...D]);
-    }), s = E(() => Object.entries(b.value ?? {}).filter(([B, D]) => h.value.has(B) && c(D)).length), p = E(() => {
-      const B = n.value ?? 0, D = s.value ?? 0;
-      return Math.max(B - D, 0);
-    }), K = j();
-    function M() {
-      K.value && K.value.clearAllFilters(!0), C();
+    const h = T(() => {
+      const B = Object.keys($.value ?? {}), R = C.value.map((E) => E.props?.name).filter((E) => typeof E == "string");
+      return /* @__PURE__ */ new Set([...B, ...R]);
+    }), m = T(() => Object.entries(g.value ?? {}).filter(([B, R]) => h.value.has(B) && d(R)).length), w = T(() => {
+      const B = r.value ?? 0, R = m.value ?? 0;
+      return Math.max(B - R, 0);
+    }), L = F();
+    function j() {
+      L.value && L.value.clearAllFilters(!0), k();
     }
-    return U(
+    return _(
       () => i.schema,
       (B) => {
         u.value = B;
       },
       { deep: !0, immediate: !0 }
-    ), o({
-      clearFilter: d,
-      clearAllFilters: C
-    }), (B, D) => (r(), w("div", jo, [
-      B.schema ? (r(!0), w(N, { key: 0 }, G(Object.entries(e(_)), ([O, v]) => (r(), z(te, X({
-        key: O,
-        mode: B.mode,
-        width: B.width ? B.width : v?.width
-      }, { ref_for: !0 }, v, {
-        class: [B.itemClass, v?.class],
-        "item-class": [B.itemClass, v?.itemClass].filter(Boolean).join(" ") || void 0,
-        onChange: D[0] || (D[0] = (V) => e(g)(V.name, V.value)),
-        onClear: e(d),
+    ), n({
+      clearFilter: x,
+      clearAllFilters: k
+    }), (B, R) => (s(), b("div", ja, [
+      t.schema ? (s(!0), b(U, { key: 0 }, G(Object.entries(e($)), ([E, y]) => (s(), z(te, X({
+        key: E,
+        mode: t.mode,
+        width: t.width ? t.width : y?.width
+      }, { ref_for: !0 }, y, {
+        class: [t.itemClass, y?.class],
+        "item-class": [t.itemClass, y?.itemClass].filter(Boolean).join(" ") || void 0,
+        onChange: R[0] || (R[0] = (V) => e(p)(V.name, V.value)),
+        onClear: e(x),
         layout: "inline",
         cleanable: !0,
-        modelValue: e(b)[O],
-        "onUpdate:modelValue": (V) => e(b)[O] = V
-      }), null, 16, ["mode", "width", "class", "item-class", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : A("", !0),
-      (r(!0), w(N, null, G(e(k), (O, v) => (r(), z(te, X({
-        key: "slot-" + v,
+        modelValue: e(g)[E],
+        "onUpdate:modelValue": (V) => e(g)[E] = V
+      }), null, 16, ["mode", "width", "class", "item-class", "onClear", "modelValue", "onUpdate:modelValue"]))), 128)) : S("", !0),
+      (s(!0), b(U, null, G(e(C), (E, y) => (s(), z(te, X({
+        key: "slot-" + y,
         layout: "inline"
-      }, { ref_for: !0 }, O.props, {
-        class: [B.itemClass, O.props?.class],
-        "item-class": [B.itemClass, O.props?.itemClass].filter(Boolean).join(" ") || void 0,
-        onChange: D[1] || (D[1] = (V) => e(g)(V.name, V.value)),
-        onClear: D[2] || (D[2] = (V) => {
-          e(d)(V), e(g)(V, void 0);
+      }, { ref_for: !0 }, E.props, {
+        class: [t.itemClass, E.props?.class],
+        "item-class": [t.itemClass, E.props?.itemClass].filter(Boolean).join(" ") || void 0,
+        onChange: R[1] || (R[1] = (V) => e(p)(V.name, V.value)),
+        onClear: R[2] || (R[2] = (V) => {
+          e(x)(V), e(p)(V, void 0);
         }),
         cleanable: !0,
-        modelValue: e(b)[O.props.name],
-        "onUpdate:modelValue": (V) => e(b)[O.props.name] = V
+        modelValue: e(g)[E.props.name],
+        "onUpdate:modelValue": (V) => e(g)[E.props.name] = V
       }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)),
-      f.value ? (r(), z(ze, X({ key: 1 }, i, {
-        schema: B.schema,
-        limit: B.limit,
-        onChange: D[3] || (D[3] = (O) => e(g)(O.name, O.value)),
-        onClearAll: D[4] || (D[4] = (O) => e(C)()),
-        onClear: D[5] || (D[5] = (O) => e(d)(O.name)),
-        mode: B.mode,
+      c.value ? (s(), z(Ue, X({ key: 1 }, i, {
+        schema: t.schema,
+        limit: t.limit,
+        onChange: R[3] || (R[3] = (E) => e(p)(E.name, E.value)),
+        onClearAll: R[4] || (R[4] = (E) => e(k)()),
+        onClear: R[5] || (R[5] = (E) => e(x)(E.name)),
+        mode: t.mode,
         ref_key: "popoverRef",
-        ref: K,
+        ref: L,
         cleanable: !0,
-        "badge-count": p.value
+        "badge-count": w.value
       }), {
-        default: ne(() => [
-          (r(!0), w(N, null, G(e(F), (O, v) => (r(), z(re(O), X({
-            key: "slot-" + v,
+        default: oe(() => [
+          (s(!0), b(U, null, G(e(M), (E, y) => (s(), z(re(E), X({
+            key: "slot-" + y,
             layout: "popover"
-          }, { ref_for: !0 }, O.props, { cleanable: !0 }), null, 16))), 128))
+          }, { ref_for: !0 }, E.props, { cleanable: !0 }), null, 16))), 128))
         ]),
         _: 1
-      }, 16, ["schema", "limit", "mode", "badge-count"])) : A("", !0),
-      e(n) > 0 ? (r(), w("button", {
+      }, 16, ["schema", "limit", "mode", "badge-count"])) : S("", !0),
+      e(r) > 0 ? (s(), b("button", {
         key: 2,
-        onClick: M,
-        class: I([B.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"])
-      }, R(e(t)("filter.clear")), 3)) : A("", !0)
+        onClick: j,
+        class: I([t.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"])
+      }, K(e(l)("filter.clear")), 3)) : S("", !0)
     ]));
   }
-}), Do = {
+}), Da = {
   key: 0,
   class: "p-2 overflow-y-auto overflow-hidden [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800 max-h-[calc(100%-142px)] h-full bg-gray-100"
-}, Ro = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, Fo = /* @__PURE__ */ W({
+}, Ra = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, Fa = /* @__PURE__ */ W({
   __name: "vertical-filter-layout",
   props: {
     schema: {},
@@ -2939,67 +2956,67 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
     teleportActive: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(y, { expose: o, emit: x }) {
-    const t = y, i = x, l = pe(), {
-      activeFilter: m,
+  setup(t, { expose: n, emit: v }) {
+    const l = t, i = v, a = me(), {
+      activeFilter: f,
       activeFilterCount: u,
-      onFilterChange: f,
-      clearFilter: b,
-      clearAllFilters: n,
-      filtersSlot: g
+      onFilterChange: c,
+      clearFilter: g,
+      clearAllFilters: r,
+      filtersSlot: p
     } = ge({
-      ...t,
-      slots: l
+      ...l,
+      slots: a
     }, i);
-    return o({
-      clearFilter: b,
-      clearAllFilters: n
-    }), (d, C) => d.view === "vertical" ? (r(), w("div", Do, [
-      a("div", Ro, [
-        e(u) > 0 ? (r(), w("button", {
+    return n({
+      clearFilter: g,
+      clearAllFilters: r
+    }), (x, k) => t.view === "vertical" ? (s(), b("div", Da, [
+      o("div", Ra, [
+        e(u) > 0 ? (s(), b("button", {
           key: 0,
-          onClick: C[0] || (C[0] = (_) => e(n)()),
+          onClick: k[0] || (k[0] = ($) => e(r)()),
           "data-popover-trigger": "",
           "aria-haspopup": "dialog",
           "aria-expanded": "false",
-          class: I([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: I([t.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)) : A("", !0),
-        d.schema ? (r(!0), w(N, { key: 1 }, G(Object.entries(d.schema), ([_, F]) => (r(), z(te, X({ layout: "vertical" }, { ref_for: !0 }, F, {
-          class: [d.itemClass, F?.class],
-          "item-class": [d.itemClass, F?.itemClass].filter(Boolean).join(" ") || void 0,
-          onChange: C[1] || (C[1] = (k) => e(f)(k.name, k.value)),
-          onClear: C[2] || (C[2] = (k) => {
-            e(b)(k), e(f)(k, void 0);
+        }, " Очистити ", 2)) : S("", !0),
+        t.schema ? (s(!0), b(U, { key: 1 }, G(Object.entries(t.schema), ([$, M]) => (s(), z(te, X({ layout: "vertical" }, { ref_for: !0 }, M, {
+          class: [t.itemClass, M?.class],
+          "item-class": [t.itemClass, M?.itemClass].filter(Boolean).join(" ") || void 0,
+          onChange: k[1] || (k[1] = (C) => e(c)(C.name, C.value)),
+          onClear: k[2] || (k[2] = (C) => {
+            e(g)(C), e(c)(C, void 0);
           }),
-          modelValue: e(m)[_],
-          "onUpdate:modelValue": (k) => e(m)[_] = k,
+          modelValue: e(f)[$],
+          "onUpdate:modelValue": (C) => e(f)[$] = C,
           showClean: !0
-        }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 256)) : A("", !0),
-        (r(!0), w(N, null, G(e(g), (_, F) => (r(), z(te, X({
-          key: "slot-" + F,
+        }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 256)) : S("", !0),
+        (s(!0), b(U, null, G(e(p), ($, M) => (s(), z(te, X({
+          key: "slot-" + M,
           layout: "vertical"
-        }, { ref_for: !0 }, _.props, {
-          class: [d.itemClass, _.props?.class],
-          "item-class": [d.itemClass, _.props?.itemClass].filter(Boolean).join(" ") || void 0,
-          onChange: C[3] || (C[3] = (k) => e(f)(k.name, k.value)),
-          onClear: C[4] || (C[4] = (k) => {
-            e(b)(k), e(f)(k, void 0);
+        }, { ref_for: !0 }, $.props, {
+          class: [t.itemClass, $.props?.class],
+          "item-class": [t.itemClass, $.props?.itemClass].filter(Boolean).join(" ") || void 0,
+          onChange: k[3] || (k[3] = (C) => e(c)(C.name, C.value)),
+          onClear: k[4] || (k[4] = (C) => {
+            e(g)(C), e(c)(C, void 0);
           }),
-          modelValue: e(m)[_.props.name],
-          "onUpdate:modelValue": (k) => e(m)[_.props.name] = k,
+          modelValue: e(f)[$.props.name],
+          "onUpdate:modelValue": (C) => e(f)[$.props.name] = C,
           showClean: !0
         }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128))
       ])
-    ])) : A("", !0);
+    ])) : S("", !0);
   }
-}), Ko = ["onKeydown"], Mo = ["disabled"], Lo = {
+}), Ka = ["onKeydown"], Ma = ["disabled"], La = {
   key: 0,
   class: "ml-2 inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-full bg-blue-500 px-1.5 text-[11px] font-semibold text-white"
-}, Oo = { class: "rounded-2xl border border-slate-300/35 bg-white/95 p-4 shadow-2xl backdrop-blur-sm" }, Eo = { class: "mb-3 flex items-center justify-between" }, To = { class: "text-[15px] font-semibold text-slate-800" }, Io = { "aria-hidden": "true" }, Uo = { class: "flex max-h-80 flex-col gap-1 overflow-y-auto" }, zo = {
+}, Oa = { class: "rounded-2xl border border-slate-300/35 bg-white/95 p-4 shadow-2xl backdrop-blur-sm" }, Ea = { class: "mb-3 flex items-center justify-between" }, Ta = { class: "text-[15px] font-semibold text-slate-800" }, Ia = { "aria-hidden": "true" }, _a = { class: "flex max-h-80 flex-col gap-1 overflow-y-auto" }, za = {
   key: 0,
   class: "mt-3 flex justify-end"
-}, No = /* @__PURE__ */ W({
+}, Ua = /* @__PURE__ */ W({
   __name: "popover-inline-filter-layout",
   props: {
     schema: {},
@@ -3016,177 +3033,177 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
     teleportActive: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(y, { emit: o }) {
-    const x = le(), t = y, i = o, l = j({}), m = pe(), {
+  setup(t, { emit: n }) {
+    const v = le(), l = t, i = n, a = F({}), f = me(), {
       activeFilter: u,
-      activeFilterCount: f,
-      onFilterChange: b,
-      clearFilter: n,
-      clearAllFilters: g,
-      filtersSlot: d
+      activeFilterCount: c,
+      onFilterChange: g,
+      clearFilter: r,
+      clearAllFilters: p,
+      filtersSlot: x
     } = ge(
       {
-        ...t,
-        schema: l.value,
-        slots: m
+        ...l,
+        schema: a.value,
+        slots: f
       },
       i
-    ), C = j(null), _ = j(null), F = Ye({ open: !1, top: 0, left: 0 }), k = E(() => F.open), c = E(() => !!t.disabled), h = E(() => l.value || {}), s = E(() => t.title ?? "Фільтр"), p = E(() => !!m.trigger), K = E(() => [
+    ), k = F(null), $ = F(null), M = Ye({ open: !1, top: 0, left: 0 }), C = T(() => M.open), d = T(() => !!l.disabled), h = T(() => a.value || {}), m = T(() => l.title ?? "Фільтр"), w = T(() => !!f.trigger), L = T(() => [
       "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",
-      c.value ? "cursor-not-allowed opacity-60" : "cursor-pointer"
-    ]), M = E(() => F.open ? {
+      d.value ? "cursor-not-allowed opacity-60" : "cursor-pointer"
+    ]), j = T(() => M.open ? {
       position: "absolute",
-      top: `${F.top}px`,
-      left: `${F.left}px`,
+      top: `${M.top}px`,
+      left: `${M.left}px`,
       transform: "translateX(-50%)",
       zIndex: 1e3
     } : { display: "none" });
     function B() {
-      F.open = !1;
+      M.open = !1;
     }
-    function D() {
-      if (!C.value) return;
-      const L = C.value.getBoundingClientRect();
-      F.top = L.bottom + window.scrollY + 8, F.left = L.left + L.width / 2 + window.scrollX;
+    function R() {
+      if (!k.value) return;
+      const P = k.value.getBoundingClientRect();
+      M.top = P.bottom + window.scrollY + 8, M.left = P.left + P.width / 2 + window.scrollX;
     }
-    function O() {
-      F.open = !F.open, F.open && fe(D);
+    function E() {
+      M.open = !M.open, M.open && de(R);
     }
-    function v() {
-      c.value || O();
+    function y() {
+      d.value || E();
     }
     function V() {
-      F.open && D();
+      M.open && R();
     }
-    function $() {
-      g();
+    function D() {
+      p();
     }
-    return ce(() => {
+    return fe(() => {
       window.addEventListener("resize", V), window.addEventListener("scroll", V, !0);
-    }), me(() => {
+    }), pe(() => {
       window.removeEventListener("resize", V), window.removeEventListener("scroll", V, !0);
-    }), U(
-      () => t.schema,
-      (L) => {
-        if (!L) {
-          l.value = {};
+    }), _(
+      () => l.schema,
+      (P) => {
+        if (!P) {
+          a.value = {};
           return;
         }
-        if (Array.isArray(L)) {
-          const S = L.filter((T) => T && (T.name || T.id)).map((T) => {
-            const P = T.name || T.id;
-            return [P, { ...T, name: P }];
+        if (Array.isArray(P)) {
+          const A = P.filter((O) => O && (O.name || O.id)).map((O) => {
+            const N = O.name || O.id;
+            return [N, { ...O, name: N }];
           });
-          l.value = Object.fromEntries(S);
+          a.value = Object.fromEntries(A);
           return;
         }
-        l.value = L;
+        a.value = P;
       },
       { deep: !0, immediate: !0 }
-    ), U(
-      () => t.disabled,
-      (L) => {
-        L && B();
+    ), _(
+      () => l.disabled,
+      (P) => {
+        P && B();
       }
-    ), (L, S) => (r(), w("div", {
+    ), (P, A) => (s(), b("div", {
       class: "relative inline-flex",
       ref_key: "anchor",
-      ref: C
+      ref: k
     }, [
-      p.value ? (r(), w("span", {
+      w.value ? (s(), b("span", {
         key: 0,
-        class: I(["inline-flex", c.value ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer"]),
+        class: I(["inline-flex", d.value ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer"]),
         role: "button",
         tabindex: "0",
         "data-popover-trigger": "",
-        onClick: se(v, ["prevent", "stop"]),
+        onClick: se(y, ["prevent", "stop"]),
         onKeydown: [
-          $e(se(v, ["prevent", "stop"]), ["enter"]),
-          $e(se(v, ["prevent", "stop"]), ["space"])
+          Ae(se(y, ["prevent", "stop"]), ["enter"]),
+          Ae(se(y, ["prevent", "stop"]), ["space"])
         ]
       }, [
-        de(L.$slots, "trigger", {
-          toggle: v,
-          open: k.value,
-          disabled: c.value,
-          activeCount: e(f)
+        ce(P.$slots, "trigger", {
+          toggle: y,
+          open: C.value,
+          disabled: d.value,
+          activeCount: e(c)
         })
-      ], 42, Ko)) : (r(), w("button", {
+      ], 42, Ka)) : (s(), b("button", {
         key: 1,
-        class: I(K.value),
+        class: I(L.value),
         type: "button",
-        disabled: c.value,
-        onClick: se(v, ["prevent", "stop"]),
+        disabled: d.value,
+        onClick: se(y, ["prevent", "stop"]),
         "data-popover-trigger": ""
       }, [
-        Y(Ue, { class: "h-4 w-4" }),
-        e(f) > 0 ? (r(), w("div", Lo, R(e(f)), 1)) : A("", !0)
-      ], 10, Mo)),
-      (r(), z(ve, { to: "body" }, [
-        k.value ? (r(), w("div", {
+        Y(ze, { class: "h-4 w-4" }),
+        e(c) > 0 ? (s(), b("div", La, K(e(c)), 1)) : S("", !0)
+      ], 10, Ma)),
+      (s(), z(ve, { to: "body" }, [
+        C.value ? (s(), b("div", {
           key: 0,
-          class: I(["absolute", typeof L.width == "number" ? `min-w-[${L.width + 32 + (Object.keys(h.value).length > 7 ? 20 : 0)}px]` : "min-w-[268px] "]),
-          style: be(M.value),
+          class: I(["absolute", typeof t.width == "number" ? `min-w-[${t.width + 32 + (Object.keys(h.value).length > 7 ? 20 : 0)}px]` : "min-w-[268px] "]),
+          style: be(j.value),
           ref_key: "panel",
-          ref: _,
-          onClick: S[4] || (S[4] = se(() => {
+          ref: $,
+          onClick: A[4] || (A[4] = se(() => {
           }, ["stop"]))
         }, [
-          a("div", Oo, [
-            a("div", Eo, [
-              a("h3", To, R(s.value), 1),
-              a("button", {
+          o("div", Oa, [
+            o("div", Ea, [
+              o("h3", Ta, K(m.value), 1),
+              o("button", {
                 type: "button",
                 class: "inline-flex h-6 w-6 items-center justify-center rounded-full border-0 bg-slate-300/40 text-slate-600 transition-colors hover:bg-blue-200/60 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-200",
                 onClick: B
               }, [
-                a("span", Io, [
+                o("span", Ia, [
                   Y(Ce, { class: "h-4 w-4" })
                 ]),
-                S[5] || (S[5] = a("span", { class: "sr-only" }, "Закрити", -1))
+                A[5] || (A[5] = o("span", { class: "sr-only" }, "Закрити", -1))
               ])
             ]),
-            a("div", Uo, [
-              Object.keys(h.value).length ? (r(!0), w(N, { key: 0 }, G(Object.entries(h.value), ([T, P]) => (r(), z(te, X({ key: T }, { ref_for: !0 }, { ...P, layout: "inline" }, {
-                width: L.width ? L.width : P?.width,
-                class: [L.itemClass, P?.class],
-                "item-class": [L.itemClass, P?.itemClass].filter(Boolean).join(" ") || void 0,
+            o("div", _a, [
+              Object.keys(h.value).length ? (s(!0), b(U, { key: 0 }, G(Object.entries(h.value), ([O, N]) => (s(), z(te, X({ key: O }, { ref_for: !0 }, { ...N, layout: "inline" }, {
+                width: t.width ? t.width : N?.width,
+                class: [t.itemClass, N?.class],
+                "item-class": [t.itemClass, N?.itemClass].filter(Boolean).join(" ") || void 0,
                 cleanable: !0,
-                modelValue: e(u)[T],
-                "onUpdate:modelValue": (q) => e(u)[T] = q,
-                onChange: S[0] || (S[0] = (q) => e(b)(q.name, q.value)),
-                onClear: S[1] || (S[1] = (q) => {
-                  e(n)(q), e(b)(q, void 0);
+                modelValue: e(u)[O],
+                "onUpdate:modelValue": (q) => e(u)[O] = q,
+                onChange: A[0] || (A[0] = (q) => e(g)(q.name, q.value)),
+                onClear: A[1] || (A[1] = (q) => {
+                  e(r)(q), e(g)(q, void 0);
                 })
-              }), null, 16, ["width", "class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)) : A("", !0),
-              (r(!0), w(N, null, G(e(d), (T, P) => (r(), z(te, X({
-                key: "slot-" + P,
+              }), null, 16, ["width", "class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128)) : S("", !0),
+              (s(!0), b(U, null, G(e(x), (O, N) => (s(), z(te, X({
+                key: "slot-" + N,
                 ref_for: !0
-              }, { ...T.props, layout: "inline" }, {
-                class: [L.itemClass, T.props?.class],
-                "item-class": [L.itemClass, T.props?.itemClass].filter(Boolean).join(" ") || void 0,
+              }, { ...O.props, layout: "inline" }, {
+                class: [t.itemClass, O.props?.class],
+                "item-class": [t.itemClass, O.props?.itemClass].filter(Boolean).join(" ") || void 0,
                 cleanable: !0,
-                modelValue: e(u)[T.props.name],
-                "onUpdate:modelValue": (q) => e(u)[T.props.name] = q,
-                onChange: S[2] || (S[2] = (q) => e(b)(q.name, q.value)),
-                onClear: S[3] || (S[3] = (q) => {
-                  e(n)(q), e(b)(q, void 0);
+                modelValue: e(u)[O.props.name],
+                "onUpdate:modelValue": (q) => e(u)[O.props.name] = q,
+                onChange: A[2] || (A[2] = (q) => e(g)(q.name, q.value)),
+                onClear: A[3] || (A[3] = (q) => {
+                  e(r)(q), e(g)(q, void 0);
                 })
               }), null, 16, ["class", "item-class", "modelValue", "onUpdate:modelValue"]))), 128))
             ]),
-            e(f) > 0 ? (r(), w("div", zo, [
-              a("button", {
+            e(c) > 0 ? (s(), b("div", za, [
+              o("button", {
                 type: "button",
-                class: I([L.itemClass, "text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none"]),
-                onClick: $
-              }, R(e(x)("filter.clear")), 3)
-            ])) : A("", !0)
+                class: I([t.itemClass, "text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none"]),
+                onClick: D
+              }, K(e(v)("filter.clear")), 3)
+            ])) : S("", !0)
           ])
-        ], 6)) : A("", !0)
+        ], 6)) : S("", !0)
       ]))
     ], 512));
   }
-}), Po = { class: "mb-6 flex flex-wrap gap-2" }, qo = ["onClick"], Wo = { class: "mr-2 flex items-center gap-1" }, Yo = { class: "font-semibold" }, Ho = { class: "text-xs text-gray-500" }, Ke = /* @__PURE__ */ W({
+}), Pa = { class: "mb-6 flex flex-wrap gap-2" }, Na = ["onClick"], qa = { class: "mr-2 flex items-center gap-1" }, Wa = { class: "font-semibold" }, Ya = { class: "text-xs text-gray-500" }, Me = /* @__PURE__ */ W({
   __name: "filter",
   props: {
     schema: {},
@@ -3203,189 +3220,189 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
     teleportActive: {}
   },
   emits: ["change", "clear", "clearAll"],
-  setup(y, { expose: o, emit: x }) {
-    const t = y, i = He(), l = E(() => ({
-      ...t,
+  setup(t, { expose: n, emit: v }) {
+    const l = t, i = He(), a = T(() => ({
+      ...l,
       ...i
-    })), m = j(n(t.value ?? {}));
-    U(
-      () => t.value,
-      async (v) => {
-        m.value = n(v ?? {}), (!v || Object.keys(v).length === 0) && (await fe(), f.value?.clearAllFilters?.(!0));
+    })), f = F(r(l.value ?? {}));
+    _(
+      () => l.value,
+      async (y) => {
+        f.value = r(y ?? {}), (!y || Object.keys(y).length === 0) && (await de(), c.value?.clearAllFilters?.(!0));
       },
       { deep: !0, immediate: !0 }
     );
-    const u = x, f = j(), b = pe();
-    function n(v) {
-      if (Array.isArray(v))
-        return v.map((V) => n(V));
-      if (v !== null && typeof v == "object") {
-        const V = ue(v), $ = {};
-        for (const L in V)
-          $[L] = n(V[L]);
-        return $;
+    const u = v, c = F(), g = me();
+    function r(y) {
+      if (Array.isArray(y))
+        return y.map((V) => r(V));
+      if (y !== null && typeof y == "object") {
+        const V = ue(y), D = {};
+        for (const P in V)
+          D[P] = r(V[P]);
+        return D;
       }
-      return v;
+      return y;
     }
-    function g(v, V) {
-      V !== void 0 ? m.value = {
-        ...m.value,
-        [v]: V
-      } : delete m.value[v], u("change", {
-        data: n(m.value),
-        name: v,
-        value: n(V)
+    function p(y, V) {
+      V !== void 0 ? f.value = {
+        ...f.value,
+        [y]: V
+      } : delete f.value[y], u("change", {
+        data: r(f.value),
+        name: y,
+        value: r(V)
       });
     }
-    function d(v) {
-      delete m.value[v], u("clear", {
-        data: n(m.value),
-        name: v
+    function x(y) {
+      delete f.value[y], u("clear", {
+        data: r(f.value),
+        name: y
       }), u("change", {
-        data: n(m.value),
-        name: v,
+        data: r(f.value),
+        name: y,
         value: null
       });
     }
-    function C() {
-      m.value = {}, u("clear", {
-        data: n(m.value),
+    function k() {
+      f.value = {}, u("clear", {
+        data: r(f.value),
         name: "ALL"
       }), u("change", {
-        data: n(m.value),
+        data: r(f.value),
         name: "ALL",
         value: null
       });
     }
-    const _ = j({}), F = E(() => t.teleportActive);
-    function k() {
-      switch (t.view) {
+    const $ = F({}), M = T(() => l.teleportActive);
+    function C() {
+      switch (l.view) {
         case "inline":
-          return Fe;
+          return Ke;
         case "vertical":
-          return Fo;
+          return Fa;
         case "popover":
-          return ze;
+          return Ue;
         case "popover-inline":
-          return No;
+          return Ua;
         default:
-          return Fe;
+          return Ke;
       }
     }
-    U(
-      () => t.schema,
-      (v) => {
-        if (!v) {
-          _.value = {};
+    _(
+      () => l.schema,
+      (y) => {
+        if (!y) {
+          $.value = {};
           return;
         }
-        if (Array.isArray(v) && !v.length) {
-          _.value = {};
+        if (Array.isArray(y) && !y.length) {
+          $.value = {};
           return;
         }
-        Array.isArray(v) ? _.value = v.filter((V) => V.type).reduce((V, $) => (Object.assign($, {
-          name: $.id || $.name,
-          type: { datepicker: "date" }[$.type.toLowerCase()] || $.type.toLowerCase(),
-          label: $.label || $.ua
-        }), V[$.name] = $, $.data && !$.api && !$.options && Object.assign($, { api: `/api/suggest/${$.data}` }), V), {}) : (Object.entries(v).forEach(([V, $]) => {
-          Object.assign($, { name: V || $.name || $.id, type: $.type.toLowerCase() });
-        }), _.value = { ...v });
+        Array.isArray(y) ? $.value = y.filter((V) => V.type).reduce((V, D) => (Object.assign(D, {
+          name: D.id || D.name,
+          type: { datepicker: "date" }[D.type.toLowerCase()] || D.type.toLowerCase(),
+          label: D.label || D.ua
+        }), V[D.name] = D, D.data && !D.api && !D.options && Object.assign(D, { api: `/api/suggest/${D.data}` }), V), {}) : (Object.entries(y).forEach(([V, D]) => {
+          Object.assign(D, { name: V || D.name || D.id, type: D.type.toLowerCase() });
+        }), $.value = { ...y });
       },
       { immediate: !0, deep: !0 }
     );
-    function c(v) {
-      f.value.clearFilter(v), d(v);
+    function d(y) {
+      c.value.clearFilter(y), x(y);
     }
     function h() {
-      f.value.clearAllFilters(), C();
+      c.value.clearAllFilters(), k();
     }
-    const s = E(() => Object.entries(m.value).filter(([, v]) => v == null ? !1 : Array.isArray(v) ? v.length > 0 : typeof v == "string" ? v.trim().length > 0 : !0).map(([v, V]) => {
-      const $ = _.value[v], L = $?.label || $?.title || v, S = K($, V);
+    const m = T(() => Object.entries(f.value).filter(([, y]) => y == null ? !1 : Array.isArray(y) ? y.length > 0 : typeof y == "string" ? y.trim().length > 0 : !0).map(([y, V]) => {
+      const D = $.value[y], P = D?.label || D?.title || y, A = L(D, V);
       return {
-        key: v,
-        label: L,
-        value: S
+        key: y,
+        label: P,
+        value: A
       };
     }));
-    function p(v) {
-      c(v);
+    function w(y) {
+      d(y);
     }
-    function K(v, V) {
-      if (!v || V === void 0 || V === null) return "";
-      const $ = M(V);
-      if (!$.length) return "";
-      const L = B(v);
-      return $.map((S) => L.get(S) ?? S).filter(Boolean).join(", ");
+    function L(y, V) {
+      if (!y || V === void 0 || V === null) return "";
+      const D = j(V);
+      if (!D.length) return "";
+      const P = B(y);
+      return D.map((A) => P.get(A) ?? A).filter(Boolean).join(", ");
     }
-    function M(v) {
-      return Array.isArray(v) ? v.map((V) => V?.toString?.() ?? "").filter(Boolean) : typeof v == "string" ? v.split(",").map((V) => V.trim()).filter(Boolean) : [];
+    function j(y) {
+      return Array.isArray(y) ? y.map((V) => V?.toString?.() ?? "").filter(Boolean) : typeof y == "string" ? y.split(",").map((V) => V.trim()).filter(Boolean) : [];
     }
-    function B(v) {
-      const V = /* @__PURE__ */ new Map(), $ = v.valueKey || "id", L = v.labelKey || "text";
-      return (v.options ?? []).forEach((S) => {
-        const T = D(S, $), P = O(S, L);
-        T && V.set(T, P || T);
+    function B(y) {
+      const V = /* @__PURE__ */ new Map(), D = y.valueKey || "id", P = y.labelKey || "text";
+      return (y.options ?? []).forEach((A) => {
+        const O = R(A, D), N = E(A, P);
+        O && V.set(O, N || O);
       }), V;
     }
-    function D(v, V) {
-      return v ? (v[V] ?? v.id ?? v.value ?? v.key)?.toString?.() ?? "" : "";
+    function R(y, V) {
+      return y ? (y[V] ?? y.id ?? y.value ?? y.key)?.toString?.() ?? "" : "";
     }
-    function O(v, V) {
-      return v ? (v[V] ?? v.text ?? v.label ?? v.value ?? v.id)?.toString?.() ?? "" : "";
+    function E(y, V) {
+      return y ? (y[V] ?? y.text ?? y.label ?? y.value ?? y.id)?.toString?.() ?? "" : "";
     }
-    return U(
-      () => m.value,
-      (v) => {
-        if (t.history) {
-          const V = new URL(window.location.href), $ = new URLSearchParams(window.location.search);
-          Object.keys(v).length > 0 ? $.set(
+    return _(
+      () => f.value,
+      (y) => {
+        if (l.history) {
+          const V = new URL(window.location.href), D = new URLSearchParams(window.location.search);
+          Object.keys(y).length > 0 ? D.set(
             "filter",
-            Object.entries(v).filter(([, L]) => L).map(([L, S]) => `${L}=${S}`).join("|")
-          ) : $.delete("filter"), V.search = decodeURI($.toString()), window.history.pushState({}, "", V);
+            Object.entries(y).filter(([, P]) => P).map(([P, A]) => `${P}=${A}`).join("|")
+          ) : D.delete("filter"), V.search = decodeURI(D.toString()), window.history.pushState({}, "", V);
         }
       }
-    ), o({
+    ), n({
       clearAllFilters: h,
-      clearFilter: c
-    }), (v, V) => (r(), w(N, null, [
-      (r(), z(re(k()), X(l.value, {
-        schema: _.value,
-        onChange: V[0] || (V[0] = ($) => g($.name, $.value)),
-        onClear: V[1] || (V[1] = ($) => d($.name)),
-        onClearAll: C,
+      clearFilter: d
+    }), (y, V) => (s(), b(U, null, [
+      (s(), z(re(C()), X(a.value, {
+        schema: $.value,
+        onChange: V[0] || (V[0] = (D) => p(D.name, D.value)),
+        onClear: V[1] || (V[1] = (D) => x(D.name)),
+        onClearAll: k,
         ref_key: "filterRef",
-        ref: f
+        ref: c
       }), Qe({
-        default: ne(() => [
-          de(v.$slots, "default")
+        default: oe(() => [
+          ce(y.$slots, "default")
         ]),
         _: 2
       }, [
-        e(b).trigger ? {
+        e(g).trigger ? {
           name: "trigger",
-          fn: ne(($) => [
-            de(v.$slots, "trigger", Ge(Je($)))
+          fn: oe((D) => [
+            ce(y.$slots, "trigger", Ge(Je(D)))
           ]),
           key: "0"
         } : void 0
       ]), 1040, ["schema"])),
-      F.value && s.value.length ? (r(), z(ve, {
+      M.value && m.value.length ? (s(), z(ve, {
         key: 0,
-        to: F.value
+        to: M.value
       }, [
-        a("div", Po, [
-          (r(!0), w(N, null, G(s.value, ($) => (r(), w("button", {
-            key: $.key,
+        o("div", Pa, [
+          (s(!0), b(U, null, G(m.value, (D) => (s(), b("button", {
+            key: D.key,
             type: "button",
             class: "ga1u8 zw1wr sr4j9 flex items-center zu875 kew0r w9dei w4xo0 kghwt wz1vo focus:outline-hidden gugmw dark:bg-emerald-500 dark:hover:bg-emerald-600 dark:focus:bg-emerald-600 bg-white border border-gray-200 px-3 py-1 rounded-full text-sm text-gray-700",
-            onClick: (L) => p($.key)
+            onClick: (P) => w(D.key)
           }, [
-            a("span", Wo, [
-              a("span", Yo, R($.label), 1),
-              a("span", Ho, "· " + R($.value), 1)
+            o("span", qa, [
+              o("span", Wa, K(D.label), 1),
+              o("span", Ya, "· " + K(D.value), 1)
             ]),
-            V[2] || (V[2] = a("span", { class: "g424j flex flex-col jkwm1 items-center b9gop aqyoh ad7q2 kghwt t4363 q7nhl dark:text-emerald-500" }, [
-              a("svg", {
+            V[2] || (V[2] = o("span", { class: "g424j flex flex-col jkwm1 items-center b9gop aqyoh ad7q2 kghwt t4363 q7nhl dark:text-emerald-500" }, [
+              o("svg", {
                 class: "e731n u28hb",
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "24",
@@ -3397,21 +3414,21 @@ const Ue = /* @__PURE__ */ ee(so, [["render", uo]]), co = { class: "flex items-c
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round"
               }, [
-                a("path", { d: "M18 6 6 18" }),
-                a("path", { d: "m6 6 12 12" })
+                o("path", { d: "M18 6 6 18" }),
+                o("path", { d: "m6 6 12 12" })
               ])
             ], -1))
-          ], 8, qo))), 128))
+          ], 8, Na))), 128))
         ])
-      ], 8, ["to"])) : A("", !0)
+      ], 8, ["to"])) : S("", !0)
     ], 64));
   }
 });
-Ke.install = function(o) {
-  o.component("Filter", Ke), o.component("FilterField", te);
+Me.install = function(n) {
+  n.component("Filter", Me), n.component("FilterField", te);
 };
 export {
-  Ke as Filter,
+  Me as Filter,
   te as FilterField,
-  Ke as default
+  Me as default
 };