@opengis/form 0.0.6 → 0.0.8

package/dist/index.js

@@ -1,11 +1,14 @@
-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$x = { class: "w-full relative" }, _hoisted_2$b = { class: "text-[14px] font-medium text-gray-900 mb-2" }, _hoisted_3$5 = {
+import { defineComponent, createElementBlock, openBlock, createCommentVNode, renderSlot, createElementVNode, toDisplayString, normalizeProps, guardReactiveProps, createTextVNode, computed, mergeModels, useModel, withDirectives, normalizeClass, unref, vModelText, vModelCheckbox, createVNode, ref, createBlock, resolveDynamicComponent, normalizeStyle, withCtx, reactive, watch, onMounted, onBeforeUnmount, Teleport, Transition, vShow, nextTick, withModifiers, vModelRadio, Fragment, renderList, mergeProps, createStaticVNode, inject, onUnmounted, useAttrs, provide } from "vue";
+const _hoisted_1$z = { class: "w-full relative" }, _hoisted_2$c = {
   key: 0,
-  class: "text-red-500 text-[14px]"
-}, _hoisted_4$4 = {
+  class: "text-[14px] font-medium text-gray-900 mb-2"
+}, _hoisted_3$6 = {
   key: 0,
+  class: "text-red-500 text-[14px]"
+}, _hoisted_4$5 = {
+  key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, _sfc_main$C = /* @__PURE__ */ defineComponent({
+}, _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "vs-layout-default",
   props: {
     ua: {
@@ -26,22 +29,25 @@ const _hoisted_1$x = { class: "w-full relative" }, _hoisted_2$b = { class: "text
     }
   },
   setup(e) {
-    return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$x, [
-      createElementVNode("span", _hoisted_2$b, [
+    return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$z, [
+      e.ua || e.label ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
         createElementVNode("span", null, toDisplayString(e.ua || e.label), 1),
-        e.item?.rules?.includes("required") ? (openBlock(), createElementBlock("span", _hoisted_3$5, "*")) : createCommentVNode("", !0)
-      ]),
+        e.item?.rules?.includes("required") ? (openBlock(), createElementBlock("span", _hoisted_3$6, "*")) : createCommentVNode("", !0)
+      ])) : createCommentVNode("", !0),
       renderSlot(t.$slots, "default", normalizeProps(guardReactiveProps(t.$attrs))),
-      e.error ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(e.error), 1)) : createCommentVNode("", !0)
+      e.error ? (openBlock(), createElementBlock("span", _hoisted_4$5, toDisplayString(e.error), 1)) : createCommentVNode("", !0)
     ]));
   }
-}), _hoisted_1$w = { 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 = {
+}), _hoisted_1$y = { class: "w-full relative flex flex-row items-center gap-2" }, _hoisted_2$b = {
   key: 0,
-  class: "text-red-500 text-[14px]"
-}, _hoisted_4$3 = {
+  class: "text-sm text-gray-900 font-medium flex shrink-0 w-3/12"
+}, _hoisted_3$5 = {
   key: 0,
+  class: "text-red-500 text-[14px]"
+}, _hoisted_4$4 = {
+  key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, _sfc_main$B = /* @__PURE__ */ defineComponent({
+}, _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "vs-layout-horizontal",
   props: {
     ua: {
@@ -62,19 +68,19 @@ const _hoisted_1$x = { class: "w-full relative" }, _hoisted_2$b = { class: "text
     }
   },
   setup(e) {
-    return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$w, [
-      createElementVNode("span", _hoisted_2$a, [
+    return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$y, [
+      e.item?.type !== "html" ? (openBlock(), createElementBlock("span", _hoisted_2$b, [
         createTextVNode(toDisplayString(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") ? (openBlock(), createElementBlock("span", _hoisted_3$4, "*")) : createCommentVNode("", !0)
-      ]),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (openBlock(), createElementBlock("span", _hoisted_3$5, "*")) : createCommentVNode("", !0)
+      ])) : createCommentVNode("", !0),
       renderSlot(t.$slots, "default", normalizeProps(guardReactiveProps(t.$attrs))),
-      e.error ? (openBlock(), createElementBlock("span", _hoisted_4$3, toDisplayString(e.error), 1)) : createCommentVNode("", !0)
+      e.error ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(e.error), 1)) : createCommentVNode("", !0)
     ]));
   }
-}), _hoisted_1$v = { class: "w-full relative" }, _hoisted_2$9 = {
+}), _hoisted_1$x = { class: "w-full relative" }, _hoisted_2$a = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, _sfc_main$A = /* @__PURE__ */ defineComponent({
+}, _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "vs-layout-inline",
   props: {
     ua: {
@@ -95,15 +101,15 @@ const _hoisted_1$x = { class: "w-full relative" }, _hoisted_2$b = { class: "text
     }
   },
   setup(e) {
-    return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$v, [
+    return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$x, [
       renderSlot(t.$slots, "default", normalizeProps(guardReactiveProps(t.$attrs))),
-      e.error ? (openBlock(), createElementBlock("span", _hoisted_2$9, toDisplayString(e.error), 1)) : createCommentVNode("", !0)
+      e.error ? (openBlock(), createElementBlock("span", _hoisted_2$a, toDisplayString(e.error), 1)) : createCommentVNode("", !0)
     ]));
   }
 }), layouts$1 = {
-  default: _sfc_main$C,
-  horizontal: _sfc_main$B,
-  inline: _sfc_main$A
+  default: _sfc_main$E,
+  horizontal: _sfc_main$D,
+  inline: _sfc_main$C
 };
 function useStyle(e) {
   return {
@@ -113,7 +119,7 @@ function useStyle(e) {
     })
   };
 }
