@opengis/form 0.0.1 → 0.0.3

package/index.js

@@ -1,11 +1,11 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, renderSlot, createCommentVNode, toDisplayString, normalizeProps, guardReactiveProps, createTextVNode, computed, mergeModels, useModel, withDirectives, normalizeClass, unref, vModelText, vModelRadio, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, nextTick, ref, onMounted, onUnmounted, withModifiers, normalizeStyle, createVNode, Teleport, vShow, watch, Transition, withCtx, inject, vModelCheckbox, reactive, createStaticVNode, useAttrs, provide } from "vue";
-const _hoisted_1$t = { class: "w-full relative" }, _hoisted_2$a = { class: "text-xs text-gray-500 block" }, _hoisted_3$4 = {
+import { defineComponent, createElementBlock, openBlock, createElementVNode, renderSlot, createCommentVNode, toDisplayString, normalizeProps, guardReactiveProps, createTextVNode, computed, mergeModels, useModel, withDirectives, normalizeClass, unref, vModelText, vModelRadio, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, vModelCheckbox, createVNode, ref, normalizeStyle, withCtx, reactive, watch, onMounted, createStaticVNode, Transition, vShow, inject, nextTick, onUnmounted, withModifiers, Teleport, useAttrs, provide } from "vue";
+const _hoisted_1$v = { class: "w-full relative" }, _hoisted_2$b = { class: "text-[14px] font-medium text-gray-900 mb-2" }, _hoisted_3$5 = {
   key: 0,
   class: "text-red-500 text-[14px]"
 }, _hoisted_4$4 = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, _sfc_main$y = /* @__PURE__ */ defineComponent({
+}, _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "vs-layout-default",
   props: {
     ua: {
@@ -26,22 +26,22 @@ const _hoisted_1$t = { class: "w-full relative" }, _hoisted_2$a = { class: "text
     }
   },
   setup(e) {
-    return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$t, [
-      createElementVNode("span", _hoisted_2$a, [
+    return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$v, [
+      createElementVNode("span", _hoisted_2$b, [
         createElementVNode("span", null, toDisplayString(e.ua || e.label), 1),
-        e.item?.rules?.includes("required") ? (openBlock(), createElementBlock("span", _hoisted_3$4, "*")) : createCommentVNode("", !0)
+        e.item?.rules?.includes("required") ? (openBlock(), createElementBlock("span", _hoisted_3$5, "*")) : createCommentVNode("", !0)
       ]),
       renderSlot(t.$slots, "default", normalizeProps(guardReactiveProps(t.$attrs))),
       e.error ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(e.error), 1)) : createCommentVNode("", !0)
     ]));
   }
-}), _hoisted_1$s = { class: "w-full relative flex items-center gap-2" }, _hoisted_2$9 = { class: "text-xs text-gray-500 flex shrink-0 w-3/12" }, _hoisted_3$3 = {
+}), _hoisted_1$u = { class: "w-full relative flex flex-row items-center gap-2" }, _hoisted_2$a = { class: "text-sm text-gray-900 font-medium flex shrink-0 w-3/12" }, _hoisted_3$4 = {
   key: 0,
   class: "text-red-500 text-[14px]"
 }, _hoisted_4$3 = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, _sfc_main$x = /* @__PURE__ */ defineComponent({
+}, _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "vs-layout-horizontal",
   props: {
     ua: {
@@ -62,19 +62,19 @@ const _hoisted_1$t = { class: "w-full relative" }, _hoisted_2$a = { class: "text
     }
   },
   setup(e) {
-    return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$s, [
-      createElementVNode("span", _hoisted_2$9, [
+    return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$u, [
+      createElementVNode("span", _hoisted_2$a, [
         createTextVNode(toDisplayString(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") ? (openBlock(), createElementBlock("span", _hoisted_3$3, "*")) : createCommentVNode("", !0)
+        e.item?.rules?.includes("required") ? (openBlock(), createElementBlock("span", _hoisted_3$4, "*")) : createCommentVNode("", !0)
       ]),
       renderSlot(t.$slots, "default", normalizeProps(guardReactiveProps(t.$attrs))),
       e.error ? (openBlock(), createElementBlock("span", _hoisted_4$3, toDisplayString(e.error), 1)) : createCommentVNode("", !0)
     ]));
   }
-}), _hoisted_1$r = { class: "w-full relative" }, _hoisted_2$8 = {
+}), _hoisted_1$t = { class: "w-full relative" }, _hoisted_2$9 = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, _sfc_main$w = /* @__PURE__ */ defineComponent({
+}, _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "vs-layout-inline",
   props: {
     ua: {
@@ -95,25 +95,25 @@ const _hoisted_1$t = { class: "w-full relative" }, _hoisted_2$a = { class: "text
     }
   },
   setup(e) {
-    return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$r, [
+    return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$t, [
       renderSlot(t.$slots, "default", normalizeProps(guardReactiveProps(t.$attrs))),
-      e.error ? (openBlock(), createElementBlock("span", _hoisted_2$8, toDisplayString(e.error), 1)) : createCommentVNode("", !0)
+      e.error ? (openBlock(), createElementBlock("span", _hoisted_2$9, toDisplayString(e.error), 1)) : createCommentVNode("", !0)
     ]));
   }
 }), layouts$1 = {
-  default: _sfc_main$y,
-  horizontal: _sfc_main$x,
-  inline: _sfc_main$w
+  default: _sfc_main$A,
+  horizontal: _sfc_main$z,
+  inline: _sfc_main$y
 };
 function useStyle(e) {
   return {
     inputClass: computed(() => {
-      const n = `disabled:opacity-50 disabled:cursor-not-allowed outline-none focus:ring-2 focus:ring-ring focus:ring-${e?.primaryColor || "blue"}-500 border border-solid border-stone-200 rounded-lg text-sm text-stone-800 placeholder:text-stone-400 `;
-      return e?.size === "sm" ? n + "h-[32px]" : n + "h-[40px]";
+      const n = `disabled:opacity-50 disabled:cursor-not-allowed outline-none focus:ring-2 focus:ring-ring focus:ring-${e?.primaryColor || "blue"}-500 border border-solid border-stone-200 rounded-md text-sm text-stone-800 placeholder:text-stone-400 `;
+      return e?.size === "sm" ? n + "h-[32px]" : n + "h-[38px]";
     })
   };
 }
-const _hoisted_1$q = ["placeholder", "disabled"], _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _hoisted_1$s = ["placeholder", "disabled"], _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "vs-input-text",
   props: /* @__PURE__ */ mergeModels({
     style: {
@@ -141,18 +141,18 @@ const _hoisted_1$q = ["placeholder", "disabled"], _sfc_main$v = /* @__PURE__ */
     const t = e, { inputClass: n } = useStyle(t.style), r = useModel(e, "modelValue");
     return (o, s) => withDirectives((openBlock(), createElementBlock("input", {
       type: "text",
-      "onUpdate:modelValue": s[0] || (s[0] = (i) => r.value = i),
+      "onUpdate:modelValue": s[0] || (s[0] = (l) => r.value = l),
       placeholder: e.placeholder,
       disabled: e.disabled,
-      class: normalizeClass(["py-1.5 px-3 block w-full", [unref(n)]]),
+      class: normalizeClass(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [unref(n)]]),
       style: {
-        border: "1px solid #e0e0e0"
+        border: "1px solid #CFD9E0"
       }
-    }, null, 10, _hoisted_1$q)), [
+    }, null, 10, _hoisted_1$s)), [
       [vModelText, r.value]
     ]);
   }
