@gemafajarramadhan/dynamic-ui 1.2.57 → 1.2.58

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 O, ref as Y, shallowRef as sr, watch as Fe, getCurrentScope as mf, onScopeDispose as gf, shallowReadonly as zs, unref as C, defineComponent as xe, useAttrs as Wt, onMounted as Ct, onBeforeUnmount as fn, withDirectives as ln, openBlock as p, createElementBlock as k, normalizeClass as ue, Fragment as we, createCommentVNode as z, createElementVNode as v, createTextVNode as Ie, toDisplayString as j, renderSlot as Be, createBlock as pe, resolveDynamicComponent as _t, mergeProps as Ke, withModifiers as xt, createVNode as G, Teleport as Ga, normalizeStyle as ct, renderList as Ve, vShow as cs, onUnmounted as no, withCtx as re, normalizeProps as Hn, guardReactiveProps as Gn, nextTick as tn, vModelText as qa, toRef as bf, createSlots as or, withKeys as ws, Transition as En, resolveComponent as Jo, reactive as Rt, isRef as Ri, toRaw as an, createApp as yf, h as Qo, isVNode as sd, cloneVNode as vf, watchEffect as vo, getCurrentInstance as xo, inject as Ks, provide as xf, defineCustomElement as od } from "vue";
+import { computed as O, ref as Y, shallowRef as sr, watch as Fe, getCurrentScope as mf, onScopeDispose as gf, shallowReadonly as zs, unref as C, defineComponent as xe, useAttrs as Wt, onMounted as Ct, onBeforeUnmount as fn, withDirectives as ln, openBlock as p, createElementBlock as k, normalizeClass as ue, Fragment as we, createCommentVNode as z, createElementVNode as v, createTextVNode as Ie, toDisplayString as W, renderSlot as Be, createBlock as pe, resolveDynamicComponent as _t, mergeProps as Ke, withModifiers as xt, createVNode as G, Teleport as Ga, normalizeStyle as ct, renderList as Ve, vShow as cs, onUnmounted as no, withCtx as re, normalizeProps as Hn, guardReactiveProps as Gn, nextTick as tn, vModelText as qa, toRef as bf, createSlots as or, withKeys as ws, Transition as En, resolveComponent as Jo, reactive as Rt, isRef as Ri, toRaw as an, createApp as yf, h as Qo, isVNode as sd, cloneVNode as vf, watchEffect as vo, getCurrentInstance as xo, inject as Ks, provide as xf, defineCustomElement as od } from "vue";
 import * as mn from "lucide-vue-next";
 import { ChevronDown as Ps, Eye as ar, EyeOff as wf, Check as Pa, Minus as kf, Loader2 as Nn, AlertCircle as Xa, X as Ss, Calendar as _f, CheckCircle2 as Jr, Upload as Cf, FileText as ir, Pencil as ad, Trash2 as rr, ArrowRight as Af, MessageSquare as Qr, Phone as Sf, Globe as Df, Cpu as Mf, 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 lr, MoreHorizontal as Uf, ChevronLeftIcon as id, ChevronRightIcon as rd, ChevronUp as jf, Search as hi, RefreshCw as Zr, ChevronsLeft as Wf, ChevronLeft as Nf, ChevronsRight as Hf, SlidersHorizontal as Gf, Download as qf, Plus as Xf, CheckCircle as Kf, SquarePen as Yf, ToggleLeft as Jf, Slash as Qf, Home as Zf } from "lucide-vue-next";
 import { Primitive as eh, useForwardPropsEmits as Ts, TooltipRoot as th, TooltipPortal as nh, TooltipContent as sh, TooltipProvider as oh, TooltipTrigger as ah, Label as ih, DialogRoot as rh, DialogPortal as lh, DialogOverlay as ch, DialogContent as dh, DialogClose as uh, useForwardProps as Pn, DialogDescription as fh, DialogTitle as hh, AvatarRoot as ph, AvatarFallback as mh, AvatarImage as gh, Separator as bh, PaginationRoot as yh, PaginationList as vh, PaginationEllipsis as xh, PaginationFirst as wh, PaginationListItem as kh, PaginationLast as _h, PaginationNext as Ch, PaginationPrev as Ah, SelectRoot as Sh, SelectPortal as Dh, SelectContent as Mh, SelectViewport as Eh, SelectItem as Ph, SelectItemIndicator as Th, SelectItemText as Oh, SelectScrollDownButton as Ih, SelectScrollUpButton as Lh, SelectTrigger as Bh, SelectIcon as Rh, SelectValue as Fh } from "reka-ui";
@@ -393,8 +393,8 @@ const rp = 50, lp = async (e, t, n) => {
         if (!X)
           switch (h) {
             case "bestFit": {
-              var F;
-              const Z = (F = P.filter((ae) => {
+              var $;
+              const Z = ($ = P.filter((ae) => {
                 if (_) {
                   const de = Un(ae.placement);
                   return de === E || // Create a bias to the `y` side axis due to horizontal
@@ -402,7 +402,7 @@ const rp = 50, lp = async (e, t, n) => {
                   de === "y";
                 }
                 return !0;
-              }).map((ae) => [ae.placement, ae.overflows.filter((de) => de > 0).reduce((de, R) => de + R, 0)]).sort((ae, de) => ae[1] - de[1])[0]) == null ? void 0 : F[0];
+              }).map((ae) => [ae.placement, ae.overflows.filter((de) => de > 0).reduce((de, R) => de + R, 0)]).sort((ae, de) => ae[1] - de[1])[0]) == null ? void 0 : $[0];
               Z && (X = Z);
               break;
             }
@@ -551,8 +551,8 @@ const fp = function(e) {
       const E = w - d.top - d.bottom, D = m - d.left - d.right, S = Ys(w - d[x], E), M = Ys(m - d[g], D), _ = !t.middlewareData.shift;
       let y = S, b = M;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (b = D), (s = t.middlewareData.shift) != null && s.enabled.y && (y = E), _ && !f) {
-        const P = Qt(d.left, 0), I = Qt(d.right, 0), L = Qt(d.top, 0), F = Qt(d.bottom, 0);
-        h ? b = m - 2 * (P !== 0 || I !== 0 ? P + I : Qt(d.left, d.right)) : y = w - 2 * (L !== 0 || F !== 0 ? L + F : Qt(d.top, d.bottom));
+        const P = Qt(d.left, 0), I = Qt(d.right, 0), L = Qt(d.top, 0), $ = Qt(d.bottom, 0);
+        h ? b = m - 2 * (P !== 0 || I !== 0 ? P + I : Qt(d.left, d.right)) : y = w - 2 * (L !== 0 || $ !== 0 ? L + $ : Qt(d.top, d.bottom));
       }
       await l({
         ...t,
@@ -1271,13 +1271,13 @@ const Rp = ["aria-busy"], Fp = {
         class: qo,
         "fetch-items": fs,
         fetchItems: io,
-        error: $,
+        error: F,
         errorMessage: J,
         "error-message": H,
-        ...W
+        ...U
       } = o || {};
-      return W;
-    }), F = () => {
+      return U;
+    }), $ = () => {
       if (n.apiOptions)
         return typeof n.apiOptions == "function" ? n.apiOptions() : n.apiOptions;
     }, B = O(() => {
@@ -1413,7 +1413,7 @@ const Rp = ["aria-busy"], Fp = {
         try {
           let Re;
           if (n.fetchItems) {
-            const ot = F() || {}, He = {
+            const ot = $() || {}, He = {
               page: 1,
               perPage: 100,
               search: (R.value || "").trim(),
@@ -1430,7 +1430,7 @@ const Rp = ["aria-busy"], Fp = {
             const ve = {
               page: 1,
               perPage: 100,
-              ...F() || {},
+              ...$() || {},
               ...n.apiParams
             };
             let Se;
@@ -1453,7 +1453,7 @@ const Rp = ["aria-busy"], Fp = {
       return h.value ? S.value ? Array.isArray(S.value) ? S.value.some((Re) => ye(Re) == _e) : ye(S.value) == _e : !1 : Array.isArray(S.value) ? S.value.some((Re) => Re == _e) : S.value == _e;
     };
     Fe(
-      () => [F(), B.value, n.apiParams],
+      () => [$(), B.value, n.apiParams],
       ([ee, _e, Re], [ot, He, fe]) => {
         const ve = B.value;
         if (!(ve.apiModule && ve.apiAction || ve.apiUrl || n.fetchItems)) {
@@ -1501,7 +1501,7 @@ const Rp = ["aria-busy"], Fp = {
           for: D.value,
           class: "mb-1 block text-sm font-medium text-gray-900 dark:text-gray-100"
         }, [
-          Ie(j(a.value) + " ", 1),
+          Ie(W(a.value) + " ", 1),
           m.value ? (p(), k("span", zp, "*")) : z("", !0)
         ], 8, $p)) : z("", !0),
         v("div", Vp, [
@@ -1595,18 +1595,18 @@ const Rp = ["aria-busy"], Fp = {
                   }, ["prevent"])),
                   onClick: (He) => se(Re)
                 }, [
-                  Ie(j(Q(Re)) + " ", 1),
+                  Ie(W(Q(Re)) + " ", 1),
                   lt(Re) ? (p(), k("span", qp, " ✓ ")) : z("", !0)
                 ], 42, Gp))), 128)) : Be(ee.$slots, "no-data", { key: 1 }, () => [
                   v("div", Xp, [
-                    I.value ? (p(), k("span", Kp, "Loading data…")) : ie.value ? (p(), k("span", Yp, j(ie.value), 1)) : (p(), k("span", Jp, "No data available"))
+                    I.value ? (p(), k("span", Kp, "Loading data…")) : ie.value ? (p(), k("span", Yp, W(ie.value), 1)) : (p(), k("span", Jp, "No data available"))
                   ])
                 ])
               ])
             ], 4)) : z("", !0)
           ]))
         ]),
-        le.value || w.value ? (p(), k("p", Qp, j(le.value || w.value), 1)) : z("", !0)
+        le.value || w.value ? (p(), k("p", Qp, W(le.value || w.value), 1)) : z("", !0)
       ], 64))
     ], 10, Rp)), [
       [cs, e.visible]
@@ -1737,7 +1737,7 @@ const Rp = ["aria-busy"], Fp = {
       m.value = !0;
     }, b = () => {
       m.value = !1;
-    }, A = (q) => typeof n.itemTitle == "function" ? n.itemTitle(q) : q[n.itemTitle] || "", P = (q) => typeof n.itemValue == "function" ? n.itemValue(q) : q[n.itemValue] || q, I = (q) => n.itemSubtitle ? typeof n.itemSubtitle == "function" ? n.itemSubtitle(q) : q[n.itemSubtitle] || "" : "", L = (q) => n.modelValue ? n.returnObject ? P(q) === P(n.modelValue) : P(q) === n.modelValue : !1, F = (q) => {
+    }, A = (q) => typeof n.itemTitle == "function" ? n.itemTitle(q) : q[n.itemTitle] || "", P = (q) => typeof n.itemValue == "function" ? n.itemValue(q) : q[n.itemValue] || q, I = (q) => n.itemSubtitle ? typeof n.itemSubtitle == "function" ? n.itemSubtitle(q) : q[n.itemSubtitle] || "" : "", L = (q) => n.modelValue ? n.returnObject ? P(q) === P(n.modelValue) : P(q) === n.modelValue : !1, $ = (q) => {
       var ie;
       const le = n.returnObject ? q : P(q);
       s("update:modelValue", le), s("select", q), m.value = !1, u.value = "", (ie = a.value) == null || ie.blur();
@@ -1765,7 +1765,7 @@ const Rp = ["aria-busy"], Fp = {
             q.preventDefault(), w.value = Math.max(w.value - 1, 0);
             break;
           case "Enter":
-            q.preventDefault(), w.value >= 0 && M.value[w.value] && F(M.value[w.value]);
+            q.preventDefault(), w.value >= 0 && M.value[w.value] && $(M.value[w.value]);
             break;
           case "Escape":
             m.value = !1;
@@ -1829,7 +1829,7 @@ const Rp = ["aria-busy"], Fp = {
           for: d.value,
           class: "mb-1 block text-sm font-medium text-gray-900 dark:text-gray-100"
         }, [
-          Ie(j(e.label) + " ", 1),
+          Ie(W(e.label) + " ", 1),
           e.required ? (p(), k("span", nm, "*")) : z("", !0)
         ], 8, tm)) : z("", !0),
         v("div", sm, [
@@ -1926,7 +1926,7 @@ const Rp = ["aria-busy"], Fp = {
                   onMouseenter: (ye) => w.value = Q,
                   onMousedown: le[2] || (le[2] = xt(() => {
                   }, ["prevent"])),
-                  onClick: (ye) => F(ie)
+                  onClick: (ye) => $(ie)
                 }, [
                   Be(q.$slots, "item", {
                     item: ie,
@@ -1934,8 +1934,8 @@ const Rp = ["aria-busy"], Fp = {
                   }, () => [
                     v("div", dm, [
                       v("div", um, [
-                        v("div", fm, j(A(ie)), 1),
-                        e.itemSubtitle ? (p(), k("div", hm, j(I(ie)), 1)) : z("", !0)
+                        v("div", fm, W(A(ie)), 1),
+                        e.itemSubtitle ? (p(), k("div", hm, W(I(ie)), 1)) : z("", !0)
                       ])
                     ])
                   ]),
@@ -1944,17 +1944,17 @@ const Rp = ["aria-busy"], Fp = {
                 h.value && f.value.length > 0 ? (p(), k("div", mm, [
                   v("div", gm, [
                     le[6] || (le[6] = v("div", { class: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-600" }, null, -1)),
-                    v("span", bm, j(e.loadingText), 1)
+                    v("span", bm, W(e.loadingText), 1)
                   ])
                 ])) : z("", !0),
                 !g.value && f.value.length > 0 ? (p(), k("div", ym, [
-                  v("div", vm, j(e.endOfResultsText), 1)
-                ])) : !h.value && f.value.length === 0 ? (p(), k("div", xm, j(e.noResultsText), 1)) : z("", !0)
+                  v("div", vm, W(e.endOfResultsText), 1)
+                ])) : !h.value && f.value.length === 0 ? (p(), k("div", xm, W(e.noResultsText), 1)) : z("", !0)
               ], 544)
             ], 4)) : z("", !0)
           ]))
         ]),
-        e.error ? (p(), k("p", wm, j(e.errorMessage || e.error), 1)) : e.helperText ? (p(), k("p", km, j(e.helperText), 1)) : z("", !0)
+        e.error ? (p(), k("p", wm, W(e.errorMessage || e.error), 1)) : e.helperText ? (p(), k("p", km, W(e.helperText), 1)) : z("", !0)
       ], 64))
     ], 10, Zp)), [
       [cs, e.visible]
@@ -2280,7 +2280,7 @@ const Cm = (e, t) => {
     "left-bottom"
   ], M = () => [...S(), Oe, Ee], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], y = () => ["auto", "contain", "none"], b = () => [Oe, Ee, l], A = () => [Yn, "full", "auto", ...b()], P = () => [Jn, "none", "subgrid", Oe, Ee], I = () => ["auto", {
     span: ["full", Jn, Oe, Ee]
-  }, Jn, Oe, Ee], L = () => [Jn, "auto", Oe, Ee], F = () => ["auto", "min", "max", "fr", Oe, Ee], B = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], ne = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], X = () => ["auto", ...b()], Z = () => [Yn, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], ae = () => [Yn, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...b()], de = () => [Yn, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...b()], R = () => [e, Oe, Ee], q = () => [...S(), gl, ml, {
+  }, Jn, Oe, Ee], L = () => [Jn, "auto", Oe, Ee], $ = () => ["auto", "min", "max", "fr", Oe, Ee], B = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], ne = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], X = () => ["auto", ...b()], Z = () => [Yn, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], ae = () => [Yn, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...b()], de = () => [Yn, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...b()], R = () => [e, Oe, Ee], q = () => [...S(), gl, ml, {
     position: [Oe, Ee]
   }], le = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -2695,14 +2695,14 @@ const Cm = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": F()
+        "auto-cols": $()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": F()
+        "auto-rows": $()
       }],
       /**
        * Gap
@@ -5590,7 +5590,7 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
     }, I = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950], L = (ie) => {
       const Q = I.indexOf(ie);
       return Q === -1 ? ie : I[Math.min(I.length - 1, Q + 2)];
-    }, F = (ie, Q) => {
+    }, $ = (ie, Q) => {
       const ye = yg[ie];
       if (!ye) return null;
       if (typeof ye == "string") return ye;
@@ -5610,18 +5610,18 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
         y.value = null;
         return;
       }
-      const Q = B(ie), ye = Q == null ? void 0 : Q.colorName, ke = (Q == null ? void 0 : Q.shade) ?? null, Le = (ye ? F(ye, ke) : null) ?? P(ie);
+      const Q = B(ie), ye = Q == null ? void 0 : Q.colorName, ke = (Q == null ? void 0 : Q.shade) ?? null, Le = (ye ? $(ye, ke) : null) ?? P(ie);
       if (!Le) {
         y.value = null;
         return;
       }
       let Ne;
-      const De = B(E.value, !0), oe = De ? F(De.colorName, De.shade ?? null) : null;
+      const De = B(E.value, !0), oe = De ? $(De.colorName, De.shade ?? null) : null;
       if (oe)
         Ne = oe;
       else if (ye && ke) {
         const V = L(ke);
-        Ne = F(ye, V) ?? A(Le, 0.2);
+        Ne = $(ye, V) ?? A(Le, 0.2);
       } else
         Ne = A(Le, 0.2);
       y.value = {
@@ -5787,7 +5787,7 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
                       n.text ? (p(), k("span", {
                         key: 1,
                         class: ue(s.value ? "ml-1" : "")
-                      }, j(n.text), 3)) : z("", !0)
+                      }, W(n.text), 3)) : z("", !0)
                     ]),
                     _: 1
                   }, 16, ["variant", "size", "disabled", "type", "class", "style"])
@@ -5800,7 +5800,7 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
                 class: "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 bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-900 px-3 py-2 rounded-lg text-sm font-medium shadow-xl border-0"
               }, {
                 default: re(() => [
-                  v("span", vg, j(n.tooltip), 1)
+                  v("span", vg, W(n.tooltip), 1)
                 ]),
                 _: 1
               })
@@ -5824,7 +5824,7 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
                 n.text ? (p(), k("span", {
                   key: 1,
                   class: ue(s.value ? "ml-1" : "")
-                }, j(n.text), 3)) : z("", !0)
+                }, W(n.text), 3)) : z("", !0)
               ], !0)
             ]),
             _: 3
@@ -5888,8 +5888,8 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
       e.title || s.$slots.header || s.$slots.actions ? (p(), k("div", kg, [
         v("div", _g, [
           Be(s.$slots, "header", {}, () => [
-            e.title ? (p(), k("h3", Cg, j(e.title), 1)) : z("", !0),
-            e.subtitle ? (p(), k("p", Ag, j(e.subtitle), 1)) : z("", !0)
+            e.title ? (p(), k("h3", Cg, W(e.title), 1)) : z("", !0),
+            e.subtitle ? (p(), k("p", Ag, W(e.subtitle), 1)) : z("", !0)
           ])
         ]),
         s.$slots.actions ? (p(), k("div", Sg, [
@@ -5958,7 +5958,7 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
           v("div", Og, [
             v("h3", Ig, [
               l[2] || (l[2] = v("span", { class: "w-2 h-2 rounded-full bg-danger-500 shadow-[0_0_8px_rgba(239,68,68,0.5)]" }, null, -1)),
-              Ie(" " + j(C(t)("beforeAfter.dataBefore")), 1)
+              Ie(" " + W(C(t)("beforeAfter.dataBefore")), 1)
             ]),
             l[3] || (l[3] = v("span", { class: "text-[10px] font-medium px-2 py-0.5 rounded-full bg-white dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400 border border-neutral-200 dark:border-neutral-700 shadow-sm" }, " ORIGINAL ", -1))
           ])
@@ -5970,7 +5970,7 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
             onScroll: l[0] || (l[0] = (c) => a("before")),
             class: "p-4 overflow-auto max-h-[500px] custom-scrollbar"
           }, [
-            v("pre", Bg, j(i(e.dataBefore)), 1)
+            v("pre", Bg, W(i(e.dataBefore)), 1)
           ], 544)
         ])
       ]),
@@ -5979,7 +5979,7 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
           v("div", $g, [
             v("h3", zg, [
               l[4] || (l[4] = v("span", { class: "w-2 h-2 rounded-full bg-success-500 shadow-[0_0_8px_rgba(34,197,94,0.5)]" }, null, -1)),
-              Ie(" " + j(C(t)("beforeAfter.dataAfter")), 1)
+              Ie(" " + W(C(t)("beforeAfter.dataAfter")), 1)
             ]),
             l[5] || (l[5] = v("span", { class: "text-[10px] font-medium px-2 py-0.5 rounded-full bg-white dark:bg-neutral-800 text-primary-600 dark:text-primary-400 border border-primary-100 dark:border-primary-900/50 shadow-sm" }, " MODIFIED ", -1))
           ])
@@ -5991,7 +5991,7 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
             onScroll: l[1] || (l[1] = (c) => a("after")),
             class: "p-4 overflow-auto max-h-[500px] custom-scrollbar"
           }, [
-            v("pre", Ug, j(i(e.dataAfter)), 1)
+            v("pre", Ug, W(i(e.dataAfter)), 1)
           ], 544)
         ])
       ])
@@ -6144,7 +6144,7 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
       const V = r.maxLength ?? n.maxlength ?? n.maxLength;
       let se = Number.NaN;
       return typeof V == "number" ? se = V : typeof V == "string" && (se = Number.parseInt(V, 10)), Number.isFinite(se) && se > 0 ? se : -1;
-    }), F = O(() => g.value.length), B = O(() => r.showCharCount ? L.value > 0 : !1), ne = (V) => L.value > 0 ? V.slice(0, L.value) : V, X = (V) => {
+    }), $ = O(() => g.value.length), B = O(() => r.showCharCount ? L.value > 0 : !1), ne = (V) => L.value > 0 ? V.slice(0, L.value) : V, X = (V) => {
       const se = I(V), me = r.applyTextCaseToValue ? _(se) : se;
       return ne(me);
     };
@@ -6204,8 +6204,8 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
     const Le = () => {
       g.value = "", Z && (Z.value = ""), i("update:modelValue", null), i("clear");
     }, Ne = O(
-      () => B.value && F.value > 0
-    ), De = O(() => `${F.value} / ${L.value}`), oe = O(() => !!r.error);
+      () => B.value && $.value > 0
+    ), De = O(() => `${$.value} / ${L.value}`), oe = O(() => !!r.error);
     return (V, se) => ln((p(), k("div", {
       class: ue(["flex flex-col gap-1 w-full", C(n).class]),
       "aria-busy": r.skeleton
@@ -6224,7 +6224,7 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
           for: d.value,
           class: "text-sm font-medium"
         }, [
-          Ie(j(l.value) + " ", 1),
+          Ie(W(l.value) + " ", 1),
           u.value ? (p(), k("span", Gg, "*")) : z("", !0)
         ], 8, Hg)) : z("", !0),
         v("div", qg, [
@@ -6233,7 +6233,7 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
               r.icon ? (p(), pe(_t(r.icon), {
                 key: 0,
                 class: "h-4 w-4"
-              })) : r.prependInner ? (p(), k("span", Kg, j(r.prependInner), 1)) : z("", !0)
+              })) : r.prependInner ? (p(), k("span", Kg, W(r.prependInner), 1)) : z("", !0)
             ])
           ])) : z("", !0),
           v("input", Ke({
@@ -6266,9 +6266,9 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
               onClick: Le
             }, " ✕ ")
           ])) : z("", !0),
-          Ne.value && !oe.value ? (p(), k("p", Zg, j(De.value), 1)) : z("", !0)
+          Ne.value && !oe.value ? (p(), k("p", Zg, W(De.value), 1)) : z("", !0)
         ]),
-        oe.value ? (p(), k("p", e0, j(r.error), 1)) : z("", !0)
+        oe.value ? (p(), k("p", e0, W(r.error), 1)) : z("", !0)
       ], 64))
     ], 10, jg)), [
       [cs, e.visible]
@@ -6305,9 +6305,9 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
           v("div", o0, [
             v("h3", a0, [
               c[0] || (c[0] = v("span", { class: "w-2 h-2 rounded-full bg-danger-500 shadow-[0_0_8px_rgba(239,68,68,0.5)]" }, null, -1)),
-              Ie(" " + j(C(t)("beforeAfter.dataBefore")), 1)
+              Ie(" " + W(C(t)("beforeAfter.dataBefore")), 1)
             ]),
-            v("span", i0, j(C(t)("beforeAfter.original")), 1)
+            v("span", i0, W(C(t)("beforeAfter.original")), 1)
           ])
         ]),
         v("div", r0, [
@@ -6329,9 +6329,9 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
           v("div", f0, [
             v("h3", h0, [
               c[1] || (c[1] = v("span", { class: "w-2 h-2 rounded-full bg-success-500 shadow-[0_0_8px_rgba(34,197,94,0.5)]" }, null, -1)),
-              Ie(" " + j(C(t)("beforeAfter.dataAfter")), 1)
+              Ie(" " + W(C(t)("beforeAfter.dataAfter")), 1)
             ]),
-            v("span", p0, j(C(t)("beforeAfter.modified")), 1)
+            v("span", p0, W(C(t)("beforeAfter.modified")), 1)
           ])
         ]),
         v("div", m0, [
@@ -6344,7 +6344,7 @@ const yg = /* @__PURE__ */ Bd(bg), wl = (e) => typeof e == "boolean" ? `${e}` :
               variant: "underlined",
               class: "w-full"
             }, null, 8, ["model-value", "label"]))), 128)),
-            Object.keys(a.value).length === 0 ? (p(), k("div", b0, j(C(t)("beforeAfter.noModifiedData")), 1)) : z("", !0)
+            Object.keys(a.value).length === 0 ? (p(), k("div", b0, W(C(t)("beforeAfter.noModifiedData")), 1)) : z("", !0)
           ])
         ])
       ])