-const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _hoisted_1$w = ["placeholder", "disabled"], _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "vs-input-text",
   props: /* @__PURE__ */ mergeModels({
     style: {
@@ -131,6 +137,10 @@ const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__PURE__ */
     disabled: {
       type: Boolean,
       default: !1
+    },
+    error: {
+      type: String,
+      default: null
     }
   }, {
     modelValue: { default: "" },
@@ -139,20 +149,20 @@ const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__PURE__ */
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, { inputClass: n } = useStyle(t.style), o = useModel(e, "modelValue");
-    return (r, s) => withDirectives((openBlock(), createElementBlock("input", {
+    return (s, r) => withDirectives((openBlock(), createElementBlock("input", {
       type: "text",
-      "onUpdate:modelValue": s[0] || (s[0] = (l) => o.value = l),
+      "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l),
       placeholder: e.placeholder,
       disabled: e.disabled,
-      class: normalizeClass(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [unref(n)]]),
+      class: normalizeClass(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [unref(n), { "!border-red-600": e.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, _hoisted_1$u)), [
+    }, null, 10, _hoisted_1$w)), [
       [vModelText, o.value]
     ]);
   }
-}), _hoisted_1$t = ["placeholder"], _sfc_main$y = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$v = ["placeholder"], _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "vs-input-number",
   props: /* @__PURE__ */ mergeModels({
     style: {
@@ -170,21 +180,504 @@ const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__PURE__ */
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, { inputClass: n } = useStyle(t.style), o = useModel(e, "modelValue");
-    return (r, s) => withDirectives((openBlock(), createElementBlock("input", {
+    return (s, r) => withDirectives((openBlock(), createElementBlock("input", {
       type: "number",
-      "onUpdate:modelValue": s[0] || (s[0] = (l) => o.value = l),
+      "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l),
       placeholder: e.placeholder,
       class: normalizeClass(["py-1.5 px-3 block w-full", [unref(n)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, _hoisted_1$t)), [
+    }, null, 10, _hoisted_1$v)), [
       [vModelText, o.value]
     ]);
   }
-}), _hoisted_1$s = ["disabled"], _sfc_main$x = /* @__PURE__ */ defineComponent({
+}), _export_sfc = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, s] of t)
+    n[o] = s;
+  return n;
+}, _sfc_main$z = {}, _hoisted_1$u = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
+};
+function _sfc_render$d(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$u, 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$z, [["render", _sfc_render$d]]), _hoisted_1$t = { class: "flex items-center gap-[4px]" }, _hoisted_2$9 = ["value", "id", "disabled"], _hoisted_3$4 = ["for"], _hoisted_4$3 = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, _sfc_main$y = /* @__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: () => "" },
+    error: { type: String, default: () => null }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = t, o = e, s = computed({
+      get: () => o.modelValue,
+      set: (r) => n("update:modelValue", r)
+    });
+    return (r, l) => (openBlock(), createElementBlock("div", _hoisted_1$t, [
+      withDirectives(createElementVNode("input", {
+        type: "checkbox",
+        value: e.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (i) => s.value = i),
+        class: normalizeClass(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": e.disabled }]),
+        id: e.id,
+        disabled: e.disabled
+      }, null, 10, _hoisted_2$9), [
+        [vModelCheckbox, s.value]
+      ]),
+      createElementVNode("label", {
+        for: e.id,
+        class: normalizeClass(["flex flex-1 checkbox-label items-center gap-x-2 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", [s.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", e.error ? "border-red-600" : ""]])
+        }, [
+          createVNode(IconCheck, {
+            height: "12",
+            width: "12"
+          })
+        ], 2),
+        createElementVNode("span", _hoisted_4$3, [
+          renderSlot(r.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(e.label), 1)
+          ])
+        ])
+      ], 10, _hoisted_3$4)
+    ]));
+  }
+}), _hoisted_1$s = ["name", "value", "disabled"], _hoisted_2$8 = { class: "flex items-center gap-[6px] text-[14px]" }, _hoisted_3$3 = {
+  key: 0,
+  class: "text-[16px]"
+}, _hoisted_4$2 = ["src"], _sfc_main$x = /* @__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 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, s = computed({
+      get: () => n.modelValue,
+      set: (i) => {
+        o("update:modelValue", i);
+      }
+    }), r = computed(() => Array.isArray(s.value) ? s.value.includes(n.value) : s.value === !0 || s.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, r.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": u[0] || (u[0] = (c) => s.value = c),
+        disabled: e.disabled
+      }, null, 8, _hoisted_1$s), [
+        [vModelCheckbox, s.value]
+      ]),
+      createElementVNode("span", _hoisted_2$8, [
+        e.icon || e.imgUrl ? (openBlock(), createElementBlock("span", _hoisted_3$3, [
+          e.icon ? (openBlock(), createElementBlock("i", {
+            key: 0,
+            class: normalizeClass(e.icon)
+          }, null, 2)) : createCommentVNode("", !0),
+          e.imgUrl ? (openBlock(), createElementBlock("img", {
+            key: 1,
+            src: e.imgUrl,
+            width: "16",
+            height: "16",
+            alt: "icon"
+          }, null, 8, _hoisted_4$2)) : createCommentVNode("", !0)
+        ])) : createCommentVNode("", !0),
+        renderSlot(i.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(e.label), 1)
+        ])
+      ])
+    ], 2));
+  }
+}), VsCheckboxViews = {
+  "vs-checkbox-default": _sfc_main$y,
+  "vs-checkbox-buttons": _sfc_main$x
+}, _hoisted_1$r = { class: "flex items-center" }, _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "vs-input-checkbox-item",
+  props: {
+    value: { type: [String, Number], default: "" },
+    label: { type: [String, Number], default: "" },
+    disabled: { type: Boolean, default: !1 },
+    view: { type: String, default: () => "default" },
+    modelValue: {
+      type: [Array, Boolean],
+      default: !1
+    },
+    icon: { type: String },
+    imgUrl: { type: String },
+    slots: { type: Object, default: () => null },
+    option: { type: [Object, String] },
+    style: { type: String, default: () => null },
+    error: { type: String, default: () => null }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, s = `radio-${Math.floor(Math.random() * 1e4)}`, r = computed({
+      get: () => Array.isArray(n.modelValue) ? Array.isArray(n.modelValue) && n.modelValue.includes(n.value) : n.modelValue,
+      set: (i) => {
+        if (Array.isArray(n.modelValue)) {
+          let u = [...n.modelValue];
+          i ? u.includes(n.value) || u.push(n.value) : u = u.filter((c) => c !== n.value), o("update:modelValue", u);
+        } else
+          o("update:modelValue", i);
+      }
+    }), l = ref(`vs-checkbox-${n.view || "default"}`);
+    return (i, u) => (openBlock(), createElementBlock("div", _hoisted_1$r, [
+      (openBlock(), createBlock(resolveDynamicComponent(unref(VsCheckboxViews)?.[l.value]), {
+        value: e.value,
+        label: e.label,
+        info: e.option?.info,
+        disabled: e.disabled,
+        modelValue: r.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
+        id: s,
+        icon: e.icon,
+        imgUrl: e.imgUrl,
+        style: normalizeStyle(e.style),
+        error: e.error
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
+    ]));
+  }
+});
+defineComponent({
+  props: {
+    modelValue: { type: Boolean, default: () => !1 },
+    title: { type: String, default: () => "" },
+    disabled: { type: Boolean, default: () => !1 }
+  },
+  data() {
+    return {};
+  },
+  mounted() {
+    this.modelValue || this.$emit("update:modelValue", !1);
+  },
+  computed: {
+    modelState: {
+      get() {
+        return this.modelValue;
+      },
+      set(e) {
+        this.$emit("update:modelValue", e);
+      }
+    },
+    labelCursorClasses() {
+      return [
+        { "cursor-not-allowed": this.disabled },
+        { "cursor-pointer": !this.disabled }
+      ];
+    }
+  },
+  methods: {
+    handleEnterDown(e) {
+      const { keyCode: t } = e;
+      t === 13 && (this.modelState = !this.modelState);
+    },
+    addKeyHandler() {
+      window.addEventListener("keydown", this.handleEnterDown);
+    },
+    removeKeyHandler() {
+      window.removeEventListener("keydown", this.handleEnterDown);
+    }
+  }
+});
+const I = async (e, t, n, o = 10) => {
+  if (!t || !n) return;
+  await nextTick();
+  const s = await n?.getBoundingClientRect(), r = await t?.getBoundingClientRect();
+  if (!r || !s) return;
+  const l = await parseInt(t?.getBoundingClientRect()?.height), i = await parseInt(t?.getBoundingClientRect()?.width), u = await parseInt(n?.getBoundingClientRect()?.height), c = await parseInt(n?.getBoundingClientRect()?.width), a = await window.innerHeight, f = await window.innerWidth;
+  let d = 0, p = 0;
+  const m = r.bottom + o + u;
+  switch (e) {
+    case "top":
+      r.top - s.height - o < 0 ? d = r.top - s.height + o + u + l : d = r.top - s.height - o, f > c + r.right + 30 ? p = r.left - s.width / 2 + r.width / 2 : p = f - 30 - c;
+      break;
+    case "bottom":
+      a > m ? d = r.bottom + o : d = r.bottom - o - u - l, p = r.left - s.width / 2 + r.width / 2;
+      break;
+    case "left":
+      d = r.top - s.height / 2 + r.height / 2, r.left - s.width - o > 0 ? p = r.left - s.width - o : p = 10;
+      break;
+    case "right":
+      d = r.top - s.height / 2 + r.height / 2, f - i > c ? p = r.right + o : p = f - 30 - c;
+      break;
+    case "top-right":
+      r.top - s.height - o < 0 ? d = r.top - s.height + o + u + l : d = r.top - s.height - o, f - i > c ? p = r.right + o : p = f - 30 - c;
+      break;
+    case "top-left":
+      r.top - s.height - o < 0 ? d = r.top - s.height + o + u + l : d = r.top - s.height - o, r.left - s.width - o > 0 ? p = r.left - s.width - o : p = 10;
+      break;
+    case "top-start":
+      r.top - s.height - o < 0 ? d = r.top - s.height + o + u + l : d = r.top - s.height - o, r.left > 0 ? p = r.left : p = 10;
+      break;
+    case "bottom-right":
+      a > m ? d = r.bottom + o : d = r.bottom - o - u - l, f - i > c ? p = r.left : p = f - 30 - c;
+      break;
+    case "bottom-left":
+      a > m ? d = r.bottom + o : d = r.bottom - o - u - l, r.left > 0 ? p = r.right - c : p = 10;
+      break;
+    case "bottom-start":
+      a > m ? d = r.bottom + o : d = r.bottom - o - u - l, r.left > 0 ? p = r.left : p = 10;
+      break;
+  }
+  d + u > a ? d = a - u - o : d < 0 && (d = o), p + c > f ? p = f - c - o : p < 0 && (p = o), n instanceof HTMLElement && (n.style.top = `${d}px`, n.style.left = `${p}px`, n.style.position = "fixed");
+}, Ae = { class: "text-center" }, Ke = { class: "py-2 px-4 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, qe = {
+  __name: "vs-popover",
+  props: {
+    isOpen: { type: Boolean, default: () => !1 },
+    placement: { type: String, default: "top" },
+    gap: { type: Number, default: 8 },
+    width: { type: [String, Number], default: "" },
+    disabled: { type: Boolean, default: !1 },
+    trigger: { type: String, default: "click" },
+    teleport: { type: String, default: "body" }
+  },
+  emits: ["isvisible"],
+  setup(e, { expose: t, emit: n }) {
+    const o = e, s = n, r = ref(!1), l = ref([]), i = ref(null), u = ref(null), c = ref(null), a = (g) => {
+      if (!g) {
+        r.value = !1;
+        return;
+      }
+      u.value?.contains(g.target) || c.value?.contains(g.target) || (r.value = !1);
+    }, f = (g) => {
+      r.value && c.value && !c.value.contains(g.target) && (r.value = !1);
+    }, d = () => {
+      r.value = !1;
+    }, p = () => {
+      r.value && (r.value = !1);
+    }, m = () => {
+      let g = i.value;
+      for (; g && g !== document.body; )
+        (g.scrollHeight > g.clientHeight || g.scrollWidth > g.clientWidth) && (g.addEventListener("scroll", d), l.value.push(g)), g = g.parentElement;
+      document.body && (document.body.addEventListener("scroll", d), l.value.push(document.body));
+    }, y = () => {
+      l.value.forEach((g) => {
+        g.removeEventListener("scroll", d);
+      }), l.value = [];
+    };
+    watch(r, (g) => {
+      g ? (m(), window.addEventListener("resize", () => I(o.placement, u.value, c.value)), I(o.placement, u.value, c.value)) : window.removeEventListener("resize", () => I(o.placement, u.value, c.value)), s("isvisible", g);
+    }), onMounted(() => {
+      window.addEventListener("click", a), window.addEventListener("popstate", p), window.addEventListener("scroll", f, !0), m();
+    }), onBeforeUnmount(() => {
+      window.removeEventListener("click", a), window.removeEventListener("popstate", p), y();
+    });
+    const h = () => {
+      r.value = !0, I(o.placement, u.value, c.value);
+    }, w = () => {
+      r.value = !1;
+    }, x = async () => {
+      await I(o.placement, u.value, c.value), r.value = !r.value;
+    };
+    return t({
+      togglePopover: x
+    }), (g, k) => (openBlock(), createElementBlock("div", {
+      ref_key: "popover",
+      ref: i,
+      class: "vs-popover inline-block"
+    }, [
+      createElementVNode("div", Ae, [
+        e.trigger === "click" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          ref_key: "popoverRef",
+          ref: u,
+          onClick: x,
+          class: normalizeClass({ "pointer-events-none": e.disabled })
+        }, [
+          renderSlot(g.$slots, "reference", {}, () => [
+            k[0] || (k[0] = createElementVNode("button", null, "Click me!", -1))
+          ])
+        ], 2)) : createCommentVNode("", !0),
+        e.trigger === "hover" ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          ref_key: "popoverRef",
+          ref: u,
+          onMouseover: h,
+          onMouseleave: w,
+          class: normalizeClass({ "pointer-events-none": e.disabled })
+        }, [
+          renderSlot(g.$slots, "reference", {}, () => [
+            k[1] || (k[1] = createElementVNode("button", null, "Click me!", -1))
+          ])
+        ], 34)) : createCommentVNode("", !0),
+        (openBlock(), createBlock(Teleport, { to: e.teleport }, [
+          createVNode(Transition, { name: "fade" }, {
+            default: withCtx(() => [
+              withDirectives(createElementVNode("div", {
+                class: normalizeClass(["vsTailwind vs-popover__content", e.placement]),
+                ref_key: "contentPop",
+                ref: c,
+                style: normalizeStyle({
+                  width: e.width ? e.width + "px" : "fit-content",
+                  zIndex: 10002
+                })
+              }, [
+                createElementVNode("div", Ke, [
+                  renderSlot(g.$slots, "default", {}, () => [
+                    k[2] || (k[2] = createElementVNode("span", null, "Popover content", -1))
+                  ])
+                ])
+              ], 6), [
+                [vShow, r.value]
+              ])
+            ]),
+            _: 3
+          })
+        ], 8, ["to"]))
+      ])
+    ], 512));
+  }
+};
+reactive({ visible: !0 });
+const _sfc_main$v = {}, _hoisted_1$q = {
+  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$c(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, 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$v, [["render", _sfc_render$c]]), _sfc_main$u = {}, _hoisted_1$p = {
+  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$b(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$p, 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$u, [["render", _sfc_render$b]]), _sfc_main$t = {}, _hoisted_1$o = {
+  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$a(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$o, 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$t, [["render", _sfc_render$a]]), _sfc_main$s = {}, _hoisted_1$n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  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$n, t[0] || (t[0] = [
+    createElementVNode("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    createElementVNode("path", { d: "M12 9h.01" }, null, -1),
+    createElementVNode("path", { d: "M11 12h1v4h1" }, null, -1),
+    createElementVNode("path", { d: "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" }, null, -1)
+  ]));
+}
+const IconInfo = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$9]]), _hoisted_1$m = {
+  key: 0,
+  class: "flex items-start gap-x-1"
+}, _hoisted_2$7 = {
+  key: 0,
+  class: "text-red-500 text-[14px]"
+}, _hoisted_3$2 = { class: "p-1" }, _hoisted_4$1 = { class: "text-gray-500" }, _hoisted_5$1 = ["disabled"], _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "vs-input-switcher",
   props: /* @__PURE__ */ mergeModels({
+    view: {
+      type: String,
+      default: "switch"
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    rules: {
+      type: Array,
+      default: () => []
+    },
+    i: {
+      type: String,
+      default: ""
+    },
+    text: {
+      type: String,
+      default: ""
+    },
     style: {
       type: Object,
       default: () => ({})
@@ -196,6 +689,10 @@ const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__PURE__ */
     customClass: {
       type: String,
       default: ""
+    },
+    error: {
+      type: String,
+      default: ""
     }
   }, {
     modelValue: { type: Boolean, default: !1 },
@@ -204,19 +701,45 @@ const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__PURE__ */
   emits: ["update:modelValue"],
   setup(e) {
     const t = useModel(e, "modelValue");
-    return (n, o) => (openBlock(), createElementBlock("button", {
+    return (n, o) => e.view === "checkbox" ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
+      createVNode(_sfc_main$w, {
+        modelValue: t.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
+        label: e.text,
+        error: e.error
+      }, null, 8, ["modelValue", "label", "error"]),
+      e.rules?.includes("required") ? (openBlock(), createElementBlock("span", _hoisted_2$7, "*")) : createCommentVNode("", !0),
+      createVNode(unref(qe), { width: 200 }, {
+        reference: withCtx(() => [
+          createElementVNode("button", {
+            class: "cursor-pointer",
+            onClick: o[1] || (o[1] = withModifiers(() => {
+            }, ["prevent"]))
+          }, [
+            createVNode(unref(IconInfo), { class: "text-gray-500 w-[14px] h-[14px]" })
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_3$2, [
+            createElementVNode("p", _hoisted_4$1, toDisplayString(e.i), 1)
+          ])
+        ]),
+        _: 1
+      })
+    ])) : (openBlock(), createElementBlock("button", {
+      key: 1,
       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: o[0] || (o[0] = (r) => t.value = !t.value)
+      onClick: o[2] || (o[2] = (s) => 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$s));
+    ], 10, _hoisted_5$1));
   }
-}), _hoisted_1$r = ["innerHTML"], _sfc_main$w = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$l = ["innerHTML"], _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "vs-input-static",
   props: {
     html: {
@@ -232,9 +755,9 @@ const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__PURE__ */
     return (t, n) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(e.customClass),
       innerHTML: e.html
-    }, null, 10, _hoisted_1$r));
+    }, null, 10, _hoisted_1$l));
   }
-}), _hoisted_1$q = ["placeholder", "disabled"], _sfc_main$v = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$k = ["placeholder", "disabled"], _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "vs-input-mask",
   props: /* @__PURE__ */ mergeModels({
     style: {
@@ -260,20 +783,36 @@ const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__PURE__ */
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, { inputClass: n } = useStyle(t.style), o = useModel(e, "modelValue");
-    return (r, s) => withDirectives((openBlock(), createElementBlock("input", {
+    return (s, r) => withDirectives((openBlock(), createElementBlock("input", {
       type: "text",
-      "onUpdate:modelValue": s[0] || (s[0] = (l) => o.value = l),
+      "onUpdate:modelValue": r[0] || (r[0] = (l) => o.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$q)), [
+    }, null, 10, _hoisted_1$k)), [
       [vModelText, o.value]
     ]);
   }
-}), _hoisted_1$p = ["value", "disabled"], _hoisted_2$8 = { class: "text-[13px] text-gray-700" }, _sfc_main$u = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$j = ["innerHTML"], _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "vs-input-html",
+  props: {
+    text: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (n, o) => (openBlock(), createElementBlock("div", null, [
+      createElementVNode("div", {
+        innerHTML: t?.text
+      }, null, 8, _hoisted_1$j)
+    ]));
+  }
+}), _hoisted_1$i = ["value", "disabled"], _hoisted_2$6 = { class: "text-[13px] text-gray-700" }, _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ mergeModels({
     text: {
@@ -307,12 +846,12 @@ const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__PURE__ */
       class: normalizeClass(["flex items-center gap-0", [e.customClass]])
     }, [
       withDirectives(createElementVNode("input", {
-        "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r),
+        "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
         type: "radio",
         value: e.value,
         disabled: e.disabled,
         class: "hidden"
-      }, null, 8, _hoisted_1$p), [
+      }, null, 8, _hoisted_1$i), [
         [vModelRadio, t.value]
       ]),
       createElementVNode("span", {
@@ -326,10 +865,10 @@ const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__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$8, toDisplayString(e.text), 1)
+      createElementVNode("span", _hoisted_2$6, toDisplayString(e.text), 1)
     ], 2));
   }
-}), _hoisted_1$o = ["value", "disabled"], _hoisted_2$7 = { class: "text-[13px] text-gray-700" }, _sfc_main$t = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$h = ["value", "disabled"], _hoisted_2$5 = { class: "text-[13px] text-gray-700" }, _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ mergeModels({
     text: {
@@ -366,21 +905,21 @@ const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__PURE__ */
       ]])
     }, [
       withDirectives(createElementVNode("input", {
-        "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r),
+        "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
         type: "radio",
         value: e.value,
         disabled: e.disabled,
         class: "hidden"
-      }, null, 8, _hoisted_1$o), [
+      }, null, 8, _hoisted_1$h), [
         [vModelRadio, t.value]
       ]),