-}), _hoisted_1$p = ["placeholder"], _sfc_main$u = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$r = ["placeholder"], _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "vs-input-number",
   props: /* @__PURE__ */ mergeModels({
     style: {
@@ -172,17 +172,108 @@ const _hoisted_1$q = ["placeholder", "disabled"], _sfc_main$v = /* @__PURE__ */
     const t = e, { inputClass: n } = useStyle(t.style), r = useModel(e, "modelValue");
     return (o, s) => withDirectives((openBlock(), createElementBlock("input", {
       type: "number",
-      "onUpdate:modelValue": s[0] || (s[0] = (i) => r.value = i),
+      "onUpdate:modelValue": s[0] || (s[0] = (l) => r.value = l),
       placeholder: e.placeholder,
       class: normalizeClass(["py-1.5 px-3 block w-full", [unref(n)]]),
       style: {
-        border: "1px solid #e0e0e0"
+        border: "1px solid #CFD9E0"
+      }
+    }, null, 10, _hoisted_1$r)), [
+      [vModelText, r.value]
+    ]);
+  }
+}), _hoisted_1$q = ["disabled"], _sfc_main$v = /* @__PURE__ */ defineComponent({
+  __name: "vs-input-switcher",
+  props: /* @__PURE__ */ mergeModels({
+    style: {
+      type: Object,
+      default: () => ({})
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    customClass: {
+      type: String,
+      default: ""
+    }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = useModel(e, "modelValue");
+    return (n, r) => (openBlock(), createElementBlock("button", {
+      type: "button",
+      class: normalizeClass(["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", [`bg-${e.style?.primaryColor || "blue"}-500`, e.customClass]]),
+      disabled: e.disabled,
+      onClick: r[0] || (r[0] = (o) => t.value = !t.value)
+    }, [
+      createElementVNode("span", {
+        "data-state": "checked",
+        class: normalizeClass(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
+      }, null, 2)
+    ], 10, _hoisted_1$q));
+  }
+}), _hoisted_1$p = ["innerHTML"], _sfc_main$u = /* @__PURE__ */ defineComponent({
+  __name: "vs-input-static",
+  props: {
+    html: {
+      type: String,
+      default: ""
+    },
+    customClass: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return (t, n) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(e.customClass),
+      innerHTML: e.html
+    }, null, 10, _hoisted_1$p));
+  }
+}), _hoisted_1$o = ["placeholder", "disabled"], _sfc_main$t = /* @__PURE__ */ defineComponent({
+  __name: "vs-input-mask",
+  props: /* @__PURE__ */ mergeModels({
+    style: {
+      type: Object,
+      default: () => ({})
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, { inputClass: n } = useStyle(t.style), r = useModel(e, "modelValue");
+    return (o, s) => withDirectives((openBlock(), createElementBlock("input", {
+      type: "text",
+      "onUpdate:modelValue": s[0] || (s[0] = (l) => r.value = l),
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      class: normalizeClass(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [unref(n)]]),
+      style: {
+        border: "1px solid #CFD9E0"
       }
-    }, null, 10, _hoisted_1$p)), [
+    }, null, 10, _hoisted_1$o)), [
       [vModelText, r.value]
     ]);
   }
-}), _hoisted_1$o = ["value", "disabled"], _hoisted_2$7 = { class: "text-[13px]" }, _sfc_main$t = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$n = ["value", "disabled"], _hoisted_2$8 = { class: "text-[13px] text-gray-700" }, _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ mergeModels({
     text: {
@@ -221,7 +312,7 @@ const _hoisted_1$q = ["placeholder", "disabled"], _sfc_main$v = /* @__PURE__ */
         value: e.value,
         disabled: e.disabled,
         class: "hidden"
-      }, null, 8, _hoisted_1$o), [
+      }, null, 8, _hoisted_1$n), [
         [vModelRadio, t.value]
       ]),
       createElementVNode("span", {
@@ -235,10 +326,10 @@ const _hoisted_1$q = ["placeholder", "disabled"], _sfc_main$v = /* @__PURE__ */
           class: normalizeClass(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${e.style?.primaryColor || "blue"}-500`]])
         }, null, 2)) : createCommentVNode("", !0)
       ], 2),
-      createElementVNode("span", _hoisted_2$7, toDisplayString(e.text), 1)
+      createElementVNode("span", _hoisted_2$8, toDisplayString(e.text), 1)
     ], 2));
   }
-}), _hoisted_1$n = ["value", "disabled"], _hoisted_2$6 = { class: "text-[13px]" }, _sfc_main$s = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$m = ["value", "disabled"], _hoisted_2$7 = { class: "text-[13px] text-gray-700" }, _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ mergeModels({
     text: {
@@ -280,16 +371,16 @@ const _hoisted_1$q = ["placeholder", "disabled"], _sfc_main$v = /* @__PURE__ */
         value: e.value,
         disabled: e.disabled,
         class: "hidden"
-      }, null, 8, _hoisted_1$n), [
+      }, null, 8, _hoisted_1$m), [
         [vModelRadio, t.value]
       ]),
-      createElementVNode("span", _hoisted_2$6, toDisplayString(e.text), 1)
+      createElementVNode("span", _hoisted_2$7, toDisplayString(e.text), 1)
     ], 2));
   }
 }), layouts = {
-  "vs-input-radio-default": _sfc_main$t,
-  "vs-input-radio-buttons": _sfc_main$s
-}, _sfc_main$r = /* @__PURE__ */ defineComponent({
+  "vs-input-radio-default": _sfc_main$s,
+  "vs-input-radio-buttons": _sfc_main$r
+}, _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "vs-input-radio",
   props: /* @__PURE__ */ mergeModels({
     options: {
@@ -314,13 +405,13 @@ const _hoisted_1$q = ["placeholder", "disabled"], _sfc_main$v = /* @__PURE__ */
     return (o, s) => (openBlock(), createElementBlock("div", {
       class: normalizeClass([e.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (openBlock(!0), createElementBlock(Fragment, null, renderList(e.options, (i) => (openBlock(), createBlock(resolveDynamicComponent(r.value), mergeProps({
-        key: i?.id,
-        text: i.text,
-        value: i.id.toString(),
-        checked: n.value === i.id,
+      (openBlock(!0), createElementBlock(Fragment, null, renderList(e.options, (l) => (openBlock(), createBlock(resolveDynamicComponent(r.value), mergeProps({
+        key: l?.id,
+        text: l.text,
+        value: l.id.toString(),
+        checked: n.value === l.id,
         modelValue: n.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (l) => n.value = l)
+        "onUpdate:modelValue": s[0] || (s[0] = (i) => n.value = i)
       }, { ref_for: !0 }, o.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
@@ -360,10 +451,10 @@ function forEach(e, t, { allOwnKeys: n = !1 } = {}) {
     for (r = 0, o = e.length; r < o; r++)
       t.call(null, e[r], r, e);
   else {
-    const s = n ? Object.getOwnPropertyNames(e) : Object.keys(e), i = s.length;
-    let l;
-    for (r = 0; r < i; r++)
-      l = s[r], t.call(null, e[l], l, e);
+    const s = n ? Object.getOwnPropertyNames(e) : Object.keys(e), l = s.length;
+    let i;
+    for (r = 0; r < l; r++)
+      i = s[r], t.call(null, e[i], i, e);
   }
 }
 function findKey(e, t) {
@@ -392,12 +483,12 @@ const extend = (e, t, n, { allOwnKeys: r } = {}) => (forEach(t, (o, s) => {
     value: t.prototype
   }), n && Object.assign(e.prototype, n);
 }, toFlatObject = (e, t, n, r) => {
-  let o, s, i;
-  const l = {};
+  let o, s, l;
+  const i = {};
   if (t = t || {}, e == null) return t;
   do {
     for (o = Object.getOwnPropertyNames(e), s = o.length; s-- > 0; )
-      i = o[s], (!r || r(i, e, t)) && !l[i] && (t[i] = e[i], l[i] = !0);
+      l = o[s], (!r || r(l, e, t)) && !i[l] && (t[l] = e[l], i[l] = !0);
     e = n !== !1 && getPrototypeOf(e);
   } while (e && (!n || n(e, t)) && e !== Object.prototype);
   return t;
@@ -435,8 +526,8 @@ const extend = (e, t, n, { allOwnKeys: r } = {}) => (forEach(t, (o, s) => {
 ), hasOwnProperty = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), isRegExp = kindOfTest("RegExp"), reduceDescriptors = (e, t) => {
   const n = Object.getOwnPropertyDescriptors(e), r = {};
   forEach(n, (o, s) => {
-    let i;
-    (i = t(o, s, e)) !== !1 && (r[s] = i || o);
+    let l;
+    (l = t(o, s, e)) !== !1 && (r[s] = l || o);
   }), Object.defineProperties(e, r);
 }, freezeMethods = (e) => {
   reduceDescriptors(e, (t, n) => {
@@ -473,9 +564,9 @@ const toJSONObject = (e) => {
       if (!("toJSON" in r)) {
         t[o] = r;
         const s = isArray(r) ? [] : {};
-        return forEach(r, (i, l) => {
-          const c = n(i, o + 1);
-          !isUndefined(c) && (s[l] = c);
+        return forEach(r, (l, i) => {
+          const u = n(l, o + 1);
+          !isUndefined(u) && (s[i] = u);
         }), t[o] = void 0, s;
       }
     }
@@ -593,10 +684,10 @@ const prototype$1 = AxiosError$1.prototype, descriptors = {};
 Object.defineProperties(AxiosError$1, descriptors);
 Object.defineProperty(prototype$1, "isAxiosError", { value: !0 });
 AxiosError$1.from = (e, t, n, r, o, s) => {
-  const i = Object.create(prototype$1);
-  return utils$1.toFlatObject(e, i, function(c) {
-    return c !== Error.prototype;
-  }, (l) => l !== "isAxiosError"), AxiosError$1.call(i, e.message, t, n, r, o), i.cause = e, i.name = e.name, s && Object.assign(i, s), i;
+  const l = Object.create(prototype$1);
+  return utils$1.toFlatObject(e, l, function(u) {
+    return u !== Error.prototype;
+  }, (i) => i !== "isAxiosError"), AxiosError$1.call(l, e.message, t, n, r, o), l.cause = e, l.name = e.name, s && Object.assign(l, s), l;
 };
 const httpAdapter = null;
 function isVisitable(e) {
@@ -626,52 +717,52 @@ function toFormData$1(e, t, n) {
   }, !1, function(y, m) {
     return !utils$1.isUndefined(m[y]);
   });
-  const r = n.metaTokens, o = n.visitor || a, s = n.dots, i = n.indexes, c = (n.Blob || typeof Blob < "u" && Blob) && utils$1.isSpecCompliantForm(t);
+  const r = n.metaTokens, o = n.visitor || a, s = n.dots, l = n.indexes, u = (n.Blob || typeof Blob < "u" && Blob) && utils$1.isSpecCompliantForm(t);
   if (!utils$1.isFunction(o))
     throw new TypeError("visitor must be a function");
-  function u(p) {
+  function c(p) {
     if (p === null) return "";
     if (utils$1.isDate(p))
       return p.toISOString();
     if (utils$1.isBoolean(p))
       return p.toString();
-    if (!c && utils$1.isBlob(p))
+    if (!u && utils$1.isBlob(p))
       throw new AxiosError$1("Blob is not supported. Use a Buffer instead.");
-    return utils$1.isArrayBuffer(p) || utils$1.isTypedArray(p) ? c && typeof Blob == "function" ? new Blob([p]) : Buffer.from(p) : p;
+    return utils$1.isArrayBuffer(p) || utils$1.isTypedArray(p) ? u && typeof Blob == "function" ? new Blob([p]) : Buffer.from(p) : p;
   }
   function a(p, y, m) {
-    let $ = p;
+    let x = p;
     if (p && !m && typeof p == "object") {
       if (utils$1.endsWith(y, "{}"))
         y = r ? y : y.slice(0, -2), p = JSON.stringify(p);
-      else if (utils$1.isArray(p) && isFlatArray(p) || (utils$1.isFileList(p) || utils$1.endsWith(y, "[]")) && ($ = utils$1.toArray(p)))
-        return y = removeBrackets(y), $.forEach(function(x, _) {
-          !(utils$1.isUndefined(x) || x === null) && t.append(
+      else if (utils$1.isArray(p) && isFlatArray(p) || (utils$1.isFileList(p) || utils$1.endsWith(y, "[]")) && (x = utils$1.toArray(p)))
+        return y = removeBrackets(y), x.forEach(function(v, _) {
+          !(utils$1.isUndefined(v) || v === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
-            i === !0 ? renderKey([y], _, s) : i === null ? y : y + "[]",
-            u(x)
+            l === !0 ? renderKey([y], _, s) : l === null ? y : y + "[]",
+            c(v)
           );
         }), !1;
     }
-    return isVisitable(p) ? !0 : (t.append(renderKey(m, y, s), u(p)), !1);
+    return isVisitable(p) ? !0 : (t.append(renderKey(m, y, s), c(p)), !1);
   }
   const d = [], f = Object.assign(predicates, {
     defaultVisitor: a,
-    convertValue: u,
+    convertValue: c,
     isVisitable
   });
   function h(p, y) {
     if (!utils$1.isUndefined(p)) {
       if (d.indexOf(p) !== -1)
         throw Error("Circular reference detected in " + y.join("."));
-      d.push(p), utils$1.forEach(p, function($, w) {
-        (!(utils$1.isUndefined($) || $ === null) && o.call(
+      d.push(p), utils$1.forEach(p, function(x, $) {
+        (!(utils$1.isUndefined(x) || x === null) && o.call(
           t,
-          $,
-          utils$1.isString(w) ? w.trim() : w,
+          x,
+          utils$1.isString($) ? $.trim() : $,
           y,
           f
-        )) === !0 && h($, y ? y.concat(w) : [w]);
+        )) === !0 && h(x, y ? y.concat($) : [$]);
       }), d.pop();
     }
   }
@@ -721,8 +812,8 @@ function buildURL(e, t, n) {
   const o = n && n.serialize;
   let s;
   if (o ? s = o(t, n) : s = utils$1.isURLSearchParams(t) ? t.toString() : new AxiosURLSearchParams(t, n).toString(r), s) {
-    const i = e.indexOf("#");
-    i !== -1 && (e = e.slice(0, i)), e += (e.indexOf("?") === -1 ? "?" : "&") + s;
+    const l = e.indexOf("#");
+    l !== -1 && (e = e.slice(0, l)), e += (e.indexOf("?") === -1 ? "?" : "&") + s;
   }
   return e;
 }
@@ -825,10 +916,10 @@ function arrayToObject(e) {
 }
 function formDataToJSON(e) {
   function t(n, r, o, s) {
-    let i = n[s++];
-    if (i === "__proto__") return !0;
-    const l = Number.isFinite(+i), c = s >= n.length;
-    return i = !i && utils$1.isArray(o) ? o.length : i, c ? (utils$1.hasOwnProp(o, i) ? o[i] = [o[i], r] : o[i] = r, !l) : ((!o[i] || !utils$1.isObject(o[i])) && (o[i] = []), t(n, r, o[i], s) && utils$1.isArray(o[i]) && (o[i] = arrayToObject(o[i])), !l);
+    let l = n[s++];
+    if (l === "__proto__") return !0;
+    const i = Number.isFinite(+l), u = s >= n.length;
+    return l = !l && utils$1.isArray(o) ? o.length : l, u ? (utils$1.hasOwnProp(o, l) ? o[l] = [o[l], r] : o[l] = r, !i) : ((!o[l] || !utils$1.isObject(o[l])) && (o[l] = []), t(n, r, o[l], s) && utils$1.isArray(o[l]) && (o[l] = arrayToObject(o[l])), !i);
   }
   if (utils$1.isFormData(e) && utils$1.isFunction(e.entries)) {
     const n = {};
@@ -861,15 +952,15 @@ const defaults = {
       return t.buffer;
     if (utils$1.isURLSearchParams(t))
       return n.setContentType("application/x-www-form-urlencoded;charset=utf-8", !1), t.toString();
-    let l;
+    let i;
     if (s) {
       if (r.indexOf("application/x-www-form-urlencoded") > -1)
         return toURLEncodedForm(t, this.formSerializer).toString();
-      if ((l = utils$1.isFileList(t)) || r.indexOf("multipart/form-data") > -1) {
-        const c = this.env && this.env.FormData;
+      if ((i = utils$1.isFileList(t)) || r.indexOf("multipart/form-data") > -1) {
+        const u = this.env && this.env.FormData;
         return toFormData$1(
-          l ? { "files[]": t } : t,
-          c && new c(),
+          i ? { "files[]": t } : t,
+          u && new u(),
           this.formSerializer
         );
       }
@@ -881,12 +972,12 @@ const defaults = {
     if (utils$1.isResponse(t) || utils$1.isReadableStream(t))
       return t;
     if (t && utils$1.isString(t) && (r && !this.responseType || o)) {
-      const i = !(n && n.silentJSONParsing) && o;
+      const l = !(n && n.silentJSONParsing) && o;
       try {
         return JSON.parse(t);
-      } catch (l) {
-        if (i)
-          throw l.name === "SyntaxError" ? AxiosError$1.from(l, AxiosError$1.ERR_BAD_RESPONSE, this, null, this.response) : l;
+      } catch (i) {
+        if (l)
+          throw i.name === "SyntaxError" ? AxiosError$1.from(i, AxiosError$1.ERR_BAD_RESPONSE, this, null, this.response) : i;
       }
     }
     return t;
@@ -939,8 +1030,8 @@ const ignoreDuplicateOf = utils$1.toObjectSet([
   const t = {};
   let n, r, o;
   return e && e.split(`
-`).forEach(function(i) {
-    o = i.indexOf(":"), n = i.substring(0, o).trim().toLowerCase(), r = i.substring(o + 1).trim(), !(!n || t[n] && ignoreDuplicateOf[n]) && (n === "set-cookie" ? t[n] ? t[n].push(r) : t[n] = [r] : t[n] = t[n] ? t[n] + ", " + r : r);
+`).forEach(function(l) {
+    o = l.indexOf(":"), n = l.substring(0, o).trim().toLowerCase(), r = l.substring(o + 1).trim(), !(!n || t[n] && ignoreDuplicateOf[n]) && (n === "set-cookie" ? t[n] ? t[n].push(r) : t[n] = [r] : t[n] = t[n] ? t[n] + ", " + r : r);
   }), t;
 }, $internals = Symbol("internals");
 function normalizeHeader(e) {
@@ -974,8 +1065,8 @@ function buildAccessors(e, t) {
   const n = utils$1.toCamelCase(" " + t);
   ["get", "set", "has"].forEach((r) => {
     Object.defineProperty(e, r + n, {
-      value: function(o, s, i) {
-        return this[r].call(this, t, o, s, i);
+      value: function(o, s, l) {
+        return this[r].call(this, t, o, s, l);
       },
       configurable: !0
     });
@@ -987,26 +1078,26 @@ let AxiosHeaders$1 = class {
   }
   set(t, n, r) {
     const o = this;
-    function s(l, c, u) {
-      const a = normalizeHeader(c);
+    function s(i, u, c) {
+      const a = normalizeHeader(u);
       if (!a)
         throw new Error("header name must be a non-empty string");
       const d = utils$1.findKey(o, a);
-      (!d || o[d] === void 0 || u === !0 || u === void 0 && o[d] !== !1) && (o[d || c] = normalizeValue(l));
+      (!d || o[d] === void 0 || c === !0 || c === void 0 && o[d] !== !1) && (o[d || u] = normalizeValue(i));
     }
-    const i = (l, c) => utils$1.forEach(l, (u, a) => s(u, a, c));
+    const l = (i, u) => utils$1.forEach(i, (c, a) => s(c, a, u));
     if (utils$1.isPlainObject(t) || t instanceof this.constructor)
-      i(t, n);
+      l(t, n);
     else if (utils$1.isString(t) && (t = t.trim()) && !isValidHeaderName(t))
-      i(parseHeaders(t), n);
+      l(parseHeaders(t), n);
     else if (utils$1.isObject(t) && utils$1.isIterable(t)) {
-      let l = {}, c, u;
+      let i = {}, u, c;
       for (const a of t) {
         if (!utils$1.isArray(a))
           throw TypeError("Object iterator must return a key-value pair");
-        l[u = a[0]] = (c = l[u]) ? utils$1.isArray(c) ? [...c, a[1]] : [c, a[1]] : a[1];
+        i[c = a[0]] = (u = i[c]) ? utils$1.isArray(u) ? [...u, a[1]] : [u, a[1]] : a[1];
       }
-      i(l, n);
+      l(i, n);
     } else
       t != null && s(n, t, r);
     return this;
@@ -1038,10 +1129,10 @@ let AxiosHeaders$1 = class {
   delete(t, n) {
     const r = this;
     let o = !1;
-    function s(i) {
-      if (i = normalizeHeader(i), i) {
-        const l = utils$1.findKey(r, i);
-        l && (!n || matchHeaderValue(r, r[l], l, n)) && (delete r[l], o = !0);
+    function s(l) {
+      if (l = normalizeHeader(l), l) {
+        const i = utils$1.findKey(r, l);
+        i && (!n || matchHeaderValue(r, r[i], i, n)) && (delete r[i], o = !0);
       }
     }
     return utils$1.isArray(t) ? t.forEach(s) : s(t), o;
@@ -1058,13 +1149,13 @@ let AxiosHeaders$1 = class {
   normalize(t) {
     const n = this, r = {};
     return utils$1.forEach(this, (o, s) => {
-      const i = utils$1.findKey(r, s);
-      if (i) {
-        n[i] = normalizeValue(o), delete n[s];
+      const l = utils$1.findKey(r, s);
+      if (l) {
+        n[l] = normalizeValue(o), delete n[s];
         return;
       }
-      const l = t ? formatHeader(s) : String(s).trim();
-      l !== s && delete n[s], n[l] = normalizeValue(o), r[l] = !0;
+      const i = t ? formatHeader(s) : String(s).trim();
+      i !== s && delete n[s], n[i] = normalizeValue(o), r[i] = !0;
     }), this;
   }
   concat(...t) {
@@ -1100,9 +1191,9 @@ let AxiosHeaders$1 = class {
     const r = (this[$internals] = this[$internals] = {
       accessors: {}
     }).accessors, o = this.prototype;
-    function s(i) {
-      const l = normalizeHeader(i);
-      r[l] || (buildAccessors(o, i), r[l] = !0);
+    function s(l) {
+      const i = normalizeHeader(l);
+      r[i] || (buildAccessors(o, l), r[i] = !0);
     }
     return utils$1.isArray(t) ? t.forEach(s) : s(t), this;
   }
@@ -1121,8 +1212,8 @@ utils$1.freezeMethods(AxiosHeaders$1);
 function transformData(e, t) {
   const n = this || defaults, r = t || n, o = AxiosHeaders$1.from(r.headers);
   let s = r.data;
-  return utils$1.forEach(e, function(l) {
-    s = l.call(n, s, o.normalize(), t ? t.status : void 0);
+  return utils$1.forEach(e, function(i) {
+    s = i.call(n, s, o.normalize(), t ? t.status : void 0);
   }), o.normalize(), s;
 }
 function isCancel$1(e) {
@@ -1151,46 +1242,46 @@ function parseProtocol(e) {
 function speedometer(e, t) {
   e = e || 10;
   const n = new Array(e), r = new Array(e);
-  let o = 0, s = 0, i;
-  return t = t !== void 0 ? t : 1e3, function(c) {
-    const u = Date.now(), a = r[s];
-    i || (i = u), n[o] = c, r[o] = u;
+  let o = 0, s = 0, l;
+  return t = t !== void 0 ? t : 1e3, function(u) {
+    const c = Date.now(), a = r[s];
+    l || (l = c), n[o] = u, r[o] = c;
     let d = s, f = 0;
     for (; d !== o; )
       f += n[d++], d = d % e;
-    if (o = (o + 1) % e, o === s && (s = (s + 1) % e), u - i < t)
+    if (o = (o + 1) % e, o === s && (s = (s + 1) % e), c - l < t)
       return;
-    const h = a && u - a;
+    const h = a && c - a;
     return h ? Math.round(f * 1e3 / h) : void 0;
   };
 }
 function throttle(e, t) {
   let n = 0, r = 1e3 / t, o, s;
-  const i = (u, a = Date.now()) => {
-    n = a, o = null, s && (clearTimeout(s), s = null), e.apply(null, u);
+  const l = (c, a = Date.now()) => {
+    n = a, o = null, s && (clearTimeout(s), s = null), e.apply(null, c);
   };
-  return [(...u) => {
+  return [(...c) => {
     const a = Date.now(), d = a - n;
-    d >= r ? i(u, a) : (o = u, s || (s = setTimeout(() => {
-      s = null, i(o);
+    d >= r ? l(c, a) : (o = c, s || (s = setTimeout(() => {
+      s = null, l(o);
     }, r - d)));
-  }, () => o && i(o)];
+  }, () => o && l(o)];
 }
 const progressEventReducer = (e, t, n = 3) => {
   let r = 0;
   const o = speedometer(50, 250);
   return throttle((s) => {
-    const i = s.loaded, l = s.lengthComputable ? s.total : void 0, c = i - r, u = o(c), a = i <= l;
-    r = i;
+    const l = s.loaded, i = s.lengthComputable ? s.total : void 0, u = l - r, c = o(u), a = l <= i;
+    r = l;
     const d = {
-      loaded: i,
-      total: l,
-      progress: l ? i / l : void 0,
-      bytes: c,
-      rate: u || void 0,
-      estimated: u && l && a ? (l - i) / u : void 0,
+      loaded: l,
+      total: i,
+      progress: i ? l / i : void 0,
+      bytes: u,
+      rate: c || void 0,
+      estimated: c && i && a ? (i - l) / c : void 0,
       event: s,
-      lengthComputable: l != null,
+      lengthComputable: i != null,
       [t ? "download" : "upload"]: !0
     };
     e(d);
@@ -1209,8 +1300,8 @@ const progressEventReducer = (e, t, n = 3) => {
   // Standard browser envs support document.cookie
   {
     write(e, t, n, r, o, s) {
-      const i = [e + "=" + encodeURIComponent(t)];
-      utils$1.isNumber(n) && i.push("expires=" + new Date(n).toGMTString()), utils$1.isString(r) && i.push("path=" + r), utils$1.isString(o) && i.push("domain=" + o), s === !0 && i.push("secure"), document.cookie = i.join("; ");
+      const l = [e + "=" + encodeURIComponent(t)];
+      utils$1.isNumber(n) && l.push("expires=" + new Date(n).toGMTString()), utils$1.isString(r) && l.push("path=" + r), utils$1.isString(o) && l.push("domain=" + o), s === !0 && l.push("secure"), document.cookie = l.join("; ");
     },
     read(e) {
       const t = document.cookie.match(new RegExp("(^|;\\s*)(" + e + ")=([^;]*)"));
@@ -1246,109 +1337,109 @@ const headersToObject = (e) => e instanceof AxiosHeaders$1 ? { ...e } : e;
 function mergeConfig$1(e, t) {
   t = t || {};
   const n = {};
-  function r(u, a, d, f) {
-    return utils$1.isPlainObject(u) && utils$1.isPlainObject(a) ? utils$1.merge.call({ caseless: f }, u, a) : utils$1.isPlainObject(a) ? utils$1.merge({}, a) : utils$1.isArray(a) ? a.slice() : a;
+  function r(c, a, d, f) {
+    return utils$1.isPlainObject(c) && utils$1.isPlainObject(a) ? utils$1.merge.call({ caseless: f }, c, a) : utils$1.isPlainObject(a) ? utils$1.merge({}, a) : utils$1.isArray(a) ? a.slice() : a;
   }
-  function o(u, a, d, f) {
+  function o(c, a, d, f) {
     if (utils$1.isUndefined(a)) {
-      if (!utils$1.isUndefined(u))
-        return r(void 0, u, d, f);
-    } else return r(u, a, d, f);
+      if (!utils$1.isUndefined(c))
+        return r(void 0, c, d, f);
+    } else return r(c, a, d, f);
   }
-  function s(u, a) {
+  function s(c, a) {
     if (!utils$1.isUndefined(a))
       return r(void 0, a);
   }
-  function i(u, a) {
+  function l(c, a) {
     if (utils$1.isUndefined(a)) {
-      if (!utils$1.isUndefined(u))
-        return r(void 0, u);
+      if (!utils$1.isUndefined(c))
+        return r(void 0, c);
     } else return r(void 0, a);
   }
-  function l(u, a, d) {
+  function i(c, a, d) {
     if (d in t)
-      return r(u, a);
+      return r(c, a);
     if (d in e)
-      return r(void 0, u);
+      return r(void 0, c);
   }
-  const c = {
+  const u = {
     url: s,
     method: s,
     data: s,
-    baseURL: i,
-    transformRequest: i,
-    transformResponse: i,
-    paramsSerializer: i,
-    timeout: i,
-    timeoutMessage: i,
-    withCredentials: i,
-    withXSRFToken: i,
-    adapter: i,
-    responseType: i,
-    xsrfCookieName: i,
-    xsrfHeaderName: i,
-    onUploadProgress: i,
-    onDownloadProgress: i,
-    decompress: i,
-    maxContentLength: i,
-    maxBodyLength: i,
-    beforeRedirect: i,
-    transport: i,
-    httpAgent: i,
-    httpsAgent: i,
-    cancelToken: i,
-    socketPath: i,
-    responseEncoding: i,
-    validateStatus: l,
-    headers: (u, a, d) => o(headersToObject(u), headersToObject(a), d, !0)
+    baseURL: l,
+    transformRequest: l,
+    transformResponse: l,
+    paramsSerializer: l,
+    timeout: l,
+    timeoutMessage: l,
+    withCredentials: l,
+    withXSRFToken: l,
+    adapter: l,
+    responseType: l,
+    xsrfCookieName: l,
+    xsrfHeaderName: l,
+    onUploadProgress: l,
+    onDownloadProgress: l,
+    decompress: l,
+    maxContentLength: l,
+    maxBodyLength: l,
+    beforeRedirect: l,
+    transport: l,
+    httpAgent: l,
+    httpsAgent: l,
+    cancelToken: l,
+    socketPath: l,
+    responseEncoding: l,
+    validateStatus: i,
+    headers: (c, a, d) => o(headersToObject(c), headersToObject(a), d, !0)
   };
   return utils$1.forEach(Object.keys(Object.assign({}, e, t)), function(a) {
-    const d = c[a] || o, f = d(e[a], t[a], a);
-    utils$1.isUndefined(f) && d !== l || (n[a] = f);
+    const d = u[a] || o, f = d(e[a], t[a], a);
+    utils$1.isUndefined(f) && d !== i || (n[a] = f);
   }), n;
 }
 const resolveConfig = (e) => {
   const t = mergeConfig$1({}, e);
-  let { data: n, withXSRFToken: r, xsrfHeaderName: o, xsrfCookieName: s, headers: i, auth: l } = t;
-  t.headers = i = AxiosHeaders$1.from(i), t.url = buildURL(buildFullPath(t.baseURL, t.url, t.allowAbsoluteUrls), e.params, e.paramsSerializer), l && i.set(
+  let { data: n, withXSRFToken: r, xsrfHeaderName: o, xsrfCookieName: s, headers: l, auth: i } = t;
+  t.headers = l = AxiosHeaders$1.from(l), t.url = buildURL(buildFullPath(t.baseURL, t.url, t.allowAbsoluteUrls), e.params, e.paramsSerializer), i && l.set(
     "Authorization",
-    "Basic " + btoa((l.username || "") + ":" + (l.password ? unescape(encodeURIComponent(l.password)) : ""))
+    "Basic " + btoa((i.username || "") + ":" + (i.password ? unescape(encodeURIComponent(i.password)) : ""))
   );
-  let c;
+  let u;
   if (utils$1.isFormData(n)) {
     if (platform.hasStandardBrowserEnv || platform.hasStandardBrowserWebWorkerEnv)
-      i.setContentType(void 0);
-    else if ((c = i.getContentType()) !== !1) {
-      const [u, ...a] = c ? c.split(";").map((d) => d.trim()).filter(Boolean) : [];
-      i.setContentType([u || "multipart/form-data", ...a].join("; "));
+      l.setContentType(void 0);
+    else if ((u = l.getContentType()) !== !1) {
+      const [c, ...a] = u ? u.split(";").map((d) => d.trim()).filter(Boolean) : [];
+      l.setContentType([c || "multipart/form-data", ...a].join("; "));
     }
   }
   if (platform.hasStandardBrowserEnv && (r && utils$1.isFunction(r) && (r = r(t)), r || r !== !1 && isURLSameOrigin(t.url))) {
-    const u = o && s && cookies.read(s);
-    u && i.set(o, u);
+    const c = o && s && cookies.read(s);
+    c && l.set(o, c);
   }
   return t;
 }, isXHRAdapterSupported = typeof XMLHttpRequest < "u", xhrAdapter = isXHRAdapterSupported && function(e) {
   return new Promise(function(n, r) {
     const o = resolveConfig(e);
     let s = o.data;
-    const i = AxiosHeaders$1.from(o.headers).normalize();
-    let { responseType: l, onUploadProgress: c, onDownloadProgress: u } = o, a, d, f, h, p;
+    const l = AxiosHeaders$1.from(o.headers).normalize();
+    let { responseType: i, onUploadProgress: u, onDownloadProgress: c } = o, a, d, f, h, p;
     function y() {
       h && h(), p && p(), o.cancelToken && o.cancelToken.unsubscribe(a), o.signal && o.signal.removeEventListener("abort", a);
     }
     let m = new XMLHttpRequest();
     m.open(o.method.toUpperCase(), o.url, !0), m.timeout = o.timeout;
-    function $() {
+    function x() {
       if (!m)
         return;
-      const x = AxiosHeaders$1.from(
+      const v = AxiosHeaders$1.from(
         "getAllResponseHeaders" in m && m.getAllResponseHeaders()
       ), k = {
-        data: !l || l === "text" || l === "json" ? m.responseText : m.response,
+        data: !i || i === "text" || i === "json" ? m.responseText : m.response,
         status: m.status,
         statusText: m.statusText,
-        headers: x,
+        headers: v,
         config: e,
         request: m
       };
@@ -1358,8 +1449,8 @@ const resolveConfig = (e) => {
         r(g), y();
       }, k), m = null;
     }
-    "onloadend" in m ? m.onloadend = $ : m.onreadystatechange = function() {
-      !m || m.readyState !== 4 || m.status === 0 && !(m.responseURL && m.responseURL.indexOf("file:") === 0) || setTimeout($);
+    "onloadend" in m ? m.onloadend = x : m.onreadystatechange = function() {
+      !m || m.readyState !== 4 || m.status === 0 && !(m.responseURL && m.responseURL.indexOf("file:") === 0) || setTimeout(x);
     }, m.onabort = function() {
       m && (r(new AxiosError$1("Request aborted", AxiosError$1.ECONNABORTED, e, m)), m = null);
     }, m.onerror = function() {
@@ -1373,14 +1464,14 @@ const resolveConfig = (e) => {
         e,
         m
       )), m = null;
-    }, s === void 0 && i.setContentType(null), "setRequestHeader" in m && utils$1.forEach(i.toJSON(), function(_, k) {
+    }, s === void 0 && l.setContentType(null), "setRequestHeader" in m && utils$1.forEach(l.toJSON(), function(_, k) {
       m.setRequestHeader(k, _);
-    }), utils$1.isUndefined(o.withCredentials) || (m.withCredentials = !!o.withCredentials), l && l !== "json" && (m.responseType = o.responseType), u && ([f, p] = progressEventReducer(u, !0), m.addEventListener("progress", f)), c && m.upload && ([d, h] = progressEventReducer(c), m.upload.addEventListener("progress", d), m.upload.addEventListener("loadend", h)), (o.cancelToken || o.signal) && (a = (x) => {
-      m && (r(!x || x.type ? new CanceledError$1(null, e, m) : x), m.abort(), m = null);
+    }), utils$1.isUndefined(o.withCredentials) || (m.withCredentials = !!o.withCredentials), i && i !== "json" && (m.responseType = o.responseType), c && ([f, p] = progressEventReducer(c, !0), m.addEventListener("progress", f)), u && m.upload && ([d, h] = progressEventReducer(u), m.upload.addEventListener("progress", d), m.upload.addEventListener("loadend", h)), (o.cancelToken || o.signal) && (a = (v) => {
+      m && (r(!v || v.type ? new CanceledError$1(null, e, m) : v), m.abort(), m = null);
     }, o.cancelToken && o.cancelToken.subscribe(a), o.signal && (o.signal.aborted ? a() : o.signal.addEventListener("abort", a)));
-    const w = parseProtocol(o.url);
-    if (w && platform.protocols.indexOf(w) === -1) {
-      r(new AxiosError$1("Unsupported protocol " + w + ":", AxiosError$1.ERR_BAD_REQUEST, e));
+    const $ = parseProtocol(o.url);
+    if ($ && platform.protocols.indexOf($) === -1) {
+      r(new AxiosError$1("Unsupported protocol " + $ + ":", AxiosError$1.ERR_BAD_REQUEST, e));
       return;
     }
     m.send(s || null);
@@ -1389,24 +1480,24 @@ const resolveConfig = (e) => {
   const { length: n } = e = e ? e.filter(Boolean) : [];
   if (t || n) {
     let r = new AbortController(), o;
-    const s = function(u) {
+    const s = function(c) {
       if (!o) {
-        o = !0, l();
-        const a = u instanceof Error ? u : this.reason;
+        o = !0, i();
+        const a = c instanceof Error ? c : this.reason;
         r.abort(a instanceof AxiosError$1 ? a : new CanceledError$1(a instanceof Error ? a.message : a));
       }
     };
-    let i = t && setTimeout(() => {
-      i = null, s(new AxiosError$1(`timeout ${t} of ms exceeded`, AxiosError$1.ETIMEDOUT));
+    let l = t && setTimeout(() => {
+      l = null, s(new AxiosError$1(`timeout ${t} of ms exceeded`, AxiosError$1.ETIMEDOUT));
     }, t);
-    const l = () => {
-      e && (i && clearTimeout(i), i = null, e.forEach((u) => {
-        u.unsubscribe ? u.unsubscribe(s) : u.removeEventListener("abort", s);
+    const i = () => {
+      e && (l && clearTimeout(l), l = null, e.forEach((c) => {
+        c.unsubscribe ? c.unsubscribe(s) : c.removeEventListener("abort", s);
       }), e = null);
     };
-    e.forEach((u) => u.addEventListener("abort", s));
-    const { signal: c } = r;
-    return c.unsubscribe = () => utils$1.asap(l), c;
+    e.forEach((c) => c.addEventListener("abort", s));
+    const { signal: u } = r;
+    return u.unsubscribe = () => utils$1.asap(i), u;
   }
 }, streamChunk = function* (e, t) {
   let n = e.byteLength;
@@ -1438,15 +1529,15 @@ const resolveConfig = (e) => {
   }
 }, trackStream = (e, t, n, r) => {
   const o = readBytes(e, t);
-  let s = 0, i, l = (c) => {
-    i || (i = !0, r && r(c));
+  let s = 0, l, i = (u) => {
+    l || (l = !0, r && r(u));
   };
   return new ReadableStream({
-    async pull(c) {
+    async pull(u) {
       try {
-        const { done: u, value: a } = await o.next();
-        if (u) {
-          l(), c.close();
+        const { done: c, value: a } = await o.next();
+        if (c) {
+          i(), u.close();
           return;
         }
         let d = a.byteLength;
@@ -1454,13 +1545,13 @@ const resolveConfig = (e) => {
           let f = s += d;
           n(f);
         }
-        c.enqueue(new Uint8Array(a));
-      } catch (u) {
-        throw l(u), u;
+        u.enqueue(new Uint8Array(a));
+      } catch (c) {
+        throw i(c), c;
       }
     },
-    cancel(c) {
-      return l(c), o.return();
+    cancel(u) {
+      return i(u), o.return();
     }
   }, {
     highWaterMark: 2
@@ -1515,37 +1606,37 @@ const getBodyLength = async (e) => {
     data: r,
     signal: o,
     cancelToken: s,
-    timeout: i,
-    onDownloadProgress: l,
-    onUploadProgress: c,
-    responseType: u,
+    timeout: l,
+    onDownloadProgress: i,
+    onUploadProgress: u,
+    responseType: c,
     headers: a,
     withCredentials: d = "same-origin",
     fetchOptions: f
   } = resolveConfig(e);
-  u = u ? (u + "").toLowerCase() : "text";
-  let h = composeSignals([o, s && s.toAbortSignal()], i), p;
+  c = c ? (c + "").toLowerCase() : "text";
+  let h = composeSignals([o, s && s.toAbortSignal()], l), p;
   const y = h && h.unsubscribe && (() => {
     h.unsubscribe();
   });
   let m;
   try {
-    if (c && supportsRequestStream && n !== "get" && n !== "head" && (m = await resolveBodyLength(a, r)) !== 0) {
+    if (u && supportsRequestStream && n !== "get" && n !== "head" && (m = await resolveBodyLength(a, r)) !== 0) {
       let k = new Request(t, {
         method: "POST",
         body: r,
         duplex: "half"
       }), b;
       if (utils$1.isFormData(r) && (b = k.headers.get("content-type")) && a.setContentType(b), k.body) {
-        const [g, v] = progressEventDecorator(
+        const [g, w] = progressEventDecorator(
           m,
-          progressEventReducer(asyncDecorator(c))
+          progressEventReducer(asyncDecorator(u))
         );
-        r = trackStream(k.body, DEFAULT_CHUNK_SIZE, g, v);
+        r = trackStream(k.body, DEFAULT_CHUNK_SIZE, g, w);
       }
     }
     utils$1.isString(d) || (d = d ? "include" : "omit");
-    const $ = "credentials" in Request.prototype;
+    const x = "credentials" in Request.prototype;
     p = new Request(t, {
       ...f,
       signal: h,
@@ -1553,45 +1644,45 @@ const getBodyLength = async (e) => {
       headers: a.normalize().toJSON(),
       body: r,
       duplex: "half",
-      credentials: $ ? d : void 0
+      credentials: x ? d : void 0
     });
-    let w = await fetch(p, f);
-    const x = supportsResponseStream && (u === "stream" || u === "response");
-    if (supportsResponseStream && (l || x && y)) {
+    let $ = await fetch(p, f);
+    const v = supportsResponseStream && (c === "stream" || c === "response");
+    if (supportsResponseStream && (i || v && y)) {
       const k = {};
       ["status", "statusText", "headers"].forEach((E) => {
-        k[E] = w[E];
+        k[E] = $[E];
       });
-      const b = utils$1.toFiniteNumber(w.headers.get("content-length")), [g, v] = l && progressEventDecorator(
+      const b = utils$1.toFiniteNumber($.headers.get("content-length")), [g, w] = i && progressEventDecorator(
         b,
-        progressEventReducer(asyncDecorator(l), !0)
+        progressEventReducer(asyncDecorator(i), !0)
       ) || [];
-      w = new Response(
-        trackStream(w.body, DEFAULT_CHUNK_SIZE, g, () => {
-          v && v(), y && y();
+      $ = new Response(
+        trackStream($.body, DEFAULT_CHUNK_SIZE, g, () => {
+          w && w(), y && y();
         }),
         k
       );
     }
-    u = u || "text";
-    let _ = await resolvers[utils$1.findKey(resolvers, u) || "text"](w, e);
-    return !x && y && y(), await new Promise((k, b) => {
+    c = c || "text";
+    let _ = await resolvers[utils$1.findKey(resolvers, c) || "text"]($, e);
+    return !v && y && y(), await new Promise((k, b) => {
       settle(k, b, {
         data: _,
-        headers: AxiosHeaders$1.from(w.headers),
-        status: w.status,
-        statusText: w.statusText,
+        headers: AxiosHeaders$1.from($.headers),
+        status: $.status,
+        statusText: $.statusText,
         config: e,
         request: p
       });
     });
-  } catch ($) {
-    throw y && y(), $ && $.name === "TypeError" && /Load failed|fetch/i.test($.message) ? Object.assign(
+  } catch (x) {
+    throw y && y(), x && x.name === "TypeError" && /Load failed|fetch/i.test(x.message) ? Object.assign(
       new AxiosError$1("Network Error", AxiosError$1.ERR_NETWORK, e, p),
       {
-        cause: $.cause || $
+        cause: x.cause || x
       }
-    ) : AxiosError$1.from($, $ && $.code, e, p);
+    ) : AxiosError$1.from(x, x && x.code, e, p);
   }
 }), knownAdapters = {
   http: httpAdapter,
@@ -1615,22 +1706,22 @@ const renderReason = (e) => `- ${e}`, isResolvedHandle = (e) => utils$1.isFuncti
     const o = {};
     for (let s = 0; s < t; s++) {
       n = e[s];
-      let i;
-      if (r = n, !isResolvedHandle(n) && (r = knownAdapters[(i = String(n)).toLowerCase()], r === void 0))
-        throw new AxiosError$1(`Unknown adapter '${i}'`);
+      let l;
+      if (r = n, !isResolvedHandle(n) && (r = knownAdapters[(l = String(n)).toLowerCase()], r === void 0))
+        throw new AxiosError$1(`Unknown adapter '${l}'`);
       if (r)
         break;
-      o[i || "#" + s] = r;
+      o[l || "#" + s] = r;
     }
     if (!r) {
       const s = Object.entries(o).map(
-        ([l, c]) => `adapter ${l} ` + (c === !1 ? "is not supported by the environment" : "is not available in the build")
+        ([i, u]) => `adapter ${i} ` + (u === !1 ? "is not supported by the environment" : "is not available in the build")
       );
-      let i = t ? s.length > 1 ? `since :
+      let l = t ? s.length > 1 ? `since :
 ` + s.map(renderReason).join(`
 `) : " " + renderReason(s[0]) : "as no adapter specified";
       throw new AxiosError$1(
-        "There is no suitable adapter to dispatch the request " + i,
+        "There is no suitable adapter to dispatch the request " + l,
         "ERR_NOT_SUPPORT"
       );
     }
@@ -1668,21 +1759,21 @@ const VERSION$1 = "1.10.0", validators$1 = {};
 });
 const deprecatedWarnings = {};
 validators$1.transitional = function(t, n, r) {
-  function o(s, i) {
-    return "[Axios v" + VERSION$1 + "] Transitional option '" + s + "'" + i + (r ? ". " + r : "");
+  function o(s, l) {
+    return "[Axios v" + VERSION$1 + "] Transitional option '" + s + "'" + l + (r ? ". " + r : "");
   }
-  return (s, i, l) => {
+  return (s, l, i) => {
     if (t === !1)
       throw new AxiosError$1(
-        o(i, " has been removed" + (n ? " in " + n : "")),
+        o(l, " has been removed" + (n ? " in " + n : "")),
         AxiosError$1.ERR_DEPRECATED
       );
-    return n && !deprecatedWarnings[i] && (deprecatedWarnings[i] = !0, console.warn(
+    return n && !deprecatedWarnings[l] && (deprecatedWarnings[l] = !0, console.warn(
       o(
-        i,
+        l,
         " has been deprecated since v" + n + " and will be removed in the near future"
       )
-    )), t ? t(s, i, l) : !0;
+    )), t ? t(s, l, i) : !0;
   };
 };
 validators$1.spelling = function(t) {
@@ -1694,11 +1785,11 @@ function assertOptions(e, t, n) {
   const r = Object.keys(e);
   let o = r.length;
   for (; o-- > 0; ) {
-    const s = r[o], i = t[s];
-    if (i) {
-      const l = e[s], c = l === void 0 || i(l, s, e);
-      if (c !== !0)
-        throw new AxiosError$1("option " + s + " must be " + c, AxiosError$1.ERR_BAD_OPTION_VALUE);
+    const s = r[o], l = t[s];
+    if (l) {
+      const i = e[s], u = i === void 0 || l(i, s, e);
+      if (u !== !0)
+        throw new AxiosError$1("option " + s + " must be " + u, AxiosError$1.ERR_BAD_OPTION_VALUE);
       continue;
     }
     if (n !== !0)
@@ -1757,7 +1848,7 @@ let Axios$1 = class {
       baseUrl: validators.spelling("baseURL"),
       withXsrfToken: validators.spelling("withXSRFToken")
     }, !0), n.method = (n.method || this.defaults.method || "get").toLowerCase();
-    let i = s && utils$1.merge(
+    let l = s && utils$1.merge(
       s.common,
       s[n.method]
     );
@@ -1766,27 +1857,27 @@ let Axios$1 = class {
       (p) => {
         delete s[p];
       }
-    ), n.headers = AxiosHeaders$1.concat(i, s);
-    const l = [];
-    let c = !0;
+    ), n.headers = AxiosHeaders$1.concat(l, s);
+    const i = [];
+    let u = !0;
     this.interceptors.request.forEach(function(y) {
-      typeof y.runWhen == "function" && y.runWhen(n) === !1 || (c = c && y.synchronous, l.unshift(y.fulfilled, y.rejected));
+      typeof y.runWhen == "function" && y.runWhen(n) === !1 || (u = u && y.synchronous, i.unshift(y.fulfilled, y.rejected));
     });
-    const u = [];
+    const c = [];
     this.interceptors.response.forEach(function(y) {
-      u.push(y.fulfilled, y.rejected);
+      c.push(y.fulfilled, y.rejected);
     });
     let a, d = 0, f;
-    if (!c) {
+    if (!u) {
       const p = [dispatchRequest.bind(this), void 0];
-      for (p.unshift.apply(p, l), p.push.apply(p, u), f = p.length, a = Promise.resolve(n); d < f; )
+      for (p.unshift.apply(p, i), p.push.apply(p, c), f = p.length, a = Promise.resolve(n); d < f; )
         a = a.then(p[d++], p[d++]);
       return a;
     }
-    f = l.length;
+    f = i.length;
     let h = n;
     for (d = 0; d < f; ) {
-      const p = l[d++], y = l[d++];
+      const p = i[d++], y = i[d++];
       try {
         h = p(h);
       } catch (m) {
@@ -1799,8 +1890,8 @@ let Axios$1 = class {
     } catch (p) {
       return Promise.reject(p);
     }
-    for (d = 0, f = u.length; d < f; )
-      a = a.then(u[d++], u[d++]);
+    for (d = 0, f = c.length; d < f; )
+      a = a.then(c[d++], c[d++]);
     return a;
   }
   getUri(t) {
@@ -1820,14 +1911,14 @@ utils$1.forEach(["delete", "get", "head", "options"], function(t) {
 });
 utils$1.forEach(["post", "put", "patch"], function(t) {
   function n(r) {
-    return function(s, i, l) {
-      return this.request(mergeConfig$1(l || {}, {
+    return function(s, l, i) {
+      return this.request(mergeConfig$1(i || {}, {
         method: t,
         headers: r ? {
           "Content-Type": "multipart/form-data"
         } : {},
         url: s,
-        data: i
+        data: l
       }));
     };
   }
@@ -1850,14 +1941,14 @@ let CancelToken$1 = class C {
       r._listeners = null;
     }), this.promise.then = (o) => {
       let s;
-      const i = new Promise((l) => {
-        r.subscribe(l), s = l;
+      const l = new Promise((i) => {
+        r.subscribe(i), s = i;
       }).then(o);
-      return i.cancel = function() {
+      return l.cancel = function() {
         r.unsubscribe(s);
-      }, i;
-    }, t(function(s, i, l) {
-      r.reason || (r.reason = new CanceledError$1(s, i, l), n(r.reason));
+      }, l;
+    }, t(function(s, l, i) {
+      r.reason || (r.reason = new CanceledError$1(s, l, i), n(r.reason));
     });
   }
   /**
@@ -2030,7 +2121,7 @@ const {
   for (const [r, o] of t)
     n[r] = o;
   return n;
-}, _sfc_main$q = {}, _hoisted_1$m = {
+}, _sfc_main$p = {}, _hoisted_1$l = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2041,618 +2132,103 @@ const {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
 function _sfc_render$b(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$m, t[0] || (t[0] = [
-    createElementVNode("path", {
-      stroke: "none",
-      d: "M0 0h24v24H0z",
-      fill: "none"
-    }, null, -1),
-    createElementVNode("path", { d: "M5 12l5 5l10 -10" }, null, -1)
-  ]));
-}
-const IconCheck = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$b]]), _sfc_main$p = {}, _hoisted_1$l = {
-  xmlns: "http://www.w3.org/2000/svg",
-  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-chevron-down"
-};
-function _sfc_render$a(e, t) {
   return openBlock(), createElementBlock("svg", _hoisted_1$l, t[0] || (t[0] = [
     createElementVNode("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    createElementVNode("path", { d: "M6 9l6 6l6 -6" }, null, -1)
-  ]));
-}
-const IconChevronDown = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$a]]), _sfc_main$o = {}, _hoisted_1$k = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-};
-function _sfc_render$9(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, t[0] || (t[0] = [
-    createElementVNode("path", { d: "m7 15 5 5 5-5" }, null, -1),
-    createElementVNode("path", { d: "m7 9 5-5 5 5" }, null, -1)
-  ]));
-}
-const IconChevronTopBottom = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$9]]), _sfc_main$n = {}, _hoisted_1$j = {
-  xmlns: "http://www.w3.org/2000/svg",
-  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-x"
-};
-function _sfc_render$8(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$j, t[0] || (t[0] = [
-    createElementVNode("path", {
-      stroke: "none",
-      d: "M0 0h24v24H0z",
-      fill: "none"
-    }, null, -1),
-    createElementVNode("path", { d: "M18 6l-12 12" }, null, -1),
-    createElementVNode("path", { d: "M6 6l12 12" }, null, -1)
+    createElementVNode("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$8]]), dynamicPosition = async (e, t, n, r = 10) => {
-  if (!t || !n) return;
-  await nextTick();
-  const o = await n?.getBoundingClientRect(), s = await t?.getBoundingClientRect();
-  if (!s || !o) return;
-  const i = await parseInt(t?.getBoundingClientRect()?.height.toString()), l = await parseInt(t?.getBoundingClientRect()?.width.toString()), c = await parseInt(n?.getBoundingClientRect()?.height.toString()), u = await parseInt(n?.getBoundingClientRect()?.width.toString()), a = await window.innerHeight, d = await window.innerWidth;
-  let f = 0, h = 0;
-  const p = s.bottom + r + c;
-  switch (e) {
-    case "top":
-      s.top - o.height - r < 0 ? f = s.top - o.height + r + c + i : f = s.top - o.height - r, d > u + s.right + 30 ? h = s.left - o.width / 2 + s.width / 2 : h = d - 30 - u;
-      break;
-    case "bottom":
-      a > p ? f = s.bottom + r : f = s.bottom - r - c - i, h = s.left - o.width / 2 + s.width / 2;
-      break;
-    case "left":
-      f = s.top - o.height / 2 + s.height / 2, s.left - o.width - r > 0 ? h = s.left - o.width - r : h = 10;
-      break;
-    case "right":
-      f = s.top - o.height / 2 + s.height / 2, d - l > u ? h = s.right + r : h = d - 30 - u;
-      break;
-    case "top-right":
-      s.top - o.height - r < 0 ? f = s.top - o.height + r + c + i : f = s.top - o.height - r, d - l > u ? h = s.right + r : h = d - 30 - u;
-      break;
-    case "top-left":
-      s.top - o.height - r < 0 ? f = s.top - o.height + r + c + i : f = s.top - o.height - r, s.left - o.width - r > 0 ? h = s.left - o.width - r : h = 10;
-      break;
-    case "top-start":
-      s.top - o.height - r < 0 ? f = s.top - o.height + r + c + i : f = s.top - o.height - r, s.left > 0 ? h = s.left : h = 10;
-      break;
-    case "bottom-right":
-      a > p ? f = s.bottom + r : f = s.bottom - r - c - i, d - l > u ? h = s.left : h = d - 30 - u;
-      break;
-    case "bottom-left":
-      a > p ? f = s.bottom + r : f = s.bottom - r - c - i, s.left > 0 ? h = s.right - u : h = 10;
-      break;
-    case "bottom-start":
-      a > p ? f = s.bottom + r : f = s.bottom - r - c - i, s.left > 0 ? h = s.left : h = 10;
-      break;
+const IconCheck = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$b]]), _hoisted_1$k = { class: "flex items-center gap-[4px]" }, _hoisted_2$6 = ["value", "id", "disabled"], _hoisted_3$3 = ["for"], _hoisted_4$2 = { class: "text-[13px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "vs-checkbox-default",
+  props: {
+    value: { type: [String, Number], default: "" },
+    label: { type: [String, Number], default: "" },
+    disabled: { type: Boolean, default: !1 },
+    id: { type: [String, Number] },
+    modelValue: Boolean,
+    info: { type: String, default: () => "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = t, r = e, o = computed({
+      get: () => r.modelValue,
+      set: (s) => n("update:modelValue", s)
+    });
+    return (s, l) => (openBlock(), createElementBlock("div", _hoisted_1$k, [
+      withDirectives(createElementVNode("input", {
+        type: "checkbox",
+        value: e.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (i) => o.value = i),
+        class: normalizeClass(["shrink-0 border border-solid hidden border-gray-200 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": e.disabled }]),
+        id: e.id,
+        disabled: e.disabled
+      }, null, 10, _hoisted_2$6), [
+        [vModelCheckbox, o.value]
+      ]),
+      createElementVNode("label", {
+        for: e.id,
+        class: normalizeClass(["flex flex-1 checkbox-label items-center gap-x-3 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": e.disabled }])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [o.value ? "bg-blue-600" : "bg-white"]])
+        }, [
+          createVNode(IconCheck, {
+            height: "12",
+            width: "12"
+          })
+        ], 2),
+        createElementVNode("span", _hoisted_4$2, [
+          renderSlot(s.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(e.label), 1)
+          ])
+        ])
+      ], 10, _hoisted_3$3)
+    ]));
   }
-  f + c > a ? f = a - c - r : f < 0 && (f = r), h + u > d ? h = d - u - r : h < 0 && (h = r), n instanceof HTMLElement && (n.style.top = `${f}px`, n.style.left = `${h}px`, n.style.position = "fixed");
-}, _hoisted_1$i = ["disabled"], _hoisted_2$5 = { key: 1 }, _hoisted_3$2 = {
-  key: 2,
-  class: "text-gray-400"
-}, _hoisted_4$2 = { class: "absolute top-[50%] text-gray-500 translate-y-[-50%] right-[10px] pointer-events-none" }, _hoisted_5 = ["onClick"], _hoisted_6 = { class: "flex items-center gap-[8px] w-full" }, _hoisted_7 = { key: 1 }, _sfc_main$m = /* @__PURE__ */ defineComponent({
-  __name: "vs-input-select",
-  props: /* @__PURE__ */ mergeModels({
-    placeholder: { default: "Оберіть значення" },
-    prefix: { default: "api" },
-    host: { default: "" },
-    data: { default: null },
-    options: { default: () => [] },
-    maxHeight: { default: 400 },
-    slots: { default: null },
-    customClass: { default: "" },
-    style: { default: () => ({}) },
-    disabled: { type: Boolean }
-  }, {
+}), _hoisted_1$j = ["name", "value", "disabled"], _hoisted_2$5 = { class: "flex items-center gap-[6px] text-[14px]" }, _hoisted_3$2 = {
+  key: 0,
+  class: "text-[16px]"
+}, _hoisted_4$1 = ["src"], _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "vs-checkbox-buttons",
+  props: {
+    value: { type: [String, Number, Boolean], default: "" },
+    label: { type: [String, Number], default: "" },
     modelValue: {
-      type: [Number, String],
-      default: null
+      type: [Array, String, Boolean],
+      default: ""
     },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, { inputClass: n } = useStyle(t.style), r = useModel(e, "modelValue"), o = ref({}), s = ref(null), i = ref(null), l = ref(!1), c = ref(null), u = ref([]), a = ref(-1), d = ref([]), f = computed(() => u.value?.length ? [
-      c.value,
-      ...u.value?.filter((b) => b?.id !== c.value?.id)
-    ].filter((b) => b !== null) : []), h = async () => {
-      try {
-        const { data: b } = await axios.get(
-          `${t.host}/${t.prefix}/suggest/${t.data}?json=1`
-        );
-        return b.data;
-      } catch {
-        return [];
-      }
-    }, p = async (b) => {
-      document.body.click(), l.value = b !== void 0 ? b : !l.value, l.value && !u.value?.length && (!t.options?.length && t.data ? u.value = await h() : t.options?.length && (u.value = [...t.options])), l.value && s.value ? (o.value.width = `${s.value.getBoundingClientRect()?.width}px`, i.value && dynamicPosition("bottom-start", s.value, i.value)) : a.value = -1;
-    }, y = () => l.value ? p(!1) : null, m = (b) => {
-      c.value = b, r.value = b.id, p(!1);
-    }, $ = (b, g) => {
-      if (!b || !g) return;
-      const v = b.offsetTop, E = v + b.offsetHeight, S = g.scrollTop, B = S + g.clientHeight;
-      v < S ? g.scrollTop = v - 80 : E > B && (g.scrollTop = E - g.clientHeight + 4);
-    }, w = (b) => {
-      if (!l.value) return;
-      const { keyCode: g } = b;
-      if ([38, 40, 13].includes(g) && b.preventDefault(), g == 38) {
-        if (a.value == 0) return;
-        a.value -= 1, $(d.value[a.value], i.value);
-      } else if (g == 40) {
-        if (a.value + 1 >= f.value?.length) return;
-        a.value += 1, $(d.value[a.value], i.value);
-      } else if (g == 13) {
-        const v = f.value[a.value];
-        v && m(v);
-      }
-    }, x = async (b) => {
-      if (l.value) return;
-      const { keyCode: g } = b;
-      [38, 40].includes(g) && (await b.preventDefault(), a.value = 0, setTimeout(() => p()));
-    }, _ = (b) => {
-      l.value && s.value && i.value && !i.value.contains(b.target) && (l.value = !1);
-    }, k = (b) => {
-      b?.key === "Escape" && l.value && p(!1);
-    };
-    return onMounted(async () => {
-      addEventListener("click", y), addEventListener("keydown", w), addEventListener("scroll", _, !0), addEventListener("keydown", k), r.value && !t.options?.length && t.data && (u.value = await h(), c.value = u.value?.find((b) => b?.id === r.value) || null);
-    }), onUnmounted(() => {
-      removeEventListener("click", y), removeEventListener("keydown", w), removeEventListener("scroll", _, !0), removeEventListener("keydown", k);
-    }), (b, g) => (openBlock(), createElementBlock("div", {
-      class: "relative w-full",
-      ref_key: "select",
-      ref: s,
-      onClick: g[3] || (g[3] = withModifiers(() => {
-      }, ["stop"]))
-    }, [
-      createElementVNode("button", {
-        type: "button",
-        class: normalizeClass(["block w-full flex items-center gap-[8px] pl-[16px] pr-[60px] bg-white w-[calc(100%)] overflow-ellipsis", [
-          l.value ? `ring-rind ring-2 ring-${b.style?.primaryColor || "blue"}-500` : "",
-          unref(n),
-          b.customClass
-        ]]),
-        onKeydown: x,
-        onClick: g[0] || (g[0] = (v) => p(!l.value)),
-        disabled: b.disabled,
-        style: {
-          border: "1px solid #e0e0e0"
-        }
-      }, [
-        c.value?.color ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: "w-[16px] h-[16px] rounded-md block",
-          style: normalizeStyle({ backgroundColor: c.value?.color })
-        }, null, 4)) : createCommentVNode("", !0),
-        c.value?.text ? (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(c.value?.text), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(b.placeholder), 1))
-      ], 42, _hoisted_1$i),
-      createElementVNode("span", _hoisted_4$2, [
-        createVNode(unref(IconChevronTopBottom), {
-          height: "14",
-          width: "14"
-        })
-      ]),
-      c.value?.text ? (openBlock(), createElementBlock("button", {
-        key: 0,
-        type: "button",
-        onClick: g[1] || (g[1] = (v) => {
-          r.value = null, c.value = null;
-        }),
-        class: "absolute top-[50%] text-gray-500 translate-y-[-50%] hover:text-red-600 right-[30px]"
-      }, [
-        createVNode(unref(IconClose), {
-          height: "14",
-          width: "14"
-        })
-      ])) : createCommentVNode("", !0),
-      (openBlock(), createBlock(Teleport, { to: "body" }, [
-        withDirectives(createElementVNode("ul", {
-          class: "z-[90] border rounded-lg fixed flex flex-col gap-[2px] p-1 bg-white overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-[6px] [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500",
-          ref_key: "list",
-          ref: i,
-          style: normalizeStyle({
-            width: o.value.width,
-            maxHeight: b.maxHeight + "px",
-            backgroundColor: "white"
-          }),
-          onClick: g[2] || (g[2] = withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          f.value?.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            g[4] || (g[4] = createElementVNode("li", { class: "sticky top-[-4px] text-[12px] bg-white p-1 z-[2] px-4 text-gray-400" }, " Натисніть Enter для вибору, ↑↓ для навігації, Esc для закриття ", -1)),
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(f.value, (v, E) => (openBlock(), createElementBlock("li", {
-              onClick: (S) => m(v),
-              key: v?.id,
-              ref_for: !0,
-              ref: (S) => d.value[E] = S,
-              class: normalizeClass(["cursor-pointer relative py-2 px-4 w-full text-[14px] text-gray-800 hover:bg-gray-100 rounded-lg", [a.value == E ? "bg-gray-100" : ""]])
-            }, [
-              createElementVNode("span", _hoisted_6, [
-                v?.color ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  class: "w-[16px] h-[16px] rounded-md block",
-                  style: normalizeStyle({ backgroundColor: v?.color })
-                }, null, 4)) : createCommentVNode("", !0),
-                createTextVNode(" " + toDisplayString(v?.text), 1)
-              ]),
-              r.value == v?.id ? (openBlock(), createBlock(unref(IconCheck), {
-                key: 0,
-                height: "14",
-                width: "14",
-                "stroke-width": "2",
-                class: "absolute right-[16px] top-[50%] translate-y-[-50%] text-blue-600"
-              })) : createCommentVNode("", !0)
-            ], 10, _hoisted_5))), 128))
-          ], 64)) : (openBlock(), createElementBlock("li", _hoisted_7, "Дані відсутні"))
-        ], 4), [
-          [vShow, l.value]
-        ])
-      ]))
-    ], 512));
-  }
-}), _hoisted_1$h = ["disabled"], _sfc_main$l = /* @__PURE__ */ defineComponent({
-  __name: "vs-input-switcher",
-  props: /* @__PURE__ */ mergeModels({
-    style: {
-      type: Object,
-      default: () => ({})
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    customClass: {
-      type: String,
-      default: ""
-    }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = useModel(e, "modelValue");
-    return (n, r) => (openBlock(), createElementBlock("button", {
-      type: "button",
-      class: normalizeClass(["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", [`bg-${e.style?.primaryColor || "blue"}-500`, e.customClass]]),
-      disabled: e.disabled,
-      onClick: r[0] || (r[0] = (o) => t.value = !t.value)
-    }, [
-      createElementVNode("span", {
-        "data-state": "checked",
-        class: normalizeClass(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
-      }, null, 2)
-    ], 10, _hoisted_1$h));
-  }
-}), _hoisted_1$g = ["innerHTML"], _sfc_main$k = /* @__PURE__ */ defineComponent({
-  __name: "vs-input-static",
-  props: {
-    html: {
-      type: String,
-      default: ""
-    },
-    customClass: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(e) {
-    return (t, n) => (openBlock(), createElementBlock("div", {
-      class: normalizeClass(e.customClass),
-      innerHTML: e.html
-    }, null, 10, _hoisted_1$g));
-  }
-}), _hoisted_1$f = { class: "flex items-center justify-between" }, _hoisted_2$4 = { class: "grid gap-3" }, _sfc_main$j = /* @__PURE__ */ defineComponent({
-  __name: "vs-container-switcher",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    style: {
-      type: Object,
-      default: () => ({})
-    },
-    isOpen: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(e) {
-    const t = e, n = ref(t.isOpen);
-    return watch(
-      () => t.isOpen,
-      (r) => {
-        n.value = r;
-      }
-    ), (r, o) => (openBlock(), createElementBlock("div", null, [
-      createElementVNode("div", _hoisted_1$f, [
-        createElementVNode("p", null, toDisplayString(e.title), 1),
-        createVNode(_sfc_main$l, {
-          modelValue: n.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
-          style: normalizeStyle(e.style)
-        }, null, 8, ["modelValue", "style"])
-      ]),
-      createVNode(Transition, { name: "slide-fade" }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", _hoisted_2$4, [
-            renderSlot(r.$slots, "default", {}, void 0, !0)
-          ], 512), [
-            [vShow, n.value]
-          ])
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), VsContainerSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-34f848b8"]]), _hoisted_1$e = { class: "grid gap-3" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "vs-container-accordion",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    style: {
-      type: Object,
-      default: () => ({})
-    },
-    isOpen: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(e) {
-    const t = e, n = ref(t.isOpen);
-    return watch(
-      () => t.isOpen,
-      (r) => {
-        n.value = r;
-      }
-    ), (r, o) => (openBlock(), createElementBlock("div", null, [
-      createElementVNode("button", {
-        type: "button",
-        onClick: o[0] || (o[0] = (s) => n.value = !n.value),
-        class: "flex items-center gap-2"
-      }, [
-        createVNode(unref(IconChevronDown), {
-          class: normalizeClass(["h-4 w-4 duration-300", [n.value ? "-rotate-180" : ""]])
-        }, null, 8, ["class"]),
-        createElementVNode("span", null, toDisplayString(e.title), 1)
-      ]),
-      createVNode(Transition, { name: "slide-fade" }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", _hoisted_1$e, [
-            renderSlot(r.$slots, "default", {}, void 0, !0)
-          ], 512), [
-            [vShow, n.value]
-          ])
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), VsContainerAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-896e4c89"]]), _hoisted_1$d = { class: "flex items-center justify-between" }, _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "vs-container-default",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    style: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(e) {
-    return (t, n) => (openBlock(), createElementBlock("div", null, [
-      createElementVNode("div", _hoisted_1$d, [
-        createElementVNode("p", null, toDisplayString(e.title), 1)
-      ]),
-      renderSlot(t.$slots, "default")
-    ]));
-  }
-}), views = {
-  switcher: VsContainerSwitcher,
-  accordion: VsContainerAccordion,
-  default: _sfc_main$h
-}, FormConditionsTypes = {
-  Equal: "==",
-  Inequal: "!=",
-  Higer: ">",
-  HigerOrEqual: ">=",
-  Lower: "<",
-  LowerOrEqual: "<=",
-  Between: "between",
-  StartWith: "^",
-  EndWith: "$",
-  Contain: "*",
-  In: "in",
-  NotIn: "not_in"
-}, checkEqual = (e, t) => e === t, checkInequal = (e, t) => e !== t, checkHigher = (e, t) => e > t, checkHigherOrEqual = (e, t) => e >= t, checkLower = (e, t) => e < t, checkLowerOrEqual = (e, t) => e <= t, checkBetween = (e, t) => Array.isArray(t) && t.length === 2 ? e >= t[0] && e <= t[1] : !1, checkStartWith = (e, t) => String(e).startsWith(String(t)), checkEndWith = (e, t) => String(e).endsWith(String(t)), checkContain = (e, t) => String(e).includes(String(t)), checkIn = (e, t) => Array.isArray(t) ? t.includes(e) : !1, checkNotIn = (e, t) => Array.isArray(t) ? !t.includes(e) : !0, isVisible = (e, t) => {
-  if (!t) return !0;
-  switch (t?.[1]) {
-    case FormConditionsTypes.Equal:
-      return checkEqual(e, t?.[2]);
-    case FormConditionsTypes.Inequal:
-      return checkInequal(e, t?.[2]);
-    case FormConditionsTypes.Higer:
-      return checkHigher(e, t?.[2]);
-    case FormConditionsTypes.HigerOrEqual:
-      return checkHigherOrEqual(e, t?.[2]);
-    case FormConditionsTypes.Lower:
-      return checkLower(e, t?.[2]);
-    case FormConditionsTypes.LowerOrEqual:
-      return checkLowerOrEqual(e, t?.[2]);
-    case FormConditionsTypes.Between:
-      return checkBetween(e, t?.[2]);
-    case FormConditionsTypes.StartWith:
-      return checkStartWith(e, t?.[2]);
-    case FormConditionsTypes.EndWith:
-      return checkEndWith(e, t?.[2]);
-    case FormConditionsTypes.Contain:
-      return checkContain(e, t?.[2]);
-    case FormConditionsTypes.In:
-      return checkIn(e, t?.[2]);
-    case FormConditionsTypes.NotIn:
-      return checkNotIn(e, t?.[2]);
-    default:
-      return !0;
-  }
-}, _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "vs-input-container",
-  props: {
-    style: {
-      type: Object,
-      default: () => ({})
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    view: {
-      type: String,
-      default: "default"
-    },
-    schema: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(e) {
-    const t = e, n = inject("formValues", { default: {} }), r = inject("form"), o = computed(() => t.schema?.filter((i) => {
-      const l = i?.conditions;
-      if (!l) return !0;
-      const c = Array.isArray(l) ? l[0] : l, u = n?.value?.[c];
-      return isVisible(u, l);
-    })), s = computed(() => views[t.view]);
-    return (i, l) => e.schema?.length ? (openBlock(), createBlock(resolveDynamicComponent(s.value), {
-      key: 0,
-      title: e.title,
-      style: normalizeStyle(e.style)
-    }, {
-      default: withCtx(() => [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(o.value, (c) => (openBlock(), createBlock(_sfc_main$1, mergeProps({
-          key: c.name
-        }, { ref_for: !0 }, c, {
-          item: c,
-          modelValue: unref(n)[c.name],
-          "onUpdate:modelValue": (u) => unref(n)[c.name] = u,
-          style: e.style,
-          error: unref(r)?.errors?.[c.name]
-        }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
-      ]),
-      _: 1
-    }, 8, ["title", "style"])) : createCommentVNode("", !0);
-  }
-}), _hoisted_1$c = { class: "flex items-center gap-[4px]" }, _hoisted_2$3 = ["value", "id", "disabled"], _hoisted_3$1 = ["for"], _hoisted_4$1 = { class: "text-[13px] text-gray-500 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "vs-checkbox-default",
-  props: {
-    value: { type: [String, Number], default: "" },
-    label: { type: [String, Number], default: "" },
-    disabled: { type: Boolean, default: !1 },
-    id: { type: [String, Number] },
-    modelValue: Boolean,
-    info: { type: String, default: () => "" }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const n = t, r = e, o = computed({
-      get: () => r.modelValue,
-      set: (s) => n("update:modelValue", s)
-    });
-    return (s, i) => (openBlock(), createElementBlock("div", _hoisted_1$c, [
-      withDirectives(createElementVNode("input", {
-        type: "checkbox",
-        value: e.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (l) => o.value = l),
-        class: normalizeClass(["shrink-0 border border-solid hidden border-gray-200 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": e.disabled }]),
-        id: e.id,
-        disabled: e.disabled
-      }, null, 10, _hoisted_2$3), [
-        [vModelCheckbox, o.value]
-      ]),
-      createElementVNode("label", {
-        for: e.id,
-        class: normalizeClass(["flex flex-1 checkbox-label items-center gap-x-3 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": e.disabled }])
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [o.value ? "bg-blue-600" : "bg-white"]])
-        }, [
-          createVNode(IconCheck, {
-            height: "12",
-            width: "12"
-          })
-        ], 2),
-        createElementVNode("span", _hoisted_4$1, [
-          renderSlot(s.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(e.label), 1)
-          ])
-        ])
-      ], 10, _hoisted_3$1)
-    ]));
-  }
-}), _hoisted_1$b = ["name", "value", "disabled"], _hoisted_2$2 = { class: "flex items-center gap-[6px] text-[14px]" }, _hoisted_3 = {
-  key: 0,
-  class: "text-[16px]"
-}, _hoisted_4 = ["src"], _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "vs-checkbox-buttons",
-  props: {
-    value: { type: [String, Number, Boolean], default: "" },
-    label: { type: [String, Number], default: "" },
-    modelValue: {
-      type: [Array, String, Boolean],
-      default: ""
-    },
-    disabled: { type: Boolean, default: !1 },
-    id: { type: [String, Number] },
-    icon: { type: String },
-    imgUrl: { type: String },
-    style: { type: Object, default: () => null }
-  },
+    disabled: { type: Boolean, default: !1 },
+    id: { type: [String, Number] },
+    icon: { type: String },
+    imgUrl: { type: String },
+    style: { type: Object, default: () => null }
+  },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const n = e, r = t, o = computed({
       get: () => n.modelValue,
-      set: (l) => {
-        r("update:modelValue", l);
+      set: (i) => {
+        r("update:modelValue", i);
       }
-    }), s = computed(() => Array.isArray(o.value) ? o.value.includes(n.value) : o.value === !0 || o.value === n.value), i = computed(() => n.style?.size === "xs" ? "p-1.5 text-xs" : n.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
-    return (l, c) => (openBlock(), createElementBlock("label", {
-      class: normalizeClass(["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", [i.value, s.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
+    }), s = computed(() => Array.isArray(o.value) ? o.value.includes(n.value) : o.value === !0 || o.value === n.value), l = computed(() => n.style?.size === "xs" ? "p-1.5 text-xs" : n.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
+    return (i, u) => (openBlock(), createElementBlock("label", {
+      class: normalizeClass(["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", [l.value, s.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
       withDirectives(createElementVNode("input", {
         type: "checkbox",
         class: "hidden",
         name: e.id,
         value: e.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (u) => o.value = u),
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => o.value = c),
         disabled: e.disabled
-      }, null, 8, _hoisted_1$b), [
+      }, null, 8, _hoisted_1$j), [
         [vModelCheckbox, o.value]
       ]),
-      createElementVNode("span", _hoisted_2$2, [
-        e.icon || e.imgUrl ? (openBlock(), createElementBlock("span", _hoisted_3, [
+      createElementVNode("span", _hoisted_2$5, [
+        e.icon || e.imgUrl ? (openBlock(), createElementBlock("span", _hoisted_3$2, [
           e.icon ? (openBlock(), createElementBlock("i", {
             key: 0,
             class: normalizeClass(e.icon)
@@ -2663,18 +2239,18 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, _hoisted_4)) : createCommentVNode("", !0)
+          }, null, 8, _hoisted_4$1)) : createCommentVNode("", !0)
         ])) : createCommentVNode("", !0),
-        renderSlot(l.$slots, "default", {}, () => [
+        renderSlot(i.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(e.label), 1)
         ])
       ])
     ], 2));
   }
 }), VsCheckboxViews = {
-  "vs-checkbox-default": _sfc_main$f,
-  "vs-checkbox-buttons": _sfc_main$e
-}, _hoisted_1$a = { class: "flex items-center" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
+  "vs-checkbox-default": _sfc_main$o,
+  "vs-checkbox-buttons": _sfc_main$n
+}, _hoisted_1$i = { class: "flex items-center" }, _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "vs-input-checkbox-item",
   props: {
     value: { type: [String, Number], default: "" },
@@ -2695,22 +2271,22 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
   setup(e, { emit: t }) {
     const n = e, r = t, o = `radio-${Math.floor(Math.random() * 1e4)}`, s = computed({
       get: () => Array.isArray(n.modelValue) ? Array.isArray(n.modelValue) && n.modelValue.includes(n.value) : n.modelValue,
-      set: (l) => {
+      set: (i) => {
         if (Array.isArray(n.modelValue)) {
-          let c = [...n.modelValue];
-          l ? c.includes(n.value) || c.push(n.value) : c = c.filter((u) => u !== n.value), r("update:modelValue", c);
+          let u = [...n.modelValue];
+          i ? u.includes(n.value) || u.push(n.value) : u = u.filter((c) => c !== n.value), r("update:modelValue", u);
         } else
-          r("update:modelValue", l);
+          r("update:modelValue", i);
       }
-    }), i = ref("vs-checkbox-" + (n.view || "default"));
-    return (l, c) => (openBlock(), createElementBlock("div", _hoisted_1$a, [
-      (openBlock(), createBlock(resolveDynamicComponent(unref(VsCheckboxViews)?.[i.value]), {
+    }), l = ref(`vs-checkbox-${n.view || "default"}`);
+    return (i, u) => (openBlock(), createElementBlock("div", _hoisted_1$i, [
+      (openBlock(), createBlock(resolveDynamicComponent(unref(VsCheckboxViews)?.[l.value]), {
         value: e.value,
         label: e.label,
         info: e.option?.info,
         disabled: e.disabled,
         modelValue: s.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (u) => s.value = u),
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => s.value = c),
         id: o,
         icon: e.icon,
         imgUrl: e.imgUrl,
@@ -2723,7 +2299,7 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style"]))
     ]));
   }
-}), _sfc_main$c = /* @__PURE__ */ defineComponent({
+}), _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "vs-input-checkbox",
   props: {
     options: {
@@ -2743,7 +2319,7 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, r = t, o = ref([]), s = reactive({}), i = (a) => a?.value || a?.id || a?.text || a, l = (a) => a.text || String(a), c = (a) => `lg:col-span-${a || 12}`, u = async () => {
+    const n = e, r = t, o = ref([]), s = reactive({}), l = (a) => a?.value || a?.id || a?.text || a, i = (a) => a.text || String(a), u = (a) => `lg:col-span-${a || 12}`, c = async () => {
       try {
         const { data: a } = await axios.get(`/api/suggest/${n.data}`);
         o.value = a?.data || a;
@@ -2755,13 +2331,13 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
       () => n.modelValue,
       (a) => {
         if (typeof a == "boolean" && o.value.length === 1) {
-          const d = i(o.value[0]);
+          const d = l(o.value[0]);
           s[d] = a;
         } else if (Array.isArray(a)) {
           const d = new Set(a);
           o.value.forEach((f) => {
             if (!f.disabled) {
-              const h = i(f);
+              const h = l(f);
               s[h] = d.has(h);
             }
           });
@@ -2781,28 +2357,28 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
       { deep: !0 }
     ), onMounted(() => {
       if (n.data)
-        u().then(() => {
+        c().then(() => {
           if (typeof n.modelValue == "boolean" && o.value.length === 1) {
-            const a = i(o.value[0]);
+            const a = l(o.value[0]);
             s[a] = n.modelValue;
           } else if (Array.isArray(n.modelValue)) {
             const a = new Set(n.modelValue);
             o.value.forEach((d) => {
               if (!d.disabled) {
-                const f = i(d);
+                const f = l(d);
                 s[f] = a.has(f);
               }
             });
           }
         });
       else if (o.value = n.options, typeof n.modelValue == "boolean" && o.value.length === 1) {
-        const a = i(o.value[0]);
+        const a = l(o.value[0]);
         s[a] = n.modelValue;
       } else if (Array.isArray(n.modelValue)) {
         const a = new Set(n.modelValue);
         o.value.forEach((d) => {
           if (!d.disabled) {
-            const f = i(d);
+            const f = l(d);
             s[f] = a.has(f);
           }
         });
@@ -2810,14 +2386,14 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
     }), (a, d) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(["p-0 w-full gap-[6px]", [e.position === "vertical" ? "flex-col" : "", e.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (openBlock(!0), createElementBlock(Fragment, null, renderList(o.value, (f) => (openBlock(), createBlock(_sfc_main$d, {
-        modelValue: s[i(f)],
-        "onUpdate:modelValue": (h) => s[i(f)] = h,
-        value: i(f),
-        class: normalizeClass(c(e.colSpan)),
+      (openBlock(!0), createElementBlock(Fragment, null, renderList(o.value, (f) => (openBlock(), createBlock(_sfc_main$m, {
+        modelValue: s[l(f)],
+        "onUpdate:modelValue": (h) => s[l(f)] = h,
+        value: l(f),
+        class: normalizeClass(u(e.colSpan)),
         disabled: f.disabled,
-        label: l(f),
-        key: i(f),
+        label: i(f),
+        key: l(f),
         icon: f?.icon,
         imgUrl: f?.imgUrl,
         option: f,
@@ -2826,7 +2402,46 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "slots", "view"]))), 128))
     ], 2));
   }
-}), VsInputCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-06e7be2f"]]), fileUpload = async (e, t, n, r) => {
+}), VsInputCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-9685f778"]]), _hoisted_1$h = ["placeholder", "disabled"], _sfc_main$k = /* @__PURE__ */ defineComponent({
+  __name: "vs-input-date1",
+  props: /* @__PURE__ */ mergeModels({
+    style: {
+      type: Object,
+      default: () => ({})
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, { inputClass: n } = useStyle(t.style), r = useModel(e, "modelValue");
+    return (o, s) => withDirectives((openBlock(), createElementBlock("input", {
+      type: "date",
+      "onUpdate:modelValue": s[0] || (s[0] = (l) => r.value = l),
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      class: normalizeClass(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [unref(n)]]),
+      style: {
+        border: "1px solid #CFD9E0"
+      }
+    }, null, 10, _hoisted_1$h)), [
+      [vModelText, r.value]
+    ]);
+  }
+}), fileUpload = async (e, t, n, r) => {
   try {
     const o = new FormData();
     o.append("unique", "true"), o.append("file", e);
@@ -2856,7 +2471,7 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
   } catch (t) {
     console.error(t.message);
   }
-}, _sfc_main$b = {}, _hoisted_1$9 = {
+}, _sfc_main$j = {}, _hoisted_1$g = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -2867,13 +2482,13 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function _sfc_render$7(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, t[0] || (t[0] = [
+function _sfc_render$a(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, t[0] || (t[0] = [
     createElementVNode("path", { d: "M5 12h14" }, null, -1),
     createElementVNode("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const IconPlus = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$7]]), _sfc_main$a = {}, _hoisted_1$8 = {
+const IconPlus = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$a]]), _sfc_main$i = {}, _hoisted_1$f = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -2885,12 +2500,12 @@ const IconPlus = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_rende
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function _sfc_render$6(e, t, n, r, o, s) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, t[0] || (t[0] = [
+function _sfc_render$9(e, t, n, r, o, s) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, t[0] || (t[0] = [
     createStaticVNode('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
   ]));
 }
-const iconPdf = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$6]]), _sfc_main$9 = {}, _hoisted_1$7 = {
+const iconPdf = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$9]]), _sfc_main$h = {}, _hoisted_1$e = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -2902,8 +2517,8 @@ const iconPdf = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function _sfc_render$5(e, t, n, r, o, s) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, t[0] || (t[0] = [
+function _sfc_render$8(e, t, n, r, o, s) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$e, t[0] || (t[0] = [
     createElementVNode("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2930,7 +2545,7 @@ function _sfc_render$5(e, t, n, r, o, s) {
     }, null, -1)
   ]));
 }
-const IconCsv = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$5]]), _sfc_main$8 = {}, _hoisted_1$6 = {
+const IconCsv = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$8]]), _sfc_main$g = {}, _hoisted_1$d = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -2942,12 +2557,12 @@ const IconCsv = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
-function _sfc_render$4(e, t, n, r, o, s) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, t[0] || (t[0] = [
+function _sfc_render$7(e, t, n, r, o, s) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$d, t[0] || (t[0] = [
     createStaticVNode('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
   ]));
 }
-const IconFile = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$4]]), _sfc_main$7 = {}, _hoisted_1$5 = {
+const IconFile = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$7]]), _sfc_main$f = {}, _hoisted_1$c = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -2959,12 +2574,12 @@ const IconFile = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_rende
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function _sfc_render$3(e, t, n, r, o, s) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, t[0] || (t[0] = [
+function _sfc_render$6(e, t, n, r, o, s) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$c, t[0] || (t[0] = [
     createStaticVNode('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"></path><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"></path><line x1="11" y1="5" x2="10" y2="5"></line><line x1="13" y1="7" x2="12" y2="7"></line><line x1="11" y1="9" x2="10" y2="9"></line><line x1="13" y1="11" x2="12" y2="11"></line><line x1="11" y1="13" x2="10" y2="13"></line><line x1="13" y1="15" x2="12" y2="15"></line>', 9)
   ]));
 }
-const IconZip = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3]]), _sfc_main$6 = {}, _hoisted_1$4 = {
+const IconZip = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$6]]), _sfc_main$e = {}, _hoisted_1$b = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -2976,12 +2591,12 @@ const IconZip = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function _sfc_render$2(e, t, n, r, o, s) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, t[0] || (t[0] = [
+function _sfc_render$5(e, t, n, r, o, s) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, t[0] || (t[0] = [
     createStaticVNode('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
   ]));
 }
-const IconGeojson = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2]]), getFileType = (e) => {
+const IconGeojson = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$5]]), getFileType = (e) => {
   if (!e) return "";
   const t = e?.split(".");
   return t[t.length - 1];
@@ -2994,7 +2609,7 @@ const IconGeojson = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_re
     documentsFormat: ["pdf"]
   };
   return n.imageFormat.includes(t) ? "img" : n.sheetsFormat.includes(t) ? IconCsv : n.textsFormat.includes(t) ? IconGeojson : n.documentsFormat.includes(t) ? iconPdf : n.archivesFormat.includes(t) ? IconZip : IconFile;
-}, _sfc_main$5 = {}, _hoisted_1$3 = {
+}, _sfc_main$d = {}, _hoisted_1$a = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -3006,12 +2621,12 @@ const IconGeojson = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_re
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function _sfc_render$1(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, t[0] || (t[0] = [
+function _sfc_render$4(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, t[0] || (t[0] = [
     createStaticVNode('<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 IconDelete = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1]]), _sfc_main$4 = {}, _hoisted_1$2 = {
+const IconDelete = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$4]]), _sfc_main$c = {}, _hoisted_1$9 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -3023,8 +2638,8 @@ const IconDelete = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_ren
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function _sfc_render(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$2, t[0] || (t[0] = [
+function _sfc_render$3(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, t[0] || (t[0] = [
     createElementVNode("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3035,7 +2650,7 @@ function _sfc_render(e, t) {
     createElementVNode("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render]]), _hoisted_1$1 = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-gray-300 rounded-lg overflow-hidden relative item-file" }, _hoisted_2$1 = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$3]]), _hoisted_1$8 = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, _hoisted_2$4 = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ mergeModels({
     multiple: { type: Boolean }
@@ -3048,18 +2663,18 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_r
   emits: ["update:value", "update:item"],
   setup(e) {
     const t = useModel(e, "value"), n = useModel(e, "item"), r = e;
-    return (o, s) => (openBlock(), createElementBlock("div", _hoisted_1$1, [
+    return (o, s) => (openBlock(), createElementBlock("div", _hoisted_1$8, [
       (openBlock(), createBlock(resolveDynamicComponent(unref(fileFormatPreview)(n.value)), {
         src: n.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: s[0] || (s[0] = (i) => unref(fileDownload)(n.value))
+        onClick: s[0] || (s[0] = (l) => unref(fileDownload)(n.value))
       }, null, 8, ["src"])),
-      createElementVNode("div", _hoisted_2$1, [
+      createElementVNode("div", _hoisted_2$4, [
         createElementVNode("button", {
           type: "button",
-          onClick: s[1] || (s[1] = (i) => {
-            unref(fileDelete)(n.value), t.value = r.multiple ? t.value?.filter((l) => l !== n.value) : "";
+          onClick: s[1] || (s[1] = (l) => {
+            unref(fileDelete)(n.value), t.value = r.multiple ? t.value?.filter((i) => i !== n.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
@@ -3067,7 +2682,7 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_r
         ]),
         createElementVNode("button", {
           type: "button",
-          onClick: s[2] || (s[2] = (i) => unref(fileDownload)(n.value)),
+          onClick: s[2] || (s[2] = (l) => unref(fileDownload)(n.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
           createVNode(IconDownload, { class: "w-4 h-4" })
@@ -3075,86 +2690,551 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_r
       ])
     ]));
   }
-}), VsInputFileListItem = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-147e810a"]]), _hoisted_1 = { class: "flex items-center gap-x-2" }, _hoisted_2 = {
-  key: 1,
-  class: "flex items-center flex-wrap gap-2"
-}, _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "vs-input-file",
+}), VsInputFileListItem = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-bc0f6d32"]]), _hoisted_1$7 = { class: "flex items-center gap-x-2" }, _hoisted_2$3 = {
+  key: 1,
+  class: "flex items-center flex-wrap gap-2"
+}, _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "vs-input-file",
+  props: /* @__PURE__ */ mergeModels({
+    multiple: { type: Boolean },
+    format: {},
+    disabled: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, n = useModel(e, "modelValue"), r = ref(null), o = (l) => Array.isArray(n.value) && n.value[l] || "", s = async (l) => {
+      if (t.format) {
+        const c = l.target.files?.[0];
+        if (!c || !c.name.endsWith(t.format))
+          return;
+      }
+      const i = l.target.files?.[0];
+      if (!i) return;
+      const u = await fileUpload(i, "1", "form", "table");
+      n.value = t.multiple ? [...n.value || [], u.result?.file_path] : u.result?.file_path;
+    };
+    return (l, i) => (openBlock(), createElementBlock("div", _hoisted_1$7, [
+      createElementVNode("input", {
+        class: "hidden",
+        ref_key: "fileInput",
+        ref: r,
+        type: "file",
+        onChange: s
+      }, null, 544),
+      !l.multiple && n.value ? (openBlock(), createBlock(VsInputFileListItem, {
+        key: 0,
+        item: n.value,
+        "onUpdate:item": i[0] || (i[0] = (u) => n.value = u),
+        value: n.value,
+        "onUpdate:value": i[1] || (i[1] = (u) => n.value = u)
+      }, null, 8, ["item", "value"])) : l.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(n.value, (u, c) => (openBlock(), createBlock(VsInputFileListItem, {
+          multiple: l.multiple,
+          key: c,
+          value: n.value,
+          "onUpdate:value": i[2] || (i[2] = (a) => n.value = a),
+          item: o(c)
+        }, null, 8, ["multiple", "value", "item"]))), 128)),
+        createElementVNode("div", {
+          onClick: i[3] || (i[3] = (u) => !l.disabled && r.value?.click()),
+          class: normalizeClass([
+            "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-[#CFD9E0] rounded-lg flex items-center justify-center transition-all duration-300",
+            l.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
+          ])
+        }, [
+          createVNode(IconPlus, { class: "w-6 h-6" })
+        ], 2)
+      ])) : createCommentVNode("", !0),
+      l.multiple ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
+        key: 2,
+        onClick: i[4] || (i[4] = (u) => r.value?.click()),
+        class: normalizeClass([l.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
+      }, [
+        createVNode(IconPlus, { class: "w-6 h-6" })
+      ], 2))
+    ]));
+  }
+}), _hoisted_1$6 = { class: "flex items-center justify-between" }, _hoisted_2$2 = { class: "text-[16px] text-gray-900 font-medium" }, _hoisted_3$1 = { class: "grid gap-3" }, _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "vs-container-switcher",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    style: {
+      type: Object,
+      default: () => ({})
+    },
+    isOpen: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const t = e, n = ref(t.isOpen);
+    return watch(
+      () => t.isOpen,
+      (r) => {
+        n.value = r;
+      }
+    ), (r, o) => (openBlock(), createElementBlock("div", null, [
+      createElementVNode("div", _hoisted_1$6, [
+        createElementVNode("p", _hoisted_2$2, toDisplayString(e.title), 1),
+        createVNode(_sfc_main$v, {
+          modelValue: n.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
+          style: normalizeStyle(e.style)
+        }, null, 8, ["modelValue", "style"])
+      ]),
+      createVNode(Transition, { name: "slide-fade" }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", _hoisted_3$1, [
+            renderSlot(r.$slots, "default", {}, void 0, !0)
+          ], 512), [
+            [vShow, n.value]
+          ])
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), VsContainerSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-479564a3"]]), _sfc_main$8 = {}, _hoisted_1$5 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  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-chevron-down"
+};
+function _sfc_render$2(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$5, t[0] || (t[0] = [
+    createElementVNode("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    createElementVNode("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
+}
+const IconChevronDown = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2]]), _sfc_main$7 = {}, _hoisted_1$4 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function _sfc_render$1(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, t[0] || (t[0] = [
+    createElementVNode("path", { d: "m7 15 5 5 5-5" }, null, -1),
+    createElementVNode("path", { d: "m7 9 5-5 5 5" }, null, -1)
+  ]));
+}
+const IconChevronTopBottom = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1]]), _sfc_main$6 = {}, _hoisted_1$3 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  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-x"
+};
+function _sfc_render(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$3, t[0] || (t[0] = [
+    createElementVNode("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    createElementVNode("path", { d: "M18 6l-12 12" }, null, -1),
+    createElementVNode("path", { d: "M6 6l12 12" }, null, -1)
+  ]));
+}
+const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]), _hoisted_1$2 = { class: "text-[16px] text-gray-900 font-medium" }, _hoisted_2$1 = { class: "grid gap-3" }, _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "vs-container-accordion",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    style: {
+      type: Object,
+      default: () => ({})
+    },
+    isOpen: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const t = e, n = ref(t.isOpen);
+    return watch(
+      () => t.isOpen,
+      (r) => {
+        n.value = r;
+      }
+    ), (r, o) => (openBlock(), createElementBlock("div", null, [
+      createElementVNode("button", {
+        type: "button",
+        onClick: o[0] || (o[0] = (s) => n.value = !n.value),
+        class: "flex items-center gap-2"
+      }, [
+        createVNode(unref(IconChevronDown), {
+          class: normalizeClass(["h-4 w-4 duration-300", [n.value ? "-rotate-180" : ""]])
+        }, null, 8, ["class"]),
+        createElementVNode("span", _hoisted_1$2, toDisplayString(e.title), 1)
+      ]),
+      createVNode(Transition, { name: "slide-fade" }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", _hoisted_2$1, [
+            renderSlot(r.$slots, "default", {}, void 0, !0)
+          ], 512), [
+            [vShow, n.value]
+          ])
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), VsContainerAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a37284e6"]]), _hoisted_1$1 = { class: "flex items-center justify-between" }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "vs-container-default",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    style: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(e) {
+    return (t, n) => (openBlock(), createElementBlock("div", null, [
+      createElementVNode("div", _hoisted_1$1, [
+        createElementVNode("p", null, toDisplayString(e.title), 1)
+      ]),
+      renderSlot(t.$slots, "default")
+    ]));
+  }
+}), views = {
+  switcher: VsContainerSwitcher,
+  accordion: VsContainerAccordion,
+  default: _sfc_main$4
+}, FormConditionsTypes = {
+  Equal: "==",
+  Inequal: "!=",
+  Higer: ">",
+  HigerOrEqual: ">=",
+  Lower: "<",
+  LowerOrEqual: "<=",
+  Between: "between",
+  StartWith: "^",
+  EndWith: "$",
+  Contain: "*",
+  In: "in",
+  NotIn: "not_in"
+}, checkEqual = (e, t) => e === t, checkInequal = (e, t) => e !== t, checkHigher = (e, t) => e > t, checkHigherOrEqual = (e, t) => e >= t, checkLower = (e, t) => e < t, checkLowerOrEqual = (e, t) => e <= t, checkBetween = (e, t) => Array.isArray(t) && t.length === 2 ? e >= t[0] && e <= t[1] : !1, checkStartWith = (e, t) => String(e).startsWith(String(t)), checkEndWith = (e, t) => String(e).endsWith(String(t)), checkContain = (e, t) => String(e).includes(String(t)), checkIn = (e, t) => Array.isArray(t) ? t.includes(e) : !1, checkNotIn = (e, t) => Array.isArray(t) ? !t.includes(e) : !0, isVisible = (e, t) => {
+  if (!t) return !0;
+  switch (t?.[1]) {
+    case FormConditionsTypes.Equal:
+      return checkEqual(e, t?.[2]);
+    case FormConditionsTypes.Inequal:
+      return checkInequal(e, t?.[2]);
+    case FormConditionsTypes.Higer:
+      return checkHigher(e, t?.[2]);
+    case FormConditionsTypes.HigerOrEqual:
+      return checkHigherOrEqual(e, t?.[2]);
+    case FormConditionsTypes.Lower:
+      return checkLower(e, t?.[2]);
+    case FormConditionsTypes.LowerOrEqual:
+      return checkLowerOrEqual(e, t?.[2]);
+    case FormConditionsTypes.Between:
+      return checkBetween(e, t?.[2]);
+    case FormConditionsTypes.StartWith:
+      return checkStartWith(e, t?.[2]);
+    case FormConditionsTypes.EndWith:
+      return checkEndWith(e, t?.[2]);
+    case FormConditionsTypes.Contain:
+      return checkContain(e, t?.[2]);
+    case FormConditionsTypes.In:
+      return checkIn(e, t?.[2]);
+    case FormConditionsTypes.NotIn:
+      return checkNotIn(e, t?.[2]);
+    default:
+      return !0;
+  }
+}, _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "vs-input-container",
+  props: {
+    style: {
+      type: Object,
+      default: () => ({})
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    view: {
+      type: String,
+      default: "default"
+    },
+    schema: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e) {
+    const t = e, n = inject("formValues", { default: {} }), r = inject("form"), o = computed(() => t.schema?.filter((l) => {
+      const i = l?.conditions;
+      if (!i) return !0;
+      const u = Array.isArray(i) ? i[0] : i, c = n?.value?.[u];
+      return isVisible(c, i);
+    })), s = computed(() => views[t.view]);
+    return (l, i) => e.schema?.length ? (openBlock(), createBlock(resolveDynamicComponent(s.value), {
+      key: 0,
+      title: e.title,
+      style: normalizeStyle(e.style)
+    }, {
+      default: withCtx(() => [
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(o.value, (u) => (openBlock(), createBlock(_sfc_main$1, mergeProps({
+          key: u.name
+        }, { ref_for: !0 }, u, {
+          item: u,
+          modelValue: unref(n)[u.name],
+          "onUpdate:modelValue": (c) => unref(n)[u.name] = c,
+          style: e.style,
+          error: unref(r)?.errors?.[u.name]
+        }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["title", "style"])) : createCommentVNode("", !0);
+  }
+}), dynamicPosition = async (e, t, n, r = 10) => {
+  if (!t || !n) return;
+  await nextTick();
+  const o = await n?.getBoundingClientRect(), s = await t?.getBoundingClientRect();
+  if (!s || !o) return;
+  const l = await parseInt(t?.getBoundingClientRect()?.height.toString()), i = await parseInt(t?.getBoundingClientRect()?.width.toString()), u = await parseInt(n?.getBoundingClientRect()?.height.toString()), c = await parseInt(n?.getBoundingClientRect()?.width.toString()), a = await window.innerHeight, d = await window.innerWidth;
+  let f = 0, h = 0;
+  const p = s.bottom + r + u;
+  switch (e) {
+    case "top":
+      s.top - o.height - r < 0 ? f = s.top - o.height + r + u + l : f = s.top - o.height - r, d > c + s.right + 30 ? h = s.left - o.width / 2 + s.width / 2 : h = d - 30 - c;
+      break;
+    case "bottom":
+      a > p ? f = s.bottom + r : f = s.bottom - r - u - l, h = s.left - o.width / 2 + s.width / 2;
+      break;
+    case "left":
+      f = s.top - o.height / 2 + s.height / 2, s.left - o.width - r > 0 ? h = s.left - o.width - r : h = 10;
+      break;
+    case "right":
+      f = s.top - o.height / 2 + s.height / 2, d - i > c ? h = s.right + r : h = d - 30 - c;
+      break;
+    case "top-right":
+      s.top - o.height - r < 0 ? f = s.top - o.height + r + u + l : f = s.top - o.height - r, d - i > c ? h = s.right + r : h = d - 30 - c;
+      break;
+    case "top-left":
+      s.top - o.height - r < 0 ? f = s.top - o.height + r + u + l : f = s.top - o.height - r, s.left - o.width - r > 0 ? h = s.left - o.width - r : h = 10;
+      break;
+    case "top-start":
+      s.top - o.height - r < 0 ? f = s.top - o.height + r + u + l : f = s.top - o.height - r, s.left > 0 ? h = s.left : h = 10;
+      break;
+    case "bottom-right":
+      a > p ? f = s.bottom + r : f = s.bottom - r - u - l, d - i > c ? h = s.left : h = d - 30 - c;
+      break;
+    case "bottom-left":
+      a > p ? f = s.bottom + r : f = s.bottom - r - u - l, s.left > 0 ? h = s.right - c : h = 10;
+      break;
+    case "bottom-start":
+      a > p ? f = s.bottom + r : f = s.bottom - r - u - l, s.left > 0 ? h = s.left : h = 10;
+      break;
+  }
+  f + u > a ? f = a - u - r : f < 0 && (f = r), h + c > d ? h = d - c - r : h < 0 && (h = r), n instanceof HTMLElement && (n.style.top = `${f}px`, n.style.left = `${h}px`, n.style.position = "fixed");
+}, _hoisted_1 = ["disabled"], _hoisted_2 = { key: 1 }, _hoisted_3 = {
+  key: 2,
+  class: "text-gray-400"
+}, _hoisted_4 = { class: "absolute top-[50%] text-gray-500 translate-y-[-50%] right-[10px] pointer-events-none" }, _hoisted_5 = ["onClick"], _hoisted_6 = { class: "flex items-center gap-[8px] w-full" }, _hoisted_7 = { key: 1 }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "vs-input-select",
   props: /* @__PURE__ */ mergeModels({
-    multiple: { type: Boolean },
-    format: {},
+    placeholder: { default: "Оберіть значення" },
+    prefix: { default: "api" },
+    host: { default: "" },
+    data: { default: null },
+    options: { default: () => [] },
+    maxHeight: { default: 400 },
+    slots: { default: null },
+    customClass: { default: "" },
+    style: { default: () => ({}) },
     disabled: { type: Boolean }
   }, {
-    modelValue: {},
+    modelValue: {
+      type: [Number, String],
+      default: null
+    },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = useModel(e, "modelValue"), r = ref(null), o = (i) => Array.isArray(n.value) && n.value[i] || "", s = async (i) => {
-      if (t.format) {
-        const u = i.target.files?.[0];
-        if (!u || !u.name.endsWith(t.format))
-          return;
+    const t = e, { inputClass: n } = useStyle(t.style), r = useModel(e, "modelValue"), o = ref({}), s = ref(null), l = ref(null), i = ref(!1), u = ref(null), c = ref([]), a = ref(-1), d = ref([]), f = computed(() => c.value?.length ? [
+      u.value,
+      ...c.value?.filter((b) => b?.id !== u.value?.id)
+    ].filter((b) => b !== null) : []), h = async () => {
+      try {
+        const { data: b } = await axios.get(
+          `${t.host}/${t.prefix}/suggest/${t.data}?json=1`
+        );
+        return b.data;
+      } catch {
+        return [];
+      }
+    }, p = async (b) => {
+      document.body.click(), i.value = b !== void 0 ? b : !i.value, i.value && !c.value?.length && (!t.options?.length && t.data ? c.value = await h() : t.options?.length && (c.value = [...t.options])), i.value && s.value ? (o.value.width = `${s.value.getBoundingClientRect()?.width}px`, l.value && dynamicPosition("bottom-start", s.value, l.value)) : a.value = -1;
+    }, y = () => i.value ? p(!1) : null, m = (b) => {
+      u.value = b, r.value = b.id, p(!1);
+    }, x = (b, g) => {
+      if (!b || !g) return;
+      const w = b.offsetTop, E = w + b.offsetHeight, S = g.scrollTop, B = S + g.clientHeight;
+      w < S ? g.scrollTop = w - 80 : E > B && (g.scrollTop = E - g.clientHeight + 4);
+    }, $ = (b) => {
+      if (!i.value) return;
+      const { keyCode: g } = b;
+      if ([38, 40, 13].includes(g) && b.preventDefault(), g == 38) {
+        if (a.value == 0) return;
+        a.value -= 1, x(d.value[a.value], l.value);
+      } else if (g == 40) {
+        if (a.value + 1 >= f.value?.length) return;
+        a.value += 1, x(d.value[a.value], l.value);
+      } else if (g == 13) {
+        const w = f.value[a.value];
+        w && m(w);
       }
-      const l = i.target.files?.[0];
-      if (!l) return;
-      const c = await fileUpload(l, "1", "form", "table");
-      n.value = t.multiple ? [...n.value || [], c.result?.file_path] : c.result?.file_path;
+    }, v = async (b) => {
+      if (i.value) return;
+      const { keyCode: g } = b;
+      [38, 40].includes(g) && (await b.preventDefault(), a.value = 0, setTimeout(() => p()));
+    }, _ = (b) => {
+      i.value && s.value && l.value && !l.value.contains(b.target) && (i.value = !1);
+    }, k = (b) => {
+      b?.key === "Escape" && i.value && p(!1);
     };
-    return (i, l) => (openBlock(), createElementBlock("div", _hoisted_1, [
-      createElementVNode("input", {
-        class: "hidden",
-        ref_key: "fileInput",
-        ref: r,
-        type: "file",
-        onChange: s
-      }, null, 544),
-      !i.multiple && n.value ? (openBlock(), createBlock(VsInputFileListItem, {
+    return onMounted(async () => {
+      addEventListener("click", y), addEventListener("keydown", $), addEventListener("scroll", _, !0), addEventListener("keydown", k), r.value && !t.options?.length && t.data && (c.value = await h(), u.value = c.value?.find((b) => b?.id === r.value) || null);
+    }), onUnmounted(() => {
+      removeEventListener("click", y), removeEventListener("keydown", $), removeEventListener("scroll", _, !0), removeEventListener("keydown", k);
+    }), (b, g) => (openBlock(), createElementBlock("div", {
+      class: "relative w-full",
+      ref_key: "select",
+      ref: s,
+      onClick: g[3] || (g[3] = withModifiers(() => {
+      }, ["stop"]))
+    }, [
+      createElementVNode("button", {
+        type: "button",
+        class: normalizeClass(["block w-full flex items-center gap-[8px] pl-[16px] py-[5px] bg-white w-[calc(100%)] overflow-ellipsis", [
+          i.value ? `ring-rind ring-2 ring-${b.style?.primaryColor || "blue"}-500` : "",
+          u.value?.text ? "pr-[50px]" : "pr-[25px]",
+          unref(n),
+          b.customClass
+        ]]),
+        onKeydown: v,
+        onClick: g[0] || (g[0] = (w) => p(!i.value)),
+        disabled: b.disabled,
+        style: {
+          border: "1px solid #CFD9E0"
+        }
+      }, [
+        u.value?.color ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: "w-[16px] h-[16px] rounded-md block",
+          style: normalizeStyle({ backgroundColor: u.value?.color })
+        }, null, 4)) : createCommentVNode("", !0),
+        u.value?.text ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(u.value?.text), 1)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(b.placeholder), 1))
+      ], 42, _hoisted_1),
+      createElementVNode("span", _hoisted_4, [
+        createVNode(unref(IconChevronTopBottom), {
+          height: "14",
+          width: "14"
+        })
+      ]),
+      u.value?.text ? (openBlock(), createElementBlock("button", {
         key: 0,
-        item: n.value,
-        "onUpdate:item": l[0] || (l[0] = (c) => n.value = c),
-        value: n.value,
-        "onUpdate:value": l[1] || (l[1] = (c) => n.value = c)
-      }, null, 8, ["item", "value"])) : i.multiple ? (openBlock(), createElementBlock("div", _hoisted_2, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(n.value, (c, u) => (openBlock(), createBlock(VsInputFileListItem, {
-          multiple: i.multiple,
-          key: u,
-          value: n.value,
-          "onUpdate:value": l[2] || (l[2] = (a) => n.value = a),
-          item: o(u)
-        }, null, 8, ["multiple", "value", "item"]))), 128)),
-        createElementVNode("div", {
-          onClick: l[3] || (l[3] = (c) => !i.disabled && r.value?.click()),
-          class: normalizeClass([
-            "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center transition-all duration-300",
-            i.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
-          ])
-        }, [
-          createVNode(IconPlus, { class: "w-6 h-6" })
-        ], 2)
-      ])) : createCommentVNode("", !0),
-      i.multiple ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
-        key: 2,
-        onClick: l[4] || (l[4] = (c) => r.value?.click()),
-        class: normalizeClass([i.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
+        type: "button",
+        onClick: g[1] || (g[1] = (w) => {
+          r.value = null, u.value = null;
+        }),
+        class: "absolute top-[50%] text-gray-500 translate-y-[-50%] hover:text-red-600 right-[30px]"
       }, [
-        createVNode(IconPlus, { class: "w-6 h-6" })
-      ], 2))
-    ]));
+        createVNode(unref(IconClose), {
+          height: "14",
+          width: "14"
+        })
+      ])) : createCommentVNode("", !0),
+      (openBlock(), createBlock(Teleport, { to: "body" }, [
+        withDirectives(createElementVNode("ul", {
+          class: "z-[90] border rounded-lg fixed flex flex-col gap-[2px] p-1 bg-white overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-[6px] [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500",
+          ref_key: "list",
+          ref: l,
+          style: normalizeStyle({
+            width: o.value.width,
+            maxHeight: b.maxHeight + "px",
+            backgroundColor: "white"
+          }),
+          onClick: g[2] || (g[2] = withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          f.value?.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            g[4] || (g[4] = createElementVNode("li", { class: "sticky top-[-4px] text-[12px] bg-white p-1 z-[2] px-4 text-gray-400" }, " Натисніть Enter для вибору, ↑↓ для навігації, Esc для закриття ", -1)),
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(f.value, (w, E) => (openBlock(), createElementBlock("li", {
+              onClick: (S) => m(w),
+              key: w?.id,
+              ref_for: !0,
+              ref: (S) => d.value[E] = S,
+              class: normalizeClass(["cursor-pointer relative py-2 px-4 w-full text-[14px] text-gray-700 hover:bg-gray-100 rounded-lg", [a.value == E ? "bg-gray-100" : ""]])
+            }, [
+              createElementVNode("span", _hoisted_6, [
+                w?.color ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: "w-[16px] h-[16px] rounded-md block",
+                  style: normalizeStyle({ backgroundColor: w?.color })
+                }, null, 4)) : createCommentVNode("", !0),
+                createTextVNode(" " + toDisplayString(w?.text), 1)
+              ]),
+              r.value == w?.id ? (openBlock(), createBlock(unref(IconCheck), {
+                key: 0,
+                height: "14",
+                width: "14",
+                "stroke-width": "2",
+                class: "absolute right-[16px] top-[50%] translate-y-[-50%] text-blue-600"
+              })) : createCommentVNode("", !0)
+            ], 10, _hoisted_5))), 128))
+          ], 64)) : (openBlock(), createElementBlock("li", _hoisted_7, "Дані відсутні"))
+        ], 4), [
+          [vShow, i.value]
+        ])
+      ]))
+    ], 512));
   }
 }), inputs = {
-  VsInputText: _sfc_main$v,
-  VsInputRadio: _sfc_main$r,
-  "vs-input-text": _sfc_main$v,
-  "vs-input-number": _sfc_main$u,
-  "vs-input-radio": _sfc_main$r,
-  "vs-input-select": _sfc_main$m,
-  "vs-input-switcher": _sfc_main$l,
-  "vs-input-static": _sfc_main$k,
-  "vs-input-container": _sfc_main$g,
-  // 'vs-input-date': VsInputDate,
+  VsInputText: _sfc_main$x,
+  VsInputRadio: _sfc_main$q,
+  "vs-input-text": _sfc_main$x,
+  "vs-input-mask": _sfc_main$t,
+  "vs-input-number": _sfc_main$w,
+  "vs-input-radio": _sfc_main$q,
+  "vs-input-select": _sfc_main$2,
+  "vs-input-switcher": _sfc_main$v,
+  "vs-input-static": _sfc_main$u,
+  "vs-input-container": _sfc_main$3,
+  "vs-input-date": _sfc_main$k,
   "vs-input-checkbox": VsInputCheckbox,
-  "vs-input-file": _sfc_main$2
+  "vs-input-file": _sfc_main$a
 }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "vs-compact-form-layout",
   props: {
@@ -3206,74 +3286,90 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_r
     default:
       return !1;
   }
+}, mathTable = {
+  autocomplete: "select",
+  combobox: "select",
+  email: "text",
+  textarea: "text",
+  datepicker: "date",
+  markedtext: "text"
+  // mask: 'text',
 };
+function convertType(e) {
+  const t = e.toLowerCase();
+  return mathTable[t] || t;
+}
+function convertSchema(e) {
+  if (Array.isArray(e)) return e;
+  const t = [];
+  return Object.entries(e).forEach((n) => {
+    const r = { name: n[0], ...n[1], type: convertType(n[1].type), label: n[1].label || n[1].ua };
+    n[1].data && (r.api = `/api/suggest/${n[1].data}`), t.push(r);
+  }), t;
+}
 function useForm(e, t) {
-  const n = ref({}), r = (i = t, l = !0) => {
+  const n = convertSchema(t), r = ref({}), o = (i = n, u = !0) => {
     if (i.forEach((c) => {
-      c.rules && c.rules.forEach((u) => {
-        n.value[c.name] = checkFormRules(e.value[c.name], u);
-      }), c.schema && r(c.schema, !1);
-    }), l && Object.values(n.value).some(Boolean))
+      c.rules && c.rules.forEach((a) => {
+        r.value[c.name] = checkFormRules(e.value[c.name], a);
+      }), c.schema && o(c.schema, !1);
+    }), u && Object.values(r.value).some(Boolean))
       throw new Error("Помилка валідації");
-  }, o = computed(() => t?.filter((i) => {
-    const l = i?.conditions;
-    if (!l) return !0;
-    const c = Array.isArray(l) ? l[0] : l, u = e?.value?.[c];
-    return isVisible(u, l);
+  }, s = computed(() => n?.filter((i) => {
+    const u = i?.conditions;
+    if (!u) return !0;
+    const c = Array.isArray(u) ? u[0] : u, a = e?.value?.[c];
+    return isVisible(a, u);
   }));
   return {
-    errors: n,
-    validate: r,
+    errors: r,
+    validate: o,
     reset: () => {
-      e.value = {}, n.value = {};
+      e.value = {}, r.value = {};
     },
-    visibleSchema: o
+    visibleSchema: s
   };
 }
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "vs-compact-form",
   props: /* @__PURE__ */ mergeModels({
-    schema: {
-      type: Array,
-      default: () => []
-    },
-    style: {
-      type: Object,
-      default: () => ({})
-    }
+    schema: { default: () => [] },
+    style: { default: () => ({}) },
+    layout: { default: () => "default" }
   }, {
     form: { default: () => ({}) },
     formModifiers: {},
-    formValues: { default: () => ({}) },
-    formValuesModifiers: {}
+    values: { default: () => ({}) },
+    valuesModifiers: {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["handle-submit"], ["update:form", "update:formValues"]),
+  emits: /* @__PURE__ */ mergeModels(["handle-submit"], ["update:form", "update:values"]),
   setup(e, { emit: t }) {
-    const n = t, r = e, o = useAttrs(), s = useModel(e, "form"), i = useModel(e, "formValues"), {
-      errors: l,
-      validate: c,
-      reset: u,
+    const n = t, r = e, o = useAttrs(), s = useModel(e, "form"), l = useModel(e, "values"), {
+      errors: i,
+      validate: u,
+      reset: c,
       visibleSchema: a
-    } = useForm(i, r.schema), d = () => {
-      c(), n("handle-submit", i.value);
+    } = useForm(l, r.schema), d = () => {
+      u(), n("handle-submit", l.value);
     };
     return onMounted(() => {
-      s.value.value = i.value, s.value.errors = l.value, s.value.reset = u, s.value.validate = c;
-    }), provide("form", s), provide("formValues", i), (f, h) => (openBlock(), createElementBlock("form", {
+      s.value.value = l.value, s.value.errors = i.value, s.value.reset = c, s.value.validate = u;
+    }), provide("form", s), provide("values", l), (f, h) => (openBlock(), createElementBlock("form", {
       onSubmit: withModifiers(d, ["prevent"]),
-      class: "grid grid-cols-12 gap-3"
+      class: normalizeClass(["grid grid-cols-12", f.layout === "default" ? "gap-6" : "gap-4"])
     }, [
       (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a), (p) => (openBlock(), createBlock(_sfc_main$1, mergeProps({
         key: p.name,
         class: `col-span-${p.col || 12} `
-      }, { ref_for: !0 }, { ...unref(o), ...e.style, ...p }, {
+      }, { ref_for: !0 }, { ...unref(o), ...f.style, ...p }, {
         item: p,
-        modelValue: i.value[p.name],
-        "onUpdate:modelValue": (y) => i.value[p.name] = y,
-        style: e.style,
-        error: unref(l)[p.name]
-      }), null, 16, ["class", "item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
-    ], 32));
+        layout: f.layout,
+        modelValue: l.value[p.name],
+        "onUpdate:modelValue": (y) => l.value[p.name] = y,
+        style: f.style,
+        error: unref(i)[p.name]
+      }), null, 16, ["class", "item", "layout", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
+    ], 34));
   }
 });
 _sfc_main.install = function e(t) {
@@ -3281,6 +3377,6 @@ _sfc_main.install = function e(t) {
 };
 export {
   _sfc_main as VForm,
-  _sfc_main$v as VsInputText,
+  _sfc_main$x as VsInputText,
   _sfc_main as default
 };