@@ -10762,11 +10762,11 @@ class oo extends Xn {
     const n = this.axis, s = this.chart, o = this.options, { grid: a, position: i, border: r } = o, l = a.offset, c = this.isHorizontal(), u = this.ticks.length + (l ? 1 : 0), f = ho(a), h = [], m = r.setContext(this.getContext()), w = m.display ? m.width : 0, x = w / 2, g = function(X) {
       return gs(s, X, w);
     };
-    let E, D, S, M, _, y, b, A, P, I, L, F;
+    let E, D, S, M, _, y, b, A, P, I, L, $;
     if (i === "top")
-      E = g(this.bottom), y = this.bottom - f, A = E - x, I = g(t.top) + x, F = t.bottom;
+      E = g(this.bottom), y = this.bottom - f, A = E - x, I = g(t.top) + x, $ = t.bottom;
     else if (i === "bottom")
-      E = g(this.top), I = t.top, F = g(t.bottom) - x, y = E + x, A = this.top + f;
+      E = g(this.top), I = t.top, $ = g(t.bottom) - x, y = E + x, A = this.top + f;
     else if (i === "left")
       E = g(this.right), _ = this.right - f, b = E - x, P = g(t.left) + x, L = t.right;
     else if (i === "right")
@@ -10778,7 +10778,7 @@ class oo extends Xn {
         const X = Object.keys(i)[0], Z = i[X];
         E = g(this.chart.scales[X].getPixelForValue(Z));
       }
-      I = t.top, F = t.bottom, y = E + x, A = y + f;
+      I = t.top, $ = t.bottom, y = E + x, A = y + f;
     } else if (n === "y") {
       if (i === "center")
         E = g((t.left + t.right) / 2);
@@ -10791,7 +10791,7 @@ class oo extends Xn {
     const B = Ge(o.ticks.maxTicksLimit, u), ne = Math.max(1, Math.ceil(u / B));
     for (D = 0; D < u; D += ne) {
       const X = this.getContext(D), Z = a.setContext(X), ae = r.setContext(X), de = Z.lineWidth, R = Z.color, q = ae.dash || [], le = ae.dashOffset, ie = Z.tickWidth, Q = Z.tickColor, ye = Z.tickBorderDash || [], ke = Z.tickBorderDashOffset;
-      S = pv(this, D, l), S !== void 0 && (M = gs(s, S, de), c ? _ = b = P = L = M : y = A = I = F = M, h.push({
+      S = pv(this, D, l), S !== void 0 && (M = gs(s, S, de), c ? _ = b = P = L = M : y = A = I = $ = M, h.push({
         tx1: _,
         ty1: y,
         tx2: b,
@@ -10799,7 +10799,7 @@ class oo extends Xn {
         x1: P,
         y1: I,
         x2: L,
-        y2: F,
+        y2: $,
         width: de,
         color: R,
         borderDash: q,
@@ -10814,7 +10814,7 @@ class oo extends Xn {
   }
   _computeLabelItems(t) {
     const n = this.axis, s = this.options, { position: o, ticks: a } = s, i = this.isHorizontal(), r = this.ticks, { align: l, crossAlign: c, padding: d, mirror: u } = a, f = ho(s.grid), h = f + d, m = u ? -d : h, w = -jn(this.labelRotation), x = [];
-    let g, E, D, S, M, _, y, b, A, P, I, L, F = "middle";
+    let g, E, D, S, M, _, y, b, A, P, I, L, $ = "middle";
     if (o === "top")
       _ = this.bottom - m, y = this._getXAxisLabelAlignment();
     else if (o === "bottom")
@@ -10842,7 +10842,7 @@ class oo extends Xn {
       }
       y = this._getYAxisLabelAlignment(f).textAlign;
     }
-    n === "y" && (l === "start" ? F = "top" : l === "end" && (F = "bottom"));
+    n === "y" && (l === "start" ? $ = "top" : l === "end" && ($ = "bottom"));
     const B = this._getLabelSizes();
     for (g = 0, E = r.length; g < E; ++g) {
       D = r[g], S = D.label;
@@ -10855,7 +10855,7 @@ class oo extends Xn {
       if (ne.showLabelBackdrop) {
         const le = dn(ne.backdropPadding), ie = B.heights[g], Q = B.widths[g];
         let ye = L - le.top, ke = 0 - le.left;
-        switch (F) {
+        switch ($) {
           case "middle":
             ye -= ie / 2;
             break;
@@ -10892,7 +10892,7 @@ class oo extends Xn {
           strokeColor: ae,
           strokeWidth: de,
           textAlign: R,
-          textBaseline: F,
+          textBaseline: $,
           translation: [
             M,
             _
@@ -12105,7 +12105,7 @@ function Ua(e, t, n, s, o, a) {
     const ne = d > 0 ? d - s : 0, X = u > 0 ? u - s : 0, Z = (ne + X) / 2, ae = Z !== 0 ? m * Z / (Z + s) : m;
     h = (m - ae) / 2;
   }
-  const w = Math.max(1e-3, m * u - n / pt) / u, x = (m - w) / 2, g = l + x + h, E = o - x - h, { outerStart: D, outerEnd: S, innerStart: M, innerEnd: _ } = Gv(t, f, u, E - g), y = u - D, b = u - S, A = g + D / y, P = E - S / b, I = f + M, L = f + _, F = g + M / I, B = E - _ / L;
+  const w = Math.max(1e-3, m * u - n / pt) / u, x = (m - w) / 2, g = l + x + h, E = o - x - h, { outerStart: D, outerEnd: S, innerStart: M, innerEnd: _ } = Gv(t, f, u, E - g), y = u - D, b = u - S, A = g + D / y, P = E - S / b, I = f + M, L = f + _, $ = g + M / I, B = E - _ / L;
   if (e.beginPath(), a) {
     const ne = (A + P) / 2;
     if (e.arc(i, r, u, A, ne), e.arc(i, r, u, ne, P), S > 0) {
@@ -12119,8 +12119,8 @@ function Ua(e, t, n, s, o, a) {
     }
     const Z = (E - _ / f + (g + M / f)) / 2;
     if (e.arc(i, r, f, E - _ / f, Z, !0), e.arc(i, r, f, Z, g + M / f, !0), M > 0) {
-      const de = Us(I, F, i, r);
-      e.arc(de.x, de.y, M, F + Math.PI, g - Tt);
+      const de = Us(I, $, i, r);
+      e.arc(de.x, de.y, M, $ + Math.PI, g - Tt);
     }
     const ae = Us(y, g, i, r);
     if (e.lineTo(ae.x, ae.y), D > 0) {
@@ -13090,7 +13090,7 @@ class Dc extends Xn {
         eu(o, P, I, L, i.pointStyleWidth && m);
       } else {
         const P = y + Math.max((u - w) / 2, 0), I = l.leftForLtr(_, m), L = Hs(b.borderRadius);
-        o.beginPath(), Object.values(L).some((F) => F !== 0) ? $a(o, {
+        o.beginPath(), Object.values(L).some(($) => $ !== 0) ? $a(o, {
           x: I,
           y: P,
           w: m,
@@ -13120,8 +13120,8 @@ class Dc extends Xn {
       const b = o.measureText(_.text).width, A = l.textAlign(_.textAlign || (_.textAlign = i.textAlign)), P = m + f + b;
       let I = h.x, L = h.y;
       l.setWidth(this.width), D ? y > 0 && I + P + d > this.right && (L = h.y += M, h.line++, I = h.x = zt(a, this.left + d, this.right - s[h.line])) : y > 0 && L + M > this.bottom && (I = h.x = I + n[h.line].width + d, h.line++, L = h.y = zt(a, this.top + S + d, this.bottom - n[h.line].height));
-      const F = l.x(I);
-      if (g(F, L, _), I = ib(A, I + m + f, D ? I + P : this.right, t.rtl), E(l.x(I), L, _), D)
+      const $ = l.x(I);
+      if (g($, L, _), I = ib(A, I + m + f, D ? I + P : this.right, t.rtl), E(l.x(I), L, _), D)
         h.x += P + d;
       else if (typeof _.text != "string") {
         const B = c.lineHeight;
@@ -14642,7 +14642,7 @@ const Zx = {
       class: ue(["d-code-chart", l.value])
     }, [
       e.label ? (p(), k("div", Zx, [
-        Ie(j(e.label) + " ", 1),
+        Ie(W(e.label) + " ", 1),
         e.required ? (p(), k("span", e1, "*")) : z("", !0)
       ])) : z("", !0),
       v("div", {
@@ -14657,11 +14657,11 @@ const Zx = {
           v("div", { class: "animate-pulse-slow rounded-full h-8 w-8 border-b-2 border-blue-600" }, null, -1)
         ])])) : z("", !0),
         e.error ? (p(), k("div", n1, [
-          v("div", s1, j(e.error), 1)
+          v("div", s1, W(e.error), 1)
         ])) : z("", !0)
       ], 4),
       e.showInfo && r.value ? (p(), k("div", o1, [
-        r.value.datasets ? (p(), k("div", a1, j(r.value.datasets.length) + " dataset(s) • " + j(r.value.labels ? r.value.labels.length : 0) + " data points ", 1)) : z("", !0)
+        r.value.datasets ? (p(), k("div", a1, W(r.value.datasets.length) + " dataset(s) • " + W(r.value.labels ? r.value.labels.length : 0) + " data points ", 1)) : z("", !0)
       ])) : z("", !0)
     ], 2));
   }
@@ -14734,7 +14734,7 @@ const Zx = {
         class: "text-sm font-medium mb-1"
       }, {
         default: re(() => [
-          Ie(j(e.label) + " ", 1),
+          Ie(W(e.label) + " ", 1),
           e.required ? (p(), k("span", c1, "*")) : z("", !0)
         ]),
         _: 1
@@ -14789,7 +14789,7 @@ const Zx = {
               class: ue(["text-sm leading-relaxed select-none transition-colors", [
                 e.disabled ? "text-gray-400 dark:text-gray-500" : "text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-gray-100"
               ]])
-            }, j(e.title), 3)) : z("", !0)
+            }, W(e.title), 3)) : z("", !0)
           ], 2)
         ]))
       ], 10, d1), [
@@ -14888,7 +14888,7 @@ const Zx = {
           }
           let I = b;
           o.dataPath ? I = o.dataPath.split(".").reduce(
-            (F, B) => F && F[B] !== void 0 ? F[B] : void 0,
+            ($, B) => $ && $[B] !== void 0 ? $[B] : void 0,
             b
           ) : typeof b == "object" && !Array.isArray(b) && b.data && (I = b.data), Array.isArray(I) ? i.value = I : (console.warn(
             "DCodeCardCheckboxList: Format response tidak terdeteksi sebagai Array. Gunakan prop 'dataPath'."
@@ -14934,7 +14934,7 @@ const Zx = {
     return (M, _) => ln((p(), k("div", m1, [
       e.label || E.value ? (p(), k("div", g1, [
         E.value ? (p(), k("div", b1)) : (p(), k("h3", y1, [
-          Ie(j(e.label) + " ", 1),
+          Ie(W(e.label) + " ", 1),
           e.required ? (p(), k("span", v1, "*")) : z("", !0)
         ]))
       ])) : z("", !0),
@@ -14968,7 +14968,7 @@ const Zx = {
         ], 64)),
         D.value && S.value ? (p(), k("div", C1, [
           G(C(Xa), { class: "w-4 h-4 flex-shrink-0" }),
-          Ie(" " + j(S.value), 1)
+          Ie(" " + W(S.value), 1)
         ])) : z("", !0)
       ])
     ], 512)), [
@@ -15034,25 +15034,25 @@ const Zx = {
       { immediate: !0 }
     );
     const x = (I, L) => {
-      let F = 0;
+      let $ = 0;
       for (let B = 0; B < L; B++)
-        /\d/.test(I[B]) && F++;
-      return F;
+        /\d/.test(I[B]) && $++;
+      return $;
     }, g = (I, L) => {
-      let F = 0;
+      let $ = 0;
       for (let B = 0; B < I.length; B++)
-        if (/\d/.test(I[B]) && (F++, F === L))
+        if (/\d/.test(I[B]) && ($++, $ === L))
           return B + 1;
       return I.length;
     }, E = (I) => {
-      const L = I.target, F = L.value, B = L.selectionStart ?? F.length, ne = f(F);
+      const L = I.target, $ = L.value, B = L.selectionStart ?? $.length, ne = f($);
       if (ne === null) {
         m.value = "", s("update:modelValue", null);
         return;
       }
       const X = h(ne);
-      if (F !== X) {
-        const Z = x(F, B);
+      if ($ !== X) {
+        const Z = x($, B);
         m.value = X, tn(() => {
           if (w.value) {
             const ae = g(X, Z);
@@ -15064,7 +15064,7 @@ const Zx = {
     }, D = () => {
       m.value = "", s("update:modelValue", null), s("clear");
     }, S = O(() => !o.clearable || o.disabled || o.readonly ? !1 : o.hideClearWhenEmpty ? m.value.length > 0 : !0), M = O(() => !!o.error), _ = O(() => {
-      const { class: I, maxlength: L, maxLength: F, ...B } = n;
+      const { class: I, maxlength: L, maxLength: $, ...B } = n;
       return B;
     }), y = O(() => m.value.length), b = O(() => o.showCharCount ? (l.value ?? 0) > 0 : !1), A = O(
       () => b.value && y.value > 0
@@ -15087,7 +15087,7 @@ const Zx = {
           for: i.value,
           class: "text-sm font-medium text-gray-700 dark:text-gray-300"
         }, [
-          Ie(j(e.label) + " ", 1),
+          Ie(W(e.label) + " ", 1),
           r.value ? (p(), k("span", P1, "*")) : z("", !0)
         ], 8, E1)) : z("", !0),
         v("div", T1, [
@@ -15100,13 +15100,13 @@ const Zx = {
             ])
           }, [
             v("div", O1, [
-              v("span", I1, j(d.value), 1)
+              v("span", I1, W(d.value), 1)
             ]),
             ln(v("input", Ke({
               id: i.value,
               ref_key: "inputRef",
               ref: w,
-              "onUpdate:modelValue": L[0] || (L[0] = (F) => m.value = F),
+              "onUpdate:modelValue": L[0] || (L[0] = ($) => m.value = $),
               onInput: E,
               type: "text",
               inputmode: "numeric"
@@ -15132,11 +15132,11 @@ const Zx = {
               G(C(Ss), { class: "w-3.5 h-3.5" })
             ])) : z("", !0)
           ], 2),
-          A.value && !M.value ? (p(), k("p", B1, j(P.value), 1)) : z("", !0)
+          A.value && !M.value ? (p(), k("p", B1, W(P.value), 1)) : z("", !0)
         ]),
         M.value ? (p(), k("p", R1, [
           G(C(Xa), { class: "w-3.5 h-3.5 flex-shrink-0" }),
-          Ie(" " + j(o.error), 1)
+          Ie(" " + W(o.error), 1)
         ])) : z("", !0)
       ], 64))
     ], 10, S1));
@@ -16938,58 +16938,58 @@ const vk = {
   emits: ["update:modelValue", "change", "clear"],
   setup(e, { emit: t }) {
     const n = Wt(), s = e, o = t, a = Math.random().toString(36).slice(2, 7), i = O(() => `dcode-datepicker-${n.id || s.label || "date-picker"}-${a}`), r = O(() => {
-      const F = n.required, B = n["aria-required"];
-      return F === "" || F === !0 || F === "true" || B === "true" || B === !0;
+      const $ = n.required, B = n["aria-required"];
+      return $ === "" || $ === !0 || $ === "true" || B === "true" || B === !0;
     }), l = O(() => !!s.error), c = O({
       get: () => s.modelValue,
-      set: (F) => {
-        o("update:modelValue", F), o("change", F);
+      set: ($) => {
+        o("update:modelValue", $), o("change", $);
       }
     }), d = O(
       () => s.locale === "en" ? $u : gk
     ), u = O(() => s.range ? 2 : !1), f = O(() => {
       if (!s.range) return !1;
-      const F = { partialRange: !1 };
-      return s.autoRangeDays && s.autoRangeDays > 0 && (F.maxRange = s.autoRangeDays, F.autoRange = s.autoRangeDays), F;
-    }), h = (F) => {
-      const B = new Date(F);
+      const $ = { partialRange: !1 };
+      return s.autoRangeDays && s.autoRangeDays > 0 && ($.maxRange = s.autoRangeDays, $.autoRange = s.autoRangeDays), $;
+    }), h = ($) => {
+      const B = new Date($);
       return B.setHours(0, 0, 0, 0), B;
-    }, m = (F) => {
-      const B = new Date(F);
+    }, m = ($) => {
+      const B = new Date($);
       return B.setHours(23, 59, 59, 999), B;
-    }, w = (F, B) => {
-      const ne = new Date(F);
+    }, w = ($, B) => {
+      const ne = new Date($);
       return ne.setDate(ne.getDate() + B), ne;
     }, x = O(() => {
       if (s.disablePast) return h(/* @__PURE__ */ new Date());
     }), g = O(() => {
       if (s.maxDaysAhead && s.maxDaysAhead > 0)
         return m(w(/* @__PURE__ */ new Date(), s.maxDaysAhead));
-    }), E = Y(null), D = Y(null), S = (F) => {
-      D.value = { month: F.month, year: F.year };
+    }), E = Y(null), D = Y(null), S = ($) => {
+      D.value = { month: $.month, year: $.year };
     }, M = Y(!1);
     let _ = null;
     Ct(() => {
-      const F = document.documentElement, B = () => M.value = F.classList.contains("dark");
-      B(), _ = new MutationObserver(B), _.observe(F, { attributes: !0, attributeFilter: ["class"] });
+      const $ = document.documentElement, B = () => M.value = $.classList.contains("dark");
+      B(), _ = new MutationObserver(B), _.observe($, { attributes: !0, attributeFilter: ["class"] });
     }), fn(() => {
       _ == null || _.disconnect(), _ = null;
     }), yk(bf(s, "tone"));
-    const y = (F) => {
-      const B = new Date(F), ne = B.getDay(), X = B.getDate() - ne + (ne === 0 ? -6 : 1);
+    const y = ($) => {
+      const B = new Date($), ne = B.getDay(), X = B.getDate() - ne + (ne === 0 ? -6 : 1);
       return B.setDate(X), h(B);
-    }, b = (F) => {
-      const B = y(F);
+    }, b = ($) => {
+      const B = y($);
       return B.setDate(B.getDate() + 6), m(B);
-    }, A = (F) => {
-      const B = new Date(F);
+    }, A = ($) => {
+      const B = new Date($);
       return B.setDate(1), h(B);
-    }, P = (F) => {
-      const B = new Date(F);
+    }, P = ($) => {
+      const B = new Date($);
       return B.setMonth(B.getMonth() + 1), B.setDate(0), m(B);
     }, I = O(() => {
       if (!s.range) return [];
-      const F = /* @__PURE__ */ new Date(), B = h(F), ne = y(F), X = b(F), Z = A(F), ae = P(F), de = (R, q) => {
+      const $ = /* @__PURE__ */ new Date(), B = h($), ne = y($), X = b($), Z = A($), ae = P($), de = (R, q) => {
         let le = R;
         s.disablePast && le < B && (le = B);
         let ie = q;
@@ -17009,23 +17009,23 @@ const vk = {
           range: de(Z, ae)
         }
       ];
-    }), L = async (F) => {
+    }), L = async ($) => {
       var q, le;
       const B = s.modelType || "yyyy-MM-dd";
-      if (F.length === 0) {
+      if ($.length === 0) {
         c.value = null;
         return;
       }
-      if (F.length < 2) return;
-      const ne = Xc(F[0], B), X = Xc(F[1], B);
+      if ($.length < 2) return;
+      const ne = Xc($[0], B), X = Xc($[1], B);
       c.value = [ne, X], await tn();
-      const Z = F[0], ae = Z.getMonth(), de = Z.getFullYear();
+      const Z = $[0], ae = Z.getMonth(), de = Z.getFullYear();
       D.value && D.value.month === ae && D.value.year === de || (q = E.value) == null || q.setMonthYear({
         month: ae,
         year: de
       }), (le = E.value) == null || le.openMenu();
     };
-    return (F, B) => (p(), k("div", {
+    return ($, B) => (p(), k("div", {
       class: ue(["flex flex-col gap-1 w-full", C(n).class])
     }, [
       e.skeleton ? (p(), k(we, { key: 0 }, [
@@ -17037,7 +17037,7 @@ const vk = {
           for: i.value,
           class: "text-sm font-medium"
         }, [
-          Ie(j(e.label) + " ", 1),
+          Ie(W(e.label) + " ", 1),
           r.value ? (p(), k("span", wk, "*")) : z("", !0)
         ], 8, xk)) : z("", !0),
         G(C(Uh), {
@@ -17091,7 +17091,7 @@ const vk = {
               ], 8, kk),
               B[4] || (B[4] = v("span", { class: "w-px h-5 bg-gray-200 dark:bg-gray-700 flex-shrink-0" }, null, -1)),
               e.prependInner ? (p(), k(we, { key: 0 }, [
-                v("span", _k, j(e.prependInner), 1),
+                v("span", _k, W(e.prependInner), 1),
                 B[3] || (B[3] = v("span", { class: "w-px h-5 bg-gray-200 dark:bg-gray-700 flex-shrink-0" }, null, -1))
               ], 64)) : z("", !0),
               v("input", {
@@ -17124,13 +17124,13 @@ const vk = {
                   var ae;
                   return (ae = E.value) == null ? void 0 : ae.closeMenu();
                 })
-              }, j(e.cancelLabel), 1),
+              }, W(e.cancelLabel), 1),
               v("button", {
                 type: "button",
                 disabled: X,
                 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: (Z) => ne()
-              }, j(e.selectLabel), 9, Mk)
+              }, W(e.selectLabel), 9, Mk)
             ])
           ]),
           _: 2
@@ -17144,13 +17144,13 @@ const vk = {
                   type: "button",
                   class: "w-full 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",
                   onClick: (X) => L(ne.range)
-                }, j(ne.label), 9, Sk))), 128)) : z("", !0)
+                }, W(ne.label), 9, Sk))), 128)) : z("", !0)
               ])
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["modelValue", "dark", "range", "multi-calendars", "disabled", "locale", "model-type", "formats", "min-date", "max-date", "preset-ranges", "floating"]),
-        l.value ? (p(), k("p", Ek, j(s.error), 1)) : z("", !0)
+        l.value ? (p(), k("p", Ek, W(s.error), 1)) : z("", !0)
       ], 64))
     ], 2));
   }
@@ -17302,13 +17302,13 @@ const vk = {
                 v("div", Rk, [
                   G(C(Ik), { class: "text-lg font-bold text-neutral-900 dark:text-neutral-50 leading-tight" }, {
                     default: re(() => [
-                      Ie(j(e.title), 1)
+                      Ie(W(e.title), 1)
                     ]),
                     _: 1
                   }),
                   G(C(Ok), { class: "hidden" }, {
                     default: re(() => [
-                      Ie(j(e.title || "Dialog Content"), 1)
+                      Ie(W(e.title || "Dialog Content"), 1)
                     ]),
                     _: 1
                   })
@@ -17376,7 +17376,7 @@ const vk = {
         key: 0,
         class: ue(["shrink-0", i.value, e.iconClass])
       }, null, 8, ["class"])) : z("", !0),
-      Ie(" " + j(e.label || e.text), 1)
+      Ie(" " + W(e.label || e.text), 1)
     ], 16));
   }
 }), Uk = { class: "flex flex-col gap-3 w-full" }, jk = {
@@ -17527,8 +17527,8 @@ const vk = {
         (b) => b.typeDocument === y || b.idDocumentType === y || b[n.itemValue] === y
       ) || null;
     }, E = async (_, y, b) => {
-      var F, B, ne, X;
-      const A = b.target, P = (F = A.files) == null ? void 0 : F[0];
+      var $, B, ne, X;
+      const A = b.target, P = ($ = A.files) == null ? void 0 : $[0];
       if (!P) return;
       const I = _[n.itemValue] || _.id || _.typeDocument, L = URL.createObjectURL(P);
       if (!i.value) {
@@ -17633,7 +17633,7 @@ const vk = {
           ])
         ])) : l.value.length === 0 && !u.value ? (p(), k("div", Nk, [
           G(C(Jr), { class: "w-6 h-6 text-slate-400" }),
-          v("span", Hk, j(C(o)("dynamicUploadList.noDocsRequired")), 1)
+          v("span", Hk, W(C(o)("dynamicUploadList.noDocsRequired")), 1)
         ])) : z("", !0),
         (p(!0), k(we, null, Ve(l.value, (b, A) => {
           var P;
@@ -17657,7 +17657,7 @@ const vk = {
             ]),
             g(b) ? (p(), k("div", Xk, [
               G(C(Jr), { class: "w-4 h-4 text-green-600 shrink-0" }),
-              v("span", Kk, j(((P = g(b)) == null ? void 0 : P.filename) || C(o)("dynamicUploadList.fileUploaded")), 1),
+              v("span", Kk, W(((P = g(b)) == null ? void 0 : P.filename) || C(o)("dynamicUploadList.fileUploaded")), 1),
               e.disabled ? z("", !0) : (p(), k("button", {
                 key: 0,
                 type: "button",
@@ -17684,8 +17684,8 @@ const vk = {
                 key: 1,
                 class: "w-6 h-6 text-slate-400"
               })),
-              v("span", Qk, j(d.value.has(A) ? C(o)("dynamicUploadList.uploading") : C(o)("dynamicUploadList.clickOrDrag")), 1),
-              e.typeFile ? (p(), k("span", Zk, j(e.typeFile), 1)) : z("", !0),
+              v("span", Qk, W(d.value.has(A) ? C(o)("dynamicUploadList.uploading") : C(o)("dynamicUploadList.clickOrDrag")), 1),
+              e.typeFile ? (p(), k("span", Zk, W(e.typeFile), 1)) : z("", !0),
               v("input", {
                 id: `dyn-upload-input-${A}`,
                 type: "file",
@@ -17711,7 +17711,7 @@ const vk = {
             type: "button",
             class: "px-4 py-2 border border-slate-200 dark:border-zinc-700 rounded-md text-sm font-medium hover:bg-slate-50 dark:hover:bg-zinc-800 transition-colors",
             onClick: y[1] || (y[1] = (b) => f.value = !1)
-          }, j(C(o)("common.close") || "Close"), 1)
+          }, W(C(o)("common.close") || "Close"), 1)
         ]),
         default: re(() => [
           v("div", t2, [
@@ -17727,12 +17727,12 @@ const vk = {
               title: "Document Preview"
             }, null, 8, s2)) : (p(), k("div", o2, [
               G(C(ir), { class: "w-16 h-16 stroke-1" }),
-              v("span", a2, j(C(o)("dynamicUploadList.noSupportPreview") || "Preview not supported for this file type"), 1),
+              v("span", a2, W(C(o)("dynamicUploadList.noSupportPreview") || "Preview not supported for this file type"), 1),
               v("a", {
                 href: h.value,
                 target: "_blank",
                 class: "px-4 py-2 bg-primary-500 text-white rounded-md text-sm font-semibold hover:bg-primary-600 transition-colors"
-              }, j(C(o)("dynamicUploadList.viewOriginal") || "View Original"), 9, i2)
+              }, W(C(o)("dynamicUploadList.viewOriginal") || "View Original"), 9, i2)
             ]))
           ])
         ]),
@@ -17991,7 +17991,7 @@ const vk = {
           default: re(() => [
             G(C(jr), { class: "text-sm font-semibold dark:text-neutral-100" }, {
               default: re(() => [
-                Ie(j(e.label), 1)
+                Ie(W(e.label), 1)
               ]),
               _: 1
             })
@@ -18026,7 +18026,7 @@ const vk = {
                     class: "text-[11px] dark:bg-neutral-800 dark:text-neutral-300"
                   }, {
                     default: re(() => [
-                      Ie(" Allowed: " + j(S.value), 1)
+                      Ie(" Allowed: " + W(S.value), 1)
                     ]),
                     _: 1
                   }),
@@ -18035,7 +18035,7 @@ const vk = {
                     class: "text-[11px] dark:bg-neutral-800 dark:text-neutral-300"
                   }, {
                     default: re(() => [
-                      Ie(" Max: " + j(n.maxSizeMb) + "MB ", 1)
+                      Ie(" Max: " + W(n.maxSizeMb) + "MB ", 1)
                     ]),
                     _: 1
                   })
@@ -18046,7 +18046,7 @@ const vk = {
                   class: "mt-2 dark:bg-neutral-800 dark:text-neutral-300"
                 }, {
                   default: re(() => [
-                    Ie(j(r.value) + " • " + j(l.value ? u(l.value) : ""), 1)
+                    Ie(W(r.value) + " • " + W(l.value ? u(l.value) : ""), 1)
                   ]),
                   _: 1
                 })) : z("", !0)
