@jsg-developer/vue-pack 0.0.9-beta-2 → 0.0.9-beta-3

package/dist/chunks/{TabelData-jJvzQD8f.es.js → TabelData-Do3nGlBe.es.js}

@@ -1,15 +1,15 @@
-import { defineComponent as fe, createElementBlock as a, openBlock as d, withKeys as Xe, createElementVNode as s, normalizeClass as q, toDisplayString as m, mergeProps as Ee, renderSlot as it, createTextVNode as ye, ref as V, computed as X, inject as gt, createCommentVNode as F, createVNode as K, unref as l, Fragment as P, renderList as R, createBlock as be, normalizeStyle as Se, onMounted as ze, onUnmounted as ut, Transition as _e, withCtx as Ce, withModifiers as Ye, toRaw as He, watch as Me, nextTick as Oe, provide as ct, withDirectives as Ve, isRef as Fe, vModelText as jt, vModelCheckbox as qe } from "vue";
-import bt from "dompurify";
-import { ac as Le, z as et, M as $e, ab as ke, u as ft, K as Ne, L as ht, F as mt } from "./resize-2N3sqejU.es.js";
-import vt from "lodash.isequal";
+import { defineComponent as fe, createElementBlock as a, openBlock as d, withKeys as Xe, createElementVNode as t, normalizeClass as G, toDisplayString as m, mergeProps as Ee, ref as V, computed as X, inject as it, createCommentVNode as F, createVNode as K, unref as l, Fragment as P, renderList as R, createBlock as be, normalizeStyle as Le, onMounted as ze, onUnmounted as gt, Transition as _e, withCtx as Ce, withModifiers as Ye, createTextVNode as pe, toRaw as He, watch as Me, nextTick as Oe, provide as ut, withDirectives as Ve, isRef as Fe, vModelText as ct, vModelCheckbox as Ge } from "vue";
+import jt from "dompurify";
+import { ac as Se, z as et, M as $e, ab as ye, u as bt, K as Ne, L as ft, F as ht } from "./resize-DTJl7NMU.es.js";
+import mt from "lodash.isequal";
 import "zod";
