@opengis/form 0.0.34 → 0.0.35

package/dist/index.js

@@ -1,15 +1,15 @@
-import { defineComponent as A, ref as x, onMounted as me, onUnmounted as Te, createElementBlock as c, openBlock as u, normalizeClass as C, createCommentVNode as z, renderSlot as _e, createElementVNode as l, toDisplayString as U, normalizeProps as Re, guardReactiveProps as Pe, createTextVNode as fe, computed as F, mergeModels as Z, useModel as W, withDirectives as K, unref as q, vModelText as ne, vModelCheckbox as ft, createVNode as B, createBlock as se, resolveDynamicComponent as Be, normalizeStyle as xe, withCtx as Le, withModifiers as ve, onBeforeUnmount as St, watch as le, createStaticVNode as ce, vModelRadio as vt, Fragment as Y, renderList as oe, mergeProps as Ee, reactive as Bt, vModelDynamic as jt, vShow as Je, inject as Me, resolveComponent as at, Transition as mt, nextTick as ze, Teleport as It, getCurrentInstance as zt, provide as st } from "vue";
-import { notify as ye, VsModal as ht, modal as Et } from "@opengis/core";
-const At = {
+import { defineComponent as D, ref as x, onMounted as me, onUnmounted as Te, createElementBlock as c, openBlock as u, normalizeClass as V, createCommentVNode as z, renderSlot as _e, createElementVNode as l, toDisplayString as U, normalizeProps as Re, guardReactiveProps as Pe, createTextVNode as fe, computed as F, mergeModels as Z, useModel as W, withDirectives as K, unref as q, vModelText as se, vModelCheckbox as vt, createVNode as B, createBlock as ie, resolveDynamicComponent as Be, normalizeStyle as xe, withCtx as Le, withModifiers as ve, onBeforeUnmount as Bt, watch as le, createStaticVNode as ce, vModelRadio as mt, Fragment as Y, renderList as oe, mergeProps as Ee, reactive as jt, vModelDynamic as It, vShow as Je, inject as Me, resolveComponent as at, Transition as ht, nextTick as ze, Teleport as zt, getCurrentInstance as Et, provide as st } from "vue";
+import { notify as ye, VsModal as gt, modal as At } from "@opengis/core";
+const Dt = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, Dt = { class: "opacity-100" }, Ft = {
+}, Ft = { class: "opacity-100" }, Ot = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Ot = {
+}, Ut = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Ut = /* @__PURE__ */ A({
+}, Tt = /* @__PURE__ */ D({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -31,26 +31,26 @@ const At = {
     }), Te(() => {
       window.removeEventListener("resize", t);
     }), (n, s) => (u(), c("div", {
-      class: C(["w-full relative", { "opacity-60": n.item.disabled }])
+      class: V(["w-full relative", { "opacity-60": n.item.disabled }])
     }, [
-      n.ua || n.label ? (u(), c("div", At, [
-        l("span", Dt, U(n.item[e.value] || n.ua || n.label), 1),
-        n.item?.rules?.includes("required") ? (u(), c("span", Ft, "*")) : z("", !0)
+      n.ua || n.label ? (u(), c("div", Dt, [
+        l("span", Ft, U(n.item[e.value] || n.ua || n.label), 1),
+        n.item?.rules?.includes("required") ? (u(), c("span", Ot, "*")) : z("", !0)
       ])) : z("", !0),
       _e(n.$slots, "default", Re(Pe(n.$attrs))),
-      n.error ? (u(), c("span", Ot, U(n.error), 1)) : z("", !0)
+      n.error ? (u(), c("span", Ut, U(n.error), 1)) : z("", !0)
     ], 2));
   }
-}), Tt = { class: "w-full relative flex flex-row items-center gap-2" }, Rt = {
+}), Rt = { class: "w-full relative flex flex-row items-center gap-2" }, Pt = {
   key: 0,
   class: "text-sm text-gray-900 font-medium flex shrink-0 w-3/12 max-w-[250px]"
-}, Pt = {
+}, Ht = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Ht = {
+}, Nt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Nt = /* @__PURE__ */ A({
+}, qt = /* @__PURE__ */ D({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -64,19 +64,19 @@ const At = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (u(), c("div", Tt, [
-      e.item?.type !== "html" ? (u(), c("span", Rt, [
+    return (e, t) => (u(), c("div", Rt, [
+      e.item?.type !== "html" ? (u(), c("span", Pt, [
         fe(U(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (u(), c("span", Pt, "*")) : z("", !0)
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (u(), c("span", Ht, "*")) : z("", !0)
       ])) : z("", !0),
       _e(e.$slots, "default", Re(Pe(e.$attrs))),
-      e.error ? (u(), c("span", Ht, U(e.error), 1)) : z("", !0)
+      e.error ? (u(), c("span", Nt, U(e.error), 1)) : z("", !0)
     ]));
   }
-}), qt = { class: "w-full relative" }, Gt = {
+}), Gt = { class: "w-full relative" }, Jt = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Jt = /* @__PURE__ */ A({
+}, Kt = /* @__PURE__ */ D({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -90,24 +90,24 @@ const At = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (u(), c("div", qt, [
+    return (e, t) => (u(), c("div", Gt, [
       _e(e.$slots, "default", Re(Pe(e.$attrs))),
-      e.error ? (u(), c("span", Gt, U(e.error), 1)) : z("", !0)
+      e.error ? (u(), c("span", Jt, U(e.error), 1)) : z("", !0)
     ]));
   }
-}), Kt = { class: "flex-1 min-w-0" }, Zt = {
+}), Zt = { class: "flex-1 min-w-0" }, Wt = {
   key: 0,
   class: "text-sm font-medium text-slate-700 dark:text-slate-200 flex items-center gap-1"
-}, Wt = { class: "truncate" }, Qt = {
+}, Qt = { class: "truncate" }, Xt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Xt = {
+}, Yt = {
   key: 1,
   class: "text-xs text-slate-500 dark:text-slate-400"
-}, Yt = { class: "w-full md:w-auto" }, el = {
+}, el = { class: "w-full md:w-auto" }, tl = {
   key: 0,
   class: "mt-1 text-xs text-red-500"
-}, tl = /* @__PURE__ */ A({
+}, ll = /* @__PURE__ */ D({
   __name: "vs-layout-settings",
   props: {
     ua: { default: "" },
@@ -135,30 +135,30 @@ const At = {
     }), Te(() => {
       window.removeEventListener("storage", a);
     }), (i, d) => (u(), c("div", {
-      class: C(["w-full relative", { "opacity-60": i.item?.disabled }])
+      class: V(["w-full relative", { "opacity-60": i.item?.disabled }])
     }, [
       l("div", {
-        class: C(["gap-2 md:flex-row md:items-center md:justify-between", i.item.type === "switcher" ? "flex flex-col" : ""])
+        class: V(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(i.item.type) ? "flex flex-col" : ""]])
       }, [
-        l("div", Kt, [
-          i.ua || i.label ? (u(), c("p", Zt, [
-            l("span", Wt, U(i.item[t.value] || i.ua || i.label), 1),
-            s.value ? (u(), c("span", Qt, "*")) : z("", !0)
+        l("div", Zt, [
+          i.ua || i.label ? (u(), c("p", Wt, [
+            l("span", Qt, U(i.item[t.value] || i.ua || i.label), 1),
+            s.value ? (u(), c("span", Xt, "*")) : z("", !0)
           ])) : z("", !0),
-          n.value ? (u(), c("p", Xt, U(n.value), 1)) : z("", !0)
+          n.value ? (u(), c("p", Yt, U(n.value), 1)) : z("", !0)
         ]),
-        l("div", Yt, [
+        l("div", el, [
           _e(i.$slots, "default", Re(Pe(i.$attrs)))
         ])
       ], 2),
-      r.value ? (u(), c("p", el, U(r.value), 1)) : z("", !0)
+      r.value ? (u(), c("p", tl, U(r.value), 1)) : z("", !0)
     ], 2));
   }
-}), ll = {
-  default: Ut,
-  horizontal: Nt,
-  inline: Jt,
-  settings: tl
+}), ol = {
+  default: Tt,
+  horizontal: qt,
+  inline: Kt,
+  settings: ll
 };
 function he(o) {
   return {
@@ -168,7 +168,7 @@ function he(o) {
     })
   };
 }
-const ol = ["placeholder", "disabled"], al = /* @__PURE__ */ A({
+const al = ["placeholder", "disabled"], sl = /* @__PURE__ */ D({
   __name: "vs-input-password",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -190,15 +190,15 @@ const ol = ["placeholder", "disabled"], al = /* @__PURE__ */ A({
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
       disabled: s.disabled,
-      class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, ol)), [
-      [ne, n.value]
+    }, null, 10, al)), [
+      [se, n.value]
     ]);
   }
-}), sl = ["placeholder", "disabled"], Ue = /* @__PURE__ */ A({
+}), nl = ["placeholder", "disabled"], Ue = /* @__PURE__ */ D({
   __name: "vs-input-text",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -220,15 +220,15 @@ const ol = ["placeholder", "disabled"], al = /* @__PURE__ */ A({
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
       disabled: s.disabled,
-      class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, sl)), [
-      [ne, n.value]
+    }, null, 10, nl)), [
+      [se, n.value]
     ]);
   }
-}), nl = ["placeholder"], rl = /* @__PURE__ */ A({
+}), rl = ["placeholder"], il = /* @__PURE__ */ D({
   __name: "vs-input-number",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -250,12 +250,12 @@ const ol = ["placeholder", "disabled"], al = /* @__PURE__ */ A({
       step: "any",
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
-      class: C(["py-1.5 px-3 block w-full bg-white", [q(t)]]),
+      class: V(["py-1.5 px-3 block w-full bg-white", [q(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, nl)), [
-      [ne, n.value]
+    }, null, 10, rl)), [
+      [se, n.value]
     ]);
   }
 }), N = (o, e) => {
@@ -263,7 +263,7 @@ const ol = ["placeholder", "disabled"], al = /* @__PURE__ */ A({
   for (const [n, s] of e)
     t[n] = s;
   return t;
-}, il = {}, ul = {
+}, ul = {}, dl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -273,8 +273,8 @@ const ol = ["placeholder", "disabled"], al = /* @__PURE__ */ A({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function dl(o, e) {
-  return u(), c("svg", ul, e[0] || (e[0] = [
+function cl(o, e) {
+  return u(), c("svg", dl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -283,7 +283,7 @@ function dl(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const cl = /* @__PURE__ */ N(il, [["render", dl]]), pl = { class: "flex items-center gap-[4px]" }, fl = ["value", "id", "disabled"], vl = ["for"], ml = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, hl = /* @__PURE__ */ A({
+const pl = /* @__PURE__ */ N(ul, [["render", cl]]), fl = { class: "flex items-center gap-[4px]" }, vl = ["value", "id", "disabled"], ml = ["for"], hl = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, gl = /* @__PURE__ */ D({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -300,41 +300,41 @@ const cl = /* @__PURE__ */ N(il, [["render", dl]]), pl = { class: "flex items-ce
       get: () => n.modelValue,
       set: (r) => t("update:modelValue", r)
     });
-    return (r, a) => (u(), c("div", pl, [
+    return (r, a) => (u(), c("div", fl, [
       K(l("input", {
         type: "checkbox",
         value: r.value,
         "onUpdate:modelValue": a[0] || (a[0] = (i) => s.value = i),
-        class: C(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": r.disabled }]),
+        class: V(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": r.disabled }]),
         id: r.id,
         disabled: r.disabled
-      }, null, 10, fl), [
-        [ft, s.value]
+      }, null, 10, vl), [
+        [vt, s.value]
       ]),
       l("label", {
         for: r.id,
-        class: C(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": r.disabled }])
+        class: V(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": r.disabled }])
       }, [
         l("div", {
-          class: C(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [s.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", r.error ? "border-red-600" : ""]])
+          class: V(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [s.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", r.error ? "border-red-600" : ""]])
         }, [
-          B(cl, {
+          B(pl, {
             height: "12",
             width: "12"
           })
         ], 2),
-        l("span", ml, [
+        l("span", hl, [
           _e(r.$slots, "default", {}, () => [
             fe(U(r.label), 1)
           ])
         ])
-      ], 10, vl)
+      ], 10, ml)
     ]));
   }
-}), gl = ["name", "value", "disabled"], bl = { class: "flex items-center gap-[6px] text-[14px]" }, yl = {
+}), bl = ["name", "value", "disabled"], yl = { class: "flex items-center gap-[6px] text-[14px]" }, xl = {
   key: 0,
   class: "text-[16px]"
-}, xl = ["src"], wl = /* @__PURE__ */ A({
+}, wl = ["src"], kl = /* @__PURE__ */ D({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -355,7 +355,7 @@ const cl = /* @__PURE__ */ N(il, [["render", dl]]), pl = { class: "flex items-ce
       }
     }), r = F(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), a = F(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
     return (i, d) => (u(), c("label", {
-      class: C(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [a.value, r.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
+      class: V(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [a.value, r.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
       K(l("input", {
         type: "checkbox",
@@ -364,14 +364,14 @@ const cl = /* @__PURE__ */ N(il, [["render", dl]]), pl = { class: "flex items-ce
         value: i.value,
         "onUpdate:modelValue": d[0] || (d[0] = (v) => s.value = v),
         disabled: i.disabled
-      }, null, 8, gl), [
-        [ft, s.value]
+      }, null, 8, bl), [
+        [vt, s.value]
       ]),
-      l("span", bl, [
-        i.icon || i.imgUrl ? (u(), c("span", yl, [
+      l("span", yl, [
+        i.icon || i.imgUrl ? (u(), c("span", xl, [
           i.icon ? (u(), c("i", {
             key: 0,
-            class: C(i.icon)
+            class: V(i.icon)
           }, null, 2)) : z("", !0),
           i.imgUrl ? (u(), c("img", {
             key: 1,
@@ -379,7 +379,7 @@ const cl = /* @__PURE__ */ N(il, [["render", dl]]), pl = { class: "flex items-ce
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, xl)) : z("", !0)
+          }, null, 8, wl)) : z("", !0)
         ])) : z("", !0),
         _e(i.$slots, "default", {}, () => [
           fe(U(i.label), 1)
@@ -387,7 +387,7 @@ const cl = /* @__PURE__ */ N(il, [["render", dl]]), pl = { class: "flex items-ce
       ])
     ], 2));
   }
-}), kl = { class: "flex items-center" }, gt = /* @__PURE__ */ A({
+}), _l = { class: "flex items-center" }, bt = /* @__PURE__ */ D({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -414,8 +414,8 @@ const cl = /* @__PURE__ */ N(il, [["render", dl]]), pl = { class: "flex items-ce
           n("update:modelValue", i);
       }
     }), a = x(`vs-checkbox-${t.view || "default"}`);
-    return (i, d) => (u(), c("div", kl, [
-      (u(), se(Be(a.value === "vs-checkbox-buttons" ? q(wl) : q(hl)), {
+    return (i, d) => (u(), c("div", _l, [
+      (u(), ie(Be(a.value === "vs-checkbox-buttons" ? q(kl) : q(gl)), {
         value: i.value,
         label: i.label,
         info: i.option?.info,
@@ -435,7 +435,7 @@ const cl = /* @__PURE__ */ N(il, [["render", dl]]), pl = { class: "flex items-ce
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), _l = {}, $l = {
+}), $l = {}, Vl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -445,8 +445,8 @@ const cl = /* @__PURE__ */ N(il, [["render", dl]]), pl = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function Vl(o, e) {
-  return u(), c("svg", $l, e[0] || (e[0] = [
+function Cl(o, e) {
+  return u(), c("svg", Vl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -455,7 +455,7 @@ function Vl(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Cl = /* @__PURE__ */ N(_l, [["render", Vl]]), Ml = {}, Ll = {
+const Ml = /* @__PURE__ */ N($l, [["render", Cl]]), Ll = {}, Sl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -465,8 +465,8 @@ const Cl = /* @__PURE__ */ N(_l, [["render", Vl]]), Ml = {}, Ll = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
-function Sl(o, e) {
-  return u(), c("svg", Ll, e[0] || (e[0] = [
+function Bl(o, e) {
+  return u(), c("svg", Sl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -476,7 +476,7 @@ function Sl(o, e) {
     l("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const Bl = /* @__PURE__ */ N(Ml, [["render", Sl]]), jl = {}, Il = {
+const jl = /* @__PURE__ */ N(Ll, [["render", Bl]]), Il = {}, zl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -487,8 +487,8 @@ const Bl = /* @__PURE__ */ N(Ml, [["render", Sl]]), jl = {}, Il = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function zl(o, e) {
-  return u(), c("svg", Il, e[0] || (e[0] = [
+function El(o, e) {
+  return u(), c("svg", zl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -499,13 +499,13 @@ function zl(o, e) {
     l("path", { d: "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" }, null, -1)
   ]));
 }
-const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
+const Al = /* @__PURE__ */ N(Il, [["render", El]]), Dl = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, Dl = {
+}, Fl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Fl = ["title"], Ol = ["disabled"], bt = /* @__PURE__ */ A({
+}, Ol = ["title"], Ul = ["disabled"], yt = /* @__PURE__ */ D({
   __name: "vs-input-switcher",
   props: /* @__PURE__ */ Z({
     rules: { default: () => [] },
@@ -527,14 +527,14 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = W(o, "modelValue");
-    return (n, s) => e.view === "checkbox" ? (u(), c("div", Al, [
-      B(gt, {
+    return (n, s) => e.view === "checkbox" ? (u(), c("div", Dl, [
+      B(bt, {
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r),
         label: n.text,
         error: n.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (u(), c("span", Dl, "*")) : z("", !0),
+      n.rules?.includes("required") ? (u(), c("span", Fl, "*")) : z("", !0),
       n.i ? (u(), c("button", {
         key: 1,
         class: "cursor-pointer",
@@ -542,22 +542,22 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
         onClick: s[1] || (s[1] = ve(() => {
         }, ["prevent"]))
       }, [
-        B(q(El), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, Fl)) : z("", !0)
+        B(q(Al), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, Ol)) : z("", !0)
     ])) : (u(), c("button", {
       key: 1,
       type: "button",
-      class: C(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
+      class: V(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
       disabled: n.disabled,
       onClick: s[2] || (s[2] = (r) => t.value = !t.value)
     }, [
       l("span", {
         "data-state": "checked",
-        class: C(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
+        class: V(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
       }, null, 2)
-    ], 10, Ol));
+    ], 10, Ul));
   }
-}), Ul = ["innerHTML"], nt = /* @__PURE__ */ A({
+}), Tl = ["innerHTML"], nt = /* @__PURE__ */ D({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -572,11 +572,11 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
   },
   setup(o) {
     return (e, t) => (u(), c("div", {
-      class: C(e.customClass),
+      class: V(e.customClass),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, Ul));
+    }, null, 10, Tl));
   }
-}), Tl = ["placeholder", "disabled", "name"], Rl = /* @__PURE__ */ A({
+}), Rl = ["placeholder", "disabled", "name"], Pl = /* @__PURE__ */ D({
   __name: "vs-input-mask",
   props: /* @__PURE__ */ Z({
     name: {},
@@ -613,7 +613,7 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
           n.value = e.unmask ? r.unmaskedValue : r.value;
         }), r.value = n.value ?? "";
       }
-    }), St(() => {
+    }), Bt(() => {
       r?.destroy();
     }), le(() => e.mask, (a) => {
       r && r.updateOptions({
@@ -633,13 +633,13 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
       placeholder: a.placeholder,
       disabled: a.disabled,
       name: a.name,
-      class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t)]]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Tl));
+    }, null, 10, Rl));
   }
-}), Pl = { class: "relative w-full bg-white rounded-lg" }, Hl = ["placeholder", "disabled"], Nl = /* @__PURE__ */ A({
+}), Hl = { class: "relative w-full bg-white rounded-lg" }, Nl = ["placeholder", "disabled"], ql = /* @__PURE__ */ D({
   __name: "vs-input-email",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -656,23 +656,23 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
-    return (s, r) => (u(), c("div", Pl, [
+    return (s, r) => (u(), c("div", Hl, [
       r[1] || (r[1] = ce('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
       K(l("input", {
         type: "email",
         "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
         placeholder: s.placeholder,
         disabled: s.disabled,
-        class: C(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
+        class: V(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 10, Hl), [
-        [ne, n.value]
+      }, null, 10, Nl), [
+        [se, n.value]
       ])
     ]));
   }
-}), ql = ["value", "disabled"], Gl = { class: "text-[13px] text-gray-700" }, Jl = /* @__PURE__ */ A({
+}), Gl = ["value", "disabled"], Jl = { class: "text-[13px] text-gray-700" }, Kl = /* @__PURE__ */ D({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ Z({
     style: {},
@@ -692,7 +692,7 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
   setup(o) {
     const e = W(o, "modelValue");
     return (t, n) => (u(), c("label", {
-      class: C(["flex items-center gap-0", [t.customClass]])
+      class: V(["flex items-center gap-0", [t.customClass]])
     }, [
       K(l("input", {
         "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
@@ -700,24 +700,24 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, ql), [
-        [vt, e.value]
+      }, null, 8, Gl), [
+        [mt, e.value]
       ]),
       l("span", {
-        class: C(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
+        class: V(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
           `border-${t.style?.primaryColor || "blue"}-500`,
           t.disabled ? "opacity-50 cursor-not-allowed" : ""
         ]])
       }, [
         e.value == t.value ? (u(), c("span", {
           key: 0,
-          class: C(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
+          class: V(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
         }, null, 2)) : z("", !0)
       ], 2),
-      l("span", Gl, U(t.text), 1)
+      l("span", Jl, U(t.text), 1)
     ], 2));
   }
-}), Kl = ["value", "disabled"], Zl = { class: "text-[13px] text-gray-700" }, Wl = /* @__PURE__ */ A({
+}), Zl = ["value", "disabled"], Wl = { class: "text-[13px] text-gray-700" }, Ql = /* @__PURE__ */ D({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ Z({
     style: {},
@@ -737,7 +737,7 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
   setup(o) {
     const e = W(o, "modelValue");
     return (t, n) => (u(), c("label", {
-      class: C(["flex items-center border rounded-lg px-2 py-1", [
+      class: V(["flex items-center border rounded-lg px-2 py-1", [
         e.value == t.value ? `ring-2 ring-ring ring-${t.style?.primaryColor || "blue"}-500` : "",
         t.customClass
       ]])
@@ -748,16 +748,16 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, Kl), [
-        [vt, e.value]
+      }, null, 8, Zl), [
+        [mt, e.value]
       ]),
-      l("span", Zl, U(t.text), 1)
+      l("span", Wl, U(t.text), 1)
     ], 2));
   }
-}), Ql = {
-  "vs-input-radio-default": Jl,
-  "vs-input-radio-buttons": Wl
-}, rt = /* @__PURE__ */ A({
+}), Xl = {
+  "vs-input-radio-default": Kl,
+  "vs-input-radio-buttons": Ql
+}, rt = /* @__PURE__ */ D({
   __name: "vs-input-radio",
   props: /* @__PURE__ */ Z({
     options: {},
@@ -776,11 +776,11 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = F(() => Ql[`vs-input-radio-${e.view}`]);
+    const e = o, t = W(o, "modelValue"), n = F(() => Xl[`vs-input-radio-${e.view}`]);
     return (s, r) => (u(), c("div", {
-      class: C([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+      class: V([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (u(!0), c(Y, null, oe(s.options, (a) => (u(), se(Be(n.value), Ee({
+      (u(!0), c(Y, null, oe(s.options, (a) => (u(), ie(Be(n.value), Ee({
         key: a?.id,
         text: a.text,
         value: a.id.toString(),
@@ -790,7 +790,7 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
       }, { ref_for: !0 }, s.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), Xl = /* @__PURE__ */ A({
+}), Yl = /* @__PURE__ */ D({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -809,7 +809,7 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = x([]), r = Bt({}), a = (p) => p?.value || p?.id || p?.text || p, i = (p) => p.text || String(p), d = (p) => `lg:col-span-${p || 12}`, v = async () => {
+    const t = o, n = e, s = x([]), r = jt({}), a = (p) => p?.value || p?.id || p?.text || p, i = (p) => p.text || String(p), d = (p) => `lg:col-span-${p || 12}`, v = async () => {
       try {
         const p = await fetch(`/api/suggest/${t.data}`).then((w) => w.json());
         s.value = p?.data || p;
@@ -874,13 +874,13 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
         });
       }
     }), (p, w) => (u(), c("div", {
-      class: C(["p-0 w-full gap-[6px]", [p.position === "vertical" ? "flex-col" : "", p.colSpan ? "grid" : "flex justify-start"]])
+      class: V(["p-0 w-full gap-[6px]", [p.position === "vertical" ? "flex-col" : "", p.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (u(!0), c(Y, null, oe(s.value, (b) => (u(), se(gt, {
+      (u(!0), c(Y, null, oe(s.value, (b) => (u(), ie(bt, {
         modelValue: r[a(b)],
         "onUpdate:modelValue": ($) => r[a(b)] = $,
         value: a(b),
-        class: C(d(p.colSpan)),
+        class: V(d(p.colSpan)),
         disabled: b.disabled,
         label: i(b),
         key: a(b),
@@ -891,7 +891,7 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), Yl = /* @__PURE__ */ N(Xl, [["__scopeId", "data-v-91f3584a"]]), eo = ["type", "placeholder", "disabled"], to = /* @__PURE__ */ A({
+}), eo = /* @__PURE__ */ N(Yl, [["__scopeId", "data-v-91f3584a"]]), to = ["type", "placeholder", "disabled"], lo = /* @__PURE__ */ D({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -919,15 +919,15 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
       placeholder: d.placeholder,
       disabled: d.disabled,
       ref: "date",
-      class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [d.modelValue ? "" : "text-opacity-50", q(s)].join(" ")]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [d.modelValue ? "" : "text-opacity-50", q(s)].join(" ")]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, eo)), [
-      [jt, a.value]
+    }, null, 10, to)), [
+      [It, a.value]
     ]);
   }
-}), lo = async (o, e, t, n) => {
+}), oo = async (o, e, t, n) => {
   try {
     const s = new FormData();
     return s.append("unique", "true"), s.append("file", o), (await fetch(
@@ -945,7 +945,7 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
       position: "right-bottom"
     }), console.error("Сталась помилка завантаження файлу", s), null;
   }
-}, oo = async (o) => {
+}, ao = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
@@ -958,7 +958,7 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
   } catch (e) {
     console.error(e.message);
   }
-}, ao = {}, so = {
+}, so = {}, no = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -969,13 +969,13 @@ const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function no(o, e) {
-  return u(), c("svg", so, e[0] || (e[0] = [
+function ro(o, e) {
+  return u(), c("svg", no, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const Ae = /* @__PURE__ */ N(ao, [["render", no]]), ro = {}, io = {
+const Ae = /* @__PURE__ */ N(so, [["render", ro]]), io = {}, uo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -987,12 +987,12 @@ const Ae = /* @__PURE__ */ N(ao, [["render", no]]), ro = {}, io = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function uo(o, e, t, n, s, r) {
-  return u(), c("svg", io, e[0] || (e[0] = [
+function co(o, e, t, n, s, r) {
+  return u(), c("svg", uo, e[0] || (e[0] = [
     ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
   ]));
 }
-const co = /* @__PURE__ */ N(ro, [["render", uo]]), po = {}, fo = {
+const po = /* @__PURE__ */ N(io, [["render", co]]), fo = {}, vo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -1004,8 +1004,8 @@ const co = /* @__PURE__ */ N(ro, [["render", uo]]), po = {}, fo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function vo(o, e, t, n, s, r) {
-  return u(), c("svg", fo, e[0] || (e[0] = [
+function mo(o, e, t, n, s, r) {
+  return u(), c("svg", vo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1032,7 +1032,7 @@ function vo(o, e, t, n, s, r) {
     }, null, -1)
   ]));
 }
-const mo = /* @__PURE__ */ N(po, [["render", vo]]), ho = {}, go = {
+const ho = /* @__PURE__ */ N(fo, [["render", mo]]), go = {}, bo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1044,12 +1044,12 @@ const mo = /* @__PURE__ */ N(po, [["render", vo]]), ho = {}, go = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
-function bo(o, e, t, n, s, r) {
-  return u(), c("svg", go, e[0] || (e[0] = [
+function yo(o, e, t, n, s, r) {
+  return u(), c("svg", bo, e[0] || (e[0] = [
     ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
   ]));
 }
-const yo = /* @__PURE__ */ N(ho, [["render", bo]]), xo = {}, wo = {
+const xo = /* @__PURE__ */ N(go, [["render", yo]]), wo = {}, ko = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -1061,12 +1061,12 @@ const yo = /* @__PURE__ */ N(ho, [["render", bo]]), xo = {}, wo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ko(o, e, t, n, s, r) {
-  return u(), c("svg", wo, e[0] || (e[0] = [
+function _o(o, e, t, n, s, r) {
+  return u(), c("svg", ko, e[0] || (e[0] = [
     ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"></path><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"></path><line x1="11" y1="5" x2="10" y2="5"></line><line x1="13" y1="7" x2="12" y2="7"></line><line x1="11" y1="9" x2="10" y2="9"></line><line x1="13" y1="11" x2="12" y2="11"></line><line x1="11" y1="13" x2="10" y2="13"></line><line x1="13" y1="15" x2="12" y2="15"></line>', 9)
   ]));
 }
-const _o = /* @__PURE__ */ N(xo, [["render", ko]]), $o = {}, Vo = {
+const $o = /* @__PURE__ */ N(wo, [["render", _o]]), Vo = {}, Co = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -1078,25 +1078,25 @@ const _o = /* @__PURE__ */ N(xo, [["render", ko]]), $o = {}, Vo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Co(o, e, t, n, s, r) {
-  return u(), c("svg", Vo, e[0] || (e[0] = [
+function Mo(o, e, t, n, s, r) {
+  return u(), c("svg", Co, e[0] || (e[0] = [
     ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
   ]));
 }
-const Mo = /* @__PURE__ */ N($o, [["render", Co]]), Lo = (o) => {
+const Lo = /* @__PURE__ */ N(Vo, [["render", Mo]]), So = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
-}, So = (o) => {
-  const e = Lo(o), t = {
+}, Bo = (o) => {
+  const e = So(o), t = {
     imageFormat: ["tiff", "jpg", "jpeg", "png", "svg", "ico", "webp"],
     sheetsFormat: ["xls", "csv", "xlsx"],
     archivesFormat: ["zip", "rar"],
     textsFormat: ["json", "geojson", "txt", "yml", "yaml", "shp"],
     documentsFormat: ["pdf"]
   };
-  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? mo : t.textsFormat.includes(e) ? Mo : t.documentsFormat.includes(e) ? co : t.archivesFormat.includes(e) ? _o : yo;
-}, Bo = {}, jo = {
+  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? ho : t.textsFormat.includes(e) ? Lo : t.documentsFormat.includes(e) ? po : t.archivesFormat.includes(e) ? $o : xo;
+}, jo = {}, Io = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1108,12 +1108,12 @@ const Mo = /* @__PURE__ */ N($o, [["render", Co]]), Lo = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function Io(o, e) {
-  return u(), c("svg", jo, e[0] || (e[0] = [
+function zo(o, e) {
+  return u(), c("svg", Io, e[0] || (e[0] = [
     ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 7l16 0"></path><path d="M10 11l0 6"></path><path d="M14 11l0 6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 6)
   ]));
 }
-const He = /* @__PURE__ */ N(Bo, [["render", Io]]), zo = {}, Eo = {
+const He = /* @__PURE__ */ N(jo, [["render", zo]]), Eo = {}, Ao = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1125,8 +1125,8 @@ const He = /* @__PURE__ */ N(Bo, [["render", Io]]), zo = {}, Eo = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Ao(o, e) {
-  return u(), c("svg", Eo, e[0] || (e[0] = [
+function Do(o, e) {
+  return u(), c("svg", Ao, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1137,7 +1137,7 @@ function Ao(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const yt = /* @__PURE__ */ N(zo, [["render", Ao]]), Do = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, Fo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Oo = /* @__PURE__ */ A({
+const xt = /* @__PURE__ */ N(Eo, [["render", Do]]), Fo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, Oo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Uo = /* @__PURE__ */ D({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ Z({
     format: {},
@@ -1158,18 +1158,18 @@ const yt = /* @__PURE__ */ N(zo, [["render", Ao]]), Do = { class: "h-[120px] w-[
   emits: ["update:value", "update:item"],
   setup(o) {
     const e = W(o, "value"), t = W(o, "item"), n = o;
-    return (s, r) => (u(), c("div", Do, [
-      (u(), se(Be(q(So)(t.value)), {
+    return (s, r) => (u(), c("div", Fo, [
+      (u(), ie(Be(q(Bo)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
         onClick: r[0] || (r[0] = (a) => q(it)(t.value))
       }, null, 8, ["src"])),
-      l("div", Fo, [
+      l("div", Oo, [
         l("button", {
           type: "button",
           onClick: r[1] || (r[1] = (a) => {
-            q(oo)(t.value), e.value = n.multiple ? e.value?.filter((i) => i !== t.value) : "";
+            q(ao)(t.value), e.value = n.multiple ? e.value?.filter((i) => i !== t.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
@@ -1180,15 +1180,15 @@ const yt = /* @__PURE__ */ N(zo, [["render", Ao]]), Do = { class: "h-[120px] w-[
           onClick: r[2] || (r[2] = (a) => q(it)(t.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
-          B(yt, { class: "w-4 h-4" })
+          B(xt, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), ut = /* @__PURE__ */ N(Oo, [["__scopeId", "data-v-0ca886b3"]]), Uo = { class: "flex items-center gap-x-2" }, To = {
+}), ut = /* @__PURE__ */ N(Uo, [["__scopeId", "data-v-0ca886b3"]]), To = { class: "flex items-center gap-x-2" }, Ro = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, Ro = /* @__PURE__ */ A({
+}, Po = /* @__PURE__ */ D({
   __name: "vs-input-file",
   props: /* @__PURE__ */ Z({
     format: {},
@@ -1214,10 +1214,10 @@ const yt = /* @__PURE__ */ N(zo, [["render", Ao]]), Do = { class: "h-[120px] w-[
       }
       const i = a.target.files?.[0];
       if (!i) return;
-      const d = await lo(i, "1", "form", "table");
+      const d = await oo(i, "1", "form", "table");
       t.value = e.multiple ? [...t.value || [], d?.file_path] : d?.file_path;
     };
-    return (a, i) => (u(), c("div", Uo, [
+    return (a, i) => (u(), c("div", To, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1225,14 +1225,14 @@ const yt = /* @__PURE__ */ N(zo, [["render", Ao]]), Do = { class: "h-[120px] w-[
         type: "file",
         onChange: r
       }, null, 544),
-      !a.multiple && t.value ? (u(), se(ut, {
+      !a.multiple && t.value ? (u(), ie(ut, {
         key: 0,
         item: t.value,
         "onUpdate:item": i[0] || (i[0] = (d) => t.value = d),
         value: t.value,
         "onUpdate:value": i[1] || (i[1] = (d) => t.value = d)
-      }, null, 8, ["item", "value"])) : a.multiple ? (u(), c("div", To, [
-        (u(!0), c(Y, null, oe(t.value, (d, v) => (u(), se(ut, {
+      }, null, 8, ["item", "value"])) : a.multiple ? (u(), c("div", Ro, [
+        (u(!0), c(Y, null, oe(t.value, (d, v) => (u(), ie(ut, {
           multiple: a.multiple,
           key: v,
           value: t.value,
@@ -1241,7 +1241,7 @@ const yt = /* @__PURE__ */ N(zo, [["render", Ao]]), Do = { class: "h-[120px] w-[
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
           onClick: i[3] || (i[3] = (d) => !a.disabled && n.value?.click()),
-          class: C([
+          class: V([
             "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-[#CFD9E0] rounded-lg flex items-center justify-center transition-all duration-300",
             a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
@@ -1252,13 +1252,13 @@ const yt = /* @__PURE__ */ N(zo, [["render", Ao]]), Do = { class: "h-[120px] w-[
       a.multiple ? z("", !0) : (u(), c("div", {
         key: 2,
         onClick: i[4] || (i[4] = (d) => n.value?.click()),
-        class: C([a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
+        class: V([a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
       }, [
         B(Ae, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), Po = { class: "max-w-[55vw]" }, Ho = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, No = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, qo = { class: "px-[5px]" }, Go = { class: "" }, Oe = /* @__PURE__ */ A({
+}), Ho = { class: "max-w-[55vw]" }, No = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, qo = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, Go = { class: "px-[5px]" }, Jo = { class: "" }, Oe = /* @__PURE__ */ D({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
@@ -1283,33 +1283,33 @@ const yt = /* @__PURE__ */ N(zo, [["render", Ao]]), Do = { class: "h-[120px] w-[
     }
     return (s, r) => (u(), c(Y, null, [
       r[1] || (r[1] = ce('<div class="flex items-center justify-center h-[30px] w-[30px]"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></div>', 1)),
-      l("div", Po, [
-        l("p", Ho, U(s.item?.uploaded_name), 1),
-        l("p", No, [
+      l("div", Ho, [
+        l("p", No, U(s.item?.uploaded_name), 1),
+        l("p", qo, [
           l("span", null, U(s.item?.username), 1),
-          K(l("span", qo, "|", 512), [
+          K(l("span", Go, "|", 512), [
             [Je, s.item?.username]
           ]),
           l("span", null, U(t.value), 1),
           r[0] || (r[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", Go, U(n(s.item?.size)), 1)
+          l("span", Jo, U(n(s.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), Jo = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, Ko = {
+}), Ko = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, Zo = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, Zo = {
+}, Wo = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, Wo = {
+}, Qo = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, Qo = ["href"], Xo = {
+}, Xo = ["href"], Yo = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, Yo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, ea = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, ta = { class: "inline-block" }, la = { class: "inline-block" }, oa = /* @__PURE__ */ A({
+}, ea = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, ta = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, la = { class: "inline-block" }, oa = { class: "inline-block" }, aa = /* @__PURE__ */ D({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1351,42 +1351,42 @@ const yt = /* @__PURE__ */ N(zo, [["render", Ao]]), Do = { class: "h-[120px] w-[
     function v(p) {
       (t.item.ext === "jpg" || t.item.ext === "png") && n("openLightbox", { item: t.item, index: p });
     }
-    return (p, w) => (u(), c("div", Jo, [
-      p.item.ext === "jpg" || p.item.ext === "png" ? (u(), c("div", Ko, [
+    return (p, w) => (u(), c("div", Ko, [
+      p.item.ext === "jpg" || p.item.ext === "png" ? (u(), c("div", Zo, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
           onClick: w[0] || (w[0] = (b) => v(p.index))
         }, [
           B(Oe, { item: p.item }, null, 8, ["item"])
         ])
-      ])) : s(p.item) ? (u(), c("div", Zo, [
+      ])) : s(p.item) ? (u(), c("div", Wo, [
         B(Oe, { item: p.item }, null, 8, ["item"])
-      ])) : r(p.item) ? (u(), c("div", Wo, [
+      ])) : r(p.item) ? (u(), c("div", Qo, [
         l("a", {
           href: `/api/file-preview?id=${p.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
           B(Oe, { item: p.item }, null, 8, ["item"])
-        ], 8, Qo)
-      ])) : (u(), c("div", Xo, [
+        ], 8, Xo)
+      ])) : (u(), c("div", Yo, [
         B(Oe, { item: p.item }, null, 8, ["item"])
       ])),
-      l("div", Yo, [
-        l("div", ea, [
-          l("div", ta, [
+      l("div", ea, [
+        l("div", ta, [
+          l("div", la, [
             l("button", {
               class: "inline-flex p-[6px] justify-center items-center gap-x-2 rounded-lg border border-transparent text-gray-500 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-none focus:bg-gray-100 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
               onClick: w[1] || (w[1] = (b) => a(p.item))
             }, [
-              B(yt, {
+              B(xt, {
                 height: "14",
                 width: "14"
               })
             ])
           ]),
           w[3] || (w[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          l("div", la, [
+          l("div", oa, [
             l("button", {
               type: "button",
               class: "size-[30px] inline-flex justify-center items-center gap-x-2 rounded-lg border border-transparent text-red-600 hover:bg-red-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-red-100 dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20",
@@ -1402,7 +1402,7 @@ const yt = /* @__PURE__ */ N(zo, [["render", Ao]]), Do = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), aa = {}, sa = {
+}), sa = {}, na = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1414,8 +1414,8 @@ const yt = /* @__PURE__ */ N(zo, [["render", Ao]]), Do = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function na(o, e) {
-  return u(), c("svg", sa, e[0] || (e[0] = [
+function ra(o, e) {
+  return u(), c("svg", na, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1426,13 +1426,13 @@ function na(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, ua = { class: "flex w-full mb-[12px] items-center gap-x-2" }, da = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, ca = { class1: "ml-auto" }, pa = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, fa = {
+const ia = /* @__PURE__ */ N(sa, [["render", ra]]), ua = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, da = { class: "flex w-full mb-[12px] items-center gap-x-2" }, ca = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, pa = { class1: "ml-auto" }, fa = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, va = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, va = { class: "relative" }, ma = {
+}, ma = { class: "relative" }, ha = {
   key: 1,
   class: "space-y-3 max-h-[300px] overflow-y-auto [&::-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"
-}, ha = { key: 0 }, ga = /* @__PURE__ */ A({
+}, ga = { key: 0 }, ba = /* @__PURE__ */ D({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1447,7 +1447,7 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, n = Me("form"), s = F(() => n.value.formId), r = x(!1), a = x(0), i = e, d = x(!1), v = x({}), p = x([]), w = x(""), b = F(() => Array.isArray(p.value) ? p.value.filter((m) => m.ext === "jpg" || m.ext === "png").map((m) => m?.file_path) : []), $ = F(() => w.value === "" ? p.value : p.value.filter((m) => m?.uploaded_name?.includes(w.value))), S = (m) => {
+    const t = o, n = Me("form"), s = F(() => n.value.formId), r = x(!1), a = x(0), i = e, d = x(!1), v = x({}), p = x([]), w = x(""), b = F(() => Array.isArray(p.value) ? p.value.filter((m) => m.ext === "jpg" || m.ext === "png").map((m) => m?.file_path) : []), $ = F(() => w.value === "" ? p.value : p.value.filter((m) => m?.uploaded_name?.includes(w.value))), j = (m) => {
       const f = b.value.findIndex((Q) => Q === m.item.file_path);
       f !== -1 && (r.value = !0, a.value = f);
     }, R = async () => {
@@ -1457,7 +1457,7 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
       } catch (m) {
         console.error(m);
       }
-    }, V = async (m) => {
+    }, C = async (m) => {
       await Promise.all(
         Array.from(m.target.files).map(async (f) => {
           const Q = new FormData();
@@ -1470,15 +1470,15 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
           }
         })
       ), await R();
-    }, D = (m) => {
+    }, E = (m) => {
       const f = { ...m };
       return m.cancel || (f.cancel = () => {
         d.value = !1;
       }), m.updateListOnConfirm && (f.confirm = async () => {
         await m.confirm(), d.value = !1, R();
       }), f;
-    }, j = (m) => {
-      v.value = D(m), d.value = !0;
+    }, M = (m) => {
+      v.value = E(m), d.value = !0;
     };
     return le(s, (m) => {
       m && R();
@@ -1486,18 +1486,18 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
       s.value && R();
     }), (m, f) => {
       const Q = at("Lightbox"), T = at("MessageBox");
-      return u(), c("div", ia, [
-        l("div", ua, [
-          l("h2", da, " Файлів: " + U(p.value?.length), 1),
-          l("div", ca, [
+      return u(), c("div", ua, [
+        l("div", da, [
+          l("h2", ca, " Файлів: " + U(p.value?.length), 1),
+          l("div", pa, [
             l("label", null, [
               l("input", {
                 type: "file",
                 class: "hidden",
-                onChange: f[0] || (f[0] = (O) => V(O))
+                onChange: f[0] || (f[0] = (O) => C(O))
               }, null, 32),
-              l("div", pa, [
-                B(ra, {
+              l("div", fa, [
+                B(ia, {
                   height: "16",
                   width: "16"
                 })
@@ -1505,9 +1505,9 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
             ])
           ])
         ]),
-        p.value?.length > 4 ? (u(), c("div", fa, [
+        p.value?.length > 4 ? (u(), c("div", va, [
           l("div", null, [
-            l("div", va, [
+            l("div", ma, [
               f[8] || (f[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
                 l("svg", {
                   class: "flex-shrink-0 text-gray-500 size-4 dark:text-neutral-400",
@@ -1536,7 +1536,7 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
                 placeholder: "Введіть назву файлу"
               }, null, 512), [
                 [
-                  ne,
+                  se,
                   w.value,
                   void 0,
                   { trim: !0 }
@@ -1545,17 +1545,17 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
             ])
           ])
         ])) : z("", !0),
-        p.value?.length ? (u(), c("div", ma, [
-          (u(!0), c(Y, null, oe($.value, (O, ue) => (u(), se(oa, {
+        p.value?.length ? (u(), c("div", ha, [
+          (u(!0), c(Y, null, oe($.value, (O, ue) => (u(), ie(aa, {
             key: ue,
             prefix: m.prefix,
             item: O,
             index: ue,
             onUpdate: f[2] || (f[2] = (ee) => m.$emit("update", "file-list")),
-            onOpenModal: f[3] || (f[3] = (ee) => j(ee)),
-            onOpenLightbox: f[4] || (f[4] = (ee) => S(ee))
+            onOpenModal: f[3] || (f[3] = (ee) => M(ee)),
+            onOpenLightbox: f[4] || (f[4] = (ee) => j(ee))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          $.value.length ? z("", !0) : (u(), c("div", ha, f[9] || (f[9] = [
+          $.value.length ? z("", !0) : (u(), c("div", ga, f[9] || (f[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
         ])) : z("", !0),
@@ -1574,7 +1574,7 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
       ]);
     };
   }
-}), ba = { class: "flex items-center justify-between" }, ya = { class: "text-[16px] text-gray-900 font-medium" }, xa = { class: "grid gap-3" }, wa = /* @__PURE__ */ A({
+}), ya = { class: "flex items-center justify-between" }, xa = { class: "text-[16px] text-gray-900 font-medium" }, wa = { class: "grid gap-3" }, ka = /* @__PURE__ */ D({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1598,17 +1598,17 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
         t.value = n;
       }
     ), (n, s) => (u(), c("div", null, [
-      l("div", ba, [
-        l("p", ya, U(o.title), 1),
-        B(bt, {
+      l("div", ya, [
+        l("p", xa, U(o.title), 1),
+        B(yt, {
           modelValue: t.value,
           "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r),
           style: xe(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      B(mt, { name: "slide-fade" }, {
+      B(ht, { name: "slide-fade" }, {
         default: Le(() => [
-          K(l("div", xa, [
+          K(l("div", wa, [
             _e(n.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Je, t.value]
@@ -1618,7 +1618,7 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
       })
     ]));
   }
-}), ka = /* @__PURE__ */ N(wa, [["__scopeId", "data-v-90320b87"]]), _a = { class: "text-[16px] text-gray-900 font-medium" }, $a = { class: "grid gap-3" }, Va = /* @__PURE__ */ A({
+}), _a = /* @__PURE__ */ N(ka, [["__scopeId", "data-v-90320b87"]]), $a = { class: "text-[16px] text-gray-900 font-medium" }, Va = { class: "grid gap-3" }, Ca = /* @__PURE__ */ D({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1647,14 +1647,14 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
         onClick: s[0] || (s[0] = (r) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        B(q(Cl), {
-          class: C(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
+        B(q(Ml), {
+          class: V(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", _a, U(o.title), 1)
+        l("span", $a, U(o.title), 1)
       ]),
-      B(mt, { name: "slide-fade" }, {
+      B(ht, { name: "slide-fade" }, {
         default: Le(() => [
-          K(l("div", $a, [
+          K(l("div", Va, [
             _e(n.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Je, t.value]
@@ -1664,7 +1664,7 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
       })
     ]));
   }
-}), Ca = /* @__PURE__ */ N(Va, [["__scopeId", "data-v-590eff11"]]), Ma = { class: "flex items-center justify-between" }, La = /* @__PURE__ */ A({
+}), Ma = /* @__PURE__ */ N(Ca, [["__scopeId", "data-v-590eff11"]]), La = { class: "flex items-center justify-between" }, Sa = /* @__PURE__ */ D({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1678,16 +1678,16 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
   },
   setup(o) {
     return (e, t) => (u(), c("div", null, [
-      l("div", Ma, [
+      l("div", La, [
         l("p", null, U(o.title), 1)
       ]),
       _e(e.$slots, "default")
     ]));
   }
-}), Sa = {
-  switcher: ka,
-  accordion: Ca,
-  default: La
+}), Ba = {
+  switcher: _a,
+  accordion: Ma,
+  default: Sa
 }, pe = {
   Equal: "==",
   Inequal: "!=",
@@ -1701,37 +1701,37 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, Ba = (o, e) => String(o) === String(e), ja = (o, e) => String(o) !== String(e), Ia = (o, e) => o > e, za = (o, e) => o >= e, Ea = (o, e) => o < e, Aa = (o, e) => o <= e, Da = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, Fa = (o, e) => String(o).startsWith(String(e)), Oa = (o, e) => String(o).endsWith(String(e)), Ua = (o, e) => String(o).includes(String(e)), Ta = (o, e) => Array.isArray(e) ? e.includes(o) : !1, Ra = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, xt = (o, e) => {
+}, ja = (o, e) => String(o) === String(e), Ia = (o, e) => String(o) !== String(e), za = (o, e) => o > e, Ea = (o, e) => o >= e, Aa = (o, e) => o < e, Da = (o, e) => o <= e, Fa = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, Oa = (o, e) => String(o).startsWith(String(e)), Ua = (o, e) => String(o).endsWith(String(e)), Ta = (o, e) => String(o).includes(String(e)), Ra = (o, e) => Array.isArray(e) ? e.includes(o) : !1, Pa = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, wt = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
     case pe.Equal:
-      return Ba(o, e?.[2]);
-    case pe.Inequal:
       return ja(o, e?.[2]);
-    case pe.Higer:
+    case pe.Inequal:
       return Ia(o, e?.[2]);
-    case pe.HigerOrEqual:
+    case pe.Higer:
       return za(o, e?.[2]);
-    case pe.Lower:
+    case pe.HigerOrEqual:
       return Ea(o, e?.[2]);
-    case pe.LowerOrEqual:
+    case pe.Lower:
       return Aa(o, e?.[2]);
-    case pe.Between:
+    case pe.LowerOrEqual:
       return Da(o, e?.[2]);
-    case pe.StartWith:
+    case pe.Between:
       return Fa(o, e?.[2]);
-    case pe.EndWith:
+    case pe.StartWith:
       return Oa(o, e?.[2]);
-    case pe.Contain:
+    case pe.EndWith:
       return Ua(o, e?.[2]);
-    case pe.In:
+    case pe.Contain:
       return Ta(o, e?.[2]);
-    case pe.NotIn:
+    case pe.In:
       return Ra(o, e?.[2]);
+    case pe.NotIn:
+      return Pa(o, e?.[2]);
     default:
       return !0;
   }
-}, Pa = /* @__PURE__ */ A({
+}, Ha = /* @__PURE__ */ D({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1756,15 +1756,15 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
       const i = a?.conditions;
       if (!i) return !0;
       const d = Array.isArray(i) ? i[0] : i, v = t?.value?.[d];
-      return xt(v, i);
-    })), r = F(() => Sa[e.view]);
-    return (a, i) => o.schema?.length ? (u(), se(Be(r.value), {
+      return wt(v, i);
+    })), r = F(() => Ba[e.view]);
+    return (a, i) => o.schema?.length ? (u(), ie(Be(r.value), {
       key: 0,
       title: o.title,
       style: xe(o.style)
     }, {
       default: Le(() => [
-        (u(!0), c(Y, null, oe(s.value, (d) => (u(), se(wt, Ee({
+        (u(!0), c(Y, null, oe(s.value, (d) => (u(), ie(kt, Ee({
           key: d.name
         }, { ref_for: !0 }, d, {
           item: d,
@@ -1777,13 +1777,13 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
       _: 1
     }, 8, ["title", "style"])) : z("", !0);
   }
-}), Ha = ["aria-expanded", "data-focus"], Na = { class: "flex items-center" }, qa = ["title"], Ga = ["onClick"], Ja = ["title"], Ka = {
+}), Na = ["aria-expanded", "data-focus"], qa = { class: "flex items-center" }, Ga = ["title"], Ja = ["onClick"], Ka = ["title"], Za = {
   key: 2,
   class: "text-gray-500 truncate"
-}, Za = { class: "flex-1 min-w-[2px]" }, Wa = ["placeholder"], Qa = { class: "flex items-center shrink-0" }, Xa = ["disabled"], Ya = ["disabled", "title"], es = ["aria-disabled", "onClick"], ts = {
+}, Wa = { class: "flex-1 min-w-[2px]" }, Qa = ["placeholder"], Xa = { class: "flex items-center shrink-0" }, Ya = ["disabled"], es = ["disabled", "title"], ts = ["aria-disabled", "onClick"], ls = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, ls = ["disabled"], os = /* @__PURE__ */ A({
+}, os = ["disabled"], dt = /* @__PURE__ */ D({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1815,14 +1815,14 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
       set: (g) => n("update:modelValue", g)
     });
     !a.value && t.defaultValue && (a.value = t.defaultValue);
-    const i = x(null), d = x(null), v = x(null), p = x(!1), w = x(!1), b = x(null), $ = x([]), S = x(-1), R = x([]), V = x(""), D = x(null), j = x("bottom"), m = x({}), f = x([]), Q = F(() => {
+    const i = x(null), d = x(null), v = x(null), p = x(!1), w = x(!1), b = x(null), $ = x([]), j = x(-1), R = x([]), C = x(""), E = x(null), M = x("bottom"), m = x({}), f = x([]), Q = F(() => {
       if (!f.value.length) return [];
       const g = new Map($.value.map((h) => [h.id?.toString(), h]));
       return f.value.map((h) => g.get(h?.toString())).filter((h) => !!h);
-    }), T = F(() => t.placeholder || "Select..."), O = F(() => s.value ? !f.value.length && V.value === "" : !b.value?.text && V.value === ""), ue = F(() => r.value ? !1 : s.value ? f.value.length > 0 : !!a.value), ee = (g) => s.value ? f.value.some((h) => h?.toString() === g?.toString()) : a.value?.toString() === g?.toString(), X = F(() => {
+    }), T = F(() => t.placeholder || "Select..."), O = F(() => s.value ? !f.value.length && C.value === "" : !b.value?.text && C.value === ""), ue = F(() => r.value ? !1 : s.value ? f.value.length > 0 : !!a.value), ee = (g) => s.value ? f.value.some((h) => h?.toString() === g?.toString()) : a.value?.toString() === g?.toString(), X = F(() => {
       let g = $.value ?? [];
-      if (!t.data && V.value.trim() !== "") {
-        const h = V.value.toLowerCase();
+      if (!t.data && C.value.trim() !== "") {
+        const h = C.value.toLowerCase();
         g = g.filter((_) => _.text?.toLowerCase?.().includes(h));
       }
       if (s.value && f.value.length) {
@@ -1830,7 +1830,7 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
         g = g.filter((_) => !h.has(_.id?.toString()));
       }
       return g;
-    }), je = Me("values"), we = F(() => t.parent ? je?.value?.[t.parent] ?? null : null), E = async (g) => {
+    }), je = Me("values"), we = F(() => t.parent ? je?.value?.[t.parent] ?? null : null), A = async (g) => {
       if (!t.data) {
         let h = t.options ?? [];
         if (g?.trim()) {
@@ -1840,50 +1840,50 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
         return h;
       }
       try {
-        const h = t.host ?? "", _ = t.prefix ?? "api", H = t.api ?? `/${_}/suggest/${t.data}`, te = `${h}${H}`, ie = new URLSearchParams();
-        return ie.set("json", "1"), g && ie.set("key", g), we.value !== void 0 && we.value !== null && we.value !== "" && ie.set("parent", String(we.value)), (await fetch(`${te}?${ie.toString()}`).then((Ie) => Ie.json()))?.data ?? [];
+        const h = t.host ?? "", _ = t.prefix ?? "api", H = t.api ?? `/${_}/suggest/${t.data}`, te = `${h}${H}`, re = new URLSearchParams();
+        return re.set("json", "1"), g && re.set("key", g), we.value !== void 0 && we.value !== null && we.value !== "" && re.set("parent", String(we.value)), (await fetch(`${te}?${re.toString()}`).then((Ie) => Ie.json()))?.data ?? [];
       } catch {
         return [];
       }
-    }, M = async () => {
-      t.data ? $.value = await E(V.value) : $.value = t.options ? [...t.options] : [];
+    }, S = async () => {
+      t.data ? $.value = await A(C.value) : $.value = t.options ? [...t.options] : [];
     }, I = async (g) => {
       if (g == null) return null;
       const h = $.value?.find((H) => H?.id?.toString() === String(g));
-      return h || ((await E(String(g)))?.[0] ?? null);
+      return h || ((await A(String(g)))?.[0] ?? null);
     }, G = async (g) => {
       const h = new Set($.value.map((H) => H.id?.toString())), _ = g.filter((H) => !h.has(H?.toString()));
       _.length && await _.reduce(async (H, te) => {
         await H;
-        const ie = await I(te);
-        ie && $.value.push(ie);
+        const re = await I(te);
+        re && $.value.push(re);
       }, Promise.resolve());
     }, ae = async () => {
-      r.value || (p.value = !0, await M(), await ze(() => {
-        be(), D.value?.focus(), X.value.length ? S.value = 0 : S.value = -1;
+      r.value || (p.value = !0, await S(), await ze(() => {
+        be(), E.value?.focus(), X.value.length ? j.value = 0 : j.value = -1;
       }));
     }, de = () => {
-      p.value = !1, S.value = -1;
+      p.value = !1, j.value = -1;
     }, ke = async (g) => {
       if (r.value) return;
       !p.value ? await ae() : de();
     }, y = async () => {
-      p.value ? D.value?.focus() : await ae();
+      p.value ? E.value?.focus() : await ae();
     }, k = () => {
-      s.value ? (f.value = [], a.value = [], n("change", [])) : (b.value = null, a.value = null, n("change", null)), V.value = "", ze(() => D.value?.focus());
+      s.value ? (f.value = [], a.value = [], n("change", [])) : (b.value = null, a.value = null, n("change", null)), C.value = "", ze(() => E.value?.focus());
     }, P = (g) => {
-      s.value && (f.value = f.value.filter((h) => h?.toString() !== g?.toString()), a.value = [...f.value], n("change", a.value), ze(() => D.value?.focus()));
+      s.value && (f.value = f.value.filter((h) => h?.toString() !== g?.toString()), a.value = [...f.value], n("change", a.value), ze(() => E.value?.focus()));
     }, J = (g) => {
-      s.value ? (ee(g.id) || (f.value = [...f.value, g.id], a.value = [...f.value], n("change", a.value)), V.value = "", ze(() => {
-        D.value?.focus(), S.value = Math.min(S.value, X.value.length - 1);
-      })) : (b.value = g, a.value = g.id, n("change", a.value), V.value = "", de());
-    }, re = (g) => {
+      s.value ? (ee(g.id) || (f.value = [...f.value, g.id], a.value = [...f.value], n("change", a.value)), C.value = "", ze(() => {
+        E.value?.focus(), j.value = Math.min(j.value, X.value.length - 1);
+      })) : (b.value = g, a.value = g.id, n("change", a.value), C.value = "", de());
+    }, ne = (g) => {
       ee(g.id) || J(g);
     }, $e = (g, h) => {
       if (!g || !h) return;
-      const _ = g.offsetTop, H = _ + g.offsetHeight, te = h.scrollTop, ie = te + h.clientHeight;
+      const _ = g.offsetTop, H = _ + g.offsetHeight, te = h.scrollTop, re = te + h.clientHeight;
       let Se = h.scrollTop;
-      _ < te ? Se = _ - 80 : H > ie && (Se = H - h.clientHeight + 4);
+      _ < te ? Se = _ - 80 : H > re && (Se = H - h.clientHeight + 4);
       const Ie = h;
       Ie.scrollTop = Se;
     }, ge = (g) => {
@@ -1899,26 +1899,26 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
       return document.body;
     }, be = () => {
       if (!d.value) return;
-      const g = d.value.getBoundingClientRect(), _ = ge(d.value).getBoundingClientRect(), H = 300, te = 20, ie = 8, Se = g.top - _.top, Ie = g.bottom - _.top, lt = _.height - Ie - ie - te, ot = Se - ie - te;
+      const g = d.value.getBoundingClientRect(), _ = ge(d.value).getBoundingClientRect(), H = 300, te = 20, re = 8, Se = g.top - _.top, Ie = g.bottom - _.top, lt = _.height - Ie - re - te, ot = Se - re - te;
       let qe = !1;
       if (lt >= ot ? qe = !0 : qe = !1, qe) {
-        j.value = "bottom";
+        M.value = "bottom";
         const Ge = Math.min(H, Math.max(lt + te, 50));
         m.value = {
-          top: `${g.height + ie}px`,
+          top: `${g.height + re}px`,
           left: "0px",
           right: "0px",
           bottom: "auto",
           maxHeight: `${Ge}px`
         };
       } else {
-        j.value = "top";
+        M.value = "top";
         const Ge = Math.min(H, Math.max(ot + te, 50));
         m.value = {
           top: "auto",
           left: "0px",
           right: "0px",
-          bottom: `${g.height + ie}px`,
+          bottom: `${g.height + re}px`,
           maxHeight: `${Ge}px`
         };
       }
@@ -1928,18 +1928,18 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
       if (!p.value) return;
       const { key: h } = g;
       if (h === "ArrowDown")
-        g.preventDefault(), S.value + 1 < X.value.length && (S.value += 1, $e(R.value[S.value], v.value));
+        g.preventDefault(), j.value + 1 < X.value.length && (j.value += 1, $e(R.value[j.value], v.value));
       else if (h === "ArrowUp")
-        g.preventDefault(), S.value > 0 && (S.value -= 1, $e(R.value[S.value], v.value));
+        g.preventDefault(), j.value > 0 && (j.value -= 1, $e(R.value[j.value], v.value));
       else if (h === "Enter") {
         g.preventDefault();
-        const _ = X.value[S.value];
-        _ && J(_), D.value?.blur();
-      } else h === "Escape" ? (g.preventDefault(), de()) : h === "Backspace" ? s.value && V.value === "" && f.value.length && (f.value = f.value.slice(0, -1), a.value = [...f.value], n("change", a.value)) : h === "Home" ? (S.value = 0, $e(R.value[0], v.value)) : h === "End" ? (S.value = X.value.length - 1, $e(R.value[S.value], v.value)) : h === "Tab" && de();
-    }, _t = () => {
-      r.value || (w.value = !0);
+        const _ = X.value[j.value];
+        _ && J(_), E.value?.blur();
+      } else h === "Escape" ? (g.preventDefault(), de()) : h === "Backspace" ? s.value && C.value === "" && f.value.length && (f.value = f.value.slice(0, -1), a.value = [...f.value], n("change", a.value)) : h === "Home" ? (j.value = 0, $e(R.value[0], v.value)) : h === "End" ? (j.value = X.value.length - 1, $e(R.value[j.value], v.value)) : h === "Tab" && de();
     }, $t = () => {
-      w.value = !1, V.value = "";
+      r.value || (w.value = !0);
+    }, Vt = () => {
+      w.value = !1, C.value = "";
     }, Ke = (g) => {
       g.key === "Escape" && p.value && de();
     }, Ze = (g) => {
@@ -1968,12 +1968,12 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
     le(a, () => {
       Ye();
     }), me(async () => {
-      addEventListener("keydown", Ke), addEventListener("scroll", We, !0), addEventListener("resize", Qe), document.addEventListener("click", Ze, !0), d.value && ge(d.value).addEventListener("scroll", Xe, !0), t.options?.length ? $.value = [...t.options] : t.data && ($.value = await E("")), await Ye();
+      addEventListener("keydown", Ke), addEventListener("scroll", We, !0), addEventListener("resize", Qe), document.addEventListener("click", Ze, !0), d.value && ge(d.value).addEventListener("scroll", Xe, !0), t.options?.length ? $.value = [...t.options] : t.data && ($.value = await A("")), await Ye();
     }), Te(() => {
       removeEventListener("keydown", Ke), removeEventListener("scroll", We, !0), removeEventListener("resize", Qe), document.removeEventListener("click", Ze, !0), d.value && ge(d.value).removeEventListener("scroll", Xe, !0);
     });
     const Fe = x(!1), Ne = x({}), et = x([]), tt = x(null);
-    async function Vt() {
+    async function Ct() {
       if (!t.add?.token || tt?.value.validate())
         return;
       const h = t.add.api ?? `/api/table/${t.add.token}`, { id: _ } = await fetch(h, {
@@ -1987,35 +1987,35 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
       }
       Fe.value = !1, ye({ title: "Success!", message: "Object created." });
     }
-    async function Ct() {
+    async function Mt() {
       if (!t.add) return null;
       const g = await fetch(`/api/template/form/${t.add.form}`).then((h) => h.json());
       return et.value = g.schema, Fe.value = !0, null;
     }
-    function Mt(g, h = 200) {
+    function Lt(g, h = 200) {
       let _;
       return (...H) => {
         _ && clearTimeout(_), _ = window.setTimeout(() => g(...H), h);
       };
     }
-    const Lt = Mt(async (g) => {
-      $.value = await E(g);
+    const St = Lt(async (g) => {
+      $.value = await A(g);
     }, 200);
-    return le(V, (g) => {
-      t.data && Lt(g.trim());
+    return le(C, (g) => {
+      t.data && St(g.trim());
     }), le(() => t.options, (g) => {
       !t.data && g?.length && ($.value = [...g]);
     }, { immediate: !0 }), le(() => t.parent ?? t.parentValue, () => {
-      t.data && M();
+      t.data && S();
     }), le(we, async () => {
       t.data && (s.value ? (f.value = [], a.value = [], n("change", [])) : (b.value = null, a.value = null, n("change", null)));
     }), (g, h) => (u(), c(Y, null, [
-      B(q(ht), {
+      B(q(gt), {
         visible: Fe.value,
         "onUpdate:visible": h[1] || (h[1] = (_) => Fe.value = _),
         title: "Додати",
         buttonText: "Додати",
-        onDone: Vt
+        onDone: Ct
       }, {
         default: Le(() => [
           B(De, {
@@ -2036,7 +2036,7 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
         }, ["stop"]))
       }, [
         l("div", {
-          class: C(["relative w-full font-sans", t.customClass])
+          class: V(["relative w-full font-sans", t.customClass])
         }, [
           h[9] || (h[9] = l("span", {
             id: "react-select-live-region",
@@ -2050,7 +2050,7 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
             class: "sr-only"
           }, null, -1)),
           l("div", {
-            class: C([
+            class: V([
               "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
               "border-gray-300 hover:border-gray-400",
               p.value || w.value ? "border-blue-500 ring-1 ring-blue-500" : "",
@@ -2072,7 +2072,7 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
                 class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
                 key: _.id
               }, [
-                l("div", Na, [
+                l("div", qa, [
                   _?.color ? (u(), c("span", {
                     key: 0,
                     class: "w-[16px] h-[16px] rounded-md block ml-1.5",
@@ -2081,7 +2081,7 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
                   l("div", {
                     class: "truncate text-gray-900 overflow-hidden",
                     title: _.text
-                  }, U(_.text), 9, qa)
+                  }, U(_.text), 9, Ga)
                 ]),
                 l("div", {
                   role: "button",
@@ -2098,10 +2098,10 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
                   }, [
                     l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                   ], -1)
-                ]), 8, Ga)
-              ]))), 128)) : !s.value && !w.value && b.value?.text && V.value === "" ? (u(), c("div", {
+                ]), 8, Ja)
+              ]))), 128)) : !s.value && !w.value && b.value?.text && C.value === "" ? (u(), c("div", {
                 key: 1,
-                class: C(["truncate text-gray-900"]),
+                class: V(["truncate text-gray-900"]),
                 title: b.value.text
               }, [
                 b.value?.color ? (u(), c("span", {
@@ -2110,15 +2110,15 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
                   style: xe({ backgroundColor: b.value?.color })
                 }, null, 4)) : z("", !0),
                 l("span", {
-                  class: C({ "pl-5": b.value?.color })
+                  class: V({ "pl-5": b.value?.color })
                 }, U(b.value.text), 3)
-              ], 8, Ja)) : z("", !0),
-              O.value ? (u(), c("div", Ka, U(T.value), 1)) : z("", !0),
-              l("div", Za, [
+              ], 8, Ka)) : z("", !0),
+              O.value ? (u(), c("div", Za, U(T.value), 1)) : z("", !0),
+              l("div", Wa, [
                 !r.value && g.search ? K((u(), c("input", {
                   key: 0,
                   ref_key: "inputRef",
-                  ref: D,
+                  ref: E,
                   class: "w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
                   autocapitalize: "none",
                   autocomplete: "off",
@@ -2127,17 +2127,17 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
                   type: "text",
                   tabindex: "0",
                   "aria-autocomplete": "list",
-                  placeholder: (s.value && f.value.length ? " " : null) || (w.value && !V.value?.length ? b.value?.text : " "),
-                  "onUpdate:modelValue": h[2] || (h[2] = (_) => V.value = _),
-                  onFocus: _t,
-                  onBlur: $t,
+                  placeholder: (s.value && f.value.length ? " " : null) || (w.value && !C.value?.length ? b.value?.text : " "),
+                  "onUpdate:modelValue": h[2] || (h[2] = (_) => C.value = _),
+                  onFocus: $t,
+                  onBlur: Vt,
                   onKeydown: Ce
-                }, null, 40, Wa)), [
-                  [ne, V.value]
+                }, null, 40, Qa)), [
+                  [se, C.value]
                 ]) : z("", !0)
               ])
             ], 512),
-            l("div", Qa, [
+            l("div", Xa, [
               ue.value ? (u(), c("button", {
                 key: 0,
                 type: "button",
@@ -2154,7 +2154,7 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
                 }, [
                   l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                 ], -1)
-              ]), 8, Xa)) : z("", !0),
+              ]), 8, Ya)) : z("", !0),
               h[8] || (h[8] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
               l("button", {
                 type: "button",
@@ -2172,14 +2172,14 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
                 }, [
                   l("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" })
                 ], -1)
-              ]), 8, Ya)
+              ]), 8, es)
             ])
-          ], 42, Ha),
+          ], 42, Na),
           p.value ? (u(), c("div", {
             key: 0,
-            class: C([
+            class: V([
               "absolute z-10 w-full rounded bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.1),0_4px_11px_rgba(0,0,0,0.1)]",
-              j.value === "bottom" ? "mt-2" : "mb-2"
+              M.value === "bottom" ? "mt-2" : "mb-2"
             ]),
             style: xe(m.value),
             role: "listbox"
@@ -2194,15 +2194,15 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
                 key: _.id,
                 ref_for: !0,
                 ref: (te) => R.value[H] = te,
-                class: C([
+                class: V([
                   "flex px-3 py-2 cursor-default select-none text-gray-900 hover:bg-blue-100",
-                  S.value === H ? "bg-blue-100" : "",
+                  j.value === H ? "bg-blue-100" : "",
                   ee(_.id) ? "bg-blue-50" : "bg-white"
                 ]),
                 "aria-disabled": ee(_.id) ? "true" : "false",
                 role: "option",
                 tabindex: "-1",
-                onClick: (te) => re(_)
+                onClick: (te) => ne(_)
               }, [
                 _?.color ? (u(), c("span", {
                   key: 0,
@@ -2210,20 +2210,20 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
                   style: xe({ backgroundColor: _?.color })
                 }, null, 4)) : z("", !0),
                 l("div", {
-                  class: C([
+                  class: V([
                     "leading-[19px]",
-                    S.value === _.id ? "text-white" : "",
+                    j.value === _.id ? "text-white" : "",
                     // active style like react-select
-                    (S.value === H, "")
+                    (j.value === H, "")
                   ])
                 }, U(_.text), 3)
-              ], 10, es))), 128)) : (u(), c("div", ts, " No options "))
+              ], 10, ts))), 128)) : (u(), c("div", ls, " No options "))
             ], 4)
           ], 6)) : z("", !0)
         ], 2),
         t.add ? (u(), c("button", {
           key: 0,
-          onClick: Ct,
+          onClick: Mt,
           class: "bg-white hover:bg-gray-100 text-sm text-gray-900 py-[10px] px-3 border border-stone-200 rounded-md h-[38px] flex items-center gap-2",
           disabled: r.value,
           type: "button"
@@ -2233,11 +2233,11 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
             height: "16"
           }),
           h[11] || (h[11] = l("span", null, "Додати", -1))
-        ], 8, ls)) : z("", !0)
+        ], 8, os)) : z("", !0)
       ], 512)
     ], 64));
   }
-}), as = ["placeholder", "disabled"], ss = /* @__PURE__ */ A({
+}), as = ["placeholder", "disabled"], ss = /* @__PURE__ */ D({
   __name: "vs-input-textarea",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -2259,12 +2259,12 @@ const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col
       placeholder: s.placeholder,
       disabled: s.disabled,
       row: "2",
-      class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [q(t)]]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [q(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, as)), [
-      [ne, n.value]
+      [se, n.value]
     ]);
   }
 }), ns = {}, rs = {
@@ -2364,7 +2364,7 @@ function $s(o, e) {
     ce('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
   ]));
 }
-const dt = /* @__PURE__ */ N(ks, [["render", $s]]), Vs = {}, Cs = {
+const ct = /* @__PURE__ */ N(ks, [["render", $s]]), Vs = {}, Cs = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
@@ -2392,7 +2392,7 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, Zs = { class: "w-full" }, Ws = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Qs = ["onDragstart", "onDragover", "onDrop"], Xs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Ys = { class: "flex items-center justify-center" }, en = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors" }, tn = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, ln = { class: "flex items-center justify-center gap-2" }, on = ["onClick"], an = ["onClick"], sn = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, nn = /* @__PURE__ */ A({
+}, Zs = { class: "w-full" }, Ws = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Qs = ["onDragstart", "onDragover", "onDrop"], Xs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Ys = { class: "flex items-center justify-center" }, en = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors" }, tn = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, ln = { class: "flex items-center justify-center gap-2" }, on = ["onClick"], an = ["onClick"], sn = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, nn = /* @__PURE__ */ D({
   __name: "vs-input-datatable",
   props: /* @__PURE__ */ Z({
     colModel: {},
@@ -2411,29 +2411,29 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
   setup(o) {
     const e = o, t = W(o, "modelValue"), n = x({}), s = x(""), r = F(() => {
       if (!s.value) return t.value ?? [];
-      const E = s.value.toLowerCase();
-      return t.value.filter((M) => e.colModel?.some((I) => {
-        const G = M[I.key];
-        return G ? Array.isArray(G) ? G.join(", ").toLowerCase().includes(E) : String(G).toLowerCase().includes(E) : !1;
+      const A = s.value.toLowerCase();
+      return t.value.filter((S) => e.colModel?.some((I) => {
+        const G = S[I.key];
+        return G ? Array.isArray(G) ? G.join(", ").toLowerCase().includes(A) : String(G).toLowerCase().includes(A) : !1;
       }));
-    }), a = x(null), i = x(null), d = x(!1), v = x(null), p = x({ top: 0, left: 0 }), w = (E) => {
-      a.value = E;
-    }, b = (E) => {
-      i.value = E;
-    }, $ = (E) => {
-      if (a.value === null || a.value === E) {
+    }), a = x(null), i = x(null), d = x(!1), v = x(null), p = x({ top: 0, left: 0 }), w = (A) => {
+      a.value = A;
+    }, b = (A) => {
+      i.value = A;
+    }, $ = (A) => {
+      if (a.value === null || a.value === A) {
         a.value = null, i.value = null;
         return;
       }
-      const M = [...t.value], [I] = M.splice(a.value, 1);
-      M.splice(E, 0, I), t.value = M, a.value = null, i.value = null;
-    }, S = (E) => {
-      const I = E.currentTarget.getBoundingClientRect();
+      const S = [...t.value], [I] = S.splice(a.value, 1);
+      S.splice(A, 0, I), t.value = S, a.value = null, i.value = null;
+    }, j = (A) => {
+      const I = A.currentTarget.getBoundingClientRect();
       p.value = { top: I.bottom + window.scrollY, left: I.left + window.scrollX }, d.value = !d.value;
     }, R = () => {
       v.value && v.value.click();
-    }, V = (E) => {
-      const I = E.target.files?.[0];
+    }, C = (A) => {
+      const I = A.target.files?.[0];
       if (!I) return;
       const G = new FileReader();
       G.onload = (ae) => {
@@ -2447,43 +2447,43 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
           console.error("Error parsing file:", de);
         }
       }, G.readAsText(I);
-    }, D = () => {
-      const E = JSON.stringify(t.value, null, 2), M = new Blob([E], { type: "application/json" }), I = URL.createObjectURL(M), G = document.createElement("a");
+    }, E = () => {
+      const A = JSON.stringify(t.value, null, 2), S = new Blob([A], { type: "application/json" }), I = URL.createObjectURL(S), G = document.createElement("a");
       G.href = I, G.download = "data.json", G.click(), URL.revokeObjectURL(I);
     };
     me(async () => {
-      const E = e.colModel?.filter((M) => M.data);
-      E?.length && Promise.all(E.map(async (M) => {
-        const G = await (await fetch(`/api/suggest/${M.data}`)).json();
-        n.value[M.key] = G.data;
+      const A = e.colModel?.filter((S) => S.data);
+      A?.length && Promise.all(A.map(async (S) => {
+        const G = await (await fetch(`/api/suggest/${S.data}`)).json();
+        n.value[S.key] = G.data;
       }));
     });
-    const j = x(""), m = x(!1);
+    const M = x(""), m = x(!1);
     let f = "edit", Q = 0;
     const T = x({}), O = x({});
     async function ue() {
-      j.value = "Додати", m.value = !0, f = "add", T.value = {};
+      M.value = "Додати", m.value = !0, f = "add", T.value = {};
     }
-    function ee(E, M) {
-      const I = M.key || M.name;
-      return n.value[I] && E[I] ? n.value[I].find((G) => G.id.toString() === E[I].toString())?.text ?? E[I] : E[I] || "-";
+    function ee(A, S) {
+      const I = S.key || S.name;
+      return n.value[I] && A[I] ? n.value[I].find((G) => G.id.toString() === A[I].toString())?.text ?? A[I] : A[I] || "-";
     }
-    async function X(E, M) {
-      j.value = "Редагувати", m.value = !0, f = "edit", Q = M, T.value = { ...E };
+    async function X(A, S) {
+      M.value = "Редагувати", m.value = !0, f = "edit", Q = S, T.value = { ...A };
     }
     function je() {
-      const E = O.value.validate();
-      if (E) {
-        ye({ type: "warning", title: "Помилка валідації", message: Object.entries(E).map(([M, I]) => `${M}: ${I}`).join(`
+      const A = O.value.validate();
+      if (A) {
+        ye({ type: "warning", title: "Помилка валідації", message: Object.entries(A).map(([S, I]) => `${S}: ${I}`).join(`
 `) });
         return;
       }
-      f === "add" ? Array.isArray(t.value) ? t.value = [...t.value, T.value] : t.value = [T.value] : t.value = t.value.map((M, I) => I === Q ? T.value : M), m.value = !1;
+      f === "add" ? Array.isArray(t.value) ? t.value = [...t.value, T.value] : t.value = [T.value] : t.value = t.value.map((S, I) => I === Q ? T.value : S), m.value = !1;
     }
-    function we(E) {
-      t.value = t.value.filter((M, I) => I !== E);
+    function we(A) {
+      t.value = t.value.filter((S, I) => I !== A);
     }
-    return (E, M) => (u(), c("div", zs, [
+    return (A, S) => (u(), c("div", zs, [
       l("div", Es, [
         l("div", As, [
           B(us, {
@@ -2493,18 +2493,18 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
           }),
           K(l("input", {
             type: "text",
-            "onUpdate:modelValue": M[0] || (M[0] = (I) => s.value = I),
+            "onUpdate:modelValue": S[0] || (S[0] = (I) => s.value = I),
             placeholder: "Пошук",
             class: "py-2 px-3 pl-10 w-full bg-gray-100 h-[36px] rounded-[8px] text-[15px] leading-[18px] focus:border-1 text-stone-800 placeholder:text-[#6B7280] focus:outline-blue-500 focus:outline-2"
           }, null, 512), [
-            [ne, s.value]
+            [se, s.value]
           ])
         ]),
         l("div", Ds, [
           l("input", {
             ref_key: "fileInput",
             ref: v,
-            onChange: V,
+            onChange: C,
             class: "hidden",
             accept: ".json",
             type: "file"
@@ -2513,7 +2513,7 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
             l("div", Os, [
               l("div", Us, [
                 l("button", {
-                  onClick: S,
+                  onClick: j,
                   class: "bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
                 }, [
                   B(fs, {
@@ -2525,7 +2525,7 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
             ])
           ])
         ]),
-        (u(), se(It, { to: "body" }, [
+        (u(), ie(zt, { to: "body" }, [
           d.value ? (u(), c("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
@@ -2542,10 +2542,10 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
                     width: "14",
                     height: "14"
                   }),
-                  M[4] || (M[4] = fe(" Імпортувати ", -1))
+                  S[4] || (S[4] = fe(" Імпортувати "))
                 ]),
                 l("button", {
-                  onClick: D,
+                  onClick: E,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
                   l("span", Ps, [
@@ -2554,7 +2554,7 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
                       width: "14",
                       height: "14"
                     }),
-                    M[5] || (M[5] = fe(" Експортувати ", -1))
+                    S[5] || (S[5] = fe(" Експортувати "))
                   ])
                 ])
               ])
@@ -2566,7 +2566,7 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
           class: "text-slate-700 bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
         }, [
           B(Ae),
-          M[6] || (M[6] = fe(" Додати ", -1))
+          S[6] || (S[6] = fe(" Додати "))
         ])
       ]),
       l("div", Hs, [
@@ -2574,27 +2574,27 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
           l("thead", qs, [
             l("tr", Gs, [
               l("th", Js, [
-                B(dt, {
+                B(ct, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (u(!0), c(Y, null, oe(E.colModel, (I) => (u(), c("th", {
+              (u(!0), c(Y, null, oe(A.colModel, (I) => (u(), c("th", {
                 key: I.key,
                 class: "h-10 px-2 text-left align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 min-w-[150px]"
               }, U(I.ua || I.label), 1))), 128)),
-              M[7] || (M[7] = l("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
+              S[7] || (S[7] = l("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
             ])
           ]),
           l("tbody", {
-            class: C({ "[&_tr:last-child]:border-0": !i.value })
+            class: V({ "[&_tr:last-child]:border-0": !i.value })
           }, [
             r.value.length === 0 ? (u(), c("td", Ks, [
               l("div", Zs, [
                 l("div", Ws, [
                   B(Ls, { class: "w-48 mx-auto" }),
-                  M[8] || (M[8] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
+                  S[8] || (S[8] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
                     l("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "Нічого не знайдено"),
                     l("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
                   ], -1))
@@ -2603,7 +2603,7 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
             ])) : z("", !0),
             (u(!0), c(Y, null, oe(r.value, (I, G) => (u(), c("tr", {
               key: I.id,
-              class: C(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
+              class: V(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
                 "opacity-50": a.value === G,
                 "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": i.value === G
               }]),
@@ -2614,14 +2614,14 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
             }, [
               l("td", Xs, [
                 l("div", Ys, [
-                  B(dt, {
+                  B(ct, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                   })
                 ])
               ]),
-              (u(!0), c(Y, null, oe(E.colModel, (ae) => (u(), c("td", {
+              (u(!0), c(Y, null, oe(A.colModel, (ae) => (u(), c("td", {
                 key: ae.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
@@ -2655,23 +2655,23 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable
           ], 2)
         ])
       ]),
-      B(q(ht), {
+      B(q(gt), {
         visible: m.value,
-        title: j.value,
+        title: M.value,
         size: "lg"
       }, {
         default: Le(() => [
           B(De, {
             schema: e.colModel,
             values: T.value,
-            "onUpdate:values": M[1] || (M[1] = (I) => T.value = I),
+            "onUpdate:values": S[1] || (S[1] = (I) => T.value = I),
             form: O.value,
-            "onUpdate:form": M[2] || (M[2] = (I) => O.value = I)
+            "onUpdate:form": S[2] || (S[2] = (I) => O.value = I)
           }, null, 8, ["schema", "values", "form"]),
           l("div", sn, [
             l("button", {
               type: "button",
-              onClick: M[3] || (M[3] = (I) => m.value = !1),
+              onClick: S[3] || (S[3] = (I) => m.value = !1),
               class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-red-500 hover:border-red-500 hover:bg-red-500 focus:ring-red-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 mr-2"
             }, " Скасувати "),
             l("button", {
@@ -2941,7 +2941,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
 }, Zn = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, Wn = /* @__PURE__ */ A({
+}, Wn = /* @__PURE__ */ D({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
@@ -2955,37 +2955,37 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       { value: "atu", label: "АТУ" },
       { value: "address", label: "Адресса" },
       { value: "search_here", label: "Пошук HERE" }
-    ], w = F(() => p.find((j) => j.value === s.value)?.label ?? "АТУ");
-    function b(j) {
-      s.value = j.value, n.value = !1, r.value = "", r.value && R();
+    ], w = F(() => p.find((M) => M.value === s.value)?.label ?? "АТУ");
+    function b(M) {
+      s.value = M.value, n.value = !1, r.value = "", r.value && R();
     }
-    function $(j) {
-      j.target.closest(".map-search__input") || (n.value = !1);
+    function $(M) {
+      M.target.closest(".map-search__input") || (n.value = !1);
     }
     me(() => document.addEventListener("click", $)), Te(() => document.removeEventListener("click", $));
-    async function S(j) {
+    async function j(M) {
       let m;
       s.value === "atu" ? m = "/api/suggest/atu.nsdi.ato_level" : s.value === "address" ? m = "/api/suggest/map.address_id" : s.value === "search_here" && (m = "/api/gis-url-proxy");
       const f = new URL(m || "");
-      return s.value === "search_here" ? f.searchParams.set("searchtext", j) : (s.value === "atu" || s.value === "address") && f.searchParams.set("key", j), f.searchParams.set("limit", "20"), f.searchParams.set("q", j), (await fetch(f.toString())).json();
+      return s.value === "search_here" ? f.searchParams.set("searchtext", M) : (s.value === "atu" || s.value === "address") && f.searchParams.set("key", M), f.searchParams.set("limit", "20"), f.searchParams.set("q", M), (await fetch(f.toString())).json();
     }
     function R() {
       if (i.value = !0, d.value = !0, s.value === "coordinates") {
-        const j = r.value.trim().split(",");
-        if (j.length === 2) {
-          const m = parseFloat(j[0]), f = parseFloat(j[1]);
+        const M = r.value.trim().split(",");
+        if (M.length === 2) {
+          const m = parseFloat(M[0]), f = parseFloat(M[1]);
           !Number.isNaN(m) && !Number.isNaN(f) && t("goToCoordinates", [m, f]);
         }
         return;
       }
       v && window.clearTimeout(v), v = window.setTimeout(async () => {
-        const j = r.value.trim();
-        if (!j) {
+        const M = r.value.trim();
+        if (!M) {
           a.value = [], d.value = !1;
           return;
         }
         try {
-          const m = await S(j);
+          const m = await j(M);
           a.value = Array.isArray(m.features) ? m.features : [];
         } catch {
           a.value = [];
@@ -2994,13 +2994,13 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
         }
       }, 300);
     }
-    function V() {
+    function C() {
       r.value = "", a.value = [], i.value = !1, d.value = !1;
     }
-    function D(j) {
-      t("goToCoordinates", j), i.value = !1, d.value = !1, a.value = [];
+    function E(M) {
+      t("goToCoordinates", M), i.value = !1, d.value = !1, a.value = [];
     }
-    return (j, m) => (u(), c("div", Bn, [
+    return (M, m) => (u(), c("div", Bn, [
       l("div", jn, [
         l("div", In, [
           l("div", zn, [
@@ -3081,11 +3081,11 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
                 placeholder: "lat, lng ex. 50, 30",
                 class: "bg-white h-[38px] text-sm py-2 px-3 ps-9 pe-8 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
               }, null, 544), [
-                [ne, r.value]
+                [se, r.value]
               ]),
               r.value ? (u(), c("button", {
                 key: 0,
-                onClick: V,
+                onClick: C,
                 class: "absolute right-2 bottom-1/2 translate-y-1/2 text-gray-500 hover:text-red-500",
                 "aria-label": "Очистити",
                 type: "button"
@@ -3109,7 +3109,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
                 a.value.length ? (u(), c("ul", Gn, [
                   (u(!0), c(Y, null, oe(a.value, (f) => (u(), c("li", {
                     key: f.properties.place_id,
-                    onClick: (Q) => D(f),
+                    onClick: (Q) => E(f),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
                   }, U(f.properties.display_name), 9, Jn))), 128))
                 ])) : d.value ? (u(), c("div", Kn, "Шукаю…")) : (u(), c("div", Zn, "Нічого не знайдено"))
@@ -3120,7 +3120,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       ])
     ]));
   }
-}), Qn = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, Xn = { class: "flex gap-2" }, Yn = ["onClick", "title"], er = ["src"], tr = /* @__PURE__ */ A({
+}), Qn = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, Xn = { class: "flex gap-2" }, Yn = ["onClick", "title"], er = ["src"], tr = /* @__PURE__ */ D({
   __name: "map-layers",
   props: {
     basemaps: {}
@@ -3135,7 +3135,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       l("div", Xn, [
         (u(!0), c(Y, null, oe(a.basemaps, (d, v) => (u(), c("div", {
           key: v,
-          class: C(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === v }]),
+          class: V(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === v }]),
           onClick: (p) => r(v),
           title: d.name || v,
           role: "button",
@@ -3159,7 +3159,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
 }, yr = {
   key: 1,
   class: "text-xs"
-}, xr = /* @__PURE__ */ A({
+}, xr = /* @__PURE__ */ D({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3173,26 +3173,26 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = zt(), n = o, s = e, r = x(null);
+    const t = Et(), n = o, s = e, r = x(null);
     let a, i, d;
-    const v = x(null), p = x(null), w = x(6), b = x(0), $ = x(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), S = x(null), R = de();
-    let V;
-    const D = x("topo100");
-    function j() {
+    const v = x(null), p = x(null), w = x(6), b = x(0), $ = x(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), j = x(null), R = de();
+    let C;
+    const E = x("topo100");
+    function M() {
       return new Promise((y, k) => {
         window.L && window.L.Draw && y(0);
-        const P = (re) => {
-          if (Array.from(document.styleSheets).some((be) => be?.href?.includes(re))) return;
+        const P = (ne) => {
+          if (Array.from(document.styleSheets).some((be) => be?.href?.includes(ne))) return;
           const ge = document.createElement("link");
-          ge.rel = "stylesheet", ge.href = re, document.head.appendChild(ge);
-        }, J = (re) => new Promise(($e, ge) => {
-          const be = Array.from(document.scripts).find((Ce) => Ce.src === re);
+          ge.rel = "stylesheet", ge.href = ne, document.head.appendChild(ge);
+        }, J = (ne) => new Promise(($e, ge) => {
+          const be = Array.from(document.scripts).find((Ce) => Ce.src === ne);
           if (be) {
             be.addEventListener("load", () => $e()), be.addEventListener("error", (Ce) => ge(Ce));
             return;
           }
           const Ve = document.createElement("script");
-          Ve.src = re, Ve.async = !0, Ve.onload = () => $e(), Ve.onerror = (Ce) => ge(Ce), document.body.appendChild(Ve);
+          Ve.src = ne, Ve.async = !0, Ve.onload = () => $e(), Ve.onerror = (Ce) => ge(Ce), document.body.appendChild(Ve);
         });
         P("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), P("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), J("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => J("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => y(0)).catch(k);
       });
@@ -3235,27 +3235,27 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
     function X() {
       const y = i.getLayers();
       if (!y.length) {
-        S.value = null, b.value = 0;
+        j.value = null, b.value = 0;
         return;
       }
-      const k = y[y.length - 1], P = O(k), J = ee(k), re = ue(k);
-      S.value = {
+      const k = y[y.length - 1], P = O(k), J = ee(k), ne = ue(k);
+      j.value = {
         type: P,
         center: J,
-        areaKm2: re,
+        areaKm2: ne,
         layer: k
       }, b.value = y.length;
     }
     function je() {
-      const y = S.value?.layer;
+      const y = j.value?.layer;
       y && (y instanceof L.Circle && y.getBounds ? a.fitBounds(y.getBounds(), { padding: [30, 30] }) : y.getBounds ? a.fitBounds(y.getBounds(), { padding: [30, 30] }) : y.getLatLng && a.setView(y.getLatLng(), Math.max(w.value, 14)));
     }
     function we() {
-      const y = S.value?.layer;
+      const y = j.value?.layer;
       y && (i.removeLayer(y), m(), X());
     }
     me(async () => {
-      await j(), L.drawLocal = rn, a = L.map(r.value, { zoomControl: !1 }).setView($.value, 10), L.control.zoom({ position: "bottomright" }).addTo(a), D.value = Object.keys(R)[0], V = L.tileLayer(R[D.value].url, { maxZoom: 19, minZoom: 6 }).addTo(a), i = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (P) => {
+      await M(), L.drawLocal = rn, a = L.map(r.value, { zoomControl: !1 }).setView($.value, 10), L.control.zoom({ position: "bottomright" }).addTo(a), E.value = Object.keys(R)[0], C = L.tileLayer(R[E.value].url, { maxZoom: 19, minZoom: 6 }).addTo(a), i = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (P) => {
         const { layer: J } = P;
         i.clearLayers(), i.addLayer(J), m(), X(), f(), T.value = "";
       }), a.on(L.Draw.Event.EDITED, () => {
@@ -3275,7 +3275,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
         L.geoJSON(k).eachLayer((J) => P.push(J)), P.length && i.addLayer(P[0]), m(), X(), f();
       }
     });
-    function E(y) {
+    function A(y) {
       if (a) {
         switch (d && d.disable(), y) {
           case "marker":
@@ -3297,7 +3297,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
         d && (d.enable(), T.value = y);
       }
     }
-    function M() {
+    function S() {
       const y = i.toGeoJSON(), k = new Blob([JSON.stringify(y, null, 2)], { type: "application/json" }), P = URL.createObjectURL(k), J = document.createElement("a");
       J.href = P, J.download = "data.geojson", J.click(), URL.revokeObjectURL(P);
     }
@@ -3309,8 +3309,8 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
         if (typeof P.result == "string")
           try {
             const J = JSON.parse(P.result);
-            i.clearLayers(), J && L.geoJSON({ type: "Feature", geometry: J }).eachLayer((re) => {
-              i.addLayer(re);
+            i.clearLayers(), J && L.geoJSON({ type: "Feature", geometry: J }).eachLayer((ne) => {
+              i.addLayer(ne);
             }), m(), X(), f();
           } finally {
             y.target.value = "";
@@ -3318,7 +3318,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       }, P.readAsText(k);
     }
     function G(y) {
-      a && (V && a.removeLayer(V), V = L.tileLayer(R[y].url, { maxZoom: 19, minZoom: 6 }).addTo(a), D.value = y);
+      a && (C && a.removeLayer(C), C = L.tileLayer(R[y].url, { maxZoom: 19, minZoom: 6 }).addTo(a), E.value = y);
     }
     function ae(y) {
       const k = L.latLng(y[0], y[1]);
@@ -3329,8 +3329,8 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       (y) => {
         console.log("update map"), i.clearLayers(), y && L.geoJSON({ type: "Feature", geometry: y }).eachLayer((k) => {
           i.addLayer(k), k.dragging?.enable(), k.dragging?.enabled(), k.on("dragend", (P) => {
-            const re = P.target.getLatLng();
-            s("update:modelValue", { type: "Point", coordinates: [re.lng, re.lat] });
+            const ne = P.target.getLatLng();
+            s("update:modelValue", { type: "Point", coordinates: [ne.lng, ne.lat] });
           });
         }), b.value = i.getLayers().length, X(), f();
       }
@@ -3357,7 +3357,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
         a.invalidateSize();
       }, 50);
     }), (y, k) => (u(), c("div", {
-      class: C(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: ke.value }])
+      class: V(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: ke.value }])
     }, [
       l("div", {
         ref_key: "mapContainer",
@@ -3376,7 +3376,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: M,
+              onClick: S,
               disabled: b.value === 0
             }, "Export ", 8, sr)
           ]),
@@ -3393,38 +3393,38 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       l("div", nr, [
         l("div", rr, [
           l("button", {
-            class: C(["vs-btn", { "vs-active": T.value === "marker" }]),
+            class: V(["vs-btn", { "vs-active": T.value === "marker" }]),
             "aria-pressed": T.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: k[0] || (k[0] = (P) => E("marker"))
+            onClick: k[0] || (k[0] = (P) => A("marker"))
           }, [
             B(fn)
           ], 10, ir),
           l("button", {
-            class: C(["vs-btn", { "vs-active": T.value === "polyline" }]),
+            class: V(["vs-btn", { "vs-active": T.value === "polyline" }]),
             "aria-pressed": T.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: k[1] || (k[1] = (P) => E("polyline"))
+            onClick: k[1] || (k[1] = (P) => A("polyline"))
           }, [
             B(gn)
           ], 10, ur),
           l("button", {
-            class: C(["vs-btn", { "vs-active": T.value === "polygon" }]),
+            class: V(["vs-btn", { "vs-active": T.value === "polygon" }]),
             "aria-pressed": T.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: k[2] || (k[2] = (P) => E("polygon"))
+            onClick: k[2] || (k[2] = (P) => A("polygon"))
           }, [
             B(wn)
           ], 10, dr),
           l("button", {
-            class: C(["vs-btn", { "vs-active": T.value === "rectangle" }]),
+            class: V(["vs-btn", { "vs-active": T.value === "rectangle" }]),
             "aria-pressed": T.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: k[3] || (k[3] = (P) => E("rectangle"))
+            onClick: k[3] || (k[3] = (P) => A("rectangle"))
           }, [
             B(Vn)
           ], 10, cr),
@@ -3441,7 +3441,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
         ])
       ]),
       l("div", {
-        class: C(["absolute left-4 z-[1000]", S.value ? "bottom-8" : "bottom-4"])
+        class: V(["absolute left-4 z-[1000]", j.value ? "bottom-8" : "bottom-4"])
       }, [
         B(tr, {
           basemaps: q(R),
@@ -3449,21 +3449,21 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
         }, null, 8, ["basemaps"])
       ], 2),
       l("div", pr, [
-        S.value ? (u(), c("div", fr, [
+        j.value ? (u(), c("div", fr, [
           l("div", vr, [
-            k[7] || (k[7] = fe(" Тип: ", -1)),
-            l("span", mr, U(S.value.type), 1)
+            k[7] || (k[7] = fe(" Тип: ")),
+            l("span", mr, U(j.value.type), 1)
           ]),
           l("div", hr, [
             l("div", gr, [
-              k[8] || (k[8] = fe(" Центр: ", -1)),
-              l("b", null, U(S.value.center.lat.toFixed(5)) + ", " + U(S.value.center.lng.toFixed(5)), 1)
+              k[8] || (k[8] = fe(" Центр: ")),
+              l("b", null, U(j.value.center.lat.toFixed(5)) + ", " + U(j.value.center.lng.toFixed(5)), 1)
             ]),
-            S.value.areaKm2 !== null ? (u(), c("div", br, [
-              k[9] || (k[9] = fe(" Площа: ", -1)),
-              l("b", null, U(S.value.areaKm2.toFixed(1)) + "км²", 1)
+            j.value.areaKm2 !== null ? (u(), c("div", br, [
+              k[9] || (k[9] = fe(" Площа: ")),
+              l("b", null, U(j.value.areaKm2.toFixed(1)) + "км²", 1)
             ])) : (u(), c("div", yr, k[10] || (k[10] = [
-              fe(" Площа: ", -1),
+              fe(" Площа: "),
               l("b", null, "—", -1)
             ]))),
             l("button", {
@@ -3488,7 +3488,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
 }), wr = /* @__PURE__ */ N(xr, [["__scopeId", "data-v-5a4c21a7"]]), kr = ["data-focus"], _r = { class: "flex items-center" }, $r = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Vr = ["onClick", "aria-label"], Cr = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, Mr = { class: "flex-1 min-w-[2px]" }, Lr = ["placeholder"], Sr = { class: "flex items-center shrink-0" }, Br = ["disabled"], jr = /* @__PURE__ */ A({
+}, Mr = { class: "flex-1 min-w-[2px]" }, Lr = ["placeholder"], Sr = { class: "flex items-center shrink-0" }, Br = ["disabled"], jr = /* @__PURE__ */ D({
   __name: "vs-input-tag",
   props: /* @__PURE__ */ Z({
     unique: { type: Boolean, default: !0 },
@@ -3507,18 +3507,18 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
   setup(o, { emit: e }) {
     const t = o, n = e;
     he(t.style);
-    const s = x(null), r = x(null), a = x(null), i = x(!1), d = x(""), v = W(o, "modelValue"), p = F(() => t.placeholder || "Add tag…"), w = F(() => v.value?.length === 0 && d.value === ""), b = F(() => !t.disabled && v.value?.length > 0), $ = F(() => t.disabled), S = async () => {
+    const s = x(null), r = x(null), a = x(null), i = x(!1), d = x(""), v = W(o, "modelValue"), p = F(() => t.placeholder || "Add tag…"), w = F(() => v.value?.length === 0 && d.value === ""), b = F(() => !t.disabled && v.value?.length > 0), $ = F(() => t.disabled), j = async () => {
       $.value || await ze(() => a.value?.focus());
     }, R = (T) => {
       const O = T.trim();
       O !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [O] : t.unique ? v.value.includes(O) || (v.value = [...v.value, O]) : v.value = [...v.value, O], d.value = "");
-    }, V = () => {
+    }, C = () => {
       const T = d.value;
       T.trim() !== "" && R(T), d.value = "";
-    }, D = (T) => {
+    }, E = (T) => {
       const O = v.value.slice();
       O.splice(T, 1), n("update:modelValue", O);
-    }, j = () => {
+    }, M = () => {
       n("update:modelValue", []);
     }, m = () => {
       $.value || (i.value = !0);
@@ -3526,7 +3526,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       i.value = !1;
     }, Q = (T) => {
       const { key: O } = T;
-      O === "Enter" ? (T.preventDefault(), V()) : O === "Backspace" && d.value === "" && v.value.length > 0 && D(v.value.length - 1);
+      O === "Enter" ? (T.preventDefault(), C()) : O === "Backspace" && d.value === "" && v.value.length > 0 && E(v.value.length - 1);
     };
     return (T, O) => (u(), c("div", {
       class: "flex gap-1 w-full",
@@ -3536,19 +3536,19 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       }, ["stop"]))
     }, [
       l("div", {
-        class: C(["relative w-full font-sans", t.customClass]),
+        class: V(["relative w-full font-sans", t.customClass]),
         role: "group",
         "aria-label": "Tag input"
       }, [
         l("div", {
-          class: C([
+          class: V([
             "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
             "border-gray-300 hover:border-gray-400",
             i.value ? "border-blue-500 ring-1 ring-blue-500" : "",
             $.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
           "data-focus": i.value ? "true" : "false",
-          onClick: S
+          onClick: j
         }, [
           l("div", {
             class: "flex flex-1 flex-wrap items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
@@ -3565,7 +3565,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: ve((X) => D(ee), ["stop"]),
+                onClick: ve((X) => E(ee), ["stop"]),
                 "aria-label": `Remove ${ue}`
               }, O[2] || (O[2] = [
                 l("svg", {
@@ -3600,7 +3600,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
                 onKeydown: Q,
                 placeholder: v.value && v.value.length ? "" : void 0
               }, null, 40, Lr)), [
-                [ne, d.value]
+                [se, d.value]
               ])
             ])
           ], 512),
@@ -3611,7 +3611,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-label": "Clear all tags",
               disabled: $.value,
-              onClick: ve(j, ["stop"])
+              onClick: ve(M, ["stop"])
             }, O[3] || (O[3] = [
               l("svg", {
                 height: "20",
@@ -3627,7 +3627,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       ], 2)
     ], 512));
   }
-}), Ir = { class: "relative flex gap-1 bg-white w-full" }, zr = ["disabled", "placeholder"], Er = /* @__PURE__ */ A({
+}), Ir = { class: "relative flex gap-1 bg-white w-full" }, zr = ["disabled", "placeholder"], Er = /* @__PURE__ */ D({
   __name: "vs-input-slug",
   props: /* @__PURE__ */ Z({
     disabled: { type: Boolean },
@@ -3694,7 +3694,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
         "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d),
         class: "block w-full px-3 py-2 text-sm border border-solid rounded-lg placeholder:text-nowrap border-stone-200 text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
       }, null, 8, zr), [
-        [ne, n.value]
+        [se, n.value]
       ]),
       l("button", {
         class: "px-2 bg-gray-100 border rounded-lg hover:bg-gray-200",
@@ -3708,7 +3708,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
 }, Or = ["onDragstart", "onDrop"], Ur = { class: "w-1/3" }, Tr = { class: "w-2/3" }, Rr = ["onClick"], Pr = {
   key: 0,
   class: "text-[14px] text-gray-700"
-}, Hr = { class: "mt-2 w-full flex items-center" }, Nr = ["disabled"], qr = /* @__PURE__ */ A({
+}, Hr = { class: "mt-2 w-full flex items-center" }, Nr = ["disabled"], qr = /* @__PURE__ */ D({
   __name: "vs-input-key-value",
   props: {
     parent: {},
@@ -3718,77 +3718,77 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = (V) => `${V}-${Math.random().toString(36).substring(2, 15)}`, n = Me("values"), s = o, r = e, a = s.addButtonText ?? "Додати", i = s.ignore ?? [], d = x([]), v = x(null);
+    const t = (C) => `${C}-${Math.random().toString(36).substring(2, 15)}`, n = Me("values"), s = o, r = e, a = s.addButtonText ?? "Додати", i = s.ignore ?? [], d = x([]), v = x(null);
     (() => {
-      const V = s.parent && n?.value?.[s.parent] || s.modelValue || {};
-      d.value = Object.entries(V).filter(([D]) => !i.includes(D)).map(([D, j]) => ({
+      const C = s.parent && n?.value?.[s.parent] || s.modelValue || {};
+      d.value = Object.entries(C).filter(([E]) => !i.includes(E)).map(([E, M]) => ({
         id: t("key-value-"),
-        key: D,
-        value: j
+        key: E,
+        value: M
       }));
     })();
-    function w(V) {
-      v.value = V;
+    function w(C) {
+      v.value = C;
     }
-    function b(V) {
-      if (v.value === null || v.value === V) return;
-      const D = d.value.splice(v.value, 1)[0];
-      d.value.splice(V, 0, D), v.value = null;
+    function b(C) {
+      if (v.value === null || v.value === C) return;
+      const E = d.value.splice(v.value, 1)[0];
+      d.value.splice(C, 0, E), v.value = null;
     }
     const $ = F(
-      () => d.value.some((V) => V.key && !V.value || !V.key && V.value)
-    ), S = () => {
+      () => d.value.some((C) => C.key && !C.value || !C.key && C.value)
+    ), j = () => {
       d.value.push({ id: t("key-value-"), key: "", value: "" });
-    }, R = (V) => {
-      d.value = d.value.filter((D) => D.id !== V);
+    }, R = (C) => {
+      d.value = d.value.filter((E) => E.id !== C);
     };
     return le(
       d,
-      (V) => {
-        const D = {};
-        V.forEach((m) => {
-          m.key && m.value !== void 0 && (D[m.key] = m.value);
+      (C) => {
+        const E = {};
+        C.forEach((m) => {
+          m.key && m.value !== void 0 && (E[m.key] = m.value);
         });
-        const j = {};
+        const M = {};
         i.length && i.forEach((m) => {
-          j[m] = s.parent ? n?.value?.[s.parent]?.[m] : void 0;
+          M[m] = s.parent ? n?.value?.[s.parent]?.[m] : void 0;
         }), n?.value && s.parent && (n.value[s.parent] = {
-          ...j,
-          ...D
-        }), r("update:modelValue", D);
+          ...M,
+          ...E
+        }), r("update:modelValue", E);
       },
       { deep: !0 }
-    ), (V, D) => (u(), c("div", Dr, [
+    ), (C, E) => (u(), c("div", Dr, [
       l("div", Fr, [
-        (u(!0), c(Y, null, oe(d.value, (j, m) => (u(), c("div", {
-          key: j.id,
-          class: C(["flex items-center gap-2 w-full", { "opacity-50": v.value === m }]),
+        (u(!0), c(Y, null, oe(d.value, (M, m) => (u(), c("div", {
+          key: M.id,
+          class: V(["flex items-center gap-2 w-full", { "opacity-50": v.value === m }]),
           draggable: "true",
           onDragstart: (f) => w(m),
-          onDragover: D[0] || (D[0] = ve(() => {
+          onDragover: E[0] || (E[0] = ve(() => {
           }, ["prevent"])),
           onDrop: (f) => b(m)
         }, [
-          D[1] || (D[1] = ce('<button class="cursor-move" data-v-a0f7fbfc><svg fill="#000000" width="20" height="20" viewBox="0 0 36 36" data-v-a0f7fbfc><circle cx="15" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="18" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="18" r="1.5" data-v-a0f7fbfc></circle></svg></button>', 1)),
+          E[1] || (E[1] = ce('<button class="cursor-move" data-v-a0f7fbfc><svg fill="#000000" width="20" height="20" viewBox="0 0 36 36" data-v-a0f7fbfc><circle cx="15" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="18" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="18" r="1.5" data-v-a0f7fbfc></circle></svg></button>', 1)),
           l("div", Ur, [
             B(Ue, {
-              modelValue: j.key,
-              "onUpdate:modelValue": (f) => j.key = f,
+              modelValue: M.key,
+              "onUpdate:modelValue": (f) => M.key = f,
               placeholder: "Ключ"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
           l("div", Tr, [
             B(Ue, {
-              modelValue: j.value,
-              "onUpdate:modelValue": (f) => j.value = f,
+              modelValue: M.value,
+              "onUpdate:modelValue": (f) => M.value = f,
               placeholder: "Значення"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
           l("button", {
-            onClick: (f) => R(j.id),
+            onClick: (f) => R(M.id),
             class: "shrink-0 w-[30px] text-gray-600 h-[30px] rounded-full flex items-center justify-center bg-gray-100 hover:bg-gray-200"
           }, [
-            B(q(Bl), {
+            B(q(jl), {
               height: "16",
               width: "16"
             })
@@ -3799,7 +3799,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       l("div", Hr, [
         l("button", {
           type: "button",
-          onClick: S,
+          onClick: j,
           disabled: $.value,
           class: "py-1.5 px-2 flex items-center gap-x-1 text-xs font-medium rounded-full border border-dashed border-gray-200 bg-white text-gray-800 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
         }, [
@@ -3812,7 +3812,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       ])
     ]));
   }
-}), Gr = /* @__PURE__ */ N(qr, [["__scopeId", "data-v-a0f7fbfc"]]), Jr = { class: "flex items-center gap-2 w-full" }, Kr = ["disabled"], Zr = /* @__PURE__ */ A({
+}), Gr = /* @__PURE__ */ N(qr, [["__scopeId", "data-v-a0f7fbfc"]]), Jr = { class: "flex items-center gap-2 w-full" }, Kr = ["disabled"], Zr = /* @__PURE__ */ D({
   __name: "vs-input-color",
   props: {
     style: { default: () => ({}) },
@@ -3835,20 +3835,20 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
         "onUpdate:modelValue": i[0] || (i[0] = (d) => r.value = d),
         disabled: a.disabled,
         ref: "color",
-        class: C(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
+        class: V(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
         style: { border: "1px solid #CFD9E0" }
       }, null, 10, Kr), [
-        [ne, r.value]
+        [se, r.value]
       ]),
       K(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2",
         "onUpdate:modelValue": i[1] || (i[1] = (d) => r.value = d)
       }, null, 512), [
-        [ne, r.value]
+        [se, r.value]
       ])
     ]));
   }
-}), Wr = { class: "flex items-center gap-2 w-full" }, Qr = ["min", "max", "step", "disabled"], Xr = /* @__PURE__ */ A({
+}), Wr = { class: "flex items-center gap-2 w-full" }, Qr = ["min", "max", "step", "disabled"], Xr = /* @__PURE__ */ D({
   __name: "vs-input-range",
   props: {
     style: { default: () => ({}) },
@@ -3877,16 +3877,16 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
         step: a.step,
         disabled: a.disabled,
         ref: "range",
-        class: C(["w-full cursor-pointer accent-blue-500", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")])
+        class: V(["w-full cursor-pointer accent-blue-500", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")])
       }, null, 10, Qr), [
-        [ne, r.value]
+        [se, r.value]
       ]),
       K(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2 max-w-[100px]",
         type: "number",
         "onUpdate:modelValue": i[1] || (i[1] = (d) => r.value = d)
       }, null, 512), [
-        [ne, r.value]
+        [se, r.value]
       ])
     ]));
   }
@@ -3894,29 +3894,30 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
   VsInputText: Ue,
   VsInputRadio: rt,
   "vs-input-text": Ue,
-  "vs-input-password": al,
+  "vs-input-password": sl,
   "vs-input-textarea": ss,
-  "vs-input-mask": Rl,
-  "vs-input-number": rl,
+  "vs-input-mask": Pl,
+  "vs-input-number": il,
   "vs-input-radio": rt,
-  "vs-input-select": os,
-  "vs-input-switcher": bt,
+  "vs-input-select": dt,
+  "vs-input-switcher": yt,
   "vs-input-static": nt,
-  "vs-input-container": Pa,
-  "vs-input-date": to,
-  "vs-input-checkbox": Yl,
-  "vs-input-file": Ro,
+  "vs-input-container": Ha,
+  "vs-input-date": lo,
+  "vs-input-checkbox": eo,
+  "vs-input-file": Po,
   "vs-input-html": nt,
-  "vs-input-email": Nl,
+  "vs-input-email": ql,
   "vs-input-datatable": nn,
   "vs-input-map": wr,
-  "vs-input-file-list": ga,
+  "vs-input-file-list": ba,
   "vs-input-tag": jr,
   "vs-input-slug": Ar,
   "vs-input-key-value": Gr,
   "vs-input-range": Xr,
-  "vs-input-color": Zr
-}, ei = /* @__PURE__ */ A({
+  "vs-input-color": Zr,
+  "vs-input-native-select": dt
+}, ei = /* @__PURE__ */ D({
   __name: "behavior",
   props: {
     api: {},
@@ -3948,7 +3949,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
     }, U(s.button), 1));
   }
-}), wt = /* @__PURE__ */ A({
+}), kt = /* @__PURE__ */ D({
   __name: "vs-compact-form-layout",
   props: /* @__PURE__ */ Z({
     item: { default: {} },
@@ -3962,7 +3963,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = F(() => ll[`${e.layout}`]), s = F(() => Yr?.[`vs-input-${e.item.type}`]), r = F(() => {
+    const e = o, t = W(o, "modelValue"), n = F(() => ol[`${e.layout}`]), s = F(() => Yr?.[`vs-input-${e.item.type}`]), r = F(() => {
       const i = q(s);
       if (!i) return /* @__PURE__ */ new Set();
       const d = i.props ?? i.__vccOpts?.props;
@@ -3973,7 +3974,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
       const i = e.item ?? {}, d = r.value;
       return d.size ? Object.fromEntries(Object.entries(i).filter(([v]) => d.has(v))) : {};
     });
-    return (i, d) => (u(), se(Be(n.value), {
+    return (i, d) => (u(), ie(Be(n.value), {
       ua: e.item.ua,
       error: e.error || "",
       item: i.item,
@@ -3981,22 +3982,22 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
     }, {
       default: Le(() => [
         l("div", {
-          class: C(["flex w-full", `${e.item.type}-component`])
+          class: V(["flex w-full", `${e.item.type}-component`])
         }, [
-          (u(), se(Be(s.value), Ee(a.value, {
+          (u(), ie(Be(s.value), Ee(a.value, {
             modelValue: t.value,
             "onUpdate:modelValue": d[0] || (d[0] = (v) => t.value = v)
           }), null, 16, ["modelValue"])),
-          i.item.behavior?.api && i.item.behavior?.button ? (u(), se(ei, Ee({ key: 0 }, i.item.behavior, { value: t.value }), null, 16, ["value"])) : z("", !0)
+          i.item.behavior?.api && i.item.behavior?.button ? (u(), ie(ei, Ee({ key: 0 }, i.item.behavior, { value: t.value }), null, 16, ["value"])) : z("", !0)
         ], 2)
       ]),
       _: 1
     }, 8, ["ua", "error", "item", "label"]));
   }
-}), kt = {
+}), _t = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, ti = (o) => o ? !1 : kt.required, li = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? kt.email : !1, oi = (o, e) => {
+}, ti = (o) => o ? !1 : _t.required, li = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? _t.email : !1, oi = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
 }, ai = (o, e) => !1, si = (o, e) => {
@@ -4024,7 +4025,7 @@ const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__se
   file: "file"
   // mask: 'text',
 };
-function ct(o) {
+function pt(o) {
   const e = o.toLowerCase();
   return ni[e] || e;
 }
@@ -4033,7 +4034,7 @@ function ri(o) {
     const t = [];
     return o.forEach((n) => {
       const s = { ...n };
-      s.name = (n.name || n.id || n.key || "").toString(), s.type = ct(n.type), s.label = n.label || n.ua, s.rules = n.rules || n.validators, n.data && (s.api = `/api/suggest/${n.data}`), t.push(s);
+      s.name = (n.name || n.id || n.key || "").toString(), s.type = pt(n.type), s.label = n.label || n.ua, s.rules = n.rules || n.validators, n.data && (s.api = `/api/suggest/${n.data}`), t.push(s);
     }), t;
   }
   const e = [];
@@ -4041,7 +4042,7 @@ function ri(o) {
     const n = {
       name: t[0],
       ...t[1],
-      type: ct(t[1].type),
+      type: pt(t[1].type),
       label: t[1].label || t[1].ua,
       rules: t[1].rules || t[1].validators
     };
@@ -4054,7 +4055,7 @@ function ii(o, e) {
     const v = d?.conditions;
     if (!v) return !0;
     const p = Array.isArray(v) ? v[0] : v, w = o?.value?.[p];
-    return xt(w, v);
+    return wt(w, v);
   }
   const r = (d = t, v = !0) => (d.forEach((p) => {
     if (p.rules) {
@@ -4078,7 +4079,12 @@ function ii(o, e) {
     visibleSchema: a
   };
 }
-const De = /* @__PURE__ */ A({
+const ui = {
+  key: 0,
+  "data-orientation": "horizontal",
+  role: "none",
+  class: "mt-1 shrink-0 h-[1px] w-full bg-slate-100 dark:bg-slate-600"
+}, De = /* @__PURE__ */ D({
   __name: "vs-compact-form",
   props: /* @__PURE__ */ Z({
     schema: { default: () => [] },
@@ -4109,32 +4115,36 @@ const De = /* @__PURE__ */ A({
     }), me(() => {
       s.modelValue && (a.value = s.modelValue), r.value.value = a.value, r.value.errors = i.value, r.value.reset = v, r.value.validate = d, r.value.formId = s.formId;
     });
-    function b($, S) {
-      if ($ === S) return !0;
-      if (typeof $ != "object" || typeof S != "object" || !$ || !S) return !1;
-      const R = Object.keys($), V = Object.keys(S);
-      return R.length !== V.length ? !1 : R.every((D) => $[D] === S[D]);
+    function b($, j) {
+      if ($ === j) return !0;
+      if (typeof $ != "object" || typeof j != "object" || !$ || !j) return !1;
+      const R = Object.keys($), C = Object.keys(j);
+      return R.length !== C.length ? !1 : R.every((E) => $[E] === j[E]);
     }
-    return st("form", r), st("values", a), ($, S) => (u(), c("form", {
+    return st("form", r), st("values", a), ($, j) => (u(), c("form", {
       onSubmit: ve(w, ["prevent"]),
-      class: C(["grid grid-cols-12", $.layout === "default" ? "gap-6" : "gap-4"])
+      class: V(["grid grid-cols-12", $.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (u(!0), c(Y, null, oe(q(p), (R) => (u(), se(wt, {
+      (u(!0), c(Y, null, oe(q(p), (R, C) => (u(), c("div", {
         key: R.name,
-        class: C($.layout === "horizontal" ? "col-span-12" : `col-span-${R.col || 12} `),
-        style: xe($.style),
-        item: R,
-        layout: $.layout,
-        "model-value": a.value[R.name],
-        "onUpdate:modelValue": (V) => {
-          const D = a.value[R.name];
-          b(D, V) || (a.value[R.name] = V);
-        },
-        error: q(i)[R.name]
-      }, null, 8, ["class", "style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]))), 128))
+        class: V($.layout === "horizontal" ? "col-span-12" : `col-span-${R.col || 12}`)
+      }, [
+        B(kt, {
+          style: xe($.style),
+          item: R,
+          layout: $.layout,
+          "model-value": a.value[R.name],
+          "onUpdate:modelValue": (E) => {
+            const M = a.value[R.name];
+            b(M, E) || (a.value[R.name] = E);
+          },
+          error: q(i)[R.name]
+        }, null, 8, ["style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]),
+        $.layout === "settings" && C + 1 !== q(p).length ? (u(), c("div", ui)) : z("", !0)
+      ], 2))), 128))
     ], 34));
   }
-}), ui = { class: "relative" }, di = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, ci = { class: "m-[10px] fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-h-0 h-fit max-h-[80vh] overflow-hidden opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl lg:w-7/12 w-11/12" }, pi = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, fi = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, vi = { class: "p-4 mim-h-0 h-full overflow-auto" }, mi = /* @__PURE__ */ A({
+}), di = { class: "relative" }, ci = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, pi = { class: "m-[10px] fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-h-0 h-fit max-h-[80vh] overflow-hidden opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl lg:w-7/12 w-11/12" }, fi = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, vi = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, mi = { class: "p-4 mim-h-0 h-full overflow-auto" }, hi = /* @__PURE__ */ D({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -4204,11 +4214,11 @@ const De = /* @__PURE__ */ A({
         const w = await fetch(`/api/form/${i.value}`).then((b) => b.json());
         s.value = w.schema, w.data ? r.value = w.data : d.value = "add";
       }
-    }), (w, b) => (u(), c("div", ui, [
-      l("div", di, [
-        l("div", ci, [
-          l("div", pi, [
-            l("h3", fi, U(d.value === "add" ? "Додати" : "Змінити"), 1),
+    }), (w, b) => (u(), c("div", di, [
+      l("div", ci, [
+        l("div", pi, [
+          l("div", fi, [
+            l("h3", vi, U(d.value === "add" ? "Додати" : "Змінити"), 1),
             l("button", {
               onClick: p,
               type: "button",
@@ -4232,8 +4242,8 @@ const De = /* @__PURE__ */ A({
               ], -1)
             ]))
           ]),
-          l("div", vi, [
-            s.value ? (u(), se(De, {
+          l("div", mi, [
+            s.value ? (u(), ie(De, {
               key: 0,
               schema: s.value,
               values: r.value,
@@ -4258,14 +4268,14 @@ const De = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), pt = (o = { mode: "edit", schema: null }) => new Promise((e) => {
-  const { close: t } = Et({
+}), ft = (o = { mode: "edit", schema: null }) => new Promise((e) => {
+  const { close: t } = At({
     title: o.mode === "add" ? "Додати" : "Редагувати",
     template: "",
     visible: !0,
     size: "medium",
     closeClickBack: !0,
-    content: mi,
+    content: hi,
     contentProps: {
       ...o,
       onClose: () => {
@@ -4279,28 +4289,28 @@ const De = /* @__PURE__ */ A({
 });
 De.install = function(e) {
   e.component("VForm", De), Object.assign(e.config.globalProperties, {
-    $form: pt
-  }), e.provide("form", pt), window.v3plugin || (window.v3plugin = {});
+    $form: ft
+  }), e.provide("form", ft), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  mi as ModalEdit,
+  hi as ModalEdit,
   De as VForm,
-  Yl as VsInputCheckbox,
+  eo as VsInputCheckbox,
   Zr as VsInputColor,
-  Pa as VsInputContainer,
-  to as VsInputDate,
-  Nl as VsInputEmail,
-  Ro as VsInputFile,
-  ga as VsInputFileList,
+  Ha as VsInputContainer,
+  lo as VsInputDate,
+  ql as VsInputEmail,
+  Po as VsInputFile,
+  ba as VsInputFileList,
   Gr as VsInputKeyValue,
-  Rl as VsInputMask,
-  rl as VsInputNumber,
+  Pl as VsInputMask,
+  il as VsInputNumber,
   rt as VsInputRadio,
   Xr as VsInputRange,
-  os as VsInputSelect,
+  dt as VsInputSelect,
   Ar as VsInputSlug,
   nt as VsInputStatic,
-  bt as VsInputSwitcher,
+  yt as VsInputSwitcher,
   jr as VsInputTag,
   Ue as VsInputText,
   ss as VsInputTextarea,