@@ -18069,7 +18069,7 @@ const vk = {
               default: re(() => [
                 G(C(c2), { class: "text-sm" }, {
                   default: re(() => [
-                    Ie(j(c.value), 1)
+                    Ie(W(c.value), 1)
                   ]),
                   _: 1
                 })
@@ -18145,11 +18145,11 @@ const vk = {
           default: re(() => [
             G(jr, { class: "text-sm font-semibold dark:text-neutral-100" }, {
               default: re(() => [
-                Ie(j(e.title), 1)
+                Ie(W(e.title), 1)
               ]),
               _: 1
             }),
-            e.description ? (p(), k("div", g2, j(e.description), 1)) : z("", !0)
+            e.description ? (p(), k("div", g2, W(e.description), 1)) : z("", !0)
           ]),
           _: 1
         }),
@@ -18171,8 +18171,8 @@ const vk = {
                 }, null, 8, b2)) : (p(), k("div", y2, [
                   G(C(ir), { class: "w-10 h-10" }),
                   v("div", v2, [
-                    v("p", x2, j((w = r.value) == null ? void 0 : w.name), 1),
-                    v("p", w2, j((x = r.value) == null ? void 0 : x.size), 1)
+                    v("p", x2, W((w = r.value) == null ? void 0 : w.name), 1),
+                    v("p", w2, W((x = r.value) == null ? void 0 : x.size), 1)
                   ])
                 ])),
                 v("div", {
@@ -18258,15 +18258,15 @@ const vk = {
                   v("div", A2, [
                     v("div", S2, [
                       m[4] || (m[4] = v("span", { class: "w-14 shrink-0 text-muted-foreground dark:text-neutral-400" }, "Nama", -1)),
-                      v("span", D2, j((g = r.value) == null ? void 0 : g.name), 1)
+                      v("span", D2, W((g = r.value) == null ? void 0 : g.name), 1)
                     ]),
                     v("div", M2, [
                       m[5] || (m[5] = v("span", { class: "w-14 shrink-0 text-muted-foreground dark:text-neutral-400" }, "Ukuran", -1)),
-                      v("span", E2, j((E = r.value) == null ? void 0 : E.size), 1)
+                      v("span", E2, W((E = r.value) == null ? void 0 : E.size), 1)
                     ]),
                     v("div", P2, [
                       m[6] || (m[6] = v("span", { class: "w-14 shrink-0 text-muted-foreground dark:text-neutral-400" }, "Tipe", -1)),
-                      v("span", T2, j((D = r.value) == null ? void 0 : D.type), 1)
+                      v("span", T2, W((D = r.value) == null ? void 0 : D.type), 1)
                     ])
                   ])
                 ], 4)
@@ -18403,7 +18403,7 @@ const I2 = { class: "space-y-3" }, L2 = {
           _method: A,
           withCredentials: !0,
           transformRequest: [
-            (F, B) => (B && (delete B["Content-Type"], delete B["content-type"]), F)
+            ($, B) => (B && (delete B["Content-Type"], delete B["content-type"]), $)
           ]
         }), L = (I == null ? void 0 : I.data) ?? I;
         o.value = _, s("uploaded", L);
@@ -18541,12 +18541,12 @@ const I2 = { class: "space-y-3" }, L2 = {
     }, L = async () => {
       n.disabled || (c.value ? I() : await P());
     };
-    let F = null;
+    let $ = null;
     const B = async (R) => {
       if (n.disabled) return;
-      s("update:modelValue", null), c.value || await P(!1), F && clearTimeout(F);
+      s("update:modelValue", null), c.value || await P(!1), $ && clearTimeout($);
       const q = S.value;
-      F = setTimeout(() => {
+      $ = setTimeout(() => {
         u.value = q;
       }, 300);
     }, ne = (R) => {
@@ -18582,7 +18582,7 @@ const I2 = { class: "space-y-3" }, L2 = {
         i.value = ((R = a.value) == null ? void 0 : R.querySelector("input")) ?? null;
       }), d.value && E();
     }), fn(() => {
-      document.removeEventListener("mousedown", ae), F && clearTimeout(F);
+      document.removeEventListener("mousedown", ae), $ && clearTimeout($);
     }), Fe(d, (R) => {
       c.value || (S.value = R);
     }), Fe(
@@ -18600,7 +18600,7 @@ const I2 = { class: "space-y-3" }, L2 = {
         for: l.value,
         class: "!text-sm !font-medium !mb-1 !block"
       }, [
-        Ie(j(n.label) + " ", 1),
+        Ie(W(n.label) + " ", 1),
         n.required ? (p(), k("span", F2, "*")) : z("", !0)
       ], 8, R2)) : z("", !0),
       v("div", $2, [
@@ -18674,11 +18674,11 @@ const I2 = { class: "space-y-3" }, L2 = {
                       class: "shrink-0"
                     }, null, 8, ["size"]))
                   ]),
-                  v("span", X2, j(le), 1)
+                  v("span", X2, W(le), 1)
                 ])
               ], 10, H2))), 128))
             ], 2)),
-            h.value && _.value.length > 0 ? (p(), k("div", K2, " Showing " + j(y.value.length) + " / " + j(_.value.length), 1)) : z("", !0)
+            h.value && _.value.length > 0 ? (p(), k("div", K2, " Showing " + W(y.value.length) + " / " + W(_.value.length), 1)) : z("", !0)
           ], 36)
         ])) : z("", !0)
       ])
@@ -18720,12 +18720,12 @@ const I2 = { class: "space-y-3" }, L2 = {
     }
     async function f(D, S, M, _, y) {
       const b = await new Promise((I, L) => {
-        const F = URL.createObjectURL(D), B = new Image();
+        const $ = URL.createObjectURL(D), B = new Image();
         B.onload = () => {
-          URL.revokeObjectURL(F), I(B);
+          URL.revokeObjectURL($), I(B);
         }, B.onerror = (ne) => {
-          URL.revokeObjectURL(F), L(ne);
-        }, B.src = F;
+          URL.revokeObjectURL($), L(ne);
+        }, B.src = $;
       }), A = document.createElement("canvas");
       A.width = S, A.height = M;
       const P = A.getContext("2d");
@@ -18986,11 +18986,11 @@ const I2 = { class: "space-y-3" }, L2 = {
           default: re(() => [
             G(jr, { class: "text-sm font-semibold dark:text-neutral-100" }, {
               default: re(() => [
-                Ie(j(e.title), 1)
+                Ie(W(e.title), 1)
               ]),
               _: 1
             }),
-            e.description ? (p(), k("div", e_, j(e.description), 1)) : z("", !0)
+            e.description ? (p(), k("div", e_, W(e.description), 1)) : z("", !0)
           ]),
           _: 1
         }),
@@ -19098,15 +19098,15 @@ const I2 = { class: "space-y-3" }, L2 = {
                   v("div", o_, [
                     v("div", a_, [
                       h[4] || (h[4] = v("span", { class: "w-14 shrink-0 text-muted-foreground dark:text-neutral-400" }, "Nama", -1)),
-                      v("span", i_, j((m = i.value) == null ? void 0 : m.name), 1)
+                      v("span", i_, W((m = i.value) == null ? void 0 : m.name), 1)
                     ]),
                     v("div", r_, [
                       h[5] || (h[5] = v("span", { class: "w-14 shrink-0 text-muted-foreground dark:text-neutral-400" }, "Ukuran", -1)),
-                      v("span", l_, j((w = i.value) == null ? void 0 : w.size), 1)
+                      v("span", l_, W((w = i.value) == null ? void 0 : w.size), 1)
                     ]),
                     v("div", c_, [
                       h[6] || (h[6] = v("span", { class: "w-14 shrink-0 text-muted-foreground dark:text-neutral-400" }, "Tipe", -1)),
-                      v("span", d_, j((x = i.value) == null ? void 0 : x.type), 1)
+                      v("span", d_, W((x = i.value) == null ? void 0 : x.type), 1)
                     ])
                   ])
                 ], 4)
@@ -19275,7 +19275,7 @@ const I2 = { class: "space-y-3" }, L2 = {
       var Z;
       d(), n.uploadFn || (Z = n.endpoint) != null && Z.apiUrl ? await I(X) : o.value = X, a.value = !1, i.value = null;
     }
-    function F() {
+    function $() {
       a.value = !1, i.value = null;
     }
     async function B() {
@@ -19334,7 +19334,7 @@ const I2 = { class: "space-y-3" }, L2 = {
         "output-height": e.outputHeight,
         quality: e.quality,
         onDone: L,
-        onCancel: F
+        onCancel: $
       }, null, 8, ["modelValue", "file", "title", "description", "auto-open-editor", "aspect-ratio", "output-width", "output-height", "quality"])
     ]));
   }
@@ -19506,13 +19506,13 @@ const I2 = { class: "space-y-3" }, L2 = {
     function L(fe) {
       return !A(fe) && I.value;
     }
-    const F = O(() => {
+    const $ = O(() => {
       const fe = m.value, ve = /* @__PURE__ */ new Set();
       if (o.returnObject) for (const Se of fe) ve.add(f(Se));
       else for (const Se of fe) ve.add(Se);
       return ve;
     }), B = O(() => {
-      const fe = F.value;
+      const fe = $.value;
       return (M.value || []).filter((ve) => !fe.has(f(ve)));
     }), ne = O(() => M.value.length === 0 ? !1 : B.value.length === 0), X = Y(null), Z = Y(null), ae = Y(null), de = Y(!1), R = Y(""), q = Y(0), le = Y(0), { floatingStyles: ie } = vr(X, Z, {
       whileElementsMounted: pr,
@@ -19652,7 +19652,7 @@ const I2 = { class: "space-y-3" }, L2 = {
           for: l.value,
           class: "text-sm font-medium"
         }, [
-          Ie(j(a.value) + " ", 1),
+          Ie(W(a.value) + " ", 1),
           c.value ? (p(), k("span", g_, "*")) : z("", !0)
         ], 8, m_)) : z("", !0),
         v("div", {
@@ -19676,7 +19676,7 @@ const I2 = { class: "space-y-3" }, L2 = {
                   key: `chip-${h(Se, ze)}`,
                   class: "inline-flex items-center rounded-md border px-1.5 py-0.5 text-xs font-medium bg-neutral-100 dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 border-transparent gap-1"
                 }, [
-                  v("span", x_, j(u(Se)), 1),
+                  v("span", x_, W(u(Se)), 1),
                   o.disabled ? z("", !0) : (p(), k("button", {
                     key: 0,
                     class: "ml-1 opacity-70 hover:opacity-100",
@@ -19684,8 +19684,8 @@ const I2 = { class: "space-y-3" }, L2 = {
                     "aria-label": "Remove"
                   }, " ✕ ", 8, w_))
                 ]))), 128)),
-                o.maxChips !== null && y.value.length > o.maxChips ? (p(), k("div", k_, " +" + j(y.value.length - (o.maxChips ?? 0)), 1)) : z("", !0)
-              ])) : (p(), k("div", __, j(o.placeholder), 1))
+                o.maxChips !== null && y.value.length > o.maxChips ? (p(), k("div", k_, " +" + W(y.value.length - (o.maxChips ?? 0)), 1)) : z("", !0)
+              ])) : (p(), k("div", __, W(o.placeholder), 1))
             ]),
             v("div", C_, [
               ot.value ? (p(), k("button", {
@@ -19750,7 +19750,7 @@ const I2 = { class: "space-y-3" }, L2 = {
                       disabled: o.disabled || L(Se),
                       onClick: (mt) => oe(Se)
                     }, [
-                      v("span", E_, j(u(Se)), 1),
+                      v("span", E_, W(u(Se)), 1),
                       A(Se) ? (p(), k("span", P_, "✓")) : z("", !0)
                     ], 14, M_))), 128))
                   ], 6),
@@ -19762,7 +19762,7 @@ const I2 = { class: "space-y-3" }, L2 = {
             ], 4)) : z("", !0)
           ]))
         ], 512),
-        d.value ? (p(), k("p", L_, j(o.error), 1)) : z("", !0)
+        d.value ? (p(), k("p", L_, W(o.error), 1)) : z("", !0)
       ], 64))
     ], 10, h_)), [
       [cs, i.value]
@@ -19877,9 +19877,9 @@ const I2 = { class: "space-y-3" }, L2 = {
       const A = (((L = _.clipboardData) == null ? void 0 : L.getData("text")) ?? "").replaceAll(/[^a-zA-Z0-9]/g, "");
       if (!A) return;
       let P = y;
-      for (const F of A) {
+      for (const $ of A) {
         if (P >= f.value) break;
-        l.value[P] = F, P++;
+        l.value[P] = $, P++;
       }
       const I = l.value.join("");
       i("updateOtp", I), i("update:modelValue", I), I.length === f.value && x(I), m(Math.min(P, f.value - 1));
@@ -19892,12 +19892,12 @@ const I2 = { class: "space-y-3" }, L2 = {
           key: 0,
           for: o.value,
           class: "text-sm font-medium text-foreground"
-        }, j(a.label), 9, F_)) : (p(), k("label", {
+        }, W(a.label), 9, F_)) : (p(), k("label", {
           key: 1,
           for: o.value,
           class: "text-sm font-medium text-foreground"
         }, " Masukkan kode keamanan ", 8, $_)),
-        v("p", z_, " Ketik " + j(f.value) + " digit kode verifikasi Anda ", 1)
+        v("p", z_, " Ketik " + W(f.value) + " digit kode verifikasi Anda ", 1)
       ])) : z("", !0),
       v("div", V_, [
         (p(!0), k(we, null, Ve(f.value, (b) => (p(), k("input", {
@@ -19976,8 +19976,8 @@ const I2 = { class: "space-y-3" }, L2 = {
     }), i = O(() => `${Math.round(s.value)}%`);
     return (r, l) => (p(), k("div", j_, [
       e.label || e.showValue ? (p(), k("div", W_, [
-        e.label ? (p(), k("span", N_, j(e.label), 1)) : z("", !0),
-        e.showValue ? (p(), k("span", H_, j(i.value), 1)) : z("", !0)
+        e.label ? (p(), k("span", N_, W(e.label), 1)) : z("", !0),
+        e.showValue ? (p(), k("span", H_, W(i.value), 1)) : z("", !0)
       ])) : z("", !0),
       v("div", {
         class: ue(o.value)
@@ -20106,7 +20106,7 @@ const I2 = { class: "space-y-3" }, L2 = {
         class: "text-sm font-medium"
       }, {
         default: re(() => [
-          Ie(j(e.label) + " ", 1),
+          Ie(W(e.label) + " ", 1),
           e.required ? (p(), k("span", Q_, "*")) : z("", !0)
         ]),
         _: 1
@@ -20152,7 +20152,7 @@ const I2 = { class: "space-y-3" }, L2 = {
                   e.disabled ? "cursor-not-allowed opacity-50" : ""
                 ])
               }, [
-                Ie(j(u(M)) + " ", 1),
+                Ie(W(u(M)) + " ", 1),
                 e.required && c.value.length === 1 && e.label ? (p(), k("span", aC, "*")) : z("", !0)
               ], 10, oC)
             ], 8, sC)
@@ -20160,7 +20160,7 @@ const I2 = { class: "space-y-3" }, L2 = {
         ], 2),
         h.value && m.value ? (p(), k("div", iC, [
           G(C(Xa), { class: "w-4 h-4 flex-shrink-0" }),
-          Ie(" " + j(m.value), 1)
+          Ie(" " + W(m.value), 1)
         ])) : z("", !0)
       ])
     ]));
@@ -20219,7 +20219,7 @@ const I2 = { class: "space-y-3" }, L2 = {
       if (A) {
         r.value = !0, l.value = null;
         try {
-          const L = { page: 1, perPage: 100 }, F = ((I = o.endpoint) == null ? void 0 : I.apiMethod) || o.apiMethod, B = await n(A, F, L);
+          const L = { page: 1, perPage: 100 }, $ = ((I = o.endpoint) == null ? void 0 : I.apiMethod) || o.apiMethod, B = await n(A, $, L);
           let ne = B;
           o.dataPath ? ne = o.dataPath.split(".").reduce((Z, ae) => Z && Z[ae] !== "undefined" ? Z[ae] : void 0, B) : typeof B == "object" && !Array.isArray(B) && B.data && (ne = B.data), Array.isArray(ne) ? i.value = ne : (console.warn("DCodeRadioCustom: Format response tidak terdeteksi sebagai Array. Gunakan prop 'dataPath'."), l.value = "Format respons data tidak valid. Array tidak ditemukan.");
         } catch (L) {
@@ -20277,7 +20277,7 @@ const I2 = { class: "space-y-3" }, L2 = {
         class: "text-sm font-medium"
       }, {
         default: re(() => [
-          Ie(j(e.label) + " ", 1),
+          Ie(W(e.label) + " ", 1),
           e.required ? (p(), k("span", lC, "*")) : z("", !0)
         ]),
         _: 1
@@ -20297,7 +20297,7 @@ const I2 = { class: "space-y-3" }, L2 = {
               S(m(I)) ? d.value ? "border-primary-500 bg-primary-500/10 shadow-none" : "border-primary-500 bg-primary-50 shadow-md shadow-primary-100" : d.value ? "border-neutral-700 bg-neutral-800 hover:border-neutral-600" : "border-gray-200 bg-white hover:border-gray-300 hover:shadow-sm",
               e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
             ]),
-            onClick: (F) => !e.disabled && b(m(I))
+            onClick: ($) => !e.disabled && b(m(I))
           }, [
             v("input", {
               id: e.id ? `${e.id}-${L}` : `${g.value}-${L}`,
@@ -20307,7 +20307,7 @@ const I2 = { class: "space-y-3" }, L2 = {
               checked: S(m(I)),
               disabled: e.disabled,
               required: e.required && L === 0,
-              onChange: (F) => y(m(I), F),
+              onChange: ($) => y(m(I), $),
               class: "sr-only",
               tabindex: "-1"
             }, null, 40, fC),
@@ -20337,14 +20337,14 @@ const I2 = { class: "space-y-3" }, L2 = {
                 e.disabled ? "cursor-not-allowed" : "cursor-pointer"
               ])
             }, [
-              Ie(j(w(I)) + " ", 1),
+              Ie(W(w(I)) + " ", 1),
               e.required && h.value.length === 1 && e.label ? (p(), k("span", mC, "*")) : z("", !0)
             ], 10, pC)
           ], 10, uC))), 128))
         ], 2),
         E.value && D.value ? (p(), k("div", gC, [
           G(C(Xa), { class: "w-4 h-4 flex-shrink-0" }),
-          Ie(" " + j(D.value), 1)
+          Ie(" " + W(D.value), 1)
         ])) : z("", !0)
       ])
     ]));
@@ -20483,16 +20483,16 @@ const I2 = { class: "space-y-3" }, L2 = {
         class: "text-sm font-medium"
       }, {
         default: re(() => [
-          Ie(j(c.value) + " ", 1),
+          Ie(W(c.value) + " ", 1),
           e.required ? (p(), k("span", bC, "*")) : z("", !0)
         ]),
         _: 1
       }, 8, ["for"])) : z("", !0),
       v("div", yC, [
         e.showValue ? (p(), k("div", vC, [
-          v("span", xC, j(o.valuePrefix) + j(e.min) + j(o.valueSuffix), 1),
-          v("span", wC, j(h.value), 1),
-          v("span", kC, j(o.valuePrefix) + j(e.max) + j(o.valueSuffix), 1)
+          v("span", xC, W(o.valuePrefix) + W(e.min) + W(o.valueSuffix), 1),
+          v("span", wC, W(h.value), 1),
+          v("span", kC, W(o.valuePrefix) + W(e.max) + W(o.valueSuffix), 1)
         ])) : z("", !0),
         v("div", _C, [
           v("div", {
@@ -20534,7 +20534,7 @@ const I2 = { class: "space-y-3" }, L2 = {
             style: ct({ left: `${D(y.value)}%`, transform: "translateX(-50%)" })
           }, [
             _[0] || (_[0] = v("div", { class: "w-1 h-2 bg-gray-400 rounded-full" }, null, -1)),
-            v("span", SC, j(y.label), 1)
+            v("span", SC, W(y.label), 1)
           ], 4))), 128))
         ])) : z("", !0)
       ]),
@@ -20552,11 +20552,11 @@ const I2 = { class: "space-y-3" }, L2 = {
             d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
           })
         ], -1)),
-        Ie(" " + j(e.error), 1)
+        Ie(" " + W(e.error), 1)
       ])) : z("", !0),
       S.value ? (p(), pe(_t("style"), { key: 2 }, {
         default: re(() => [
-          Ie(j(S.value), 1)
+          Ie(W(S.value), 1)
         ]),
         _: 1
       })) : z("", !0)
@@ -20651,7 +20651,7 @@ const I2 = { class: "space-y-3" }, L2 = {
         class: "text-sm font-medium"
       }, {
         default: re(() => [
-          Ie(j(e.label) + " ", 1),
+          Ie(W(e.label) + " ", 1),
           e.required ? (p(), k("span", PC, "*")) : z("", !0)
         ]),
         _: 1
@@ -20758,7 +20758,7 @@ const I2 = { class: "space-y-3" }, L2 = {
                       v("span", {
                         class: ue(["inline-block w-2 h-2 rounded-full animate-pulse", o.value ? "bg-green-200" : "bg-gray-300"])
                       }, null, 2),
-                      Ie(" " + j(d.value), 1)
+                      Ie(" " + W(d.value), 1)
                     ])
                   ]),
                   _: 1
@@ -20966,7 +20966,7 @@ const I2 = { class: "space-y-3" }, L2 = {
       return f(se);
     };
     let L = null;