-const yt = ["aria-labelledby"], kt = {
+const vt = ["aria-labelledby"], yt = {
   id: "dialog-title",
   class: "jsgd-text-2xl jsgd-font-bold jsgd-text-slate-800 jsgd-mb-3 dark:jsgd-text-slate-100"
-}, xt = {
+}, kt = {
   id: "dialog-desc",
   class: "jsgd-text-slate-500 jsgd-leading-relaxed jsgd-mb-10 dark:jsgd-text-slate-400"
-}, pt = { class: "jsgd-grid jsgd-grid-cols-2 jsgd-gap-4" }, wt = /* @__PURE__ */ fe({
+}, xt = { class: "jsgd-grid jsgd-grid-cols-2 jsgd-gap-4" }, pt = /* @__PURE__ */ fe({
   __name: "WarningForm",
   props: {
     title: { default: "Warning Title" },
@@ -17,88 +17,86 @@ const yt = ["aria-labelledby"], kt = {
     isGreen: { type: Boolean, default: !1 }
   },
   emits: ["confirm", "close"],
-  setup(e, { emit: u }) {
-    const i = e, n = u;
-    return (g, t) => (d(), a("div", {
+  setup(e, { emit: c }) {
+    const i = e, n = c;
+    return (g, s) => (d(), a("div", {
       class: "jsgd-fixed jsgd-inset-0 jsgd-z-36 jsgd-grid jsgd-place-items-center jsgd-p-4 jsgd-bg-slate-900/60 jsgd-backdrop-blur-sm jsgd-animate-[fadeIn_250ms_ease-out]",
-      onKeydown: t[2] || (t[2] = Xe((y) => n("close"), ["esc"]))
+      onKeydown: s[2] || (s[2] = Xe((y) => n("close"), ["esc"]))
     }, [
-      s("div", {
+      t("div", {
         class: "jsgd-relative jsgd-w-full jsgd-max-w-md jsgd-pt-16 jsgd-pb-8 jsgd-px-8 jsgd-bg-gradient-to-br jsgd-from-white jsgd-to-slate-50 jsgd-rounded-2xl jsgd-shadow-2xl jsgd-text-center jsgd-animate-[scaleIn_250ms_cubic-bezier(0.16,1,0.3,1)] jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 dark:jsgd-from-slate-800 dark:jsgd-to-slate-900 dark:jsgd-border-slate-700",
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": i.title
       }, [
-        s("div", {
-          class: q([
+        t("div", {
+          class: G([
             "jsgd-absolute jsgd-top-[-2.25rem] jsgd-left-1/2 -jsgd-translate-x-1/2 jsgd-w-[4.5rem] jsgd-h-[4.5rem] jsgd-rounded-full jsgd-grid jsgd-place-items-center jsgd-border-4 jsgd-border-solid jsgd-border-white jsgd-shadow-md jsgd-animate-[scaleIn_400ms_150ms_ease-out_backwards] dark:jsgd-border-slate-800",
             i.isGreen ? "jsgd-bg-green-100 dark:jsgd-bg-green-900/50" : "jsgd-bg-red-100 dark:jsgd-bg-red-900/50"
           ])
         }, [
-          s("span", {
-            class: q(["jsgd-w-9 jsgd-h-9", [
+          t("span", {
+            class: G(["jsgd-w-9 jsgd-h-9", [
               i.isGreen ? "jsgd-i-mdi-check-decagram" : "jsgd-i-mdi-alert-decagram",
               i.isGreen ? "jsgd-text-green-600 dark:jsgd-text-green-400" : "jsgd-text-red-600 dark:jsgd-text-red-400"
             ]])
           }, null, 2)
         ], 2),
-        s("h2", kt, m(i.title), 1),
-        s("p", xt, m(i.message), 1),
-        s("div", pt, [
-          s("button", {
-            class: q([
+        t("h2", yt, m(i.title), 1),
+        t("p", kt, m(i.message), 1),
+        t("div", xt, [
+          t("button", {
+            class: G([
               "jsgd-w-full jsgd-py-3.5 jsgd-px-4 jsgd-rounded-lg jsgd-border-none jsgd-font-semibold jsgd-text-sm jsgd-cursor-pointer jsgd-transition-all jsgd-duration-300 jsgd-ease-[cubic-bezier(0.4,0,0.2,1)] jsgd-relative jsgd-overflow-hidden hover:-jsgd-translate-y-0.5 jsgd-text-white",
               i.isGreen ? "jsgd-bg-gradient-to-br jsgd-from-green-500 jsgd-to-emerald-600 jsgd-shadow-lg jsgd-shadow-green-500/20 hover:jsgd-shadow-xl hover:jsgd-shadow-green-500/30" : "jsgd-bg-gradient-to-br jsgd-from-red-500 jsgd-to-rose-600 jsgd-shadow-lg jsgd-shadow-red-500/20 hover:jsgd-shadow-xl hover:jsgd-shadow-red-500/30"
             ]),
-            onClick: t[0] || (t[0] = (y) => n("confirm"))
+            onClick: s[0] || (s[0] = (y) => n("confirm"))
           }, " Ya ", 2),
-          s("button", {
+          t("button", {
             class: "jsgd-w-full jsgd-py-3.5 jsgd-px-4 jsgd-rounded-lg jsgd-font-semibold jsgd-text-sm jsgd-cursor-pointer jsgd-transition-all jsgd-duration-300 jsgd-ease-[cubic-bezier(0.4,0,0.2,1)] jsgd-relative jsgd-overflow-hidden hover:-jsgd-translate-y-0.5 jsgd-bg-slate-200 jsgd-text-slate-700 jsgd-border-1 jsgd-border-solid jsgd-border-slate-300 hover:jsgd-bg-slate-300 dark:jsgd-bg-slate-700 dark:jsgd-text-slate-200 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-600",
-            onClick: t[1] || (t[1] = (y) => n("close"))
+            onClick: s[1] || (s[1] = (y) => n("close"))
           }, " Tidak ")
         ])
-      ], 8, yt)
+      ], 8, vt)
     ], 32));
   }
-}), Ze = /* @__PURE__ */ Le(wt, [["__scopeId", "data-v-d74c76a7"]]), _t = ["src", "alt"], Qe = /* @__PURE__ */ fe({
+}), Ze = /* @__PURE__ */ Se(pt, [["__scopeId", "data-v-d74c76a7"]]), wt = ["src", "alt"], Qe = /* @__PURE__ */ fe({
   __name: "BaseImage",
   props: {
     src: {},
     alt: {}
   },
   setup(e) {
-    return (u, i) => (d(), a("img", Ee({
+    return (c, i) => (d(), a("img", Ee({
       src: e.src,
       alt: e.alt,
       loading: "lazy",
       decoding: "async",
       class: "jsgd-object-cover"
-    }, u.$attrs), null, 16, _t));
+    }, c.$attrs), null, 16, wt));
   }
-}), Ct = { class: "jsgd-block jsgd-mb-2 jsgd-cursor-default jsgd-transition-colors jsgd-duration-200 jsgd-text-slate-700 dark:jsgd-text-slate-300 jsgd-text-sm md:jsgd-text-base jsgd-font-medium hover:jsgd-animate-subtle-glow" }, E = /* @__PURE__ */ fe({
+}), _t = { class: "jsgd-block jsgd-mb-2 jsgd-cursor-default jsgd-transition-colors jsgd-duration-200 jsgd-text-slate-700 dark:jsgd-text-slate-300 jsgd-text-sm md:jsgd-text-base jsgd-font-medium hover:jsgd-animate-subtle-glow" }, Ct = { class: "jsgd-font-bold" }, E = /* @__PURE__ */ fe({
   __name: "BaseLabel",
   props: {
     label: {}
   },
   setup(e) {
-    return (u, i) => (d(), a("label", Ct, [
-      it(u.$slots, "default", {}, () => [
-        ye(m(e.label), 1)
-      ])
+    return (c, i) => (d(), a("label", _t, [
+      t("h4", Ct, "⬜ " + m(e.label), 1)
     ]));
   }
 });
-function Ue(e = "id-ID", u = "Asia/Jakarta") {
-  let i = e, n = u;
+function Ue(e = "id-ID", c = "Asia/Jakarta") {
+  let i = e, n = c;
   try {
-    typeof navigator < "u" && (i = navigator.language || e), n = Intl.DateTimeFormat().resolvedOptions().timeZone || u;
+    typeof navigator < "u" && (i = navigator.language || e), n = Intl.DateTimeFormat().resolvedOptions().timeZone || c;
   } catch {
   }
   return { locale: i, timeZone: n };
 }
-function We(e, u = "id-ID") {
+function We(e, c = "id-ID") {
   const i = Intl.DateTimeFormat.supportedLocalesOf([e]);
-  return i.length > 0 ? i[0] : u;
+  return i.length > 0 ? i[0] : c;
 }
 function Re(e) {
   return e instanceof Date && !isNaN(e.getTime());
@@ -106,10 +104,10 @@ function Re(e) {
 const Mt = (e) => {
   try {
     if (!e) return "-";
-    const u = new Date(e);
-    if (!Re(u)) return e;
+    const c = new Date(e);
+    if (!Re(c)) return e;
     const { locale: i, timeZone: n } = Ue();
-    return u.toLocaleDateString(We(i), {
+    return c.toLocaleDateString(We(i), {
       weekday: "long",
       year: "numeric",
       month: "long",
@@ -122,10 +120,10 @@ const Mt = (e) => {
 }, Dt = (e) => {
   try {
     if (!e) return "-";
-    const u = /* @__PURE__ */ new Date(`1970-01-01T${e}`);
-    if (!Re(u)) return e;
+    const c = /* @__PURE__ */ new Date(`1970-01-01T${e}`);
+    if (!Re(c)) return e;
     const { locale: i, timeZone: n } = Ue();
-    return u.toLocaleTimeString(We(i), {
+    return c.toLocaleTimeString(We(i), {
       hour: "2-digit",
       minute: "2-digit",
       timeZone: n
@@ -136,10 +134,10 @@ const Mt = (e) => {
 }, $t = (e) => {
   try {
     if (!e) return "-";
-    const u = new Date(e);
-    if (!Re(u)) return e;
+    const c = new Date(e);
+    if (!Re(c)) return e;
     const { locale: i, timeZone: n } = Ue();
-    return u.toLocaleString(We(i), {
+    return c.toLocaleString(We(i), {
       weekday: "short",
       year: "numeric",
       month: "short",
@@ -151,13 +149,16 @@ const Mt = (e) => {
   } catch {
     return e;
   }
-}, At = ["id"], Tt = { key: 0 }, Ot = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, Ht = { key: 1 }, Kt = ["innerHTML"], Bt = {
+}, At = ["id"], Tt = { key: 0 }, Ot = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, Ht = {
+  key: 1,
+  class: "quill-editor"
+}, Kt = ["innerHTML"], Bt = {
   key: 1,
   class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, St = { key: 2 }, Lt = ["innerHTML"], It = {
+}, Lt = { key: 2 }, St = ["innerHTML"], It = {
   key: 1,
   class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, Vt = { key: 3 }, Ft = { class: "jsgd-flex jsgd-items-center jsgd-gap-4" }, Nt = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-font-mono" }, Pt = { key: 4 }, Et = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, zt = { key: 5 }, Ut = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, Wt = { key: 6 }, Rt = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, Gt = { key: 7 }, qt = { key: 8 }, Zt = { key: 0 }, Qt = ["href"], Jt = {
+}, Vt = { key: 3 }, Ft = { class: "jsgd-flex jsgd-items-center jsgd-gap-4" }, Nt = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-font-mono" }, Pt = { key: 4 }, Et = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, zt = { key: 5 }, Ut = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, Wt = { key: 6 }, Rt = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, qt = { key: 7 }, Gt = { key: 8 }, Zt = { key: 0 }, Qt = ["href"], Jt = {
   key: 1,
   class: "jsgd-flex jsgd-items-center jsgd-gap-2"
 }, Xt = { class: "jsgd-text-sm jsgd-text-slate-500 dark:jsgd-text-slate-400" }, Yt = ["href"], es = {
@@ -202,7 +203,7 @@ const Mt = (e) => {
 }, Bs = {
   key: 1,
   class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, Ss = { key: 20 }, Ls = { class: "jsgd-flex jsgd-flex-wrap jsgd-gap-2" }, Is = ["title", "onClick"], Vs = {
+}, Ls = { key: 20 }, Ss = { class: "jsgd-flex jsgd-flex-wrap jsgd-gap-2" }, Is = ["title", "onClick"], Vs = {
   key: 1,
   class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
 }, Fs = { key: 21 }, Ns = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, Ps = { key: 22 }, Es = {
@@ -226,17 +227,17 @@ const Mt = (e) => {
     lang: {}
   },
   emits: ["image-click"],
-  setup(e, { emit: u }) {
-    const i = V(!1), n = e, g = u, t = X(() => n.formData?.[n.fieldKey]), y = X(() => {
-      const H = t.value;
+  setup(e, { emit: c }) {
+    const i = V(!1), n = e, g = c, s = X(() => n.formData?.[n.fieldKey]), y = X(() => {
+      const H = s.value;
       return n.valueNullView && n.field.type !== "optionGroupSchema" ? !0 : $(H);
-    }), f = gt("TableComponents", {
+    }), f = it("TableComponents", {
       labels: V(et[n.lang ?? "en"])
     }), _ = (H) => {
       if (typeof H != "number") return H;
       const z = n.lang === "id" ? "id-ID" : "en-US", A = n.lang === "id" ? "IDR" : "USD";
       return console.log(n.lang, A), new Intl.NumberFormat(z, { style: "currency", currency: A }).format(H);
-    }, j = f.labels, $ = (H) => H != null && H !== "" && !(Array.isArray(H) && H.length === 0), c = X(() => {
+    }, j = f.labels, $ = (H) => H != null && H !== "" && !(Array.isArray(H) && H.length === 0), u = X(() => {
       let H = n.field.label || n.fieldKey || "";
       return n.field.type === "optionGroupSchema" ? n.field.label ?? "" : H;
     }), b = (H) => H instanceof File, N = (H) => URL.createObjectURL(H), Z = (H) => {
@@ -248,27 +249,27 @@ const Mt = (e) => {
       id: e.fieldKey
     }, [
       e.field.type === "text" ? (d(), a("div", Tt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", Ot, m(t.value || "-"), 1)
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        t("p", Ot, m(s.value || "-"), 1)
       ])) : e.field.type === "quillEditor" ? (d(), a("div", Ht, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value ? (d(), a("div", {
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        s.value ? (d(), a("article", {
           key: 0,
-          class: "prose-content",
-          innerHTML: t.value
+          class: "prose jsgd-max-w-none prose-content dark:prose-invert",
+          innerHTML: s.value
         }, null, 8, Kt)) : (d(), a("p", Bt, " - "))
-      ])) : e.field.type === "textArea" ? (d(), a("div", St, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value ? (d(), a("div", {
+      ])) : e.field.type === "textArea" ? (d(), a("div", Lt, [
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        s.value ? (d(), a("div", {
           key: 0,
           class: "prose-content",
-          innerHTML: t.value
-        }, null, 8, Lt)) : (d(), a("p", It, " - "))
+          innerHTML: s.value
+        }, null, 8, St)) : (d(), a("p", It, " - "))
       ])) : e.field.type === "password" ? (d(), a("div", Vt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("div", Ft, [
-          s("p", Nt, m(i.value ? t.value ?? "-" : t.value ? "•".repeat(String(t.value).length) : "-"), 1),
-          t.value ? (d(), a("button", {
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        t("div", Ft, [
+          t("p", Nt, m(i.value ? s.value ?? "-" : s.value ? "•".repeat(String(s.value).length) : "-"), 1),
+          s.value ? (d(), a("button", {
             key: 0,
             type: "button",
             class: "jsgd-text-sm jsgd-text-blue-600 jsgd-bg-transparent jsgd-border-none jsgd-cursor-pointer jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300",
@@ -276,36 +277,36 @@ const Mt = (e) => {
           }, m(i.value ? "Hide" : "Show"), 1)) : F("", !0)
         ])
       ])) : e.field.type === "date" ? (d(), a("div", Pt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", Et, m(t.value ? l(Mt)(t.value) : "-"), 1)
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        t("p", Et, m(s.value ? l(Mt)(s.value) : "-"), 1)
       ])) : e.field.type === "time" ? (d(), a("div", zt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", Ut, m(t.value ? l(Dt)(t.value) : "-"), 1)
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        t("p", Ut, m(s.value ? l(Dt)(s.value) : "-"), 1)
       ])) : e.field.type === "dateTime" ? (d(), a("div", Wt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", Rt, m(t.value ? l($t)(t.value) : "-"), 1)
-      ])) : e.field.type === "toggle" ? (d(), a("div", Gt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", {
-          class: q([
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        t("p", Rt, m(s.value ? l($t)(s.value) : "-"), 1)
+      ])) : e.field.type === "toggle" ? (d(), a("div", qt, [
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        t("p", {
+          class: G([
             "jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-3 jsgd-py-1 jsgd-font-medium jsgd-rounded-full",
-            t.value ? "jsgd-bg-green-100 jsgd-text-green-800 dark:jsgd-bg-green-900 dark:jsgd-text-green-200" : "jsgd-bg-red-100 jsgd-text-red-800 dark:jsgd-bg-red-900 dark:jsgd-text-red-200"
+            s.value ? "jsgd-bg-green-100 jsgd-text-green-800 dark:jsgd-bg-green-900 dark:jsgd-text-green-200" : "jsgd-bg-red-100 jsgd-text-red-800 dark:jsgd-bg-red-900 dark:jsgd-text-red-200"
           ])
-        }, m(t.value ? l(j).btn.toogle.active : l(j).btn.toogle.inactive) + " ⦿ ", 3)
-      ])) : e.field.type === "file" ? (d(), a("div", qt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value ? (d(), a("div", Zt, [
-          typeof t.value == "string" ? (d(), a("a", {
+        }, m(s.value ? l(j).btn.toogle.active : l(j).btn.toogle.inactive) + " ⦿ ", 3)
+      ])) : e.field.type === "file" ? (d(), a("div", Gt, [
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        s.value ? (d(), a("div", Zt, [
+          typeof s.value == "string" ? (d(), a("a", {
             key: 0,
-            href: t.value,
+            href: s.value,
             target: "_blank",
             rel: "noopener noreferrer",
             class: "jsgd-font-medium jsgd-text-blue-600 jsgd-underline jsgd-underline-offset-2 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300"
-          }, m(t.value.split("/").pop() || t.value), 9, Qt)) : b(t.value) ? (d(), a("div", Jt, [
-            s("span", null, m(t.value.name), 1),
-            s("span", Xt, "(" + m((t.value.size / 1024).toFixed(1)) + " KB)", 1),
-            s("a", {
-              href: N(t.value),
+          }, m(s.value.split("/").pop() || s.value), 9, Qt)) : b(s.value) ? (d(), a("div", Jt, [
+            t("span", null, m(s.value.name), 1),
+            t("span", Xt, "(" + m((s.value.size / 1024).toFixed(1)) + " KB)", 1),
+            t("a", {
+              href: N(s.value),
               target: "_blank",
               rel: "noopener noreferrer",
               class: "jsgd-font-medium jsgd-text-blue-600 jsgd-underline jsgd-underline-offset-2 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300"
@@ -313,9 +314,9 @@ const Mt = (e) => {
           ])) : F("", !0)
         ])) : (d(), a("div", es, " - "))
       ])) : e.field.type === "fileArray" ? (d(), a("div", ts, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        Array.isArray(t.value) && t.value.length ? (d(), a("div", ss, [
-          (d(!0), a(P, null, R(t.value, (A, v) => (d(), a("div", { key: v }, [
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        Array.isArray(s.value) && s.value.length ? (d(), a("div", ss, [
+          (d(!0), a(P, null, R(s.value, (A, v) => (d(), a("div", { key: v }, [
             typeof A == "string" ? (d(), a("a", {
               key: 0,
               href: A,
@@ -323,9 +324,9 @@ const Mt = (e) => {
               rel: "noopener noreferrer",
               class: "jsgd-font-medium jsgd-text-blue-600 jsgd-underline jsgd-underline-offset-2 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300"
             }, m(A.split("/").pop() || A), 9, ds)) : b(A) ? (d(), a("div", as, [
-              s("span", null, m(A.name), 1),
-              s("span", ls, "(" + m((A.size / 1024).toFixed(1)) + " KB)", 1),
-              s("a", {
+              t("span", null, m(A.name), 1),
+              t("span", ls, "(" + m((A.size / 1024).toFixed(1)) + " KB)", 1),
+              t("a", {
                 href: N(A),
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -335,64 +336,64 @@ const Mt = (e) => {
           ]))), 128))
         ])) : (d(), a("div", os, " - "))
       ])) : e.field.type === "number" ? (d(), a("div", rs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", is, m(t.value ?? "-"), 1)
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        t("p", is, m(s.value ?? "-"), 1)
       ])) : e.field.type === "currency" ? (d(), a("div", gs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", us, m(t.value !== null && t.value !== void 0 ? _(t.value) : "-"), 1)
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        t("p", us, m(s.value !== null && s.value !== void 0 ? _(s.value) : "-"), 1)
       ])) : e.field.type === "rate" ? (d(), a("div", cs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value > 0 ? (d(), a("div", js, [
-          (d(), a(P, null, R(5, (A) => s("svg", {
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        s.value > 0 ? (d(), a("div", js, [
+          (d(), a(P, null, R(5, (A) => t("svg", {
             key: A,
             width: "20",
             height: "20",
             viewBox: "0 0 24 24",
-            class: q(
-              A <= t.value ? "jsgd-text-amber-400" : "jsgd-text-slate-300 dark:jsgd-text-slate-600"
+            class: G(
+              A <= s.value ? "jsgd-text-amber-400" : "jsgd-text-slate-300 dark:jsgd-text-slate-600"
             )
           }, [...z[5] || (z[5] = [
-            s("path", {
+            t("path", {
               fill: "currentColor",
               d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
             }, null, -1)
           ])], 2)), 64)),
-          s("span", bs, "(" + m(t.value) + " / 5)", 1)
+          t("span", bs, "(" + m(s.value) + " / 5)", 1)
         ])) : (d(), a("p", fs, " - "))
       ])) : e.field.type === "email" ? (d(), a("div", hs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", ms, m(t.value ?? "-"), 1)
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        t("p", ms, m(s.value ?? "-"), 1)
       ])) : e.field.type === "url" ? (d(), a("div", vs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("a", {
-          href: t.value,
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        t("a", {
+          href: s.value,
           target: "_blank",
           rel: "noopener noreferrer",
           class: "jsgd-font-medium jsgd-text-blue-600 jsgd-underline jsgd-underline-offset-2 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300"
-        }, m(t.value ?? "-"), 9, ys)
+        }, m(s.value ?? "-"), 9, ys)
       ])) : e.field.type === "tel" ? (d(), a("div", ks, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value ? (d(), a("a", {
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        s.value ? (d(), a("a", {
           key: 0,
-          href: `tel:${t.value}`,
+          href: `tel:${s.value}`,
           class: "jsgd-font-medium jsgd-text-blue-600 jsgd-underline jsgd-underline-offset-2 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300"
-        }, m(t.value), 9, xs)) : (d(), a("p", ps, " - "))
+        }, m(s.value), 9, xs)) : (d(), a("p", ps, " - "))
       ])) : e.field.type === "tag" ? (d(), a("div", ws, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        Array.isArray(t.value) && t.value.length ? (d(), a("div", _s, [
-          (d(!0), a(P, null, R(t.value, (A, v) => (d(), a("span", {
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        Array.isArray(s.value) && s.value.length ? (d(), a("div", _s, [
+          (d(!0), a(P, null, R(s.value, (A, v) => (d(), a("span", {
             key: v,
             class: "jsgd-inline-block jsgd-px-3 jsgd-py-1 jsgd-text-xs jsgd-font-medium jsgd-text-blue-800 jsgd-bg-blue-100 jsgd-rounded-full dark:jsgd-bg-blue-900 dark:jsgd-text-blue-300"
           }, m(A), 1))), 128))
         ])) : (d(), a("p", Cs, " - "))
       ])) : e.field.type === "object" ? (d(), a("div", Ms, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value && typeof t.value == "object" && Object.keys(t.value).length ? (d(), a("div", Ds, [
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        s.value && typeof s.value == "object" && Object.keys(s.value).length ? (d(), a("div", Ds, [
           (d(!0), a(P, null, R(e.field.schema, (A, v) => (d(), be(l(Ke), {
             key: v,
             field: A,
             "field-key": v,
-            "form-data": t.value,
+            "form-data": s.value,
             "value-null-view": e.valueNullView,
             "optional-text": e.optionalText,
             "required-text": e.requiredText,
@@ -400,19 +401,19 @@ const Mt = (e) => {
           }, null, 8, ["field", "field-key", "form-data", "value-null-view", "optional-text", "required-text"]))), 128))
         ])) : (d(), a("div", $s, " - "))
       ])) : e.field.type === "image" ? (d(), a("div", As, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value ? (d(), a("div", Ts, [
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        s.value ? (d(), a("div", Ts, [
           K(l(Qe), {
-            src: t.value,
+            src: s.value,
             alt: "Image",
             class: "jsgd-block jsgd-rounded-md jsgd-shadow-md jsgd-border jsgd-border-slate-200 jsgd-cursor-pointer jsgd-transition-all hover:jsgd-scale-105 hover:jsgd-shadow-lg jsgd-w-full jsgd-max-w-48 jsgd-aspect-video jsgd-object-contain dark:jsgd-border-slate-700",
-            onClick: z[2] || (z[2] = (A) => g("image-click", t.value))
+            onClick: z[2] || (z[2] = (A) => g("image-click", s.value))
           }, null, 8, ["src"])
         ])) : (d(), a("div", Os, " - "))
       ])) : e.field.type === "imageArray" ? (d(), a("div", Hs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        Array.isArray(t.value) && t.value.length ? (d(), a("div", Ks, [
-          (d(!0), a(P, null, R(t.value, (A, v) => (d(), a("div", { key: v }, [
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        Array.isArray(s.value) && s.value.length ? (d(), a("div", Ks, [
+          (d(!0), a(P, null, R(s.value, (A, v) => (d(), a("div", { key: v }, [
             K(l(Qe), {
               src: A,
               alt: `Image ${v + 1}`,
@@ -421,47 +422,47 @@ const Mt = (e) => {
             }, null, 8, ["src", "alt", "onClick"])
           ]))), 128))
         ])) : (d(), a("div", Bs, " - "))
-      ])) : e.field.type === "color" ? (d(), a("div", Ss, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("div", Ls, [
-          Array.isArray(t.value) && t.value.length ? (d(!0), a(P, { key: 0 }, R(t.value, (A, v) => (d(), a("div", {
+      ])) : e.field.type === "color" ? (d(), a("div", Ls, [
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        t("div", Ss, [
+          Array.isArray(s.value) && s.value.length ? (d(!0), a(P, { key: 0 }, R(s.value, (A, v) => (d(), a("div", {
             key: v,
             class: "jsgd-w-8 jsgd-h-8 jsgd-rounded-full jsgd-border-2 jsgd-border-white jsgd-shadow-[0_0_0_1px] jsgd-shadow-slate-300 jsgd-cursor-pointer jsgd-transition-transform hover:jsgd-scale-110 dark:jsgd-border-slate-800 dark:jsgd-shadow-slate-600",
-            style: Se({ backgroundColor: A }),
+            style: Le({ backgroundColor: A }),
             title: A,
             onClick: (x) => Z(A)
           }, null, 12, Is))), 128)) : (d(), a("div", Vs, " - "))
         ])
       ])) : e.field.type === "select" ? (d(), a("div", Fs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", Ns, m(t.value || "-"), 1)
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        t("p", Ns, m(s.value || "-"), 1)
       ])) : e.field.type === "arrayObject" ? (d(), a("div", Ps, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        Array.isArray(t.value) && t.value.length ? (d(), a("div", Es, [
-          (d(!0), a(P, null, R(t.value, (A, v) => (d(), a("div", {
+        K(l(E), { label: u.value }, null, 8, ["label"]),
+        Array.isArray(s.value) && s.value.length ? (d(), a("div", Es, [
+          (d(!0), a(P, null, R(s.value, (A, v) => (d(), a("div", {
             key: v,
             class: "jsgd-p-4 jsgd-border jsgd-border-slate-200 jsgd-rounded-md jsgd-bg-slate-50 jsgd-shadow-inner dark:jsgd-border-slate-700 dark:jsgd-bg-slate-800/50"
           }, [
-            (d(!0), a(P, null, R(e.field.schema, (x, S) => (d(), be(l(Ke), {
-              key: S,
+            (d(!0), a(P, null, R(e.field.schema, (x, L) => (d(), be(l(Ke), {
+              key: L,
               field: x,
-              "field-key": S,
+              "field-key": L,
               "form-data": A,
               "value-null-view": e.valueNullView,
               "optional-text": e.optionalText,
               "required-text": e.requiredText,
-              onImageClick: z[3] || (z[3] = (L) => g("image-click", L))
+              onImageClick: z[3] || (z[3] = (S) => g("image-click", S))
             }, null, 8, ["field", "field-key", "form-data", "value-null-view", "optional-text", "required-text"]))), 128))
           ]))), 128))
         ])) : (d(), a("div", zs, " - "))
       ])) : F("", !0)
     ], 8, At)) : e.field.type === "optionGroupSchema" ? (d(), a("div", Us, [
-      e.formData[e.fieldKey] || c.value ? (d(), be(l(E), {
+      e.formData[e.fieldKey] || u.value ? (d(), be(l(E), {
         key: 0,
-        label: e.formData[e.fieldKey] ? c.value + ":" + (e.formData[e.fieldKey] ?? "") : c.value,
+        label: e.formData[e.fieldKey] ? u.value + ":" + (e.formData[e.fieldKey] ?? "") : u.value,
         class: "!jsgd-text-lg !jsgd-font-semibold !jsgd-text-slate-900 dark:!jsgd-text-slate-100 !jsgd-border-l-4 !jsgd-border-slate-400 !jsgd-pl-3 dark:!jsgd-border-slate-600"
       }, null, 8, ["label"])) : F("", !0),
-      s("div", Ws, [
+      t("div", Ws, [
         (d(!0), a(P, null, R(e.field.options, (A, v) => (d(), a("div", {
           key: v,
           class: "jsgd-p-4 jsgd-border jsgd-border-slate-200 jsgd-rounded-md jsgd-bg-slate-50 jsgd-shadow-inner dark:jsgd-border-slate-700 dark:jsgd-bg-slate-800/50"
@@ -470,22 +471,22 @@ const Mt = (e) => {
             label: v,
             class: "option-group-item-label"
           }, null, 8, ["label"]),
-          z[6] || (z[6] = s("hr", { class: "option-group-divider" }, null, -1)),
-          (d(!0), a(P, null, R(A, (x, S) => (d(), be(l(Ke), {
-            key: S,
+          z[6] || (z[6] = t("hr", { class: "option-group-divider" }, null, -1)),
+          (d(!0), a(P, null, R(A, (x, L) => (d(), be(l(Ke), {
+            key: L,
             field: x,
-            "field-key": S,
+            "field-key": L,
             "form-data": e.formData,
             "value-null-view": e.valueNullView,
             "optional-text": e.optionalText,
             "required-text": e.requiredText,
-            onImageClick: z[4] || (z[4] = (L) => g("image-click", L))
+            onImageClick: z[4] || (z[4] = (S) => g("image-click", S))
           }, null, 8, ["field", "field-key", "form-data", "value-null-view", "optional-text", "required-text"]))), 128))
         ]))), 128))
       ])
     ])) : F("", !0);
   }
-}), Ke = /* @__PURE__ */ Le(Rs, [["__scopeId", "data-v-b47627d8"]]), Gs = ["src", "alt"], el = /* @__PURE__ */ fe({
+}), Ke = /* @__PURE__ */ Se(Rs, [["__scopeId", "data-v-b0f6428d"]]), qs = ["src", "alt"], el = /* @__PURE__ */ fe({
   __name: "ImagePreview",
   props: {
     imageUrl: {},
@@ -494,23 +495,23 @@ const Mt = (e) => {
     alt: { default: "" }
   },
   setup(e) {
-    const u = e, i = V(null), n = V(!0), g = (y) => new Promise((f, _) => {
+    const c = e, i = V(null), n = V(!0), g = (y) => new Promise((f, _) => {
       const j = new Image();
       j.crossOrigin = "anonymous", j.onload = () => f(j), j.onerror = ($) => _($), j.src = y;
-    }), t = (y, f) => {
+    }), s = (y, f) => {
       const _ = document.createElement("canvas"), j = _.getContext("2d");
       if (!j)
         return console.error("Gagal mendapatkan konteks canvas 2D."), y.src;
       _.width = y.width, _.height = y.height, j.drawImage(y, 0, 0);
-      const $ = y.width / u.watermarkSize, c = f.height / f.width * $, b = y.width - $ - 10, N = y.height - c - 10;
-      return j.globalAlpha = 0.8, j.drawImage(f, b, N, $, c), j.globalAlpha = 1, _.toDataURL("image/png");
+      const $ = y.width / c.watermarkSize, u = f.height / f.width * $, b = y.width - $ - 10, N = y.height - u - 10;
+      return j.globalAlpha = 0.8, j.drawImage(f, b, N, $, u), j.globalAlpha = 1, _.toDataURL("image/png");
     };
     return ze(async () => {
       try {
-        const y = await g(u.imageUrl), f = await g(u.watermarkUrl);
-        i.value = t(y, f);
+        const y = await g(c.imageUrl), f = await g(c.watermarkUrl);
+        i.value = s(y, f);
       } catch (y) {
-        console.error("Gagal menerapkan watermark, menampilkan gambar asli:", y), i.value = u.imageUrl;
+        console.error("Gagal menerapkan watermark, menampilkan gambar asli:", y), i.value = c.imageUrl;
       } finally {
         n.value = !1;
       }
@@ -523,21 +524,21 @@ const Mt = (e) => {
         key: 1,
         loading: "lazy",
         src: i.value,
-        alt: u.alt
-      }, y.$attrs), null, 16, Gs)) : F("", !0)
+        alt: c.alt
+      }, y.$attrs), null, 16, qs)) : F("", !0)
     ], 64));
   }
-}), qs = ["innerHTML"], tl = /* @__PURE__ */ fe({
+}), Gs = ["innerHTML"], tl = /* @__PURE__ */ fe({
   __name: "SafeHtml",
   props: {
     html: {}
   },
   setup(e) {
-    const u = e, i = X(() => bt.sanitize(u.html));
+    const c = e, i = X(() => jt.sanitize(c.html));
     return (n, g) => e.html ? (d(), a("div", {
       key: 0,
       innerHTML: i.value
-    }, null, 8, qs)) : F("", !0);
+    }, null, 8, Gs)) : F("", !0);
   }
 }), Zs = { class: "modal-header" }, Qs = { class: "header-content" }, Js = { class: "title-section" }, Xs = { class: "modal-title" }, Ys = { class: "modal-body" }, ed = { class: "form-fields-container" }, td = { class: "modal-footer" }, sd = { class: "footer-buttons" }, dd = { class: "btn-content" }, ad = ["src"], ld = /* @__PURE__ */ fe({
   __name: "ModalDetailData",
@@ -552,15 +553,15 @@ const Mt = (e) => {
     lang: {}
   },
   emits: ["close"],
-  setup(e, { emit: u }) {
-    const i = u, n = V(!1), g = V(""), t = () => i("close"), y = (j) => {
+  setup(e, { emit: c }) {
+    const i = c, n = V(!1), g = V(""), s = () => i("close"), y = (j) => {
       g.value = j, n.value = !0;
     }, f = V(!1), _ = () => {
       f.value = window.innerWidth < 768;
     };
     return ze(() => {
       _(), window.addEventListener("resize", _);
-    }), ut(() => {
+    }), gt(() => {
       window.removeEventListener("resize", _);
     }), (j, $) => (d(), a(P, null, [
       K(_e, {
@@ -568,30 +569,30 @@ const Mt = (e) => {
         appear: ""
       }, {
         default: Ce(() => [
-          s("div", {
+          t("div", {
             class: "modal-overlay",
-            onClick: Ye(t, ["self"])
+            onClick: Ye(s, ["self"])
           }, [
             K(_e, {
               name: "modal-container",
               appear: ""
             }, {
               default: Ce(() => [
-                s("div", {
-                  class: q(["modal-container", { "mobile-view": f.value }])
+                t("div", {
+                  class: G(["modal-container", { "mobile-view": f.value }])
                 }, [
-                  s("div", Zs, [
-                    s("div", Qs, [
-                      s("div", Js, [
-                        $[1] || ($[1] = s("div", { class: "icon-container" }, [
-                          s("svg", {
+                  t("div", Zs, [
+                    t("div", Qs, [
+                      t("div", Js, [
+                        $[1] || ($[1] = t("div", { class: "icon-container" }, [
+                          t("svg", {
                             width: "24",
                             height: "24",
                             viewBox: "0 0 24 24",
                             fill: "none",
                             xmlns: "http://www.w3.org/2000/svg"
                           }, [
-                            s("path", {
+                            t("path", {
                               d: "M10 3H6C4.89543 3 4 3.89543 4 5V19C4 20.1046 4.89543 21 6 21H18C19.1046 21 20 20.1046 20 19V5C20 3.89543 19.1046 3 18 3H14M10 3V6C10 6.55228 10.4477 7 11 7H13C13.5523 7 14 6.55228 14 6V3M10 3V1M14 3V1M9 11H15M9 15H15",
                               stroke: "currentColor",
                               "stroke-width": "2",
@@ -600,21 +601,21 @@ const Mt = (e) => {
                             })
                           ])
                         ], -1)),
-                        s("h2", Xs, m(e.title ?? "Detail Data"), 1)
+                        t("h2", Xs, m(e.title ?? "Detail Data"), 1)
                       ]),
-                      s("button", {
+                      t("button", {
                         class: "close-btn",
-                        onClick: t,
+                        onClick: s,
                         "aria-label": "Close"
                       }, [...$[2] || ($[2] = [
-                        s("svg", {
+                        t("svg", {
                           width: "20",
                           height: "20",
                           viewBox: "0 0 24 24",
                           fill: "none",
                           xmlns: "http://www.w3.org/2000/svg"
                         }, [
-                          s("path", {
+                          t("path", {
                             d: "M18 6L6 18M6 6L18 18",
                             stroke: "currentColor",
                             "stroke-width": "2",
@@ -625,11 +626,11 @@ const Mt = (e) => {
                       ])])
                     ])
                   ]),
-                  s("div", Ys, [
-                    s("div", ed, [
-                      (d(!0), a(P, null, R(e.schema, (c, b) => (d(), be(l(Ke), {
+                  t("div", Ys, [
+                    t("div", ed, [
+                      (d(!0), a(P, null, R(e.schema, (u, b) => (d(), be(l(Ke), {
                         key: b,
-                        field: c,
+                        field: u,
                         "field-key": b,
                         "form-data": e.formData,
                         "required-text": e.requiredText,
@@ -640,22 +641,22 @@ const Mt = (e) => {
                       }, null, 8, ["field", "field-key", "form-data", "required-text", "optional-text", "value-null-view", "lang"]))), 128))
                     ])
                   ]),
-                  s("div", td, [
-                    s("div", sd, [
-                      s("button", {
+                  t("div", td, [
+                    t("div", sd, [
+                      t("button", {
                         type: "button",
-                        onClick: t,
+                        onClick: s,
                         class: "btn btn-primary"
                       }, [
-                        s("span", dd, [
-                          $[3] || ($[3] = s("svg", {
+                        t("span", dd, [
+                          $[3] || ($[3] = t("svg", {
                             width: "16",
                             height: "16",
                             viewBox: "0 0 24 24",
                             fill: "none",
                             xmlns: "http://www.w3.org/2000/svg"
                           }, [
-                            s("path", {
+                            t("path", {
                               d: "M6 18L18 6M6 6L18 18",
                               stroke: "currentColor",
                               "stroke-width": "2",
@@ -663,7 +664,7 @@ const Mt = (e) => {
                               "stroke-linejoin": "round"
                             })
                           ], -1)),
-                          ye(" " + m(e.closeText ?? "Close"), 1)
+                          pe(" " + m(e.closeText ?? "Close"), 1)
                         ])
                       ])
                     ])
@@ -684,14 +685,14 @@ const Mt = (e) => {
           n.value ? (d(), a("div", {
             key: 0,
             class: "modal-overlay image-preview-overlay",
-            onClick: $[0] || ($[0] = (c) => n.value = !1)
+            onClick: $[0] || ($[0] = (u) => n.value = !1)
           }, [
             K(_e, {
               name: "modal-container",
               appear: ""
             }, {
               default: Ce(() => [
-                s("img", {
+                t("img", {
                   src: g.value,
                   alt: "Preview",
                   class: "image-preview-content"
@@ -705,24 +706,24 @@ const Mt = (e) => {
       })
     ], 64));
   }
-}), nd = /* @__PURE__ */ Le(ld, [["__scopeId", "data-v-a78353a9"]]);
-async function Be(e, u, i, n) {
+}), nd = /* @__PURE__ */ Se(ld, [["__scopeId", "data-v-a78353a9"]]);
+async function Be(e, c, i, n) {
   const g = {};
-  for (const [t, y] of Object.entries(u)) {
+  for (const [s, y] of Object.entries(c)) {
     const f = y?.type;
     if (f === "select" && y.DB_NAME && !y.optionsIsNumber) {
-      const j = e[y.baseKey?.base ?? t];
+      const j = e[y.baseKey?.base ?? s];
       if (j !== null) {
         const $ = await $e(y.DB_NAME, j);
-        g[t] = $[y.baseKey.name ?? "name"] ?? "";
+        g[s] = $[y.baseKey.name ?? "name"] ?? "";
       } else
-        g[t] = "";
+        g[s] = "";
       continue;
     }
     if (f === "object") {
-      const j = e[t] || {};
-      g[t] = await Be(
-        e[t] || {},
+      const j = e[s] || {};
+      g[s] = await Be(
+        e[s] || {},
         y.schema || {},
         j,
         y.baseKey?.base ?? "id"
@@ -731,18 +732,18 @@ async function Be(e, u, i, n) {
     }
     if (f === "optionGroupSchema" && y.options) {
       if (y.withValue) {
-        const j = e[t];
-        g[t] = await De(j);
+        const j = e[s];
+        g[s] = await De(j);
       }
       for (const [j, $] of Object.entries(
         y.options
       ))
-        for (const [c, b] of Object.entries($)) {
-          const N = b, Z = e[c];
+        for (const [u, b] of Object.entries($)) {
+          const N = b, Z = e[u];
           if (N.type === "optionGroupSchema" && N.options) {
             const H = await Be(
               e,
-              { [c]: N },
+              { [u]: N },
               i,
               n
             );
@@ -750,36 +751,36 @@ async function Be(e, u, i, n) {
             continue;
           }
           if (N.type === "object") {
-            g[c] = await Be(
-              e[c] || {},
+            g[u] = await Be(
+              e[u] || {},
               N.schema || {},
-              e[c] || {},
+              e[u] || {},
               N.baseKey?.base ?? "id"
             );
             continue;
           }
           if (N.type === "select" && N.DB_NAME && !N.optionsIsNumber) {
-            const H = e[N.baseKey?.base ?? c];
+            const H = e[N.baseKey?.base ?? u];
             if (H != null) {
               const z = N.DB_NAME, A = await $e(z, H);
-              g[c] = A[N.baseKey?.name ?? "name"] ?? void 0;
+              g[u] = A[N.baseKey?.name ?? "name"] ?? void 0;
             } else
-              g[c] = void 0;
+              g[u] = void 0;
           } else
-            g[c] = De(Z);
+            g[u] = De(Z);
         }
       continue;
     }
-    const _ = e[t];
-    g[t] = De(_);
+    const _ = e[s];
+    g[s] = De(_);
   }
   return i && e?.[n ?? "id"] && (g[n ?? "id"] = e?.[n ?? "id"]), g;
 }
-async function Ae(e, u) {
+async function Ae(e, c) {
   const i = {};
-  for (const [n, g] of Object.entries(u)) {
-    const t = g?.type, y = e[g.baseKey?.base ?? n];
-    if (t === "select" && g.optionsView && g.options && y) {
+  for (const [n, g] of Object.entries(c)) {
+    const s = g?.type, y = e[g.baseKey?.base ?? n];
+    if (s === "select" && g.optionsView && g.options && y) {
       const f = g.options.findIndex((_) => _ === y);
       if (!g.optionsView[f] && g.DB_NAME && g.baseKey.name) {
         const j = (await $e(g.DB_NAME, y))[g.baseKey.name];
@@ -788,11 +789,11 @@ async function Ae(e, u) {
         i[n] = g.optionsView[f] ?? y;
       continue;
     }
-    if (t === "object") {
+    if (s === "object") {
       i[n] = await Ae(y || {}, g.schema || {});
       continue;
     }
-    if (t === "optionGroupSchema") {
+    if (s === "optionGroupSchema") {
       const f = [];
       for (const [j, $] of Object.entries(
         g.options
@@ -802,9 +803,9 @@ async function Ae(e, u) {
       Object.assign(i, _);
       continue;
     }
-    if (t === "arrayObject") {
+    if (s === "arrayObject") {
       const f = [];
-      for (const _ of y) {
+      for (const _ of y || []) {
         const j = await Ae(_, g.schema || {});
         f.push(j);
       }
@@ -815,32 +816,32 @@ async function Ae(e, u) {
   }
   return i;
 }
-async function tt(e, u) {
+async function tt(e, c) {
   const i = {};
-  for (const n of u)
-    for (const [g, t] of Object.entries(n)) {
-      const y = t?.type, f = e[t.baseKey?.base ?? g];
-      if (y === "select" && t.optionsView && t.options && f) {
-        const _ = t.options.findIndex((j) => j === f);
-        if (!t.optionsView[_] && t.DB_NAME && t.baseKey.name) {
-          const $ = (await $e(t.DB_NAME, f))[t.baseKey.name];
+  for (const n of c)
+    for (const [g, s] of Object.entries(n)) {
+      const y = s?.type, f = e[s.baseKey?.base ?? g];
+      if (y === "select" && s.optionsView && s.options && f) {
+        const _ = s.options.findIndex((j) => j === f);
+        if (!s.optionsView[_] && s.DB_NAME && s.baseKey.name) {
+          const $ = (await $e(s.DB_NAME, f))[s.baseKey.name];
           i[g] = $;
         } else
-          i[g] = t.optionsView[_] ?? f;
+          i[g] = s.optionsView[_] ?? f;
       } else if (y === "optionGroupSchema") {
         const _ = [];
-        for (const [$, c] of Object.entries(
-          t.options
+        for (const [$, u] of Object.entries(
+          s.options
         ))
-          _.push(c);
+          _.push(u);
         const j = await tt(e, _);
         Object.assign(i, j);
       } else if (y === "object")
-        i[g] = await Ae(f || {}, t.schema || {});
+        i[g] = await Ae(f || {}, s.schema || {});
       else if (y === "arrayObject") {
         const _ = [];
         for (const j of f) {
-          const $ = await Ae(j, t.schema || {});
+          const $ = await Ae(j, s.schema || {});
           _.push($);
         }
         i[g] = _;
@@ -850,16 +851,16 @@ async function tt(e, u) {
     }
   return i;
 }
-function De(e, u) {
+function De(e, c) {
   return e ?? null;
 }
 function me(e) {
-  const u = He(e), i = Array.isArray(u) ? [] : {};
-  if (Array.isArray(u))
-    return u.map((n) => n !== null && typeof n == "object" && !(n instanceof File || n instanceof Blob || n instanceof Date) && !Array.isArray(n) ? me(n) : n);
-  for (const n in u) {
-    const g = u[n];
-    g === void 0 ? i[n] = null : g instanceof File || g instanceof Blob || g instanceof Date ? i[n] = g : typeof g == "string" && (g.trim() === "" || g === "<p><br></p>") || typeof g == "number" && g === 0 ? i[n] = null : Array.isArray(g) ? i[n] = g.map((t) => t !== null && typeof t == "object" && !(t instanceof File || t instanceof Blob || t instanceof Date) && !Array.isArray(t) ? me(t) : t) : typeof g == "object" && g !== null ? i[n] = me(g) : i[n] = g;
+  const c = He(e), i = Array.isArray(c) ? [] : {};
+  if (Array.isArray(c))
+    return c.map((n) => n !== null && typeof n == "object" && !(n instanceof File || n instanceof Blob || n instanceof Date) && !Array.isArray(n) ? me(n) : n);
+  for (const n in c) {
+    const g = c[n];
+    g === void 0 ? i[n] = null : g instanceof File || g instanceof Blob || g instanceof Date ? i[n] = g : typeof g == "string" && (g.trim() === "" || g === "<p><br></p>") || typeof g == "number" && g === 0 ? i[n] = null : Array.isArray(g) ? i[n] = g.map((s) => s !== null && typeof s == "object" && !(s instanceof File || s instanceof Blob || s instanceof Date) && !Array.isArray(s) ? me(s) : s) : typeof g == "object" && g !== null ? i[n] = me(g) : i[n] = g;
   }
   return i;
 }
@@ -884,13 +885,13 @@ function Je(e) {
   return e.name;
 }
 function rd(e) {
-  return Array.isArray(e) && e.every((u) => Ie(u));
+  return Array.isArray(e) && e.every((c) => Ie(c));
 }
 function id(e) {
-  return Array.isArray(e) ? e.every((u) => dt(u)) : !1;
+  return Array.isArray(e) ? e.every((c) => dt(c)) : !1;
 }
 function gd(e) {
-  return Array.isArray(e) && e.length > 0 && e.every((u) => st(u) || Ie(u));
+  return Array.isArray(e) && e.length > 0 && e.every((c) => st(c) || Ie(c));
 }
 function dt(e) {
   return typeof e != "string" ? !1 : /^#([0-9A-F]{3}){1,2}$/i.test(e) || /^rgb(a?)\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*(,\s*[\d\.]+\s*)?\)$/i.test(e) || /^hsl(a?)\(\s*\d+\s*,\s*[\d\.]+%\s*,\s*[\d\.]+%\s*(,\s*[\d\.]+\s*)?\)$/i.test(e) ? !0 : [
@@ -920,59 +921,59 @@ function ud(e) {
   return /<\/?[a-z][\s\S]*>/i.test(e);
 }
 function cd(e) {
-  return Object.keys(e).reduce((u, i) => (i !== "id" && (u[i] = e[i]), u), {});
+  return Object.keys(e).reduce((c, i) => (i !== "id" && (c[i] = e[i]), c), {});
 }
-function jd(e, u, i, n, g, t, y, f) {
+function jd(e, c, i, n, g, s, y, f) {
   const _ = V({});
   async function j(v) {
-    n.value?.show("loading", t.message.process.loading);
+    n.value?.show("loading", s.message.process.loading);
     try {
       const x = await y(e.data, v);
       if (f.isUpdate.value = Number(v), !x) {
-        n.value?.show("error", t.message.notFound);
+        n.value?.show("error", s.message.notFound);
         return;
       }
-      const S = e.base.schema.update ?? e.base.schema.global ?? {};
+      const L = e.base.schema.update ?? e.base.schema.global ?? {};
       if (_.value = await Be(
         x,
-        S,
+        L,
         f.isUpdate.value,
         e.keys?.idKey ?? "id"
       ), e.base?.justTabel || e.manual?.update || !e.endPoints?.update) {
-        u("edit", _.value, v), n.value?.hide();
+        c("edit", _.value, v), n.value?.hide();
         return;
       }
       f.FormModalOpen.value = !0, n.value?.hide();
     } catch (x) {
-      const S = typeof x == "string" ? x : x instanceof Error ? x.message : JSON.stringify(x, Object.getOwnPropertyNames(x));
-      n.value?.show("error", S || "An unknown error occurred");
+      const L = typeof x == "string" ? x : x instanceof Error ? x.message : JSON.stringify(x, Object.getOwnPropertyNames(x));
+      n.value?.show("error", L || "An unknown error occurred");
     }
   }
   function $() {
     if (e.base?.justTabel || e.manual?.create || !e.endPoints?.create) {
-      u("create");
+      c("create");
       return;
     }
     f.isUpdate.value = null, f.FormModalOpen.value = !0;
   }
-  async function c(v) {
-    n.value?.show("loading", t.message.process.loading);
+  async function u(v) {
+    n.value?.show("loading", s.message.process.loading);
     try {
       const x = await y(e.data, v);
       if (f.isUpdate.value = Number(v), !x) {
-        n.value?.show("error", t.message.notFound);
+        n.value?.show("error", s.message.notFound);
         return;
       }
       if (_.value = await Ae(
         x,
         e.base?.schema.display ?? e.base?.schema.global ?? {}
       ), e.base.justTabel || e.manual?.display) {
-        u("show", _.value, v), n.value?.hide();
+        c("show", _.value, v), n.value?.hide();
         return;
       }
       f.detailItemModal.value = !0, n.value?.hide();
     } catch (x) {
-      n.value?.show("error", JSON.stringify(x));
+      console.log(x), n.value?.show("error", JSON.stringify(x));
     }
   }
   function b(v) {
@@ -985,22 +986,22 @@ function jd(e, u, i, n, g, t, y, f) {
     f.showWarningModel.value = !1, f.showWarningModelSelected.value = !1, f.FormModalOpen.value = !1, f.detailItemModal.value = !1, _.value = {}, f.isUpdate.value = null;
   }
   const H = async (v) => {
-    const x = f.isUpdate.value !== null, S = x ? e.endPoints?.update : e.endPoints?.create, L = x ? e.validation?.update || null : e.validation?.create || null, se = x ? "update" : "create", Y = x ? t.message.success.update : t.message.success.create, J = x ? t.message.error.update : t.message.error.create;
-    if (!S) {
+    const x = f.isUpdate.value !== null, L = x ? e.endPoints?.update : e.endPoints?.create, S = x ? e.validation?.update || null : e.validation?.create || null, se = x ? "update" : "create", Y = x ? s.message.success.update : s.message.success.create, J = x ? s.message.error.update : s.message.error.create;
+    if (!L) {
       n.value?.show(
         "error",
-        x ? t.message.error.update : t.message.error.create
+        x ? s.message.error.update : s.message.error.create
       );
       return;
     }
     if (Array.isArray(f.dataChildDelete.value) && f.dataChildDelete.value.length > 0 && x) {
-      const G = e.base.schema.update ?? e.base.schema.global ?? {};
+      const q = e.base.schema.update ?? e.base.schema.global ?? {};
       let U = "", oe, de = await y(
         e.data,
         f.isUpdate.value
       ), ue, he, ce = !0;
-      for (const re in G) {
-        const le = G[re];
+      for (const re in q) {
+        const le = q[re];
         if (le.type === "arrayObject") {
           U = re, oe = le.endPoint?.deleteMany ?? e.endPoints?.deleteMany, ue = le.DB_NAME ?? e.base.source.DB_NAME, he = le.deleteValidation ?? e.validation?.delete ?? void 0, ce = !0;
           break;
@@ -1011,7 +1012,7 @@ function jd(e, u, i, n, g, t, y, f) {
           const le = f.dataChildDelete.value[re];
           e.keys?.idKey, _.value[U] = _.value[U].filter((ee) => ee?.[e.keys?.idKey ?? "id"] !== le), de && Array.isArray(de[U]) && (de[U] = de[U].filter((ee) => ee?.[e.keys?.idKey ?? "id"] !== le));
         }
-      const ae = vt(me(v), me(He(_.value))), ie = await A(
+      const ae = mt(me(v), me(He(_.value))), ie = await A(
         f.dataChildDelete.value,
         oe,
         he,
@@ -1019,7 +1020,7 @@ function jd(e, u, i, n, g, t, y, f) {
         ce
       );
       if (ie?.response && ae) {
-        n.value?.show("success", t.message.success.delete), await ft(ue, me(He(de))), await i(), Z();
+        n.value?.show("success", s.message.success.delete), await bt(ue, me(He(de))), await i(), Z();
         return;
       } else if (!ie?.response) {
         n.value?.show("error", ie.message);
@@ -1029,103 +1030,103 @@ function jd(e, u, i, n, g, t, y, f) {
     try {
       n.value?.show(
         "loading",
-        x ? t.message.process.update : t.message.process.create
+        x ? s.message.process.update : s.message.process.create
       );
-      const G = x ? e.submitOption?.update?.authType ?? e.submitOption?.global?.authType ?? "cookie" : e.submitOption?.create?.authType ?? e.submitOption?.global?.authType ?? "cookie", U = x ? e.submitOption?.update?.token ?? e.submitOption?.global?.token ?? void 0 : e.submitOption?.create?.token ?? e.submitOption?.global?.token ?? void 0, oe = x ? e.submitOption?.update?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0 : e.submitOption?.create?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0;
-      await ke({
+      const q = x ? e.submitOption?.update?.authType ?? e.submitOption?.global?.authType ?? "cookie" : e.submitOption?.create?.authType ?? e.submitOption?.global?.authType ?? "cookie", U = x ? e.submitOption?.update?.token ?? e.submitOption?.global?.token ?? void 0 : e.submitOption?.create?.token ?? e.submitOption?.global?.token ?? void 0, oe = x ? e.submitOption?.update?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0 : e.submitOption?.create?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0;
+      await ye({
         data: me(v),
         oldData: x ? me(He(_.value)) : void 0,
-        validation: L ?? void 0,
-        endpoint: S,
+        validation: S ?? void 0,
+        endpoint: L,
         mode: se,
         token: U,
-        authType: G,
+        authType: q,
         customHeaders: oe,
         db: e.base.source.DB_NAME,
         ...x ? e.submitOption?.update ?? e.submitOption?.global : e.submitOption?.create ?? e.submitOption?.global,
         demo: e.demo
-      }), e.base.dataTabelCustomDisplay ? u("refreshData") : await i(), n.value?.show("success", Y), Z();
-    } catch (G) {
+      }), e.base.dataTabelCustomDisplay ? c("refreshData") : await i(), n.value?.show("success", Y), Z();
+    } catch (q) {
       g(
         "error",
         J,
-        Object.entries(G).map(([U, oe]) => `${U} : ${oe}`)
+        Object.entries(q).map(([U, oe]) => `${U} : ${oe}`)
       ), n.value?.show("error", J);
     }
   };
-  async function z(v, x, S, L, se = !0) {
+  async function z(v, x, L, S, se = !0) {
     if (e.base.justTabel || e.manual?.delete || !e.endPoints?.delete) {
-      u("delete", v);
+      c("delete", v);
       return;
     }
-    if (x = x ?? e.endPoints?.delete, S = S ?? e.validation?.delete, L = L ?? e.base?.source.DB_NAME ?? void 0, !x) {
-      n.value?.show("error", t.message.error.delete);
+    if (x = x ?? e.endPoints?.delete, L = L ?? e.validation?.delete, S = S ?? e.base?.source.DB_NAME ?? void 0, !x) {
+      n.value?.show("error", s.message.error.delete);
       return;
     }
     const Y = { [e.keys?.idKey ?? "id"]: v };
     try {
-      n.value?.show("loading", t.message.process.delete);
-      const J = e.submitOption?.delete?.authType ?? e.submitOption?.global?.authType ?? "cookie", G = e.submitOption?.delete?.token ?? e.submitOption?.global?.token ?? void 0, U = e.submitOption?.delete?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0;
-      await ke({
+      n.value?.show("loading", s.message.process.delete);
+      const J = e.submitOption?.delete?.authType ?? e.submitOption?.global?.authType ?? "cookie", q = e.submitOption?.delete?.token ?? e.submitOption?.global?.token ?? void 0, U = e.submitOption?.delete?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0;
+      await ye({
         data: Y,
-        validation: S ?? void 0,
+        validation: L ?? void 0,
         endpoint: x,
         mode: "delete",
-        token: G,
+        token: q,
         authType: J,
         customHeaders: U,
-        db: L,
+        db: S,
         deleteDataDB: se,
         demo: e.demo,
         ...e.submitOption?.delete ?? e.submitOption?.global
-      }), e.base?.dataTabelCustomDisplay ? u("refreshData") : await i(), n.value?.show("success", t.message.success.delete);
+      }), e.base?.dataTabelCustomDisplay ? c("refreshData") : await i(), n.value?.show("success", s.message.success.delete);
     } catch (J) {
       g(
         "error",
-        t.message.error.delete,
-        Object.entries(J).map(([G, U]) => `${G} : ${U}`)
-      ), n.value?.show("error", t.message.error.delete);
+        s.message.error.delete,
+        Object.entries(J).map(([q, U]) => `${q} : ${U}`)
+      ), n.value?.show("error", s.message.error.delete);
     } finally {
       Z();
     }
   }
-  async function A(v, x, S, L, se = !0) {
+  async function A(v, x, L, S, se = !0) {
     if (e.base?.justTabel || e.manual?.delete || !e.endPoints?.delete) {
-      u("deleteMany", v);
+      c("deleteMany", v);
       return;
     }
-    if (x = x ?? e.endPoints?.deleteMany, S = S ?? e.validation?.deleteMany, L = L ?? e.base?.source.DB_NAME ?? void 0, !x) {
-      n.value?.show("error", t.message.error.deleteMany);
+    if (x = x ?? e.endPoints?.deleteMany, L = L ?? e.validation?.deleteMany, S = S ?? e.base?.source.DB_NAME ?? void 0, !x) {
+      n.value?.show("error", s.message.error.deleteMany);
       return;
     }
     try {
-      n.value?.show("loading", t.message.process.deleteMany);
-      const Y = e.submitOption?.delete?.authType ?? e.submitOption?.global?.authType ?? "cookie", J = e.submitOption?.delete?.token ?? e.submitOption?.global?.token ?? void 0, G = e.submitOption?.delete?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0, U = await ke({
+      n.value?.show("loading", s.message.process.deleteMany);
+      const Y = e.submitOption?.delete?.authType ?? e.submitOption?.global?.authType ?? "cookie", J = e.submitOption?.delete?.token ?? e.submitOption?.global?.token ?? void 0, q = e.submitOption?.delete?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0, U = await ye({
         data: { [e.keys?.idsKey ?? "ids"]: v },
-        validation: S ?? void 0,
+        validation: L ?? void 0,
         endpoint: x,
         mode: "delete",
-        db: L,
+        db: S,
         authType: Y,
         token: J,
-        customHeaders: G,
+        customHeaders: q,
         deleteDataDB: se,
         demo: e.demo
       });
-      return f.selectedItems.value = [], e.base?.dataTabelCustomDisplay ? (u("refreshData"), n.value?.show("success", t.message.success.deleteMany), Z(), U) : (await i(), n.value?.show("success", t.message.success.deleteMany), Z(), U);
+      return f.selectedItems.value = [], e.base?.dataTabelCustomDisplay ? (c("refreshData"), n.value?.show("success", s.message.success.deleteMany), Z(), U) : (await i(), n.value?.show("success", s.message.success.deleteMany), Z(), U);
     } catch (Y) {
       g(
         "error",
-        t.message.error.deleteMany,
-        Object.entries(Y).map(([J, G]) => `${J} : ${G}`)
-      ), n.value?.show("error", t.message.error.deleteMany);
+        s.message.error.deleteMany,
+        Object.entries(Y).map(([J, q]) => `${J} : ${q}`)
+      ), n.value?.show("error", s.message.error.deleteMany);
     }
   }
   return {
     initialData: _,
     openEditModal: j,
     openCreateModal: $,
-    openShowModal: c,
+    openShowModal: u,
     openWarningDeleteData: b,
     openWarningDeleteSelectedData: N,
     closeModal: Z,
@@ -1134,30 +1135,30 @@ function jd(e, u, i, n, g, t, y, f) {
     DeleteSeletedData: A
   };
 }
-function bd(e, u, i, n) {
-  const g = V(""), t = V(1), y = V([]), f = V(!1), _ = V(!1), j = V(!1), $ = V(null), c = V(null), b = V("asc"), N = V(!1), Z = V(!1), H = V(null), z = V(null), A = X(() => e.pagination?.itemsPerPage ?? 10), v = X(() => e.pagination?.maxVisiblePages ?? 5);
+function bd(e, c, i, n) {
+  const g = V(""), s = V(1), y = V([]), f = V(!1), _ = V(!1), j = V(!1), $ = V(null), u = V(null), b = V("asc"), N = V(!1), Z = V(!1), H = V(null), z = V(null), A = X(() => e.pagination?.itemsPerPage ?? 10), v = X(() => e.pagination?.maxVisiblePages ?? 5);
   V(null), V("none");
   const x = X(() => {
     const p = e.keys?.idKey;
     return e.data.find((C) => C?.[p ?? "id"] === $.value) || {};
-  }), S = X(() => {
+  }), L = X(() => {
     const p = e.keys?.idKey ?? "id", C = e.keys?.nameKey ?? "name";
     return e.data.filter((T) => y.value.includes(T[p])).map((T) => T[C]).join(", ");
-  }), L = X(() => {
+  }), S = X(() => {
     let p = (e.base.data ?? []).filter(
       (C) => Object.values(C).some(
         (T) => String(T).toLowerCase().includes(g.value.toLowerCase())
       )
     );
-    return c.value && p.sort((C, T) => {
-      let w = C[c.value], D = T[c.value];
+    return u.value && p.sort((C, T) => {
+      let w = C[u.value], D = T[u.value];
       return typeof w == "string" && (w = w.toLowerCase()), typeof D == "string" && (D = D.toLowerCase()), w < D ? b.value === "asc" ? -1 : 1 : w > D ? b.value === "asc" ? 1 : -1 : 0;
     }), p;
   }), se = X(() => {
-    const p = (t.value - 1) * A.value;
-    return L.value.slice(p, p + A.value);
-  }), Y = X(() => Math.ceil(L.value.length / A.value)), J = X(() => {
-    const p = [], C = Y.value, T = t.value, w = v.value;
+    const p = (s.value - 1) * A.value;
+    return S.value.slice(p, p + A.value);
+  }), Y = X(() => Math.ceil(S.value.length / A.value)), J = X(() => {
+    const p = [], C = Y.value, T = s.value, w = v.value;
     if (C <= w + 2) {
       for (let M = 1; M <= C; M++) p.push(M);
       return p;
@@ -1169,17 +1170,17 @@ function bd(e, u, i, n) {
       p.push(M);
     return h < C - 1 && p.push("..."), p.push(C), p;
   });
-  function G() {
+  function q() {
     y.value = f.value ? se.value.map((p) => p?.[e.keys?.idKey ?? "id"]) : [];
   }
   function U(p) {
-    c.value === p ? b.value = b.value === "desc" ? "asc" : "desc" : (c.value = p, b.value = "desc");
+    u.value === p ? b.value = b.value === "desc" ? "asc" : "desc" : (u.value = p, b.value = "desc");
   }
   function oe() {
-    t.value > 1 && t.value--;
+    s.value > 1 && s.value--;
   }
   function de() {
-    t.value < Y.value && t.value++;
+    s.value < Y.value && s.value++;
   }
   async function ue() {
     if (e.base.source.DB_NAME) {
@@ -1207,7 +1208,7 @@ function bd(e, u, i, n) {
         authType: e.submitOption?.[T]?.authType ?? e.submitOption?.global?.authType ?? "cookie",
         token: e.submitOption?.[T]?.token ?? e.submitOption?.global?.token,
         customHeaders: e.submitOption?.[T]?.customHeaders ?? e.submitOption?.global?.customHeaders
-      }), C = await ke({
+      }), C = await ye({
         mode: "get",
         endpoint: e.base.source.fetchApi?.getAll,
         db: e.base.source.DB_NAME,
@@ -1217,7 +1218,7 @@ function bd(e, u, i, n) {
         const T = {};
         return await Promise.all(
           e.base.source.fetchApi.connect.map(async (w) => {
-            const D = await ke({
+            const D = await ye({
               mode: "get",
               endpoint: w.url,
               db: e.base.source.DB_NAME,
@@ -1244,7 +1245,7 @@ function bd(e, u, i, n) {
     if (p.connect?.withDB)
       return await $e(p.connect.withDB.DB_NAME, C);
     if (p.connect?.withFetch) {
-      const T = e.submitOption?.delete?.authType ?? e.submitOption?.global?.authType ?? "cookie", w = e.submitOption?.delete?.token ?? e.submitOption?.global?.token ?? void 0, D = e.submitOption?.delete?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0, h = await ke({
+      const T = e.submitOption?.delete?.authType ?? e.submitOption?.global?.authType ?? "cookie", w = e.submitOption?.delete?.token ?? e.submitOption?.global?.token ?? void 0, D = e.submitOption?.delete?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0, h = await ye({
         mode: "get",
         endpoint: p.connect?.withFetch.url + "/" + C,
         db: e.base.source.DB_NAME,
@@ -1329,7 +1330,7 @@ function bd(e, u, i, n) {
     }), T = async (h) => {
       const M = h.options?.valueKey ?? "id", I = h.options?.viewKey ?? "name";
       let B;
-      if (h.options?.url && (B = await ke({
+      if (h.options?.url && (B = await ye({
         mode: "get",
         endpoint: h.options.url,
         ...C("get")
@@ -1380,25 +1381,25 @@ function bd(e, u, i, n) {
   }
   return {
     searchQuery: g,
-    currentPage: t,
+    currentPage: s,
     selectedItems: y,
     selectAll: f,
     showWarningModel: _,
     showWarningModelSelected: j,
     idData: $,
-    sortField: c,
+    sortField: u,
     sortDirection: b,
     FormModalOpen: N,
     detailItemModal: Z,
     isUpdate: H,
     dataChildDelete: z,
     selectedItem: x,
-    selectedItemNames: S,
-    filteredData: L,
+    selectedItemNames: L,
+    filteredData: S,
     paginatedData: se,
     totalPages: Y,
     visiblePages: J,
-    toggleAll: G,
+    toggleAll: q,
     sortBy: U,
     prevPage: oe,
     nextPage: de,
@@ -1445,9 +1446,9 @@ const fd = {
   }
 }, yd = { class: "jsgd-sr-only" }, kd = { class: "jsgd-font-semibold" }, xd = /* @__PURE__ */ fe({
   __name: "AlertApp",
-  setup(e, { expose: u }) {
+  setup(e, { expose: c }) {
     const i = V([]), n = V([]), g = V([]);
-    let t = 0;
+    let s = 0;
     const y = (j) => {
       const $ = "jsgd-fixed jsgd-top-4 jsgd-right-4 jsgd-z-100 jsgd-flex jsgd-items-start jsgd-gap-3 jsgd-w-full jsgd-max-w-sm jsgd-p-4 jsgd-mb-4 jsgd-rounded-lg jsgd-shadow-lg jsgd-transition-all jsgd-duration-300 jsgd-ease-[cubic-bezier(0.4,0,0.2,1)] sm:jsgd-max-w-md max-sm:jsgd-left-4";
       return j === "success" ? `${$} jsgd-border-1 jsgd-border-solid jsgd-border-green-200 jsgd-bg-green-50 jsgd-text-green-800 dark:jsgd-bg-green-800/30 dark:jsgd-border-green-700 dark:jsgd-text-green-200` : j === "error" ? `${$} jsgd-border-1 jsgd-border-solid jsgd-border-red-200 jsgd-bg-red-50 jsgd-text-red-800 dark:jsgd-bg-red-800/30 dark:jsgd-border-red-700 dark:jsgd-text-red-200` : $;
@@ -1455,12 +1456,12 @@ const fd = {
     function f() {
       let j = 0;
       g.value = n.value.map(($) => {
-        const c = $?.offsetHeight || 0, b = j;
-        return j += c + 10, b;
+        const u = $?.offsetHeight || 0, b = j;
+        return j += u + 10, b;
       });
     }
     function _(j) {
-      j.id = t++, j.show = !1, i.value.push(j), Oe(() => {
+      j.id = s++, j.show = !1, i.value.push(j), Oe(() => {
         j.show = !0, f();
       }), setTimeout(() => {
         j.show = !1, Oe(() => {
@@ -1472,36 +1473,36 @@ const fd = {
     }
     return Me(i, () => {
       Oe(f);
-    }), u({
+    }), c({
       addAlert: _
-    }), (j, $) => (d(!0), a(P, null, R(i.value, (c, b) => (d(), a("div", {
-      key: c.id,
+    }), (j, $) => (d(!0), a(P, null, R(i.value, (u, b) => (d(), a("div", {
+      key: u.id,
       ref_for: !0,
       ref_key: "alertRefs",
       ref: n,
-      class: q(["alert-container", y(c.type)]),
-      style: Se({
+      class: G(["alert-container", y(u.type)]),
+      style: Le({
         top: `${g.value[b] ?? 0}px`,
-        transform: `translateX(${c.show ? "0" : "200%"})`
+        transform: `translateX(${u.show ? "0" : "200%"})`
       }),
       role: "alert"
     }, [
-      s("span", {
-        class: q(["jsgd-shrink-0 jsgd-w-5 jsgd-h-5", [
-          c.type === "error" ? "jsgd-i-mdi-alert-circle" : "jsgd-i-mdi-check-circle",
-          c.type === "error" ? "jsgd-text-red-500 dark:jsgd-text-red-400" : "jsgd-text-green-500 dark:jsgd-text-green-400"
+      t("span", {
+        class: G(["jsgd-shrink-0 jsgd-w-5 jsgd-h-5", [
+          u.type === "error" ? "jsgd-i-mdi-alert-circle" : "jsgd-i-mdi-check-circle",
+          u.type === "error" ? "jsgd-text-red-500 dark:jsgd-text-red-400" : "jsgd-text-green-500 dark:jsgd-text-green-400"
         ]])
       }, null, 2),
-      s("span", yd, m(c.type === "error" ? "Error" : "Success"), 1),
-      s("div", null, [
-        s("span", kd, m(c.title), 1),
-        s("ul", {
-          class: q([
+      t("span", yd, m(u.type === "error" ? "Error" : "Success"), 1),
+      t("div", null, [
+        t("span", kd, m(u.title), 1),
+        t("ul", {
+          class: G([
             "jsgd-mt-1 jsgd-pl-5 jsgd-text-sm jsgd-list-disc jsgd-list-inside",
-            c.type === "error" ? "[&::marker]:jsgd-text-red-500" : "[&::marker]:jsgd-text-green-500"
+            u.type === "error" ? "[&::marker]:jsgd-text-red-500" : "[&::marker]:jsgd-text-green-500"
           ])
         }, [
-          (d(!0), a(P, null, R(c.messages, (N, Z) => (d(), a("li", { key: Z }, m(N), 1))), 128))
+          (d(!0), a(P, null, R(u.messages, (N, Z) => (d(), a("li", { key: Z }, m(N), 1))), 128))
         ], 2)
       ])
     ], 6))), 128));
@@ -1516,10 +1517,10 @@ const fd = {
   x: "18",
   y: "19.5",
   class: "percentage"
-}, Bd = { class: "jsgd-flex jsgd-items-center" }, Sd = {
+}, Bd = { class: "jsgd-flex jsgd-items-center" }, Ld = {
   key: 0,
   class: "jsgd-relative jsgd-min-w-[250px]"
-}, Ld = ["placeholder"], Id = {
+}, Sd = ["placeholder"], Id = {
   key: 0,
   class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-4 jsgd-py-3 jsgd-bg-blue-500 jsgd-text-white jsgd-rounded-lg jsgd-text-sm jsgd-font-medium jsgd-animate-[slideIn_0.3s_ease-out] dark:jsgd-bg-blue-600"
 }, Vd = { class: "jsgd-bg-white/20 jsgd-px-2 jsgd-py-1 jsgd-rounded-md jsgd-font-semibold" }, Fd = {
@@ -1528,7 +1529,7 @@ const fd = {
 }, Nd = { class: "jsgd-text-xl jsgd-font-semibold jsgd-text-slate-800 jsgd-mb-2 dark:jsgd-text-slate-100" }, Pd = { class: "jsgd-text-slate-500 jsgd-mb-8 jsgd-max-w-[300px] dark:jsgd-text-slate-400" }, Ed = {
   key: 1,
   class: "jsgd-flex jsgd-flex-col jsgd-flex-1 jsgd-gap-6"
-}, zd = { class: "jsgd-flex-1 jsgd-overflow-auto jsgd-rounded-lg jsgd-border jsgd-border-slate-200 jsgd-bg-white jsgd-shadow-sm table-scroll-container dark:jsgd-border-slate-700 dark:jsgd-bg-slate-900" }, Ud = { class: "jsgd-w-full jsgd-border-collapse jsgd-bg-white dark:jsgd-bg-slate-900" }, Wd = { class: "jsgd-bg-slate-50 jsgd-border-b jsgd-border-slate-200 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700" }, Rd = { class: "jsgd-w-12 jsgd-p-4" }, Gd = { class: "jsgd-flex jsgd-items-center jsgd-gap-2" }, qd = ["onClick"], Zd = { class: "jsgd-w-48 jsgd-text-xs jsgd-p-4 jsgd-text-right" }, Qd = { class: "jsgd-bg-white dark:jsgd-bg-slate-900" }, Jd = { class: "jsgd-text-center" }, Xd = ["value"], Yd = ["innerHTML"], ea = { key: 1 }, ta = {
+}, zd = { class: "jsgd-flex-1 jsgd-overflow-auto jsgd-rounded-lg jsgd-border jsgd-border-slate-200 jsgd-bg-white jsgd-shadow-sm table-scroll-container dark:jsgd-border-slate-700 dark:jsgd-bg-slate-900" }, Ud = { class: "jsgd-w-full jsgd-border-collapse jsgd-bg-white dark:jsgd-bg-slate-900" }, Wd = { class: "jsgd-bg-slate-50 jsgd-border-b jsgd-border-slate-200 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700" }, Rd = { class: "jsgd-w-12 jsgd-p-4" }, qd = { class: "jsgd-flex jsgd-items-center jsgd-gap-2" }, Gd = ["onClick"], Zd = { class: "jsgd-w-48 jsgd-text-xs jsgd-p-4 jsgd-text-right" }, Qd = { class: "jsgd-bg-white dark:jsgd-bg-slate-900" }, Jd = { class: "jsgd-text-center" }, Xd = ["value"], Yd = ["innerHTML"], ea = { key: 1 }, ta = {
   key: 2,
   class: "jsgd-whitespace-nowrap jsgd-overflow-hidden jsgd-text-ellipsis jsgd-flex jsgd-items-center jsgd-gap-2"
 }, sa = {
@@ -1579,10 +1580,10 @@ const fd = {
 }, Ma = {
   key: 1,
   class: "jsgd-text-slate-400 dark:jsgd-text-slate-500"
-}, Da = { class: "jsgd-p-4 jsgd-text-right jsgd-relative jsgd-align-middle" }, $a = { class: "jsgd-flex jsgd-justify-end jsgd-gap-2" }, Aa = ["onClick"], Ta = ["innerHTML"], Oa = { class: "jsgd-hidden md:jsgd-inline" }, Ha = ["onClick"], Ka = ["innerHTML"], Ba = { class: "jsgd-absolute jsgd-bottom-full jsgd-mb-2 jsgd-left-1/2 -jsgd-translate-x-1/2 jsgd-px-2 jsgd-py-1 jsgd-bg-slate-800 jsgd-text-white jsgd-text-xs jsgd-font-medium jsgd-rounded-md jsgd-whitespace-nowrap jsgd-opacity-0 jsgd-invisible jsgd-transition-all jsgd-pointer-events-none group-hover:jsgd-opacity-100 group-hover:jsgd-visible group-hover:-jsgd-translate-y-1 dark:jsgd-bg-slate-700" }, Sa = ["onClick"], La = {
+}, Da = { class: "jsgd-p-4 jsgd-text-right jsgd-relative jsgd-align-middle" }, $a = { class: "jsgd-flex jsgd-justify-end jsgd-gap-2" }, Aa = ["onClick"], Ta = ["innerHTML"], Oa = { class: "jsgd-hidden md:jsgd-inline" }, Ha = ["onClick"], Ka = ["innerHTML"], Ba = { class: "jsgd-absolute jsgd-bottom-full jsgd-mb-2 jsgd-left-1/2 -jsgd-translate-x-1/2 jsgd-px-2 jsgd-py-1 jsgd-bg-slate-800 jsgd-text-white jsgd-text-xs jsgd-font-medium jsgd-rounded-md jsgd-whitespace-nowrap jsgd-opacity-0 jsgd-invisible jsgd-transition-all jsgd-pointer-events-none group-hover:jsgd-opacity-100 group-hover:jsgd-visible group-hover:-jsgd-translate-y-1 dark:jsgd-bg-slate-700" }, La = ["onClick"], Sa = {
   key: 0,
   class: "jsgd-absolute jsgd-z-10 jsgd-right-4 jsgd-top-full jsgd-mt-2 jsgd-w-48 jsgd-bg-white jsgd-rounded-lg jsgd-shadow-xl jsgd-border jsgd-border-slate-200 jsgd-overflow-hidden dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700"
-}, Ia = ["onClick"], Va = ["innerHTML"], Fa = { class: "jsgd-flex jsgd-flex-col jsgd-gap-4 jsgd-items-center jsgd-justify-between jsgd-p-6 jsgd-bg-slate-50 jsgd-rounded-2xl jsgd-border jsgd-border-slate-200 md:jsgd-flex-row dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700" }, Na = { class: "jsgd-text-sm jsgd-text-slate-500 jsgd-w-md jsgd-text-center md:jsgd-text-left dark:jsgd-text-slate-400" }, Pa = { class: "jsgd-flex jsgd-items-center jsgd-justify-center md:jsgd-items-end md:jsgd-justify-end jsgd-gap-2 jsgd-w-full" }, Ea = ["disabled"], za = { class: "jsgd-hidden sm:jsgd-block" }, Ua = { class: "jsgd-flex jsgd-items-center jsgd-gap-1 jsgd-overflow-x-auto jsgd-max-w-[200px] sm:jsgd-max-w-none no-scrollbar" }, Wa = ["onClick", "disabled"], Ra = ["disabled"], Ga = { class: "jsgd-hidden sm:jsgd-block" }, qa = /* @__PURE__ */ fe({
+}, Ia = ["onClick"], Va = ["innerHTML"], Fa = { class: "jsgd-flex jsgd-flex-col jsgd-gap-4 jsgd-items-center jsgd-justify-between jsgd-p-6 jsgd-bg-slate-50 jsgd-rounded-2xl jsgd-border jsgd-border-slate-200 md:jsgd-flex-row dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700" }, Na = { class: "jsgd-text-sm jsgd-text-slate-500 jsgd-w-md jsgd-text-center md:jsgd-text-left dark:jsgd-text-slate-400" }, Pa = { class: "jsgd-flex jsgd-items-center jsgd-justify-center md:jsgd-items-end md:jsgd-justify-end jsgd-gap-2 jsgd-w-full" }, Ea = ["disabled"], za = { class: "jsgd-hidden sm:jsgd-block" }, Ua = { class: "jsgd-flex jsgd-items-center jsgd-gap-1 jsgd-overflow-x-auto jsgd-max-w-[200px] sm:jsgd-max-w-none no-scrollbar" }, Wa = ["onClick", "disabled"], Ra = ["disabled"], qa = { class: "jsgd-hidden sm:jsgd-block" }, Ga = /* @__PURE__ */ fe({
   __name: "TabelData",
   props: {
     base: {},
@@ -1598,8 +1599,8 @@ const fd = {
     demo: { type: Boolean, default: () => !1 }
   },
   emits: ["refreshData", "edit", "create", "show", "delete", "deleteMany", "customAction"],
-  setup(e, { expose: u, emit: i }) {
-    const n = (O) => typeof O == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.test(O), g = (O) => typeof O == "string" && /^\d{4}-\d{2}-\d{2}$/.test(O), t = (O) => typeof O == "string" && /^\d{2}:\d{2}$/.test(O);
+  setup(e, { expose: c, emit: i }) {
+    const n = (O) => typeof O == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.test(O), g = (O) => typeof O == "string" && /^\d{4}-\d{2}-\d{2}$/.test(O), s = (O) => typeof O == "string" && /^\d{2}:\d{2}$/.test(O);
     function y(O, r = "en") {
       try {
         const k = new Date(O), o = r === "id" ? "id-ID" : r;
@@ -1645,8 +1646,8 @@ const fd = {
       if (typeof O != "number") return O;
       const r = b.value.base.lang === "id" ? "id-ID" : "en-US", k = b.value.base.lang === "id" ? "IDR" : "USD";
       return new Intl.NumberFormat(r, { style: "currency", currency: k }).format(O);
-    }, c = e, b = V({
-      ...c
+    }, u = e, b = V({
+      ...u
     }), N = i, Z = V(null), H = X(() => {
       const O = b.value.base.seoDisplay, r = ce.value;
       if (!O || !b.value.data || r.length === 0)
@@ -1663,14 +1664,14 @@ const fd = {
         return null;
       const W = o.reduce((ge, te) => ge + te, 0);
       return Math.round(W / o.length);
-    }), z = X(() => H.value === null ? "" : H.value >= 80 ? "score-good" : H.value >= 50 ? "score-ok" : "score-bad"), A = V(), v = X(() => et[c.base?.lang ?? "en"]), {
+    }), z = X(() => H.value === null ? "" : H.value >= 80 ? "score-good" : H.value >= 50 ? "score-ok" : "score-bad"), A = V(), v = X(() => et[u.base?.lang ?? "en"]), {
       searchQuery: x,
-      currentPage: S,
-      selectedItems: L,
+      currentPage: L,
+      selectedItems: S,
       selectAll: se,
       showWarningModel: Y,
       showWarningModelSelected: J,
-      idData: G,
+      idData: q,
       FormModalOpen: U,
       detailItemModal: oe,
       isUpdate: de,
@@ -1703,12 +1704,12 @@ const fd = {
       N,
       T,
       Z,
-      Ge,
+      qe,
       v.value,
       w,
       {
-        selectedItems: L,
-        idData: G,
+        selectedItems: S,
+        idData: q,
         isUpdate: de,
         FormModalOpen: U,
         detailItemModal: oe,
@@ -1716,29 +1717,29 @@ const fd = {
         showWarningModel: Y,
         showWarningModelSelected: J
       }
-    ), xe = V(null);
+    ), ke = V(null);
     function nt(O, r) {
       N("customAction", { key: O, item: r });
     }
-    Me(L, (O) => {
+    Me(S, (O) => {
       se.value = O.length === ae.value.length && ae.value.length > 0;
-    }), Me(xe, (O) => {
-      O ? window.addEventListener("click", pe) : window.removeEventListener("click", pe);
+    }), Me(ke, (O) => {
+      O ? window.addEventListener("click", xe) : window.removeEventListener("click", xe);
     }), Me(x, () => {
-      S.value = 1;
+      L.value = 1;
     }), Me(
-      () => c.base.dataTabelCustomDisplay || c.base.schema,
+      () => u.base.dataTabelCustomDisplay || u.base.schema,
       async () => {
         Object.assign(b.value, {
-          ...c
-        }), L.value = [], await T();
+          ...u
+        }), S.value = [], await T();
       }
     ), ze(async () => {
       Object.assign(b.value, {
-        ...c
+        ...u
       }), await T();
-    }), ct("TableComponents", { ShowAlert: Ge, loader: Z, labels: v });
-    function Ge(O, r, k) {
+    }), ut("TableComponents", { ShowAlert: qe, loader: Z, labels: v });
+    function qe(O, r, k) {
       const o = {
         type: O,
         title: r,
@@ -1747,10 +1748,10 @@ const fd = {
       A.value?.addAlert(o);
     }
     function ot(O) {
-      xe.value === O ? xe.value = null : xe.value = O;
+      ke.value === O ? ke.value = null : ke.value = O;
     }
-    function pe() {
-      xe.value = null;
+    function xe() {
+      ke.value = null;
     }
     function we(O) {
       const r = [], k = O?.[b.value?.keys?.idKey ?? "id"];
@@ -1762,7 +1763,7 @@ const fd = {
             icon: o.icon,
             class: o.class || "jsgd-bg-gray-500/10 jsgd-text-gray-500 hover:jsgd-bg-gray-500 hover:jsgd-text-white dark:jsgd-text-gray-400 dark:hover:jsgd-bg-gray-600",
             handler: () => {
-              nt(o.key, O), pe();
+              nt(o.key, O), xe();
             }
           });
       return b.value?.feature?.updateActive && r.push({
@@ -1771,7 +1772,7 @@ const fd = {
         icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M11 5H6C4.89543 5 4 5.89543 4 7V18C4 19.1046 4.89543 20 6 20H17C18.1046 20 19 19.1046 19 18V13M17.5858 3.58579C18.3668 2.80474 19.6332 2.80474 20.4142 3.58579C21.1953 4.36683 21.1953 5.63316 20.4142 6.41421L11.8284 15H9L9 12.1716L17.5858 3.58579Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>',
         class: "jsgd-bg-blue-500/10 jsgd-text-blue-500 hover:jsgd-bg-blue-500 hover:jsgd-text-white dark:jsgd-text-blue-400 dark:hover:jsgd-bg-blue-600",
         handler: () => {
-          h(k), pe();
+          h(k), xe();
         }
       }), b.value?.feature?.deleteActive && r.push({
         key: "delete",
@@ -1779,7 +1780,7 @@ const fd = {
         icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M19 7L18.1327 19.1425C18.0579 20.1891 17.187 21 16.1378 21H7.86224C6.81296 21 5.94208 20.1891 5.86732 19.1425L5 7M10 11V17M14 11V17M15 7V4C15 3.44772 14.5523 3 14 3H10C9.44772 3 9 3.44772 9 4V7M4 7H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>',
         class: "jsgd-bg-red-500/10 jsgd-text-red-500 hover:jsgd-bg-red-500 hover:jsgd-text-white dark:jsgd-text-red-400 dark:hover:jsgd-bg-red-600",
         handler: () => {
-          B(k), pe();
+          B(k), xe();
         }
       }), b.value?.feature?.displayActive && r.push({
         key: "display",
@@ -1787,14 +1788,14 @@ const fd = {
         icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z" stroke="currentColor" stroke-width="2"/><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="currentColor" stroke-width="2"/></svg>',
         class: "jsgd-bg-slate-500/10 jsgd-text-slate-500 hover:jsgd-bg-slate-500 hover:jsgd-text-white dark:jsgd-text-slate-400 dark:hover:jsgd-bg-slate-400",
         handler: () => {
-          I(k), pe();
+          I(k), xe();
         }
       }), r;
     }
-    return u({
+    return c({
       refreshData: T
     }), (O, r) => (d(), a("div", pd, [
-      K(l(ht), {
+      K(l(ft), {
         ref_key: "loader",
         ref: Z
       }, null, 512),
@@ -1803,7 +1804,7 @@ const fd = {
         title: v.value.warning.delete,
         message: `${l(he).name ?? l(he)[b.value?.keys?.nameKey ?? b.value?.keys?.idKey ?? "id"]}`,
         onConfirm: r[0] || (r[0] = () => {
-          l(G) !== null && l(at)(l(G));
+          l(q) !== null && l(at)(l(q));
         }),
         onClose: l(ne)
       }, null, 8, ["title", "message", "onClose"])) : F("", !0),
@@ -1811,7 +1812,7 @@ const fd = {
         key: 1,
         title: v.value.warning.deleteMany,
         message: l(le),
-        onConfirm: r[1] || (r[1] = () => l(lt)(l(L))),
+        onConfirm: r[1] || (r[1] = () => l(lt)(l(S))),
         onClose: l(ne)
       }, null, 8, ["title", "message", "onClose"])) : F("", !0),
       l(oe) ? (d(), be(nd, {
@@ -1828,7 +1829,7 @@ const fd = {
         ref_key: "alert",
         ref: A
       }, null, 512),
-      l(U) ? (d(), be(mt, {
+      l(U) ? (d(), be(ht, {
         key: 3,
         id: l(de) ?? null,
         "is-update": !!l(de),
@@ -1841,24 +1842,24 @@ const fd = {
         onDataChildRemove: r[3] || (r[3] = (k) => ue.value = k),
         onSubmit: l(je)
       }, null, 8, ["id", "is-update", "schema", "initial-data", "lang", "demo", "seo", "onSubmit"])) : F("", !0),
-      s("div", wd, [
-        s("div", _d, [
-          s("div", Cd, [
-            s("div", Md, [
-              s("div", Dd, [
+      t("div", wd, [
+        t("div", _d, [
+          t("div", Cd, [
+            t("div", Md, [
+              t("div", Dd, [
                 b.value?.feature?.createActive ? (d(), a("button", {
                   key: 0,
                   onClick: r[4] || (r[4] = (k) => l(M)()),
                   class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-6 jsgd-py-3 jsgd-border-none jsgd-rounded-lg jsgd-text-sm jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all jsgd-relative jsgd-overflow-hidden disabled:jsgd-opacity-50 disabled:jsgd-cursor-not-allowed disabled:jsgd-transform-none before:jsgd-content-[''] before:jsgd-absolute before:jsgd-top-0 before:jsgd-left-[-100%] before:jsgd-w-full before:jsgd-h-full before:jsgd-bg-gradient-to-r before:jsgd-from-transparent before:jsgd-via-white/20 before:jsgd-to-transparent before:jsgd-transition-[left] before:jsgd-duration-600 hover:before:jsgd-left-full jsgd-bg-gradient-to-br jsgd-from-blue-500 jsgd-to-blue-600 jsgd-text-white jsgd-shadow-md hover:jsgd-shadow-lg hover:-jsgd-translate-y-0.5 dark:jsgd-from-blue-600 dark:jsgd-to-blue-700"
                 }, [
-                  r[14] || (r[14] = s("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
-                    s("svg", {
+                  r[14] || (r[14] = t("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
+                    t("svg", {
                       width: "16",
                       height: "16",
                       viewBox: "0 0 24 24",
                       fill: "none"
                     }, [
-                      s("path", {
+                      t("path", {
                         d: "M12 5V19M5 12H19",
                         stroke: "currentColor",
                         "stroke-width": "2",
@@ -1867,24 +1868,24 @@ const fd = {
                       })
                     ])
                   ], -1)),
-                  ye(" " + m(v.value?.btn?.add), 1)
+                  pe(" " + m(v.value?.btn?.add), 1)
                 ])) : F("", !0),
-                l(L).length > 0 && b.value?.feature?.deleteManyActive ? (d(), a("button", {
+                l(S).length > 0 && b.value?.feature?.deleteManyActive ? (d(), a("button", {
                   key: 1,
                   onClick: r[5] || (r[5] = (k) => l(Q)()),
-                  class: q(["jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-6 jsgd-py-3 jsgd-border-none jsgd-rounded-lg jsgd-text-sm jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all jsgd-relative jsgd-overflow-hidden disabled:jsgd-opacity-50 disabled:jsgd-cursor-not-allowed disabled:jsgd-transform-none before:jsgd-content-[''] before:jsgd-absolute before:jsgd-top-0 before:jsgd-left-[-100%] before:jsgd-w-full before:jsgd-h-full before:jsgd-bg-gradient-to-r before:jsgd-from-transparent before:jsgd-via-white/20 before:jsgd-to-transparent before:jsgd-transition-[left] before:jsgd-duration-600 hover:before:jsgd-left-full jsgd-bg-gradient-to-br jsgd-from-red-500 jsgd-to-red-600 jsgd-text-white jsgd-shadow-md hover:jsgd-shadow-lg hover:-jsgd-translate-y-0.5 dark:jsgd-from-red-600 dark:jsgd-to-red-700", {
-                    "jsgd-bg-slate-100 jsgd-text-slate-400 dark:jsgd-bg-slate-700 dark:jsgd-text-slate-500": l(L).length === 0
+                  class: G(["jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-6 jsgd-py-3 jsgd-border-none jsgd-rounded-lg jsgd-text-sm jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all jsgd-relative jsgd-overflow-hidden disabled:jsgd-opacity-50 disabled:jsgd-cursor-not-allowed disabled:jsgd-transform-none before:jsgd-content-[''] before:jsgd-absolute before:jsgd-top-0 before:jsgd-left-[-100%] before:jsgd-w-full before:jsgd-h-full before:jsgd-bg-gradient-to-r before:jsgd-from-transparent before:jsgd-via-white/20 before:jsgd-to-transparent before:jsgd-transition-[left] before:jsgd-duration-600 hover:before:jsgd-left-full jsgd-bg-gradient-to-br jsgd-from-red-500 jsgd-to-red-600 jsgd-text-white jsgd-shadow-md hover:jsgd-shadow-lg hover:-jsgd-translate-y-0.5 dark:jsgd-from-red-600 dark:jsgd-to-red-700", {
+                    "jsgd-bg-slate-100 jsgd-text-slate-400 dark:jsgd-bg-slate-700 dark:jsgd-text-slate-500": l(S).length === 0
                   }]),
-                  disabled: l(L).length === 0
+                  disabled: l(S).length === 0
                 }, [
-                  r[15] || (r[15] = s("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
-                    s("svg", {
+                  r[15] || (r[15] = t("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
+                    t("svg", {
                       width: "16",
                       height: "16",
                       viewBox: "0 0 24 24",
                       fill: "none"
                     }, [
-                      s("path", {
+                      t("path", {
                         d: "M19 7L18.1327 19.1425C18.0579 20.1891 17.187 21 16.1378 21H7.86224C6.81296 21 5.94208 20.1891 5.86732 19.1425L5 7M10 11V17M14 11V17M15 7V4C15 3.44772 14.5523 3 14 3H10C9.44772 3 9 3.44772 9 4V7M4 7H20",
                         stroke: "currentColor",
                         "stroke-width": "2",
@@ -1893,37 +1894,37 @@ const fd = {
                       })
                     ])
                   ], -1)),
-                  ye(" " + m(v.value?.btn?.deleteMany), 1)
+                  pe(" " + m(v.value?.btn?.deleteMany), 1)
                 ], 10, $d)) : F("", !0)
               ])
             ]),
             H.value !== null ? (d(), a("div", Ad, [
-              s("div", Td, [
+              t("div", Td, [
                 (d(), a("svg", Od, [
-                  r[16] || (r[16] = s("path", {
+                  r[16] || (r[16] = t("path", {
                     class: "circle-bg",
                     d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
                   }, null, -1)),
-                  s("path", {
-                    class: q(["circle", z.value]),
+                  t("path", {
+                    class: G(["circle", z.value]),
                     "stroke-dasharray": `${H.value}, 100`,
                     d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
                   }, null, 10, Hd),
-                  s("text", Kd, m(H.value), 1)
+                  t("text", Kd, m(H.value), 1)
                 ]))
               ]),
-              r[17] || (r[17] = s("span", { class: "jsgd-text-sm jsgd-font-medium jsgd-text-slate-600 dark:jsgd-text-slate-300" }, "Average SEO Score", -1))
+              r[17] || (r[17] = t("span", { class: "jsgd-text-sm jsgd-font-medium jsgd-text-slate-600 dark:jsgd-text-slate-300" }, "Average SEO Score", -1))
             ])) : F("", !0),
-            s("div", Bd, [
-              b.value?.feature?.searchQueryActive ? (d(), a("div", Sd, [
-                r[18] || (r[18] = s("div", { class: "jsgd-absolute jsgd-left-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-text-slate-400 jsgd-flex jsgd-items-center jsgd-justify-center dark:jsgd-text-slate-500" }, [
-                  s("svg", {
+            t("div", Bd, [
+              b.value?.feature?.searchQueryActive ? (d(), a("div", Ld, [
+                r[18] || (r[18] = t("div", { class: "jsgd-absolute jsgd-left-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-text-slate-400 jsgd-flex jsgd-items-center jsgd-justify-center dark:jsgd-text-slate-500" }, [
+                  t("svg", {
                     width: "16",
                     height: "16",
                     viewBox: "0 0 24 24",
                     fill: "none"
                   }, [
-                    s("path", {
+                    t("path", {
                       d: "M21 21L16.514 16.506M19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z",
                       stroke: "currentColor",
                       "stroke-width": "2",
@@ -1932,59 +1933,59 @@ const fd = {
                     })
                   ])
                 ], -1)),
-                Ve(s("input", {
+                Ve(t("input", {
                   "onUpdate:modelValue": r[6] || (r[6] = (k) => Fe(x) ? x.value = k : null),
                   type: "text",
                   placeholder: v.value?.search || "Search...",
                   class: "jsgd-w-full jsgd-py-3 jsgd-pr-3 jsgd-pl-10 jsgd-bg-white jsgd-border jsgd-border-slate-200 jsgd-rounded-lg jsgd-box-border jsgd-text-slate-800 jsgd-text-sm jsgd-transition-all focus:jsgd-outline-none focus:jsgd-border-blue-500 focus:jsgd-ring-3 focus:jsgd-ring-blue-500/10 dark:jsgd-bg-slate-900 dark:jsgd-border-slate-700 dark:jsgd-text-slate-100 dark:focus:jsgd-border-blue-400",
-                  onKeyup: r[7] || (r[7] = Xe((k) => S.value = 1, ["enter"]))
-                }, null, 40, Ld), [
-                  [jt, l(x)]
+                  onKeyup: r[7] || (r[7] = Xe((k) => L.value = 1, ["enter"]))
+                }, null, 40, Sd), [
+                  [ct, l(x)]
                 ])
               ])) : F("", !0)
             ])
           ]),
-          l(L).length > 0 ? (d(), a("div", Id, [
-            s("span", Vd, m(l(L).length), 1),
-            ye(" " + m(l(L).length === 1 ? v.value.selection.selectedOne ?? "item is selected" : v.value.selection.selected ?? "items are selected"), 1)
+          l(S).length > 0 ? (d(), a("div", Id, [
+            t("span", Vd, m(l(S).length), 1),
+            pe(" " + m(l(S).length === 1 ? v.value.selection.selectedOne ?? "item is selected" : v.value.selection.selected ?? "items are selected"), 1)
           ])) : F("", !0)
         ]),
         l(ce).length === 0 ? (d(), a("div", Fd, [
-          r[20] || (r[20] = s("div", { class: "jsgd-text-slate-400 jsgd-mb-6 jsgd-opacity-70 dark:jsgd-text-slate-500" }, [
-            s("svg", {
+          r[20] || (r[20] = t("div", { class: "jsgd-text-slate-400 jsgd-mb-6 jsgd-opacity-70 dark:jsgd-text-slate-500" }, [
+            t("svg", {
               width: "64",
               height: "64",
               viewBox: "0 0 24 24",
               fill: "none"
             }, [
-              s("path", {
+              t("path", {
                 d: "M3 7V17C3 18.1046 3.89543 19 5 19H19C20.1046 19 21 18.1046 21 17V9C21 7.89543 20.1046 7 19 7H3ZM3 7V5C3 3.89543 3.89543 3 5 3H9",
                 stroke: "currentColor",
                 "stroke-width": "2",
                 "stroke-linecap": "round"
               }),
-              s("path", {
+              t("path", {
                 d: "M15 13C15 14.6569 13.6569 16 12 16C10.3431 16 9 14.6569 9 13C9 11.3431 10.3431 10 12 10C13.6569 10 15 11.3431 15 13Z",
                 stroke: "currentColor",
                 "stroke-width": "2"
               })
             ])
           ], -1)),
-          s("h3", Nd, m(v.value?.message?.notFound), 1),
-          s("p", Pd, m(v.value?.message?.notFoundDesc || "No data available"), 1),
+          t("h3", Nd, m(v.value?.message?.notFound), 1),
+          t("p", Pd, m(v.value?.message?.notFoundDesc || "No data available"), 1),
           b.value?.feature?.createActive ? (d(), a("button", {
             key: 0,
             onClick: r[8] || (r[8] = (k) => l(M)()),
             class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-6 jsgd-py-3 jsgd-border-none jsgd-rounded-lg jsgd-text-sm jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all jsgd-relative jsgd-overflow-hidden disabled:jsgd-opacity-50 disabled:jsgd-cursor-not-allowed disabled:jsgd-transform-none before:jsgd-content-[''] before:jsgd-absolute before:jsgd-top-0 before:jsgd-left-[-100%] before:jsgd-w-full before:jsgd-h-full before:jsgd-bg-gradient-to-r before:jsgd-from-transparent before:jsgd-via-white/20 before:jsgd-to-transparent before:jsgd-transition-[left] before:jsgd-duration-600 hover:before:jsgd-left-full jsgd-bg-gradient-to-br jsgd-from-blue-500 jsgd-to-blue-600 jsgd-text-white jsgd-shadow-md hover:jsgd-shadow-lg hover:-jsgd-translate-y-0.5 jsgd-animate-[pulse_2s_infinite] dark:jsgd-from-blue-600 dark:jsgd-to-blue-700"
           }, [
-            r[19] || (r[19] = s("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
-              s("svg", {
+            r[19] || (r[19] = t("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
+              t("svg", {
                 width: "16",
                 height: "16",
                 viewBox: "0 0 24 24",
                 fill: "none"
               }, [
-                s("path", {
+                t("path", {
                   d: "M12 5V19M5 12H19",
                   stroke: "currentColor",
                   "stroke-width": "2",
@@ -1993,14 +1994,14 @@ const fd = {
                 })
               ])
             ], -1)),
-            ye(" " + m(v.value?.btn?.add), 1)
+            pe(" " + m(v.value?.btn?.add), 1)
           ])) : F("", !0)
         ])) : (d(), a("div", Ed, [
-          s("div", zd, [
-            s("table", Ud, [
-              s("thead", Wd, [
-                s("tr", null, [
-                  s("th", Rd, [
+          t("div", zd, [
+            t("table", Ud, [
+              t("thead", Wd, [
+                t("tr", null, [
+                  t("th", Rd, [
                     b.value?.feature?.deleteManyActive ? Ve((d(), a("input", {
                       key: 0,
                       type: "checkbox",
@@ -2009,27 +2010,27 @@ const fd = {
                       "onUpdate:modelValue": r[10] || (r[10] = (k) => Fe(se) ? se.value = k : null),
                       class: "jsgd-w-4 jsgd-h-4 jsgd-border jsgd-border-slate-200 jsgd-rounded-sm jsgd-bg-white jsgd-cursor-pointer jsgd-transition-all checked:jsgd-bg-blue-500 checked:jsgd-border-blue-500 focus:jsgd-outline-none focus:jsgd-ring-3 focus:jsgd-ring-blue-500/10 dark:jsgd-border-slate-700 dark:jsgd-bg-slate-900 dark:checked:jsgd-bg-blue-600 dark:checked:jsgd-border-blue-600"
                     }, null, 544)), [
-                      [qe, l(se)]
+                      [Ge, l(se)]
                     ]) : F("", !0)
                   ]),
                   (d(!0), a(P, null, R(b.value?.base.headersTabelDisplay, (k, o) => (d(), a("th", {
                     key: k,
-                    class: q(["jsgd-p-4 jsgd-text-left jsgd-text-xs jsgd-font-semibold jsgd-text-slate-500 jsgd-uppercase jsgd-tracking-wider jsgd-whitespace-nowrap dark:jsgd-text-slate-400", { "jsgd-hidden md:jsgd-table-cell": o > 0 }])
+                    class: G(["jsgd-p-4 jsgd-text-left jsgd-text-xs jsgd-font-semibold jsgd-text-slate-500 jsgd-uppercase jsgd-tracking-wider jsgd-whitespace-nowrap dark:jsgd-text-slate-400", { "jsgd-hidden md:jsgd-table-cell": o > 0 }])
                   }, [
-                    s("div", Gd, [
-                      ye(m(k) + " ", 1),
+                    t("div", qd, [
+                      pe(m(k) + " ", 1),
                       b.value?.feature?.sortable ? (d(), a("button", {
                         key: 0,
                         onClick: (W) => l(Te)(k),
                         class: "jsgd-bg-transparent jsgd-border-none jsgd-text-slate-400 jsgd-cursor-pointer jsgd-p-1 jsgd-rounded-md jsgd-transition-all jsgd-flex jsgd-items-center jsgd-justify-center hover:jsgd-text-slate-800 hover:jsgd-bg-slate-100 dark:jsgd-text-slate-500 dark:hover:jsgd-text-slate-100 dark:hover:jsgd-bg-slate-700"
                       }, [...r[21] || (r[21] = [
-                        s("svg", {
+                        t("svg", {
                           width: "16",
                           height: "16",
                           viewBox: "0 0 24 24",
                           fill: "none"
                         }, [
-                          s("path", {
+                          t("path", {
                             d: "M8 9L12 5L16 9M16 15L12 19L8 15",
                             stroke: "currentColor",
                             "stroke-width": "2",
@@ -2037,31 +2038,31 @@ const fd = {
                             "stroke-linejoin": "round"
                           })
                         ], -1)
-                      ])], 8, qd)) : F("", !0)
+                      ])], 8, Gd)) : F("", !0)
                     ])
                   ], 2))), 128)),
-                  s("th", Zd, m(v.value?.action || "Actions"), 1)
+                  t("th", Zd, m(v.value?.action || "Actions"), 1)
                 ])
               ]),
-              s("tbody", Qd, [
+              t("tbody", Qd, [
                 (d(!0), a(P, null, R(l(ae), (k) => (d(), a("tr", {
                   key: k?.[b.value?.keys?.idKey ?? "id"],
                   class: "jsgd-border-b jsgd-border-slate-50 jsgd-transition-all hover:jsgd-bg-slate-50 dark:jsgd-border-slate-800 dark:hover:jsgd-bg-slate-800"
                 }, [
-                  s("td", Jd, [
+                  t("td", Jd, [
                     b.value?.feature?.deleteManyActive ? Ve((d(), a("input", {
                       key: 0,
                       type: "checkbox",
-                      "onUpdate:modelValue": r[11] || (r[11] = (o) => Fe(L) ? L.value = o : null),
+                      "onUpdate:modelValue": r[11] || (r[11] = (o) => Fe(S) ? S.value = o : null),
                       value: k?.[b.value?.keys?.idKey ?? "id"],
                       class: "jsgd-w-4 jsgd-h-4 jsgd-border jsgd-border-slate-200 jsgd-rounded-sm jsgd-bg-white jsgd-cursor-pointer jsgd-transition-all checked:jsgd-bg-blue-500 checked:jsgd-border-blue-500 focus:jsgd-outline-none focus:jsgd-ring-3 focus:jsgd-ring-blue-500/10 dark:jsgd-border-slate-700 dark:jsgd-bg-slate-900 dark:checked:jsgd-bg-blue-600 dark:checked:jsgd-border-blue-600"
                     }, null, 8, Xd)), [
-                      [qe, l(L)]
+                      [Ge, l(S)]
                     ]) : F("", !0)
                   ]),
                   (d(!0), a(P, null, R(l(cd)(k), (o, W, ge) => (d(), a("td", {
                     key: W,
-                    class: q(["jsgd-p-4 jsgd-text-sm jsgd-text-slate-500 jsgd-max-w-[200px] dark:jsgd-text-slate-400", {
+                    class: G(["jsgd-p-4 jsgd-text-sm jsgd-text-slate-500 jsgd-max-w-[200px] dark:jsgd-text-slate-400", {
                       "jsgd-hidden md:jsgd-table-cell": ge > 0,
                       "jsgd-font-semibold jsgd-text-slate-800 dark:jsgd-text-slate-100": ge === 0
                     }])
@@ -2072,28 +2073,28 @@ const fd = {
                         innerHTML: o,
                         class: "jsgd-max-w-full jsgd-max-h-16 jsgd-overflow-hidden"
                       }, null, 8, Yd)) : j(W) === "boolean" ? (d(), a("div", ea, [
-                        s("span", {
-                          class: q(["jsgd-px-3 jsgd-py-1 jsgd-rounded-full jsgd-text-xs jsgd-font-medium jsgd-inline-block", {
+                        t("span", {
+                          class: G(["jsgd-px-3 jsgd-py-1 jsgd-rounded-full jsgd-text-xs jsgd-font-medium jsgd-inline-block", {
                             "jsgd-bg-green-500/10 jsgd-text-emerald-500 dark:jsgd-text-emerald-400": o,
                             "jsgd-bg-red-500/10 jsgd-text-red-500 dark:jsgd-text-red-400": !o
                           }])
                         }, m(o ? v.value?.btn.toogle?.active || "Active" : v.value?.btn.toogle?.inactive || "Inactive"), 3)
                       ])) : j(W) === "dateTime" || n(o) ? (d(), a("div", ta, [
-                        r[22] || (r[22] = s("svg", {
+                        r[22] || (r[22] = t("svg", {
                           width: "14",
                           height: "14",
                           viewBox: "0 0 24 24",
                           fill: "none",
                           class: "jsgd-shrink-0 jsgd-text-slate-500 dark:jsgd-text-slate-400"
                         }, [
-                          s("path", {
+                          t("path", {
                             d: "M8 7V3M16 7V3M4 11H20M5 21H19C20.1046 21 21 20.1046 21 19V7C21 5.89543 20.1046 5 19 5H5C3.89543 5 3 5.89543 3 7V19C3 20.1046 3.89543 21 5 21Z",
                             stroke: "currentColor",
                             "stroke-width": "2",
                             "stroke-linecap": "round",
                             "stroke-linejoin": "round"
                           }),
-                          s("path", {
+                          t("path", {
                             d: "M12 15H12.01M12 18H12.01M16 15H16.01M16 18H16.01M8 15H8.01M8 18H8.01",
                             stroke: "currentColor",
                             "stroke-width": "2",
@@ -2101,16 +2102,16 @@ const fd = {
                             "stroke-linejoin": "round"
                           })
                         ], -1)),
-                        s("span", null, m(y(o, b.value.base.lang ?? "en")), 1)
+                        t("span", null, m(y(o, b.value.base.lang ?? "en")), 1)
                       ])) : j(W) === "date" || g(o) ? (d(), a("div", sa, [
-                        r[23] || (r[23] = s("svg", {
+                        r[23] || (r[23] = t("svg", {
                           width: "14",
                           height: "14",
                           viewBox: "0 0 24 24",
                           fill: "none",
                           class: "jsgd-shrink-0 jsgd-text-slate-500 dark:jsgd-text-slate-400"
                         }, [
-                          s("path", {
+                          t("path", {
                             d: "M8 7V3M16 7V3M4 11H20M5 21H19C20.1046 21 21 20.1046 21 19V7C21 5.89543 20.1046 5 19 5H5C3.89543 5 3 5.89543 3 7V19C3 20.1046 3.89543 21 5 21Z",
                             stroke: "currentColor",
                             "stroke-width": "2",
@@ -2118,23 +2119,23 @@ const fd = {
                             "stroke-linejoin": "round"
                           })
                         ], -1)),
-                        s("span", null, m(f(o, b.value.base.lang ?? "en")), 1)
-                      ])) : j(W) === "time" || t(o) ? (d(), a("div", da, [
-                        r[24] || (r[24] = s("svg", {
+                        t("span", null, m(f(o, b.value.base.lang ?? "en")), 1)
+                      ])) : j(W) === "time" || s(o) ? (d(), a("div", da, [
+                        r[24] || (r[24] = t("svg", {
                           width: "14",
                           height: "14",
                           viewBox: "0 0 24 24",
                           fill: "none",
                           class: "jsgd-shrink-0 jsgd-text-slate-500 dark:jsgd-text-slate-400"
                         }, [
-                          s("path", {
+                          t("path", {
                             d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
                             stroke: "currentColor",
                             "stroke-width": "2",
                             "stroke-linecap": "round",
                             "stroke-linejoin": "round"
                           }),
-                          s("path", {
+                          t("path", {
                             d: "M12 6V12L16 14",
                             stroke: "currentColor",
                             "stroke-width": "2",
@@ -2142,10 +2143,10 @@ const fd = {
                             "stroke-linejoin": "round"
                           })
                         ], -1)),
-                        s("span", null, m(_(o, b.value.base.lang ?? "en")), 1)
+                        t("span", null, m(_(o, b.value.base.lang ?? "en")), 1)
                       ])) : j(W) === "image" || l(Ie)(o) ? (d(), a("div", aa, [
-                        s("div", la, [
-                          s("img", {
+                        t("div", la, [
+                          t("img", {
                             src: l(Pe)(o),
                             class: "jsgd-w-full jsgd-h-full jsgd-object-cover",
                             alt: `Preview ${W}`
@@ -2154,14 +2155,14 @@ const fd = {
                       ])) : j(W) === "arrayColor" || l(id)(o) ? (d(), a("div", oa, [
                         (d(!0), a(P, null, R(o.slice(0, 3), (te, ve) => (d(), a("div", {
                           key: ve,
-                          style: Se({ backgroundColor: te }),
+                          style: Le({ backgroundColor: te }),
                           class: "jsgd-w-6 jsgd-h-6 jsgd-rounded-full jsgd-border-2 jsgd-border-slate-200 jsgd-inline-block jsgd-mr-1 jsgd-cursor-pointer jsgd-transition-all hover:jsgd-scale-110 dark:jsgd-border-slate-700",
                           title: te
                         }, null, 12, ra))), 128)),
                         o.length > 3 ? (d(), a("span", ia, "+" + m(o.length - 3), 1)) : F("", !0)
                       ])) : j(W) === "color" || l(dt)(o) ? (d(), a("div", ga, [
-                        s("div", {
-                          style: Se({ backgroundColor: o }),
+                        t("div", {
+                          style: Le({ backgroundColor: o }),
                           class: "jsgd-w-8 jsgd-h-8 jsgd-rounded-full jsgd-border-2 jsgd-border-slate-200 jsgd-inline-block jsgd-mr-1 jsgd-cursor-pointer jsgd-transition-all hover:jsgd-scale-110 dark:jsgd-border-slate-700",
                           title: o
                         }, null, 12, ua)
@@ -2170,7 +2171,7 @@ const fd = {
                           key: ve,
                           class: "jsgd-w-8 jsgd-h-8 jsgd-rounded-md jsgd-overflow-hidden jsgd-border jsgd-border-slate-200 dark:jsgd-border-slate-700"
                         }, [
-                          s("img", {
+                          t("img", {
                             src: l(Pe)(te),
                             class: "jsgd-w-full jsgd-h-full jsgd-object-cover",
                             alt: `Preview ${W}-${ve}`
@@ -2178,20 +2179,20 @@ const fd = {
                         ]))), 128)),
                         o.length > 3 ? (d(), a("span", ba, "+" + m(o.length - 3), 1)) : F("", !0)
                       ])) : j(W) === "file" || l(st)(o) ? (d(), a("div", fa, [
-                        s("a", {
+                        t("a", {
                           href: l(Pe)(o),
                           target: "_blank",
                           rel: "noopener noreferrer",
                           class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-text-slate-500 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-slate-400 dark:hover:jsgd-text-blue-400"
                         }, [
-                          r[25] || (r[25] = s("svg", {
+                          r[25] || (r[25] = t("svg", {
                             width: "16",
                             height: "16",
                             viewBox: "0 0 24 24",
                             fill: "none",
                             class: "jsgd-shrink-0"
                           }, [
-                            s("path", {
+                            t("path", {
                               d: "M14 3V7C14 7.26522 14.1054 7.51957 14.2929 7.70711C14.4805 7.89464 14.7348 8 15 8H19M14 3H7C5.89543 3 5 3.89543 5 5V19C5 20.1046 5.89543 21 7 21H17C18.1046 21 19 20.1046 19 19V8M14 3L19 8",
                               stroke: "currentColor",
                               "stroke-width": "2",
@@ -2199,7 +2200,7 @@ const fd = {
                               "stroke-linejoin": "round"
                             })
                           ], -1)),
-                          s("span", ma, m(l(Je)(o)), 1)
+                          t("span", ma, m(l(Je)(o)), 1)
                         ], 8, ha)
                       ])) : j(W) === "arrayFile" || l(gd)(o) ? (d(), a("div", va, m(o.map((te) => l(Je)(te)).join(", ")), 1)) : j(W) === "url" ? (d(), a("a", {
                         key: 11,
@@ -2208,21 +2209,21 @@ const fd = {
                         rel: "noopener noreferrer",
                         class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-text-blue-500 hover:jsgd-underline jsgd-transition-colors dark:jsgd-text-blue-400"
                       }, [
-                        r[26] || (r[26] = s("svg", {
+                        r[26] || (r[26] = t("svg", {
                           width: "16",
                           height: "16",
                           viewBox: "0 0 24 24",
                           fill: "none",
                           class: "jsgd-shrink-0"
                         }, [
-                          s("path", {
+                          t("path", {
                             d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72",
                             stroke: "currentColor",
                             "stroke-width": "2",
                             "stroke-linecap": "round",
                             "stroke-linejoin": "round"
                           }),
-                          s("path", {
+                          t("path", {
                             d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72",
                             stroke: "currentColor",
                             "stroke-width": "2",
@@ -2230,32 +2231,32 @@ const fd = {
                             "stroke-linejoin": "round"
                           })
                         ], -1)),
-                        s("span", ka, m(o), 1)
+                        t("span", ka, m(o), 1)
                       ], 8, ya)) : j(W) === "currency" ? (d(), a("div", xa, m($(o)), 1)) : j(W) === "rate" ? (d(), a("div", pa, [
-                        (d(), a(P, null, R(5, (te) => s("svg", {
+                        (d(), a(P, null, R(5, (te) => t("svg", {
                           key: te,
                           width: "16",
                           height: "16",
                           viewBox: "0 0 24 24",
-                          class: q(
+                          class: G(
                             te <= o ? "jsgd-text-amber-400" : "jsgd-text-slate-300 dark:jsgd-text-slate-600"
                           )
                         }, [...r[27] || (r[27] = [
-                          s("path", {
+                          t("path", {
                             fill: "currentColor",
                             d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
                           }, null, -1)
                         ])], 2)), 64))
                       ])) : j(W) === "seo" ? (d(), a("div", wa, [
-                        s("div", {
-                          class: q(["jsgd-w-2.5 jsgd-h-2.5 jsgd-rounded-full", {
+                        t("div", {
+                          class: G(["jsgd-w-2.5 jsgd-h-2.5 jsgd-rounded-full", {
                             "jsgd-bg-red-500": o < 50,
                             "jsgd-bg-yellow-500": o >= 50 && o < 80,
                             "jsgd-bg-emerald-500": o >= 80
                           }])
                         }, null, 2),
-                        s("span", {
-                          class: q(["jsgd-font-semibold", {
+                        t("span", {
+                          class: G(["jsgd-font-semibold", {
                             "jsgd-text-red-600 dark:jsgd-text-red-400": o < 50,
                             "jsgd-text-yellow-600 dark:jsgd-text-yellow-400": o >= 50 && o < 80,
                             "jsgd-text-emerald-600 dark:jsgd-text-emerald-400": o >= 80
@@ -2264,26 +2265,26 @@ const fd = {
                       ])) : Array.isArray(o) ? (d(), a("div", _a, m(o.join(", ")), 1)) : (d(), a("div", Ca, m(o), 1))
                     ], 64)) : (d(), a("span", Ma, "—"))
                   ], 2))), 128)),
-                  s("td", Da, [
-                    s("div", $a, [
+                  t("td", Da, [
+                    t("div", $a, [
                       we(k).length <= 3 ? (d(!0), a(P, { key: 0 }, R(we(k), (o) => (d(), a("button", {
                         key: o.key,
                         onClick: o.handler,
-                        class: q([o.class, "jsgd-flex jsgd-items-center jsgd-gap-1.5 jsgd-px-3 jsgd-py-2 jsgd-border-none jsgd-rounded-lg jsgd-text-xs jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all jsgd-whitespace-nowrap hover:-jsgd-translate-y-px"])
+                        class: G([o.class, "jsgd-flex jsgd-items-center jsgd-gap-1.5 jsgd-px-3 jsgd-py-2 jsgd-border-none jsgd-rounded-lg jsgd-text-xs jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all jsgd-whitespace-nowrap hover:-jsgd-translate-y-px"])
                       }, [
                         o.icon ? (d(), a("span", {
                           key: 0,
                           class: "jsgd-flex jsgd-items-center jsgd-justify-center jsgd-w-4 jsgd-h-4",
                           innerHTML: o.icon
                         }, null, 8, Ta)) : F("", !0),
-                        s("span", Oa, m(o.label), 1)
+                        t("span", Oa, m(o.label), 1)
                       ], 10, Aa))), 128)) : we(k).length <= 5 ? (d(!0), a(P, { key: 1 }, R(we(k), (o) => (d(), a("div", {
                         key: o.key,
                         class: "jsgd-relative jsgd-group"
                       }, [
-                        s("button", {
+                        t("button", {
                           onClick: o.handler,
-                          class: q([o.class, "jsgd-flex jsgd-items-center jsgd-justify-center jsgd-w-9 jsgd-h-9 jsgd-border-none jsgd-rounded-lg jsgd-cursor-pointer jsgd-transition-all hover:-jsgd-translate-y-px"])
+                          class: G([o.class, "jsgd-flex jsgd-items-center jsgd-justify-center jsgd-w-9 jsgd-h-9 jsgd-border-none jsgd-rounded-lg jsgd-cursor-pointer jsgd-transition-all hover:-jsgd-translate-y-px"])
                         }, [
                           o.icon ? (d(), a("span", {
                             key: 0,
@@ -2291,19 +2292,19 @@ const fd = {
                             innerHTML: o.icon
                           }, null, 8, Ka)) : F("", !0)
                         ], 10, Ha),
-                        s("div", Ba, m(o.label), 1)
+                        t("div", Ba, m(o.label), 1)
                       ]))), 128)) : (d(), a(P, { key: 2 }, [
-                        s("button", {
+                        t("button", {
                           onClick: Ye((o) => ot(k?.[b.value?.keys?.idKey ?? "id"]), ["stop"]),
                           class: "jsgd-flex jsgd-items-center jsgd-justify-center jsgd-w-9 jsgd-h-9 jsgd-border-none jsgd-rounded-lg jsgd-text-xs jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all jsgd-whitespace-nowrap jsgd-bg-slate-500/10 jsgd-text-slate-500 hover:jsgd-bg-slate-500 hover:jsgd-text-white hover:-jsgd-translate-y-px dark:jsgd-text-slate-400 dark:hover:jsgd-bg-slate-600"
                         }, [...r[28] || (r[28] = [
-                          s("svg", {
+                          t("svg", {
                             width: "16",
                             height: "16",
                             viewBox: "0 0 24 24",
                             fill: "none"
                           }, [
-                            s("path", {
+                            t("path", {
                               d: "M5 12H5.01M12 12H12.01M19 12H19.01",
                               stroke: "currentColor",
                               "stroke-width": "2",
@@ -2311,15 +2312,15 @@ const fd = {
                               "stroke-linejoin": "round"
                             })
                           ], -1)
-                        ])], 8, Sa),
+                        ])], 8, La),
                         K(_e, { name: "jsgd-action-menu" }, {
                           default: Ce(() => [
-                            xe.value === k?.[b.value?.keys?.idKey ?? "id"] ? (d(), a("div", La, [
-                              s("ul", null, [
+                            ke.value === k?.[b.value?.keys?.idKey ?? "id"] ? (d(), a("div", Sa, [
+                              t("ul", null, [
                                 (d(!0), a(P, null, R(we(k), (o) => (d(), a("li", {
                                   key: `dropdown-${o.key}`
                                 }, [
-                                  s("button", {
+                                  t("button", {
                                     onClick: o.handler,
                                     class: "jsgd-w-full jsgd-flex jsgd-items-center jsgd-gap-3 jsgd-px-4 jsgd-py-2.5 jsgd-text-left jsgd-text-sm jsgd-border-none jsgd-bg-transparent jsgd-cursor-pointer jsgd-transition-colors jsgd-text-slate-700 hover:jsgd-bg-slate-100 dark:jsgd-text-slate-300 dark:hover:jsgd-bg-slate-700/50"
                                   }, [
@@ -2328,7 +2329,7 @@ const fd = {
                                       class: "jsgd-flex jsgd-items-center jsgd-justify-center jsgd-w-4 jsgd-h-4",
                                       innerHTML: o.icon
                                     }, null, 8, Va)) : F("", !0),
-                                    s("span", null, m(o.label), 1)
+                                    t("span", null, m(o.label), 1)
                                   ], 8, Ia)
                                 ]))), 128))
                               ])
@@ -2343,26 +2344,26 @@ const fd = {
               ])
             ])
           ]),
-          s("div", Fa, [
-            s("div", Na, m(b.value?.pagination?.indicator?.displayingText || "Showing") + " " + m((l(S) - 1) * (b.value?.pagination?.itemsPerPage ?? 5) + 1) + " - " + m(Math.min(
-              l(S) * (b.value?.pagination?.itemsPerPage ?? 5),
+          t("div", Fa, [
+            t("div", Na, m(b.value?.pagination?.indicator?.displayingText || "Showing") + " " + m((l(L) - 1) * (b.value?.pagination?.itemsPerPage ?? 5) + 1) + " - " + m(Math.min(
+              l(L) * (b.value?.pagination?.itemsPerPage ?? 5),
               l(ce).length
             )) + " of " + m(l(ce).length) + " " + m(b.value?.pagination?.indicator?.dataText || "") + " data ", 1),
-            s("div", Pa, [
-              s("button", {
+            t("div", Pa, [
+              t("button", {
                 onClick: r[12] || (r[12] = //@ts-ignore
                 (...k) => l(p) && l(p)(...k)),
-                disabled: l(S) === 1,
+                disabled: l(L) === 1,
                 class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-2 sm:jsgd-px-4 jsgd-py-2 sm:jsgd-py-3 jsgd-bg-white jsgd-border jsgd-border-slate-200 jsgd-rounded-lg jsgd-text-slate-800 jsgd-text-sm jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all hover:jsgd-bg-slate-100 hover:-jsgd-translate-y-px disabled:jsgd-opacity-50 disabled:jsgd-cursor-not-allowed disabled:jsgd-transform-none dark:jsgd-bg-slate-900 dark:jsgd-border-slate-700 dark:jsgd-text-slate-100 dark:hover:jsgd-bg-slate-800"
               }, [
-                r[29] || (r[29] = s("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
-                  s("svg", {
+                r[29] || (r[29] = t("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
+                  t("svg", {
                     width: "16",
                     height: "16",
                     viewBox: "0 0 24 24",
                     fill: "none"
                   }, [
-                    s("path", {
+                    t("path", {
                       d: "M15 18L9 12L15 6",
                       stroke: "currentColor",
                       "stroke-width": "2",
@@ -2371,33 +2372,33 @@ const fd = {
                     })
                   ])
                 ], -1)),
-                s("span", za, m(v.value?.btn?.prev || "Previous"), 1)
+                t("span", za, m(v.value?.btn?.prev || "Previous"), 1)
               ], 8, Ea),
-              s("div", Ua, [
+              t("div", Ua, [
                 (d(!0), a(P, null, R(l(re), (k) => (d(), a("button", {
                   key: k + "",
-                  onClick: (o) => typeof k == "number" && (S.value = k),
+                  onClick: (o) => typeof k == "number" && (L.value = k),
                   disabled: k === "...",
-                  class: q(["jsgd-min-w-8 sm:jsgd-min-w-10 jsgd-h-8 sm:jsgd-h-10 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-rounded-lg jsgd-text-xs sm:jsgd-text-sm jsgd-font-medium jsgd-transition-all jsgd-flex-shrink-0", [
-                    l(S) === k ? "jsgd-bg-blue-500 jsgd-text-white jsgd-border jsgd-border-blue-500 jsgd-cursor-default dark:jsgd-bg-blue-600 dark:jsgd-border-blue-600" : k === "..." ? "jsgd-bg-transparent jsgd-text-slate-400 jsgd-cursor-default jsgd-border-transparent" : "jsgd-bg-white jsgd-border jsgd-border-slate-200 jsgd-text-slate-800 jsgd-cursor-pointer hover:jsgd-bg-slate-100 dark:jsgd-bg-slate-900 dark:jsgd-border-slate-700 dark:jsgd-text-slate-100 dark:hover:jsgd-bg-slate-800"
+                  class: G(["jsgd-min-w-8 sm:jsgd-min-w-10 jsgd-h-8 sm:jsgd-h-10 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-rounded-lg jsgd-text-xs sm:jsgd-text-sm jsgd-font-medium jsgd-transition-all jsgd-flex-shrink-0", [
+                    l(L) === k ? "jsgd-bg-blue-500 jsgd-text-white jsgd-border jsgd-border-blue-500 jsgd-cursor-default dark:jsgd-bg-blue-600 dark:jsgd-border-blue-600" : k === "..." ? "jsgd-bg-transparent jsgd-text-slate-400 jsgd-cursor-default jsgd-border-transparent" : "jsgd-bg-white jsgd-border jsgd-border-slate-200 jsgd-text-slate-800 jsgd-cursor-pointer hover:jsgd-bg-slate-100 dark:jsgd-bg-slate-900 dark:jsgd-border-slate-700 dark:jsgd-text-slate-100 dark:hover:jsgd-bg-slate-800"
                   ]])
                 }, m(k), 11, Wa))), 128))
               ]),
-              s("button", {
+              t("button", {
                 onClick: r[13] || (r[13] = //@ts-ignore
                 (...k) => l(C) && l(C)(...k)),
-                disabled: l(S) === l(ie) || l(ie) === 0,
+                disabled: l(L) === l(ie) || l(ie) === 0,
                 class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-2 sm:jsgd-px-4 jsgd-py-2 sm:jsgd-py-3 jsgd-bg-white jsgd-border jsgd-border-slate-200 jsgd-rounded-lg jsgd-text-slate-800 jsgd-text-sm jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all hover:jsgd-bg-slate-100 hover:-jsgd-translate-y-px disabled:jsgd-opacity-50 disabled:jsgd-cursor-not-allowed disabled:jsgd-transform-none dark:jsgd-bg-slate-900 dark:jsgd-border-slate-700 dark:jsgd-text-slate-100 dark:hover:jsgd-bg-slate-800"
               }, [
-                s("span", Ga, m(v.value?.btn?.next || "Next"), 1),
-                r[30] || (r[30] = s("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
-                  s("svg", {
+                t("span", qa, m(v.value?.btn?.next || "Next"), 1),
+                r[30] || (r[30] = t("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
+                  t("svg", {
                     width: "16",
                     height: "16",
                     viewBox: "0 0 24 24",
                     fill: "none"
                   }, [
-                    s("path", {
+                    t("path", {
                       d: "M9 18L15 12L9 6",
                       stroke: "currentColor",
                       "stroke-width": "2",
@@ -2413,7 +2414,7 @@ const fd = {
       ])
     ]));
   }
-}), ll = /* @__PURE__ */ Le(qa, [["__scopeId", "data-v-c975ec7c"]]);
+}), ll = /* @__PURE__ */ Se(Ga, [["__scopeId", "data-v-c975ec7c"]]);
 export {
   Ke as F,
   nd as M,