@gemafajarramadhan/dynamic-ui 1.2.53 → 1.2.55

package/dist/dynamic-ui.es.js

@@ -1,7 +1,7 @@
 var hf = Object.defineProperty;
 var pf = (e, t, n) => t in e ? hf(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Te = (e, t, n) => pf(e, typeof t != "symbol" ? t + "" : t, n);
-import { computed as T, ref as X, shallowRef as sr, watch as ze, getCurrentScope as mf, onScopeDispose as gf, shallowReadonly as Vs, unref as L, defineComponent as ke, useAttrs as qt, onMounted as At, onBeforeUnmount as yn, withDirectives as pn, openBlock as p, createElementBlock as k, normalizeClass as he, Fragment as xe, createCommentVNode as W, createElementVNode as y, createTextVNode as Ie, toDisplayString as H, renderSlot as Re, createBlock as me, resolveDynamicComponent as Ot, mergeProps as Ze, withModifiers as _t, createVNode as G, Teleport as qa, normalizeStyle as dt, renderList as We, vShow as us, onUnmounted as no, withCtx as ce, normalizeProps as Xn, guardReactiveProps as Yn, nextTick as ln, vModelText as Ga, toRef as bf, createSlots as Ri, withKeys as Cs, Transition as Bn, resolveComponent as Ko, reactive as zt, isRef as yf, toRaw as fn, createApp as vf, h as Jo, isVNode as nd, cloneVNode as xf, watchEffect as yo, getCurrentInstance as vo, inject as Xr, defineCustomElement as sd } from "vue";
+import { computed as T, ref as X, shallowRef as sr, watch as ze, getCurrentScope as mf, onScopeDispose as gf, shallowReadonly as Vs, unref as L, defineComponent as ke, useAttrs as qt, onMounted as At, onBeforeUnmount as yn, withDirectives as pn, openBlock as p, createElementBlock as k, normalizeClass as he, Fragment as xe, createCommentVNode as W, createElementVNode as y, createTextVNode as Ie, toDisplayString as H, renderSlot as Fe, createBlock as me, resolveDynamicComponent as Ot, mergeProps as Ze, withModifiers as _t, createVNode as G, Teleport as qa, normalizeStyle as dt, renderList as We, vShow as us, onUnmounted as no, withCtx as ce, normalizeProps as Xn, guardReactiveProps as Yn, nextTick as ln, vModelText as Ga, toRef as bf, createSlots as Ri, withKeys as Cs, Transition as Bn, resolveComponent as Ko, reactive as zt, isRef as yf, toRaw as fn, createApp as vf, h as Jo, isVNode as nd, cloneVNode as xf, watchEffect as yo, getCurrentInstance as vo, inject as Xr, defineCustomElement as sd } from "vue";
 import * as kn from "lucide-vue-next";
 import { ChevronDown as Is, Eye as or, EyeOff as wf, Check as Ea, Minus as kf, Loader2 as Gn, AlertCircle as Xa, X as Es, Calendar as _f, CheckCircle2 as Yr, Upload as Cf, FileText as ar, Pencil as od, Trash2 as ir, ArrowRight as Af, MessageSquare as Kr, Phone as Sf, Globe as Mf, Cpu as Df, CpuIcon as Ef, Share2 as Pf, Link as Tf, User as Of, Circle as If, MapPinIcon as Lf, ServerIcon as Bf, PencilIcon as Rf, ShoppingCartIcon as Ff, ClockIcon as $f, PlaneIcon as zf, UploadCloud as Vf, ChevronRight as ad, MoreHorizontal as jf, ChevronLeftIcon as id, ChevronRightIcon as rd, ChevronUp as Uf, Search as fi, RefreshCw as Jr, ChevronsLeft as Wf, ChevronLeft as Nf, ChevronsRight as Hf, SlidersHorizontal as qf, Download as Gf, Plus as Xf, CheckCircle as Yf, SquarePen as Kf, ToggleLeft as Jf } from "lucide-vue-next";
 import { Primitive as Qf, useForwardPropsEmits as Ls, TooltipRoot as Zf, TooltipPortal as eh, TooltipContent as th, TooltipProvider as nh, TooltipTrigger as sh, Label as oh, DialogRoot as ah, DialogPortal as ih, DialogOverlay as rh, DialogContent as lh, DialogClose as ch, useForwardProps as Rn, DialogDescription as dh, DialogTitle as uh, AvatarRoot as fh, AvatarFallback as hh, AvatarImage as ph, Separator as mh, PaginationRoot as gh, PaginationList as bh, PaginationEllipsis as yh, PaginationFirst as vh, PaginationListItem as xh, PaginationLast as wh, PaginationNext as kh, PaginationPrev as _h, SelectRoot as Ch, SelectPortal as Ah, SelectContent as Sh, SelectViewport as Mh, SelectItem as Dh, SelectItemIndicator as Eh, SelectItemText as Ph, SelectScrollDownButton as Th, SelectScrollUpButton as Oh, SelectTrigger as Ih, SelectIcon as Lh, SelectValue as Bh } from "reka-ui";
@@ -388,21 +388,21 @@ const op = 50, ap = async (e, t, n) => {
               placement: ie
             }
           };