-    const F = (oe) => {
+    const $ = (oe) => {
       if (oe === "") return null;
       if (o.valueType === "number" && o.returnNumber) {
         const V = oe.replaceAll(`
@@ -20975,7 +20975,7 @@ const I2 = { class: "space-y-3" }, L2 = {
       }
       return oe;
     }, B = (oe) => {
-      w.value = oe, s("update:modelValue", F(oe));
+      w.value = oe, s("update:modelValue", $(oe));
     }, ne = (oe, V) => {
       const se = f(V);
       g.value = !0, oe.value = se, B(se), queueMicrotask(() => g.value = !1);
@@ -21057,7 +21057,7 @@ const I2 = { class: "space-y-3" }, L2 = {
           for: l.value,
           class: "text-sm font-medium"
         }, [
-          Ie(j(a.value) + " ", 1),
+          Ie(W(a.value) + " ", 1),
           c.value ? (p(), k("span", UC, "*")) : z("", !0)
         ], 8, VC)) : z("", !0),
         v("div", jC, [
@@ -21079,9 +21079,9 @@ const I2 = { class: "space-y-3" }, L2 = {
               onClick: le
             }, " ✕ ")
           ])) : z("", !0),
-          ye.value && !Le.value ? (p(), k("p", HC, j(ke.value), 1)) : z("", !0)
+          ye.value && !Le.value ? (p(), k("p", HC, W(ke.value), 1)) : z("", !0)
         ]),
-        Le.value ? (p(), k("p", GC, j(o.error), 1)) : z("", !0)
+        Le.value ? (p(), k("p", GC, W(o.error), 1)) : z("", !0)
       ], 64))
     ], 10, $C)), [
       [cs, i.value]
@@ -21258,7 +21258,7 @@ const I2 = { class: "space-y-3" }, L2 = {
         v("div", KC, [
           o.value ? (p(), k("div", YC, [...f[0] || (f[0] = [
             v("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }, null, -1)
-          ])])) : a.value ? (p(), k("div", JC, j(a.value), 1)) : (p(), k("div", QC, [
+          ])])) : a.value ? (p(), k("div", JC, W(a.value), 1)) : (p(), k("div", QC, [
             f[7] || (f[7] = v("div", { class: "absolute left-4 top-0 h-full w-px bg-border" }, null, -1)),
             v("div", ZC, [
               (p(!0), k(we, null, Ve(r.value, (g, E) => (p(), k("div", {
@@ -21274,25 +21274,25 @@ const I2 = { class: "space-y-3" }, L2 = {
                   v("div", tA, [
                     g.type === "flight" ? (p(), k(we, { key: 0 }, [
                       v("div", nA, [
-                        v("p", sA, j(g.title), 1),
-                        v("p", oA, j(g.meta), 1)
+                        v("p", sA, W(g.title), 1),
+                        v("p", oA, W(g.meta), 1)
                       ]),
                       v("p", aA, [
-                        v("span", iA, j(g.from), 1),
+                        v("span", iA, W(g.from), 1),
                         G(C(Af), { class: "mx-2 inline h-4 w-4" }),
-                        v("span", rA, j(g.to), 1)
+                        v("span", rA, W(g.to), 1)
                       ]),
-                      v("p", lA, j(g.time), 1),
+                      v("p", lA, W(g.time), 1),
                       g.fileName ? (p(), k("div", cA, [
                         G(C(ir), { class: "h-4 w-4 text-muted-foreground" }),
-                        v("span", null, j(g.fileName), 1)
+                        v("span", null, W(g.fileName), 1)
                       ])) : z("", !0)
                     ], 64)) : g.type === "interview" ? (p(), k(we, { key: 1 }, [
                       v("div", dA, [
-                        v("p", uA, j(g.title), 1),
-                        v("p", fA, j(g.meta), 1)
+                        v("p", uA, W(g.title), 1),
+                        v("p", fA, W(g.meta), 1)
                       ]),
-                      v("p", hA, j(g.desc), 1),
+                      v("p", hA, W(g.desc), 1),
                       G(C(Ca), { class: "my-4" }),
                       v("div", pA, [
                         v("div", mA, [
@@ -21304,7 +21304,7 @@ const I2 = { class: "space-y-3" }, L2 = {
                               }, null, 8, ["src"])) : z("", !0),
                               G(C(Jc), null, {
                                 default: re(() => [
-                                  Ie(j(d(g.personName ?? "")), 1)
+                                  Ie(W(d(g.personName ?? "")), 1)
                                 ]),
                                 _: 2
                               }, 1024)
@@ -21312,8 +21312,8 @@ const I2 = { class: "space-y-3" }, L2 = {
                             _: 2
                           }, 1024),
                           v("div", gA, [
-                            v("p", bA, j(g.personName), 1),
-                            v("p", yA, j(g.personRole), 1)
+                            v("p", bA, W(g.personName), 1),
+                            v("p", yA, W(g.personRole), 1)
                           ])
                         ]),
                         v("div", vA, [
@@ -21351,33 +21351,33 @@ const I2 = { class: "space-y-3" }, L2 = {
                       ]),
                       v("div", _A, [
                         v("div", CA, [
-                          v("p", AA, j(g.title), 1),
-                          v("p", SA, j(g.meta), 1)
+                          v("p", AA, W(g.title), 1),
+                          v("p", SA, W(g.meta), 1)
                         ]),
-                        v("p", DA, j(g.desc), 1),
+                        v("p", DA, W(g.desc), 1),
                         v("div", {
                           class: ue(["mt-4 grid gap-3", C(n) ? "grid-cols-1" : "grid-cols-3"])
                         }, [
                           v("div", MA, [
                             f[1] || (f[1] = v("p", { class: "text-sm font-medium" }, "Customer", -1)),
-                            v("p", EA, j(g.customer), 1)
+                            v("p", EA, W(g.customer), 1)
                           ]),
                           v("div", PA, [
                             f[2] || (f[2] = v("p", { class: "text-sm font-medium" }, "Price", -1)),
-                            v("p", TA, j(g.price), 1)
+                            v("p", TA, W(g.price), 1)
                           ]),
                           v("div", OA, [
                             f[3] || (f[3] = v("p", { class: "text-sm font-medium" }, "Quantity", -1)),
-                            v("p", IA, j(g.qty), 1)
+                            v("p", IA, W(g.qty), 1)
                           ])
                         ], 2)
                       ])
                     ])) : g.type === "design" ? (p(), k(we, { key: 3 }, [
                       v("div", LA, [
-                        v("p", BA, j(g.title), 1),
-                        v("p", RA, j(g.meta), 1)
+                        v("p", BA, W(g.title), 1),
+                        v("p", RA, W(g.meta), 1)
                       ]),
-                      v("p", FA, j(g.desc), 1),
+                      v("p", FA, W(g.desc), 1),
                       v("div", $A, [
                         G(C(Yc), { class: "h-10 w-10" }, {
                           default: re(() => [
@@ -21387,24 +21387,24 @@ const I2 = { class: "space-y-3" }, L2 = {
                             }, null, 8, ["src"])) : z("", !0),
                             G(C(Jc), null, {
                               default: re(() => [
-                                Ie(j(d(g.personName ?? "")), 1)
+                                Ie(W(d(g.personName ?? "")), 1)
                               ]),
                               _: 2
                             }, 1024)
                           ]),
                           _: 2
                         }, 1024),
-                        v("p", zA, j(g.personName), 1)
+                        v("p", zA, W(g.personName), 1)
                       ])
                     ], 64)) : g.type === "server" ? (p(), k(we, { key: 4 }, [
                       v("div", VA, [
-                        v("p", UA, j(g.title), 1),
+                        v("p", UA, W(g.title), 1),
                         G(m, {
                           variant: "destructive",
                           class: "h-6"
                         }, {
                           default: re(() => [
-                            Ie(j(g.chipText ?? ""), 1)
+                            Ie(W(g.chipText ?? ""), 1)
                           ]),
                           _: 2
                         }, 1024)
@@ -21415,21 +21415,21 @@ const I2 = { class: "space-y-3" }, L2 = {
                             G(C(Df), { class: "h-4 w-4" }),
                             f[4] || (f[4] = v("span", null, "IP Address", -1))
                           ]),
-                          v("span", HA, j(g.ip), 1)
+                          v("span", HA, W(g.ip), 1)
                         ]),
                         v("div", GA, [
                           v("div", qA, [
                             G(C(Mf), { class: "h-4 w-4" }),
                             f[5] || (f[5] = v("span", null, "CPU", -1))
                           ]),
-                          v("span", XA, j(g.cpu), 1)
+                          v("span", XA, W(g.cpu), 1)
                         ]),
                         v("div", KA, [
                           v("div", YA, [
                             G(C(Ef), { class: "h-4 w-4" }),
                             f[6] || (f[6] = v("span", null, "Memory", -1))
                           ]),
-                          v("span", JA, j(g.memory), 1)
+                          v("span", JA, W(g.memory), 1)
                         ])
                       ]),
                       G(C(Ca), { class: "my-4" }),
@@ -21459,20 +21459,20 @@ const I2 = { class: "space-y-3" }, L2 = {
                       v("div", eS, [
                         v("div", tS, [
                           G(x, { class: "h-4 w-4 text-muted-foreground" }),
-                          v("p", nS, j(g.title), 1)
+                          v("p", nS, W(g.title), 1)
                         ]),
                         G(m, {
                           variant: "destructive",
                           class: "h-6"
                         }, {
                           default: re(() => [
-                            Ie(j(g.chipText), 1)
+                            Ie(W(g.chipText), 1)
                           ]),
                           _: 2
                         }, 1024)
                       ]),
-                      v("p", sS, j(g.desc1), 1),
-                      g.desc2 ? (p(), k("p", oS, j(g.desc2), 1)) : z("", !0),
+                      v("p", sS, W(g.desc1), 1),
+                      g.desc2 ? (p(), k("p", oS, W(g.desc2), 1)) : z("", !0),
                       G(C(Ca), { class: "my-4" }),
                       v("div", aS, [
                         v("div", iS, [
@@ -21504,7 +21504,7 @@ const I2 = { class: "space-y-3" }, L2 = {
                             _: 1
                           })
                         ]),
-                        v("p", rS, "Due date: " + j(g.due), 1)
+                        v("p", rS, "Due date: " + W(g.due), 1)
                       ])
                     ], 64)) : z("", !0)
                   ])
@@ -21549,7 +21549,7 @@ const I2 = { class: "space-y-3" }, L2 = {
           v("span", { class: "font-medium text-primary-600" }, "Click to upload"),
           Ie(" or drag and drop ")
         ], -1)),
-        e.accept ? (p(), k("p", uS, j(e.accept), 1)) : z("", !0),
+        e.accept ? (p(), k("p", uS, W(e.accept), 1)) : z("", !0),
         v("input", {
           type: "file",
           class: "hidden",
@@ -21557,7 +21557,7 @@ const I2 = { class: "space-y-3" }, L2 = {
           accept: e.accept
         }, null, 40, fS)
       ]),
-      e.errorMessage ? (p(), k("p", hS, j(e.errorMessage), 1)) : z("", !0)
+      e.errorMessage ? (p(), k("p", hS, W(e.errorMessage), 1)) : z("", !0)
     ]));
   }
 }), mS = ["onClick"], gS = {
@@ -21680,8 +21680,8 @@ const I2 = { class: "space-y-3" }, L2 = {
           const L = await g({ tabIndex: A, tab: P });
           I.data = L, I.loaded = !0, s("loaded", { tabIndex: A, tab: P, data: L });
         } catch (L) {
-          const F = typeof (L == null ? void 0 : L.message) == "string" && L.message || typeof L == "string" && L || "Failed to load tab data.";
-          I.error = F, s("error", { tabIndex: A, tab: P, message: F });
+          const $ = typeof (L == null ? void 0 : L.message) == "string" && L.message || typeof L == "string" && L || "Failed to load tab data.";
+          I.error = $, s("error", { tabIndex: A, tab: P, message: $ });
         } finally {
           I.loading = !1;
         }
@@ -21749,12 +21749,12 @@ const I2 = { class: "space-y-3" }, L2 = {
                   key: 0,
                   class: "w-4 h-4"
                 })) : e.typeWizard === "number" || !A.icon && e.typeWizard !== "none" ? (p(), k("span", yS, [
-                  P < r.value ? (p(), k("span", vS, "✓")) : (p(), k("span", xS, j(P + 1), 1))
+                  P < r.value ? (p(), k("span", vS, "✓")) : (p(), k("span", xS, W(P + 1), 1))
                 ])) : (p(), k("span", wS))
               ], 2),
               v("span", {
                 class: ue(["text-xs font-semibold whitespace-normal px-2 py-1 rounded transition-colors text-left", P === r.value ? "wizard-text-active" : "wizard-text-pending"])
-              }, j(A.title), 3)
+              }, W(A.title), 3)
             ]))), 128)) : (p(!0), k(we, { key: 0 }, Ve(e.tabs, (A, P) => (p(), k("div", {
               key: A.key,
               onClick: (I) => D(P),
@@ -21770,8 +21770,8 @@ const I2 = { class: "space-y-3" }, L2 = {
                 e.typeWizard === "icon" && A.icon ? (p(), pe(_t(u(A.icon)), {
                   key: 0,
                   class: "w-4 h-4 mr-2 shrink-0"
-                })) : e.typeWizard === "number" ? (p(), k("span", gS, j(P + 1), 1)) : z("", !0),
-                v("span", bS, j(A.title), 1)
+                })) : e.typeWizard === "number" ? (p(), k("span", gS, W(P + 1), 1)) : z("", !0),
+                v("span", bS, W(A.title), 1)
               ], 2),
               P < e.tabs.length - 1 ? (p(), k("svg", {
                 key: 0,
@@ -21804,8 +21804,8 @@ const I2 = { class: "space-y-3" }, L2 = {
               e.typeWizard === "icon" && A.icon ? (p(), pe(_t(u(A.icon)), {
                 key: 0,
                 class: "h-4 w-4 shrink-0"
-              })) : e.typeWizard === "number" ? (p(), k("span", _S, j(P + 1), 1)) : z("", !0),
-              v("span", CS, j(A.title), 1)
+              })) : e.typeWizard === "number" ? (p(), k("span", _S, W(P + 1), 1)) : z("", !0),
+              v("span", CS, W(A.title), 1)
             ], 10, kS))), 128))
           ], 2))
         ], 2)
@@ -21846,7 +21846,7 @@ const I2 = { class: "space-y-3" }, L2 = {
                     }, () => [
                       v("div", DS, [
                         b[2] || (b[2] = Ie(" Slot ", -1)),
-                        v("code", MS, "tab-" + j(c.value.key), 1),
+                        v("code", MS, "tab-" + W(c.value.key), 1),
                         b[3] || (b[3] = Ie(" belum dibuat. ", -1))
                       ])
                     ], !0)
@@ -21882,7 +21882,7 @@ const I2 = { class: "space-y-3" }, L2 = {
               key: 0,
               class: "w-4 h-4 mr-2 animate-spin"
             })) : z("", !0),
-            Ie(" " + j(e.submitText), 1)
+            Ie(" " + W(e.submitText), 1)
           ], 8, TS))
         ], 2)) : z("", !0)
       ])
@@ -21922,14 +21922,14 @@ const I2 = { class: "space-y-3" }, L2 = {
   setup(e, { expose: t, emit: n }) {
     const { t: s } = cn(), o = e, a = n, i = O(() => o.menuList && o.menuList.length > 0 ? o.menuList : o.treeData || []), r = Y(/* @__PURE__ */ new Map()), l = Y(/* @__PURE__ */ new Set()), c = (P = !0) => {
       ((L) => {
-        L.forEach((F) => {
-          F.permission.forEach((B) => {
-            const ne = `${F.id}-${B.id}-parent`, X = B.code === "VIEW" || B.name.toUpperCase() === "VIEW";
+        L.forEach(($) => {
+          $.permission.forEach((B) => {
+            const ne = `${$.id}-${B.id}-parent`, X = B.code === "VIEW" || B.name.toUpperCase() === "VIEW";
             r.value.has(ne) || r.value.set(
               ne,
-              X || (P ? F.checked ?? !1 : !1)
+              X || (P ? $.checked ?? !1 : !1)
             );
-          }), F.detail && F.detail.length > 0 && F.detail.forEach((B) => {
+          }), $.detail && $.detail.length > 0 && $.detail.forEach((B) => {
             B.permission.forEach((ne) => {
               const X = `${B.id}-${ne.id}-child`, Z = ne.code === "VIEW" || ne.name.toUpperCase() === "VIEW";
               r.value.has(X) || r.value.set(
@@ -21946,11 +21946,11 @@ const I2 = { class: "space-y-3" }, L2 = {
         o.modelValue
       ), r.value.clear(), c(!1), o.modelValue && o.modelValue.length > 0 && o.modelValue.forEach((P) => {
         const I = P.menuId, L = P.actionsIds;
-        i.value.forEach((F) => {
-          F.id === I && L.forEach((B) => {
+        i.value.forEach(($) => {
+          $.id === I && L.forEach((B) => {
             const ne = `${I}-${B}-parent`;
             r.value.set(ne, !0);
-          }), F.detail && F.detail.length > 0 && F.detail.forEach((B) => {
+          }), $.detail && $.detail.length > 0 && $.detail.forEach((B) => {
             B.id === I && L.forEach((ne) => {
               const X = `${I}-${ne}-child`;
               r.value.set(X, !0);
@@ -21974,16 +21974,16 @@ const I2 = { class: "space-y-3" }, L2 = {
     const u = (P) => P.detail && P.detail.length > 0, f = (P) => {
       l.value.has(P) ? l.value.delete(P) : l.value.add(P);
     }, h = (P) => l.value.has(P), m = (P, I, L = !1) => {
-      const F = `${P}-${I}-${L ? "child" : "parent"}`;
-      return r.value.get(F) ?? !1;
+      const $ = `${P}-${I}-${L ? "child" : "parent"}`;
+      return r.value.get($) ?? !1;
     }, w = () => {
       const P = _();
       a("update:modelValue", P.permissions);
-    }, x = (P, I, L, F = !1) => {
-      const B = L.target.checked, ne = `${P}-${I}-${F ? "child" : "parent"}`;
-      r.value.set(ne, B), a("permission-change", P, I, B, !F), w();
+    }, x = (P, I, L, $ = !1) => {
+      const B = L.target.checked, ne = `${P}-${I}-${$ ? "child" : "parent"}`;
+      r.value.set(ne, B), a("permission-change", P, I, B, !$), w();
     }, g = (P) => P.permission.filter(E), E = (P) => P.code === "VIEW" || P.name.toUpperCase() === "VIEW", D = (P, I, L) => {
-      const F = L.target.checked;
+      const $ = L.target.checked;
       I.permission.forEach((B) => {
         if (E(B)) {
           const X = `${I.id}-${B.id}-child`;
@@ -21991,12 +21991,12 @@ const I2 = { class: "space-y-3" }, L2 = {
           return;
         }
         const ne = `${I.id}-${B.id}-child`;
-        r.value.set(ne, F);
-      }), r.value = new Map(r.value), a("menu-check", I.id, F), w();
+        r.value.set(ne, $);
+      }), r.value = new Map(r.value), a("menu-check", I.id, $), w();
     }, S = (P, I = !1) => {
       const L = I ? P.permission : g(P);
-      return !L || L.length === 0 ? !1 : L.every((F) => {
-        const B = `${P.id}-${F.id}-${I ? "child" : "parent"}`;
+      return !L || L.length === 0 ? !1 : L.every(($) => {
+        const B = `${P.id}-${$.id}-${I ? "child" : "parent"}`;
         return r.value.get(B) ?? !1;
       });
     }, M = () => {
@@ -22005,27 +22005,27 @@ const I2 = { class: "space-y-3" }, L2 = {
         var L;
         P[I.id] = {
           name: I.name,
-          parentPermissions: I.permission.map((F) => ({
-            id: F.id,
-            name: F.name,
-            checked: m(I.id, F.id, !1)
+          parentPermissions: I.permission.map(($) => ({
+            id: $.id,
+            name: $.name,
+            checked: m(I.id, $.id, !1)
           })),
-          children: ((L = I.detail) == null ? void 0 : L.map((F) => ({
-            id: F.id,
-            name: F.name,
-            permissions: F.permission.map((B) => ({
+          children: ((L = I.detail) == null ? void 0 : L.map(($) => ({
+            id: $.id,
+            name: $.name,
+            permissions: $.permission.map((B) => ({
               id: B.id,
               name: B.name,
-              checked: m(F.id, B.id, !0)
+              checked: m($.id, B.id, !0)
             }))
           }))) || []
         };
       }), P;
     }, _ = () => {
-      const P = [], I = (L, F = !1) => {
+      const P = [], I = (L, $ = !1) => {
         const B = [];
         L.permission.forEach((ne) => {
-          const X = `${L.id}-${ne.id}-${F ? "child" : "parent"}`;
+          const X = `${L.id}-${ne.id}-${$ ? "child" : "parent"}`;
           (r.value.get(X) ?? !1) && B.push(ne.id);
         }), B.length > 0 && P.push({
           menuId: L.id,
@@ -22033,8 +22033,8 @@ const I2 = { class: "space-y-3" }, L2 = {
         });
       };
       return i.value.forEach((L) => {
-        I(L, !1), L.detail && L.detail.length > 0 && L.detail.forEach((F) => {
-          I(F, !0);
+        I(L, !1), L.detail && L.detail.length > 0 && L.detail.forEach(($) => {
+          I($, !0);
         });
       }), { permissions: P };
     };
@@ -22042,9 +22042,9 @@ const I2 = { class: "space-y-3" }, L2 = {
       getCurrentStates: M,
       getPermissionsForDatabase: _,
       getAllPermissionsWithStatus: () => {
-        const P = [], I = (L, F = !1) => {
+        const P = [], I = (L, $ = !1) => {
           const B = L.permission.map((X) => {
-            const Z = `${L.id}-${X.id}-${F ? "child" : "parent"}`, ae = r.value.get(Z) ?? !1;
+            const Z = `${L.id}-${X.id}-${$ ? "child" : "parent"}`, ae = r.value.get(Z) ?? !1;
             return {
               id: X.id,
               name: X.name,
@@ -22059,8 +22059,8 @@ const I2 = { class: "space-y-3" }, L2 = {
           });
         };
         return i.value.forEach((L) => {
-          I(L, !1), L.detail && L.detail.length > 0 && L.detail.forEach((F) => {
-            I(F, !0);
+          I(L, !1), L.detail && L.detail.length > 0 && L.detail.forEach(($) => {
+            I($, !0);
           });
         }), { permissions: P };
       },
@@ -22083,7 +22083,7 @@ const I2 = { class: "space-y-3" }, L2 = {
             v("div", RS, [
               u(L) ? (p(), k("button", {
                 key: 0,
-                onClick: (F) => f(L.id),
+                onClick: ($) => f(L.id),
                 type: "button",
                 class: "p-1 hover:bg-white/20 rounded-lg transition-colors"
               }, [
@@ -22100,28 +22100,28 @@ const I2 = { class: "space-y-3" }, L2 = {
                   class: ue([L.icon, "text-2xl"])
                 }, null, 2)
               ])) : z("", !0),
-              v("h3", VS, j(L.name), 1)
+              v("h3", VS, W(L.name), 1)
             ])
           ])
         ]),
         L.permission && L.permission.length > 0 && !u(L) ? (p(), k("div", US, [
-          v("h4", jS, j(C(s)("common.permissions")) + ": ", 1),
+          v("h4", jS, W(C(s)("common.permissions")) + ": ", 1),
           v("div", WS, [
-            (p(!0), k(we, null, Ve(g(L), (F) => (p(), k("label", {
-              key: F.id,
+            (p(!0), k(we, null, Ve(g(L), ($) => (p(), k("label", {
+              key: $.id,
               class: "flex items-center gap-2 px-3 py-2 bg-white dark:bg-neutral-800 border border-gray-200 dark:border-neutral-700/50 rounded-lg cursor-pointer hover:border-blue-400 dark:hover:border-primary-500 hover:bg-blue-50 dark:hover:bg-neutral-900/50 transition-all group"
             }, [
               v("input", {
                 type: "checkbox",
-                checked: E(F) || m(L.id, F.id, !1),
-                disabled: E(F),
-                onChange: (B) => x(L.id, F.id, B, !1),
+                checked: E($) || m(L.id, $.id, !1),
+                disabled: E($),
+                onChange: (B) => x(L.id, $.id, B, !1),
                 class: ue([
                   "w-4 h-4 text-blue-600 border-gray-300 dark:border-neutral-600 dark:bg-zinc-800 rounded focus:ring-blue-500 dark:focus:ring-blue-600",
-                  E(F) ? "cursor-not-allowed opacity-75" : "cursor-pointer"
+                  E($) ? "cursor-not-allowed opacity-75" : "cursor-pointer"
                 ])
               }, null, 42, NS),
-              v("span", HS, j(F.name), 1)
+              v("span", HS, W($.name), 1)
             ]))), 128))
           ])
         ])) : z("", !0),
@@ -22137,51 +22137,51 @@ const I2 = { class: "space-y-3" }, L2 = {
             u(L) && h(L.id) ? (p(), k("div", GS, [
               v("h4", qS, [
                 I[0] || (I[0] = v("span", { class: "w-1 h-4 bg-blue-500 rounded" }, null, -1)),
-                Ie(" " + j(C(s)("common.subMenus")), 1)
+                Ie(" " + W(C(s)("common.subMenus")), 1)
               ]),
-              (p(!0), k(we, null, Ve(L.detail, (F) => (p(), k("div", {
-                key: F.id,
+              (p(!0), k(we, null, Ve(L.detail, ($) => (p(), k("div", {
+                key: $.id,
                 class: "bg-white dark:bg-neutral-800 rounded-lg border border-gray-200 dark:border-neutral-700/50 overflow-hidden shadow-sm hover:shadow transition-shadow"
               }, [
                 v("div", XS, [
                   v("div", KS, [
                     v("div", YS, [
-                      e.showIcons && F.icon ? (p(), k("span", JS, [
+                      e.showIcons && $.icon ? (p(), k("span", JS, [
                         v("i", {
-                          class: ue([F.icon, "text-xl"])
+                          class: ue([$.icon, "text-xl"])
                         }, null, 2)
                       ])) : z("", !0),
-                      v("h5", QS, j(F.name), 1),
-                      F.path ? (p(), k("span", ZS, j(F.path), 1)) : z("", !0),
+                      v("h5", QS, W($.name), 1),
+                      $.path ? (p(), k("span", ZS, W($.path), 1)) : z("", !0),
                       v("label", eD, [
                         v("input", {
                           type: "checkbox",
-                          checked: S(F, !0),
-                          onChange: (B) => D(L, F, B),
+                          checked: S($, !0),
+                          onChange: (B) => D(L, $, B),
                           class: "w-3.5 h-3.5 text-pink-600 border-gray-300 dark:border-neutral-600 dark:bg-zinc-800 rounded focus:ring-pink-500 dark:focus:ring-pink-600 cursor-pointer"
                         }, null, 40, tD),
-                        v("span", nD, j(C(s)("common.selectAll")), 1)
+                        v("span", nD, W(C(s)("common.selectAll")), 1)
                       ])
                     ])
                   ])
                 ]),
-                F.permission && F.permission.length > 0 ? (p(), k("div", sD, [
+                $.permission && $.permission.length > 0 ? (p(), k("div", sD, [
                   v("div", oD, [
-                    (p(!0), k(we, null, Ve(F.permission, (B) => (p(), k("label", {
+                    (p(!0), k(we, null, Ve($.permission, (B) => (p(), k("label", {
                       key: B.id,
                       class: "flex items-center gap-2 px-2.5 py-1.5 bg-gray-50 dark:bg-zinc-900/50 border border-gray-200 dark:border-neutral-700 rounded-md cursor-pointer hover:border-pink-400 dark:hover:border-pink-500 hover:bg-pink-50 dark:hover:bg-pink-900/20 transition-all group"
                     }, [
                       v("input", {
                         type: "checkbox",
-                        checked: E(B) || m(F.id, B.id, !0),
+                        checked: E(B) || m($.id, B.id, !0),
                         disabled: E(B),
-                        onChange: (ne) => x(F.id, B.id, ne, !0),
+                        onChange: (ne) => x($.id, B.id, ne, !0),
                         class: ue([
                           "w-3.5 h-3.5 text-pink-600 border-gray-300 dark:border-neutral-600 dark:bg-zinc-800 rounded focus:ring-pink-500 dark:focus:ring-pink-600",
                           E(B) ? "cursor-not-allowed opacity-75" : "cursor-pointer"
                         ])
                       }, null, 42, aD),
-                      v("span", iD, j(B.name), 1)
+                      v("span", iD, W(B.name), 1)
                     ]))), 128))
                   ])
                 ])) : z("", !0)
@@ -22401,7 +22401,7 @@ const I2 = { class: "space-y-3" }, L2 = {
       { deep: !0 }
     ), Ct(u), (g, E) => (p(), k("div", lD, [
       e.label ? (p(), k("label", cD, [
-        Ie(j(e.label) + " ", 1),
+        Ie(W(e.label) + " ", 1),
         e.required ? (p(), k("span", dD, "*")) : z("", !0)
       ])) : z("", !0),
       a.value ? (p(), k("div", uD, [
@@ -22409,9 +22409,9 @@ const I2 = { class: "space-y-3" }, L2 = {
           class: "animate-spin text-primary-600 mr-2",
           size: 24
         }),
-        v("span", fD, j(C(o)("common.loadingPermissions")), 1)
+        v("span", fD, W(C(o)("common.loadingPermissions")), 1)
       ])) : i.value.length === 0 ? (p(), k("div", hD, [
-        v("p", pD, j(C(o)("common.noPermissions")), 1)
+        v("p", pD, W(C(o)("common.noPermissions")), 1)
       ])) : (p(), k("div", mD, [
         (p(!0), k(we, null, Ve(i.value, (D) => (p(), k("div", {
           key: D.module,
@@ -22426,12 +22426,12 @@ const I2 = { class: "space-y-3" }, L2 = {
                 disabled: e.disabled
               }, null, 8, ["modelValue", "indeterminate", "onUpdate:modelValue", "disabled"]),
               v("div", null, [
-                v("div", yD, j(D.label || D.module), 1),
-                v("div", vD, j(f(D)) + " " + j(C(o)("common.from")) + " " + j(D.permissions.length) + " " + j(C(o)("common.selected")), 1)
+                v("div", yD, W(D.label || D.module), 1),
+                v("div", vD, W(f(D)) + " " + W(C(o)("common.from")) + " " + W(D.permissions.length) + " " + W(C(o)("common.selected")), 1)
               ])
             ]),
             v("div", xD, [
-              v("div", wD, j(f(D)) + "/" + j(D.permissions.length), 1)
+              v("div", wD, W(f(D)) + "/" + W(D.permissions.length), 1)
             ])
           ]),
           v("div", kD, [
@@ -22450,15 +22450,15 @@ const I2 = { class: "space-y-3" }, L2 = {
                   v("label", {
                     for: `perm-${S.id}`,
                     class: "text-sm font-medium text-gray-700 dark:text-gray-300 cursor-pointer block"
-                  }, j(S.label || S.key), 9, AD),
-                  S.description ? (p(), k("p", SD, j(S.description), 1)) : z("", !0)
+                  }, W(S.label || S.key), 9, AD),
+                  S.description ? (p(), k("p", SD, W(S.description), 1)) : z("", !0)
                 ])
               ]))), 128))
             ])
           ])
         ]))), 128))
       ])),
-      e.error ? (p(), k("p", DD, j(e.error), 1)) : z("", !0)
+      e.error ? (p(), k("p", DD, W(e.error), 1)) : z("", !0)
     ]));
   }
 }), MD = (e, t = "short", n = "id-ID") => {
@@ -22562,8 +22562,8 @@ const I2 = { class: "space-y-3" }, L2 = {
               n.value ? (p(), k("div", OD, [
                 v("div", ID, [
                   v("div", null, [
-                    v("h3", LD, j(e.title), 1),
-                    e.description ? (p(), k("p", BD, j(e.description), 1)) : z("", !0)
+                    v("h3", LD, W(e.title), 1),
+                    e.description ? (p(), k("p", BD, W(e.description), 1)) : z("", !0)
                   ]),
                   G(gt, {
                     variant: "ghost",
@@ -24296,7 +24296,7 @@ const ZM = "4.8.0", e5 = { g: "LottieFiles AE ", a: "", k: "", d: "", tc: "" },
           "stroke-width": "2.5"
         }, null, 8, ["class"])) : z("", !0),
         Be(u.$slots, "default", {}, () => [
-          v("span", null, j(e.text), 1)
+          v("span", null, W(e.text), 1)
         ], !0)
       ], 2))
     ])) : z("", !0);
@@ -24653,33 +24653,33 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
     const d = Y(""), u = Y(1), f = Y(s.perPage), h = Y({
       key: "",
       direction: "asc"
-    }), m = Y([]), w = Y(!1), x = Y(0), g = Y({}), E = Y([]), D = Y(null), S = Y(!0), M = Y([]), _ = Y([]), y = Y([]), b = Y(!1), A = Y(!1), P = Y({}), I = Y(null), L = Y(null), F = Y(null), B = Y([]), ne = O(() => {
+    }), m = Y([]), w = Y(!1), x = Y(0), g = Y({}), E = Y([]), D = Y(null), S = Y(!0), M = Y([]), _ = Y([]), y = Y([]), b = Y(!1), A = Y(!1), P = Y({}), I = Y(null), L = Y(null), $ = Y(null), B = Y([]), ne = O(() => {
       if (ee.value.length === 0) return !1;
       const T = ee.value.map((N) => {
-        const ce = oe.value.find((K) => K.type === "CHECKBOX"), U = (ce == null ? void 0 : ce.keyCheckbox) || "id";
-        return N[U];
+        const ce = oe.value.find((K) => K.type === "CHECKBOX"), j = (ce == null ? void 0 : ce.keyCheckbox) || "id";
+        return N[j];
       }).filter((N) => N != null);
       return T.length === 0 ? !1 : T.every((N) => B.value.includes(N));
     }), X = O(() => {
       if (ee.value.length === 0) return !1;
-      const T = oe.value.find((K) => K.type === "CHECKBOX"), N = (T == null ? void 0 : T.keyCheckbox) || "id", ce = ee.value.map((K) => K[N]).filter((K) => K != null), U = ce.filter(
+      const T = oe.value.find((K) => K.type === "CHECKBOX"), N = (T == null ? void 0 : T.keyCheckbox) || "id", ce = ee.value.map((K) => K[N]).filter((K) => K != null), j = ce.filter(
         (K) => B.value.includes(K)
       ).length;
-      return U > 0 && U < ce.length;
+      return j > 0 && j < ce.length;
     }), Z = (T) => {
-      const N = oe.value.find((K) => K.type === "CHECKBOX"), ce = (N == null ? void 0 : N.keyCheckbox) || "id", U = T[ce];
-      return U !== void 0 && B.value.includes(U);
+      const N = oe.value.find((K) => K.type === "CHECKBOX"), ce = (N == null ? void 0 : N.keyCheckbox) || "id", j = T[ce];
+      return j !== void 0 && B.value.includes(j);
     }, ae = (T) => {
-      const N = oe.value.find((K) => K.type === "CHECKBOX"), ce = (N == null ? void 0 : N.keyCheckbox) || "id", U = ee.value.map((K) => K[ce]).filter((K) => K != null);
+      const N = oe.value.find((K) => K.type === "CHECKBOX"), ce = (N == null ? void 0 : N.keyCheckbox) || "id", j = ee.value.map((K) => K[ce]).filter((K) => K != null);
       if (T) {
-        const K = /* @__PURE__ */ new Set([...B.value, ...U]);
+        const K = /* @__PURE__ */ new Set([...B.value, ...j]);
         B.value = Array.from(K);
       } else
         B.value = B.value.filter(
-          (K) => !U.includes(K)
+          (K) => !j.includes(K)
         );
     }, de = (T, N) => {
-      const ce = oe.value.find((he) => he.type === "CHECKBOX"), U = (ce == null ? void 0 : ce.keyCheckbox) || "id", K = T[U];
+      const ce = oe.value.find((he) => he.type === "CHECKBOX"), j = (ce == null ? void 0 : ce.keyCheckbox) || "id", K = T[j];
       K != null && (N ? B.value.includes(K) || B.value.push(K) : B.value = B.value.filter(
         (he) => he !== K
       ));
@@ -24690,11 +24690,11 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
         var ce;
         o("update:selection", T);
         const N = ne.value || T.length > 1;
-        (ce = _.value) != null && ce.length && _.value.forEach((U) => {
+        (ce = _.value) != null && ce.length && _.value.forEach((j) => {
           var K;
-          (K = U.fieldActionGlobal) != null && K.length && U.fieldActionGlobal.forEach((he) => {
+          (K = j.fieldActionGlobal) != null && K.length && j.fieldActionGlobal.forEach((he) => {
             var We, it;
-            const Me = U.endpoint || ((We = U.propsActionGlobal) == null ? void 0 : We.endpointPropAction) || U.propsActionGlobal, Ue = (it = Me == null ? void 0 : Me.keyParam) == null ? void 0 : it[0];
+            const Me = j.endpoint || ((We = j.propsActionGlobal) == null ? void 0 : We.endpointPropAction) || j.propsActionGlobal, Ue = (it = Me == null ? void 0 : Me.keyParam) == null ? void 0 : it[0];
             (Ue && he.model === Ue || !Ue && /^(id|ids|idAuditTrail)/i.test(he.model)) && N && he.model && (P.value[he.model] = T);
           });
         });
@@ -24702,29 +24702,29 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
       { deep: !0 }
     );
     const R = (T) => Array.from({ length: T }).map((N, ce) => {
-      const U = { id: ce + 1, no: ce + 1 };
+      const j = { id: ce + 1, no: ce + 1 };
       return oe.value.forEach((K) => {
-        K.key !== "no" && K.key !== "action" && K.type !== "ACTION" && K.type !== "action" && (K.type === "CHECKBOX" ? U[K.keyCheckbox || "id"] = ce + 1 : K.type === "BADGE" || K.type === "badge" || K.condition ? U[K.key] = K.condition && K.condition.length > 0 ? K.condition[0].value : "Active" : U[K.key] = `Data ${K.label} ${ce + 1}`);
-      }), U;
+        K.key !== "no" && K.key !== "action" && K.type !== "ACTION" && K.type !== "action" && (K.type === "CHECKBOX" ? j[K.keyCheckbox || "id"] = ce + 1 : K.type === "BADGE" || K.type === "badge" || K.condition ? j[K.key] = K.condition && K.condition.length > 0 ? K.condition[0].value : "Active" : j[K.key] = `Data ${K.label} ${ce + 1}`);
+      }), j;
     }), q = (T) => T && typeof T == "string" && T.trim() ? T : void 0, le = O(
       () => {
-        var T, N, ce, U;
-        return q((N = (T = D.value) == null ? void 0 : T.endpoint) == null ? void 0 : N.apiModule) || q((U = (ce = D.value) == null ? void 0 : ce.endpointGlobal) == null ? void 0 : U.apiModule) || s.apiModule;
+        var T, N, ce, j;
+        return q((N = (T = D.value) == null ? void 0 : T.endpoint) == null ? void 0 : N.apiModule) || q((j = (ce = D.value) == null ? void 0 : ce.endpointGlobal) == null ? void 0 : j.apiModule) || s.apiModule;
       }
     ), ie = O(
       () => {
-        var T, N, ce, U;
-        return q((N = (T = D.value) == null ? void 0 : T.endpoint) == null ? void 0 : N.apiAction) || q((U = (ce = D.value) == null ? void 0 : ce.endpointGlobal) == null ? void 0 : U.apiAction) || s.apiAction;
+        var T, N, ce, j;
+        return q((N = (T = D.value) == null ? void 0 : T.endpoint) == null ? void 0 : N.apiAction) || q((j = (ce = D.value) == null ? void 0 : ce.endpointGlobal) == null ? void 0 : j.apiAction) || s.apiAction;
       }
     ), Q = O(
       () => {
-        var T, N, ce, U;
-        return q((N = (T = D.value) == null ? void 0 : T.endpoint) == null ? void 0 : N.apiMethod) || q((U = (ce = D.value) == null ? void 0 : ce.endpointGlobal) == null ? void 0 : U.apiMethod) || s.apiMethod || "POST";
+        var T, N, ce, j;
+        return q((N = (T = D.value) == null ? void 0 : T.endpoint) == null ? void 0 : N.apiMethod) || q((j = (ce = D.value) == null ? void 0 : ce.endpointGlobal) == null ? void 0 : j.apiMethod) || s.apiMethod || "POST";
       }
     ), ye = O(
       () => {
-        var T, N, ce, U;
-        return q((N = (T = D.value) == null ? void 0 : T.endpoint) == null ? void 0 : N.apiUrl) || q((U = (ce = D.value) == null ? void 0 : ce.endpointGlobal) == null ? void 0 : U.apiUrl) || s.apiUrl;
+        var T, N, ce, j;
+        return q((N = (T = D.value) == null ? void 0 : T.endpoint) == null ? void 0 : N.apiUrl) || q((j = (ce = D.value) == null ? void 0 : ce.endpointGlobal) == null ? void 0 : j.apiUrl) || s.apiUrl;
       }
     ), ke = O(() => s.permissionBase || ""), Le = O(() => !y.value || y.value.length === 0 ? [] : [...y.value].sort((T, N) => (T.seq || 0) - (N.seq || 0))), Ne = (T) => {
       var he, Me, Ue;
@@ -24741,10 +24741,10 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
     }, De = () => {
       let T = null;
       if (s.tableConfig && (T = s.tableConfig), T) {
-        D.value = T, T.headers && (E.value = T.headers.map((U) => {
+        D.value = T, T.headers && (E.value = T.headers.map((j) => {
           var Me, Ue, je, We, it, qe, nt, Kt, xn, Xo;
-          if (U.key === "action" || ((Me = U.custom) == null ? void 0 : Me.type) === "ACTION" || ((Ue = U.custom) == null ? void 0 : Ue.type) === "action") {
-            const Yt = ((je = U.custom) == null ? void 0 : je.actionCustom) || ((We = U.custom) == null ? void 0 : We.action);
+          if (j.key === "action" || ((Me = j.custom) == null ? void 0 : Me.type) === "ACTION" || ((Ue = j.custom) == null ? void 0 : Ue.type) === "action") {
+            const Yt = ((je = j.custom) == null ? void 0 : je.actionCustom) || ((We = j.custom) == null ? void 0 : We.action);
             return Yt && (M.value = Yt.map((sn) => {
               const At = sn.propsActionCustom || sn.props || {}, Ko = sn.propCustomMessage || {};
               return {
@@ -24782,8 +24782,8 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
             })), null;
           }
           let K;
-          const he = ((it = U.custom) == null ? void 0 : it.conditionBadge) || ((qe = U.custom) == null ? void 0 : qe.condition);
-          return (((nt = U.custom) == null ? void 0 : nt.type) === "BADGE" || ((Kt = U.custom) == null ? void 0 : Kt.type) === "badge") && he && (K = he.map((Yt) => ({
+          const he = ((it = j.custom) == null ? void 0 : it.conditionBadge) || ((qe = j.custom) == null ? void 0 : qe.condition);
+          return (((nt = j.custom) == null ? void 0 : nt.type) === "BADGE" || ((Kt = j.custom) == null ? void 0 : Kt.type) === "badge") && he && (K = he.map((Yt) => ({
             value: Yt.value,
             label: r.value === "id" ? Yt.labelID : Yt.labelEN,
             labelID: Yt.labelID,
@@ -24792,29 +24792,29 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
             variant: Yt.variant,
             logic: Yt.logic || Yt.conditionRule || null
           }))), {
-            key: U.key,
-            label: r.value === "id" ? U.labelID : U.labelEN,
-            width: U.width,
-            align: U.align,
+            key: j.key,
+            label: r.value === "id" ? j.labelID : j.labelEN,
+            width: j.width,
+            align: j.align,
             sortable: !0,
-            type: (xn = U.custom) == null ? void 0 : xn.type,
+            type: (xn = j.custom) == null ? void 0 : xn.type,
             condition: K,
-            keyCheckbox: (Xo = U.custom) == null ? void 0 : Xo.keyCheckbox
+            keyCheckbox: (Xo = j.custom) == null ? void 0 : Xo.keyCheckbox
           };
-        }).filter((U) => U !== null));
+        }).filter((j) => j !== null));
         const N = T.filters || T.filter;
-        N && Array.isArray(N) && (y.value = N.map((U) => ({
-          ...U,
-          props: U.propsFilters || U.props || {}
-        })), y.value.forEach((U) => {
-          g.value[U.model] = "";
+        N && Array.isArray(N) && (y.value = N.map((j) => ({
+          ...j,
+          props: j.propsFilters || j.props || {}
+        })), y.value.forEach((j) => {
+          g.value[j.model] = "";
         }));
         const ce = T.actionTableGlobal || T.actionGlobal || T.action;
-        console.log("[DEBUG] loadConfig rawActions:", ce), ce && Array.isArray(ce) ? (_.value = ce.map((U) => {
-          const K = U.propsActionGlobal || U.props || {};
+        console.log("[DEBUG] loadConfig rawActions:", ce), ce && Array.isArray(ce) ? (_.value = ce.map((j) => {
+          const K = j.propsActionGlobal || j.props || {};
           return {
             key: K.key,
-            permission: U.permission,
+            permission: j.permission,
             label: r.value === "id" ? K.labelID || "Action" : K.labelEN || "Action",
             tooltip: r.value === "id" ? K.tooltipID || K.labelID : K.tooltipEN || K.labelEN,
             icon: K.icon,
@@ -24823,11 +24823,11 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
             textColor: K.textColor,
             route: K.route,
             path: K.path,
-            endpoint: K.endpointPropAction || U.endpoint,
-            fieldMapping: U.fieldMapping || K.fieldMapping || null,
-            visibleRule: U.visibleRule || K.visibleRule || U.propCustomCondition || K.propCustomCondition || null,
-            openDialog: U.openDialog || !1,
-            fieldActionGlobal: (U.fieldActionGlobal || U.field || []).map(
+            endpoint: K.endpointPropAction || j.endpoint,
+            fieldMapping: j.fieldMapping || K.fieldMapping || null,
+            visibleRule: j.visibleRule || K.visibleRule || j.propCustomCondition || K.propCustomCondition || null,
+            openDialog: j.openDialog || !1,
+            fieldActionGlobal: (j.fieldActionGlobal || j.field || []).map(
               (he) => {
                 const Me = he.propsFieldGlobal || he.props || {};
                 return {
@@ -24854,10 +24854,10 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
       () => !!le.value || !!ye.value
     ), $e = O(() => []), Qe = (T) => {
       if (console.log("[DEBUG] hasAction called:", { actionCode: T, permissionChecker: !!s.permissionChecker, effectivePath: ke.value }), s.menuPermissions && s.menuPermissions.length > 0) {
-        const N = l.path, ce = s.menuPermissions.find((U) => N.startsWith(U.path));
+        const N = l.path, ce = s.menuPermissions.find((j) => N.startsWith(j.path));
         if (ce && ce.actions) {
-          const U = ce.actions.find((K) => K.code === T.toUpperCase());
-          return U ? U.checked : !1;
+          const j = ce.actions.find((K) => K.code === T.toUpperCase());
+          return j ? j.checked : !1;
         }
         return !1;
       }
@@ -24874,8 +24874,8 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
           return console.warn("Row action jsonLogic error:", Me), !1;
         }
       if (!T.visibilityCondition) return !0;
-      const { field: ce, operator: U, value: K } = T.visibilityCondition, he = He(N, ce);
-      switch (U) {
+      const { field: ce, operator: j, value: K } = T.visibilityCondition, he = He(N, ce);
+      switch (j) {
         case "equals":
           return he === K;
         case "notEquals":
@@ -24899,21 +24899,21 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
       const T = _.value.filter((N) => {
         if (N.visibleRule)
           try {
-            const U = ee.value[0] || {};
-            if (!Cn.apply(N.visibleRule, U)) return !1;
-          } catch (U) {
-            console.warn("Header action visibility logic error:", U);
+            const j = ee.value[0] || {};
+            if (!Cn.apply(N.visibleRule, j)) return !1;
+          } catch (j) {
+            console.warn("Header action visibility logic error:", j);
           }
         if (s.ignorePermissions) return !0;
         if (!N.permission)
           return console.log("[DEBUG] Action no permission, showing:", N.label), !0;
         if (s.checkPermission) {
-          const U = s.checkPermission(N.permission);
-          return console.log("[DEBUG] Parent checkPermission result:", U), U;
+          const j = s.checkPermission(N.permission);
+          return console.log("[DEBUG] Parent checkPermission result:", j), j;
         }
         if (s.permissions) {
-          const U = s.permissions.includes(N.permission);
-          return console.log("[DEBUG] Parent permissions check result:", U), U;
+          const j = s.permissions.includes(N.permission);
+          return console.log("[DEBUG] Parent permissions check result:", j), j;
         }
         const ce = Qe(N.permission);
         return console.log("[DEBUG] Internal permission check:", { label: N.label, permission: N.permission, hasPerm: ce }), ce;
@@ -24931,10 +24931,10 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
       }
       if (!T.dynamicColor || !T.colorCondition)
         return T.bgColor || "primary";
-      const ce = He(N, T.colorCondition.field), U = (he = T.colorCondition.conditions) == null ? void 0 : he.find(
+      const ce = He(N, T.colorCondition.field), j = (he = T.colorCondition.conditions) == null ? void 0 : he.find(
         (Me) => Me.value === ce
       );
-      return (U == null ? void 0 : U.bgColor) || T.bgColor || "primary";
+      return (j == null ? void 0 : j.bgColor) || T.bgColor || "primary";
     }, Et = (T) => {
       const N = (T || "left").toLowerCase();
       return N === "center" ? "justify-center" : N === "right" ? "justify-end" : "justify-start";
@@ -24957,26 +24957,26 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
       return T > _e.value ? _e.value : T;
     }), He = (T, N) => {
       if (!(!T || !N))
-        return N in T ? T[N] : N.split(".").reduce((ce, U) => ce && ce[U], T);
+        return N in T ? T[N] : N.split(".").reduce((ce, j) => ce && ce[j], T);
     }, fe = O(() => {
       if (me.value) return [];
       if (!d.value) return s.data;
       const T = d.value.toLowerCase();
       return s.data.filter((N) => oe.value.some((ce) => {
-        const U = He(N, ce.key);
-        return U == null ? !1 : String(U).toLowerCase().includes(T);
+        const j = He(N, ce.key);
+        return j == null ? !1 : String(j).toLowerCase().includes(T);
       }));
     }), ve = O(() => me.value ? [] : h.value.key ? [...fe.value].sort((N, ce) => {
-      const U = He(N, h.value.key), K = He(ce, h.value.key);
-      if (U === K) return 0;
+      const j = He(N, h.value.key), K = He(ce, h.value.key);
+      if (j === K) return 0;
       let he = 0;
-      return typeof U == "number" && typeof K == "number" ? he = U - K : he = String(U).localeCompare(String(K)), h.value.direction === "asc" ? he : -he;
+      return typeof j == "number" && typeof K == "number" ? he = j - K : he = String(j).localeCompare(String(K)), h.value.direction === "asc" ? he : -he;
     }) : fe.value), Se = O(() => {
       if (me.value) return [];
       const T = (u.value - 1) * f.value, N = T + f.value;
-      return ve.value.slice(T, N).map((ce, U) => ({
+      return ve.value.slice(T, N).map((ce, j) => ({
         ...ce,
-        no: T + U + 1
+        no: T + j + 1
       }));
     }), ze = O(() => me.value ? Object.values(g.value).some((T) => !!T) : !!d.value), mt = [10, 25, 50, 100], Ht = () => {
       me.value && (g.value = { ...g.value, keyword: d.value }, u.value = 1, Lt());
@@ -25019,8 +25019,8 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
           else if (ye.value) {
             let ce = ye.value;
             if (s.baseUrl && typeof ce == "string" && !ce.startsWith("http")) {
-              const U = s.baseUrl.replace(/\/$/, ""), K = ce.startsWith("/") ? ce : `/${ce}`;
-              ce = `${U}${K}`;
+              const j = s.baseUrl.replace(/\/$/, ""), K = ce.startsWith("/") ? ce : `/${ce}`;
+              ce = `${j}${K}`;
             }
             N = await i(
               ce,
@@ -25055,7 +25055,7 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
       u.value = 1, Lt();
     }, fs = (T, N) => {
       const ce = He(T, N.key);
-      let U = {
+      let j = {
         variant: "secondary",
         class: "",
         label: ce
@@ -25080,10 +25080,10 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
           return !1;
         });
         if (K) {
-          K.variant && (U.variant = K.variant);
+          K.variant && (j.variant = K.variant);
           const Me = (r.value || "en") === "id" ? K.labelID : K.labelEN;
-          if (U.label = Me || K.label || (typeof ce == "object" ? ce.name || ce.code : ce), K.color || K.bgColor) {
-            const Ue = (K.color || K.bgColor || "").toLowerCase(), je = U.variant === "outline", We = {
+          if (j.label = Me || K.label || (typeof ce == "object" ? ce.name || ce.code : ce), K.color || K.bgColor) {
+            const Ue = (K.color || K.bgColor || "").toLowerCase(), je = j.variant === "outline", We = {
               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",
               info: "bg-blue-500 hover:bg-blue-600 border-transparent text-white shadow",
@@ -25108,16 +25108,16 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
               warning: "warning",
               info: "info"
             };
-            je ? it[Ue] && (U.class = it[Ue]) : qe[Ue] ? U.variant = qe[Ue] : We[Ue] && (U.class = We[Ue]);
+            je ? it[Ue] && (j.class = it[Ue]) : qe[Ue] ? j.variant = qe[Ue] : We[Ue] && (j.class = We[Ue]);
           }
         } else
-          U.label = typeof ce == "object" ? (ce == null ? void 0 : ce.name) || (ce == null ? void 0 : ce.code) || "-" : ce;
+          j.label = typeof ce == "object" ? (ce == null ? void 0 : ce.name) || (ce == null ? void 0 : ce.code) || "-" : ce;
       } else
-        U.label = typeof ce == "object" ? (ce == null ? void 0 : ce.name) || (ce == null ? void 0 : ce.code) || "-" : ce;
-      return U;
+        j.label = typeof ce == "object" ? (ce == null ? void 0 : ce.name) || (ce == null ? void 0 : ce.code) || "-" : ce;
+      return j;
     }, io = (T) => {
       h.value.key === T ? h.value.direction = h.value.direction === "asc" ? "desc" : "asc" : (h.value.key = T, h.value.direction = "asc"), o("update:sort", h.value);
-    }, $ = (T) => {
+    }, F = (T) => {
       T !== u.value && (u.value = T, me.value && Lt(), o("update:page", T));
     }, J = (T) => {
       f.value = T, u.value = 1, me.value && Lt();
@@ -25128,7 +25128,7 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
         return ce < 100 ? `${Math.floor(ce * (Math.random() * 0.2 + 0.7))}px` : `${N}%`;
       }
       return `${N}%`;
-    }, W = () => {
+    }, U = () => {
       d.value = "", g.value = {}, u.value = 1, Lt();
     }, te = (T) => {
       var N;
@@ -25139,12 +25139,12 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
         }
         c == null || c.push(T.route);
       } else if (T.openDialog || s.dummyMode && T.route) {
-        L.value = T, F.value = null, P.value = {};
+        L.value = T, $.value = null, P.value = {};
         const ce = T.fieldActionGlobal || T.field || [];
-        ce.length && ce.forEach((U) => {
+        ce.length && ce.forEach((j) => {
           var Me;
           const K = T.endpoint || ((Me = T.propsActionGlobal) == null ? void 0 : Me.endpointPropAction) || T.propsActionGlobal, he = K != null && K.keyParam && K.keyParam.length > 0 ? K.keyParam[0] : null;
-          he && U.model === he || !he && /^(id|ids|idAuditTrail)/i.test(U.model) ? P.value[U.model] = B.value : P.value[U.model] || (P.value[U.model] = "");
+          he && j.model === he || !he && /^(id|ids|idAuditTrail)/i.test(j.model) ? P.value[j.model] = B.value : P.value[j.model] || (P.value[j.model] = "");
         }), A.value = !0;
       } else
         o("action", {
@@ -25153,18 +25153,18 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
           selection: B.value
         });
     }, be = async (T, N) => {
-      var ce, U, K, he;
+      var ce, j, K, he;
       if (T.requireConfirm) {
         I.value = { button: T, row: N }, b.value = !0;
         return;
       }
       if (T.openDialog) {
-        L.value = T, F.value = N, P.value = {};
+        L.value = T, $.value = N, P.value = {};
         const Me = oe.value.find((We) => We.type === "CHECKBOX"), Ue = (Me == null ? void 0 : Me.keyCheckbox) || "id";
         T.fieldActionCustom && T.fieldActionCustom.forEach((We) => {
           /^(id|ids|idAuditTrail)/i.test(We.model) ? P.value[We.model] = [N[Ue]] : T.action === "showToken" && We.model === "token" ? P.value[We.model] = N.token !== void 0 ? N.token : "" : N[We.model] !== void 0 ? P.value[We.model] = N[We.model] : P.value[We.model] = "";
         });
-        const je = T.endpoint || ((ce = T.propsActionGlobal) == null ? void 0 : ce.endpointPropAction) || ((U = T.propsActionCustom) == null ? void 0 : U.endpointPropAction) || ((K = T.props) == null ? void 0 : K.endpointPropAction);
+        const je = T.endpoint || ((ce = T.propsActionGlobal) == null ? void 0 : ce.endpointPropAction) || ((j = T.propsActionCustom) == null ? void 0 : j.endpointPropAction) || ((K = T.props) == null ? void 0 : K.endpointPropAction);
         if (((he = je == null ? void 0 : je.apiMethod) == null ? void 0 : he.toUpperCase()) === "GET" && je.apiUrl) {
           w.value = !0;
           const { apiUrl: We } = Mt(), it = {};
@@ -25211,11 +25211,11 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
           /:([a-zA-Z0-9_]+)/g,
           (K, he) => N[he] || N.id || he
         ) : N.id && (ce = `${ce.replace(/\/$/, "")}/${N.id}`);
-        const U = {};
-        T.path && (U.code = T.path), c == null || c.push({ path: ce, query: U });
+        const j = {};
+        T.path && (j.code = T.path), c == null || c.push({ path: ce, query: j });
       } else if (T.endpoint && T.endpoint.apiUrl) {
         w.value = !0;
-        const { apiUrl: ce } = Mt(), U = T.endpoint.apiUrl, K = T.endpoint.apiMethod || "POST", he = {}, Me = T.fieldMapping;
+        const { apiUrl: ce } = Mt(), j = T.endpoint.apiUrl, K = T.endpoint.apiMethod || "POST", he = {}, Me = T.fieldMapping;
         if (Me && typeof Me == "object") {
           const { locale: Ue } = cn(), je = Ue.value || "en", We = [];
           if (Object.entries(Me).forEach(([it, qe]) => {
@@ -25238,7 +25238,7 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
             We !== void 0 && (he[Ue.model] = We);
           }) : N.id && (he.id = N.id);
         }
-        ce(U, K, he).then(() => {
+        ce(j, K, he).then(() => {
           Lt(), o("action", { action: T.action || "success", row: N });
         }).catch((Ue) => {
           console.error("Action Failed", Ue);
@@ -25252,25 +25252,25 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
     }, ge = () => {
       var T, N, ce;
       if (L.value) {
-        const U = L.value, K = U.endpoint || ((T = U.propsActionGlobal) == null ? void 0 : T.endpointPropAction) || U.propsActionGlobal;
+        const j = L.value, K = j.endpoint || ((T = j.propsActionGlobal) == null ? void 0 : T.endpointPropAction) || j.propsActionGlobal;
         let he = (K == null ? void 0 : K.model) || (K != null && K.keyParam && K.keyParam.length > 0 ? K.keyParam[0] : null);
         if (!he) {
-          const We = (U.fieldActionGlobal || U.fieldActionCustom || U.field || []).find(
+          const We = (j.fieldActionGlobal || j.fieldActionCustom || j.field || []).find(
             (it) => /^(id|ids|idAuditTrail)/i.test(it.model)
           );
           he = We ? We.model : "ids";
         }
         let Me = null, Ue = !1;
-        if (F.value) {
-          const je = oe.value.find((qe) => qe.type === "CHECKBOX"), We = (je == null ? void 0 : je.keyCheckbox) || "id", it = F.value[We];
+        if ($.value) {
+          const je = oe.value.find((qe) => qe.type === "CHECKBOX"), We = (je == null ? void 0 : je.keyCheckbox) || "id", it = $.value[We];
           if (K != null && K.apiUrl) {
             Me = {
               ...P.value
             };
-            const qe = U.fieldMapping;
+            const qe = j.fieldMapping;
             qe && typeof qe == "object" && Object.entries(qe).forEach(([nt, Kt]) => {
               if (typeof Kt == "string") {
-                const xn = He(F.value, nt);
+                const xn = He($.value, nt);
                 xn !== void 0 && (Me[Kt] = xn);
               }
             }), Me[he] || (Me[he] = K != null && K.model ? it : [it]), Ue = !0;
@@ -25281,19 +25281,19 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
           }, Me[he] || (Me[he] = B.value || []), Ue = !0);
         if (Ue && Me && (K != null && K.apiUrl)) {
           if (((N = K == null ? void 0 : K.apiMethod) == null ? void 0 : N.toUpperCase()) === "GET") {
-            A.value = !1, F.value || (B.value = []);
+            A.value = !1, $.value || (B.value = []);
             return;
           }
           const { apiUrl: je } = Mt(), We = K.apiUrl, it = K.apiMethod || "POST";
           je(We, it, Me).then(() => {
-            A.value = !1, F.value || (B.value = []), Lt(), o("action", { action: "success", row: null });
+            A.value = !1, $.value || (B.value = []), Lt(), o("action", { action: "success", row: null });
           }).catch((qe) => {
             console.error("Action Failed", qe);
           });
-        } else if (F.value) {
+        } else if ($.value) {
           const je = oe.value.find(
             (nt) => nt.type === "CHECKBOX"
-          ), We = (je == null ? void 0 : je.keyCheckbox) || "id", it = F.value[We], qe = {
+          ), We = (je == null ? void 0 : je.keyCheckbox) || "id", it = $.value[We], qe = {
             ...P.value
           };
           qe[he] || (qe[he] = [it]), o("action", {
@@ -25327,7 +25327,7 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
       fetchData: Lt,
       filters: g,
       resetFilters: Fs,
-      handleRefresh: W
+      handleRefresh: U
     });
     const ut = Y(""), Ft = (T) => {
       if (!T) return "";
@@ -25383,7 +25383,7 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                 G(C(hi), { class: "absolute left-2.5 top-2.5 h-4 w-4 text-neutral-500 dark:text-neutral-400" }),
                 G(C(UD), {
                   modelValue: d.value,
-                  "onUpdate:modelValue": N[0] || (N[0] = (U) => d.value = U),
+                  "onUpdate:modelValue": N[0] || (N[0] = (j) => d.value = j),
                   placeholder: "Search...",
                   style: { "padding-left": "2.25rem !important" },
                   class: "h-9 bg-white/95 dark:bg-zinc-800/95 border-white/30 dark:border-neutral-700/50 text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-500 dark:placeholder:text-neutral-400",
@@ -25414,14 +25414,14 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                       Be(T.$slots, "filter-form", { filters: g.value }, () => [
                         y.value.length > 0 ? (p(), k("div", C5, [
                           v("div", A5, [
-                            (p(!0), k(we, null, Ve(Le.value, (U, K) => (p(), k("div", {
+                            (p(!0), k(we, null, Ve(Le.value, (j, K) => (p(), k("div", {
                               key: K,
-                              class: ue(Ne(U))
+                              class: ue(Ne(j))
                             }, [
                               G(Zc, {
-                                field: U,
-                                modelValue: g.value[U.model],
-                                "onUpdate:modelValue": (he) => g.value[U.model] = he
+                                field: j,
+                                modelValue: g.value[j.model],
+                                "onUpdate:modelValue": (he) => g.value[j.model] = he
                               }, null, 8, ["field", "modelValue", "onUpdate:modelValue"])
                             ], 2))), 128))
                           ])
@@ -25463,7 +25463,7 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                 text: "Refresh",
                 tooltip: "Refresh",
                 class: "gap-2 h-9 bg-white/95 dark:bg-zinc-800/95 text-neutral-700 dark:text-neutral-300 hover:bg-white dark:hover:bg-zinc-800 border border-white/30 dark:border-neutral-700/50 shadow-sm backdrop-blur-sm text-xs font-medium",
-                onClick: W,
+                onClick: U,
                 disabled: se.value
               }, {
                 icon: re(() => [
@@ -25473,16 +25473,16 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                 ]),
                 _: 1
               }, 8, ["disabled"])),
-              (p(!0), k(we, null, Ve(at.value, (U, K) => (p(), pe(gt, {
+              (p(!0), k(we, null, Ve(at.value, (j, K) => (p(), pe(gt, {
                 key: K,
-                icon: U.icon,
-                text: U.label,
-                tooltip: U.tooltip,
-                variant: U.variant,
-                "bg-color": U.bgColor,
-                "text-color": U.textColor,
+                icon: j.icon,
+                text: j.label,
+                tooltip: j.tooltip,
+                variant: j.variant,
+                "bg-color": j.bgColor,
+                "text-color": j.textColor,
                 class: "gap-2 h-9 shadow-lg shadow-primary-500/20 border-none text-xs font-medium",
-                onClick: (he) => te(U)
+                onClick: (he) => te(j)
               }, null, 8, ["icon", "text", "tooltip", "variant", "bg-color", "text-color", "onClick"]))), 128)),
               Be(T.$slots, "header-actions")
             ], 2)
@@ -25492,17 +25492,17 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
           v("table", P5, [
             v("thead", T5, [
               v("tr", null, [
-                (p(!0), k(we, null, Ve(oe.value, (U) => (p(), k("th", {
-                  key: U.key,
+                (p(!0), k(we, null, Ve(oe.value, (j) => (p(), k("th", {
+                  key: j.key,
                   class: ue([
-                    U.align ? `text-${U.align.toLowerCase()}` : "text-left",
-                    U.sortable ? "cursor-pointer select-none" : "",
+                    j.align ? `text-${j.align.toLowerCase()}` : "text-left",
+                    j.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"
                   ]),
-                  style: ct(U.width ? { width: U.width } : {}),
-                  onClick: (K) => U.sortable && io(U.key)
+                  style: ct(j.width ? { width: j.width } : {}),
+                  onClick: (K) => j.sortable && io(j.key)
                 }, [
-                  U.type === "CHECKBOX" ? (p(), k("div", I5, [
+                  j.type === "CHECKBOX" ? (p(), k("div", I5, [
                     G(rs, {
                       "model-value": ne.value,
                       indeterminate: X.value,
@@ -25512,9 +25512,9 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                     }, null, 8, ["model-value", "indeterminate"])
                   ])) : (p(), k("div", {
                     key: 1,
-                    class: ue(["flex items-center gap-2 w-full", Et(U.align)])
+                    class: ue(["flex items-center gap-2 w-full", Et(j.align)])
                   }, [
-                    v("span", null, j(U.label), 1)
+                    v("span", null, W(j.label), 1)
                   ], 2))
                 ], 14, O5))), 128)),
                 V.value ? (p(), k("th", L5, [...N[10] || (N[10] = [
@@ -25523,8 +25523,8 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
               ])
             ]),
             v("tbody", B5, [
-              se.value ? (p(!0), k(we, { key: 0 }, Ve(f.value, (U) => (p(), k("tr", {
-                key: `skeleton-${U}`
+              se.value ? (p(!0), k(we, { key: 0 }, Ve(f.value, (j) => (p(), k("tr", {
+                key: `skeleton-${j}`
               }, [
                 (p(!0), k(we, null, Ve(oe.value, (K) => {
                   var he, Me;
@@ -25567,12 +25567,12 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                       width: 200
                     }, null, 8, ["animationData"]),
                     v("div", null, [
-                      v("p", V5, j(ze.value ? "No search results" : "No data"), 1),
-                      v("p", U5, j(ze.value ? "Try changing keywords" : "No data added"), 1)
+                      v("p", V5, W(ze.value ? "No search results" : "No data"), 1),
+                      v("p", U5, W(ze.value ? "Try changing keywords" : "No data added"), 1)
                     ])
                   ])
                 ], 8, $5)
-              ])) : (p(!0), k(we, { key: 2 }, Ve(ee.value, (U, K) => (p(), k(we, { key: K }, [
+              ])) : (p(!0), k(we, { key: 2 }, Ve(ee.value, (j, K) => (p(), k(we, { key: K }, [
                 v("tr", j5, [
                   (p(!0), k(we, null, Ve(oe.value, (he) => (p(), k("td", {
                     key: he.key,
@@ -25582,13 +25582,13 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                     ])
                   }, [
                     Be(T.$slots, `cell-${he.key}`, {
-                      row: U,
-                      value: He(U, he.key)
+                      row: j,
+                      value: He(j, he.key)
                     }, () => [
                       he.type === "CHECKBOX" ? (p(), k("div", W5, [
                         G(rs, {
-                          "model-value": Z(U),
-                          "onUpdate:modelValue": (Me) => de(U, !!Me),
+                          "model-value": Z(j),
+                          "onUpdate:modelValue": (Me) => de(j, !!Me),
                           onClick: N[3] || (N[3] = xt(() => {
                           }, ["stop"]))
                         }, null, 8, ["model-value", "onUpdate:modelValue"])
@@ -25599,35 +25599,35 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                         ]])
                       }, [
                         G(lf, {
-                          variant: fs(U, he).variant,
+                          variant: fs(j, he).variant,
                           class: ue([
-                            fs(U, he).class,
+                            fs(j, he).class,
                             "whitespace-nowrap truncate max-w-[150px] inline-block"
                           ])
                         }, {
                           default: re(() => [
-                            Ie(j(fs(U, he).label), 1)
+                            Ie(W(fs(j, he).label), 1)
                           ]),
                           _: 2
                         }, 1032, ["variant", "class"])
                       ], 2)) : he.key === "no" ? (p(), k(we, { key: 2 }, [
-                        Ie(j((u.value - 1) * f.value + K + 1), 1)
+                        Ie(W((u.value - 1) * f.value + K + 1), 1)
                       ], 64)) : he.type === "date" || he.type === "DATE" ? (p(), k(we, { key: 3 }, [
-                        Ie(j(He(U, he.key) ? C(MD)(He(U, he.key), "long") : "-"), 1)
+                        Ie(W(He(j, he.key) ? C(MD)(He(j, he.key), "long") : "-"), 1)
                       ], 64)) : (p(), k(we, { key: 4 }, [
-                        Ie(j(he.format ? he.format(He(U, he.key)) : He(U, he.key)), 1)
+                        Ie(W(he.format ? he.format(He(j, he.key)) : He(j, he.key)), 1)
                       ], 64))
                     ])
                   ], 2))), 128)),
                   V.value ? (p(), k("td", N5, [
                     Be(T.$slots, "actions", {
-                      row: U,
-                      buttons: yt(U),
+                      row: j,
+                      buttons: yt(j),
                       getButtonColor: et,
                       getIconComponent: Xt
                     }, () => [
-                      yt(U).length > 0 ? (p(), k("div", H5, [
-                        (p(!0), k(we, null, Ve(yt(U), (he, Me) => (p(), k("div", {
+                      yt(j).length > 0 ? (p(), k("div", H5, [
+                        (p(!0), k(we, null, Ve(yt(j), (he, Me) => (p(), k("div", {
                           key: Me,
                           class: "group relative"
                         }, [
@@ -25638,8 +25638,8 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                             rounded: he.rounded || "sm",
                             borderStyle: he.borderStyle || "none",
                             variant: he.variant || "ghost",
-                            "bg-color": et(he, U),
-                            onClick: (Ue) => be(he, U)
+                            "bg-color": et(he, j),
+                            onClick: (Ue) => be(he, j)
                           }, null, 8, ["tooltip", "icon", "rounded", "borderStyle", "variant", "bg-color", "onClick"])
                         ]))), 128))
                       ])) : z("", !0)
@@ -25652,7 +25652,7 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                     class: "px-0 py-0"
                   }, [
                     Be(T.$slots, "expanded-row", {
-                      row: U,
+                      row: j,
                       index: K
                     })
                   ], 8, q5)
@@ -25665,7 +25665,7 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
           v("div", K5, [
             G(C(YD), {
               "model-value": String(f.value),
-              "onUpdate:modelValue": N[4] || (N[4] = (U) => J(Number(U)))
+              "onUpdate:modelValue": N[4] || (N[4] = (j) => J(Number(j)))
             }, {
               default: re(() => [
                 G(C(nM), { class: "h-8 w-[70px] bg-white dark:bg-zinc-800 border-neutral-200 dark:border-neutral-700" }, {
@@ -25678,12 +25678,12 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                 }),
                 G(C(JD), null, {
                   default: re(() => [
-                    (p(), k(we, null, Ve(mt, (U) => G(C(ZD), {
-                      key: U,
-                      value: String(U)
+                    (p(), k(we, null, Ve(mt, (j) => G(C(ZD), {
+                      key: j,
+                      value: String(j)
                     }, {
                       default: re(() => [
-                        Ie(j(U), 1)
+                        Ie(W(j), 1)
                       ]),
                       _: 2
                     }, 1032, ["value"])), 64))
@@ -25696,11 +25696,11 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
             N[16] || (N[16] = v("div", { class: "h-5 w-px bg-zinc-300 dark:bg-zinc-600" }, null, -1)),
             v("span", Y5, [
               N[12] || (N[12] = Ie(" Showing ", -1)),
-              v("span", J5, j(Re.value), 1),
+              v("span", J5, W(Re.value), 1),
               N[13] || (N[13] = Ie(" to ", -1)),
-              v("span", Q5, j(ot.value), 1),
+              v("span", Q5, W(ot.value), 1),
               N[14] || (N[14] = Ie(" of ", -1)),
-              v("span", Z5, j(_e.value), 1),
+              v("span", Z5, W(_e.value), 1),
               N[15] || (N[15] = Ie(" items ", -1))
             ])
           ]),
@@ -25711,12 +25711,12 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
               "sibling-count": 1,
               "show-edges": "",
               page: u.value,
-              "onUpdate:page": $,
+              "onUpdate:page": F,
               class: "scale-90 origin-right"
             }, {
               default: re(() => [
                 G(C(WD), { class: "flex items-center gap-1" }, {
-                  default: re(({ items: U }) => [
+                  default: re(({ items: j }) => [
                     G(C(HD), { class: "w-8 h-8 p-0 flex items-center justify-center border border-neutral-200 dark:border-neutral-700 rounded-md bg-white dark:bg-zinc-800 text-neutral-900 dark:text-neutral-100 hover:bg-zinc-100 dark:hover:bg-zinc-700 disabled:opacity-50 disabled:cursor-not-allowed" }, {
                       default: re(() => [
                         G(C(Wf), { class: "h-4 w-4" })
@@ -25729,7 +25729,7 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                       ]),
                       _: 1
                     }),
-                    (p(!0), k(we, null, Ve(U, (K, he) => (p(), k(we, null, [
+                    (p(!0), k(we, null, Ve(j, (K, he) => (p(), k(we, null, [
                       K.type === "page" ? (p(), pe(C(GD), {
                         key: he,
                         value: K.value,
@@ -25740,10 +25740,10 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
                             class: "w-8 h-8 p-0 text-sm",
                             variant: K.value === u.value ? "default" : "outline",
                             disabled: K.value === u.value,
-                            onClick: (Me) => $(K.value)
+                            onClick: (Me) => F(K.value)
                           }, {
                             default: re(() => [
-                              Ie(j(K.value), 1)
+                              Ie(W(K.value), 1)
                             ]),
                             _: 2
                           }, 1032, ["variant", "disabled", "onClick"])
@@ -25776,7 +25776,7 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
         ])) : z("", !0),
         G(As, {
           modelValue: b.value,
-          "onUpdate:modelValue": N[5] || (N[5] = (U) => b.value = U),
+          "onUpdate:modelValue": N[5] || (N[5] = (j) => b.value = j),
           title: bt.value,
           icon: "AlertCircle",
           "max-width": 450,
@@ -25796,27 +25796,27 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
           ]),
           default: re(() => [
             v("div", tE, [
-              v("p", nE, j(wt.value), 1)
+              v("p", nE, W(wt.value), 1)
             ])
           ]),
           _: 1
         }, 8, ["modelValue", "title"]),
         G(As, {
           modelValue: A.value,
-          "onUpdate:modelValue": N[8] || (N[8] = (U) => A.value = U),
+          "onUpdate:modelValue": N[8] || (N[8] = (j) => A.value = j),
           title: ((ce = L.value) == null ? void 0 : ce.label) || "Action",
           icon: "AlertCircle",
           "max-width": 450
         }, {
           actions: re(() => {
-            var U;
+            var j;
             return [
               G(gt, {
                 variant: "outline",
                 onClick: N[6] || (N[6] = (K) => A.value = !1),
                 text: "Cancel"
               }),
-              e.dummyMode && ((U = L.value) != null && U.route) ? (p(), pe(gt, {
+              e.dummyMode && ((j = L.value) != null && j.route) ? (p(), pe(gt, {
                 key: 1,
                 variant: "default",
                 onClick: N[7] || (N[7] = (K) => A.value = !1),
@@ -25830,16 +25830,16 @@ const Cn = /* @__PURE__ */ Bd(g5), b5 = { class: "dcode-card animate-slide-up" }
             ];
           }),
           default: re(() => {
-            var U, K, he;
+            var j, K, he;
             return [
               v("div", sE, [
-                e.dummyMode && ((U = L.value) != null && U.route) ? (p(), k("div", oE, [
+                e.dummyMode && ((j = L.value) != null && j.route) ? (p(), k("div", oE, [
                   v("div", aE, [
                     G(C(hi), { class: "w-4 h-4" })
                   ]),
                   v("div", iE, [
-                    v("span", rE, j(C(r) === "id" ? "Info Navigasi" : "Navigation Info"), 1),
-                    v("p", lE, j(C(r) === "id" ? `Aksi ini akan mengarah ke rute: ${L.value.route}` : `This action will navigate to: ${L.value.route}`), 1)
+                    v("span", rE, W(C(r) === "id" ? "Info Navigasi" : "Navigation Info"), 1),
+                    v("p", lE, W(C(r) === "id" ? `Aksi ini akan mengarah ke rute: ${L.value.route}` : `This action will navigate to: ${L.value.route}`), 1)
                   ])
                 ])) : z("", !0),
                 (p(!0), k(we, null, Ve(((K = L.value) == null ? void 0 : K.fieldActionCustom) || ((he = L.value) == null ? void 0 : he.fieldActionGlobal) || [], (Me, Ue) => {
@@ -25890,26 +25890,26 @@ function dE(e, t) {
   const { t: n, locale: s } = cn(), o = O(() => s.value), { apiUrl: a } = Mt(), i = Ka();
   let r = "";
   const l = Y(!1), c = Y(null), d = O(() => e.schema || c.value), u = O(() => {
-    var $;
-    if (($ = e.selectedTokenCore) != null && $.address) return e.selectedTokenCore.address;
+    var F;
+    if ((F = e.selectedTokenCore) != null && F.address) return e.selectedTokenCore.address;
     if (e.baseUrl) return e.baseUrl;
-  }), f = ($) => {
-    if (!$ || typeof $ != "string" || $.startsWith("http")) return $;
+  }), f = (F) => {
+    if (!F || typeof F != "string" || F.startsWith("http")) return F;
     const J = u.value;
-    if (!J) return $;
-    const H = J.replace(/\/$/, ""), W = $.startsWith("/") ? $ : `/${$}`;
-    return `${H}${W}`;
+    if (!J) return F;
+    const H = J.replace(/\/$/, ""), U = F.startsWith("/") ? F : `/${F}`;
+    return `${H}${U}`;
   }, h = O(() => {
-    const $ = {}, J = d.value;
+    const F = {}, J = d.value;
     return J != null && J.sections && J.sections.forEach((H) => {
       var te, be, Ce;
       (((te = H.propsForm) == null ? void 0 : te.fields) || ((be = H.propsTable) == null ? void 0 : be.fields) || ((Ce = H.props) == null ? void 0 : Ce.fields) || []).forEach((Ae) => {
         var ge, Pe, tt, bt, wt, ut, Ft, $t, In, $s, Kn;
         if (Ae.component === "DCodeRadioCustom") {
           const vn = ((ge = Ae.props) == null ? void 0 : ge.name) || "default-group";
-          $[vn] || ($[vn] = []);
+          F[vn] || (F[vn] = []);
           let Ln = ((tt = (Pe = Ae.props) == null ? void 0 : Pe.endpoint) == null ? void 0 : tt.apiUrl) || ((bt = Ae.props) == null ? void 0 : bt.apiUrl);
-          Ln = f(Ln), $[vn].push({
+          Ln = f(Ln), F[vn].push({
             key: Ae.key,
             value: (wt = Ae.props) == null ? void 0 : wt.value,
             label: ((ut = Ae.props) == null ? void 0 : ut.labelID) || ((Ft = Ae.props) == null ? void 0 : Ft.labelEN) || Ae.key,
@@ -25921,24 +25921,24 @@ function dE(e, t) {
           });
         }
       });
-    }), $;
+    }), F;
   }), m = Rt({}), w = Rt({}), x = Rt({}), g = Rt({}), E = Rt({}), D = Rt({
     visible: !1,
     title: "",
     message: "",
     action: null
-  }), S = ($) => {
-    var J, H, W;
-    return ((J = $.propsForm) == null ? void 0 : J.key) || ((H = $.propsTable) == null ? void 0 : H.key) || ((W = $.propsWizard) == null ? void 0 : W.key) || $.id || "unknown-section";
-  }, M = ($) => {
+  }), S = (F) => {
+    var J, H, U;
+    return ((J = F.propsForm) == null ? void 0 : J.key) || ((H = F.propsTable) == null ? void 0 : H.key) || ((U = F.propsWizard) == null ? void 0 : U.key) || F.id || "unknown-section";
+  }, M = (F) => {
     var H;
-    return (((H = $.propsWizard) == null ? void 0 : H.propsSteps) || []).filter((W) => Q(W)).map((W, te) => {
+    return (((H = F.propsWizard) == null ? void 0 : H.propsSteps) || []).filter((U) => Q(U)).map((U, te) => {
       var Ae;
       let be = [];
-      if (Array.isArray(W.sectionsWizard))
-        be = W.sectionsWizard;
-      else if (W.sectionsWizard && typeof W.sectionsWizard == "object") {
-        const ge = W.sectionsWizard;
+      if (Array.isArray(U.sectionsWizard))
+        be = U.sectionsWizard;
+      else if (U.sectionsWizard && typeof U.sectionsWizard == "object") {
+        const ge = U.sectionsWizard;
         be = [
           {
             type: ge.type || (ge.fields ? "FORM" : ge.isDataTable ? "TABLE" : "UNKNOWN"),
@@ -25946,52 +25946,52 @@ function dE(e, t) {
           }
         ];
       }
-      const Ce = ie(W);
+      const Ce = ie(U);
       return {
-        key: W.key || `step-${te}`,
+        key: U.key || `step-${te}`,
         title: Ce.title,
         description: Ce.description,
-        icon: W.icon || void 0,
+        icon: U.icon || void 0,
         sections: be,
-        actions: ((Ae = W.propsComponent) == null ? void 0 : Ae.actionComponent) || W.actionComponent || []
+        actions: ((Ae = U.propsComponent) == null ? void 0 : Ae.actionComponent) || U.actionComponent || []
       };
     });
-  }, _ = ($) => $ ? [...$].sort((J, H) => (J.seq || 0) - (H.seq || 0)) : [], y = ($, J) => {
+  }, _ = (F) => F ? [...F].sort((J, H) => (J.seq || 0) - (H.seq || 0)) : [], y = (F, J) => {
     var te;
-    const H = J ? L(J) : F.value;
-    return B((te = $.logic) == null ? void 0 : te.labelingRule, H, `LABEL-${$.model}`) || null;
-  }, b = ($, J) => {
+    const H = J ? L(J) : $.value;
+    return B((te = F.logic) == null ? void 0 : te.labelingRule, H, `LABEL-${F.model}`) || null;
+  }, b = (F, J) => {
     var te;
-    const H = J ? L(J) : F.value;
-    return B((te = $.logic) == null ? void 0 : te.lengthRule, H, `LENGTH-${$.model}`) || null;
-  }, A = ($, J, H) => {
-    const W = $.props || $.propsFieldGlobal;
-    if (!W) return null;
+    const H = J ? L(J) : $.value;
+    return B((te = F.logic) == null ? void 0 : te.lengthRule, H, `LENGTH-${F.model}`) || null;
+  }, A = (F, J, H) => {
+    const U = F.props || F.propsFieldGlobal;
+    if (!U) return null;
     const te = J == null ? "" : String(J);
     if (te === "") return null;
-    const be = b($, H), Ce = (be == null ? void 0 : be.minLength) ?? W.minLength, Ae = (be == null ? void 0 : be.maxLength) ?? W.maxLength;
+    const be = b(F, H), Ce = (be == null ? void 0 : be.minLength) ?? U.minLength, Ae = (be == null ? void 0 : be.maxLength) ?? U.maxLength;
     if (Ce && te.length < Ce)
       return o.value === "id" ? `Minimal ${Ce} karakter` : `Minimum ${Ce} characters`;
     if (Ae && te.length > Ae)
       return o.value === "id" ? `Maksimal ${Ae} karakter` : `Maximum ${Ae} characters`;
-    if (W.regex)
+    if (U.regex)
       try {
-        if (!new RegExp(W.regex).test(te))
-          return W.regexMessage || (o.value === "id" ? "Format tidak valid" : "Invalid format");
+        if (!new RegExp(U.regex).test(te))
+          return U.regexMessage || (o.value === "id" ? "Format tidak valid" : "Invalid format");
       } catch {
-        console.warn(`[DynamicForm] Invalid validation regex for field ${$.model}:`, W.regex);
+        console.warn(`[DynamicForm] Invalid validation regex for field ${F.model}:`, U.regex);
       }
     return null;
   }, P = O(() => {
     var J;
-    const $ = /* @__PURE__ */ new Map();
+    const F = /* @__PURE__ */ new Map();
     return (J = d.value) != null && J.sections && d.value.sections.forEach((H) => {
       var Ce, Ae;
-      const W = H.propsForm || H.propsTable || H.props || {}, te = S(H);
-      (W.fields || H.fields || []).forEach((ge) => {
+      const U = H.propsForm || H.propsTable || H.props || {}, te = S(H);
+      (U.fields || H.fields || []).forEach((ge) => {
         if (ge.model) {
           const Pe = te ? `${te}.${ge.model}` : ge.model;
-          $.set(ge.model, { field: ge, path: Pe });
+          F.set(ge.model, { field: ge, path: Pe });
         }
       }), ((Ce = H.type) == null ? void 0 : Ce.toUpperCase()) === "WIZARD" && ((Ae = H.propsWizard) != null && Ae.propsSteps) && H.propsWizard.propsSteps.forEach((ge) => {
         const Pe = ge.key || ge.id;
@@ -25999,164 +25999,165 @@ function dE(e, t) {
           bt.fields && bt.fields.forEach((wt) => {
             if (wt.model) {
               const ut = Pe ? `${Pe}.${wt.model}` : wt.model;
-              $.set(wt.model, { field: wt, path: ut });
+              F.set(wt.model, { field: wt, path: ut });
             }
           });
         });
       });
-    }), $;
-  }), I = ($, J) => {
+    }), F;
+  }), I = (F, J) => {
     if (J == null || typeof J == "object" && J._isLogicValue) return J;
-    const H = P.value.get($);
+    const H = P.value.get(F);
     if (!H) return J;
-    const W = H.field, te = X[W.key];
+    const U = H.field, te = X[U.key];
     if (!te || !Array.isArray(te)) return J;
-    const Ce = (W.props || {}).itemValue || "id", Ae = te.find((ge) => String(ge[Ce]) === String(J) || String(ge.id) === String(J) || String(ge.code) === String(J));
+    const Ce = (U.props || {}).itemValue || "id", Ae = te.find((ge) => String(ge[Ce]) === String(J) || String(ge.id) === String(J) || String(ge.code) === String(J));
     return Ae && Ae.code ? { id: J, code: Ae.code, _isLogicValue: !0 } : J;
-  }, L = ($) => {
-    const J = (H, W) => {
+  }, L = (F) => {
+    const J = (H, U) => {
       if (H == null || typeof H == "object" && H._isLogicValue || typeof H == "boolean") return H;
       if (typeof H == "number" || typeof H == "string")
-        return W ? I(W, H) : H;
+        return U ? I(U, H) : H;
       if (typeof H == "object" && !Array.isArray(H)) {
         const te = (H == null ? void 0 : H.id) ?? (H == null ? void 0 : H.code) ?? (H == null ? void 0 : H.value) ?? (H == null ? void 0 : H.key) ?? H;
-        return W && (typeof te == "string" || typeof te == "number") ? I(W, te) : te;
+        return U && (typeof te == "string" || typeof te == "number") ? I(U, te) : te;
       }
       return H;
     };
-    return new Proxy($, {
-      get(H, W) {
-        if (typeof W != "string") return H[W];
-        const te = P.value.get(W);
+    return new Proxy(F, {
+      get(H, U) {
+        if (typeof U != "string") return H[U];
+        const te = P.value.get(U);
         if (te) {
           const be = Le(H, te.path);
-          if (be != null) return J(be, W);
+          if (be != null) return J(be, U);
         }
-        return J(H[W], W);
+        return J(H[U], U);
       },
-      has(H, W) {
-        return typeof W != "string" ? W in H : P.value.has(W) || W in H;
+      has(H, U) {
+        return typeof U != "string" ? U in H : P.value.has(U) || U in H;
       },
       ownKeys(H) {
         return Array.from(/* @__PURE__ */ new Set([...Object.keys(H), ...P.value.keys()]));
       },
-      getOwnPropertyDescriptor(H, W) {
+      getOwnPropertyDescriptor(H, U) {
         return { enumerable: !0, configurable: !0 };
       }
     });
-  }, F = O(() => L(m)), B = ($, J, H) => $ ? Array.isArray($) ? $.find((W) => !W.condition || ne(W.condition, J, H)) || null : $ : null, ne = ($, J, H = "LOGIC") => {
-    if ($ == null || typeof $ == "object" && Object.keys($).length === 0) return !0;
-    if (typeof $ == "boolean") return $;
-    if (typeof $ == "object")
+  }, $ = O(() => L(m)), B = (F, J, H) => F == null ? null : Array.isArray(F) ? F.find((U) => !U.condition || ne(U.condition, J, H)) || null : F, ne = (F, J, H = "LOGIC") => {
+    if (F == null || typeof F == "object" && Object.keys(F).length === 0) return !0;
+    if (typeof F == "boolean") return F;
+    if (typeof F == "object")
       try {
-        const W = Cn.apply($, J);
+        const U = Cn.apply(F, J);
         if (["VISIBLE", "SEC", "FILTER", "LENGTH", "CALC"].some((be) => H.includes(be))) {
-          const be = JSON.stringify($), Ce = Object.keys(J).filter((Ae) => be.includes(`"${Ae}"`));
-          console.log(`[DynamicForm][${H}] Rule: ${be} | Data: {${Ce.map((Ae) => `${Ae}: ${JSON.stringify(J[Ae])}`).join(", ")}} | Result: ${W}`);
+          const be = JSON.stringify(F), Ce = Object.keys(J).filter((Ae) => be.includes(`"${Ae}"`));
+          console.log(`[DynamicForm][${H}] Rule: ${be} | Data: {${Ce.map((Ae) => `${Ae}: ${JSON.stringify(J[Ae])}`).join(", ")}} | Result: ${U}`);
         }
-        return W;
-      } catch (W) {
-        return console.error(`[${H}] JsonLogic error:`, W), !1;
+        return U;
+      } catch (U) {
+        return console.error(`[${H}] JsonLogic error:`, U), !1;
       }
     try {
-      return !!new Function("formData", `return ${$};`)(J);
+      return !!new Function("formData", `return ${F};`)(J);
     } catch {
       return !1;
     }
-  }, X = Rt({}), Z = async ($) => {
-    const J = $.props || {}, H = J.endpointReference || J.endpoint;
-    if (!(!(H != null && H.apiUrl) || X[$.key]) && !(Array.isArray(H.keyParam) && H.keyParam.some((W) => m[W] === null || m[W] === void 0 || m[W] === "")))
+  }, X = Rt({}), Z = async (F) => {
+    const J = F.props || {}, H = J.endpointReference || J.endpoint;
+    if (!(!(H != null && H.apiUrl) || X[F.key]) && !(Array.isArray(H.keyParam) && H.keyParam.some((U) => m[U] === null || m[U] === void 0 || m[U] === "")))
       try {
-        const W = f(H.apiUrl), te = await a(W, H.apiMethod || "GET", { page: 1, perPage: 100 });
+        const U = f(H.apiUrl), te = await a(U, H.apiMethod || "GET", { page: 1, perPage: 100 });
         let be = (te == null ? void 0 : te.data) || te;
-        X[$.key] = Array.isArray(be) ? be : be ? [be] : [];
+        X[F.key] = Array.isArray(be) ? be : be ? [be] : [];
       } catch {
-        X[$.key] = [];
+        X[F.key] = [];
       }
-  }, ae = ($, J) => {
+  }, ae = (F, J) => {
     var ge;
-    const H = $.props || {}, W = X[$.key] || H.items || H.options || [];
-    if (!((ge = $.logic) != null && ge.optionsFilterRule)) return W;
-    const te = J ? L(J) : F.value, be = B($.logic.optionsFilterRule, te, `FILTER-${$.model}`);
-    if (!be || !be.values) return W;
+    const H = F.props || {}, U = X[F.key] || H.items || H.options || [];
+    if (!((ge = F.logic) != null && ge.optionsFilterRule)) return U;
+    const te = J ? L(J) : $.value, be = B(F.logic.optionsFilterRule, te, `FILTER-${F.model}`);
+    if (!be || !be.values) return U;
     const Ce = (be.values || []).map((Pe) => String(Pe)), Ae = H.itemValue || "id";
-    return W.filter((Pe) => Pe == null ? !1 : typeof Pe != "object" ? Ce.includes(String(Pe)) : [Ae, "code", "id", "value", "key"].some((tt) => {
+    return U.filter((Pe) => Pe == null ? !1 : typeof Pe != "object" ? Ce.includes(String(Pe)) : [Ae, "code", "id", "value", "key"].some((tt) => {
       const bt = Pe[tt];
       return bt != null && Ce.includes(String(bt));
     }));
-  }, de = ($) => {
-    if (!$ || typeof $ != "object") return [];
-    if ("var" in $) return [$.var];
+  }, de = (F) => {
+    if (!F || typeof F != "object") return [];
+    if ("var" in F) return [F.var];
     let J = [];
-    return Object.values($).forEach((H) => {
-      Array.isArray(H) ? H.forEach((W) => {
-        J = J.concat(de(W));
+    return Object.values(F).forEach((H) => {
+      Array.isArray(H) ? H.forEach((U) => {
+        J = J.concat(de(U));
       }) : typeof H == "object" && (J = J.concat(de(H)));
     }), J;
   };
-  Fe(() => d.value, ($) => {
-    if (!($ != null && $.sections)) return;
-    const J = /* @__PURE__ */ new Set(), H = (W) => {
-      W && ["visibleRule", "requiredRule", "disabledRule", "optionsFilterRule", "lengthRule", "calculateRule"].forEach((te) => {
-        const be = W[te];
+  Fe(() => d.value, (F) => {
+    if (!(F != null && F.sections)) return;
+    const J = /* @__PURE__ */ new Set(), H = (U) => {
+      U && ["visibleRule", "requiredRule", "disabledRule", "optionsFilterRule", "lengthRule", "calculateRule"].forEach((te) => {
+        const be = U[te];
         Array.isArray(be) ? be.forEach((Ce) => Ce.condition && de(Ce.condition).forEach((Ae) => J.add(Ae))) : be && de(be).forEach((Ce) => J.add(Ce));
       });
     };
-    $.sections.forEach((W) => {
+    F.sections.forEach((U) => {
       var te, be, Ce, Ae, ge;
-      H(W.logic || ((te = W.propsForm) == null ? void 0 : te.logic)), W.type === "WIZARD" && ((Ce = (be = W.propsWizard) == null ? void 0 : be.propsSteps) == null || Ce.forEach((Pe) => H(Pe.logic))), (((Ae = W.propsForm) == null ? void 0 : Ae.fields) || W.fields || []).forEach((Pe) => {
+      H(U.logic || ((te = U.propsForm) == null ? void 0 : te.logic)), U.type === "WIZARD" && ((Ce = (be = U.propsWizard) == null ? void 0 : be.propsSteps) == null || Ce.forEach((Pe) => H(Pe.logic))), (((Ae = U.propsForm) == null ? void 0 : Ae.fields) || U.fields || []).forEach((Pe) => {
         var tt;
         H(Pe.logic), (tt = Pe.logic) != null && tt.optionsFilterRule && Z(Pe);
-      }), W.type === "TABLE" && ((ge = W.propsTable) != null && ge.modelDatatable) && (m[W.propsTable.modelDatatable] = m[W.propsTable.modelDatatable] || []);
+      }), U.type === "TABLE" && ((ge = U.propsTable) != null && ge.modelDatatable) && (m[U.propsTable.modelDatatable] = m[U.propsTable.modelDatatable] || []);
     });
   }, { immediate: !0 });
-  const R = ($, J) => {
+  const R = (F, J) => {
     var be;
-    const H = J ? L(J) : F.value, W = (be = $.logic) == null ? void 0 : be.visibleRule;
-    if (!W) return !0;
-    const te = B(W, H, `VISIBLE-${$.model}`);
-    return !!(typeof te == "object" ? ne(te, H, `VISIBLE-${$.model}`) : te);
-  }, q = ($, J) => {
+    if (F.isHidden) return !0;
+    const H = J ? L(J) : $.value, U = (be = F.logic) == null ? void 0 : be.visibleRule;
+    if (U == null) return !0;
+    const te = B(U, H, `VISIBLE-${F.model}`);
+    return !!(typeof te == "object" ? ne(te, H, `VISIBLE-${F.model}`) : te);
+  }, q = (F, J) => {
     var be, Ce;
-    const H = J ? L(J) : F.value, W = (be = $.logic) == null ? void 0 : be.requiredRule;
-    if (!W) return ((Ce = $.props) == null ? void 0 : Ce.required) || !1;
-    const te = B(W, H, `REQUIRED-${$.model}`);
+    const H = J ? L(J) : $.value, U = (be = F.logic) == null ? void 0 : be.requiredRule;
+    if (U == null) return ((Ce = F.props) == null ? void 0 : Ce.required) || !1;
+    const te = B(U, H, `REQUIRED-${F.model}`);
     return !!(typeof te == "object" ? "required" in te ? te.required : ne(te, H) : te);
-  }, le = ($, J) => {
+  }, le = (F, J) => {
     var be, Ce;
-    const H = J ? L(J) : F.value, W = (be = $.logic) == null ? void 0 : be.disabledRule;
-    if (!W) return ((Ce = $.props) == null ? void 0 : Ce.disabled) || !1;
-    const te = B(W, H, `DISABLED-${$.model}`);
+    const H = J ? L(J) : $.value, U = (be = F.logic) == null ? void 0 : be.disabledRule;
+    if (U == null) return ((Ce = F.props) == null ? void 0 : Ce.disabled) || !1;
+    const te = B(U, H, `DISABLED-${F.model}`);
     return !!(typeof te == "object" ? "disabled" in te ? te.disabled : ne(te, H) : te);
-  }, ie = ($) => {
+  }, ie = (F) => {
     var be;
-    const J = $.propsForm || $.propsTable || $.propsWizard || $.props || {};
-    let H = o.value === "id" ? J.titleID || $.titleID || $.labelID : J.titleEN || $.titleEN || $.labelEN, W = o.value === "id" ? J.descriptionID || $.descriptionID : J.descriptionEN || $.descriptionEN;
-    const te = B((be = $.logic || J.logic) == null ? void 0 : be.labelingRule, F.value, "LABEL-SEC");
-    return te && (H = o.value === "id" ? te.labelID || te.titleID || te.title : te.labelEN || te.titleEN || te.title, W = o.value === "id" ? te.descriptionID : te.descriptionEN), { title: H, description: W };
-  }, Q = ($, J) => {
+    const J = F.propsForm || F.propsTable || F.propsWizard || F.props || {};
+    let H = o.value === "id" ? J.titleID || F.titleID || F.labelID : J.titleEN || F.titleEN || F.labelEN, U = o.value === "id" ? J.descriptionID || F.descriptionID : J.descriptionEN || F.descriptionEN;
+    const te = B((be = F.logic || J.logic) == null ? void 0 : be.labelingRule, $.value, "LABEL-SEC");
+    return te && (H = o.value === "id" ? te.labelID || te.titleID || te.title : te.labelEN || te.titleEN || te.title, U = o.value === "id" ? te.descriptionID : te.descriptionEN), { title: H, description: U };
+  }, Q = (F, J) => {
     var Ce, Ae;
-    if (!$) return !0;
-    const H = $.propsForm || $.propsTable || $.propsWizard || $.props || {}, W = (Ce = $.logic || H.logic) == null ? void 0 : Ce.visibleRule, te = J ? L(J) : F.value;
-    if (W) {
-      const ge = B(W, te, "VISIBLE-SEC");
+    if (!F) return !0;
+    const H = F.propsForm || F.propsTable || F.propsWizard || F.props || {}, U = (Ce = F.logic || H.logic) == null ? void 0 : Ce.visibleRule, te = J ? L(J) : $.value;
+    if (U != null) {
+      const ge = B(U, te, "VISIBLE-SEC");
       return !!(typeof ge == "object" ? ne(ge, te, "VISIBLE-SEC") : ge);
     }
-    if ($.type === "TABLE" && ((Ae = H.headers) != null && Ae.length)) return !0;
-    const be = H.fields || $.fields || [];
+    if (F.type === "TABLE" && ((Ae = H.headers) != null && Ae.length)) return !0;
+    const be = H.fields || F.fields || [];
     return be.length === 0 || be.some((ge) => R(ge, J));
   }, ye = () => {
-    var $;
-    if (($ = d.value) != null && $.sections)
+    var F;
+    if ((F = d.value) != null && F.sections)
       for (let J = 0; J < 3; J++) {
         let H = !1;
-        if (d.value.sections.forEach((W) => {
+        if (d.value.sections.forEach((U) => {
           var te;
-          (((te = W.propsForm) == null ? void 0 : te.fields) || W.fields || []).forEach((be) => {
+          (((te = U.propsForm) == null ? void 0 : te.fields) || U.fields || []).forEach((be) => {
             var Ae;
             const Ce = (Ae = be.logic) == null ? void 0 : Ae.calculateRule;
             if (Ce && typeof Ce == "object") {
-              const ge = Object.keys(Ce)[0], Pe = ne(Ce[ge], F.value, `CALC-${ge}`);
+              const ge = Object.keys(Ce)[0], Pe = ne(Ce[ge], $.value, `CALC-${ge}`);
               Pe !== void 0 && m[ge] !== Pe && (m[ge] = Pe, H = !0);
             }
           });
@@ -26166,86 +26167,86 @@ function dE(e, t) {
     var J;
     if (!((J = d.value) != null && J.sections)) return !1;
     if (Object.keys(w).length > 0) return !0;
-    const $ = (H) => H.some((W) => R(W) && q(W) && (Array.isArray(m[W.model]) ? m[W.model].length === 0 : m[W.model] == null || m[W.model] === ""));
+    const F = (H) => H.some((U) => R(U) && q(U) && (Array.isArray(m[U.model]) ? m[U.model].length === 0 : m[U.model] == null || m[U.model] === ""));
     return d.value.sections.some((H) => {
-      var W;
-      return $(((W = H.propsForm) == null ? void 0 : W.fields) || H.fields || []) ? !0 : H.type === "WIZARD" ? M(H).some((te) => $(te.sections.flatMap((be) => be.fields || []))) : !1;
+      var U;
+      return F(((U = H.propsForm) == null ? void 0 : U.fields) || H.fields || []) ? !0 : H.type === "WIZARD" ? M(H).some((te) => F(te.sections.flatMap((be) => be.fields || []))) : !1;
     });
-  }), Le = ($, J) => J ? J.split(".").reduce((H, W) => H == null ? void 0 : H[W], $) : void 0, Ne = ($, J, H) => {
-    const W = J.split(".");
-    let te = $;
-    for (let be = 0; be < W.length - 1; be++) te = te[W[be]] = te[W[be]] || {};
-    te[W[W.length - 1]] = H;
-  }, De = ($) => {
-    const J = an($);
+  }), Le = (F, J) => J ? J.split(".").reduce((H, U) => H == null ? void 0 : H[U], F) : void 0, Ne = (F, J, H) => {
+    const U = J.split(".");
+    let te = F;
+    for (let be = 0; be < U.length - 1; be++) te = te[U[be]] = te[U[be]] || {};
+    te[U[U.length - 1]] = H;
+  }, De = (F) => {
+    const J = an(F);
     if (Array.isArray(J)) return J.map((H) => De(H));
     if (J && typeof J == "object") {
       const H = {};
-      return Object.keys(J).forEach((W) => H[W] = De(J[W])), H;
+      return Object.keys(J).forEach((U) => H[U] = De(J[U])), H;
     }
     return J;
   }, oe = () => {
     var H;
     if (!((H = d.value) != null && H.sections)) return { ...m };
-    const $ = {}, J = /* @__PURE__ */ new Set();
-    return d.value.sections.forEach((W) => {
+    const F = {}, J = /* @__PURE__ */ new Set();
+    return d.value.sections.forEach((U) => {
       var Ce, Ae;
-      if (!Q(W)) return;
-      const te = S(W), be = (ge, Pe) => {
+      if (!Q(U)) return;
+      const te = S(U), be = (ge, Pe) => {
         if (R(ge) && ge.model) {
           const tt = Le(m, Pe ? `${Pe}.${ge.model}` : ge.model) ?? m[ge.model];
-          $[ge.model] = De(tt) ?? null, J.add(ge.model);
+          F[ge.model] = De(tt) ?? null, J.add(ge.model);
         }
       };
-      if ((((Ce = W.propsForm) == null ? void 0 : Ce.fields) || W.fields || []).forEach((ge) => {
+      if ((((Ce = U.propsForm) == null ? void 0 : Ce.fields) || U.fields || []).forEach((ge) => {
         var Pe;
-        return be(ge, te || ((Pe = W.propsForm) == null ? void 0 : Pe.key));
-      }), W.type === "WIZARD" && M(W).forEach((ge) => ge.sections.forEach((Pe) => (Pe.fields || []).forEach((tt) => be(tt, ge.key)))), (Ae = W.propsTable) != null && Ae.modelDatatable) {
-        const ge = W.propsTable.modelDatatable;
-        $[ge] = De(Le(m, te ? `${te}.${ge}` : ge) ?? m[ge]), J.add(ge);
+        return be(ge, te || ((Pe = U.propsForm) == null ? void 0 : Pe.key));
+      }), U.type === "WIZARD" && M(U).forEach((ge) => ge.sections.forEach((Pe) => (Pe.fields || []).forEach((tt) => be(tt, ge.key)))), (Ae = U.propsTable) != null && Ae.modelDatatable) {
+        const ge = U.propsTable.modelDatatable;
+        F[ge] = De(Le(m, te ? `${te}.${ge}` : ge) ?? m[ge]), J.add(ge);
       }
-    }), ["id", "_id"].forEach((W) => {
-      m[W] !== void 0 && !J.has(W) && ($[W] = De(m[W]));
-    }), $;
-  }, V = ($, J) => {
-    const H = ($ == null ? void 0 : $.data) !== void 0 ? $.data : $, W = Array.isArray(H) ? H[0] : H;
-    W && Object.entries(J).forEach(([te, be]) => {
-      const Ce = W[be] ?? W[te];
+    }), ["id", "_id"].forEach((U) => {
+      m[U] !== void 0 && !J.has(U) && (F[U] = De(m[U]));
+    }), F;
+  }, V = (F, J) => {
+    const H = (F == null ? void 0 : F.data) !== void 0 ? F.data : F, U = Array.isArray(H) ? H[0] : H;
+    U && Object.entries(J).forEach(([te, be]) => {
+      const Ce = U[be] ?? U[te];
       Ce !== void 0 && Ne(m, te, Ce);
     });
   }, se = () => {
     var H;
-    const $ = [], J = (W) => {
-      W == null || W.forEach((te) => {
+    const F = [], J = (U) => {
+      U == null || U.forEach((te) => {
         var Ce;
         if (te.type === "TABLE" || te.propsTable) {
           const Ae = te.propsTable || te;
-          Ae.modelDatatable && $.push({ key: Ae.modelDatatable, subFields: (Ae.headers || []).map((ge) => ge.key) });
+          Ae.modelDatatable && F.push({ key: Ae.modelDatatable, subFields: (Ae.headers || []).map((ge) => ge.key) });
         }
         (((Ce = te.propsForm) == null ? void 0 : Ce.fields) || te.fields || []).forEach((Ae) => {
           var Pe, tt;
           const ge = ["DCodeDynamicUploadList", "DCodeUploadList", "DCodeDataTable", "DCodeDynamicFormList"].includes(Ae.component);
           if (Ae.model && ((Pe = Ae.props) != null && Pe.multiple || ((tt = Ae.props) == null ? void 0 : tt.valueType) === "array" || ge)) {
             const bt = Ae.component.includes("Upload") ? ["id", "filename", "document", "typeDocument", "idDocumentType"] : ["id"];
-            $.push({ key: Ae.model, subFields: bt });
+            F.push({ key: Ae.model, subFields: bt });
           }
         }), te.type === "WIZARD" && M(te).forEach((Ae) => J(Ae.sections));
       });
     };
-    return J((H = d.value) == null ? void 0 : H.sections), $;
-  }, me = ($, J) => {
-    const H = {}, W = (te) => te && typeof te == "object" ? te._isLogicValue ? te.id : te.id ?? te.code ?? te.value ?? te : te;
+    return J((H = d.value) == null ? void 0 : H.sections), F;
+  }, me = (F, J) => {
+    const H = {}, U = (te) => te && typeof te == "object" ? te._isLogicValue ? te.id : te.id ?? te.code ?? te.value ?? te : te;
     return Object.entries(J).forEach(([te, be]) => {
       if (typeof be == "string") {
-        const Ce = $[te] ?? Le(m, te) ?? m[te];
-        Ce !== void 0 && (H[be] = W(Ce));
+        const Ce = F[te] ?? Le(m, te) ?? m[te];
+        Ce !== void 0 && (H[be] = U(Ce));
       } else if (Array.isArray(be) && be[0]) {
         const Ce = be[0], Ae = Object.keys(Ce);
-        let ge = $[te] ?? Le(m, te) ?? m[te];
+        let ge = F[te] ?? Le(m, te) ?? m[te];
         if (!Array.isArray(ge) || ge.length === 0) {
           const Pe = se().find((tt) => Ae.some((bt) => tt.subFields.includes(bt)));
           if (Pe) {
-            const tt = $[Pe.key] ?? Le(m, Pe.key) ?? m[Pe.key];
+            const tt = F[Pe.key] ?? Le(m, Pe.key) ?? m[Pe.key];
             Array.isArray(tt) && tt.length > 0 && (ge = tt);
           }
         }
@@ -26253,31 +26254,31 @@ function dE(e, t) {
           const bt = {}, wt = De(Pe);
           return Object.entries(Ce).forEach(([ut, Ft]) => {
             const $t = wt[ut] ?? wt[Ft] ?? Pe[ut] ?? Pe[Ft] ?? null;
-            bt[Ft] = W($t);
+            bt[Ft] = U($t);
           }), bt;
         }));
       }
     }), console.log("[DynamicForm][MAPPING-RESULT]", H), H;
-  }, $e = ($) => {
-    var J, H, W, te;
-    $.requireConfirm ? (D.title = o.value === "id" ? ((J = $.propCustomMessage) == null ? void 0 : J.titleID) || "Konfirmasi" : ((H = $.propCustomMessage) == null ? void 0 : H.titleEN) || "Confirm", D.message = o.value === "id" ? ((W = $.propCustomMessage) == null ? void 0 : W.messageID) || "Lanjutkan?" : ((te = $.propCustomMessage) == null ? void 0 : te.messageEN) || "Continue?", D.action = $, D.visible = !0) : Ye($);
+  }, $e = (F) => {
+    var J, H, U, te;
+    F.requireConfirm ? (D.title = o.value === "id" ? ((J = F.propCustomMessage) == null ? void 0 : J.titleID) || "Konfirmasi" : ((H = F.propCustomMessage) == null ? void 0 : H.titleEN) || "Confirm", D.message = o.value === "id" ? ((U = F.propCustomMessage) == null ? void 0 : U.messageID) || "Lanjutkan?" : ((te = F.propCustomMessage) == null ? void 0 : te.messageEN) || "Continue?", D.action = F, D.visible = !0) : Ye(F);
   }, Qe = () => {
     D.visible = !1, D.action && Ye(D.action);
-  }, Ye = async ($) => {
+  }, Ye = async (F) => {
     var te, be;
-    const J = $.propsActionGlobal || $.props || {}, H = me(oe(), J.fieldMapping || $.fieldMapping || {});
-    t("action", $, H);
-    const W = J.endpointPropAction || $.endpointPropAction || J.endpoint || $.endpoint;
-    if ((J.type === "SUBMIT" || J.type === "ACTION") && (W != null && W.apiUrl)) {
-      const Ce = rt.loading(o.value === "id" ? "Memproses..." : "Processing..."), Ae = f(W.apiUrl);
+    const J = F.propsActionGlobal || F.props || {}, H = me(oe(), J.fieldMapping || F.fieldMapping || {});
+    t("action", F, H);
+    const U = J.endpointPropAction || F.endpointPropAction || J.endpoint || F.endpoint;
+    if ((J.type === "SUBMIT" || J.type === "ACTION") && (U != null && U.apiUrl)) {
+      const Ce = rt.loading(o.value === "id" ? "Memproses..." : "Processing..."), Ae = f(U.apiUrl);
       try {
-        const ge = await a(Ae, W.apiMethod || "POST", H), Pe = (ge == null ? void 0 : ge.status) === !0 || (ge == null ? void 0 : ge.success) === !0, tt = (ge == null ? void 0 : ge.message) || (Pe ? o.value === "id" ? "Sukses" : "Success" : o.value === "id" ? "Gagal" : "Failed");
+        const ge = await a(Ae, U.apiMethod || "POST", H), Pe = (ge == null ? void 0 : ge.status) === !0 || (ge == null ? void 0 : ge.success) === !0, tt = (ge == null ? void 0 : ge.message) || (Pe ? o.value === "id" ? "Sukses" : "Success" : o.value === "id" ? "Gagal" : "Failed");
         rt.update(Ce, {
           render: tt,
           type: Pe ? "success" : "error",
           isLoading: !1,
           autoClose: Pe ? 3e3 : 5e3
-        }), Pe ? ((J.fieldMapping || $.fieldMapping) && V(ge, J.fieldMapping || $.fieldMapping), t("success", ge)) : t("error", ge);
+        }), Pe ? ((J.fieldMapping || F.fieldMapping) && V(ge, J.fieldMapping || F.fieldMapping), t("success", ge)) : t("error", ge);
       } catch (ge) {
         const Pe = ((be = (te = ge.response) == null ? void 0 : te.data) == null ? void 0 : be.message) || ge.message || (o.value === "id" ? "Terjadi kesalahan" : "An error occurred");
         rt.update(Ce, { render: `Gagal: ${Pe}`, type: "error", isLoading: !1, autoClose: 5e3 }), t("error", ge);
@@ -26286,129 +26287,129 @@ function dE(e, t) {
     J.keyRedirect && J.route && i && i.push(J.route);
   }, at = () => {
     var J, H;
-    let $ = !0;
-    return (H = (J = d.value) == null ? void 0 : J.sections) == null || H.forEach((W) => {
+    let F = !0;
+    return (H = (J = d.value) == null ? void 0 : J.sections) == null || H.forEach((U) => {
       var te;
-      Q(W) && (((te = W.propsForm) == null ? void 0 : te.fields) || W.fields || []).forEach((be) => {
+      Q(U) && (((te = U.propsForm) == null ? void 0 : te.fields) || U.fields || []).forEach((be) => {
         if (R(be)) {
           const Ce = A(be, m[be.model]);
-          Ce && (w[be.model] = Ce, $ = !1);
+          Ce && (w[be.model] = Ce, F = !1);
         }
       });
-    }), $;
+    }), F;
   }, lt = async () => {
-    var $, J;
+    var F, J;
     if (at()) {
       l.value = !0;
       try {
-        const H = oe(), W = ((($ = d.value) == null ? void 0 : $.actions) || []).find((be) => {
+        const H = oe(), U = (((F = d.value) == null ? void 0 : F.actions) || []).find((be) => {
           var Ce;
           return be.type === "SUBMIT" || be.key === "SUBMIT" || ((Ce = be.propsActionGlobal) == null ? void 0 : Ce.type) === "SUBMIT";
-        }), te = (W == null ? void 0 : W.fieldMapping) || ((J = W == null ? void 0 : W.propsActionGlobal) == null ? void 0 : J.fieldMapping);
+        }), te = (U == null ? void 0 : U.fieldMapping) || ((J = U == null ? void 0 : U.propsActionGlobal) == null ? void 0 : J.fieldMapping);
         t("submit", te ? me(H, te) : H);
       } finally {
         l.value = !1;
       }
     }
-  }, yt = () => t("cancel"), et = ($, J, H) => {
+  }, yt = () => t("cancel"), et = (F, J, H) => {
     var be;
-    const W = H ? `${H}.${$}` : $;
-    Ne(m, W, J);
-    const te = (be = P.value.get($)) == null ? void 0 : be.field;
+    const U = H ? `${H}.${F}` : F;
+    Ne(m, U, J);
+    const te = (be = P.value.get(F)) == null ? void 0 : be.field;
     if (te) {
       const Ce = A(te, J);
-      Ce ? w[$] = Ce : delete w[$];
+      Ce ? w[F] = Ce : delete w[F];
     }
     t("update:model", oe());
-  }, Et = ($) => !$.permission || (e.isEditMode ? $.permission !== "CREATE" : $.permission !== "UPDATE"), It = ($) => {
-    var H, W;
-    if ((H = $.fields) != null && H.length) return $.fields;
-    const J = ($.actionTableGlobal || []).find((te) => te.permission === "CREATE" || (te.key || "").toLowerCase().includes("add"));
-    return (W = J == null ? void 0 : J.fieldActionGlobal) != null && W.length ? J.fieldActionGlobal : ($.headers || []).filter((te) => te.key && te.key !== "no").map((te) => ({ key: te.key, model: te.key, component: "DCodeTextField" }));
-  }, Xt = ($) => {
+  }, Et = (F) => !F.permission || (e.isEditMode ? F.permission !== "CREATE" : F.permission !== "UPDATE"), It = (F) => {
+    var H, U;
+    if ((H = F.fields) != null && H.length) return F.fields;
+    const J = (F.actionTableGlobal || []).find((te) => te.permission === "CREATE" || (te.key || "").toLowerCase().includes("add"));
+    return (U = J == null ? void 0 : J.fieldActionGlobal) != null && U.length ? J.fieldActionGlobal : (F.headers || []).filter((te) => te.key && te.key !== "no").map((te) => ({ key: te.key, model: te.key, component: "DCodeTextField" }));
+  }, Xt = (F) => {
     var J;
-    return !($ != null && $.apiUrl) && !((J = $ == null ? void 0 : $.endpointTable) != null && J.apiUrl);
-  }, ee = ($) => {
-    if (!$) return !1;
-    const J = ($.key || "").toLowerCase(), H = ($.permission || "").toUpperCase();
+    return !(F != null && F.apiUrl) && !((J = F == null ? void 0 : F.endpointTable) != null && J.apiUrl);
+  }, ee = (F) => {
+    if (!F) return !1;
+    const J = (F.key || "").toLowerCase(), H = (F.permission || "").toUpperCase();
     return J === "detail" || J.includes("view") || H === "VIEW";
-  }, _e = ($) => Array.isArray(m[$.modelDatatable]) ? m[$.modelDatatable] : [], Re = Y(!1), ot = Y(""), He = Y("Plus"), fe = Y([]), ve = Rt({}), Se = Rt({}), ze = Y(""), mt = Y(null), Ht = Y(!1), On = Y(null), Bs = Y(!1), Rs = ($, J) => {
-    On.value = { propsTable: $, row: J }, Bs.value = !0;
+  }, _e = (F) => Array.isArray(m[F.modelDatatable]) ? m[F.modelDatatable] : [], Re = Y(!1), ot = Y(""), He = Y("Plus"), fe = Y([]), ve = Rt({}), Se = Rt({}), ze = Y(""), mt = Y(null), Ht = Y(!1), On = Y(null), Bs = Y(!1), Rs = (F, J) => {
+    On.value = { propsTable: F, row: J }, Bs.value = !0;
   }, Go = () => {
     if (!On.value) return;
-    const { propsTable: $, row: J } = On.value;
+    const { propsTable: F, row: J } = On.value;
     Bs.value = !1;
-    const H = m[$.modelDatatable];
+    const H = m[F.modelDatatable];
     if (Array.isArray(H)) {
-      const W = H.indexOf(J);
-      if (W !== -1) H.splice(W, 1);
+      const U = H.indexOf(J);
+      if (U !== -1) H.splice(U, 1);
       else {
         const te = JSON.stringify(J, (Ce, Ae) => ["no", "_index"].includes(Ce) ? void 0 : Ae), be = H.findIndex((Ce) => JSON.stringify(Ce, (Ae, ge) => ["no", "_index"].includes(Ae) ? void 0 : ge) === te);
         be !== -1 && H.splice(be, 1);
       }
       t("update:model", oe());
     }
-  }, Lt = ($, J) => {
-    ve[$] = J;
-    const H = fe.value.find((W) => W.model === $);
+  }, Lt = (F, J) => {
+    ve[F] = J;
+    const H = fe.value.find((U) => U.model === F);
     if (H) {
-      const W = A(H, J);
-      W ? Se[$] = W : delete Se[$];
-    }
-  }, ao = ($, J, H) => {
-    ze.value = $.modelDatatable || "", Ht.value = ee(J), mt.value = null, ot.value = o.value === "id" ? J.labelID || "Tambah Data" : J.labelEN || "Add Data", He.value = J.icon || "Plus";
-    const W = It($);
-    fe.value = W, Object.keys(ve).forEach((te) => delete ve[te]), Object.keys(Se).forEach((te) => delete Se[te]), W.forEach((te) => ve[te.model] = H ? H[te.model] ?? null : null), Re.value = !0;
-  }, Fs = ($, J) => {
-    const { action: H, row: W } = J;
+      const U = A(H, J);
+      U ? Se[F] = U : delete Se[F];
+    }
+  }, ao = (F, J, H) => {
+    ze.value = F.modelDatatable || "", Ht.value = ee(J), mt.value = null, ot.value = o.value === "id" ? J.labelID || "Tambah Data" : J.labelEN || "Add Data", He.value = J.icon || "Plus";
+    const U = It(F);
+    fe.value = U, Object.keys(ve).forEach((te) => delete ve[te]), Object.keys(Se).forEach((te) => delete Se[te]), U.forEach((te) => ve[te.model] = H ? H[te.model] ?? null : null), Re.value = !0;
+  }, Fs = (F, J) => {
+    const { action: H, row: U } = J;
     if (/delete|trash/i.test(H)) {
-      const ge = m[$.modelDatatable];
+      const ge = m[F.modelDatatable];
       if (Array.isArray(ge)) {
-        const Pe = ge.indexOf(W);
+        const Pe = ge.indexOf(U);
         if (Pe !== -1) ge.splice(Pe, 1);
         else {
-          const tt = JSON.stringify(W, (wt, ut) => ["no", "_index"].includes(wt) ? void 0 : ut), bt = ge.findIndex((wt) => JSON.stringify(wt, (ut, Ft) => ["no", "_index"].includes(ut) ? void 0 : Ft) === tt);
+          const tt = JSON.stringify(U, (wt, ut) => ["no", "_index"].includes(wt) ? void 0 : ut), bt = ge.findIndex((wt) => JSON.stringify(wt, (ut, Ft) => ["no", "_index"].includes(ut) ? void 0 : Ft) === tt);
           bt !== -1 && ge.splice(bt, 1);
         }
       }
       return;
     }
     if (/detail|view/i.test(H)) {
-      ao($, { key: "detail", permission: "VIEW" }, W);
+      ao(F, { key: "detail", permission: "VIEW" }, U);
       return;
     }
-    const te = $.modelDatatable || "";
+    const te = F.modelDatatable || "";
     ze.value = te, Ht.value = !1, ot.value = o.value === "id" ? "Ubah Data" : "Edit Data", He.value = "SquarePen";
     const be = m[te];
-    let Ce = Array.isArray(be) ? be.indexOf(W) : -1;
+    let Ce = Array.isArray(be) ? be.indexOf(U) : -1;
     if (Ce === -1 && Array.isArray(be)) {
-      const ge = JSON.stringify(W, (Pe, tt) => ["no", "_index"].includes(Pe) ? void 0 : tt);
+      const ge = JSON.stringify(U, (Pe, tt) => ["no", "_index"].includes(Pe) ? void 0 : tt);
       Ce = be.findIndex((Pe) => JSON.stringify(Pe, (tt, bt) => ["no", "_index"].includes(tt) ? void 0 : bt) === ge);
     }
     mt.value = Ce !== -1 ? Ce : null;
-    const Ae = It($);
-    fe.value = Ae, Object.keys(ve).forEach((ge) => delete ve[ge]), Ae.forEach((ge) => ve[ge.model] = W[ge.model] ?? null), Re.value = !0;
+    const Ae = It(F);
+    fe.value = Ae, Object.keys(ve).forEach((ge) => delete ve[ge]), Ae.forEach((ge) => ve[ge.model] = U[ge.model] ?? null), Re.value = !0;
   }, qo = () => {
-    let $ = !0;
+    let F = !0;
     if (fe.value.forEach((H) => {
-      const W = A(H, ve[H.model]);
-      W && (Se[H.model] = W, $ = !1);
-    }), !$) return;
+      const U = A(H, ve[H.model]);
+      U && (Se[H.model] = U, F = !1);
+    }), !F) return;
     const J = ze.value;
     J && (m[J] = m[J] || [], mt.value !== null ? m[J].splice(mt.value, 1, { ...ve }) : m[J].push({ ...ve }), Re.value = !1, t("update:model", oe()));
   }, fs = /* @__PURE__ */ new Map(), io = /* @__PURE__ */ new Map();
-  return Fe(() => ({ ...m }), ($) => {
+  return Fe(() => ({ ...m }), (F) => {
     var be;
     if (!((be = d.value) != null && be.sections)) return;
     ye();
-    const J = L($), H = (Ce) => {
+    const J = L(F), H = (Ce) => {
       Ce.forEach((Ae) => {
         var bt;
-        const ge = S(Ae), Pe = Q(Ae, $);
+        const ge = S(Ae), Pe = Q(Ae, F);
         (((bt = Ae.propsForm) == null ? void 0 : bt.fields) || Ae.fields || []).forEach((wt) => {
           const ut = wt.model;
           if (!ut) return;
-          const Ft = ge ? `${ge}.${ut}` : ut, $t = Le(m, Ft), In = R(wt, $) && Pe;
+          const Ft = ge ? `${ge}.${ut}` : ut, $t = Le(m, Ft), In = R(wt, F) && Pe;
           fs.get(ut) === !0 && In === !1 && $t !== null && $t !== void 0 && (console.log(`[DynamicForm][RESET-VISIBLE] ${ut} BEFORE:`, De($t)), Ne(m, Ft, Array.isArray($t) ? [] : null), console.log(`[DynamicForm][RESET-VISIBLE] ${ut} AFTER:`, De(Le(m, Ft)))), fs.set(ut, In);
           const Kn = wt.logic;
           if (Kn && In) {
@@ -26417,21 +26418,21 @@ function dE(e, t) {
             ["lengthRule", "optionsFilterRule", "visibleRule"].forEach((T) => {
               const N = Kn[T];
               if (!N) return;
-              const ce = B(N, J, `${T}-${ut}`), U = JSON.stringify(ce);
-              vn[T] = U;
+              const ce = B(N, J, `${T}-${ut}`), j = JSON.stringify(ce);
+              vn[T] = j;
               const K = io.get(ut);
-              K && K[T] !== void 0 && K[T] !== U && (Ln = !0);
+              K && K[T] !== void 0 && K[T] !== j && (Ln = !0);
             }), Ln && $t !== null && $t !== void 0 && (console.log(`[DynamicForm][RESET-LOGIC] ${ut} due to rule change | BEFORE:`, De($t)), Ne(m, Ft, Array.isArray($t) ? [] : null), console.log(`[DynamicForm][RESET-LOGIC] ${ut} AFTER:`, De(Le(m, Ft)))), io.set(ut, vn);
           }
         }), Ae.type === "WIZARD" && M(Ae).forEach((wt) => H(wt.sections));
       });
     };
     H(d.value.sections);
-    const W = oe() || {}, te = JSON.stringify(W);
-    te !== r && (r = te, console.log("[DynamicForm] Emitting update:model:", W), t("update:model", W));
-  }, { deep: !0, immediate: !0 }), Fe(() => e.model, ($) => {
-    $ && Object.keys($).length > 0 ? JSON.stringify($) !== r && (console.log("[DynamicForm] Received new model data:", $), Object.keys($).forEach((H) => {
-      m[H] = $[H];
+    const U = oe() || {}, te = JSON.stringify(U);
+    te !== r && (r = te, console.log("[DynamicForm] Emitting update:model:", U), t("update:model", U));
+  }, { deep: !0, immediate: !0 }), Fe(() => e.model, (F) => {
+    F && Object.keys(F).length > 0 ? JSON.stringify(F) !== r && (console.log("[DynamicForm] Received new model data:", F), Object.keys(F).forEach((H) => {
+      m[H] = F[H];
     }), console.log("[DynamicForm] Updated formData:", { ...m })) : console.log("[DynamicForm] Received empty or null model data");
   }, { immediate: !0, deep: !0 }), {
     t: n,
@@ -26460,7 +26461,7 @@ function dE(e, t) {
     fieldMap: P,
     resolveValueIdentifier: I,
     getNormalizedData: L,
-    normalizedData: F,
+    normalizedData: $,
     resolveActiveRule: B,
     evaluateLogic: ne,
     rawItemsCache: X,
@@ -26662,7 +26663,7 @@ const uE = { key: 0 }, fE = ["value", "name"], hE = {
         name: e.field.model
       }, null, 8, fE)
     ])) : e.viewOnly ? (p(), k("div", hE, [
-      v("span", pE, j(d.value), 1),
+      v("span", pE, W(d.value), 1),
       l.value ? (p(), k(we, { key: 0 }, [
         u.value ? (p(), k("img", {
           key: 0,
@@ -26673,14 +26674,14 @@ const uE = { key: 0 }, fE = ["value", "name"], hE = {
       ], 64)) : c.value ? (p(), k("span", {
         key: 1,
         class: ue(["inline-flex items-center gap-1 text-sm font-medium", u.value ? "text-green-600 dark:text-green-400" : "text-neutral-400"])
-      }, j(u.value ? "✓ Ya" : "✗ Tidak"), 3)) : (p(), k("span", bE, j(u.value || "-"), 1))
+      }, W(u.value ? "✓ Ya" : "✗ Tidak"), 3)) : (p(), k("span", bE, W(u.value || "-"), 1))
     ])) : r.value ? (p(), pe(_t(r.value), Ke({ key: 2 }, m.value, {
       modelValue: a.value,
       "onUpdate:modelValue": [
         g[0] || (g[0] = (E) => a.value = E),
         w
       ]
-    }), null, 16, ["modelValue"])) : (p(), k("div", yE, " Unknown field: " + j(e.field.component), 1));
+    }), null, 16, ["modelValue"])) : (p(), k("div", yE, " Unknown field: " + W(e.field.component), 1));
   }
 }), vE = { class: "rounded-xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-zinc-900 overflow-hidden" }, xE = {
   key: 0,
@@ -26721,16 +26722,16 @@ const uE = { key: 0 }, fE = ["value", "name"], hE = {
       return p(), k("div", vE, [
         ((y = e.section.type) == null ? void 0 : y.toUpperCase()) !== "TABLE" ? (p(), k("div", xE, [
           C(n)(e.section).title ? (p(), k("div", wE, [
-            v("h3", kE, j(C(n)(e.section).title), 1)
+            v("h3", kE, W(C(n)(e.section).title), 1)
           ])) : z("", !0),
           v("div", _E, [
             (b = e.section.propsForm.actionSection) != null && b.length ? (p(!0), k(we, { key: 0 }, Ve(e.section.propsForm.actionSection, (A, P) => {
-              var I, L, F, B, ne, X, Z;
+              var I, L, $, B, ne, X, Z;
               return p(), k(we, { key: P }, [
                 C(s)(A) ? (p(), pe(gt, {
                   key: 0,
                   icon: A.icon || ((I = A.propsActionGlobal) == null ? void 0 : I.icon),
-                  text: C(a) === "id" ? A.labelID || ((L = A.propsActionGlobal) == null ? void 0 : L.labelID) : A.labelEN || ((F = A.propsActionGlobal) == null ? void 0 : F.labelEN),
+                  text: C(a) === "id" ? A.labelID || ((L = A.propsActionGlobal) == null ? void 0 : L.labelID) : A.labelEN || (($ = A.propsActionGlobal) == null ? void 0 : $.labelEN),
                   "bg-color": ((ne = A.bgColor || ((B = A.propsActionGlobal) == null ? void 0 : B.bgColor)) == null ? void 0 : ne.toLowerCase()) || "primary",
                   variant: ((Z = A.variant || ((X = A.propsActionGlobal) == null ? void 0 : X.variant)) == null ? void 0 : Z.toLowerCase()) || "outline",
                   size: "sm",
@@ -26980,15 +26981,15 @@ const uE = { key: 0 }, fE = ["value", "name"], hE = {
           Ve(C(n)(e.section), (I) => ({
             name: `tab-${I.key}`,
             fn: re(() => {
-              var L, F;
+              var L, $;
               return [
                 v("div", OE, [
                   I.title || (L = I.actions) != null && L.length ? (p(), k("div", IE, [
                     v("div", null, [
-                      I.title ? (p(), k("h4", LE, j(I.title), 1)) : z("", !0),
-                      I.description ? (p(), k("p", BE, j(I.description), 1)) : z("", !0)
+                      I.title ? (p(), k("h4", LE, W(I.title), 1)) : z("", !0),
+                      I.description ? (p(), k("p", BE, W(I.description), 1)) : z("", !0)
                     ]),
-                    (F = I.actions) != null && F.length ? (p(), k("div", RE, [
+                    ($ = I.actions) != null && $.length ? (p(), k("div", RE, [
                       (p(!0), k(we, null, Ve(I.actions, (B, ne) => {
                         var X, Z, ae, de, R, q, le;
                         return p(), k(we, { key: ne }, [
@@ -27045,7 +27046,7 @@ const uE = { key: 0 }, fE = ["value", "name"], hE = {
                             "show-pagination": ((ae = B.propsDataTableWizard || B.propsTable) == null ? void 0 : ae.pagination) ?? !0,
                             onAction: (de) => C(y)(B.propsDataTableWizard || B.propsTable, de)
                           }, null, 8, ["table-config", "data", "show-pagination", "onAction"])
-                        ])) : (p(), k("div", $E, " Unknown section type: " + j(B.type), 1))
+                        ])) : (p(), k("div", $E, " Unknown section type: " + W(B.type), 1))
                       ], 64)) : z("", !0)
                     ], 64);
                   }), 128))
@@ -27107,7 +27108,7 @@ const uE = { key: 0 }, fE = ["value", "name"], hE = {
           }, null, 8, ["text", "onClick"])
         ]),
         default: re(() => [
-          v("div", VE, j(C(n).message), 1)
+          v("div", VE, W(C(n).message), 1)
         ]),
         _: 1
       }, 8, ["modelValue", "title"]),
@@ -27178,7 +27179,7 @@ const uE = { key: 0 }, fE = ["value", "name"], hE = {
           }, null, 8, ["text", "onClick"])
         ]),
         default: re(() => [
-          v("div", jE, j(C(S) === "id" ? "Apakah Anda yakin ingin menghapus data ini? Tindakan ini tidak dapat dibatalkan." : "Are you sure you want to delete this row? This action cannot be undone."), 1)
+          v("div", jE, W(C(S) === "id" ? "Apakah Anda yakin ingin menghapus data ini? Tindakan ini tidak dapat dibatalkan." : "Are you sure you want to delete this row? This action cannot be undone."), 1)
         ]),
         _: 1
       }, 8, ["modelValue", "title"])
@@ -27295,7 +27296,7 @@ const uE = { key: 0 }, fE = ["value", "name"], hE = {
                 ]),
                 "stroke-width": e.strokeWidth
               }, null, 8, ["size", "class", "stroke-width"])) : z("", !0),
-              v("span", qE, j(i.label), 1)
+              v("span", qE, W(i.label), 1)
             ]),
             _: 2
           }, 1032, ["to", "class"])),
@@ -27376,8 +27377,8 @@ const KE = { class: "w-full space-y-6 animate-pulse" }, YE = { class: "p-4 grid
   },
   emits: ["submit-success", "cancel", "action-success", "update:model"],
   setup(e, { emit: t }) {
-    var L, F, B, ne, X, Z, ae, de;
-    const n = e, s = t, o = (F = (L = xo()) == null ? void 0 : L.appContext) == null ? void 0 : F.app;
+    var L, $, B, ne, X, Z, ae, de;
+    const n = e, s = t, o = ($ = (L = xo()) == null ? void 0 : L.appContext) == null ? void 0 : $.app;
     o && !o._context.provides[Symbol.for("vue-router-route-location")] && o.provide(Symbol.for("vue-router-route-location"), {
       query: {},
       params: {},
@@ -27617,7 +27618,7 @@ const KE = { class: "w-full space-y-6 animate-pulse" }, YE = { class: "p-4 grid
           default: re(() => [
             !w.value && m.value ? (p(), k("div", eP, [
               v("div", tP, [
-                v("p", nP, j(m.value.description), 1)
+                v("p", nP, W(m.value.description), 1)
               ]),
               G(cf, {
                 schema: m.value,
@@ -27633,7 +27634,7 @@ const KE = { class: "w-full space-y-6 animate-pulse" }, YE = { class: "p-4 grid
               }, null, 8, ["schema", "model", "is-edit-mode", "loading", "selected-token-core"])
             ])) : w.value ? (p(), k("div", sP, [
               G(JE)
-            ])) : (p(), k("div", oP, " Failed to load form configuration for " + j(n.layoutCode), 1))
+            ])) : (p(), k("div", oP, " Failed to load form configuration for " + W(n.layoutCode), 1))
           ]),
           _: 1
         })
@@ -27699,8 +27700,8 @@ const KE = { class: "w-full space-y-6 animate-pulse" }, YE = { class: "p-4 grid
     const E = async () => {
       u.value = !0;
       try {
-        const I = "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJDQkFTIiwiaWF0IjoxNzcyNDU5MzQ0LCJkYXRlIjoiMDIwMzIwMjYiLCJjb2RlIjoidGVzdGVyIiwidXJsRm9ybSI6Ii9hcGkvY2Jhcy9lbmRwb2ludHMvZm9ybSIsInVybEFjdGlvbiI6Ii9hcGkvY2Jhcy9lbmRwb2ludHMvYWN0aW9uIiwidXJsRGF0YXRhYmxlIjoiL2FwaS9jYmFzL2VuZHBvaW50cy9kYXRhdGFibGUiLCJ1cmxQYXRoIjoiL2FwaS9jYmFzL2VuZHBvaW50cy9wYXRoIiwidXJsUmVmZXJhbmNlIjoiL2FwaS9jYmFzL2VuZHBvaW50cy9yZWZlcmVuY2UifQ.JGIUTL0GEAp34zanY6dqLKg7jOLHwKzataY271JStsE", L = I ? { Authorization: `Bearer ${I}` } : {}, F = await a(m.value, "GET", null, L);
-        F.status && (d.value = Array.isArray(F.data) ? F.data[0] : F.data, console.log("[DEBUG] AutoLayoutDatatable config loaded:", d.value), g());
+        const I = "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJDQkFTIiwiaWF0IjoxNzcyNDU5MzQ0LCJkYXRlIjoiMDIwMzIwMjYiLCJjb2RlIjoidGVzdGVyIiwidXJsRm9ybSI6Ii9hcGkvY2Jhcy9lbmRwb2ludHMvZm9ybSIsInVybEFjdGlvbiI6Ii9hcGkvY2Jhcy9lbmRwb2ludHMvYWN0aW9uIiwidXJsRGF0YXRhYmxlIjoiL2FwaS9jYmFzL2VuZHBvaW50cy9kYXRhdGFibGUiLCJ1cmxQYXRoIjoiL2FwaS9jYmFzL2VuZHBvaW50cy9wYXRoIiwidXJsUmVmZXJhbmNlIjoiL2FwaS9jYmFzL2VuZHBvaW50cy9yZWZlcmVuY2UifQ.JGIUTL0GEAp34zanY6dqLKg7jOLHwKzataY271JStsE", L = I ? { Authorization: `Bearer ${I}` } : {}, $ = await a(m.value, "GET", null, L);
+        $.status && (d.value = Array.isArray($.data) ? $.data[0] : $.data, console.log("[DEBUG] AutoLayoutDatatable config loaded:", d.value), g());
       } catch (I) {
         console.error("Gagal Menampilkan Datatable:", I);
       } finally {
@@ -27711,15 +27712,15 @@ const KE = { class: "w-full space-y-6 animate-pulse" }, YE = { class: "p-4 grid
     }, S = (I) => {
       console.log("[DEBUG] AutoLayoutDatatable handleNavigate:", I);
       let L = I.route;
-      const F = I.path;
-      if (!L && F) {
+      const $ = I.path;
+      if (!L && $) {
         const ne = ((i == null ? void 0 : i.path) || "").split("/");
         ne.length >= 2 && (L = `/${ne[1]}/create`);
       }
-      if (L || F) {
+      if (L || $) {
         const B = {
           ...I.query || {},
-          code: F || void 0
+          code: $ || void 0
         };
         Object.keys(B).forEach((ne) => B[ne] === void 0 && delete B[ne]), console.log("[DEBUG] Emitting navigate to parent:", { route: L, query: B }), s("navigate", { route: L || "/form", query: B }), r && !r.__isFallback && r.push({ path: L || "/form", query: B });
       } else
@@ -27747,7 +27748,7 @@ const KE = { class: "w-full space-y-6 animate-pulse" }, YE = { class: "p-4 grid
         _: 1
       }, 8, ["api-url", "table-config", "permission-base", "dummy-mode", "user-permissions", "permission-checker", "checkPermission"])) : u.value ? (p(), k("div", rP, [...L[1] || (L[1] = [
         v("i", { class: "mdi mdi-loading mdi-spin text-4xl text-primary-600" }, null, -1)
-      ])])) : (p(), k("div", lP, " Failed to load configuration for " + j(n.layoutCode), 1))
+      ])])) : (p(), k("div", lP, " Failed to load configuration for " + W(n.layoutCode), 1))
     ]));
   }
 }), cP = od(uf), dP = od(ff);