@opengis/form 0.0.62 → 0.0.63

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, ref as w, onMounted as ye, onUnmounted as Qe, createElementBlock as d, openBlock as i, createCommentVNode as U, renderSlot as Le, createElementVNode as l, toDisplayString as W, mergeProps as Fe, computed as S, normalizeStyle as be, createTextVNode as ge, normalizeProps as st, guardReactiveProps as rt, normalizeClass as T, mergeModels as ie, useModel as de, withDirectives as ne, unref as te, vModelText as he, vModelCheckbox as jt, createVNode as R, createBlock as me, resolveDynamicComponent as Oe, withCtx as Ee, withModifiers as $e, onBeforeUnmount as it, watch as ue, createStaticVNode as xe, vModelRadio as Et, Fragment as re, renderList as fe, reactive as qt, vModelDynamic as Kt, vShow as et, inject as Ae, resolveComponent as xt, Transition as ut, nextTick as je, Teleport as It, getCurrentInstance as Wt, watchEffect as Zt, toRef as Jt, provide as wt } from "vue";
+import { defineComponent as G, ref as w, onMounted as ye, onUnmounted as Qe, createElementBlock as u, openBlock as i, createCommentVNode as U, renderSlot as Le, createElementVNode as l, toDisplayString as W, mergeProps as Fe, computed as S, normalizeStyle as be, createTextVNode as ge, normalizeProps as at, guardReactiveProps as st, normalizeClass as T, mergeModels as ie, useModel as de, withDirectives as ne, unref as te, vModelText as he, vModelCheckbox as jt, createVNode as R, createBlock as me, resolveDynamicComponent as Oe, withCtx as Ee, withModifiers as $e, onBeforeUnmount as rt, watch as ue, createStaticVNode as xe, vModelRadio as Et, Fragment as re, renderList as fe, reactive as qt, vModelDynamic as Kt, vShow as it, inject as Ae, resolveComponent as xt, Transition as ut, nextTick as je, Teleport as It, getCurrentInstance as Wt, watchEffect as Zt, toRef as Jt, provide as wt } from "vue";
 import { notify as ce, VsModal as zt, modal as Yt } from "@opengis/core";
 const Xt = { class: "w-full relative" }, Qt = {
   key: 0,
@@ -31,15 +31,15 @@ const Xt = { class: "w-full relative" }, Qt = {
       e.value = localStorage.locale, window.addEventListener("storage", t);
     }), Qe(() => {
       window.removeEventListener("resize", t);
-    }), (s, n) => (i(), d("div", Xt, [
-      s.ua || s.label ? (i(), d("div", Qt, [
+    }), (s, n) => (i(), u("div", Xt, [
+      s.ua || s.label ? (i(), u("div", Qt, [
         l("span", el, W(s.item[e.value] || s.ua || s.label), 1),
-        s.item?.rules?.includes("required") ? (i(), d("span", tl, "*")) : U("", !0)
+        s.item?.rules?.includes("required") ? (i(), u("span", tl, "*")) : U("", !0)
       ])) : U("", !0),
       Le(s.$slots, "default", Fe(s.$attrs, {
         class: { "opacity-60": s.item.disabled }
       })),
-      s.error ? (i(), d("span", ll, W(s.error), 1)) : U("", !0)
+      s.error ? (i(), u("span", ll, W(s.error), 1)) : U("", !0)
     ]));
   }
 }), nl = { class: "w-full relative flex flex-row items-center gap-2" }, al = {
@@ -64,38 +64,38 @@ const Xt = { class: "w-full relative" }, Qt = {
   },
   setup(o) {
     const e = o, t = S(() => e.columns ?? { container: 12, label: 3 }), s = S(() => {
-      const { container: u, label: c } = t.value;
-      return !u || u <= 0 ? 0 : Math.min(Math.max(c ?? 0, 0), u) / u;
+      const { container: d, label: c } = t.value;
+      return !d || d <= 0 ? 0 : Math.min(Math.max(c ?? 0, 0), d) / d;
     }), n = S(() => e.item?.type === "html" || s.value <= 0 ? !1 : !!(e.ua || e.label)), a = S(() => {
       if (!n.value) return {};
-      const u = `${s.value * 100}%`;
-      return { flexBasis: u, maxWidth: u };
+      const d = `${s.value * 100}%`;
+      return { flexBasis: d, maxWidth: d };
     }), r = S(() => {
-      const { container: u, label: c } = t.value;
-      if (!u || u <= 0) return {};
+      const { container: d, label: c } = t.value;
+      if (!d || d <= 0) return {};
       if (e.item?.type === "html") return { flexBasis: "100%", maxWidth: "100%" };
       if (!n.value) return { flexBasis: "100%", maxWidth: "100%" };
-      const f = Math.max(u - Math.max(c ?? 0, 0), 0) / u;
+      const f = Math.max(d - Math.max(c ?? 0, 0), 0) / d;
       if (!f) return {};
       const p = `${f * 100}%`;
       return { flexBasis: p, maxWidth: p };
     });
-    return (u, c) => (i(), d("div", nl, [
-      n.value ? (i(), d("span", {
+    return (d, c) => (i(), u("div", nl, [
+      n.value ? (i(), u("span", {
         key: 0,
         class: "text-sm text-gray-900 font-medium flex shrink-0",
         style: be(a.value)
       }, [
-        ge(W(u.ua || u.label) + " ", 1),
-        u.item?.rules?.includes("required") && (u.ua || u.label) ? (i(), d("span", al, "*")) : U("", !0)
+        ge(W(d.ua || d.label) + " ", 1),
+        d.item?.rules?.includes("required") && (d.ua || d.label) ? (i(), u("span", al, "*")) : U("", !0)
       ], 4)) : U("", !0),
       l("div", {
         class: "flex-1 min-w-0",
         style: be(r.value)
       }, [
-        Le(u.$slots, "default", st(rt(u.$attrs)))
+        Le(d.$slots, "default", at(st(d.$attrs)))
       ], 4),
-      u.error ? (i(), d("span", sl, W(u.error), 1)) : U("", !0)
+      d.error ? (i(), u("span", sl, W(d.error), 1)) : U("", !0)
     ]));
   }
 }), il = { class: "w-full relative" }, ul = {
@@ -116,9 +116,9 @@ const Xt = { class: "w-full relative" }, Qt = {
     columns: {}
   },
   setup(o) {
-    return (e, t) => (i(), d("div", il, [
-      Le(e.$slots, "default", st(rt(e.$attrs))),
-      e.error ? (i(), d("span", ul, W(e.error), 1)) : U("", !0)
+    return (e, t) => (i(), u("div", il, [
+      Le(e.$slots, "default", at(st(e.$attrs))),
+      e.error ? (i(), u("span", ul, W(e.error), 1)) : U("", !0)
     ]));
   }
 }), cl = { class: "flex-1 min-w-0" }, pl = {
@@ -150,8 +150,8 @@ const Xt = { class: "w-full relative" }, Qt = {
   setup(o) {
     const e = o, t = w("uk");
     S(() => (e.item ?? {})?.[t.value] ?? e.ua ?? e.label ?? "");
-    const s = S(() => e.item?.description ?? ""), n = S(() => Array.isArray(e.item?.rules) && e.item.rules.includes("required")), a = S(() => (typeof e.error == "string" ? e.error : "") ?? ""), r = (u) => {
-      u.key === "locale" && (t.value = u.newValue ?? "uk");
+    const s = S(() => e.item?.description ?? ""), n = S(() => Array.isArray(e.item?.rules) && e.item.rules.includes("required")), a = S(() => (typeof e.error == "string" ? e.error : "") ?? ""), r = (d) => {
+      d.key === "locale" && (t.value = d.newValue ?? "uk");
     };
     return ye(() => {
       try {
@@ -161,24 +161,24 @@ const Xt = { class: "w-full relative" }, Qt = {
       window.addEventListener("storage", r);
     }), Qe(() => {
       window.removeEventListener("storage", r);
-    }), (u, c) => (i(), d("div", {
-      class: T(["w-full relative", { "opacity-60": u.item?.disabled }])
+    }), (d, c) => (i(), u("div", {
+      class: T(["w-full relative", { "opacity-60": d.item?.disabled }])
     }, [
       l("div", {
-        class: T(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(u.item.type) ? "flex flex-col" : ""]])
+        class: T(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(d.item.type) ? "flex flex-col" : ""]])
       }, [
         l("div", cl, [
-          u.ua || u.label ? (i(), d("p", pl, [
-            l("span", fl, W(u.item[t.value] || u.ua || u.label), 1),
-            n.value ? (i(), d("span", vl, "*")) : U("", !0)
+          d.ua || d.label ? (i(), u("p", pl, [
+            l("span", fl, W(d.item[t.value] || d.ua || d.label), 1),
+            n.value ? (i(), u("span", vl, "*")) : U("", !0)
           ])) : U("", !0),
-          s.value ? (i(), d("p", ml, W(s.value), 1)) : U("", !0)
+          s.value ? (i(), u("p", ml, W(s.value), 1)) : U("", !0)
         ]),
         l("div", hl, [
-          Le(u.$slots, "default", st(rt(u.$attrs)))
+          Le(d.$slots, "default", at(st(d.$attrs)))
         ])
       ], 2),
-      a.value ? (i(), d("p", gl, W(a.value), 1)) : U("", !0)
+      a.value ? (i(), u("p", gl, W(a.value), 1)) : U("", !0)
     ], 2));
   }
 }), yl = {
@@ -212,7 +212,7 @@ const xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ G({
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), s = de(o, "modelValue");
-    return (n, a) => ne((i(), d("input", {
+    return (n, a) => ne((i(), u("input", {
       type: "password",
       "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
       placeholder: n.placeholder,
@@ -242,7 +242,7 @@ const xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ G({
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), s = de(o, "modelValue");
-    return (n, a) => ne((i(), d("input", {
+    return (n, a) => ne((i(), u("input", {
       type: "text",
       "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
       placeholder: n.placeholder,
@@ -274,7 +274,7 @@ const xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ G({
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), s = de(o, "modelValue");
-    return (n, a) => ne((i(), d("input", {
+    return (n, a) => ne((i(), u("input", {
       type: "number",
       step: "any",
       "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
@@ -305,7 +305,7 @@ const xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ G({
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
 function Ml(o, e) {
-  return i(), d("svg", Vl, e[0] || (e[0] = [
+  return i(), u("svg", Vl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -331,11 +331,11 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-ce
       get: () => s.modelValue,
       set: (a) => t("update:modelValue", a)
     });
-    return (a, r) => (i(), d("div", Sl, [
+    return (a, r) => (i(), u("div", Sl, [
       ne(l("input", {
         type: "checkbox",
         value: a.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (u) => n.value = u),
+        "onUpdate:modelValue": r[0] || (r[0] = (d) => n.value = d),
         class: T(["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": a.disabled }]),
         id: a.id,
         disabled: a.disabled
@@ -381,44 +381,44 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-ce
   setup(o, { emit: e }) {
     const t = o, s = e, n = S({
       get: () => t.modelValue,
-      set: (u) => {
-        s("update:modelValue", u);
+      set: (d) => {
+        s("update:modelValue", d);
       }
     }), a = S(() => Array.isArray(n.value) ? n.value.includes(t.value) : n.value === !0 || n.value === t.value), r = S(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
-    return (u, c) => (i(), d("label", {
+    return (d, c) => (i(), u("label", {
       class: T(["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", [r.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
       ne(l("input", {
         type: "checkbox",
         class: "hidden",
-        name: u.id,
-        value: u.value,
+        name: d.id,
+        value: d.value,
         "onUpdate:modelValue": c[0] || (c[0] = (f) => n.value = f),
-        disabled: u.disabled
+        disabled: d.disabled
       }, null, 8, zl), [
         [jt, n.value]
       ]),
       l("span", Al, [
-        u.icon || u.imgUrl ? (i(), d("span", Tl, [
-          u.icon ? (i(), d("i", {
+        d.icon || d.imgUrl ? (i(), u("span", Tl, [
+          d.icon ? (i(), u("i", {
             key: 0,
-            class: T(u.icon)
+            class: T(d.icon)
           }, null, 2)) : U("", !0),
-          u.imgUrl ? (i(), d("img", {
+          d.imgUrl ? (i(), u("img", {
             key: 1,
-            src: u.imgUrl,
+            src: d.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
           }, null, 8, Fl)) : U("", !0)
         ])) : U("", !0),
-        Le(u.$slots, "default", {}, () => [
-          ge(W(u.label), 1)
+        Le(d.$slots, "default", {}, () => [
+          ge(W(d.label), 1)
         ])
       ])
     ], 2));
   }
-}), Ul = { class: "flex items-center" }, nt = /* @__PURE__ */ G({
+}), Ul = { class: "flex items-center" }, ot = /* @__PURE__ */ G({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -437,30 +437,30 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-ce
   setup(o, { emit: e }) {
     const t = o, s = e, n = `radio-${Math.floor(Math.random() * 1e4)}`, a = S({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
-      set: (u) => {
+      set: (d) => {
         if (Array.isArray(t.modelValue)) {
           let c = [...t.modelValue];
-          u ? c.includes(t.value) || c.push(t.value) : c = c.filter((f) => f !== t.value), s("update:modelValue", c);
+          d ? c.includes(t.value) || c.push(t.value) : c = c.filter((f) => f !== t.value), s("update:modelValue", c);
         } else
-          s("update:modelValue", u);
+          s("update:modelValue", d);
       }
     }), r = w(`vs-checkbox-${t.view || "default"}`);
-    return (u, c) => (i(), d("div", Ul, [
+    return (d, c) => (i(), u("div", Ul, [
       (i(), me(Oe(r.value === "vs-checkbox-buttons" ? te(Ol) : te(Il)), {
-        value: u.value,
-        label: u.label,
-        info: u.option?.info,
-        disabled: u.disabled,
+        value: d.value,
+        label: d.label,
+        info: d.option?.info,
+        disabled: d.disabled,
         modelValue: a.value,
         "onUpdate:modelValue": c[0] || (c[0] = (f) => a.value = f),
         id: n,
-        icon: u.icon,
-        imgUrl: u.imgUrl,
-        style: be(u.style),
-        error: u.error
+        icon: d.icon,
+        imgUrl: d.imgUrl,
+        style: be(d.style),
+        error: d.error
       }, {
         default: Ee(() => [
-          ge(W(u.label), 1)
+          ge(W(d.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
@@ -477,7 +477,7 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-ce
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
 function Pl(o, e) {
-  return i(), d("svg", Rl, e[0] || (e[0] = [
+  return i(), u("svg", Rl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -497,7 +497,7 @@ const Hl = /* @__PURE__ */ Y(Dl, [["render", Pl]]), Nl = {}, Gl = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
 function ql(o, e) {
-  return i(), d("svg", Gl, e[0] || (e[0] = [
+  return i(), u("svg", Gl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -519,7 +519,7 @@ const Kl = /* @__PURE__ */ Y(Nl, [["render", ql]]), Wl = {}, Zl = {
   "stroke-linejoin": "round"
 };
 function Jl(o, e) {
-  return i(), d("svg", Zl, e[0] || (e[0] = [
+  return i(), u("svg", Zl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -558,15 +558,15 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = de(o, "modelValue");
-    return (s, n) => e.view === "checkbox" ? (i(), d("div", Xl, [
-      R(nt, {
+    return (s, n) => e.view === "checkbox" ? (i(), u("div", Xl, [
+      R(ot, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
         label: s.text,
         error: s.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      s.rules?.includes("required") ? (i(), d("span", Ql, "*")) : U("", !0),
-      s.i ? (i(), d("button", {
+      s.rules?.includes("required") ? (i(), u("span", Ql, "*")) : U("", !0),
+      s.i ? (i(), u("button", {
         key: 1,
         class: "cursor-pointer",
         title: s.i,
@@ -575,7 +575,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
       }, [
         R(te(Yl), { class: "text-gray-500 w-[14px] h-[14px]" })
       ], 8, eo)) : U("", !0)
-    ])) : (i(), d("button", {
+    ])) : (i(), u("button", {
       key: 1,
       type: "button",
       class: T(["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-${s.style?.primaryColor || "blue"}-500` : "bg-stone-200", s.customClass]]),
@@ -602,7 +602,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
     placeholder: {}
   },
   setup(o) {
-    return (e, t) => (i(), d("div", {
+    return (e, t) => (i(), u("div", {
       id: e.name,
       class: T(["text-gray-900", e.customClass]),
       innerHTML: e.html ? e.html : e.text
@@ -645,7 +645,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
           s.value = e.unmask ? a.unmaskedValue : a.value;
         }), a.value = s.value ?? "";
       }
-    }), it(() => {
+    }), rt(() => {
       a?.destroy();
     }), ue(() => e.mask, (r) => {
       a && a.updateOptions({
@@ -658,7 +658,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
       });
     }), ue(s, (r) => {
       a && a.unmaskedValue !== r && (a.value = r || "");
-    }), (r, u) => (i(), d("input", {
+    }), (r, d) => (i(), u("input", {
       type: "text",
       ref_key: "inputEl",
       ref: n,
@@ -688,7 +688,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), s = de(o, "modelValue");
-    return (n, a) => (i(), d("div", ao, [
+    return (n, a) => (i(), u("div", ao, [
       a[1] || (a[1] = xe('<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)),
       ne(l("input", {
         type: "email",
@@ -723,7 +723,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = de(o, "modelValue");
-    return (t, s) => (i(), d("label", {
+    return (t, s) => (i(), u("label", {
       class: T(["flex items-center gap-0", [t.customClass]])
     }, [
       ne(l("input", {
@@ -741,7 +741,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
           t.disabled ? "opacity-50 cursor-not-allowed" : ""
         ]])
       }, [
-        e.value == t.value ? (i(), d("span", {
+        e.value == t.value ? (i(), u("span", {
           key: 0,
           class: T(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
         }, null, 2)) : U("", !0)
@@ -768,7 +768,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = de(o, "modelValue");
-    return (t, s) => (i(), d("label", {
+    return (t, s) => (i(), u("label", {
       class: T(["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
@@ -809,16 +809,16 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = de(o, "modelValue"), s = S(() => mo[`vs-input-radio-${e.view}`]);
-    return (n, a) => (i(), d("div", {
+    return (n, a) => (i(), u("div", {
       class: T([n.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), d(re, null, fe(n.options, (r) => (i(), me(Oe(s.value), Fe({
+      (i(!0), u(re, null, fe(n.options, (r) => (i(), me(Oe(s.value), Fe({
         key: r?.id,
         text: r.text,
         value: r.id.toString(),
         checked: t.value === r.id,
         modelValue: t.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (u) => t.value = u)
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => t.value = d)
       }, { ref_for: !0 }, n.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
@@ -849,7 +849,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, s = e, n = w([]), a = qt({}), r = (m) => m?.value || m?.id || m?.text || m, u = (m) => m.text || String(m), c = (m) => `lg:col-span-${m || 12}`, f = S(() => [
+    const t = o, s = e, n = w([]), a = qt({}), r = (m) => m?.value || m?.id || m?.text || m, d = (m) => m.text || String(m), c = (m) => `lg:col-span-${m || 12}`, f = S(() => [
       t.position === "vertical" ? "flex flex-col" : "",
       t.colSpan ? "grid" : "flex justify-start"
     ]), p = (m) => m == null || m === "" ? null : typeof m == "string" || typeof m == "number" ? m : String(m), v = S(() => {
@@ -949,22 +949,22 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
           }
         });
       }
-    }), (m, I) => t.group ? (i(), d("div", ho, [
-      (i(!0), d(re, null, fe(v.value, ($) => (i(), d("div", {
+    }), (m, I) => t.group ? (i(), u("div", ho, [
+      (i(!0), u(re, null, fe(v.value, ($) => (i(), u("div", {
         key: $.key,
         class: "flex flex-col gap-2"
       }, [
-        $.label ? (i(), d("span", go, W($.label), 1)) : U("", !0),
+        $.label ? (i(), u("span", go, W($.label), 1)) : U("", !0),
         l("div", {
           class: T(["p-0 w-full gap-[12px]", f.value])
         }, [
-          (i(!0), d(re, null, fe($.options, (A) => (i(), me(nt, {
+          (i(!0), u(re, null, fe($.options, (A) => (i(), me(ot, {
             modelValue: a[r(A)],
             "onUpdate:modelValue": (E) => a[r(A)] = E,
             value: r(A),
             class: T(c(m.colSpan)),
             disabled: A.disabled,
-            label: u(A),
+            label: d(A),
             key: `${$.key}-${r(A)}`,
             icon: A?.icon,
             imgUrl: A?.imgUrl,
@@ -973,17 +973,17 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
           }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
         ], 2)
       ]))), 128))
-    ])) : (i(), d("div", {
+    ])) : (i(), u("div", {
       key: 0,
       class: T(["p-0 w-full gap-[10px]", f.value])
     }, [
-      (i(!0), d(re, null, fe(n.value, ($) => (i(), me(nt, {
+      (i(!0), u(re, null, fe(n.value, ($) => (i(), me(ot, {
         modelValue: a[r($)],
         "onUpdate:modelValue": (A) => a[r($)] = A,
         value: r($),
         class: T(c(m.colSpan)),
         disabled: $.disabled,
-        label: u($),
+        label: d($),
         key: r($),
         icon: $?.icon,
         imgUrl: $?.imgUrl,
@@ -1013,9 +1013,9 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
     const { inputClass: n } = Ce(t.style), a = e, r = S({
       get: () => s(t.modelValue),
       set: (c) => a("update:modelValue", c)
-    }), u = S(() => t.mode === "datetime" ? "datetime-local" : t.mode);
-    return (c, f) => ne((i(), d("input", {
-      type: u.value,
+    }), d = S(() => t.mode === "datetime" ? "datetime-local" : t.mode);
+    return (c, f) => ne((i(), u("input", {
+      type: d.value,
       "onUpdate:modelValue": f[0] || (f[0] = (p) => r.value = p),
       placeholder: c.placeholder,
       disabled: c.disabled,
@@ -1071,7 +1071,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
   "stroke-linejoin": "round"
 };
 function Vo(o, e) {
-  return i(), d("svg", Co, e[0] || (e[0] = [
+  return i(), u("svg", Co, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
@@ -1089,7 +1089,7 @@ const qe = /* @__PURE__ */ Y($o, [["render", Vo]]), Mo = {}, Lo = {
   "stroke-linejoin": "round"
 };
 function So(o, e, t, s, n, a) {
-  return i(), d("svg", Lo, e[0] || (e[0] = [
+  return i(), u("svg", Lo, e[0] || (e[0] = [
     xe('<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)
   ]));
 }
@@ -1106,7 +1106,7 @@ const Bo = /* @__PURE__ */ Y(Mo, [["render", So]]), jo = {}, Eo = {
   "stroke-linejoin": "round"
 };
 function Io(o, e, t, s, n, a) {
-  return i(), d("svg", Eo, e[0] || (e[0] = [
+  return i(), u("svg", Eo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1145,7 +1145,7 @@ const zo = /* @__PURE__ */ Y(jo, [["render", Io]]), Ao = {}, To = {
   "stroke-linejoin": "round"
 };
 function Fo(o, e) {
-  return i(), d("svg", To, e[0] || (e[0] = [
+  return i(), u("svg", To, e[0] || (e[0] = [
     xe('<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="M9 9l1 0"></path><path d="M9 13l6 0"></path><path d="M9 17l6 0"></path>', 6)
   ]));
 }
@@ -1162,7 +1162,7 @@ const Tt = /* @__PURE__ */ Y(Ao, [["render", Fo]]), Oo = {}, Uo = {
   "stroke-linejoin": "round"
 };
 function Do(o, e, t, s, n, a) {
-  return i(), d("svg", Uo, e[0] || (e[0] = [
+  return i(), u("svg", Uo, e[0] || (e[0] = [
     xe('<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)
   ]));
 }
@@ -1179,7 +1179,7 @@ const Ro = /* @__PURE__ */ Y(Oo, [["render", Do]]), Po = {}, Ho = {
   "stroke-linejoin": "round"
 };
 function No(o, e, t, s, n, a) {
-  return i(), d("svg", Ho, e[0] || (e[0] = [
+  return i(), u("svg", Ho, e[0] || (e[0] = [
     xe('<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)
   ]));
 }
@@ -1209,11 +1209,11 @@ const Go = /* @__PURE__ */ Y(Po, [["render", No]]), qo = (o) => {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
 function Jo(o, e) {
-  return i(), d("svg", Zo, e[0] || (e[0] = [
+  return i(), u("svg", Zo, e[0] || (e[0] = [
     xe('<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 tt = /* @__PURE__ */ Y(Wo, [["render", Jo]]), Yo = {}, Xo = {
+const et = /* @__PURE__ */ Y(Wo, [["render", Jo]]), Yo = {}, Xo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1226,7 +1226,7 @@ const tt = /* @__PURE__ */ Y(Wo, [["render", Jo]]), Yo = {}, Xo = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
 function Qo(o, e) {
-  return i(), d("svg", Xo, e[0] || (e[0] = [
+  return i(), u("svg", Xo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1259,7 +1259,7 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
   emits: ["update:value", "update:item"],
   setup(o) {
     const e = de(o, "value"), t = de(o, "item"), s = o;
-    return (n, a) => (i(), d("div", en, [
+    return (n, a) => (i(), u("div", en, [
       (i(), me(Oe(te(Ko)(t.value)), {
         src: t.value,
         alt: "file",
@@ -1270,11 +1270,11 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
         l("button", {
           type: "button",
           onClick: a[1] || (a[1] = (r) => {
-            te(_o)(t.value), e.value = s.multiple ? e.value?.filter((u) => u !== t.value) : "";
+            te(_o)(t.value), e.value = s.multiple ? e.value?.filter((d) => d !== t.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
-          R(tt, { class: "w-4 h-4" })
+          R(et, { class: "w-4 h-4" })
         ]),
         l("button", {
           type: "button",
@@ -1314,7 +1314,7 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
   }),
   emits: /* @__PURE__ */ ie(["change"], ["update:modelValue"]),
   setup(o, { emit: e }) {
-    const t = o, s = de(o, "modelValue"), n = e, a = w(null), r = w(!1), u = (p) => Array.isArray(s.value) && s.value[p] || "", c = (p) => {
+    const t = o, s = de(o, "modelValue"), n = e, a = w(null), r = w(!1), d = (p) => Array.isArray(s.value) && s.value[p] || "", c = (p) => {
       if (t.max_size && p.size > t.max_size * 1024 * 1024) {
         const v = (p.size / 1048576).toFixed(2);
         return ce({
@@ -1349,7 +1349,7 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
         r.value = !1, a.value && (a.value.value = "");
       }
     };
-    return (p, v) => (i(), d("div", on, [
+    return (p, v) => (i(), u("div", on, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1365,13 +1365,13 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
         "onUpdate:item": v[0] || (v[0] = (k) => s.value = k),
         value: s.value,
         "onUpdate:value": v[1] || (v[1] = (k) => s.value = k)
-      }, null, 8, ["item", "value"])) : p.multiple ? (i(), d("div", an, [
-        (i(!0), d(re, null, fe(s.value, (k, m) => (i(), me(Vt, {
+      }, null, 8, ["item", "value"])) : p.multiple ? (i(), u("div", an, [
+        (i(!0), u(re, null, fe(s.value, (k, m) => (i(), me(Vt, {
           multiple: p.multiple,
           key: m,
           value: s.value,
           "onUpdate:value": v[2] || (v[2] = (I) => s.value = I),
-          item: u(m)
+          item: d(m)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
           onClick: v[3] || (v[3] = (k) => !p.disabled && !r.value && a.value?.click()),
@@ -1380,25 +1380,25 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
             p.disabled || r.value ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          r.value ? (i(), d("div", sn)) : (i(), me(qe, {
+          r.value ? (i(), u("div", sn)) : (i(), me(qe, {
             key: 0,
             class: "w-6 h-6"
           }))
         ], 2)
       ])) : U("", !0),
-      p.multiple ? U("", !0) : (i(), d("div", {
+      p.multiple ? U("", !0) : (i(), u("div", {
         key: 2,
         onClick: v[4] || (v[4] = (k) => a.value?.click()),
         class: T([p.disabled || r.value ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "relative 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"])
       }, [
-        r.value ? (i(), d("div", rn)) : (i(), me(qe, {
+        r.value ? (i(), u("div", rn)) : (i(), me(qe, {
           key: 0,
           class: "w-6 h-6"
         }))
       ], 2))
     ]));
   }
-}), dn = /* @__PURE__ */ Y(un, [["__scopeId", "data-v-e613a523"]]), cn = { class: "max-w-[55vw]" }, pn = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, fn = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, vn = { class: "px-[5px]" }, mn = { class: "" }, Ye = /* @__PURE__ */ G({
+}), dn = /* @__PURE__ */ Y(un, [["__scopeId", "data-v-70ddd946"]]), cn = { class: "max-w-[55vw]" }, pn = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, fn = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, vn = { class: "px-[5px]" }, mn = { class: "" }, Ye = /* @__PURE__ */ G({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
@@ -1421,14 +1421,14 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
       const a = n / 1024;
       return a < 1024 ? `${a.toFixed(2)} KB` : `${(a / 1024).toFixed(2)} MB`;
     }
-    return (n, a) => (i(), d(re, null, [
+    return (n, a) => (i(), u(re, null, [
       a[1] || (a[1] = xe('<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", cn, [
         l("p", pn, W(n.item?.uploaded_name), 1),
         l("p", fn, [
           l("span", null, W(n.item?.username), 1),
           ne(l("span", vn, "|", 512), [
-            [et, n.item?.username]
+            [it, n.item?.username]
           ]),
           l("span", null, W(t.value), 1),
           a[0] || (a[0] = l("span", { class: "px-[5px]" }, "|", -1)),
@@ -1469,7 +1469,7 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
       const v = document.createElement("a");
       v.setAttribute("download", p?.uploaded_name), v.href = p?.file_path, v.click();
     }
-    async function u() {
+    async function d() {
       try {
         await fetch(
           `${t.prefix}/widget/file/${t.item.entity_id}/${t.item.file_id}`
@@ -1484,24 +1484,24 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
         message: "Ви впевнені, що хочете видалити цей файл?",
         confirmButtonText: "Так, я впевнена/ий",
         cancelButtonText: "Скасувати",
-        confirm: u,
+        confirm: d,
         updateListOnConfirm: !0
       });
     }
     function f(p) {
       (t.item.ext === "jpg" || t.item.ext === "png") && s("openLightbox", { item: t.item, index: p });
     }
-    return (p, v) => (i(), d("div", hn, [
-      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), d("div", gn, [
+    return (p, v) => (i(), u("div", hn, [
+      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), u("div", gn, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
           onClick: v[0] || (v[0] = (k) => f(p.index))
         }, [
           R(Ye, { item: p.item }, null, 8, ["item"])
         ])
-      ])) : n(p.item) ? (i(), d("div", bn, [
+      ])) : n(p.item) ? (i(), u("div", bn, [
         R(Ye, { item: p.item }, null, 8, ["item"])
-      ])) : a(p.item) ? (i(), d("div", yn, [
+      ])) : a(p.item) ? (i(), u("div", yn, [
         l("a", {
           href: `/api/file-preview?id=${p.item.file_id}`,
           target: "_blank",
@@ -1509,7 +1509,7 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
         }, [
           R(Ye, { item: p.item }, null, 8, ["item"])
         ], 8, xn)
-      ])) : (i(), d("div", wn, [
+      ])) : (i(), u("div", wn, [
         R(Ye, { item: p.item }, null, 8, ["item"])
       ])),
       l("div", kn, [
@@ -1532,7 +1532,7 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
               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",
               onClick: v[2] || (v[2] = (k) => c())
             }, [
-              R(tt, {
+              R(et, {
                 height: "14",
                 width: "14"
               })
@@ -1555,7 +1555,7 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
 function Sn(o, e) {
-  return i(), d("svg", Ln, e[0] || (e[0] = [
+  return i(), u("svg", Ln, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1587,7 +1587,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, s = Ae("form"), n = S(() => s.value.formId), a = w(!1), r = w(0), u = e, c = w(!1), f = w({}), p = w([]), v = w(""), k = S(() => Array.isArray(p.value) ? p.value.filter((C) => C.ext === "jpg" || C.ext === "png").map((C) => C?.file_path) : []), m = S(() => v.value === "" ? p.value : p.value.filter((C) => C?.uploaded_name?.includes(v.value))), I = (C) => {
+    const t = o, s = Ae("form"), n = S(() => s.value.formId), a = w(!1), r = w(0), d = e, c = w(!1), f = w({}), p = w([]), v = w(""), k = S(() => Array.isArray(p.value) ? p.value.filter((C) => C.ext === "jpg" || C.ext === "png").map((C) => C?.file_path) : []), m = S(() => v.value === "" ? p.value : p.value.filter((C) => C?.uploaded_name?.includes(v.value))), I = (C) => {
       const h = k.value.findIndex((x) => x === C.item.file_path);
       h !== -1 && (a.value = !0, r.value = h);
     }, $ = async () => {
@@ -1604,7 +1604,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
           x.append("file", h);
           try {
             const B = `${t.prefix}/widget/file/${n.value}`, V = await fetch(B, { method: "POST", body: x });
-            return V.ok ? (u("update", "file-list"), h) : (ce({
+            return V.ok ? (d("update", "file-list"), h) : (ce({
               type: V.status >= 400 && V.status < 500 ? "warning" : "error",
               title: "Error",
               message: `Error code: ${V.status}`
@@ -1634,7 +1634,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
       n.value && $();
     }), (C, h) => {
       const x = xt("Lightbox"), B = xt("MessageBox");
-      return i(), d("div", jn, [
+      return i(), u("div", jn, [
         l("div", En, [
           l("h2", In, " Файлів: " + W(p.value?.length), 1),
           l("div", zn, [
@@ -1653,7 +1653,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
             ])
           ])
         ]),
-        p.value?.length > 4 ? (i(), d("div", Tn, [
+        p.value?.length > 4 ? (i(), u("div", Tn, [
           l("div", null, [
             l("div", Fn, [
               h[8] || (h[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
@@ -1693,8 +1693,8 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
             ])
           ])
         ])) : U("", !0),
-        p.value?.length ? (i(), d("div", On, [
-          (i(!0), d(re, null, fe(m.value, (V, P) => (i(), me(Vn, {
+        p.value?.length ? (i(), u("div", On, [
+          (i(!0), u(re, null, fe(m.value, (V, P) => (i(), me(Vn, {
             key: P,
             prefix: C.prefix,
             item: V,
@@ -1703,7 +1703,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
             onOpenModal: h[3] || (h[3] = (ee) => O(ee)),
             onOpenLightbox: h[4] || (h[4] = (ee) => I(ee))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          m.value.length ? U("", !0) : (i(), d("div", Un, h[9] || (h[9] = [
+          m.value.length ? U("", !0) : (i(), u("div", Un, h[9] || (h[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
         ])) : U("", !0),
@@ -1745,7 +1745,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
       (s) => {
         t.value = s;
       }
-    ), (s, n) => (i(), d("div", null, [
+    ), (s, n) => (i(), u("div", null, [
       l("div", Rn, [
         l("p", Pn, W(o.title), 1),
         R(At, {
@@ -1759,7 +1759,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
           ne(l("div", Hn, [
             Le(s.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [et, t.value]
+            [it, t.value]
           ])
         ]),
         _: 3
@@ -1789,7 +1789,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
       (s) => {
         t.value = s;
       }
-    ), (s, n) => (i(), d("div", null, [
+    ), (s, n) => (i(), u("div", null, [
       l("button", {
         type: "button",
         onClick: n[0] || (n[0] = (a) => t.value = !t.value),
@@ -1805,7 +1805,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
           ne(l("div", Kn, [
             Le(s.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [et, t.value]
+            [it, t.value]
           ])
         ]),
         _: 3
@@ -1825,7 +1825,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
     }
   },
   setup(o) {
-    return (e, t) => (i(), d("div", null, [
+    return (e, t) => (i(), u("div", null, [
       l("div", Jn, [
         l("p", null, W(o.title), 1)
       ]),
@@ -1904,28 +1904,28 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = Ae("values", w({})), s = Ae("form"), n = S(() => e.schema?.filter((u) => {
-      const c = u?.conditions;
+    const e = o, t = Ae("values", w({})), s = Ae("form"), n = S(() => e.schema?.filter((d) => {
+      const c = d?.conditions;
       if (!c) return !0;
       const f = Array.isArray(c) ? c[0] : c, p = e.name ? t.value?.[e.name]?.[f] ?? t.value?.[f] : t.value?.[f];
       return Ot(p, c);
     })), a = S(() => Xn[e.view]), r = S(() => {
       if (t.value || (t.value = {}), !e.name) return t.value;
-      const u = t.value[e.name];
-      if (u) return u;
+      const d = t.value[e.name];
+      if (d) return d;
       const c = {};
       return t.value = {
         ...t.value,
         [e.name]: c
       }, c;
     });
-    return (u, c) => o.schema?.length ? (i(), me(Oe(a.value), {
+    return (d, c) => o.schema?.length ? (i(), me(Oe(a.value), {
       key: 0,
       title: o.title,
       style: be(o.style)
     }, {
       default: Ee(() => [
-        (i(!0), d(re, null, fe(n.value, (f) => (i(), me(Ut, Fe({
+        (i(!0), u(re, null, fe(n.value, (f) => (i(), me(Ut, Fe({
           key: f.name
         }, { ref_for: !0 }, f, {
           item: f,
@@ -1985,7 +1985,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
       set: (g) => s("update:modelValue", g)
     });
     !r.value && t.defaultValue && (r.value = t.defaultValue);
-    const u = w(null), c = w(null), f = w(null), p = w(null), v = w(!1), k = w(!1), m = w(null), I = w([]), $ = w(-1), A = w([]), E = w(""), O = w(null), C = w("bottom"), h = w({}), x = w([]), B = S(() => {
+    const d = w(null), c = w(null), f = w(null), p = w(null), v = w(!1), k = w(!1), m = w(null), I = w([]), $ = w(-1), A = w([]), E = w(""), O = w(null), C = w("bottom"), h = w({}), x = w([]), B = S(() => {
       if (!x.value.length) return [];
       const g = I.value, y = new Map(g.map((_) => [_.id?.toString(), _]));
       return x.value.map((_) => y.get(_?.toString())).filter((_) => !!_);
@@ -2053,7 +2053,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
           return null;
         }
       return null;
-    }, lt = async (g) => {
+    }, tt = async (g) => {
       const y = new Set(I.value.map((K) => K.id?.toString())), _ = g.filter((K) => !y.has(K?.toString()));
       _.length && await _.reduce(async (K, se) => {
         await K;
@@ -2141,7 +2141,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
       g.key === "Escape" && v.value && Se();
     }, ft = (g) => {
       const y = g.target;
-      u.value?.contains(y) || p.value?.contains(y) || Se();
+      d.value?.contains(y) || p.value?.contains(y) || Se();
     }, vt = (g) => {
       v.value && f.value && !f.value.contains(g.target) && Ve();
     }, mt = () => {
@@ -2154,7 +2154,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
     }, { immediate: !0 });
     async function Ze() {
       if (n.value)
-        Array.isArray(r.value) ? x.value = [...r.value] : (x.value = r.value == null ? [] : [r.value], r.value = [...x.value]), t.data && x.value.length && (await lt(x.value), await je());
+        Array.isArray(r.value) ? x.value = [...r.value] : (x.value = r.value == null ? [] : [r.value], r.value = [...x.value]), t.data && x.value.length && (await tt(x.value), await je());
       else {
         if (Array.isArray(r.value)) {
           const g = r.value[0] ?? null;
@@ -2170,14 +2170,14 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
     }), Qe(() => {
       removeEventListener("keydown", pt), removeEventListener("scroll", vt, !0), removeEventListener("resize", mt), document.removeEventListener("click", ft, !0), c.value && Me(c.value).removeEventListener("scroll", ht, !0);
     });
-    const Je = w(!1), ot = w({}), gt = w([]), bt = w(null);
+    const Je = w(!1), lt = w({}), gt = w([]), bt = w(null);
     async function Rt() {
       if (!t.add?.token || bt?.value.validate())
         return;
       const y = t.add.api ?? `/api/table/${t.add.token}`, { id: _ } = await fetch(y, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(ot.value)
+        body: JSON.stringify(lt.value)
       }).then((K) => K.json());
       if (!t.options?.length && t.data) {
         const { data: K } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${_}`).then((se) => se.json());
@@ -2209,7 +2209,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
     const yt = w(!0);
     return ue(pe, async () => {
       t.data && (yt.value || (n.value ? (x.value = [], r.value = [], s("change", [])) : (m.value = null, r.value = null, s("change", null))), await Ue());
-    }), (g, y) => (i(), d(re, null, [
+    }), (g, y) => (i(), u(re, null, [
       R(te(zt), {
         visible: Je.value,
         "onUpdate:visible": y[1] || (y[1] = (_) => Je.value = _),
@@ -2221,8 +2221,8 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
         default: Ee(() => [
           R(Ke, {
             schema: gt.value,
-            modelValue: ot.value,
-            "onUpdate:modelValue": y[0] || (y[0] = (_) => ot.value = _),
+            modelValue: lt.value,
+            "onUpdate:modelValue": y[0] || (y[0] = (_) => lt.value = _),
             ref_key: "addForm",
             ref: bt
           }, null, 8, ["schema", "modelValue"])
@@ -2232,7 +2232,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
       l("div", {
         class: "flex gap-1 w-full",
         ref_key: "selectRoot",
-        ref: u,
+        ref: d,
         onClick: y[5] || (y[5] = $e(() => {
         }, ["stop"]))
       }, [
@@ -2269,13 +2269,13 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
               ref_key: "triggerRef",
               ref: c
             }, [
-              n.value ? (i(), d("div", fa, [
-                (i(!0), d(re, null, fe(B.value, (_) => (i(), d("div", {
+              n.value ? (i(), u("div", fa, [
+                (i(!0), u(re, null, fe(B.value, (_) => (i(), u("div", {
                   class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border max-w-full",
                   key: _.id
                 }, [
                   l("div", va, [
-                    _?.color ? (i(), d("span", {
+                    _?.color ? (i(), u("span", {
                       key: 0,
                       class: "w-[16px] h-[16px] rounded-md block ml-1.5 flex-shrink-0",
                       style: be({ backgroundColor: _?.color })
@@ -2284,10 +2284,10 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
                       class: "truncate text-gray-900 overflow-hidden max-w-[200px] px-0.5 py-[2px] pl-1.5",
                       title: H(_)
                     }, [
-                      F.value ? (i(), d("span", {
+                      F.value ? (i(), u("span", {
                         key: 0,
                         innerHTML: z(_)
-                      }, null, 8, ha)) : (i(), d(re, { key: 1 }, [
+                      }, null, 8, ha)) : (i(), u(re, { key: 1 }, [
                         ge(W(_.text), 1)
                       ], 64))
                     ], 8, ma)
@@ -2310,7 +2310,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
                   ]), 8, ga)
                 ]))), 128)),
                 l("div", ba, [
-                  !a.value && g.search ? ne((i(), d("input", {
+                  !a.value && g.search ? ne((i(), u("input", {
                     key: 0,
                     ref_key: "inputRef",
                     ref: O,
@@ -2331,28 +2331,28 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
                     [he, E.value]
                   ]) : U("", !0)
                 ])
-              ])) : !n.value && !k.value && P.value && E.value === "" ? (i(), d("div", {
+              ])) : !n.value && !k.value && P.value && E.value === "" ? (i(), u("div", {
                 key: 1,
                 class: T(["truncate text-gray-900"]),
                 title: P.value
               }, [
-                m.value?.color ? (i(), d("span", {
+                m.value?.color ? (i(), u("span", {
                   key: 0,
                   class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
                   style: be({ backgroundColor: m.value?.color })
                 }, null, 4)) : U("", !0),
-                F.value ? (i(), d("span", {
+                F.value ? (i(), u("span", {
                   key: 1,
                   class: T({ "pl-5": m.value?.color }),
                   innerHTML: z(m.value)
-                }, null, 10, wa)) : (i(), d("span", {
+                }, null, 10, wa)) : (i(), u("span", {
                   key: 2,
                   class: T({ "pl-5": m.value?.color })
                 }, W(m.value?.text), 3))
               ], 8, xa)) : U("", !0),
-              ee.value ? (i(), d("div", ka, W(V.value), 1)) : U("", !0),
-              n.value ? U("", !0) : (i(), d("div", _a, [
-                !a.value && g.search ? ne((i(), d("input", {
+              ee.value ? (i(), u("div", ka, W(V.value), 1)) : U("", !0),
+              n.value ? U("", !0) : (i(), u("div", _a, [
+                !a.value && g.search ? ne((i(), u("input", {
                   key: 0,
                   ref_key: "inputRef",
                   ref: O,
@@ -2375,7 +2375,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
               ]))
             ], 512),
             l("div", Ca, [
-              Q.value ? (i(), d("button", {
+              Q.value ? (i(), u("button", {
                 key: 0,
                 type: "button",
                 class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
@@ -2413,7 +2413,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
             ])
           ], 42, pa),
           (i(), me(It, { to: "body" }, [
-            v.value ? (i(), d("div", {
+            v.value ? (i(), u("div", {
               key: 0,
               ref_key: "dropdownRef",
               ref: p,
@@ -2429,7 +2429,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
                 ref_key: "listRef",
                 ref: f
               }, [
-                q.value.length ? (i(!0), d(re, { key: 0 }, fe(q.value, (_, K) => (i(), d("div", {
+                q.value.length ? (i(!0), u(re, { key: 0 }, fe(q.value, (_, K) => (i(), u("div", {
                   key: _.id,
                   ref_for: !0,
                   ref: (se) => A.value[K] = se,
@@ -2443,7 +2443,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
                   tabindex: "-1",
                   onClick: (se) => ae(_)
                 }, [
-                  _?.color ? (i(), d("span", {
+                  _?.color ? (i(), u("span", {
                     key: 0,
                     class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
                     style: be({ backgroundColor: _?.color })
@@ -2456,19 +2456,19 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
                       ($.value === K, "")
                     ])
                   }, [
-                    F.value ? (i(), d("span", {
+                    F.value ? (i(), u("span", {
                       key: 0,
                       innerHTML: z(_)
-                    }, null, 8, Sa)) : (i(), d(re, { key: 1 }, [
+                    }, null, 8, Sa)) : (i(), u(re, { key: 1 }, [
                       ge(W(_.text), 1)
                     ], 64))
                   ], 2)
-                ], 10, La))), 128)) : (i(), d("div", Ba, " No options "))
+                ], 10, La))), 128)) : (i(), u("div", Ba, " No options "))
               ], 4)
             ], 4)) : U("", !0)
           ]))
         ], 2),
-        t.add ? (i(), d("button", {
+        t.add ? (i(), u("button", {
           key: 0,
           onClick: Pt,
           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",
@@ -2501,7 +2501,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), s = de(o, "modelValue");
-    return (n, a) => ne((i(), d("textarea", {
+    return (n, a) => ne((i(), u("textarea", {
       "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
       placeholder: n.placeholder,
       disabled: n.disabled,
@@ -2525,7 +2525,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
 function Ta(o, e) {
-  return i(), d("svg", Aa, e[0] || (e[0] = [
+  return i(), u("svg", Aa, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2546,7 +2546,7 @@ const Fa = /* @__PURE__ */ Y(za, [["render", Ta]]), Oa = {}, Ua = {
   "stroke-linejoin": "round"
 };
 function Da(o, e) {
-  return i(), d("svg", Ua, e[0] || (e[0] = [
+  return i(), u("svg", Ua, e[0] || (e[0] = [
     l("path", { d: "m3 16 4 4 4-4" }, null, -1),
     l("path", { d: "M7 20V4" }, null, -1),
     l("path", { d: "m21 8-4-4-4 4" }, null, -1),
@@ -2565,7 +2565,7 @@ const Ra = /* @__PURE__ */ Y(Oa, [["render", Da]]), Pa = {}, Ha = {
   "stroke-linejoin": "round"
 };
 function Na(o, e) {
-  return i(), d("svg", Ha, e[0] || (e[0] = [
+  return i(), u("svg", Ha, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2586,7 +2586,7 @@ const Ga = /* @__PURE__ */ Y(Pa, [["render", Na]]), qa = {}, Ka = {
   "stroke-linejoin": "round"
 };
 function Wa(o, e) {
-  return i(), d("svg", Ka, e[0] || (e[0] = [
+  return i(), u("svg", Ka, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2607,7 +2607,7 @@ const Za = /* @__PURE__ */ Y(qa, [["render", Wa]]), Ja = {}, Ya = {
   "stroke-linejoin": "round"
 };
 function Xa(o, e) {
-  return i(), d("svg", Ya, e[0] || (e[0] = [
+  return i(), u("svg", Ya, e[0] || (e[0] = [
     xe('<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)
   ]));
 }
@@ -2617,7 +2617,7 @@ const Lt = /* @__PURE__ */ Y(Ja, [["render", Xa]]), Qa = {}, es = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function ts(o, e) {
-  return i(), d("svg", es, e[0] || (e[0] = [
+  return i(), u("svg", es, e[0] || (e[0] = [
     xe('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
   ]));
 }
@@ -2631,7 +2631,7 @@ const ls = /* @__PURE__ */ Y(Qa, [["render", ts]]), os = {}, ns = {
   "stroke-linejoin": "round"
 };
 function as(o, e) {
-  return i(), d("svg", ns, e[0] || (e[0] = [
+  return i(), u("svg", ns, e[0] || (e[0] = [
     l("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }, null, -1)
   ]));
 }
@@ -2672,17 +2672,17 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
         const H = F[z.key];
         return H ? Array.isArray(H) ? H.join(", ").toLowerCase().includes(D) : String(H).toLowerCase().includes(D) : !1;
       }));
-    }), r = w(null), u = w(null), c = w(!1), f = w(null), p = w({ top: 0, left: 0 }), v = (D) => {
+    }), r = w(null), d = w(null), c = w(!1), f = w(null), p = w({ top: 0, left: 0 }), v = (D) => {
       r.value = D;
     }, k = (D) => {
-      u.value = D;
+      d.value = D;
     }, m = (D) => {
       if (r.value === null || r.value === D) {
-        r.value = null, u.value = null;
+        r.value = null, d.value = null;
         return;
       }
       const F = [...t.value], [z] = F.splice(r.value, 1);
-      F.splice(D, 0, z), t.value = F, r.value = null, u.value = null;
+      F.splice(D, 0, z), t.value = F, r.value = null, d.value = null;
     }, I = (D) => {
       const z = D.currentTarget.getBoundingClientRect();
       p.value = { top: z.bottom + window.scrollY, left: z.left + window.scrollX }, c.value = !c.value;
@@ -2745,7 +2745,7 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
     function Z() {
       h.value = !1;
     }
-    return (D, F) => (i(), d("div", rs, [
+    return (D, F) => (i(), u("div", rs, [
       l("div", is, [
         l("div", us, [
           R(Fa, {
@@ -2788,7 +2788,7 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
           ])
         ]),
         (i(), me(It, { to: "body" }, [
-          c.value ? (i(), d("div", {
+          c.value ? (i(), u("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
             style: be([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: p.value.top + "px", left: p.value.left + "px" }])
@@ -2804,7 +2804,7 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
                     width: "14",
                     height: "14"
                   }),
-                  F[4] || (F[4] = ge(" Імпортувати ", -1))
+                  F[4] || (F[4] = ge(" Імпортувати "))
                 ]),
                 l("button", {
                   onClick: O,
@@ -2816,7 +2816,7 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
                       width: "14",
                       height: "14"
                     }),
-                    F[5] || (F[5] = ge(" Експортувати ", -1))
+                    F[5] || (F[5] = ge(" Експортувати "))
                   ])
                 ])
               ])
@@ -2828,7 +2828,7 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { 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"
         }, [
           R(qe),
-          F[6] || (F[6] = ge(" Додати ", -1))
+          F[6] || (F[6] = ge(" Додати "))
         ])
       ]),
       l("div", gs, [
@@ -2842,7 +2842,7 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), d(re, null, fe(D.colModel, (z) => (i(), d("th", {
+              (i(!0), u(re, null, fe(D.colModel, (z) => (i(), u("th", {
                 key: z.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]"
               }, W(z.ua || z.label), 1))), 128)),
@@ -2850,9 +2850,9 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
             ])
           ]),
           l("tbody", {
-            class: T({ "[&_tr:last-child]:border-0": !u.value })
+            class: T({ "[&_tr:last-child]:border-0": !d.value })
           }, [
-            a.value.length === 0 ? (i(), d("td", ks, [
+            a.value.length === 0 ? (i(), u("td", ks, [
               l("div", _s, [
                 l("div", $s, [
                   R(ls, { class: "w-48 mx-auto" }),
@@ -2863,11 +2863,11 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
                 ])
               ])
             ])) : U("", !0),
-            (i(!0), d(re, null, fe(a.value, (z, H) => (i(), d("tr", {
+            (i(!0), u(re, null, fe(a.value, (z, H) => (i(), u("tr", {
               key: z.id,
               class: T(["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": r.value === H,
-                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": u.value === H
+                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": d.value === H
               }]),
               draggable: "true",
               onDragstart: (le) => v(H),
@@ -2883,26 +2883,26 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
                   })
                 ])
               ]),
-              (i(!0), d(re, null, fe(D.colModel, (le) => (i(), d("td", {
+              (i(!0), u(re, null, fe(D.colModel, (le) => (i(), u("td", {
                 key: le.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                le.type === "file" ? (i(), d("div", Ls, [
-                  A(Q(z, le)) ? (i(), d("div", Ss, [
+                le.type === "file" ? (i(), u("div", Ls, [
+                  A(Q(z, le)) ? (i(), u("div", Ss, [
                     l("img", {
                       src: Q(z, le),
                       alt: "alt",
                       width: "45",
                       class: "rounded-md max-w-[45px] h-[45px] object-cover"
                     }, null, 8, Bs)
-                  ])) : (i(), d("div", js, [
+                  ])) : (i(), u("div", js, [
                     R(Tt, { class: "w-[25px] min-w-[25px] h-[25px]" })
                   ]))
-                ])) : le.type === "tiptap-editor" ? (i(), d("div", {
+                ])) : le.type === "tiptap-editor" ? (i(), u("div", {
                   key: 1,
                   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",
                   innerHTML: Q(z, le)
-                }, null, 8, Es)) : (i(), d("div", Is, W(Q(z, le)), 1))
+                }, null, 8, Es)) : (i(), u("div", Is, W(Q(z, le)), 1))
               ]))), 128)),
               l("td", zs, [
                 l("div", As, [
@@ -2920,7 +2920,7 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
                     onClick: (le) => X(H),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-red-50 dark:hover:bg-slate-600 hover:border-red-300 dark:hover:border-slate-500 hover:text-red-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    R(tt, {
+                    R(et, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
@@ -3109,7 +3109,7 @@ const Ps = {}, Hs = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
 function Ns(o, e) {
-  return i(), d("svg", Hs, e[0] || (e[0] = [
+  return i(), u("svg", Hs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3130,7 +3130,7 @@ const Gs = /* @__PURE__ */ Y(Ps, [["render", Ns]]), qs = {}, Ks = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
 function Ws(o, e) {
-  return i(), d("svg", Ks, e[0] || (e[0] = [
+  return i(), u("svg", Ks, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3152,7 +3152,7 @@ const Zs = /* @__PURE__ */ Y(qs, [["render", Ws]]), Js = {}, Ys = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
 function Xs(o, e) {
-  return i(), d("svg", Ys, e[0] || (e[0] = [
+  return i(), u("svg", Ys, e[0] || (e[0] = [
     xe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M19 8m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M5 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M15 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6.5 9.5l3.5 -3"></path><path d="M14 5.5l3 1.5"></path><path d="M18.5 10l-2.5 7"></path><path d="M13.5 17.5l-7 -5"></path>', 9)
   ]));
 }
@@ -3167,7 +3167,7 @@ const Qs = /* @__PURE__ */ Y(Js, [["render", Xs]]), er = {}, tr = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
 function lr(o, e) {
-  return i(), d("svg", tr, e[0] || (e[0] = [
+  return i(), u("svg", tr, e[0] || (e[0] = [
     xe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M8 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M6 8v8"></path><path d="M18 16v-8"></path><path d="M8 6h8"></path><path d="M16 18h-8"></path>', 9)
   ]));
 }
@@ -3180,7 +3180,7 @@ const or = /* @__PURE__ */ Y(er, [["render", lr]]), nr = {}, ar = {
   class: "fullscreen-icon"
 };
 function sr(o, e) {
-  return i(), d("svg", ar, e[0] || (e[0] = [
+  return i(), u("svg", ar, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -3222,16 +3222,16 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
     const t = o, s = e, n = ["here", "xy", "parcel"], a = S(() => {
       const h = t.config?.tools?.filter((x) => n.includes(x));
       return h && h.length ? h : n;
-    }), r = S(() => t.config?.placeholder?.trim() || "Пошук…"), u = w(a.value[0] ?? n[0]);
+    }), r = S(() => t.config?.placeholder?.trim() || "Пошук…"), d = w(a.value[0] ?? n[0]);
     ue(a, (h) => {
-      h.includes(u.value) || (u.value = h[0]);
+      h.includes(d.value) || (d.value = h[0]);
     });
     const c = w(""), f = w(!1), p = w(null);
-    ue(u, () => {
+    ue(d, () => {
       c.value = "", f.value = !1;
     });
     function v(h) {
-      u.value = h;
+      d.value = h;
     }
     function k(h) {
       if (!f.value) return;
@@ -3240,7 +3240,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
     }
     ye(() => {
       window.addEventListener("click", k, !0);
-    }), it(() => {
+    }), rt(() => {
       window.removeEventListener("click", k, !0);
     });
     function m(h) {
@@ -3297,7 +3297,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
     async function C() {
       const h = c.value.trim();
       if (h) {
-        if (u.value === "xy") {
+        if (d.value === "xy") {
           const x = I(h);
           if (!x) {
             ce({ type: "warning", title: "Пошук координат", message: "Не знайдено або невірний формат координат" });
@@ -3307,8 +3307,8 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
           return;
         }
         try {
-          const x = new URL(u.value === "here" ? fr : vr);
-          if (u.value === "here")
+          const x = new URL(d.value === "here" ? fr : vr);
+          if (d.value === "here")
             x.searchParams.set("searchtext", h);
           else {
             if (!E(h)) {
@@ -3319,7 +3319,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
           }
           const B = await fetch(x.toString());
           if (!B.ok) throw new Error(`HTTP ${B.status}`);
-          const V = await B.json(), P = u.value === "here" ? $(V) : A(V);
+          const V = await B.json(), P = d.value === "here" ? $(V) : A(V);
           if (!P.length)
             ce({ type: "warning", title: "Пошук", message: "Не знайдено результатів" });
           else {
@@ -3332,12 +3332,12 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         }
       }
     }
-    return (h, x) => (i(), d("div", ir, [
+    return (h, x) => (i(), u("div", ir, [
       l("form", {
         class: "flex gap-2",
         onSubmit: $e(C, ["prevent"])
       }, [
-        a.value.length > 1 ? (i(), d("div", {
+        a.value.length > 1 ? (i(), u("div", {
           key: 0,
           ref_key: "dropdownRef",
           ref: p,
@@ -3348,8 +3348,8 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
             class: "vstSelect-input transition-all text-left bg-white border border-gray-200 text-gray-900 rounded-lg focus:ring-blue-500 focus:border-blue-100 block w-full py-1.5 px-3 text-sm cursor-pointer flex items-center justify-between gap-2",
             onClick: x[0] || (x[0] = (B) => f.value = !f.value)
           }, [
-            l("span", null, W(m(u.value)), 1),
-            (i(), d("svg", {
+            l("span", null, W(m(d.value)), 1),
+            (i(), u("svg", {
               class: T(["w-4 h-4 text-gray-500 transition-transform", { "rotate-180": f.value }]),
               viewBox: "0 0 24 24",
               fill: "none",
@@ -3364,9 +3364,9 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
               }, null, -1)
             ]), 2))
           ]),
-          f.value ? (i(), d("div", ur, [
+          f.value ? (i(), u("div", ur, [
             l("ul", null, [
-              (i(!0), d(re, null, fe(a.value, (B) => (i(), d("li", {
+              (i(!0), u(re, null, fe(a.value, (B) => (i(), u("li", {
                 key: B,
                 class: "px-3 py-2 cursor-pointer hover:bg-gray-100",
                 onClick: (V) => v(B)
@@ -3423,9 +3423,9 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
     function a(r) {
       n("onLayerChange", r), s.value = r;
     }
-    return (r, u) => (i(), d("div", gr, [
+    return (r, d) => (i(), u("div", gr, [
       l("div", br, [
-        (i(!0), d(re, null, fe(r.basemaps, (c, f) => (i(), d("div", {
+        (i(!0), u(re, null, fe(r.basemaps, (c, f) => (i(), u("div", {
           key: f,
           class: T(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": s.value === f }]),
           onClick: (p) => a(f),
@@ -3470,7 +3470,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = Wt(), s = o, n = e, a = S(() => s.geomType ? s.geomType.map((b) => b.toLowerCase()).filter((b) => ["marker", "polyline", "polygon", "rectangle"].includes(b)) : ["marker", "polyline", "polygon", "rectangle"]), r = w(!1), u = w("");
+    const t = Wt(), s = o, n = e, a = S(() => s.geomType ? s.geomType.map((b) => b.toLowerCase()).filter((b) => ["marker", "polyline", "polygon", "rectangle"].includes(b)) : ["marker", "polyline", "polygon", "rectangle"]), r = w(!1), d = w("");
     function c() {
       const b = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
       return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Використовуйте два пальці для зуму карти." : "Використовуйте Ctrl + прокрутка для зуму карти.";
@@ -3486,7 +3486,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       const M = (N) => {
         const ae = N.ctrlKey || N.metaKey, oe = N.shiftKey;
         if (!ae && !oe) {
-          r.value = !0, u.value = c(), clearTimeout(b), b = window.setTimeout(() => {
+          r.value = !0, d.value = c(), clearTimeout(b), b = window.setTimeout(() => {
             r.value = !1;
           }, 1e3);
           return;
@@ -3496,7 +3496,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         }, 100);
       }, J = (N) => {
         if (N.touches.length === 1) {
-          r.value = !0, u.value = c(), clearTimeout(b), b = window.setTimeout(() => {
+          r.value = !0, d.value = c(), clearTimeout(b), b = window.setTimeout(() => {
             r.value = !1;
           }, 3e3);
           return;
@@ -3686,7 +3686,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
           }
       }, N.readAsText(J);
     }
-    function lt(b) {
+    function tt(b) {
       p && (V && p.removeLayer(V), V = L.tileLayer(B[b].url, { maxZoom: 19, minZoom: 6 }).addTo(p), P.value = b);
     }
     function De(b) {
@@ -3730,7 +3730,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       setTimeout(() => {
         p.invalidateSize();
       }, 50);
-    }), (b, M) => (i(), d("div", {
+    }), (b, M) => (i(), u("div", {
       class: T(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: Te.value }])
     }, [
       l("div", {
@@ -3748,9 +3748,9 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         "leave-to-class": "opacity-0"
       }, {
         default: Ee(() => [
-          r.value && s.handleZoom ? (i(), d("div", kr, [
+          r.value && s.handleZoom ? (i(), u("div", kr, [
             l("div", _r, [
-              l("p", $r, W(u.value), 1)
+              l("p", $r, W(d.value), 1)
             ])
           ])) : U("", !0)
         ]),
@@ -3784,7 +3784,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       ]),
       l("div", Sr, [
         l("div", Br, [
-          a.value.includes("marker") ? (i(), d("button", {
+          a.value.includes("marker") ? (i(), u("button", {
             key: 0,
             class: T(["vs-btn", { "vs-active": Z.value === "marker" }]),
             "aria-pressed": Z.value === "marker",
@@ -3794,7 +3794,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
           }, [
             R(Gs)
           ], 10, jr)) : U("", !0),
-          a.value.includes("polyline") ? (i(), d("button", {
+          a.value.includes("polyline") ? (i(), u("button", {
             key: 1,
             class: T(["vs-btn", { "vs-active": Z.value === "polyline" }]),
             "aria-pressed": Z.value === "polyline",
@@ -3804,7 +3804,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
           }, [
             R(Zs)
           ], 10, Er)) : U("", !0),
-          a.value.includes("polygon") ? (i(), d("button", {
+          a.value.includes("polygon") ? (i(), u("button", {
             key: 2,
             class: T(["vs-btn", { "vs-active": Z.value === "polygon" }]),
             "aria-pressed": Z.value === "polygon",
@@ -3814,7 +3814,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
           }, [
             R(Qs)
           ], 10, Ir)) : U("", !0),
-          a.value.includes("rectangle") ? (i(), d("button", {
+          a.value.includes("rectangle") ? (i(), u("button", {
             key: 3,
             class: T(["vs-btn", { "vs-active": Z.value === "rectangle" }]),
             "aria-pressed": Z.value === "rectangle",
@@ -3841,25 +3841,25 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       }, [
         R(wr, {
           basemaps: te(B),
-          onOnLayerChange: lt
+          onOnLayerChange: tt
         }, null, 8, ["basemaps"])
       ], 2),
       l("div", Ar, [
-        x.value ? (i(), d("div", Tr, [
+        x.value ? (i(), u("div", Tr, [
           l("div", Fr, [
-            M[7] || (M[7] = ge(" Тип: ", -1)),
+            M[7] || (M[7] = ge(" Тип: ")),
             l("span", Or, W(x.value.type), 1)
           ]),
           l("div", Ur, [
             l("div", Dr, [
-              M[8] || (M[8] = ge(" Центр: ", -1)),
+              M[8] || (M[8] = ge(" Центр: ")),
               l("b", null, W(x.value.center.lat.toFixed(5)) + ", " + W(x.value.center.lng.toFixed(5)), 1)
             ]),
-            x.value.areaKm2 !== null ? (i(), d("div", Rr, [
-              M[9] || (M[9] = ge(" Площа: ", -1)),
+            x.value.areaKm2 !== null ? (i(), u("div", Rr, [
+              M[9] || (M[9] = ge(" Площа: ")),
               l("b", null, W(x.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), d("div", Pr, M[10] || (M[10] = [
-              ge(" Площа: ", -1),
+            ])) : (i(), u("div", Pr, M[10] || (M[10] = [
+              ge(" Площа: "),
               l("b", null, "—", -1)
             ]))),
             l("button", {
@@ -3874,7 +3874,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
               title: "Видалити",
               onClick: M[6] || (M[6] = (J) => pe())
             }, [
-              R(tt, { class: "w-3 h-3" })
+              R(et, { class: "w-3 h-3" })
             ])
           ])
         ])) : U("", !0)
@@ -3903,7 +3903,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   setup(o, { emit: e }) {
     const t = o, s = e;
     Ce(t.style);
-    const n = w(null), a = w(null), r = w(null), u = w(!1), c = w(""), f = de(o, "modelValue"), p = S(() => t.placeholder || "Add tag…"), v = S(() => f.value?.length === 0 && c.value === ""), k = S(() => !t.disabled && f.value?.length > 0), m = S(() => t.disabled), I = async () => {
+    const n = w(null), a = w(null), r = w(null), d = w(!1), c = w(""), f = de(o, "modelValue"), p = S(() => t.placeholder || "Add tag…"), v = S(() => f.value?.length === 0 && c.value === ""), k = S(() => !t.disabled && f.value?.length > 0), m = S(() => t.disabled), I = async () => {
       m.value || await je(() => r.value?.focus());
     }, $ = (B) => {
       const V = B.trim();
@@ -3917,14 +3917,14 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
     }, O = () => {
       s("update:modelValue", []);
     }, C = () => {
-      m.value || (u.value = !0);
+      m.value || (d.value = !0);
     }, h = () => {
-      u.value = !1, !m.value && A();
+      d.value = !1, !m.value && A();
     }, x = (B) => {
       const { key: V } = B;
       V === "Enter" ? (B.preventDefault(), A()) : V === "Backspace" && c.value === "" && f.value.length > 0 && E(f.value.length - 1);
     };
-    return (B, V) => (i(), d("div", {
+    return (B, V) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: n,
@@ -3940,10 +3940,10 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
           class: T([
             "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
             "border-gray-300 hover:border-gray-400",
-            u.value ? "border-blue-500 ring-1 ring-blue-500" : "",
+            d.value ? "border-blue-500 ring-1 ring-blue-500" : "",
             m.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
-          "data-focus": u.value ? "true" : "false",
+          "data-focus": d.value ? "true" : "false",
           onClick: I
         }, [
           l("div", {
@@ -3951,7 +3951,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
             ref_key: "chipsRef",
             ref: a
           }, [
-            (i(!0), d(re, null, fe(f.value, (P, ee) => (i(), d("div", {
+            (i(!0), u(re, null, fe(f.value, (P, ee) => (i(), u("div", {
               key: ee,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
@@ -3976,9 +3976,9 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
                 ], -1)
               ]), 8, Wr)
             ]))), 128)),
-            v.value ? (i(), d("div", Zr, W(p.value), 1)) : U("", !0),
+            v.value ? (i(), u("div", Zr, W(p.value), 1)) : U("", !0),
             l("div", Jr, [
-              m.value ? U("", !0) : ne((i(), d("input", {
+              m.value ? U("", !0) : ne((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: r,
@@ -4001,7 +4001,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
             ])
           ], 512),
           l("div", Xr, [
-            k.value ? (i(), d("button", {
+            k.value ? (i(), u("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
@@ -4037,7 +4037,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   setup(o) {
     const e = Ae("values"), t = o, s = de(o, "modelValue");
     function n(r) {
-      const u = {
+      const d = {
         а: "a",
         б: "b",
         в: "v",
@@ -4076,18 +4076,18 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         ї: "yi",
         ґ: "g"
       };
-      return r.toLowerCase().split("").map((c) => u[c] || c).join("").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
+      return r.toLowerCase().split("").map((c) => d[c] || c).join("").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
     }
     const a = () => {
-      const r = e?.value?.[t.parent || ""]?.toString(), u = n(r);
-      s.value = u.toString();
+      const r = e?.value?.[t.parent || ""]?.toString(), d = n(r);
+      s.value = d.toString();
     };
-    return (r, u) => (i(), d("div", ti, [
+    return (r, d) => (i(), u("div", ti, [
       ne(l("input", {
         ref: "vsText",
         disabled: r.disabled,
         placeholder: r.placeholder,
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => s.value = c),
+        "onUpdate:modelValue": d[0] || (d[0] = (c) => s.value = c),
         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, li), [
         [he, s.value]
@@ -4123,7 +4123,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       if (!a.value) return "";
       const f = encodeURIComponent(String(e.table)), p = encodeURIComponent(String(e.code));
       return `/api/code-gen/${f}/${p}`;
-    }, u = async () => {
+    }, d = async () => {
       if (!a.value || s.value) return;
       const f = r();
       if (f) {
@@ -4136,7 +4136,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         }
       }
     }, c = () => {
-      n.value && (t.value || u());
+      n.value && (t.value || d());
     };
     return ye(() => {
       c();
@@ -4145,7 +4145,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       () => {
         c();
       }
-    ), (f, p) => (i(), d("div", ai, [
+    ), (f, p) => (i(), u("div", ai, [
       ne(l("input", {
         disabled: f.disabled,
         placeholder: f.placeholder,
@@ -4157,9 +4157,9 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       l("button", {
         class: "px-2 bg-gray-100 border rounded-lg hover:bg-gray-200 disabled:opacity-50 disabled:cursor-not-allowed",
         disabled: s.value || f.disabled || !a.value,
-        onClick: u
+        onClick: d
       }, [
-        s.value ? (i(), d("span", ui, "...")) : (i(), d("span", ii, "Gen"))
+        s.value ? (i(), u("span", ui, "...")) : (i(), u("span", ii, "Gen"))
       ], 8, ri)
     ]));
   }
@@ -4179,10 +4179,10 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = (A) => `${A}-${Math.random().toString(36).substring(2, 15)}`, s = Ae("values"), n = o, a = e, r = n.addButtonText ?? "Додати", u = n.ignore ?? [], c = w([]), f = w(null);
+    const t = (A) => `${A}-${Math.random().toString(36).substring(2, 15)}`, s = Ae("values"), n = o, a = e, r = n.addButtonText ?? "Додати", d = n.ignore ?? [], c = w([]), f = w(null);
     (() => {
       const A = n.parent && s?.value?.[n.parent] || n.modelValue || {};
-      c.value = Object.entries(A).filter(([E]) => !u.includes(E)).map(([E, O]) => ({
+      c.value = Object.entries(A).filter(([E]) => !d.includes(E)).map(([E, O]) => ({
         id: t("key-value-"),
         key: E,
         value: O
@@ -4211,7 +4211,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
           C.key && C.value !== void 0 && (E[C.key] = C.value);
         });
         const O = {};
-        u.length && u.forEach((C) => {
+        d.length && d.forEach((C) => {
           O[C] = n.parent ? s?.value?.[n.parent]?.[C] : void 0;
         }), s?.value && n.parent && (s.value[n.parent] = {
           ...O,
@@ -4219,9 +4219,9 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         }), a("update:modelValue", E);
       },
       { deep: !0 }
-    ), (A, E) => (i(), d("div", pi, [
+    ), (A, E) => (i(), u("div", pi, [
       l("div", fi, [
-        (i(!0), d(re, null, fe(c.value, (O, C) => (i(), d("div", {
+        (i(!0), u(re, null, fe(c.value, (O, C) => (i(), u("div", {
           key: O.id,
           class: T(["flex items-center gap-2 w-full", { "opacity-50": f.value === C }]),
           draggable: "true",
@@ -4256,7 +4256,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
           ], 8, gi)
         ], 42, vi))), 128))
       ], 512),
-      c.value.length ? U("", !0) : (i(), d("span", bi, " Дані для відображення відсутні ")),
+      c.value.length ? U("", !0) : (i(), u("span", bi, " Дані для відображення відсутні ")),
       l("div", yi, [
         l("button", {
           type: "button",
@@ -4290,10 +4290,10 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       get: () => t.modelValue || "#000000",
       set: (r) => n("update:modelValue", r)
     });
-    return (r, u) => (i(), d("div", _i, [
+    return (r, d) => (i(), u("div", _i, [
       ne(l("input", {
         type: "color",
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => a.value = c),
+        "onUpdate:modelValue": d[0] || (d[0] = (c) => a.value = c),
         disabled: r.disabled,
         ref: "color",
         class: T(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [r.modelValue ? "" : "text-opacity-50", te(s)].join(" ")]),
@@ -4303,7 +4303,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       ]),
       ne(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2",
-        "onUpdate:modelValue": u[1] || (u[1] = (c) => a.value = c)
+        "onUpdate:modelValue": d[1] || (d[1] = (c) => a.value = c)
       }, null, 512), [
         [he, a.value]
       ])
@@ -4329,10 +4329,10 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       get: () => Number(t.modelValue ?? t.min),
       set: (r) => n("update:modelValue", Number(r))
     });
-    return (r, u) => (i(), d("div", Vi, [
+    return (r, d) => (i(), u("div", Vi, [
       ne(l("input", {
         type: "range",
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => a.value = c),
+        "onUpdate:modelValue": d[0] || (d[0] = (c) => a.value = c),
         min: r.min,
         max: r.max,
         step: r.step,
@@ -4345,7 +4345,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       ne(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": u[1] || (u[1] = (c) => a.value = c)
+        "onUpdate:modelValue": d[1] || (d[1] = (c) => a.value = c)
       }, null, 512), [
         [he, a.value]
       ])
@@ -4379,16 +4379,16 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       ]);
     });
     function n(a, r) {
-      const u = a.target.value, c = [...s.value];
-      c[r] = e.inputType === "text" ? u : Number(u), s.value = c;
+      const d = a.target.value, c = [...s.value];
+      c[r] = e.inputType === "text" ? d : Number(d), s.value = c;
     }
-    return (a, r) => (i(), d("div", {
+    return (a, r) => (i(), u("div", {
       class: T(["grid gap-2", `grid-cols-${a.limit}`])
     }, [
-      (i(!0), d(re, null, fe(a.count, (u) => (i(), d("input", {
+      (i(!0), u(re, null, fe(a.count, (d) => (i(), u("input", {
         type: a.inputType,
-        value: s.value?.[u - 1] ?? "",
-        onInput: (c) => n(c, u - 1),
+        value: s.value?.[d - 1] ?? "",
+        onInput: (c) => n(c, d - 1),
         placeholder: a.placeholder,
         disabled: a.disabled,
         class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [te(t), { "!border-red-600": a.error }]]),
@@ -4448,13 +4448,13 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         }
         const r = await a.json();
         if (!e.set || !t) return;
-        for (const [u, c] of Object.entries(e.set))
-          t.value[u] = r.result[c];
+        for (const [d, c] of Object.entries(e.set))
+          t.value[d] = r.result[c];
       } catch (n) {
         console.error(e.error, n);
       }
     }
-    return (n, a) => (i(), d("button", {
+    return (n, a) => (i(), u("button", {
       onClick: s,
       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"
     }, W(n.button), 1));
@@ -4478,20 +4478,20 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = de(o, "modelValue"), s = S(() => yl[`${e.layout}`]), n = S(() => ji?.[`vs-input-${e.item.type}`]), a = S(() => {
-      const u = te(n);
-      if (!u) return /* @__PURE__ */ new Set();
-      const c = u.props ?? u.__vccOpts?.props;
+      const d = te(n);
+      if (!d) return /* @__PURE__ */ new Set();
+      const c = d.props ?? d.__vccOpts?.props;
       if (!c) return /* @__PURE__ */ new Set();
       const f = Array.isArray(c) ? c : Object.keys(c);
       return new Set(f);
     }), r = S(() => {
-      const u = e.item ?? {}, c = a.value;
-      return c.size ? Object.fromEntries(Object.entries(u).filter(([f]) => c.has(f))) : {};
+      const d = e.item ?? {}, c = a.value;
+      return c.size ? Object.fromEntries(Object.entries(d).filter(([f]) => c.has(f))) : {};
     });
-    return (u, c) => ne((i(), me(Oe(s.value), {
+    return (d, c) => (i(), me(Oe(s.value), {
       ua: e.item.ua,
       error: e.error || "",
-      item: u.item,
+      item: d.item,
       columns: e.columns,
       label: e.item.label
     }, {
@@ -4504,15 +4504,13 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
               modelValue: t.value,
               "onUpdate:modelValue": c[0] || (c[0] = (f) => t.value = f)
             }), null, 16, ["modelValue"])),
-            u.item.description && e.layout !== "settings" ? (i(), d("p", zi, W(u.item.description), 1)) : U("", !0)
+            d.item.description && e.layout !== "settings" ? (i(), u("p", zi, W(d.item.description), 1)) : U("", !0)
           ]),
-          u.item.behavior?.api && u.item.behavior?.button ? (i(), me(Ei, Fe({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : U("", !0)
+          d.item.behavior?.api && d.item.behavior?.button ? (i(), me(Ei, Fe({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : U("", !0)
         ], 2)
       ]),
       _: 1
-    }, 8, ["ua", "error", "item", "columns", "label"])), [
-      [et, !u.item.hidden]
-    ]);
+    }, 8, ["ua", "error", "item", "columns", "label"]));
   }
 }), Ai = { class: "text-sm text-gray-800 mb-[4px] font-medium dark:text-neutral-300" }, Ti = { class: "vs-compact-form-navigation__rail mt-[6px]" }, Fi = ["onClick"], Oi = /* @__PURE__ */ G({
   __name: "vs-compact-form-navigation",
@@ -4524,7 +4522,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
     width: { default: 400 }
   },
   setup(o, { expose: e }) {
-    const t = o, s = w([]), n = w(""), a = w(""), r = S(() => !!t.enabled), u = S(() => [
+    const t = o, s = w([]), n = w(""), a = w(""), r = S(() => !!t.enabled), d = S(() => [
       "vs-compact-form-navigation flex flex-col pl-[6px] pt-[8px] pr-[8px]",
       "sticky top-0 self-start shrink-0",
       "max-h-full min-h-0 overflow-y-auto"
@@ -4558,7 +4556,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       { immediate: !0 }
     ), ye(() => {
       t.scrollContainer || E(null), O();
-    }), it(() => {
+    }), rt(() => {
       B(), E(null, !0), k = null, typeof window < "u" && (p && window.cancelAnimationFrame(p), v && window.cancelAnimationFrame(v));
     });
     function E(j, q = !1) {
@@ -4641,14 +4639,14 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       const X = m, Z = Math.max(0, V(q));
       X ? X.scrollTo({ top: Z, behavior: "smooth" }) : typeof window < "u" && window.scrollTo({ top: Z, behavior: "smooth" });
     }
-    return e({ refresh: O }), (j, q) => r.value && s.value.length ? (i(), d("div", {
+    return e({ refresh: O }), (j, q) => r.value && s.value.length ? (i(), u("div", {
       key: 0,
-      class: T(u.value),
+      class: T(d.value),
       style: be(c.value)
     }, [
       l("h2", Ai, W(j.title), 1),
       l("div", Ti, [
-        (i(!0), d(re, null, fe(s.value, (X) => (i(), d("div", {
+        (i(!0), u(re, null, fe(s.value, (X) => (i(), u("div", {
           key: X.id,
           class: T([
             "vs-compact-form-navigation__item relative",
@@ -4710,12 +4708,12 @@ function St(o) {
   const e = o.toLowerCase();
   return Gi[e] || e;
 }
-function at(o, e = !1) {
+function nt(o, e = !1) {
   if (Array.isArray(o)) {
     const s = [];
     return o.forEach((n) => {
       const a = { ...n };
-      a.name = (n.name || n.id || n.key || "").toString(), a.type = St(n.type), a.label = n.label || n.ua, a.rules = n.rules || n.validators, a.type === "email" && !a.rules && (a.rules = ["email"]), n.data && (a.api = `/api/suggest/${n.data}`), a.disabled = e || a.disabled, Array.isArray(a.schema) && (a.schema = at(a.schema, a.disabled)), s.push(a);
+      a.name = (n.name || n.id || n.key || "").toString(), a.type = St(n.type), a.label = n.label || n.ua, a.rules = n.rules || n.validators, a.type === "email" && !a.rules && (a.rules = ["email"]), n.data && (a.api = `/api/suggest/${n.data}`), a.disabled = e || a.disabled, Array.isArray(a.schema) && (a.schema = nt(a.schema, a.disabled)), s.push(a);
     }), s;
   }
   const t = [];
@@ -4728,11 +4726,11 @@ function at(o, e = !1) {
       rules: s[1].rules || s[1].validators,
       disabled: e
     };
-    n.type === "email" && !n.rules && (n.rules = ["email"]), s[1].type.includes("list") && (n.multiple = !0), !n.api && s[1].data && (n.api = `/api/suggest/${s[1].data}`), Array.isArray(n.schema) && (n.schema = at(n.schema, n.disabled)), t.push(n);
+    n.type === "email" && !n.rules && (n.rules = ["email"]), s[1].type.includes("list") && (n.multiple = !0), !n.api && s[1].data && (n.api = `/api/suggest/${s[1].data}`), Array.isArray(n.schema) && (n.schema = nt(n.schema, n.disabled)), t.push(n);
   }), t;
 }
 function qi(o, e, t = !1) {
-  const s = S(() => at(
+  const s = S(() => nt(
     (Array.isArray(e), e),
     typeof t == "boolean" ? t : t.value
   )), n = w({});
@@ -4755,14 +4753,14 @@ function qi(o, e, t = !1) {
       }), k && m ? n.value[v.name] = m : delete n.value[v.name];
     }
     v.schema && r(v.schema, !1);
-  }), p && Object.values(n.value).some(Boolean) ? n.value : null), u = S(() => s.value?.filter((f) => a(f)));
+  }), p && Object.values(n.value).some(Boolean) ? n.value : null), d = S(() => s.value?.filter((f) => f.hidden !== !0 && a(f)));
   return {
     errors: n,
     validate: r,
     reset: () => {
       o.value = {}, n.value = {};
     },
-    visibleSchema: u
+    visibleSchema: d
   };
 }
 const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
@@ -4791,7 +4789,7 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
   emits: /* @__PURE__ */ ie(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
   setup(o, { expose: e, emit: t }) {
     const s = t, n = o, a = de(o, "form"), r = de(o, "values"), {
-      errors: u,
+      errors: d,
       validate: c,
       reset: f,
       visibleSchema: p
@@ -4801,11 +4799,11 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
     e({
       validate: c,
       reset: f,
-      errors: u
+      errors: d
     }), ye(() => {
       n.modelValue && (r.value = n.modelValue), a.value = {
         value: r.value,
-        errors: u.value,
+        errors: d.value,
         reset: f,
         validate: c,
         formId: n.formId
@@ -4817,7 +4815,7 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
       const Q = Object.keys(P), j = Object.keys(ee);
       return Q.length !== j.length ? !1 : Q.every((q) => P[q] === ee[q]);
     }
-    return wt("form", a), wt("values", r), (P, ee) => (i(), d("div", Ki, [
+    return wt("form", a), wt("values", r), (P, ee) => (i(), u("div", Ki, [
       l("div", {
         class: "flex-1 min-h-0 overflow-y-auto overflow-x-visible",
         ref_key: "formScrollContainer",
@@ -4829,7 +4827,7 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
           onSubmit: $e(B, ["prevent"]),
           class: T(["grid grid-cols-12 p-1", C.value === "default" ? "gap-6" : "gap-4"])
         }, [
-          (i(!0), d(re, null, fe(te(p), (Q, j) => (i(), d("div", {
+          (i(!0), u(re, null, fe(te(p), (Q, j) => (i(), u("div", {
             key: Q.name,
             class: T(h(Q) === "horizontal" ? "col-span-12" : `col-span-${Q.col || 12}`)
           }, [
@@ -4843,9 +4841,9 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
                 const X = r.value[Q.name];
                 V(X, q) || (r.value[Q.name] = q);
               },
-              error: te(u)[Q.name]
+              error: te(d)[Q.name]
             }, null, 8, ["style", "item", "layout", "columns", "model-value", "onUpdate:modelValue", "error"]),
-            h(Q) === "settings" && j + 1 !== te(p).length ? (i(), d("div", Wi)) : U("", !0)
+            h(Q) === "settings" && j + 1 !== te(p).length ? (i(), u("div", Wi)) : U("", !0)
           ], 2))), 128))
         ], 34)
       ], 512),
@@ -4868,7 +4866,7 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const t = o, s = e, n = w(t.schema), a = w(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = w({}), u = w(), c = w(t.mode);
+    const t = o, s = e, n = w(t.schema), a = w(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = w({}), d = w(), c = w(t.mode);
     async function f() {
       const v = r.value.validate();
       if (v) {
@@ -4876,9 +4874,9 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
 `) });
         return;
       }
-      if (u.value)
+      if (d.value)
         try {
-          const k = await fetch(`/api/table/${u.value}`, {
+          const k = await fetch(`/api/table/${d.value}`, {
             method: c.value === "add" ? "POST" : "PUT",
             headers: {
               "Content-Type": "application/json"
@@ -4931,10 +4929,10 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
             return;
           }
           const k = await v.json();
-          n.value = k.schema, u.value = k.token;
+          n.value = k.schema, d.value = k.token;
         } else if (t.token) {
-          u.value = t.token;
-          const v = await fetch(`/api/form/${u.value}`);
+          d.value = t.token;
+          const v = await fetch(`/api/form/${d.value}`);
           if (!v.ok) {
             ce({
               type: v.status >= 400 && v.status < 500 ? "warning" : "error",
@@ -4953,7 +4951,7 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
           message: v.message || "Unexpected error"
         }), console.error(v);
       }
-    }), (v, k) => (i(), d("div", Zi, [
+    }), (v, k) => (i(), u("div", Zi, [
       l("div", Ji, [
         l("div", Yi, [
           l("div", Xi, [