-        let K = (I = P.filter((ee) => ee.overflows[0] <= 0).sort((ee, oe) => ee.overflows[1] - oe.overflows[1])[0]) == null ? void 0 : I.placement;
+        let K = (I = P.filter((te) => te.overflows[0] <= 0).sort((te, oe) => te.overflows[1] - oe.overflows[1])[0]) == null ? void 0 : I.placement;
         if (!K)
           switch (h) {
             case "bestFit": {
               var F;
-              const ee = (F = P.filter((oe) => {
+              const te = (F = P.filter((oe) => {
                 if (_) {
-                  const ne = Nn(oe.placement);
-                  return ne === A || // Create a bias to the `y` side axis due to horizontal
+                  const Z = Nn(oe.placement);
+                  return Z === A || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  ne === "y";
+                  Z === "y";
                 }
                 return !0;
-              }).map((oe) => [oe.placement, oe.overflows.filter((ne) => ne > 0).reduce((ne, $) => ne + $, 0)]).sort((oe, ne) => oe[1] - ne[1])[0]) == null ? void 0 : F[0];
-              ee && (K = ee);
+              }).map((oe) => [oe.placement, oe.overflows.filter((Z) => Z > 0).reduce((Z, $) => Z + $, 0)]).sort((oe, Z) => oe[1] - Z[1])[0]) == null ? void 0 : F[0];
+              te && (K = te);
               break;
             }
             case "initialPlacement":
@@ -1216,8 +1216,8 @@ const Ip = ["aria-busy"], Lp = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, s = t, o = qt(), a = T(() => o.label ?? void 0), i = (te) => {
-      const Ce = o[te];
+    const n = e, s = t, o = qt(), a = T(() => o.label ?? void 0), i = (ne) => {
+      const Ce = o[ne];
       return Ce === "" || Ce === !0 || Ce === "true" || Ce === 1 || Ce === "1";
     }, r = X(!1), l = T(
       () => n.itemTitle || o["item-title"] || o.itemTitle || "name"
@@ -1230,26 +1230,26 @@ const Ip = ["aria-busy"], Lp = {
     ), v = T(
       () => o.placeholder ?? ""
     ), m = T(() => {
-      const te = o.minChars ?? o["min-chars"];
-      if (te == null || te === "") return 0;
-      const Ce = typeof te == "number" ? te : Number.parseInt(String(te), 10);
+      const ne = o.minChars ?? o["min-chars"];
+      if (ne == null || ne === "") return 0;
+      const Ce = typeof ne == "number" ? ne : Number.parseInt(String(ne), 10);
       return Number.isFinite(Ce) && Ce > 0 ? Ce : 0;
     }), A = T(() => {
-      const te = o.rules;
-      return Array.isArray(te) ? te : [];
+      const ne = o.rules;
+      return Array.isArray(ne) ? ne : [];
     }), M = T(() => {
-      const te = o.id || o.label;
-      return te ? `app-autocomplete-${te}-${Math.random().toString(36).slice(2, 7)}` : void 0;
+      const ne = o.id || o.label;
+      return ne ? `app-autocomplete-${ne}-${Math.random().toString(36).slice(2, 7)}` : void 0;
     }), S = X(n.modelValue), D = X([]), _ = X(!1), x = X(!1), b = T(() => o.items), E = T(() => {
-      const te = R.value;
-      return te.apiModule && te.apiAction || te.apiUrl || n.fetchItems ? D.value : b.value ?? [];
+      const ne = R.value;
+      return ne.apiModule && ne.apiAction || ne.apiUrl || n.fetchItems ? D.value : b.value ?? [];
     }), P = T(
       () => !!o.loading
     ), O = T(
       () => P.value || _.value
     ), I = T(() => {
       const {
-        label: te,
+        label: ne,
         items: Ce,
         loading: $e,
         rules: tt,
@@ -1272,7 +1272,7 @@ const Ip = ["aria-busy"], Lp = {
         fetchItems: z,
         error: q,
         errorMessage: V,
-        "error-message": Z,
+        "error-message": ee,
         ...ve
       } = o || {};
       return ve;
@@ -1280,14 +1280,14 @@ const Ip = ["aria-busy"], Lp = {
       if (n.apiOptions)
         return typeof n.apiOptions == "function" ? n.apiOptions() : n.apiOptions;
     }, R = T(() => {
-      const te = n.endpoint || {};
+      const ne = n.endpoint || {};
       return {
-        apiModule: n.apiModule || te.apiModule,
-        apiAction: n.apiAction || te.apiAction,
-        apiUrl: te.apiUrl,
-        apiMethod: te.apiMethod || "GET"
+        apiModule: n.apiModule || ne.apiModule,
+        apiAction: n.apiAction || ne.apiAction,
+        apiUrl: ne.apiUrl,
+        apiMethod: ne.apiMethod || "GET"
       };
-    }), ie = X(null), K = X(null), ee = X(null), { floatingStyles: oe } = br(K, ee, {
+    }), ie = X(null), K = X(null), te = X(null), { floatingStyles: oe } = br(K, te, {
       placement: "bottom-start",
       whileElementsMounted: fr,
       middleware: [
@@ -1295,41 +1295,41 @@ const Ip = ["aria-busy"], Lp = {
         mr(),
         pr(),
         gr({
-          apply({ rects: te, elements: Ce, availableHeight: $e }) {
+          apply({ rects: ne, elements: Ce, availableHeight: $e }) {
             Object.assign(Ce.floating.style, {
-              width: `${te.reference.width}px`,
+              width: `${ne.reference.width}px`,
               maxHeight: `${$e}px`
             });
           }
         })
       ]
-    }), ne = X(!1), $ = X(""), J = X(-1), ue = X(null), re = T(() => !m.value || ($.value || "").trim().length >= m.value ? "" : `Ketik minimal ${m.value} karakter`), se = (te) => {
-      if (te == null) return "";
-      if (typeof te == "string" || typeof te == "number") return String(te);
+    }), Z = X(!1), $ = X(""), J = X(-1), de = X(null), re = T(() => !m.value || ($.value || "").trim().length >= m.value ? "" : `Ketik minimal ${m.value} karakter`), se = (ne) => {
+      if (ne == null) return "";
+      if (typeof ne == "string" || typeof ne == "number") return String(ne);
       const Ce = l.value;
-      return typeof Ce == "function" ? Ce(te) : (te == null ? void 0 : te[Ce]) ?? (te == null ? void 0 : te.name) ?? (te == null ? void 0 : te.nama) ?? (te == null ? void 0 : te.label) ?? (te == null ? void 0 : te.title) ?? "-";
-    }, ge = (te) => {
-      if (te == null) return null;
-      if (typeof te == "string" || typeof te == "number") return te;
+      return typeof Ce == "function" ? Ce(ne) : (ne == null ? void 0 : ne[Ce]) ?? (ne == null ? void 0 : ne.name) ?? (ne == null ? void 0 : ne.nama) ?? (ne == null ? void 0 : ne.label) ?? (ne == null ? void 0 : ne.title) ?? "-";
+    }, ge = (ne) => {
+      if (ne == null) return null;
+      if (typeof ne == "string" || typeof ne == "number") return ne;
       const Ce = c.value;
-      return typeof Ce == "function" ? Ce(te) : (te == null ? void 0 : te[Ce]) ?? (te == null ? void 0 : te.id) ?? (te == null ? void 0 : te.value) ?? (te == null ? void 0 : te.code) ?? null;
+      return typeof Ce == "function" ? Ce(ne) : (ne == null ? void 0 : ne[Ce]) ?? (ne == null ? void 0 : ne.id) ?? (ne == null ? void 0 : ne.value) ?? (ne == null ? void 0 : ne.code) ?? null;
     }, _e = T(() => {
-      const te = S.value;
-      if (te == null || te === "") return "";
-      if (Array.isArray(te))
-        return te.length ? te.map((tt) => {
+      const ne = S.value;
+      if (ne == null || ne === "") return "";
+      if (Array.isArray(ne))
+        return ne.length ? ne.map((tt) => {
           if (h.value && typeof tt == "object" || typeof tt == "object") return se(tt);
           const Ve = E.value.find((fe) => ge(fe) == tt);
           return Ve ? se(Ve) : String(tt);
         }).join(", ") : "";
-      if (typeof te == "object")
-        return se(te);
-      const Ce = E.value.find(($e) => ge($e) == te);
-      return Ce ? se(Ce) : String(te);
+      if (typeof ne == "object")
+        return se(ne);
+      const Ce = E.value.find(($e) => ge($e) == ne);
+      return Ce ? se(Ce) : String(ne);
     }), Pe = T(() => {
-      const te = E.value || [], Ce = ($.value || "").trim().toLowerCase(), $e = (_e.value || "").toLowerCase(), tt = !Ce || Ce === $e;
-      let Ve = te;
-      if (tt || (Ve = te.filter((fe) => se(fe).toLowerCase().includes(Ce))), Ve.length > 0) {
+      const ne = E.value || [], Ce = ($.value || "").trim().toLowerCase(), $e = (_e.value || "").toLowerCase(), tt = !Ce || Ce === $e;
+      let Ve = ne;
+      if (tt || (Ve = ne.filter((fe) => se(fe).toLowerCase().includes(Ce))), Ve.length > 0) {
         const fe = (we) => {
           const Se = ge(we);
           return Array.isArray(S.value) ? S.value.some((je) => je == Se) : S.value == Se;
@@ -1340,46 +1340,46 @@ const Ip = ["aria-busy"], Lp = {
         });
       }
       return Ve;
-    }), Ue = (te) => Array.isArray(te) ? te.length === 0 : te == null || te === "", Le = (te) => {
-      if (ue.value = null, u.value && Ue(te) && !A.value.length)
-        return ue.value = "This field is required", !1;
+    }), Ue = (ne) => Array.isArray(ne) ? ne.length === 0 : ne == null || ne === "", Le = (ne) => {
+      if (de.value = null, u.value && Ue(ne) && !A.value.length)
+        return de.value = "This field is required", !1;
       for (const Ce of A.value) {
-        const $e = Ce(te);
+        const $e = Ce(ne);
         if ($e === !1)
-          return ue.value = "Invalid value", !1;
+          return de.value = "Invalid value", !1;
         if (typeof $e == "string")
-          return ue.value = $e, !1;
+          return de.value = $e, !1;
       }
       return !0;
     }, le = async () => {
       if (d.value || f.value) return;
-      ne.value = !0, J.value = Pe.value.length ? 0 : -1, $.value = _e.value || "";
-      const te = R.value, Ce = te.apiModule && te.apiAction || te.apiUrl || n.fetchItems;
+      Z.value = !0, J.value = Pe.value.length ? 0 : -1, $.value = _e.value || "";
+      const ne = R.value, Ce = ne.apiModule && ne.apiAction || ne.apiUrl || n.fetchItems;
       n.autoFetchOnOpen && Ce && !x.value && (await lt(), J.value = Pe.value.length ? 0 : -1);
     }, j = () => {
-      ne.value = !1, J.value = -1, $.value = _e.value || "";
-    }, ae = (te) => {
-      const Ce = h.value ? te : ge(te);
+      Z.value = !1, J.value = -1, $.value = _e.value || "";
+    }, ae = (ne) => {
+      const Ce = h.value ? ne : ge(ne);
       let $e = Ce;
-      Array.isArray(S.value) && ($e = [Ce]), S.value = $e, s("update:modelValue", $e), ue.value = null, Le($e), $.value = se(te), j();
+      Array.isArray(S.value) && ($e = [Ce]), S.value = $e, s("update:modelValue", $e), de.value = null, Le($e), $.value = se(ne), j();
     }, be = () => {
-      D.value = [], x.value = !1, S.value = Array.isArray(S.value) ? [] : null, s("update:modelValue", S.value), $.value = "", ue.value = null;
-    }, Fe = () => {
+      D.value = [], x.value = !1, S.value = Array.isArray(S.value) ? [] : null, s("update:modelValue", S.value), $.value = "", de.value = null;
+    }, Re = () => {
       r.value = !0, be(), j(), setTimeout(() => {
         r.value = !1;
       }, 0);
-    }, qe = (te) => {
+    }, qe = (ne) => {
       if (d.value || f.value) return;
-      const Ce = te.target.value;
-      $.value = Ce, ue.value && (ue.value = null), ne.value || (ne.value = !0), J.value = Pe.value.length ? 0 : -1;
+      const Ce = ne.target.value;
+      $.value = Ce, de.value && (de.value = null), Z.value || (Z.value = !0), J.value = Pe.value.length ? 0 : -1;
       const $e = R.value.apiModule && R.value.apiAction || R.value.apiUrl || n.fetchItems;
       n.autoFetchOnOpen && $e && !O.value && !x.value && lt();
-    }, rt = (te) => {
+    }, rt = (ne) => {
       var $e;
       if (d.value || f.value) return;
       const Ce = {
         ArrowDown: () => {
-          if (te.preventDefault(), !ne.value) {
+          if (ne.preventDefault(), !Z.value) {
             le();
             return;
           }
@@ -1389,25 +1389,25 @@ const Ip = ["aria-busy"], Lp = {
           ));
         },
         ArrowUp: () => {
-          !ne.value || !Pe.value.length || (te.preventDefault(), J.value = Math.max(J.value - 1, 0));
+          !Z.value || !Pe.value.length || (ne.preventDefault(), J.value = Math.max(J.value - 1, 0));
         },
         Enter: () => {
-          if (!ne.value) return;
-          te.preventDefault();
+          if (!Z.value) return;
+          ne.preventDefault();
           const tt = Pe.value[J.value];
           tt && ae(tt);
         },
         Escape: () => {
-          te.preventDefault(), j();
+          ne.preventDefault(), j();
         },
         Tab: () => {
           j();
         }
       };
-      ($e = Ce[te.key]) == null || $e.call(Ce);
+      ($e = Ce[ne.key]) == null || $e.call(Ce);
     }, lt = async () => {
-      const te = R.value;
-      if (te.apiModule && te.apiAction || te.apiUrl || n.fetchItems) {
+      const ne = R.value;
+      if (ne.apiModule && ne.apiAction || ne.apiUrl || n.fetchItems) {
         _.value = !0;
         try {
           let $e;
@@ -1433,51 +1433,51 @@ const Ip = ["aria-busy"], Lp = {
               ...n.apiParams
             };
             let Se;
-            te.apiUrl ? Se = await Ve("", "", we, {
-              _url: te.apiUrl,
-              _method: te.apiMethod || "POST"
-            }) : Se = await Ve(te.apiModule, te.apiAction, we);
+            ne.apiUrl ? Se = await Ve("", "", we, {
+              _url: ne.apiUrl,
+              _method: ne.apiMethod || "POST"
+            }) : Se = await Ve(ne.apiModule, ne.apiAction, we);
             const je = (Se == null ? void 0 : Se.data) ?? Se;
             $e = (je == null ? void 0 : je.data) ?? je;
           }
           D.value = Array.isArray($e) ? $e : [], x.value = !0;
         } catch ($e) {
-          console.error("[DCodeAutoComplete][fetchOptions] ERROR:", $e), ue.value = `[DCodeAutoComplete][fetchOptions] ERROR: Error: ${($e == null ? void 0 : $e.message) || ($e == null ? void 0 : $e.toString()) || "Failed to load options"}`, D.value = [], x.value = !0;
+          console.error("[DCodeAutoComplete][fetchOptions] ERROR:", $e), de.value = `[DCodeAutoComplete][fetchOptions] ERROR: Error: ${($e == null ? void 0 : $e.message) || ($e == null ? void 0 : $e.toString()) || "Failed to load options"}`, D.value = [], x.value = !0;
         } finally {
           _.value = !1;
         }
       }
-    }, bt = (te) => {
-      const Ce = ge(te);
+    }, ft = (ne) => {
+      const Ce = ge(ne);
       return h.value ? S.value ? Array.isArray(S.value) ? S.value.some(($e) => ge($e) == Ce) : ge(S.value) == Ce : !1 : Array.isArray(S.value) ? S.value.some(($e) => $e == Ce) : S.value == Ce;
     };
     ze(
       () => [F(), R.value, n.apiParams],
-      ([te, Ce, $e], [tt, Ve, fe]) => {
+      ([ne, Ce, $e], [tt, Ve, fe]) => {
         const we = R.value;
         if (!(we.apiModule && we.apiAction || we.apiUrl || n.fetchItems)) {
           be();
           return;
         }
-        const je = JSON.stringify(te ?? null) === JSON.stringify(tt ?? null), yt = JSON.stringify($e ?? null) === JSON.stringify(fe ?? null);
+        const je = JSON.stringify(ne ?? null) === JSON.stringify(tt ?? null), yt = JSON.stringify($e ?? null) === JSON.stringify(fe ?? null);
         je && yt || (be(), yt || lt());
       },
       { deep: !0 }
     ), ze(
       () => n.modelValue,
-      (te, Ce) => {
-        S.value = te, !r.value && (te == null || te === "") && Ce != null && n.apiModule && n.apiAction && (D.value = [], x.value = !1), $.value = _e.value || "";
+      (ne, Ce) => {
+        S.value = ne, !r.value && (ne == null || ne === "") && Ce != null && n.apiModule && n.apiAction && (D.value = [], x.value = !1), $.value = _e.value || "";
       },
       { immediate: !0 }
     );
-    const Ke = R.value;
-    (Ke.apiModule && Ke.apiAction || Ke.apiUrl || n.fetchItems) && (n.autoFetchOnMount || !Ue(n.modelValue)) && lt();
-    const It = (te) => {
-      const Ce = ie.value, $e = ee.value, tt = te.target;
-      Ce && Ce.contains(tt) || $e && $e.contains(tt) || ne.value && j();
+    const Ye = R.value;
+    (Ye.apiModule && Ye.apiAction || Ye.apiUrl || n.fetchItems) && (n.autoFetchOnMount || !Ue(n.modelValue)) && lt();
+    const It = (ne) => {
+      const Ce = ie.value, $e = te.value, tt = ne.target;
+      Ce && Ce.contains(tt) || $e && $e.contains(tt) || Z.value && j();
     }, en = T(() => {
-      const te = n.modelValue;
-      return te == null ? !1 : typeof te == "string" ? te.trim().length > 0 : Array.isArray(te) ? te.length > 0 : typeof te == "object" ? Object.keys(te).length > 0 : !0;
+      const ne = n.modelValue;
+      return ne == null ? !1 : typeof ne == "string" ? ne.trim().length > 0 : Array.isArray(ne) ? ne.length > 0 : typeof ne == "object" ? Object.keys(ne).length > 0 : !0;
     }), Kt = T(
       () => !!n.clearable && en.value && !n.disabled
     );
@@ -1485,7 +1485,7 @@ const Ip = ["aria-busy"], Lp = {
       document.addEventListener("mousedown", It);
     }), yn(() => {
       document.removeEventListener("mousedown", It);
-    }), (te, Ce) => pn((p(), k("div", {
+    }), (ne, Ce) => pn((p(), k("div", {
       ref_key: "rootEl",
       ref: ie,
       class: he(["w-full", L(o).class]),
@@ -1509,11 +1509,11 @@ const Ip = ["aria-busy"], Lp = {
             ref: K,
             class: he(["flex items-center gap-2 rounded-lg border px-3 py-2 bg-white dark:bg-neutral-800 border-gray-300 dark:border-neutral-700/50 h-10 focus-within:ring-1 focus-within:ring-gray-700 dark:focus-within:ring-gray-300", [
               d.value || f.value ? "opacity-60 cursor-not-allowed" : "",
-              ue.value || w.value ? "border-red-500 focus-within:ring-red-500" : ""
+              de.value || w.value ? "border-red-500 focus-within:ring-red-500" : ""
             ]])
           }, [
-            n.icon || te.$slots["prepend-inner"] ? (p(), k("div", $p, [
-              Re(te.$slots, "prepend-inner", {}, () => [
+            n.icon || ne.$slots["prepend-inner"] ? (p(), k("div", $p, [
+              Fe(ne.$slots, "prepend-inner", {}, () => [
                 n.icon ? (p(), me(Ot(n.icon), {
                   key: 0,
                   class: "h-4 w-4"
@@ -1527,12 +1527,12 @@ const Ip = ["aria-busy"], Lp = {
               placeholder: v.value,
               disabled: d.value,
               readonly: f.value,
-              value: ne.value ? $.value : _e.value || $.value,
+              value: Z.value ? $.value : _e.value || $.value,
               onFocus: Ce[0] || (Ce[0] = () => {
-                ne.value || le();
+                Z.value || le();
               }),
               onClick: Ce[1] || (Ce[1] = () => {
-                ne.value || le();
+                Z.value || le();
               }),
               onInput: qe,
               onKeydown: rt,
@@ -1558,26 +1558,26 @@ const Ip = ["aria-busy"], Lp = {
               class: "shrink-0 rounded-md px-1 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300",
               onMousedown: Ce[3] || (Ce[3] = _t(() => {
               }, ["prevent"])),
-              onClick: _t(Fe, ["stop"]),
+              onClick: _t(Re, ["stop"]),
               "aria-label": "Clear"
             }, " ✕ ", 32)) : (p(), k("button", {
               key: 3,
               type: "button",
               class: "shrink-0 rounded-md px-1 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300 disabled:opacity-50 disabled:cursor-not-allowed",
               disabled: d.value || f.value,
-              onClick: Ce[4] || (Ce[4] = ($e) => ne.value ? j() : le()),
+              onClick: Ce[4] || (Ce[4] = ($e) => Z.value ? j() : le()),
               "aria-label": "Toggle"
             }, [
               G(L(Is), {
-                class: he(["h-4 w-4 transition-transform duration-200 ease-in-out", { "rotate-180": ne.value }])
+                class: he(["h-4 w-4 transition-transform duration-200 ease-in-out", { "rotate-180": Z.value }])
               }, null, 8, ["class"])
             ], 8, jp))
           ], 2),
           (p(), me(qa, { to: "body" }, [
-            ne.value ? (p(), k("div", {
+            Z.value ? (p(), k("div", {
               key: 0,
               ref_key: "floating",
-              ref: ee,
+              ref: te,
               style: dt(L(oe)),
               class: "z-[50] overflow-hidden rounded-lg border bg-white shadow-lg border-gray-200 dark:border-neutral-700/50 dark:bg-neutral-800"
             }, [
@@ -1595,8 +1595,8 @@ const Ip = ["aria-busy"], Lp = {
                   onClick: (Ve) => ae($e)
                 }, [
                   Ie(H(se($e)) + " ", 1),
-                  bt($e) ? (p(), k("span", Np, " ✓ ")) : W("", !0)
-                ], 42, Wp))), 128)) : Re(te.$slots, "no-data", { key: 1 }, () => [
+                  ft($e) ? (p(), k("span", Np, " ✓ ")) : W("", !0)
+                ], 42, Wp))), 128)) : Fe(ne.$slots, "no-data", { key: 1 }, () => [
                   y("div", Hp, [
                     O.value ? (p(), k("span", qp, "Loading data…")) : re.value ? (p(), k("span", Gp, H(re.value), 1)) : (p(), k("span", Xp, "No data available"))
                   ])
@@ -1605,7 +1605,7 @@ const Ip = ["aria-busy"], Lp = {
             ], 4)) : W("", !0)
           ]))
         ]),
-        ue.value || w.value ? (p(), k("p", Yp, H(ue.value || w.value), 1)) : W("", !0)
+        de.value || w.value ? (p(), k("p", Yp, H(de.value || w.value), 1)) : W("", !0)
       ], 64))
     ], 10, Ip)), [
       [us, e.visible]
@@ -1706,8 +1706,8 @@ const Ip = ["aria-busy"], Lp = {
         mr(),
         pr(),
         gr({
-          apply({ rects: J, elements: ue }) {
-            Object.assign(ue.floating.style, {
+          apply({ rects: J, elements: de }) {
+            Object.assign(de.floating.style, {
               width: `${J.reference.width}px`
             });
           }
@@ -1727,7 +1727,7 @@ const Ip = ["aria-busy"], Lp = {
         if (n.returnObject)
           return E(n.modelValue);
         {
-          const J = f.value.find((ue) => P(ue) === n.modelValue);
+          const J = f.value.find((de) => P(de) === n.modelValue);
           return J ? E(J) : String(n.modelValue);
         }
       }
@@ -1738,8 +1738,8 @@ const Ip = ["aria-busy"], Lp = {
       g.value = !1;
     }, E = (J) => typeof n.itemTitle == "function" ? n.itemTitle(J) : J[n.itemTitle] || "", P = (J) => typeof n.itemValue == "function" ? n.itemValue(J) : J[n.itemValue] || J, O = (J) => n.itemSubtitle ? typeof n.itemSubtitle == "function" ? n.itemSubtitle(J) : J[n.itemSubtitle] || "" : "", I = (J) => n.modelValue ? n.returnObject ? P(J) === P(n.modelValue) : P(J) === n.modelValue : !1, F = (J) => {
       var re;
-      const ue = n.returnObject ? J : P(J);
-      s("update:modelValue", ue), s("select", J), g.value = !1, u.value = "", (re = a.value) == null || re.blur();
+      const de = n.returnObject ? J : P(J);
+      s("update:modelValue", de), s("select", J), g.value = !1, u.value = "", (re = a.value) == null || re.blur();
     }, R = () => {
       var J;
       s("update:modelValue", null), u.value = "", (J = a.value) == null || J.focus();
@@ -1749,9 +1749,9 @@ const Ip = ["aria-busy"], Lp = {
       setTimeout(() => {
         g.value = !1, s("blur", J);
       }, 200);
-    }, ee = (J) => {
-      const ue = J.target;
-      u.value = ue.value, M.value && clearTimeout(M.value), M.value = setTimeout(() => {
+    }, te = (J) => {
+      const de = J.target;
+      u.value = de.value, M.value && clearTimeout(M.value), M.value = setTimeout(() => {
         s("search", u.value), v.value = 1, m.value = !0, $(!0);
       }, n.debounceMs);
     }, oe = (J) => {
@@ -1770,12 +1770,12 @@ const Ip = ["aria-busy"], Lp = {
             g.value = !1;
             break;
         }
-    }, ne = (J) => {
+    }, Z = (J) => {
       if (!m.value || h.value) return;
-      const ue = J.target, { scrollTop: re, scrollHeight: se, clientHeight: ge } = ue;
+      const de = J.target, { scrollTop: re, scrollHeight: se, clientHeight: ge } = de;
       re + ge >= se - n.threshold && $();
     }, $ = async (J = !1) => {
-      var ue, re;
+      var de, re;
       if (!h.value) {
         h.value = !0;
         try {
@@ -1783,7 +1783,7 @@ const Ip = ["aria-busy"], Lp = {
           if (n.fetchItems)
             se = await n.fetchItems();
           else {
-            const ge = Tt(), _e = ((ue = n.endpoint) == null ? void 0 : ue.apiModule) || n.apiModule, Pe = ((re = n.endpoint) == null ? void 0 : re.apiAction) || n.apiAction;
+            const ge = Tt(), _e = ((de = n.endpoint) == null ? void 0 : de.apiModule) || n.apiModule, Pe = ((re = n.endpoint) == null ? void 0 : re.apiAction) || n.apiAction;
             if (!_e || !Pe)
               throw new Error("API module and action are required");
             const Ue = {
@@ -1813,7 +1813,7 @@ const Ip = ["aria-busy"], Lp = {
       M.value && clearTimeout(M.value);
     }), ze(() => n.modelValue, (J) => {
       J || (u.value = "");
-    }), (J, ue) => pn((p(), k("div", {
+    }), (J, de) => pn((p(), k("div", {
       ref_key: "rootEl",
       ref: r,
       class: he(["w-full", L(o).class]),
@@ -1821,7 +1821,7 @@ const Ip = ["aria-busy"], Lp = {
     }, [
       e.skeleton ? (p(), k(xe, { key: 0 }, [
         e.label ? (p(), k("div", Jp)) : W("", !0),
-        ue[3] || (ue[3] = y("div", { class: "h-10 w-full rounded-lg bg-gray-200 dark:bg-gray-700 animate-pulse" }, null, -1))
+        de[3] || (de[3] = y("div", { class: "h-10 w-full rounded-lg bg-gray-200 dark:bg-gray-700 animate-pulse" }, null, -1))
       ], 64)) : (p(), k(xe, { key: 1 }, [
         e.label ? (p(), k("label", {
           key: 0,
@@ -1858,10 +1858,10 @@ const Ip = ["aria-busy"], Lp = {
               value: _.value,
               onFocus: ie,
               onBlur: K,
-              onInput: ee,
+              onInput: te,
               onKeydown: oe
             }), null, 16, nm),
-            h.value ? (p(), k("svg", sm, [...ue[4] || (ue[4] = [
+            h.value ? (p(), k("svg", sm, [...de[4] || (de[4] = [
               y("circle", {
                 class: "opacity-25",
                 cx: "12",
@@ -1879,7 +1879,7 @@ const Ip = ["aria-busy"], Lp = {
               key: 2,
               type: "button",
               class: "shrink-0 rounded-md px-1 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300",
-              onMousedown: ue[0] || (ue[0] = _t(() => {
+              onMousedown: de[0] || (de[0] = _t(() => {
               }, ["prevent"])),
               onClick: _t(R, ["stop"]),
               "aria-label": "Clear"
@@ -1888,7 +1888,7 @@ const Ip = ["aria-busy"], Lp = {
               type: "button",
               class: "shrink-0 rounded-md px-1 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300 disabled:opacity-50 disabled:cursor-not-allowed",
               disabled: e.disabled,
-              onClick: ue[1] || (ue[1] = (re) => g.value ? b() : x()),
+              onClick: de[1] || (de[1] = (re) => g.value ? b() : x()),
               "aria-label": "Toggle"
             }, [
               G(L(Is), {
@@ -1908,13 +1908,13 @@ const Ip = ["aria-busy"], Lp = {
                 ref_key: "scrollContainer",
                 ref: i,
                 class: "max-h-64 overflow-auto",
-                onScroll: ne
+                onScroll: Z
               }, [
                 h.value && f.value.length === 0 ? (p(), k("div", am, [
                   (p(), k(xe, null, We(5, (re) => y("div", {
                     key: re,
                     class: "flex items-center space-x-3"
-                  }, [...ue[5] || (ue[5] = [
+                  }, [...de[5] || (de[5] = [
                     y("div", { class: "skeleton h-4 w-4 bg-gray-200 rounded" }, null, -1),
                     y("div", { class: "skeleton h-4 flex-1 bg-gray-200 rounded" }, null, -1)
                   ])])), 64))
@@ -1923,11 +1923,11 @@ const Ip = ["aria-busy"], Lp = {
                   type: "button",
                   class: he(["w-full flex justify-between text-left px-3 py-2 text-sm hover:bg-neutral-100 dark:hover:bg-neutral-800", se === w.value ? "bg-neutral-100 dark:bg-neutral-800" : ""]),
                   onMouseenter: (ge) => w.value = se,
-                  onMousedown: ue[2] || (ue[2] = _t(() => {
+                  onMousedown: de[2] || (de[2] = _t(() => {
                   }, ["prevent"])),
                   onClick: (ge) => F(re)
                 }, [
-                  Re(J.$slots, "item", {
+                  Fe(J.$slots, "item", {
                     item: re,
                     index: se
                   }, () => [
@@ -1942,7 +1942,7 @@ const Ip = ["aria-busy"], Lp = {
                 ], 42, im))), 128)) : W("", !0),
                 h.value && f.value.length > 0 ? (p(), k("div", fm, [
                   y("div", hm, [
-                    ue[6] || (ue[6] = y("div", { class: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-600" }, null, -1)),
+                    de[6] || (de[6] = y("div", { class: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-600" }, null, -1)),
                     y("span", pm, H(e.loadingText), 1)
                   ])
                 ])) : W("", !0),
@@ -2279,9 +2279,9 @@ const wm = (e, t) => {
     "left-bottom"
   ], D = () => [...S(), Oe, Ee], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", "contain", "none"], b = () => [Oe, Ee, l], E = () => [Qn, "full", "auto", ...b()], P = () => [Zn, "none", "subgrid", Oe, Ee], O = () => ["auto", {
     span: ["full", Zn, Oe, Ee]
-  }, Zn, Oe, Ee], I = () => [Zn, "auto", Oe, Ee], F = () => ["auto", "min", "max", "fr", Oe, Ee], R = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], ie = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], K = () => ["auto", ...b()], ee = () => [Qn, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], oe = () => [Qn, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...b()], ne = () => [Qn, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...b()], $ = () => [e, Oe, Ee], J = () => [...S(), ml, pl, {
+  }, Zn, Oe, Ee], I = () => [Zn, "auto", Oe, Ee], F = () => ["auto", "min", "max", "fr", Oe, Ee], R = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], ie = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], K = () => ["auto", ...b()], te = () => [Qn, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], oe = () => [Qn, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...b()], Z = () => [Qn, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...b()], $ = () => [e, Oe, Ee], J = () => [...S(), ml, pl, {
     position: [Oe, Ee]
-  }], ue = () => ["no-repeat", {
+  }], de = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], re = () => ["auto", "cover", "contain", og, Zm, {
     size: [Oe, Ee]
@@ -2300,7 +2300,7 @@ const wm = (e, t) => {
     g,
     Oe,
     Ee
-  ], j = () => ["none", Qe, Oe, Ee], ae = () => ["none", Qe, Oe, Ee], be = () => [Qe, Oe, Ee], Fe = () => [Qn, "full", ...b()];
+  ], j = () => ["none", Qe, Oe, Ee], ae = () => ["none", Qe, Oe, Ee], be = () => [Qe, Oe, Ee], Re = () => [Qn, "full", ...b()];
   return {
     cacheSize: 500,
     theme: {
@@ -2978,7 +2978,7 @@ const wm = (e, t) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: ee()
+        size: te()
       }],
       /**
        * Inline Size
@@ -3006,28 +3006,28 @@ const wm = (e, t) => {
        * @see https://tailwindcss.com/docs/height
        */
       "block-size": [{
-        block: ["auto", ...ne()]
+        block: ["auto", ...Z()]
       }],
       /**
        * Min-Block Size
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-block-size": [{
-        "min-block": ["auto", ...ne()]
+        "min-block": ["auto", ...Z()]
       }],
       /**
        * Max-Block Size
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-block-size": [{
-        "max-block": ["none", ...ne()]
+        "max-block": ["none", ...Z()]
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [r, "screen", ...ee()]
+        w: [r, "screen", ...te()]
       }],
       /**
        * Min-Width
@@ -3039,7 +3039,7 @@ const wm = (e, t) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...ee()
+          ...te()
         ]
       }],
       /**
@@ -3057,7 +3057,7 @@ const wm = (e, t) => {
           {
             screen: [i]
           },
-          ...ee()
+          ...te()
         ]
       }],
       /**
@@ -3065,21 +3065,21 @@ const wm = (e, t) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...ee()]
+        h: ["screen", "lh", ...te()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...ee()]
+        "min-h": ["screen", "lh", "none", ...te()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...ee()]
+        "max-h": ["screen", "lh", ...te()]
       }],
       // ------------------
       // --- Typography ---
@@ -3362,7 +3362,7 @@ const wm = (e, t) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: ue()
+        bg: de()
       }],
       /**
        * Background Size
@@ -4067,7 +4067,7 @@ const wm = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: ue()
+        mask: de()
       }],
       /**
        * Mask Size
@@ -4481,28 +4481,28 @@ const wm = (e, t) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: Fe()
+        translate: Re()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": Fe()
+        "translate-x": Re()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": Fe()
+        "translate-y": Re()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": Fe()
+        "translate-z": Re()
       }],
       /**
        * Translate None
@@ -5372,7 +5372,7 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
       class: he(L(nt)(L(so)({ variant: e.variant, size: e.size }), t.class))
     }, {
       default: ce(() => [
-        Re(n.$slots, "default")
+        Fe(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child", "class"]));
@@ -5420,7 +5420,7 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
     const o = Ls(e, t);
     return (a, i) => (p(), me(L(Zf), Xn(Yn(L(o))), {
       default: ce(() => [
-        Re(a.$slots, "default")
+        Fe(a.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -5456,7 +5456,7 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
           class: L(nt)("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", n.class)
         }), {
           default: ce(() => [
-            Re(i.$slots, "default")
+            Fe(i.$slots, "default")
           ]),
           _: 3
         }, 16, ["class"])
@@ -5479,7 +5479,7 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
     const t = e;
     return (n, s) => (p(), me(L(nh), Xn(Yn(t)), {
       default: ce(() => [
-        Re(n.$slots, "default")
+        Fe(n.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -5495,7 +5495,7 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
     const t = e;
     return (n, s) => (p(), me(L(sh), Xn(Yn(t)), {
       default: ce(() => [
-        Re(n.$slots, "default")
+        Fe(n.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -5636,11 +5636,11 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
     const K = T(() => {
       const re = /\bdark:bg-/.test(d.value ?? "");
       return !M.value || i.value === "outline" || re ? "" : x.value ? "dcode-btn--fill dcode-btn--fill-hover" : D.value ? "" : "hover:brightness-90";
-    }), ee = T(() => {
+    }), te = T(() => {
       if (!M.value || i.value !== "outline") return "";
       const re = ["dcode-btn--outline", "dcode-btn--outline-hover"];
       return S.value || re.push("border"), !x.value && !D.value && re.push("hover:brightness-90"), re.join(" ");
-    }), oe = T(() => x.value ?? void 0), ne = {
+    }), oe = T(() => x.value ?? void 0), Z = {
       primary: {
         bg: "bg-blue-600 dark:bg-blue-500",
         border: "border-blue-700 dark:border-blue-400",
@@ -5743,16 +5743,16 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
         hover: "hover:from-emerald-600 hover:to-teal-600"
       }
     }, J = T(() => {
-      const re = [], se = r.value, ge = String(n.borderColor || "").toLowerCase(), _e = se ? ne[se] : null, Pe = se ? $[se] : null, Ue = ge ? ne[ge] : null;
+      const re = [], se = r.value, ge = String(n.borderColor || "").toLowerCase(), _e = se ? Z[se] : null, Pe = se ? $[se] : null, Ue = ge ? Z[ge] : null;
       return se && (_e ? Ue && ge !== se ? (re.push(_e.bg, Ue.hoverBg), n.textColor || re.push(_e.text, Ue.hoverText)) : (re.push(_e.bg, _e.hoverBg), n.textColor || re.push(_e.text, _e.hoverText)) : Pe ? (re.push(Pe.bg, Pe.hover), n.textColor || re.push(Pe.text)) : se === "transparent" ? Ue ? (re.push("bg-transparent", Ue.hoverBg), n.textColor || re.push("text-inherit", Ue.hoverText)) : re.push("bg-transparent hover:bg-black/5 dark:hover:bg-white/5") : re.push(se)), ge ? Ue ? re.push(Ue.border, Ue.hoverBorder) : re.push(ge) : _e && i.value !== "ghost" && i.value !== "link" && re.push(_e.border, _e.hoverBorder), n.textColor && re.push(n.textColor), re.join(" ");
-    }), ue = T(
+    }), de = T(
       () => nt(
         bg,
         g.value,
         w.value,
         _.value,
         K.value,
-        ee.value,
+        te.value,
         J.value
       )
     );
@@ -5775,7 +5775,7 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
                     size: n.size,
                     disabled: n.disabled,
                     type: l.value,
-                    class: ue.value,
+                    class: de.value,
                     style: oe.value
                   }, c.value), {
                     default: ce(() => [
@@ -5811,11 +5811,11 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
             size: n.size,
             disabled: n.disabled,
             type: l.value,
-            class: ue.value,
+            class: de.value,
             style: oe.value
           }, c.value), {
             default: ce(() => [
-              Re(re.$slots, "default", {}, () => [
+              Fe(re.$slots, "default", {}, () => [
                 s.value ? (p(), me(Ot(s.value), {
                   key: 0,
                   class: "h-[18px] w-[18px]"
@@ -5838,7 +5838,7 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
   for (const [s, o] of t)
     n[s] = o;
   return n;
-}, gt = /* @__PURE__ */ cn(yg, [["__scopeId", "data-v-fed1b675"]]), vg = {
+}, bt = /* @__PURE__ */ cn(yg, [["__scopeId", "data-v-fed1b675"]]), vg = {
   key: 0,
   class: "flex items-center justify-between bg-neutral-50/50 dark:bg-neutral-900/30 border-b border-neutral-200/60 dark:border-neutral-700/30 px-4 py-3 backdrop-blur-sm"
 }, xg = { class: "flex flex-col gap-1" }, wg = {
@@ -5886,25 +5886,25 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
     }, [
       e.title || s.$slots.header || s.$slots.actions ? (p(), k("div", vg, [
         y("div", xg, [
-          Re(s.$slots, "header", {}, () => [
+          Fe(s.$slots, "header", {}, () => [
             e.title ? (p(), k("h3", wg, H(e.title), 1)) : W("", !0),
             e.subtitle ? (p(), k("p", kg, H(e.subtitle), 1)) : W("", !0)
           ])
         ]),
         s.$slots.actions ? (p(), k("div", _g, [
-          Re(s.$slots, "actions")
+          Fe(s.$slots, "actions")
         ])) : W("", !0)
       ])) : W("", !0),
       y("div", {
         class: he(["relative z-10", e.padding])
       }, [
-        Re(s.$slots, "default")
+        Fe(s.$slots, "default")
       ], 2),
       s.$slots.footer ? (p(), k("div", {
         key: 1,
         class: he(["mt-6 pt-6 border-t border-neutral-200/60 dark:border-neutral-700/50", e.padding])
       }, [
-        Re(s.$slots, "footer")
+        Fe(s.$slots, "footer")
       ], 2)) : W("", !0)
     ], 2));
   }
@@ -6067,7 +6067,7 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
         label: j,
         class: ae,
         id: be,
-        required: Fe,
+        required: Re,
         "aria-required": qe,
         ...rt
       } = n;
@@ -6126,17 +6126,17 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
       const ae = Array.isArray(j) ? j.join("") : j;
       return ae ? new Set(ae) : null;
     }, b = T(() => x(r.allowChars)), E = (j, ae) => (j.lastIndex = 0, j.test(ae)), P = (j) => {
-      var bt;
-      const ae = (bt = r.valueType) == null ? void 0 : bt.toLowerCase();
+      var ft;
+      const ae = (ft = r.valueType) == null ? void 0 : ft.toLowerCase();
       if (ae === "free" || ae === "email" || ae === "password")
         return !0;
-      const be = j === " ", Fe = /\d/.test(j), qe = new RegExp("\\p{L}", "u").test(j), rt = new RegExp("\\p{N}", "u").test(j), lt = /[\/\-_.,]/.test(j);
-      return ae === "number" ? Fe : ae === "letter" ? qe || lt || r.allowSpaces && be : ae === "letternumber" ? qe || rt || lt || r.allowSpaces && be : !0;
+      const be = j === " ", Re = /\d/.test(j), qe = new RegExp("\\p{L}", "u").test(j), rt = new RegExp("\\p{N}", "u").test(j), lt = /[\/\-_.,]/.test(j);
+      return ae === "number" ? Re : ae === "letter" ? qe || lt || r.allowSpaces && be : ae === "letternumber" ? qe || rt || lt || r.allowSpaces && be : !0;
     }, O = (j) => {
       let ae = "";
       for (const be of j) {
-        const Fe = !!b.value && b.value.has(be);
-        r.pattern && !Fe && !E(r.pattern, be) || !Fe && !P(be) || (ae += be);
+        const Re = !!b.value && b.value.has(be);
+        r.pattern && !Re && !E(r.pattern, be) || !Re && !P(be) || (ae += be);
       }
       return ae;
     }, I = T(() => {
@@ -6147,7 +6147,7 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
       const ae = O(j), be = r.applyTextCaseToValue ? _(ae) : ae;
       return ie(be);
     };
-    let ee = null;
+    let te = null;
     const oe = (j) => {
       var ae;
       if (j === "") return null;
@@ -6156,52 +6156,52 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
         return Number.isFinite(be) ? be : null;
       }
       return j;
-    }, ne = (j) => {
+    }, Z = (j) => {
       m.value = j, i("update:modelValue", oe(j));
     }, $ = (j, ae) => {
       const be = ie(ae);
-      M.value = !0, j.value = be, ne(be), queueMicrotask(() => M.value = !1);
+      M.value = !0, j.value = be, Z(be), queueMicrotask(() => M.value = !1);
     }, J = (j, ae) => {
-      const be = j.selectionStart ?? j.value.length, Fe = j.selectionEnd ?? j.value.length;
+      const be = j.selectionStart ?? j.value.length, Re = j.selectionEnd ?? j.value.length;
       if (I.value > 0) {
-        const qe = j.value.length - (Fe - be), rt = I.value - qe;
+        const qe = j.value.length - (Re - be), rt = I.value - qe;
         if (rt <= 0) return;
         ae = ae.slice(0, rt);
       }
-      j.setRangeText(ae, be, Fe, "end"), $(j, K(j.value));
-    }, ue = (j) => {
-      var Fe;
-      if (!ee || A.value || M.value || !((Fe = j.inputType) != null && Fe.startsWith("insert"))) return;
+      j.setRangeText(ae, be, Re, "end"), $(j, K(j.value));
+    }, de = (j) => {
+      var Re;
+      if (!te || A.value || M.value || !((Re = j.inputType) != null && Re.startsWith("insert"))) return;
       const ae = j.data;
       if (ae == null) return;
       const be = K(ae);
-      be !== ae && (j.preventDefault(), be.length > 0 && J(ee, be));
+      be !== ae && (j.preventDefault(), be.length > 0 && J(te, be));
     }, re = (j) => {
-      var Fe;
-      if (!ee || A.value || M.value) return;
-      const ae = ((Fe = j.clipboardData) == null ? void 0 : Fe.getData("text")) ?? "", be = K(ae);
-      be !== ae && (j.preventDefault(), be.length > 0 && J(ee, be));
+      var Re;
+      if (!te || A.value || M.value) return;
+      const ae = ((Re = j.clipboardData) == null ? void 0 : Re.getData("text")) ?? "", be = K(ae);
+      be !== ae && (j.preventDefault(), be.length > 0 && J(te, be));
     }, se = (j) => {
-      if (!ee || A.value || M.value) return;
-      const ae = j.target, be = ae.value ?? "", Fe = K(be);
-      Fe === be ? ne(Fe) : $(ae, Fe);
+      if (!te || A.value || M.value) return;
+      const ae = j.target, be = ae.value ?? "", Re = K(be);
+      Re === be ? Z(Re) : $(ae, Re);
     }, ge = () => A.value = !0, _e = () => {
-      if (A.value = !1, !ee) return;
-      const j = ee.value ?? "", ae = K(j);
-      ae === j ? ne(ae) : $(ee, ae);
+      if (A.value = !1, !te) return;
+      const j = te.value ?? "", ae = K(j);
+      ae === j ? Z(ae) : $(te, ae);
     };
     At(() => {
-      if (ee = document.getElementById(
+      if (te = document.getElementById(
         d.value
-      ), !ee) return;
-      ee.addEventListener("beforeinput", ue), ee.addEventListener("paste", re), ee.addEventListener("input", se), ee.addEventListener("compositionstart", ge), ee.addEventListener("compositionend", _e);
-      const j = ee.value ?? "", ae = K(j);
-      ae === j ? ne(ae) : $(ee, ae);
+      ), !te) return;
+      te.addEventListener("beforeinput", de), te.addEventListener("paste", re), te.addEventListener("input", se), te.addEventListener("compositionstart", ge), te.addEventListener("compositionend", _e);
+      const j = te.value ?? "", ae = K(j);
+      ae === j ? Z(ae) : $(te, ae);
     }), yn(() => {
-      ee && (ee.removeEventListener("beforeinput", ue), ee.removeEventListener("paste", re), ee.removeEventListener("input", se), ee.removeEventListener("compositionstart", ge), ee.removeEventListener("compositionend", _e), ee = null);
+      te && (te.removeEventListener("beforeinput", de), te.removeEventListener("paste", re), te.removeEventListener("input", se), te.removeEventListener("compositionstart", ge), te.removeEventListener("compositionend", _e), te = null);
     });
     const Pe = () => {
-      m.value = "", ee && (ee.value = ""), i("update:modelValue", null), i("clear");
+      m.value = "", te && (te.value = ""), i("update:modelValue", null), i("clear");
     }, Ue = T(
       () => R.value && F.value > 0
     ), Le = T(() => `${F.value} / ${I.value}`), le = T(() => !!r.error);
@@ -6228,7 +6228,7 @@ const mg = /* @__PURE__ */ Bd(pg), xl = (e) => typeof e == "boolean" ? `${e}` :
         ], 8, Ug)) : W("", !0),
         y("div", Ng, [
           r.icon || r.prependInner || j.$slots["prepend-inner"] ? (p(), k("div", Hg, [
-            Re(j.$slots, "prepend-inner", {}, () => [
+            Fe(j.$slots, "prepend-inner", {}, () => [
               r.icon ? (p(), me(Ot(r.icon), {
                 key: 0,
                 class: "h-4 w-4"
@@ -6807,7 +6807,7 @@ function Ht(e) {
 function Mn(e, t) {
   return Ht(e) ? e : t;
 }
-function Ye(e, t) {
+function Ke(e, t) {
   return typeof e > "u" ? t : e;
 }
 const $0 = (e, t) => typeof e == "string" && e.endsWith("%") ? parseFloat(e) / 100 : +e / t, Hd = (e, t) => typeof e == "string" && e.endsWith("%") ? parseFloat(e) / 100 * t : +e;
@@ -6815,7 +6815,7 @@ function kt(e, t, n) {
   if (e && typeof e.call == "function")
     return e.apply(n, t);
 }
-function pt(e, t, n, s) {
+function mt(e, t, n, s) {
   let o, a, i;
   if (Pt(e))
     for (a = e.length, o = 0; o < a; o++)
@@ -6929,7 +6929,7 @@ const Po = (e) => typeof e < "u", ls = (e) => typeof e == "function", Ml = (e, t
 function W0(e) {
   return e.type === "mouseup" || e.type === "click" || e.type === "contextmenu";
 }
-const mt = Math.PI, Ct = 2 * mt, N0 = Ct + mt, Ra = Number.POSITIVE_INFINITY, H0 = mt / 180, Bt = mt / 2, ys = mt / 4, Dl = mt * 2 / 3, Gd = Math.log10, Ln = Math.sign;
+const gt = Math.PI, Ct = 2 * gt, N0 = Ct + gt, Ra = Number.POSITIVE_INFINITY, H0 = gt / 180, Bt = gt / 2, ys = gt / 4, Dl = gt * 2 / 3, Gd = Math.log10, Ln = Math.sign;
 function wo(e, t, n) {
   return Math.abs(e - t) < n;
 }
@@ -6962,10 +6962,10 @@ function Y0(e, t, n) {
     a = e[s][n], isNaN(a) || (t.min = Math.min(t.min, a), t.max = Math.max(t.max, a));
 }
 function Hn(e) {
-  return e * (mt / 180);
+  return e * (gt / 180);
 }
 function K0(e) {
-  return e * (180 / mt);
+  return e * (180 / gt);
 }
 function Pl(e) {
   if (!Ht(e))
@@ -6978,7 +6978,7 @@ function Pl(e) {
 function Xd(e, t) {
   const n = t.x - e.x, s = t.y - e.y, o = Math.sqrt(n * n + s * s);
   let a = Math.atan2(s, n);
-  return a < -0.5 * mt && (a += Ct), {
+  return a < -0.5 * gt && (a += Ct), {
     angle: a,
     distance: o
   };
@@ -6987,7 +6987,7 @@ function ji(e, t) {
   return Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2));
 }
 function J0(e, t) {
-  return (e - t + N0) % Ct - mt;
+  return (e - t + N0) % Ct - gt;
 }
 function sn(e) {
   return (e % Ct + Ct) % Ct;
@@ -7159,7 +7159,7 @@ const aa = (e) => e === 0 || e === 1, Ol = (e, t, n) => -(Math.pow(2, 10 * (e -=
   easeInOutQuint: (e) => (e /= 0.5) < 1 ? 0.5 * e * e * e * e * e : 0.5 * ((e -= 2) * e * e * e * e + 2),
   easeInSine: (e) => -Math.cos(e * Bt) + 1,
   easeOutSine: (e) => Math.sin(e * Bt),
-  easeInOutSine: (e) => -0.5 * (Math.cos(mt * e) - 1),
+  easeInOutSine: (e) => -0.5 * (Math.cos(gt * e) - 1),
   easeInExpo: (e) => e === 0 ? 0 : Math.pow(2, 10 * (e - 1)),
   easeOutExpo: (e) => e === 1 ? 1 : -Math.pow(2, -10 * e) + 1,
   easeInOutExpo: (e) => aa(e) ? e : e < 0.5 ? 0.5 * Math.pow(2, 10 * (e * 2 - 1)) : 0.5 * (-Math.pow(2, -10 * (e * 2 - 1)) + 2),
@@ -7442,7 +7442,7 @@ class pb {
         enumerable: !0,
         get() {
           const l = this[r], c = i[o];
-          return et(l) ? Object.assign({}, c, l) : Ye(l, c);
+          return et(l) ? Object.assign({}, c, l) : Ke(l, c);
         },
         set(l) {
           this[r] = l;
@@ -7504,7 +7504,7 @@ function eu(e, t, n, s, o) {
         d = o ? o / 2 : w, e.moveTo(n + Math.sin(v) * d, s - Math.cos(v) * w), v += Dl, e.lineTo(n + Math.sin(v) * d, s - Math.cos(v) * w), v += Dl, e.lineTo(n + Math.sin(v) * d, s - Math.cos(v) * w), e.closePath();
         break;
       case "rectRounded":
-        c = w * 0.516, l = w - c, i = Math.cos(v + ys) * l, u = Math.cos(v + ys) * (o ? o / 2 - c : l), r = Math.sin(v + ys) * l, f = Math.sin(v + ys) * (o ? o / 2 - c : l), e.arc(n - u, s - r, c, v - mt, v - Bt), e.arc(n + f, s - i, c, v - Bt, v), e.arc(n + u, s + r, c, v, v + Bt), e.arc(n - f, s + i, c, v + Bt, v + mt), e.closePath();
+        c = w * 0.516, l = w - c, i = Math.cos(v + ys) * l, u = Math.cos(v + ys) * (o ? o / 2 - c : l), r = Math.sin(v + ys) * l, f = Math.sin(v + ys) * (o ? o / 2 - c : l), e.arc(n - u, s - r, c, v - gt, v - Bt), e.arc(n + f, s - i, c, v - Bt, v), e.arc(n + u, s + r, c, v, v + Bt), e.arc(n - f, s + i, c, v + Bt, v + gt), e.closePath();
         break;
       case "rect":
         if (!g) {
@@ -7585,7 +7585,7 @@ function Lo(e, t, n, s, o, a = {}) {
 }
 function Fa(e, t) {
   const { x: n, y: s, w: o, h: a, radius: i } = t;
-  e.arc(n + i.topLeft, s + i.topLeft, i.topLeft, 1.5 * mt, mt, !0), e.lineTo(n, s + a - i.bottomLeft), e.arc(n + i.bottomLeft, s + a - i.bottomLeft, i.bottomLeft, mt, Bt, !0), e.lineTo(n + o - i.bottomRight, s + a), e.arc(n + o - i.bottomRight, s + a - i.bottomRight, i.bottomRight, Bt, 0, !0), e.lineTo(n + o, s + i.topRight), e.arc(n + o - i.topRight, s + i.topRight, i.topRight, 0, -Bt, !0), e.lineTo(n + i.topLeft, s);
+  e.arc(n + i.topLeft, s + i.topLeft, i.topLeft, 1.5 * gt, gt, !0), e.lineTo(n, s + a - i.bottomLeft), e.arc(n + i.bottomLeft, s + a - i.bottomLeft, i.bottomLeft, gt, Bt, !0), e.lineTo(n + o - i.bottomRight, s + a), e.arc(n + o - i.bottomRight, s + a - i.bottomRight, i.bottomRight, Bt, 0, !0), e.lineTo(n + o, s + i.topRight), e.arc(n + o - i.topRight, s + i.topRight, i.topRight, 0, -Bt, !0), e.lineTo(n + i.topLeft, s);
 }
 const wb = /^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/, kb = /^(normal|italic|initial|inherit|unset|(oblique( -?[0-9]?[0-9]deg)?))$/;
 function _b(e, t) {
@@ -7603,7 +7603,7 @@ function _b(e, t) {
 }
 const Cb = (e) => +e || 0;
 function Er(e, t) {
-  const n = {}, s = et(t), o = s ? Object.keys(t) : t, a = et(e) ? s ? (i) => Ye(e[i], e[t[i]]) : (i) => e[i] : () => e;
+  const n = {}, s = et(t), o = s ? Object.keys(t) : t, a = et(e) ? s ? (i) => Ke(e[i], e[t[i]]) : (i) => e[i] : () => e;
   for (const i of o)
     n[i] = Cb(a(i));
   return n;
@@ -7630,16 +7630,16 @@ function gn(e) {
 }
 function Nt(e, t) {
   e = e || {}, t = t || Dt.font;
-  let n = Ye(e.size, t.size);
+  let n = Ke(e.size, t.size);
   typeof n == "string" && (n = parseInt(n, 10));
-  let s = Ye(e.style, t.style);
+  let s = Ke(e.style, t.style);
   s && !("" + s).match(kb) && (console.warn('Invalid font style specified: "' + s + '"'), s = void 0);
   const o = {
-    family: Ye(e.family, t.family),
-    lineHeight: _b(Ye(e.lineHeight, t.lineHeight), n),
+    family: Ke(e.family, t.family),
+    lineHeight: _b(Ke(e.lineHeight, t.lineHeight), n),
     size: n,
     style: s,
-    weight: Ye(e.weight, t.weight),
+    weight: Ke(e.weight, t.weight),
     string: ""
   };
   return o.string = mb(o), o;
@@ -8746,7 +8746,7 @@ class Ms {
     this.index !== t && lo(this._cachedMeta), this.index = t;
   }
   linkScales() {
-    const t = this.chart, n = this._cachedMeta, s = this.getDataset(), o = (u, f, h, g) => u === "x" ? f : u === "r" ? g : h, a = n.xAxisID = Ye(s.xAxisID, _i(t, "x")), i = n.yAxisID = Ye(s.yAxisID, _i(t, "y")), r = n.rAxisID = Ye(s.rAxisID, _i(t, "r")), l = n.indexAxis, c = n.iAxisID = o(l, a, i, r), d = n.vAxisID = o(l, i, a, r);
+    const t = this.chart, n = this._cachedMeta, s = this.getDataset(), o = (u, f, h, g) => u === "x" ? f : u === "r" ? g : h, a = n.xAxisID = Ke(s.xAxisID, _i(t, "x")), i = n.yAxisID = Ke(s.yAxisID, _i(t, "y")), r = n.rAxisID = Ke(s.rAxisID, _i(t, "r")), l = n.indexAxis, c = n.iAxisID = o(l, a, i, r), d = n.vAxisID = o(l, i, a, r);
     n.xScale = this.getScaleForId(a), n.yScale = this.getScaleForId(i), n.rScale = this.getScaleForId(r), n.iScale = this.getScaleForId(c), n.vScale = this.getScaleForId(d);
   }
   getDataset() {
@@ -8904,7 +8904,7 @@ class Ms {
   }
   _update(t) {
     const n = this._cachedMeta;
-    this.update(t || "default"), n._clip = fy(Ye(this.options.clip, uy(n.xScale, n.yScale, this.getMaxOverflow())));
+    this.update(t || "default"), n._clip = fy(Ke(this.options.clip, uy(n.xScale, n.yScale, this.getMaxOverflow())));
   }
   update(t) {
   }
@@ -9285,7 +9285,7 @@ class ba extends Ms {
   _getAxis() {
     const t = {}, n = this.getFirstScaleIdForIndexAxis();
     for (const s of this.chart.data.datasets)
-      t[Ye(this.chart.options.indexAxis === "x" ? s.xAxisID : s.yAxisID, n)] = !0;
+      t[Ke(this.chart.options.indexAxis === "x" ? s.xAxisID : s.yAxisID, n)] = !0;
     return Object.keys(t);
   }
   _getStackIndex(t, n, s) {
@@ -9332,11 +9332,11 @@ class ba extends Ms {
     };
   }
   _calculateBarIndexPixels(t, n) {
-    const s = n.scale, o = this.options, a = o.skipNull, i = Ye(o.maxBarThickness, 1 / 0);
+    const s = n.scale, o = this.options, a = o.skipNull, i = Ke(o.maxBarThickness, 1 / 0);
     let r, l;
     const c = this._getAxisCount();
     if (n.grouped) {
-      const d = a ? this._getStackCount(t) : n.stackCount, u = o.barThickness === "flex" ? _y(t, n, o, d * c) : ky(t, n, o, d * c), f = this.chart.options.indexAxis === "x" ? this.getDataset().xAxisID : this.getDataset().yAxisID, h = this._getAxis().indexOf(Ye(f, this.getFirstScaleIdForIndexAxis())), g = this._getStackIndex(this.index, this._cachedMeta.stack, a ? t : void 0) + h;
+      const d = a ? this._getStackCount(t) : n.stackCount, u = o.barThickness === "flex" ? _y(t, n, o, d * c) : ky(t, n, o, d * c), f = this.chart.options.indexAxis === "x" ? this.getDataset().xAxisID : this.getDataset().yAxisID, h = this._getAxis().indexOf(Ke(f, this.getFirstScaleIdForIndexAxis())), g = this._getStackIndex(this.index, this._cachedMeta.stack, a ? t : void 0) + h;
       r = u.start + u.chunk * g + u.chunk / 2, l = Math.min(i, u.chunk * u.ratio);
     } else
       r = s.getPixelForValue(this.getParsed(t)[s.axis], t), l = Math.min(i, n.min * n.ratio);
@@ -9390,7 +9390,7 @@ Te(ba, "id", "bar"), Te(ba, "defaults", {
 function Py(e, t, n) {
   let s = 1, o = 1, a = 0, i = 0;
   if (t < Ct) {
-    const r = e, l = r + t, c = Math.cos(r), d = Math.sin(r), u = Math.cos(l), f = Math.sin(l), h = (M, S, D) => Oo(M, r, l, !0) ? 1 : Math.max(S, S * n, D, D * n), g = (M, S, D) => Oo(M, r, l, !0) ? -1 : Math.min(S, S * n, D, D * n), w = h(0, c, u), v = h(Bt, d, f), m = g(mt, c, u), A = g(mt + Bt, d, f);
+    const r = e, l = r + t, c = Math.cos(r), d = Math.sin(r), u = Math.cos(l), f = Math.sin(l), h = (M, S, D) => Oo(M, r, l, !0) ? 1 : Math.max(S, S * n, D, D * n), g = (M, S, D) => Oo(M, r, l, !0) ? -1 : Math.min(S, S * n, D, D * n), w = h(0, c, u), v = h(Bt, d, f), m = g(gt, c, u), A = g(gt + Bt, d, f);
     s = (w - m) / 2, o = (v - A) / 2, a = -(w + m) / 2, i = -(v + A) / 2;
   }
   return {
@@ -9517,7 +9517,7 @@ class Ns extends Ms {
     return n;
   }
   _getRingWeight(t) {
-    return Math.max(Ye(this.chart.data.datasets[t].weight, 1), 0);
+    return Math.max(Ke(this.chart.data.datasets[t].weight, 1), 0);
   }
   _getVisibleDatasetWeightTotal() {
     return this._getRingWeightOffset(this.chart.data.datasets.length) || 1;
@@ -10042,7 +10042,7 @@ var hn = {
     if (!e)
       return;
     const o = gn(e.options.layout.padding), a = Math.max(t - o.width, 0), i = Math.max(n - o.height, 0), r = Vy(e.boxes), l = r.vertical, c = r.horizontal;
-    pt(e.boxes, (w) => {
+    mt(e.boxes, (w) => {
       typeof w.beforeLayout == "function" && w.beforeLayout();
     });
     const d = l.reduce((w, v) => v.box.options && v.box.options.display === !1 ? w : w + 1, 0) || 1, u = Object.freeze({
@@ -10069,7 +10069,7 @@ var hn = {
       bottom: h.top + h.h,
       height: h.h,
       width: h.w
-    }, pt(r.chartArea, (w) => {
+    }, mt(r.chartArea, (w) => {
       const v = w.box;
       Object.assign(v, e.chartArea), v.update(h.w, h.h, {
         left: 0,
@@ -10363,7 +10363,7 @@ function lv(e, t, n, s) {
     i === a && (t.push(e[i]), o++, a = n[o * s]);
 }
 function da(e, t, n, s, o) {
-  const a = Ye(s, 0), i = Math.min(Ye(o, e.length), e.length);
+  const a = Ke(s, 0), i = Math.min(Ke(o, e.length), e.length);
   let r = 0, l, c, d;
   for (n = Math.ceil(n), o && (l = o - s, n = l / Math.floor(l / n)), d = a; d < 0; )
     r++, d = Math.round(a + r * n);
@@ -10395,7 +10395,7 @@ function uv(e, t, n) {
     return l;
 }
 function fv(e, t) {
-  pt(e, (n) => {
+  mt(e, (n) => {
     const s = n.gc, o = s.length / 2;
     let a;
     if (o > t) {
@@ -10774,23 +10774,23 @@ class oo extends Jn {
       if (i === "center")
         A = m((t.top + t.bottom) / 2 + 0.5);
       else if (et(i)) {
-        const K = Object.keys(i)[0], ee = i[K];
-        A = m(this.chart.scales[K].getPixelForValue(ee));
+        const K = Object.keys(i)[0], te = i[K];
+        A = m(this.chart.scales[K].getPixelForValue(te));
       }
       O = t.top, F = t.bottom, x = A + v, E = x + f;
     } else if (n === "y") {
       if (i === "center")
         A = m((t.left + t.right) / 2);
       else if (et(i)) {
-        const K = Object.keys(i)[0], ee = i[K];
-        A = m(this.chart.scales[K].getPixelForValue(ee));
+        const K = Object.keys(i)[0], te = i[K];
+        A = m(this.chart.scales[K].getPixelForValue(te));
       }
       _ = A - v, b = _ - f, P = t.left, I = t.right;
     }
-    const R = Ye(o.ticks.maxTicksLimit, u), ie = Math.max(1, Math.ceil(u / R));
+    const R = Ke(o.ticks.maxTicksLimit, u), ie = Math.max(1, Math.ceil(u / R));
     for (M = 0; M < u; M += ie) {
-      const K = this.getContext(M), ee = a.setContext(K), oe = r.setContext(K), ne = ee.lineWidth, $ = ee.color, J = oe.dash || [], ue = oe.dashOffset, re = ee.tickWidth, se = ee.tickColor, ge = ee.tickBorderDash || [], _e = ee.tickBorderDashOffset;
-      S = uv(this, M, l), S !== void 0 && (D = vs(s, S, ne), c ? _ = b = P = I = D : x = E = O = F = D, h.push({
+      const K = this.getContext(M), te = a.setContext(K), oe = r.setContext(K), Z = te.lineWidth, $ = te.color, J = oe.dash || [], de = oe.dashOffset, re = te.tickWidth, se = te.tickColor, ge = te.tickBorderDash || [], _e = te.tickBorderDashOffset;
+      S = uv(this, M, l), S !== void 0 && (D = vs(s, S, Z), c ? _ = b = P = I = D : x = E = O = F = D, h.push({
         tx1: _,
         ty1: x,
         tx2: b,
@@ -10799,10 +10799,10 @@ class oo extends Jn {
         y1: O,
         x2: I,
         y2: F,
-        width: ne,
+        width: Z,
         color: $,
         borderDash: J,
-        borderDashOffset: ue,
+        borderDashOffset: de,
         tickWidth: re,
         tickColor: se,
         tickBorderDash: ge,
@@ -10847,13 +10847,13 @@ class oo extends Jn {
       M = r[m], S = M.label;
       const ie = a.setContext(this.getContext(m));
       b = this.getPixelForTick(m) + a.labelOffset, E = this._resolveTickFontOptions(m), P = E.lineHeight, O = Pt(S) ? S.length : 1;
-      const K = O / 2, ee = ie.color, oe = ie.textStrokeColor, ne = ie.textStrokeWidth;
+      const K = O / 2, te = ie.color, oe = ie.textStrokeColor, Z = ie.textStrokeWidth;
       let $ = x;
       i ? (D = b, x === "inner" && (m === A - 1 ? $ = this.options.reverse ? "left" : "right" : m === 0 ? $ = this.options.reverse ? "right" : "left" : $ = "center"), o === "top" ? c === "near" || w !== 0 ? I = -O * P + P / 2 : c === "center" ? I = -R.highest.height / 2 - K * P + P : I = -R.highest.height + P / 2 : c === "near" || w !== 0 ? I = P / 2 : c === "center" ? I = R.highest.height / 2 - K * P : I = R.highest.height - O * P, u && (I *= -1), w !== 0 && !ie.showLabelBackdrop && (D += P / 2 * Math.sin(w))) : (_ = b, I = (1 - O) * P / 2);
       let J;
       if (ie.showLabelBackdrop) {
-        const ue = gn(ie.backdropPadding), re = R.heights[m], se = R.widths[m];
-        let ge = I - ue.top, _e = 0 - ue.left;
+        const de = gn(ie.backdropPadding), re = R.heights[m], se = R.widths[m];
+        let ge = I - de.top, _e = 0 - de.left;
         switch (F) {
           case "middle":
             ge -= re / 2;
@@ -10876,8 +10876,8 @@ class oo extends Jn {
         J = {
           left: _e,
           top: ge,
-          width: se + ue.width,
-          height: re + ue.height,
+          width: se + de.width,
+          height: re + de.height,
           color: ie.backdropColor
         };
       }
@@ -10887,9 +10887,9 @@ class oo extends Jn {
         textOffset: I,
         options: {
           rotation: w,
-          color: ee,
+          color: te,
           strokeColor: oe,
-          strokeWidth: ne,
+          strokeWidth: Z,
           textAlign: $,
           textBaseline: F,
           translation: [
@@ -11020,7 +11020,7 @@ class oo extends Jn {
     this._isVisible() && (this.drawBackground(), this.drawGrid(t), this.drawBorder(), this.drawTitle(), this.drawLabels(t));
   }
   _layers() {
-    const t = this.options, n = t.ticks && t.ticks.z || 0, s = Ye(t.grid && t.grid.z, -1), o = Ye(t.border && t.border.z, 0);
+    const t = this.options, n = t.ticks && t.ticks.z || 0, s = Ke(t.grid && t.grid.z, -1), o = Ke(t.border && t.border.z, 0);
     return !this._isVisible() || this.draw !== oo.prototype.draw ? [
       {
         z: n,
@@ -11165,7 +11165,7 @@ class xv {
       ...n
     ].forEach((o) => {
       const a = s || this._getRegistryForType(o);
-      s || a.isForType(o) || a === this.plugins && o.id ? this._exec(t, a, o) : pt(o, (i) => {
+      s || a.isForType(o) || a === this.plugins && o.id ? this._exec(t, a, o) : mt(o, (i) => {
         const r = s || this._getRegistryForType(i);
         this._exec(t, r, i);
       });
@@ -11224,7 +11224,7 @@ class wv {
     return this._notifyStateChanges(t), n;
   }
   _createDescriptors(t, n) {
-    const s = t && t.config, o = Ye(s.options && s.options.plugins, {}), a = kv(s);
+    const s = t && t.config, o = Ke(s.options && s.options.plugins, {}), a = kv(s);
     return o === !1 && !n ? [] : Cv(t, a, o, n);
   }
   _notifyStateChanges(t) {
@@ -11359,7 +11359,7 @@ function Pv(e, t) {
 }
 function wu(e) {
   const t = e.options || (e.options = {});
-  t.plugins = Ye(t.plugins, {}), t.scales = Pv(e, t);
+  t.plugins = Ke(t.plugins, {}), t.scales = Pv(e, t);
 }
 function ku(e) {
   return e = e || {}, e.datasets = e.datasets || [], e.labels = e.labels || [], e;
@@ -11635,7 +11635,7 @@ class Wn {
   }
   ensureScalesHaveIDs() {
     const n = this.options.scales || {};
-    pt(n, (s, o) => {
+    mt(n, (s, o) => {
       s.id = o;
     });
   }
@@ -11649,8 +11649,8 @@ class Wn {
         dposition: c ? "chartArea" : d ? "bottom" : "left",
         dtype: c ? "radialLinear" : d ? "category" : "linear"
       };
-    }))), pt(a, (i) => {
-      const r = i.options, l = r.id, c = qi(l, r), d = Ye(r.type, i.dtype);
+    }))), mt(a, (i) => {
+      const r = i.options, l = r.id, c = qi(l, r), d = Ke(r.type, i.dtype);
       (r.position === void 0 || pc(r.position, c) !== pc(i.dposition)) && (r.position = i.dposition), o[l] = !0;
       let u = null;
       if (l in s && s[l].type === d)
@@ -11665,9 +11665,9 @@ class Wn {
         }), s[u.id] = u;
       }
       u.init(r, t);
-    }), pt(o, (i, r) => {
+    }), mt(o, (i, r) => {
       i || delete s[r];
-    }), pt(s, (i) => {
+    }), mt(s, (i) => {
       hn.configure(this, i, i.options), hn.addBox(this, i);
     });
   }
@@ -11706,7 +11706,7 @@ class Wn {
     return this._updateMetasets(), t;
   }
   _resetElements() {
-    pt(this.data.datasets, (t, n) => {
+    mt(this.data.datasets, (t, n) => {
       this.getDatasetMeta(n).controller.reset();
     }, this);
   }
@@ -11729,7 +11729,7 @@ class Wn {
       const { controller: u } = this.getDatasetMeta(c), f = !o && a.indexOf(u) === -1;
       u.buildOrUpdateElements(f), i = Math.max(+u.getMaxOverflow(), i);
     }
-    i = this._minPadding = s.layout.autoPadding ? i : 0, this._updateLayout(i), o || pt(a, (c) => {
+    i = this._minPadding = s.layout.autoPadding ? i : 0, this._updateLayout(i), o || mt(a, (c) => {
       c.reset();
     }), this._updateDatasets(t), this.notifyPlugins("afterUpdate", {
       mode: t
@@ -11738,7 +11738,7 @@ class Wn {
     l ? this._eventHandler(l, !0) : r.length && this._updateHoverStyles(r, r, !0), this.render();
   }
   _updateScales() {
-    pt(this.scales, (t) => {
+    mt(this.scales, (t) => {
       hn.removeBox(this, t);
     }), this.ensureScalesHaveIDs(), this.buildOrUpdateScales();
   }
@@ -11775,7 +11775,7 @@ class Wn {
       return;
     hn.update(this, this.width, this.height, t);
     const n = this.chartArea, s = n.width <= 0 || n.height <= 0;
-    this._layers = [], pt(this.boxes, (o) => {
+    this._layers = [], mt(this.boxes, (o) => {
       s && o.position === "chartArea" || (o.configure && o.configure(), this._layers.push(...o._layers()));
     }, this), this._layers.forEach((o, a) => {
       o._idx = a;
@@ -11949,7 +11949,7 @@ class Wn {
     }, o = (a, i, r) => {
       a.offsetX = i, a.offsetY = r, this._eventHandler(a);
     };
-    pt(this.options.events, (a) => s(a, o));
+    mt(this.options.events, (a) => s(a, o));
   }
   bindResponsiveEvents() {
     this._responsiveListeners || (this._responsiveListeners = {});
@@ -11969,9 +11969,9 @@ class Wn {
     }, n.isAttached(this.canvas) ? r() : i();
   }
   unbindEvents() {
-    pt(this._listeners, (t, n) => {
+    mt(this._listeners, (t, n) => {
       this.platform.removeEventListener(this, n, t);
-    }), this._listeners = {}, pt(this._responsiveListeners, (t, n) => {
+    }), this._listeners = {}, mt(this._responsiveListeners, (t, n) => {
       this.platform.removeEventListener(this, n, t);
     }), this._responsiveListeners = void 0;
   }
@@ -12047,7 +12047,7 @@ class Wn {
 }
 Te(Wn, "defaults", Dt), Te(Wn, "instances", xa), Te(Wn, "overrides", Os), Te(Wn, "registry", En), Te(Wn, "version", Bv), Te(Wn, "getChart", bc);
 function yc() {
-  return pt(Wn.instances, (e) => e._plugins.invalidate());
+  return mt(Wn.instances, (e) => e._plugins.invalidate());
 }
 function Vv(e, t, n) {
   const { startAngle: s, x: o, y: a, outerRadius: i, innerRadius: r, options: l } = t, { borderWidth: c, borderJoinStyle: d } = l, u = Math.min(c / i, sn(s - n));
@@ -12057,9 +12057,9 @@ function Vv(e, t, n) {
   } else {
     const f = Math.min(c / 2, i * sn(s - n));
     if (d === "round")
-      e.arc(o, a, f, n - mt / 2, s + mt / 2, !0);
+      e.arc(o, a, f, n - gt / 2, s + gt / 2, !0);
     else if (d === "bevel") {
-      const h = 2 * f * f, g = -h * Math.cos(n + mt / 2) + o, w = -h * Math.sin(n + mt / 2) + a, v = h * Math.cos(s + mt / 2) + o, m = h * Math.sin(s + mt / 2) + a;
+      const h = 2 * f * f, g = -h * Math.cos(n + gt / 2) + o, w = -h * Math.sin(n + gt / 2) + a, v = h * Math.cos(s + gt / 2) + o, m = h * Math.sin(s + gt / 2) + a;
       e.lineTo(g, w), e.lineTo(v, m);
     }
   }
@@ -12101,37 +12101,37 @@ function Va(e, t, n, s, o, a) {
   let h = 0;
   const g = o - l;
   if (s) {
-    const ie = d > 0 ? d - s : 0, K = u > 0 ? u - s : 0, ee = (ie + K) / 2, oe = ee !== 0 ? g * ee / (ee + s) : g;
+    const ie = d > 0 ? d - s : 0, K = u > 0 ? u - s : 0, te = (ie + K) / 2, oe = te !== 0 ? g * te / (te + s) : g;
     h = (g - oe) / 2;
   }
-  const w = Math.max(1e-3, g * u - n / mt) / u, v = (g - w) / 2, m = l + v + h, A = o - v - h, { outerStart: M, outerEnd: S, innerStart: D, innerEnd: _ } = Wv(t, f, u, A - m), x = u - M, b = u - S, E = m + M / x, P = A - S / b, O = f + D, I = f + _, F = m + D / O, R = A - _ / I;
+  const w = Math.max(1e-3, g * u - n / gt) / u, v = (g - w) / 2, m = l + v + h, A = o - v - h, { outerStart: M, outerEnd: S, innerStart: D, innerEnd: _ } = Wv(t, f, u, A - m), x = u - M, b = u - S, E = m + M / x, P = A - S / b, O = f + D, I = f + _, F = m + D / O, R = A - _ / I;
   if (e.beginPath(), a) {
     const ie = (E + P) / 2;
     if (e.arc(i, r, u, E, ie), e.arc(i, r, u, ie, P), S > 0) {
-      const ne = Us(b, P, i, r);
-      e.arc(ne.x, ne.y, S, P, A + Bt);
+      const Z = Us(b, P, i, r);
+      e.arc(Z.x, Z.y, S, P, A + Bt);
     }
     const K = Us(I, A, i, r);
     if (e.lineTo(K.x, K.y), _ > 0) {
-      const ne = Us(I, R, i, r);
-      e.arc(ne.x, ne.y, _, A + Bt, R + Math.PI);
+      const Z = Us(I, R, i, r);
+      e.arc(Z.x, Z.y, _, A + Bt, R + Math.PI);
     }
-    const ee = (A - _ / f + (m + D / f)) / 2;
-    if (e.arc(i, r, f, A - _ / f, ee, !0), e.arc(i, r, f, ee, m + D / f, !0), D > 0) {
-      const ne = Us(O, F, i, r);
-      e.arc(ne.x, ne.y, D, F + Math.PI, m - Bt);
+    const te = (A - _ / f + (m + D / f)) / 2;
+    if (e.arc(i, r, f, A - _ / f, te, !0), e.arc(i, r, f, te, m + D / f, !0), D > 0) {
+      const Z = Us(O, F, i, r);
+      e.arc(Z.x, Z.y, D, F + Math.PI, m - Bt);
     }
     const oe = Us(x, m, i, r);
     if (e.lineTo(oe.x, oe.y), M > 0) {
-      const ne = Us(x, E, i, r);
-      e.arc(ne.x, ne.y, M, m - Bt, E);
+      const Z = Us(x, E, i, r);
+      e.arc(Z.x, Z.y, M, m - Bt, E);
     }
   } else {
     e.moveTo(i, r);
     const ie = Math.cos(E) * u + i, K = Math.sin(E) * u + r;
     e.lineTo(ie, K);
-    const ee = Math.cos(P) * u + i, oe = Math.sin(P) * u + r;
-    e.lineTo(ee, oe);
+    const te = Math.cos(P) * u + i, oe = Math.sin(P) * u + r;
+    e.lineTo(te, oe);
   }
   e.closePath();
 }
@@ -12158,7 +12158,7 @@ function Hv(e, t, n, s, o) {
       e.stroke();
     isNaN(r) || (w = i + (r % Ct || Ct));
   }
-  g && jv(e, t, w), l.selfJoin && w - i >= mt && h === 0 && d !== "miter" && Vv(e, t, w), a || (Va(e, t, n, s, w, o), e.stroke());
+  g && jv(e, t, w), l.selfJoin && w - i >= gt && h === 0 && d !== "miter" && Vv(e, t, w), a || (Va(e, t, n, s, w, o), e.stroke());
 }
 class go extends Jn {
   constructor(n) {
@@ -12185,7 +12185,7 @@ class go extends Jn {
       "innerRadius",
       "outerRadius",
       "circumference"
-    ], o), h = (this.options.spacing + this.options.borderWidth) / 2, g = Ye(f, c - l), w = Oo(i, l, c) && l !== c, v = g >= Ct || w, m = qn(r, d + h, u + h);
+    ], o), h = (this.options.spacing + this.options.borderWidth) / 2, g = Ke(f, c - l), w = Oo(i, l, c) && l !== c, v = g >= Ct || w, m = qn(r, d + h, u + h);
     return v && m;
   }
   getCenterPoint(n) {
@@ -12212,7 +12212,7 @@ class go extends Jn {
     n.save();
     const l = (this.startAngle + this.endAngle) / 2;
     n.translate(Math.cos(l) * a, Math.sin(l) * a);
-    const c = 1 - Math.sin(Math.min(mt, o || 0)), d = a * c;
+    const c = 1 - Math.sin(Math.min(gt, o || 0)), d = a * c;
     n.fillStyle = s.backgroundColor, n.strokeStyle = s.borderColor, Nv(n, this, d, i, r), Hv(n, this, d, i, r), n.restore();
   }
 }
@@ -12236,7 +12236,7 @@ Te(go, "id", "arc"), Te(go, "defaults", {
   _indexable: (n) => n !== "borderDash"
 });
 function Au(e, t, n = t) {
-  e.lineCap = Ye(n.borderCapStyle, t.borderCapStyle), e.setLineDash(Ye(n.borderDash, t.borderDash)), e.lineDashOffset = Ye(n.borderDashOffset, t.borderDashOffset), e.lineJoin = Ye(n.borderJoinStyle, t.borderJoinStyle), e.lineWidth = Ye(n.borderWidth, t.borderWidth), e.strokeStyle = Ye(n.borderColor, t.borderColor);
+  e.lineCap = Ke(n.borderCapStyle, t.borderCapStyle), e.setLineDash(Ke(n.borderDash, t.borderDash)), e.lineDashOffset = Ke(n.borderDashOffset, t.borderDashOffset), e.lineJoin = Ke(n.borderJoinStyle, t.borderJoinStyle), e.lineWidth = Ke(n.borderWidth, t.borderWidth), e.strokeStyle = Ke(n.borderColor, t.borderColor);
 }
 function qv(e, t, n) {
   e.lineTo(n.x, n.y);
@@ -12714,7 +12714,7 @@ function fx(e, t, n) {
 }
 function hx(e) {
   const t = e.options, n = t.fill;
-  let s = Ye(n && n.target, n);
+  let s = Ke(n && n.target, n);
   return s === void 0 && (s = !!t.backgroundColor), s === !1 || s === null ? !1 : s === !0 ? "origin" : s;
 }
 function px(e) {
@@ -13078,8 +13078,8 @@ class Sc extends Jn {
       if (isNaN(g) || g <= 0 || isNaN(w) || w < 0)
         return;
       o.save();
-      const E = Ye(b.lineWidth, 1);
-      if (o.fillStyle = Ye(b.fillStyle, r), o.lineCap = Ye(b.lineCap, "butt"), o.lineDashOffset = Ye(b.lineDashOffset, 0), o.lineJoin = Ye(b.lineJoin, "miter"), o.lineWidth = E, o.strokeStyle = Ye(b.strokeStyle, r), o.setLineDash(Ye(b.lineDash, [])), i.usePointStyle) {
+      const E = Ke(b.lineWidth, 1);
+      if (o.fillStyle = Ke(b.fillStyle, r), o.lineCap = Ke(b.lineCap, "butt"), o.lineDashOffset = Ke(b.lineDashOffset, 0), o.lineJoin = Ke(b.lineJoin, "miter"), o.lineWidth = E, o.strokeStyle = Ke(b.strokeStyle, r), o.setLineDash(Ke(b.lineDash, [])), i.usePointStyle) {
         const P = {
           radius: w * Math.SQRT2 / 2,
           pointStyle: b.pointStyle,
@@ -13309,7 +13309,7 @@ class Tu extends Jn {
   _drawArgs(t) {
     const { top: n, left: s, bottom: o, right: a, options: i } = this, r = i.align;
     let l = 0, c, d, u;
-    return this.isHorizontal() ? (d = Ut(r, s, a), u = n + t, c = a - s) : (i.position === "left" ? (d = s + t, u = Ut(r, o, n), l = mt * -0.5) : (d = a - t, u = Ut(r, n, o), l = mt * 0.5), c = o - n), {
+    return this.isHorizontal() ? (d = Ut(r, s, a), u = n + t, c = a - s) : (i.position === "left" ? (d = s + t, u = Ut(r, o, n), l = gt * -0.5) : (d = a - t, u = Ut(r, n, o), l = gt * 0.5), c = o - n), {
       titleX: d,
       titleY: u,
       maxWidth: c,
@@ -13450,9 +13450,9 @@ function Mc(e, t) {
   const M = function(S) {
     v = Math.max(v, n.measureText(S).width + A);
   };
-  return n.save(), n.font = c.string, pt(e.title, M), n.font = l.string, pt(e.beforeBody.concat(e.afterBody), M), A = t.displayColors ? i + 2 + t.boxPadding : 0, pt(s, (S) => {
-    pt(S.before, M), pt(S.lines, M), pt(S.after, M);
-  }), A = 0, n.font = d.string, pt(e.footer, M), n.restore(), v += g.width, {
+  return n.save(), n.font = c.string, mt(e.title, M), n.font = l.string, mt(e.beforeBody.concat(e.afterBody), M), A = t.displayColors ? i + 2 + t.boxPadding : 0, mt(s, (S) => {
+    mt(S.before, M), mt(S.lines, M), mt(S.after, M);
+  }), A = 0, n.font = d.string, mt(e.footer, M), n.restore(), v += g.width, {
     width: v,
     height: w
   };
@@ -13596,7 +13596,7 @@ class Yi extends Jn {
   }
   getBody(t, n) {
     const { callbacks: s } = n, o = [];
-    return pt(t, (a) => {
+    return mt(t, (a) => {
       const i = {
         before: [],
         lines: [],
@@ -13618,7 +13618,7 @@ class Yi extends Jn {
     let r = [], l, c;
     for (l = 0, c = n.length; l < c; ++l)
       r.push(Lx(this.chart, n[l]));
-    return t.filter && (r = r.filter((d, u, f) => t.filter(d, u, f, s))), t.itemSort && (r = r.sort((d, u) => t.itemSort(d, u, s))), pt(r, (d) => {
+    return t.filter && (r = r.filter((d, u, f) => t.filter(d, u, f, s))), t.itemSort && (r = r.sort((d, u) => t.itemSort(d, u, s))), mt(r, (d) => {
       const u = Tc(t.callbacks, d);
       o.push(Qt(u, "labelColor", this, d)), a.push(Qt(u, "labelPointStyle", this, d)), i.push(Qt(u, "labelTextColor", this, d));
     }), this.labelColors = o, this.labelPointStyles = a, this.labelTextColors = i, this.dataPoints = r, r;
@@ -13711,12 +13711,12 @@ class Yi extends Jn {
       n.fillText(b, g.x(t.x + h), t.y + f / 2), t.y += f + a;
     }, v = g.textAlign(i);
     let m, A, M, S, D, _, x;
-    for (n.textAlign = i, n.textBaseline = "middle", n.font = u.string, t.x = ha(this, v, s), n.fillStyle = s.bodyColor, pt(this.beforeBody, w), h = r && v !== "right" ? i === "center" ? c / 2 + d : c + 2 + d : 0, S = 0, _ = o.length; S < _; ++S) {
-      for (m = o[S], A = this.labelTextColors[S], n.fillStyle = A, pt(m.before, w), M = m.lines, r && M.length && (this._drawColorBox(n, t, S, g, s), f = Math.max(u.lineHeight, l)), D = 0, x = M.length; D < x; ++D)
+    for (n.textAlign = i, n.textBaseline = "middle", n.font = u.string, t.x = ha(this, v, s), n.fillStyle = s.bodyColor, mt(this.beforeBody, w), h = r && v !== "right" ? i === "center" ? c / 2 + d : c + 2 + d : 0, S = 0, _ = o.length; S < _; ++S) {
+      for (m = o[S], A = this.labelTextColors[S], n.fillStyle = A, mt(m.before, w), M = m.lines, r && M.length && (this._drawColorBox(n, t, S, g, s), f = Math.max(u.lineHeight, l)), D = 0, x = M.length; D < x; ++D)
         w(M[D]), f = u.lineHeight;
-      pt(m.after, w);
+      mt(m.after, w);
     }
-    h = 0, f = u.lineHeight, pt(this.afterBody, w), t.y -= a;
+    h = 0, f = u.lineHeight, mt(this.afterBody, w), t.y -= a;
   }
   drawFooter(t, n, s) {
     const o = this.footer, a = o.length;
@@ -13952,7 +13952,7 @@ class Ki extends oo {
     if (ut(t))
       return null;
     const s = this.getLabels();
-    return n = isFinite(n) && s[n] === t ? n : Wx(s, t, Ye(n, t), this._addedLabels), Nx(n, s.length - 1);
+    return n = isFinite(n) && s[n] === t ? n : Wx(s, t, Ke(n, t), this._addedLabels), Nx(n, s.length - 1);
   }
   determineDataLimits() {
     const { minDefined: t, maxDefined: n } = this.getUserBounds();
@@ -14277,7 +14277,7 @@ class ja extends oo {
     };
   }
   _generate() {
-    const t = this._adapter, n = this.min, s = this.max, o = this.options, a = o.time, i = a.unit || Rc(a.minUnit, n, s, this._getLabelCapacity(n)), r = Ye(o.ticks.stepSize, 1), l = i === "week" ? a.isoWeekday : !1, c = To(l) || l === !0, d = {};
+    const t = this._adapter, n = this.min, s = this.max, o = this.options, a = o.time, i = a.unit || Rc(a.minUnit, n, s, this._getLabelCapacity(n)), r = Ke(o.ticks.stepSize, 1), l = i === "week" ? a.isoWeekday : !1, c = To(l) || l === !0, d = {};
     let u = n, f, h;
     if (c && (u = +t.startOf(u, "isoWeek", l)), u = +t.startOf(u, c ? "day" : i), t.diff(s, n, i) > 1e5 * r)
       throw new Error(n + " and " + s + " are too far apart with stepSize of " + r + " " + i);
@@ -14681,7 +14681,7 @@ const Kx = {
       )
     }), {
       default: ce(() => [
-        Re(s.$slots, "default")
+        Fe(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
@@ -15051,10 +15051,10 @@ const Kx = {
       }
       const K = h(ie);
       if (F !== K) {
-        const ee = v(F, R);
+        const te = v(F, R);
         g.value = K, ln(() => {
           if (w.value) {
-            const oe = m(K, ee);
+            const oe = m(K, te);
             w.value.setSelectionRange(oe, oe);
           }
         });
@@ -15671,7 +15671,7 @@ function kw(e, t) {
   const n = An(e, t == null ? void 0 : t.in), s = +Ro(n, t) - +ww(n, t);
   return Math.round(s / Bu) + 1;
 }
-function ht(e, t) {
+function pt(e, t) {
   const n = e < 0 ? "-" : "", s = Math.abs(e).toString().padStart(t, "0");
   return n + s;
 }
@@ -15679,16 +15679,16 @@ const es = {
   // Year
   y(e, t) {
     const n = e.getFullYear(), s = n > 0 ? n : 1 - n;
-    return ht(t === "yy" ? s % 100 : s, t.length);
+    return pt(t === "yy" ? s % 100 : s, t.length);
   },
   // Month
   M(e, t) {
     const n = e.getMonth();
-    return t === "M" ? String(n + 1) : ht(n + 1, 2);
+    return t === "M" ? String(n + 1) : pt(n + 1, 2);
   },
   // Day of the month
   d(e, t) {
-    return ht(e.getDate(), t.length);
+    return pt(e.getDate(), t.length);
   },
   // AM or PM
   a(e, t) {
@@ -15708,26 +15708,26 @@ const es = {
   },
   // Hour [1-12]
   h(e, t) {
-    return ht(e.getHours() % 12 || 12, t.length);
+    return pt(e.getHours() % 12 || 12, t.length);
   },
   // Hour [0-23]
   H(e, t) {
-    return ht(e.getHours(), t.length);
+    return pt(e.getHours(), t.length);
   },
   // Minute
   m(e, t) {
-    return ht(e.getMinutes(), t.length);
+    return pt(e.getMinutes(), t.length);
   },
   // Second
   s(e, t) {
-    return ht(e.getSeconds(), t.length);
+    return pt(e.getSeconds(), t.length);
   },
   // Fraction of second
   S(e, t) {
     const n = t.length, s = e.getMilliseconds(), o = Math.trunc(
       s * Math.pow(10, n - 3)
     );
-    return ht(o, t.length);
+    return pt(o, t.length);
   }
 }, Ws = {
   midnight: "midnight",
@@ -15768,14 +15768,14 @@ const es = {
     const o = zu(e, s), a = o > 0 ? o : 1 - o;
     if (t === "YY") {
       const i = a % 100;
-      return ht(i, 2);
+      return pt(i, 2);
     }
-    return t === "Yo" ? n.ordinalNumber(a, { unit: "year" }) : ht(a, t.length);
+    return t === "Yo" ? n.ordinalNumber(a, { unit: "year" }) : pt(a, t.length);
   },
   // ISO week-numbering year
   R: function(e, t) {
     const n = Ru(e);
-    return ht(n, t.length);
+    return pt(n, t.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
   // The main difference between `y` and `u` localizers are B.C. years:
@@ -15788,7 +15788,7 @@ const es = {
   // while `uu` pads single digit years to 2 characters and returns other years unchanged.
   u: function(e, t) {
     const n = e.getFullYear();
-    return ht(n, t.length);
+    return pt(n, t.length);
   },
   // Quarter
   Q: function(e, t, n) {
@@ -15799,7 +15799,7 @@ const es = {
         return String(s);
       // 01, 02, 03, 04
       case "QQ":
-        return ht(s, 2);
+        return pt(s, 2);
       // 1st, 2nd, 3rd, 4th
       case "Qo":
         return n.ordinalNumber(s, { unit: "quarter" });
@@ -15833,7 +15833,7 @@ const es = {
         return String(s);
       // 01, 02, 03, 04
       case "qq":
-        return ht(s, 2);
+        return pt(s, 2);
       // 1st, 2nd, 3rd, 4th
       case "qo":
         return n.ordinalNumber(s, { unit: "quarter" });
@@ -15895,7 +15895,7 @@ const es = {
         return String(s + 1);
       // 01, 02, ..., 12
       case "LL":
-        return ht(s + 1, 2);
+        return pt(s + 1, 2);
       // 1st, 2nd, ..., 12th
       case "Lo":
         return n.ordinalNumber(s + 1, { unit: "month" });
@@ -15920,12 +15920,12 @@ const es = {
   // Local week of year
   w: function(e, t, n, s) {
     const o = kw(e, s);
-    return t === "wo" ? n.ordinalNumber(o, { unit: "week" }) : ht(o, t.length);
+    return t === "wo" ? n.ordinalNumber(o, { unit: "week" }) : pt(o, t.length);
   },
   // ISO week of year
   I: function(e, t, n) {
     const s = xw(e);
-    return t === "Io" ? n.ordinalNumber(s, { unit: "week" }) : ht(s, t.length);
+    return t === "Io" ? n.ordinalNumber(s, { unit: "week" }) : pt(s, t.length);
   },
   // Day of the month
   d: function(e, t, n) {
@@ -15934,7 +15934,7 @@ const es = {
   // Day of year
   D: function(e, t, n) {
     const s = vw(e);
-    return t === "Do" ? n.ordinalNumber(s, { unit: "dayOfYear" }) : ht(s, t.length);
+    return t === "Do" ? n.ordinalNumber(s, { unit: "dayOfYear" }) : pt(s, t.length);
   },
   // Day of week
   E: function(e, t, n) {
@@ -15978,7 +15978,7 @@ const es = {
         return String(a);
       // Padded numerical value
       case "ee":
-        return ht(a, 2);
+        return pt(a, 2);
       // 1st, 2nd, ..., 7th
       case "eo":
         return n.ordinalNumber(a, { unit: "day" });
@@ -16017,7 +16017,7 @@ const es = {
         return String(a);
       // Padded numerical value
       case "cc":
-        return ht(a, t.length);
+        return pt(a, t.length);
       // 1st, 2nd, ..., 7th
       case "co":
         return n.ordinalNumber(a, { unit: "day" });
@@ -16056,7 +16056,7 @@ const es = {
         return String(o);
       // 02
       case "ii":
-        return ht(o, t.length);
+        return pt(o, t.length);
       // 2nd
       case "io":
         return n.ordinalNumber(o, { unit: "day" });
@@ -16184,12 +16184,12 @@ const es = {
   // Hour [0-11]
   K: function(e, t, n) {
     const s = e.getHours() % 12;
-    return t === "Ko" ? n.ordinalNumber(s, { unit: "hour" }) : ht(s, t.length);
+    return t === "Ko" ? n.ordinalNumber(s, { unit: "hour" }) : pt(s, t.length);
   },
   // Hour [1-24]
   k: function(e, t, n) {
     let s = e.getHours();
-    return s === 0 && (s = 24), t === "ko" ? n.ordinalNumber(s, { unit: "hour" }) : ht(s, t.length);
+    return s === 0 && (s = 24), t === "ko" ? n.ordinalNumber(s, { unit: "hour" }) : pt(s, t.length);
   },
   // Minute
   m: function(e, t, n) {
@@ -16284,22 +16284,22 @@ const es = {
   // Seconds timestamp
   t: function(e, t, n) {
     const s = Math.trunc(+e / 1e3);
-    return ht(s, t.length);
+    return pt(s, t.length);
   },
   // Milliseconds timestamp
   T: function(e, t, n) {
-    return ht(+e, t.length);
+    return pt(+e, t.length);
   }
 };
 function Nc(e, t = "") {
   const n = e > 0 ? "-" : "+", s = Math.abs(e), o = Math.trunc(s / 60), a = s % 60;
-  return a === 0 ? n + String(o) : n + String(o) + t + ht(a, 2);
+  return a === 0 ? n + String(o) : n + String(o) + t + pt(a, 2);
 }
 function Hc(e, t) {
-  return e % 60 === 0 ? (e > 0 ? "-" : "+") + ht(Math.abs(e) / 60, 2) : _s(e, t);
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + pt(Math.abs(e) / 60, 2) : _s(e, t);
 }
 function _s(e, t = "") {
-  const n = e > 0 ? "-" : "+", s = Math.abs(e), o = ht(Math.trunc(s / 60), 2), a = ht(s % 60, 2);
+  const n = e > 0 ? "-" : "+", s = Math.abs(e), o = pt(Math.trunc(s / 60), 2), a = pt(s % 60, 2);
   return n + o + t + a;
 }
 const qc = (e, t) => {
@@ -16988,28 +16988,28 @@ const gk = {
       return R.setMonth(R.getMonth() + 1), R.setDate(0), g(R);
     }, O = T(() => {
       if (!s.range) return [];
-      const F = /* @__PURE__ */ new Date(), R = h(F), ie = x(F), K = b(F), ee = E(F), oe = P(F), ne = ($, J) => {
-        let ue = $;
-        s.disablePast && ue < R && (ue = R);
+      const F = /* @__PURE__ */ new Date(), R = h(F), ie = x(F), K = b(F), te = E(F), oe = P(F), Z = ($, J) => {
+        let de = $;
+        s.disablePast && de < R && (de = R);
         let re = J;
         if (s.autoRangeDays && s.autoRangeDays > 0) {
-          const se = g(w(ue, s.autoRangeDays - 1));
+          const se = g(w(de, s.autoRangeDays - 1));
           re > se && (re = se);
         }
-        return re < ue && (re = g(new Date(ue))), [ue, re];
+        return re < de && (re = g(new Date(de))), [de, re];
       };
       return [
         {
           label: s.locale === "id" ? "Minggu Ini" : "This Week",
-          range: ne(ie, K)
+          range: Z(ie, K)
         },
         {
           label: s.locale === "id" ? "Bulan Ini" : "This Month",
-          range: ne(ee, oe)
+          range: Z(te, oe)
         }
       ];
     }), I = async (F) => {
-      var J, ue;
+      var J, de;
       const R = s.modelType || "yyyy-MM-dd";
       if (F.length === 0) {
         c.value = null;
@@ -17018,11 +17018,11 @@ const gk = {
       if (F.length < 2) return;
       const ie = Gc(F[0], R), K = Gc(F[1], R);
       c.value = [ie, K], await ln();
-      const ee = F[0], oe = ee.getMonth(), ne = ee.getFullYear();
-      M.value && M.value.month === oe && M.value.year === ne || (J = A.value) == null || J.setMonthYear({
+      const te = F[0], oe = te.getMonth(), Z = te.getFullYear();
+      M.value && M.value.month === oe && M.value.year === Z || (J = A.value) == null || J.setMonthYear({
         month: oe,
-        year: ne
-      }), (ue = A.value) == null || ue.openMenu();
+        year: Z
+      }), (de = A.value) == null || de.openMenu();
     };
     return (F, R) => (p(), k("div", {
       class: he(["flex flex-col gap-1 w-full", L(n).class])
@@ -17072,7 +17072,7 @@ const gk = {
           "calendar-class-name": "dcode-datepicker-calendar",
           onUpdateMonthYear: S
         }, Ri({
-          "dp-input": ce(({ value: ie, onInput: K, onEnter: ee, onTab: oe, onBlur: ne, onFocus: $, onKeypress: J, onPaste: ue, toggleMenu: re }) => [
+          "dp-input": ce(({ value: ie, onInput: K, onEnter: te, onTab: oe, onBlur: Z, onFocus: $, onKeypress: J, onPaste: de, toggleMenu: re }) => [
             y("div", {
               class: he(["flex items-center w-full h-10 rounded-lg border bg-white dark:bg-neutral-800 border-gray-300 dark:border-neutral-700/50 overflow-hidden shadow-none transition-all duration-200 focus-within:ring-1 focus-within:ring-neutral-400 dark:focus-within:ring-neutral-600 focus-within:border-neutral-400 dark:focus-within:border-neutral-600", [
                 l.value ? "border-destructive" : "",
@@ -17103,14 +17103,14 @@ const gk = {
                 class: he(["flex-1 min-w-0 px-3 h-full bg-transparent text-sm text-foreground dark:text-gray-300 placeholder:text-muted-foreground outline-none", e.disabled ? "cursor-not-allowed" : "cursor-pointer"]),
                 onClick: (se) => re(),
                 onFocus: (se) => $(),
-                onBlur: (se) => ne(),
+                onBlur: (se) => Z(),
                 onInput: (se) => K(se),
                 onKeydown: [
-                  Cs((se) => ee(se), ["enter"]),
+                  Cs((se) => te(se), ["enter"]),
                   Cs((se) => oe(se), ["tab"])
                 ],
                 onKeypress: (se) => J(se),
-                onPaste: (se) => ue()
+                onPaste: (se) => de()
               }, null, 42, wk)
             ], 2)
           ]),
@@ -17119,7 +17119,7 @@ const gk = {
               y("button", {
                 type: "button",
                 class: "inline-flex items-center justify-center rounded-md text-sm font-medium border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-400",
-                onClick: R[0] || (R[0] = (ee) => {
+                onClick: R[0] || (R[0] = (te) => {
                   var oe;
                   return (oe = A.value) == null ? void 0 : oe.closeMenu();
                 })
@@ -17128,7 +17128,7 @@ const gk = {
                 type: "button",
                 disabled: K,
                 class: "inline-flex items-center justify-center rounded-md text-sm font-medium bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-400 disabled:pointer-events-none disabled:opacity-50",
-                onClick: (ee) => ie()
+                onClick: (te) => ie()
               }, H(e.selectLabel), 9, Ak)
             ])
           ]),
@@ -17165,7 +17165,7 @@ const gk = {
     const o = Ls(e, t);
     return (a, i) => (p(), me(L(ah), Xn(Yn(L(o))), {
       default: ce(() => [
-        Re(a.$slots, "default")
+        Fe(a.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -17193,7 +17193,7 @@ const gk = {
           )
         }), {
           default: ce(() => [
-            Re(i.$slots, "default"),
+            Fe(i.$slots, "default"),
             G(L(ch), { class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, {
               default: ce(() => [
                 G(L(Es), { class: "w-4 h-4" }),
@@ -17221,7 +17221,7 @@ const gk = {
       class: L(nt)("text-sm text-muted-foreground", t.class)
     }), {
       default: ce(() => [
-        Re(o.$slots, "default")
+        Fe(o.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
@@ -17242,7 +17242,7 @@ const gk = {
       )
     }), {
       default: ce(() => [
-        Re(o.$slots, "default")
+        Fe(o.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
@@ -17314,18 +17314,18 @@ const gk = {
                 ])
               ]),
               c.$slots["header-append"] ? (p(), k("div", Lk, [
-                Re(c.$slots, "header-append", {}, void 0, !0)
+                Fe(c.$slots, "header-append", {}, void 0, !0)
               ])) : W("", !0)
             ])) : W("", !0),
             y("div", {
               class: he(["flex-1 overflow-y-auto custom-scrollbar", e.contentClass]),
               style: dt(e.contentStyle)
             }, [
-              Re(c.$slots, "default", {}, void 0, !0)
+              Fe(c.$slots, "default", {}, void 0, !0)
             ], 6),
             c.$slots.actions ? (p(), k("div", Bk, [
               y("div", Rk, [
-                Re(c.$slots, "actions", {}, void 0, !0)
+                Fe(c.$slots, "actions", {}, void 0, !0)
               ])
             ])) : W("", !0)
           ]),
@@ -17531,11 +17531,11 @@ const gk = {
       if (!P) return;
       const O = _[n.itemValue] || _.id || _.typeDocument, I = URL.createObjectURL(P);
       if (!i.value) {
-        const ee = [...c.value], oe = ee.findIndex(
+        const te = [...c.value], oe = te.findIndex(
           ($) => $.typeDocument === O || $.idDocumentType === O
         );
-        (R = ee[oe]) != null && R._localPreviewUrl && URL.revokeObjectURL(ee[oe]._localPreviewUrl);
-        const ne = {
+        (R = te[oe]) != null && R._localPreviewUrl && URL.revokeObjectURL(te[oe]._localPreviewUrl);
+        const Z = {
           id: null,
           idDocument: null,
           idDocumentType: O,
@@ -17548,25 +17548,25 @@ const gk = {
           _localPreviewUrl: I,
           _fileType: P.type
         };
-        oe > -1 ? ee[oe] = { ...ee[oe], ...ne } : ee.push(ne), c.value = ee, s("update:modelValue", ee);
+        oe > -1 ? te[oe] = { ...te[oe], ...Z } : te.push(Z), c.value = te, s("update:modelValue", te);
         return;
       }
       d.value.add(x);
       try {
-        const { apiUrl: ee } = Tt(), oe = new FormData();
+        const { apiUrl: te } = Tt(), oe = new FormData();
         oe.append("doc", P), oe.append("typeDocument", String(O));
-        const ne = await ee(
+        const Z = await te(
           i.value,
           ((ie = n.endpoint) == null ? void 0 : ie.apiMethod) || "POST",
           oe
-        ), $ = Array.isArray(ne == null ? void 0 : ne.data) ? ne.data[0] : (ne == null ? void 0 : ne.data) || ne, J = ($ == null ? void 0 : $.url) || ($ == null ? void 0 : $.document) || P.name, ue = ($ == null ? void 0 : $.id) || null, re = ($ == null ? void 0 : $.filename) || ($ == null ? void 0 : $.name) || P.name, se = [...c.value], ge = se.findIndex(
+        ), $ = Array.isArray(Z == null ? void 0 : Z.data) ? Z.data[0] : (Z == null ? void 0 : Z.data) || Z, J = ($ == null ? void 0 : $.url) || ($ == null ? void 0 : $.document) || P.name, de = ($ == null ? void 0 : $.id) || null, re = ($ == null ? void 0 : $.filename) || ($ == null ? void 0 : $.name) || P.name, se = [...c.value], ge = se.findIndex(
           (Pe) => Pe.typeDocument === O || Pe.idDocumentType === O
         );
         (K = se[ge]) != null && K._localPreviewUrl && URL.revokeObjectURL(se[ge]._localPreviewUrl);
         const _e = {
           ...$,
-          id: ue || ($ == null ? void 0 : $.idDocument) || ($ == null ? void 0 : $.id_document) || null,
-          idDocument: ($ == null ? void 0 : $.idDocument) || ue || ($ == null ? void 0 : $.id_document) || null,
+          id: de || ($ == null ? void 0 : $.idDocument) || ($ == null ? void 0 : $.id_document) || null,
+          idDocument: ($ == null ? void 0 : $.idDocument) || de || ($ == null ? void 0 : $.id_document) || null,
           idDocumentType: O,
           filename: re,
           document: O,
@@ -17578,8 +17578,8 @@ const gk = {
           _fileType: P.type
         };
         ge > -1 ? se[ge] = { ...se[ge], ..._e } : se.push(_e), c.value = se, s("update:modelValue", se), s("uploaded", $), s("success", $);
-      } catch (ee) {
-        console.error("Upload failed", ee);
+      } catch (te) {
+        console.error("Upload failed", te);
       } finally {
         d.value.delete(x), E.value = "";
       }
@@ -17774,7 +17774,7 @@ const gk = {
       class: he(L(nt)(L(r2)({ variant: e.variant }), t.class)),
       role: "alert"
     }, [
-      Re(n.$slots, "default")
+      Fe(n.$slots, "default")
     ], 2));
   }
 }), i2 = /* @__PURE__ */ ke({
@@ -17787,7 +17787,7 @@ const gk = {
     return (n, s) => (p(), k("div", {
       class: he(L(nt)("text-sm [&_p]:leading-relaxed", t.class))
     }, [
-      Re(n.$slots, "default")
+      Fe(n.$slots, "default")
     ], 2));
   }
 }), r2 = ei(
@@ -17814,7 +17814,7 @@ const gk = {
     return (n, s) => (p(), k("div", {
       class: he(L(nt)(L(l2)({ variant: e.variant }), t.class))
     }, [
-      Re(n.$slots, "default")
+      Fe(n.$slots, "default")
     ], 2));
   }
 }), l2 = ei(
@@ -17847,7 +17847,7 @@ const gk = {
         )
       )
     }, [
-      Re(n.$slots, "default")
+      Fe(n.$slots, "default")
     ], 2));
   }
 }), $r = /* @__PURE__ */ ke({
@@ -17860,7 +17860,7 @@ const gk = {
     return (n, s) => (p(), k("div", {
       class: he(L(nt)("p-6 pt-0", t.class))
     }, [
-      Re(n.$slots, "default")
+      Fe(n.$slots, "default")
     ], 2));
   }
 }), zr = /* @__PURE__ */ ke({
@@ -17873,7 +17873,7 @@ const gk = {
     return (n, s) => (p(), k("div", {
       class: he(L(nt)("flex flex-col gap-y-1.5 p-6", t.class))
     }, [
-      Re(n.$slots, "default")
+      Fe(n.$slots, "default")
     ], 2));
   }
 }), Vr = /* @__PURE__ */ ke({
@@ -17888,7 +17888,7 @@ const gk = {
         L(nt)("font-medium leading-none tracking-tight", t.class)
       )
     }, [
-      Re(n.$slots, "default")
+      Fe(n.$slots, "default")
     ], 2));
   }
 }), c2 = { class: "h-full w-full p-6 flex flex-col items-center justify-center text-center gap-2" }, d2 = { class: "flex flex-wrap items-center justify-center gap-2" }, u2 = ["accept", "multiple"], f2 = /* @__PURE__ */ ke({
@@ -18511,7 +18511,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       g.value = !0, await new Promise((J) => setTimeout(J, 0));
       const $ = Object.keys(o).filter((J) => !m.has(J)).filter((J) => /^[A-Z]/.test(J)).filter(
         (J) => typeof o[J] == "function" || typeof o[J] == "object" && o[J]
-      ).sort((J, ue) => J.localeCompare(ue));
+      ).sort((J, de) => J.localeCompare(de));
       w.value = $, h.value = !0, g.value = !1;
     }, M = T(() => !h.value || !d.value || !w.value.includes(d.value) ? null : o[d.value]), S = X(d.value), D = T(() => !!d.value && !c.value), _ = T(() => {
       if (!h.value) return [];
@@ -18558,7 +18558,7 @@ const P2 = { class: "space-y-3" }, T2 = {
         var $;
         return ($ = i.value) == null ? void 0 : $.focus();
       }));
-    }, ee = ($) => {
+    }, te = ($) => {
       if ($.key === "Escape") {
         $.preventDefault(), O();
         return;
@@ -18571,7 +18571,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       if (!c.value) return;
       const J = $.target;
       a.value && !a.value.contains(J) && O();
-    }, ne = ($) => {
+    }, Z = ($) => {
       const J = $.target;
       J.scrollTop + J.clientHeight >= J.scrollHeight - 24 && v.value < _.value.length && (v.value = Math.min(v.value + n.pageSize, _.value.length));
     };
@@ -18608,7 +18608,7 @@ const P2 = { class: "space-y-3" }, T2 = {
         ])) : W("", !0),
         pn(y("input", {
           id: l.value,
-          "onUpdate:modelValue": J[0] || (J[0] = (ue) => S.value = ue),
+          "onUpdate:modelValue": J[0] || (J[0] = (de) => S.value = de),
           readonly: D.value,
           disabled: n.disabled,
           placeholder: n.placeholder,
@@ -18619,7 +18619,7 @@ const P2 = { class: "space-y-3" }, T2 = {
           onClick: P,
           onFocus: P,
           onInput: R,
-          onKeydown: ee
+          onKeydown: te
         }, null, 42, F2), [
           [Ga, S.value]
         ]),
@@ -18650,7 +18650,7 @@ const P2 = { class: "space-y-3" }, T2 = {
           y("div", {
             class: "p-2 overflow-auto",
             style: dt({ maxHeight: n.maxHeight }),
-            onScroll: ne
+            onScroll: Z
           }, [
             g.value ? (p(), k("div", V2, [
               G(L(Gn), { class: "h-4 w-4 animate-spin" }),
@@ -18659,21 +18659,21 @@ const P2 = { class: "space-y-3" }, T2 = {
               key: 2,
               class: he(["grid gap-2", b.value])
             }, [
-              (p(!0), k(xe, null, We(x.value, (ue) => (p(), k("button", {
-                key: ue,
+              (p(!0), k(xe, null, We(x.value, (de) => (p(), k("button", {
+                key: de,
                 type: "button",
-                class: he(["group rounded-lg border p-2 hover:bg-muted/40 transition", d.value === ue ? "ring-1 ring-primary" : ""]),
-                onClick: (re) => ie(ue),
-                title: ue
+                class: he(["group rounded-lg border p-2 hover:bg-muted/40 transition", d.value === de ? "ring-1 ring-primary" : ""]),
+                onClick: (re) => ie(de),
+                title: de
               }, [
                 y("div", W2, [
                   y("div", N2, [
-                    (p(), me(Ot(L(o)[ue]), {
+                    (p(), me(Ot(L(o)[de]), {
                       size: n.iconSize,
                       class: "shrink-0"
                     }, null, 8, ["size"]))
                   ]),
-                  y("span", H2, H(ue), 1)
+                  y("span", H2, H(de), 1)
                 ])
               ], 10, U2))), 128))
             ], 2)),
@@ -19165,8 +19165,8 @@ const P2 = { class: "space-y-3" }, T2 = {
       return K ? K.split(/[,\s;]+/g).map((oe) => oe.trim().toLowerCase()).filter(Boolean).map((oe) => oe.includes("/") || oe.startsWith(".") ? oe : `.${oe}`) : [];
     });
     function f(K) {
-      const ee = K.lastIndexOf(".");
-      return ee >= 0 ? K.slice(ee).toLowerCase() : "";
+      const te = K.lastIndexOf(".");
+      return te >= 0 ? K.slice(te).toLowerCase() : "";
     }
     const h = T(() => {
       if (u.value.length) {
@@ -19177,8 +19177,8 @@ const P2 = { class: "space-y-3" }, T2 = {
     }), g = T(() => u.value.length ? u.value.join(", ") : n.accept || "image/*");
     function w(K) {
       if (u.value.length) {
-        const oe = (K.type || "").toLowerCase(), ne = f(K.name);
-        return u.value.some(($) => $.includes("/") ? oe === $ : $.startsWith(".") ? ne === $ : ne === `.${$}`);
+        const oe = (K.type || "").toLowerCase(), Z = f(K.name);
+        return u.value.some(($) => $.includes("/") ? oe === $ : $.startsWith(".") ? Z === $ : Z === `.${$}`);
       }
       return (n.accept || "image/*").toLowerCase().includes("image/") ? (K.type || "").toLowerCase().startsWith("image/") : !0;
     }
@@ -19186,14 +19186,14 @@ const P2 = { class: "space-y-3" }, T2 = {
       return K * 1024 * 1024;
     }
     async function m(K) {
-      var ee;
-      return (ee = K.type) != null && ee.startsWith("image/") ? await new Promise((oe) => {
-        const ne = URL.createObjectURL(K), $ = new Image();
+      var te;
+      return (te = K.type) != null && te.startsWith("image/") ? await new Promise((oe) => {
+        const Z = URL.createObjectURL(K), $ = new Image();
         $.onload = () => {
-          URL.revokeObjectURL(ne), oe({ w: $.naturalWidth, h: $.naturalHeight });
+          URL.revokeObjectURL(Z), oe({ w: $.naturalWidth, h: $.naturalHeight });
         }, $.onerror = () => {
-          URL.revokeObjectURL(ne), oe(null);
-        }, $.src = ne;
+          URL.revokeObjectURL(Z), oe(null);
+        }, $.src = Z;
       }) : null;
     }
     async function A(K) {
@@ -19210,27 +19210,27 @@ const P2 = { class: "space-y-3" }, T2 = {
     async function D(K) {
       if (n.disabled) return;
       d();
-      const ee = await M(K);
-      if (ee) {
-        c(ee);
+      const te = await M(K);
+      if (te) {
+        c(te);
         return;
       }
       r.value = K, S(K);
     }
     const { DCodeApi: _ } = Tt(), x = Ur(), b = X(!1);
     X(null);
-    function E(K, ee) {
-      return !K || !ee ? null : K.replace(/\/+$/, "") + "/" + ee.replace(/^\/+/, "");
+    function E(K, te) {
+      return !K || !te ? null : K.replace(/\/+$/, "") + "/" + te.replace(/^\/+/, "");
     }
     function P(K) {
       var $;
-      const ee = (K == null ? void 0 : K.data) ?? K, oe = ($ = ee == null ? void 0 : ee.data) == null ? void 0 : $[0];
+      const te = (K == null ? void 0 : K.data) ?? K, oe = ($ = te == null ? void 0 : te.data) == null ? void 0 : $[0];
       if (!oe) return null;
-      const ne = E(oe.server, oe.url);
-      return { ...oe, fullUrl: ne ? encodeURI(ne) : null };
+      const Z = E(oe.server, oe.url);
+      return { ...oe, fullUrl: Z ? encodeURI(Z) : null };
     }
     async function O(K) {
-      var ee;
+      var te;
       if (n.uploadFn) {
         try {
           b.value = !0;
@@ -19243,7 +19243,7 @@ const P2 = { class: "space-y-3" }, T2 = {
         }
         return;
       }
-      if (!((ee = n.endpoint) != null && ee.apiUrl)) {
+      if (!((te = n.endpoint) != null && te.apiUrl)) {
         o.value = K;
         return;
       }
@@ -19255,15 +19255,15 @@ const P2 = { class: "space-y-3" }, T2 = {
         b.value = !0;
         const oe = new FormData();
         oe.append("doc", K);
-        const ne = (n.endpoint.apiMethod || "POST").toUpperCase(), $ = n.endpoint.apiUrl, J = await _("", "", oe, {
+        const Z = (n.endpoint.apiMethod || "POST").toUpperCase(), $ = n.endpoint.apiUrl, J = await _("", "", oe, {
           _url: $,
-          _method: ne,
+          _method: Z,
           withCredentials: !0,
           transformRequest: [
             (re, se) => (se && (delete se["Content-Type"], delete se["content-type"]), re)
           ]
-        }), ue = (J == null ? void 0 : J.data) ?? J;
-        P(ue), o.value = K, s("uploaded", ue);
+        }), de = (J == null ? void 0 : J.data) ?? J;
+        P(de), o.value = K, s("uploaded", de);
       } catch (oe) {
         console.error("Upload Error", oe), x.error("Upload Failed", (oe == null ? void 0 : oe.message) || "Unknown error"), c((oe == null ? void 0 : oe.message) || "Upload Failed");
       } finally {
@@ -19271,8 +19271,8 @@ const P2 = { class: "space-y-3" }, T2 = {
       }
     }
     async function I(K) {
-      var ee;
-      d(), n.uploadFn || (ee = n.endpoint) != null && ee.apiUrl ? await O(K) : o.value = K, a.value = !1, i.value = null;
+      var te;
+      d(), n.uploadFn || (te = n.endpoint) != null && te.apiUrl ? await O(K) : o.value = K, a.value = !1, i.value = null;
     }
     function F() {
       a.value = !1, i.value = null;
@@ -19280,9 +19280,9 @@ const P2 = { class: "space-y-3" }, T2 = {
     async function R() {
       if (!o.value) return;
       d();
-      const K = n.editUseOriginal ? r.value ?? o.value : o.value, ee = await M(K);
-      if (ee) {
-        c(ee);
+      const K = n.editUseOriginal ? r.value ?? o.value : o.value, te = await M(K);
+      if (te) {
+        c(te);
         return;
       }
       S(K);
@@ -19296,7 +19296,7 @@ const P2 = { class: "space-y-3" }, T2 = {
         K && !r.value && (r.value = K), K || (r.value = null);
       },
       { immediate: !0 }
-    ), (K, ee) => (p(), k("div", c_, [
+    ), (K, te) => (p(), k("div", c_, [
       o.value ? (p(), me(Hu, {
         key: 1,
         file: o.value,
@@ -19319,11 +19319,11 @@ const P2 = { class: "space-y-3" }, T2 = {
         disabled: e.disabled,
         onPicked: D,
         error: l.value,
-        onError: ee[0] || (ee[0] = (oe) => c(oe))
+        onError: te[0] || (te[0] = (oe) => c(oe))
       }, null, 8, ["label", "hint", "accept", "maxSizeMb", "disabled", "error"])),
       G(Nu, {
         modelValue: a.value,
-        "onUpdate:modelValue": ee[1] || (ee[1] = (oe) => a.value = oe),
+        "onUpdate:modelValue": te[1] || (te[1] = (oe) => a.value = oe),
         file: i.value,
         title: e.title,
         description: e.description,
@@ -19513,7 +19513,7 @@ const P2 = { class: "space-y-3" }, T2 = {
     }), R = T(() => {
       const fe = F.value;
       return (D.value || []).filter((we) => !fe.has(f(we)));
-    }), ie = T(() => D.value.length === 0 ? !1 : R.value.length === 0), K = X(null), ee = X(null), oe = X(null), ne = X(!1), $ = X(""), J = X(0), ue = X(0), { floatingStyles: re } = br(K, ee, {
+    }), ie = T(() => D.value.length === 0 ? !1 : R.value.length === 0), K = X(null), te = X(null), oe = X(null), Z = X(!1), $ = X(""), J = X(0), de = X(0), { floatingStyles: re } = br(K, te, {
       whileElementsMounted: fr,
       placement: "bottom-start",
       middleware: [
@@ -19534,21 +19534,21 @@ const P2 = { class: "space-y-3" }, T2 = {
       return Number.isFinite(fe) && fe > 0 ? fe : 5;
     });
     async function _e() {
-      o.disabled || (ne.value = !0, ue.value = 0, requestAnimationFrame(() => {
+      o.disabled || (Z.value = !0, de.value = 0, requestAnimationFrame(() => {
         oe.value && (oe.value.scrollTop = 0), J.value = 0;
       }), w.value && o.autoFetchOnOpen && (o.refreshOnOpen || !A.value) && !m.value && await _());
     }
     function Pe() {
-      ne.value = !1;
+      Z.value = !1;
     }
     function Ue() {
-      ne.value ? Pe() : _e();
+      Z.value ? Pe() : _e();
     }
     function Le(fe) {
       var Se, je;
-      if (!ne.value) return;
+      if (!Z.value) return;
       const we = fe.target;
-      (Se = K.value) != null && Se.contains(we) || (je = ee.value) != null && je.contains(we) || Pe();
+      (Se = K.value) != null && Se.contains(we) || (je = te.value) != null && je.contains(we) || Pe();
     }
     At(() => document.addEventListener("mousedown", Le)), yn(() => document.removeEventListener("mousedown", Le));
     function le(fe) {
@@ -19567,7 +19567,7 @@ const P2 = { class: "space-y-3" }, T2 = {
         if (we.includes(Se)) return;
         s("update:modelValue", [...we, Se]);
       }
-      $.value = "", ue.value = 0, requestAnimationFrame(() => {
+      $.value = "", de.value = 0, requestAnimationFrame(() => {
         oe.value && (oe.value.scrollTop = 0), J.value = 0;
       });
     }
@@ -19594,50 +19594,50 @@ const P2 = { class: "space-y-3" }, T2 = {
     const be = T(() => {
       const fe = $.value.trim().toLowerCase(), we = R.value;
       return fe ? we.filter((Se) => u(Se).toLowerCase().includes(fe)) : we;
-    }), Fe = T(() => be.value.length);
-    ze(ne, (fe) => {
+    }), Re = T(() => be.value.length);
+    ze(Z, (fe) => {
       fe || ($.value = "");
     });
     const qe = T(() => {
       if (ie.value) return o.itemHeight;
-      const fe = Fe.value;
+      const fe = Re.value;
       return (fe <= 0 ? 1 : Math.min(fe, ge.value)) * o.itemHeight;
     }), rt = T(
-      () => o.virtual ? Fe.value * o.itemHeight : 0
-    ), lt = T(() => o.virtual ? Math.ceil(qe.value / o.itemHeight) + o.overscan : Fe.value), bt = T(() => {
+      () => o.virtual ? Re.value * o.itemHeight : 0
+    ), lt = T(() => o.virtual ? Math.ceil(qe.value / o.itemHeight) + o.overscan : Re.value), ft = T(() => {
       if (!o.virtual) return 0;
       const fe = Math.floor(J.value / o.itemHeight) - Math.floor(o.overscan / 2);
       return Math.max(0, fe);
-    }), Ke = T(() => o.virtual ? Math.min(Fe.value, bt.value + lt.value) : Fe.value), Mt = T(
-      () => o.virtual ? bt.value * o.itemHeight : 0
+    }), Ye = T(() => o.virtual ? Math.min(Re.value, ft.value + lt.value) : Re.value), Mt = T(
+      () => o.virtual ? ft.value * o.itemHeight : 0
     ), It = T(() => {
       const fe = be.value;
-      return o.virtual ? fe.slice(bt.value, Ke.value) : fe;
+      return o.virtual ? fe.slice(ft.value, Ye.value) : fe;
     });
     function en(fe) {
       const we = fe.target;
       J.value = we.scrollTop;
     }
     function Kt(fe) {
-      return fe === ue.value;
+      return fe === de.value;
     }
-    function te(fe) {
+    function ne(fe) {
       const we = oe.value;
       if (!we || !o.virtual) return;
       const Se = fe * o.itemHeight, je = Se + o.itemHeight, yt = we.scrollTop, Vt = we.scrollTop + we.clientHeight;
       Se < yt ? we.scrollTop = Se : je > Vt && (we.scrollTop = je - we.clientHeight);
     }
     function Ce(fe) {
-      const we = Math.max(0, Fe.value - 1);
-      ue.value = Math.min(we, Math.max(0, ue.value + fe)), te(ue.value);
+      const we = Math.max(0, Re.value - 1);
+      de.value = Math.min(we, Math.max(0, de.value + fe)), ne(de.value);
     }
     function $e() {
-      const fe = be.value[ue.value];
+      const fe = be.value[de.value];
       fe && le(fe);
     }
     const tt = T(
       () => o.clearable && !o.disabled && x.value.length > 0
-    ), Ve = T(() => d.value ? "border-destructive ring-1 ring-destructive" : ne.value ? "border-neutral-400 ring-1 ring-neutral-400 dark:border-neutral-600 dark:ring-neutral-600" : "");
+    ), Ve = T(() => d.value ? "border-destructive ring-1 ring-destructive" : Z.value ? "border-neutral-400 ring-1 ring-neutral-400 dark:border-neutral-600 dark:ring-neutral-600" : "");
     return (fe, we) => pn((p(), k("div", {
       class: he(["flex flex-col gap-1 w-full", L(n).class]),
       "aria-busy": o.skeleton
@@ -19697,10 +19697,10 @@ const P2 = { class: "space-y-3" }, T2 = {
             ])
           ], 10, p_),
           (p(), me(qa, { to: "body" }, [
-            ne.value ? (p(), k("div", {
+            Z.value ? (p(), k("div", {
               key: 0,
               ref_key: "floatingEl",
-              ref: ee,
+              ref: te,
               class: "-mt-1 z-[9999] w-[var(--floating-width)] rounded-lg border shadow-lg overflow-hidden bg-white dark:bg-neutral-800 border-gray-200 dark:border-neutral-700/50",
               style: dt(se.value)
             }, [
@@ -19738,11 +19738,11 @@ const P2 = { class: "space-y-3" }, T2 = {
                     )
                   }, [
                     (p(!0), k(xe, null, We(It.value, (Se, je) => (p(), k("button", {
-                      key: String(h(Se, bt.value + je)),
+                      key: String(h(Se, ft.value + je)),
                       type: "button",
                       class: he(["w-full px-3 text-left text-sm flex items-center justify-between gap-3", [
                         I(Se) ? "cursor-not-allowed opacity-50" : "hover:bg-neutral-50 dark:hover:bg-neutral-800/60",
-                        Kt(bt.value + je) ? "bg-neutral-50 dark:bg-neutral-800/60" : "",
+                        Kt(ft.value + je) ? "bg-neutral-50 dark:bg-neutral-800/60" : "",
                         E(Se) ? "font-semibold" : "font-normal"
                       ]]),
                       style: dt({ height: o.itemHeight + "px" }),
@@ -19753,7 +19753,7 @@ const P2 = { class: "space-y-3" }, T2 = {
                       E(Se) ? (p(), k("span", M_, "✓")) : W("", !0)
                     ], 14, A_))), 128))
                   ], 6),
-                  Fe.value === 0 ? (p(), k("div", D_, [
+                  Re.value === 0 ? (p(), k("div", D_, [
                     m.value ? (p(), k("span", E_, "Loading data…")) : (p(), k("span", P_, "Tidak ada data"))
                   ])) : W("", !0)
                 ], 64))
@@ -20220,7 +20220,7 @@ const P2 = { class: "space-y-3" }, T2 = {
         try {
           const I = { page: 1, perPage: 100 }, F = ((O = o.endpoint) == null ? void 0 : O.apiMethod) || o.apiMethod, R = await n(E, F, I);
           let ie = R;
-          o.dataPath ? ie = o.dataPath.split(".").reduce((ee, oe) => ee && ee[oe] !== "undefined" ? ee[oe] : void 0, R) : typeof R == "object" && !Array.isArray(R) && R.data && (ie = R.data), Array.isArray(ie) ? i.value = ie : (console.warn("DCodeRadioCustom: Format response tidak terdeteksi sebagai Array. Gunakan prop 'dataPath'."), l.value = "Format respons data tidak valid. Array tidak ditemukan.");
+          o.dataPath ? ie = o.dataPath.split(".").reduce((te, oe) => te && te[oe] !== "undefined" ? te[oe] : void 0, R) : typeof R == "object" && !Array.isArray(R) && R.data && (ie = R.data), Array.isArray(ie) ? i.value = ie : (console.warn("DCodeRadioCustom: Format response tidak terdeteksi sebagai Array. Gunakan prop 'dataPath'."), l.value = "Format respons data tidak valid. Array tidak ditemukan.");
         } catch (I) {
           console.error("DCodeRadioCustom fetch error:", I), l.value = "Gagal memuat data dari endpoint.";
         } finally {
@@ -20894,7 +20894,7 @@ const P2 = { class: "space-y-3" }, T2 = {
         class: j,
         id: ae,
         required: be,
-        "aria-required": Fe,
+        "aria-required": Re,
         ...qe
       } = n;
       return qe;
@@ -20951,8 +20951,8 @@ const P2 = { class: "space-y-3" }, T2 = {
       if (le === `
 `) return o.valueType !== "number";
       if (o.valueType === "free") return !0;
-      const j = le === " ", ae = /\d/.test(le), be = new RegExp("\\p{L}", "u").test(le), Fe = new RegExp("\\p{N}", "u").test(le);
-      return o.valueType === "number" ? ae : o.valueType === "letter" ? be || o.allowSpaces && j : o.valueType === "letternumber" ? be || Fe || o.allowSpaces && j : !0;
+      const j = le === " ", ae = /\d/.test(le), be = new RegExp("\\p{L}", "u").test(le), Re = new RegExp("\\p{N}", "u").test(le);
+      return o.valueType === "number" ? ae : o.valueType === "letter" ? be || o.allowSpaces && j : o.valueType === "letternumber" ? be || Re || o.allowSpaces && j : !0;
     }, P = (le) => {
       let j = "";
       for (const ae of le) {
@@ -20981,12 +20981,12 @@ const P2 = { class: "space-y-3" }, T2 = {
     }, K = (le, j) => {
       const ae = le.selectionStart ?? le.value.length, be = le.selectionEnd ?? le.value.length;
       if (u.value > 0) {
-        const Fe = le.value.length - (be - ae), qe = u.value - Fe;
+        const Re = le.value.length - (be - ae), qe = u.value - Re;
         if (qe <= 0) return;
         j = j.slice(0, qe);
       }
       le.setRangeText(j, ae, be, "end"), ie(le, O(le.value));
-    }, ee = (le) => {
+    }, te = (le) => {
       var be;
       if (!I || v.value || m.value || !((be = le.inputType) != null && be.startsWith("insert"))) return;
       const j = le.data;
@@ -20998,22 +20998,22 @@ const P2 = { class: "space-y-3" }, T2 = {
       if (!I || v.value || m.value) return;
       const j = ((be = le.clipboardData) == null ? void 0 : be.getData("text")) ?? "", ae = O(j);
       ae !== j && (le.preventDefault(), ae.length > 0 && K(I, ae));
-    }, ne = async (le) => {
+    }, Z = async (le) => {
       if (!I || v.value || m.value) return;
       const j = le.target, ae = j.value ?? "", be = O(ae);
       if (be === ae) {
-        const Fe = j.selectionStart ?? be.length, qe = j.selectionEnd ?? be.length;
+        const Re = j.selectionStart ?? be.length, qe = j.selectionEnd ?? be.length;
         ie(j, be), await ln();
         try {
-          j.setSelectionRange(Fe, qe);
+          j.setSelectionRange(Re, qe);
         } catch {
         }
         R(be);
       } else {
-        const Fe = j.selectionStart ?? be.length, qe = j.selectionEnd ?? be.length;
+        const Re = j.selectionStart ?? be.length, qe = j.selectionEnd ?? be.length;
         ie(j, be), await ln();
         try {
-          j.setSelectionRange(Fe, qe);
+          j.setSelectionRange(Re, qe);
         } catch {
         }
       }
@@ -21026,13 +21026,13 @@ const P2 = { class: "space-y-3" }, T2 = {
       if (I = document.getElementById(
         l.value
       ), !I) return;
-      I.addEventListener("beforeinput", ee), I.addEventListener("paste", oe), I.addEventListener("input", ne), I.addEventListener("compositionstart", $), I.addEventListener("compositionend", J);
+      I.addEventListener("beforeinput", te), I.addEventListener("paste", oe), I.addEventListener("input", Z), I.addEventListener("compositionstart", $), I.addEventListener("compositionend", J);
       const le = I.value ?? "", j = O(le);
       j === le ? R(j) : ie(I, j);
     }), yn(() => {
-      I && (I.removeEventListener("beforeinput", ee), I.removeEventListener("paste", oe), I.removeEventListener("input", ne), I.removeEventListener("compositionstart", $), I.removeEventListener("compositionend", J), I = null);
+      I && (I.removeEventListener("beforeinput", te), I.removeEventListener("paste", oe), I.removeEventListener("input", Z), I.removeEventListener("compositionstart", $), I.removeEventListener("compositionend", J), I = null);
     });
-    const ue = () => {
+    const de = () => {
       w.value = "", I && (I.value = ""), s("update:modelValue", null), s("clear");
     }, re = T(() => w.value.length), se = T(() => o.showCharCount ? u.value > 0 : !1), ge = T(
       () => se.value && re.value > 0
@@ -21075,7 +21075,7 @@ const P2 = { class: "space-y-3" }, T2 = {
               type: "button",
               class: "text-muted-foreground hover:text-foreground text-sm leading-none",
               "aria-label": "Clear textarea",
-              onClick: ue
+              onClick: de
             }, " ✕ ")
           ])) : W("", !0),
           ge.value && !Pe.value ? (p(), k("p", UC, H(_e.value), 1)) : W("", !0)
@@ -21099,7 +21099,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       class: he(L(nt)(L(NC)({ size: e.size, shape: e.shape }), t.class))
     }, {
       default: ce(() => [
-        Re(n.$slots, "default")
+        Fe(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
@@ -21115,7 +21115,7 @@ const P2 = { class: "space-y-3" }, T2 = {
     const t = e;
     return (n, s) => (p(), me(L(hh), Xn(Yn(t)), {
       default: ce(() => [
-        Re(n.$slots, "default")
+        Fe(n.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -21133,7 +21133,7 @@ const P2 = { class: "space-y-3" }, T2 = {
     const t = e;
     return (n, s) => (p(), me(L(ph), Ze(t, { class: "h-full w-full object-cover" }), {
       default: ce(() => [
-        Re(n.$slots, "default")
+        Fe(n.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -21826,7 +21826,7 @@ const P2 = { class: "space-y-3" }, T2 = {
                   class: "w-full"
                 }, [
                   c.value ? (p(), k(xe, { key: 0 }, [
-                    (P = f[c.value.key]) != null && P.loading ? Re(x.$slots, "loading", {
+                    (P = f[c.value.key]) != null && P.loading ? Fe(x.$slots, "loading", {
                       key: 0,
                       tab: c.value,
                       tabIndex: r.value
@@ -21835,7 +21835,7 @@ const P2 = { class: "space-y-3" }, T2 = {
                         G(L(Gn), { class: "w-4 h-4 animate-spin" }),
                         b[1] || (b[1] = Ie(" Loading... ", -1))
                       ])
-                    ], !0) : Re(x.$slots, `tab-${c.value.key}`, {
+                    ], !0) : Fe(x.$slots, `tab-${c.value.key}`, {
                       key: 1,
                       tab: c.value,
                       tabIndex: r.value,
@@ -21930,10 +21930,10 @@ const P2 = { class: "space-y-3" }, T2 = {
             );
           }), F.detail && F.detail.length > 0 && F.detail.forEach((R) => {
             R.permission.forEach((ie) => {
-              const K = `${R.id}-${ie.id}-child`, ee = ie.code === "VIEW" || ie.name.toUpperCase() === "VIEW";
+              const K = `${R.id}-${ie.id}-child`, te = ie.code === "VIEW" || ie.name.toUpperCase() === "VIEW";
               r.value.has(K) || r.value.set(
                 K,
-                ee || (P ? R.checked ?? !1 : !1)
+                te || (P ? R.checked ?? !1 : !1)
               );
             });
           });
@@ -22043,7 +22043,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       getAllPermissionsWithStatus: () => {
         const P = [], O = (I, F = !1) => {
           const R = I.permission.map((K) => {
-            const ee = `${I.id}-${K.id}-${F ? "child" : "parent"}`, oe = r.value.get(ee) ?? !1;
+            const te = `${I.id}-${K.id}-${F ? "child" : "parent"}`, oe = r.value.get(te) ?? !1;
             return {
               id: K.id,
               name: K.name,
@@ -22519,8 +22519,8 @@ const P2 = { class: "space-y-3" }, T2 = {
       close: o
     }), (a, i) => (p(), k("div", null, [
       y("div", { onClick: s }, [
-        Re(a.$slots, "trigger", {}, () => [
-          G(gt, {
+        Fe(a.$slots, "trigger", {}, () => [
+          G(bt, {
             variant: "outline",
             class: "gap-2",
             icon: "Search",
@@ -22564,7 +22564,7 @@ const P2 = { class: "space-y-3" }, T2 = {
                     y("h3", TM, H(e.title), 1),
                     e.description ? (p(), k("p", OM, H(e.description), 1)) : W("", !0)
                   ]),
-                  G(gt, {
+                  G(bt, {
                     variant: "ghost",
                     size: "icon",
                     onClick: o,
@@ -22573,10 +22573,10 @@ const P2 = { class: "space-y-3" }, T2 = {
                   })
                 ]),
                 y("div", IM, [
-                  Re(a.$slots, "default")
+                  Fe(a.$slots, "default")
                 ]),
                 y("div", LM, [
-                  Re(a.$slots, "footer")
+                  Fe(a.$slots, "footer")
                 ])
               ])) : W("", !0)
             ]),
@@ -22675,7 +22675,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       class: n.class
     }), {
       default: ce((l) => [
-        Re(i.$slots, "default", Xn(Yn(l)))
+        Fe(i.$slots, "default", Xn(Yn(l)))
       ]),
       _: 3
     }, 16, ["class"]));
@@ -22693,7 +22693,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       class: L(nt)("flex flex-row items-center gap-1", t.class)
     }), {
       default: ce((a) => [
-        Re(s.$slots, "default", Xn(Yn(a)))
+        Fe(s.$slots, "default", Xn(Yn(a)))
       ]),
       _: 3
     }, 16, ["class"]));
@@ -22711,7 +22711,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       class: L(nt)("flex size-9 items-center justify-center", t.class)
     }), {
       default: ce(() => [
-        Re(s.$slots, "default", {}, () => [
+        Fe(s.$slots, "default", {}, () => [
           G(L(jf), { class: "size-4" }),
           o[0] || (o[0] = y("span", { class: "sr-only" }, "More pages", -1))
         ])
@@ -22734,7 +22734,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       class: L(nt)(L(so)({ variant: "ghost", size: e.size }), "gap-1 px-2.5 sm:pr-2.5", t.class)
     }, L(s)), {
       default: ce(() => [
-        Re(o.$slots, "default", {}, () => [
+        Fe(o.$slots, "default", {}, () => [
           G(L(id)),
           a[0] || (a[0] = y("span", { class: "hidden sm:block" }, "First", -1))
         ])
@@ -22765,7 +22765,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       )
     }), {
       default: ce(() => [
-        Re(s.$slots, "default")
+        Fe(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
@@ -22785,7 +22785,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       class: L(nt)(L(so)({ variant: "ghost", size: e.size }), "gap-1 px-2.5 sm:pr-2.5", t.class)
     }, L(s)), {
       default: ce(() => [
-        Re(o.$slots, "default", {}, () => [
+        Fe(o.$slots, "default", {}, () => [
           a[0] || (a[0] = y("span", { class: "hidden sm:block" }, "Last", -1)),
           G(L(rd))
         ])
@@ -22808,7 +22808,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       class: L(nt)(L(so)({ variant: "ghost", size: e.size }), "gap-1 px-2.5 sm:pr-2.5", t.class)
     }, L(s)), {
       default: ce(() => [
-        Re(o.$slots, "default", {}, () => [
+        Fe(o.$slots, "default", {}, () => [
           a[0] || (a[0] = y("span", { class: "hidden sm:block" }, "Next", -1)),
           G(L(rd))
         ])
@@ -22831,7 +22831,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       class: L(nt)(L(so)({ variant: "ghost", size: e.size }), "gap-1 px-2.5 sm:pr-2.5", t.class)
     }, L(s)), {
       default: ce(() => [
-        Re(o.$slots, "default", {}, () => [
+        Fe(o.$slots, "default", {}, () => [
           G(L(id)),
           a[0] || (a[0] = y("span", { class: "hidden sm:block" }, "Previous", -1))
         ])
@@ -22859,7 +22859,7 @@ const P2 = { class: "space-y-3" }, T2 = {
     const o = Ls(e, t);
     return (a, i) => (p(), me(L(Ch), Xn(Yn(L(o))), {
       default: ce(() => [
-        Re(a.$slots, "default")
+        Fe(a.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -22912,7 +22912,7 @@ const P2 = { class: "space-y-3" }, T2 = {
               class: he(L(nt)("p-1", e.position === "popper" && "h-[--reka-select-trigger-height] w-full min-w-[--reka-select-trigger-width]"))
             }, {
               default: ce(() => [
-                Re(i.$slots, "default")
+                Fe(i.$slots, "default")
               ]),
               _: 3
             }, 8, ["class"]),
@@ -22953,7 +22953,7 @@ const P2 = { class: "space-y-3" }, T2 = {
         ]),
         G(L(Ph), null, {
           default: ce(() => [
-            Re(o.$slots, "default")
+            Fe(o.$slots, "default")
           ]),
           _: 3
         })
@@ -22974,7 +22974,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       class: L(nt)("flex cursor-default items-center justify-center py-1", t.class)
     }), {
       default: ce(() => [
-        Re(o.$slots, "default", {}, () => [
+        Fe(o.$slots, "default", {}, () => [
           G(L(Is))
         ])
       ]),
@@ -22994,7 +22994,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       class: L(nt)("flex cursor-default items-center justify-center py-1", t.class)
     }), {
       default: ce(() => [
-        Re(o.$slots, "default", {}, () => [
+        Fe(o.$slots, "default", {}, () => [
           G(L(Uf))
         ])
       ]),
@@ -23019,7 +23019,7 @@ const P2 = { class: "space-y-3" }, T2 = {
       )
     }), {
       default: ce(() => [
-        Re(o.$slots, "default"),
+        Fe(o.$slots, "default"),
         G(L(Lh), { "as-child": "" }, {
           default: ce(() => [
             G(L(Is), { class: "w-4 h-4 opacity-50 shrink-0" })
@@ -23041,7 +23041,7 @@ const P2 = { class: "space-y-3" }, T2 = {
     const t = e;
     return (n, s) => (p(), me(L(Bh), Xn(Yn(t)), {
       default: ce(() => [
-        Re(n.$slots, "default")
+        Fe(n.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -24294,7 +24294,7 @@ const KD = "4.8.0", JD = { g: "LottieFiles AE ", a: "", k: "", d: "", tc: "" },
           class: he(["flex-shrink-0", i.value]),
           "stroke-width": "2.5"
         }, null, 8, ["class"])) : W("", !0),
-        Re(u.$slots, "default", {}, () => [
+        Fe(u.$slots, "default", {}, () => [
           y("span", null, H(e.text), 1)
         ], !0)
       ], 2))
@@ -24552,7 +24552,7 @@ function f5() {
   })(Da)), Da.exports;
 }
 var h5 = f5();
-const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }, m5 = { class: "px-4 py-2 bg-primary-700 dark:bg-primary-900 border-b border-primary-500/30 dark:border-primary-900/50 rounded-t-xl relative z-30" }, g5 = { class: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4" }, b5 = {
+const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }, m5 = { class: "px-4 py-2 bg-primary-700 dark:bg-primary-900 border-b border-primary-500/30 dark:border-primary-900/50 rounded-t-xl relative z-30" }, g5 = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between items-start gap-4" }, b5 = {
   key: 0,
   class: "flex flex-col sm:flex-row items-start sm:items-center gap-2 flex-1 xl:max-w-[15vw] md:max-w-[20vw] max-w-[30vw]"
 }, y5 = { class: "relative w-full sm:w-64" }, v5 = {
@@ -24652,23 +24652,23 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       key: "",
       direction: "asc"
     }), g = X([]), w = X(!1), v = X(0), m = X({}), A = X([]), M = X(null), S = X(!0), D = X([]), _ = X([]), x = X([]), b = X(!1), E = X(!1), P = X({}), O = X(null), I = X(null), F = X(null), R = X([]), ie = T(() => {
-      if (te.value.length === 0) return !1;
-      const C = te.value.map((U) => {
-        const de = le.value.find((Y) => Y.type === "CHECKBOX"), N = (de == null ? void 0 : de.keyCheckbox) || "id";
+      if (ne.value.length === 0) return !1;
+      const C = ne.value.map((U) => {
+        const ue = le.value.find((Y) => Y.type === "CHECKBOX"), N = (ue == null ? void 0 : ue.keyCheckbox) || "id";
         return U[N];
       }).filter((U) => U != null);
       return C.length === 0 ? !1 : C.every((U) => R.value.includes(U));
     }), K = T(() => {
-      if (te.value.length === 0) return !1;
-      const C = le.value.find((Y) => Y.type === "CHECKBOX"), U = (C == null ? void 0 : C.keyCheckbox) || "id", de = te.value.map((Y) => Y[U]).filter((Y) => Y != null), N = de.filter(
+      if (ne.value.length === 0) return !1;
+      const C = le.value.find((Y) => Y.type === "CHECKBOX"), U = (C == null ? void 0 : C.keyCheckbox) || "id", ue = ne.value.map((Y) => Y[U]).filter((Y) => Y != null), N = ue.filter(
         (Y) => R.value.includes(Y)
       ).length;
-      return N > 0 && N < de.length;
-    }), ee = (C) => {
-      const U = le.value.find((Y) => Y.type === "CHECKBOX"), de = (U == null ? void 0 : U.keyCheckbox) || "id", N = C[de];
+      return N > 0 && N < ue.length;
+    }), te = (C) => {
+      const U = le.value.find((Y) => Y.type === "CHECKBOX"), ue = (U == null ? void 0 : U.keyCheckbox) || "id", N = C[ue];
       return N !== void 0 && R.value.includes(N);
     }, oe = (C) => {
-      const U = le.value.find((Y) => Y.type === "CHECKBOX"), de = (U == null ? void 0 : U.keyCheckbox) || "id", N = te.value.map((Y) => Y[de]).filter((Y) => Y != null);
+      const U = le.value.find((Y) => Y.type === "CHECKBOX"), ue = (U == null ? void 0 : U.keyCheckbox) || "id", N = ne.value.map((Y) => Y[ue]).filter((Y) => Y != null);
       if (C) {
         const Y = /* @__PURE__ */ new Set([...R.value, ...N]);
         R.value = Array.from(Y);
@@ -24676,8 +24676,8 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         R.value = R.value.filter(
           (Y) => !N.includes(Y)
         );
-    }, ne = (C, U) => {
-      const de = le.value.find((pe) => pe.type === "CHECKBOX"), N = (de == null ? void 0 : de.keyCheckbox) || "id", Y = C[N];
+    }, Z = (C, U) => {
+      const ue = le.value.find((pe) => pe.type === "CHECKBOX"), N = (ue == null ? void 0 : ue.keyCheckbox) || "id", Y = C[N];
       Y != null && (U ? R.value.includes(Y) || R.value.push(Y) : R.value = R.value.filter(
         (pe) => pe !== Y
       ));
@@ -24685,63 +24685,63 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
     ze(
       R,
       (C) => {
-        var de;
+        var ue;
         o("update:selection", C);
         const U = ie.value || C.length > 1;
-        (de = _.value) != null && de.length && _.value.forEach((N) => {
+        (ue = _.value) != null && ue.length && _.value.forEach((N) => {
           var Y;
           (Y = N.fieldActionGlobal) != null && Y.length && N.fieldActionGlobal.forEach((pe) => {
             var He, ct;
-            const Me = N.endpoint || ((He = N.propsActionGlobal) == null ? void 0 : He.endpointPropAction) || N.propsActionGlobal, Xe = (ct = Me == null ? void 0 : Me.keyParam) == null ? void 0 : ct[0];
+            const De = N.endpoint || ((He = N.propsActionGlobal) == null ? void 0 : He.endpointPropAction) || N.propsActionGlobal, Xe = (ct = De == null ? void 0 : De.keyParam) == null ? void 0 : ct[0];
             (Xe && pe.model === Xe || !Xe && /^(id|ids|idAuditTrail)/i.test(pe.model)) && U && pe.model && (P.value[pe.model] = C);
           });
         });
       },
       { deep: !0 }
     );
-    const $ = (C) => Array.from({ length: C }).map((U, de) => {
-      const N = { id: de + 1, no: de + 1 };
+    const $ = (C) => Array.from({ length: C }).map((U, ue) => {
+      const N = { id: ue + 1, no: ue + 1 };
       return le.value.forEach((Y) => {
-        Y.key !== "no" && Y.key !== "action" && Y.type !== "ACTION" && Y.type !== "action" && (Y.type === "CHECKBOX" ? N[Y.keyCheckbox || "id"] = de + 1 : Y.type === "BADGE" || Y.type === "badge" || Y.condition ? N[Y.key] = Y.condition && Y.condition.length > 0 ? Y.condition[0].value : "Active" : N[Y.key] = `Data ${Y.label} ${de + 1}`);
+        Y.key !== "no" && Y.key !== "action" && Y.type !== "ACTION" && Y.type !== "action" && (Y.type === "CHECKBOX" ? N[Y.keyCheckbox || "id"] = ue + 1 : Y.type === "BADGE" || Y.type === "badge" || Y.condition ? N[Y.key] = Y.condition && Y.condition.length > 0 ? Y.condition[0].value : "Active" : N[Y.key] = `Data ${Y.label} ${ue + 1}`);
       }), N;
-    }), J = (C) => C && typeof C == "string" && C.trim() ? C : void 0, ue = T(
+    }), J = (C) => C && typeof C == "string" && C.trim() ? C : void 0, de = T(
       () => {
-        var C, U, de, N;
-        return J((U = (C = M.value) == null ? void 0 : C.endpoint) == null ? void 0 : U.apiModule) || J((N = (de = M.value) == null ? void 0 : de.endpointGlobal) == null ? void 0 : N.apiModule) || s.apiModule;
+        var C, U, ue, N;
+        return J((U = (C = M.value) == null ? void 0 : C.endpoint) == null ? void 0 : U.apiModule) || J((N = (ue = M.value) == null ? void 0 : ue.endpointGlobal) == null ? void 0 : N.apiModule) || s.apiModule;
       }
     ), re = T(
       () => {
-        var C, U, de, N;
-        return J((U = (C = M.value) == null ? void 0 : C.endpoint) == null ? void 0 : U.apiAction) || J((N = (de = M.value) == null ? void 0 : de.endpointGlobal) == null ? void 0 : N.apiAction) || s.apiAction;
+        var C, U, ue, N;
+        return J((U = (C = M.value) == null ? void 0 : C.endpoint) == null ? void 0 : U.apiAction) || J((N = (ue = M.value) == null ? void 0 : ue.endpointGlobal) == null ? void 0 : N.apiAction) || s.apiAction;
       }
     ), se = T(
       () => {
-        var C, U, de, N;
-        return J((U = (C = M.value) == null ? void 0 : C.endpoint) == null ? void 0 : U.apiMethod) || J((N = (de = M.value) == null ? void 0 : de.endpointGlobal) == null ? void 0 : N.apiMethod) || s.apiMethod || "POST";
+        var C, U, ue, N;
+        return J((U = (C = M.value) == null ? void 0 : C.endpoint) == null ? void 0 : U.apiMethod) || J((N = (ue = M.value) == null ? void 0 : ue.endpointGlobal) == null ? void 0 : N.apiMethod) || s.apiMethod || "POST";
       }
     ), ge = T(
       () => {
-        var C, U, de, N;
-        return J((U = (C = M.value) == null ? void 0 : C.endpoint) == null ? void 0 : U.apiUrl) || J((N = (de = M.value) == null ? void 0 : de.endpointGlobal) == null ? void 0 : N.apiUrl) || s.apiUrl;
+        var C, U, ue, N;
+        return J((U = (C = M.value) == null ? void 0 : C.endpoint) == null ? void 0 : U.apiUrl) || J((N = (ue = M.value) == null ? void 0 : ue.endpointGlobal) == null ? void 0 : N.apiUrl) || s.apiUrl;
       }
     ), _e = T(() => s.permissionBase || ""), Pe = T(() => !x.value || x.value.length === 0 ? [] : [...x.value].sort((C, U) => (C.seq || 0) - (U.seq || 0))), Ue = (C) => {
-      var pe, Me, Xe;
-      const U = (C == null ? void 0 : C.column) || ((pe = C == null ? void 0 : C.props) == null ? void 0 : pe.column) || ((Me = C == null ? void 0 : C.propsFieldGlobal) == null ? void 0 : Me.column) || ((Xe = C == null ? void 0 : C.propsFieldCustom) == null ? void 0 : Xe.column);
+      var pe, De, Xe;
+      const U = (C == null ? void 0 : C.column) || ((pe = C == null ? void 0 : C.props) == null ? void 0 : pe.column) || ((De = C == null ? void 0 : C.propsFieldGlobal) == null ? void 0 : De.column) || ((Xe = C == null ? void 0 : C.propsFieldCustom) == null ? void 0 : Xe.column);
       if (!U) return "col-span-1";
-      const de = U.toLowerCase(), Y = {
+      const ue = U.toLowerCase(), Y = {
         full: "col-span-1 md:col-span-2",
         half: "col-span-1",
         third: "col-span-1",
         "two-thirds": "col-span-1 md:col-span-2",
         two_thirds: "col-span-1 md:col-span-2"
-      }[de] || "col-span-1";
+      }[ue] || "col-span-1";
       return console.log(`[DEBUG] getColumnClass for ${C == null ? void 0 : C.model}: type=${U}, returned=${Y}`), Y;
     }, Le = () => {
       let C = null;
       if (s.tableConfig && (C = s.tableConfig), C) {
         M.value = C, C.headers && (A.value = C.headers.map((N) => {
-          var Me, Xe, Ne, He, ct, Je, ot, tn, Sn, Go;
-          if (N.key === "action" || ((Me = N.custom) == null ? void 0 : Me.type) === "ACTION" || ((Xe = N.custom) == null ? void 0 : Xe.type) === "action") {
+          var De, Xe, Ne, He, ct, Je, ot, tn, Sn, Go;
+          if (N.key === "action" || ((De = N.custom) == null ? void 0 : De.type) === "ACTION" || ((Xe = N.custom) == null ? void 0 : Xe.type) === "action") {
             const nn = ((Ne = N.custom) == null ? void 0 : Ne.actionCustom) || ((He = N.custom) == null ? void 0 : He.action);
             return nn && (D.value = nn.map((dn) => {
               const St = dn.propsActionCustom || dn.props || {}, Xo = dn.propCustomMessage || {};
@@ -24807,8 +24807,8 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         })), x.value.forEach((N) => {
           m.value[N.model] = "";
         }));
-        const de = C.actionTableGlobal || C.actionGlobal || C.action;
-        console.log("[DEBUG] loadConfig rawActions:", de), de && Array.isArray(de) ? (_.value = de.map((N) => {
+        const ue = C.actionTableGlobal || C.actionGlobal || C.action;
+        console.log("[DEBUG] loadConfig rawActions:", ue), ue && Array.isArray(ue) ? (_.value = ue.map((N) => {
           const Y = N.propsActionGlobal || N.props || {};
           return {
             key: Y.key,
@@ -24827,12 +24827,12 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
             openDialog: N.openDialog || !1,
             fieldActionGlobal: (N.fieldActionGlobal || N.field || []).map(
               (pe) => {
-                const Me = pe.propsFieldGlobal || pe.props || {};
+                const De = pe.propsFieldGlobal || pe.props || {};
                 return {
                   ...pe,
                   props: {
-                    ...Me,
-                    endpoint: Me.endpointComponent || Me.endpoint
+                    ...De,
+                    endpoint: De.endpointComponent || De.endpoint
                   }
                 };
               }
@@ -24848,13 +24848,13 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       },
       { deep: !0, immediate: !0 }
     );
-    const le = T(() => s.dynamicColumns || s.configKey || s.tableConfig ? A.value : s.columns || []), j = T(() => s.hasActions || D.value.length > 0), ae = T(() => s.dummyMode ? !1 : ue.value || ge.value ? w.value : s.loading), be = T(
-      () => !!ue.value || !!ge.value
-    ), Fe = T(() => []), qe = (C) => {
+    const le = T(() => s.dynamicColumns || s.configKey || s.tableConfig ? A.value : s.columns || []), j = T(() => s.hasActions || D.value.length > 0), ae = T(() => s.dummyMode ? !1 : de.value || ge.value ? w.value : s.loading), be = T(
+      () => !!de.value || !!ge.value
+    ), Re = T(() => []), qe = (C) => {
       if (console.log("[DEBUG] hasAction called:", { actionCode: C, permissionChecker: !!s.permissionChecker, effectivePath: _e.value }), s.menuPermissions && s.menuPermissions.length > 0) {
-        const U = l.path, de = s.menuPermissions.find((N) => U.startsWith(N.path));
-        if (de && de.actions) {
-          const N = de.actions.find((Y) => Y.code === C.toUpperCase());
+        const U = l.path, ue = s.menuPermissions.find((N) => U.startsWith(N.path));
+        if (ue && ue.actions) {
+          const N = ue.actions.find((Y) => Y.code === C.toUpperCase());
           return N ? N.checked : !1;
         }
         return !1;
@@ -24863,16 +24863,16 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         const U = s.permissionChecker(_e.value, C);
         return console.log("[DEBUG] permissionChecker result:", U), U;
       }
-      return Fe.value.some((U) => U.code === C);
+      return Re.value.some((U) => U.code === C);
     }, rt = (C, U) => {
       if (C.condition)
         try {
           return Pn.apply(C.condition, U);
-        } catch (Me) {
-          return console.warn("Row action jsonLogic error:", Me), !1;
+        } catch (De) {
+          return console.warn("Row action jsonLogic error:", De), !1;
         }
       if (!C.visibilityCondition) return !0;
-      const { field: de, operator: N, value: Y } = C.visibilityCondition, pe = Ve(U, de);
+      const { field: ue, operator: N, value: Y } = C.visibilityCondition, pe = Ve(U, ue);
       switch (N) {
         case "equals":
           return pe === Y;
@@ -24897,7 +24897,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       const C = _.value.filter((U) => {
         if (U.visibleRule)
           try {
-            const N = te.value[0] || {};
+            const N = ne.value[0] || {};
             if (!Pn.apply(U.visibleRule, N)) return !1;
           } catch (N) {
             console.warn("Header action visibility logic error:", N);
@@ -24913,24 +24913,24 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
           const N = s.permissions.includes(U.permission);
           return console.log("[DEBUG] Parent permissions check result:", N), N;
         }
-        const de = qe(U.permission);
-        return console.log("[DEBUG] Internal permission check:", { label: U.label, permission: U.permission, hasPerm: de }), de;
+        const ue = qe(U.permission);
+        return console.log("[DEBUG] Internal permission check:", { label: U.label, permission: U.permission, hasPerm: ue }), ue;
       });
       return console.log("[DEBUG] Filtered header actions:", C.length), C;
-    }), bt = T(() => D.value.length === 0 ? D.value : D.value.filter((C) => s.ignorePermissions || !C.permission ? !0 : s.checkPermission ? s.checkPermission(C.permission) : s.permissions ? s.permissions.includes(C.permission) : qe(C.permission))), Ke = (C) => bt.value.filter(
+    }), ft = T(() => D.value.length === 0 ? D.value : D.value.filter((C) => s.ignorePermissions || !C.permission ? !0 : s.checkPermission ? s.checkPermission(C.permission) : s.permissions ? s.permissions.includes(C.permission) : qe(C.permission))), Ye = (C) => ft.value.filter(
       (U) => rt(U, C)
     ), Mt = (C, U) => {
       var Y, pe;
       if (C.requiredCondition && ((Y = C.propCustomCondition) == null ? void 0 : Y.length) > 0) {
-        const Me = Ve(U, "status"), Xe = C.propCustomCondition.find(
-          (Ne) => Ne.value === Me
+        const De = Ve(U, "status"), Xe = C.propCustomCondition.find(
+          (Ne) => Ne.value === De
         );
         if (Xe) return Xe.bgColor || C.bgColor || "primary";
       }
       if (!C.dynamicColor || !C.colorCondition)
         return C.bgColor || "primary";
-      const de = Ve(U, C.colorCondition.field), N = (pe = C.colorCondition.conditions) == null ? void 0 : pe.find(
-        (Me) => Me.value === de
+      const ue = Ve(U, C.colorCondition.field), N = (pe = C.colorCondition.conditions) == null ? void 0 : pe.find(
+        (De) => De.value === ue
       );
       return (N == null ? void 0 : N.bgColor) || C.bgColor || "primary";
     }, It = (C) => {
@@ -24947,7 +24947,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       RefreshCw: Jr,
       Search: fi,
       SlidersHorizontal: qf
-    }, Kt = (C) => C ? kn[C] ? kn[C] : en[C] || null : null, te = T(() => s.dummyMode ? le.value.length > 0 ? $(10) : [] : be.value ? g.value.map((C, U) => ({
+    }, Kt = (C) => C ? kn[C] ? kn[C] : en[C] || null : null, ne = T(() => s.dummyMode ? le.value.length > 0 ? $(10) : [] : be.value ? g.value.map((C, U) => ({
       ...C,
       no: (u.value - 1) * f.value + U + 1
     })) : Se.value), Ce = T(() => s.dummyMode ? 10 : be.value ? v.value : fe.value.length), $e = T(() => Ce.value === 0 ? 0 : (u.value - 1) * f.value + 1), tt = T(() => {
@@ -24955,25 +24955,25 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       return C > Ce.value ? Ce.value : C;
     }), Ve = (C, U) => {
       if (!(!C || !U))
-        return U in C ? C[U] : U.split(".").reduce((de, N) => de && de[N], C);
+        return U in C ? C[U] : U.split(".").reduce((ue, N) => ue && ue[N], C);
     }, fe = T(() => {
       if (be.value) return [];
       if (!d.value) return s.data;
       const C = d.value.toLowerCase();
-      return s.data.filter((U) => le.value.some((de) => {
-        const N = Ve(U, de.key);
+      return s.data.filter((U) => le.value.some((ue) => {
+        const N = Ve(U, ue.key);
         return N == null ? !1 : String(N).toLowerCase().includes(C);
       }));
-    }), we = T(() => be.value ? [] : h.value.key ? [...fe.value].sort((U, de) => {
-      const N = Ve(U, h.value.key), Y = Ve(de, h.value.key);
+    }), we = T(() => be.value ? [] : h.value.key ? [...fe.value].sort((U, ue) => {
+      const N = Ve(U, h.value.key), Y = Ve(ue, h.value.key);
       if (N === Y) return 0;
       let pe = 0;
       return typeof N == "number" && typeof Y == "number" ? pe = N - Y : pe = String(N).localeCompare(String(Y)), h.value.direction === "asc" ? pe : -pe;
     }) : fe.value), Se = T(() => {
       if (be.value) return [];
       const C = (u.value - 1) * f.value, U = C + f.value;
-      return we.value.slice(C, U).map((de, N) => ({
-        ...de,
+      return we.value.slice(C, U).map((ue, N) => ({
+        ...ue,
         no: C + N + 1
       }));
     }), je = T(() => be.value ? Object.values(m.value).some((C) => !!C) : !!d.value), yt = [10, 25, 50, 100], Vt = () => {
@@ -24995,7 +24995,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       s.enableQuickSearch && be.value && Ho();
     });
     const Et = async () => {
-      if (!s.dummyMode && be.value && !(!ue.value && !ge.value))
+      if (!s.dummyMode && be.value && !(!de.value && !ge.value))
         try {
           w.value = !0;
           const C = {
@@ -25004,12 +25004,12 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
             ...m.value,
             ...s.apiParams
           };
-          d.value && (C.keyword = d.value), Object.keys(C).forEach((de) => {
-            (C[de] === "" || C[de] === null || C[de] === void 0) && delete C[de];
+          d.value && (C.keyword = d.value), Object.keys(C).forEach((ue) => {
+            (C[ue] === "" || C[ue] === null || C[ue] === void 0) && delete C[ue];
           });
           let U;
-          ue.value ? U = await i(
-            ue.value,
+          de.value ? U = await i(
+            de.value,
             re.value,
             C
           ) : ge.value && (U = await i(
@@ -25042,11 +25042,11 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
     }, ao = () => {
       u.value = 1, Et();
     }, B = (C, U) => {
-      const de = Ve(C, U.key);
+      const ue = Ve(C, U.key);
       let N = {
         variant: "secondary",
         class: "",
-        label: de
+        label: ue
       };
       if (U.condition) {
         const Y = U.condition.find((pe) => {
@@ -25057,20 +25057,20 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
             } catch (Xe) {
               return console.warn("Badge logic error:", Xe), !1;
             }
-          const Me = (Xe, Ne) => Xe == null || Ne === void 0 || Ne === null ? !1 : typeof Xe == "string" && typeof Ne == "string" ? Xe.toLowerCase().trim() === Ne.toLowerCase().trim() : Xe == Ne;
-          if (Me(pe.value, de) || typeof de == "object" && de !== null && (Me(pe.value, de.code) || Me(pe.value, de.id)))
+          const De = (Xe, Ne) => Xe == null || Ne === void 0 || Ne === null ? !1 : typeof Xe == "string" && typeof Ne == "string" ? Xe.toLowerCase().trim() === Ne.toLowerCase().trim() : Xe == Ne;
+          if (De(pe.value, ue) || typeof ue == "object" && ue !== null && (De(pe.value, ue.code) || De(pe.value, ue.id)))
             return !0;
           if (U.key.includes(".")) {
             const Ne = U.key.split(".").slice(0, -1).join("."), He = Ve(C, Ne);
-            if (He && typeof He == "object" && (Me(pe.value, He.code) || Me(pe.value, He.id)))
+            if (He && typeof He == "object" && (De(pe.value, He.code) || De(pe.value, He.id)))
               return !0;
           }
           return !1;
         });
         if (Y) {
           Y.variant && (N.variant = Y.variant);
-          const Me = (r.value || "en") === "id" ? Y.labelID : Y.labelEN;
-          if (N.label = Me || Y.label || (typeof de == "object" ? de.name || de.code : de), Y.color || Y.bgColor) {
+          const De = (r.value || "en") === "id" ? Y.labelID : Y.labelEN;
+          if (N.label = De || Y.label || (typeof ue == "object" ? ue.name || ue.code : ue), Y.color || Y.bgColor) {
             const Xe = (Y.color || Y.bgColor || "").toLowerCase(), Ne = N.variant === "outline", He = {
               success: "bg-green-500 hover:bg-green-600 border-transparent text-white shadow",
               warning: "bg-yellow-500 hover:bg-yellow-600 border-transparent text-white shadow",
@@ -25099,9 +25099,9 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
             Ne ? ct[Xe] && (N.class = ct[Xe]) : Je[Xe] ? N.variant = Je[Xe] : He[Xe] && (N.class = He[Xe]);
           }
         } else
-          N.label = typeof de == "object" ? (de == null ? void 0 : de.name) || (de == null ? void 0 : de.code) || "-" : de;
+          N.label = typeof ue == "object" ? (ue == null ? void 0 : ue.name) || (ue == null ? void 0 : ue.code) || "-" : ue;
       } else
-        N.label = typeof de == "object" ? (de == null ? void 0 : de.name) || (de == null ? void 0 : de.code) || "-" : de;
+        N.label = typeof ue == "object" ? (ue == null ? void 0 : ue.name) || (ue == null ? void 0 : ue.code) || "-" : ue;
       return N;
     }, z = (C) => {
       h.value.key === C ? h.value.direction = h.value.direction === "asc" ? "desc" : "asc" : (h.value.key = C, h.value.direction = "asc"), o("update:sort", h.value);
@@ -25109,11 +25109,11 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       C !== u.value && (u.value = C, be.value && Et(), o("update:page", C));
     }, V = (C) => {
       f.value = C, u.value = 1, be.value && Et();
-    }, Z = (C) => {
+    }, ee = (C) => {
       const U = Math.random() * 15 + 75;
       if (C.width) {
-        const de = parseInt(String(C.width));
-        return de < 100 ? `${Math.floor(de * (Math.random() * 0.2 + 0.7))}px` : `${U}%`;
+        const ue = parseInt(String(C.width));
+        return ue < 100 ? `${Math.floor(ue * (Math.random() * 0.2 + 0.7))}px` : `${U}%`;
       }
       return `${U}%`;
     }, ve = () => {
@@ -25122,16 +25122,16 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       var U;
       if (console.log("[DEBUG] handleHeaderAction called:", C), C.route && !s.dummyMode) {
         if (C.path) {
-          const de = C.route.startsWith("/") ? C.route : "/" + C.route;
-          sessionStorage.setItem(`layout_${de}`, C.path);
+          const ue = C.route.startsWith("/") ? C.route : "/" + C.route;
+          sessionStorage.setItem(`layout_${ue}`, C.path);
         }
         c == null || c.push(C.route);
       } else if (C.openDialog || s.dummyMode && C.route) {
         I.value = C, F.value = null, P.value = {};
-        const de = C.fieldActionGlobal || C.field || [];
-        de.length && de.forEach((N) => {
-          var Me;
-          const Y = C.endpoint || ((Me = C.propsActionGlobal) == null ? void 0 : Me.endpointPropAction) || C.propsActionGlobal, pe = Y != null && Y.keyParam && Y.keyParam.length > 0 ? Y.keyParam[0] : null;
+        const ue = C.fieldActionGlobal || C.field || [];
+        ue.length && ue.forEach((N) => {
+          var De;
+          const Y = C.endpoint || ((De = C.propsActionGlobal) == null ? void 0 : De.endpointPropAction) || C.propsActionGlobal, pe = Y != null && Y.keyParam && Y.keyParam.length > 0 ? Y.keyParam[0] : null;
           pe && N.model === pe || !pe && /^(id|ids|idAuditTrail)/i.test(N.model) ? P.value[N.model] = R.value : P.value[N.model] || (P.value[N.model] = "");
         }), E.value = !0;
       } else
@@ -25141,18 +25141,18 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
           selection: R.value
         });
     }, Q = async (C, U) => {
-      var de, N, Y, pe;
+      var ue, N, Y, pe;
       if (C.requireConfirm) {
         O.value = { button: C, row: U }, b.value = !0;
         return;
       }
       if (C.openDialog) {
         I.value = C, F.value = U, P.value = {};
-        const Me = le.value.find((He) => He.type === "CHECKBOX"), Xe = (Me == null ? void 0 : Me.keyCheckbox) || "id";
+        const De = le.value.find((He) => He.type === "CHECKBOX"), Xe = (De == null ? void 0 : De.keyCheckbox) || "id";
         C.fieldActionCustom && C.fieldActionCustom.forEach((He) => {
           /^(id|ids|idAuditTrail)/i.test(He.model) ? P.value[He.model] = [U[Xe]] : C.action === "showToken" && He.model === "token" ? P.value[He.model] = U.token !== void 0 ? U.token : "" : U[He.model] !== void 0 ? P.value[He.model] = U[He.model] : P.value[He.model] = "";
         });
-        const Ne = C.endpoint || ((de = C.propsActionGlobal) == null ? void 0 : de.endpointPropAction) || ((N = C.propsActionCustom) == null ? void 0 : N.endpointPropAction) || ((Y = C.props) == null ? void 0 : Y.endpointPropAction);
+        const Ne = C.endpoint || ((ue = C.propsActionGlobal) == null ? void 0 : ue.endpointPropAction) || ((N = C.propsActionCustom) == null ? void 0 : N.endpointPropAction) || ((Y = C.props) == null ? void 0 : Y.endpointPropAction);
         if (((pe = Ne == null ? void 0 : Ne.apiMethod) == null ? void 0 : pe.toUpperCase()) === "GET" && Ne.apiUrl) {
           w.value = !0;
           const { apiUrl: He } = Tt(), ct = {};
@@ -25194,19 +25194,19 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
           const Y = C.route.startsWith("/") ? C.route : "/" + C.route;
           sessionStorage.setItem(`layout_${Y}`, C.path);
         }
-        let de = C.route;
-        de.includes(":") ? de = de.replaceAll(
+        let ue = C.route;
+        ue.includes(":") ? ue = ue.replaceAll(
           /:([a-zA-Z0-9_]+)/g,
           (Y, pe) => U[pe] || U.id || pe
-        ) : U.id && (de = `${de.replace(/\/$/, "")}/${U.id}`);
+        ) : U.id && (ue = `${ue.replace(/\/$/, "")}/${U.id}`);
         const N = {};
-        C.path && (N.code = C.path), c == null || c.push({ path: de, query: N });
+        C.path && (N.code = C.path), c == null || c.push({ path: ue, query: N });
       } else if (C.endpoint && C.endpoint.apiUrl) {
         w.value = !0;
-        const { apiUrl: de } = Tt(), N = C.endpoint.apiUrl, Y = C.endpoint.apiMethod || "POST", pe = {}, Me = C.fieldMapping;
-        if (Me && typeof Me == "object") {
+        const { apiUrl: ue } = Tt(), N = C.endpoint.apiUrl, Y = C.endpoint.apiMethod || "POST", pe = {}, De = C.fieldMapping;
+        if (De && typeof De == "object") {
           const { locale: Xe } = mn(), Ne = Xe.value || "en", He = [];
-          if (Object.entries(Me).forEach(([ct, Je]) => {
+          if (Object.entries(De).forEach(([ct, Je]) => {
             if (typeof Je == "string") {
               const ot = Ve(U, ct);
               ot !== void 0 ? pe[Je] = ot : (console.warn(`[MAPPING-DEBUG] No matching source found for '${ct}'`), He.push(ct));
@@ -25219,7 +25219,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
             });
           }
         }
-        Object.keys(pe).length === 0 && U.id && (pe.id = U.id), de(N, Y, pe).then(() => {
+        Object.keys(pe).length === 0 && U.id && (pe.id = U.id), ue(N, Y, pe).then(() => {
           Et(), o("action", { action: C.action || "success", row: U });
         }).catch((Xe) => {
           console.error("Action Failed", Xe);
@@ -25231,7 +25231,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
     }, Be = () => {
       O.value && (ye(O.value.button, O.value.row), wt());
     }, st = () => {
-      var C, U, de;
+      var C, U, ue;
       if (I.value) {
         const N = I.value, Y = N.endpoint || ((C = N.propsActionGlobal) == null ? void 0 : C.endpointPropAction) || N.propsActionGlobal;
         let pe = (Y == null ? void 0 : Y.model) || (Y != null && Y.keyParam && Y.keyParam.length > 0 ? Y.keyParam[0] : null);
@@ -25241,32 +25241,32 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
           );
           pe = He ? He.model : "ids";
         }
-        let Me = null, Xe = !1;
+        let De = null, Xe = !1;
         if (F.value) {
           const Ne = le.value.find((Je) => Je.type === "CHECKBOX"), He = (Ne == null ? void 0 : Ne.keyCheckbox) || "id", ct = F.value[He];
           if (Y != null && Y.apiUrl) {
-            Me = {
+            De = {
               ...P.value
             };
             const Je = N.fieldMapping;
             Je && typeof Je == "object" && Object.entries(Je).forEach(([ot, tn]) => {
               if (typeof tn == "string") {
                 const Sn = Ve(F.value, ot);
-                Sn !== void 0 && (Me[tn] = Sn);
+                Sn !== void 0 && (De[tn] = Sn);
               }
-            }), Me[pe] || (Me[pe] = [ct]), Xe = !0;
+            }), De[pe] || (De[pe] = [ct]), Xe = !0;
           }
         } else
-          Y != null && Y.apiUrl && (Me = {
+          Y != null && Y.apiUrl && (De = {
             ...P.value
-          }, Me[pe] || (Me[pe] = R.value || []), Xe = !0);
-        if (Xe && Me && (Y != null && Y.apiUrl)) {
+          }, De[pe] || (De[pe] = R.value || []), Xe = !0);
+        if (Xe && De && (Y != null && Y.apiUrl)) {
           if (((U = Y == null ? void 0 : Y.apiMethod) == null ? void 0 : U.toUpperCase()) === "GET") {
             E.value = !1, F.value || (R.value = []);
             return;
           }
           const { apiUrl: Ne } = Tt(), He = Y.apiUrl, ct = Y.apiMethod || "POST";
-          Ne(He, ct, Me).then(() => {
+          Ne(He, ct, De).then(() => {
             E.value = !1, F.value || (R.value = []), Et(), o("action", { action: "success", row: null });
           }).catch((Je) => {
             console.error("Action Failed", Je);
@@ -25287,19 +25287,19 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
           };
           Ne[pe] || (Ne[pe] = R.value);
           const He = {
-            action: ((de = I.value.propsActionGlobal) == null ? void 0 : de.key) || I.value.key,
+            action: ((ue = I.value.propsActionGlobal) == null ? void 0 : ue.key) || I.value.key,
             row: Ne,
             selection: R.value
           };
           o("action", He), E.value = !1;
         }
       }
-    }, ft = (C) => {
+    }, ht = (C) => {
       const U = P.value[C];
       U && MM(String(U)).then(() => {
         it.success("Berhasil disalin!", { autoClose: 2e3, theme: "dark", pauseOnHover: !1 });
-      }).catch((de) => {
-        console.error("Failed to copy", de);
+      }).catch((ue) => {
+        console.error("Failed to copy", ue);
       });
     }, wt = () => {
       b.value = !1, O.value = null;
@@ -25310,7 +25310,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       resetFilters: ms,
       handleRefresh: ve
     });
-    const De = X(""), xt = (C) => {
+    const Me = X(""), xt = (C) => {
       if (!C) return "";
       const U = C.endpoint || C.endpointGlobal || {};
       return JSON.stringify({
@@ -25329,7 +25329,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         if (s.tableConfig) {
           Le();
           const C = xt(s.tableConfig);
-          C !== De.value && (!De.value && be.value ? (De.value = C, Et()) : (De.value = C, be.value && ps()));
+          C !== Me.value && (!Me.value && be.value ? (Me.value = C, Et()) : (Me.value = C, be.value && ps()));
         }
       },
       { deep: !0, immediate: !0 }
@@ -25355,7 +25355,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
     ), At(() => {
       Le(), be.value && (s.tableConfig || (w.value = !0, Et()));
     }), (C, U) => {
-      var de;
+      var ue;
       return p(), k("div", p5, [
         y("div", m5, [
           y("div", g5, [
@@ -25374,7 +25374,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
               x.value.length > 0 ? (p(), k("div", v5, [
                 G(BM, null, {
                   trigger: ce(() => [
-                    G(gt, {
+                    G(bt, {
                       variant: "secondary",
                       icon: "SlidersHorizontal",
                       tooltip: "Advance Search",
@@ -25383,7 +25383,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                   ]),
                   footer: ce(() => [
                     y("div", C5, [
-                      Re(C.$slots, "filter-footer", {
+                      Fe(C.$slots, "filter-footer", {
                         fetch: Et,
                         reset: ms
                       })
@@ -25392,7 +25392,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                   default: ce(() => [
                     U[9] || (U[9] = y("hr", { class: "border-neutral-200 dark:border-neutral-700" }, null, -1)),
                     y("div", x5, [
-                      Re(C.$slots, "filter-form", { filters: m.value }, () => [
+                      Fe(C.$slots, "filter-form", { filters: m.value }, () => [
                         x.value.length > 0 ? (p(), k("div", w5, [
                           y("div", k5, [
                             (p(!0), k(xe, null, We(Pe.value, (N, Y) => (p(), k("div", {
@@ -25409,7 +25409,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                         ])) : W("", !0)
                       ]),
                       x.value.length > 0 ? (p(), k("div", _5, [
-                        G(gt, {
+                        G(bt, {
                           variant: "outline",
                           text: "Reset",
                           tooltip: "Reset",
@@ -25418,7 +25418,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                           onClick: ms,
                           disabled: ae.value
                         }, null, 8, ["disabled"]),
-                        G(gt, {
+                        G(bt, {
                           onClick: ao,
                           disabled: ae.value,
                           rounded: "md",
@@ -25437,7 +25437,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
               class: he(["flex items-center gap-2 flex-wrap", { "w-full justify-between": e.nested }])
             }, [
               e.nested ? (p(), k("span", A5)) : W("", !0),
-              e.nested ? W("", !0) : (p(), me(gt, {
+              e.nested ? W("", !0) : (p(), me(bt, {
                 key: 1,
                 variant: "secondary",
                 icon: "RefreshCw",
@@ -25454,7 +25454,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                 ]),
                 _: 1
               }, 8, ["disabled"])),
-              (p(!0), k(xe, null, We(lt.value, (N, Y) => (p(), me(gt, {
+              (p(!0), k(xe, null, We(lt.value, (N, Y) => (p(), me(bt, {
                 key: Y,
                 icon: N.icon,
                 text: N.label,
@@ -25465,7 +25465,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                 class: "gap-2 h-9 shadow-lg shadow-primary-500/20 border-none text-xs font-medium",
                 onClick: (pe) => Ae(N)
               }, null, 8, ["icon", "text", "tooltip", "variant", "bg-color", "text-color", "onClick"]))), 128)),
-              Re(C.$slots, "header-actions")
+              Fe(C.$slots, "header-actions")
             ], 2)
           ])
         ]),
@@ -25476,7 +25476,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                 (p(!0), k(xe, null, We(le.value, (N) => (p(), k("th", {
                   key: N.key,
                   class: he([
-                    N.align ? `text-${N.align.toLowerCase()}` : "",
+                    N.align ? `text-${N.align.toLowerCase()}` : "text-left",
                     N.sortable ? "cursor-pointer select-none" : "",
                     "px-3 py-2 text-xs font-black text-white dark:text-neutral-100 uppercase tracking-wider transition-colors duration-150"
                   ]),
@@ -25508,7 +25508,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                 key: `skeleton-${N}`
               }, [
                 (p(!0), k(xe, null, We(le.value, (Y) => {
-                  var pe, Me;
+                  var pe, De;
                   return p(), k("td", {
                     key: Y.key,
                     class: he([
@@ -25520,10 +25520,10 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                       class: he(["bg-gradient-to-r from-neutral-200 via-neutral-300 to-neutral-200 dark:from-neutral-700 dark:via-neutral-600 dark:to-neutral-700 animate-shimmer", [
                         ["badge", "BADGE"].includes(Y.type ?? "") || Y.condition ? "h-5 rounded-full w-20" : "h-4 rounded-md",
                         ((pe = Y.align) == null ? void 0 : pe.toLowerCase()) === "center" ? "mx-auto" : "",
-                        ((Me = Y.align) == null ? void 0 : Me.toLowerCase()) === "right" ? "ml-auto" : ""
+                        ((De = Y.align) == null ? void 0 : De.toLowerCase()) === "right" ? "ml-auto" : ""
                       ]]),
                       style: dt({
-                        width: ["badge", "BADGE"].includes(Y.type ?? "") || Y.condition ? void 0 : Z(Y),
+                        width: ["badge", "BADGE"].includes(Y.type ?? "") || Y.condition ? void 0 : ee(Y),
                         backgroundSize: "200% 100%"
                       })
                     }, null, 6)
@@ -25536,7 +25536,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                     y("div", { class: "w-9 h-9 bg-zinc-200 dark:bg-zinc-700 rounded-xl animate-pulse delay-150" })
                   ], -1)
                 ])])) : W("", !0)
-              ]))), 128)) : te.value.length === 0 ? (p(), k("tr", L5, [
+              ]))), 128)) : ne.value.length === 0 ? (p(), k("tr", L5, [
                 y("td", {
                   colspan: le.value.length + (j.value ? 1 : 0),
                   class: "text-center py-16"
@@ -25553,7 +25553,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                     ])
                   ])
                 ], 8, B5)
-              ])) : (p(!0), k(xe, { key: 2 }, We(te.value, (N, Y) => (p(), k(xe, { key: Y }, [
+              ])) : (p(!0), k(xe, { key: 2 }, We(ne.value, (N, Y) => (p(), k(xe, { key: Y }, [
                 y("tr", z5, [
                   (p(!0), k(xe, null, We(le.value, (pe) => (p(), k("td", {
                     key: pe.key,
@@ -25562,14 +25562,14 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                       "px-3 py-0.5 text-sm text-neutral-900 dark:text-neutral-100"
                     ])
                   }, [
-                    Re(C.$slots, `cell-${pe.key}`, {
+                    Fe(C.$slots, `cell-${pe.key}`, {
                       row: N,
                       value: Ve(N, pe.key)
                     }, () => [
                       pe.type === "CHECKBOX" ? (p(), k("div", V5, [
                         G(cs, {
-                          "model-value": ee(N),
-                          "onUpdate:modelValue": (Me) => ne(N, !!Me),
+                          "model-value": te(N),
+                          "onUpdate:modelValue": (De) => Z(N, !!De),
                           onClick: U[3] || (U[3] = _t(() => {
                           }, ["stop"]))
                         }, null, 8, ["model-value", "onUpdate:modelValue"])
@@ -25601,18 +25601,18 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                     ])
                   ], 2))), 128)),
                   j.value ? (p(), k("td", j5, [
-                    Re(C.$slots, "actions", {
+                    Fe(C.$slots, "actions", {
                       row: N,
-                      buttons: Ke(N),
+                      buttons: Ye(N),
                       getButtonColor: Mt,
                       getIconComponent: Kt
                     }, () => [
-                      Ke(N).length > 0 ? (p(), k("div", U5, [
-                        (p(!0), k(xe, null, We(Ke(N), (pe, Me) => (p(), k("div", {
-                          key: Me,
+                      Ye(N).length > 0 ? (p(), k("div", U5, [
+                        (p(!0), k(xe, null, We(Ye(N), (pe, De) => (p(), k("div", {
+                          key: De,
                           class: "group relative"
                         }, [
-                          G(gt, {
+                          G(bt, {
                             tooltip: pe.tooltip || pe.label,
                             icon: pe.icon,
                             size: "icon",
@@ -25632,7 +25632,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                     colspan: le.value.length + (j.value ? 1 : 0),
                     class: "px-0 py-0"
                   }, [
-                    Re(C.$slots, "expanded-row", {
+                    Fe(C.$slots, "expanded-row", {
                       row: N,
                       index: Y
                     })
@@ -25642,7 +25642,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
             ])
           ])
         ]),
-        !ae.value && te.value.length > 0 && e.showPagination && S.value ? (p(), k("div", H5, [
+        !ae.value && ne.value.length > 0 && e.showPagination && S.value ? (p(), k("div", H5, [
           y("div", q5, [
             G(L(GM), {
               "model-value": String(f.value),
@@ -25721,7 +25721,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                             class: "w-8 h-8 p-0 text-sm",
                             variant: Y.value === u.value ? "default" : "outline",
                             disabled: Y.value === u.value,
-                            onClick: (Me) => q(Y.value)
+                            onClick: (De) => q(Y.value)
                           }, {
                             default: ce(() => [
                               Ie(H(Y.value), 1)
@@ -25764,12 +25764,12 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
           persistent: !1
         }, {
           actions: ce(() => [
-            G(gt, {
+            G(bt, {
               variant: "outline",
               onClick: wt,
               text: "Cancel"
             }),
-            G(gt, {
+            G(bt, {
               variant: "default",
               onClick: Be,
               text: "Yes"
@@ -25785,24 +25785,24 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         G(Ds, {
           modelValue: E.value,
           "onUpdate:modelValue": U[8] || (U[8] = (N) => E.value = N),
-          title: ((de = I.value) == null ? void 0 : de.label) || "Action",
+          title: ((ue = I.value) == null ? void 0 : ue.label) || "Action",
           icon: "AlertCircle",
           "max-width": 450
         }, {
           actions: ce(() => {
             var N;
             return [
-              G(gt, {
+              G(bt, {
                 variant: "outline",
                 onClick: U[6] || (U[6] = (Y) => E.value = !1),
                 text: "Cancel"
               }),
-              e.dummyMode && ((N = I.value) != null && N.route) ? (p(), me(gt, {
+              e.dummyMode && ((N = I.value) != null && N.route) ? (p(), me(bt, {
                 key: 1,
                 variant: "default",
                 onClick: U[7] || (U[7] = (Y) => E.value = !1),
                 text: L(r) === "id" ? "Tutup" : "Close"
-              }, null, 8, ["text"])) : (p(), me(gt, {
+              }, null, 8, ["text"])) : (p(), me(bt, {
                 key: 0,
                 variant: "default",
                 onClick: st,
@@ -25823,27 +25823,27 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                     y("p", aE, H(L(r) === "id" ? `Aksi ini akan mengarah ke rute: ${I.value.route}` : `This action will navigate to: ${I.value.route}`), 1)
                   ])
                 ])) : W("", !0),
-                (p(!0), k(xe, null, We(((Y = I.value) == null ? void 0 : Y.fieldActionCustom) || ((pe = I.value) == null ? void 0 : pe.fieldActionGlobal) || [], (Me, Xe) => {
+                (p(!0), k(xe, null, We(((Y = I.value) == null ? void 0 : Y.fieldActionCustom) || ((pe = I.value) == null ? void 0 : pe.fieldActionGlobal) || [], (De, Xe) => {
                   var Ne, He, ct, Je;
                   return p(), k(xe, { key: Xe }, [
-                    !Me.isHidden && !(e.dummyMode && ((Ne = I.value) != null && Ne.route)) ? (p(), k("div", {
+                    !De.isHidden && !(e.dummyMode && ((Ne = I.value) != null && Ne.route)) ? (p(), k("div", {
                       key: 0,
-                      class: he(Ue(Me))
+                      class: he(Ue(De))
                     }, [
                       y("div", iE, [
                         G(Qc, {
                           class: "flex-1 w-full",
-                          field: Me,
-                          modelValue: P.value[Me.model],
-                          "onUpdate:modelValue": (ot) => P.value[Me.model] = ot
+                          field: De,
+                          modelValue: P.value[De.model],
+                          "onUpdate:modelValue": (ot) => P.value[De.model] = ot
                         }, null, 8, ["field", "modelValue", "onUpdate:modelValue"]),
-                        Me.isCopyable || (He = Me.props) != null && He.isCopyable || ((ct = I.value) == null ? void 0 : ct.action) === "showToken" || ((Je = I.value) == null ? void 0 : Je.action) === "copyToken" ? (p(), me(gt, {
+                        De.isCopyable || (He = De.props) != null && He.isCopyable || ((ct = I.value) == null ? void 0 : ct.action) === "showToken" || ((Je = I.value) == null ? void 0 : Je.action) === "copyToken" ? (p(), me(bt, {
                           key: 0,
                           icon: "Copy",
                           variant: "outline",
                           class: "h-10 w-10 p-0 flex-shrink-0",
                           tooltip: "Salin",
-                          onClick: (ot) => ft(Me.model)
+                          onClick: (ot) => ht(De.model)
                         }, null, 8, ["onClick"])) : W("", !0)
                       ])
                     ], 2)) : W("", !0)
@@ -26079,7 +26079,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       return ((z = B.propsForm) == null ? void 0 : z.key) || ((q = B.propsTable) == null ? void 0 : q.key) || ((V = B.propsWizard) == null ? void 0 : V.key) || B.id || "unknown-section";
     }, M = (B) => {
       var q;
-      return (((q = B.propsWizard) == null ? void 0 : q.propsSteps) || []).filter((V) => ue(V)).map((V, Z) => {
+      return (((q = B.propsWizard) == null ? void 0 : q.propsSteps) || []).filter((V) => de(V)).map((V, ee) => {
         var Q;
         let ve = [];
         if (Array.isArray(V.sectionsWizard))
@@ -26095,7 +26095,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         }
         const Ae = J(V);
         return {
-          key: V.key || `step-${Z}`,
+          key: V.key || `step-${ee}`,
           title: Ae.title,
           description: Ae.description,
           icon: V.icon || void 0,
@@ -26104,26 +26104,26 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         };
       });
     }, S = (B) => B ? [...B].sort((z, q) => (z.seq || 0) - (q.seq || 0)) : [], D = (B, z) => {
-      var Z;
+      var ee;
       const q = z ? P(z) : O.value;
-      return I((Z = B.logic) == null ? void 0 : Z.labelingRule, q, `LABEL-${B.model}`) || null;
+      return I((ee = B.logic) == null ? void 0 : ee.labelingRule, q, `LABEL-${B.model}`) || null;
     }, _ = (B, z) => {
-      var Z;
+      var ee;
       const q = z ? P(z) : O.value;
-      return I((Z = B.logic) == null ? void 0 : Z.lengthRule, q, `LENGTH-${B.model}`) || null;
+      return I((ee = B.logic) == null ? void 0 : ee.lengthRule, q, `LENGTH-${B.model}`) || null;
     }, x = (B, z, q) => {
       const V = B.props || B.propsFieldGlobal;
       if (!V) return null;
-      const Z = z == null ? "" : String(z);
-      if (Z === "") return null;
+      const ee = z == null ? "" : String(z);
+      if (ee === "") return null;
       const ve = _(B, q), Ae = (ve == null ? void 0 : ve.minLength) ?? V.minLength, Q = (ve == null ? void 0 : ve.maxLength) ?? V.maxLength;
-      if (Ae && Z.length < Ae)
+      if (Ae && ee.length < Ae)
         return i.value === "id" ? `Minimal ${Ae} karakter` : `Minimum ${Ae} characters`;
-      if (Q && Z.length > Q)
+      if (Q && ee.length > Q)
         return i.value === "id" ? `Maksimal ${Q} karakter` : `Maximum ${Q} characters`;
       if (V.regex)
         try {
-          if (!new RegExp(V.regex).test(Z))
+          if (!new RegExp(V.regex).test(ee))
             return V.regexMessage || (i.value === "id" ? "Format tidak valid" : "Invalid format");
         } catch {
           console.warn(`[DynamicForm] Invalid validation regex for field ${B.model}:`, V.regex);
@@ -26134,16 +26134,16 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       const B = /* @__PURE__ */ new Map();
       return (z = f.value) != null && z.sections && f.value.sections.forEach((q) => {
         var Ae, Q;
-        const V = q.propsForm || q.propsTable || q.props || {}, Z = A(q);
+        const V = q.propsForm || q.propsTable || q.props || {}, ee = A(q);
         (V.fields || q.fields || []).forEach((ye) => {
           if (ye.model) {
-            const Be = Z ? `${Z}.${ye.model}` : ye.model;
+            const Be = ee ? `${ee}.${ye.model}` : ye.model;
             B.set(ye.model, { field: ye, path: Be });
           }
         }), ((Ae = q.type) == null ? void 0 : Ae.toUpperCase()) === "WIZARD" && ((Q = q.propsWizard) != null && Q.propsSteps) && q.propsWizard.propsSteps.forEach((ye) => {
           const Be = ye.key || ye.id;
-          (Array.isArray(ye.sectionsWizard) ? ye.sectionsWizard : [ye.sectionsWizard].filter(Boolean)).forEach((ft) => {
-            ft.fields && ft.fields.forEach((wt) => {
+          (Array.isArray(ye.sectionsWizard) ? ye.sectionsWizard : [ye.sectionsWizard].filter(Boolean)).forEach((ht) => {
+            ht.fields && ht.fields.forEach((wt) => {
               if (wt.model) {
                 const vt = Be ? `${Be}.${wt.model}` : wt.model;
                 B.set(wt.model, { field: wt, path: vt });
@@ -26156,9 +26156,9 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       if (z == null || typeof z == "object" && z._isLogicValue) return z;
       const q = b.value.get(B);
       if (!q) return z;
-      const V = q.field, Z = R[V.key];
-      if (!Z || !Array.isArray(Z)) return z;
-      const Ae = (V.props || {}).itemValue || "id", Q = Z.find((ye) => String(ye[Ae]) === String(z) || String(ye.id) === String(z) || String(ye.code) === String(z));
+      const V = q.field, ee = R[V.key];
+      if (!ee || !Array.isArray(ee)) return z;
+      const Ae = (V.props || {}).itemValue || "id", Q = ee.find((ye) => String(ye[Ae]) === String(z) || String(ye.id) === String(z) || String(ye.code) === String(z));
       return Q && Q.code ? { id: z, code: Q.code, _isLogicValue: !0 } : z;
     }, P = (B) => {
       const z = (q, V) => {
@@ -26166,17 +26166,17 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         if (typeof q == "number" || typeof q == "string")
           return V ? E(V, q) : q;
         if (typeof q == "object" && !Array.isArray(q)) {
-          const Z = (q == null ? void 0 : q.id) ?? (q == null ? void 0 : q.code) ?? (q == null ? void 0 : q.value) ?? (q == null ? void 0 : q.key) ?? q;
-          return V && (typeof Z == "string" || typeof Z == "number") ? E(V, Z) : Z;
+          const ee = (q == null ? void 0 : q.id) ?? (q == null ? void 0 : q.code) ?? (q == null ? void 0 : q.value) ?? (q == null ? void 0 : q.key) ?? q;
+          return V && (typeof ee == "string" || typeof ee == "number") ? E(V, ee) : ee;
         }
         return q;
       };
       return new Proxy(B, {
         get(q, V) {
           if (typeof V != "string") return q[V];
-          const Z = b.value.get(V);
-          if (Z) {
-            const ve = ge(q, Z.path);
+          const ee = b.value.get(V);
+          if (ee) {
+            const ve = ge(q, ee.path);
             if (ve != null) return z(ve, V);
           }
           return z(q[V], V);
@@ -26215,8 +26215,8 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       if (!(!(q != null && q.apiUrl) || R[B.key]) && !(Array.isArray(q.keyParam) && q.keyParam.some((V) => h[V] === null || h[V] === void 0 || h[V] === "")))
         try {
           const V = await r(q.apiUrl, q.apiMethod || "GET", { page: 1, perPage: 100 });
-          let Z = (V == null ? void 0 : V.data) || V;
-          R[B.key] = Array.isArray(Z) ? Z : Z ? [Z] : [];
+          let ee = (V == null ? void 0 : V.data) || V;
+          R[B.key] = Array.isArray(ee) ? ee : ee ? [ee] : [];
         } catch {
           R[B.key] = [];
         }
@@ -26224,34 +26224,34 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       var ye;
       const q = B.props || {}, V = R[B.key] || q.items || q.options || [];
       if (!((ye = B.logic) != null && ye.optionsFilterRule)) return V;
-      const Z = z ? P(z) : O.value, ve = I(B.logic.optionsFilterRule, Z, `FILTER-${B.model}`);
+      const ee = z ? P(z) : O.value, ve = I(B.logic.optionsFilterRule, ee, `FILTER-${B.model}`);
       if (!ve || !ve.values) return V;
       const Ae = (ve.values || []).map((Be) => String(Be)), Q = q.itemValue || "id";
       return V.filter((Be) => Be == null ? !1 : typeof Be != "object" ? Ae.includes(String(Be)) : [Q, "code", "id", "value", "key"].some((st) => {
-        const ft = Be[st];
-        return ft != null && Ae.includes(String(ft));
+        const ht = Be[st];
+        return ht != null && Ae.includes(String(ht));
       }));
-    }, ee = (B) => {
+    }, te = (B) => {
       if (!B || typeof B != "object") return [];
       if ("var" in B) return [B.var];
       let z = [];
       return Object.values(B).forEach((q) => {
         Array.isArray(q) ? q.forEach((V) => {
-          z = z.concat(ee(V));
-        }) : typeof q == "object" && (z = z.concat(ee(q)));
+          z = z.concat(te(V));
+        }) : typeof q == "object" && (z = z.concat(te(q)));
       }), z;
     };
     ze(() => f.value, (B) => {
       if (!(B != null && B.sections)) return;
       const z = /* @__PURE__ */ new Set(), q = (V) => {
-        V && ["visibleRule", "requiredRule", "disabledRule", "optionsFilterRule", "lengthRule", "calculateRule"].forEach((Z) => {
-          const ve = V[Z];
-          Array.isArray(ve) ? ve.forEach((Ae) => Ae.condition && ee(Ae.condition).forEach((Q) => z.add(Q))) : ve && ee(ve).forEach((Ae) => z.add(Ae));
+        V && ["visibleRule", "requiredRule", "disabledRule", "optionsFilterRule", "lengthRule", "calculateRule"].forEach((ee) => {
+          const ve = V[ee];
+          Array.isArray(ve) ? ve.forEach((Ae) => Ae.condition && te(Ae.condition).forEach((Q) => z.add(Q))) : ve && te(ve).forEach((Ae) => z.add(Ae));
         });
       };
       B.sections.forEach((V) => {
-        var Z, ve, Ae, Q, ye;
-        q(V.logic || ((Z = V.propsForm) == null ? void 0 : Z.logic)), V.type === "WIZARD" && ((Ae = (ve = V.propsWizard) == null ? void 0 : ve.propsSteps) == null || Ae.forEach((Be) => q(Be.logic))), (((Q = V.propsForm) == null ? void 0 : Q.fields) || V.fields || []).forEach((Be) => {
+        var ee, ve, Ae, Q, ye;
+        q(V.logic || ((ee = V.propsForm) == null ? void 0 : ee.logic)), V.type === "WIZARD" && ((Ae = (ve = V.propsWizard) == null ? void 0 : ve.propsSteps) == null || Ae.forEach((Be) => q(Be.logic))), (((Q = V.propsForm) == null ? void 0 : Q.fields) || V.fields || []).forEach((Be) => {
           var st;
           q(Be.logic), (st = Be.logic) != null && st.optionsFilterRule && ie(Be);
         }), V.type === "TABLE" && ((ye = V.propsTable) != null && ye.modelDatatable) && (h[V.propsTable.modelDatatable] = h[V.propsTable.modelDatatable] || []);
@@ -26261,33 +26261,33 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       var ve;
       const q = z ? P(z) : O.value, V = (ve = B.logic) == null ? void 0 : ve.visibleRule;
       if (!V) return !0;
-      const Z = I(V, q, `VISIBLE-${B.model}`);
-      return !!(typeof Z == "object" ? F(Z, q, `VISIBLE-${B.model}`) : Z);
-    }, ne = (B, z) => {
+      const ee = I(V, q, `VISIBLE-${B.model}`);
+      return !!(typeof ee == "object" ? F(ee, q, `VISIBLE-${B.model}`) : ee);
+    }, Z = (B, z) => {
       var ve, Ae;
       const q = z ? P(z) : O.value, V = (ve = B.logic) == null ? void 0 : ve.requiredRule;
       if (!V) return ((Ae = B.props) == null ? void 0 : Ae.required) || !1;
-      const Z = I(V, q, `REQUIRED-${B.model}`);
-      return !!(typeof Z == "object" ? "required" in Z ? Z.required : F(Z, q) : Z);
+      const ee = I(V, q, `REQUIRED-${B.model}`);
+      return !!(typeof ee == "object" ? "required" in ee ? ee.required : F(ee, q) : ee);
     }, $ = (B, z) => {
       var ve, Ae;
       const q = z ? P(z) : O.value, V = (ve = B.logic) == null ? void 0 : ve.disabledRule;
       if (!V) return ((Ae = B.props) == null ? void 0 : Ae.disabled) || !1;
-      const Z = I(V, q, `DISABLED-${B.model}`);
-      return !!(typeof Z == "object" ? "disabled" in Z ? Z.disabled : F(Z, q) : Z);
+      const ee = I(V, q, `DISABLED-${B.model}`);
+      return !!(typeof ee == "object" ? "disabled" in ee ? ee.disabled : F(ee, q) : ee);
     }, J = (B) => {
       var ve;
       const z = B.propsForm || B.propsTable || B.propsWizard || B.props || {};
       let q = i.value === "id" ? z.titleID || B.titleID || B.labelID : z.titleEN || B.titleEN || B.labelEN, V = i.value === "id" ? z.descriptionID || B.descriptionID : z.descriptionEN || B.descriptionEN;
-      const Z = I((ve = B.logic || z.logic) == null ? void 0 : ve.labelingRule, O.value, "LABEL-SEC");
-      return Z && (q = i.value === "id" ? Z.labelID || Z.titleID || Z.title : Z.labelEN || Z.titleEN || Z.title, V = i.value === "id" ? Z.descriptionID : Z.descriptionEN), { title: q, description: V };
-    }, ue = (B, z) => {
+      const ee = I((ve = B.logic || z.logic) == null ? void 0 : ve.labelingRule, O.value, "LABEL-SEC");
+      return ee && (q = i.value === "id" ? ee.labelID || ee.titleID || ee.title : ee.labelEN || ee.titleEN || ee.title, V = i.value === "id" ? ee.descriptionID : ee.descriptionEN), { title: q, description: V };
+    }, de = (B, z) => {
       var Ae, Q;
       if (!B) return !0;
-      const q = B.propsForm || B.propsTable || B.propsWizard || B.props || {}, V = (Ae = B.logic || q.logic) == null ? void 0 : Ae.visibleRule, Z = z ? P(z) : O.value;
+      const q = B.propsForm || B.propsTable || B.propsWizard || B.props || {}, V = (Ae = B.logic || q.logic) == null ? void 0 : Ae.visibleRule, ee = z ? P(z) : O.value;
       if (V) {
-        const ye = I(V, Z, "VISIBLE-SEC");
-        return !!(typeof ye == "object" ? F(ye, Z, "VISIBLE-SEC") : ye);
+        const ye = I(V, ee, "VISIBLE-SEC");
+        return !!(typeof ye == "object" ? F(ye, ee, "VISIBLE-SEC") : ye);
       }
       if (B.type === "TABLE" && ((Q = q.headers) != null && Q.length)) return !0;
       const ve = q.fields || B.fields || [];
@@ -26298,8 +26298,8 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         for (let z = 0; z < 3; z++) {
           let q = !1;
           if (f.value.sections.forEach((V) => {
-            var Z;
-            (((Z = V.propsForm) == null ? void 0 : Z.fields) || V.fields || []).forEach((ve) => {
+            var ee;
+            (((ee = V.propsForm) == null ? void 0 : ee.fields) || V.fields || []).forEach((ve) => {
               var Q;
               const Ae = (Q = ve.logic) == null ? void 0 : Q.calculateRule;
               if (Ae && typeof Ae == "object") {
@@ -26313,16 +26313,16 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       var z;
       if (!((z = f.value) != null && z.sections)) return !1;
       if (Object.keys(g).length > 0) return !0;
-      const B = (q) => q.some((V) => oe(V) && ne(V) && (Array.isArray(h[V.model]) ? h[V.model].length === 0 : h[V.model] == null || h[V.model] === ""));
+      const B = (q) => q.some((V) => oe(V) && Z(V) && (Array.isArray(h[V.model]) ? h[V.model].length === 0 : h[V.model] == null || h[V.model] === ""));
       return f.value.sections.some((q) => {
         var V;
-        return B(((V = q.propsForm) == null ? void 0 : V.fields) || q.fields || []) ? !0 : q.type === "WIZARD" ? M(q).some((Z) => B(Z.sections.flatMap((ve) => ve.fields || []))) : !1;
+        return B(((V = q.propsForm) == null ? void 0 : V.fields) || q.fields || []) ? !0 : q.type === "WIZARD" ? M(q).some((ee) => B(ee.sections.flatMap((ve) => ve.fields || []))) : !1;
       });
     }), ge = (B, z) => z ? z.split(".").reduce((q, V) => q == null ? void 0 : q[V], B) : void 0, _e = (B, z, q) => {
       const V = z.split(".");
-      let Z = B;
-      for (let ve = 0; ve < V.length - 1; ve++) Z = Z[V[ve]] = Z[V[ve]] || {};
-      Z[V[V.length - 1]] = q;
+      let ee = B;
+      for (let ve = 0; ve < V.length - 1; ve++) ee = ee[V[ve]] = ee[V[ve]] || {};
+      ee[V[V.length - 1]] = q;
     }, Pe = (B) => {
       const z = fn(B);
       if (Array.isArray(z)) return z.map((q) => Pe(q));
@@ -26337,81 +26337,81 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       const B = {}, z = /* @__PURE__ */ new Set();
       return f.value.sections.forEach((V) => {
         var Ae, Q;
-        if (!ue(V)) return;
-        const Z = A(V), ve = (ye, Be) => {
+        if (!de(V)) return;
+        const ee = A(V), ve = (ye, Be) => {
           if (oe(ye) && ye.model) {
             const st = ge(h, Be ? `${Be}.${ye.model}` : ye.model) ?? h[ye.model];
-            B[ye.model] = Pe(st), z.add(ye.model);
+            B[ye.model] = Pe(st) ?? null, z.add(ye.model);
           }
         };
         if ((((Ae = V.propsForm) == null ? void 0 : Ae.fields) || V.fields || []).forEach((ye) => {
           var Be;
-          return ve(ye, Z || ((Be = V.propsForm) == null ? void 0 : Be.key));
+          return ve(ye, ee || ((Be = V.propsForm) == null ? void 0 : Be.key));
         }), V.type === "WIZARD" && M(V).forEach((ye) => ye.sections.forEach((Be) => (Be.fields || []).forEach((st) => ve(st, ye.key)))), (Q = V.propsTable) != null && Q.modelDatatable) {
           const ye = V.propsTable.modelDatatable;
-          B[ye] = Pe(ge(h, Z ? `${Z}.${ye}` : ye) ?? h[ye]), z.add(ye);
+          B[ye] = Pe(ge(h, ee ? `${ee}.${ye}` : ye) ?? h[ye]), z.add(ye);
         }
       }), ["id", "_id"].forEach((V) => {
         h[V] !== void 0 && !z.has(V) && (B[V] = Pe(h[V]));
       }), B;
     }, Le = (B, z) => {
       const q = (B == null ? void 0 : B.data) !== void 0 ? B.data : B, V = Array.isArray(q) ? q[0] : q;
-      V && Object.entries(z).forEach(([Z, ve]) => {
-        const Ae = V[ve] ?? V[Z];
-        Ae !== void 0 && _e(h, Z, Ae);
+      V && Object.entries(z).forEach(([ee, ve]) => {
+        const Ae = V[ve] ?? V[ee];
+        Ae !== void 0 && _e(h, ee, Ae);
       });
     }, le = () => {
       var q;
       const B = [], z = (V) => {
-        V == null || V.forEach((Z) => {
+        V == null || V.forEach((ee) => {
           var Ae;
-          if (Z.type === "TABLE" || Z.propsTable) {
-            const Q = Z.propsTable || Z;
+          if (ee.type === "TABLE" || ee.propsTable) {
+            const Q = ee.propsTable || ee;
             Q.modelDatatable && B.push({ key: Q.modelDatatable, subFields: (Q.headers || []).map((ye) => ye.key) });
           }
-          (((Ae = Z.propsForm) == null ? void 0 : Ae.fields) || Z.fields || []).forEach((Q) => {
+          (((Ae = ee.propsForm) == null ? void 0 : Ae.fields) || ee.fields || []).forEach((Q) => {
             var Be, st;
             const ye = ["DCodeDynamicUploadList", "DCodeUploadList", "DCodeDataTable", "DCodeDynamicFormList"].includes(Q.component);
             if (Q.model && ((Be = Q.props) != null && Be.multiple || ((st = Q.props) == null ? void 0 : st.valueType) === "array" || ye)) {
-              const ft = Q.component.includes("Upload") ? ["id", "filename", "document", "typeDocument", "idDocumentType"] : ["id"];
-              B.push({ key: Q.model, subFields: ft });
+              const ht = Q.component.includes("Upload") ? ["id", "filename", "document", "typeDocument", "idDocumentType"] : ["id"];
+              B.push({ key: Q.model, subFields: ht });
             }
-          }), Z.type === "WIZARD" && M(Z).forEach((Q) => z(Q.sections));
+          }), ee.type === "WIZARD" && M(ee).forEach((Q) => z(Q.sections));
         });
       };
       return z((q = f.value) == null ? void 0 : q.sections), B;
     }, j = (B, z) => {
-      const q = {}, V = (Z) => Z && typeof Z == "object" ? Z._isLogicValue ? Z.id : Z.id ?? Z.code ?? Z.value ?? Z : Z;
-      return Object.entries(z).forEach(([Z, ve]) => {
+      const q = {}, V = (ee) => ee && typeof ee == "object" ? ee._isLogicValue ? ee.id : ee.id ?? ee.code ?? ee.value ?? ee : ee;
+      return Object.entries(z).forEach(([ee, ve]) => {
         if (typeof ve == "string") {
-          const Ae = B[Z] ?? ge(h, Z) ?? h[Z];
+          const Ae = B[ee] ?? ge(h, ee) ?? h[ee];
           Ae !== void 0 && (q[ve] = V(Ae));
         } else if (Array.isArray(ve) && ve[0]) {
           const Ae = ve[0], Q = Object.keys(Ae);
-          let ye = B[Z] ?? ge(h, Z) ?? h[Z];
+          let ye = B[ee] ?? ge(h, ee) ?? h[ee];
           if (!Array.isArray(ye) || ye.length === 0) {
-            const Be = le().find((st) => Q.some((ft) => st.subFields.includes(ft)));
+            const Be = le().find((st) => Q.some((ht) => st.subFields.includes(ht)));
             if (Be) {
               const st = B[Be.key] ?? ge(h, Be.key) ?? h[Be.key];
               Array.isArray(st) && st.length > 0 && (ye = st);
             }
           }
-          Array.isArray(ye) && (console.log(`[DynamicForm][MAPPING-SOURCE] ${Z}:`, Pe(ye)), q[Z] = ye.map((Be, st) => {
-            const ft = {}, wt = Pe(Be);
+          Array.isArray(ye) && (console.log(`[DynamicForm][MAPPING-SOURCE] ${ee}:`, Pe(ye)), q[ee] = ye.map((Be, st) => {
+            const ht = {}, wt = Pe(Be);
             return Object.entries(Ae).forEach(([vt, jt]) => {
-              const De = wt[vt] ?? wt[jt] ?? Be[vt] ?? Be[jt] ?? null;
-              ft[jt] = V(De);
-            }), ft;
+              const Me = wt[vt] ?? wt[jt] ?? Be[vt] ?? Be[jt] ?? null;
+              ht[jt] = V(Me);
+            }), ht;
           }));
         }
       }), console.log("[DynamicForm][MAPPING-RESULT]", q), q;
     }, ae = (B) => {
-      var z, q, V, Z;
-      B.requireConfirm ? (m.title = i.value === "id" ? ((z = B.propCustomMessage) == null ? void 0 : z.titleID) || "Konfirmasi" : ((q = B.propCustomMessage) == null ? void 0 : q.titleEN) || "Confirm", m.message = i.value === "id" ? ((V = B.propCustomMessage) == null ? void 0 : V.messageID) || "Lanjutkan?" : ((Z = B.propCustomMessage) == null ? void 0 : Z.messageEN) || "Continue?", m.action = B, m.visible = !0) : Fe(B);
+      var z, q, V, ee;
+      B.requireConfirm ? (m.title = i.value === "id" ? ((z = B.propCustomMessage) == null ? void 0 : z.titleID) || "Konfirmasi" : ((q = B.propCustomMessage) == null ? void 0 : q.titleEN) || "Confirm", m.message = i.value === "id" ? ((V = B.propCustomMessage) == null ? void 0 : V.messageID) || "Lanjutkan?" : ((ee = B.propCustomMessage) == null ? void 0 : ee.messageEN) || "Continue?", m.action = B, m.visible = !0) : Re(B);
     }, be = () => {
-      m.visible = !1, m.action && Fe(m.action);
-    }, Fe = async (B) => {
-      var Z, ve;
+      m.visible = !1, m.action && Re(m.action);
+    }, Re = async (B) => {
+      var ee, ve;
       const z = B.propsActionGlobal || B.props || {}, q = j(Ue(), z.fieldMapping || B.fieldMapping || {});
       s("action", B, q);
       const V = z.endpointPropAction || B.endpointPropAction || z.endpoint || B.endpoint;
@@ -26426,7 +26426,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
             autoClose: ye ? 3e3 : 5e3
           }), ye ? ((z.fieldMapping || B.fieldMapping) && Le(Q, z.fieldMapping || B.fieldMapping), s("success", Q)) : s("error", Q);
         } catch (Q) {
-          const ye = ((ve = (Z = Q.response) == null ? void 0 : Z.data) == null ? void 0 : ve.message) || Q.message || (i.value === "id" ? "Terjadi kesalahan" : "An error occurred");
+          const ye = ((ve = (ee = Q.response) == null ? void 0 : ee.data) == null ? void 0 : ve.message) || Q.message || (i.value === "id" ? "Terjadi kesalahan" : "An error occurred");
           it.update(Ae, { render: `Gagal: ${ye}`, type: "error", isLoading: !1, autoClose: 5e3 }), s("error", Q);
         }
       } else z.type === "SUBMIT" && s("submit", q);
@@ -26435,8 +26435,8 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       var z, q;
       let B = !0;
       return (q = (z = f.value) == null ? void 0 : z.sections) == null || q.forEach((V) => {
-        var Z;
-        ue(V) && (((Z = V.propsForm) == null ? void 0 : Z.fields) || V.fields || []).forEach((ve) => {
+        var ee;
+        de(V) && (((ee = V.propsForm) == null ? void 0 : ee.fields) || V.fields || []).forEach((ve) => {
           if (oe(ve)) {
             const Ae = x(ve, h[ve.model]);
             Ae && (g[ve.model] = Ae, B = !1);
@@ -26451,27 +26451,27 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
           const q = Ue(), V = (((B = f.value) == null ? void 0 : B.actions) || []).find((ve) => {
             var Ae;
             return ve.type === "SUBMIT" || ve.key === "SUBMIT" || ((Ae = ve.propsActionGlobal) == null ? void 0 : Ae.type) === "SUBMIT";
-          }), Z = (V == null ? void 0 : V.fieldMapping) || ((z = V == null ? void 0 : V.propsActionGlobal) == null ? void 0 : z.fieldMapping);
-          s("submit", Z ? j(q, Z) : q);
+          }), ee = (V == null ? void 0 : V.fieldMapping) || ((z = V == null ? void 0 : V.propsActionGlobal) == null ? void 0 : z.fieldMapping);
+          s("submit", ee ? j(q, ee) : q);
         } finally {
           d.value = !1;
         }
       }
-    }, lt = () => s("cancel"), bt = (B, z, q) => {
+    }, lt = () => s("cancel"), ft = (B, z, q) => {
       var ve;
       const V = q ? `${q}.${B}` : B;
       _e(h, V, z);
-      const Z = (ve = b.value.get(B)) == null ? void 0 : ve.field;
-      if (Z) {
-        const Ae = x(Z, z);
+      const ee = (ve = b.value.get(B)) == null ? void 0 : ve.field;
+      if (ee) {
+        const Ae = x(ee, z);
         Ae ? g[B] = Ae : delete g[B];
       }
       s("update:model", Ue());
-    }, Ke = (B) => !B.permission || (n.isEditMode ? B.permission !== "CREATE" : B.permission !== "UPDATE"), Mt = (B) => {
+    }, Ye = (B) => !B.permission || (n.isEditMode ? B.permission !== "CREATE" : B.permission !== "UPDATE"), Mt = (B) => {
       var q, V;
       if ((q = B.fields) != null && q.length) return B.fields;
-      const z = (B.actionTableGlobal || []).find((Z) => Z.permission === "CREATE" || (Z.key || "").toLowerCase().includes("add"));
-      return (V = z == null ? void 0 : z.fieldActionGlobal) != null && V.length ? z.fieldActionGlobal : (B.headers || []).filter((Z) => Z.key && Z.key !== "no").map((Z) => ({ key: Z.key, model: Z.key, component: "DCodeTextField" }));
+      const z = (B.actionTableGlobal || []).find((ee) => ee.permission === "CREATE" || (ee.key || "").toLowerCase().includes("add"));
+      return (V = z == null ? void 0 : z.fieldActionGlobal) != null && V.length ? z.fieldActionGlobal : (B.headers || []).filter((ee) => ee.key && ee.key !== "no").map((ee) => ({ key: ee.key, model: ee.key, component: "DCodeTextField" }));
     }, It = (B) => {
       var z;
       return !(B != null && B.apiUrl) && !((z = B == null ? void 0 : B.endpointTable) != null && z.apiUrl);
@@ -26479,7 +26479,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       if (!B) return !1;
       const z = (B.key || "").toLowerCase(), q = (B.permission || "").toUpperCase();
       return z === "detail" || z.includes("view") || q === "VIEW";
-    }, Kt = (B) => Array.isArray(h[B.modelDatatable]) ? h[B.modelDatatable] : [], te = X(!1), Ce = X(""), $e = X("Plus"), tt = X([]), Ve = zt({}), fe = zt({}), we = X(""), Se = X(null), je = X(!1), yt = X(null), Vt = X(!1), $s = (B, z) => {
+    }, Kt = (B) => Array.isArray(h[B.modelDatatable]) ? h[B.modelDatatable] : [], ne = X(!1), Ce = X(""), $e = X("Plus"), tt = X([]), Ve = zt({}), fe = zt({}), we = X(""), Se = X(null), je = X(!1), yt = X(null), Vt = X(!1), $s = (B, z) => {
       yt.value = { propsTable: B, row: z }, Vt.value = !0;
     }, Ho = () => {
       if (!yt.value) return;
@@ -26490,7 +26490,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         const V = q.indexOf(z);
         if (V !== -1) q.splice(V, 1);
         else {
-          const Z = JSON.stringify(z, (Ae, Q) => ["no", "_index"].includes(Ae) ? void 0 : Q), ve = q.findIndex((Ae) => JSON.stringify(Ae, (Q, ye) => ["no", "_index"].includes(Q) ? void 0 : ye) === Z);
+          const ee = JSON.stringify(z, (Ae, Q) => ["no", "_index"].includes(Ae) ? void 0 : Q), ve = q.findIndex((Ae) => JSON.stringify(Ae, (Q, ye) => ["no", "_index"].includes(Q) ? void 0 : ye) === ee);
           ve !== -1 && q.splice(ve, 1);
         }
         s("update:model", Ue());
@@ -26505,7 +26505,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
     }, ps = (B, z, q) => {
       we.value = B.modelDatatable || "", je.value = en(z), Se.value = null, Ce.value = i.value === "id" ? z.labelID || "Tambah Data" : z.labelEN || "Add Data", $e.value = z.icon || "Plus";
       const V = Mt(B);
-      tt.value = V, Object.keys(Ve).forEach((Z) => delete Ve[Z]), Object.keys(fe).forEach((Z) => delete fe[Z]), V.forEach((Z) => Ve[Z.model] = q ? q[Z.model] ?? null : null), te.value = !0;
+      tt.value = V, Object.keys(Ve).forEach((ee) => delete Ve[ee]), Object.keys(fe).forEach((ee) => delete fe[ee]), V.forEach((ee) => Ve[ee.model] = q ? q[ee.model] ?? null : null), ne.value = !0;
     }, Et = (B, z) => {
       const { action: q, row: V } = z;
       if (/delete|trash/i.test(q)) {
@@ -26514,8 +26514,8 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
           const Be = ye.indexOf(V);
           if (Be !== -1) ye.splice(Be, 1);
           else {
-            const st = JSON.stringify(V, (wt, vt) => ["no", "_index"].includes(wt) ? void 0 : vt), ft = ye.findIndex((wt) => JSON.stringify(wt, (vt, jt) => ["no", "_index"].includes(vt) ? void 0 : jt) === st);
-            ft !== -1 && ye.splice(ft, 1);
+            const st = JSON.stringify(V, (wt, vt) => ["no", "_index"].includes(wt) ? void 0 : vt), ht = ye.findIndex((wt) => JSON.stringify(wt, (vt, jt) => ["no", "_index"].includes(vt) ? void 0 : jt) === st);
+            ht !== -1 && ye.splice(ht, 1);
           }
         }
         return;
@@ -26524,17 +26524,17 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         ps(B, { key: "detail", permission: "VIEW" }, V);
         return;
       }
-      const Z = B.modelDatatable || "";
-      we.value = Z, je.value = !1, Ce.value = i.value === "id" ? "Ubah Data" : "Edit Data", $e.value = "SquarePen";
-      const ve = h[Z];
+      const ee = B.modelDatatable || "";
+      we.value = ee, je.value = !1, Ce.value = i.value === "id" ? "Ubah Data" : "Edit Data", $e.value = "SquarePen";
+      const ve = h[ee];
       let Ae = Array.isArray(ve) ? ve.indexOf(V) : -1;
       if (Ae === -1 && Array.isArray(ve)) {
         const ye = JSON.stringify(V, (Be, st) => ["no", "_index"].includes(Be) ? void 0 : st);
-        Ae = ve.findIndex((Be) => JSON.stringify(Be, (st, ft) => ["no", "_index"].includes(st) ? void 0 : ft) === ye);
+        Ae = ve.findIndex((Be) => JSON.stringify(Be, (st, ht) => ["no", "_index"].includes(st) ? void 0 : ht) === ye);
       }
       Se.value = Ae !== -1 ? Ae : null;
       const Q = Mt(B);
-      tt.value = Q, Object.keys(Ve).forEach((ye) => delete Ve[ye]), Q.forEach((ye) => Ve[ye.model] = V[ye.model] ?? null), te.value = !0;
+      tt.value = Q, Object.keys(Ve).forEach((ye) => delete Ve[ye]), Q.forEach((ye) => Ve[ye.model] = V[ye.model] ?? null), ne.value = !0;
     }, qo = () => {
       let B = !0;
       if (tt.value.forEach((q) => {
@@ -26542,7 +26542,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         V && (fe[q.model] = V, B = !1);
       }), !B) return;
       const z = we.value;
-      z && (h[z] = h[z] || [], Se.value !== null ? h[z].splice(Se.value, 1, { ...Ve }) : h[z].push({ ...Ve }), te.value = !1, s("update:model", Ue()));
+      z && (h[z] = h[z] || [], Se.value !== null ? h[z].splice(Se.value, 1, { ...Ve }) : h[z].push({ ...Ve }), ne.value = !1, s("update:model", Ue()));
     }, ms = /* @__PURE__ */ new Map(), ao = /* @__PURE__ */ new Map();
     return ze(() => ({ ...h }), (B) => {
       var ve;
@@ -26550,13 +26550,13 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
       re();
       const z = P(B), q = (Ae) => {
         Ae.forEach((Q) => {
-          var ft;
-          const ye = A(Q), Be = ue(Q, B);
-          (((ft = Q.propsForm) == null ? void 0 : ft.fields) || Q.fields || []).forEach((wt) => {
+          var ht;
+          const ye = A(Q), Be = de(Q, B);
+          (((ht = Q.propsForm) == null ? void 0 : ht.fields) || Q.fields || []).forEach((wt) => {
             const vt = wt.model;
             if (!vt) return;
-            const jt = ye ? `${ye}.${vt}` : vt, De = ge(h, jt), xt = oe(wt, B) && Be;
-            ms.get(vt) === !0 && xt === !1 && De !== null && De !== void 0 && (console.log(`[DynamicForm][RESET-VISIBLE] ${vt} BEFORE:`, Pe(De)), _e(h, jt, Array.isArray(De) ? [] : null), console.log(`[DynamicForm][RESET-VISIBLE] ${vt} AFTER:`, Pe(ge(h, jt)))), ms.set(vt, xt);
+            const jt = ye ? `${ye}.${vt}` : vt, Me = ge(h, jt), xt = oe(wt, B) && Be;
+            ms.get(vt) === !0 && xt === !1 && Me !== null && Me !== void 0 && (console.log(`[DynamicForm][RESET-VISIBLE] ${vt} BEFORE:`, Pe(Me)), _e(h, jt, Array.isArray(Me) ? [] : null), console.log(`[DynamicForm][RESET-VISIBLE] ${vt} AFTER:`, Pe(ge(h, jt)))), ms.set(vt, xt);
             const Ge = wt.logic;
             if (Ge && xt) {
               const Gt = {};
@@ -26566,45 +26566,47 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                 if (!Jt) return;
                 const C = I(Jt, z, `${$t}-${vt}`), U = JSON.stringify(C);
                 Gt[$t] = U;
-                const de = ao.get(vt);
-                de && de[$t] !== void 0 && de[$t] !== U && (Xt = !0);
-              }), Xt && De !== null && De !== void 0 && (console.log(`[DynamicForm][RESET-LOGIC] ${vt} due to rule change | BEFORE:`, Pe(De)), _e(h, jt, Array.isArray(De) ? [] : null), console.log(`[DynamicForm][RESET-LOGIC] ${vt} AFTER:`, Pe(ge(h, jt)))), ao.set(vt, Gt);
+                const ue = ao.get(vt);
+                ue && ue[$t] !== void 0 && ue[$t] !== U && (Xt = !0);
+              }), Xt && Me !== null && Me !== void 0 && (console.log(`[DynamicForm][RESET-LOGIC] ${vt} due to rule change | BEFORE:`, Pe(Me)), _e(h, jt, Array.isArray(Me) ? [] : null), console.log(`[DynamicForm][RESET-LOGIC] ${vt} AFTER:`, Pe(ge(h, jt)))), ao.set(vt, Gt);
             }
           }), Q.type === "WIZARD" && M(Q).forEach((wt) => q(wt.sections));
         });
       };
       q(f.value.sections);
-      const V = Ue(), Z = JSON.stringify(V);
-      Z !== c && (c = Z, s("update:model", V));
+      const V = Ue() || {}, ee = JSON.stringify(V);
+      ee !== c && (c = ee, console.log("[DynamicForm] Emitting update:model:", V), s("update:model", V));
     }, { deep: !0, immediate: !0 }), ze(() => n.model, (B) => {
-      B && Object.keys(B).length > 0 && JSON.stringify(B) !== c && Object.assign(h, B);
+      B && Object.keys(B).length > 0 ? JSON.stringify(B) !== c && (console.log("[DynamicForm] Received new model data:", B), Object.keys(B).forEach((q) => {
+        h[q] = B[q];
+      }), console.log("[DynamicForm] Updated formData:", { ...h })) : console.log("[DynamicForm] Received empty or null model data");
     }, { immediate: !0, deep: !0 }), (B, z) => {
-      var q, V, Z, ve, Ae;
+      var q, V, ee, ve, Ae;
       return p(), k("div", mE, [
         (p(!0), k(xe, null, We((q = f.value) == null ? void 0 : q.sections, (Q, ye) => {
-          var Be, st, ft, wt, vt, jt;
+          var Be, st, ht, wt, vt, jt;
           return p(), k(xe, { key: ye }, [
-            ((Be = Q.type) == null ? void 0 : Be.toUpperCase()) === "FORM" && Q.propsForm && ue(Q) ? (p(), k("div", gE, [
+            ((Be = Q.type) == null ? void 0 : Be.toUpperCase()) === "FORM" && Q.propsForm && de(Q) ? (p(), k("div", gE, [
               ((st = Q.type) == null ? void 0 : st.toUpperCase()) !== "TABLE" ? (p(), k("div", bE, [
                 J(Q).title ? (p(), k("div", yE, [
                   y("h3", vE, H(J(Q).title), 1)
                 ])) : W("", !0),
                 y("div", xE, [
-                  (ft = Q.propsForm.actionSection) != null && ft.length ? (p(!0), k(xe, { key: 0 }, We(Q.propsForm.actionSection, (De, xt) => {
+                  (ht = Q.propsForm.actionSection) != null && ht.length ? (p(!0), k(xe, { key: 0 }, We(Q.propsForm.actionSection, (Me, xt) => {
                     var vn, Ge, Gt, Xt, $t, Jt, C;
                     return p(), k(xe, { key: xt }, [
-                      Ke(De) ? (p(), me(gt, {
+                      Ye(Me) ? (p(), me(bt, {
                         key: 0,
-                        icon: De.icon || ((vn = De.propsActionGlobal) == null ? void 0 : vn.icon),
-                        text: i.value === "id" ? De.labelID || ((Ge = De.propsActionGlobal) == null ? void 0 : Ge.labelID) : De.labelEN || ((Gt = De.propsActionGlobal) == null ? void 0 : Gt.labelEN),
-                        "bg-color": (($t = De.bgColor || ((Xt = De.propsActionGlobal) == null ? void 0 : Xt.bgColor)) == null ? void 0 : $t.toLowerCase()) || "primary",
-                        variant: ((C = De.variant || ((Jt = De.propsActionGlobal) == null ? void 0 : Jt.variant)) == null ? void 0 : C.toLowerCase()) || "outline",
+                        icon: Me.icon || ((vn = Me.propsActionGlobal) == null ? void 0 : vn.icon),
+                        text: i.value === "id" ? Me.labelID || ((Ge = Me.propsActionGlobal) == null ? void 0 : Ge.labelID) : Me.labelEN || ((Gt = Me.propsActionGlobal) == null ? void 0 : Gt.labelEN),
+                        "bg-color": (($t = Me.bgColor || ((Xt = Me.propsActionGlobal) == null ? void 0 : Xt.bgColor)) == null ? void 0 : $t.toLowerCase()) || "primary",
+                        variant: ((C = Me.variant || ((Jt = Me.propsActionGlobal) == null ? void 0 : Jt.variant)) == null ? void 0 : C.toLowerCase()) || "outline",
                         size: "sm",
-                        onClick: (U) => ae(De)
+                        onClick: (U) => ae(Me)
                       }, null, 8, ["icon", "text", "bg-color", "variant", "onClick"])) : W("", !0)
                     ], 64);
                   }), 128)) : W("", !0),
-                  ye === 0 ? (p(), me(gt, {
+                  ye === 0 ? (p(), me(bt, {
                     key: 1,
                     size: "sm",
                     icon: "List",
@@ -26617,47 +26619,47 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
               y("div", {
                 class: he(["p-4 grid gap-4", Q.propsForm.layoutColumns > 1 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1"])
               }, [
-                (p(!0), k(xe, null, We(S(Q.propsForm.fields), (De) => (p(), k(xe, {
-                  key: De.key
+                (p(!0), k(xe, null, We(S(Q.propsForm.fields), (Me) => (p(), k(xe, {
+                  key: Me.key
                 }, [
-                  oe(De) ? (p(), k("div", {
+                  oe(Me) ? (p(), k("div", {
                     key: 0,
                     class: he([
-                      De.column === "FULL" && Q.propsForm.layoutColumns > 1 ? "md:col-span-2" : "col-span-1"
+                      Me.column === "FULL" && Q.propsForm.layoutColumns > 1 ? "md:col-span-2" : "col-span-1"
                     ])
                   }, [
                     G(Bi, {
-                      field: De,
-                      "model-value": ge(h, A(Q) ? `${A(Q)}.${De.model}` : De.model),
+                      field: Me,
+                      "model-value": ge(h, A(Q) ? `${A(Q)}.${Me.model}` : Me.model) ?? h[Me.model],
                       "form-data": h,
-                      required: ne(De),
-                      disabled: $(De),
-                      options: K(De),
-                      error: g[De.model],
-                      "dynamic-labels": D(De),
-                      "dynamic-length": _(De),
+                      required: Z(Me),
+                      disabled: $(Me),
+                      options: K(Me),
+                      error: g[Me.model],
+                      "dynamic-labels": D(Me),
+                      "dynamic-length": _(Me),
                       "base-url": e.baseUrl,
-                      "onUpdate:modelValue": (xt) => bt(De.model, xt, A(Q))
+                      "onUpdate:modelValue": (xt) => ft(Me.model, xt, A(Q))
                     }, null, 8, ["field", "model-value", "form-data", "required", "disabled", "options", "error", "dynamic-labels", "dynamic-length", "base-url", "onUpdate:modelValue"])
                   ], 2)) : W("", !0)
                 ], 64))), 128))
               ], 2)
-            ])) : ((wt = Q.type) == null ? void 0 : wt.toUpperCase()) === "TABLE" && Q.propsTable && ue(Q) ? (p(), k("div", wE, [
+            ])) : ((wt = Q.type) == null ? void 0 : wt.toUpperCase()) === "TABLE" && Q.propsTable && de(Q) ? (p(), k("div", wE, [
               G(Ha, {
                 "table-config": Q.propsTable,
                 data: Kt(Q.propsTable),
                 nested: !0,
                 "show-pagination": Q.propsTable.pagination ?? !0,
                 "has-actions": It(Q.propsTable),
-                onAction: (De) => Et(Q.propsTable, De)
+                onAction: (Me) => Et(Q.propsTable, Me)
               }, Ri({
                 "header-actions": ce(() => {
-                  var De;
+                  var Me;
                   return [
-                    (De = Q.propsTable.actionTableGlobal) != null && De.length ? (p(!0), k(xe, { key: 0 }, We(Q.propsTable.actionTableGlobal, (xt, vn) => {
+                    (Me = Q.propsTable.actionTableGlobal) != null && Me.length ? (p(!0), k(xe, { key: 0 }, We(Q.propsTable.actionTableGlobal, (xt, vn) => {
                       var Ge, Gt;
                       return p(), k(xe, { key: vn }, [
-                        xt.propsActionGlobal ? (p(), me(gt, {
+                        xt.propsActionGlobal ? (p(), me(bt, {
                           key: 0,
                           icon: xt.propsActionGlobal.icon,
                           text: i.value === "id" ? xt.propsActionGlobal.labelID || xt.labelID : xt.propsActionGlobal.labelEN || xt.labelEN,
@@ -26668,7 +26670,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                           onClick: (Xt) => ps(Q.propsTable, xt)
                         }, null, 8, ["icon", "text", "bg-color", "variant", "onClick"])) : W("", !0)
                       ], 64);
-                    }), 128)) : It(Q.propsTable) ? (p(), me(gt, {
+                    }), 128)) : It(Q.propsTable) ? (p(), me(bt, {
                       key: 1,
                       icon: "Plus",
                       text: i.value === "id" ? "Tambah Data" : "Add Data",
@@ -26690,7 +26692,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
               }, [
                 It(Q.propsTable) ? {
                   name: "actions",
-                  fn: ce(({ row: De }) => [
+                  fn: ce(({ row: Me }) => [
                     y("div", kE, [
                       y("button", {
                         class: "h-8 w-8 rounded flex items-center justify-center text-primary-600 hover:bg-primary-50 dark:hover:bg-primary-900/30",
@@ -26700,7 +26702,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                           labelID: "Detail",
                           labelEN: "Detail",
                           fieldActionGlobal: Mt(Q.propsTable)
-                        }, De), ["stop"]),
+                        }, Me), ["stop"]),
                         title: "Detail"
                       }, [...z[6] || (z[6] = [
                         y("svg", {
@@ -26721,7 +26723,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                       ])], 8, _E),
                       y("button", {
                         class: "h-8 w-8 rounded flex items-center justify-center text-warning-600 hover:bg-warning-50 dark:hover:bg-warning-900/30",
-                        onClick: _t((xt) => Et(Q.propsTable, { action: "edit", row: De }), ["stop"]),
+                        onClick: _t((xt) => Et(Q.propsTable, { action: "edit", row: Me }), ["stop"]),
                         title: "Edit"
                       }, [...z[7] || (z[7] = [
                         y("svg", {
@@ -26738,7 +26740,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                       ])], 8, CE),
                       y("button", {
                         class: "h-8 w-8 rounded flex items-center justify-center text-danger-500 hover:bg-danger-50 dark:hover:bg-danger-900/30",
-                        onClick: _t((xt) => $s(Q.propsTable, De), ["stop"]),
+                        onClick: _t((xt) => $s(Q.propsTable, Me), ["stop"]),
                         title: "Hapus"
                       }, [...z[8] || (z[8] = [
                         y("svg", {
@@ -26761,37 +26763,37 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                   key: "0"
                 } : void 0
               ]), 1032, ["table-config", "data", "show-pagination", "has-actions", "onAction"])
-            ])) : ((vt = Q.type) == null ? void 0 : vt.toUpperCase()) === "WIZARD" && Q.propsWizard && ue(Q) ? (p(), k("div", SE, [
+            ])) : ((vt = Q.type) == null ? void 0 : vt.toUpperCase()) === "WIZARD" && Q.propsWizard && de(Q) ? (p(), k("div", SE, [
               G(Yu, {
                 tabs: M(Q),
                 modelValue: w[A(Q)],
-                "onUpdate:modelValue": (De) => w[A(Q)] = De,
+                "onUpdate:modelValue": (Me) => w[A(Q)] = Me,
                 "is-vertical": Q.propsWizard.isVertical,
                 "is-wizard": Q.propsWizard.isWizard,
                 "type-wizard": ((jt = Q.propsWizard.typeWizard) == null ? void 0 : jt.toLowerCase()) || "icon",
                 loading: d.value
               }, Ri({ _: 2 }, [
-                We(M(Q), (De) => ({
-                  name: `tab-${De.key}`,
+                We(M(Q), (Me) => ({
+                  name: `tab-${Me.key}`,
                   fn: ce(() => {
                     var xt, vn;
                     return [
                       y("div", ME, [
-                        De.title || (xt = De.actions) != null && xt.length ? (p(), k("div", DE, [
+                        Me.title || (xt = Me.actions) != null && xt.length ? (p(), k("div", DE, [
                           y("div", null, [
-                            De.title ? (p(), k("h4", EE, H(De.title), 1)) : W("", !0),
-                            De.description ? (p(), k("p", PE, H(De.description), 1)) : W("", !0)
+                            Me.title ? (p(), k("h4", EE, H(Me.title), 1)) : W("", !0),
+                            Me.description ? (p(), k("p", PE, H(Me.description), 1)) : W("", !0)
                           ]),
-                          (vn = De.actions) != null && vn.length ? (p(), k("div", TE, [
-                            (p(!0), k(xe, null, We(De.actions, (Ge, Gt) => {
-                              var Xt, $t, Jt, C, U, de, N;
+                          (vn = Me.actions) != null && vn.length ? (p(), k("div", TE, [
+                            (p(!0), k(xe, null, We(Me.actions, (Ge, Gt) => {
+                              var Xt, $t, Jt, C, U, ue, N;
                               return p(), k(xe, { key: Gt }, [
-                                Ke(Ge) ? (p(), me(gt, {
+                                Ye(Ge) ? (p(), me(bt, {
                                   key: 0,
                                   icon: Ge.icon || ((Xt = Ge.propsActionGlobal) == null ? void 0 : Xt.icon),
                                   text: i.value === "id" ? Ge.labelID || (($t = Ge.propsActionGlobal) == null ? void 0 : $t.labelID) : Ge.labelEN || ((Jt = Ge.propsActionGlobal) == null ? void 0 : Jt.labelEN),
                                   "bg-color": ((U = Ge.bgColor || ((C = Ge.propsActionGlobal) == null ? void 0 : C.bgColor)) == null ? void 0 : U.toLowerCase()) || "primary",
-                                  variant: ((N = Ge.variant || ((de = Ge.propsActionGlobal) == null ? void 0 : de.variant)) == null ? void 0 : N.toLowerCase()) || "tonal",
+                                  variant: ((N = Ge.variant || ((ue = Ge.propsActionGlobal) == null ? void 0 : ue.variant)) == null ? void 0 : N.toLowerCase()) || "tonal",
                                   size: "sm",
                                   onClick: (Y) => ae(Ge)
                                 }, null, 8, ["icon", "text", "bg-color", "variant", "onClick"])) : W("", !0)
@@ -26799,10 +26801,10 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                             }), 128))
                           ])) : W("", !0)
                         ])) : W("", !0),
-                        (p(!0), k(xe, null, We(De.sections, (Ge, Gt) => {
+                        (p(!0), k(xe, null, We(Me.sections, (Ge, Gt) => {
                           var Xt, $t, Jt;
                           return p(), k(xe, { key: Gt }, [
-                            ue(Ge) ? (p(), k(xe, { key: 0 }, [
+                            de(Ge) ? (p(), k(xe, { key: 0 }, [
                               ((Xt = Ge.type) == null ? void 0 : Xt.toUpperCase()) === "FORM" ? (p(), k("div", {
                                 key: 0,
                                 class: he(["grid gap-4", Ge.layoutColumns > 1 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1"])
@@ -26818,16 +26820,16 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                                   }, [
                                     G(Bi, {
                                       field: C,
-                                      "model-value": ge(h, A(Ge) ? `${A(Ge)}.${C.model}` : C.model),
+                                      "model-value": ge(h, A(Ge) ? `${A(Ge)}.${C.model}` : C.model) ?? h[C.model],
                                       "form-data": h,
-                                      required: ne(C),
+                                      required: Z(C),
                                       disabled: $(C),
                                       options: K(C),
                                       error: g[C.model],
                                       "dynamic-labels": D(C),
                                       "dynamic-length": _(C),
                                       "base-url": e.baseUrl,
-                                      "onUpdate:modelValue": (U) => bt(C.model, U, A(Ge))
+                                      "onUpdate:modelValue": (U) => ft(C.model, U, A(Ge))
                                     }, null, 8, ["field", "model-value", "form-data", "required", "disabled", "options", "error", "dynamic-labels", "dynamic-length", "base-url", "onUpdate:modelValue"])
                                   ], 2)) : W("", !0)
                                 ], 64))), 128))
@@ -26853,23 +26855,23 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
         }), 128)),
         v != null && v.global ? W("", !0) : (p(), k("div", {
           key: 0,
-          class: he(((Z = (V = f.value) == null ? void 0 : V.ui) == null ? void 0 : Z.actionsClass) || "flex items-center gap-2 flex-wrap pt-4 border-t border-neutral-100 dark:border-neutral-800")
+          class: he(((ee = (V = f.value) == null ? void 0 : V.ui) == null ? void 0 : ee.actionsClass) || "flex items-center gap-2 flex-wrap pt-4 border-t border-neutral-100 dark:border-neutral-800")
         }, [
           (Ae = (ve = f.value) == null ? void 0 : ve.actionGlobal) != null && Ae.length ? (p(!0), k(xe, { key: 0 }, We(f.value.actionGlobal, (Q, ye) => {
-            var Be, st, ft;
+            var Be, st, ht;
             return p(), k(xe, { key: ye }, [
-              Q.propsActionGlobal && Ke(Q) ? (p(), me(gt, {
+              Q.propsActionGlobal && Ye(Q) ? (p(), me(bt, {
                 key: 0,
                 icon: Q.propsActionGlobal.icon,
                 text: i.value === "id" ? Q.propsActionGlobal.labelID : Q.propsActionGlobal.labelEN,
                 "bg-color": ((Be = Q.propsActionGlobal.bgColor) == null ? void 0 : Be.toLowerCase()) || "primary",
                 variant: ((st = Q.propsActionGlobal.variant) == null ? void 0 : st.toLowerCase()) || "default",
                 loading: d.value,
-                disabled: se.value && (Q.permission === "CREATE" || Q.permission === "UPDATE" || ((ft = Q.propsActionGlobal) == null ? void 0 : ft.key) === "submit"),
+                disabled: se.value && (Q.permission === "CREATE" || Q.permission === "UPDATE" || ((ht = Q.propsActionGlobal) == null ? void 0 : ht.key) === "submit"),
                 onClick: (wt) => ae(Q)
               }, null, 8, ["icon", "text", "bg-color", "variant", "loading", "disabled", "onClick"])) : W("", !0)
             ], 64);
-          }), 128)) : (p(), me(gt, {
+          }), 128)) : (p(), me(bt, {
             key: 1,
             text: "Submit",
             "bg-color": "primary",
@@ -26886,12 +26888,12 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
           "max-width": 450
         }, {
           actions: ce(() => [
-            G(gt, {
+            G(bt, {
               variant: "outline",
               text: L(o)("common.cancel"),
               onClick: z[0] || (z[0] = (Q) => m.visible = !1)
             }, null, 8, ["text"]),
-            G(gt, {
+            G(bt, {
               text: L(o)("common.confirm"),
               onClick: be
             }, null, 8, ["text"])
@@ -26902,19 +26904,19 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
           _: 1
         }, 8, ["modelValue", "title"]),
         G(Ds, {
-          modelValue: te.value,
-          "onUpdate:modelValue": z[3] || (z[3] = (Q) => te.value = Q),
+          modelValue: ne.value,
+          "onUpdate:modelValue": z[3] || (z[3] = (Q) => ne.value = Q),
           title: Ce.value,
           icon: $e.value,
           "max-width": 700
         }, {
           actions: ce(() => [
-            G(gt, {
+            G(bt, {
               variant: "outline",
               text: je.value ? i.value === "id" ? "Tutup" : "Close" : i.value === "id" ? "Batal" : "Cancel",
-              onClick: z[2] || (z[2] = (Q) => te.value = !1)
+              onClick: z[2] || (z[2] = (Q) => ne.value = !1)
             }, null, 8, ["text"]),
-            je.value ? W("", !0) : (p(), me(gt, {
+            je.value ? W("", !0) : (p(), me(bt, {
               key: 0,
               text: "Save",
               onClick: qo
@@ -26931,7 +26933,7 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
                   field: Q,
                   "model-value": Ve[Q.model],
                   "form-data": Ve,
-                  required: je.value ? !1 : ne(Q, Ve),
+                  required: je.value ? !1 : Z(Q, Ve),
                   disabled: je.value || $(Q, Ve),
                   "view-only": je.value,
                   options: K(Q, Ve),
@@ -26954,12 +26956,12 @@ const Pn = /* @__PURE__ */ Bd(h5), p5 = { class: "dcode-card animate-slide-up" }
           "max-width": 440
         }, {
           actions: ce(() => [
-            G(gt, {
+            G(bt, {
               variant: "outline",
               text: i.value === "id" ? "Batal" : "Cancel",
               onClick: z[4] || (z[4] = (Q) => Vt.value = !1)
             }, null, 8, ["text"]),
-            G(gt, {
+            G(bt, {
               variant: "default",
               "bg-color": "danger",
               icon: "Trash2",
@@ -27042,7 +27044,7 @@ const FE = { class: "w-full space-y-6 animate-pulse" }, $E = { class: "p-4 grid
   },
   emits: ["submit-success", "cancel", "action-success", "update:model"],
   setup(e, { emit: t }) {
-    var O, I, F, R, ie, K, ee, oe;
+    var O, I, F, R, ie, K, te, oe;
     const n = e, s = t, o = (I = (O = vo()) == null ? void 0 : O.appContext) == null ? void 0 : I.app;
     o && !o._context.provides[Symbol.for("vue-router-route-location")] && o.provide(Symbol.for("vue-router-route-location"), {
       query: {},
@@ -27051,9 +27053,9 @@ const FE = { class: "w-full space-y-6 animate-pulse" }, $E = { class: "p-4 grid
     });
     let a = { query: {}, params: {}, path: "" };
     try {
-      const ne = rr();
-      if (ne && Object.keys(ne).length > 0)
-        a = ne;
+      const Z = rr();
+      if (Z && Object.keys(Z).length > 0)
+        a = Z;
       else {
         const $ = vo();
         (ie = (R = (F = $ == null ? void 0 : $.appContext) == null ? void 0 : F.config) == null ? void 0 : R.globalProperties) != null && ie.$route && (a = $.appContext.config.globalProperties.$route);
@@ -27065,18 +27067,18 @@ const FE = { class: "w-full space-y-6 animate-pulse" }, $E = { class: "p-4 grid
       back: () => {
         typeof window < "u" && window.history && window.history.length > 1 && window.history.back();
       },
-      push: (ne) => {
-        typeof window < "u" && (typeof ne == "string" ? window.location.href = ne : ne && ne.path && (window.location.href = ne.path));
+      push: (Z) => {
+        typeof window < "u" && (typeof Z == "string" ? window.location.href = Z : Z && Z.path && (window.location.href = Z.path));
       },
       __isFallback: !0
     };
     try {
-      const ne = Ya();
-      if (ne)
-        i = ne;
+      const Z = Ya();
+      if (Z)
+        i = Z;
       else {
         const $ = vo();
-        (oe = (ee = (K = $ == null ? void 0 : $.appContext) == null ? void 0 : K.config) == null ? void 0 : ee.globalProperties) != null && oe.$router && (i = $.appContext.config.globalProperties.$router);
+        (oe = (te = (K = $ == null ? void 0 : $.appContext) == null ? void 0 : K.config) == null ? void 0 : te.globalProperties) != null && oe.$router && (i = $.appContext.config.globalProperties.$router);
       }
     } catch {
       console.warn("useRouter not available, using fallback");
@@ -27095,29 +27097,29 @@ const FE = { class: "w-full space-y-6 animate-pulse" }, $E = { class: "p-4 grid
     const f = T(() => {
       if (a.params && "id" in a.params) return a.params.id;
       if (!a.path) return null;
-      const ne = a.path.match(/\/edit\/([^\/]+)$/);
-      return ne ? ne[1] : null;
+      const Z = a.path.match(/\/edit\/([^\/]+)$/);
+      return Z ? Z[1] : null;
     }), h = X({}), g = X(null), w = X(!0), v = X(!1), m = "https://dcodedynamic.skyworx.co.id/api/auto-layout/form/form-dynamic?code=", A = "https://dcodedynamic.skyworx.co.id/api/auto-layout/datatable/form-dynamic?code=", M = X(n.layoutCode), S = T(() => {
       var J;
       if (!g.value) return "";
-      const ne = ((J = c == null ? void 0 : c.value) == null ? void 0 : J.toLowerCase()) || "en";
-      return (ne === "en" || ne.startsWith("en-") ? g.value.titleEN : g.value.titleID) || g.value.title || n.layoutCode;
+      const Z = ((J = c == null ? void 0 : c.value) == null ? void 0 : J.toLowerCase()) || "en";
+      return (Z === "en" || Z.startsWith("en-") ? g.value.titleEN : g.value.titleID) || g.value.title || n.layoutCode;
     });
     ze(
       S,
-      (ne) => {
-        ne && d(ne);
+      (Z) => {
+        Z && d(Z);
       },
       { immediate: !0 }
     );
-    const D = (ne, $ = "") => {
+    const D = (Z, $ = "") => {
       const J = {};
-      return !ne || typeof ne != "object" || Object.keys(ne).forEach((ue) => {
-        const re = ne[ue], se = $ ? `${$}.${ue}` : ue;
+      return !Z || typeof Z != "object" || Object.keys(Z).forEach((de) => {
+        const re = Z[de], se = $ ? `${$}.${de}` : de;
         re && typeof re == "object" && !Array.isArray(re) && !(re instanceof Date) && Object.assign(J, D(re, se)), J[se] = re;
       }), J;
     }, _ = async () => {
-      var ne, $, J, ue, re, se;
+      var Z, $, J, de, re, se;
       w.value = !0;
       try {
         let ge = n.layoutCode;
@@ -27137,67 +27139,68 @@ const FE = { class: "w-full space-y-6 animate-pulse" }, $E = { class: "p-4 grid
         if (Le.status) {
           g.value = Array.isArray(Le.data) ? Le.data[0] : Le.data;
           const le = {};
-          if ((ne = g.value) != null && ne.sections && g.value.sections.forEach((j) => {
-            ((j.propsForm || j.props || {}).fields || j.fields || []).forEach((Fe) => {
+          if ((Z = g.value) != null && Z.sections && g.value.sections.forEach((j) => {
+            ((j.propsForm || j.props || {}).fields || j.fields || []).forEach((Re) => {
               var rt;
-              const qe = Fe.model || ((rt = Fe.props) == null ? void 0 : rt.model) || Fe.key;
+              const qe = Re.model || ((rt = Re.props) == null ? void 0 : rt.model) || Re.key;
               qe && (le[qe] = null);
             });
           }), h.value = le, w.value = !1, u.value && f.value) {
             v.value = !0;
             try {
-              const j = (ue = (J = ($ = g.value.sections) == null ? void 0 : $[0]) == null ? void 0 : J.propsForm) == null ? void 0 : ue.endpointForm, ae = g.value.endpointForm, be = j || ae;
+              const j = (de = (J = ($ = g.value.sections) == null ? void 0 : $[0]) == null ? void 0 : J.propsForm) == null ? void 0 : de.endpointForm, ae = g.value.endpointForm, be = j || ae;
               if (be != null && be.apiUrl) {
-                const Fe = be.apiUrl, qe = be.apiMethod || "GET", rt = be.keyParam || [], lt = {};
-                rt.length > 0 ? rt.forEach((Ke) => {
-                  lt[Ke] = f.value;
+                const Re = be.apiUrl, qe = be.apiMethod || "GET", rt = be.keyParam || [], lt = {};
+                rt.length > 0 ? rt.forEach((Ye) => {
+                  lt[Ye] = f.value;
                 }) : lt.id = f.value;
-                const bt = await l(Fe, qe, lt);
-                if (bt.status) {
-                  let Ke = Array.isArray(bt.data) ? bt.data[0] : bt.data;
-                  bt.payload && (Ke = { ...Ke, ...bt.payload });
-                  const Mt = D(Ke);
-                  h.value = { ...h.value, ...Ke, ...Mt };
-                }
+                const ft = await l(Re, qe, lt);
+                if (console.log(`[AutoLayoutForm] API Result for ${Re}:`, ft), ft.status) {
+                  let Ye = Array.isArray(ft.data) ? ft.data[0] : ft.data;
+                  ft.payload && (Ye = { ...Ye, ...ft.payload }), console.log("[AutoLayoutForm] Successfully fetched record:", Ye);
+                  const Mt = D(Ye);
+                  h.value = { ...h.value, ...Ye, ...Mt }, console.log("[AutoLayoutForm] Updated initialData:", h.value);
+                } else
+                  console.warn("[AutoLayoutForm] Record API returned status: false", ft);
               } else if ((re = g.value.endpointGlobal) != null && re.apiUrl) {
-                const Fe = g.value.endpointGlobal.apiUrl, qe = g.value.endpointGlobal.apiMethod || "GET", rt = { id: f.value }, lt = await l(Fe, qe, rt);
+                const Re = g.value.endpointGlobal.apiUrl, qe = g.value.endpointGlobal.apiMethod || "GET", rt = { id: f.value }, lt = await l(Re, qe, rt);
                 if (lt.status) {
-                  const bt = Array.isArray(lt.data) ? lt.data[0] : lt.data, Ke = D(bt);
-                  h.value = { ...h.value, ...bt, ...Ke };
+                  const ft = Array.isArray(lt.data) ? lt.data[0] : lt.data, Ye = D(ft);
+                  h.value = { ...h.value, ...ft, ...Ye };
                 }
               } else {
-                const Fe = ((se = g.value.endpoint) == null ? void 0 : se.detailUrl) || `/api/${M.value}/detail/${f.value}`, qe = await r(Fe, "GET");
+                const Re = ((se = g.value.endpoint) == null ? void 0 : se.detailUrl) || `/api/${M.value}/detail/${f.value}`, qe = await r(Re, "GET");
                 if (qe.status) {
                   let rt = Array.isArray(qe.data) ? qe.data[0] : qe.data;
                   if (qe.payload) {
-                    const Ke = { ...qe.payload };
-                    if (Object.keys(Ke).forEach((Mt) => {
-                      rt[Mt] !== void 0 && rt[Mt] !== null && (Ke[Mt] = rt[Mt]);
-                    }), !("id" in Ke) && rt.id) {
-                      const Mt = Object.keys(Ke).find(
-                        (It) => It.startsWith("id") && It.length > 2 && !Ke[It]
+                    const Ye = { ...qe.payload };
+                    if (Object.keys(Ye).forEach((Mt) => {
+                      rt[Mt] !== void 0 && rt[Mt] !== null && (Ye[Mt] = rt[Mt]);
+                    }), !("id" in Ye) && rt.id) {
+                      const Mt = Object.keys(Ye).find(
+                        (It) => It.startsWith("id") && It.length > 2 && !Ye[It]
                       );
-                      Mt && (Ke[Mt] = rt.id);
+                      Mt && (Ye[Mt] = rt.id);
                     }
-                    rt = Ke;
+                    rt = Ye;
                   }
                   const lt = { ...rt };
-                  Object.keys(h.value).forEach((Ke) => {
-                    if (lt[Ke] === void 0 || lt[Ke] === null) {
-                      if (Ke.toLowerCase().startsWith("id") && Ke.length > 2) {
-                        const It = Ke.substring(2).toLowerCase(), en = Array.isArray(qe.data) ? qe.data[0] : qe.data, Kt = Object.keys(en).find(
-                          (te) => te.toLowerCase() === It
+                  Object.keys(h.value).forEach((Ye) => {
+                    if (lt[Ye] === void 0 || lt[Ye] === null) {
+                      if (Ye.toLowerCase().startsWith("id") && Ye.length > 2) {
+                        const It = Ye.substring(2).toLowerCase(), en = Array.isArray(qe.data) ? qe.data[0] : qe.data, Kt = Object.keys(en).find(
+                          (ne) => ne.toLowerCase() === It
                         );
-                        Kt && en[Kt] && typeof en[Kt] == "object" && "id" in en[Kt] && (lt[Ke] = en[Kt].id);
+                        Kt && en[Kt] && typeof en[Kt] == "object" && "id" in en[Kt] && (lt[Ye] = en[Kt].id);
                       }
-                      if (Ke === "idSupervisor") {
+                      if (Ye === "idSupervisor") {
                         const It = Array.isArray(qe.data) ? qe.data[0] : qe.data;
-                        It.supervisorId && (lt[Ke] = It.supervisorId);
+                        It.supervisorId && (lt[Ye] = It.supervisorId);
                       }
                     }
                   });
-                  const bt = D(lt);
-                  h.value = { ...h.value, ...lt, ...bt };
+                  const ft = D(lt);
+                  h.value = { ...h.value, ...lt, ...ft };
                 }
               }
             } catch (j) {
@@ -27210,35 +27213,44 @@ const FE = { class: "w-full space-y-6 animate-pulse" }, $E = { class: "p-4 grid
       } catch (ge) {
         console.error("Failed to load form layout:", ge), w.value = !1;
       }
-    }, x = (ne) => {
-      h.value = ne, s("update:model", ne);
-    }, b = async (ne) => {
-      var $, J, ue;
+    }, x = (Z) => {
+      const $ = Object.keys(h.value || {}).filter((de) => h.value[de] !== null && h.value[de] !== void 0), J = Object.keys(Z || {}).filter((de) => Z[de] !== null && Z[de] !== void 0);
+      if ($.length > 3 && J.length < $.length / 2) {
+        console.warn('[AutoLayoutForm] Circuit breaker triggered: Ignoring likely erroneous "empty" update from child.', {
+          currentCount: $.length,
+          incomingCount: J.length,
+          data: Z
+        });
+        return;
+      }
+      console.log("[AutoLayoutForm] Allowing model update:", Z), h.value = Z, s("update:model", Z);
+    }, b = async (Z) => {
+      var $, J, de;
       try {
-        const re = (ue = (J = ($ = g.value.sections) == null ? void 0 : $[0]) == null ? void 0 : J.propsForm) == null ? void 0 : ue.endpointForm, se = g.value.endpointGlobal || g.value.endpoint, ge = (re == null ? void 0 : re.submitUrl) || (se == null ? void 0 : se.submitUrl) || `/api/generic/${n.layoutCode}`, _e = (re == null ? void 0 : re.submitMethod) || (se == null ? void 0 : se.submitMethod) || (u.value ? "PUT" : "POST"), Pe = Object.values(ne).some(
+        const re = (de = (J = ($ = g.value.sections) == null ? void 0 : $[0]) == null ? void 0 : J.propsForm) == null ? void 0 : de.endpointForm, se = g.value.endpointGlobal || g.value.endpoint, ge = (re == null ? void 0 : re.submitUrl) || (se == null ? void 0 : se.submitUrl) || `/api/generic/${n.layoutCode}`, _e = (re == null ? void 0 : re.submitMethod) || (se == null ? void 0 : se.submitMethod) || (u.value ? "PUT" : "POST"), Pe = Object.values(Z).some(
           (Le) => Le instanceof File || Le instanceof Blob
         );
         let Ue;
-        Pe ? (Ue = new FormData(), Object.keys(ne).forEach((Le) => {
-          const le = ne[Le];
+        Pe ? (Ue = new FormData(), Object.keys(Z).forEach((Le) => {
+          const le = Z[Le];
           le != null && (Array.isArray(le) ? le.forEach((j) => Ue.append(`${Le}[]`, j)) : Ue.append(Le, le));
-        })) : (Ue = { ...ne }, u.value && f.value && !Ue.id && (Ue.id = f.value)), await r(ge, _e, Ue), s("submit-success", Ue), i.back();
+        })) : (Ue = { ...Z }, u.value && f.value && !Ue.id && (Ue.id = f.value)), await r(ge, _e, Ue), s("submit-success", Ue), i.back();
       } catch (re) {
         console.error("Submit failed:", re);
       }
-    }, E = async (ne, $, J) => {
-      if (ne === "cancel") {
+    }, E = async (Z, $, J) => {
+      if (Z === "cancel") {
         P();
         return;
       }
-      const ue = $.endpointPropAction || $.propsActionGlobal && $.propsActionGlobal.endpointPropAction;
-      if (ue)
+      const de = $.endpointPropAction || $.propsActionGlobal && $.propsActionGlobal.endpointPropAction;
+      if (de)
         try {
           w.value = !0;
           const re = J ? { ...J } : { ...h.value };
           u.value && $.model && f.value && (re[$.model] = f.value);
-          const se = ue.apiUrl, ge = ue.apiMethod || "POST";
-          (await l(se, ge, re)).status && (s("action-success", ne, $, re), i.back());
+          const se = de.apiUrl, ge = de.apiMethod || "POST";
+          (await l(se, ge, re)).status && (s("action-success", Z, $, re), i.back());
         } catch (re) {
           console.error("Action failed:", re);
         } finally {
@@ -27251,13 +27263,13 @@ const FE = { class: "w-full space-y-6 animate-pulse" }, $E = { class: "p-4 grid
       _();
     }), ze(
       () => n.model,
-      (ne) => {
-        ne && Object.keys(ne).length > 0 && (h.value = { ...h.value, ...ne });
+      (Z) => {
+        Z && Object.keys(Z).length > 0 && (h.value = { ...h.value, ...Z });
       },
       { immediate: !0, deep: !0 }
     ), no(() => {
       d("");
-    }), (ne, $) => (p(), k("div", VE, [
+    }), (Z, $) => (p(), k("div", VE, [
       y("div", jE, [
         G(Bn, {
           name: "fade",
@@ -27288,7 +27300,7 @@ const FE = { class: "w-full space-y-6 animate-pulse" }, $E = { class: "p-4 grid
       ])
     ]));
   }
-}), uf = /* @__PURE__ */ cn(GE, [["__scopeId", "data-v-9d6797b1"]]), XE = { class: "h-full flex flex-col" }, YE = {
+}), uf = /* @__PURE__ */ cn(GE, [["__scopeId", "data-v-68c4216e"]]), XE = { class: "h-full flex flex-col" }, YE = {
   key: 1,
   class: "flex-1 flex items-center justify-center"
 }, KE = {
@@ -27403,7 +27415,7 @@ typeof customElements < "u" && (customElements.get("micro-dynamic-form") || cust
 const ZE = [
   yr,
   xm,
-  gt,
+  bt,
   Ag,
   Vd,
   jd,
@@ -27456,7 +27468,7 @@ export {
   yr as DCodeAutoComplete,
   lf as DCodeBadge,
   Vd as DCodeBeforeAfter,
-  gt as DCodeButton,
+  bt as DCodeButton,
   Ag as DCodeCard,
   Iu as DCodeCardCheckboxList,
   o1 as DCodeChart,