@opengis/form 0.0.1 → 0.0.2

package/index.js

@@ -1,5 +1,5 @@
 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 = {
+const _hoisted_1$t = { 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 = {
@@ -27,15 +27,15 @@ 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, [
+      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$s = { 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 = {
@@ -63,15 +63,15 @@ 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, [
+      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$r = { class: "w-full relative" }, _hoisted_2$9 = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
 }, _sfc_main$w = /* @__PURE__ */ defineComponent({
@@ -97,7 +97,7 @@ const _hoisted_1$t = { class: "w-full relative" }, _hoisted_2$a = { class: "text
   setup(e) {
     return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$r, [
       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 = {
@@ -108,8 +108,8 @@ const _hoisted_1$t = { class: "w-full relative" }, _hoisted_2$a = { class: "text
 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]";
     })
   };
 }
@@ -144,9 +144,9 @@ const _hoisted_1$q = ["placeholder", "disabled"], _sfc_main$v = /* @__PURE__ */
       "onUpdate:modelValue": s[0] || (s[0] = (i) => r.value = i),
       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)), [
       [vModelText, r.value]
@@ -176,13 +176,13 @@ const _hoisted_1$q = ["placeholder", "disabled"], _sfc_main$v = /* @__PURE__ */
       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$p)), [
       [vModelText, r.value]
     ]);
   }
-}), _hoisted_1$o = ["value", "disabled"], _hoisted_2$7 = { class: "text-[13px]" }, _sfc_main$t = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$o = ["value", "disabled"], _hoisted_2$8 = { class: "text-[13px] text-gray-700" }, _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ mergeModels({
     text: {
@@ -235,10 +235,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$n = ["value", "disabled"], _hoisted_2$7 = { class: "text-[13px] text-gray-700" }, _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ mergeModels({
     text: {
@@ -283,7 +283,7 @@ const _hoisted_1$q = ["placeholder", "disabled"], _sfc_main$v = /* @__PURE__ */
       }, null, 8, _hoisted_1$n), [
         [vModelRadio, t.value]
       ]),
-      createElementVNode("span", _hoisted_2$6, toDisplayString(e.text), 1)
+      createElementVNode("span", _hoisted_2$7, toDisplayString(e.text), 1)
     ], 2));
   }
 }), layouts = {
@@ -347,6 +347,14 @@ const isString = typeOfTest("string"), isFunction = typeOfTest("function"), isNu
     return !1;
   const t = getPrototypeOf(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(toStringTag in e) && !(iterator in e);
+}, isEmptyObject = (e) => {
+  if (!isObject(e) || isBuffer(e))
+    return !1;
+  try {
+    return Object.keys(e).length === 0 && Object.getPrototypeOf(e) === Object.prototype;
+  } catch {
+    return !1;
+  }
 }, isDate = kindOfTest("Date"), isFile = kindOfTest("File"), isBlob = kindOfTest("Blob"), isFileList = kindOfTest("FileList"), isStream = (e) => isObject(e) && isFunction(e.pipe), isFormData = (e) => {
   let t;
   return e && (typeof FormData == "function" && e instanceof FormData || isFunction(e.append) && ((t = kindOf(e)) === "formdata" || // detect form-data instance
@@ -360,6 +368,8 @@ function forEach(e, t, { allOwnKeys: n = !1 } = {}) {
     for (r = 0, o = e.length; r < o; r++)
       t.call(null, e[r], r, e);
   else {
+    if (isBuffer(e))
+      return;
     const s = n ? Object.getOwnPropertyNames(e) : Object.keys(e), i = s.length;
     let l;
     for (r = 0; r < i; r++)
@@ -367,6 +377,8 @@ function forEach(e, t, { allOwnKeys: n = !1 } = {}) {
   }
 }
 function findKey(e, t) {
+  if (isBuffer(e))
+    return null;
   t = t.toLowerCase();
   const n = Object.keys(e);
   let r = n.length, o;
@@ -470,12 +482,14 @@ const toJSONObject = (e) => {
     if (isObject(r)) {
       if (t.indexOf(r) >= 0)
         return;
+      if (isBuffer(r))
+        return r;
       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);
+          const u = n(i, o + 1);
+          !isUndefined(u) && (s[l] = u);
         }), t[o] = void 0, s;
       }
     }
@@ -500,6 +514,7 @@ const toJSONObject = (e) => {
   isBoolean,
   isObject,
   isPlainObject,
+  isEmptyObject,
   isReadableStream,
   isRequest,
   isResponse,
@@ -594,8 +609,8 @@ 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;
+  return utils$1.toFlatObject(e, i, function(u) {
+    return u !== 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 httpAdapter = null;
@@ -626,52 +641,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, i = 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(w, _) {
+          !(utils$1.isUndefined(w) || w === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
             i === !0 ? renderKey([y], _, s) : i === null ? y : y + "[]",
-            u(x)
+            c(w)
           );
         }), !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();
     }
   }
@@ -805,11 +820,12 @@ self instanceof WorkerGlobalScope && typeof self.importScripts == "function", or
   ...platform$1
 };
 function toURLEncodedForm(e, t) {
-  return toFormData$1(e, new platform.classes.URLSearchParams(), Object.assign({
+  return toFormData$1(e, new platform.classes.URLSearchParams(), {
     visitor: function(n, r, o, s) {
       return platform.isNode && utils$1.isBuffer(n) ? (this.append(r, n.toString("base64")), !1) : s.defaultVisitor.apply(this, arguments);
-    }
-  }, t));
+    },
+    ...t
+  });
 }
 function parsePropPath(e) {
   return utils$1.matchAll(/\w+|\[(\w*)]/g, e).map((t) => t[0] === "[]" ? "" : t[1] || t[0]);
@@ -827,8 +843,8 @@ 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);
+    const l = Number.isFinite(+i), u = s >= n.length;
+    return i = !i && utils$1.isArray(o) ? o.length : i, u ? (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);
   }
   if (utils$1.isFormData(e) && utils$1.isFunction(e.entries)) {
     const n = {};
@@ -866,10 +882,10 @@ const defaults = {
       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;
+        const u = this.env && this.env.FormData;
         return toFormData$1(
           l ? { "files[]": t } : t,
-          c && new c(),
+          u && new u(),
           this.formSerializer
         );
       }
@@ -987,24 +1003,24 @@ let AxiosHeaders$1 = class {
   }
   set(t, n, r) {
     const o = this;
-    function s(l, c, u) {
-      const a = normalizeHeader(c);
+    function s(l, 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(l));
     }
-    const i = (l, c) => utils$1.forEach(l, (u, a) => s(u, a, c));
+    const i = (l, u) => utils$1.forEach(l, (c, a) => s(c, a, u));
     if (utils$1.isPlainObject(t) || t instanceof this.constructor)
       i(t, n);
     else if (utils$1.isString(t) && (t = t.trim()) && !isValidHeaderName(t))
       i(parseHeaders(t), n);
     else if (utils$1.isObject(t) && utils$1.isIterable(t)) {
-      let l = {}, c, u;
+      let l = {}, 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];
+        l[c = a[0]] = (u = l[c]) ? utils$1.isArray(u) ? [...u, a[1]] : [u, a[1]] : a[1];
       }
       i(l, n);
     } else