-      createElementVNode("span", _hoisted_2$7, toDisplayString(e.text), 1)
+      createElementVNode("span", _hoisted_2$5, toDisplayString(e.text), 1)
     ], 2));
   }
 }), layouts = {
-  "vs-input-radio-default": _sfc_main$u,
-  "vs-input-radio-buttons": _sfc_main$t
-}, _sfc_main$s = /* @__PURE__ */ defineComponent({
+  "vs-input-radio-default": _sfc_main$n,
+  "vs-input-radio-buttons": _sfc_main$m
+}, _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "vs-input-radio",
   props: /* @__PURE__ */ mergeModels({
     options: {
@@ -402,7 +941,7 @@ const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__PURE__ */
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, n = useModel(e, "modelValue"), o = computed(() => layouts[`vs-input-radio-${t.view}`]);
-    return (r, s) => (openBlock(), createElementBlock("div", {
+    return (s, r) => (openBlock(), createElementBlock("div", {
       class: normalizeClass([e.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
       (openBlock(!0), createElementBlock(Fragment, null, renderList(e.options, (l) => (openBlock(), createBlock(resolveDynamicComponent(o.value), mergeProps({
@@ -411,8 +950,8 @@ const _hoisted_1$u = ["placeholder", "disabled"], _sfc_main$z = /* @__PURE__ */
         value: l.id.toString(),
         checked: n.value === l.id,
         modelValue: n.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (i) => n.value = i)
-      }, { ref_for: !0 }, r.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
+        "onUpdate:modelValue": r[0] || (r[0] = (i) => n.value = i)
+      }, { ref_for: !0 }, s.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
 });
@@ -454,17 +993,17 @@ const isString = typeOfTest("string"), isFunction = typeOfTest("function"), isNu
 function forEach(e, t, { allOwnKeys: n = !1 } = {}) {
   if (e === null || typeof e > "u")
     return;
-  let o, r;
+  let o, s;
   if (typeof e != "object" && (e = [e]), isArray(e))
-    for (o = 0, r = e.length; o < r; o++)
+    for (o = 0, s = e.length; o < s; o++)
       t.call(null, e[o], o, e);
   else {
     if (isBuffer(e))
       return;
-    const s = n ? Object.getOwnPropertyNames(e) : Object.keys(e), l = s.length;
+    const r = n ? Object.getOwnPropertyNames(e) : Object.keys(e), l = r.length;
     let i;
     for (o = 0; o < l; o++)
-      i = s[o], t.call(null, e[i], i, e);
+      i = r[o], t.call(null, e[i], i, e);
   }
 }
 function findKey(e, t) {
@@ -472,35 +1011,35 @@ function findKey(e, t) {
     return null;
   t = t.toLowerCase();
   const n = Object.keys(e);
-  let o = n.length, r;
+  let o = n.length, s;
   for (; o-- > 0; )
-    if (r = n[o], t === r.toLowerCase())
-      return r;
+    if (s = n[o], t === s.toLowerCase())
+      return s;
   return null;
 }
 const _global = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, isContextDefined = (e) => !isUndefined(e) && e !== _global;
 function merge() {
-  const { caseless: e } = isContextDefined(this) && this || {}, t = {}, n = (o, r) => {
-    const s = e && findKey(t, r) || r;
-    isPlainObject(t[s]) && isPlainObject(o) ? t[s] = merge(t[s], o) : isPlainObject(o) ? t[s] = merge({}, o) : isArray(o) ? t[s] = o.slice() : t[s] = o;
+  const { caseless: e } = isContextDefined(this) && this || {}, t = {}, n = (o, s) => {
+    const r = e && findKey(t, s) || s;
+    isPlainObject(t[r]) && isPlainObject(o) ? t[r] = merge(t[r], o) : isPlainObject(o) ? t[r] = merge({}, o) : isArray(o) ? t[r] = o.slice() : t[r] = o;
   };
-  for (let o = 0, r = arguments.length; o < r; o++)
+  for (let o = 0, s = arguments.length; o < s; o++)
     arguments[o] && forEach(arguments[o], n);
   return t;
 }
-const extend = (e, t, n, { allOwnKeys: o } = {}) => (forEach(t, (r, s) => {
-  n && isFunction(r) ? e[s] = bind(r, n) : e[s] = r;
+const extend = (e, t, n, { allOwnKeys: o } = {}) => (forEach(t, (s, r) => {
+  n && isFunction(s) ? e[r] = bind(s, n) : e[r] = s;
 }, { allOwnKeys: o }), e), stripBOM = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), inherits = (e, t, n, o) => {
   e.prototype = Object.create(t.prototype, o), e.prototype.constructor = e, Object.defineProperty(e, "super", {
     value: t.prototype
   }), n && Object.assign(e.prototype, n);
 }, toFlatObject = (e, t, n, o) => {
-  let r, s, l;
+  let s, r, l;
   const i = {};
   if (t = t || {}, e == null) return t;
   do {
-    for (r = Object.getOwnPropertyNames(e), s = r.length; s-- > 0; )
-      l = r[s], (!o || o(l, e, t)) && !i[l] && (t[l] = e[l], i[l] = !0);
+    for (s = Object.getOwnPropertyNames(e), r = s.length; r-- > 0; )
+      l = s[r], (!o || o(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;
@@ -519,10 +1058,10 @@ const extend = (e, t, n, { allOwnKeys: o } = {}) => (forEach(t, (r, s) => {
   return n;
 }, isTypedArray = /* @__PURE__ */ ((e) => (t) => e && t instanceof e)(typeof Uint8Array < "u" && getPrototypeOf(Uint8Array)), forEachEntry = (e, t) => {
   const o = (e && e[iterator]).call(e);
-  let r;
-  for (; (r = o.next()) && !r.done; ) {
-    const s = r.value;
-    t.call(e, s[0], s[1]);
+  let s;
+  for (; (s = o.next()) && !s.done; ) {
+    const r = s.value;
+    t.call(e, r[0], r[1]);
   }
 }, matchAll = (e, t) => {
   let n;
@@ -532,14 +1071,14 @@ const extend = (e, t, n, { allOwnKeys: o } = {}) => (forEach(t, (r, s) => {
   return o;
 }, isHTMLForm = kindOfTest("HTMLFormElement"), toCamelCase = (e) => e.toLowerCase().replace(
   /[-_\s]([a-z\d])(\w*)/g,
-  function(n, o, r) {
-    return o.toUpperCase() + r;
+  function(n, o, s) {
+    return o.toUpperCase() + s;
   }
 ), hasOwnProperty = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), isRegExp = kindOfTest("RegExp"), reduceDescriptors = (e, t) => {
   const n = Object.getOwnPropertyDescriptors(e), o = {};
-  forEach(n, (r, s) => {
+  forEach(n, (s, r) => {
     let l;
-    (l = t(r, s, e)) !== !1 && (o[s] = l || r);
+    (l = t(s, r, e)) !== !1 && (o[r] = l || s);
   }), Object.defineProperties(e, o);
 }, freezeMethods = (e) => {
   reduceDescriptors(e, (t, n) => {
@@ -557,9 +1096,9 @@ const extend = (e, t, n, { allOwnKeys: o } = {}) => (forEach(t, (r, s) => {
     }
   });
 }, toObjectSet = (e, t) => {
-  const n = {}, o = (r) => {
-    r.forEach((s) => {
-      n[s] = !0;
+  const n = {}, o = (s) => {
+    s.forEach((r) => {
+      n[r] = !0;
     });
   };
   return isArray(e) ? o(e) : o(String(e).split(t)), n;
@@ -569,28 +1108,28 @@ function isSpecCompliantForm(e) {
   return !!(e && isFunction(e.append) && e[toStringTag] === "FormData" && e[iterator]);
 }
 const toJSONObject = (e) => {
-  const t = new Array(10), n = (o, r) => {
+  const t = new Array(10), n = (o, s) => {
     if (isObject(o)) {
       if (t.indexOf(o) >= 0)
         return;
       if (isBuffer(o))
         return o;
       if (!("toJSON" in o)) {
-        t[r] = o;
-        const s = isArray(o) ? [] : {};
+        t[s] = o;
+        const r = isArray(o) ? [] : {};
         return forEach(o, (l, i) => {
-          const u = n(l, r + 1);
-          !isUndefined(u) && (s[i] = u);
-        }), t[r] = void 0, s;
+          const u = n(l, s + 1);
+          !isUndefined(u) && (r[i] = u);
+        }), t[s] = void 0, r;
       }
     }
     return o;
   };
   return n(e, 0);
-}, isAsyncFn = kindOfTest("AsyncFunction"), isThenable = (e) => e && (isObject(e) || isFunction(e)) && isFunction(e.then) && isFunction(e.catch), _setImmediate = ((e, t) => e ? setImmediate : t ? ((n, o) => (_global.addEventListener("message", ({ source: r, data: s }) => {
-  r === _global && s === n && o.length && o.shift()();
-}, !1), (r) => {
-  o.push(r), _global.postMessage(n, "*");
+}, isAsyncFn = kindOfTest("AsyncFunction"), isThenable = (e) => e && (isObject(e) || isFunction(e)) && isFunction(e.then) && isFunction(e.catch), _setImmediate = ((e, t) => e ? setImmediate : t ? ((n, o) => (_global.addEventListener("message", ({ source: s, data: r }) => {
+  s === _global && r === n && o.length && o.shift()();
+}, !1), (s) => {
+  o.push(s), _global.postMessage(n, "*");
 }))(`axios@${Math.random()}`, []) : (n) => setTimeout(n))(
   typeof setImmediate == "function",
   isFunction(_global.postMessage)
@@ -654,8 +1193,8 @@ const toJSONObject = (e) => {
   asap,
   isIterable
 };
-function AxiosError$1(e, t, n, o, r) {
-  Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = e, this.name = "AxiosError", t && (this.code = t), n && (this.config = n), o && (this.request = o), r && (this.response = r, this.status = r.status ? r.status : null);
+function AxiosError$1(e, t, n, o, s) {
+  Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = e, this.name = "AxiosError", t && (this.code = t), n && (this.config = n), o && (this.request = o), s && (this.response = s, this.status = s.status ? s.status : null);
 }
 utils$1.inherits(AxiosError$1, Error, {
   toJSON: function() {
@@ -698,11 +1237,11 @@ 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, o, r, s) => {
+AxiosError$1.from = (e, t, n, o, s, r) => {
   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, o, r), l.cause = e, l.name = e.name, s && Object.assign(l, s), l;
+  }, (i) => i !== "isAxiosError"), AxiosError$1.call(l, e.message, t, n, o, s), l.cause = e, l.name = e.name, r && Object.assign(l, r), l;
 };
 const httpAdapter = null;
 function isVisitable(e) {
@@ -712,8 +1251,8 @@ function removeBrackets(e) {
   return utils$1.endsWith(e, "[]") ? e.slice(0, -2) : e;
 }
 function renderKey(e, t, n) {
-  return e ? e.concat(t).map(function(r, s) {
-    return r = removeBrackets(r), !n && s ? "[" + r + "]" : r;
+  return e ? e.concat(t).map(function(s, r) {
+    return s = removeBrackets(s), !n && r ? "[" + s + "]" : s;
   }).join(n ? "." : "") : t;
 }
 function isFlatArray(e) {
@@ -729,61 +1268,61 @@ function toFormData$1(e, t, n) {
     metaTokens: !0,
     dots: !1,
     indexes: !1
-  }, !1, function(y, m) {
-    return !utils$1.isUndefined(m[y]);
+  }, !1, function(y, h) {
+    return !utils$1.isUndefined(h[y]);
   });
-  const o = n.metaTokens, r = n.visitor || a, s = n.dots, l = n.indexes, u = (n.Blob || typeof Blob < "u" && Blob) && utils$1.isSpecCompliantForm(t);
-  if (!utils$1.isFunction(r))
+  const o = n.metaTokens, s = n.visitor || a, r = n.dots, l = n.indexes, u = (n.Blob || typeof Blob < "u" && Blob) && utils$1.isSpecCompliantForm(t);
+  if (!utils$1.isFunction(s))
     throw new TypeError("visitor must be a function");
-  function c(p) {
-    if (p === null) return "";
-    if (utils$1.isDate(p))
-      return p.toISOString();
-    if (utils$1.isBoolean(p))
-      return p.toString();
-    if (!u && utils$1.isBlob(p))
+  function c(m) {
+    if (m === null) return "";
+    if (utils$1.isDate(m))
+      return m.toISOString();
+    if (utils$1.isBoolean(m))
+      return m.toString();
+    if (!u && utils$1.isBlob(m))
       throw new AxiosError$1("Blob is not supported. Use a Buffer instead.");
-    return utils$1.isArrayBuffer(p) || utils$1.isTypedArray(p) ? u && typeof Blob == "function" ? new Blob([p]) : Buffer.from(p) : p;
+    return utils$1.isArrayBuffer(m) || utils$1.isTypedArray(m) ? u && typeof Blob == "function" ? new Blob([m]) : Buffer.from(m) : m;
   }
-  function a(p, y, m) {
-    let x = p;
-    if (p && !m && typeof p == "object") {
+  function a(m, y, h) {
+    let w = m;
+    if (m && !h && typeof m == "object") {
       if (utils$1.endsWith(y, "{}"))
-        y = o ? 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, "[]")) && (x = utils$1.toArray(p)))
-        return y = removeBrackets(y), x.forEach(function(v, _) {
-          !(utils$1.isUndefined(v) || v === null) && t.append(
+        y = o ? y : y.slice(0, -2), m = JSON.stringify(m);
+      else if (utils$1.isArray(m) && isFlatArray(m) || (utils$1.isFileList(m) || utils$1.endsWith(y, "[]")) && (w = utils$1.toArray(m)))
+        return y = removeBrackets(y), w.forEach(function(g, k) {
+          !(utils$1.isUndefined(g) || g === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
-            l === !0 ? renderKey([y], _, s) : l === null ? y : y + "[]",
-            c(v)
+            l === !0 ? renderKey([y], k, r) : l === null ? y : y + "[]",
+            c(g)
           );
         }), !1;
     }
-    return isVisitable(p) ? !0 : (t.append(renderKey(m, y, s), c(p)), !1);
+    return isVisitable(m) ? !0 : (t.append(renderKey(h, y, r), c(m)), !1);
   }
-  const d = [], f = Object.assign(predicates, {
+  const f = [], d = Object.assign(predicates, {
     defaultVisitor: a,
     convertValue: c,
     isVisitable
   });
-  function h(p, y) {
-    if (!utils$1.isUndefined(p)) {
-      if (d.indexOf(p) !== -1)
+  function p(m, y) {
+    if (!utils$1.isUndefined(m)) {
+      if (f.indexOf(m) !== -1)
         throw Error("Circular reference detected in " + y.join("."));
-      d.push(p), utils$1.forEach(p, function(x, $) {
-        (!(utils$1.isUndefined(x) || x === null) && r.call(
+      f.push(m), utils$1.forEach(m, function(w, x) {
+        (!(utils$1.isUndefined(w) || w === null) && s.call(
           t,
-          x,
-          utils$1.isString($) ? $.trim() : $,
+          w,
+          utils$1.isString(x) ? x.trim() : x,
           y,
-          f
-        )) === !0 && h(x, y ? y.concat($) : [$]);
-      }), d.pop();
+          d
+        )) === !0 && p(w, y ? y.concat(x) : [x]);
+      }), f.pop();
     }
   }
   if (!utils$1.isObject(e))
     throw new TypeError("data must be an object");
-  return h(e), t;
+  return p(e), t;
 }
 function encode$1(e) {
   const t = {
@@ -810,8 +1349,8 @@ prototype.toString = function(t) {
   const n = t ? function(o) {
     return t.call(this, o, encode$1);
   } : encode$1;
-  return this._pairs.map(function(r) {
-    return n(r[0]) + "=" + n(r[1]);
+  return this._pairs.map(function(s) {
+    return n(s[0]) + "=" + n(s[1]);
   }, "").join("&");
 };
 function encode(e) {
@@ -824,11 +1363,11 @@ function buildURL(e, t, n) {
   utils$1.isFunction(n) && (n = {
     serialize: n
   });
-  const r = n && n.serialize;
-  let s;
-  if (r ? s = r(t, n) : s = utils$1.isURLSearchParams(t) ? t.toString() : new AxiosURLSearchParams(t, n).toString(o), s) {
+  const s = n && n.serialize;
+  let r;
+  if (s ? r = s(t, n) : r = utils$1.isURLSearchParams(t) ? t.toString() : new AxiosURLSearchParams(t, n).toString(o), r) {
     const l = e.indexOf("#");
-    l !== -1 && (e = e.slice(0, l)), e += (e.indexOf("?") === -1 ? "?" : "&") + s;
+    l !== -1 && (e = e.slice(0, l)), e += (e.indexOf("?") === -1 ? "?" : "&") + r;
   }
   return e;
 }
@@ -912,8 +1451,8 @@ self instanceof WorkerGlobalScope && typeof self.importScripts == "function", or
 };
 function toURLEncodedForm(e, t) {
   return toFormData$1(e, new platform.classes.URLSearchParams(), {
-    visitor: function(n, o, r, s) {
-      return platform.isNode && utils$1.isBuffer(n) ? (this.append(o, n.toString("base64")), !1) : s.defaultVisitor.apply(this, arguments);
+    visitor: function(n, o, s, r) {
+      return platform.isNode && utils$1.isBuffer(n) ? (this.append(o, n.toString("base64")), !1) : r.defaultVisitor.apply(this, arguments);
     },
     ...t
   });
@@ -924,23 +1463,23 @@ function parsePropPath(e) {
 function arrayToObject(e) {
   const t = {}, n = Object.keys(e);
   let o;
-  const r = n.length;
-  let s;
-  for (o = 0; o < r; o++)
-    s = n[o], t[s] = e[s];
+  const s = n.length;
+  let r;
+  for (o = 0; o < s; o++)
+    r = n[o], t[r] = e[r];
   return t;
 }
 function formDataToJSON(e) {
-  function t(n, o, r, s) {
-    let l = n[s++];
+  function t(n, o, s, r) {
+    let l = n[r++];
     if (l === "__proto__") return !0;
-    const i = Number.isFinite(+l), u = s >= n.length;
-    return l = !l && utils$1.isArray(r) ? r.length : l, u ? (utils$1.hasOwnProp(r, l) ? r[l] = [r[l], o] : r[l] = o, !i) : ((!r[l] || !utils$1.isObject(r[l])) && (r[l] = []), t(n, o, r[l], s) && utils$1.isArray(r[l]) && (r[l] = arrayToObject(r[l])), !i);
+    const i = Number.isFinite(+l), u = r >= n.length;
+    return l = !l && utils$1.isArray(s) ? s.length : l, u ? (utils$1.hasOwnProp(s, l) ? s[l] = [s[l], o] : s[l] = o, !i) : ((!s[l] || !utils$1.isObject(s[l])) && (s[l] = []), t(n, o, s[l], r) && utils$1.isArray(s[l]) && (s[l] = arrayToObject(s[l])), !i);
   }
   if (utils$1.isFormData(e) && utils$1.isFunction(e.entries)) {
     const n = {};
-    return utils$1.forEachEntry(e, (o, r) => {
-      t(parsePropPath(o), r, n, 0);
+    return utils$1.forEachEntry(e, (o, s) => {
+      t(parsePropPath(o), s, n, 0);
     }), n;
   }
   return null;
@@ -959,9 +1498,9 @@ const defaults = {
   transitional: transitionalDefaults,
   adapter: ["xhr", "http", "fetch"],
   transformRequest: [function(t, n) {
-    const o = n.getContentType() || "", r = o.indexOf("application/json") > -1, s = utils$1.isObject(t);
-    if (s && utils$1.isHTMLForm(t) && (t = new FormData(t)), utils$1.isFormData(t))
-      return r ? JSON.stringify(formDataToJSON(t)) : t;
+    const o = n.getContentType() || "", s = o.indexOf("application/json") > -1, r = utils$1.isObject(t);
+    if (r && utils$1.isHTMLForm(t) && (t = new FormData(t)), utils$1.isFormData(t))
+      return s ? JSON.stringify(formDataToJSON(t)) : t;
     if (utils$1.isArrayBuffer(t) || utils$1.isBuffer(t) || utils$1.isStream(t) || utils$1.isFile(t) || utils$1.isBlob(t) || utils$1.isReadableStream(t))
       return t;
     if (utils$1.isArrayBufferView(t))
@@ -969,7 +1508,7 @@ const defaults = {
     if (utils$1.isURLSearchParams(t))
       return n.setContentType("application/x-www-form-urlencoded;charset=utf-8", !1), t.toString();
     let i;
-    if (s) {
+    if (r) {
       if (o.indexOf("application/x-www-form-urlencoded") > -1)
         return toURLEncodedForm(t, this.formSerializer).toString();
       if ((i = utils$1.isFileList(t)) || o.indexOf("multipart/form-data") > -1) {
@@ -981,14 +1520,14 @@ const defaults = {
         );
       }
     }
-    return s || r ? (n.setContentType("application/json", !1), stringifySafely(t)) : t;
+    return r || s ? (n.setContentType("application/json", !1), stringifySafely(t)) : t;
   }],
   transformResponse: [function(t) {
-    const n = this.transitional || defaults.transitional, o = n && n.forcedJSONParsing, r = this.responseType === "json";
+    const n = this.transitional || defaults.transitional, o = n && n.forcedJSONParsing, s = this.responseType === "json";
     if (utils$1.isResponse(t) || utils$1.isReadableStream(t))
       return t;
-    if (t && utils$1.isString(t) && (o && !this.responseType || r)) {
-      const l = !(n && n.silentJSONParsing) && r;
+    if (t && utils$1.isString(t) && (o && !this.responseType || s)) {
+      const l = !(n && n.silentJSONParsing) && s;
       try {
         return JSON.parse(t);
       } catch (i) {
@@ -1044,10 +1583,10 @@ const ignoreDuplicateOf = utils$1.toObjectSet([
   "user-agent"
 ]), parseHeaders = (e) => {
   const t = {};
-  let n, o, r;
+  let n, o, s;
   return e && e.split(`
 `).forEach(function(l) {
-    r = l.indexOf(":"), n = l.substring(0, r).trim().toLowerCase(), o = l.substring(r + 1).trim(), !(!n || t[n] && ignoreDuplicateOf[n]) && (n === "set-cookie" ? t[n] ? t[n].push(o) : t[n] = [o] : t[n] = t[n] ? t[n] + ", " + o : o);
+    s = l.indexOf(":"), n = l.substring(0, s).trim().toLowerCase(), o = l.substring(s + 1).trim(), !(!n || t[n] && ignoreDuplicateOf[n]) && (n === "set-cookie" ? t[n] ? t[n].push(o) : t[n] = [o] : t[n] = t[n] ? t[n] + ", " + o : o);
   }), t;
 }, $internals = Symbol("internals");
 function normalizeHeader(e) {
@@ -1064,10 +1603,10 @@ function parseTokens(e) {
   return t;
 }
 const isValidHeaderName = (e) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(e.trim());
-function matchHeaderValue(e, t, n, o, r) {
+function matchHeaderValue(e, t, n, o, s) {
   if (utils$1.isFunction(o))
     return o.call(this, t, n);
-  if (r && (t = n), !!utils$1.isString(t)) {
+  if (s && (t = n), !!utils$1.isString(t)) {
     if (utils$1.isString(o))
       return t.indexOf(o) !== -1;
     if (utils$1.isRegExp(o))
@@ -1081,8 +1620,8 @@ function buildAccessors(e, t) {
   const n = utils$1.toCamelCase(" " + t);
   ["get", "set", "has"].forEach((o) => {
     Object.defineProperty(e, o + n, {
-      value: function(r, s, l) {
-        return this[o].call(this, t, r, s, l);
+      value: function(s, r, l) {
+        return this[o].call(this, t, s, r, l);
       },
       configurable: !0
     });
@@ -1093,15 +1632,15 @@ let AxiosHeaders$1 = class {
     t && this.set(t);
   }
   set(t, n, o) {
-    const r = this;
-    function s(i, u, c) {
+    const s = this;
+    function r(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(r, a);
-      (!d || r[d] === void 0 || c === !0 || c === void 0 && r[d] !== !1) && (r[d || u] = normalizeValue(i));
+      const f = utils$1.findKey(s, a);
+      (!f || s[f] === void 0 || c === !0 || c === void 0 && s[f] !== !1) && (s[f || u] = normalizeValue(i));
     }
-    const l = (i, u) => utils$1.forEach(i, (c, a) => s(c, a, u));
+    const l = (i, u) => utils$1.forEach(i, (c, a) => r(c, a, u));
     if (utils$1.isPlainObject(t) || t instanceof this.constructor)
       l(t, n);
     else if (utils$1.isString(t) && (t = t.trim()) && !isValidHeaderName(t))
@@ -1115,22 +1654,22 @@ let AxiosHeaders$1 = class {
       }
       l(i, n);
     } else
-      t != null && s(n, t, o);
+      t != null && r(n, t, o);
     return this;
   }
   get(t, n) {
     if (t = normalizeHeader(t), t) {
       const o = utils$1.findKey(this, t);
       if (o) {
-        const r = this[o];
+        const s = this[o];
         if (!n)
-          return r;
+          return s;
         if (n === !0)
-          return parseTokens(r);
+          return parseTokens(s);
         if (utils$1.isFunction(n))
-          return n.call(this, r, o);
+          return n.call(this, s, o);
         if (utils$1.isRegExp(n))
-          return n.exec(r);
+          return n.exec(s);
         throw new TypeError("parser must be boolean|regexp|function");
       }
     }
@@ -1144,34 +1683,34 @@ let AxiosHeaders$1 = class {
   }
   delete(t, n) {
     const o = this;
-    let r = !1;
-    function s(l) {
+    let s = !1;
+    function r(l) {
       if (l = normalizeHeader(l), l) {
         const i = utils$1.findKey(o, l);
-        i && (!n || matchHeaderValue(o, o[i], i, n)) && (delete o[i], r = !0);
+        i && (!n || matchHeaderValue(o, o[i], i, n)) && (delete o[i], s = !0);
       }
     }
-    return utils$1.isArray(t) ? t.forEach(s) : s(t), r;
+    return utils$1.isArray(t) ? t.forEach(r) : r(t), s;
   }
   clear(t) {
     const n = Object.keys(this);
-    let o = n.length, r = !1;
+    let o = n.length, s = !1;
     for (; o--; ) {
-      const s = n[o];
-      (!t || matchHeaderValue(this, this[s], s, t, !0)) && (delete this[s], r = !0);
+      const r = n[o];
+      (!t || matchHeaderValue(this, this[r], r, t, !0)) && (delete this[r], s = !0);
     }
-    return r;
+    return s;
   }
   normalize(t) {
     const n = this, o = {};
-    return utils$1.forEach(this, (r, s) => {
-      const l = utils$1.findKey(o, s);
+    return utils$1.forEach(this, (s, r) => {
+      const l = utils$1.findKey(o, r);
       if (l) {
-        n[l] = normalizeValue(r), delete n[s];
+        n[l] = normalizeValue(s), delete n[r];
         return;
       }
-      const i = t ? formatHeader(s) : String(s).trim();
-      i !== s && delete n[s], n[i] = normalizeValue(r), o[i] = !0;
+      const i = t ? formatHeader(r) : String(r).trim();
+      i !== r && delete n[r], n[i] = normalizeValue(s), o[i] = !0;
     }), this;
   }
   concat(...t) {
@@ -1179,8 +1718,8 @@ let AxiosHeaders$1 = class {
   }
   toJSON(t) {
     const n = /* @__PURE__ */ Object.create(null);
-    return utils$1.forEach(this, (o, r) => {
-      o != null && o !== !1 && (n[r] = t && utils$1.isArray(o) ? o.join(", ") : o);
+    return utils$1.forEach(this, (o, s) => {
+      o != null && o !== !1 && (n[s] = t && utils$1.isArray(o) ? o.join(", ") : o);
     }), n;
   }
   [Symbol.iterator]() {
@@ -1201,17 +1740,17 @@ let AxiosHeaders$1 = class {
   }
   static concat(t, ...n) {
     const o = new this(t);
-    return n.forEach((r) => o.set(r)), o;
+    return n.forEach((s) => o.set(s)), o;
   }
   static accessor(t) {
     const o = (this[$internals] = this[$internals] = {
       accessors: {}
-    }).accessors, r = this.prototype;
-    function s(l) {
+    }).accessors, s = this.prototype;
+    function r(l) {
       const i = normalizeHeader(l);
-      o[i] || (buildAccessors(r, l), o[i] = !0);
+      o[i] || (buildAccessors(s, l), o[i] = !0);
     }
-    return utils$1.isArray(t) ? t.forEach(s) : s(t), this;
+    return utils$1.isArray(t) ? t.forEach(r) : r(t), this;
   }
 };
 AxiosHeaders$1.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
@@ -1226,11 +1765,11 @@ utils$1.reduceDescriptors(AxiosHeaders$1.prototype, ({ value: e }, t) => {
 });
 utils$1.freezeMethods(AxiosHeaders$1);
 function transformData(e, t) {
-  const n = this || defaults, o = t || n, r = AxiosHeaders$1.from(o.headers);
-  let s = o.data;
+  const n = this || defaults, o = t || n, s = AxiosHeaders$1.from(o.headers);
+  let r = o.data;
   return utils$1.forEach(e, function(i) {
-    s = i.call(n, s, r.normalize(), t ? t.status : void 0);
-  }), r.normalize(), s;
+    r = i.call(n, r, s.normalize(), t ? t.status : void 0);
+  }), s.normalize(), r;
 }
 function isCancel$1(e) {
   return !!(e && e.__CANCEL__);
@@ -1258,49 +1797,49 @@ function parseProtocol(e) {
 function speedometer(e, t) {
   e = e || 10;
   const n = new Array(e), o = new Array(e);
-  let r = 0, s = 0, l;
+  let s = 0, r = 0, l;
   return t = t !== void 0 ? t : 1e3, function(u) {
-    const c = Date.now(), a = o[s];
-    l || (l = c), n[r] = u, o[r] = c;
-    let d = s, f = 0;
-    for (; d !== r; )
-      f += n[d++], d = d % e;
-    if (r = (r + 1) % e, r === s && (s = (s + 1) % e), c - l < t)
+    const c = Date.now(), a = o[r];
+    l || (l = c), n[s] = u, o[s] = c;
+    let f = r, d = 0;
+    for (; f !== s; )
+      d += n[f++], f = f % e;
+    if (s = (s + 1) % e, s === r && (r = (r + 1) % e), c - l < t)
       return;
-    const h = a && c - a;
-    return h ? Math.round(f * 1e3 / h) : void 0;
+    const p = a && c - a;
+    return p ? Math.round(d * 1e3 / p) : void 0;
   };
 }
 function throttle(e, t) {
-  let n = 0, o = 1e3 / t, r, s;
+  let n = 0, o = 1e3 / t, s, r;
   const l = (c, a = Date.now()) => {
-    n = a, r = null, s && (clearTimeout(s), s = null), e(...c);
+    n = a, s = null, r && (clearTimeout(r), r = null), e(...c);
   };
   return [(...c) => {
-    const a = Date.now(), d = a - n;
-    d >= o ? l(c, a) : (r = c, s || (s = setTimeout(() => {
-      s = null, l(r);
-    }, o - d)));
-  }, () => r && l(r)];
+    const a = Date.now(), f = a - n;
+    f >= o ? l(c, a) : (s = c, r || (r = setTimeout(() => {
+      r = null, l(s);
+    }, o - f)));
+  }, () => s && l(s)];
 }
 const progressEventReducer = (e, t, n = 3) => {
   let o = 0;
-  const r = speedometer(50, 250);
-  return throttle((s) => {
-    const l = s.loaded, i = s.lengthComputable ? s.total : void 0, u = l - o, c = r(u), a = l <= i;
+  const s = speedometer(50, 250);
+  return throttle((r) => {
+    const l = r.loaded, i = r.lengthComputable ? r.total : void 0, u = l - o, c = s(u), a = l <= i;
     o = l;
-    const d = {
+    const f = {
       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,
+      event: r,
       lengthComputable: i != null,
       [t ? "download" : "upload"]: !0
     };
-    e(d);
+    e(f);
   }, n);
 }, progressEventDecorator = (e, t) => {
   const n = e != null;
@@ -1315,9 +1854,9 @@ const progressEventReducer = (e, t, n = 3) => {
 ) : () => !0, cookies = platform.hasStandardBrowserEnv ? (
   // Standard browser envs support document.cookie
   {
-    write(e, t, n, o, r, s) {
+    write(e, t, n, o, s, r) {
       const l = [e + "=" + encodeURIComponent(t)];
-      utils$1.isNumber(n) && l.push("expires=" + new Date(n).toGMTString()), utils$1.isString(o) && l.push("path=" + o), utils$1.isString(r) && l.push("domain=" + r), s === !0 && l.push("secure"), document.cookie = l.join("; ");
+      utils$1.isNumber(n) && l.push("expires=" + new Date(n).toGMTString()), utils$1.isString(o) && l.push("path=" + o), utils$1.isString(s) && l.push("domain=" + s), r === !0 && l.push("secure"), document.cookie = l.join("; ");
     },
     read(e) {
       const t = document.cookie.match(new RegExp("(^|;\\s*)(" + e + ")=([^;]*)"));
@@ -1353,16 +1892,16 @@ const headersToObject = (e) => e instanceof AxiosHeaders$1 ? { ...e } : e;
 function mergeConfig$1(e, t) {
   t = t || {};
   const n = {};
-  function o(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(c, a, f, d) {
+    return utils$1.isPlainObject(c) && utils$1.isPlainObject(a) ? utils$1.merge.call({ caseless: d }, c, a) : utils$1.isPlainObject(a) ? utils$1.merge({}, a) : utils$1.isArray(a) ? a.slice() : a;
   }
-  function r(c, a, d, f) {
+  function s(c, a, f, d) {
     if (utils$1.isUndefined(a)) {
       if (!utils$1.isUndefined(c))
-        return o(void 0, c, d, f);
-    } else return o(c, a, d, f);
+        return o(void 0, c, f, d);
+    } else return o(c, a, f, d);
   }
-  function s(c, a) {
+  function r(c, a) {
     if (!utils$1.isUndefined(a))
       return o(void 0, a);
   }
@@ -1372,16 +1911,16 @@ function mergeConfig$1(e, t) {
         return o(void 0, c);
     } else return o(void 0, a);
   }
-  function i(c, a, d) {
-    if (d in t)
+  function i(c, a, f) {
+    if (f in t)
       return o(c, a);
-    if (d in e)
+    if (f in e)
       return o(void 0, c);
   }
   const u = {
-    url: s,
-    method: s,
-    data: s,
+    url: r,
+    method: r,
+    data: r,
     baseURL: l,
     transformRequest: l,
     transformResponse: l,
@@ -1407,16 +1946,16 @@ function mergeConfig$1(e, t) {
     socketPath: l,
     responseEncoding: l,
     validateStatus: i,
-    headers: (c, a, d) => r(headersToObject(c), headersToObject(a), d, !0)
+    headers: (c, a, f) => s(headersToObject(c), headersToObject(a), f, !0)
   };
   return utils$1.forEach(Object.keys({ ...e, ...t }), function(a) {
-    const d = u[a] || r, f = d(e[a], t[a], a);
-    utils$1.isUndefined(f) && d !== i || (n[a] = f);
+    const f = u[a] || s, d = f(e[a], t[a], a);
+    utils$1.isUndefined(d) && f !== i || (n[a] = d);
   }), n;
 }
 const resolveConfig = (e) => {
   const t = mergeConfig$1({}, e);
-  let { data: n, withXSRFToken: o, xsrfHeaderName: r, xsrfCookieName: s, headers: l, auth: i } = t;
+  let { data: n, withXSRFToken: o, xsrfHeaderName: s, xsrfCookieName: r, 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((i.username || "") + ":" + (i.password ? unescape(encodeURIComponent(i.password)) : ""))
@@ -1426,92 +1965,92 @@ const resolveConfig = (e) => {
     if (platform.hasStandardBrowserEnv || platform.hasStandardBrowserWebWorkerEnv)
       l.setContentType(void 0);
     else if ((u = l.getContentType()) !== !1) {
-      const [c, ...a] = u ? u.split(";").map((d) => d.trim()).filter(Boolean) : [];
+      const [c, ...a] = u ? u.split(";").map((f) => f.trim()).filter(Boolean) : [];
       l.setContentType([c || "multipart/form-data", ...a].join("; "));
     }
   }
   if (platform.hasStandardBrowserEnv && (o && utils$1.isFunction(o) && (o = o(t)), o || o !== !1 && isURLSameOrigin(t.url))) {
-    const c = r && s && cookies.read(s);
-    c && l.set(r, c);
+    const c = s && r && cookies.read(r);
+    c && l.set(s, c);
   }
   return t;
 }, isXHRAdapterSupported = typeof XMLHttpRequest < "u", xhrAdapter = isXHRAdapterSupported && function(e) {
   return new Promise(function(n, o) {
-    const r = resolveConfig(e);
-    let s = r.data;
-    const l = AxiosHeaders$1.from(r.headers).normalize();
-    let { responseType: i, onUploadProgress: u, onDownloadProgress: c } = r, a, d, f, h, p;
+    const s = resolveConfig(e);
+    let r = s.data;
+    const l = AxiosHeaders$1.from(s.headers).normalize();
+    let { responseType: i, onUploadProgress: u, onDownloadProgress: c } = s, a, f, d, p, m;
     function y() {
-      h && h(), p && p(), r.cancelToken && r.cancelToken.unsubscribe(a), r.signal && r.signal.removeEventListener("abort", a);
+      p && p(), m && m(), s.cancelToken && s.cancelToken.unsubscribe(a), s.signal && s.signal.removeEventListener("abort", a);
     }
-    let m = new XMLHttpRequest();
-    m.open(r.method.toUpperCase(), r.url, !0), m.timeout = r.timeout;
-    function x() {
-      if (!m)
+    let h = new XMLHttpRequest();
+    h.open(s.method.toUpperCase(), s.url, !0), h.timeout = s.timeout;
+    function w() {
+      if (!h)
         return;
-      const v = AxiosHeaders$1.from(
-        "getAllResponseHeaders" in m && m.getAllResponseHeaders()
-      ), k = {
-        data: !i || i === "text" || i === "json" ? m.responseText : m.response,
-        status: m.status,
-        statusText: m.statusText,
-        headers: v,
+      const g = AxiosHeaders$1.from(
+        "getAllResponseHeaders" in h && h.getAllResponseHeaders()
+      ), _ = {
+        data: !i || i === "text" || i === "json" ? h.responseText : h.response,
+        status: h.status,
+        statusText: h.statusText,
+        headers: g,
         config: e,
-        request: m
+        request: h
       };
       settle(function(S) {
         n(S), y();
       }, function(S) {
         o(S), y();
-      }, k), m = null;
+      }, _), h = null;
     }
-    "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 && (o(new AxiosError$1("Request aborted", AxiosError$1.ECONNABORTED, e, m)), m = null);
-    }, m.onerror = function() {
-      o(new AxiosError$1("Network Error", AxiosError$1.ERR_NETWORK, e, m)), m = null;
-    }, m.ontimeout = function() {
-      let _ = r.timeout ? "timeout of " + r.timeout + "ms exceeded" : "timeout exceeded";
-      const k = r.transitional || transitionalDefaults;
-      r.timeoutErrorMessage && (_ = r.timeoutErrorMessage), o(new AxiosError$1(
-        _,
-        k.clarifyTimeoutError ? AxiosError$1.ETIMEDOUT : AxiosError$1.ECONNABORTED,
+    "onloadend" in h ? h.onloadend = w : h.onreadystatechange = function() {
+      !h || h.readyState !== 4 || h.status === 0 && !(h.responseURL && h.responseURL.indexOf("file:") === 0) || setTimeout(w);
+    }, h.onabort = function() {
+      h && (o(new AxiosError$1("Request aborted", AxiosError$1.ECONNABORTED, e, h)), h = null);
+    }, h.onerror = function() {
+      o(new AxiosError$1("Network Error", AxiosError$1.ERR_NETWORK, e, h)), h = null;
+    }, h.ontimeout = function() {
+      let k = s.timeout ? "timeout of " + s.timeout + "ms exceeded" : "timeout exceeded";
+      const _ = s.transitional || transitionalDefaults;
+      s.timeoutErrorMessage && (k = s.timeoutErrorMessage), o(new AxiosError$1(
+        k,
+        _.clarifyTimeoutError ? AxiosError$1.ETIMEDOUT : AxiosError$1.ECONNABORTED,
         e,
-        m
-      )), m = null;
-    }, s === void 0 && l.setContentType(null), "setRequestHeader" in m && utils$1.forEach(l.toJSON(), function(_, k) {
-      m.setRequestHeader(k, _);
-    }), utils$1.isUndefined(r.withCredentials) || (m.withCredentials = !!r.withCredentials), i && i !== "json" && (m.responseType = r.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)), (r.cancelToken || r.signal) && (a = (v) => {
-      m && (o(!v || v.type ? new CanceledError$1(null, e, m) : v), m.abort(), m = null);
-    }, r.cancelToken && r.cancelToken.subscribe(a), r.signal && (r.signal.aborted ? a() : r.signal.addEventListener("abort", a)));
-    const $ = parseProtocol(r.url);
-    if ($ && platform.protocols.indexOf($) === -1) {
-      o(new AxiosError$1("Unsupported protocol " + $ + ":", AxiosError$1.ERR_BAD_REQUEST, e));
+        h
+      )), h = null;
+    }, r === void 0 && l.setContentType(null), "setRequestHeader" in h && utils$1.forEach(l.toJSON(), function(k, _) {
+      h.setRequestHeader(_, k);
+    }), utils$1.isUndefined(s.withCredentials) || (h.withCredentials = !!s.withCredentials), i && i !== "json" && (h.responseType = s.responseType), c && ([d, m] = progressEventReducer(c, !0), h.addEventListener("progress", d)), u && h.upload && ([f, p] = progressEventReducer(u), h.upload.addEventListener("progress", f), h.upload.addEventListener("loadend", p)), (s.cancelToken || s.signal) && (a = (g) => {
+      h && (o(!g || g.type ? new CanceledError$1(null, e, h) : g), h.abort(), h = null);
+    }, s.cancelToken && s.cancelToken.subscribe(a), s.signal && (s.signal.aborted ? a() : s.signal.addEventListener("abort", a)));
+    const x = parseProtocol(s.url);
+    if (x && platform.protocols.indexOf(x) === -1) {
+      o(new AxiosError$1("Unsupported protocol " + x + ":", AxiosError$1.ERR_BAD_REQUEST, e));
       return;
     }
-    m.send(s || null);
+    h.send(r || null);
   });
 }, composeSignals = (e, t) => {
   const { length: n } = e = e ? e.filter(Boolean) : [];
   if (t || n) {
-    let o = new AbortController(), r;
-    const s = function(c) {
-      if (!r) {
-        r = !0, i();
+    let o = new AbortController(), s;
+    const r = function(c) {
+      if (!s) {
+        s = !0, i();
         const a = c instanceof Error ? c : this.reason;
         o.abort(a instanceof AxiosError$1 ? a : new CanceledError$1(a instanceof Error ? a.message : a));
       }
     };
     let l = t && setTimeout(() => {
-      l = null, s(new AxiosError$1(`timeout ${t} of ms exceeded`, AxiosError$1.ETIMEDOUT));
+      l = null, r(new AxiosError$1(`timeout ${t} of ms exceeded`, AxiosError$1.ETIMEDOUT));
     }, t);
     const i = () => {
       e && (l && clearTimeout(l), l = null, e.forEach((c) => {
-        c.unsubscribe ? c.unsubscribe(s) : c.removeEventListener("abort", s);
+        c.unsubscribe ? c.unsubscribe(r) : c.removeEventListener("abort", r);
       }), e = null);
     };
-    e.forEach((c) => c.addEventListener("abort", s));
+    e.forEach((c) => c.addEventListener("abort", r));
     const { signal: u } = o;
     return u.unsubscribe = () => utils$1.asap(i), u;
   }
@@ -1521,9 +2060,9 @@ const resolveConfig = (e) => {
     yield e;
     return;
   }
-  let o = 0, r;
+  let o = 0, s;
   for (; o < n; )
-    r = o + t, yield e.slice(o, r), o = r;
+    s = o + t, yield e.slice(o, s), o = s;
 }, readBytes = async function* (e, t) {
   for await (const n of readStream(e))
     yield* streamChunk(n, t);
@@ -1544,22 +2083,22 @@ const resolveConfig = (e) => {
     await t.cancel();
   }
 }, trackStream = (e, t, n, o) => {
-  const r = readBytes(e, t);
-  let s = 0, l, i = (u) => {
+  const s = readBytes(e, t);
+  let r = 0, l, i = (u) => {
     l || (l = !0, o && o(u));
   };
   return new ReadableStream({
     async pull(u) {
       try {
-        const { done: c, value: a } = await r.next();
+        const { done: c, value: a } = await s.next();
         if (c) {
           i(), u.close();
           return;
         }
-        let d = a.byteLength;
+        let f = a.byteLength;
         if (n) {
-          let f = s += d;
-          n(f);
+          let d = r += f;
+          n(d);
         }
         u.enqueue(new Uint8Array(a));
       } catch (c) {
@@ -1567,7 +2106,7 @@ const resolveConfig = (e) => {
       }
     },
     cancel(u) {
-      return i(u), r.return();
+      return i(u), s.return();
     }
   }, {
     highWaterMark: 2
@@ -1620,85 +2159,85 @@ const getBodyLength = async (e) => {
     url: t,
     method: n,
     data: o,
-    signal: r,
-    cancelToken: s,
+    signal: s,
+    cancelToken: r,
     timeout: l,
     onDownloadProgress: i,
     onUploadProgress: u,
     responseType: c,
     headers: a,
-    withCredentials: d = "same-origin",
-    fetchOptions: f
+    withCredentials: f = "same-origin",
+    fetchOptions: d
   } = resolveConfig(e);
   c = c ? (c + "").toLowerCase() : "text";
-  let h = composeSignals([r, s && s.toAbortSignal()], l), p;
-  const y = h && h.unsubscribe && (() => {
-    h.unsubscribe();
+  let p = composeSignals([s, r && r.toAbortSignal()], l), m;
+  const y = p && p.unsubscribe && (() => {
+    p.unsubscribe();
   });
-  let m;
+  let h;
   try {
-    if (u && supportsRequestStream && n !== "get" && n !== "head" && (m = await resolveBodyLength(a, o)) !== 0) {
-      let k = new Request(t, {
+    if (u && supportsRequestStream && n !== "get" && n !== "head" && (h = await resolveBodyLength(a, o)) !== 0) {
+      let _ = new Request(t, {
         method: "POST",
         body: o,
         duplex: "half"
       }), E;
-      if (utils$1.isFormData(o) && (E = k.headers.get("content-type")) && a.setContentType(E), k.body) {
+      if (utils$1.isFormData(o) && (E = _.headers.get("content-type")) && a.setContentType(E), _.body) {
         const [S, C] = progressEventDecorator(
-          m,
+          h,
           progressEventReducer(asyncDecorator(u))
         );
-        o = trackStream(k.body, DEFAULT_CHUNK_SIZE, S, C);
+        o = trackStream(_.body, DEFAULT_CHUNK_SIZE, S, C);
       }
     }
-    utils$1.isString(d) || (d = d ? "include" : "omit");
-    const x = "credentials" in Request.prototype;
-    p = new Request(t, {
-      ...f,
-      signal: h,
+    utils$1.isString(f) || (f = f ? "include" : "omit");
+    const w = "credentials" in Request.prototype;
+    m = new Request(t, {
+      ...d,
+      signal: p,
       method: n.toUpperCase(),
       headers: a.normalize().toJSON(),
       body: o,
       duplex: "half",
-      credentials: x ? d : void 0
+      credentials: w ? f : void 0
     });
-    let $ = await fetch(p, f);
-    const v = supportsResponseStream && (c === "stream" || c === "response");
-    if (supportsResponseStream && (i || v && y)) {
-      const k = {};
+    let x = await fetch(m, d);
+    const g = supportsResponseStream && (c === "stream" || c === "response");
+    if (supportsResponseStream && (i || g && y)) {
+      const _ = {};
       ["status", "statusText", "headers"].forEach((b) => {
-        k[b] = $[b];
+        _[b] = x[b];
       });
-      const E = utils$1.toFiniteNumber($.headers.get("content-length")), [S, C] = i && progressEventDecorator(
+      const E = utils$1.toFiniteNumber(x.headers.get("content-length")), [S, C] = i && progressEventDecorator(
         E,
         progressEventReducer(asyncDecorator(i), !0)
       ) || [];
-      $ = new Response(
-        trackStream($.body, DEFAULT_CHUNK_SIZE, S, () => {
+      x = new Response(
+        trackStream(x.body, DEFAULT_CHUNK_SIZE, S, () => {
           C && C(), y && y();
         }),
-        k
+        _
       );
     }
     c = c || "text";
-    let _ = await resolvers[utils$1.findKey(resolvers, c) || "text"]($, e);
-    return !v && y && y(), await new Promise((k, E) => {
-      settle(k, E, {
-        data: _,
-        headers: AxiosHeaders$1.from($.headers),
-        status: $.status,
-        statusText: $.statusText,
+    let k = await resolvers[utils$1.findKey(resolvers, c) || "text"](x, e);
+    return !g && y && y(), await new Promise((_, E) => {
+      settle(_, E, {
+        data: k,
+        headers: AxiosHeaders$1.from(x.headers),
+        status: x.status,
+        statusText: x.statusText,
         config: e,
-        request: p
+        request: m
       });
     });
-  } 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),
+  } catch (w) {
+    throw y && y(), w && w.name === "TypeError" && /Load failed|fetch/i.test(w.message) ? Object.assign(
+      new AxiosError$1("Network Error", AxiosError$1.ERR_NETWORK, e, m),
       {
-        cause: x.cause || x
+        cause: w.cause || w
       }
-    ) : AxiosError$1.from(x, x && x.code, e, p);
+    ) : AxiosError$1.from(w, w && w.code, e, m);
   }
 }), knownAdapters = {
   http: httpAdapter,
@@ -1719,23 +2258,23 @@ const renderReason = (e) => `- ${e}`, isResolvedHandle = (e) => utils$1.isFuncti
     e = utils$1.isArray(e) ? e : [e];
     const { length: t } = e;
     let n, o;
-    const r = {};
-    for (let s = 0; s < t; s++) {
-      n = e[s];
+    const s = {};
+    for (let r = 0; r < t; r++) {
+      n = e[r];
       let l;
       if (o = n, !isResolvedHandle(n) && (o = knownAdapters[(l = String(n)).toLowerCase()], o === void 0))
         throw new AxiosError$1(`Unknown adapter '${l}'`);
       if (o)
         break;
-      r[l || "#" + s] = o;
+      s[l || "#" + r] = o;
     }
     if (!o) {
-      const s = Object.entries(r).map(
+      const r = Object.entries(s).map(
         ([i, u]) => `adapter ${i} ` + (u === !1 ? "is not supported by the environment" : "is not available in the build")
       );
-      let l = t ? s.length > 1 ? `since :
-` + s.map(renderReason).join(`
-`) : " " + renderReason(s[0]) : "as no adapter specified";
+      let l = t ? r.length > 1 ? `since :
+` + r.map(renderReason).join(`
+`) : " " + renderReason(r[0]) : "as no adapter specified";
       throw new AxiosError$1(
         "There is no suitable adapter to dispatch the request " + l,
         "ERR_NOT_SUPPORT"
@@ -1775,21 +2314,21 @@ const VERSION$1 = "1.11.0", validators$1 = {};
 });
 const deprecatedWarnings = {};
 validators$1.transitional = function(t, n, o) {
-  function r(s, l) {
-    return "[Axios v" + VERSION$1 + "] Transitional option '" + s + "'" + l + (o ? ". " + o : "");
+  function s(r, l) {
+    return "[Axios v" + VERSION$1 + "] Transitional option '" + r + "'" + l + (o ? ". " + o : "");
   }
-  return (s, l, i) => {
+  return (r, l, i) => {
     if (t === !1)
       throw new AxiosError$1(
-        r(l, " has been removed" + (n ? " in " + n : "")),
+        s(l, " has been removed" + (n ? " in " + n : "")),
         AxiosError$1.ERR_DEPRECATED
       );
     return n && !deprecatedWarnings[l] && (deprecatedWarnings[l] = !0, console.warn(
-      r(
+      s(
         l,
         " has been deprecated since v" + n + " and will be removed in the near future"
       )
-    )), t ? t(s, l, i) : !0;
+    )), t ? t(r, l, i) : !0;
   };
 };
 validators$1.spelling = function(t) {
@@ -1799,17 +2338,17 @@ function assertOptions(e, t, n) {
   if (typeof e != "object")
     throw new AxiosError$1("options must be an object", AxiosError$1.ERR_BAD_OPTION_VALUE);
   const o = Object.keys(e);
-  let r = o.length;
-  for (; r-- > 0; ) {
-    const s = o[r], l = t[s];
+  let s = o.length;
+  for (; s-- > 0; ) {
+    const r = o[s], l = t[r];
     if (l) {
-      const i = e[s], u = i === void 0 || l(i, s, e);
+      const i = e[r], u = i === void 0 || l(i, r, e);
       if (u !== !0)
-        throw new AxiosError$1("option " + s + " must be " + u, AxiosError$1.ERR_BAD_OPTION_VALUE);
+        throw new AxiosError$1("option " + r + " must be " + u, AxiosError$1.ERR_BAD_OPTION_VALUE);
       continue;
     }
     if (n !== !0)
-      throw new AxiosError$1("Unknown option " + s, AxiosError$1.ERR_BAD_OPTION);
+      throw new AxiosError$1("Unknown option " + r, AxiosError$1.ERR_BAD_OPTION);
   }
 }
 const validator = {
@@ -1836,12 +2375,12 @@ let Axios$1 = class {
       return await this._request(t, n);
     } catch (o) {
       if (o instanceof Error) {
-        let r = {};
-        Error.captureStackTrace ? Error.captureStackTrace(r) : r = new Error();
-        const s = r.stack ? r.stack.replace(/^.+\n/, "") : "";
+        let s = {};
+        Error.captureStackTrace ? Error.captureStackTrace(s) : s = new Error();
+        const r = s.stack ? s.stack.replace(/^.+\n/, "") : "";
         try {
-          o.stack ? s && !String(o.stack).endsWith(s.replace(/^.+\n.+\n/, "")) && (o.stack += `
-` + s) : o.stack = s;
+          o.stack ? r && !String(o.stack).endsWith(r.replace(/^.+\n.+\n/, "")) && (o.stack += `
+` + r) : o.stack = r;
         } catch {
         }
       }
@@ -1850,30 +2389,30 @@ let Axios$1 = class {
   }
   _request(t, n) {
     typeof t == "string" ? (n = n || {}, n.url = t) : n = t || {}, n = mergeConfig$1(this.defaults, n);
-    const { transitional: o, paramsSerializer: r, headers: s } = n;
+    const { transitional: o, paramsSerializer: s, headers: r } = n;
     o !== void 0 && validator.assertOptions(o, {
       silentJSONParsing: validators.transitional(validators.boolean),
       forcedJSONParsing: validators.transitional(validators.boolean),
       clarifyTimeoutError: validators.transitional(validators.boolean)
-    }, !1), r != null && (utils$1.isFunction(r) ? n.paramsSerializer = {
-      serialize: r
-    } : validator.assertOptions(r, {
+    }, !1), s != null && (utils$1.isFunction(s) ? n.paramsSerializer = {
+      serialize: s
+    } : validator.assertOptions(s, {
       encode: validators.function,
       serialize: validators.function
     }, !0)), n.allowAbsoluteUrls !== void 0 || (this.defaults.allowAbsoluteUrls !== void 0 ? n.allowAbsoluteUrls = this.defaults.allowAbsoluteUrls : n.allowAbsoluteUrls = !0), validator.assertOptions(n, {
       baseUrl: validators.spelling("baseURL"),
       withXsrfToken: validators.spelling("withXSRFToken")
     }, !0), n.method = (n.method || this.defaults.method || "get").toLowerCase();
-    let l = s && utils$1.merge(
-      s.common,
-      s[n.method]
+    let l = r && utils$1.merge(
+      r.common,
+      r[n.method]
     );
-    s && utils$1.forEach(
+    r && utils$1.forEach(
       ["delete", "get", "head", "post", "put", "patch", "common"],
-      (p) => {
-        delete s[p];
+      (m) => {
+        delete r[m];
       }
-    ), n.headers = AxiosHeaders$1.concat(l, s);
+    ), n.headers = AxiosHeaders$1.concat(l, r);
     const i = [];
     let u = !0;
     this.interceptors.request.forEach(function(y) {
@@ -1883,31 +2422,31 @@ let Axios$1 = class {
     this.interceptors.response.forEach(function(y) {
       c.push(y.fulfilled, y.rejected);
     });
-    let a, d = 0, f;
+    let a, f = 0, d;
     if (!u) {
-      const p = [dispatchRequest.bind(this), void 0];
-      for (p.unshift(...i), p.push(...c), f = p.length, a = Promise.resolve(n); d < f; )
-        a = a.then(p[d++], p[d++]);
+      const m = [dispatchRequest.bind(this), void 0];
+      for (m.unshift(...i), m.push(...c), d = m.length, a = Promise.resolve(n); f < d; )
+        a = a.then(m[f++], m[f++]);
       return a;
     }
-    f = i.length;
-    let h = n;
-    for (d = 0; d < f; ) {
-      const p = i[d++], y = i[d++];
+    d = i.length;
+    let p = n;
+    for (f = 0; f < d; ) {
+      const m = i[f++], y = i[f++];
       try {
-        h = p(h);
-      } catch (m) {
-        y.call(this, m);
+        p = m(p);
+      } catch (h) {
+        y.call(this, h);
         break;
       }
     }
     try {
-      a = dispatchRequest.call(this, h);
-    } catch (p) {
-      return Promise.reject(p);
+      a = dispatchRequest.call(this, p);
+    } catch (m) {
+      return Promise.reject(m);
     }
-    for (d = 0, f = c.length; d < f; )
-      a = a.then(c[d++], c[d++]);
+    for (f = 0, d = c.length; f < d; )
+      a = a.then(c[f++], c[f++]);
     return a;
   }
   getUri(t) {
@@ -1927,44 +2466,44 @@ utils$1.forEach(["delete", "get", "head", "options"], function(t) {
 });
 utils$1.forEach(["post", "put", "patch"], function(t) {
   function n(o) {
-    return function(s, l, i) {
+    return function(r, l, i) {
       return this.request(mergeConfig$1(i || {}, {
         method: t,
         headers: o ? {
           "Content-Type": "multipart/form-data"
         } : {},
-        url: s,
+        url: r,
         data: l
       }));
     };
   }
   Axios$1.prototype[t] = n(), Axios$1.prototype[t + "Form"] = n(!0);
 });
-let CancelToken$1 = class V {
+let CancelToken$1 = class A {
   constructor(t) {
     if (typeof t != "function")
       throw new TypeError("executor must be a function.");
     let n;
-    this.promise = new Promise(function(s) {
-      n = s;
+    this.promise = new Promise(function(r) {
+      n = r;
     });
     const o = this;
-    this.promise.then((r) => {
+    this.promise.then((s) => {
       if (!o._listeners) return;
-      let s = o._listeners.length;
-      for (; s-- > 0; )
-        o._listeners[s](r);
+      let r = o._listeners.length;
+      for (; r-- > 0; )
+        o._listeners[r](s);
       o._listeners = null;
-    }), this.promise.then = (r) => {
-      let s;
+    }), this.promise.then = (s) => {
+      let r;
       const l = new Promise((i) => {
-        o.subscribe(i), s = i;
-      }).then(r);
+        o.subscribe(i), r = i;
+      }).then(s);
       return l.cancel = function() {
-        o.unsubscribe(s);
+        o.unsubscribe(r);
       }, l;
-    }, t(function(s, l, i) {
-      o.reason || (o.reason = new CanceledError$1(s, l, i), n(o.reason));
+    }, t(function(r, l, i) {
+      o.reason || (o.reason = new CanceledError$1(r, l, i), n(o.reason));
     });
   }
   /**
@@ -2006,8 +2545,8 @@ let CancelToken$1 = class V {
   static source() {
     let t;
     return {
-      token: new V(function(r) {
-        t = r;
+      token: new A(function(s) {
+        t = s;
       }),
       cancel: t
     };
@@ -2091,8 +2630,8 @@ Object.entries(HttpStatusCode$1).forEach(([e, t]) => {
 });
 function createInstance(e) {
   const t = new Axios$1(e), n = bind(Axios$1.prototype.request, t);
-  return utils$1.extend(n, Axios$1.prototype, t, { allOwnKeys: !0 }), utils$1.extend(n, t, null, { allOwnKeys: !0 }), n.create = function(r) {
-    return createInstance(mergeConfig$1(e, r));
+  return utils$1.extend(n, Axios$1.prototype, t, { allOwnKeys: !0 }), utils$1.extend(n, t, null, { allOwnKeys: !0 }), n.create = function(s) {
+    return createInstance(mergeConfig$1(e, s));
   }, n;
 }
 const axios = createInstance(defaults);
@@ -2132,190 +2671,7 @@ const {
   formToJSON,
   getAdapter,
   mergeConfig
-} = axios, _export_sfc = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, r] of t)
-    n[o] = r;
-  return n;
-}, _sfc_main$r = {}, _hoisted_1$n = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
-};
-function _sfc_render$c(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$n, 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$r, [["render", _sfc_render$c]]), _hoisted_1$m = { 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$q = /* @__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, o = e, r = computed({
-      get: () => o.modelValue,
-      set: (s) => n("update:modelValue", s)
-    });
-    return (s, l) => (openBlock(), createElementBlock("div", _hoisted_1$m, [
-      withDirectives(createElementVNode("input", {
-        type: "checkbox",
-        value: e.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (i) => r.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, r.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", [r.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)
-    ]));
-  }
-}), _hoisted_1$l = ["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$p = /* @__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 }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const n = e, o = t, r = computed({
-      get: () => n.modelValue,
-      set: (i) => {
-        o("update:modelValue", i);
-      }
-    }), s = computed(() => Array.isArray(r.value) ? r.value.includes(n.value) : r.value === !0 || r.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": u[0] || (u[0] = (c) => r.value = c),
-        disabled: e.disabled
-      }, null, 8, _hoisted_1$l), [
-        [vModelCheckbox, r.value]
-      ]),
-      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)
-          }, null, 2)) : createCommentVNode("", !0),
-          e.imgUrl ? (openBlock(), createElementBlock("img", {
-            key: 1,
-            src: e.imgUrl,
-            width: "16",
-            height: "16",
-            alt: "icon"
-          }, null, 8, _hoisted_4$1)) : createCommentVNode("", !0)
-        ])) : createCommentVNode("", !0),
-        renderSlot(i.$slots, "default", {}, () => [
-          createTextVNode(toDisplayString(e.label), 1)
-        ])
-      ])
-    ], 2));
-  }
-}), VsCheckboxViews = {
-  "vs-checkbox-default": _sfc_main$q,
-  "vs-checkbox-buttons": _sfc_main$p
-}, _hoisted_1$k = { class: "flex items-center" }, _sfc_main$o = /* @__PURE__ */ defineComponent({
-  __name: "vs-input-checkbox-item",
-  props: {
-    value: { type: [String, Number], default: "" },
-    label: { type: [String, Number], default: "" },
-    disabled: { type: Boolean, default: !1 },
-    view: { type: String, default: () => "default" },
-    modelValue: {
-      type: [Array, Boolean],
-      default: !1
-    },
-    icon: { type: String },
-    imgUrl: { type: String },
-    slots: { type: Object, default: () => null },
-    option: { type: [Object, String] },
-    style: { type: String, default: () => null }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const n = e, o = t, r = `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: (i) => {
-        if (Array.isArray(n.modelValue)) {
-          let u = [...n.modelValue];
-          i ? u.includes(n.value) || u.push(n.value) : u = u.filter((c) => c !== n.value), o("update:modelValue", u);
-        } else
-          o("update:modelValue", i);
-      }
-    }), l = ref(`vs-checkbox-${n.view || "default"}`);
-    return (i, u) => (openBlock(), createElementBlock("div", _hoisted_1$k, [
-      (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": u[0] || (u[0] = (c) => s.value = c),
-        id: r,
-        icon: e.icon,
-        imgUrl: e.imgUrl,
-        style: normalizeStyle(e.style)
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(e.label), 1)
-        ]),
-        _: 1
-      }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style"]))
-    ]));
-  }
-}), _sfc_main$n = /* @__PURE__ */ defineComponent({
+} = axios, _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "vs-input-checkbox",
   props: {
     options: {
@@ -2335,10 +2691,10 @@ const IconCheck = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_rend
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = t, r = 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 () => {
+    const n = e, o = t, s = ref([]), r = 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}`);
-        r.value = a?.data || a;
+        s.value = a?.data || a;
       } catch (a) {
         console.error(a);
       }
@@ -2346,79 +2702,79 @@ const IconCheck = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_rend
     return watch(
       () => n.modelValue,
       (a) => {
-        if (typeof a == "boolean" && r.value.length === 1) {
-          const d = l(r.value[0]);
-          s[d] = a;
+        if (typeof a == "boolean" && s.value.length === 1) {
+          const f = l(s.value[0]);
+          r[f] = a;
         } else if (Array.isArray(a)) {
-          const d = new Set(a);
-          r.value.forEach((f) => {
-            if (!f.disabled) {
-              const h = l(f);
-              s[h] = d.has(h);
+          const f = new Set(a);
+          s.value.forEach((d) => {
+            if (!d.disabled) {
+              const p = l(d);
+              r[p] = f.has(p);
             }
           });
         }
       },
       { immediate: !0 }
     ), watch(
-      s,
+      r,
       () => {
-        if (!r.value.length) {
+        if (!s.value.length) {
           o("update:modelValue", null);
           return;
         }
-        const a = Object.entries(s).filter(([, d]) => d).map(([d]) => d);
+        const a = Object.entries(r).filter(([, f]) => f).map(([f]) => f);
         o("update:modelValue", a.length === 0 ? null : a);
       },
       { deep: !0 }
     ), onMounted(() => {
       if (n.data)
         c().then(() => {
-          if (typeof n.modelValue == "boolean" && r.value.length === 1) {
-            const a = l(r.value[0]);
-            s[a] = n.modelValue;
+          if (typeof n.modelValue == "boolean" && s.value.length === 1) {
+            const a = l(s.value[0]);
+            r[a] = n.modelValue;
           } else if (Array.isArray(n.modelValue)) {
             const a = new Set(n.modelValue);
-            r.value.forEach((d) => {
-              if (!d.disabled) {
-                const f = l(d);
-                s[f] = a.has(f);
+            s.value.forEach((f) => {
+              if (!f.disabled) {
+                const d = l(f);
+                r[d] = a.has(d);
               }
             });
           }
         });
-      else if (r.value = n.options, typeof n.modelValue == "boolean" && r.value.length === 1) {
-        const a = l(r.value[0]);
-        s[a] = n.modelValue;
+      else if (s.value = n.options, typeof n.modelValue == "boolean" && s.value.length === 1) {
+        const a = l(s.value[0]);
+        r[a] = n.modelValue;
       } else if (Array.isArray(n.modelValue)) {
         const a = new Set(n.modelValue);
-        r.value.forEach((d) => {
-          if (!d.disabled) {
-            const f = l(d);
-            s[f] = a.has(f);
+        s.value.forEach((f) => {
+          if (!f.disabled) {
+            const d = l(f);
+            r[d] = a.has(d);
           }
         });
       }
-    }), (a, d) => (openBlock(), createElementBlock("div", {
+    }), (a, f) => (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(r.value, (f) => (openBlock(), createBlock(_sfc_main$o, {
-        modelValue: s[l(f)],
-        "onUpdate:modelValue": (h) => s[l(f)] = h,
-        value: l(f),
+      (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (d) => (openBlock(), createBlock(_sfc_main$w, {
+        modelValue: r[l(d)],
+        "onUpdate:modelValue": (p) => r[l(d)] = p,
+        value: l(d),
         class: normalizeClass(u(e.colSpan)),
-        disabled: f.disabled,
-        label: i(f),
-        key: l(f),
-        icon: f?.icon,
-        imgUrl: f?.imgUrl,
-        option: f,
+        disabled: d.disabled,
+        label: i(d),
+        key: l(d),
+        icon: d?.icon,
+        imgUrl: d?.imgUrl,
+        option: d,
         slots: e.slots,
         view: e.view
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "slots", "view"]))), 128))
     ], 2));
   }
-}), VsInputCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-9685f778"]]), _hoisted_1$j = ["placeholder", "disabled"], _sfc_main$m = /* @__PURE__ */ defineComponent({
+}), VsInputCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-9685f778"]]), _hoisted_1$g = ["placeholder", "disabled"], _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "vs-input-date1",
   props: /* @__PURE__ */ mergeModels({
     style: {
@@ -2444,30 +2800,30 @@ const IconCheck = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_rend
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, { inputClass: n } = useStyle(t.style), o = useModel(e, "modelValue");
-    return (r, s) => withDirectives((openBlock(), createElementBlock("input", {
+    return (s, r) => withDirectives((openBlock(), createElementBlock("input", {
       type: "date",
-      "onUpdate:modelValue": s[0] || (s[0] = (l) => o.value = l),
+      "onUpdate:modelValue": r[0] || (r[0] = (l) => o.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$j)), [
+    }, null, 10, _hoisted_1$g)), [
       [vModelText, o.value]
     ]);
   }
 }), fileUpload = async (e, t, n, o) => {
   try {
-    const r = new FormData();
-    r.append("unique", "true"), r.append("file", e);
-    const { data: s } = await axios.post(
+    const s = new FormData();
+    s.append("unique", "true"), s.append("file", e);
+    const { data: r } = await axios.post(
       `/file/upload/uploads?id=${t || ""}&form=${n || ""}&table=${o || ""}`,
-      r
+      s
     );
-    return s;
-  } catch (r) {
-    console.error(r);
+    return r;
+  } catch (s) {
+    console.error(s);
   }
 }, fileDelete = async (e) => {
   try {
@@ -2482,12 +2838,12 @@ const IconCheck = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_rend
       headers: {
         "Content-Type": "application/json"
       }
-    }), n = t.headers["content-type"], o = new TextDecoder("utf-8").decode(t.data), r = new Blob([o], { type: n }), s = document.createElement("a");
-    s.setAttribute("download", e), s.href = window.URL.createObjectURL(r), s.click();
+    }), n = t.headers["content-type"], o = new TextDecoder("utf-8").decode(t.data), s = new Blob([o], { type: n }), r = document.createElement("a");
+    r.setAttribute("download", e), r.href = window.URL.createObjectURL(s), r.click();
   } catch (t) {
     console.error(t.message);
   }
-}, _sfc_main$l = {}, _hoisted_1$i = {
+}, _sfc_main$i = {}, _hoisted_1$f = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -2498,13 +2854,13 @@ const IconCheck = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_rend
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function _sfc_render$b(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$i, t[0] || (t[0] = [
+function _sfc_render$8(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, 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$l, [["render", _sfc_render$b]]), _sfc_main$k = {}, _hoisted_1$h = {
+const IconPlus = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$8]]), _sfc_main$h = {}, _hoisted_1$e = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -2516,12 +2872,12 @@ const IconPlus = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_rende
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function _sfc_render$a(e, t, n, o, r, s) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, t[0] || (t[0] = [
+function _sfc_render$7(e, t, n, o, s, r) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$e, 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$k, [["render", _sfc_render$a]]), _sfc_main$j = {}, _hoisted_1$g = {
+const iconPdf = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$7]]), _sfc_main$g = {}, _hoisted_1$d = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -2533,8 +2889,8 @@ const iconPdf = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function _sfc_render$9(e, t, n, o, r, s) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, t[0] || (t[0] = [
+function _sfc_render$6(e, t, n, o, s, r) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$d, t[0] || (t[0] = [
     createElementVNode("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2561,7 +2917,7 @@ function _sfc_render$9(e, t, n, o, r, s) {
     }, null, -1)
   ]));
 }
-const IconCsv = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$9]]), _sfc_main$i = {}, _hoisted_1$f = {
+const IconCsv = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$6]]), _sfc_main$f = {}, _hoisted_1$c = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -2573,12 +2929,12 @@ const IconCsv = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
-function _sfc_render$8(e, t, n, o, r, s) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$f, t[0] || (t[0] = [
+function _sfc_render$5(e, t, n, o, s, r) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$c, 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$i, [["render", _sfc_render$8]]), _sfc_main$h = {}, _hoisted_1$e = {
+const IconFile = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$5]]), _sfc_main$e = {}, _hoisted_1$b = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -2590,12 +2946,12 @@ const IconFile = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_rende
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function _sfc_render$7(e, t, n, o, r, s) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$e, t[0] || (t[0] = [
+function _sfc_render$4(e, t, n, o, s, r) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, 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$h, [["render", _sfc_render$7]]), _sfc_main$g = {}, _hoisted_1$d = {
+const IconZip = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$4]]), _sfc_main$d = {}, _hoisted_1$a = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -2607,12 +2963,12 @@ const IconZip = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function _sfc_render$6(e, t, n, o, r, s) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$d, t[0] || (t[0] = [
+function _sfc_render$3(e, t, n, o, s, r) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, 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$g, [["render", _sfc_render$6]]), getFileType = (e) => {
+const IconGeojson = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$3]]), getFileType = (e) => {
   if (!e) return "";
   const t = e?.split(".");
   return t[t.length - 1];
@@ -2625,7 +2981,7 @@ const IconGeojson = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["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$f = {}, _hoisted_1$c = {
+}, _sfc_main$c = {}, _hoisted_1$9 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -2637,12 +2993,12 @@ const IconGeojson = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_re
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function _sfc_render$5(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$c, t[0] || (t[0] = [
+function _sfc_render$2(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, 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$f, [["render", _sfc_render$5]]), _sfc_main$e = {}, _hoisted_1$b = {
+const IconDelete = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$2]]), _sfc_main$b = {}, _hoisted_1$8 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -2654,8 +3010,8 @@ const IconDelete = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_ren
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function _sfc_render$4(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, t[0] || (t[0] = [
+function _sfc_render$1(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, t[0] || (t[0] = [
     createElementVNode("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2666,7 +3022,7 @@ function _sfc_render$4(e, t) {
     createElementVNode("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$4]]), _hoisted_1$a = { 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$d = /* @__PURE__ */ defineComponent({
+const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$1]]), _hoisted_1$7 = { 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$a = /* @__PURE__ */ defineComponent({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ mergeModels({
     multiple: { type: Boolean }
@@ -2679,17 +3035,17 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_r
   emits: ["update:value", "update:item"],
   setup(e) {
     const t = useModel(e, "value"), n = useModel(e, "item"), o = e;
-    return (r, s) => (openBlock(), createElementBlock("div", _hoisted_1$a, [
+    return (s, r) => (openBlock(), createElementBlock("div", _hoisted_1$7, [
       (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] = (l) => unref(fileDownload)(n.value))
+        onClick: r[0] || (r[0] = (l) => unref(fileDownload)(n.value))
       }, null, 8, ["src"])),
       createElementVNode("div", _hoisted_2$4, [
         createElementVNode("button", {
           type: "button",
-          onClick: s[1] || (s[1] = (l) => {
+          onClick: r[1] || (r[1] = (l) => {
             unref(fileDelete)(n.value), t.value = o.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"
@@ -2698,7 +3054,7 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_r
         ]),
         createElementVNode("button", {
           type: "button",
-          onClick: s[2] || (s[2] = (l) => unref(fileDownload)(n.value)),
+          onClick: r[2] || (r[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" })
@@ -2706,10 +3062,10 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_r
       ])
     ]));
   }
-}), VsInputFileListItem = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-bc0f6d32"]]), _hoisted_1$9 = { class: "flex items-center gap-x-2" }, _hoisted_2$3 = {
+}), VsInputFileListItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-bc0f6d32"]]), _hoisted_1$6 = { class: "flex items-center gap-x-2" }, _hoisted_2$3 = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, _sfc_main$c = /* @__PURE__ */ defineComponent({
+}, _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "vs-input-file",
   props: /* @__PURE__ */ mergeModels({
     multiple: { type: Boolean },
@@ -2721,7 +3077,7 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_r
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = useModel(e, "modelValue"), o = ref(null), r = (l) => Array.isArray(n.value) && n.value[l] || "", s = async (l) => {
+    const t = e, n = useModel(e, "modelValue"), o = ref(null), s = (l) => Array.isArray(n.value) && n.value[l] || "", r = async (l) => {
       if (t.format) {
         const c = l.target.files?.[0];
         if (!c || !c.name.endsWith(t.format))
@@ -2732,13 +3088,13 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_r
       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$9, [
+    return (l, i) => (openBlock(), createElementBlock("div", _hoisted_1$6, [
       createElementVNode("input", {
         class: "hidden",
         ref_key: "fileInput",
         ref: o,
         type: "file",
-        onChange: s
+        onChange: r
       }, null, 544),
       !l.multiple && n.value ? (openBlock(), createBlock(VsInputFileListItem, {
         key: 0,
@@ -2752,7 +3108,7 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_r
           key: c,
           value: n.value,
           "onUpdate:value": i[2] || (i[2] = (a) => n.value = a),
-          item: r(c)
+          item: s(c)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         createElementVNode("div", {
           onClick: i[3] || (i[3] = (u) => !l.disabled && o.value?.click()),
@@ -2773,7 +3129,7 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_r
       ], 2))
     ]));
   }
-}), _hoisted_1$8 = { 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$b = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$5 = { 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$8 = /* @__PURE__ */ defineComponent({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -2796,12 +3152,12 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_r
       (o) => {
         n.value = o;
       }
-    ), (o, r) => (openBlock(), createElementBlock("div", null, [
-      createElementVNode("div", _hoisted_1$8, [
+    ), (o, s) => (openBlock(), createElementBlock("div", null, [
+      createElementVNode("div", _hoisted_1$5, [
         createElementVNode("p", _hoisted_2$2, toDisplayString(e.title), 1),
-        createVNode(_sfc_main$x, {
+        createVNode(_sfc_main$r, {
           modelValue: n.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
+          "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
           style: normalizeStyle(e.style)
         }, null, 8, ["modelValue", "style"])
       ]),
@@ -2817,63 +3173,7 @@ const IconDownload = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_r
       })
     ]));
   }
-}), VsContainerSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-479564a3"]]), _sfc_main$a = {}, _hoisted_1$7 = {
-  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$3(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, 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$a, [["render", _sfc_render$3]]), _sfc_main$9 = {}, _hoisted_1$6 = {
-  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$2(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, 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$9, [["render", _sfc_render$2]]), _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-x"
-};
-function _sfc_render$1(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: "M18 6l-12 12" }, null, -1),
-    createElementVNode("path", { d: "M6 6l12 12" }, null, -1)
-  ]));
-}
-const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]]), _hoisted_1$4 = { class: "text-[16px] text-gray-900 font-medium" }, _hoisted_2$1 = { class: "grid gap-3" }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
+}), VsContainerSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-479564a3"]]), _hoisted_1$4 = { class: "text-[16px] text-gray-900 font-medium" }, _hoisted_2$1 = { class: "grid gap-3" }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -2896,10 +3196,10 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_rend
       (o) => {
         n.value = o;
       }
-    ), (o, r) => (openBlock(), createElementBlock("div", null, [
+    ), (o, s) => (openBlock(), createElementBlock("div", null, [
       createElementVNode("button", {
         type: "button",
-        onClick: r[0] || (r[0] = (s) => n.value = !n.value),
+        onClick: s[0] || (s[0] = (r) => n.value = !n.value),
         class: "flex items-center gap-2"
       }, [
         createVNode(unref(IconChevronDown), {
@@ -3007,19 +3307,19 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_rend
     }
   },
   setup(e) {
-    const t = e, n = inject("formValues", { default: {} }), o = inject("form"), r = computed(() => t.schema?.filter((l) => {
+    const t = e, n = inject("formValues", { default: {} }), o = inject("form"), s = 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), {
+    })), r = computed(() => views[t.view]);
+    return (l, i) => e.schema?.length ? (openBlock(), createBlock(resolveDynamicComponent(r.value), {
       key: 0,
       title: e.title,
       style: normalizeStyle(e.style)
     }, {
       default: withCtx(() => [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(r.value, (u) => (openBlock(), createBlock(_sfc_main$1, mergeProps({
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (u) => (openBlock(), createBlock(_sfc_main$1, mergeProps({
           key: u.name
         }, { ref_for: !0 }, u, {
           item: u,
@@ -3035,44 +3335,44 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_rend
 }), dynamicPosition = async (e, t, n, o = 10) => {
   if (!t || !n) return;
   await nextTick();
-  const r = await n?.getBoundingClientRect(), s = await t?.getBoundingClientRect();
-  if (!s || !r) 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 + o + u;
+  const s = await n?.getBoundingClientRect(), r = await t?.getBoundingClientRect();
+  if (!r || !s) 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, f = await window.innerWidth;
+  let d = 0, p = 0;
+  const m = r.bottom + o + u;
   switch (e) {
     case "top":
-      s.top - r.height - o < 0 ? f = s.top - r.height + o + u + l : f = s.top - r.height - o, d > c + s.right + 30 ? h = s.left - r.width / 2 + s.width / 2 : h = d - 30 - c;
+      r.top - s.height - o < 0 ? d = r.top - s.height + o + u + l : d = r.top - s.height - o, f > c + r.right + 30 ? p = r.left - s.width / 2 + r.width / 2 : p = f - 30 - c;
       break;
     case "bottom":
-      a > p ? f = s.bottom + o : f = s.bottom - o - u - l, h = s.left - r.width / 2 + s.width / 2;
+      a > m ? d = r.bottom + o : d = r.bottom - o - u - l, p = r.left - s.width / 2 + r.width / 2;
       break;
     case "left":
-      f = s.top - r.height / 2 + s.height / 2, s.left - r.width - o > 0 ? h = s.left - r.width - o : h = 10;
+      d = r.top - s.height / 2 + r.height / 2, r.left - s.width - o > 0 ? p = r.left - s.width - o : p = 10;
       break;
     case "right":
-      f = s.top - r.height / 2 + s.height / 2, d - i > c ? h = s.right + o : h = d - 30 - c;
+      d = r.top - s.height / 2 + r.height / 2, f - i > c ? p = r.right + o : p = f - 30 - c;
       break;
     case "top-right":
-      s.top - r.height - o < 0 ? f = s.top - r.height + o + u + l : f = s.top - r.height - o, d - i > c ? h = s.right + o : h = d - 30 - c;
+      r.top - s.height - o < 0 ? d = r.top - s.height + o + u + l : d = r.top - s.height - o, f - i > c ? p = r.right + o : p = f - 30 - c;
       break;
     case "top-left":
-      s.top - r.height - o < 0 ? f = s.top - r.height + o + u + l : f = s.top - r.height - o, s.left - r.width - o > 0 ? h = s.left - r.width - o : h = 10;
+      r.top - s.height - o < 0 ? d = r.top - s.height + o + u + l : d = r.top - s.height - o, r.left - s.width - o > 0 ? p = r.left - s.width - o : p = 10;
       break;
     case "top-start":
-      s.top - r.height - o < 0 ? f = s.top - r.height + o + u + l : f = s.top - r.height - o, s.left > 0 ? h = s.left : h = 10;
+      r.top - s.height - o < 0 ? d = r.top - s.height + o + u + l : d = r.top - s.height - o, r.left > 0 ? p = r.left : p = 10;
       break;
     case "bottom-right":
-      a > p ? f = s.bottom + o : f = s.bottom - o - u - l, d - i > c ? h = s.left : h = d - 30 - c;
+      a > m ? d = r.bottom + o : d = r.bottom - o - u - l, f - i > c ? p = r.left : p = f - 30 - c;
       break;
     case "bottom-left":
-      a > p ? f = s.bottom + o : f = s.bottom - o - u - l, s.left > 0 ? h = s.right - c : h = 10;
+      a > m ? d = r.bottom + o : d = r.bottom - o - u - l, r.left > 0 ? p = r.right - c : p = 10;
       break;
     case "bottom-start":
-      a > p ? f = s.bottom + o : f = s.bottom - o - u - l, s.left > 0 ? h = s.left : h = 10;
+      a > m ? d = r.bottom + o : d = r.bottom - o - u - l, r.left > 0 ? p = r.left : p = 10;
       break;
   }
-  f + u > a ? f = a - u - o : f < 0 && (f = o), h + c > d ? h = d - c - o : h < 0 && (h = o), n instanceof HTMLElement && (n.style.top = `${f}px`, n.style.left = `${h}px`, n.style.position = "fixed");
+  d + u > a ? d = a - u - o : d < 0 && (d = o), p + c > f ? p = f - c - o : p < 0 && (p = o), n instanceof HTMLElement && (n.style.top = `${d}px`, n.style.left = `${p}px`, n.style.position = "fixed");
 }, _sfc_main$4 = {}, _hoisted_1$2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -3113,7 +3413,8 @@ const IconMagnifyingGlass = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render",
     customClass: { default: "" },
     style: { default: () => ({}) },
     disabled: { type: Boolean },
-    mode: {}
+    mode: {},
+    error: { default: null }
   }, {
     modelValue: {
       type: [Number, String],
@@ -3123,66 +3424,69 @@ const IconMagnifyingGlass = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render",
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, { inputClass: n } = useStyle(t.style);
-    console.log(t.mode);
-    const o = useModel(e, "modelValue"), r = ref({}), s = ref(null), l = ref(null), i = ref(!1), u = ref(null), c = ref([]), a = ref(-1), d = ref([]), f = ref(""), h = ref(null);
-    let p = null;
-    const y = computed(() => c.value?.length ? [
-      u.value,
-      ...c.value?.filter((b) => b?.id !== u.value?.id)
-    ].filter((b) => b !== null) : []), m = async () => {
+    const t = e, { inputClass: n } = useStyle(t.style), o = useModel(e, "modelValue"), s = ref({}), r = ref(null), l = ref(null), i = ref(!1), u = ref(null), c = ref([]), a = ref(-1), f = ref([]), d = ref(""), p = ref(null);
+    let m = null;
+    const y = computed(() => {
+      if (c.value?.length) {
+        const b = c.value?.filter((v) => v?.id !== u.value?.id);
+        return [
+          u.value
+        ].concat(b)?.filter((v) => v !== null);
+      }
+      return [];
+    }), h = async () => {
       try {
         const { data: b } = await axios.get(
-          `${t.host}/${t.prefix}/suggest/${t.data}?json=1&key=${f.value}`
+          `${t.host}/${t.prefix}/suggest/${t.data}?json=1&key=${d.value}`
         );
         return b.data;
       } catch {
         return [];
       }
-    }, x = 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 m() : t.options?.length && (c.value = [...t.options])), i.value && s.value ? (r.value.width = `${s.value.getBoundingClientRect()?.width}px`, t.mode === "search" && h.value.focus(), l.value && dynamicPosition("bottom-start", s.value, l.value)) : a.value = -1;
-    }, $ = () => i.value ? x(!1) : null, v = (b) => {
-      u.value = b, o.value = b.id, x(!1);
-    }, _ = (b, g) => {
-      if (!b || !g) return;
-      const w = b.offsetTop, B = w + b.offsetHeight, A = g.scrollTop, R = A + g.clientHeight;
-      w < A ? g.scrollTop = w - 80 : B > R && (g.scrollTop = B - g.clientHeight + 4);
-    }, k = (b) => {
+    }, w = 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 && r.value ? (s.value.width = `${r.value.getBoundingClientRect()?.width}px`, t.mode === "search" && p.value?.focus(), l.value && dynamicPosition("bottom-start", r.value, l.value)) : a.value = -1;
+    }, x = () => i.value ? w(!1) : null, g = (b) => {
+      u.value = b, o.value = b.id, w(!1);
+    }, k = (b, v) => {
+      if (!b || !v) return;
+      const $ = b.offsetTop, B = $ + b.offsetHeight, V = v.scrollTop, R = V + v.clientHeight;
+      $ < V ? Object.assign(v, { scrollTop: $ - 80 }) : B > R && Object.assign(v, { scrollTop: B - v.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, _(d.value[a.value], l.value);
-      } else if (g == 40) {
+      const { keyCode: v } = b;
+      if ([38, 40, 13].includes(v) && b.preventDefault(), v === 38) {
+        if (a.value === 0) return;
+        a.value -= 1, k(f.value[a.value], l.value);
+      } else if (v === 40) {
         if (a.value + 1 >= y.value?.length) return;
-        a.value += 1, _(d.value[a.value], l.value);
-      } else if (g == 13) {
-        const w = y.value[a.value];
-        w && v(w);
+        a.value += 1, k(f.value[a.value], l.value);
+      } else if (v === 13) {
+        const $ = y.value[a.value];
+        $ && g($);
       }
     }, E = async (b) => {
       if (i.value) return;
-      const { keyCode: g } = b;
-      [38, 40].includes(g) && (await b.preventDefault(), a.value = 0, setTimeout(() => x()));
+      const { keyCode: v } = b;
+      [38, 40].includes(v) && (await b.preventDefault(), a.value = 0, setTimeout(() => w()));
     }, S = (b) => {
-      i.value && s.value && l.value && !l.value.contains(b.target) && (i.value = !1);
+      i.value && r.value && l.value && !l.value.contains(b.target) && (i.value = !1);
     }, C = (b) => {
-      b?.key === "Escape" && i.value && x(!1);
+      b?.key === "Escape" && i.value && w(!1);
     };
     return onMounted(async () => {
-      addEventListener("click", $), addEventListener("keydown", k), addEventListener("scroll", S, !0), addEventListener("keydown", C), o.value && !t.options?.length && t.data && (c.value = await m(), u.value = c.value?.find((b) => b?.id === o.value) || null);
+      addEventListener("click", x), addEventListener("keydown", _), addEventListener("scroll", S, !0), addEventListener("keydown", C), t.options && (c.value = t.options), o.value && !t.options?.length && t.data && (c.value = await h()), u.value = c.value?.find((b) => b?.id.toString() === o.value?.toString()) || null;
     }), onUnmounted(() => {
-      removeEventListener("click", $), removeEventListener("keydown", k), removeEventListener("scroll", S, !0), removeEventListener("keydown", C);
-    }), watch(f, (b) => {
-      let g = !1;
-      (b == "" || b.trimStart().length !== 0) && (g = !0), g && (p && clearTimeout(p), p = setTimeout(async () => {
-        !t.options?.length && t.data ? c.value = await m() : c.value = t.options.filter((w) => w.text.toLowerCase().includes(b.toLowerCase()));
+      removeEventListener("click", x), removeEventListener("keydown", _), removeEventListener("scroll", S, !0), removeEventListener("keydown", C);
+    }), watch(d, (b) => {
+      let v = !1;
+      (b === "" || b.trimStart().length !== 0) && (v = !0), v && (m && clearTimeout(m), m = setTimeout(async () => {
+        !t.options?.length && t.data ? c.value = await h() : c.value = t.options.filter(($) => $.text.toLowerCase().includes(b.toLowerCase()));
       }, 200));
-    }), (b, g) => (openBlock(), createElementBlock("div", {
+    }), (b, v) => (openBlock(), createElementBlock("div", {
       class: "relative w-full",
       ref_key: "select",
-      ref: s,
-      onClick: g[5] || (g[5] = withModifiers(() => {
+      ref: r,
+      onClick: v[5] || (v[5] = withModifiers(() => {
       }, ["stop"]))
     }, [
       createElementVNode("button", {
@@ -3191,10 +3495,11 @@ const IconMagnifyingGlass = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render",
           i.value ? `ring-rind ring-2 ring-${b.style?.primaryColor || "blue"}-500` : "",
           u.value?.text ? "pr-[50px]" : "pr-[25px]",
           unref(n),
-          b.customClass
+          b.customClass,
+          { "!border-red-600": b.error }
         ]]),
         onKeydown: E,
-        onClick: g[0] || (g[0] = (w) => x(!i.value)),
+        onClick: v[0] || (v[0] = ($) => w(!i.value)),
         disabled: b.disabled,
         style: {
           border: "1px solid #CFD9E0"
@@ -3216,7 +3521,7 @@ const IconMagnifyingGlass = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render",
       u.value?.text ? (openBlock(), createElementBlock("button", {
         key: 0,
         type: "button",
-        onClick: g[1] || (g[1] = (w) => {
+        onClick: v[1] || (v[1] = ($) => {
           o.value = null, u.value = null;
         }),
         class: "absolute top-[50%] text-gray-500 translate-y-[-50%] hover:text-red-600 right-[30px]"
@@ -3232,57 +3537,57 @@ const IconMagnifyingGlass = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render",
           ref_key: "list",
           ref: l,
           style: normalizeStyle({
-            width: r.value.width,
+            width: s.value.width,
             maxHeight: b.maxHeight + "px",
             backgroundColor: "white"
           }),
-          onClick: g[4] || (g[4] = withModifiers(() => {
+          onClick: v[4] || (v[4] = withModifiers(() => {
           }, ["stop"]))
         }, [
           b.mode === "search" ? (openBlock(), createElementBlock("li", _hoisted_5, [
             createElementVNode("div", _hoisted_6, [
               withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": g[2] || (g[2] = (w) => f.value = w),
+                "onUpdate:modelValue": v[2] || (v[2] = ($) => d.value = $),
                 class: "w-full h-full text-[13px] px-4 border rounded-sm pl-9 focus:outline-none focus:ring-ring focus:ring-1 focus:ring-blue-500",
                 placeholder: "Пошук",
                 type: "text",
                 ref_key: "inputRef",
-                ref: h
+                ref: p
               }, null, 512), [
-                [vModelText, f.value]
+                [vModelText, d.value]
               ]),
               createVNode(IconMagnifyingGlass, {
                 width: "15px",
                 height: "15px",
                 class: "absolute text-gray-400 -translate-y-1/2 left-4 top-1/2"
               }),
-              f.value != "" ? (openBlock(), createBlock(unref(IconClose), {
+              d.value != "" ? (openBlock(), createBlock(unref(IconClose), {
                 key: 0,
                 width: "15px",
                 height: "15px",
-                onClick: g[3] || (g[3] = (w) => f.value = ""),
+                onClick: v[3] || (v[3] = ($) => d.value = ""),
                 class: "absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"
               })) : createCommentVNode("", !0)
             ])
           ])) : createCommentVNode("", !0),
           y.value?.length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            g[6] || (g[6] = 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(y.value, (w, B) => (openBlock(), createElementBlock("li", {
-              onClick: (A) => v(w),
-              key: w?.id,
+            v[6] || (v[6] = 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(y.value, ($, B) => (openBlock(), createElementBlock("li", {
+              onClick: (V) => g($),
+              key: $?.id,
               ref_for: !0,
-              ref: (A) => d.value[B] = A,
+              ref: (V) => f.value[B] = V,
               class: normalizeClass(["cursor-pointer relative py-2 px-4 w-full text-[14px] text-gray-700 hover:bg-gray-100 rounded-lg", [a.value == B ? "bg-gray-100" : ""]])
             }, [
               createElementVNode("span", _hoisted_8, [
-                w?.color ? (openBlock(), createElementBlock("span", {
+                $?.color ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   class: "w-[16px] h-[16px] rounded-md block",
-                  style: normalizeStyle({ backgroundColor: w?.color })
+                  style: normalizeStyle({ backgroundColor: $?.color })
                 }, null, 4)) : createCommentVNode("", !0),
-                createTextVNode(" " + toDisplayString(w?.text), 1)
+                createTextVNode(" " + toDisplayString($?.text), 1)
               ]),
-              o.value == w?.id ? (openBlock(), createBlock(unref(IconCheck), {
+              o.value == $?.id ? (openBlock(), createBlock(unref(IconCheck), {
                 key: 0,
                 height: "14",
                 width: "14",
@@ -3323,8 +3628,8 @@ const IconMagnifyingGlass = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render",
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, { inputClass: n } = useStyle(t.style), o = useModel(e, "modelValue");
-    return (r, s) => withDirectives((openBlock(), createElementBlock("textarea", {
-      "onUpdate:modelValue": s[0] || (s[0] = (l) => o.value = l),
+    return (s, r) => withDirectives((openBlock(), createElementBlock("textarea", {
+      "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l),
       placeholder: e.placeholder,
       disabled: e.disabled,
       row: "2",
@@ -3337,20 +3642,21 @@ const IconMagnifyingGlass = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render",
     ]);
   }
 }), inputs = {
-  VsInputText: _sfc_main$z,
-  VsInputRadio: _sfc_main$s,
-  "vs-input-text": _sfc_main$z,
+  VsInputText: _sfc_main$B,
+  VsInputRadio: _sfc_main$l,
+  "vs-input-text": _sfc_main$B,
   "vs-input-textarea": _sfc_main$2,
-  "vs-input-mask": _sfc_main$v,
-  "vs-input-number": _sfc_main$y,
-  "vs-input-radio": _sfc_main$s,
+  "vs-input-mask": _sfc_main$p,
+  "vs-input-number": _sfc_main$A,
+  "vs-input-radio": _sfc_main$l,
   "vs-input-select": _sfc_main$3,
-  "vs-input-switcher": _sfc_main$x,
-  "vs-input-static": _sfc_main$w,
+  "vs-input-switcher": _sfc_main$r,
+  "vs-input-static": _sfc_main$q,
   "vs-input-container": _sfc_main$5,
-  "vs-input-date": _sfc_main$m,
+  "vs-input-date": _sfc_main$j,
   "vs-input-checkbox": VsInputCheckbox,
-  "vs-input-file": _sfc_main$c
+  "vs-input-file": _sfc_main$9,
+  "vs-input-html": _sfc_main$o
 }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "vs-compact-form-layout",
   props: {
@@ -3373,12 +3679,12 @@ const IconMagnifyingGlass = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render",
   },
   setup(e) {
     const t = e, n = computed(() => layouts$1[`${t.layout}`]), o = computed(() => inputs?.[`vs-input-${t.type}`]);
-    return (r, s) => (openBlock(), createBlock(resolveDynamicComponent(n.value), mergeProps(r.$attrs, {
+    return (s, r) => (openBlock(), createBlock(resolveDynamicComponent(n.value), mergeProps(s.$attrs, {
       style: e.style,
       item: e.item
     }), {
       default: withCtx(() => [
-        (openBlock(), createBlock(resolveDynamicComponent(o.value), mergeProps(r.$attrs, { style: e.style }), null, 16, ["style"]))
+        (openBlock(), createBlock(resolveDynamicComponent(o.value), mergeProps(s.$attrs, { style: e.style }), null, 16, ["style"]))
       ]),
       _: 1
     }, 16, ["style", "item"]));
@@ -3429,26 +3735,33 @@ function convertSchema(e) {
   }), t;
 }
 function useForm(e, t) {
-  const n = convertSchema(t), o = ref({}), r = (i = n, u = !0) => {
-    if (i.forEach((c) => {
-      c.rules && c.rules.forEach((a) => {
-        o.value[c.name] = checkFormRules(e.value[c.name], a);
-      }), c.schema && r(c.schema, !1);
-    }), u && Object.values(o.value).some(Boolean))
-      return o.value;
-  }, 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);
-  }));
+  const n = convertSchema(t), o = ref({});
+  function s(u) {
+    const c = u?.conditions;
+    if (!c) return !0;
+    const a = Array.isArray(c) ? c[0] : c, f = e?.value?.[a];
+    return isVisible(f, c);
+  }
+  const r = (u = n, c = !0) => (u.forEach((a) => {
+    if (a.rules) {
+      if (!s(a)) {
+        console.log(a.name, "skip hidden"), delete o.value[a.name];
+        return;
+      }
+      a.rules.forEach((f) => {
+        const d = checkFormRules(e.value[a.name], f);
+        d ? o.value[a.name] = d : delete o.value[a.name];
+      });
+    }
+    a.schema && r(a.schema, !1);
+  }), c && Object.values(o.value).some(Boolean) ? o.value : null), l = computed(() => n?.filter((u) => s(u)));
   return {
     errors: o,
     validate: r,
     reset: () => {
       e.value = {}, o.value = {};
     },
-    visibleSchema: s
+    visibleSchema: l
   };
 }
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -3465,30 +3778,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }),
   emits: /* @__PURE__ */ mergeModels(["handle-submit"], ["update:form", "update:values"]),
   setup(e, { emit: t }) {
-    const n = t, o = e, r = useAttrs(), s = useModel(e, "form"), l = useModel(e, "values"), {
+    const n = t, o = e, s = useAttrs(), r = useModel(e, "form"), l = useModel(e, "values"), {
       errors: i,
       validate: u,
       reset: c,
       visibleSchema: a
-    } = useForm(l, o.schema), d = () => {
+    } = useForm(l, o.schema), f = () => {
       u(), n("handle-submit", l.value);
     };
     return onMounted(() => {
-      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: normalizeClass(["grid grid-cols-12", f.layout === "default" ? "gap-6" : "gap-4"])
+      r.value.value = l.value, r.value.errors = i.value, r.value.reset = c, r.value.validate = u;
+    }), provide("form", r), provide("values", l), (d, p) => (openBlock(), createElementBlock("form", {
+      onSubmit: withModifiers(f, ["prevent"]),
+      class: normalizeClass(["grid grid-cols-12", d.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(r), ...f.style, ...p }, {
-        item: p,
-        layout: f.layout,
-        modelValue: l.value[p.name],
-        "onUpdate:modelValue": (y) => l.value[p.name] = y,
-        style: f.style,
-        error: unref(i)[p.name]
+      (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a), (m) => (openBlock(), createBlock(_sfc_main$1, mergeProps({
+        key: m.name,
+        class: d.layout === "horizontal" ? "col-span-12" : `col-span-${m.col || 12} `
+      }, { ref_for: !0 }, { ...unref(s), ...d.style, ...m }, {
+        item: m,
+        layout: d.layout,
+        modelValue: l.value[m.name],
+        "onUpdate:modelValue": (y) => l.value[m.name] = y,
+        style: d.style,
+        error: unref(i)[m.name]
       }), null, 16, ["class", "item", "layout", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
     ], 34));
   }
@@ -3498,6 +3811,6 @@ _sfc_main.install = function e(t) {
 };
 export {
   _sfc_main as VForm,
-  _sfc_main$z as VsInputText,
+  _sfc_main$B as VsInputText,
   _sfc_main as default
 };