@jsg-developer/vue-pack 0.0.6 → 0.0.7

package/dist/chunks/{resize-BA9Vve1P.es.js → resize-DjoINfaT.es.js}

@@ -1,8 +1,8 @@
-import { ref as A, inject as ae, computed as Z, watch as se, toRaw as Te, defineComponent as re, onMounted as Oe, onUnmounted as Tt, createBlock as J, openBlock as m, Transition as Ce, withCtx as ue, createElementVNode as n, createVNode as Ie, normalizeClass as R, createElementBlock as w, createCommentVNode as $, toDisplayString as M, unref as a, TransitionGroup as Et, Fragment as X, renderList as te, createTextVNode as _, withModifiers as Ve, normalizeStyle as Pe, defineAsyncComponent as de, resolveDynamicComponent as Lt, renderSlot as Pt, Teleport as Rt, nextTick as zt, withDirectives as tt, vModelText as xt, createStaticVNode as yt, isRef as Bt, vModelCheckbox as Ut, withKeys as Kt } from "vue";
+import { ref as A, inject as ae, computed as Z, watch as se, toRaw as Te, defineComponent as le, onMounted as Oe, onUnmounted as Vt, createBlock as J, openBlock as m, Transition as Ce, withCtx as ue, createElementVNode as n, createVNode as Ie, normalizeClass as R, createElementBlock as w, createCommentVNode as $, toDisplayString as M, unref as a, TransitionGroup as Tt, Fragment as X, renderList as te, createTextVNode as _, withModifiers as Ve, normalizeStyle as Pe, defineAsyncComponent as re, resolveDynamicComponent as Et, renderSlot as Lt, Teleport as Pt, nextTick as Rt, withDirectives as et, vModelText as vt, createStaticVNode as xt, isRef as zt, vModelCheckbox as Bt, withKeys as Ut } from "vue";
 import "dompurify";
 import ze from "lodash.isequal";