@@ -1152,26 +1168,26 @@ 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;
+  return t = t !== void 0 ? t : 1e3, function(u) {
+    const c = Date.now(), a = r[s];
+    i || (i = 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 - i < 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 i = (c, a = Date.now()) => {
+    n = a, o = null, s && (clearTimeout(s), s = null), e(...c);
   };
-  return [(...u) => {
+  return [(...c) => {
     const a = Date.now(), d = a - n;
-    d >= r ? i(u, a) : (o = u, s || (s = setTimeout(() => {
+    d >= r ? i(c, a) : (o = c, s || (s = setTimeout(() => {
       s = null, i(o);
     }, r - d)));
   }, () => o && i(o)];
@@ -1180,15 +1196,15 @@ 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;
+    const i = s.loaded, l = s.lengthComputable ? s.total : void 0, u = i - r, c = o(u), a = i <= l;
     r = i;
     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,
+      bytes: u,
+      rate: c || void 0,
+      estimated: c && l && a ? (l - i) / c : void 0,
       event: s,
       lengthComputable: l != null,
       [t ? "download" : "upload"]: !0
@@ -1246,32 +1262,32 @@ 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 i(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 l(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,
@@ -1300,10 +1316,10 @@ function mergeConfig$1(e, t) {
     socketPath: i,
     responseEncoding: i,
     validateStatus: l,
-    headers: (u, a, d) => o(headersToObject(u), headersToObject(a), d, !0)
+    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);
+  return utils$1.forEach(Object.keys({ ...e, ...t }), function(a) {
+    const d = u[a] || o, f = d(e[a], t[a], a);
     utils$1.isUndefined(f) && d !== l || (n[a] = f);
   }), n;
 }
@@ -1314,18 +1330,18 @@ const resolveConfig = (e) => {
     "Authorization",
     "Basic " + btoa((l.username || "") + ":" + (l.password ? unescape(encodeURIComponent(l.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("; "));
+    else if ((u = i.getContentType()) !== !1) {
+      const [c, ...a] = u ? u.split(";").map((d) => d.trim()).filter(Boolean) : [];
+      i.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 && i.set(o, c);
   }
   return t;
 }, isXHRAdapterSupported = typeof XMLHttpRequest < "u", xhrAdapter = isXHRAdapterSupported && function(e) {
@@ -1333,22 +1349,22 @@ const resolveConfig = (e) => {
     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;
+    let { responseType: l, 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 w = AxiosHeaders$1.from(
         "getAllResponseHeaders" in m && m.getAllResponseHeaders()
       ), k = {
         data: !l || l === "text" || l === "json" ? m.responseText : m.response,
         status: m.status,
         statusText: m.statusText,
-        headers: x,
+        headers: w,
         config: e,
         request: m
       };
@@ -1358,8 +1374,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() {
@@ -1375,12 +1391,12 @@ const resolveConfig = (e) => {
       )), m = null;
     }, s === void 0 && i.setContentType(null), "setRequestHeader" in m && utils$1.forEach(i.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), l && l !== "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 = (w) => {
+      m && (r(!w || w.type ? new CanceledError$1(null, e, m) : w), 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,10 +1405,10 @@ 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;
+        const a = c instanceof Error ? c : this.reason;
         r.abort(a instanceof AxiosError$1 ? a : new CanceledError$1(a instanceof Error ? a.message : a));
       }
     };
@@ -1400,13 +1416,13 @@ const resolveConfig = (e) => {
       i = 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);
+      e && (i && clearTimeout(i), i = 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(l), u;
   }
 }, streamChunk = function* (e, t) {
   let n = e.byteLength;
@@ -1438,15 +1454,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, i, l = (u) => {
+    i || (i = !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) {
+          l(), u.close();
           return;
         }
         let d = a.byteLength;
@@ -1454,13 +1470,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 l(c), c;
       }
     },
-    cancel(c) {
-      return l(c), o.return();
+    cancel(u) {
+      return l(u), o.return();
     }
   }, {
     highWaterMark: 2
@@ -1517,20 +1533,20 @@ const getBodyLength = async (e) => {
     cancelToken: s,
     timeout: i,
     onDownloadProgress: l,
-    onUploadProgress: c,
-    responseType: u,
+    onUploadProgress: u,
+    responseType: c,
     headers: a,
     withCredentials: d = "same-origin",
     fetchOptions: f
   } = resolveConfig(e);
-  u = u ? (u + "").toLowerCase() : "text";
+  c = c ? (c + "").toLowerCase() : "text";
   let h = composeSignals([o, s && s.toAbortSignal()], i), 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,
@@ -1539,13 +1555,13 @@ const getBodyLength = async (e) => {
       if (utils$1.isFormData(r) && (b = k.headers.get("content-type")) && a.setContentType(b), k.body) {
         const [g, v] = progressEventDecorator(
           m,
-          progressEventReducer(asyncDecorator(c))
+          progressEventReducer(asyncDecorator(u))
         );
         r = trackStream(k.body, DEFAULT_CHUNK_SIZE, g, v);
       }
     }
     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 +1569,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 w = supportsResponseStream && (c === "stream" || c === "response");
+    if (supportsResponseStream && (l || w && 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, v] = l && progressEventDecorator(
         b,
         progressEventReducer(asyncDecorator(l), !0)
       ) || [];
-      w = new Response(
-        trackStream(w.body, DEFAULT_CHUNK_SIZE, g, () => {
+      $ = new Response(
+        trackStream($.body, DEFAULT_CHUNK_SIZE, g, () => {
           v && v(), 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 !w && 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,
@@ -1624,7 +1640,7 @@ const renderReason = (e) => `- ${e}`, isResolvedHandle = (e) => utils$1.isFuncti
     }
     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")
+        ([l, u]) => `adapter ${l} ` + (u === !1 ? "is not supported by the environment" : "is not available in the build")
       );
       let i = t ? s.length > 1 ? `since :
 ` + s.map(renderReason).join(`
@@ -1660,7 +1676,7 @@ function dispatchRequest(e) {
     ), r.response.headers = AxiosHeaders$1.from(r.response.headers))), Promise.reject(r);
   });
 }
-const VERSION$1 = "1.10.0", validators$1 = {};
+const VERSION$1 = "1.11.0", validators$1 = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((e, t) => {
   validators$1[e] = function(r) {
     return typeof r === e || "a" + (t < 1 ? "n " : " ") + e;
@@ -1696,9 +1712,9 @@ function assertOptions(e, t, n) {
   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 l = e[s], u = l === void 0 || i(l, s, e);
+      if (u !== !0)
+        throw new AxiosError$1("option " + s + " must be " + u, AxiosError$1.ERR_BAD_OPTION_VALUE);
       continue;
     }
     if (n !== !0)
@@ -1768,18 +1784,18 @@ let Axios$1 = class {
       }
     ), n.headers = AxiosHeaders$1.concat(i, s);
     const l = [];
-    let c = !0;
+    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, l.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(...l), p.push(...c), f = p.length, a = Promise.resolve(n); d < f; )
         a = a.then(p[d++], p[d++]);
       return a;
     }
@@ -1799,8 +1815,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) {
@@ -2111,43 +2127,43 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
   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;
+  const i = await parseInt(t?.getBoundingClientRect()?.height.toString()), l = 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 + c;
+  const p = s.bottom + r + u;
   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;
+      s.top - o.height - r < 0 ? f = s.top - o.height + r + u + i : 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 - c - i, h = s.left - o.width / 2 + s.width / 2;
+      a > p ? f = s.bottom + r : f = s.bottom - r - u - 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;
+      f = s.top - o.height / 2 + s.height / 2, d - l > 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 + c + i : f = s.top - o.height - r, d - l > u ? h = s.right + r : h = d - 30 - u;
+      s.top - o.height - r < 0 ? f = s.top - o.height + r + u + i : f = s.top - o.height - r, d - l > 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 + c + i : f = s.top - o.height - r, s.left - o.width - r > 0 ? h = s.left - o.width - r : h = 10;
+      s.top - o.height - r < 0 ? f = s.top - o.height + r + u + 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;
+      s.top - o.height - r < 0 ? f = s.top - o.height + r + u + 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;
+      a > p ? f = s.bottom + r : f = s.bottom - r - u - i, d - l > c ? h = s.left : h = d - 30 - c;
       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;
+      a > p ? f = s.bottom + r : f = s.bottom - r - u - i, s.left > 0 ? h = s.right - c : 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;
+      a > p ? f = s.bottom + r : f = s.bottom - r - u - i, s.left > 0 ? h = s.left : h = 10;
       break;
   }
-  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 = {
+  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$i = ["disabled"], _hoisted_2$6 = { key: 1 }, _hoisted_3$3 = {
   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({
@@ -2172,9 +2188,9 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
   }),
   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)
+    const t = e, { inputClass: n } = useStyle(t.style), r = useModel(e, "modelValue"), o = ref({}), s = ref(null), i = ref(null), l = 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(
@@ -2185,27 +2201,27 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
         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;
+      document.body.click(), l.value = b !== void 0 ? b : !l.value, l.value && !c.value?.length && (!t.options?.length && t.data ? c.value = await h() : t.options?.length && (c.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) => {
+      u.value = b, r.value = b.id, p(!1);
+    }, x = (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) => {
+    }, $ = (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);
+        a.value -= 1, x(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);
+        a.value += 1, x(d.value[a.value], i.value);
       } else if (g == 13) {
         const v = f.value[a.value];
         v && m(v);
       }
-    }, x = async (b) => {
+    }, w = async (b) => {
       if (l.value) return;
       const { keyCode: g } = b;
       [38, 40].includes(g) && (await b.preventDefault(), a.value = 0, setTimeout(() => p()));
@@ -2215,9 +2231,9 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
       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);
+      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", w), removeEventListener("scroll", _, !0), removeEventListener("keydown", k);
+      removeEventListener("click", y), removeEventListener("keydown", $), removeEventListener("scroll", _, !0), removeEventListener("keydown", k);
     }), (b, g) => (openBlock(), createElementBlock("div", {
       class: "relative w-full",
       ref_key: "select",
@@ -2227,24 +2243,25 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
     }, [
       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", [
+        class: normalizeClass(["block w-full flex items-center gap-[8px] pl-[16px] py-[5px] bg-white w-[calc(100%)] overflow-ellipsis", [
           l.value ? `ring-rind ring-2 ring-${b.style?.primaryColor || "blue"}-500` : "",
+          u.value?.text ? "pr-[50px]" : "pr-[25px]",
           unref(n),
           b.customClass
         ]]),
-        onKeydown: x,
+        onKeydown: w,
         onClick: g[0] || (g[0] = (v) => p(!l.value)),
         disabled: b.disabled,
         style: {
-          border: "1px solid #e0e0e0"
+          border: "1px solid #CFD9E0"
         }
       }, [
-        c.value?.color ? (openBlock(), createElementBlock("span", {
+        u.value?.color ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: "w-[16px] h-[16px] rounded-md block",
-          style: normalizeStyle({ backgroundColor: c.value?.color })
+          style: normalizeStyle({ backgroundColor: u.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))
+        u.value?.text ? (openBlock(), createElementBlock("span", _hoisted_2$6, toDisplayString(u.value?.text), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(b.placeholder), 1))
       ], 42, _hoisted_1$i),
       createElementVNode("span", _hoisted_4$2, [
         createVNode(unref(IconChevronTopBottom), {
@@ -2252,11 +2269,11 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
           width: "14"
         })
       ]),
-      c.value?.text ? (openBlock(), createElementBlock("button", {
+      u.value?.text ? (openBlock(), createElementBlock("button", {
         key: 0,
         type: "button",
         onClick: g[1] || (g[1] = (v) => {
-          r.value = null, c.value = null;
+          r.value = null, u.value = null;
         }),
         class: "absolute top-[50%] text-gray-500 translate-y-[-50%] hover:text-red-600 right-[30px]"
       }, [
@@ -2285,7 +2302,7 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
               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" : ""]])
+              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, [
                 v?.color ? (openBlock(), createElementBlock("span", {
@@ -2362,7 +2379,7 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
       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({
+}), _hoisted_1$f = { class: "flex items-center justify-between" }, _hoisted_2$5 = { class: "text-[16px] text-gray-900 font-medium" }, _hoisted_3$2 = { class: "grid gap-3" }, _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -2387,7 +2404,7 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
       }
     ), (r, o) => (openBlock(), createElementBlock("div", null, [
       createElementVNode("div", _hoisted_1$f, [
-        createElementVNode("p", null, toDisplayString(e.title), 1),
+        createElementVNode("p", _hoisted_2$5, toDisplayString(e.title), 1),
         createVNode(_sfc_main$l, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
@@ -2396,7 +2413,7 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
       ]),
       createVNode(Transition, { name: "slide-fade" }, {
         default: withCtx(() => [
-          withDirectives(createElementVNode("div", _hoisted_2$4, [
+          withDirectives(createElementVNode("div", _hoisted_3$2, [
             renderSlot(r.$slots, "default", {}, void 0, !0)
           ], 512), [
             [vShow, n.value]
@@ -2406,7 +2423,7 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
       })
     ]));
   }
-}), VsContainerSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-34f848b8"]]), _hoisted_1$e = { class: "grid gap-3" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
+}), VsContainerSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-d0cc3932"]]), _hoisted_1$e = { class: "text-[16px] text-gray-900 font-medium" }, _hoisted_2$4 = { class: "grid gap-3" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -2438,11 +2455,11 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
         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)
+        createElementVNode("span", _hoisted_1$e, toDisplayString(e.title), 1)
       ]),
       createVNode(Transition, { name: "slide-fade" }, {
         default: withCtx(() => [
-          withDirectives(createElementVNode("div", _hoisted_1$e, [
+          withDirectives(createElementVNode("div", _hoisted_2$4, [
             renderSlot(r.$slots, "default", {}, void 0, !0)
           ], 512), [
             [vShow, n.value]
@@ -2452,7 +2469,7 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
       })
     ]));
   }
-}), 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({
+}), VsContainerAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-a37284e6"]]), _hoisted_1$d = { class: "flex items-center justify-between" }, _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "vs-container-default",
   props: {
     title: {
@@ -2543,8 +2560,8 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
     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);
+      const u = Array.isArray(l) ? l[0] : l, c = n?.value?.[u];
+      return isVisible(c, l);
     })), s = computed(() => views[t.view]);
     return (i, l) => e.schema?.length ? (openBlock(), createBlock(resolveDynamicComponent(s.value), {
       key: 0,
@@ -2552,20 +2569,20 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
       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,
+        (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?.[c.name]
+          error: unref(r)?.errors?.[u.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({
+}), _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-700 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: "" },
@@ -2638,7 +2655,7 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
         r("update:modelValue", l);
       }
     }), 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", {
+    return (l, 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", [i.value, s.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
       withDirectives(createElementVNode("input", {
@@ -2646,7 +2663,7 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
         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), [
         [vModelCheckbox, o.value]
@@ -2697,20 +2714,20 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
       get: () => Array.isArray(n.modelValue) ? Array.isArray(n.modelValue) && n.modelValue.includes(n.value) : n.modelValue,
       set: (l) => {
         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];
+          l ? u.includes(n.value) || u.push(n.value) : u = u.filter((c) => c !== n.value), r("update:modelValue", u);
         } else
           r("update:modelValue", l);
       }
     }), i = ref("vs-checkbox-" + (n.view || "default"));
-    return (l, c) => (openBlock(), createElementBlock("div", _hoisted_1$a, [
+    return (l, u) => (openBlock(), createElementBlock("div", _hoisted_1$a, [
       (openBlock(), createBlock(resolveDynamicComponent(unref(VsCheckboxViews)?.[i.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,
@@ -2743,7 +2760,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({}), i = (a) => a?.value || a?.id || a?.text || a, l = (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;
@@ -2781,7 +2798,7 @@ 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]);
             s[a] = n.modelValue;
@@ -2814,7 +2831,7 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_rend
         modelValue: s[i(f)],
         "onUpdate:modelValue": (h) => s[i(f)] = h,
         value: i(f),
-        class: normalizeClass(c(e.colSpan)),
+        class: normalizeClass(u(e.colSpan)),
         disabled: f.disabled,
         label: l(f),
         key: i(f),
@@ -3035,7 +3052,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$4, [["render", _sfc_render]]), _hoisted_1$1 = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] 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({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ mergeModels({
     multiple: { type: Boolean }
@@ -3075,7 +3092,7 @@ 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 = {
+}), VsInputFileListItem = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-98838521"]]), _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({
@@ -3092,14 +3109,14 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_r
   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))
+        const c = i.target.files?.[0];
+        if (!c || !c.name.endsWith(t.format))
           return;
       }
       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;
+      const u = await fileUpload(l, "1", "form", "table");
+      n.value = t.multiple ? [...n.value || [], u.result?.file_path] : u.result?.file_path;
     };
     return (i, l) => (openBlock(), createElementBlock("div", _hoisted_1, [
       createElementVNode("input", {
@@ -3112,21 +3129,21 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_r
       !i.multiple && n.value ? (openBlock(), createBlock(VsInputFileListItem, {
         key: 0,
         item: n.value,
-        "onUpdate:item": l[0] || (l[0] = (c) => n.value = c),
+        "onUpdate:item": l[0] || (l[0] = (u) => n.value = u),
         value: n.value,
-        "onUpdate:value": l[1] || (l[1] = (c) => n.value = c)
+        "onUpdate:value": l[1] || (l[1] = (u) => n.value = u)
       }, null, 8, ["item", "value"])) : i.multiple ? (openBlock(), createElementBlock("div", _hoisted_2, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(n.value, (c, u) => (openBlock(), createBlock(VsInputFileListItem, {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(n.value, (u, c) => (openBlock(), createBlock(VsInputFileListItem, {
           multiple: i.multiple,
-          key: u,
+          key: c,
           value: n.value,
           "onUpdate:value": l[2] || (l[2] = (a) => n.value = a),
-          item: o(u)
+          item: o(c)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         createElementVNode("div", {
-          onClick: l[3] || (l[3] = (c) => !i.disabled && r.value?.click()),
+          onClick: l[3] || (l[3] = (u) => !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",
+            "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",
             i.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
@@ -3135,7 +3152,7 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_r
       ])) : createCommentVNode("", !0),
       i.multiple ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
         key: 2,
-        onClick: l[4] || (l[4] = (c) => r.value?.click()),
+        onClick: l[4] || (l[4] = (u) => 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"])
       }, [
         createVNode(IconPlus, { class: "w-6 h-6" })
@@ -3206,74 +3223,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: "text",
+  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) };
+    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) => {
-    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))
+  const n = convertSchema(t), r = ref({}), o = (l = n, u = !0) => {
+    if (l.forEach((c) => {
+      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((l) => {
+    const u = l?.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"), {
+    const n = t, r = e, o = useAttrs(), s = useModel(e, "form"), i = useModel(e, "values"), {
       errors: l,
-      validate: c,
-      reset: u,
+      validate: u,
+      reset: c,
       visibleSchema: a
     } = useForm(i, r.schema), d = () => {
-      c(), n("handle-submit", i.value);
+      u(), n("handle-submit", i.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 = i.value, s.value.errors = l.value, s.value.reset = c, s.value.validate = u;
+    }), provide("form", s), provide("values", i), (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,
+        layout: f.layout,
         modelValue: i.value[p.name],
         "onUpdate:modelValue": (y) => i.value[p.name] = y,
-        style: e.style,
+        style: f.style,
         error: unref(l)[p.name]
-      }), null, 16, ["class", "item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
-    ], 32));
+      }), null, 16, ["class", "item", "layout", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
+    ], 34));
   }
 });
 _sfc_main.install = function e(t) {