@gemafajarramadhan/dynamic-ui 1.1.6 → 1.1.7

package/dist/dynamic-ui.es.js

@@ -19835,12 +19835,10 @@ const yk = { class: "space-y-3" }, vk = {
 }, B_ = {
   key: 0,
   class: "flex items-center gap-1 text-sm text-red-500 mt-1"
-}, E_ = {
-  name: "DCodeRadio"
-}, R_ = /* @__PURE__ */ le({
-  ...E_,
+}, E_ = /* @__PURE__ */ le({
   name: "DCodeRadio",
   inheritAttrs: !1,
+  __name: "DCodeRadio",
   props: {
     modelValue: { default: void 0 },
     value: { default: void 0 },
@@ -20012,16 +20010,15 @@ const yk = { class: "space-y-3" }, vk = {
       ])) : H("", !0)
     ]));
   }
-}), z_ = { class: "cursor-pointer block relative h-full" }, I_ = ["name", "value", "checked"], F_ = { class: "h-24 flex flex-col items-center justify-center gap-3 rounded-xl border-2 p-4 text-center transition-all duration-300 ease-out border-gray-200 bg-white dark:bg-zinc-900 dark:border-zinc-700 hover:-translate-y-1 hover:shadow-lg hover:border-blue-300 peer-checked:border-blue-500 peer-checked:bg-blue-50 dark:peer-checked:bg-blue-900/20 peer-checked:ring-2 peer-checked:ring-blue-200 dark:peer-checked:ring-blue-800 peer-checked:scale-[1.02]" }, L_ = {
+}), R_ = { class: "cursor-pointer block relative h-full" }, z_ = ["name", "value", "checked"], I_ = { class: "h-24 flex flex-col items-center justify-center gap-3 rounded-xl border-2 p-4 text-center transition-all duration-300 ease-out border-gray-200 bg-white dark:bg-zinc-900 dark:border-zinc-700 hover:-translate-y-1 hover:shadow-lg hover:border-blue-300 peer-checked:border-blue-500 peer-checked:bg-blue-50 dark:peer-checked:bg-blue-900/20 peer-checked:ring-2 peer-checked:ring-blue-200 dark:peer-checked:ring-blue-800 peer-checked:scale-[1.02]" }, F_ = {
   key: 0,
   class: "flex h-10 w-10 items-center justify-center rounded-lg bg-gray-100 dark:bg-zinc-800 text-gray-500 dark:text-gray-400 transition-colors duration-300 peer-checked:bg-blue-100 dark:peer-checked:bg-blue-800 peer-checked:text-blue-600 dark:peer-checked:text-blue-200"
-}, V_ = { class: "flex flex-col gap-1" }, j_ = { class: "font-medium text-sm text-gray-800 dark:text-gray-200 transition-colors duration-300 peer-checked:text-blue-700 dark:peer-checked:text-blue-300" }, W_ = {
+}, L_ = { class: "flex flex-col gap-1" }, V_ = { class: "font-medium text-sm text-gray-800 dark:text-gray-200 transition-colors duration-300 peer-checked:text-blue-700 dark:peer-checked:text-blue-300" }, j_ = {
   key: 0,
   class: "text-xs text-gray-400"
-}, N_ = {
-  name: "DCodeRadioCustom"
-}, H_ = /* @__PURE__ */ le({
-  ...N_,
+}, W_ = /* @__PURE__ */ le({
+  name: "DCodeRadioCustom",
+  __name: "DCodeRadioCustom",
   props: {
     modelValue: {},
     value: {},
@@ -20048,7 +20045,7 @@ const yk = { class: "space-y-3" }, vk = {
       (c, u) => {
       },
       { immediate: !0 }
-    ), (c, u) => (p(), C("label", z_, [
+    ), (c, u) => (p(), C("label", R_, [
       x("input", {
         type: "radio",
         class: "hidden peer",
@@ -20056,34 +20053,34 @@ const yk = { class: "space-y-3" }, vk = {
         value: t.value,
         checked: t.modelValue === t.value,
         onChange: r
-      }, null, 40, I_),
-      x("div", F_, [
-        t.icon ? (p(), C("div", L_, [
+      }, null, 40, z_),
+      x("div", I_, [
+        t.icon ? (p(), C("div", F_, [
           (p(), X(ot(l(t.icon)), { class: "h-5 w-5" }))
         ])) : H("", !0),
-        x("div", V_, [
-          x("p", j_, W(a.value), 1),
-          o.value ? (p(), C("p", W_, W(o.value), 1)) : H("", !0)
+        x("div", L_, [
+          x("p", V_, W(a.value), 1),
+          o.value ? (p(), C("p", j_, W(o.value), 1)) : H("", !0)
         ])
       ])
     ]));
   }
-}), U_ = {
+}), N_ = {
   key: 0,
   class: "ml-1 text-destructive"
-}, q_ = { class: "relative w-full" }, Y_ = {
+}, H_ = { class: "relative w-full" }, U_ = {
   key: 0,
   class: "mb-2 flex items-center justify-between"
-}, G_ = { class: "text-sm text-muted-foreground" }, K_ = { class: "text-sm font-medium text-foreground" }, X_ = { class: "text-sm text-muted-foreground" }, J_ = { class: "relative" }, Q_ = ["id", "value", "min", "max", "step", "disabled", "placeholder"], Z_ = {
+}, q_ = { class: "text-sm text-muted-foreground" }, Y_ = { class: "text-sm font-medium text-foreground" }, G_ = { class: "text-sm text-muted-foreground" }, K_ = { class: "relative" }, X_ = ["id", "value", "min", "max", "step", "disabled", "placeholder"], J_ = {
   key: 1,
   class: "relative mt-2"
-}, e2 = { class: "text-xs text-muted-foreground mt-1" }, t2 = {
+}, Q_ = { class: "text-xs text-muted-foreground mt-1" }, Z_ = {
   key: 1,
   class: "flex items-center gap-1 text-sm text-destructive"
-}, n2 = {
+}, e2 = {
   name: "DCodeSlider"
-}, s2 = /* @__PURE__ */ le({
-  ...n2,
+}, t2 = /* @__PURE__ */ le({
+  ...e2,
   name: "DCodeSlider",
   inheritAttrs: !1,
   props: {
@@ -20203,17 +20200,17 @@ const yk = { class: "space-y-3" }, vk = {
       }, {
         default: O(() => [
           ge(W(c.value) + " ", 1),
-          t.required ? (p(), C("span", U_, "*")) : H("", !0)
+          t.required ? (p(), C("span", N_, "*")) : H("", !0)
         ]),
         _: 1
       }, 8, ["for"])) : H("", !0),
-      x("div", q_, [
-        t.showValue ? (p(), C("div", Y_, [
-          x("span", G_, W(a.valuePrefix) + W(t.min) + W(a.valueSuffix), 1),
-          x("span", K_, W(h.value), 1),
-          x("span", X_, W(a.valuePrefix) + W(t.max) + W(a.valueSuffix), 1)
+      x("div", H_, [
+        t.showValue ? (p(), C("div", U_, [
+          x("span", q_, W(a.valuePrefix) + W(t.min) + W(a.valueSuffix), 1),
+          x("span", Y_, W(h.value), 1),
+          x("span", G_, W(a.valuePrefix) + W(t.max) + W(a.valueSuffix), 1)
         ])) : H("", !0),
-        x("div", J_, [
+        x("div", K_, [
           x("div", {
             class: ce(["absolute top-1/2 -translate-y-1/2 w-full h-full bg-gray-200 rounded-lg pointer-events-none", [
               t.size === "sm" ? "h-2" : t.size === "md" ? "h-2.5" : "h-3"
@@ -20244,20 +20241,20 @@ const yk = { class: "space-y-3" }, vk = {
             onMouseup: A,
             onTouchstart: v,
             onTouchend: A
-          }, null, 42, Q_)
+          }, null, 42, X_)
         ]),
-        t.marks.length > 0 ? (p(), C("div", Z_, [
+        t.marks.length > 0 ? (p(), C("div", J_, [
           (p(!0), C(xe, null, Ne(t.marks, (D) => (p(), C("div", {
             key: D.value,
             class: "absolute flex flex-col items-center",
             style: Qe({ left: `${T(D.value)}%`, transform: "translateX(-50%)" })
           }, [
             k[0] || (k[0] = x("div", { class: "w-1 h-2 bg-gray-400 rounded-full" }, null, -1)),
-            x("span", e2, W(D.label), 1)
+            x("span", Q_, W(D.label), 1)
           ], 4))), 128))
         ])) : H("", !0)
       ]),
-      r.value ? (p(), C("div", t2, [
+      r.value ? (p(), C("div", Z_, [
         k[1] || (k[1] = x("svg", {
           class: "w-4 h-4",
           fill: "none",
@@ -20283,22 +20280,22 @@ const yk = { class: "space-y-3" }, vk = {
       [Wn, u.value]
     ]);
   }
-}), a2 = { class: "inline-flex items-center gap-3" }, o2 = ["for"], i2 = {
+}), n2 = { class: "inline-flex items-center gap-3" }, s2 = ["for"], a2 = {
   key: 0,
   class: "text-red-500 ml-1"
-}, r2 = ["id", "name", "aria-checked", "aria-label", "disabled"], l2 = {
+}, o2 = ["id", "name", "aria-checked", "aria-label", "disabled"], i2 = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, c2 = { class: "relative z-10 flex items-center gap-2" }, u2 = ["id", "name", "aria-checked", "aria-label", "disabled"], d2 = {
+}, r2 = { class: "relative z-10 flex items-center gap-2" }, l2 = ["id", "name", "aria-checked", "aria-label", "disabled"], c2 = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, f2 = ["for"], h2 = {
+}, u2 = ["for"], d2 = {
   key: 0,
   class: "text-red-500 ml-1"
-}, p2 = {
+}, f2 = {
   name: "DCodeSwitch"
 }, Sd = /* @__PURE__ */ le({
-  ...p2,
+  ...f2,
   props: {
     modelValue: { type: Boolean, default: !1 },
     label: { default: "" },
@@ -20366,15 +20363,15 @@ const yk = { class: "space-y-3" }, vk = {
     }), c = () => {
       a.value = !a.value;
     }, u = M(() => a.value ? n.tooltipActiveText : n.tooltipInactiveText);
-    return (d, f) => (p(), C("div", a2, [
+    return (d, f) => (p(), C("div", n2, [
       t.label && t.labelPosition === "left" ? (p(), C("label", {
         key: 0,
         for: t.id,
         class: ce(["text-sm font-medium text-gray-700 cursor-pointer", { "opacity-50": t.disabled }])
       }, [
         ge(W(t.label) + " ", 1),
-        t.required ? (p(), C("span", i2, "*")) : H("", !0)
-      ], 10, o2)) : H("", !0),
+        t.required ? (p(), C("span", a2, "*")) : H("", !0)
+      ], 10, s2)) : H("", !0),
       F(b(tu), null, {
         default: O(() => [
           t.showTooltip ? (p(), X(b(Zc), {
@@ -20412,7 +20409,7 @@ const yk = { class: "space-y-3" }, vk = {
                         "hover:shadow-xl flex items-center justify-center"
                       ])
                     }, [
-                      t.loading ? (p(), C("span", l2, [...f[0] || (f[0] = [
+                      t.loading ? (p(), C("span", i2, [...f[0] || (f[0] = [
                         x("svg", {
                           class: "animate-spin h-3 w-3 text-gray-400",
                           xmlns: "http://www.w3.org/2000/svg",
@@ -20460,7 +20457,7 @@ const yk = { class: "space-y-3" }, vk = {
                         _: 1
                       })
                     ], 2)
-                  ], 10, r2)
+                  ], 10, o2)
                 ]),
                 _: 1
               }),
@@ -20472,7 +20469,7 @@ const yk = { class: "space-y-3" }, vk = {
                 ]])
               }, {
                 default: O(() => [
-                  x("span", c2, [
+                  x("span", r2, [
                     x("span", {
                       class: ce(["inline-block w-2 h-2 rounded-full animate-pulse", a.value ? "bg-green-200" : "bg-gray-300"])
                     }, null, 2),
@@ -20512,7 +20509,7 @@ const yk = { class: "space-y-3" }, vk = {
                 "hover:shadow-xl flex items-center justify-center"
               ])
             }, [
-              t.loading ? (p(), C("span", d2, [...f[1] || (f[1] = [
+              t.loading ? (p(), C("span", c2, [...f[1] || (f[1] = [
                 x("svg", {
                   class: "animate-spin h-3 w-3 text-gray-400",
                   xmlns: "http://www.w3.org/2000/svg",
@@ -20560,7 +20557,7 @@ const yk = { class: "space-y-3" }, vk = {
                 _: 1
               })
             ], 2)
-          ], 10, u2))
+          ], 10, l2))
         ]),
         _: 1
       }),
@@ -20570,32 +20567,32 @@ const yk = { class: "space-y-3" }, vk = {
         class: ce(["text-sm font-medium text-gray-700 cursor-pointer", { "opacity-50": t.disabled }])
       }, [
         ge(W(t.label) + " ", 1),
-        t.required ? (p(), C("span", h2, "*")) : H("", !0)
-      ], 10, f2)) : H("", !0)
+        t.required ? (p(), C("span", d2, "*")) : H("", !0)
+      ], 10, u2)) : H("", !0)
     ]));
   }
-}), m2 = ["aria-busy"], g2 = {
+}), h2 = ["aria-busy"], p2 = {
   key: 0,
   class: "h-4 w-32 rounded bg-gray-200 dark:bg-gray-700 animate-pulse"
-}, b2 = {
+}, m2 = {
   key: 1,
   class: "flex justify-end"
-}, y2 = {
+}, g2 = {
   key: 0,
   class: "ml-1 text-destructive"
-}, v2 = { class: "relative w-full group" }, x2 = {
+}, b2 = { class: "relative w-full group" }, y2 = {
   key: 0,
   class: "absolute inset-y-0 left-4 flex items-center text-muted-foreground"
-}, w2 = { key: 1 }, k2 = {
+}, v2 = { key: 1 }, x2 = {
   key: 1,
   class: "absolute inset-y-0 right-3 flex items-center"
-}, _2 = {
+}, w2 = {
   key: 2,
   class: "absolute inset-y-0 right-3 flex items-center"
-}, C2 = {
+}, k2 = {
   key: 3,
   class: "absolute top-full right-0 z-10 text-[11px] text-gray-500 dark:text-gray-400 opacity-0 transition-opacity pointer-events-none group-focus-within:opacity-100"
-}, M2 = {
+}, _2 = {
   key: 1,
   class: "text-xs text-destructive"
 }, Dd = /* @__PURE__ */ le({
@@ -20778,11 +20775,11 @@ const yk = { class: "space-y-3" }, vk = {
       "aria-busy": r.skeleton
     }, [
       r.skeleton ? (p(), C(xe, { key: 0 }, [
-        l.value ? (p(), C("div", g2)) : H("", !0),
+        l.value ? (p(), C("div", p2)) : H("", !0),
         te[1] || (te[1] = x("div", { class: "relative w-full" }, [
           x("div", { class: "h-10 w-full rounded-lg bg-gray-200 dark:bg-gray-700 animate-pulse" })
         ], -1)),
-        G.value ? (p(), C("div", b2, [...te[0] || (te[0] = [
+        G.value ? (p(), C("div", m2, [...te[0] || (te[0] = [
           x("div", { class: "h-3 w-14 rounded bg-gray-200 dark:bg-gray-700 animate-pulse" }, null, -1)
         ])])) : H("", !0)
       ], 64)) : (p(), C(xe, { key: 1 }, [
@@ -20793,17 +20790,17 @@ const yk = { class: "space-y-3" }, vk = {
         }, {
           default: O(() => [
             ge(W(l.value) + " ", 1),
-            d.value ? (p(), C("span", y2, "*")) : H("", !0)
+            d.value ? (p(), C("span", g2, "*")) : H("", !0)
           ]),
           _: 1
         }, 8, ["for"])) : H("", !0),
-        x("div", v2, [
-          r.icon || r.prependInner || z.$slots["prepend-inner"] ? (p(), C("div", x2, [
+        x("div", b2, [
+          r.icon || r.prependInner || z.$slots["prepend-inner"] ? (p(), C("div", y2, [
             he(z.$slots, "prepend-inner", {}, () => [
               r.icon ? (p(), X(ot(r.icon), {
                 key: 0,
                 class: "h-4 w-4"
-              })) : r.prependInner ? (p(), C("span", w2, W(r.prependInner), 1)) : H("", !0)
+              })) : r.prependInner ? (p(), C("span", v2, W(r.prependInner), 1)) : H("", !0)
             ])
           ])) : H("", !0),
           F(b(qn), $e({
@@ -20820,7 +20817,7 @@ const yk = { class: "space-y-3" }, vk = {
               ne.value ? "border-destructive focus:ring-destructive focus-visible:ring-destructive focus-visible:ring-[0.5px]" : ""
             ]
           }), null, 16, ["id", "modelValue", "placeholder", "style", "class"]),
-          s.value ? (p(), C("div", k2, [
+          s.value ? (p(), C("div", x2, [
             x("button", {
               type: "button",
               class: "text-muted-foreground hover:text-foreground",
@@ -20830,7 +20827,7 @@ const yk = { class: "space-y-3" }, vk = {
               (p(), X(ot(a.value ? b(pc) : b(Hd)), { class: "w-4 h-4" }))
             ])
           ])) : H("", !0),
-          m.value && !s.value ? (p(), C("div", _2, [
+          m.value && !s.value ? (p(), C("div", w2, [
             x("button", {
               type: "button",
               class: "text-muted-foreground hover:text-foreground text-lg leading-none",
@@ -20838,27 +20835,27 @@ const yk = { class: "space-y-3" }, vk = {
               onClick: De
             }, " ✕ ")
           ])) : H("", !0),
-          at.value && !ne.value ? (p(), C("p", C2, W(Pe.value), 1)) : H("", !0)
+          at.value && !ne.value ? (p(), C("p", k2, W(Pe.value), 1)) : H("", !0)
         ]),
-        ne.value ? (p(), C("p", M2, W(r.error), 1)) : H("", !0)
+        ne.value ? (p(), C("p", _2, W(r.error), 1)) : H("", !0)
       ], 64))
-    ], 10, m2)), [
+    ], 10, h2)), [
       [Wn, t.visible]
     ]);
   }
-}), S2 = ["aria-busy"], D2 = {
+}), C2 = ["aria-busy"], M2 = {
   key: 0,
   class: "h-4 w-32 rounded bg-gray-200 dark:bg-gray-700 animate-pulse"
-}, A2 = {
+}, S2 = {
   key: 0,
   class: "ml-1 text-destructive"
-}, $2 = { class: "relative w-full group" }, P2 = ["id", "value"], O2 = {
+}, D2 = { class: "relative w-full group" }, A2 = ["id", "value"], $2 = {
   key: 0,
   class: "absolute top-1 right-2"
-}, T2 = {
+}, P2 = {
   key: 1,
   class: "absolute top-full right-0 z-10 text-[11px] text-gray-500 dark:text-gray-400 opacity-0 transition-opacity pointer-events-none group-focus-within:opacity-100"
-}, B2 = {
+}, O2 = {
   key: 1,
   class: "text-xs text-destructive"
 }, Zo = /* @__PURE__ */ le({
@@ -21043,7 +21040,7 @@ const yk = { class: "space-y-3" }, vk = {
       "aria-busy": a.skeleton
     }, [
       a.skeleton ? (p(), C(xe, { key: 0 }, [
-        o.value ? (p(), C("div", D2)) : H("", !0),
+        o.value ? (p(), C("div", M2)) : H("", !0),
         x("div", {
           class: "w-full rounded-lg bg-gray-200 dark:bg-gray-700 animate-pulse",
           style: Qe(Pe.value)
@@ -21056,11 +21053,11 @@ const yk = { class: "space-y-3" }, vk = {
         }, {
           default: O(() => [
             ge(W(o.value) + " ", 1),
-            c.value ? (p(), C("span", A2, "*")) : H("", !0)
+            c.value ? (p(), C("span", S2, "*")) : H("", !0)
           ]),
           _: 1
         }, 8, ["for"])) : H("", !0),
-        x("div", $2, [
+        x("div", D2, [
           x("textarea", $e({
             id: l.value,
             value: m.value
@@ -21070,8 +21067,8 @@ const yk = { class: "space-y-3" }, vk = {
               "flex min-h-[120px] w-full pr-10 rounded-lg border px-3 py-2 bg-white dark:bg-neutral-900 text-foreground dark:text-gray-300 border-gray-300 dark:border-gray-700 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
               De.value ? "border-destructive focus-visible:ring-destructive" : ""
             ]
-          }), null, 16, P2),
-          y.value ? (p(), C("div", O2, [
+          }), null, 16, A2),
+          y.value ? (p(), C("div", $2, [
             x("button", {
               type: "button",
               class: "text-muted-foreground hover:text-foreground text-sm leading-none",
@@ -21079,11 +21076,11 @@ const yk = { class: "space-y-3" }, vk = {
               onClick: J
             }, " ✕ ")
           ])) : H("", !0),
-          ke.value && !De.value ? (p(), C("p", T2, W(Ce.value), 1)) : H("", !0)
+          ke.value && !De.value ? (p(), C("p", P2, W(Ce.value), 1)) : H("", !0)
         ]),
-        De.value ? (p(), C("p", B2, W(a.error), 1)) : H("", !0)
+        De.value ? (p(), C("p", O2, W(a.error), 1)) : H("", !0)
       ], 64))
-    ], 10, S2)), [
+    ], 10, C2)), [
       [Wn, i.value]
     ]);
   }
@@ -21097,7 +21094,7 @@ const yk = { class: "space-y-3" }, vk = {
   setup(t) {
     const e = t;
     return (n, s) => (p(), X(b(Ff), {
-      class: ce(b(_e)(b(E2)({ size: t.size, shape: t.shape }), e.class))
+      class: ce(b(_e)(b(T2)({ size: t.size, shape: t.shape }), e.class))
     }, {
       default: O(() => [
         he(n.$slots, "default")
@@ -21139,7 +21136,7 @@ const yk = { class: "space-y-3" }, vk = {
       _: 3
     }, 16));
   }
-}), E2 = Us(
+}), T2 = Us(
   "inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden",
   {
     variants: {
@@ -21154,19 +21151,19 @@ const yk = { class: "space-y-3" }, vk = {
       }
     }
   }
-), R2 = { class: "relative" }, z2 = { class: "space-y-6" }, I2 = { class: "flex items-center justify-between gap-3" }, F2 = { class: "font-medium" }, L2 = { class: "text-xs text-muted-foreground" }, V2 = { class: "mt-1 text-sm text-muted-foreground" }, j2 = { class: "text-foreground" }, W2 = { class: "text-foreground" }, N2 = { class: "mt-1 text-xs text-muted-foreground" }, H2 = {
+), B2 = { class: "relative" }, E2 = { class: "space-y-6" }, R2 = { class: "flex items-center justify-between gap-3" }, z2 = { class: "font-medium" }, I2 = { class: "text-xs text-muted-foreground" }, F2 = { class: "mt-1 text-sm text-muted-foreground" }, L2 = { class: "text-foreground" }, V2 = { class: "text-foreground" }, j2 = { class: "mt-1 text-xs text-muted-foreground" }, W2 = {
   key: 0,
   class: "mt-3 flex items-center gap-2 text-sm"
-}, U2 = { class: "flex items-center justify-between gap-3" }, q2 = { class: "font-medium" }, Y2 = { class: "text-xs text-muted-foreground" }, G2 = { class: "mt-2 text-sm text-muted-foreground" }, K2 = { class: "flex flex-wrap items-center justify-between gap-3" }, X2 = { class: "flex items-center gap-3" }, J2 = { class: "leading-tight" }, Q2 = { class: "text-sm font-medium" }, Z2 = { class: "text-xs text-muted-foreground" }, eC = { class: "flex items-center gap-2" }, tC = {
+}, N2 = { class: "flex items-center justify-between gap-3" }, H2 = { class: "font-medium" }, U2 = { class: "text-xs text-muted-foreground" }, q2 = { class: "mt-2 text-sm text-muted-foreground" }, Y2 = { class: "flex flex-wrap items-center justify-between gap-3" }, G2 = { class: "flex items-center gap-3" }, K2 = { class: "leading-tight" }, X2 = { class: "text-sm font-medium" }, J2 = { class: "text-xs text-muted-foreground" }, Q2 = { class: "flex items-center gap-2" }, Z2 = {
   key: 2,
   class: "flex flex-col gap-3 sm:flex-row sm:items-start"
-}, nC = { class: "h-16 w-16 shrink-0 rounded-lg bg-muted flex items-center justify-center" }, sC = ["src"], aC = { class: "flex-1" }, oC = { class: "flex items-center justify-between gap-3" }, iC = { class: "font-medium" }, rC = { class: "text-xs text-muted-foreground" }, lC = { class: "mt-1 text-sm text-muted-foreground" }, cC = { class: "text-left sm:text-center" }, uC = { class: "text-xs text-muted-foreground" }, dC = { class: "text-left sm:text-center" }, fC = { class: "text-xs text-muted-foreground" }, hC = { class: "text-left sm:text-center" }, pC = { class: "text-xs text-muted-foreground" }, mC = { class: "flex items-center justify-between gap-3" }, gC = { class: "font-medium" }, bC = { class: "text-xs text-muted-foreground" }, yC = { class: "mt-2 text-sm text-muted-foreground" }, vC = { class: "mt-3 flex items-center gap-3" }, xC = { class: "text-sm font-medium" }, wC = { class: "flex items-start justify-between gap-3" }, kC = { class: "font-medium" }, _C = { class: "mt-3 grid gap-2 text-sm" }, CC = { class: "flex items-center justify-between gap-3" }, MC = { class: "flex items-center gap-2 text-muted-foreground" }, SC = { class: "font-medium" }, DC = { class: "flex items-center justify-between gap-3" }, AC = { class: "flex items-center gap-2 text-muted-foreground" }, $C = { class: "font-medium" }, PC = { class: "flex items-center justify-between gap-3" }, OC = { class: "flex items-center gap-2 text-muted-foreground" }, TC = { class: "font-medium" }, BC = { class: "flex items-center justify-between" }, EC = { class: "flex items-center gap-2" }, RC = { class: "flex items-start justify-between gap-3" }, zC = { class: "flex items-center gap-2" }, IC = { class: "font-medium" }, FC = { class: "mt-2 text-sm text-muted-foreground" }, LC = {
+}, eC = { class: "h-16 w-16 shrink-0 rounded-lg bg-muted flex items-center justify-center" }, tC = ["src"], nC = { class: "flex-1" }, sC = { class: "flex items-center justify-between gap-3" }, aC = { class: "font-medium" }, oC = { class: "text-xs text-muted-foreground" }, iC = { class: "mt-1 text-sm text-muted-foreground" }, rC = { class: "text-left sm:text-center" }, lC = { class: "text-xs text-muted-foreground" }, cC = { class: "text-left sm:text-center" }, uC = { class: "text-xs text-muted-foreground" }, dC = { class: "text-left sm:text-center" }, fC = { class: "text-xs text-muted-foreground" }, hC = { class: "flex items-center justify-between gap-3" }, pC = { class: "font-medium" }, mC = { class: "text-xs text-muted-foreground" }, gC = { class: "mt-2 text-sm text-muted-foreground" }, bC = { class: "mt-3 flex items-center gap-3" }, yC = { class: "text-sm font-medium" }, vC = { class: "flex items-start justify-between gap-3" }, xC = { class: "font-medium" }, wC = { class: "mt-3 grid gap-2 text-sm" }, kC = { class: "flex items-center justify-between gap-3" }, _C = { class: "flex items-center gap-2 text-muted-foreground" }, CC = { class: "font-medium" }, MC = { class: "flex items-center justify-between gap-3" }, SC = { class: "flex items-center gap-2 text-muted-foreground" }, DC = { class: "font-medium" }, AC = { class: "flex items-center justify-between gap-3" }, $C = { class: "flex items-center gap-2 text-muted-foreground" }, PC = { class: "font-medium" }, OC = { class: "flex items-center justify-between" }, TC = { class: "flex items-center gap-2" }, BC = { class: "flex items-start justify-between gap-3" }, EC = { class: "flex items-center gap-2" }, RC = { class: "font-medium" }, zC = { class: "mt-2 text-sm text-muted-foreground" }, IC = {
   key: 0,
   class: "mt-1 text-sm text-muted-foreground"
-}, VC = { class: "flex flex-wrap items-center justify-between gap-3" }, jC = { class: "flex items-center gap-2" }, WC = { class: "text-xs text-muted-foreground" }, NC = {
+}, FC = { class: "flex flex-wrap items-center justify-between gap-3" }, LC = { class: "flex items-center gap-2" }, VC = { class: "text-xs text-muted-foreground" }, jC = {
   name: "DCodeTimelineWithIcons"
-}, HC = /* @__PURE__ */ le({
-  ...NC,
+}, WC = /* @__PURE__ */ le({
+  ...jC,
   setup(t) {
     const n = ch(uh).smaller("md");
     ee(!1);
@@ -21255,9 +21252,9 @@ const yk = { class: "space-y-3" }, vk = {
         }),
         F(b(us), { class: "px-0" }, {
           default: O(() => [
-            x("div", R2, [
+            x("div", B2, [
               r[7] || (r[7] = x("div", { class: "absolute left-4 top-0 h-full w-px bg-border" }, null, -1)),
-              x("div", z2, [
+              x("div", E2, [
                 (p(!0), C(xe, null, Ne(s.value, (l, c) => (p(), C("div", {
                   key: c,
                   class: "relative pl-14"
@@ -21272,29 +21269,29 @@ const yk = { class: "space-y-3" }, vk = {
                       F(b(us), { class: "p-4" }, {
                         default: O(() => [
                           l.type === "flight" ? (p(), C(xe, { key: 0 }, [
-                            x("div", I2, [
-                              x("p", F2, W(l.title), 1),
-                              x("p", L2, W(l.meta), 1)
+                            x("div", R2, [
+                              x("p", z2, W(l.title), 1),
+                              x("p", I2, W(l.meta), 1)
                             ]),
-                            x("p", V2, [
-                              x("span", j2, W(l.from), 1),
+                            x("p", F2, [
+                              x("span", L2, W(l.from), 1),
                               F(b(Ud), { class: "mx-2 inline h-4 w-4" }),
-                              x("span", W2, W(l.to), 1)
+                              x("span", V2, W(l.to), 1)
                             ]),
-                            x("p", N2, W(l.time), 1),
-                            l.fileName ? (p(), C("div", H2, [
+                            x("p", j2, W(l.time), 1),
+                            l.fileName ? (p(), C("div", W2, [
                               F(b(fc), { class: "h-4 w-4 text-muted-foreground" }),
                               x("span", null, W(l.fileName), 1)
                             ])) : H("", !0)
                           ], 64)) : l.type === "interview" ? (p(), C(xe, { key: 1 }, [
-                            x("div", U2, [
-                              x("p", q2, W(l.title), 1),
-                              x("p", Y2, W(l.meta), 1)
+                            x("div", N2, [
+                              x("p", H2, W(l.title), 1),
+                              x("p", U2, W(l.meta), 1)
                             ]),
-                            x("p", G2, W(l.desc), 1),
+                            x("p", q2, W(l.desc), 1),
                             F(b($s), { class: "my-4" }),
-                            x("div", K2, [
-                              x("div", X2, [
+                            x("div", Y2, [
+                              x("div", G2, [
                                 F(b(nc), { class: "h-10 w-10" }, {
                                   default: O(() => [
                                     l.avatarUrl ? (p(), X(b(ac), {
@@ -21310,12 +21307,12 @@ const yk = { class: "space-y-3" }, vk = {
                                   ]),
                                   _: 2
                                 }, 1024),
-                                x("div", J2, [
-                                  x("p", Q2, W(l.personName), 1),
-                                  x("p", Z2, W(l.personRole), 1)
+                                x("div", K2, [
+                                  x("p", X2, W(l.personName), 1),
+                                  x("p", J2, W(l.personRole), 1)
                                 ])
                               ]),
-                              x("div", eC, [
+                              x("div", Q2, [
                                 F(b(Ie), {
                                   size: "icon",
                                   variant: "ghost"
@@ -21336,48 +21333,48 @@ const yk = { class: "space-y-3" }, vk = {
                                 })
                               ])
                             ])
-                          ], 64)) : l.type === "product" ? (p(), C("div", tC, [
-                            x("div", nC, [
+                          ], 64)) : l.type === "product" ? (p(), C("div", Z2, [
+                            x("div", eC, [
                               l.imgUrl ? (p(), C("img", {
                                 key: 0,
                                 src: l.imgUrl,
                                 class: "h-full w-full rounded-lg object-cover",
                                 alt: "product"
-                              }, null, 8, sC)) : (p(), X(b(Xi), {
+                              }, null, 8, tC)) : (p(), X(b(Xi), {
                                 key: 1,
                                 class: "h-5 w-5 text-muted-foreground"
                               }))
                             ]),
-                            x("div", aC, [
-                              x("div", oC, [
-                                x("p", iC, W(l.title), 1),
-                                x("p", rC, W(l.meta), 1)
+                            x("div", nC, [
+                              x("div", sC, [
+                                x("p", aC, W(l.title), 1),
+                                x("p", oC, W(l.meta), 1)
                               ]),
-                              x("p", lC, W(l.desc), 1),
+                              x("p", iC, W(l.desc), 1),
                               x("div", {
                                 class: ce(["mt-4 grid gap-3", b(n) ? "grid-cols-1" : "grid-cols-3"])
                               }, [
-                                x("div", cC, [
+                                x("div", rC, [
                                   r[1] || (r[1] = x("p", { class: "text-sm font-medium" }, "Customer", -1)),
-                                  x("p", uC, W(l.customer), 1)
+                                  x("p", lC, W(l.customer), 1)
                                 ]),
-                                x("div", dC, [
+                                x("div", cC, [
                                   r[2] || (r[2] = x("p", { class: "text-sm font-medium" }, "Price", -1)),
-                                  x("p", fC, W(l.price), 1)
+                                  x("p", uC, W(l.price), 1)
                                 ]),
-                                x("div", hC, [
+                                x("div", dC, [
                                   r[3] || (r[3] = x("p", { class: "text-sm font-medium" }, "Quantity", -1)),
-                                  x("p", pC, W(l.qty), 1)
+                                  x("p", fC, W(l.qty), 1)
                                 ])
                               ], 2)
                             ])
                           ])) : l.type === "design" ? (p(), C(xe, { key: 3 }, [
-                            x("div", mC, [
-                              x("p", gC, W(l.title), 1),
-                              x("p", bC, W(l.meta), 1)
+                            x("div", hC, [
+                              x("p", pC, W(l.title), 1),
+                              x("p", mC, W(l.meta), 1)
                             ]),
-                            x("p", yC, W(l.desc), 1),
-                            x("div", vC, [
+                            x("p", gC, W(l.desc), 1),
+                            x("div", bC, [
                               F(b(nc), { class: "h-10 w-10" }, {
                                 default: O(() => [
                                   l.avatarUrl ? (p(), X(b(ac), {
@@ -21393,11 +21390,11 @@ const yk = { class: "space-y-3" }, vk = {
                                 ]),
                                 _: 2
                               }, 1024),
-                              x("p", xC, W(l.personName), 1)
+                              x("p", yC, W(l.personName), 1)
                             ])
                           ], 64)) : l.type === "server" ? (p(), C(xe, { key: 4 }, [
-                            x("div", wC, [
-                              x("p", kC, W(l.title), 1),
+                            x("div", vC, [
+                              x("p", xC, W(l.title), 1),
                               F(b(wn), {
                                 variant: "destructive",
                                 class: "h-6"
@@ -21408,32 +21405,32 @@ const yk = { class: "space-y-3" }, vk = {
                                 _: 2
                               }, 1024)
                             ]),
-                            x("div", _C, [
-                              x("div", CC, [
-                                x("div", MC, [
+                            x("div", wC, [
+                              x("div", kC, [
+                                x("div", _C, [
                                   F(b(Yd), { class: "h-4 w-4" }),
                                   r[4] || (r[4] = x("span", null, "IP Address", -1))
                                 ]),
-                                x("span", SC, W(l.ip), 1)
+                                x("span", CC, W(l.ip), 1)
                               ]),
-                              x("div", DC, [
-                                x("div", AC, [
+                              x("div", MC, [
+                                x("div", SC, [
                                   F(b(Gd), { class: "h-4 w-4" }),
                                   r[5] || (r[5] = x("span", null, "CPU", -1))
                                 ]),
-                                x("span", $C, W(l.cpu), 1)
+                                x("span", DC, W(l.cpu), 1)
                               ]),
-                              x("div", PC, [
-                                x("div", OC, [
+                              x("div", AC, [
+                                x("div", $C, [
                                   F(b(Kd), { class: "h-4 w-4" }),
                                   r[6] || (r[6] = x("span", null, "Memory", -1))
                                 ]),
-                                x("span", TC, W(l.memory), 1)
+                                x("span", PC, W(l.memory), 1)
                               ])
                             ]),
                             F(b($s), { class: "my-4" }),
-                            x("div", BC, [
-                              x("div", EC, [
+                            x("div", OC, [
+                              x("div", TC, [
                                 F(b(Ie), {
                                   size: "icon",
                                   variant: "ghost"
@@ -21455,10 +21452,10 @@ const yk = { class: "space-y-3" }, vk = {
                               ])
                             ])
                           ], 64)) : l.type === "location" ? (p(), C(xe, { key: 5 }, [
-                            x("div", RC, [
-                              x("div", zC, [
+                            x("div", BC, [
+                              x("div", EC, [
                                 F(b(Ji), { class: "h-4 w-4 text-muted-foreground" }),
-                                x("p", IC, W(l.title), 1)
+                                x("p", RC, W(l.title), 1)
                               ]),
                               F(b(wn), {
                                 variant: "destructive",
@@ -21470,11 +21467,11 @@ const yk = { class: "space-y-3" }, vk = {
                                 _: 2
                               }, 1024)
                             ]),
-                            x("p", FC, W(l.desc1), 1),
-                            l.desc2 ? (p(), C("p", LC, W(l.desc2), 1)) : H("", !0),
+                            x("p", zC, W(l.desc1), 1),
+                            l.desc2 ? (p(), C("p", IC, W(l.desc2), 1)) : H("", !0),
                             F(b($s), { class: "my-4" }),
-                            x("div", VC, [
-                              x("div", jC, [
+                            x("div", FC, [
+                              x("div", LC, [
                                 F(b(Ie), {
                                   size: "icon",
                                   variant: "ghost"
@@ -21503,7 +21500,7 @@ const yk = { class: "space-y-3" }, vk = {
                                   _: 1
                                 })
                               ]),
-                              x("p", WC, "Due date: " + W(l.due), 1)
+                              x("p", VC, "Due date: " + W(l.due), 1)
                             ])
                           ], 64)) : H("", !0)
                         ]),
@@ -21522,13 +21519,13 @@ const yk = { class: "space-y-3" }, vk = {
       _: 1
     }));
   }
-}), UC = { class: "dcode-upload-file" }, qC = { class: "border-2 border-dashed border-gray-300 dark:border-gray-700 rounded-lg p-6 flex flex-col items-center justify-center text-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors cursor-pointer" }, YC = {
+}), NC = { class: "dcode-upload-file" }, HC = { class: "border-2 border-dashed border-gray-300 dark:border-gray-700 rounded-lg p-6 flex flex-col items-center justify-center text-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors cursor-pointer" }, UC = {
   key: 0,
   class: "text-xs text-gray-500 mt-1"
-}, GC = ["accept"], KC = {
+}, qC = ["accept"], YC = {
   key: 1,
   class: "text-xs text-red-600 mt-1"
-}, XC = /* @__PURE__ */ le({
+}, GC = /* @__PURE__ */ le({
   __name: "DCodeUploadFile",
   props: {
     label: {},
@@ -21543,41 +21540,41 @@ const yk = { class: "space-y-3" }, vk = {
       const o = (i = a.target.files) == null ? void 0 : i[0];
       o && n("update:modelValue", o);
     };
-    return (a, o) => (p(), C("div", UC, [
+    return (a, o) => (p(), C("div", NC, [
       t.label ? (p(), X(Cd, {
         key: 0,
         label: t.label
       }, null, 8, ["label"])) : H("", !0),
-      x("div", qC, [
+      x("div", HC, [
         F(b(sf), { class: "w-8 h-8 text-gray-400 mb-2" }),
         o[0] || (o[0] = x("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
           x("span", { class: "font-medium text-primary-600" }, "Click to upload"),
           ge(" or drag and drop ")
         ], -1)),
-        t.accept ? (p(), C("p", YC, W(t.accept), 1)) : H("", !0),
+        t.accept ? (p(), C("p", UC, W(t.accept), 1)) : H("", !0),
         x("input", {
           type: "file",
           class: "hidden",
           onChange: s,
           accept: t.accept
-        }, null, 40, GC)
+        }, null, 40, qC)
       ]),
-      t.errorMessage ? (p(), C("p", KC, W(t.errorMessage), 1)) : H("", !0)
+      t.errorMessage ? (p(), C("p", YC, W(t.errorMessage), 1)) : H("", !0)
     ]));
   }
-}), JC = ["onClick"], QC = {
+}), KC = ["onClick"], XC = {
   key: 1,
   class: "mr-2 text-xs font-bold shrink-0 opacity-50"
-}, ZC = { class: "font-semibold text-sm whitespace-normal text-center leading-tight" }, eM = { key: 1 }, tM = {
+}, JC = { class: "font-semibold text-sm whitespace-normal text-center leading-tight" }, QC = { key: 1 }, ZC = {
   key: 0,
   class: "text-primary-700"
-}, nM = { key: 1 }, sM = { key: 2 }, aM = {
+}, eM = { key: 1 }, tM = { key: 2 }, nM = {
   key: 1,
   class: "mr-2 text-sm font-bold opacity-70"
-}, oM = { class: "whitespace-normal text-sm text-center leading-tight" }, iM = { class: "flex flex-col flex-1 min-w-0" }, rM = { class: "text-sm text-muted-foreground" }, lM = { class: "px-1" }, cM = {
+}, sM = { class: "whitespace-normal text-sm text-center leading-tight" }, aM = { class: "flex flex-col flex-1 min-w-0" }, oM = { class: "text-sm text-muted-foreground" }, iM = { class: "px-1" }, rM = {
   name: "DCodeWizard"
-}, uM = /* @__PURE__ */ le({
-  ...cM,
+}, lM = /* @__PURE__ */ le({
+  ...rM,
   props: {
     tabs: {},
     modelValue: {},
@@ -21752,9 +21749,9 @@ const yk = { class: "space-y-3" }, vk = {
                     t.typeWizard === "icon" && w.icon ? (p(), X(ot(w.icon), {
                       key: 0,
                       class: "w-4 h-4"
-                    })) : t.typeWizard === "number" || !w.icon && t.typeWizard !== "none" ? (p(), C("span", eM, [
-                      _ < r.value ? (p(), C("span", tM, "✓")) : (p(), C("span", nM, W(_ + 1), 1))
-                    ])) : (p(), C("span", sM))
+                    })) : t.typeWizard === "number" || !w.icon && t.typeWizard !== "none" ? (p(), C("span", QC, [
+                      _ < r.value ? (p(), C("span", ZC, "✓")) : (p(), C("span", eM, W(_ + 1), 1))
+                    ])) : (p(), C("span", tM))
                   ], 2),
                   x("span", {
                     class: ce(["text-xs font-semibold whitespace-normal px-2 py-1 rounded transition-colors text-left", _ === r.value ? "text-primary" : "text-slate-500"])
@@ -21774,8 +21771,8 @@ const yk = { class: "space-y-3" }, vk = {
                     t.typeWizard === "icon" && w.icon ? (p(), X(ot(w.icon), {
                       key: 0,
                       class: "w-4 h-4 mr-2 shrink-0"
-                    })) : t.typeWizard === "number" ? (p(), C("span", QC, W(_ + 1), 1)) : H("", !0),
-                    x("span", ZC, W(w.title), 1)
+                    })) : t.typeWizard === "number" ? (p(), C("span", XC, W(_ + 1), 1)) : H("", !0),
+                    x("span", JC, W(w.title), 1)
                   ], 2),
                   _ < t.tabs.length - 1 ? (p(), C("div", {
                     key: 0,
@@ -21783,7 +21780,7 @@ const yk = { class: "space-y-3" }, vk = {
                       _ === r.value ? "border-l-primary" : _ < r.value ? "border-l-primary/20 group-hover:border-l-primary/30" : "border-l-slate-100 dark:border-l-zinc-800 group-hover:border-l-slate-200 dark:group-hover:border-l-zinc-700"
                     ]])
                   }, null, 2)) : H("", !0)
-                ], 12, JC))), 128))
+                ], 12, KC))), 128))
               ], 2)) : (p(), C("div", {
                 key: 1,
                 class: ce(["flex w-full", t.isVertical ? "flex-col gap-1" : "flex-wrap border-b border-separate"])
@@ -21806,8 +21803,8 @@ const yk = { class: "space-y-3" }, vk = {
                     t.typeWizard === "icon" && w.icon ? (p(), X(ot(w.icon), {
                       key: 0,
                       class: "h-4 w-4 shrink-0"
-                    })) : t.typeWizard === "number" ? (p(), C("span", aM, W(_ + 1), 1)) : H("", !0),
-                    x("span", oM, W(w.title), 1)
+                    })) : t.typeWizard === "number" ? (p(), C("span", nM, W(_ + 1), 1)) : H("", !0),
+                    x("span", sM, W(w.title), 1)
                   ]),
                   _: 2
                 }, 1032, ["disabled", "onClick", "class"]))), 128))
@@ -21817,7 +21814,7 @@ const yk = { class: "space-y-3" }, vk = {
           _: 1
         }, 8, ["class"]),
         t.isVertical ? H("", !0) : (p(), X(b($s), { key: 0 })),
-        x("div", iM, [
+        x("div", aM, [
           F(b(us), {
             class: ce(["pt-6 flex-1 min-w-0", { "pl-6": t.isVertical }])
           }, {
@@ -21839,9 +21836,9 @@ const yk = { class: "space-y-3" }, vk = {
                     loaded: (P = d[c.value.key]) == null ? void 0 : P.loaded,
                     reload: T
                   }, () => [
-                    x("div", rM, [
+                    x("div", oM, [
                       D[1] || (D[1] = ge(" Slot ", -1)),
-                      x("code", lM, "tab-" + W(c.value.key), 1),
+                      x("code", iM, "tab-" + W(c.value.key), 1),
                       D[2] || (D[2] = ge(" belum dibuat. ", -1))
                     ])
                   ])
@@ -21898,10 +21895,10 @@ const yk = { class: "space-y-3" }, vk = {
     }, 8, ["class"]));
   }
 }), Ps = /* @__PURE__ */ new Map();
-function aD(t, e) {
+function nD(t, e) {
   Ps.set(t, e);
 }
-function dM(t) {
+function cM(t) {
   if (Ps.has(t))
     return Ps.get(t);
   if (typeof window < "u" && window.__MICRO_LOGIC_REGISTRY__) {
@@ -21911,11 +21908,11 @@ function dM(t) {
   }
   return null;
 }
-function oD(t) {
+function sD(t) {
   Ps.delete(t);
 }
 function Ad(t) {
-  const e = ee(dM(t));
+  const e = ee(cM(t));
   return { logicModule: e, onReady: (a) => {
     var o;
     if ((o = e.value) != null && o.onReady)
@@ -21935,7 +21932,7 @@ function Ad(t) {
     return !1;
   } };
 }
-function fM() {
+function uM() {
   return { setPageTitle: (n) => {
     typeof document < "u" && (document.title = n || document.title), typeof window < "u" && window.dispatchEvent(
       new CustomEvent("micro:page-title", {
@@ -21954,16 +21951,16 @@ function fM() {
     );
   } };
 }
-const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]" }, mM = {
+const dM = { class: "w-full" }, fM = { class: "relative mx-auto min-h-[37.5rem]" }, hM = {
   key: "content",
   class: "w-full"
-}, gM = { class: "mb-6" }, bM = { class: "text-neutral-500 dark:text-neutral-400" }, yM = {
+}, pM = { class: "mb-6" }, mM = { class: "text-neutral-500 dark:text-neutral-400" }, gM = {
   key: "skeleton",
   class: "w-full"
-}, vM = {
+}, bM = {
   key: "error",
   class: "flex items-center justify-center p-20 text-red-500 w-full"
-}, xM = /* @__PURE__ */ le({
+}, yM = /* @__PURE__ */ le({
   __name: "AutoLayoutForm",
   props: {
     layoutCode: {}
@@ -22002,7 +21999,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
     } catch {
       r = ee("en");
     }
-    const { setPageTitle: l } = fM(), c = M(() => s.params && "id" in s.params ? !0 : s.path ? /\/edit\/[^\/]+$/.test(s.path) : !1), u = M(() => {
+    const { setPageTitle: l } = uM(), c = M(() => s.params && "id" in s.params ? !0 : s.path ? /\/edit\/[^\/]+$/.test(s.path) : !1), u = M(() => {
       if (s.params && "id" in s.params) return s.params.id;
       if (!s.path) return null;
       const _ = s.path.match(/\/edit\/([^\/]+)$/);
@@ -22150,16 +22147,16 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       l("");
     }), (_, P) => {
       const I = Gi("DynamicForm"), V = Gi("AutoLayoutSkeleton");
-      return p(), C("div", hM, [
-        x("div", pM, [
+      return p(), C("div", dM, [
+        x("div", fM, [
           F($a, {
             name: "fade",
             mode: "out-in"
           }, {
             default: O(() => [
-              !h.value && f.value ? (p(), C("div", mM, [
-                x("div", gM, [
-                  x("p", bM, W(f.value.description), 1)
+              !h.value && f.value ? (p(), C("div", hM, [
+                x("div", pM, [
+                  x("p", mM, W(f.value.description), 1)
                 ]),
                 F(I, {
                   schema: f.value,
@@ -22171,9 +22168,9 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                   onAction: $,
                   class: "w-full"
                 }, null, 8, ["schema", "model", "is-edit-mode", "loading"])
-              ])) : h.value ? (p(), C("div", yM, [
+              ])) : h.value ? (p(), C("div", gM, [
                 F(V)
-              ])) : (p(), C("div", vM, " Failed to load form configuration for " + W(e.layoutCode), 1))
+              ])) : (p(), C("div", bM, " Failed to load form configuration for " + W(e.layoutCode), 1))
             ]),
             _: 1
           })
@@ -22181,7 +22178,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       ]);
     };
   }
-}), wM = /* @__PURE__ */ qs(xM, [["__scopeId", "data-v-e7db8668"]]), kM = (t, e = "short", n = "id-ID") => {
+}), vM = /* @__PURE__ */ qs(yM, [["__scopeId", "data-v-e7db8668"]]), xM = (t, e = "short", n = "id-ID") => {
   const s = typeof t == "string" ? new Date(t) : t, a = (l) => String(l).padStart(2, "0"), o = (l) => `${a(l.getHours())}:${a(l.getMinutes())}:${a(l.getSeconds())}`, r = {
     id: "id-ID",
     en: "en-GB"
@@ -22204,7 +22201,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
     month: "short",
     year: "numeric"
   }).format(s);
-}, _M = /* @__PURE__ */ le({
+}, wM = /* @__PURE__ */ le({
   __name: "Sheet",
   props: {
     open: { type: Boolean },
@@ -22221,7 +22218,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16));
   }
-}), CM = /* @__PURE__ */ le({
+}), kM = /* @__PURE__ */ le({
   inheritAttrs: !1,
   __name: "SheetContent",
   props: {
@@ -22239,7 +22236,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       default: O(() => [
         F(b(vc), { class: "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
         F(b(xc), $e({
-          class: b(_e)(b(PM)({ side: t.side }), n.class)
+          class: b(_e)(b(AM)({ side: t.side }), n.class)
         }, { ...b(o), ...i.$attrs }), {
           default: O(() => [
             he(i.$slots, "default"),
@@ -22256,7 +22253,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }));
   }
-}), MM = /* @__PURE__ */ le({
+}), _M = /* @__PURE__ */ le({
   __name: "SheetDescription",
   props: {
     asChild: { type: Boolean },
@@ -22274,7 +22271,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), SM = /* @__PURE__ */ le({
+}), CM = /* @__PURE__ */ le({
   __name: "SheetFooter",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -22292,7 +22289,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       he(n.$slots, "default")
     ], 2));
   }
-}), DM = /* @__PURE__ */ le({
+}), MM = /* @__PURE__ */ le({
   __name: "SheetHeader",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -22307,7 +22304,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       he(n.$slots, "default")
     ], 2));
   }
-}), AM = /* @__PURE__ */ le({
+}), SM = /* @__PURE__ */ le({
   __name: "SheetTitle",
   props: {
     asChild: { type: Boolean },
@@ -22325,7 +22322,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), $M = /* @__PURE__ */ le({
+}), DM = /* @__PURE__ */ le({
   __name: "SheetTrigger",
   props: {
     asChild: { type: Boolean },
@@ -22340,7 +22337,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16));
   }
-}), PM = Us(
+}), AM = Us(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
@@ -22355,16 +22352,16 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       side: "right"
     }
   }
-), OM = { class: "flex-1 overflow-hidden" }, TM = /* @__PURE__ */ le({
+), $M = { class: "flex-1 overflow-hidden" }, PM = /* @__PURE__ */ le({
   __name: "DataFilterSheet",
   props: {
     title: { default: "Filter Data" },
     description: { default: "Masukan parameter pencarian untuk memfilter data." }
   },
   setup(t) {
-    return (e, n) => (p(), X(b(_M), null, {
+    return (e, n) => (p(), X(b(wM), null, {
       default: O(() => [
-        F(b($M), { "as-child": "" }, {
+        F(b(DM), { "as-child": "" }, {
           default: O(() => [
             he(e.$slots, "trigger", {}, () => [
               F(b(Ie), {
@@ -22381,17 +22378,17 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
           ]),
           _: 3
         }),
-        F(b(CM), { class: "flex flex-col h-full" }, {
+        F(b(kM), { class: "flex flex-col h-full" }, {
           default: O(() => [
-            F(b(DM), { class: "flex-shrink-0" }, {
+            F(b(MM), { class: "flex-shrink-0" }, {
               default: O(() => [
-                F(b(AM), null, {
+                F(b(SM), null, {
                   default: O(() => [
                     ge(W(t.title), 1)
                   ]),
                   _: 1
                 }),
-                F(b(MM), null, {
+                F(b(_M), null, {
                   default: O(() => [
                     ge(W(t.description), 1)
                   ]),
@@ -22400,10 +22397,10 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
               ]),
               _: 1
             }),
-            x("div", OM, [
+            x("div", $M, [
               he(e.$slots, "default")
             ]),
-            F(b(SM), { class: "flex-shrink-0" }, {
+            F(b(CM), { class: "flex-shrink-0" }, {
               default: O(() => [
                 he(e.$slots, "footer")
               ]),
@@ -22416,7 +22413,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }));
   }
-}), BM = { key: 0 }, EM = ["value", "name"], oc = /* @__PURE__ */ le({
+}), OM = { key: 0 }, TM = ["value", "name"], oc = /* @__PURE__ */ le({
   __name: "DynamicFilterField",
   props: {
     field: {},
@@ -22450,12 +22447,12 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
     }), c = (u) => {
       o.value = u, a("update:modelValue", u);
     };
-    return (u, d) => t.field.isHidden ? (p(), C("div", BM, [
+    return (u, d) => t.field.isHidden ? (p(), C("div", OM, [
       x("input", {
         type: "hidden",
         value: o.value,
         name: t.field.model
-      }, null, 8, EM)
+      }, null, 8, TM)
     ])) : (p(), X(ot(r.value), $e({ key: 1 }, l.value, {
       modelValue: o.value,
       "onUpdate:modelValue": [
@@ -22464,7 +22461,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       ]
     }), null, 16, ["modelValue"]));
   }
-}), RM = /* @__PURE__ */ le({
+}), BM = /* @__PURE__ */ le({
   __name: "Pagination",
   props: {
     page: {},
@@ -22490,7 +22487,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), zM = /* @__PURE__ */ le({
+}), EM = /* @__PURE__ */ le({
   __name: "PaginationContent",
   props: {
     asChild: { type: Boolean },
@@ -22508,7 +22505,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), IM = /* @__PURE__ */ le({
+}), RM = /* @__PURE__ */ le({
   __name: "PaginationEllipsis",
   props: {
     asChild: { type: Boolean },
@@ -22529,7 +22526,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), FM = /* @__PURE__ */ le({
+}), zM = /* @__PURE__ */ le({
   __name: "PaginationFirst",
   props: {
     asChild: { type: Boolean },
@@ -22552,7 +22549,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), LM = /* @__PURE__ */ le({
+}), IM = /* @__PURE__ */ le({
   __name: "PaginationItem",
   props: {
     value: {},
@@ -22580,7 +22577,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), VM = /* @__PURE__ */ le({
+}), FM = /* @__PURE__ */ le({
   __name: "PaginationLast",
   props: {
     asChild: { type: Boolean },
@@ -22603,7 +22600,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), jM = /* @__PURE__ */ le({
+}), LM = /* @__PURE__ */ le({
   __name: "PaginationNext",
   props: {
     asChild: { type: Boolean },
@@ -22626,7 +22623,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), WM = /* @__PURE__ */ le({
+}), VM = /* @__PURE__ */ le({
   __name: "PaginationPrevious",
   props: {
     asChild: { type: Boolean },
@@ -22649,7 +22646,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), NM = /* @__PURE__ */ le({
+}), jM = /* @__PURE__ */ le({
   __name: "Select",
   props: {
     open: { type: Boolean },
@@ -22674,7 +22671,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16));
   }
-}), HM = /* @__PURE__ */ le({
+}), WM = /* @__PURE__ */ le({
   inheritAttrs: !1,
   __name: "SelectContent",
   props: {
@@ -22717,7 +22714,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
           )
         }), {
           default: O(() => [
-            F(b(GM)),
+            F(b(qM)),
             F(b(Zf), {
               class: ce(b(_e)("p-1", t.position === "popper" && "h-[--reka-select-trigger-height] w-full min-w-[--reka-select-trigger-width]"))
             }, {
@@ -22726,7 +22723,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
               ]),
               _: 3
             }, 8, ["class"]),
-            F(b(YM))
+            F(b(UM))
           ]),
           _: 3
         }, 16, ["class"])
@@ -22734,7 +22731,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }));
   }
-}), UM = { class: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, qM = /* @__PURE__ */ le({
+}), NM = { class: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, HM = /* @__PURE__ */ le({
   __name: "SelectItem",
   props: {
     value: {},
@@ -22753,7 +22750,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       )
     }), {
       default: O(() => [
-        x("span", UM, [
+        x("span", NM, [
           F(b(th), null, {
             default: O(() => [
               F(b(Pa), { class: "h-4 w-4" })
@@ -22771,7 +22768,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), YM = /* @__PURE__ */ le({
+}), UM = /* @__PURE__ */ le({
   __name: "SelectScrollDownButton",
   props: {
     asChild: { type: Boolean },
@@ -22791,7 +22788,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), GM = /* @__PURE__ */ le({
+}), qM = /* @__PURE__ */ le({
   __name: "SelectScrollUpButton",
   props: {
     asChild: { type: Boolean },
@@ -22811,7 +22808,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), KM = /* @__PURE__ */ le({
+}), YM = /* @__PURE__ */ le({
   __name: "SelectTrigger",
   props: {
     disabled: { type: Boolean },
@@ -22840,7 +22837,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16, ["class"]));
   }
-}), XM = /* @__PURE__ */ le({
+}), GM = /* @__PURE__ */ le({
   __name: "SelectValue",
   props: {
     placeholder: {},
@@ -22856,46 +22853,46 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       _: 3
     }, 16));
   }
-}), JM = { class: "dcode-card animate-slide-up" }, QM = { class: "px-4 py-2 bg-primary-700 dark:bg-primary-900 border-b border-primary-500/30 dark:border-primary-900/50 rounded-t-xl relative z-30" }, ZM = { class: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4" }, eS = {
+}), KM = { class: "dcode-card animate-slide-up" }, XM = { class: "px-4 py-2 bg-primary-700 dark:bg-primary-900 border-b border-primary-500/30 dark:border-primary-900/50 rounded-t-xl relative z-30" }, JM = { class: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4" }, QM = {
   key: 0,
   class: "flex flex-col sm:flex-row items-start sm:items-center gap-2 flex-1 max-w-2xl"
-}, tS = { class: "relative w-full sm:w-64" }, nS = {
+}, ZM = { class: "relative w-full sm:w-64" }, eS = {
   key: 0,
   class: "relative"
-}, sS = { class: "flex flex-col h-full" }, aS = {
+}, tS = { class: "flex flex-col h-full" }, nS = {
   key: 0,
   class: "flex-1 overflow-y-auto py-4"
-}, oS = { class: "grid grid-cols-1 md:grid-cols-2 gap-4 px-1" }, iS = {
+}, sS = { class: "grid grid-cols-1 md:grid-cols-2 gap-4 px-1" }, aS = {
   key: 0,
   class: "sticky bottom-0 left-0 right-0 bg-white dark:bg-zinc-900 border-t border-neutral-200 dark:border-neutral-700 p-4 flex gap-2"
-}, rS = { class: "flex justify-end gap-2 w-full" }, lS = {
+}, oS = { class: "flex justify-end gap-2 w-full" }, iS = {
   key: 0,
   class: "font-medium text-sm text-neutral-600 dark:text-neutral-400"
-}, cS = { class: "overflow-auto custom-scrollbar relative max-h-[calc(100vh-17rem)]" }, uS = { class: "dcode-table w-full" }, dS = { class: "bg-primary-700 dark:bg-primary-900 sticky top-0 z-20 shadow-sm" }, fS = ["onClick"], hS = {
+}, rS = { class: "overflow-auto custom-scrollbar relative max-h-[calc(100vh-17rem)]" }, lS = { class: "dcode-table w-full" }, cS = { class: "bg-primary-700 dark:bg-primary-900 sticky top-0 z-20 shadow-sm" }, uS = ["onClick"], dS = {
   key: 0,
   class: "flex items-center justify-center w-full"
-}, pS = {
+}, fS = {
   key: 0,
   class: "px-3 py-2 text-xs font-medium text-white dark:text-neutral-100 uppercase tracking-wider"
-}, mS = { class: "bg-white dark:bg-zinc-900 divide-y divide-neutral-200 dark:divide-neutral-700" }, gS = {
+}, hS = { class: "bg-white dark:bg-zinc-900 divide-y divide-neutral-200 dark:divide-neutral-700" }, pS = {
   key: 0,
   class: "px-3 py-0.5"
-}, bS = { key: 1 }, yS = ["colspan"], vS = { class: "flex flex-col items-center gap-4" }, xS = { class: "text-base font-medium text-neutral-700 dark:text-neutral-300" }, wS = { class: "text-sm text-neutral-500 dark:text-neutral-400 mt-1" }, kS = { class: "hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors duration-150" }, _S = {
+}, mS = { key: 1 }, gS = ["colspan"], bS = { class: "flex flex-col items-center gap-4" }, yS = { class: "text-base font-medium text-neutral-700 dark:text-neutral-300" }, vS = { class: "text-sm text-neutral-500 dark:text-neutral-400 mt-1" }, xS = { class: "hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors duration-150" }, wS = {
   key: 0,
   class: "flex items-center justify-center"
-}, CS = {
+}, kS = {
   key: 0,
   class: "px-3 py-0.5 !text-center"
-}, MS = {
+}, _S = {
   key: 0,
   class: "flex items-center justify-center gap-1.5"
-}, SS = {
+}, CS = {
   key: 0,
   class: "bg-zinc-50/50 dark:bg-zinc-800/30"
-}, DS = ["colspan"], AS = {
+}, MS = ["colspan"], SS = {
   key: 0,
   class: "px-4 py-3 bg-zinc-50/50 dark:bg-zinc-800/30 border-t border-neutral-200 dark:border-neutral-700 flex flex-col sm:flex-row items-center justify-between gap-4 w-full"
-}, $S = { class: "flex items-center gap-4" }, PS = { class: "text-xs text-neutral-500 dark:text-neutral-400 font-medium" }, OS = { class: "text-neutral-900 dark:text-neutral-100 font-medium" }, TS = { class: "text-neutral-900 dark:text-neutral-100 font-medium" }, BS = { class: "text-neutral-900 dark:text-neutral-100 font-medium" }, ES = { class: "flex-shrink-0" }, RS = { class: "space-y-4" }, zS = { class: "text-gray-600 dark:text-gray-400" }, IS = { class: "grid grid-cols-1 md:grid-cols-2 gap-4 py-4 px-1" }, FS = /* @__PURE__ */ le({
+}, DS = { class: "flex items-center gap-4" }, AS = { class: "text-xs text-neutral-500 dark:text-neutral-400 font-medium" }, $S = { class: "text-neutral-900 dark:text-neutral-100 font-medium" }, PS = { class: "text-neutral-900 dark:text-neutral-100 font-medium" }, OS = { class: "text-neutral-900 dark:text-neutral-100 font-medium" }, TS = { class: "flex-shrink-0" }, BS = { class: "space-y-4" }, ES = { class: "text-gray-600 dark:text-gray-400" }, RS = { class: "grid grid-cols-1 md:grid-cols-2 gap-4 py-4 px-1" }, zS = /* @__PURE__ */ le({
   __name: "DataTable",
   props: {
     columns: { default: () => [] },
@@ -23473,11 +23470,11 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       Ce(), ne.value && (s.tableConfig || (y.value = !0, it()));
     }), (S, L) => {
       var oe;
-      return p(), C("div", JM, [
-        x("div", QM, [
-          x("div", ZM, [
-            t.nested ? H("", !0) : (p(), C("div", eS, [
-              x("div", tS, [
+      return p(), C("div", KM, [
+        x("div", XM, [
+          x("div", JM, [
+            t.nested ? H("", !0) : (p(), C("div", QM, [
+              x("div", ZM, [
                 F(b(Eo), { class: "absolute left-2.5 top-2.5 h-4 w-4 text-neutral-500 dark:text-neutral-400" }),
                 F(b(qn), {
                   modelValue: c.value,
@@ -23487,8 +23484,8 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                   onKeyup: pn(me, ["enter"])
                 }, null, 8, ["modelValue"])
               ]),
-              k.value.length > 0 ? (p(), C("div", nS, [
-                F(TM, null, {
+              k.value.length > 0 ? (p(), C("div", eS, [
+                F(PM, null, {
                   trigger: O(() => [
                     F(en, {
                       variant: "secondary",
@@ -23498,7 +23495,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                     }, null, 8, ["icon"])
                   ]),
                   footer: O(() => [
-                    x("div", rS, [
+                    x("div", oS, [
                       he(S.$slots, "filter-footer", {
                         fetch: it,
                         reset: Ks
@@ -23506,10 +23503,10 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                     ])
                   ]),
                   default: O(() => [
-                    x("div", sS, [
+                    x("div", tS, [
                       he(S.$slots, "filter-form", { filters: g.value }, () => [
-                        k.value.length > 0 ? (p(), C("div", aS, [
-                          x("div", oS, [
+                        k.value.length > 0 ? (p(), C("div", nS, [
+                          x("div", sS, [
                             (p(!0), C(xe, null, Ne(fe.value, (B, K) => (p(), C("div", {
                               key: K,
                               class: ce(ke(B.column))
@@ -23523,7 +23520,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                           ])
                         ])) : H("", !0)
                       ]),
-                      k.value.length > 0 ? (p(), C("div", iS, [
+                      k.value.length > 0 ? (p(), C("div", aS, [
                         F(b(Ie), {
                           variant: "outline",
                           onClick: Ks,
@@ -23555,7 +23552,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
             x("div", {
               class: ce(["flex items-center gap-2 flex-wrap", { "w-full justify-between": t.nested }])
             }, [
-              t.nested ? (p(), C("span", lS)) : H("", !0),
+              t.nested ? (p(), C("span", iS)) : H("", !0),
               t.nested ? H("", !0) : (p(), X(en, {
                 key: 1,
                 variant: "secondary",
@@ -23588,9 +23585,9 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
             ], 2)
           ])
         ]),
-        x("div", cS, [
-          x("table", uS, [
-            x("thead", dS, [
+        x("div", rS, [
+          x("table", lS, [
+            x("thead", cS, [
               x("tr", null, [
                 (p(!0), C(xe, null, Ne(De.value, (B) => (p(), C("th", {
                   key: B.key,
@@ -23602,7 +23599,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                   style: Qe(B.width ? { width: B.width } : {}),
                   onClick: (K) => B.sortable && Fi(B.key)
                 }, [
-                  B.type === "CHECKBOX" ? (p(), C("div", hS, [
+                  B.type === "CHECKBOX" ? (p(), C("div", dS, [
                     F(Ha, {
                       "model-value": G.value,
                       indeterminate: se.value,
@@ -23616,13 +23613,13 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                   }, [
                     x("span", null, W(B.label), 1)
                   ], 2))
-                ], 14, fS))), 128)),
-                at.value ? (p(), C("th", pS, [...L[10] || (L[10] = [
+                ], 14, uS))), 128)),
+                at.value ? (p(), C("th", fS, [...L[10] || (L[10] = [
                   x("div", { class: "flex items-center justify-center w-full" }, " Actions ", -1)
                 ])])) : H("", !0)
               ])
             ]),
-            x("tbody", mS, [
+            x("tbody", hS, [
               Pe.value ? (p(!0), C(xe, { key: 0 }, Ne(d.value, (B) => (p(), C("tr", {
                 key: `skeleton-${B}`
               }, [
@@ -23648,27 +23645,27 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                     }, null, 6)
                   ], 2);
                 }), 128)),
-                t.hasActions ? (p(), C("td", gS, [...L[11] || (L[11] = [
+                t.hasActions ? (p(), C("td", pS, [...L[11] || (L[11] = [
                   x("div", { class: "flex items-center justify-center gap-1.5" }, [
                     x("div", { class: "w-9 h-9 bg-zinc-200 dark:bg-zinc-700 rounded-xl animate-pulse" }),
                     x("div", { class: "w-9 h-9 bg-zinc-200 dark:bg-zinc-700 rounded-xl animate-pulse delay-75" }),
                     x("div", { class: "w-9 h-9 bg-zinc-200 dark:bg-zinc-700 rounded-xl animate-pulse delay-150" })
                   ], -1)
                 ])])) : H("", !0)
-              ]))), 128)) : gt.value.length === 0 ? (p(), C("tr", bS, [
+              ]))), 128)) : gt.value.length === 0 ? (p(), C("tr", mS, [
                 x("td", {
                   colspan: De.value.length + (at.value ? 1 : 0),
                   class: "text-center py-16"
                 }, [
-                  x("div", vS, [
+                  x("div", bS, [
                     x("div", null, [
-                      x("p", xS, W(ae.value ? "No search results" : "No data"), 1),
-                      x("p", wS, W(ae.value ? "Try changing keywords" : "No data added"), 1)
+                      x("p", yS, W(ae.value ? "No search results" : "No data"), 1),
+                      x("p", vS, W(ae.value ? "Try changing keywords" : "No data added"), 1)
                     ])
                   ])
-                ], 8, yS)
+                ], 8, gS)
               ])) : (p(!0), C(xe, { key: 2 }, Ne(gt.value, (B, K) => (p(), C(xe, { key: K }, [
-                x("tr", kS, [
+                x("tr", xS, [
                   (p(!0), C(xe, null, Ne(De.value, (ie) => (p(), C("td", {
                     key: ie.key,
                     class: ce([
@@ -23680,7 +23677,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                       row: B,
                       value: ue(B, ie.key)
                     }, () => [
-                      ie.type === "CHECKBOX" ? (p(), C("div", _S, [
+                      ie.type === "CHECKBOX" ? (p(), C("div", wS, [
                         F(Ha, {
                           "model-value": N(B),
                           "onUpdate:modelValue": (Ae) => Q(B, !!Ae),
@@ -23708,20 +23705,20 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                       ], 2)) : ie.key === "no" ? (p(), C(xe, { key: 2 }, [
                         ge(W((u.value - 1) * d.value + K + 1), 1)
                       ], 64)) : ie.type === "date" || ie.type === "DATE" ? (p(), C(xe, { key: 3 }, [
-                        ge(W(ue(B, ie.key) ? b(kM)(ue(B, ie.key), "long") : "-"), 1)
+                        ge(W(ue(B, ie.key) ? b(xM)(ue(B, ie.key), "long") : "-"), 1)
                       ], 64)) : (p(), C(xe, { key: 4 }, [
                         ge(W(ie.format ? ie.format(ue(B, ie.key)) : ue(B, ie.key)), 1)
                       ], 64))
                     ])
                   ], 2))), 128)),
-                  at.value ? (p(), C("td", CS, [
+                  at.value ? (p(), C("td", kS, [
                     he(S.$slots, "actions", {
                       row: B,
                       buttons: kt(B),
                       getButtonColor: Nt,
                       getIconComponent: Yn
                     }, () => [
-                      kt(B).length > 0 ? (p(), C("div", MS, [
+                      kt(B).length > 0 ? (p(), C("div", _S, [
                         (p(!0), C(xe, null, Ne(kt(B), (ie, Ae) => (p(), C("div", {
                           key: Ae,
                           class: "group relative"
@@ -23739,7 +23736,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                     ])
                   ])) : H("", !0)
                 ]),
-                S.$slots["expanded-row"] ? (p(), C("tr", SS, [
+                S.$slots["expanded-row"] ? (p(), C("tr", CS, [
                   x("td", {
                     colspan: De.value.length + (at.value ? 1 : 0),
                     class: "px-0 py-0"
@@ -23748,30 +23745,30 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                       row: B,
                       index: K
                     })
-                  ], 8, DS)
+                  ], 8, MS)
                 ])) : H("", !0)
               ], 64))), 128))
             ])
           ])
         ]),
-        !Pe.value && gt.value.length > 0 && t.showPagination && T.value ? (p(), C("div", AS, [
-          x("div", $S, [
-            F(b(NM), {
+        !Pe.value && gt.value.length > 0 && t.showPagination && T.value ? (p(), C("div", SS, [
+          x("div", DS, [
+            F(b(jM), {
               "model-value": String(d.value),
               "onUpdate:modelValue": L[4] || (L[4] = (B) => Li(Number(B)))
             }, {
               default: O(() => [
-                F(b(KM), { class: "h-8 w-[70px] bg-white dark:bg-zinc-800 border-neutral-200 dark:border-neutral-700" }, {
+                F(b(YM), { class: "h-8 w-[70px] bg-white dark:bg-zinc-800 border-neutral-200 dark:border-neutral-700" }, {
                   default: O(() => [
-                    F(b(XM), {
+                    F(b(GM), {
                       placeholder: String(d.value)
                     }, null, 8, ["placeholder"])
                   ]),
                   _: 1
                 }),
-                F(b(HM), null, {
+                F(b(WM), null, {
                   default: O(() => [
-                    (p(), C(xe, null, Ne(de, (B) => F(b(qM), {
+                    (p(), C(xe, null, Ne(de, (B) => F(b(HM), {
                       key: B,
                       value: String(B)
                     }, {
@@ -23787,18 +23784,18 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
               _: 1
             }, 8, ["model-value"]),
             L[16] || (L[16] = x("div", { class: "h-5 w-px bg-zinc-300 dark:bg-zinc-600" }, null, -1)),
-            x("span", PS, [
+            x("span", AS, [
               L[12] || (L[12] = ge(" Showing ", -1)),
-              x("span", OS, W(hs.value), 1),
+              x("span", $S, W(hs.value), 1),
               L[13] || (L[13] = ge(" to ", -1)),
-              x("span", TS, W(q.value), 1),
+              x("span", PS, W(q.value), 1),
               L[14] || (L[14] = ge(" of ", -1)),
-              x("span", BS, W(Ut.value), 1),
+              x("span", OS, W(Ut.value), 1),
               L[15] || (L[15] = ge(" items ", -1))
             ])
           ]),
-          x("div", ES, [
-            F(b(RM), {
+          x("div", TS, [
+            F(b(BM), {
               total: Ut.value,
               "items-per-page": d.value,
               "sibling-count": 1,
@@ -23808,22 +23805,22 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
               class: "scale-90 origin-right"
             }, {
               default: O(() => [
-                F(b(zM), { class: "flex items-center gap-1" }, {
+                F(b(EM), { class: "flex items-center gap-1" }, {
                   default: O(({ items: B }) => [
-                    F(b(FM), { 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" }, {
+                    F(b(zM), { 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: O(() => [
                         F(b(rf), { class: "h-4 w-4" })
                       ]),
                       _: 1
                     }),
-                    F(b(WM), { 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:cursor-not-allowed" }, {
+                    F(b(VM), { 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:cursor-not-allowed" }, {
                       default: O(() => [
                         F(b(dc), { class: "h-4 w-4" })
                       ]),
                       _: 1
                     }),
                     (p(!0), C(xe, null, Ne(B, (K, ie) => (p(), C(xe, null, [
-                      K.type === "page" ? (p(), X(b(LM), {
+                      K.type === "page" ? (p(), X(b(IM), {
                         key: ie,
                         value: K.value,
                         "as-child": ""
@@ -23842,18 +23839,18 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
                           }, 1032, ["variant", "disabled", "onClick"])
                         ]),
                         _: 2
-                      }, 1032, ["value"])) : (p(), X(b(IM), {
+                      }, 1032, ["value"])) : (p(), X(b(RM), {
                         key: K.type,
                         index: ie
                       }, null, 8, ["index"]))
                     ], 64))), 256)),
-                    F(b(jM), { 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:cursor-not-allowed" }, {
+                    F(b(LM), { 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:cursor-not-allowed" }, {
                       default: O(() => [
                         F(b(uc), { class: "h-4 w-4" })
                       ]),
                       _: 1
                     }),
-                    F(b(VM), { 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:cursor-not-allowed" }, {
+                    F(b(FM), { 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:cursor-not-allowed" }, {
                       default: O(() => [
                         F(b(lf), { class: "h-4 w-4" })
                       ]),
@@ -23893,8 +23890,8 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
             })
           ]),
           default: O(() => [
-            x("div", RS, [
-              x("p", zS, W(Td.value), 1)
+            x("div", BS, [
+              x("p", ES, W(Td.value), 1)
             ])
           ]),
           _: 1
@@ -23926,7 +23923,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
           default: O(() => {
             var B, K;
             return [
-              x("div", IS, [
+              x("div", RS, [
                 (p(!0), C(xe, null, Ne(((B = I.value) == null ? void 0 : B.fieldActionCustom) || ((K = I.value) == null ? void 0 : K.fieldActionGlobal) || [], (ie, Ae) => (p(), C(xe, { key: Ae }, [
                   ie.isHidden ? H("", !0) : (p(), C("div", {
                     key: 0,
@@ -23947,13 +23944,13 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       ]);
     };
   }
-}), LS = { class: "h-full flex flex-col" }, VS = {
+}), IS = { class: "h-full flex flex-col" }, FS = {
   key: 1,
   class: "flex-1 flex items-center justify-center"
-}, jS = {
+}, LS = {
   key: 2,
   class: "flex-1 flex items-center justify-center text-red-500"
-}, WS = /* @__PURE__ */ le({
+}, VS = /* @__PURE__ */ le({
   __name: "AutoLayoutDatatable",
   props: {
     layoutCode: {}
@@ -23977,8 +23974,8 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
     };
     return wt(() => {
       c();
-    }), (d, f) => (p(), C("div", LS, [
-      !r.value && i.value ? (p(), X(FS, {
+    }), (d, f) => (p(), C("div", IS, [
+      !r.value && i.value ? (p(), X(zS, {
         key: 0,
         ref_key: "dtRef",
         ref: l,
@@ -23990,15 +23987,15 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       }, {
         "header-actions": O(() => [...f[0] || (f[0] = [])]),
         _: 1
-      }, 8, ["api-url", "table-config", "permission-base"])) : r.value ? (p(), C("div", VS, [...f[1] || (f[1] = [
+      }, 8, ["api-url", "table-config", "permission-base"])) : r.value ? (p(), C("div", FS, [...f[1] || (f[1] = [
         x("i", { class: "mdi mdi-loading mdi-spin text-4xl text-primary-600" }, null, -1)
-      ])])) : (p(), C("div", jS, " Failed to load configuration for " + W(e.layoutCode), 1))
+      ])])) : (p(), C("div", LS, " Failed to load configuration for " + W(e.layoutCode), 1))
     ]));
   }
-}), NS = cc(wM), HS = cc(WS);
-customElements.define("micro-dynamic-form", NS);
-customElements.define("micro-dynamic-datatable", HS);
-const US = [
+}), jS = cc(vM), WS = cc(VS);
+customElements.define("micro-dynamic-form", jS);
+customElements.define("micro-dynamic-datatable", WS);
+const NS = [
   zc,
   Jp,
   en,
@@ -24022,22 +24019,18 @@ const US = [
   Md,
   C_,
   D_,
-  R_,
-  H_,
-  s2,
+  E_,
+  W_,
+  t2,
   Sd,
   Dd,
   Zo,
-  HC,
-  XC,
-  uM
-], iD = {
-  /**
-   * @param {import('vue').App} app
-   * @param {import('./composables/useApiConfig').DynamicUIApiConfig} [options]
-   */
+  WC,
+  GC,
+  lM
+], aD = {
   install(t, e = {}) {
-    e && Object.keys(e).length > 0 && ph(e), US.forEach((n) => {
+    e && Object.keys(e).length > 0 && ph(e), NS.forEach((n) => {
       n.name && t.component(n.name, n);
     });
   }
@@ -24066,21 +24059,20 @@ export {
   Md as DCodeOtpInput,
   C_ as DCodeProgress,
   D_ as DCodeProgressBar,
-  R_ as DCodeRadio,
-  H_ as DCodeRadioCustom,
-  s2 as DCodeSlider,
+  E_ as DCodeRadio,
+  W_ as DCodeRadioCustom,
+  t2 as DCodeSlider,
   Sd as DCodeSwitch,
   Dd as DCodeTextField,
   Zo as DCodeTextarea,
-  HC as DCodeTimelineWithIcons,
-  XC as DCodeUploadFile,
-  uM as DCodeWizard,
-  HS as MicroDynamicDatatable,
-  NS as MicroDynamicForm,
+  WC as DCodeTimelineWithIcons,
+  GC as DCodeUploadFile,
+  lM as DCodeWizard,
+  WS as MicroDynamicDatatable,
+  jS as MicroDynamicForm,
   _e as cn,
-  iD as default,
-  dM as getLogicModule,
-  aD as registerLogic,
-  ph as setApiConfig,
-  oD as unregisterLogic
+  aD as default,
+  cM as getLogicModule,
+  nD as registerLogic,
+  sD as unregisterLogic
 };