@gemafajarramadhan/dynamic-ui 1.1.5 → 1.1.6

package/dist/dynamic-ui.es.js

@@ -245,7 +245,7 @@ async function $h(t, e) {
     boundary: c,
     rootBoundary: u,
     strategy: l
-  })), D = d === "floating" ? {
+  })), A = d === "floating" ? {
     x: s,
     y: a,
     width: i.floating.width,
@@ -258,10 +258,10 @@ async function $h(t, e) {
     y: 1
   }, $ = Ea(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
-    rect: D,
+    rect: A,
     offsetParent: T,
     strategy: l
-  }) : D);
+  }) : A);
   return {
     top: (v.top - $.top + y.top) / E.y,
     bottom: ($.bottom - v.bottom + y.bottom) / E.y,
@@ -288,13 +288,13 @@ const Ph = async (t, e, n) => {
     var m;
     const {
       name: v,
-      fn: D
+      fn: A
     } = r[g], {
       x: T,
       y: E,
       data: $,
       reset: k
-    } = await D({
+    } = await A({
       x: u,
       y: d,
       initialPlacement: s,
@@ -357,9 +357,9 @@ const Ph = async (t, e, n) => {
       } = Ws(t, e);
       if ((n = o.arrow) != null && n.alignmentOffset)
         return {};
-      const v = kn(a), D = Zt(r), T = kn(r) === r, E = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), $ = f || (T || !m ? [Ba(r)] : kh(r)), k = y !== "none";
+      const v = kn(a), A = Zt(r), T = kn(r) === r, E = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), $ = f || (T || !m ? [Ba(r)] : kh(r)), k = y !== "none";
       !f && k && $.push(...Sh(r, m, y, E));
-      const A = [r, ...$], w = await l.detectOverflow(e, g), _ = [];
+      const D = [r, ...$], w = await l.detectOverflow(e, g), _ = [];
       let P = ((s = o.flip) == null ? void 0 : s.overflows) || [];
       if (u && _.push(w[v]), d) {
         const G = wh(a, i, E);
@@ -370,10 +370,10 @@ const Ph = async (t, e, n) => {
         overflows: _
       }], !_.every((G) => G <= 0)) {
         var I, V;
-        const G = (((I = o.flip) == null ? void 0 : I.index) || 0) + 1, se = A[G];
-        if (se && (!(d === "alignment" ? D !== Zt(se) : !1) || // We leave the current main axis only if every placement on that axis
+        const G = (((I = o.flip) == null ? void 0 : I.index) || 0) + 1, se = D[G];
+        if (se && (!(d === "alignment" ? A !== Zt(se) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        P.every((Q) => Zt(Q.placement) === D ? Q.overflows[0] > 0 : !0)))
+        P.every((Q) => Zt(Q.placement) === A ? Q.overflows[0] > 0 : !0)))
           return {
             data: {
               index: G,
@@ -391,7 +391,7 @@ const Ph = async (t, e, n) => {
               const Y = (U = P.filter((Q) => {
                 if (k) {
                   const j = Zt(Q.placement);
-                  return j === D || // Create a bias to the `y` side axis due to horizontal
+                  return j === A || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   j === "y";
                 }
@@ -480,11 +480,11 @@ const Eh = function(t) {
         limiter: l = {
           fn: (v) => {
             let {
-              x: D,
+              x: A,
               y: T
             } = v;
             return {
-              x: D,
+              x: A,
               y: T
             };
           }
@@ -496,11 +496,11 @@ const Eh = function(t) {
       }, d = await o.detectOverflow(e, c), f = Zt(kn(a)), h = Mc(f);
       let y = u[h], m = u[f];
       if (i) {
-        const v = h === "y" ? "top" : "left", D = h === "y" ? "bottom" : "right", T = y + d[v], E = y - d[D];
+        const v = h === "y" ? "top" : "left", A = h === "y" ? "bottom" : "right", T = y + d[v], E = y - d[A];
         y = tr(T, y, E);
       }
       if (r) {
-        const v = f === "y" ? "top" : "left", D = f === "y" ? "bottom" : "right", T = m + d[v], E = m - d[D];
+        const v = f === "y" ? "top" : "left", A = f === "y" ? "bottom" : "right", T = m + d[v], E = m - d[A];
         m = tr(T, m, E);
       }
       const g = l.fn({
@@ -542,16 +542,16 @@ const Eh = function(t) {
       } = o.floating;
       let g, v;
       d === "top" || d === "bottom" ? (g = d, v = f === (await (i.isRTL == null ? void 0 : i.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (v = d, g = f === "end" ? "top" : "bottom");
-      const D = m - u.top - u.bottom, T = y - u.left - u.right, E = as(m - u[g], D), $ = as(y - u[v], T), k = !e.middlewareData.shift;
-      let A = E, w = $;
-      if ((n = e.middlewareData.shift) != null && n.enabled.x && (w = T), (s = e.middlewareData.shift) != null && s.enabled.y && (A = D), k && !f) {
+      const A = m - u.top - u.bottom, T = y - u.left - u.right, E = as(m - u[g], A), $ = as(y - u[v], T), k = !e.middlewareData.shift;
+      let D = E, w = $;
+      if ((n = e.middlewareData.shift) != null && n.enabled.x && (w = T), (s = e.middlewareData.shift) != null && s.enabled.y && (D = A), k && !f) {
         const P = vt(u.left, 0), I = vt(u.right, 0), V = vt(u.top, 0), U = vt(u.bottom, 0);
-        h ? w = y - 2 * (P !== 0 || I !== 0 ? P + I : vt(u.left, u.right)) : A = m - 2 * (V !== 0 || U !== 0 ? V + U : vt(u.top, u.bottom));
+        h ? w = y - 2 * (P !== 0 || I !== 0 ? P + I : vt(u.left, u.right)) : D = m - 2 * (V !== 0 || U !== 0 ? V + U : vt(u.top, u.bottom));
       }
       await l({
         ...e,
         availableWidth: w,
-        availableHeight: A
+        availableHeight: D
       });
       const _ = await i.getDimensions(r.floating);
       return y !== _.width || m !== _.height ? {
@@ -726,7 +726,7 @@ function Ln(t, e, n, s) {
     const f = xt(o), h = s && Pt(s) ? xt(s) : s;
     let y = f, m = zo(y);
     for (; m && s && h !== y; ) {
-      const g = es(m), v = m.getBoundingClientRect(), D = Ot(m), T = v.left + (m.clientLeft + parseFloat(D.paddingLeft)) * g.x, E = v.top + (m.clientTop + parseFloat(D.paddingTop)) * g.y;
+      const g = es(m), v = m.getBoundingClientRect(), A = Ot(m), T = v.left + (m.clientLeft + parseFloat(A.paddingLeft)) * g.x, E = v.top + (m.clientTop + parseFloat(A.paddingTop)) * g.y;
       l *= g.x, c *= g.y, u *= g.x, d *= g.y, l += T, c += E, y = xt(m), m = zo(y);
     }
   }
@@ -990,15 +990,15 @@ function rp(t, e) {
     };
     let E = !0;
     function $(k) {
-      const A = k[0].intersectionRatio;
-      if (A !== l) {
+      const D = k[0].intersectionRatio;
+      if (D !== l) {
         if (!E)
           return i();
-        A ? i(!1, A) : s = setTimeout(() => {
+        D ? i(!1, D) : s = setTimeout(() => {
           i(!1, 1e-7);
         }, 1e3);
       }
-      A === 1 && !Ec(c, t.getBoundingClientRect()) && i(), E = !1;
+      D === 1 && !Ec(c, t.getBoundingClientRect()) && i(), E = !1;
     }
     try {
       n = new IntersectionObserver($, {
@@ -1030,8 +1030,8 @@ function li(t, e, n, s) {
   const d = c && r ? rp(c, n) : null;
   let f = -1, h = null;
   i && (h = new ResizeObserver((v) => {
-    let [D] = v;
-    D && D.target === c && h && (h.unobserve(e), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+    let [A] = v;
+    A && A.target === c && h && (h.unobserve(e), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
       var T;
       (T = h) == null || T.observe(e);
     })), n();
@@ -1044,8 +1044,8 @@ function li(t, e, n, s) {
   }
   return n(), () => {
     var v;
-    u.forEach((D) => {
-      a && D.removeEventListener("scroll", n), o && D.removeEventListener("resize", n);
+    u.forEach((A) => {
+      a && A.removeEventListener("scroll", n), o && A.removeEventListener("resize", n);
     }), d == null || d(), (v = h) == null || v.disconnect(), h = null, l && cancelAnimationFrame(y);
   };
 }
@@ -1085,28 +1085,28 @@ function ur(t, e) {
 function hi(t, e, n) {
   n === void 0 && (n = {});
   const s = n.whileElementsMounted, a = M(() => {
-    var A;
-    return (A = ps(n.open)) != null ? A : !0;
+    var D;
+    return (D = ps(n.open)) != null ? D : !0;
   }), o = M(() => ps(n.middleware)), i = M(() => {
-    var A;
-    return (A = ps(n.placement)) != null ? A : "bottom";
+    var D;
+    return (D = ps(n.placement)) != null ? D : "bottom";
   }), r = M(() => {
-    var A;
-    return (A = ps(n.strategy)) != null ? A : "absolute";
+    var D;
+    return (D = ps(n.strategy)) != null ? D : "absolute";
   }), l = M(() => {
-    var A;
-    return (A = ps(n.transform)) != null ? A : !0;
+    var D;
+    return (D = ps(n.transform)) != null ? D : !0;
   }), c = M(() => cr(t.value)), u = M(() => cr(e.value)), d = ee(0), f = ee(0), h = ee(r.value), y = ee(i.value), m = ic({}), g = ee(!1), v = M(() => {
-    const A = {
+    const D = {
       position: h.value,
       left: "0",
       top: "0"
     };
     if (!u.value)
-      return A;
+      return D;
     const w = ur(u.value, d.value), _ = ur(u.value, f.value);
     return l.value ? {
-      ...A,
+      ...D,
       transform: "translate(" + w + "px, " + _ + "px)",
       ...Rc(u.value) >= 1.5 && {
         willChange: "transform"
@@ -1117,21 +1117,21 @@ function hi(t, e, n) {
       top: _ + "px"
     };
   });
-  let D;
+  let A;
   function T() {
     if (c.value == null || u.value == null)
       return;
-    const A = a.value;
+    const D = a.value;
     lp(c.value, u.value, {
       middleware: o.value,
       placement: i.value,
       strategy: r.value
     }).then((w) => {
-      d.value = w.x, f.value = w.y, h.value = w.strategy, y.value = w.placement, m.value = w.middlewareData, g.value = A !== !1;
+      d.value = w.x, f.value = w.y, h.value = w.strategy, y.value = w.placement, m.value = w.middlewareData, g.value = D !== !1;
     });
   }
   function E() {
-    typeof D == "function" && (D(), D = void 0);
+    typeof A == "function" && (A(), A = void 0);
   }
   function $() {
     if (E(), s === void 0) {
@@ -1139,7 +1139,7 @@ function hi(t, e, n) {
       return;
     }
     if (c.value != null && u.value != null) {
-      D = s(c.value, u.value, T);
+      A = s(c.value, u.value, T);
       return;
     }
   }
@@ -1228,13 +1228,13 @@ const up = ["aria-busy"], dp = {
       if (q == null || q === "") return 0;
       const ue = typeof q == "number" ? q : Number.parseInt(String(q), 10);
       return Number.isFinite(ue) && ue > 0 ? ue : 0;
-    }), D = M(() => {
+    }), A = M(() => {
       const q = a.rules;
       return Array.isArray(q) ? q : [];
     }), T = M(() => {
       const q = a.id || a.label;
       return q ? `app-autocomplete-${q}-${Math.random().toString(36).slice(2, 7)}` : void 0;
-    }), E = ee(n.modelValue), $ = ee([]), k = ee(!1), A = ee(!1), w = M(() => a.items), _ = M(() => {
+    }), E = ee(n.modelValue), $ = ee([]), k = ee(!1), D = ee(!1), w = M(() => a.items), _ = M(() => {
       const q = G.value;
       return q.apiModule && q.apiAction || q.apiUrl || n.fetchItems ? $.value : w.value ?? [];
     }), P = M(
@@ -1335,9 +1335,9 @@ const up = ["aria-busy"], dp = {
       }
       return Ge;
     }), at = (q) => Array.isArray(q) ? q.length === 0 : q == null || q === "", Pe = (q) => {
-      if (J.value = null, d.value && at(q) && !D.value.length)
+      if (J.value = null, d.value && at(q) && !A.value.length)
         return J.value = "This field is required", !1;
-      for (const ue of D.value) {
+      for (const ue of A.value) {
         const we = ue(q);
         if (we === !1)
           return J.value = "Invalid value", !1;
@@ -1349,7 +1349,7 @@ const up = ["aria-busy"], dp = {
       if (u.value || f.value) return;
       j.value = !0, Z.value = De.value.length ? 0 : -1, R.value = Ce.value || "";
       const q = G.value, ue = q.apiModule && q.apiAction || q.apiUrl || n.fetchItems;
-      n.autoFetchOnOpen && ue && !A.value && (await Nt(), Z.value = De.value.length ? 0 : -1);
+      n.autoFetchOnOpen && ue && !D.value && (await Nt(), Z.value = De.value.length ? 0 : -1);
     }, z = () => {
       j.value = !1, Z.value = -1, R.value = Ce.value || "";
     }, te = (q) => {
@@ -1357,7 +1357,7 @@ const up = ["aria-busy"], dp = {
       let we = ue;
       Array.isArray(E.value) && (we = [ue]), E.value = we, s("update:modelValue", we), J.value = null, Pe(we), R.value = fe(q), z();
     }, pe = () => {
-      $.value = [], A.value = !1, E.value = Array.isArray(E.value) ? [] : null, s("update:modelValue", E.value), R.value = "", J.value = null;
+      $.value = [], D.value = !1, E.value = Array.isArray(E.value) ? [] : null, s("update:modelValue", E.value), R.value = "", J.value = null;
     }, Me = () => {
       r.value = !0, pe(), z(), setTimeout(() => {
         r.value = !1;
@@ -1367,7 +1367,7 @@ const up = ["aria-busy"], dp = {
       const ue = q.target.value;
       R.value = ue, J.value && (J.value = null), j.value || (j.value = !0), Z.value = De.value.length ? 0 : -1;
       const we = G.value.apiModule && G.value.apiAction || G.value.apiUrl || n.fetchItems;
-      n.autoFetchOnOpen && we && !I.value && !A.value && Nt();
+      n.autoFetchOnOpen && we && !I.value && !D.value && Nt();
     }, kt = (q) => {
       var we;
       if (u.value || f.value) return;
@@ -1434,9 +1434,9 @@ const up = ["aria-busy"], dp = {
             const Se = (me == null ? void 0 : me.data) ?? me;
             we = (Se == null ? void 0 : Se.data) ?? Se;
           }
-          $.value = Array.isArray(we) ? we : [], A.value = !0;
+          $.value = Array.isArray(we) ? we : [], D.value = !0;
         } catch (we) {
-          console.error("[DCodeAutoComplete][fetchOptions] ERROR:", we), J.value = `[DCodeAutoComplete][fetchOptions] ERROR: Error: ${(we == null ? void 0 : we.message) || (we == null ? void 0 : we.toString()) || "Failed to load options"}`, $.value = [], A.value = !0;
+          console.error("[DCodeAutoComplete][fetchOptions] ERROR:", we), J.value = `[DCodeAutoComplete][fetchOptions] ERROR: Error: ${(we == null ? void 0 : we.message) || (we == null ? void 0 : we.toString()) || "Failed to load options"}`, $.value = [], D.value = !0;
         } finally {
           k.value = !1;
         }
@@ -1460,7 +1460,7 @@ const up = ["aria-busy"], dp = {
     ), Be(
       () => n.modelValue,
       (q, ue) => {
-        E.value = q, !r.value && (q == null || q === "") && ue != null && n.apiModule && n.apiAction && ($.value = [], A.value = !1), R.value = Ce.value || "";
+        E.value = q, !r.value && (q == null || q === "") && ue != null && n.apiModule && n.apiAction && ($.value = [], D.value = !1), R.value = Ce.value || "";
       },
       { immediate: !0 }
     );
@@ -1692,7 +1692,7 @@ const up = ["aria-busy"], dp = {
     const n = t, s = e, a = St(), o = ee(), i = ee(), r = ee(), l = ee(), c = ee(), u = M(() => {
       const Z = n.label || n.placeholder;
       return Z ? `app-infinite-autocomplete-${Z}-${Math.random().toString(36).slice(2, 7)}` : void 0;
-    }), d = ee(""), f = ee([]), h = ee(!1), y = ee(!1), m = ee(-1), g = ee(1), v = ee(!0), D = ee(0), T = ee(), { floatingStyles: E } = hi(l, c, {
+    }), d = ee(""), f = ee([]), h = ee(!1), y = ee(!1), m = ee(-1), g = ee(1), v = ee(!0), A = ee(0), T = ee(), { floatingStyles: E } = hi(l, c, {
       placement: "bottom-start",
       whileElementsMounted: li,
       middleware: [
@@ -1732,7 +1732,7 @@ const up = ["aria-busy"], dp = {
         }
       }
       return "";
-    }), A = () => {
+    }), D = () => {
       y.value = !0;
     }, w = () => {
       y.value = !1;
@@ -1792,13 +1792,13 @@ const up = ["aria-busy"], dp = {
               search: d.value,
               ...n.apiParams
             }, Pe = await ke.apiUrl(`/${Ce}/${De}`, "GET", at);
-            fe = Pe.data || Pe.items || Pe || [], D.value = Pe.total || Pe.totalItems || fe.length;
+            fe = Pe.data || Pe.items || Pe || [], A.value = Pe.total || Pe.totalItems || fe.length;
           }
           Z ? (f.value = fe, g.value = 1) : (f.value.push(...fe), g.value++), v.value = fe.length >= n.pageSize, v.value || s("end-of-results"), s("load-more", {
             items: fe,
             page: g.value,
             hasMore: v.value,
-            total: D.value
+            total: A.value
           });
         } catch (fe) {
           console.error("Error fetching items:", fe), s("error", fe);
@@ -1888,7 +1888,7 @@ const up = ["aria-busy"], dp = {
               type: "button",
               class: "shrink-0 rounded-md px-1 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300 disabled:opacity-50 disabled:cursor-not-allowed",
               disabled: t.disabled,
-              onClick: J[1] || (J[1] = (re) => y.value ? w() : A()),
+              onClick: J[1] || (J[1] = (re) => y.value ? w() : D()),
               "aria-label": "Toggle"
             }, [
               F(b(ds), {
@@ -2207,14 +2207,14 @@ const Qp = (t, e) => {
       }
       g = !1;
     }
-    const D = f.length === 0 ? "" : f.length === 1 ? f[0] : o(f).join(":"), T = h ? D + Io : D, E = T + v;
+    const A = f.length === 0 ? "" : f.length === 1 ? f[0] : o(f).join(":"), T = h ? A + Io : A, E = T + v;
     if (i.indexOf(E) > -1)
       continue;
     i.push(E);
     const $ = a(v, g);
     for (let k = 0; k < $.length; ++k) {
-      const A = $[k];
-      i.push(T + A);
+      const D = $[k];
+      i.push(T + D);
     }
     l = u + (l.length > 0 ? " " + l : l);
   }
@@ -2259,7 +2259,7 @@ const Qp = (t, e) => {
   const s = Hc.exec(t);
   return s ? s[1] ? e(s[1]) : n : !1;
 }, qc = (t) => t === "position" || t === "percentage", Yc = (t) => t === "image" || t === "url", Gc = (t) => t === "length" || t === "size" || t === "bg-size", Kc = (t) => t === "length", Fm = (t) => t === "number", Xc = (t) => t === "family-name", Jc = (t) => t === "number" || t === "weight", Qc = (t) => t === "shadow", Lm = () => {
-  const t = tt("color"), e = tt("font"), n = tt("text"), s = tt("font-weight"), a = tt("tracking"), o = tt("leading"), i = tt("breakpoint"), r = tt("container"), l = tt("spacing"), c = tt("radius"), u = tt("shadow"), d = tt("inset-shadow"), f = tt("text-shadow"), h = tt("drop-shadow"), y = tt("blur"), m = tt("perspective"), g = tt("aspect"), v = tt("ease"), D = tt("animate"), T = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], E = () => [
+  const t = tt("color"), e = tt("font"), n = tt("text"), s = tt("font-weight"), a = tt("tracking"), o = tt("leading"), i = tt("breakpoint"), r = tt("container"), l = tt("spacing"), c = tt("radius"), u = tt("shadow"), d = tt("inset-shadow"), f = tt("text-shadow"), h = tt("drop-shadow"), y = tt("blur"), m = tt("perspective"), g = tt("aspect"), v = tt("ease"), A = tt("animate"), T = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], E = () => [
     "center",
     "top",
     "bottom",
@@ -2277,7 +2277,7 @@ const Qp = (t, e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], $ = () => [...E(), ve, be], k = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", "contain", "none"], w = () => [ve, be, l], _ = () => [dn, "full", "auto", ...w()], P = () => [fn, "none", "subgrid", ve, be], I = () => ["auto", {
+  ], $ = () => [...E(), ve, be], k = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", "contain", "none"], w = () => [ve, be, l], _ = () => [dn, "full", "auto", ...w()], P = () => [fn, "none", "subgrid", ve, be], I = () => ["auto", {
     span: ["full", fn, ve, be]
   }, fn, ve, be], V = () => [fn, "auto", ve, be], U = () => ["auto", "min", "max", "fr", ve, be], G = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], se = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], N = () => ["auto", ...w()], Y = () => [dn, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], Q = () => [dn, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...w()], j = () => [dn, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...w()], R = () => [t, ve, be], Z = () => [...E(), gr, mr, {
     position: [ve, be]
@@ -2452,21 +2452,21 @@ const Qp = (t, e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: A()
+        overscroll: D()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": A()
+        "overscroll-x": D()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": A()
+        "overscroll-y": D()
       }],
       /**
        * Position
@@ -4347,7 +4347,7 @@ const Qp = (t, e) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", D, ve, be]
+        animate: ["none", A, ve, be]
       }],
       // ------------------
       // --- Transforms ---
@@ -5550,7 +5550,7 @@ const Ym = /* @__PURE__ */ jm(qm), wr = (t) => typeof t == "boolean" ? `${t}` :
         /\bhover:bg-(?!gradient)([a-z-]+)(?:-(\d{2,3}))?\b/u
       );
       return R ? R[0] : null;
-    }), g = M(() => !!y.value), v = M(() => /\bborder-/.test(c.value ?? "")), D = M(() => /\bhover:/.test(c.value ?? "")), T = M(() => {
+    }), g = M(() => !!y.value), v = M(() => /\bborder-/.test(c.value ?? "")), A = M(() => /\bhover:/.test(c.value ?? "")), T = M(() => {
       const j = c.value ?? "";
       return o.value !== "outline" ? j : j.replaceAll(/\bbg-(?!gradient)[^\s]+\b/gu, "").replaceAll(/\bhover:bg-(?!gradient)[^\s]+\b/gu, "").replaceAll(/\s+/gu, " ").trim();
     }), E = ee(null), $ = (j) => {
@@ -5570,7 +5570,7 @@ const Ym = /* @__PURE__ */ jm(qm), wr = (t) => typeof t == "boolean" ? `${t}` :
       return `rgba(${J(Z.r * (1 - R))}, ${J(Z.g * (1 - R))}, ${J(
         Z.b * (1 - R)
       )}, ${Z.a})`;
-    }, A = (j) => {
+    }, D = (j) => {
       if (globalThis.window === void 0) return null;
       const R = document.createElement("div");
       R.className = j, R.style.position = "absolute", R.style.visibility = "hidden", R.style.pointerEvents = "none", R.style.width = "1px", R.style.height = "1px", document.body.appendChild(R);
@@ -5599,7 +5599,7 @@ const Ym = /* @__PURE__ */ jm(qm), wr = (t) => typeof t == "boolean" ? `${t}` :
         E.value = null;
         return;
       }
-      const R = I(j), Z = R == null ? void 0 : R.colorName, J = (R == null ? void 0 : R.shade) ?? null, re = (Z ? P(Z, J) : null) ?? A(j);
+      const R = I(j), Z = R == null ? void 0 : R.colorName, J = (R == null ? void 0 : R.shade) ?? null, re = (Z ? P(Z, J) : null) ?? D(j);
       if (!re) {
         E.value = null;
         return;
@@ -5625,11 +5625,11 @@ const Ym = /* @__PURE__ */ jm(qm), wr = (t) => typeof t == "boolean" ? `${t}` :
     });
     const U = M(() => {
       const j = /\bdark:bg-/.test(c.value ?? "");
-      return !g.value || o.value === "outline" || j ? "" : E.value ? "dcode-btn--fill dcode-btn--fill-hover" : D.value ? "" : "hover:brightness-90";
+      return !g.value || o.value === "outline" || j ? "" : E.value ? "dcode-btn--fill dcode-btn--fill-hover" : A.value ? "" : "hover:brightness-90";
     }), G = M(() => {
       if (!g.value || o.value !== "outline") return "";
       const j = ["dcode-btn--outline", "dcode-btn--outline-hover"];
-      return v.value || j.push("border"), !E.value && !D.value && j.push("hover:brightness-90"), j.join(" ");
+      return v.value || j.push("border"), !E.value && !A.value && j.push("hover:brightness-90"), j.join(" ");
     }), se = M(() => E.value ?? void 0), N = {
       primary: {
         bg: "bg-blue-600",
@@ -7688,10 +7688,10 @@ function Su(t, e, n) {
       t
     ];
   const { property: s, start: a, end: o } = n, i = e.length, { compare: r, between: l, normalize: c } = Mu(s), { start: u, end: d, loop: f, style: h } = U0(t, e, n), y = [];
-  let m = !1, g = null, v, D, T;
-  const E = () => l(a, T, v) && r(a, T) !== 0, $ = () => r(o, v) === 0 || l(o, T, v), k = () => m || E(), A = () => !m || $();
+  let m = !1, g = null, v, A, T;
+  const E = () => l(a, T, v) && r(a, T) !== 0, $ = () => r(o, v) === 0 || l(o, T, v), k = () => m || E(), D = () => !m || $();
   for (let w = u, _ = u; w <= d; ++w)
-    D = e[w % i], !D.skip && (v = c(D[s]), v !== T && (m = l(v, a, o), g === null && k() && (g = r(v, a) === 0 ? w : _), g !== null && A() && (y.push(Nr({
+    A = e[w % i], !A.skip && (v = c(A[s]), v !== T && (m = l(v, a, o), g === null && k() && (g = r(v, a) === 0 ? w : _), g !== null && D() && (y.push(Nr({
       start: g,
       end: w,
       loop: f,
@@ -7768,12 +7768,12 @@ function K0(t, e, n, s) {
   const a = t._chart.getContext(), o = Ur(t.options), { _datasetIndex: i, options: { spanGaps: r } } = t, l = n.length, c = [];
   let u = o, d = e[0].start, f = d;
   function h(y, m, g, v) {
-    const D = r ? -1 : 1;
+    const A = r ? -1 : 1;
     if (y !== m) {
       for (y += l; n[y % l].skip; )
-        y -= D;
+        y -= A;
       for (; n[m % l].skip; )
-        m += D;
+        m += A;
       y % l !== m % l && (c.push({
         start: y % l,
         end: m % l,
@@ -8188,8 +8188,8 @@ function Xr(t, e) {
   for (let h = 0; h < d; ++h) {
     const y = e[h], { [l]: m, [c]: g } = y, v = y._stacks || (y._stacks = {});
     f = v[c] = lb(a, u, m), f[r] = g, f._top = Kr(f, i, !0, s.type), f._bottom = Kr(f, i, !1, s.type);
-    const D = f._visualValues || (f._visualValues = {});
-    D[r] = g;
+    const A = f._visualValues || (f._visualValues = {});
+    A[r] = g;
   }
 }
 function ko(t, e) {
@@ -8747,7 +8747,7 @@ class ka extends In {
       const y = this.getParsed(h), m = o || Fe(y[r.axis]) ? {
         base: l,
         head: l
-      } : this._calculateBarValuePixels(h), g = this._calculateBarIndexPixels(h, u), v = (y._stacks || {})[r.axis], D = {
+      } : this._calculateBarValuePixels(h), g = this._calculateBarIndexPixels(h, u), v = (y._stacks || {})[r.axis], A = {
         horizontal: c,
         base: m.base,
         enableBorderRadius: !v || Co(y._custom) || i === v._top || i === v._bottom,
@@ -8756,9 +8756,9 @@ class ka extends In {
         height: c ? g.size : Math.abs(m.size),
         width: c ? Math.abs(m.size) : g.size
       };
-      f && (D.options = d || this.resolveDataElementOptions(h, e[h].active ? "active" : a));
-      const T = D.options || e[h].options;
-      vb(D, T, v, i), wb(D, T, u.ratio), this.updateElement(e[h], h, D, a);
+      f && (A.options = d || this.resolveDataElementOptions(h, e[h].active ? "active" : a));
+      const T = A.options || e[h].options;
+      vb(A, T, v, i), wb(A, T, u.ratio), this.updateElement(e[h], h, A, a);
     }
   }
   _getStacks(e, n) {
@@ -8817,12 +8817,12 @@ class ka extends In {
     let v = n.getPixelForValue(g);
     if (this.chart.getDataVisibility(e) ? y = n.getPixelForValue(f + h) : y = v, m = y - v, Math.abs(m) < i) {
       m = bb(m, n, r) * i, d === r && (v -= m / 2);
-      const D = n.getPixelForDecimal(0), T = n.getPixelForDecimal(1), E = Math.min(D, T), $ = Math.max(D, T);
+      const A = n.getPixelForDecimal(0), T = n.getPixelForDecimal(1), E = Math.min(A, T), $ = Math.max(A, T);
       v = Math.max(Math.min(v, $), E), y = v + m, s && !u && (l._stacks[n.axis]._visualValues[a] = n.getValueForPixel(y) - n.getValueForPixel(v));
     }
     if (v === n.getPixelForValue(r)) {
-      const D = Vt(m) * n.getLineWidthForValue(r) / 2;
-      v += D, m -= D;
+      const A = Vt(m) * n.getLineWidthForValue(r) / 2;
+      v += A, m -= A;
     }
     return {
       size: m,
@@ -8890,8 +8890,8 @@ ye(ka, "id", "bar"), ye(ka, "defaults", {
 function kb(t, e, n) {
   let s = 1, a = 1, o = 0, i = 0;
   if (e < Ye) {
-    const r = t, l = r + e, c = Math.cos(r), u = Math.sin(r), d = Math.cos(l), f = Math.sin(l), h = (T, E, $) => zs(T, r, l, !0) ? 1 : Math.max(E, E * n, $, $ * n), y = (T, E, $) => zs(T, r, l, !0) ? -1 : Math.min(E, E * n, $, $ * n), m = h(0, c, d), g = h(nt, u, f), v = y(je, c, d), D = y(je + nt, u, f);
-    s = (m - v) / 2, a = (g - D) / 2, o = -(m + v) / 2, i = -(g + D) / 2;
+    const r = t, l = r + e, c = Math.cos(r), u = Math.sin(r), d = Math.cos(l), f = Math.sin(l), h = (T, E, $) => zs(T, r, l, !0) ? 1 : Math.max(E, E * n, $, $ * n), y = (T, E, $) => zs(T, r, l, !0) ? -1 : Math.min(E, E * n, $, $ * n), m = h(0, c, d), g = h(nt, u, f), v = y(je, c, d), A = y(je + nt, u, f);
+    s = (m - v) / 2, a = (g - A) / 2, o = -(m + v) / 2, i = -(g + A) / 2;
   }
   return {
     ratioX: s,
@@ -8940,7 +8940,7 @@ class Qn extends In {
     };
   }
   update(e) {
-    const n = this.chart, { chartArea: s } = n, a = this._cachedMeta, o = a.data, i = this.getMaxBorderWidth() + this.getMaxOffset(o) + this.options.spacing, r = Math.max((Math.min(s.width, s.height) - i) / 2, 0), l = Math.min(Pg(this.options.cutout, r), 1), c = this._getRingWeight(this.index), { circumference: u, rotation: d } = this._getRotationExtents(), { ratioX: f, ratioY: h, offsetX: y, offsetY: m } = kb(d, u, l), g = (s.width - i) / f, v = (s.height - i) / h, D = Math.max(Math.min(g, v) / 2, 0), T = ru(this.options.radius, D), E = Math.max(T * l, 0), $ = (T - E) / this._getVisibleDatasetWeightTotal();
+    const n = this.chart, { chartArea: s } = n, a = this._cachedMeta, o = a.data, i = this.getMaxBorderWidth() + this.getMaxOffset(o) + this.options.spacing, r = Math.max((Math.min(s.width, s.height) - i) / 2, 0), l = Math.min(Pg(this.options.cutout, r), 1), c = this._getRingWeight(this.index), { circumference: u, rotation: d } = this._getRotationExtents(), { ratioX: f, ratioY: h, offsetX: y, offsetY: m } = kb(d, u, l), g = (s.width - i) / f, v = (s.height - i) / h, A = Math.max(Math.min(g, v) / 2, 0), T = ru(this.options.radius, A), E = Math.max(T * l, 0), $ = (T - E) / this._getVisibleDatasetWeightTotal();
     this.offsetX = y * T, this.offsetY = m * T, a.total = this.calculateTotal(), this.outerRadius = T - $ * this._getRingWeightOffset(this.index), this.innerRadius = Math.max(this.outerRadius - $ * c, 0), this.updateElements(o, 0, o.length, e);
   }
   _circumference(e, n) {
@@ -8949,11 +8949,11 @@ class Qn extends In {
   }
   updateElements(e, n, s, a) {
     const o = a === "reset", i = this.chart, r = i.chartArea, c = i.options.animation, u = (r.left + r.right) / 2, d = (r.top + r.bottom) / 2, f = o && c.animateScale, h = f ? 0 : this.innerRadius, y = f ? 0 : this.outerRadius, { sharedOptions: m, includeOptions: g } = this._getSharedOptions(n, a);
-    let v = this._getRotation(), D;
-    for (D = 0; D < n; ++D)
-      v += this._circumference(D, o);
-    for (D = n; D < n + s; ++D) {
-      const T = this._circumference(D, o), E = e[D], $ = {
+    let v = this._getRotation(), A;
+    for (A = 0; A < n; ++A)
+      v += this._circumference(A, o);
+    for (A = n; A < n + s; ++A) {
+      const T = this._circumference(A, o), E = e[A], $ = {
         x: u + this.offsetX,
         y: d + this.offsetY,
         startAngle: v,
@@ -8962,7 +8962,7 @@ class Qn extends In {
         outerRadius: y,
         innerRadius: h
       };
-      g && ($.options = m || this.resolveDataElementOptions(D, E.active ? "active" : a)), v += T, this.updateElement(E, D, $, a);
+      g && ($.options = m || this.resolveDataElementOptions(A, E.active ? "active" : a)), v += T, this.updateElement(E, A, $, a);
     }
   }
   calculateTotal() {
@@ -9104,16 +9104,16 @@ class _a extends In {
     }, e), this.updateElements(a, r, l, e);
   }
   updateElements(e, n, s, a) {
-    const o = a === "reset", { iScale: i, vScale: r, _stacked: l, _dataset: c } = this._cachedMeta, { sharedOptions: u, includeOptions: d } = this._getSharedOptions(n, a), f = i.axis, h = r.axis, { spanGaps: y, segment: m } = this.options, g = Rs(y) ? y : Number.POSITIVE_INFINITY, v = this.chart._animationsDisabled || o || a === "none", D = n + s, T = e.length;
+    const o = a === "reset", { iScale: i, vScale: r, _stacked: l, _dataset: c } = this._cachedMeta, { sharedOptions: u, includeOptions: d } = this._getSharedOptions(n, a), f = i.axis, h = r.axis, { spanGaps: y, segment: m } = this.options, g = Rs(y) ? y : Number.POSITIVE_INFINITY, v = this.chart._animationsDisabled || o || a === "none", A = n + s, T = e.length;
     let E = n > 0 && this.getParsed(n - 1);
     for (let $ = 0; $ < T; ++$) {
-      const k = e[$], A = v ? k : {};
-      if ($ < n || $ >= D) {
-        A.skip = !0;
+      const k = e[$], D = v ? k : {};
+      if ($ < n || $ >= A) {
+        D.skip = !0;
         continue;
       }
-      const w = this.getParsed($), _ = Fe(w[h]), P = A[f] = i.getPixelForValue(w[f], $), I = A[h] = o || _ ? r.getBasePixel() : r.getPixelForValue(l ? this.applyStack(r, w, l) : w[h], $);
-      A.skip = isNaN(P) || isNaN(I) || _, A.stop = $ > 0 && Math.abs(w[f] - E[f]) > g, m && (A.parsed = w, A.raw = c.data[$]), d && (A.options = u || this.resolveDataElementOptions($, k.active ? "active" : a)), v || this.updateElement(k, $, A, a), E = w;
+      const w = this.getParsed($), _ = Fe(w[h]), P = D[f] = i.getPixelForValue(w[f], $), I = D[h] = o || _ ? r.getBasePixel() : r.getPixelForValue(l ? this.applyStack(r, w, l) : w[h], $);
+      D.skip = isNaN(P) || isNaN(I) || _, D.stop = $ > 0 && Math.abs(w[f] - E[f]) > g, m && (D.parsed = w, D.raw = c.data[$]), d && (D.options = u || this.resolveDataElementOptions($, k.active ? "active" : a)), v || this.updateElement(k, $, D, a), E = w;
     }
   }
   getMaxOverflow() {
@@ -9937,14 +9937,14 @@ function ly(t, e, n, s) {
   const m = i - a, g = r - o;
   if (t.isHorizontal()) {
     if (h = lt(s, o, r), Re(n)) {
-      const v = Object.keys(n)[0], D = n[v];
-      y = u[v].getPixelForValue(D) + m - e;
+      const v = Object.keys(n)[0], A = n[v];
+      y = u[v].getPixelForValue(A) + m - e;
     } else n === "center" ? y = (c.bottom + c.top) / 2 + m - e : y = rl(t, n, e);
     f = r - o;
   } else {
     if (Re(n)) {
-      const v = Object.keys(n)[0], D = n[v];
-      h = u[v].getPixelForValue(D) - g + e;
+      const v = Object.keys(n)[0], A = n[v];
+      h = u[v].getPixelForValue(A) - g + e;
     } else n === "center" ? h = (c.left + c.right) / 2 - g + e : h = rl(t, n, e);
     y = lt(s, i, a), d = n === "left" ? -nt : nt;
   }
@@ -10187,20 +10187,20 @@ class fs extends ln {
   }
   _computeLabelSizes(e, n, s) {
     const { ctx: a, _longestTextCache: o } = this, i = [], r = [], l = Math.floor(n / ll(n, s));
-    let c = 0, u = 0, d, f, h, y, m, g, v, D, T, E, $;
+    let c = 0, u = 0, d, f, h, y, m, g, v, A, T, E, $;
     for (d = 0; d < n; d += l) {
       if (y = e[d].label, m = this._resolveTickFontOptions(d), a.font = g = m.string, v = o[g] = o[g] || {
         data: {},
         gc: []
-      }, D = m.lineHeight, T = E = 0, !Fe(y) && !Ze(y))
-        T = Ir(a, v.data, v.gc, T, y), E = D;
+      }, A = m.lineHeight, T = E = 0, !Fe(y) && !Ze(y))
+        T = Ir(a, v.data, v.gc, T, y), E = A;
       else if (Ze(y))
         for (f = 0, h = y.length; f < h; ++f)
-          $ = y[f], !Fe($) && !Ze($) && (T = Ir(a, v.data, v.gc, T, $), E += D);
+          $ = y[f], !Fe($) && !Ze($) && (T = Ir(a, v.data, v.gc, T, $), E += A);
       i.push(T), r.push(E), c = Math.max(T, c), u = Math.max(E, u);
     }
     ay(o, n);
-    const k = i.indexOf(c), A = r.indexOf(u), w = (_) => ({
+    const k = i.indexOf(c), D = r.indexOf(u), w = (_) => ({
       width: i[_] || 0,
       height: r[_] || 0
     });
@@ -10208,7 +10208,7 @@ class fs extends ln {
       first: w(0),
       last: w(n - 1),
       widest: w(k),
-      highest: w(A),
+      highest: w(D),
       widths: i,
       heights: r
     };
@@ -10261,38 +10261,38 @@ class fs extends ln {
     const n = this.axis, s = this.chart, a = this.options, { grid: o, position: i, border: r } = a, l = o.offset, c = this.isHorizontal(), d = this.ticks.length + (l ? 1 : 0), f = vs(o), h = [], y = r.setContext(this.getContext()), m = y.display ? y.width : 0, g = m / 2, v = function(N) {
       return Pn(s, N, m);
     };
-    let D, T, E, $, k, A, w, _, P, I, V, U;
+    let A, T, E, $, k, D, w, _, P, I, V, U;
     if (i === "top")
-      D = v(this.bottom), A = this.bottom - f, _ = D - g, I = v(e.top) + g, U = e.bottom;
+      A = v(this.bottom), D = this.bottom - f, _ = A - g, I = v(e.top) + g, U = e.bottom;
     else if (i === "bottom")
-      D = v(this.top), I = e.top, U = v(e.bottom) - g, A = D + g, _ = this.top + f;
+      A = v(this.top), I = e.top, U = v(e.bottom) - g, D = A + g, _ = this.top + f;
     else if (i === "left")
-      D = v(this.right), k = this.right - f, w = D - g, P = v(e.left) + g, V = e.right;
+      A = v(this.right), k = this.right - f, w = A - g, P = v(e.left) + g, V = e.right;
     else if (i === "right")
-      D = v(this.left), P = e.left, V = v(e.right) - g, k = D + g, w = this.left + f;
+      A = v(this.left), P = e.left, V = v(e.right) - g, k = A + g, w = this.left + f;
     else if (n === "x") {
       if (i === "center")
-        D = v((e.top + e.bottom) / 2 + 0.5);
+        A = v((e.top + e.bottom) / 2 + 0.5);
       else if (Re(i)) {
         const N = Object.keys(i)[0], Y = i[N];
-        D = v(this.chart.scales[N].getPixelForValue(Y));
+        A = v(this.chart.scales[N].getPixelForValue(Y));
       }
-      I = e.top, U = e.bottom, A = D + g, _ = A + f;
+      I = e.top, U = e.bottom, D = A + g, _ = D + f;
     } else if (n === "y") {
       if (i === "center")
-        D = v((e.left + e.right) / 2);
+        A = v((e.left + e.right) / 2);
       else if (Re(i)) {
         const N = Object.keys(i)[0], Y = i[N];
-        D = v(this.chart.scales[N].getPixelForValue(Y));
+        A = v(this.chart.scales[N].getPixelForValue(Y));
       }
-      k = D - g, w = k - f, P = e.left, V = e.right;
+      k = A - g, w = k - f, P = e.left, V = e.right;
     }
     const G = Oe(a.ticks.maxTicksLimit, d), se = Math.max(1, Math.ceil(d / G));
     for (T = 0; T < d; T += se) {
       const N = this.getContext(T), Y = o.setContext(N), Q = r.setContext(N), j = Y.lineWidth, R = Y.color, Z = Q.dash || [], J = Q.dashOffset, re = Y.tickWidth, fe = Y.tickColor, ke = Y.tickBorderDash || [], Ce = Y.tickBorderDashOffset;
-      E = sy(this, T, l), E !== void 0 && ($ = Pn(s, E, j), c ? k = w = P = V = $ : A = _ = I = U = $, h.push({
+      E = sy(this, T, l), E !== void 0 && ($ = Pn(s, E, j), c ? k = w = P = V = $ : D = _ = I = U = $, h.push({
         tx1: k,
-        ty1: A,
+        ty1: D,
         tx2: w,
         ty2: _,
         x1: P,
@@ -10309,21 +10309,21 @@ class fs extends ln {
         tickBorderDashOffset: Ce
       }));
     }
-    return this._ticksLength = d, this._borderValue = D, h;
+    return this._ticksLength = d, this._borderValue = A, h;
   }
   _computeLabelItems(e) {
     const n = this.axis, s = this.options, { position: a, ticks: o } = s, i = this.isHorizontal(), r = this.ticks, { align: l, crossAlign: c, padding: u, mirror: d } = o, f = vs(s.grid), h = f + u, y = d ? -u : h, m = -tn(this.labelRotation), g = [];
-    let v, D, T, E, $, k, A, w, _, P, I, V, U = "middle";
+    let v, A, T, E, $, k, D, w, _, P, I, V, U = "middle";
     if (a === "top")
-      k = this.bottom - y, A = this._getXAxisLabelAlignment();
+      k = this.bottom - y, D = this._getXAxisLabelAlignment();
     else if (a === "bottom")
-      k = this.top + y, A = this._getXAxisLabelAlignment();
+      k = this.top + y, D = this._getXAxisLabelAlignment();
     else if (a === "left") {
       const se = this._getYAxisLabelAlignment(f);
-      A = se.textAlign, $ = se.x;
+      D = se.textAlign, $ = se.x;
     } else if (a === "right") {
       const se = this._getYAxisLabelAlignment(f);
-      A = se.textAlign, $ = se.x;
+      D = se.textAlign, $ = se.x;
     } else if (n === "x") {
       if (a === "center")
         k = (e.top + e.bottom) / 2 + h;
@@ -10331,7 +10331,7 @@ class fs extends ln {
         const se = Object.keys(a)[0], N = a[se];
         k = this.chart.scales[se].getPixelForValue(N) + h;
       }
-      A = this._getXAxisLabelAlignment();
+      D = this._getXAxisLabelAlignment();
     } else if (n === "y") {
       if (a === "center")
         $ = (e.left + e.right) / 2 - h;
@@ -10339,17 +10339,17 @@ class fs extends ln {
         const se = Object.keys(a)[0], N = a[se];
         $ = this.chart.scales[se].getPixelForValue(N);
       }
-      A = this._getYAxisLabelAlignment(f).textAlign;
+      D = this._getYAxisLabelAlignment(f).textAlign;
     }
     n === "y" && (l === "start" ? U = "top" : l === "end" && (U = "bottom"));
     const G = this._getLabelSizes();
-    for (v = 0, D = r.length; v < D; ++v) {
+    for (v = 0, A = r.length; v < A; ++v) {
       T = r[v], E = T.label;
       const se = o.setContext(this.getContext(v));
       w = this.getPixelForTick(v) + o.labelOffset, _ = this._resolveTickFontOptions(v), P = _.lineHeight, I = Ze(E) ? E.length : 1;
       const N = I / 2, Y = se.color, Q = se.textStrokeColor, j = se.textStrokeWidth;
-      let R = A;
-      i ? ($ = w, A === "inner" && (v === D - 1 ? R = this.options.reverse ? "left" : "right" : v === 0 ? R = this.options.reverse ? "right" : "left" : R = "center"), a === "top" ? c === "near" || m !== 0 ? V = -I * P + P / 2 : c === "center" ? V = -G.highest.height / 2 - N * P + P : V = -G.highest.height + P / 2 : c === "near" || m !== 0 ? V = P / 2 : c === "center" ? V = G.highest.height / 2 - N * P : V = G.highest.height - I * P, d && (V *= -1), m !== 0 && !se.showLabelBackdrop && ($ += P / 2 * Math.sin(m))) : (k = w, V = (1 - I) * P / 2);
+      let R = D;
+      i ? ($ = w, D === "inner" && (v === A - 1 ? R = this.options.reverse ? "left" : "right" : v === 0 ? R = this.options.reverse ? "right" : "left" : R = "center"), a === "top" ? c === "near" || m !== 0 ? V = -I * P + P / 2 : c === "center" ? V = -G.highest.height / 2 - N * P + P : V = -G.highest.height + P / 2 : c === "near" || m !== 0 ? V = P / 2 : c === "center" ? V = G.highest.height / 2 - N * P : V = G.highest.height - I * P, d && (V *= -1), m !== 0 && !se.showLabelBackdrop && ($ += P / 2 * Math.sin(m))) : (k = w, V = (1 - I) * P / 2);
       let Z;
       if (se.showLabelBackdrop) {
         const J = Mt(se.backdropPadding), re = G.heights[v], fe = G.widths[v];
@@ -10362,7 +10362,7 @@ class fs extends ln {
             ke -= re;
             break;
         }
-        switch (A) {
+        switch (D) {
           case "center":
             Ce -= fe / 2;
             break;
@@ -10370,7 +10370,7 @@ class fs extends ln {
             Ce -= fe;
             break;
           case "inner":
-            v === D - 1 ? Ce -= fe : v > 0 && (Ce -= fe / 2);
+            v === A - 1 ? Ce -= fe : v > 0 && (Ce -= fe / 2);
             break;
         }
         Z = {
@@ -11604,26 +11604,26 @@ function Wa(t, e, n, s, a, o) {
     const se = u > 0 ? u - s : 0, N = d > 0 ? d - s : 0, Y = (se + N) / 2, Q = Y !== 0 ? y * Y / (Y + s) : y;
     h = (y - Q) / 2;
   }
-  const m = Math.max(1e-3, y * d - n / je) / d, g = (y - m) / 2, v = l + g + h, D = a - g - h, { outerStart: T, outerEnd: E, innerStart: $, innerEnd: k } = Ry(e, f, d, D - v), A = d - T, w = d - E, _ = v + T / A, P = D - E / w, I = f + $, V = f + k, U = v + $ / I, G = D - k / V;
+  const m = Math.max(1e-3, y * d - n / je) / d, g = (y - m) / 2, v = l + g + h, A = a - g - h, { outerStart: T, outerEnd: E, innerStart: $, innerEnd: k } = Ry(e, f, d, A - v), D = d - T, w = d - E, _ = v + T / D, P = A - E / w, I = f + $, V = f + k, U = v + $ / I, G = A - k / V;
   if (t.beginPath(), o) {
     const se = (_ + P) / 2;
     if (t.arc(i, r, d, _, se), t.arc(i, r, d, se, P), E > 0) {
       const j = Xn(w, P, i, r);
-      t.arc(j.x, j.y, E, P, D + nt);
+      t.arc(j.x, j.y, E, P, A + nt);
     }
-    const N = Xn(V, D, i, r);
+    const N = Xn(V, A, i, r);
     if (t.lineTo(N.x, N.y), k > 0) {
       const j = Xn(V, G, i, r);
-      t.arc(j.x, j.y, k, D + nt, G + Math.PI);
+      t.arc(j.x, j.y, k, A + nt, G + Math.PI);
     }
-    const Y = (D - k / f + (v + $ / f)) / 2;
-    if (t.arc(i, r, f, D - k / f, Y, !0), t.arc(i, r, f, Y, v + $ / f, !0), $ > 0) {
+    const Y = (A - k / f + (v + $ / f)) / 2;
+    if (t.arc(i, r, f, A - k / f, Y, !0), t.arc(i, r, f, Y, v + $ / f, !0), $ > 0) {
       const j = Xn(I, U, i, r);
       t.arc(j.x, j.y, $, U + Math.PI, v - nt);
     }
-    const Q = Xn(A, v, i, r);
+    const Q = Xn(D, v, i, r);
     if (t.lineTo(Q.x, Q.y), T > 0) {
-      const j = Xn(A, _, i, r);
+      const j = Xn(D, _, i, r);
       t.arc(j.x, j.y, T, v - nt, _);
     }
   } else {
@@ -11763,11 +11763,11 @@ function Vy(t, e, n, s) {
 function jy(t, e, n, s) {
   const a = e.points, { count: o, start: i, ilen: r } = Wu(a, n, s), { move: l = !0, reverse: c } = s || {};
   let u = 0, d = 0, f, h, y, m, g, v;
-  const D = (E) => (i + (c ? r - E : E)) % o, T = () => {
+  const A = (E) => (i + (c ? r - E : E)) % o, T = () => {
     m !== g && (t.lineTo(u, g), t.lineTo(u, m), t.lineTo(u, v));
   };
-  for (l && (h = a[D(0)], t.moveTo(h.x, h.y)), f = 0; f <= r; ++f) {
-    if (h = a[D(f)], h.skip)
+  for (l && (h = a[A(0)], t.moveTo(h.x, h.y)), f = 0; f <= r; ++f) {
+    if (h = a[A(f)], h.skip)
       continue;
     const E = h.x, $ = h.y, k = E | 0;
     k === y ? ($ < m ? m = $ : $ > g && (g = $), u = (d * u + E) / ++d) : (T(), t.lineTo(E, $), y = k, d = 0, m = g = $), v = $;
@@ -12531,7 +12531,7 @@ class Dl extends ln {
     const { ctx: o, maxHeight: i, options: { labels: { padding: r } } } = this, l = this.legendHitBoxes = [], c = this.columnSizes = [], u = i - e;
     let d = r, f = 0, h = 0, y = 0, m = 0;
     return this.legendItems.forEach((g, v) => {
-      const { itemWidth: D, itemHeight: T } = vv(s, n, o, g, a);
+      const { itemWidth: A, itemHeight: T } = vv(s, n, o, g, a);
       v > 0 && h + T + 2 * r > u && (d += f + r, c.push({
         width: f,
         height: h
@@ -12539,9 +12539,9 @@ class Dl extends ln {
         left: y,
         top: h,
         col: m,
-        width: D,
+        width: A,
         height: T
-      }, f = Math.max(f, D), h += T + r;
+      }, f = Math.max(f, A), h += T + r;
     }), d += f, c.push({
       width: f,
       height: h
@@ -12574,7 +12574,7 @@ class Dl extends ln {
     const { options: e, columnSizes: n, lineWidths: s, ctx: a } = this, { align: o, labels: i } = e, r = Xe.color, l = ns(e.rtl, this.left, this.width), c = ut(i.font), { padding: u } = i, d = c.size, f = d / 2;
     let h;
     this.drawTitle(), a.textAlign = l.textAlign("left"), a.textBaseline = "middle", a.lineWidth = 0.5, a.font = c.string;
-    const { boxWidth: y, boxHeight: m, itemHeight: g } = Sl(i, d), v = function(k, A, w) {
+    const { boxWidth: y, boxHeight: m, itemHeight: g } = Sl(i, d), v = function(k, D, w) {
       if (isNaN(y) || y <= 0 || isNaN(m) || m < 0)
         return;
       a.save();
@@ -12585,10 +12585,10 @@ class Dl extends ln {
           pointStyle: w.pointStyle,
           rotation: w.rotation,
           borderWidth: _
-        }, I = l.xPlus(k, y / 2), V = A + f;
+        }, I = l.xPlus(k, y / 2), V = D + f;
         gu(a, P, I, V, i.pointStyleWidth && y);
       } else {
-        const P = A + Math.max((d - m) / 2, 0), I = l.leftForLtr(k, y), V = ts(w.borderRadius);
+        const P = D + Math.max((d - m) / 2, 0), I = l.leftForLtr(k, y), V = ts(w.borderRadius);
         a.beginPath(), Object.values(V).some((U) => U !== 0) ? La(a, {
           x: I,
           y: P,
@@ -12598,8 +12598,8 @@ class Dl extends ln {
         }) : a.rect(I, P, y, m), a.fill(), _ !== 0 && a.stroke();
       }
       a.restore();
-    }, D = function(k, A, w) {
-      Fs(a, w.text, k, A + g / 2, c, {
+    }, A = function(k, D, w) {
+      Fs(a, w.text, k, D + g / 2, c, {
         strikethrough: w.hidden,
         textAlign: l.textAlign(w.textAlign)
       });
@@ -12614,13 +12614,13 @@ class Dl extends ln {
       line: 0
     }, _u(this.ctx, e.textDirection);
     const $ = g + u;
-    this.legendItems.forEach((k, A) => {
+    this.legendItems.forEach((k, D) => {
       a.strokeStyle = k.fontColor, a.fillStyle = k.fontColor;
       const w = a.measureText(k.text).width, _ = l.textAlign(k.textAlign || (k.textAlign = i.textAlign)), P = y + f + w;
       let I = h.x, V = h.y;
-      l.setWidth(this.width), T ? A > 0 && I + P + u > this.right && (V = h.y += $, h.line++, I = h.x = lt(o, this.left + u, this.right - s[h.line])) : A > 0 && V + $ > this.bottom && (I = h.x = I + n[h.line].width + u, h.line++, V = h.y = lt(o, this.top + E + u, this.bottom - n[h.line].height));
+      l.setWidth(this.width), T ? D > 0 && I + P + u > this.right && (V = h.y += $, h.line++, I = h.x = lt(o, this.left + u, this.right - s[h.line])) : D > 0 && V + $ > this.bottom && (I = h.x = I + n[h.line].width + u, h.line++, V = h.y = lt(o, this.top + E + u, this.bottom - n[h.line].height));
       const U = l.x(I);
-      if (v(U, V, k), I = Kg(_, I + y + f, T ? I + P : this.right, e.rtl), D(l.x(I), V, k), T)
+      if (v(U, V, k), I = Kg(_, I + y + f, T ? I + P : this.right, e.rtl), A(l.x(I), V, k), T)
         h.x += P + u;
       else if (typeof k.text != "string") {
         const G = c.lineHeight;
@@ -12946,13 +12946,13 @@ function Al(t, e) {
     m += h * E + (v - h) * l.lineHeight + (v - 1) * e.bodySpacing;
   }
   f && (m += e.footerMarginTop + f * u.lineHeight + (f - 1) * e.footerSpacing);
-  let D = 0;
+  let A = 0;
   const T = function(E) {
-    g = Math.max(g, n.measureText(E).width + D);
+    g = Math.max(g, n.measureText(E).width + A);
   };
-  return n.save(), n.font = c.string, Ve(t.title, T), n.font = l.string, Ve(t.beforeBody.concat(t.afterBody), T), D = e.displayColors ? i + 2 + e.boxPadding : 0, Ve(s, (E) => {
+  return n.save(), n.font = c.string, Ve(t.title, T), n.font = l.string, Ve(t.beforeBody.concat(t.afterBody), T), A = e.displayColors ? i + 2 + e.boxPadding : 0, Ve(s, (E) => {
     Ve(E.before, T), Ve(E.lines, T), Ve(E.after, T);
-  }), D = 0, n.font = u.string, Ve(t.footer, T), n.restore(), g += y.width, {
+  }), A = 0, n.font = u.string, Ve(t.footer, T), n.restore(), g += y.width, {
     width: g,
     height: m
   };
@@ -13156,11 +13156,11 @@ class Yo extends ln {
   }
   getCaretPosition(e, n, s) {
     const { xAlign: a, yAlign: o } = this, { caretSize: i, cornerRadius: r } = s, { topLeft: l, topRight: c, bottomLeft: u, bottomRight: d } = ts(r), { x: f, y: h } = e, { width: y, height: m } = n;
-    let g, v, D, T, E, $;
-    return o === "center" ? (E = h + m / 2, a === "left" ? (g = f, v = g - i, T = E + i, $ = E - i) : (g = f + y, v = g + i, T = E - i, $ = E + i), D = g) : (a === "left" ? v = f + Math.max(l, u) + i : a === "right" ? v = f + y - Math.max(c, d) - i : v = this.caretX, o === "top" ? (T = h, E = T - i, g = v - i, D = v + i) : (T = h + m, E = T + i, g = v + i, D = v - i), $ = T), {
+    let g, v, A, T, E, $;
+    return o === "center" ? (E = h + m / 2, a === "left" ? (g = f, v = g - i, T = E + i, $ = E - i) : (g = f + y, v = g + i, T = E - i, $ = E + i), A = g) : (a === "left" ? v = f + Math.max(l, u) + i : a === "right" ? v = f + y - Math.max(c, d) - i : v = this.caretX, o === "top" ? (T = h, E = T - i, g = v - i, A = v + i) : (T = h + m, E = T + i, g = v + i, A = v - i), $ = T), {
       x1: g,
       x2: v,
-      x3: D,
+      x3: A,
       y1: T,
       y2: E,
       y3: $
@@ -13188,7 +13188,7 @@ class Yo extends ln {
     } else {
       e.lineWidth = Re(i.borderWidth) ? Math.max(...Object.values(i.borderWidth)) : i.borderWidth || 1, e.strokeStyle = i.borderColor, e.setLineDash(i.borderDash || []), e.lineDashOffset = i.borderDashOffset || 0;
       const m = a.leftForLtr(f, c), g = a.leftForLtr(a.xPlus(f, 1), c - 2), v = ts(i.borderRadius);
-      Object.values(v).some((D) => D !== 0) ? (e.beginPath(), e.fillStyle = o.multiKeyBackground, La(e, {
+      Object.values(v).some((A) => A !== 0) ? (e.beginPath(), e.fillStyle = o.multiKeyBackground, La(e, {
         x: m,
         y,
         w: c,
@@ -13210,9 +13210,9 @@ class Yo extends ln {
     const y = ns(s.rtl, this.x, this.width), m = function(w) {
       n.fillText(w, y.x(e.x + h), e.y + f / 2), e.y += f + o;
     }, g = y.textAlign(i);
-    let v, D, T, E, $, k, A;
+    let v, A, T, E, $, k, D;
     for (n.textAlign = i, n.textBaseline = "middle", n.font = d.string, e.x = ba(this, g, s), n.fillStyle = s.bodyColor, Ve(this.beforeBody, m), h = r && g !== "right" ? i === "center" ? c / 2 + u : c + 2 + u : 0, E = 0, k = a.length; E < k; ++E) {
-      for (v = a[E], D = this.labelTextColors[E], n.fillStyle = D, Ve(v.before, m), T = v.lines, r && T.length && (this._drawColorBox(n, e, E, y, s), f = Math.max(d.lineHeight, l)), $ = 0, A = T.length; $ < A; ++$)
+      for (v = a[E], A = this.labelTextColors[E], n.fillStyle = A, Ve(v.before, m), T = v.lines, r && T.length && (this._drawColorBox(n, e, E, y, s), f = Math.max(d.lineHeight, l)), $ = 0, D = T.length; $ < D; ++$)
         m(T[$]), f = d.lineHeight;
       Ve(v.after, m);
     }
@@ -13495,9 +13495,9 @@ ye(Go, "id", "category"), ye(Go, "defaults", {
   }
 });
 function Iv(t, e) {
-  const n = [], { bounds: a, step: o, min: i, max: r, precision: l, count: c, maxTicks: u, maxDigits: d, includeBounds: f } = t, h = o || 1, y = u - 1, { min: m, max: g } = e, v = !Fe(i), D = !Fe(r), T = !Fe(c), E = (g - m) / (d + 1);
-  let $ = Pr((g - m) / y / h) * h, k, A, w, _;
-  if ($ < 1e-14 && !v && !D)
+  const n = [], { bounds: a, step: o, min: i, max: r, precision: l, count: c, maxTicks: u, maxDigits: d, includeBounds: f } = t, h = o || 1, y = u - 1, { min: m, max: g } = e, v = !Fe(i), A = !Fe(r), T = !Fe(c), E = (g - m) / (d + 1);
+  let $ = Pr((g - m) / y / h) * h, k, D, w, _;
+  if ($ < 1e-14 && !v && !A)
     return [
       {
         value: m
@@ -13506,23 +13506,23 @@ function Iv(t, e) {
         value: g
       }
     ];
-  _ = Math.ceil(g / $) - Math.floor(m / $), _ > y && ($ = Pr(_ * $ / y / h) * h), Fe(l) || (k = Math.pow(10, l), $ = Math.ceil($ * k) / k), a === "ticks" ? (A = Math.floor(m / $) * $, w = Math.ceil(g / $) * $) : (A = m, w = g), v && D && o && Vg((r - i) / o, $ / 1e3) ? (_ = Math.round(Math.min((r - i) / $, u)), $ = (r - i) / _, A = i, w = r) : T ? (A = v ? i : A, w = D ? r : w, _ = c - 1, $ = (w - A) / _) : (_ = (w - A) / $, Ss(_, Math.round(_), $ / 1e3) ? _ = Math.round(_) : _ = Math.ceil(_));
-  const P = Math.max(Or($), Or(A));
-  k = Math.pow(10, Fe(l) ? P : l), A = Math.round(A * k) / k, w = Math.round(w * k) / k;
+  _ = Math.ceil(g / $) - Math.floor(m / $), _ > y && ($ = Pr(_ * $ / y / h) * h), Fe(l) || (k = Math.pow(10, l), $ = Math.ceil($ * k) / k), a === "ticks" ? (D = Math.floor(m / $) * $, w = Math.ceil(g / $) * $) : (D = m, w = g), v && A && o && Vg((r - i) / o, $ / 1e3) ? (_ = Math.round(Math.min((r - i) / $, u)), $ = (r - i) / _, D = i, w = r) : T ? (D = v ? i : D, w = A ? r : w, _ = c - 1, $ = (w - D) / _) : (_ = (w - D) / $, Ss(_, Math.round(_), $ / 1e3) ? _ = Math.round(_) : _ = Math.ceil(_));
+  const P = Math.max(Or($), Or(D));
+  k = Math.pow(10, Fe(l) ? P : l), D = Math.round(D * k) / k, w = Math.round(w * k) / k;
   let I = 0;
-  for (v && (f && A !== i ? (n.push({
+  for (v && (f && D !== i ? (n.push({
     value: i
-  }), A < i && I++, Ss(Math.round((A + I * $) * k) / k, i, El(i, E, t)) && I++) : A < i && I++); I < _; ++I) {
-    const V = Math.round((A + I * $) * k) / k;
-    if (D && V > r)
+  }), D < i && I++, Ss(Math.round((D + I * $) * k) / k, i, El(i, E, t)) && I++) : D < i && I++); I < _; ++I) {
+    const V = Math.round((D + I * $) * k) / k;
+    if (A && V > r)
       break;
     n.push({
       value: V
     });
   }
-  return D && f && w !== r ? n.length && Ss(n[n.length - 1].value, r, El(r, E, t)) ? n[n.length - 1].value = r : n.push({
+  return A && f && w !== r ? n.length && Ss(n[n.length - 1].value, r, El(r, E, t)) ? n[n.length - 1].value = r : n.push({
     value: r
-  }) : (!D || w === r) && n.push({
+  }) : (!A || w === r) && n.push({
     value: w
   }), n;
 }
@@ -14345,12 +14345,12 @@ const Wv = {
       _ !== I && (y.value = I), s("update:modelValue", P);
     }, g = () => {
       y.value = "", s("update:modelValue", null), s("clear");
-    }, v = M(() => !a.clearable || a.disabled || a.readonly ? !1 : a.hideClearWhenEmpty ? y.value.length > 0 : !0), D = M(() => !!a.error), T = M(() => {
+    }, v = M(() => !a.clearable || a.disabled || a.readonly ? !1 : a.hideClearWhenEmpty ? y.value.length > 0 : !0), A = M(() => !!a.error), T = M(() => {
       const { class: w, maxlength: _, maxLength: P, ...I } = n;
       return I;
     }), E = M(() => y.value.length), $ = M(() => a.showCharCount ? (l.value ?? 0) > 0 : !1), k = M(
       () => $.value && E.value > 0
-    ), A = M(() => `${E.value} / ${l.value}`);
+    ), D = M(() => `${E.value} / ${l.value}`);
     return (w, _) => (p(), C("div", {
       class: ce(["flex flex-col gap-1 w-full", b(n).class]),
       "aria-busy": a.skeleton
@@ -14394,7 +14394,7 @@ const Wv = {
               "w-full h-10 flex items-center gap-2 rounded-lg border px-3 py-2 bg-white dark:bg-neutral-900 text-sm text-foreground dark:text-gray-300 border-gray-300 dark:border-gray-700 focus-within:ring-1 focus-within:ring-white",
               "pl-10",
               v.value ? "pr-10" : "",
-              D.value ? "border-destructive focus:ring-destructive focus-visible:ring-destructive focus-visible:ring-[0.5px] outline-none" : "outline-none"
+              A.value ? "border-destructive focus:ring-destructive focus-visible:ring-destructive focus-visible:ring-[0.5px] outline-none" : "outline-none"
             ]
           }), null, 16, ux), [
             [rc, y.value]
@@ -14407,9 +14407,9 @@ const Wv = {
               onClick: g
             }, " ✕ ")
           ])) : H("", !0),
-          k.value && !D.value ? (p(), C("p", fx, W(A.value), 1)) : H("", !0)
+          k.value && !A.value ? (p(), C("p", fx, W(D.value), 1)) : H("", !0)
         ]),
-        D.value ? (p(), C("p", hx, W(a.error), 1)) : H("", !0)
+        A.value ? (p(), C("p", hx, W(a.error), 1)) : H("", !0)
       ], 64))
     ], 10, sx));
   }
@@ -16254,7 +16254,7 @@ const Jw = {
     ), v = M(() => {
       if (s.maxDaysAhead && s.maxDaysAhead > 0)
         return y(m(/* @__PURE__ */ new Date(), s.maxDaysAhead));
-    }), D = ee(null), T = ee(null), E = (U) => {
+    }), A = ee(null), T = ee(null), E = (U) => {
       T.value = { month: U.month, year: U.year };
     }, $ = ee(!1);
     let k = null;
@@ -16264,11 +16264,11 @@ const Jw = {
     }), an(() => {
       k == null || k.disconnect(), k = null;
     }), Xw(Ld(s, "tone"));
-    const A = (U) => {
+    const D = (U) => {
       const G = new Date(U), se = G.getDay(), N = G.getDate() - se + (se === 0 ? -6 : 1);
       return G.setDate(N), h(G);
     }, w = (U) => {
-      const G = A(U);
+      const G = D(U);
       return G.setDate(G.getDate() + 6), y(G);
     }, _ = (U) => {
       const G = new Date(U);
@@ -16282,7 +16282,7 @@ const Jw = {
       return [
         {
           label: s.locale === "id" ? "Minggu Ini" : "This Week",
-          range: [A(U), w(U)]
+          range: [D(U), w(U)]
         },
         {
           label: s.locale === "id" ? "Bulan Ini" : "This Month",
@@ -16300,10 +16300,10 @@ const Jw = {
       const se = Gl(U[0], G), N = Gl(U[1], G);
       c.value = [se, N], await sn();
       const Y = U[0], Q = Y.getMonth(), j = Y.getFullYear();
-      T.value && T.value.month === Q && T.value.year === j || (Z = D.value) == null || Z.setMonthYear({
+      T.value && T.value.month === Q && T.value.year === j || (Z = A.value) == null || Z.setMonthYear({
         month: Q,
         year: j
-      }), (J = D.value) == null || J.openMenu();
+      }), (J = A.value) == null || J.openMenu();
     };
     return (U, G) => (p(), C("div", {
       class: ce(["flex flex-col gap-1 w-full", b(n).class])
@@ -16325,7 +16325,7 @@ const Jw = {
         }, 8, ["for"])) : H("", !0),
         F(b(dh), {
           ref_key: "dpRef",
-          ref: D,
+          ref: A,
           modelValue: c.value,
           "onUpdate:modelValue": G[1] || (G[1] = (se) => c.value = se),
           dark: $.value,
@@ -16406,7 +16406,7 @@ const Jw = {
                 variant: "outline",
                 onClick: G[0] || (G[0] = (Y) => {
                   var Q;
-                  return (Q = D.value) == null ? void 0 : Q.closeMenu();
+                  return (Q = A.value) == null ? void 0 : Q.closeMenu();
                 })
               }, {
                 default: O(() => [
@@ -17399,7 +17399,7 @@ const L1 = { class: "relative w-full" }, V1 = { class: "mt-2 flex justify-end ga
     function v() {
       r.value = o.value, l.value = i.value;
     }
-    function D(_) {
+    function A(_) {
       const P = _.trim();
       if (!P) return { a: "", b: null };
       if (P.includes(" - ")) {
@@ -17417,7 +17417,7 @@ const L1 = { class: "relative w-full" }, V1 = { class: "mt-2 flex justify-end ga
       return { a: P, b: null };
     }
     function T() {
-      const { a: _, b: P } = D(l.value);
+      const { a: _, b: P } = A(l.value);
       if (!_ && !P)
         return r.value = null, !0;
       const I = _ ? h(_) : null;
@@ -17458,7 +17458,7 @@ const L1 = { class: "relative w-full" }, V1 = { class: "mt-2 flex justify-end ga
       }
       o.value = P, i.value = P ? m(P) : "", r.value = o.value, l.value = i.value, E(P), a.value = !1;
     }
-    function A() {
+    function D() {
       v(), a.value = !1;
     }
     function w() {
@@ -17536,7 +17536,7 @@ const L1 = { class: "relative w-full" }, V1 = { class: "mt-2 flex justify-end ga
               F(b(Ie), {
                 variant: "outline",
                 type: "button",
-                onClick: A
+                onClick: D
               }, {
                 default: O(() => [...P[8] || (P[8] = [
                   ge("Cancel", -1)
@@ -17946,13 +17946,13 @@ const L1 = { class: "relative w-full" }, V1 = { class: "mt-2 flex justify-end ga
       n.disabled || ($ = a.value) == null || $.click();
     }
     function d($) {
-      const k = $ / 1024, A = k / 1024;
-      return A >= 1 ? `${A.toFixed(2)} MB` : k >= 1 ? `${k.toFixed(1)} KB` : `${$} B`;
+      const k = $ / 1024, D = k / 1024;
+      return D >= 1 ? `${D.toFixed(2)} MB` : k >= 1 ? `${k.toFixed(1)} KB` : `${$} B`;
     }
     function f($) {
-      var A;
+      var D;
       if (!$) return "File tidak valid";
-      if ((A = n.accept) != null && A.includes("image/") && !$.type.startsWith("image/"))
+      if ((D = n.accept) != null && D.includes("image/") && !$.type.startsWith("image/"))
         return "Hanya file gambar yang diizinkan";
       const k = (n.maxSizeMb ?? 2) * 1024 * 1024;
       return $.size > k ? `Ukuran file terlalu besar. Maks ${n.maxSizeMb}MB` : null;
@@ -17963,28 +17963,28 @@ const L1 = { class: "relative w-full" }, V1 = { class: "mt-2 flex justify-end ga
     function y($) {
       if (i.value = null, !$.length) return;
       if (n.mode === "single") {
-        const A = $[0], w = f(A);
+        const D = $[0], w = f(D);
         if (w) {
           i.value = w, s("error", w);
           return;
         }
-        n.showSelected && h(A), s("picked", A);
+        n.showSelected && h(D), s("picked", D);
         return;
       }
       const k = [];
-      for (const A of $) {
-        const w = f(A);
+      for (const D of $) {
+        const w = f(D);
         if (w) {
           i.value = w, s("error", w);
           return;
         }
-        k.push(A);
+        k.push(D);
       }
       k.length && (n.showSelected && h(k[0]), s("picked:multiple", k));
     }
     function m($) {
-      const k = $.target, A = Array.from(k.files ?? []);
-      y(A), k.value = "";
+      const k = $.target, D = Array.from(k.files ?? []);
+      y(D), k.value = "";
     }
     function g() {
       n.disabled || (o.value = !0);
@@ -17992,15 +17992,15 @@ const L1 = { class: "relative w-full" }, V1 = { class: "mt-2 flex justify-end ga
     function v() {
       n.disabled || (o.value = !0);
     }
-    function D() {
+    function A() {
       o.value = !1;
     }
     function T($) {
       var w, _;
       if (n.disabled) return;
       o.value = !1;
-      const k = Array.from(((w = $.dataTransfer) == null ? void 0 : w.files) ?? []), A = (_ = n.accept) != null && _.includes("image/") ? k.filter((P) => P.type.startsWith("image/")) : k;
-      y(A);
+      const k = Array.from(((w = $.dataTransfer) == null ? void 0 : w.files) ?? []), D = (_ = n.accept) != null && _.includes("image/") ? k.filter((P) => P.type.startsWith("image/")) : k;
+      y(D);
     }
     const E = M(
       () => (n.accept || "file/*").split(",").map(($) => $.trim()).filter(Boolean).map(($) => $ === "image/*" ? "IMAGE" : $.replace(/^image\//, "").replace(/^\./, "")).join(", ")
@@ -18031,7 +18031,7 @@ const L1 = { class: "relative w-full" }, V1 = { class: "mt-2 flex justify-end ga
               onClick: u,
               onDragenter: qe(g, ["prevent"]),
               onDragover: qe(v, ["prevent"]),
-              onDragleave: qe(D, ["prevent"]),
+              onDragleave: qe(A, ["prevent"]),
               onDrop: qe(T, ["prevent"])
             }, [
               x("div", Z1, [
@@ -18281,8 +18281,8 @@ const yk = { class: "space-y-3" }, vk = {
       return k ? k.split(/[,\s;]+/g).map((w) => w.trim().toLowerCase()).filter(Boolean).map((w) => w.includes("/") || w.startsWith(".") ? w : `.${w}`) : [];
     });
     function u(k) {
-      const A = k.lastIndexOf(".");
-      return A >= 0 ? k.slice(A).toLowerCase() : "";
+      const D = k.lastIndexOf(".");
+      return D >= 0 ? k.slice(D).toLowerCase() : "";
     }
     const d = M(() => {
       if (c.value.length) {
@@ -18293,13 +18293,13 @@ const yk = { class: "space-y-3" }, vk = {
     }), f = M(() => c.value.length ? c.value.join(", ") : n.accept || "Semua File");
     function h(k) {
       if (c.value.length) {
-        const A = (k.type || "").toLowerCase(), w = u(k.name);
-        return c.value.some((_) => _.includes("/") ? A === _ : _.startsWith(".") ? w === _ : w === `.${_}`);
+        const D = (k.type || "").toLowerCase(), w = u(k.name);
+        return c.value.some((_) => _.includes("/") ? D === _ : _.startsWith(".") ? w === _ : w === `.${_}`);
       }
       if (n.accept) {
         if (n.accept === "*/*") return !0;
-        const A = n.accept.split(",").map((P) => P.trim().toLowerCase()), w = (k.type || "").toLowerCase(), _ = u(k.name);
-        return A.some((P) => {
+        const D = n.accept.split(",").map((P) => P.trim().toLowerCase()), w = (k.type || "").toLowerCase(), _ = u(k.name);
+        return D.some((P) => {
           if (P.endsWith("/*")) {
             const I = P.slice(0, -2);
             return w.startsWith(I);
@@ -18315,22 +18315,22 @@ const yk = { class: "space-y-3" }, vk = {
     async function m(k) {
       return k ? h(k) ? n.minSizeMb != null && k.size < y(n.minSizeMb) ? `Ukuran file terlalu kecil. Minimal ${n.minSizeMb}MB` : n.maxSizeMb != null && k.size > y(n.maxSizeMb) ? `Ukuran file terlalu besar. Maks ${n.maxSizeMb}MB` : null : `File Type not allowed. Allowed: ${f.value}` : "File tidak valid";
     }
-    const { DCodeApi: g } = $t(), v = xd(), D = ee(!1);
+    const { DCodeApi: g } = $t(), v = xd(), A = ee(!1);
     async function T(k) {
-      var A;
+      var D;
       if (n.uploadFn) {
         try {
-          D.value = !0;
+          A.value = !0;
           const w = await n.uploadFn(k);
           a.value = k, s("uploaded", w);
         } catch (w) {
           console.error("Upload Error", w), v.error("Upload Failed", (w == null ? void 0 : w.message) || "Unknown error"), r((w == null ? void 0 : w.message) || "Upload Failed");
         } finally {
-          D.value = !1;
+          A.value = !1;
         }
         return;
       }
-      if (!((A = n.endpoint) != null && A.apiUrl)) {
+      if (!((D = n.endpoint) != null && D.apiUrl)) {
         a.value = k;
         return;
       }
@@ -18339,7 +18339,7 @@ const yk = { class: "space-y-3" }, vk = {
         return;
       }
       try {
-        D.value = !0;
+        A.value = !0;
         const w = new FormData();
         w.append("doc", k);
         const _ = (n.endpoint.apiMethod || "POST").toUpperCase(), P = n.endpoint.apiUrl, I = await g("", "", w, {
@@ -18354,16 +18354,16 @@ const yk = { class: "space-y-3" }, vk = {
       } catch (w) {
         console.error("Upload Error", w), v.error("Upload Failed", (w == null ? void 0 : w.message) || "Unknown error"), r((w == null ? void 0 : w.message) || "Upload Failed");
       } finally {
-        D.value = !1;
+        A.value = !1;
       }
     }
     async function E(k) {
       var w;
       if (n.disabled) return;
       l();
-      const A = await m(k);
-      if (A) {
-        r(A);
+      const D = await m(k);
+      if (D) {
+        r(D);
         return;
       }
       o.value = k, n.uploadFn || (w = n.endpoint) != null && w.apiUrl ? await T(k) : a.value = k;
@@ -18377,8 +18377,8 @@ const yk = { class: "space-y-3" }, vk = {
         k && !o.value && (o.value = k), k || (o.value = null);
       },
       { immediate: !0 }
-    ), (k, A) => (p(), C("div", yk, [
-      a.value ? D.value ? (p(), C("div", vk, [...A[1] || (A[1] = [
+    ), (k, D) => (p(), C("div", yk, [
+      a.value ? A.value ? (p(), C("div", vk, [...D[1] || (D[1] = [
         x("span", { class: "text-sm text-muted-foreground animate-pulse" }, "Uploading...", -1)
       ])])) : (p(), X(vd, {
         key: 2,
@@ -18399,10 +18399,10 @@ const yk = { class: "space-y-3" }, vk = {
         hint: t.hint,
         accept: d.value,
         maxSizeMb: t.maxSizeMb,
-        disabled: t.disabled || D.value,
+        disabled: t.disabled || A.value,
         onPicked: E,
         error: i.value,
-        onError: A[0] || (A[0] = (w) => r(w))
+        onError: D[0] || (D[0] = (w) => r(w))
       }, null, 8, ["label", "hint", "accept", "maxSizeMb", "disabled", "error"]))
     ]));
   }
@@ -18454,7 +18454,7 @@ const yk = { class: "space-y-3" }, vk = {
       "camelCase",
       "children",
       "IconNode"
-    ]), D = async () => {
+    ]), A = async () => {
       if (h.value || y.value) return;
       y.value = !0, await new Promise((re) => setTimeout(re, 0));
       const J = Object.keys(a).filter((re) => !v.has(re)).filter((re) => /^[A-Z]/.test(re)).filter(
@@ -18469,7 +18469,7 @@ const yk = { class: "space-y-3" }, vk = {
       if (!h.value) return [];
       const J = (d.value ?? "").trim().toLowerCase();
       return J ? m.value.filter((re) => re.toLowerCase().includes(J)) : m.value;
-    }), A = M(() => k.value.slice(0, g.value));
+    }), D = M(() => k.value.slice(0, g.value));
     Be(
       () => d.value,
       () => {
@@ -18491,7 +18491,7 @@ const yk = { class: "space-y-3" }, vk = {
         f.value = !1;
         return;
       }
-      c.value = !0, await D(), re && (d.value = "", E.value = ""), g.value = n.pageSize, await I();
+      c.value = !0, await A(), re && (d.value = "", E.value = ""), g.value = n.pageSize, await I();
     }, U = () => {
       c.value = !1, d.value = "", E.value = u.value, g.value = n.pageSize;
     }, G = async () => {
@@ -18610,7 +18610,7 @@ const yk = { class: "space-y-3" }, vk = {
               key: 2,
               class: ce(["grid gap-2", w.value])
             }, [
-              (p(!0), C(xe, null, Ne(A.value, (fe) => (p(), C("button", {
+              (p(!0), C(xe, null, Ne(D.value, (fe) => (p(), C("button", {
                 key: fe,
                 type: "button",
                 class: ce(["group rounded-lg border p-2 hover:bg-muted/40 transition", u.value === fe ? "ring-1 ring-primary" : ""]),
@@ -18625,7 +18625,7 @@ const yk = { class: "space-y-3" }, vk = {
                 ])
               ], 10, $k))), 128))
             ], 2)),
-            h.value && k.value.length > 0 ? (p(), C("div", Tk, " Showing " + W(A.value.length) + " / " + W(k.value.length), 1)) : H("", !0)
+            h.value && k.value.length > 0 ? (p(), C("div", Tk, " Showing " + W(D.value.length) + " / " + W(k.value.length), 1)) : H("", !0)
           ], 36)
         ])) : H("", !0)
       ])
@@ -18679,7 +18679,7 @@ const yk = { class: "space-y-3" }, vk = {
         r = null, o.value && (o.value.innerHTML = ""), i.value = null;
       }
     }
-    async function d(g, v, D, T, E) {
+    async function d(g, v, A, T, E) {
       const $ = await new Promise((w, _) => {
         const P = URL.createObjectURL(g), I = new Image();
         I.onload = () => {
@@ -18688,9 +18688,9 @@ const yk = { class: "space-y-3" }, vk = {
           URL.revokeObjectURL(P), _(V);
         }, I.src = P;
       }), k = document.createElement("canvas");
-      k.width = v, k.height = D;
-      const A = k.getContext("2d");
-      return A ? (A.drawImage($, 0, 0, v, D), await new Promise((w) => {
+      k.width = v, k.height = A;
+      const D = k.getContext("2d");
+      return D ? (D.drawImage($, 0, 0, v, A), await new Promise((w) => {
         k.toBlob((_) => w(_ || g), T, E);
       })) : g;
     }
@@ -18757,10 +18757,10 @@ const yk = { class: "space-y-3" }, vk = {
       }), r.on("file-editor:complete", async (g) => {
         const v = ++c;
         try {
-          const D = g.data, T = D.type || g.type || "image/jpeg";
-          let E = D;
+          const A = g.data, T = A.type || g.type || "image/jpeg";
+          let E = A;
           if (n.outputWidth && n.outputHeight && (E = await d(
-            D,
+            A,
             n.outputWidth,
             n.outputHeight,
             T,
@@ -18773,11 +18773,11 @@ const yk = { class: "space-y-3" }, vk = {
       }));
     }
     async function m(g, v = "CROP_RESULT") {
-      const D = URL.createObjectURL(g);
+      const A = URL.createObjectURL(g);
       try {
         const T = await new Promise((E, $) => {
           const k = new Image();
-          k.onload = () => E(k), k.onerror = $, k.src = D;
+          k.onload = () => E(k), k.onerror = $, k.src = A;
         });
         console.group(v), console.log("file:", g), console.table({
           name: g.name,
@@ -18787,9 +18787,9 @@ const yk = { class: "space-y-3" }, vk = {
           width: T.naturalWidth,
           height: T.naturalHeight,
           ratio: +(T.naturalWidth / T.naturalHeight).toFixed(4)
-        }), console.log("previewUrl:", D), console.groupEnd();
+        }), console.log("previewUrl:", A), console.groupEnd();
       } finally {
-        URL.revokeObjectURL(D);
+        URL.revokeObjectURL(A);
       }
     }
     return Be(
@@ -18807,7 +18807,7 @@ const yk = { class: "space-y-3" }, vk = {
       l = !0, c++, u();
     }), (g, v) => (p(), X(b(bd), {
       open: a.value,
-      "onUpdate:open": v[2] || (v[2] = (D) => a.value = D)
+      "onUpdate:open": v[2] || (v[2] = (A) => a.value = A)
     }, {
       default: O(() => [
         F(b(yd), {
@@ -19033,13 +19033,13 @@ const yk = { class: "space-y-3" }, vk = {
         }, R.src = j;
       }) : null;
     }
-    async function D(N) {
+    async function A(N) {
       if (!(n.minWidth != null || n.minHeight != null || n.maxWidth != null || n.maxHeight != null)) return null;
       const Q = await v(N);
       return Q ? n.minWidth != null && Q.w < n.minWidth ? `Lebar gambar minimal ${n.minWidth}px` : n.minHeight != null && Q.h < n.minHeight ? `Tinggi gambar minimal ${n.minHeight}px` : n.maxWidth != null && Q.w > n.maxWidth ? `Lebar gambar maksimal ${n.maxWidth}px` : n.maxHeight != null && Q.h > n.maxHeight ? `Tinggi gambar maksimal ${n.maxHeight}px` : null : "Gagal membaca dimensi gambar";
     }
     async function T(N) {
-      return N ? m(N) ? n.minSizeMb != null && N.size < g(n.minSizeMb) ? `Ukuran file terlalu kecil. Minimal ${n.minSizeMb}MB` : n.maxSizeMb != null && N.size > g(n.maxSizeMb) ? `Ukuran file terlalu besar. Maks ${n.maxSizeMb}MB` : await D(N) : `only Allowed: ${y.value}` : "File tidak valid";
+      return N ? m(N) ? n.minSizeMb != null && N.size < g(n.minSizeMb) ? `Ukuran file terlalu kecil. Minimal ${n.minSizeMb}MB` : n.maxSizeMb != null && N.size > g(n.maxSizeMb) ? `Ukuran file terlalu besar. Maks ${n.maxSizeMb}MB` : await A(N) : `only Allowed: ${y.value}` : "File tidak valid";
     }
     function E(N) {
       n.disabled || (i.value = N, o.value = !0);
@@ -19054,7 +19054,7 @@ const yk = { class: "space-y-3" }, vk = {
       }
       r.value = N, E(N);
     }
-    const { DCodeApi: k } = $t(), A = xd(), w = ee(!1);
+    const { DCodeApi: k } = $t(), D = xd(), w = ee(!1);
     ee(null);
     function _(N, Y) {
       return !N || !Y ? null : N.replace(/\/+$/, "") + "/" + Y.replace(/^\/+/, "");
@@ -19074,7 +19074,7 @@ const yk = { class: "space-y-3" }, vk = {
           const Q = await n.uploadFn(N);
           a.value = N, s("uploaded", Q);
         } catch (Q) {
-          console.error("Upload Error", Q), A.error("Upload Failed", (Q == null ? void 0 : Q.message) || "Unknown error"), c((Q == null ? void 0 : Q.message) || "Upload Failed");
+          console.error("Upload Error", Q), D.error("Upload Failed", (Q == null ? void 0 : Q.message) || "Unknown error"), c((Q == null ? void 0 : Q.message) || "Upload Failed");
         } finally {
           w.value = !1;
         }
@@ -19102,7 +19102,7 @@ const yk = { class: "space-y-3" }, vk = {
         }), J = (Z == null ? void 0 : Z.data) ?? Z;
         P(J), a.value = N, s("uploaded", J);
       } catch (Q) {
-        console.error("Upload Error", Q), A.error("Upload Failed", (Q == null ? void 0 : Q.message) || "Unknown error"), c((Q == null ? void 0 : Q.message) || "Upload Failed");
+        console.error("Upload Error", Q), D.error("Upload Failed", (Q == null ? void 0 : Q.message) || "Unknown error"), c((Q == null ? void 0 : Q.message) || "Upload Failed");
       } finally {
         w.value = !1;
       }
@@ -19282,7 +19282,7 @@ const yk = { class: "space-y-3" }, vk = {
     ), m = M(() => {
       var ae;
       return !!((ae = a.endpoint) != null && ae.apiUrl) || !!a.fetchItems;
-    }), g = ee([]), v = ee(!1), D = ee(!1), T = M(() => {
+    }), g = ee([]), v = ee(!1), A = ee(!1), T = M(() => {
       var de;
       const ae = (de = a.endpoint) == null ? void 0 : de.apiOptions;
       if (ae)
@@ -19317,7 +19317,7 @@ const yk = { class: "space-y-3" }, vk = {
             }), At = (Ke == null ? void 0 : Ke.data) ?? Ke;
             de = (At == null ? void 0 : At.data) ?? At;
           }
-          g.value = Array.isArray(de) ? de : [], D.value = !0;
+          g.value = Array.isArray(de) ? de : [], A.value = !0;
         } catch (de) {
           console.error("[DCodeMultiSelectChips][fetchOptions] ERROR:", de), g.value = [];
         } finally {
@@ -19328,12 +19328,12 @@ const yk = { class: "space-y-3" }, vk = {
     Be(
       () => E.value,
       () => {
-        g.value = [], D.value = !1;
+        g.value = [], A.value = !1;
       }
     ), wt(() => {
       a.autoFetchOnMount && m.value && k();
     });
-    const A = M(() => {
+    const D = M(() => {
       const ae = y.value;
       if (a.returnObject) return ae;
       const de = /* @__PURE__ */ new Map();
@@ -19344,7 +19344,7 @@ const yk = { class: "space-y-3" }, vk = {
           [a.itemTitle]: String(me)
         }
       );
-    }), w = M(() => a.maxChips === null ? A.value : A.value.slice(0, a.maxChips));
+    }), w = M(() => a.maxChips === null ? D.value : D.value.slice(0, a.maxChips));
     function _(ae) {
       const de = y.value;
       if (a.returnObject) {
@@ -19396,7 +19396,7 @@ const yk = { class: "space-y-3" }, vk = {
     async function Ce() {
       a.disabled || (j.value = !0, J.value = 0, requestAnimationFrame(() => {
         Q.value && (Q.value.scrollTop = 0), Z.value = 0;
-      }), m.value && a.autoFetchOnOpen && (a.refreshOnOpen || !D.value) && !v.value && await k());
+      }), m.value && a.autoFetchOnOpen && (a.refreshOnOpen || !A.value) && !v.value && await k());
     }
     function De() {
       j.value = !1;
@@ -19496,7 +19496,7 @@ const yk = { class: "space-y-3" }, vk = {
       ae && ne(ae);
     }
     const We = M(
-      () => a.clearable && !a.disabled && A.value.length > 0
+      () => a.clearable && !a.disabled && D.value.length > 0
     ), Ge = M(() => u.value ? "border-red-500 ring-[0.5px] ring-red-500" : j.value ? "border-gray-700 ring-[0.5px] ring-gray-700 dark:border-gray-300 dark:ring-gray-300" : "");
     return (ae, de) => on((p(), C("div", {
       class: ce(["flex flex-col gap-1 w-full", b(n).class]),
@@ -19535,7 +19535,7 @@ const yk = { class: "space-y-3" }, vk = {
           }, {
             default: O(() => [
               x("div", Zk, [
-                A.value.length ? (p(), C("div", e_, [
+                D.value.length ? (p(), C("div", e_, [
                   (p(!0), C(xe, null, Ne(w.value, (me, Se) => (p(), X(b(wn), {
                     key: `chip-${h(me, Se)}`,
                     variant: "secondary",
@@ -19552,12 +19552,12 @@ const yk = { class: "space-y-3" }, vk = {
                     ]),
                     _: 2
                   }, 1024))), 128)),
-                  a.maxChips !== null && A.value.length > a.maxChips ? (p(), X(b(wn), {
+                  a.maxChips !== null && D.value.length > a.maxChips ? (p(), X(b(wn), {
                     key: 0,
                     variant: "secondary"
                   }, {
                     default: O(() => [
-                      ge(" +" + W(A.value.length - (a.maxChips ?? 0)), 1)
+                      ge(" +" + W(D.value.length - (a.maxChips ?? 0)), 1)
                     ]),
                     _: 1
                   })) : H("", !0)
@@ -19682,7 +19682,7 @@ const yk = { class: "space-y-3" }, vk = {
     }, c = (m) => m.match(/[a-zA-Z0-9]/) ? m.match(/[a-zA-Z0-9]/)[0] : "", u = (m, g) => {
       o.value[m] = c(g), s("updateOtp", o.value.join(""));
     }, d = (m, g) => {
-      const v = m.key, D = /^\d$/.test(v), T = /^[a-zA-Z]$/.test(v);
+      const v = m.key, A = /^\d$/.test(v), T = /^[a-zA-Z]$/.test(v);
       if (v === "Backspace") {
         if (m.preventDefault(), o.value[g]) {
           u(g, "");
@@ -19699,21 +19699,21 @@ const yk = { class: "space-y-3" }, vk = {
         m.preventDefault(), l(g + 1);
         return;
       }
-      if (D || T) {
+      if (A || T) {
         m.preventDefault(), u(g, v), g < i.value - 1 && l(g + 1);
         return;
       }
       v.length === 1 && m.preventDefault();
     }, f = (m, g) => {
-      const v = m.target, D = v.value ?? "", T = c(D);
+      const v = m.target, A = v.value ?? "", T = c(A);
       v.value = T, u(g, T), T && g < i.value - 1 && l(g + 1);
     }, h = (m, g) => {
       var E;
       m.preventDefault();
-      const D = (((E = m.clipboardData) == null ? void 0 : E.getData("text")) ?? "").replaceAll(/[^a-zA-Z0-9]/g, "");
-      if (!D) return;
+      const A = (((E = m.clipboardData) == null ? void 0 : E.getData("text")) ?? "").replaceAll(/[^a-zA-Z0-9]/g, "");
+      if (!A) return;
       let T = g;
-      for (const $ of D) {
+      for (const $ of A) {
         if (T >= i.value) break;
         o.value[T] = $, T++;
       }
@@ -19735,9 +19735,9 @@ const yk = { class: "space-y-3" }, vk = {
           autocomplete: "one-time-code",
           "aria-label": "OTP digit",
           class: "flex-1 w-auto min-w-8 max-w-14 aspect-square h-auto p-0 text-center text-lg sm:text-xl font-medium",
-          onKeydown: (D) => d(D, v - 1),
-          onInput: (D) => f(D, v - 1),
-          onPaste: (D) => h(D, v - 1)
+          onKeydown: (A) => d(A, v - 1),
+          onInput: (A) => f(A, v - 1),
+          onPaste: (A) => h(A, v - 1)
         }, null, 8, ["value", "onKeydown", "onInput", "onPaste"]))), 128))
       ])
     ]));
@@ -20143,14 +20143,14 @@ const yk = { class: "space-y-3" }, vk = {
       const $ = a.max - a.min;
       return (a.modelValue - a.min) / $ * 100;
     }), m = ($) => {
-      const k = $.target, A = parseFloat(k.value);
-      s("update:modelValue", A), s("input", A);
+      const k = $.target, D = parseFloat(k.value);
+      s("update:modelValue", D), s("input", D);
     }, g = ($) => {
-      const k = $.target, A = parseFloat(k.value);
-      s("change", A);
+      const k = $.target, D = parseFloat(k.value);
+      s("change", D);
     }, v = () => {
       i.value = !0;
-    }, D = () => {
+    }, A = () => {
       i.value = !1;
     }, T = ($) => {
       const k = a.max - a.min;
@@ -20241,19 +20241,19 @@ const yk = { class: "space-y-3" }, vk = {
             onInput: m,
             onChange: g,
             onMousedown: v,
-            onMouseup: D,
+            onMouseup: A,
             onTouchstart: v,
-            onTouchend: D
+            onTouchend: A
           }, null, 42, Q_)
         ]),
         t.marks.length > 0 ? (p(), C("div", Z_, [
-          (p(!0), C(xe, null, Ne(t.marks, (A) => (p(), C("div", {
-            key: A.value,
+          (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(A.value)}%`, transform: "translateX(-50%)" })
+            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(A.label), 1)
+            x("span", e2, W(D.label), 1)
           ], 4))), 128))
         ])) : H("", !0)
       ]),
@@ -20669,7 +20669,7 @@ const yk = { class: "space-y-3" }, vk = {
         te !== v.value && (v.value = te);
       }
     );
-    const D = ee(!1), T = ee(!1), E = (z) => z.split(/(\s+)/).map((te) => {
+    const A = ee(!1), T = ee(!1), E = (z) => z.split(/(\s+)/).map((te) => {
       if (te.trim() === "") return te;
       const pe = te.toLowerCase();
       return pe.charAt(0).toUpperCase() + pe.slice(1);
@@ -20692,11 +20692,11 @@ const yk = { class: "space-y-3" }, vk = {
         default:
           return z;
       }
-    }, A = (z) => {
+    }, D = (z) => {
       if (!z) return null;
       const te = Array.isArray(z) ? z.join("") : z;
       return te ? new Set(te) : null;
-    }, w = M(() => A(r.allowChars)), _ = (z, te) => (z.lastIndex = 0, z.test(te)), P = (z) => {
+    }, w = M(() => D(r.allowChars)), _ = (z, te) => (z.lastIndex = 0, z.test(te)), P = (z) => {
       if (r.valueType === "free" || r.valueType === "email" || r.valueType === "password")
         return !0;
       const te = z === " ", pe = /\d/.test(z), Me = new RegExp("\\p{L}", "u").test(z), Je = new RegExp("\\p{N}", "u").test(z);
@@ -20739,22 +20739,22 @@ const yk = { class: "space-y-3" }, vk = {
       z.setRangeText(te, pe, Me, "end"), R(z, N(z.value));
     }, J = (z) => {
       var Me;
-      if (!Y || D.value || T.value || !((Me = z.inputType) != null && Me.startsWith("insert"))) return;
+      if (!Y || A.value || T.value || !((Me = z.inputType) != null && Me.startsWith("insert"))) return;
       const te = z.data;
       if (te == null) return;
       const pe = N(te);
       pe !== te && (z.preventDefault(), pe.length > 0 && Z(Y, pe));
     }, re = (z) => {
       var Me;
-      if (!Y || D.value || T.value) return;
+      if (!Y || A.value || T.value) return;
       const te = ((Me = z.clipboardData) == null ? void 0 : Me.getData("text")) ?? "", pe = N(te);
       pe !== te && (z.preventDefault(), pe.length > 0 && Z(Y, pe));
     }, fe = (z) => {
-      if (!Y || D.value || T.value) return;
+      if (!Y || A.value || T.value) return;
       const te = z.target, pe = te.value ?? "", Me = N(pe);
       Me === pe ? j(Me) : R(te, Me);
-    }, ke = () => D.value = !0, Ce = () => {
-      if (D.value = !1, !Y) return;
+    }, ke = () => A.value = !0, Ce = () => {
+      if (A.value = !1, !Y) return;
       const z = Y.value ?? "", te = N(z);
       te === z ? j(te) : R(Y, te);
     };
@@ -20911,7 +20911,7 @@ const yk = { class: "space-y-3" }, vk = {
         z !== m.value && (m.value = z);
       }
     );
-    const g = ee(!1), v = ee(!1), D = (ne) => ne.split(/(\s+)/).map((z) => {
+    const g = ee(!1), v = ee(!1), A = (ne) => ne.split(/(\s+)/).map((z) => {
       if (z.trim() === "") return z;
       const te = z.toLowerCase();
       return te.charAt(0).toUpperCase() + te.slice(1);
@@ -20925,7 +20925,7 @@ const yk = { class: "space-y-3" }, vk = {
         case "lowercase":
           return ne.toLowerCase();
         case "titlecase":
-          return D(ne);
+          return A(ne);
         case "sentencecase":
           return T(ne);
         case "none":
@@ -20945,7 +20945,7 @@ const yk = { class: "space-y-3" }, vk = {
       if (!ne) return null;
       const z = Array.isArray(ne) ? ne.join("") : ne;
       return z ? new Set(z) : null;
-    }, A = M(() => k(a.allowChars)), w = (ne, z) => (ne.lastIndex = 0, ne.test(z)), _ = (ne) => {
+    }, D = M(() => k(a.allowChars)), w = (ne, z) => (ne.lastIndex = 0, ne.test(z)), _ = (ne) => {
       if (ne === `
 `) return a.valueType !== "number";
       if (a.valueType === "free") return !0;
@@ -20954,7 +20954,7 @@ const yk = { class: "space-y-3" }, vk = {
     }, P = (ne) => {
       let z = "";
       for (const te of ne) {
-        const pe = !!A.value && A.value.has(te);
+        const pe = !!D.value && D.value.has(te);
         a.pattern && !pe && !w(a.pattern, te) || !pe && !_(te) || (z += te);
       }
       return z;
@@ -21600,10 +21600,20 @@ const yk = { class: "space-y-3" }, vk = {
     typeof o != "function" && console.error("[DCodeWizardTabs] useApi() must expose DCodeApi()");
     const i = ee(n.defaultTab), r = M({
       get() {
-        return n.modelValue ?? i.value;
+        var k;
+        if (typeof n.modelValue == "string") {
+          const D = (k = n.tabs) == null ? void 0 : k.findIndex((w) => w.key === n.modelValue);
+          if (D !== void 0 && D >= 0) return D;
+        }
+        return (typeof n.modelValue == "number" ? n.modelValue : void 0) ?? i.value;
       },
       set(k) {
-        n.modelValue === void 0 ? i.value = k : s("update:modelValue", k);
+        var D;
+        if (i.value = k, typeof n.modelValue == "string") {
+          const w = (D = n.tabs) == null ? void 0 : D[k];
+          w ? s("update:modelValue", w.key) : s("update:modelValue", k);
+        } else
+          s("update:modelValue", k);
       }
     }), l = M(() => {
       var k;
@@ -21624,48 +21634,49 @@ const yk = { class: "space-y-3" }, vk = {
         return typeof n.apiOptions == "function" ? n.apiOptions() : n.apiOptions;
     }
     function y(k) {
-      const A = k.endpoint || {};
+      const D = k.endpoint || {};
       return {
-        apiModule: k.apiModule || A.apiModule,
-        apiAction: k.apiAction || A.apiAction,
-        apiUrl: A.apiUrl,
-        apiMethod: A.apiMethod || "GET",
+        apiModule: k.apiModule || D.apiModule,
+        apiAction: k.apiAction || D.apiAction,
+        apiUrl: D.apiUrl,
+        apiMethod: D.apiMethod || "GET",
         apiParams: k.apiParams
       };
     }
     function m(k) {
       if (n.isWizard || !n.allowTabClick || n.disabled) return !1;
-      const A = n.tabs[k];
-      return !(!A || A.disabled);
+      const D = n.tabs[k];
+      return !(!D || D.disabled);
     }
     async function g(k) {
       if (typeof k.tab.fetchData == "function") {
         const U = await k.tab.fetchData(), G = (U == null ? void 0 : U.data) ?? U;
         return (G == null ? void 0 : G.data) ?? G;
       }
+      const D = y(k.tab);
+      if (!(D.apiModule && D.apiAction || D.apiUrl))
+        return null;
       if (typeof o != "function") throw new Error("DCodeApi is not available");
-      const A = y(k.tab);
-      if (!(A.apiModule && A.apiAction || A.apiUrl)) throw new Error(`Tab "${k.tab.key}" missing apiModule/apiAction or endpoint.apiUrl`);
       const _ = h();
       let P;
-      if (A.apiUrl)
+      if (D.apiUrl)
         P = await o("", "", _, {
-          _url: A.apiUrl,
-          _method: A.apiMethod,
-          _data: A.apiParams ?? void 0
+          _url: D.apiUrl,
+          _method: D.apiMethod,
+          _data: D.apiParams ?? void 0
         });
       else {
-        const U = { ..._, ...A.apiParams };
-        P = await o(A.apiModule, A.apiAction, U);
+        const U = { ..._, ...D.apiParams };
+        P = await o(D.apiModule, D.apiAction, U);
       }
       const I = (P == null ? void 0 : P.data) ?? P;
       return (I == null ? void 0 : I.data) ?? I;
     }
-    async function v(k, { force: A = !1 } = {}) {
+    async function v(k, { force: D = !1 } = {}) {
       const w = u(k), _ = n.tabs[w];
       if (!_) return;
       const P = f(_);
-      if (!(n.cache && P.loaded && !A) && !P.loading) {
+      if (!(n.cache && P.loaded && !D) && !P.loading) {
         P.loading = !0, P.error = null;
         try {
           const I = await g({ tabIndex: w, tab: _ });
@@ -21678,9 +21689,9 @@ const yk = { class: "space-y-3" }, vk = {
         }
       }
     }
-    function D(k) {
-      const A = u(k);
-      m(A) && A !== r.value && (r.value = A);
+    function A(k) {
+      const D = u(k);
+      m(D) && D !== r.value && (r.value = D);
     }
     function T(k = r.value) {
       return v(k, { force: !0 });
@@ -21696,15 +21707,15 @@ const yk = { class: "space-y-3" }, vk = {
     return Be(
       () => n.tabs,
       (k) => {
-        for (const A of k ?? []) f(A);
+        for (const D of k ?? []) f(D);
       },
       { immediate: !0 }
     ), Be(
       () => r.value,
       async (k) => {
         var w;
-        const A = (w = n.tabs) == null ? void 0 : w[k];
-        A && s("change", { tabIndex: k, tab: A }), await v(k);
+        const D = (w = n.tabs) == null ? void 0 : w[k];
+        D && s("change", { tabIndex: k, tab: D }), await v(k);
       },
       { immediate: !0 }
     ), Be(
@@ -21713,7 +21724,7 @@ const yk = { class: "space-y-3" }, vk = {
         k && await v(r.value);
       },
       { immediate: !0 }
-    ), (k, A) => (p(), X(b(cs), {
+    ), (k, D) => (p(), X(b(cs), {
       class: ce(["w-full", { "flex flex-row": t.isVertical }])
     }, {
       default: O(() => [
@@ -21750,7 +21761,7 @@ const yk = { class: "space-y-3" }, vk = {
                   }, W(w.title), 3)
                 ]))), 128)) : (p(!0), C(xe, { key: 0 }, Ne(t.tabs, (w, _) => (p(), C("div", {
                   key: w.key,
-                  onClick: (P) => D(_),
+                  onClick: (P) => A(_),
                   style: Qe({ zIndex: t.tabs.length - _ }),
                   class: "relative flex-1 group"
                 }, [
@@ -21782,7 +21793,7 @@ const yk = { class: "space-y-3" }, vk = {
                   type: "button",
                   variant: "ghost",
                   disabled: !m(_),
-                  onClick: (P) => D(_),
+                  onClick: (P) => A(_),
                   class: ce(["relative min-h-[3rem] h-auto py-2 flex items-center justify-center gap-2 px-4 transition-all rounded-none", b(_e)(
                     "border-b border-r border-slate-200 dark:border-zinc-700",
                     !t.isVertical && _ === t.tabs.length - 1 && "border-r-0",
@@ -21819,7 +21830,7 @@ const yk = { class: "space-y-3" }, vk = {
                     tab: c.value,
                     tabIndex: r.value
                   }, () => [
-                    A[0] || (A[0] = x("div", { class: "rounded-lg border bg-muted/30 px-4 py-3 text-sm text-muted-foreground" }, "Loading...", -1))
+                    D[0] || (D[0] = x("div", { class: "rounded-lg border bg-muted/30 px-4 py-3 text-sm text-muted-foreground" }, "Loading...", -1))
                   ]) : he(k.$slots, `tab-${c.value.key}`, {
                     key: 1,
                     tab: c.value,
@@ -21829,9 +21840,9 @@ const yk = { class: "space-y-3" }, vk = {
                     reload: T
                   }, () => [
                     x("div", rM, [
-                      A[1] || (A[1] = ge(" Slot ", -1)),
+                      D[1] || (D[1] = ge(" Slot ", -1)),
                       x("code", lM, "tab-" + W(c.value.key), 1),
-                      A[2] || (A[2] = ge(" belum dibuat. ", -1))
+                      D[2] || (D[2] = ge(" belum dibuat. ", -1))
                     ])
                   ])
                 ], 64)) : H("", !0)
@@ -21850,7 +21861,7 @@ const yk = { class: "space-y-3" }, vk = {
                 onClick: E,
                 disabled: r.value <= 0
               }, {
-                default: O(() => [...A[3] || (A[3] = [
+                default: O(() => [...D[3] || (D[3] = [
                   ge(" Sebelumnya ", -1)
                 ])]),
                 _: 1
@@ -21860,7 +21871,7 @@ const yk = { class: "space-y-3" }, vk = {
                 type: "button",
                 onClick: $
               }, {
-                default: O(() => [...A[4] || (A[4] = [
+                default: O(() => [...D[4] || (D[4] = [
                   ge(" Selanjutnya ", -1)
                 ])]),
                 _: 1
@@ -21958,8 +21969,8 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
     layoutCode: {}
   },
   setup(t) {
-    var A, w;
-    const e = t, n = (w = (A = jd()) == null ? void 0 : A.appContext) == null ? void 0 : w.app;
+    var D, w;
+    const e = t, n = (w = (D = jd()) == null ? void 0 : D.appContext) == null ? void 0 : w.app;
     n && !n._context.provides[Symbol.for("vue-router-route-location")] && n.provide(Symbol.for("vue-router-route-location"), {
       query: {},
       params: {},
@@ -21998,14 +22009,14 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
       return _ ? _[1] : null;
     }), d = ee({}), f = ee(null), h = ee(!0), y = ee(!1), { onReady: m, handleAction: g } = Ad(
       e.layoutCode
-    ), v = ee(e.layoutCode), D = M(() => {
+    ), v = ee(e.layoutCode), A = M(() => {
       var I;
       if (!f.value) return "";
       const _ = ((I = r == null ? void 0 : r.value) == null ? void 0 : I.toLowerCase()) || "en";
       return (_ === "en" || _.startsWith("en-") ? f.value.titleEN : f.value.titleID) || f.value.title || e.layoutCode;
     });
     Be(
-      D,
+      A,
       (_) => {
         _ && l(_);
       },
@@ -22912,7 +22923,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
     const s = t, a = n, { apiUrl: o } = $t(), i = si(), r = Cc(), { locale: l } = Ga(), c = ee(""), u = ee(1), d = ee(s.perPage), f = ee({
       key: "",
       direction: "asc"
-    }), h = ee([]), y = ee(!1), m = ee(0), g = ee({}), v = ee([]), D = ee(null), T = ee(!0), E = ee([]), $ = ee([]), k = ee([]), A = ee(!1), w = ee(!1), _ = ee({}), P = ee(null), I = ee(null), V = ee(null), U = ee([]), G = M(() => {
+    }), h = ee([]), y = ee(!1), m = ee(0), g = ee({}), v = ee([]), A = ee(null), T = ee(!0), E = ee([]), $ = ee([]), k = ee([]), D = ee(!1), w = ee(!1), _ = ee({}), P = ee(null), I = ee(null), V = ee(null), U = ee([]), G = M(() => {
       if (gt.value.length === 0) return !1;
       const S = gt.value.map((L) => {
         const oe = De.value.find((K) => K.type === "CHECKBOX"), B = (oe == null ? void 0 : oe.keyCheckbox) || "id";
@@ -22963,22 +22974,22 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
     const j = (S) => S && typeof S == "string" && S.trim() ? S : void 0, R = M(
       () => {
         var S, L, oe, B;
-        return j((L = (S = D.value) == null ? void 0 : S.endpoint) == null ? void 0 : L.apiModule) || j((B = (oe = D.value) == null ? void 0 : oe.endpointGlobal) == null ? void 0 : B.apiModule) || s.apiModule;
+        return j((L = (S = A.value) == null ? void 0 : S.endpoint) == null ? void 0 : L.apiModule) || j((B = (oe = A.value) == null ? void 0 : oe.endpointGlobal) == null ? void 0 : B.apiModule) || s.apiModule;
       }
     ), Z = M(
       () => {
         var S, L, oe, B;
-        return j((L = (S = D.value) == null ? void 0 : S.endpoint) == null ? void 0 : L.apiAction) || j((B = (oe = D.value) == null ? void 0 : oe.endpointGlobal) == null ? void 0 : B.apiAction) || s.apiAction;
+        return j((L = (S = A.value) == null ? void 0 : S.endpoint) == null ? void 0 : L.apiAction) || j((B = (oe = A.value) == null ? void 0 : oe.endpointGlobal) == null ? void 0 : B.apiAction) || s.apiAction;
       }
     ), J = M(
       () => {
         var S, L, oe, B;
-        return j((L = (S = D.value) == null ? void 0 : S.endpoint) == null ? void 0 : L.apiMethod) || j((B = (oe = D.value) == null ? void 0 : oe.endpointGlobal) == null ? void 0 : B.apiMethod) || s.apiMethod || "POST";
+        return j((L = (S = A.value) == null ? void 0 : S.endpoint) == null ? void 0 : L.apiMethod) || j((B = (oe = A.value) == null ? void 0 : oe.endpointGlobal) == null ? void 0 : B.apiMethod) || s.apiMethod || "POST";
       }
     ), re = M(
       () => {
         var S, L, oe, B;
-        return j((L = (S = D.value) == null ? void 0 : S.endpoint) == null ? void 0 : L.apiUrl) || j((B = (oe = D.value) == null ? void 0 : oe.endpointGlobal) == null ? void 0 : B.apiUrl) || s.apiUrl;
+        return j((L = (S = A.value) == null ? void 0 : S.endpoint) == null ? void 0 : L.apiUrl) || j((B = (oe = A.value) == null ? void 0 : oe.endpointGlobal) == null ? void 0 : B.apiUrl) || s.apiUrl;
       }
     );
     M(() => s.permissionBase ? s.permissionBase : i.meta.permissionPath ? i.meta.permissionPath : i.path);
@@ -22995,7 +23006,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
     }, Ce = () => {
       let S = null;
       if (s.tableConfig && (S = s.tableConfig), S) {
-        D.value = S, S.headers && (v.value = S.headers.map((B) => {
+        A.value = S, S.headers && (v.value = S.headers.map((B) => {
           var Ae, Ee, He, rt, bt, Zs, Hi, Ui, qi, Yi;
           if (B.key === "action" || ((Ae = B.custom) == null ? void 0 : Ae.type) === "ACTION" || ((Ee = B.custom) == null ? void 0 : Ee.type) === "action") {
             const un = ((He = B.custom) == null ? void 0 : He.actionCustom) || ((rt = B.custom) == null ? void 0 : rt.action);
@@ -23322,7 +23333,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
         });
     }, Wi = (S, L) => {
       if (S.requireConfirm) {
-        P.value = { button: S, row: L }, A.value = !0;
+        P.value = { button: S, row: L }, D.value = !0;
         return;
       }
       if (S.openDialog) {
@@ -23416,7 +23427,7 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
         }
       }
     }, Ni = () => {
-      A.value = !1, P.value = null;
+      D.value = !1, P.value = null;
     }, Od = M(() => P.value ? P.value.button.confirmTitle || "Confirm" : ""), Td = M(() => P.value ? P.value.button.confirmMessage || "Confirm" : "");
     e({
       fetchData: it,
@@ -23857,8 +23868,8 @@ const hM = { class: "w-full" }, pM = { class: "relative mx-auto min-h-[37.5rem]"
           ])
         ])) : H("", !0),
         F(Qo, {
-          modelValue: A.value,
-          "onUpdate:modelValue": L[5] || (L[5] = (B) => A.value = B),
+          modelValue: D.value,
+          "onUpdate:modelValue": L[5] || (L[5] = (B) => D.value = B),
           title: Od.value,
           icon: "AlertCircle",
           "max-width": 450,