-import { ZodError as Ot } from "zod";
-function Ft(e, s) {
+import { ZodError as Kt } from "zod";
+function Ot(e, s) {
   const t = A([]), g = ae("TableComponents")?.labels, r = Z(() => `${e.field.label ?? e.fieldKey} ${e.field.required ? g.value.required ?? "*" : g.value.optional ?? "(Optional)"}`), l = (d, u) => [.../* @__PURE__ */ new Set([...d, ...u])];
   return {
     label: r,
@@ -18,20 +18,20 @@ function Ft(e, s) {
     mergeNumberArrays: l
   };
 }
-function Nt(e, s) {
+function Ft(e, s) {
   for (e = Math.abs(e), s = Math.abs(s); s !== 0; ) {
     const t = e % s;
     e = s, s = t;
   }
   return e || 1;
 }
-function Ge(e, s) {
+function We(e, s) {
   if (e === 0 || s === 0)
     return { w: e, h: s };
-  const t = Nt(e, s);
+  const t = Ft(e, s);
   return { w: Math.round(e / t), h: Math.round(s / t) };
 }
-function nt(e, s) {
+function lt(e, s) {
   if (s === 0)
     return `${e}:0`;
   const t = e / s, g = {
@@ -44,13 +44,13 @@ function nt(e, s) {
   for (const [o, d] of Object.entries(g))
     if (Math.abs(t - d) < r)
       return o;
-  const l = Ge(e, s);
+  const l = We(e, s);
   return `${l.w}:${l.h}`;
 }
 function ce() {
   return Math.random().toString(36).substring(2, 9);
 }
-function qt(e, s) {
+function Nt(e, s) {
   if (Array.isArray(e) && Array.isArray(s)) {
     if (e.length !== s.length) return !1;
     for (let t = 0; t < e.length; t++) if (e[t] !== s[t]) return !1;
@@ -58,8 +58,8 @@ function qt(e, s) {
   }
   return e === s;
 }
-function ot(e) {
-  return Array.isArray(e) ? e.some(ot) : e && typeof e == "object" ? Object.values(e).some(ot) : typeof e == "string" ? e.trim().length > 0 : !1;
+function nt(e) {
+  return Array.isArray(e) ? e.some(nt) : e && typeof e == "object" ? Object.values(e).some(nt) : typeof e == "string" ? e.trim().length > 0 : !1;
 }
 function W(e, s) {
   return s.split(".").reduce((t, g) => t?.[g], e);
@@ -68,7 +68,7 @@ function ve(e, s, t) {
   const g = s.split("."), r = g.pop(), l = g.reduce((o, d) => (o[d] || (o[d] = {}), o[d]), e);
   l[r] = t;
 }
-function Ht(e, s) {
+function qt(e, s) {
   const t = s.split(".");
   let g = e;
   for (let l = 0; l < t.length - 1; l++) {
@@ -80,18 +80,18 @@ function Ht(e, s) {
   for (let l = t.length - 2; l >= 0; l--) {
     const o = t.slice(0, l + 1).join("."), d = W(e, o);
     if (d && typeof d == "object" && Object.keys(d).length === 0)
-      Ht(e, o);
+      qt(e, o);
     else
       break;
   }
 }
-function it(e) {
+function ot(e) {
   return e == null ? !0 : Array.isArray(e) ? e.length === 0 : typeof e == "object" ? Object.keys(e).length === 0 : !1;
 }
-function Wt(e, s) {
+function Ht(e, s) {
   const t = s.split("."), g = (r, l) => {
     if (!l.length || !r)
-      return it(r);
+      return ot(r);
     const o = l[0], d = l.slice(1), u = /^\d+$/.test(o), v = u ? parseInt(o, 10) : -1;
     if (d.length === 0)
       Array.isArray(r) && u ? v < r.length && r.splice(v, 1) : typeof r == "object" && !Array.isArray(r) && delete r[o];
@@ -99,31 +99,31 @@ function Wt(e, s) {
       const x = Array.isArray(r) && u ? r[v] : r[o];
       g(x, d) && (Array.isArray(r) && u ? v < r.length && r.splice(v, 1) : typeof r == "object" && !Array.isArray(r) && delete r[o]);
     }
-    return it(r);
+    return ot(r);
   };
   g(e, t);
 }
-function gt(e, s = "optionGroupSchema") {
+function it(e, s = "optionGroupSchema") {
   const t = new RegExp(`(\\.?${s})+`, "g");
   return e.replace(t, "").replace(/\.+/g, ".").replace(/^\.|\.$/g, "");
 }
-const Gt = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Jt = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, Yt = /^([01]\d|2[0-3]):([0-5]\d)$/, Zt = /^[+]?[\d\s-]{7,15}$/, Xt = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])T([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/;
+const Wt = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Gt = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, Jt = /^([01]\d|2[0-3]):([0-5]\d)$/, Yt = /^[+]?[\d\s-]{7,15}$/, Zt = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])T([01]\d|2[0-3]):([0-5]\d)(:[0-5]\d)?$/;
 function Me(e) {
-  if (!Jt.test(e))
+  if (!Gt.test(e))
     throw new Error(`Invalid DateOnly format: ${e}. Use YYYY-MM-DD`);
   return e;
 }
-function ut(e) {
-  if (!Yt.test(e))
+function gt(e) {
+  if (!Jt.test(e))
     throw new Error(`Invalid TimeOnly format: ${e}. Use HH:mm`);
   return e;
 }
-function Rr(e) {
-  if (!Xt.test(e))
+function Pr(e) {
+  if (!Zt.test(e))
     throw new Error(`Invalid DateTimeString format: ${e}. Use ISO YYYY-MM-DDTHH:mm[:ss]`);
   return e;
 }
-const kt = {
+const yt = {
   en: "{label} is required",
   id: "{label} wajib diisi",
   es: "{label} es obligatorio",
@@ -517,7 +517,7 @@ const kt = {
     zh: "您最多只能上传 {max} 个文件",
     ja: "アップロードできるファイルは最大 {max} 件までです"
   }
-}, oe = {
+}, ie = {
   en: {
     lang: "en",
     required: "(Required)",
@@ -1271,19 +1271,19 @@ const kt = {
     }
   }
 };
-function zr(e, s) {
-  oe[e] = s;
+function Rr(e, s) {
+  ie[e] = s;
 }
-function Br(e, s) {
-  kt[e] = s;
+function zr(e, s) {
+  yt[e] = s;
 }
-function Ur(e, s, t) {
+function Br(e, s, t) {
   Le[e] || (Le[e] = {}), Le[e][s] = t;
 }
-function ct(e, s) {
-  return kt[e].replace(/\{(\w+)\}/g, (g, r) => s[r] || "");
+function ut(e, s) {
+  return yt[e].replace(/\{(\w+)\}/g, (g, r) => s[r] || "");
 }
-function Qt(e, s, t, g, r) {
+function Xt(e, s, t, g, r) {
   const l = A({}), o = A([]), d = A({}), u = A({}), v = A({}), x = A({}), c = A({}), i = A(!1), j = A(null), h = Z(() => e.isUpdate ? Object.keys(l.value).some((b) => {
     const y = l.value[b], T = v.value[b];
     return Array.isArray(y) && Array.isArray(T) ? JSON.stringify(y) !== JSON.stringify(T) : y instanceof File ? !0 : y !== T;
@@ -1296,48 +1296,48 @@ function Qt(e, s, t, g, r) {
     { deep: !0, immediate: !0 }
   );
   function f() {
-    if (!e.seo) return;
-    const b = e.seo, y = l.value, T = b.title ? W(y, b.title) : "", P = b.description ? W(y, b.description) : "", U = b.focusKeyword ? W(y, b.focusKeyword) : "", z = b.news ? W(y, b.news) : "", H = document.createElement("div");
+    if (typeof document > "u" || !e.seo) return;
+    const b = e.seo, y = l.value, T = b.title ? W(y, b.title) : "", P = b.description ? W(y, b.description) : "", K = b.focusKeyword ? W(y, b.focusKeyword) : "", z = b.news ? W(y, b.news) : "", H = document.createElement("div");
     H.innerHTML = z || "";
-    const he = H.textContent || H.innerText || "", ne = he.toLowerCase().match(/[a-z0-9\u00C0-\u00FF]+/gi) || [], be = ne.length, ye = [];
-    let lt = 0, Fe = 0;
-    const me = (pe, ke, $e, we = 1) => {
-      ye.push({ passed: pe, message: ke, label: $e }), Fe += we, pe && (lt += we);
+    const be = H.textContent || H.innerText || "", oe = be.toLowerCase().match(/[a-z0-9\u00C0-\u00FF]+/gi) || [], fe = oe.length, ye = [];
+    let rt = 0, Fe = 0;
+    const me = (pe, De, we, $e = 1) => {
+      ye.push({ passed: pe, message: De, label: we }), Fe += $e, pe && (rt += $e);
     };
-    if (U && U.length > 2) {
-      const pe = U.toLowerCase(), ke = (T || "").toLowerCase();
+    if (K && K.length > 2) {
+      const pe = K.toLowerCase(), De = (T || "").toLowerCase();
       me(
-        ke.includes(pe),
-        ke.includes(pe) ? "Focus Keyword ada di Judul" : "Focus Keyword tidak ditemukan di Judul",
+        De.includes(pe),
+        De.includes(pe) ? "Focus Keyword ada di Judul" : "Focus Keyword tidak ditemukan di Judul",
         "Title Keyword",
         3
       );
-      const $e = (P || "").toLowerCase();
+      const we = (P || "").toLowerCase();
       if (me(
-        $e.includes(pe),
-        $e.includes(pe) ? "Focus Keyword ada di Deskripsi" : "Focus Keyword tidak ditemukan di Meta Desc",
+        we.includes(pe),
+        we.includes(pe) ? "Focus Keyword ada di Deskripsi" : "Focus Keyword tidak ditemukan di Meta Desc",
         "Description Keyword",
         2
       ), b.news) {
-        const we = pe.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Se = (he.toLowerCase().match(new RegExp(we, "g")) || []).length;
+        const $e = pe.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), de = (be.toLowerCase().match(new RegExp($e, "g")) || []).length;
         if (me(
-          Se > 0,
-          Se > 0 ? `Focus Keyword muncul ${Se} kali` : "Focus Keyword tidak ada di konten",
+          de > 0,
+          de > 0 ? `Focus Keyword muncul ${de} kali` : "Focus Keyword tidak ada di konten",
           "Content Keyword Presence",
           3
-        ), be > 0 && Se > 0) {
-          const ie = Se / be * 100, fe = ie.toFixed(2);
-          ie > 3.5 ? me(
+        ), fe > 0 && de > 0) {
+          const he = de / fe * 100, ke = he.toFixed(2);
+          he > 3.5 ? me(
             !1,
-            `Keyword Density terlalu tinggi (${fe}%). Terlalu banyak pengulangan!`,
+            `Keyword Density terlalu tinggi (${ke}%). Terlalu banyak pengulangan!`,
             "Keyword Density",
             2
-          ) : ie < 0.3 ? me(
+          ) : he < 0.3 ? me(
             !0,
-            `Keyword Density agak rendah (${fe}%), coba tambah sedikit lagi.`,
+            `Keyword Density agak rendah (${ke}%), coba tambah sedikit lagi.`,
             "Keyword Density",
             1
-          ) : me(!0, `Keyword Density bagus (${fe}%).`, "Keyword Density", 2);
+          ) : me(!0, `Keyword Density bagus (${ke}%).`, "Keyword Density", 2);
         }
       }
     } else
@@ -1357,50 +1357,55 @@ function Qt(e, s, t, g, r) {
       2
     ), b.news) {
       if (me(
-        be >= 300,
-        be >= 300 ? `Jumlah kata cukup (${be})` : `Konten terlalu pendek (${be}/300 kata)`,
+        fe >= 300,
+        fe >= 300 ? `Jumlah kata cukup (${fe})` : `Konten terlalu pendek (${fe}/300 kata)`,
         "Word Count",
         3
-      ), be > 50) {
-        const ie = {}, fe = U ? U.toLowerCase() : "";
-        ne.forEach((Ae) => {
-          Ae.length > 3 && Ae !== fe && (ie[Ae] = (ie[Ae] || 0) + 1);
+      ), fe > 50) {
+        const de = {}, he = K ? K.toLowerCase() : "";
+        oe.forEach((Ae) => {
+          Ae.length > 3 && Ae !== he && (de[Ae] = (de[Ae] || 0) + 1);
         });
-        const He = Object.entries(ie).filter(([Ae, Vt]) => Vt / be * 100 > 4.5).map(([Ae]) => Ae);
+        const ke = Object.entries(de).filter(([Ae, It]) => It / fe * 100 > 4.5).map(([Ae]) => Ae);
         me(
-          He.length === 0,
-          He.length === 0 ? "Variasi kata bagus" : `Kata diulang berlebihan: "${He.slice(0, 3).join(", ")}..."`,
+          ke.length === 0,
+          ke.length === 0 ? "Variasi kata bagus" : `Kata diulang berlebihan: "${ke.slice(0, 3).join(", ")}..."`,
           "Repetitive Words",
           1
         );
       }
-      const pe = he.substring(0, 200).toLowerCase();
-      U && me(
-        pe.includes(U.toLowerCase()),
-        pe.includes(U.toLowerCase()) ? "Keyword ada di awal artikel" : "Keyword sebaiknya ada di paragraf 1",
-        "First Paragraph",
-        1
-      );
-      const ke = H.getElementsByTagName("img");
-      if (ke.length > 0) {
-        let ie = 0;
-        for (let fe = 0; fe < ke.length; fe++)
-          ke[fe].getAttribute("alt") || ie++;
+      if (be.length > 0) {
+        const de = Math.min(be.length, 200), he = be.substring(0, de).toLowerCase();
+        if (K) {
+          const ke = K.toLowerCase();
+          me(
+            he.includes(ke),
+            he.includes(ke) ? "Keyword ada di awal artikel" : "Keyword sebaiknya ada di paragraf 1",
+            "First Paragraph",
+            1
+          );
+        }
+      }
+      const pe = H.getElementsByTagName("img");
+      if (pe.length > 0) {
+        let de = 0;
+        for (let he = 0; he < pe.length; he++)
+          pe[he].getAttribute("alt") || de++;
         me(
-          ie === 0,
-          ie === 0 ? `Gambar (${ke.length}) memiliki Alt Text` : `${ie} gambar tanpa Alt Text`,
+          de === 0,
+          de === 0 ? `Gambar (${pe.length}) memiliki Alt Text` : `${de} gambar tanpa Alt Text`,
           "Image Alt",
           2
         );
       }
-      const $e = H.querySelectorAll("video, iframe");
-      if ($e.length > 0) {
-        let ie = 0;
-        $e.forEach((fe) => {
-          !fe.getAttribute("title") && !fe.getAttribute("aria-label") && ie++;
+      const De = H.querySelectorAll("video, iframe");
+      if (De.length > 0) {
+        let de = 0;
+        De.forEach((he) => {
+          !he.getAttribute("title") && !he.getAttribute("aria-label") && de++;
         }), me(
-          ie === 0,
-          ie === 0 ? "Video memiliki label/title" : "Video tanpa atribut title",
+          de === 0,
+          de === 0 ? "Video memiliki label/title" : "Video tanpa atribut title",
           "Video Access",
           2
         );
@@ -1412,30 +1417,30 @@ function Qt(e, s, t, g, r) {
           `Struktur bagus: Ditemukan ${we.length} subheading (H2/H3)`,
           "Subheadings",
           1
-        ), U) {
-          let ie = !1;
-          we.forEach((fe) => {
-            (fe.textContent || "").toLowerCase().includes(U.toLowerCase()) && (ie = !0);
+        ), K) {
+          let de = !1;
+          we.forEach((he) => {
+            (he.textContent || "").toLowerCase().includes(K.toLowerCase()) && (de = !0);
           }), me(
-            ie,
-            ie ? "Keyword muncul di subheading" : "Sebaiknya masukkan keyword di salah satu H2/H3",
+            de,
+            de ? "Keyword muncul di subheading" : "Sebaiknya masukkan keyword di salah satu H2/H3",
             "Heading Keyword",
             1
           );
         }
       } else
-        be > 300 && me(
+        fe > 300 && me(
           !1,
           "Artikel panjang sebaiknya menggunakan Subheading (H2/H3)",
           "Subheadings",
           1
         );
-      const Se = H.querySelectorAll("a");
-      Se.length > 0 ? me(!0, `Ditemukan ${Se.length} tautan (links) dalam artikel`, "Links", 1) : me(!1, "Artikel belum memiliki tautan (internal/eksternal)", "Links", 1);
+      const $e = H.querySelectorAll("a");
+      $e.length > 0 ? me(!0, `Ditemukan ${$e.length} tautan (links) dalam artikel`, "Links", 1) : me(!1, "Artikel belum memiliki tautan (internal/eksternal)", "Links", 1);
     }
-    const It = Fe > 0 ? Math.round(lt / Fe * 100) : 0;
+    const Ct = Fe > 0 ? Math.round(rt / Fe * 100) : 0;
     j.value = {
-      score: It,
+      score: Ct,
       details: ye
     };
   }
@@ -1450,54 +1455,54 @@ function Qt(e, s, t, g, r) {
     const y = {}, T = {}, P = e.initialData ?? {};
     V(b, y, T, P), l.value = y, v.value = T;
   }
-  function V(b, y, T, P = {}, U) {
+  function V(b, y, T, P = {}, K) {
     for (const [z, H] of Object.entries(b)) {
       if (H.type === "optionGroupSchema") {
         if (H.withValue) {
-          const ne = z in P ? P[z] : C(H);
-          ve(y, z, ne), ve(
+          const oe = z in P ? P[z] : C(H);
+          ve(y, z, oe), ve(
             T,
             z,
-            structuredClone(Te(ne))
+            structuredClone(Te(oe))
           );
         }
         S(H, y, T, P);
         continue;
       }
       if (H.type === "object") {
-        const ne = P[z] || {};
+        const oe = P[z] || {};
         y[z] = {}, T[z] = {}, V(
           H.schema || {},
           y[z],
           T[z],
-          ne
+          oe
         );
         continue;
       }
-      const he = z in P ? P[z] : C(H);
-      ve(y, z, he), ve(
+      const be = z in P ? P[z] : C(H);
+      ve(y, z, be), ve(
         T,
         z,
-        structuredClone(Te(he))
+        structuredClone(Te(be))
       );
     }
   }
   function S(b, y, T, P) {
-    for (const [U, z] of Object.entries(b.options))
-      for (const [H, he] of Object.entries(z)) {
-        const ne = he;
-        if (ne.type === "object") {
+    for (const [K, z] of Object.entries(b.options))
+      for (const [H, be] of Object.entries(z)) {
+        const oe = be;
+        if (oe.type === "object") {
           const ye = P[H] || {};
           y[H] = {}, T[H] = {}, V(
-            ne.schema || {},
+            oe.schema || {},
             y[H],
             T[H],
             ye
           );
           continue;
         }
-        const be = H in P ? P[H] : C(ne);
-        y[H] = be, T[H] = structuredClone(Te(be));
+        const fe = H in P ? P[H] : C(oe);
+        y[H] = fe, T[H] = structuredClone(Te(fe));
       }
   }
   function C(b) {
@@ -1533,10 +1538,10 @@ function Qt(e, s, t, g, r) {
   }
   function B(b, y) {
     const T = W(u.value, y);
-    qt(T, b) || ve(u.value, y, b);
+    Nt(T, b) || ve(u.value, y, b);
   }
   function ee(b) {
-    Wt(u.value, b);
+    Ht(u.value, b);
   }
   function O() {
     let b = !0;
@@ -1545,34 +1550,34 @@ function Qt(e, s, t, g, r) {
   function Q() {
     let b = O();
     function y(T, P = "") {
-      let U = !0;
+      let K = !0;
       for (const [z, H] of Object.entries(T)) {
-        const he = P ? `${P}.${z}` : z;
+        const be = P ? `${P}.${z}` : z;
         if (H.type === "object") {
-          const be = l.value[z] || {};
-          U = q(he, H.schema || {}, be) && U;
+          const fe = l.value[z] || {};
+          K = q(be, H.schema || {}, fe) && K;
           continue;
         }
         if (H.type === "optionGroupSchema") {
-          U = p(z, H, z) && U;
+          K = p(z, H, z) && K;
           continue;
         }
-        U = k(z, H) && U;
+        K = k(z, H) && K;
       }
-      return d.value.length === 0 && (b = !0), U;
+      return d.value.length === 0 && (b = !0), K;
     }
     return b = y(e.schema) && b, d.value.length === 0 && (b = !0), b;
   }
   function q(b, y, T) {
     let P = !0;
-    for (const [U, z] of Object.entries(y)) {
-      const H = b ? `${b}.${U}` : U;
+    for (const [K, z] of Object.entries(y)) {
+      const H = b ? `${b}.${K}` : K;
       if (z.type === "object") {
-        P = q(H, z.schema || {}, T?.[U] || {}) && P;
+        P = q(H, z.schema || {}, T?.[K] || {}) && P;
         continue;
       }
       if (z.type === "optionGroupSchema") {
-        P = p(H, z, U) && P;
+        P = p(H, z, K) && P;
         continue;
       }
       k(H, z) ? ee(H) : P = !1;
@@ -1582,7 +1587,7 @@ function Qt(e, s, t, g, r) {
   function k(b, y) {
     const T = W(l.value, b);
     if (y.required && L(T)) {
-      ve(d.value, b, ct(e.lang ?? "en", { label: y.label ?? b }));
+      ve(d.value, b, ut(e.lang ?? "en", { label: y.label ?? b }));
       const P = W(d.value, b);
       return g("error", y.label ?? b, Array.isArray(P) ? P : [P]), !1;
     } else if (W(u.value, b)) {
@@ -1595,33 +1600,33 @@ function Qt(e, s, t, g, r) {
   function p(b, y, T) {
     const P = y.typeDesign === "cekbox" && (!Array.isArray(W(c.value, b)) || W(c.value, b).length === 0) || y.typeDesign !== "cekbox" && W(x.value, b) == null;
     if (y.required && P) {
-      ve(d.value, b, ct(e.lang ?? "en", { label: y.label ?? b }));
-      const U = W(d.value, b);
-      return U && g("error", y.label ?? b, Array.isArray(U) ? U : [U]), !1;
+      ve(d.value, b, ut(e.lang ?? "en", { label: y.label ?? b }));
+      const K = W(d.value, b);
+      return K && g("error", y.label ?? b, Array.isArray(K) ? K : [K]), !1;
     }
     if (y.typeDesign === "select") {
-      const U = W(x.value, b);
-      return U == null || !y.options[U] ? !0 : E(y.options[U], gt(b, T));
+      const K = W(x.value, b);
+      return K == null || !y.options[K] ? !0 : E(y.options[K], it(b, T));
     }
     if (y.typeDesign === "cekbox") {
-      const U = Array.isArray(W(c.value, b)) ? W(c.value, b) : [];
+      const K = Array.isArray(W(c.value, b)) ? W(c.value, b) : [];
       let z = !0;
-      for (const H of U)
-        y.options[H] && (z = E(y.options[H], gt(b, T)) && z);
+      for (const H of K)
+        y.options[H] && (z = E(y.options[H], it(b, T)) && z);
       return z;
     }
     return !0;
   }
   function E(b, y) {
     let T = !0;
-    for (const [P, U] of Object.entries(b)) {
+    for (const [P, K] of Object.entries(b)) {
       const z = y ? y + "." + P : P;
-      if (U.type === "object") {
-        const he = W(l.value, z) || {};
-        T = q(z, U.schema || {}, he) && T;
+      if (K.type === "object") {
+        const be = W(l.value, z) || {};
+        T = q(z, K.schema || {}, be) && T;
         continue;
       }
-      if (!k(z, U)) {
+      if (!k(z, K)) {
         T = !1;
         continue;
       }
@@ -1642,23 +1647,23 @@ function Qt(e, s, t, g, r) {
       }, 2e3);
       return;
     }
-    const b = le();
+    const b = ne();
     e.seo?.sendSeo && j.value && (b.seoScore = j.value.score), s("submit", b), setTimeout(() => {
       i.value = !1;
     }, 2e3);
   }
-  function le() {
+  function ne() {
     const b = e.schema, y = l.value, T = e.initialData ?? {}, P = e.id && e.isUpdate ? { id: e.id } : {};
     return F(b, y, T, P);
   }
   function F(b, y, T, P = {}) {
     if (Array.isArray(b)) {
-      for (const U of b)
-        for (const [z, H] of Object.entries(U)) {
+      for (const K of b)
+        for (const [z, H] of Object.entries(K)) {
           if (H.type === "optionGroupSchema") {
             Object.assign(
               P,
-              K(H, y, T, z, y?.[z])
+              U(H, y, T, z, y?.[z])
             );
             continue;
           }
@@ -1674,19 +1679,19 @@ function Qt(e, s, t, g, r) {
         }
       return P;
     }
-    for (const [U, z] of Object.entries(b)) {
+    for (const [K, z] of Object.entries(b)) {
       if (z.type === "optionGroupSchema") {
         Object.assign(
           P,
-          K(z, y, T, U, y?.[U])
+          U(z, y, T, K, y?.[K])
         );
         continue;
       }
       if (z.type === "object") {
-        P[U] = F(z.schema, y?.[U] ?? {}, T?.[U] ?? {});
+        P[K] = F(z.schema, y?.[K] ?? {}, T?.[K] ?? {});
         continue;
       }
-      P[U] = G(y?.[U], z, T?.[U]);
+      P[K] = G(y?.[K], z, T?.[K]);
     }
     return P;
   }
@@ -1707,28 +1712,28 @@ function Qt(e, s, t, g, r) {
     }
     return b;
   }
-  function K(b, y, T, P, U) {
+  function U(b, y, T, P, K) {
     const z = {};
-    b.withValue && P && (z[P] = G(U, b, T?.[P]));
-    for (const [H, he] of Object.entries(b.options))
-      for (const [ne, be] of Object.entries(he)) {
-        const ye = be;
+    b.withValue && P && (z[P] = G(K, b, T?.[P]));
+    for (const [H, be] of Object.entries(b.options))
+      for (const [oe, fe] of Object.entries(be)) {
+        const ye = fe;
         if (ye.type === "object") {
-          z[ne] = F(
+          z[oe] = F(
             ye.schema || {},
-            y?.[ne] ?? {},
-            T?.[ne] ?? {}
+            y?.[oe] ?? {},
+            T?.[oe] ?? {}
           );
           continue;
         }
         if (ye.type === "optionGroupSchema") {
           Object.assign(
             z,
-            K(ye, y, T, ne, y?.[ne])
+            U(ye, y, T, oe, y?.[oe])
           );
           continue;
         }
-        z[ne] = G(y?.[ne], ye, T?.[ne]);
+        z[oe] = G(y?.[oe], ye, T?.[oe]);
       }
     return z;
   }
@@ -1752,30 +1757,30 @@ function Qt(e, s, t, g, r) {
     deleteInputValidateErrorMessage: ee
   };
 }
-const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-p-4 jsgd-bg-black/70 jsgd-backdrop-blur-md" }, es = { class: "jsgd-p-6 jsgd-bg-gradient-to-br jsgd-from-indigo-600 jsgd-to-violet-600 jsgd-text-white jsgd-relative jsgd-shadow-md md:jsgd-px-8 md:jsgd-py-6 jsgd-flex-shrink-0" }, ts = { class: "jsgd-flex jsgd-justify-between jsgd-items-center" }, ss = { class: "jsgd-flex jsgd-items-center jsgd-gap-3 jsgd-text-center md:jsgd-text-left md:jsgd-flex-row jsgd-flex-col md:jsgd-gap-3" }, as = { class: "jsgd-flex jsgd-items-center jsgd-gap-3 jsgd-flex-wrap" }, ds = {
+const Qt = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-p-4 jsgd-bg-black/70 jsgd-backdrop-blur-md" }, _t = { class: "jsgd-p-6 jsgd-bg-gradient-to-br jsgd-from-indigo-600 jsgd-to-violet-600 jsgd-text-white jsgd-relative jsgd-shadow-md md:jsgd-px-8 md:jsgd-py-6 jsgd-flex-shrink-0" }, es = { class: "jsgd-flex jsgd-justify-between jsgd-items-center" }, ts = { class: "jsgd-flex jsgd-items-center jsgd-gap-3 jsgd-text-center md:jsgd-text-left md:jsgd-flex-row jsgd-flex-col md:jsgd-gap-3" }, ss = { class: "jsgd-flex jsgd-items-center jsgd-gap-3 jsgd-flex-wrap" }, as = {
   key: 0,
   class: "jsgd-bg-white/20 jsgd-rounded-xl jsgd-w-10 jsgd-h-10 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-backdrop-blur-md jsgd-animate-[slideInFromBottom_0.5s_ease-out]"
-}, rs = {
+}, ds = {
   key: 1,
   class: "jsgd-bg-white/20 jsgd-rounded-xl jsgd-w-10 jsgd-h-10 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-backdrop-blur-md jsgd-animate-[slideInFromBottom_0.5s_ease-out]"
-}, ls = { class: "jsgd-text-xl md:jsgd-text-2xl jsgd-font-bold jsgd-m-0 jsgd-animate-[slideInFromBottom_0.5s_ease-out_0.1s_both]" }, ns = { class: "jsgd-flex jsgd-items-center jsgd-gap-1" }, os = { class: "jsgd-font-bold jsgd-text-white" }, is = { class: "jsgd-flex-1 jsgd-relative jsgd-flex jsgd-flex-col jsgd-overflow-y-auto jsgd-modal-scrollbar" }, gs = { class: "md:jsgd-p-8 jsgd-bg-white jsgd-relative dark:jsgd-bg-slate-800 jsgd-flex-1" }, us = { class: "jsgd-flex jsgd-p-6 md:jsgd-p-8 jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 jsgd-shadow-lg md:jsgd-rounded-xl jsgd-flex-col jsgd-gap-6 dark:jsgd-border-blue-600 dark:jsgd-shadow-blue-900/50" }, cs = { class: "jsgd-p-5 md:jsgd-p-6 jsgd-bg-slate-50 jsgd-border-t jsgd-border-slate-200 jsgd-relative dark:jsgd-bg-slate-900 dark:jsgd-border-slate-700 jsgd-flex-shrink-0" }, ms = { class: "jsgd-flex jsgd-justify-center md:jsgd-justify-end jsgd-gap-4 jsgd-flex-row" }, js = { class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-transition-opacity jsgd-duration-300" }, bs = ["disabled"], hs = {
+}, rs = { class: "jsgd-text-xl md:jsgd-text-2xl jsgd-font-bold jsgd-m-0 jsgd-animate-[slideInFromBottom_0.5s_ease-out_0.1s_both]" }, ls = { class: "jsgd-flex jsgd-items-center jsgd-gap-1" }, ns = { class: "jsgd-font-bold jsgd-text-white" }, os = { class: "jsgd-flex-1 jsgd-relative jsgd-flex jsgd-flex-col jsgd-overflow-y-auto jsgd-modal-scrollbar" }, is = { class: "md:jsgd-p-8 jsgd-bg-white jsgd-relative dark:jsgd-bg-slate-800 jsgd-flex-1" }, gs = { class: "jsgd-flex jsgd-p-6 md:jsgd-p-8 jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 jsgd-shadow-lg md:jsgd-rounded-xl jsgd-flex-col jsgd-gap-6 dark:jsgd-border-blue-600 dark:jsgd-shadow-blue-900/50" }, us = { class: "jsgd-p-5 md:jsgd-p-6 jsgd-bg-slate-50 jsgd-border-t jsgd-border-slate-200 jsgd-relative dark:jsgd-bg-slate-900 dark:jsgd-border-slate-700 jsgd-flex-shrink-0" }, cs = { class: "jsgd-flex jsgd-justify-center md:jsgd-justify-end jsgd-gap-4 jsgd-flex-row" }, ms = { class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-transition-opacity jsgd-duration-300" }, js = ["disabled"], bs = {
   key: 0,
   class: "jsgd-flex jsgd-items-center jsgd-animate-[rotate_1s_linear_infinite]"
-}, fs = { class: "jsgd-bg-white jsgd-w-full jsgd-max-w-[380px] jsgd-max-h-[70vh] jsgd-flex jsgd-flex-col jsgd-rounded-2xl jsgd-shadow-2xl jsgd-border jsgd-border-slate-100 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-600 jsgd-animate-[popupScale_0.3s_cubic-bezier(0.34,1.56,0.64,1)]" }, ps = { class: "jsgd-p-4 jsgd-border-b jsgd-border-slate-100 dark:jsgd-border-slate-700 jsgd-flex jsgd-justify-between jsgd-items-center jsgd-flex-shrink-0" }, vs = { class: "jsgd-p-4 jsgd-overflow-y-auto jsgd-modal-scrollbar jsgd-flex-1" }, xs = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3" }, ys = { class: "jsgd-flex-shrink-0 jsgd-mt-0.5" }, ks = {
+}, hs = { class: "jsgd-bg-white jsgd-w-full jsgd-max-w-[380px] jsgd-max-h-[70vh] jsgd-flex jsgd-flex-col jsgd-rounded-2xl jsgd-shadow-2xl jsgd-border jsgd-border-slate-100 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-600 jsgd-animate-[popupScale_0.3s_cubic-bezier(0.34,1.56,0.64,1)]" }, fs = { class: "jsgd-p-4 jsgd-border-b jsgd-border-slate-100 dark:jsgd-border-slate-700 jsgd-flex jsgd-justify-between jsgd-items-center jsgd-flex-shrink-0" }, ps = { class: "jsgd-p-4 jsgd-overflow-y-auto jsgd-modal-scrollbar jsgd-flex-1" }, vs = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3" }, xs = { class: "jsgd-flex-shrink-0 jsgd-mt-0.5" }, ys = {
   key: 0,
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
   fill: "none",
   class: "jsgd-text-emerald-500"
-}, ws = {
+}, ks = {
   key: 1,
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
   fill: "none",
   class: "jsgd-text-red-500"
-}, Ss = { class: "jsgd-flex-1" }, Ds = { class: "jsgd-text-xs jsgd-text-slate-600 dark:jsgd-text-slate-300 jsgd-leading-relaxed" }, $s = { class: "jsgd-p-4 jsgd-border-t jsgd-border-slate-100 dark:jsgd-border-slate-700 jsgd-flex-shrink-0" }, As = { class: "jsgd-bg-slate-50 jsgd-rounded-xl jsgd-p-3 jsgd-border jsgd-border-slate-100 dark:jsgd-bg-slate-900/50 dark:jsgd-border-slate-700" }, Ms = { class: "jsgd-flex jsgd-justify-between jsgd-mb-2" }, Cs = { class: "jsgd-w-full jsgd-h-2 jsgd-bg-slate-200 jsgd-rounded-full jsgd-overflow-hidden dark:jsgd-bg-slate-700" }, Is = /* @__PURE__ */ re({
+}, ws = { class: "jsgd-flex-1" }, Ss = { class: "jsgd-text-xs jsgd-text-slate-600 dark:jsgd-text-slate-300 jsgd-leading-relaxed" }, Ds = { class: "jsgd-p-4 jsgd-border-t jsgd-border-slate-100 dark:jsgd-border-slate-700 jsgd-flex-shrink-0" }, $s = { class: "jsgd-bg-slate-50 jsgd-rounded-xl jsgd-p-3 jsgd-border jsgd-border-slate-100 dark:jsgd-bg-slate-900/50 dark:jsgd-border-slate-700" }, As = { class: "jsgd-flex jsgd-justify-between jsgd-mb-2" }, Ms = { class: "jsgd-w-full jsgd-h-2 jsgd-bg-slate-200 jsgd-rounded-full jsgd-overflow-hidden dark:jsgd-bg-slate-700" }, Cs = /* @__PURE__ */ le({
   __name: "FormModal",
   props: {
     id: {},
@@ -1789,13 +1794,13 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
   emits: ["submit", "cancel", "DataChildRemove"],
   setup(e, { emit: s }) {
     const t = ae("TableComponents")?.loader, g = ae("TableComponents")?.ShowAlert, r = e, o = ae("TableComponents", {
-      labels: A(oe[r.lang ?? "en"])
+      labels: A(ie[r.lang ?? "en"])
     }).labels, d = s, u = A(!1), v = A(!1), x = () => {
       v.value = window.innerWidth < 1024;
     };
     Oe(() => {
       x(), window.addEventListener("resize", x);
-    }), Tt(() => {
+    }), Vt(() => {
       window.removeEventListener("resize", x);
     });
     const {
@@ -1809,7 +1814,7 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
       deleteInputValidateErrorMessage: S,
       isSubmitting: C,
       seoResult: B
-    } = Qt(
+    } = Xt(
       {
         id: r.id,
         initialData: r.initialData,
@@ -1829,7 +1834,7 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
       appear: ""
     }, {
       default: ue(() => [
-        n("div", _t, [
+        n("div", Qt, [
           Ie(Ce, {
             name: "jsgd-modal-container",
             appear: ""
@@ -1841,11 +1846,11 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                   "xl:jsgd-max-w-[900px] lg:jsgd-max-w-[800px]"
                 ]])
               }, [
-                n("div", es, [
-                  n("div", ts, [
-                    n("div", ss, [
-                      n("div", as, [
-                        e.isUpdate ? (m(), w("div", ds, [...O[5] || (O[5] = [
+                n("div", _t, [
+                  n("div", es, [
+                    n("div", ts, [
+                      n("div", ss, [
+                        e.isUpdate ? (m(), w("div", as, [...O[5] || (O[5] = [
                           n("svg", {
                             width: "24",
                             height: "24",
@@ -1861,7 +1866,7 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                               "stroke-linejoin": "round"
                             })
                           ], -1)
-                        ])])) : (m(), w("div", rs, [...O[6] || (O[6] = [
+                        ])])) : (m(), w("div", ds, [...O[6] || (O[6] = [
                           n("svg", {
                             width: "24",
                             height: "24",
@@ -1878,7 +1883,7 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                             })
                           ], -1)
                         ])])),
-                        n("h2", ls, M(e.isUpdate ? typeof a(o)?.title == "object" ? a(o)?.title?.update : a(o)?.title : typeof a(o)?.title == "object" ? a(o)?.title?.create : a(o)?.title), 1),
+                        n("h2", rs, M(e.isUpdate ? typeof a(o)?.title == "object" ? a(o)?.title?.update : a(o)?.title : typeof a(o)?.title == "object" ? a(o)?.title?.create : a(o)?.title), 1),
                         e.seo ? (m(), w("div", {
                           key: 2,
                           onClick: O[0] || (O[0] = (Q) => u.value = !0),
@@ -1886,7 +1891,7 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                           title: "Click to view SEO Details"
                         }, [
                           O[8] || (O[8] = n("span", { class: "jsgd-text-xs jsgd-font-semibold jsgd-uppercase jsgd-tracking-wide jsgd-opacity-80" }, "SEO Score", -1)),
-                          n("div", ns, [
+                          n("div", ls, [
                             n("div", {
                               class: R(["jsgd-w-2 jsgd-h-2 jsgd-rounded-full", {
                                 "jsgd-bg-red-400": (a(B)?.score || 0) < 50,
@@ -1894,7 +1899,7 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                                 "jsgd-bg-emerald-400": (a(B)?.score || 0) >= 80
                               }])
                             }, null, 2),
-                            n("span", os, M(a(B)?.score || 0), 1),
+                            n("span", ns, M(a(B)?.score || 0), 1),
                             O[7] || (O[7] = n("svg", {
                               width: "14",
                               height: "14",
@@ -1930,10 +1935,10 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                     ])
                   ])
                 ]),
-                n("div", is, [
-                  n("div", gs, [
-                    n("div", us, [
-                      Ie(Et, {
+                n("div", os, [
+                  n("div", is, [
+                    n("div", gs, [
+                      Ie(Tt, {
                         name: "jsgd-form-field",
                         tag: "div",
                         class: "jsgd-flex jsgd-flex-col jsgd-gap-6"
@@ -1966,15 +1971,15 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                     ])
                   ])
                 ]),
-                n("div", cs, [
-                  n("div", ms, [
+                n("div", us, [
+                  n("div", cs, [
                     n("button", {
                       type: "button",
                       onClick: O[1] || (O[1] = //@ts-ignore
                       (...Q) => a(D) && a(D)(...Q)),
                       class: "jsgd-px-7 jsgd-py-3.5 jsgd-rounded-xl jsgd-border-none jsgd-font-semibold jsgd-text-sm jsgd-cursor-pointer jsgd-transition-all jsgd-relative jsgd-overflow-hidden jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-min-w-[100px] jsgd-justify-center disabled:jsgd-opacity-70 disabled:jsgd-cursor-not-allowed 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/30 before:jsgd-to-transparent before:jsgd-transition-[left] before:jsgd-duration-600 hover:before:jsgd-left-full jsgd-text-white jsgd-bg-gradient-to-br jsgd-from-red-500 jsgd-to-red-600 jsgd-shadow-md hover:jsgd-from-red-600 hover:jsgd-to-red-700 hover:-jsgd-translate-y-0.5 active:jsgd-translate-y-0"
                     }, [
-                      n("span", js, [
+                      n("span", ms, [
                         O[9] || (O[9] = n("svg", {
                           width: "16",
                           height: "16",
@@ -2020,7 +2025,7 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                         ], -1)),
                         _(" " + M(e.isUpdate ? typeof a(o)?.btn?.submit == "object" ? a(o)?.btn?.submit?.update : a(o)?.btn?.submit : typeof a(o)?.btn?.submit == "object" ? a(o)?.btn?.submit?.create : a(o)?.btn?.submit), 1)
                       ], 2),
-                      a(C) ? (m(), w("span", hs, [...O[11] || (O[11] = [
+                      a(C) ? (m(), w("span", bs, [...O[11] || (O[11] = [
                         n("svg", {
                           width: "16",
                           height: "16",
@@ -2037,7 +2042,7 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                           })
                         ], -1)
                       ])])) : $("", !0)
-                    ], 8, bs)
+                    ], 8, js)
                   ])
                 ]),
                 Ie(Ce, { name: "jsgd-seo-popup" }, {
@@ -2047,8 +2052,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                       class: "jsgd-absolute jsgd-inset-0 jsgd-z-50 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-bg-black/40 jsgd-backdrop-blur-[2px] jsgd-p-4",
                       onClick: O[4] || (O[4] = Ve((Q) => u.value = !1, ["self"]))
                     }, [
-                      n("div", fs, [
-                        n("div", ps, [
+                      n("div", hs, [
+                        n("div", fs, [
                           O[13] || (O[13] = n("h3", { class: "jsgd-text-base jsgd-font-bold jsgd-text-slate-700 dark:jsgd-text-white jsgd-m-0" }, " SEO Analysis ", -1)),
                           n("button", {
                             onClick: O[3] || (O[3] = (Q) => u.value = !1),
@@ -2079,8 +2084,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                             ], -1)
                           ])])
                         ]),
-                        n("div", vs, [
-                          n("div", xs, [
+                        n("div", ps, [
+                          n("div", vs, [
                             (m(!0), w(X, null, te(a(B)?.details, (Q, q) => (m(), w("div", {
                               key: q,
                               class: R([
@@ -2088,8 +2093,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                                 Q.passed ? "jsgd-bg-emerald-50/50 jsgd-border-emerald-100 dark:jsgd-bg-emerald-900/10 dark:jsgd-border-emerald-800" : "jsgd-bg-red-50/50 jsgd-border-red-100 dark:jsgd-bg-red-900/10 dark:jsgd-border-red-800"
                               ])
                             }, [
-                              n("div", ys, [
-                                Q.passed ? (m(), w("svg", ks, [...O[14] || (O[14] = [
+                              n("div", xs, [
+                                Q.passed ? (m(), w("svg", ys, [...O[14] || (O[14] = [
                                   n("path", {
                                     d: "M20 6L9 17l-5-5",
                                     stroke: "currentColor",
@@ -2097,7 +2102,7 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                                     "stroke-linecap": "round",
                                     "stroke-linejoin": "round"
                                   }, null, -1)
-                                ])])) : (m(), w("svg", ws, [...O[15] || (O[15] = [
+                                ])])) : (m(), w("svg", ks, [...O[15] || (O[15] = [
                                   n("path", {
                                     d: "M18 6L6 18M6 6l12 12",
                                     stroke: "currentColor",
@@ -2107,21 +2112,21 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                                   }, null, -1)
                                 ])]))
                               ]),
-                              n("div", Ss, [
+                              n("div", ws, [
                                 n("p", {
                                   class: R([
                                     "jsgd-text-xs jsgd-font-bold jsgd-uppercase jsgd-mb-0.5",
                                     Q.passed ? "jsgd-text-emerald-700 dark:jsgd-text-emerald-400" : "jsgd-text-red-700 dark:jsgd-text-red-400"
                                   ])
                                 }, M(Q.label), 3),
-                                n("p", Ds, M(Q.message), 1)
+                                n("p", Ss, M(Q.message), 1)
                               ])
                             ], 2))), 128))
                           ])
                         ]),
-                        n("div", $s, [
-                          n("div", As, [
-                            n("div", Ms, [
+                        n("div", Ds, [
+                          n("div", $s, [
+                            n("div", As, [
                               O[16] || (O[16] = n("span", { class: "jsgd-text-xs jsgd-font-bold jsgd-uppercase jsgd-text-slate-500" }, "Total Score", -1)),
                               n("span", {
                                 class: R(["jsgd-text-sm jsgd-font-bold", {
@@ -2131,7 +2136,7 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
                                 }])
                               }, M(a(B)?.score || 0) + "%", 3)
                             ]),
-                            n("div", Cs, [
+                            n("div", Ms, [
                               n("div", {
                                 class: R(["jsgd-h-full jsgd-transition-all jsgd-duration-500", {
                                   "jsgd-bg-red-500": (a(B)?.score || 0) < 50,
@@ -2157,12 +2162,12 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
       _: 1
     }));
   }
-}), wt = (e, s) => {
+}), kt = (e, s) => {
   const t = e.__vccOpts || e;
   for (const [g, r] of s)
     t[g] = r;
   return t;
-}, St = /* @__PURE__ */ wt(Is, [["__scopeId", "data-v-b99ec057"]]), Be = /* @__PURE__ */ re({
+}, wt = /* @__PURE__ */ kt(Cs, [["__scopeId", "data-v-b99ec057"]]), Be = /* @__PURE__ */ le({
   __name: "FormFieldRenderer",
   props: {
     field: {},
@@ -2175,7 +2180,7 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
   },
   emits: ["update:model-value", "push:errors", "remove:errors", "selected-option-change", "multi-selected-change"],
   setup(e, { emit: s }) {
-    const t = de(() => import("./ImageInput-CRCYTGxc.es.js")), g = de(() => import("./ColorPicker-I60o5_GX.es.js")), r = de(() => import("./ComboboxComponent-68U96D9p.es.js")), l = de(() => import("./ArrayObject-DDeI93dc.es.js")), o = de(() => import("./GroupRenderer-DMAdfCgE.es.js")), d = de(() => import("./TextAreaQuill-CtpmFHK7.es.js")), u = de(() => import("./FileArrayInput-BRvQ9JCt.es.js")), v = de(() => import("./TextInput-fKC87ySl.es.js")), x = de(() => import("./TelInput-DcBE7hlb.es.js")), c = de(() => import("./CurrencyInput-DGUkU3FD.es.js")), i = de(() => import("./RateInput-RaBWxAY-.es.js")), j = de(() => import("./NumberInput-JR5PkxyV.es.js")), h = de(() => import("./EmailInput-qqhKRmvT.es.js")), f = de(() => import("./PasswordInput-U7M7le-1.es.js")), D = de(() => import("./UrlInput-ckEhZgRN.es.js")), V = de(() => import("./ToggleInput-i8LrK8Ut.es.js")), S = de(() => import("./TagInput-Bm2yhHqX.es.js")), C = de(() => import("./ObjectInput-Dqfri61J.es.js")), B = de(() => import("./TextAreaInput-Cggq_qmY.es.js")), ee = de(() => import("./DateInput-Co6VpTHT.es.js")), O = de(() => import("./TimeInput-CbrXOhwB.es.js")), Q = de(() => import("./DateTimeInput-BZAT0grx.es.js")), q = de(() => import("./FileInput-DxTlDCLx.es.js")), k = de(() => import("./ImageArrayInput-B-pILI_I.es.js")), p = e, E = A({ ...p.formData }), L = A({ ...p.errors }), Y = s;
+    const t = re(() => import("./ImageInput-hwY64_P3.es.js")), g = re(() => import("./ColorPicker-DWajlDz5.es.js")), r = re(() => import("./ComboboxComponent-RENQ1FXI.es.js")), l = re(() => import("./ArrayObject-CC-LVTui.es.js")), o = re(() => import("./GroupRenderer-D_3hmVS4.es.js")), d = re(() => import("./TextAreaQuill-PSKHjt67.es.js")), u = re(() => import("./FileArrayInput-C5drCF6p.es.js")), v = re(() => import("./TextInput-oBJKDYmM.es.js")), x = re(() => import("./TelInput-DDqFalm6.es.js")), c = re(() => import("./CurrencyInput-CmGrI2Vy.es.js")), i = re(() => import("./RateInput-LQcqAf2f.es.js")), j = re(() => import("./NumberInput-0l-TANaP.es.js")), h = re(() => import("./EmailInput-Did4kNYA.es.js")), f = re(() => import("./PasswordInput-DxSoZlRM.es.js")), D = re(() => import("./UrlInput-YQFu4Cb3.es.js")), V = re(() => import("./ToggleInput-7phZ6wcS.es.js")), S = re(() => import("./TagInput-Cc7wwjcX.es.js")), C = re(() => import("./ObjectInput-DA7Hfck0.es.js")), B = re(() => import("./TextAreaInput-LkFerA8R.es.js")), ee = re(() => import("./DateInput-J06kg5C-.es.js")), O = re(() => import("./TimeInput-DrXYIRmu.es.js")), Q = re(() => import("./DateTimeInput-DYcjPrwh.es.js")), q = re(() => import("./FileInput-DEk9Pscj.es.js")), k = re(() => import("./ImageArrayInput-CbJzqdrg.es.js")), p = e, E = A({ ...p.formData }), L = A({ ...p.errors }), Y = s;
     se(
       () => p,
       () => {
@@ -2183,12 +2188,12 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
       },
       { immediate: !0, deep: !0 }
     );
-    const le = A(p.isUpdate ? void 0 : p.field.value);
+    const ne = A(p.isUpdate ? void 0 : p.field.value);
     function F() {
       const N = W(E.value, p.fieldKey);
-      return !N && typeof N != "boolean" && !p.isUpdate ? (Y("update:model-value", le.value, p.fieldKey), le.value) : (p.field.type === "dateTime", N);
+      return !N && typeof N != "boolean" && !p.isUpdate ? (Y("update:model-value", ne.value, p.fieldKey), ne.value) : (p.field.type === "dateTime", N);
     }
-    const { label: G, handlers: K } = Ft(p, Y);
+    const { label: G, handlers: U } = Ot(p, Y);
     return (N, b) => (m(), w("div", null, [
       e.field.type === "text" ? (m(), J(a(v), {
         key: 0,
@@ -2202,8 +2207,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         lang: e.lang,
         placeholder: e.field.placeholder,
         "onUpdate:modelValue": b[0] || (b[0] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError
       }, null, 8, ["id", "type", "label", "model-value", "error", "disabled", "validate", "lang", "placeholder", "onRemove:error", "onPush:error"])) : $("", !0),
       e.field.type === "tel" ? (m(), J(a(x), {
         key: 1,
@@ -2216,8 +2221,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         lang: e.lang,
         placeholder: e.field.placeholder,
         "onUpdate:modelValue": b[1] || (b[1] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError
       }, null, 8, ["id", "label", "model-value", "error", "disabled", "validate", "lang", "placeholder", "onRemove:error", "onPush:error"])) : $("", !0),
       e.field.type === "currency" ? (m(), J(a(c), {
         key: 2,
@@ -2230,8 +2235,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         lang: e.lang,
         placeholder: e.field.placeholder,
         "onUpdate:modelValue": b[2] || (b[2] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError
       }, null, 8, ["id", "label", "model-value", "error", "disabled", "validate", "lang", "placeholder", "onRemove:error", "onPush:error"])) : $("", !0),
       e.field.type === "rate" ? (m(), J(a(i), {
         key: 3,
@@ -2255,8 +2260,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         lang: e.lang,
         validate: e.field.validate,
         "onUpdate:modelValue": b[4] || (b[4] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError
       }, null, 8, ["id", "label", "placeholder", "model-value", "error", "disabled", "lang", "validate", "onRemove:error", "onPush:error"])) : $("", !0),
       e.field.type === "email" ? (m(), J(a(h), {
         key: 5,
@@ -2270,8 +2275,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         validate: e.field.validate,
         lang: e.lang,
         "onUpdate:modelValue": b[5] || (b[5] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError
       }, null, 8, ["id", "type", "label", "placeholder", "model-value", "error", "disabled", "validate", "lang", "onRemove:error", "onPush:error"])) : $("", !0),
       e.field.type === "tag" ? (m(), J(a(S), {
         key: 6,
@@ -2306,8 +2311,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         validate: e.field.validate ?? !0,
         lang: e.lang,
         "onUpdate:modelValue": b[8] || (b[8] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
-        "onRemove:error": b[9] || (b[9] = (y) => a(K).removeError(e.fieldKey)),
-        "onPush:error": b[10] || (b[10] = (y) => a(K).pushError(y, e.fieldKey))
+        "onRemove:error": b[9] || (b[9] = (y) => a(U).removeError(e.fieldKey)),
+        "onPush:error": b[10] || (b[10] = (y) => a(U).pushError(y, e.fieldKey))
       }, null, 8, ["id", "label", "placeholder", "model-value", "error", "disabled", "validate", "lang"])) : $("", !0),
       e.field.type === "password" ? (m(), J(a(f), {
         key: 9,
@@ -2320,8 +2325,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         disabled: e.field.disabled,
         validate: e.field.validate,
         "onUpdate:modelValue": b[11] || (b[11] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError
       }, null, 8, ["id", "label", "lang", "placeholder", "model-value", "error", "disabled", "validate", "onRemove:error", "onPush:error"])) : $("", !0),
       e.field.type === "quillEditor" ? (m(), J(a(d), {
         key: 10,
@@ -2335,8 +2340,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         apiUploadImage: e.field.apiUploadImage,
         apiUploadVideo: e.field.apiUploadVideo,
         "onUpdate:modelValue": b[12] || (b[12] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError
       }, null, 8, ["id", "label", "error", "model-value", "disabled", "lang", "validate", "apiUploadImage", "apiUploadVideo", "onRemove:error", "onPush:error"])) : $("", !0),
       e.field.type === "textArea" ? (m(), J(a(B), {
         key: 11,
@@ -2348,8 +2353,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         lang: e.lang,
         validate: e.field.validate,
         "onUpdate:modelValue": b[13] || (b[13] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError
       }, null, 8, ["id", "label", "error", "model-value", "disabled", "lang", "validate", "onRemove:error", "onPush:error"])) : $("", !0),
       e.field.type === "image" ? (m(), J(a(t), {
         key: 12,
@@ -2362,8 +2367,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         validate: e.field.validate,
         watermark: e.field.watermark,
         error: a(W)(L.value, e.fieldKey),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError,
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError,
         lang: e.lang
       }, null, 8, ["id", "label", "model-value", "disabled", "preview-alt", "validate", "watermark", "error", "onRemove:error", "onPush:error", "lang"])) : $("", !0),
       e.field.type === "imageArray" ? (m(), J(a(k), {
@@ -2377,8 +2382,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         validate: e.field.validate,
         watermark: e.field.watermark,
         error: a(W)(L.value, e.fieldKey),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError,
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError,
         lang: e.lang
       }, null, 8, ["id", "label", "model-value", "disabled", "preview-alt", "validate", "watermark", "error", "onRemove:error", "onPush:error", "lang"])) : $("", !0),
       e.field.type === "file" ? (m(), J(a(q), {
@@ -2391,8 +2396,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         "onUpdate:modelValue": b[16] || (b[16] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
         validate: e.field.validate,
         error: a(W)(L.value, e.fieldKey),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError,
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError,
         lang: e.lang
       }, null, 8, ["id", "label", "model-value", "disabled", "preview-alt", "validate", "error", "onRemove:error", "onPush:error", "lang"])) : $("", !0),
       e.field.type === "fileArray" ? (m(), J(a(u), {
@@ -2405,8 +2410,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         "onUpdate:modelValue": b[17] || (b[17] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
         validate: e.field.validate,
         error: a(W)(L.value, e.fieldKey),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError,
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError,
         lang: e.lang
       }, null, 8, ["id", "label", "model-value", "disabled", "preview-alt", "validate", "error", "onRemove:error", "onPush:error", "lang"])) : $("", !0),
       e.field.type === "color" ? (m(), J(a(g), {
@@ -2447,8 +2452,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         disabled: e.field.disabled,
         lang: e.lang,
         "onUpdate:modelValue": b[20] || (b[20] = (y, T) => N.$emit("update:model-value", y, T)),
-        "onRemove:errors": b[21] || (b[21] = (y) => a(K).removeError(y)),
-        "onPush:errors": b[22] || (b[22] = (y, T) => a(K).pushError(y, T)),
+        "onRemove:errors": b[21] || (b[21] = (y) => a(U).removeError(y)),
+        "onPush:errors": b[22] || (b[22] = (y, T) => a(U).pushError(y, T)),
         onMultiSelectedChange: b[23] || (b[23] = (y, T) => N.$emit("multi-selected-change", y, T)),
         onSelectedOptionChange: b[24] || (b[24] = (y, T) => N.$emit("selected-option-change", y, T))
       }, null, 8, ["id", "label", "schema", "form-data", "errors", "disabled", "lang"])) : $("", !0),
@@ -2474,8 +2479,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         validate: e.field.validate,
         lang: e.lang,
         "onUpdate:modelValue": b[26] || (b[26] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError
       }, null, 8, ["id", "label", "model-value", "error", "disabled", "placeholder", "validate", "lang", "onRemove:error", "onPush:error"])) : $("", !0),
       e.field.type === "time" ? (m(), J(a(O), {
         key: 21,
@@ -2488,8 +2493,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         validate: e.field.validate,
         lang: e.lang,
         "onUpdate:modelValue": b[27] || (b[27] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError
       }, null, 8, ["id", "label", "model-value", "error", "disabled", "placeholder", "validate", "lang", "onRemove:error", "onPush:error"])) : $("", !0),
       e.field.type === "dateTime" ? (m(), J(a(Q), {
         key: 22,
@@ -2503,8 +2508,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         "output-format": e.field.outputFormat,
         lang: e.lang,
         "onUpdate:modelValue": b[28] || (b[28] = (y) => N.$emit("update:model-value", y, e.fieldKey)),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError
       }, null, 8, ["id", "label", "model-value", "error", "disabled", "placeholder", "validate", "output-format", "lang", "onRemove:error", "onPush:error"])) : $("", !0),
       e.field.type === "optionGroupSchema" ? (m(), J(a(o), {
         key: 23,
@@ -2522,8 +2527,8 @@ const _t = { class: "jsgd-fixed jsgd-inset-0 jsgd-z-20 jsgd-flex jsgd-items-cent
         onMultiSelectedChange: b[29] || (b[29] = (y, T) => N.$emit("multi-selected-change", y, T)),
         onSelectedOptionChange: b[30] || (b[30] = (y, T) => N.$emit("selected-option-change", y, T)),
         "onUpdate:modelValue": b[31] || (b[31] = (y, T) => N.$emit("update:model-value", y, T)),
-        "onRemove:error": a(K).removeError,
-        "onPush:error": a(K).pushError
+        "onRemove:error": a(U).removeError,
+        "onPush:error": a(U).pushError
       }, null, 8, ["id", "label", "type-design", "options", "options-labels", "required", "disabled", "form-data", "errors", "error", "with-value", "onRemove:error", "onPush:error"])) : $("", !0)
     ]));
   }
@@ -2535,10 +2540,10 @@ function I(e, s, t) {
       g = g.replace(`{${r}}`, String(l));
   return g;
 }
-const Vs = { class: "jsgd-text-sm jsgd-font-medium jsgd-leading-snug jsgd-whitespace-pre-wrap" }, Ts = { key: 1 }, Es = {
+const Is = { class: "jsgd-text-sm jsgd-font-medium jsgd-leading-snug jsgd-whitespace-pre-wrap" }, Vs = { key: 1 }, Ts = {
   key: 0,
   class: "jsgd-px-1.5 jsgd-py-0.5 jsgd-bg-slate-700 jsgd-text-slate-300 jsgd-text-xs jsgd-rounded dark:jsgd-bg-slate-600 dark:jsgd-text-slate-400"
-}, xe = /* @__PURE__ */ re({
+}, xe = /* @__PURE__ */ le({
   __name: "Tooltip",
   props: {
     text: {
@@ -2574,7 +2579,7 @@ const Vs = { class: "jsgd-text-sm jsgd-font-medium jsgd-leading-snug jsgd-whites
       }
     }), u = () => {
       window.clearTimeout(o), o = window.setTimeout(async () => {
-        t.value = !0, await zt(), x();
+        t.value = !0, await Rt(), x();
       }, 300);
     }, v = () => {
       window.clearTimeout(o), t.value = !1;
@@ -2599,7 +2604,7 @@ const Vs = { class: "jsgd-text-sm jsgd-font-medium jsgd-leading-snug jsgd-whites
       }
       l.value = { top: `${h}px`, left: `${f}px` };
     }
-    return (c, i) => (m(), J(Lt(e.as), {
+    return (c, i) => (m(), J(Et(e.as), {
       class: "jsgd-inline-flex jsgd-cursor-pointer",
       ref_key: "trigger",
       ref: g,
@@ -2607,8 +2612,8 @@ const Vs = { class: "jsgd-text-sm jsgd-font-medium jsgd-leading-snug jsgd-whites
       onMouseleave: v
     }, {
       default: ue(() => [
-        Pt(c.$slots, "default"),
-        (m(), J(Rt, { to: "body" }, [
+        Lt(c.$slots, "default"),
+        (m(), J(Pt, { to: "body" }, [
           Ie(Ce, {
             "enter-active-class": "jsgd-transition-all jsgd-duration-200 jsgd-ease-out",
             "enter-from-class": "jsgd-opacity-0 jsgd-translate-y-2",
@@ -2625,10 +2630,10 @@ const Vs = { class: "jsgd-text-sm jsgd-font-medium jsgd-leading-snug jsgd-whites
                 class: "jsgd-fixed jsgd-z-[1000] jsgd-flex jsgd-items-start jsgd-gap-3 jsgd-px-4 jsgd-py-2.5 jsgd-bg-slate-800 jsgd-text-slate-50 jsgd-rounded-xl jsgd-shadow-lg jsgd-w-max jsgd-max-w-[300px] jsgd-pointer-events-none dark:jsgd-bg-slate-900 dark:jsgd-text-slate-100 dark:jsgd-shadow-[0_4px_20px_-2px_rgba(0,0,0,0.4),inset_0_0_0_1px_rgba(96,165,250,0.5),0_0_12px_rgba(96,165,250,0.2)]",
                 style: Pe(l.value)
               }, [
-                n("div", Vs, [
-                  Array.isArray(e.text) ? (m(!0), w(X, { key: 0 }, te(e.text, (j, h) => (m(), w("p", { key: h }, M(j), 1))), 128)) : (m(), w("p", Ts, M(e.text), 1))
+                n("div", Is, [
+                  Array.isArray(e.text) ? (m(!0), w(X, { key: 0 }, te(e.text, (j, h) => (m(), w("p", { key: h }, M(j), 1))), 128)) : (m(), w("p", Vs, M(e.text), 1))
                 ]),
-                e.hotkey ? (m(), w("span", Es, M(e.hotkey), 1)) : $("", !0),
+                e.hotkey ? (m(), w("span", Ts, M(e.hotkey), 1)) : $("", !0),
                 n("div", {
                   class: R(["jsgd-absolute jsgd-w-0 jsgd-h-0 jsgd-border-[6px] jsgd-border-transparent", d.value])
                 }, null, 2)
@@ -2642,20 +2647,20 @@ const Vs = { class: "jsgd-text-sm jsgd-font-medium jsgd-leading-snug jsgd-whites
     }, 544));
   }
 });
-let Je = [], Ye = [], Ue = "MyAppDB", mt = 1;
+let Ge = [], Je = [], Ue = "MyAppDB", ct = 1;
 const je = {
   single: /* @__PURE__ */ new Set(),
   array: /* @__PURE__ */ new Set()
 };
-let Ze = !1;
-function Ls(e) {
-  Ze || (Ze = !0, Ue = e.dbName || Ue, mt = e.dbVersion || mt, Je = e.storeSingle || [], Ye = e.storeArray || [], Je.forEach((s) => je.single.add(s)), Ye.forEach((s) => je.array.add(s)));
+let Ye = !1;
+function Es(e) {
+  Ye || (Ye = !0, Ue = e.dbName || Ue, ct = e.dbVersion || ct, Ge = e.storeSingle || [], Je = e.storeArray || [], Ge.forEach((s) => je.single.add(s)), Je.forEach((s) => je.array.add(s)));
 }
-function jt(e) {
+function mt(e) {
   return je.array.has(e);
 }
-async function De(e = []) {
-  Ze || Ls({}), e.forEach(Ps);
+async function Se(e = []) {
+  Ye || Es({}), e.forEach(Ls);
   const s = await new Promise((o, d) => {
     const u = indexedDB.open(Ue);
     u.onsuccess = () => o(u.result), u.onerror = () => d(u.error);
@@ -2681,12 +2686,12 @@ async function De(e = []) {
     }, u.onsuccess = () => o(u.result), u.onerror = () => d(u.error);
   });
 }
-function Ps(e) {
-  const s = Je.includes(e) || je.single.has(e), t = Ye.includes(e) || je.array.has(e);
+function Ls(e) {
+  const s = Ge.includes(e) || je.single.has(e), t = Je.includes(e) || je.array.has(e);
   !s && !t && je.array.add(e);
 }
 async function Re(e) {
-  const s = Object.keys(e), t = await De(s), g = t.transaction(Array.from(t.objectStoreNames), "readwrite");
+  const s = Object.keys(e), t = await Se(s), g = t.transaction(Array.from(t.objectStoreNames), "readwrite");
   for (const r of s)
     if (je.single.has(r) && e[r] !== void 0)
       g.objectStore(r).put(e[r], "current");
@@ -2698,9 +2703,9 @@ async function Re(e) {
     g.oncomplete = () => r(), g.onerror = () => l(g.error);
   });
 }
-async function Kr(e, s = "current") {
+async function Ur(e, s = "current") {
   je.single.add(e);
-  const t = await De([e]);
+  const t = await Se([e]);
   if (!t.objectStoreNames.contains(e)) return;
   const r = t.transaction(e, "readonly").objectStore(e);
   return new Promise((l, o) => {
@@ -2708,9 +2713,9 @@ async function Kr(e, s = "current") {
     d.onsuccess = () => l(d.result), d.onerror = () => o(d.error);
   });
 }
-async function bt(e) {
+async function jt(e) {
   je.array.add(e);
-  const s = await De([e]);
+  const s = await Se([e]);
   if (!s.objectStoreNames.contains(e)) return [];
   const g = s.transaction(e, "readonly").objectStore(e);
   return new Promise((r, l) => {
@@ -2718,16 +2723,16 @@ async function bt(e) {
     o.onsuccess = () => r(o.result || []), o.onerror = () => l(o.error);
   });
 }
-async function ht(e, s) {
+async function bt(e, s) {
   je.array.add(e);
-  const g = (await De([e])).transaction(e, "readwrite");
+  const g = (await Se([e])).transaction(e, "readwrite");
   return g.objectStore(e).put(s), new Promise((l, o) => {
     g.oncomplete = () => l(), g.onerror = () => o(g.error);
   });
 }
-async function Or(e, s) {
+async function Kr(e, s) {
   je.array.add(e);
-  const t = await De([e]);
+  const t = await Se([e]);
   if (!t.objectStoreNames.contains(e)) return;
   const r = t.transaction(e, "readonly").objectStore(e);
   return new Promise((l, o) => {
@@ -2735,17 +2740,17 @@ async function Or(e, s) {
     d.onsuccess = () => l(d.result), d.onerror = () => o(d.error);
   });
 }
-async function Fr(e) {
-  const s = await De([e]);
+async function Or(e) {
+  const s = await Se([e]);
   if (!s.objectStoreNames.contains(e)) return;
   const t = s.transaction(e, "readwrite");
   return t.objectStore(e).clear(), new Promise((g, r) => {
     t.oncomplete = () => g(), t.onerror = () => r(t.error);
   });
 }
-async function Nr(e, s) {
+async function Fr(e, s) {
   je.array.add(e);
-  const t = await De([e]);
+  const t = await Se([e]);
   if (!t.objectStoreNames.contains(e)) {
     console.warn(`Store "${e}" not found. Skipping delete operation.`);
     return;
@@ -2755,11 +2760,11 @@ async function Nr(e, s) {
     g.oncomplete = () => r(), g.onerror = () => l(g.error);
   });
 }
-async function ft(e) {
+async function ht(e) {
   const s = Object.keys(e);
   if (s.length === 0) return;
   s.forEach((l) => je.array.add(l));
-  const t = await De(s), g = s.filter((l) => t.objectStoreNames.contains(l));
+  const t = await Se(s), g = s.filter((l) => t.objectStoreNames.contains(l));
   if (g.length === 0) return;
   const r = t.transaction(g, "readwrite");
   for (const [l, o] of Object.entries(e)) {
@@ -2771,7 +2776,7 @@ async function ft(e) {
     r.oncomplete = () => l(), r.onerror = () => o(r.error);
   });
 }
-async function We(e, s = {}) {
+async function He(e, s = {}) {
   const { authType: t = "cookie", token: g, customHeaders: r, ...l } = s, o = new Headers(l.headers || {});
   if (t === "bearer" && g)
     o.set("Authorization", `Bearer ${g}`);
@@ -2798,13 +2803,13 @@ async function We(e, s = {}) {
   }
   return d;
 }
-const st = (e) => e ? e.toLowerCase().replace(/&/g, "and").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-") : "", ge = (e) => e[Math.floor(Math.random() * e.length)], Dt = (e, s) => new Date(e.getTime() + Math.random() * (s.getTime() - e.getTime())), Rs = {
+const tt = (e) => e ? e.toLowerCase().replace(/&/g, "and").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-") : "", ge = (e) => e[Math.floor(Math.random() * e.length)], St = (e, s) => new Date(e.getTime() + Math.random() * (s.getTime() - e.getTime())), Ps = {
   id: 1,
   username: "admin",
   password: "bcrypt_hashed_password_placeholder",
   token: null,
   limitToken: null
-}, zs = {
+}, Rs = {
   id: 1,
   name: "Solusi Pesta Surabaya",
   icon: "https://picsum.photos/300/300?random=1",
@@ -2831,38 +2836,38 @@ const st = (e) => e ? e.toLowerCase().replace(/&/g, "and").replace(/[^a-z0-9\s-]
   tokoPedia: "https://tokopedia.com/pestaselalu",
   createAt: /* @__PURE__ */ new Date("2025-01-01T00:00:00.000Z"),
   updateAt: /* @__PURE__ */ new Date()
-}, Bs = {
+}, zs = {
   id: 1,
   name: "Bapak Wijaya",
   photo: "https://picsum.photos/300/300?random=2",
   bio: "Owner PT Pesta Selalu. Siap melayani kebutuhan acara Anda dengan profesional.",
   createdAt: /* @__PURE__ */ new Date("2025-01-01T00:00:00.000Z"),
   updatedAt: /* @__PURE__ */ new Date()
-}, Us = {
+}, Bs = {
   id: 1,
   type: "PriceDistance",
   coordinateX: -7.289167,
   coordinateY: 112.73439,
   price: 5e3,
   distance: 1
-}, Ks = Array.from({ length: 20 }, (e, s) => ({
+}, Us = Array.from({ length: 20 }, (e, s) => ({
   id: s + 1,
   category: ge(["Pemesanan", "Pembayaran", "Pengiriman", "Lainnya"]),
   question: `Ini adalah pertanyaan umum nomor ${s + 1}?`,
   answer: `Ini adalah jawaban untuk pertanyaan umum nomor ${s + 1}.`,
-  createAt: Dt(new Date(2024, 0, 1), /* @__PURE__ */ new Date()),
+  createAt: St(new Date(2024, 0, 1), /* @__PURE__ */ new Date()),
   updateAt: /* @__PURE__ */ new Date()
-})), at = Array.from({ length: 20 }, (e, s) => ({
+})), st = Array.from({ length: 20 }, (e, s) => ({
   id: s + 1,
   name: `Tipe Alat ${s + 1}`,
   createAt: /* @__PURE__ */ new Date(),
   updateAt: /* @__PURE__ */ new Date()
-})), dt = Array.from({ length: 20 }, (e, s) => ({
+})), at = Array.from({ length: 20 }, (e, s) => ({
   id: s + 1,
   name: `Model Alat ${s + 1}`,
   createAt: /* @__PURE__ */ new Date(),
   updateAt: /* @__PURE__ */ new Date()
-})), rt = Array.from({ length: 20 }, (e, s) => ({
+})), dt = Array.from({ length: 20 }, (e, s) => ({
   id: s + 1,
   name: `Alat Pesta ${s + 1}`,
   image: `https://picsum.photos/300/300?random=${100 + s}`,
@@ -2873,11 +2878,11 @@ const st = (e) => e ? e.toLowerCase().replace(/&/g, "and").replace(/[^a-z0-9\s-]
   sizeZ: parseFloat((Math.random() * 5).toFixed(2)),
   unitOfMeasure: ge(["cm", "m", "inch"]),
   dimensions: parseFloat((Math.random() * 100).toFixed(2)),
-  modelId: ge(dt).id,
-  typeId: ge(at).id,
+  modelId: ge(at).id,
+  typeId: ge(st).id,
   createAt: /* @__PURE__ */ new Date(),
   updateAt: /* @__PURE__ */ new Date()
-})), $t = Array.from({ length: 20 }, (e, s) => {
+})), Dt = Array.from({ length: 20 }, (e, s) => {
   const t = Math.floor(Math.random() * 3) + 1, g = t + Math.floor(Math.random() * 3) + 1, r = Array.from(
     { length: g },
     () => `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
@@ -2890,20 +2895,20 @@ const st = (e) => e ? e.toLowerCase().replace(/&/g, "and").replace(/[^a-z0-9\s-]
     createAt: /* @__PURE__ */ new Date(),
     updateAt: /* @__PURE__ */ new Date()
   };
-}), At = Array.from({ length: 20 }, (e, s) => {
+}), $t = Array.from({ length: 20 }, (e, s) => {
   const t = s % 3;
   return {
     id: s + 1,
     name: `Aksesoris ${s + 1}`,
     price: (Math.floor(Math.random() * 20) + 1) * 1e3,
     description: `Deskripsi untuk Aksesoris ${s + 1}.`,
-    typeId: t === 2 ? ge(at).id : null,
-    modelId: t === 1 ? ge(dt).id : null,
-    toolsId: t === 0 ? ge(rt).id : null,
+    typeId: t === 2 ? ge(st).id : null,
+    modelId: t === 1 ? ge(at).id : null,
+    toolsId: t === 0 ? ge(dt).id : null,
     createAt: /* @__PURE__ */ new Date(),
     updateAt: /* @__PURE__ */ new Date()
   };
-}), Os = Array.from({ length: 40 }, (e, s) => {
+}), Ks = Array.from({ length: 40 }, (e, s) => {
   const t = Math.random() > 0.5, g = Math.floor(s / 2) + 1;
   return {
     id: s + 1,
@@ -2913,10 +2918,10 @@ const st = (e) => e ? e.toLowerCase().replace(/&/g, "and").replace(/[^a-z0-9\s-]
     colors: t ? null : [
       `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
     ],
-    colorToolsId: t ? ge($t).id : null,
+    colorToolsId: t ? ge(Dt).id : null,
     createAt: /* @__PURE__ */ new Date()
   };
-}), Xe = Array.from({ length: 20 }, (e, s) => {
+}), Ze = Array.from({ length: 20 }, (e, s) => {
   const t = `Promo Heboh #${s + 1}`, g = ge(["DISCOUNT", "DAY_RENT", "FREE_SHIPPING"]), r = ge(["RateDiscount", "NominalDiscount"]);
   let l;
   return g === "DISCOUNT" ? l = {
@@ -2943,7 +2948,7 @@ const st = (e) => e ? e.toLowerCase().replace(/&/g, "and").replace(/[^a-z0-9\s-]
   }, {
     id: s + 1,
     title: t,
-    slug: st(t),
+    slug: tt(t),
     keywords: ["promo", `promo-${s + 1}`],
     description: `Deskripsi lengkap untuk ${t}.`,
     type: g,
@@ -2960,8 +2965,8 @@ const st = (e) => e ? e.toLowerCase().replace(/&/g, "and").replace(/[^a-z0-9\s-]
       ...l
     }
   };
-}), Fs = Array.from({ length: 20 }, (e, s) => {
-  const t = `Berita Terkini Edisi ke-${s + 1}`, g = st(t), r = ge(["Buku", "Artikel", "Jurnal"]);
+}), Os = Array.from({ length: 20 }, (e, s) => {
+  const t = `Berita Terkini Edisi ke-${s + 1}`, g = tt(t), r = ge(["Buku", "Artikel", "Jurnal"]);
   return {
     id: s + 1,
     title: t,
@@ -2989,42 +2994,42 @@ const st = (e) => e ? e.toLowerCase().replace(/&/g, "and").replace(/[^a-z0-9\s-]
     ],
     show: !0,
     orderCode: null,
-    createdAt: Dt(new Date(2024, 0, 1), /* @__PURE__ */ new Date()),
+    createdAt: St(new Date(2024, 0, 1), /* @__PURE__ */ new Date()),
     updatedAt: /* @__PURE__ */ new Date()
   };
-}), Mt = Array.from({ length: 20 }, (e, s) => {
+}), At = Array.from({ length: 20 }, (e, s) => {
   const t = `Halaman ${s + 1}`;
   return {
     id: s + 1,
     name: t,
     image: `https://picsum.photos/300/300?random=${500 + s}`,
-    slug: st(t),
+    slug: tt(t),
     description: `Deskripsi untuk ${t}`,
     active: Math.random() > 0.2,
     createAt: /* @__PURE__ */ new Date(),
     updateAt: /* @__PURE__ */ new Date()
   };
-}), Ns = Array.from({ length: 20 }, (e, s) => ({
+}), Fs = Array.from({ length: 20 }, (e, s) => ({
   id: s + 1,
   title: `Layanan Unggulan ${s + 1}`,
   image: `https://picsum.photos/300/300?random=${600 + s}`,
   description: `Deskripsi lengkap untuk layanan unggulan kami nomor ${s + 1}.`,
   createdAt: /* @__PURE__ */ new Date(),
   updatedAt: /* @__PURE__ */ new Date()
-})), qs = Array.from({ length: 20 }, (e, s) => ({
+})), Ns = Array.from({ length: 20 }, (e, s) => ({
   id: s + 1,
   email: `subscriber${s + 1}@example.com`,
   number: `089876543${(21 + s).toString().padStart(2, "0")}`,
   createAt: /* @__PURE__ */ new Date(),
   updatedAt: /* @__PURE__ */ new Date()
-})), Hs = Array.from({ length: 20 }, (e, s) => ({
+})), qs = Array.from({ length: 20 }, (e, s) => ({
   id: s + 1,
-  pageId: ge(Mt).id,
+  pageId: ge(At).id,
   device: ge(["Desktop", "Mobile", "Tablet"]),
   ip: `192.168.1.${s + 1}`,
   userAgent: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
   createAt: /* @__PURE__ */ new Date()
-})), Ws = Array.from({ length: 20 }, (e, s) => ({
+})), Hs = Array.from({ length: 20 }, (e, s) => ({
   id: s + 1,
   name: `Pengunjung ${s + 1}`,
   email: `visitor${s + 1}@example.com`,
@@ -3035,13 +3040,13 @@ const st = (e) => e ? e.toLowerCase().replace(/&/g, "and").replace(/[^a-z0-9\s-]
   published: Math.random() > 0.5,
   createdAt: /* @__PURE__ */ new Date(),
   updatedAt: /* @__PURE__ */ new Date()
-})), Gs = Array.from({ length: 20 }, (e, s) => ({
+})), Ws = Array.from({ length: 20 }, (e, s) => ({
   id: s + 1,
   pay: (Math.floor(Math.random() * 50) + 1) * 1e4,
   note: `Pengeluaran untuk item ${s + 1}.`,
   createdAt: /* @__PURE__ */ new Date(),
   updatedAt: /* @__PURE__ */ new Date()
-})), Ct = [], Qe = [], _e = [], Ee = [], et = [];
+})), Mt = [], Xe = [], Qe = [], Ee = [], _e = [];
 for (let e = 0; e < 20; e++) {
   const s = `ORD-${Date.now()}-${e}`, t = (Math.floor(Math.random() * 200) + 50) * 1e4, g = Math.random() > 0.7 ? Math.random() * 5e4 : 0, r = Math.random() > 0.7 ? Math.random() * 2e4 : 0, l = 5e4, o = t - g + (l - r), d = ge([
     "verify",
@@ -3053,7 +3058,7 @@ for (let e = 0; e < 20; e++) {
     "waitingDpPayment",
     "eventOngoing"
   ]);
-  Ct.push({
+  Mt.push({
     id: e + 1,
     orderCode: s,
     firstName: "Pelanggan",
@@ -3075,15 +3080,15 @@ for (let e = 0; e < 20; e++) {
     installationDate: new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + e + 9)),
     demolitionDate: new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + e + 12)),
     invoice: `INV/2025/10/${e + 1}`,
-    promoShippingId: Math.random() > 0.8 ? ge(Xe).id : null,
-    promoDiscountId: Math.random() > 0.8 ? ge(Xe).id : null,
+    promoShippingId: Math.random() > 0.8 ? ge(Ze).id : null,
+    promoDiscountId: Math.random() > 0.8 ? ge(Ze).id : null,
     message: `Catatan khusus untuk pesanan ${e + 1}.`,
     additionalCharges: Math.random() > 0.9 ? [{ name: "Biaya Kebersihan", price: 1e5 }] : null,
     read: Math.random() > 0.5,
     createAt: /* @__PURE__ */ new Date(),
     updateAt: /* @__PURE__ */ new Date()
-  }), d === "completed" && et.push({
-    id: et.length + 1,
+  }), d === "completed" && _e.push({
+    id: _e.length + 1,
     nameCustomer: `Pelanggan ${e + 1}`,
     photoCustomer: `https://picsum.photos/300/300?random=${700 + e}`,
     rate: ge([3, 4, 5]),
@@ -3097,19 +3102,19 @@ for (let e = 0; e < 20; e++) {
     updateAt: /* @__PURE__ */ new Date()
   });
   for (let u = 0; u < Math.floor(Math.random() * 2) + 1; u++) {
-    const v = Qe.length + 1;
-    if (Qe.push({
+    const v = Xe.length + 1;
+    if (Xe.push({
       id: v,
       orderId: e + 1,
-      toolId: ge(rt).id,
+      toolId: ge(dt).id,
       quantity: Math.floor(Math.random() * 10) + 1,
       subTotal: (Math.floor(Math.random() * 100) + 1) * 1e3
     }), Math.random() > 0.5)
       for (let x = 0; x < Math.floor(Math.random() * 2); x++)
-        _e.push({
-          id: _e.length + 1,
+        Qe.push({
+          id: Qe.length + 1,
           orderToolsId: v,
-          subToolId: ge(At).id,
+          subToolId: ge($t).id,
           quantity: Math.floor(Math.random() * 5) + 1,
           subTotal: (Math.floor(Math.random() * 20) + 1) * 1e3
         });
@@ -3138,45 +3143,45 @@ for (let e = 0; e < 20; e++) {
     updatedAt: /* @__PURE__ */ new Date()
   });
 }
-const qr = {
-  admin: Rs,
-  company: zs,
-  profil: Bs,
-  shippingPrice: Us,
-  QandA: Ks,
-  promo: Xe,
-  news: Fs,
-  type: at,
-  model: dt,
-  tools: rt,
-  subTool: At,
-  subToolsImages: Os,
-  color: $t,
-  pages: Mt,
-  rateCustomerOrder: et,
+const Nr = {
+  admin: Ps,
+  company: Rs,
+  profil: zs,
+  shippingPrice: Bs,
+  QandA: Us,
+  promo: Ze,
+  news: Os,
+  type: st,
+  model: at,
+  tools: dt,
+  subTool: $t,
+  subToolsImages: Ks,
+  color: Dt,
+  pages: At,
+  rateCustomerOrder: _e,
   incomes: Ee,
-  expenditure: Gs,
-  services: Ns,
-  subscribe: qs,
-  visitors: Hs,
-  cqs: Ws,
-  orders: Ct,
-  orderTools: Qe,
-  orderAccessories: _e
+  expenditure: Ws,
+  services: Fs,
+  subscribe: Ns,
+  visitors: qs,
+  cqs: Hs,
+  orders: Mt,
+  orderTools: Xe,
+  orderAccessories: Qe
   // Note: orderDistances would likely be nested in a real app, but following a flat structure for this file.
 };
-function pt(e, s) {
+function ft(e, s) {
   try {
     return e.parse(s);
   } catch (t) {
-    if (t instanceof Ot) {
+    if (t instanceof Kt) {
       const g = t.issues.map((r) => `${r.path.length > 0 ? r.path.join(".") : "root"}: ${r.message}`).join(", ");
       throw new Error(`Validation failed: ${g}`);
     }
     throw t;
   }
 }
-function Hr(e, s) {
+function qr(e, s) {
   const t = e.safeParse(s);
   return t.success ? {
     success: !0,
@@ -3191,19 +3196,19 @@ function Hr(e, s) {
     }
   };
 }
-const Js = async (e, s, t = "id", g = "ids") => {
+const Gs = async (e, s, t = "id", g = "ids") => {
   const { data: r, oldData: l, validation: o, endpoint: d, mode: u, db: v, deleteDataDB: x, demo: c } = e, i = x ?? !0;
   if (u !== "get" && !r)
     return {
       message: "data Not Found"
     };
-  const j = o ? pt(o, r) : { ...r }, h = l ? o ? pt(o, l) : { ...l } : void 0;
+  const j = o ? ft(o, r) : { ...r }, h = l ? o ? ft(o, l) : { ...l } : void 0;
   if (c) {
     if (!v)
       throw new Error("Demo mode requires a `db` (IndexedDB store name) to be specified.");
     switch (u) {
       case "create": {
-        const k = { ...j, [t]: `demo-${Date.now()}` }, p = await bt(v);
+        const k = { ...j, [t]: `demo-${Date.now()}` }, p = await jt(v);
         return await Re({ [v]: [...p, k] }), {
           message: "Data created in demo mode.",
           data: k,
@@ -3211,7 +3216,7 @@ const Js = async (e, s, t = "id", g = "ids") => {
         };
       }
       case "update":
-        return await ht(v, j), {
+        return await bt(v, j), {
           message: "Data updated in demo mode.",
           data: j,
           response: !0
@@ -3219,7 +3224,7 @@ const Js = async (e, s, t = "id", g = "ids") => {
       case "delete":
       case "deleteMany": {
         const k = j[g] || [j[t]];
-        return k && k.length > 0 && await ft({ [v]: k }), {
+        return k && k.length > 0 && await ht({ [v]: k }), {
           message: "Data deleted in demo mode.",
           response: !0
         };
@@ -3236,10 +3241,10 @@ const Js = async (e, s, t = "id", g = "ids") => {
     endpoint: f,
     remaining: D,
     remainingOld: V
-  } = Ys(d, j, h);
+  } = Js(d, j, h);
   let S = u === "create" ? "POST" : u === "update" ? "PATCH" : "DELETE", C = !1;
   if (u === "delete" || u === "deleteMany") {
-    const k = Object.keys(D).length > 0 ? JSON.stringify(D) : void 0, p = await We(f, {
+    const k = Object.keys(D).length > 0 ? JSON.stringify(D) : void 0, p = await He(f, {
       method: S,
       headers: k ? { "Content-Type": "application/json" } : void 0,
       body: k,
@@ -3252,7 +3257,7 @@ const Js = async (e, s, t = "id", g = "ids") => {
       throw new Error(L.message || "Gagal menghapus data");
     }
     const E = await p.json();
-    return i && v && await ft({
+    return i && v && await ht({
       [v]: r[g ?? "ids"] || r[t ?? "id"] || D._id
     }), {
       message: E.message,
@@ -3260,7 +3265,7 @@ const Js = async (e, s, t = "id", g = "ids") => {
     };
   }
   if (u === "get") {
-    const k = await We(f, {
+    const k = await He(f, {
       method: "GET",
       authType: e.authType,
       token: e.token,
@@ -3271,7 +3276,7 @@ const Js = async (e, s, t = "id", g = "ids") => {
       throw new Error(E.message || "Failed to fetch data");
     }
     const p = await k.json();
-    return v && p.data && (jt(v) ? await Re({ [v]: p.data }) : await Re({ [v]: [p.data] })), {
+    return v && p.data && (mt(v) ? await Re({ [v]: p.data }) : await Re({ [v]: [p.data] })), {
       ...p,
       message: p.message ?? "Data fetched successfully",
       response: k.ok
@@ -3300,7 +3305,7 @@ const Js = async (e, s, t = "id", g = "ids") => {
       const p = D[k], E = Array.isArray(p) && p.length === 0;
       p != null && !E && (ee[k] = p, Ke(B, k, p, ee, void 0, void 0, s) && (C = !0));
     }
-  const Q = await We(
+  const Q = await He(
     f,
     C ? {
       method: S,
@@ -3323,11 +3328,11 @@ const Js = async (e, s, t = "id", g = "ids") => {
   }
   const q = await Q.json();
   if (v) {
-    const k = jt(v);
+    const k = mt(v);
     if (u === "update")
-      await ht(v, q.data);
+      await bt(v, q.data);
     else if (u === "create" && k) {
-      const p = await bt(v);
+      const p = await jt(v);
       await Re({ [v]: [...p, q.data] });
     }
   }
@@ -3424,7 +3429,7 @@ function Ke(e, s, t, g, r = {}, l, o, d, u) {
   } else t instanceof File ? (e.append(x, t), g[s] = t.name, v = !0) : t != null && !Array.isArray(t) && (e.append(x, String(t)), g[s] = t);
   return v;
 }
-function Ys(e, s, t) {
+function Js(e, s, t) {
   const g = { ...s }, r = t ? { ...t } : void 0;
   return {
     endpoint: e.replace(/:([a-zA-Z_][a-zA-Z0-9_]*)/g, (o, d) => {
@@ -3436,19 +3441,19 @@ function Ys(e, s, t) {
     remainingOld: r
   };
 }
-const Zs = {
+const Ys = {
   key: 0,
   class: "jsgd-fixed jsgd-inset-0 jsgd-z-100 jsgd-grid jsgd-place-items-center jsgd-bg-slate-900/70 jsgd-backdrop-blur-sm"
-}, Xs = { class: "jsgd-bg-white jsgd-p-8 jsgd-rounded-xl jsgd-shadow-2xl jsgd-flex jsgd-flex-col jsgd-items-center jsgd-w-[90%] jsgd-max-w-sm jsgd-text-center jsgd-transition-transform jsgd-duration-300 dark:jsgd-bg-slate-800" }, Qs = {
+}, Zs = { class: "jsgd-bg-white jsgd-p-8 jsgd-rounded-xl jsgd-shadow-2xl jsgd-flex jsgd-flex-col jsgd-items-center jsgd-w-[90%] jsgd-max-w-sm jsgd-text-center jsgd-transition-transform jsgd-duration-300 dark:jsgd-bg-slate-800" }, Xs = {
   key: 0,
   class: "jsgd-flex jsgd-flex-col jsgd-items-center jsgd-gap-4"
-}, _s = { class: "jsgd-text-slate-500 jsgd-font-medium dark:jsgd-text-slate-400" }, ea = {
+}, Qs = { class: "jsgd-text-slate-500 jsgd-font-medium dark:jsgd-text-slate-400" }, _s = {
   key: 1,
   class: "jsgd-flex jsgd-flex-col jsgd-items-center jsgd-gap-4"
-}, ta = { class: "jsgd-font-medium jsgd-text-slate-700 dark:jsgd-text-slate-200" }, sa = {
+}, ea = { class: "jsgd-font-medium jsgd-text-slate-700 dark:jsgd-text-slate-200" }, ta = {
   key: 2,
   class: "jsgd-flex jsgd-flex-col jsgd-items-center jsgd-gap-4"
-}, aa = { class: "jsgd-font-medium jsgd-text-slate-700 dark:jsgd-text-slate-200" }, da = /* @__PURE__ */ re({
+}, sa = { class: "jsgd-font-medium jsgd-text-slate-700 dark:jsgd-text-slate-200" }, aa = /* @__PURE__ */ le({
   __name: "LoaderSuccessError",
   emits: ["success", "error"],
   setup(e, { expose: s, emit: t }) {
@@ -3468,13 +3473,13 @@ const Zs = {
       "leave-to-class": "jsgd-opacity-0"
     }, {
       default: ue(() => [
-        r.value ? (m(), w("div", Zs, [
-          n("div", Xs, [
-            l.value === "loading" ? (m(), w("div", Qs, [
+        r.value ? (m(), w("div", Ys, [
+          n("div", Zs, [
+            l.value === "loading" ? (m(), w("div", Xs, [
               x[0] || (x[0] = n("div", { class: "jsgd-w-12 jsgd-h-12 jsgd-animate-spin spinner" }, null, -1)),
-              n("p", _s, M(o.value || "Memproses..."), 1)
+              n("p", Qs, M(o.value || "Memproses..."), 1)
             ])) : $("", !0),
-            l.value === "success" ? (m(), w("div", ea, [
+            l.value === "success" ? (m(), w("div", _s, [
               x[1] || (x[1] = n("div", { class: "jsgd-relative jsgd-animate-[popIn_400ms_cubic-bezier(0.16,1,0.3,1)_backwards]" }, [
                 n("div", { class: "jsgd-w-14 jsgd-h-14 jsgd-rounded-full jsgd-grid jsgd-place-items-center jsgd-bg-green-100 dark:jsgd-bg-green-900/50" }, [
                   n("span", { class: "jsgd-i-mdi-check jsgd-w-8 jsgd-h-8 jsgd-text-green-600 dark:jsgd-text-green-400" })
@@ -3484,9 +3489,9 @@ const Zs = {
                   style: { "animation-delay": "0.2s" }
                 })
               ], -1)),
-              n("p", ta, M(o.value || "Berhasil!"), 1)
+              n("p", ea, M(o.value || "Berhasil!"), 1)
             ])) : $("", !0),
-            l.value === "error" ? (m(), w("div", sa, [
+            l.value === "error" ? (m(), w("div", ta, [
               x[2] || (x[2] = n("div", { class: "jsgd-relative jsgd-animate-[popIn_400ms_cubic-bezier(0.16,1,0.3,1)_backwards]" }, [
                 n("div", { class: "jsgd-w-14 jsgd-h-14 jsgd-rounded-full jsgd-grid jsgd-place-items-center jsgd-bg-red-100 dark:jsgd-bg-red-900/50" }, [
                   n("span", { class: "jsgd-i-mdi-close jsgd-w-8 jsgd-h-8 jsgd-text-red-600 dark:jsgd-text-red-400" })
@@ -3496,7 +3501,7 @@ const Zs = {
                   style: { "animation-delay": "0.2s" }
                 })
               ], -1)),
-              n("p", aa, M(o.value || "Gagal!"), 1)
+              n("p", sa, M(o.value || "Gagal!"), 1)
             ])) : $("", !0)
           ])
         ])) : $("", !0)
@@ -3504,8 +3509,8 @@ const Zs = {
       _: 1
     }));
   }
-}), ra = /* @__PURE__ */ wt(da, [["__scopeId", "data-v-2ec15644"]]);
-function la(e, s, t) {
+}), da = /* @__PURE__ */ kt(aa, [["__scopeId", "data-v-2ec15644"]]);
+function ra(e, s, t) {
   const g = A(!1), r = A({}), l = A(null), o = A([]), d = A([...e.modelValue ?? []]);
   se(
     () => e.modelValue,
@@ -3538,7 +3543,7 @@ function la(e, s, t) {
     getImageSrc: (h) => typeof h == "string" ? h : h instanceof File ? URL.createObjectURL(h) : ""
   };
 }
-function na(e, s) {
+function la(e, s) {
   const t = A(null), g = A([]), r = A([]);
   let l = null, o = !1;
   const d = (S) => !(S == null || typeof S == "string" && S.trim() === "" || Array.isArray(S) && S.length === 0 || typeof S == "object" && !Array.isArray(S) && Object.keys(S).length === 0), u = (S, C) => Object.keys(S).some((B) => d(C[B])), v = (S) => {
@@ -3608,15 +3613,15 @@ function na(e, s) {
     errorRemove: V
   };
 }
-const vt = {
+const pt = {
   id: { currency: "IDR", symbol: "Rp", locale: "id-ID" },
   en: { currency: "USD", symbol: "$", locale: "en-US" },
   us: { currency: "USD", symbol: "$", locale: "en-US" }
 };
-function oa(e, s) {
+function na(e, s) {
   const t = ae("TableComponents", {
-    labels: A(oe[e.lang ?? "en"])
-  }), g = Z(() => t.labels.value.lang ?? "en"), r = Z(() => vt[g.value] || vt.en), l = A(""), o = A(!1), d = Z(() => r.value.symbol), u = (i) => i == null ? "" : new Intl.NumberFormat(r.value.locale, {
+    labels: A(ie[e.lang ?? "en"])
+  }), g = Z(() => t.labels.value.lang ?? "en"), r = Z(() => pt[g.value] || pt.en), l = A(""), o = A(!1), d = Z(() => r.value.symbol), u = (i) => i == null ? "" : new Intl.NumberFormat(r.value.locale, {
     // style: 'currency' akan menambahkan simbol, kita hanya butuh pemisah ribuan.
     // currency: currencyInfo.value.currency,
     minimumFractionDigits: 0,
@@ -3644,10 +3649,10 @@ function oa(e, s) {
     onBlur: c
   };
 }
-const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga = { class: "jsgd-flex jsgd-justify-between jsgd-items-center jsgd-p-3 jsgd-gap-4 max-[640px]:jsgd-flex-col max-[640px]:jsgd-items-start" }, ua = { class: "jsgd-flex jsgd-items-center jsgd-gap-4 jsgd-min-w-0" }, ca = ["src"], ma = { class: "jsgd-font-medium jsgd-text-slate-900 jsgd-whitespace-nowrap jsgd-overflow-hidden jsgd-text-ellipsis dark:jsgd-text-slate-100" }, ja = { class: "jsgd-flex jsgd-items-center jsgd-gap-4 jsgd-shrink-0 max-[640px]:jsgd-w-full max-[640px]:jsgd-justify-end max-[640px]:jsgd-pt-2 max-[640px]:jsgd-border-t-1 max-[640px]:jsgd-border-solid max-[640px]:jsgd-border-slate-200 dark:max-[640px]:jsgd-border-slate-600" }, ba = ["onClick"], ha = ["onClick"], fa = ["disabled"], pa = {
+const oa = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ia = { class: "jsgd-flex jsgd-justify-between jsgd-items-center jsgd-p-3 jsgd-gap-4 max-[640px]:jsgd-flex-col max-[640px]:jsgd-items-start" }, ga = { class: "jsgd-flex jsgd-items-center jsgd-gap-4 jsgd-min-w-0" }, ua = ["src"], ca = { class: "jsgd-font-medium jsgd-text-slate-900 jsgd-whitespace-nowrap jsgd-overflow-hidden jsgd-text-ellipsis dark:jsgd-text-slate-100" }, ma = { class: "jsgd-flex jsgd-items-center jsgd-gap-4 jsgd-shrink-0 max-[640px]:jsgd-w-full max-[640px]:jsgd-justify-end max-[640px]:jsgd-pt-2 max-[640px]:jsgd-border-t-1 max-[640px]:jsgd-border-solid max-[640px]:jsgd-border-slate-200 dark:max-[640px]:jsgd-border-slate-600" }, ja = ["onClick"], ba = ["onClick"], ha = ["disabled"], fa = {
   key: 1,
   class: "jsgd-mt-2 jsgd-text-sm jsgd-text-red-500 jsgd-animate-[slideIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, Wr = /* @__PURE__ */ re({
+}, Hr = /* @__PURE__ */ le({
   __name: "ArrayObject",
   props: {
     id: { default: ce() },
@@ -3661,7 +3666,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
     const t = e, r = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels, l = s, {
       showModal: o,
       currentEditItem: d,
@@ -3673,7 +3678,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       remove: j,
       getImageSrc: h,
       localItems: f
-    } = la(t, r, l);
+    } = ra(t, r, l);
     return (D, V) => (m(), w(X, null, [
       n("label", {
         class: R(["jsgd-block jsgd-text-sm jsgd-font-semibold jsgd-mb-3 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": t.error }])
@@ -3683,23 +3688,23 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           "jsgd-border-red-300 jsgd-bg-red-50 dark:jsgd-border-red-800 dark:jsgd-bg-red-900/10": t.error
         }])
       }, [
-        n("div", ia, [
+        n("div", oa, [
           (m(!0), w(X, null, te(a(f), (S, C) => (m(), w("div", {
             key: C,
             class: "jsgd-bg-slate-50 jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 jsgd-rounded-lg jsgd-transition-all jsgd-duration-200 jsgd-animate-[slideIn_500ms_ease-out_backwards] hover:jsgd-bg-white hover:-jsgd-translate-y-0.5 hover:jsgd-shadow-md dark:jsgd-bg-slate-700 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-600",
             style: Pe({ animationDelay: `${C * 50}ms` })
           }, [
-            n("div", ga, [
-              n("div", ua, [
+            n("div", ia, [
+              n("div", ga, [
                 S?.image ? (m(), w("img", {
                   key: 0,
                   src: a(h)(S.image),
                   class: "jsgd-w-14 jsgd-h-14 jsgd-object-cover jsgd-rounded-full jsgd-border-2 jsgd-border-white jsgd-shadow-sm jsgd-shrink-0 dark:jsgd-border-slate-500",
                   alt: "Preview Gambar"
-                }, null, 8, ca)) : $("", !0),
-                n("span", ma, M(S?.name || `Item ${C + 1}`), 1)
+                }, null, 8, ua)) : $("", !0),
+                n("span", ca, M(S?.name || `Item ${C + 1}`), 1)
               ]),
-              n("div", ja, [
+              n("div", ma, [
                 n("span", {
                   role: "button",
                   tabindex: "0",
@@ -3707,7 +3712,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
                     "jsgd-opacity-50 jsgd-cursor-not-allowed jsgd-pointer-events-none": e.disabled
                   }]),
                   onClick: (B) => !e.disabled && a(c)(C)
-                }, M(a(r)?.btn?.edit || "Edit"), 11, ba),
+                }, M(a(r)?.btn?.edit || "Edit"), 11, ja),
                 n("span", {
                   role: "button",
                   tabindex: "0",
@@ -3715,7 +3720,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
                     "jsgd-opacity-50 jsgd-cursor-not-allowed jsgd-pointer-events-none": e.disabled
                   }]),
                   onClick: (B) => !e.disabled && a(j)(C)
-                }, M(a(r)?.btn?.remove || "Remove"), 11, ha)
+                }, M(a(r)?.btn?.remove || "Remove"), 11, ba)
               ])
             ])
           ], 4))), 128))
@@ -3726,8 +3731,8 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           (...S) => a(x) && a(x)(...S)),
           class: "jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-mt-5 jsgd-px-5 jsgd-py-2.5 jsgd-font-semibold jsgd-text-sm jsgd-border-none jsgd-rounded-md jsgd-text-white jsgd-bg-blue-600 jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-blue-700 hover:-jsgd-translate-y-0.5 hover:jsgd-shadow-lg disabled:jsgd-bg-slate-400 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-blue-500 dark:hover:jsgd-bg-blue-400 dark:disabled:jsgd-bg-slate-600 before:jsgd-content-['+'] before:jsgd-text-xl before:jsgd-leading-none",
           disabled: e.disabled
-        }, M(a(v)), 9, fa),
-        a(o) ? (m(), J(a(St), {
+        }, M(a(v)), 9, ha),
+        a(o) ? (m(), J(a(wt), {
           key: 0,
           id: a(d).id || null,
           schema: t.schema,
@@ -3737,17 +3742,17 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           onSubmit: a(i),
           onCancel: V[1] || (V[1] = () => o.value = !1)
         }, null, 8, ["id", "schema", "initial-data", "is-update", "lang", "onSubmit"])) : $("", !0),
-        t.error ? (m(), w("p", pa, M(t.error), 1)) : $("", !0)
+        t.error ? (m(), w("p", fa, M(t.error), 1)) : $("", !0)
       ], 2)
     ], 64));
   }
-}), va = { class: "jsgd-flex jsgd-flex-wrap jsgd-gap-3 jsgd-p-3 jsgd-mb-4 jsgd-min-h-[3.5rem] jsgd-bg-slate-50 jsgd-rounded-lg jsgd-border-1 jsgd-border-solid jsgd-border-dashed jsgd-border-slate-300 dark:jsgd-bg-slate-700 dark:jsgd-border-slate-600" }, xa = ["onClick", "disabled"], ya = ["disabled"], ka = {
+}), pa = { class: "jsgd-flex jsgd-flex-wrap jsgd-gap-3 jsgd-p-3 jsgd-mb-4 jsgd-min-h-[3.5rem] jsgd-bg-slate-50 jsgd-rounded-lg jsgd-border-1 jsgd-border-solid jsgd-border-dashed jsgd-border-slate-300 dark:jsgd-bg-slate-700 dark:jsgd-border-slate-600" }, va = ["onClick", "disabled"], xa = ["disabled"], ya = {
   key: 0,
   class: "jsgd-flex jsgd-justify-end jsgd-mt-4"
-}, wa = ["disabled"], Sa = {
+}, ka = ["disabled"], wa = {
   key: 2,
   class: "jsgd-mt-2 jsgd-text-sm jsgd-text-red-500 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, Gr = /* @__PURE__ */ re({
+}, Wr = /* @__PURE__ */ le({
   __name: "ColorPicker",
   props: {
     id: { default: ce() },
@@ -3763,7 +3768,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, g = s, r = A("#000000"), l = A([...t.modelValue ?? []]), d = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels, u = A([]);
     se(
       () => ({
@@ -3800,7 +3805,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           "jsgd-border-red-300 jsgd-bg-red-50 dark:jsgd-border-red-800 dark:jsgd-bg-red-900/10": u.value.length !== 0 || e.error
         }])
       }, [
-        n("div", va, [
+        n("div", pa, [
           (m(!0), w(X, null, te(l.value, (j, h) => (m(), w("div", {
             key: h,
             class: "jsgd-relative jsgd-animate-[popIn_300ms_ease-out_backwards] jsgd-group",
@@ -3816,49 +3821,49 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
               onClick: (f) => x(h),
               disabled: e.disabled,
               class: "jsgd-absolute jsgd-top-[-0.25rem] jsgd-right-[-0.25rem] jsgd-w-5 jsgd-h-5 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-text-base jsgd-font-bold jsgd-leading-none jsgd-text-white jsgd-bg-red-500 jsgd-rounded-full jsgd-border-2 jsgd-border-white jsgd-cursor-pointer jsgd-opacity-0 jsgd-scale-50 jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-red-600 hover:jsgd-scale-110 hover:jsgd-rotate-90 group-hover:jsgd-opacity-100 group-hover:jsgd-scale-100 disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed disabled:jsgd-transform-none dark:jsgd-border-slate-800 dark:jsgd-bg-red-600 dark:hover:jsgd-bg-red-500"
-            }, " × ", 8, xa))
+            }, " × ", 8, va))
           ], 4))), 128))
         ]),
-        tt(n("input", {
+        et(n("input", {
           type: "color",
           "onUpdate:modelValue": i[0] || (i[0] = (j) => r.value = j),
           disabled: e.disabled,
           class: "jsgd-appearance-none jsgd-w-full jsgd-h-10 jsgd-bg-transparent jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 jsgd-rounded-md jsgd-box-border jsgd-cursor-pointer jsgd-p-0 jsgd-overflow-hidden disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed [&::-webkit-color-swatch-wrapper]:jsgd-p-0 [&::-webkit-color-swatch]:jsgd-border-none [&::-webkit-color-swatch]:jsgd-rounded-[5px] [&::-moz-color-swatch]:jsgd-border-none [&::-moz-color-swatch]:jsgd-rounded-[5px] dark:jsgd-border-slate-600"
-        }, null, 8, ya), [
-          [xt, r.value]
+        }, null, 8, xa), [
+          [vt, r.value]
         ]),
-        t.single ? $("", !0) : (m(), w("div", ka, [
+        t.single ? $("", !0) : (m(), w("div", ya, [
           n("button", {
             type: "button",
             class: "jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-4 jsgd-py-2 jsgd-font-semibold jsgd-text-sm jsgd-border-none jsgd-rounded-md jsgd-text-white jsgd-bg-green-500 jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-green-600 hover:jsgd-scale-105 hover:jsgd-shadow-md disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-green-500 dark:hover:jsgd-bg-green-400",
             disabled: e.disabled,
             onClick: v
-          }, M(a(d)?.btn?.add ?? "Tambah"), 9, wa)
+          }, M(a(d)?.btn?.add ?? "Tambah"), 9, ka)
         ])),
         u.value.length !== 0 ? (m(!0), w(X, { key: 1 }, te(u.value, (j, h) => (m(), w("p", {
           key: h,
           class: "jsgd-mt-2 jsgd-text-sm jsgd-text-red-500 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-        }, M(j), 1))), 128)) : typeof t.error == "string" ? (m(), w("p", Sa, M(e.error), 1)) : $("", !0)
+        }, M(j), 1))), 128)) : typeof t.error == "string" ? (m(), w("p", wa, M(e.error), 1)) : $("", !0)
       ], 2)
     ], 64));
   }
-}), Da = { class: "jsgd-relative jsgd-w-full jsgd-mb-4" }, $a = { class: "jsgd-relative" }, Aa = ["placeholder", "disabled"], Ma = {
+}), Sa = { class: "jsgd-relative jsgd-w-full jsgd-mb-4" }, Da = { class: "jsgd-relative" }, $a = ["placeholder", "disabled"], Aa = {
   key: 1,
   class: "jsgd-absolute jsgd-right-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-pointer-events-none jsgd-text-slate-500 dark:jsgd-text-slate-400"
-}, Ca = {
+}, Ma = {
   key: 1,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 dark:jsgd-text-red-400"
-}, Ia = ["onMousedown"], Va = { class: "jsgd-flex jsgd-items-center jsgd-justify-between jsgd-gap-4" }, Ta = { class: "jsgd-truncate" }, Ea = {
+}, Ca = ["onMousedown"], Ia = { class: "jsgd-flex jsgd-items-center jsgd-justify-between jsgd-gap-4" }, Va = { class: "jsgd-truncate" }, Ta = {
   key: 0,
   class: "jsgd-w-5 jsgd-h-5 jsgd-text-blue-500 jsgd-shrink-0 jsgd-transition-all jsgd-duration-200 dark:jsgd-text-blue-400",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, La = { class: "jsgd-flex jsgd-items-center jsgd-gap-2" }, Pa = {
+}, Ea = { class: "jsgd-flex jsgd-items-center jsgd-gap-2" }, La = {
   key: 1,
   class: "jsgd-px-4 jsgd-py-3 jsgd-text-slate-500 jsgd-italic jsgd-cursor-default dark:jsgd-text-slate-400"
-}, Jr = /* @__PURE__ */ re({
+}, Gr = /* @__PURE__ */ le({
   __name: "ComboboxComponent",
   props: {
     id: { default: ce() },
@@ -3878,7 +3883,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
     const t = e, r = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels, l = s, o = A([...t.options]), d = A([...t.optionsView || t.options]);
     se(
       () => t.options,
@@ -3937,7 +3942,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       }
       try {
         c.value?.show("loading", "Please wait...");
-        const { image: k, ...p } = q, E = t.withCreate?.submitOption?.delete?.authType ?? t.withCreate?.submitOption?.global?.authType ?? "cookie", L = t.withCreate?.submitOption?.delete?.token ?? t.withCreate?.submitOption?.global?.token ?? void 0, Y = t.withCreate?.submitOption?.delete?.customHeaders ?? t.withCreate?.submitOption?.global?.customHeaders ?? void 0, le = await Js({
+        const { image: k, ...p } = q, E = t.withCreate?.submitOption?.delete?.authType ?? t.withCreate?.submitOption?.global?.authType ?? "cookie", L = t.withCreate?.submitOption?.delete?.token ?? t.withCreate?.submitOption?.global?.token ?? void 0, Y = t.withCreate?.submitOption?.delete?.customHeaders ?? t.withCreate?.submitOption?.global?.customHeaders ?? void 0, ne = await Gs({
           data: p,
           validation: t.withCreate?.validation ?? void 0,
           endpoint: t.withCreate.endPoint,
@@ -3949,7 +3954,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           customHeaders: Y
         });
         c.value?.show("success", "Data created successfully");
-        const F = t.optionsIsNumber ? le.data[t.withCreate?.keys?.idKey ?? "id"] : le.data[t.withCreate?.keys?.nameKey ?? "name"], G = le.data[t.withCreate?.keys?.nameKey ?? "name"];
+        const F = t.optionsIsNumber ? ne.data[t.withCreate?.keys?.idKey ?? "id"] : ne.data[t.withCreate?.keys?.nameKey ?? "name"], G = ne.data[t.withCreate?.keys?.nameKey ?? "name"];
         F != null && G != null && (o.value.some(
           (N) => N?.toString().toLowerCase() === F.toString().toLowerCase()
         ) || (o.value.push(F), d.value.push(G))), l("update:modelValue", F, t.id), x.value = !1, u.value = !1;
@@ -3957,13 +3962,13 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
         console.error(k), c.value?.show("error", "Failed to create data");
       }
     };
-    return (q, k) => (m(), w("div", Da, [
+    return (q, k) => (m(), w("div", Sa, [
       e.label ? (m(), w("label", {
         key: 0,
         class: R(["jsgd-block jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": t.error }])
       }, M(e.label), 3)) : $("", !0),
-      n("div", $a, [
-        V.value ? $("", !0) : tt((m(), w("input", {
+      n("div", Da, [
+        V.value ? $("", !0) : et((m(), w("input", {
           key: 0,
           type: "text",
           "onUpdate:modelValue": k[0] || (k[0] = (p) => v.value = p),
@@ -3975,10 +3980,10 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
             "jsgd-border-red-400 focus:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus:jsgd-ring-red-400/25": t.error,
             "jsgd-rounded-b-none": u.value
           }])
-        }, null, 42, Aa)), [
-          [xt, v.value]
+        }, null, 42, $a)), [
+          [vt, v.value]
         ]),
-        V.value ? $("", !0) : (m(), w("div", Ma, [
+        V.value ? $("", !0) : (m(), w("div", Aa, [
           (m(), w("svg", {
             class: R(["jsgd-w-5 jsgd-h-5 jsgd-transition-transform jsgd-duration-200", { "jsgd-rotate-180": u.value }]),
             fill: "none",
@@ -4022,7 +4027,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])], 2))
         ], 2)) : $("", !0)
       ]),
-      t.error ? (m(), w("p", Ca, M(t.error), 1)) : $("", !0),
+      t.error ? (m(), w("p", Ma, M(t.error), 1)) : $("", !0),
       Ie(Ce, {
         "enter-active-class": "jsgd-animate-[slideDownFade_200ms_ease-out]",
         "enter-from-class": "jsgd-opacity-0",
@@ -4046,9 +4051,9 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
                 "jsgd-bg-blue-50 jsgd-text-blue-700 jsgd-font-medium dark:jsgd-bg-blue-900/30 dark:jsgd-text-blue-300": h(p, e.modelValue)
               }])
             }, [
-              n("div", Va, [
-                n("span", Ta, M(p === "" ? "— Empty —" : D(p)), 1),
-                p === e.modelValue ? (m(), w("svg", Ea, [...k[7] || (k[7] = [
+              n("div", Ia, [
+                n("span", Va, M(p === "" ? "— Empty —" : D(p)), 1),
+                p === e.modelValue ? (m(), w("svg", Ta, [...k[7] || (k[7] = [
                   n("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
@@ -4057,13 +4062,13 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
                   }, null, -1)
                 ])])) : $("", !0)
               ])
-            ], 42, Ia))), 128)),
+            ], 42, Ca))), 128)),
             e.withCreate && v.value && ee(v.value) ? (m(), w("li", {
               key: 0,
               onMousedown: k[3] || (k[3] = Ve((p) => x.value = !0, ["prevent"])),
               class: "jsgd-px-4 jsgd-py-3 jsgd-cursor-pointer jsgd-transition-colors jsgd-duration-200 hover:jsgd-bg-slate-50 jsgd-text-blue-600 jsgd-font-medium dark:jsgd-text-blue-400 dark:hover:jsgd-bg-slate-700"
             }, [
-              n("div", La, [
+              n("div", Ea, [
                 k[8] || (k[8] = n("svg", {
                   class: "jsgd-w-5 jsgd-h-5 jsgd-text-blue-600 dark:jsgd-text-blue-400",
                   fill: "none",
@@ -4081,28 +4086,28 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
                 _(" " + M(a(r)?.btn?.add ?? "Create new") + ' "' + M(v.value) + '" ', 1)
               ])
             ], 32)) : $("", !0),
-            B.value.length === 0 ? (m(), w("li", Pa, M(e.withCreate ? "No matches. Create new data" : "No options available"), 1)) : $("", !0)
+            B.value.length === 0 ? (m(), w("li", La, M(e.withCreate ? "No matches. Create new data" : "No options available"), 1)) : $("", !0)
           ], 2)) : $("", !0)
         ]),
         _: 1
       }),
-      x.value && e.withCreate?.schema ? (m(), J(a(St), {
+      x.value && e.withCreate?.schema ? (m(), J(a(wt), {
         key: 2,
         schema: e.withCreate.schema,
         "initial-data": { name: v.value },
         onSubmit: Q,
         onCancel: k[4] || (k[4] = () => x.value = !1)
       }, null, 8, ["schema", "initial-data"])) : $("", !0),
-      Ie(a(ra), {
+      Ie(a(da), {
         ref_key: "loader",
         ref: c
       }, null, 512)
     ]));
   }
-}), Ra = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, za = ["for"], Ba = { class: "jsgd-relative" }, Ua = { class: "jsgd-absolute jsgd-left-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-text-slate-500 jsgd-pointer-events-none dark:jsgd-text-slate-400" }, Ka = ["id", "value", "disabled", "placeholder"], Oa = {
+}), Pa = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, Ra = ["for"], za = { class: "jsgd-relative" }, Ba = { class: "jsgd-absolute jsgd-left-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-text-slate-500 jsgd-pointer-events-none dark:jsgd-text-slate-400" }, Ua = ["id", "value", "disabled", "placeholder"], Ka = {
   key: 0,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, Yr = /* @__PURE__ */ re({
+}, Jr = /* @__PURE__ */ le({
   __name: "CurrencyInput",
   props: {
     id: { default: ce() },
@@ -4117,8 +4122,8 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, g = s, l = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
-    }).labels, o = Z(() => l?.value?.lang ?? "en"), { formattedValue: d, currencySymbol: u, onInput: v, onBlur: x } = oa(t, g), c = Z(() => {
+      labels: A(ie[t.lang ?? "en"])
+    }).labels, o = Z(() => l?.value?.lang ?? "en"), { formattedValue: d, currencySymbol: u, onInput: v, onBlur: x } = na(t, g), c = Z(() => {
       if (t.validate) {
         const h = t.validate, f = [];
         return h.min !== void 0 && f.push(I("numberMin", { min: String(h.min) }, o.value)), h.max !== void 0 && f.push(I("numberMax", { max: String(h.max) }, o.value)), f.join(`
@@ -4139,7 +4144,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       { deep: !0, immediate: !0 }
     );
     const j = Z(() => t.placeholder ?? l.value.placeholder?.number ?? "");
-    return (h, f) => (m(), w("div", Ra, [
+    return (h, f) => (m(), w("div", Pa, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": i.value.length || e.error }])
@@ -4155,9 +4160,9 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])]),
           _: 1
         }, 8, ["text"])) : $("", !0)
-      ], 10, za),
-      n("div", Ba, [
-        n("div", Ua, M(a(u)), 1),
+      ], 10, Ra),
+      n("div", za, [
+        n("div", Ba, M(a(u)), 1),
         n("input", {
           id: e.id,
           type: "text",
@@ -4172,19 +4177,19 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           class: R(["jsgd-w-full jsgd-py-3 jsgd-pl-10 jsgd-pr-4 jsgd-text-base jsgd-text-slate-900 jsgd-bg-white jsgd-border jsgd-border-slate-300 jsgd-rounded-lg jsgd-transition-all jsgd-duration-200 jsgd-box-border focus:jsgd-outline-none focus:jsgd-border-blue-500 focus:jsgd-ring-4 focus:jsgd-ring-blue-500/20 disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-800 dark:jsgd-text-slate-100 dark:jsgd-border-slate-600 dark:focus:jsgd-border-blue-400 dark:focus:jsgd-ring-blue-400/25 dark:disabled:jsgd-bg-slate-700", {
             "jsgd-border-red-400 focus:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus:jsgd-ring-red-400/25": i.value.length || e.error
           }])
-        }, null, 42, Ka)
+        }, null, 42, Ua)
       ]),
       (m(!0), w(X, null, te(i.value, (D, V) => (m(), w("p", {
         key: V,
         class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
       }, M(D), 1))), 128)),
-      typeof t.error == "string" && i.value.length === 0 ? (m(), w("p", Oa, M(e.error), 1)) : $("", !0)
+      typeof t.error == "string" && i.value.length === 0 ? (m(), w("p", Ka, M(e.error), 1)) : $("", !0)
     ]));
   }
-}), Fa = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, Na = ["for"], qa = { class: "jsgd-flex jsgd-items-center jsgd-gap-1" }, Ha = ["onClick", "onMouseenter"], Wa = {
+}), Oa = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, Fa = ["for"], Na = { class: "jsgd-flex jsgd-items-center jsgd-gap-1" }, qa = ["onClick", "onMouseenter"], Ha = {
   key: 0,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, Zr = /* @__PURE__ */ re({
+}, Yr = /* @__PURE__ */ le({
   __name: "RateInput",
   props: {
     id: { default: ce() },
@@ -4209,12 +4214,12 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       const v = r.value === u ? 0 : u;
       r.value = v, g("update:modelValue", v, t.id);
     }
-    return (u, v) => (m(), w("div", Fa, [
+    return (u, v) => (m(), w("div", Oa, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": e.error }])
-      }, M(e.label), 11, Na),
-      n("div", qa, [
+      }, M(e.label), 11, Fa),
+      n("div", Na, [
         (m(!0), w(X, null, te(o.value, (x) => (m(), w("span", {
           key: x,
           class: R([
@@ -4230,15 +4235,15 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           onClick: (c) => !e.disabled && d(x),
           onMouseenter: (c) => !e.disabled && (l.value = x),
           onMouseleave: v[0] || (v[0] = (c) => !e.disabled && (l.value = 0))
-        }, null, 42, Ha))), 128))
+        }, null, 42, qa))), 128))
       ]),
-      typeof t.error == "string" ? (m(), w("p", Wa, M(e.error), 1)) : $("", !0)
+      typeof t.error == "string" ? (m(), w("p", Ha, M(e.error), 1)) : $("", !0)
     ]));
   }
-}), Ga = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, Ja = ["for"], Ya = { class: "jsgd-relative" }, Za = ["id", "value", "disabled", "min", "max", "placeholder"], Xa = {
+}), Wa = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, Ga = ["for"], Ja = { class: "jsgd-relative" }, Ya = ["id", "value", "disabled", "min", "max", "placeholder"], Za = {
   key: 0,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, Xr = /* @__PURE__ */ re({
+}, Zr = /* @__PURE__ */ le({
   __name: "DateInput",
   props: {
     id: { default: ce() },
@@ -4253,7 +4258,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, r = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels;
     Z(() => r?.value?.lang ?? "en");
     const l = s, o = Z(() => {
@@ -4299,7 +4304,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       const c = x.target;
       l("update:modelValue", c.value, t.id);
     }
-    return (x, c) => (m(), w("div", Ga, [
+    return (x, c) => (m(), w("div", Wa, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": d.value.length || e.error }])
@@ -4315,8 +4320,8 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])]),
           _: 1
         }, 8, ["text"])) : $("", !0)
-      ], 10, Ja),
-      n("div", Ya, [
+      ], 10, Ga),
+      n("div", Ja, [
         c[1] || (c[1] = n("div", { class: "jsgd-absolute jsgd-right-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-pointer-events-none jsgd-text-slate-500 dark:jsgd-text-slate-400" }, [
           n("span", { class: "jsgd-i-mdi-calendar jsgd-w-5 jsgd-h-5" })
         ], -1)),
@@ -4332,19 +4337,19 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           class: R(["jsgd-w-full jsgd-py-3 jsgd-px-4 jsgd-text-base jsgd-text-slate-900 jsgd-bg-white jsgd-border jsgd-border-slate-300 jsgd-rounded-lg jsgd-transition-all jsgd-duration-200 jsgd-box-border jsgd-appearance-none focus:jsgd-outline-none focus:jsgd-border-blue-500 focus:jsgd-ring-4 focus:jsgd-ring-blue-500/20 disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-800 dark:jsgd-text-slate-100 dark:jsgd-border-slate-600 dark:focus:jsgd-border-blue-400 dark:focus:jsgd-ring-blue-400/25 dark:disabled:jsgd-bg-slate-700 [color-scheme:light_dark] [&::-webkit-calendar-picker-indicator]:jsgd-opacity-0 [&::-webkit-calendar-picker-indicator]:jsgd-cursor-pointer [&::-webkit-calendar-picker-indicator]:jsgd-absolute [&::-webkit-calendar-picker-indicator]:jsgd-right-3 [&::-webkit-calendar-picker-indicator]:jsgd-top-1/2 [&::-webkit-calendar-picker-indicator]:-jsgd-translate-y-1/2 [&::-webkit-calendar-picker-indicator]:jsgd-w-6 [&::-webkit-calendar-picker-indicator]:jsgd-h-6", {
             "jsgd-border-red-400 focus:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus:jsgd-ring-red-400/25": d.value.length || e.error
           }])
-        }, null, 42, Za)
+        }, null, 42, Ya)
       ]),
       (m(!0), w(X, null, te(d.value, (i, j) => (m(), w("p", {
         key: j,
         class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
       }, M(i), 1))), 128)),
-      typeof t.error == "string" && d.value.length === 0 ? (m(), w("p", Xa, M(e.error), 1)) : $("", !0)
+      typeof t.error == "string" && d.value.length === 0 ? (m(), w("p", Za, M(e.error), 1)) : $("", !0)
     ]));
   }
-}), Qa = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, _a = ["for"], ed = { class: "jsgd-relative" }, td = ["id", "value", "disabled", "placeholder"], sd = {
+}), Xa = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, Qa = ["for"], _a = { class: "jsgd-relative" }, ed = ["id", "value", "disabled", "placeholder"], td = {
   key: 1,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, Qr = /* @__PURE__ */ re({
+}, Xr = /* @__PURE__ */ le({
   __name: "EmailInput",
   props: {
     id: { default: ce() },
@@ -4359,7 +4364,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, g = String(t.modelValue ?? ""), l = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels, o = s, d = Z(() => {
       if (t.validate) {
         const c = t.validate, i = [];
@@ -4384,7 +4389,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           const D = j.duplicate.map(String).includes(f), V = String(g) === f;
           D && !V && h.push(I("valueList", { value: f }, t.lang ?? "en"));
         }
-        Gt.test(f) || h.push(I("email", void 0, t.lang ?? "en")), u.value = h, h.length ? o("push:error", h, t.id) : o("remove:error", t.id);
+        Wt.test(f) || h.push(I("email", void 0, t.lang ?? "en")), u.value = h, h.length ? o("push:error", h, t.id) : o("remove:error", t.id);
       }
     );
     const v = Z(() => t.placeholder ?? l?.value?.placeholder?.email ?? "");
@@ -4393,7 +4398,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       const i = c.target;
       o("update:modelValue", i.value, t.id);
     }
-    return (c, i) => (m(), w("div", Qa, [
+    return (c, i) => (m(), w("div", Xa, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": u.value.length !== 0 || e.error }])
@@ -4409,8 +4414,8 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])]),
           _: 1
         }, 8, ["text"])) : $("", !0)
-      ], 10, _a),
-      n("div", ed, [
+      ], 10, Qa),
+      n("div", _a, [
         i[1] || (i[1] = n("div", { class: "jsgd-absolute jsgd-left-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-text-slate-400 jsgd-pointer-events-none" }, [
           n("svg", {
             xmlns: "http://www.w3.org/2000/svg",
@@ -4437,25 +4442,25 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           class: R(["jsgd-w-full jsgd-py-3 jsgd-pl-11 jsgd-pr-4 jsgd-text-base jsgd-text-slate-900 jsgd-bg-white jsgd-border jsgd-border-slate-300 jsgd-rounded-lg jsgd-transition-all jsgd-duration-200 jsgd-box-border focus:jsgd-outline-none focus:jsgd-border-blue-500 focus:jsgd-ring-4 focus:jsgd-ring-blue-500/20 disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-800 dark:jsgd-text-slate-100 dark:jsgd-border-slate-600 dark:focus:jsgd-border-blue-400 dark:focus:jsgd-ring-blue-400/25 dark:disabled:jsgd-bg-slate-700", {
             "jsgd-border-red-400 focus:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus:jsgd-ring-red-400/25": u.value.length !== 0 || e.error
           }])
-        }, null, 42, td)
+        }, null, 42, ed)
       ]),
       u.value.length !== 0 ? (m(!0), w(X, { key: 0 }, te(u.value, (j, h) => (m(), w("p", {
         key: h,
         class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
       }, M(j), 1))), 128)) : $("", !0),
-      typeof t.error == "string" && u.value.length === 0 ? (m(), w("p", sd, M(e.error), 1)) : $("", !0)
+      typeof t.error == "string" && u.value.length === 0 ? (m(), w("p", td, M(e.error), 1)) : $("", !0)
     ]));
   }
-}), ad = { class: "jsgd-w-full jsgd-mb-4" }, dd = ["for"], rd = { class: "jsgd-flex jsgd-flex-col jsgd-items-center jsgd-justify-center jsgd-p-8 jsgd-gap-5 jsgd-relative jsgd-overflow-hidden" }, ld = ["id", "disabled"], nd = { class: "jsgd-flex jsgd-items-center jsgd-gap-3 jsgd-z-10" }, od = ["for"], id = ["disabled"], gd = {
+}), sd = { class: "jsgd-w-full jsgd-mb-4" }, ad = ["for"], dd = { class: "jsgd-flex jsgd-flex-col jsgd-items-center jsgd-justify-center jsgd-p-8 jsgd-gap-5 jsgd-relative jsgd-overflow-hidden" }, rd = ["id", "disabled"], ld = { class: "jsgd-flex jsgd-items-center jsgd-gap-3 jsgd-z-10" }, nd = ["for"], od = ["disabled"], id = {
   key: 0,
   class: "jsgd-w-full jsgd-p-4 jsgd-bg-blue-50 jsgd-rounded-lg jsgd-text-sm jsgd-text-slate-600 jsgd-animate-[slideUpFade_400ms_ease-out] jsgd-z-10 dark:jsgd-bg-blue-900/20 dark:jsgd-text-slate-300"
-}, ud = { class: "jsgd-m-0 jsgd-leading-relaxed jsgd-break-words" }, cd = {
+}, gd = { class: "jsgd-m-0 jsgd-leading-relaxed jsgd-break-words" }, ud = {
   key: 0,
   class: "jsgd-m-0 jsgd-leading-relaxed jsgd-break-words"
-}, md = {
+}, cd = {
   key: 1,
   class: "jsgd-m-0 jsgd-leading-relaxed jsgd-break-words"
-}, jd = { class: "jsgd-mt-2 jsgd-flex jsgd-flex-col jsgd-gap-1" }, _r = /* @__PURE__ */ re({
+}, md = { class: "jsgd-mt-2 jsgd-flex jsgd-flex-col jsgd-gap-1" }, Qr = /* @__PURE__ */ le({
   __name: "FileInput",
   props: {
     id: { default: ce() },
@@ -4469,7 +4474,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, r = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels, l = ae("TableComponents")?.ShowAlert, o = s, d = A(""), u = A(""), v = A(""), x = A(!0), c = A([]), i = Z(() => {
       if (t.validate) {
         const S = t.validate, C = [];
@@ -4511,7 +4516,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
     function V() {
       d.value = "", u.value = "", v.value = "", c.value = [];
     }
-    return (S, C) => (m(), w("div", ad, [
+    return (S, C) => (m(), w("div", sd, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": c.value.length !== 0 || e.error }])
@@ -4527,32 +4532,32 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])]),
           _: 1
         }, 8, ["text"])) : $("", !0)
-      ], 10, dd),
+      ], 10, ad),
       n("div", {
         class: R(["jsgd-bg-slate-50 jsgd-border-2 jsgd-border-dashed jsgd-border-slate-300 jsgd-rounded-xl jsgd-transition-colors jsgd-duration-200 hover:jsgd-bg-slate-100 hover:jsgd-border-blue-500 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-700 dark:hover:jsgd-border-blue-400", {
           "jsgd-border-red-300 dark:jsgd-border-red-800": c.value.length !== 0 || e.error
         }])
       }, [
-        n("div", rd, [
-          C[4] || (C[4] = yt('<div class="jsgd-absolute jsgd-top-1/2 jsgd-left-1/2 -jsgd-translate-x-1/2 -jsgd-translate-y-1/2 jsgd-w-16 jsgd-h-16 jsgd-opacity-10 jsgd-text-slate-900 jsgd-pointer-events-none jsgd-transition-opacity jsgd-duration-200 group-hover:jsgd-opacity-20 dark:jsgd-text-slate-100"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg></div>', 1)),
+        n("div", dd, [
+          C[4] || (C[4] = xt('<div class="jsgd-absolute jsgd-top-1/2 jsgd-left-1/2 -jsgd-translate-x-1/2 -jsgd-translate-y-1/2 jsgd-w-16 jsgd-h-16 jsgd-opacity-10 jsgd-text-slate-900 jsgd-pointer-events-none jsgd-transition-opacity jsgd-duration-200 group-hover:jsgd-opacity-20 dark:jsgd-text-slate-100"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg></div>', 1)),
           n("input", {
             id: e.id,
             type: "file",
             onChange: h,
             class: "jsgd-hidden",
             disabled: t.disabled
-          }, null, 40, ld),
-          n("div", nd, [
+          }, null, 40, rd),
+          n("div", ld, [
             n("label", {
               for: e.id,
               class: R(["jsgd-inline-flex jsgd-items-center jsgd-justify-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-font-medium jsgd-rounded-lg jsgd-border-none jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:-jsgd-translate-y-0.5 hover:jsgd-shadow-md disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed jsgd-bg-blue-600 jsgd-text-white hover:jsgd-bg-blue-700 dark:jsgd-bg-blue-500 dark:hover:jsgd-bg-blue-400", { "jsgd-opacity-60 jsgd-cursor-not-allowed": t.disabled }])
-            }, M(a(r)?.btn?.upload ?? "Upload"), 11, od),
+            }, M(a(r)?.btn?.upload ?? "Upload"), 11, nd),
             n("button", {
               type: "button",
               onClick: j,
               disabled: t.disabled,
               class: "jsgd-inline-flex jsgd-items-center jsgd-justify-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-font-medium jsgd-rounded-lg jsgd-border-none jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:-jsgd-translate-y-0.5 hover:jsgd-shadow-md disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed jsgd-bg-slate-600 jsgd-text-white hover:jsgd-bg-slate-700 dark:jsgd-bg-slate-500 dark:hover:jsgd-bg-slate-400"
-            }, " URL ", 8, id),
+            }, " URL ", 8, od),
             d.value && !t.disabled ? (m(), w("button", {
               key: 0,
               type: "button",
@@ -4560,22 +4565,22 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
               class: "jsgd-inline-flex jsgd-items-center jsgd-justify-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-font-medium jsgd-rounded-lg jsgd-border-none jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:-jsgd-translate-y-0.5 hover:jsgd-shadow-md disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed jsgd-bg-red-500 jsgd-text-white hover:jsgd-bg-red-600 dark:jsgd-bg-red-600 dark:hover:jsgd-bg-red-500"
             }, M(a(r)?.btn?.remove || "Hapus"), 1)) : $("", !0)
           ]),
-          d.value ? (m(), w("div", gd, [
-            n("p", ud, [
+          d.value ? (m(), w("div", id, [
+            n("p", gd, [
               C[1] || (C[1] = n("b", { class: "jsgd-text-slate-900 dark:jsgd-text-slate-100" }, "Name:", -1)),
               _(" " + M(d.value), 1)
             ]),
-            u.value ? (m(), w("p", cd, [
+            u.value ? (m(), w("p", ud, [
               C[2] || (C[2] = n("b", { class: "jsgd-text-slate-900 dark:jsgd-text-slate-100" }, "Size:", -1)),
               _(" " + M(u.value), 1)
             ])) : $("", !0),
-            v.value ? (m(), w("p", md, [
+            v.value ? (m(), w("p", cd, [
               C[3] || (C[3] = n("b", { class: "jsgd-text-slate-900 dark:jsgd-text-slate-100" }, "Type:", -1)),
               _(" " + M(v.value), 1)
             ])) : $("", !0)
           ])) : $("", !0)
         ]),
-        n("div", jd, [
+        n("div", md, [
           (m(!0), w(X, null, te(c.value, (B, ee) => (m(), w("p", {
             key: ee,
             class: "jsgd-text-sm jsgd-text-red-500 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
@@ -4584,19 +4589,19 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       ], 2)
     ]));
   }
-}), bd = { class: "jsgd-bg-white jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 jsgd-rounded-lg jsgd-p-6 jsgd-shadow-xl jsgd-transition-all jsgd-duration-200 jsgd-animate-[fadeIn_400ms_ease-out] jsgd-mb-4 jsgd-z-10 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700" }, hd = {
+}), jd = { class: "jsgd-bg-white jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 jsgd-rounded-lg jsgd-p-6 jsgd-shadow-xl jsgd-transition-all jsgd-duration-200 jsgd-animate-[fadeIn_400ms_ease-out] jsgd-mb-4 jsgd-z-10 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700" }, bd = {
   key: 0,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mb-4 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, fd = { class: "jsgd-relative jsgd-mb-2" }, pd = {
+}, hd = { class: "jsgd-relative jsgd-mb-2" }, fd = {
   key: 0,
   class: "jsgd-absolute jsgd-list-none jsgd-z-200 jsgd-w-full jsgd-px-2 jsgd-mx-0 jsgd-mt-[-1px] jsgd-py-2 jsgd-bg-white/95 jsgd-border-1 jsgd-border-solid jsgd-border-blue-500 jsgd-border-t-0 jsgd-rounded-b-lg jsgd-shadow-xl jsgd-max-h-64 jsgd-overflow-y-auto jsgd-backdrop-blur-md jsgd-box-border dark:jsgd-bg-slate-800/95 dark:jsgd-border-blue-400"
-}, vd = ["onMousedown"], xd = { class: "jsgd-flex jsgd-items-center jsgd-justify-between jsgd-gap-4" }, yd = { class: "jsgd-truncate" }, kd = {
+}, pd = ["onMousedown"], vd = { class: "jsgd-flex jsgd-items-center jsgd-justify-between jsgd-gap-4" }, xd = { class: "jsgd-truncate" }, yd = {
   key: 0,
   class: "jsgd-i-mdi-check jsgd-w-5 jsgd-h-5 jsgd-text-blue-500 jsgd-shrink-0 jsgd-transition-all jsgd-duration-200 dark:jsgd-text-blue-400"
-}, wd = { class: "jsgd-flex jsgd-items-center jsgd-gap-3 jsgd-font-medium jsgd-text-slate-900 jsgd-cursor-pointer dark:jsgd-text-slate-100 jsgd-group" }, Sd = ["value"], Dd = {
+}, kd = { class: "jsgd-flex jsgd-items-center jsgd-gap-3 jsgd-font-medium jsgd-text-slate-900 jsgd-cursor-pointer dark:jsgd-text-slate-100 jsgd-group" }, wd = ["value"], Sd = {
   key: 0,
   class: "jsgd-mt-4 jsgd-pt-4 jsgd-px-4 jsgd-border-1.5 jsgd-rounded-2xl jsgd-border-solid jsgd-border-blue-500 jsgd-animate-[revealContent_400ms_ease-out] jsgd-overflow-visible dark:jsgd-border-blue-400"
-}, el = /* @__PURE__ */ re({
+}, _r = /* @__PURE__ */ le({
   __name: "GroupRenderer",
   props: {
     id: { default: ce() },
@@ -4615,8 +4620,8 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:model-value", "push:errors", "remove:errors", "selected-option-change", "multi-selected-change"],
   setup(e, { emit: s }) {
     const t = s, g = e, l = ae("TableComponents", {
-      labels: A(oe[g.lang ?? "en"])
-    }).labels, { selectedOption: o, multiSelected: d, errorPush: u, errorRemove: v } = na(
+      labels: A(ie[g.lang ?? "en"])
+    }).labels, { selectedOption: o, multiSelected: d, errorPush: u, errorRemove: v } = la(
       g,
       t
     ), x = A(!1);
@@ -4627,10 +4632,10 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       n("label", {
         class: R(["jsgd-block jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": g.error }])
       }, M(e.label), 3),
-      n("div", bd, [
-        g.error ? (m(), w("p", hd, M(g.error), 1)) : $("", !0),
+      n("div", jd, [
+        g.error ? (m(), w("p", bd, M(g.error), 1)) : $("", !0),
         e.typeDesign === "select" || e.typeDesign === "dropdown" ? (m(), w(X, { key: 1 }, [
-          n("div", fd, [
+          n("div", hd, [
             n("div", {
               onClick: j[0] || (j[0] = (h) => x.value = !x.value),
               class: R(["jsgd-w-full jsgd-py-3 jsgd-pl-4 jsgd-pr-4 jsgd-text-base jsgd-text-slate-900 jsgd-bg-white jsgd-border-1 jsgd-border-solid jsgd-border-slate-300 jsgd-rounded-lg jsgd-transition-all jsgd-duration-200 jsgd-box-border jsgd-cursor-pointer jsgd-flex jsgd-items-center jsgd-justify-between focus-visible:jsgd-outline-none focus-visible:jsgd-border-blue-500 focus-visible:jsgd-ring-4 focus-visible:jsgd-ring-blue-500/20 dark:jsgd-bg-slate-800 dark:jsgd-text-slate-100 dark:jsgd-border-slate-600 dark:focus-visible:jsgd-border-blue-400 dark:focus-visible:jsgd-ring-blue-400/25", { "jsgd-rounded-b-none": x.value }])
@@ -4649,7 +4654,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
               "leave-to-class": "jsgd-opacity-0"
             }, {
               default: ue(() => [
-                x.value ? (m(), w("ul", pd, [
+                x.value ? (m(), w("ul", fd, [
                   e.required ? $("", !0) : (m(), w("li", {
                     key: 0,
                     onMousedown: j[1] || (j[1] = Ve((h) => c(null), ["prevent"])),
@@ -4662,11 +4667,11 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
                       "jsgd-bg-blue-50 jsgd-text-blue-700 jsgd-font-medium dark:jsgd-bg-blue-900/30 dark:jsgd-text-blue-300": a(o) === f
                     }])
                   }, [
-                    n("div", xd, [
-                      n("span", yd, M(g.optionsLabels?.[f] ?? f), 1),
-                      a(o) === f ? (m(), w("span", kd)) : $("", !0)
+                    n("div", vd, [
+                      n("span", xd, M(g.optionsLabels?.[f] ?? f), 1),
+                      a(o) === f ? (m(), w("span", yd)) : $("", !0)
                     ])
-                  ], 42, vd))), 128))
+                  ], 42, pd))), 128))
                 ])) : $("", !0)
               ]),
               _: 1
@@ -4690,21 +4695,21 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           key: f,
           class: "jsgd-mb-4 jsgd-p-4 jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 jsgd-rounded-lg jsgd-transition-all jsgd-duration-200 has-[:checked]:jsgd-border-blue-500 has-[:checked]:jsgd-bg-blue-50/50 dark:jsgd-border-slate-700 dark:has-[:checked]:jsgd-border-blue-400 dark:has-[:checked]:jsgd-bg-blue-900/20 last:jsgd-mb-0"
         }, [
-          n("label", wd, [
-            tt(n("input", {
+          n("label", kd, [
+            et(n("input", {
               type: "checkbox",
-              "onUpdate:modelValue": j[2] || (j[2] = (D) => Bt(d) ? d.value = D : null),
+              "onUpdate:modelValue": j[2] || (j[2] = (D) => zt(d) ? d.value = D : null),
               value: f,
               class: "jsgd-opacity-0 jsgd-w-0 jsgd-h-0 jsgd-absolute peer"
-            }, null, 8, Sd), [
-              [Ut, a(d)]
+            }, null, 8, wd), [
+              [Bt, a(d)]
             ]),
             j[3] || (j[3] = n("div", { class: "jsgd-w-5 jsgd-h-5 jsgd-border-1.5 jsgd-border-solid jsgd-border-slate-700 jsgd-rounded jsgd-bg-white jsgd-transition-all jsgd-duration-200 jsgd-shrink-0 jsgd-flex jsgd-items-center jsgd-justify-center peer-checked:jsgd-bg-blue-500 peer-checked:jsgd-border-blue-500 dark:jsgd-border-slate-500 dark:jsgd-bg-slate-800 dark:peer-checked:jsgd-bg-blue-500" }, [
               n("span", { class: "jsgd-i-mdi-check jsgd-w-3.5 jsgd-h-3.5 dark:jsgd-text-white jsgd-opacity-0 group-has-[:checked]:jsgd-opacity-100 jsgd-transition-opacity" })
             ], -1)),
             _(" " + M(g.optionsLabels?.[f] ?? f), 1)
           ]),
-          a(d).includes(f) ? (m(), w("div", Dd, [
+          a(d).includes(f) ? (m(), w("div", Sd, [
             (m(!0), w(X, null, te(h, (D, V) => (m(), J(a(Be), {
               key: V,
               field: D,
@@ -4723,19 +4728,19 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       ])
     ]));
   }
-}), $d = { class: "jsgd-w-full" }, Ad = ["for"], Md = {
+}), Dd = { class: "jsgd-w-full" }, $d = ["for"], Ad = {
   class: "jsgd-p-3 jsgd-flex jsgd-flex-col jsgd-gap-3 md:jsgd-p-4 md:jsgd-grid md:jsgd-grid-cols-2 md:jsgd-gap-x-6 md:jsgd-gap-y-4 md:jsgd-items-start",
   style: { "grid-template-areas": "'preview info' 'preview buttons'" }
-}, Cd = ["src", "alt"], Id = ["id", "disabled"], Vd = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 md:jsgd-contents" }, Td = {
+}, Md = ["src", "alt"], Cd = ["id", "disabled"], Id = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 md:jsgd-contents" }, Vd = {
   class: "jsgd-w-full jsgd-box-border jsgd-grid jsgd-grid-cols-[auto_1fr] jsgd-gap-x-4 jsgd-gap-y-1 jsgd-p-3 jsgd-bg-blue-50 jsgd-rounded-lg jsgd-text-sm jsgd-animate-[slideUpFade_400ms_ease-out] dark:jsgd-bg-blue-900/20",
   style: { "grid-area": "info" }
-}, Ed = { class: "jsgd-text-slate-900 jsgd-font-medium jsgd-text-right jsgd-break-words dark:jsgd-text-slate-100" }, Ld = { class: "jsgd-text-slate-900 jsgd-font-medium jsgd-text-right jsgd-break-words dark:jsgd-text-slate-100" }, Pd = { class: "jsgd-text-slate-900 jsgd-font-medium jsgd-text-right jsgd-break-words dark:jsgd-text-slate-100" }, Rd = { class: "jsgd-text-slate-900 jsgd-font-medium jsgd-text-right jsgd-break-words dark:jsgd-text-slate-100" }, zd = {
+}, Td = { class: "jsgd-text-slate-900 jsgd-font-medium jsgd-text-right jsgd-break-words dark:jsgd-text-slate-100" }, Ed = { class: "jsgd-text-slate-900 jsgd-font-medium jsgd-text-right jsgd-break-words dark:jsgd-text-slate-100" }, Ld = { class: "jsgd-text-slate-900 jsgd-font-medium jsgd-text-right jsgd-break-words dark:jsgd-text-slate-100" }, Pd = { class: "jsgd-text-slate-900 jsgd-font-medium jsgd-text-right jsgd-break-words dark:jsgd-text-slate-100" }, Rd = {
   class: "jsgd-flex jsgd-justify-center jsgd-gap-3 jsgd-w-full md:jsgd-self-end",
   style: { "grid-area": "buttons" }
-}, Bd = ["for"], Ud = ["disabled"], Kd = { class: "jsgd-px-1" }, Od = {
+}, zd = ["for"], Bd = ["disabled"], Ud = { class: "jsgd-px-1" }, Kd = {
   key: 1,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, tl = /* @__PURE__ */ re({
+}, el = /* @__PURE__ */ le({
   __name: "ImageInput",
   props: {
     id: { default: ce() },
@@ -4752,7 +4757,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, r = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels, l = ae("TableComponents")?.ShowAlert, o = s, d = A(""), u = A(""), v = A(""), x = A(""), c = A(null), i = A(null), j = A(
       t.previewImage || "https://static.vecteezy.com/system/resources/thumbnails/005/720/408/small_2x/crossed-image-icon-picture-not-available-delete-picture-symbol-free-vector.jpg"
     ), h = A(!0);
@@ -4793,14 +4798,14 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
             j.value = L;
             const Y = new Image();
             Y.onload = () => {
-              u.value = `${Y.width} x ${Y.height}`, x.value = nt(Y.width, Y.height), c.value = { width: Y.width, height: Y.height }, Q();
+              u.value = `${Y.width} x ${Y.height}`, x.value = lt(Y.width, Y.height), c.value = { width: Y.width, height: Y.height }, Q();
             }, Y.src = L;
           }, p.readAsDataURL(k);
         } else if (typeof k == "string" && k) {
           j.value = k, d.value = k.split("/").pop() || k, v.value = "N/A";
           const p = new Image();
           p.onload = () => {
-            u.value = `${p.width} x ${p.height}`, x.value = nt(p.width, p.height), c.value = { width: p.width, height: p.height }, Q();
+            u.value = `${p.width} x ${p.height}`, x.value = lt(p.width, p.height), c.value = { width: p.width, height: p.height }, Q();
           }, p.onerror = () => {
             u.value = "Invalid", x.value = "N/A", c.value = null, Q();
           }, p.src = k;
@@ -4819,7 +4824,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
     function C(k, p = !1) {
       return new Promise((E, L) => {
         const Y = new Image();
-        p && (Y.crossOrigin = "anonymous"), Y.onload = () => E(Y), Y.onerror = (le) => {
+        p && (Y.crossOrigin = "anonymous"), Y.onload = () => E(Y), Y.onerror = (ne) => {
           L(new Error(`Failed to load image: ${k}`));
         }, Y.src = k;
       });
@@ -4834,32 +4839,32 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           // File lokal, bukan cross-origin
           C(p.url, !0)
           // Watermark, mungkin cross-origin
-        ]), le = document.createElement("canvas");
-        le.width = L.width, le.height = L.height;
-        const F = le.getContext("2d");
+        ]), ne = document.createElement("canvas");
+        ne.width = L.width, ne.height = L.height;
+        const F = ne.getContext("2d");
         if (!F) return k;
         F.drawImage(L, 0, 0), F.globalAlpha = p.transparant / 100;
-        let G = 0, K = 0;
+        let G = 0, U = 0;
         const N = 10;
         switch (p.position) {
           case "top-left":
-            G = N, K = N, F.drawImage(Y, G, K);
+            G = N, U = N, F.drawImage(Y, G, U);
             break;
           case "top-right":
-            G = L.width - Y.width - N, K = N, F.drawImage(Y, G, K);
+            G = L.width - Y.width - N, U = N, F.drawImage(Y, G, U);
             break;
           case "bottom-left":
-            G = N, K = L.height - Y.height - N, F.drawImage(Y, G, K);
+            G = N, U = L.height - Y.height - N, F.drawImage(Y, G, U);
             break;
           case "bottom-right":
-            G = L.width - Y.width - N, K = L.height - Y.height - N, F.drawImage(Y, G, K);
+            G = L.width - Y.width - N, U = L.height - Y.height - N, F.drawImage(Y, G, U);
             break;
           case "full":
             F.drawImage(Y, 0, 0, L.width, L.height);
             break;
         }
         return F.globalAlpha = 1, new Promise((b, y) => {
-          le.toBlob((T) => {
+          ne.toBlob((T) => {
             if (T) {
               const P = new File([T], k.name, { type: k.type });
               b(P);
@@ -4899,15 +4904,15 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ]), o("update:modelValue", null, t.id);
           return;
         }
-        let le = E;
+        let ne = E;
         if (t.watermark)
           try {
-            le = await B(E);
+            ne = await B(E);
           } catch {
             o("update:modelValue", null, t.id);
             return;
           }
-        o("update:modelValue", le, t.id);
+        o("update:modelValue", ne, t.id);
       }
     }
     function O() {
@@ -4926,8 +4931,8 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       if (t.validate.maxSize && (h.value = i.value <= t.validate.maxSize, h.value || k.push(I("imageMaxSize", { max: t.validate.maxSize }, t.lang ?? "en"))), t.validate.pixel && c.value) {
         const p = t.validate.pixel, E = c.value.width, L = c.value.height;
         if (("minWidth" in p || "maxWidth" in p || "minHeight" in p || "maxHeight" in p) && (p.minWidth && E < p.minWidth && k.push(I("imageMinWidth", { min: p.minWidth }, t.lang ?? "en")), p.minHeight && L < p.minHeight && k.push(I("imageMinHeight", { min: p.minHeight }, t.lang ?? "en")), p.maxWidth && E > p.maxWidth && k.push(I("imageMaxWidth", { max: p.maxWidth }, t.lang ?? "en")), p.maxHeight && L > p.maxHeight && k.push(I("imageMaxHeight", { max: p.maxHeight }, t.lang ?? "en"))), "width" in p || "height" in p) {
-          const Y = !p.width || E === p.width, le = !p.height || L === p.height;
-          (!Y || !le) && k.push(
+          const Y = !p.width || E === p.width, ne = !p.height || L === p.height;
+          (!Y || !ne) && k.push(
             I(
               "imagePixel",
               {
@@ -4940,11 +4945,11 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
         }
       }
       if (t.validate.ratio && c.value) {
-        const p = t.validate.ratio.Width, E = t.validate.ratio.Height, L = c.value.width, Y = c.value.height, le = Ge(L, Y), F = Ge(p, E);
-        let G = le.w === F.w && le.h === F.h;
+        const p = t.validate.ratio.Width, E = t.validate.ratio.Height, L = c.value.width, Y = c.value.height, ne = We(L, Y), F = We(p, E);
+        let G = ne.w === F.w && ne.h === F.h;
         if (!G) {
-          const K = L / Y, N = p / E;
-          G = Math.abs(K - N) <= 0.01;
+          const U = L / Y, N = p / E;
+          G = Math.abs(U - N) <= 0.01;
         }
         f.value = G, f.value || k.push(
           I(
@@ -4962,7 +4967,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
     function q() {
       d.value = "", u.value = "", v.value = "", x.value = "", D.value = [], j.value = t.previewImage || "https://static.vecteezy.com/system/resources/thumbnails/005/720/408/small_2x/crossed-image-icon-picture-not-available-delete-picture-symbol-free-vector.jpg";
     }
-    return (k, p) => (m(), w("div", $d, [
+    return (k, p) => (m(), w("div", Dd, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "has-error": D.value.length !== 0 || e.error }])
@@ -4978,19 +4983,19 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])]),
           _: 1
         }, 8, ["text"])) : $("", !0)
-      ], 10, Ad),
+      ], 10, $d),
       n("div", {
         class: R(["jsgd-bg-slate-50 jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 jsgd-rounded-xl jsgd-shadow-sm jsgd-mb-4 jsgd-transition-colors jsgd-duration-200 dark:jsgd-bg-slate-800/50 dark:jsgd-border-slate-700", {
           "jsgd-border-red-400 dark:jsgd-border-red-500": D.value.length !== 0 || e.error
         }])
       }, [
-        n("div", Md, [
+        n("div", Ad, [
           n("img", {
             src: j.value,
             alt: e.previewAlt,
             class: "jsgd-block jsgd-w-full jsgd-aspect-video jsgd-object-contain jsgd-rounded-lg jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 jsgd-shadow-sm jsgd-transition-transform jsgd-duration-200 hover:jsgd-scale-105 md:jsgd-h-full dark:jsgd-border-slate-700",
             style: { "grid-area": "preview" }
-          }, null, 8, Cd),
+          }, null, 8, Md),
           n("input", {
             id: e.id,
             type: "file",
@@ -4998,37 +5003,37 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
             onChange: ee,
             class: "jsgd-hidden",
             disabled: t.disabled
-          }, null, 40, Id),
-          n("div", Vd, [
-            n("div", Td, [
+          }, null, 40, Cd),
+          n("div", Id, [
+            n("div", Vd, [
               d.value ? (m(), w(X, { key: 0 }, [
                 p[1] || (p[1] = n("span", { class: "jsgd-font-medium jsgd-text-slate-600 dark:jsgd-text-slate-400" }, "Name", -1)),
-                n("span", Ed, M(d.value.length > 20 ? d.value.slice(0, 20) + "..." : d.value), 1)
+                n("span", Td, M(d.value.length > 20 ? d.value.slice(0, 20) + "..." : d.value), 1)
               ], 64)) : $("", !0),
               u.value ? (m(), w(X, { key: 1 }, [
                 p[2] || (p[2] = n("span", { class: "jsgd-font-medium jsgd-text-slate-600 dark:jsgd-text-slate-400" }, "Pixels", -1)),
-                n("span", Ld, M(u.value), 1)
+                n("span", Ed, M(u.value), 1)
               ], 64)) : $("", !0),
               v.value ? (m(), w(X, { key: 2 }, [
                 p[3] || (p[3] = n("span", { class: "jsgd-font-medium jsgd-text-slate-600 dark:jsgd-text-slate-400" }, "Size", -1)),
-                n("span", Pd, M(v.value), 1)
+                n("span", Ld, M(v.value), 1)
               ], 64)) : $("", !0),
               x.value ? (m(), w(X, { key: 3 }, [
                 p[4] || (p[4] = n("span", { class: "jsgd-font-medium jsgd-text-slate-600 dark:jsgd-text-slate-400" }, "Ratio", -1)),
-                n("span", Rd, M(x.value), 1)
+                n("span", Pd, M(x.value), 1)
               ], 64)) : $("", !0)
             ]),
-            n("div", zd, [
+            n("div", Rd, [
               n("label", {
                 for: e.id,
                 class: R(["jsgd-flex-grow jsgd-inline-flex jsgd-items-center jsgd-justify-center jsgd-gap-2 jsgd-px-4 jsgd-py-2.5 jsgd-font-medium jsgd-rounded-lg jsgd-border-none jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:-jsgd-translate-y-0.5 hover:jsgd-shadow-md disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed jsgd-bg-blue-600 jsgd-text-white hover:jsgd-bg-blue-700 dark:jsgd-bg-blue-500 dark:hover:jsgd-bg-blue-400", { "jsgd-opacity-60 jsgd-cursor-not-allowed": t.disabled }])
-              }, M(a(r)?.btn?.upload ?? "Upload"), 11, Bd),
+              }, M(a(r)?.btn?.upload ?? "Upload"), 11, zd),
               n("button", {
                 type: "button",
                 onClick: S,
                 disabled: t.disabled,
                 class: "jsgd-flex-grow jsgd-inline-flex jsgd-items-center jsgd-justify-center jsgd-gap-2 jsgd-px-4 jsgd-py-2.5 jsgd-font-medium jsgd-rounded-lg jsgd-border-none jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:-jsgd-translate-y-0.5 hover:jsgd-shadow-md disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed jsgd-bg-slate-600 jsgd-text-white hover:jsgd-bg-slate-700 dark:jsgd-bg-slate-500 dark:hover:jsgd-bg-slate-400"
-              }, " URL ", 8, Ud),
+              }, " URL ", 8, Bd),
               e.modelValue && !t.disabled ? (m(), w("button", {
                 key: 0,
                 type: "button",
@@ -5039,12 +5044,12 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])
         ])
       ], 2),
-      n("div", Kd, [
+      n("div", Ud, [
         D.value.length !== 0 ? (m(!0), w(X, { key: 0 }, te(D.value, (E, L) => (m(), w("p", {
           key: L,
           class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
         }, M(E), 1))), 128)) : $("", !0),
-        typeof t.error == "string" && D.value.length === 0 ? (m(), w("p", Od, M(t.error), 1)) : $("", !0),
+        typeof t.error == "string" && D.value.length === 0 ? (m(), w("p", Kd, M(t.error), 1)) : $("", !0),
         Array.isArray(t.error) && D.value.length === 0 ? (m(!0), w(X, { key: 2 }, te(t.error, (E, L) => (m(), w("p", {
           key: "ext-" + L,
           class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
@@ -5052,10 +5057,10 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       ])
     ]));
   }
-}), Fd = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, Nd = ["for"], qd = { class: "jsgd-relative" }, Hd = ["id", "value", "disabled", "placeholder"], Wd = {
+}), Od = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, Fd = ["for"], Nd = { class: "jsgd-relative" }, qd = ["id", "value", "disabled", "placeholder"], Hd = {
   key: 1,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, sl = /* @__PURE__ */ re({
+}, tl = /* @__PURE__ */ le({
   __name: "NumberInput",
   props: {
     id: { default: ce() },
@@ -5070,7 +5075,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, g = String(t.modelValue ?? ""), l = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels, o = s, d = Z(() => {
       if (t.validate) {
         const c = t.validate, i = [];
@@ -5109,7 +5114,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       const i = c.target;
       o("update:modelValue", i.value, t.id);
     }
-    return (c, i) => (m(), w("div", Fd, [
+    return (c, i) => (m(), w("div", Od, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": u.value.length !== 0 || e.error }])
@@ -5125,9 +5130,9 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])]),
           _: 1
         }, 8, ["text"])) : $("", !0)
-      ], 10, Nd),
-      n("div", qd, [
-        i[1] || (i[1] = yt('<div class="jsgd-absolute jsgd-left-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-text-slate-400 jsgd-pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line></svg></div>', 1)),
+      ], 10, Fd),
+      n("div", Nd, [
+        i[1] || (i[1] = xt('<div class="jsgd-absolute jsgd-left-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-text-slate-400 jsgd-pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line></svg></div>', 1)),
         n("input", {
           id: e.id,
           type: "number",
@@ -5138,16 +5143,16 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           class: R(["jsgd-w-full jsgd-py-3 jsgd-pl-11 jsgd-pr-4 jsgd-text-base jsgd-text-slate-900 jsgd-bg-white jsgd-border jsgd-border-slate-300 jsgd-rounded-lg jsgd-transition-all jsgd-duration-200 jsgd-box-border focus:jsgd-outline-none focus:jsgd-border-blue-500 focus:jsgd-ring-4 focus:jsgd-ring-blue-500/20 disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-800 dark:jsgd-text-slate-100 dark:jsgd-border-slate-600 dark:focus:jsgd-border-blue-400 dark:focus:jsgd-ring-blue-400/25 dark:disabled:jsgd-bg-slate-700 [appearance:textfield] [&::-webkit-outer-spin-button]:jsgd-appearance-none [&::-webkit-inner-spin-button]:jsgd-appearance-none", {
             "jsgd-border-red-400 focus:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus:jsgd-ring-red-400/25": u.value.length !== 0 || e.error
           }])
-        }, null, 42, Hd)
+        }, null, 42, qd)
       ]),
       u.value.length !== 0 ? (m(!0), w(X, { key: 0 }, te(u.value, (j, h) => (m(), w("p", {
         key: h,
         class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
       }, M(j), 1))), 128)) : $("", !0),
-      typeof t.error == "string" && u.value.length === 0 ? (m(), w("p", Wd, M(e.error), 1)) : $("", !0)
+      typeof t.error == "string" && u.value.length === 0 ? (m(), w("p", Hd, M(e.error), 1)) : $("", !0)
     ]));
   }
-}), Gd = { class: "jsgd-w-full jsgd-mb-6 jsgd-animate-[slideUpFade_500ms_ease-out_backwards]" }, Jd = { class: "jsgd-block jsgd-text-lg jsgd-font-semibold jsgd-mb-3 jsgd-text-slate-900 jsgd-pl-1 jsgd-border-l-20 jsgd-border-slate-200 jsgd-transition-all jsgd-duration-200 dark:jsgd-text-slate-100 dark:jsgd-border-slate-600" }, Yd = { class: "jsgd-bg-slate-50 jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 jsgd-rounded-xl jsgd-p-6 jsgd-shadow-sm jsgd-flex jsgd-flex-col jsgd-gap-6 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700 max-[640px]:jsgd-p-4 max-[640px]:jsgd-gap-4" }, al = /* @__PURE__ */ re({
+}), Wd = { class: "jsgd-w-full jsgd-mb-6 jsgd-animate-[slideUpFade_500ms_ease-out_backwards]" }, Gd = { class: "jsgd-block jsgd-text-lg jsgd-font-semibold jsgd-mb-3 jsgd-text-slate-900 jsgd-pl-1 jsgd-border-l-20 jsgd-border-slate-200 jsgd-transition-all jsgd-duration-200 dark:jsgd-text-slate-100 dark:jsgd-border-slate-600" }, Jd = { class: "jsgd-bg-slate-50 jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 jsgd-rounded-xl jsgd-p-6 jsgd-shadow-sm jsgd-flex jsgd-flex-col jsgd-gap-6 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700 max-[640px]:jsgd-p-4 max-[640px]:jsgd-gap-4" }, sl = /* @__PURE__ */ le({
   __name: "ObjectInput",
   props: {
     id: { default: ce() },
@@ -5168,9 +5173,9 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
         t.value = { ...s.formData }, g.value = { ...s.errors };
       },
       { immediate: !0, deep: !0 }
-    ), (r, l) => (m(), w("div", Gd, [
-      n("label", Jd, M(s.label), 1),
-      n("div", Yd, [
+    ), (r, l) => (m(), w("div", Wd, [
+      n("label", Gd, M(s.label), 1),
+      n("div", Jd, [
         (m(!0), w(X, null, te(s.schema, (o, d) => (m(), J(a(Be), {
           key: d,
           field: o,
@@ -5187,10 +5192,10 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       ])
     ]));
   }
-}), Zd = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, Xd = ["for"], Qd = { class: "jsgd-relative" }, _d = ["id", "type", "disabled", "placeholder"], er = {
+}), Yd = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, Zd = ["for"], Xd = { class: "jsgd-relative" }, Qd = ["id", "type", "disabled", "placeholder"], _d = {
   key: 1,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, dl = /* @__PURE__ */ re({
+}, al = /* @__PURE__ */ le({
   __name: "PasswordInput",
   props: {
     id: { default: ce() },
@@ -5205,7 +5210,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, r = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels, l = s;
     function o(i) {
       if (!t.validate) return [];
@@ -5247,7 +5252,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       const j = i.target;
       l("update:modelValue", j.value, t.id);
     }
-    return (i, j) => (m(), w("div", Zd, [
+    return (i, j) => (m(), w("div", Yd, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": v.value.length !== 0 || e.error }])
@@ -5263,8 +5268,8 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])]),
           _: 1
         }, 8, ["text"])) : $("", !0)
-      ], 10, Xd),
-      n("div", Qd, [
+      ], 10, Zd),
+      n("div", Xd, [
         j[1] || (j[1] = n("div", { class: "jsgd-absolute jsgd-left-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-text-slate-400 jsgd-pointer-events-none" }, [
           n("p", { class: "jsgd-i-mdi-lock-outline jsgd-w-5 jsgd-h-5" })
         ], -1)),
@@ -5277,19 +5282,19 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           disabled: e.disabled,
           placeholder: x.value,
           onInput: c
-        }, null, 42, _d)
+        }, null, 42, Qd)
       ]),
       v.value.length !== 0 ? (m(!0), w(X, { key: 0 }, te(v.value, (h, f) => (m(), w("p", {
         key: f,
         class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
       }, M(h), 1))), 128)) : $("", !0),
-      typeof t.error == "string" && v.value.length === 0 ? (m(), w("p", er, M(e.error), 1)) : $("", !0)
+      typeof t.error == "string" && v.value.length === 0 ? (m(), w("p", _d, M(e.error), 1)) : $("", !0)
     ]));
   }
-}), tr = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, sr = ["for"], ar = ["onClick"], dr = ["onKeydown", "placeholder"], rr = {
+}), er = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, tr = ["for"], sr = ["onClick"], ar = ["onKeydown", "placeholder"], dr = {
   key: 1,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, rl = /* @__PURE__ */ re({
+}, dl = /* @__PURE__ */ le({
   __name: "TagInput",
   props: {
     id: { default: ce() },
@@ -5304,7 +5309,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, g = s, l = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels, o = A(), d = Z(() => {
       if (t.validate) {
         const i = t.validate, j = [];
@@ -5342,7 +5347,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
         t.id
       );
     }
-    return (i, j) => (m(), w("div", tr, [
+    return (i, j) => (m(), w("div", er, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": u.value.length !== 0 || e.error }])
@@ -5358,7 +5363,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])]),
           _: 1
         }, 8, ["text"])) : $("", !0)
-      ], 10, sr),
+      ], 10, tr),
       n("div", {
         class: R(["jsgd-flex jsgd-flex-wrap jsgd-items-center jsgd-gap-2 jsgd-border-1 jsgd-border-solid jsgd-border-slate-300 jsgd-rounded-lg jsgd-p-2 jsgd-bg-white jsgd-transition-all jsgd-duration-200 jsgd-cursor-text jsgd-box-border focus-within:jsgd-border-blue-500 focus-within:jsgd-ring-4 focus-within:jsgd-ring-blue-500/20 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-600 dark:focus-within:jsgd-border-blue-400 dark:focus-within:jsgd-ring-blue-400/25", {
           "jsgd-border-red-400 focus-within:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus-within:jsgd-ring-red-400/25": u.value.length !== 0 || e.error,
@@ -5375,7 +5380,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
             type: "button",
             onClick: (D) => c(f),
             class: "jsgd-w-4 jsgd-h-4 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-bg-transparent jsgd-border-none jsgd-rounded-full jsgd-text-red-500 jsgd-cursor-pointer jsgd-font-bold jsgd-leading-none jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-red-500 hover:jsgd-text-white hover:jsgd-rotate-180 dark:jsgd-text-red-400 dark:hover:jsgd-bg-red-500 dark:hover:jsgd-text-white"
-          }, " × ", 8, ar))
+          }, " × ", 8, sr))
         ]))), 128)),
         e.disabled ? $("", !0) : (m(), w("input", {
           key: 0,
@@ -5383,20 +5388,20 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ref: o,
           type: "text",
           class: "jsgd-flex-grow jsgd-min-w-[120px] jsgd-border-none jsgd-outline-none jsgd-bg-transparent jsgd-text-slate-900 jsgd-text-base jsgd-p-1 dark:jsgd-text-slate-100",
-          onKeydown: Kt(Ve(x, ["prevent"]), ["enter"]),
+          onKeydown: Ut(Ve(x, ["prevent"]), ["enter"]),
           placeholder: v.value
-        }, null, 40, dr))
+        }, null, 40, ar))
       ], 2),
       u.value.length !== 0 ? (m(!0), w(X, { key: 0 }, te(u.value, (h, f) => (m(), w("p", {
         key: f,
         class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-      }, M(h), 1))), 128)) : typeof t.error == "string" ? (m(), w("p", rr, M(e.error), 1)) : $("", !0)
+      }, M(h), 1))), 128)) : typeof t.error == "string" ? (m(), w("p", dr, M(e.error), 1)) : $("", !0)
     ]));
   }
-}), lr = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, nr = ["for"], or = ["id", "value", "placeholder", "disabled"], ir = {
+}), rr = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, lr = ["for"], nr = ["id", "value", "placeholder", "disabled"], or = {
   key: 1,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, ll = /* @__PURE__ */ re({
+}, rl = /* @__PURE__ */ le({
   __name: "TextAreaInput",
   props: {
     id: { default: ce() },
@@ -5411,7 +5416,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, g = s, l = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels, o = Z(() => {
       if (t.validate) {
         const x = t.validate, c = [];
@@ -5446,7 +5451,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       const c = x.target;
       g("update:modelValue", c.value, t.id);
     }
-    return (x, c) => (m(), w("div", lr, [
+    return (x, c) => (m(), w("div", rr, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": d.value.length !== 0 || e.error }])
@@ -5462,7 +5467,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])]),
           _: 1
         }, 8, ["text"])) : $("", !0)
-      ], 10, nr),
+      ], 10, lr),
       n("textarea", {
         id: e.id,
         value: e.modelValue,
@@ -5473,18 +5478,18 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           "jsgd-border-red-400 focus:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus:jsgd-ring-red-400/25": d.value.length !== 0 || e.error
         }]),
         onInput: v
-      }, null, 42, or),
+      }, null, 42, nr),
       d.value.length !== 0 ? (m(!0), w(X, { key: 0 }, te(d.value, (i, j) => (m(), w("p", {
         key: j,
         class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
       }, M(i), 1))), 128)) : $("", !0),
-      typeof t.error == "string" && d.value.length === 0 ? (m(), w("p", ir, M(e.error), 1)) : $("", !0)
+      typeof t.error == "string" && d.value.length === 0 ? (m(), w("p", or, M(e.error), 1)) : $("", !0)
     ]));
   }
-}), gr = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, ur = ["for"], cr = { class: "jsgd-relative" }, mr = ["id", "value", "disabled", "placeholder"], jr = {
+}), ir = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, gr = ["for"], ur = { class: "jsgd-relative" }, cr = ["id", "value", "disabled", "placeholder"], mr = {
   key: 0,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, nl = /* @__PURE__ */ re({
+}, ll = /* @__PURE__ */ le({
   __name: "TelInput",
   props: {
     id: { default: ce() },
@@ -5499,7 +5504,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, g = s, l = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels;
     Z(() => l?.value?.lang ?? "en");
     const o = A([]);
@@ -5511,7 +5516,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           return;
         }
         const c = [], i = String(v ?? "");
-        Zt.test(i) || c.push("Invalid phone number format"), o.value = c, c.length ? g("push:error", c, t.id) : g("remove:error", t.id);
+        Yt.test(i) || c.push("Invalid phone number format"), o.value = c, c.length ? g("push:error", c, t.id) : g("remove:error", t.id);
       },
       { deep: !0, immediate: !0 }
     );
@@ -5521,12 +5526,12 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       const x = v.target;
       g("update:modelValue", x.value, t.id);
     }
-    return (v, x) => (m(), w("div", gr, [
+    return (v, x) => (m(), w("div", ir, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": o.value.length || e.error }])
-      }, M(e.label), 11, ur),
-      n("div", cr, [
+      }, M(e.label), 11, gr),
+      n("div", ur, [
         x[0] || (x[0] = n("div", { class: "jsgd-absolute jsgd-left-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-text-slate-400 jsgd-pointer-events-none" }, [
           n("p", { class: "jsgd-i-mdi-phone jsgd-w-5 jsgd-h-5" })
         ], -1)),
@@ -5540,19 +5545,19 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           class: R(["jsgd-w-full jsgd-py-3 jsgd-pl-11 jsgd-pr-4 jsgd-text-base jsgd-text-slate-900 jsgd-bg-white jsgd-border jsgd-border-slate-300 jsgd-rounded-lg jsgd-transition-all jsgd-duration-200 jsgd-box-border focus:jsgd-outline-none focus:jsgd-border-blue-500 focus:jsgd-ring-4 focus:jsgd-ring-blue-500/20 disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-800 dark:jsgd-text-slate-100 dark:jsgd-border-slate-600 dark:focus:jsgd-border-blue-400 dark:focus:jsgd-ring-blue-400/25 dark:disabled:jsgd-bg-slate-700", {
             "jsgd-border-red-400 focus:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus:jsgd-ring-red-400/25": o.value.length || e.error
           }])
-        }, null, 42, mr)
+        }, null, 42, cr)
       ]),
       (m(!0), w(X, null, te(o.value, (c, i) => (m(), w("p", {
         key: i,
         class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
       }, M(c), 1))), 128)),
-      typeof t.error == "string" && o.value.length === 0 ? (m(), w("p", jr, M(e.error), 1)) : $("", !0)
+      typeof t.error == "string" && o.value.length === 0 ? (m(), w("p", mr, M(e.error), 1)) : $("", !0)
     ]));
   }
-}), br = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, hr = ["for"], fr = ["id", "value", "disabled", "placeholder"], pr = {
+}), jr = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, br = ["for"], hr = ["id", "value", "disabled", "placeholder"], fr = {
   key: 1,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, ol = /* @__PURE__ */ re({
+}, nl = /* @__PURE__ */ le({
   __name: "TextInput",
   props: {
     id: { default: ce() },
@@ -5567,7 +5572,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, g = String(t.modelValue ?? ""), l = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels, o = s, d = Z(() => {
       if (t.validate) {
         const c = t.validate, i = [];
@@ -5609,7 +5614,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       const i = c.target;
       o("update:modelValue", i.value, t.id);
     }
-    return (c, i) => (m(), w("div", br, [
+    return (c, i) => (m(), w("div", jr, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": u.value.length !== 0 || e.error }])
@@ -5625,7 +5630,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])]),
           _: 1
         }, 8, ["text"])) : $("", !0)
-      ], 10, hr),
+      ], 10, br),
       n("input", {
         id: e.id,
         type: "text",
@@ -5636,18 +5641,18 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
         class: R(["jsgd-w-full jsgd-py-3 jsgd-px-4 jsgd-text-base jsgd-text-slate-900 jsgd-bg-white jsgd-border jsgd-border-slate-300 jsgd-rounded-lg jsgd-transition-all jsgd-duration-200 jsgd-box-border focus:jsgd-outline-none focus:jsgd-border-blue-500 focus:jsgd-ring-4 focus:jsgd-ring-blue-500/20 disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-800 dark:jsgd-text-slate-100 dark:jsgd-border-slate-600 dark:focus:jsgd-border-blue-400 dark:focus:jsgd-ring-blue-400/25 dark:disabled:jsgd-bg-slate-700", {
           "jsgd-border-red-400 focus:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus:jsgd-ring-red-400/25": u.value.length !== 0 || e.error
         }])
-      }, null, 42, fr),
+      }, null, 42, hr),
       u.value.length !== 0 ? (m(!0), w(X, { key: 0 }, te(u.value, (j, h) => (m(), w("p", {
         key: h,
         class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
       }, M(j), 1))), 128)) : $("", !0),
-      typeof t.error == "string" && u.value.length === 0 ? (m(), w("p", pr, M(e.error), 1)) : $("", !0)
+      typeof t.error == "string" && u.value.length === 0 ? (m(), w("p", fr, M(e.error), 1)) : $("", !0)
     ]));
   }
-}), vr = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, xr = ["for"], yr = { class: "jsgd-relative" }, kr = ["id", "value", "disabled", "min", "max", "placeholder"], wr = {
+}), pr = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, vr = ["for"], xr = { class: "jsgd-relative" }, yr = ["id", "value", "disabled", "min", "max", "placeholder"], kr = {
   key: 0,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, il = /* @__PURE__ */ re({
+}, ol = /* @__PURE__ */ le({
   __name: "TimeInput",
   props: {
     id: { default: ce() },
@@ -5662,7 +5667,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = e, r = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     }).labels, l = s, o = Z(() => {
       if (t.validate) {
         const c = t.validate, i = [];
@@ -5688,7 +5693,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
         const h = [], f = u(c);
         if (j && typeof j == "object") {
           try {
-            ut(c);
+            gt(c);
           } catch (S) {
             d.value = [String(S)], l("push:error", d.value, t.id);
             return;
@@ -5701,7 +5706,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
     ), Oe(() => {
       if (t.modelValue)
         try {
-          ut(t.modelValue);
+          gt(t.modelValue);
         } catch (c) {
           d.value = [String(c)], l("push:error", d.value, t.id);
           return;
@@ -5713,7 +5718,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
       const i = c.target;
       l("update:modelValue", i.value, t.id);
     }
-    return (c, i) => (m(), w("div", vr, [
+    return (c, i) => (m(), w("div", pr, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": d.value.length || e.error }])
@@ -5729,8 +5734,8 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           ])]),
           _: 1
         }, 8, ["text"])) : $("", !0)
-      ], 10, xr),
-      n("div", yr, [
+      ], 10, vr),
+      n("div", xr, [
         i[1] || (i[1] = n("div", { class: "jsgd-absolute jsgd-right-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-pointer-events-none jsgd-text-slate-500 dark:jsgd-text-slate-400" }, [
           n("span", { class: "jsgd-i-mdi-clock-outline jsgd-w-5 jsgd-h-5" })
         ], -1)),
@@ -5746,16 +5751,16 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
           class: R(["jsgd-w-full jsgd-py-3 jsgd-pl-4 jsgd-pr-10 jsgd-text-base jsgd-text-slate-900 jsgd-bg-white jsgd-border-1 jsgd-border-solid jsgd-border-slate-300 jsgd-rounded-lg jsgd-transition-all jsgd-duration-200 jsgd-box-border jsgd-appearance-none focus:jsgd-outline-none focus:jsgd-border-blue-500 focus:jsgd-ring-4 focus:jsgd-ring-blue-500/20 disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-800 dark:jsgd-text-slate-100 dark:jsgd-border-slate-600 dark:focus:jsgd-border-blue-400 dark:focus:jsgd-ring-blue-400/25 dark:disabled:jsgd-bg-slate-700 [color-scheme:light_dark] [&::-webkit-calendar-picker-indicator]:jsgd-opacity-0 [&::-webkit-calendar-picker-indicator]:jsgd-cursor-pointer [&::-webkit-calendar-picker-indicator]:jsgd-absolute [&::-webkit-calendar-picker-indicator]:jsgd-right-3 [&::-webkit-calendar-picker-indicator]:jsgd-top-1/2 [&::-webkit-calendar-picker-indicator]:-jsgd-translate-y-1/2 [&::-webkit-calendar-picker-indicator]:jsgd-w-6 [&::-webkit-calendar-picker-indicator]:jsgd-h-6", {
             "jsgd-border-red-400 focus:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus:jsgd-ring-red-400/25": d.value.length || e.error
           }])
-        }, null, 42, kr)
+        }, null, 42, yr)
       ]),
       (m(!0), w(X, null, te(d.value, (j, h) => (m(), w("p", {
         key: h,
         class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
       }, M(j), 1))), 128)),
-      typeof t.error == "string" && d.value.length === 0 ? (m(), w("p", wr, M(e.error), 1)) : $("", !0)
+      typeof t.error == "string" && d.value.length === 0 ? (m(), w("p", kr, M(e.error), 1)) : $("", !0)
     ]));
   }
-}), Sr = { class: "jsgd-w-full jsgd-mb-6 jsgd-flex jsgd-justify-between jsgd-items-center jsgd-gap-4" }, Dr = ["for"], $r = ["id", "aria-checked", "disabled"], gl = /* @__PURE__ */ re({
+}), wr = { class: "jsgd-w-full jsgd-mb-6 jsgd-flex jsgd-justify-between jsgd-items-center jsgd-gap-4" }, Sr = ["for"], Dr = ["id", "aria-checked", "disabled"], il = /* @__PURE__ */ le({
   __name: "ToggleInput",
   props: {
     id: { default: ce() },
@@ -5767,7 +5772,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
     const t = e, g = s, r = t.modelValue, l = A(r), o = ae("TableComponents", {
-      labels: A(oe[t.lang ?? "en"])
+      labels: A(ie[t.lang ?? "en"])
     });
     se(
       () => l.value,
@@ -5779,11 +5784,11 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
     function u() {
       l.value = !l.value;
     }
-    return (v, x) => (m(), w("div", Sr, [
+    return (v, x) => (m(), w("div", wr, [
       n("label", {
         for: e.id,
         class: "jsgd-text-base jsgd-font-medium jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 jsgd-flex-grow dark:jsgd-text-slate-100"
-      }, M(e.label), 9, Dr),
+      }, M(e.label), 9, Sr),
       n("button", {
         id: e.id,
         type: "button",
@@ -5805,13 +5810,13 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
             l.value ? "jsgd-left-3 jsgd-text-white jsgd-opacity-100" : "jsgd-right-3 jsgd-text-slate-600 jsgd-opacity-100 dark:jsgd-text-slate-300"
           ])
         }, M(l.value ? a(d)?.btn.toogle.active : a(d)?.btn.toogle.inactive), 3)
-      ], 10, $r)
+      ], 10, Dr)
     ]));
   }
-}), Ar = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, Mr = ["for"], Cr = { class: "jsgd-relative" }, Ir = ["id", "value", "disabled", "placeholder"], Vr = {
+}), $r = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, Ar = ["for"], Mr = { class: "jsgd-relative" }, Cr = ["id", "value", "disabled", "placeholder"], Ir = {
   key: 0,
   class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-}, ul = /* @__PURE__ */ re({
+}, gl = /* @__PURE__ */ le({
   __name: "UrlInput",
   props: {
     id: { default: ce() },
@@ -5826,7 +5831,7 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
   emits: ["update:modelValue", "push:error", "remove:error"],
   setup(e, { emit: s }) {
     const t = A(void 0), g = A(), r = e, o = ae("TableComponents", {
-      labels: A(oe[r.lang ?? "en"])
+      labels: A(ie[r.lang ?? "en"])
     }).labels, d = s;
     function u(v) {
       if (r.disabled) return;
@@ -5847,12 +5852,12 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
         g.value = r.error || t.value || "";
       },
       { deep: !0 }
-    ), (v, x) => (m(), w("div", Ar, [
+    ), (v, x) => (m(), w("div", $r, [
       n("label", {
         for: e.id,
         class: R(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": g.value }])
-      }, M(e.label), 11, Mr),
-      n("div", Cr, [
+      }, M(e.label), 11, Ar),
+      n("div", Mr, [
         x[0] || (x[0] = n("div", { class: "jsgd-absolute jsgd-left-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-text-slate-400 jsgd-pointer-events-none" }, [
           n("p", { class: "jsgd-i-mdi-link-variant jsgd-w-5 jsgd-h-5" })
         ], -1)),
@@ -5866,77 +5871,77 @@ const ia = { class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-box-border" }, ga =
             "jsgd-border-red-400 focus:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus:jsgd-ring-red-400/25": g.value
           }]),
           placeholder: e.placeholder ?? a(o)?.placeholder.url + ": https://example.com"
-        }, null, 42, Ir)
+        }, null, 42, Cr)
       ]),
-      g.value ? (m(), w("p", Vr, M(g.value), 1)) : $("", !0)
+      g.value ? (m(), w("p", Ir, M(g.value), 1)) : $("", !0)
     ]));
   }
 });
 export {
-  Wt as $,
-  zr as A,
-  Br as B,
-  Ur as C,
-  pt as D,
-  Hr as E,
-  St as F,
-  Ls as G,
-  jt as H,
+  Ht as $,
+  Rr as A,
+  zr as B,
+  Br as C,
+  ft as D,
+  qr as E,
+  wt as F,
+  Es as G,
+  mt as H,
   Re as I,
-  Kr as J,
-  bt as K,
-  ra as L,
-  Or as M,
-  Fr as N,
-  Nr as O,
-  ft as P,
-  qr as Q,
-  Nt as R,
-  Ge as S,
-  nt as T,
+  Ur as J,
+  jt as K,
+  da as L,
+  Kr as M,
+  Or as N,
+  Fr as O,
+  ht as P,
+  Nr as Q,
+  Ft as R,
+  We as S,
+  lt as T,
   ce as U,
-  qt as V,
-  ot as W,
+  Nt as V,
+  nt as W,
   W as X,
   ve as Y,
-  Ht as Z,
+  qt as Z,
   Be as _,
   xe as a,
-  gt as a0,
-  Gt as a1,
-  Jt as a2,
-  Yt as a3,
-  Zt as a4,
-  Xt as a5,
+  it as a0,
+  Wt as a1,
+  Gt as a2,
+  Jt as a3,
+  Yt as a4,
+  Zt as a5,
   Me as a6,
-  ut as a7,
-  Rr as a8,
+  gt as a7,
+  Pr as a8,
   I as a9,
-  Js as aa,
-  wt as ab,
-  Wr as b,
-  Gr as c,
-  Jr as d,
-  Yr as e,
-  Zr as f,
-  Xr as g,
-  Qr as h,
-  _r as i,
-  el as j,
-  tl as k,
-  sl as l,
-  al as m,
-  dl as n,
-  rl as o,
-  ll as p,
-  nl as q,
-  ol as r,
-  We as s,
-  il as t,
-  ht as u,
-  gl as v,
-  ul as w,
-  kt as x,
+  Gs as aa,
+  kt as ab,
+  Hr as b,
+  Wr as c,
+  Gr as d,
+  Jr as e,
+  Yr as f,
+  Zr as g,
+  Xr as h,
+  Qr as i,
+  _r as j,
+  el as k,
+  tl as l,
+  sl as m,
+  al as n,
+  dl as o,
+  rl as p,
+  ll as q,
+  nl as r,
+  He as s,
+  ol as t,
+  bt as u,
+  il as v,
+  gl as w,
+  yt as x,
   Le as y,
-  oe as z
+  ie as z
 };