@idds/vue 1.5.60 → 1.5.62

package/dist/index.es.js

@@ -457,7 +457,7 @@ const oc = {
   "secondary-700": "#145378",
   "secondary-800": "#164564",
   "secondary-900": "#0f2d42"
-}, Rt = ["id", "aria-expanded", "aria-controls", "disabled"], Pt = { class: "ina-accordion__title" }, Ft = { class: "ina-accordion__toggler" }, Ht = ["id", "aria-labelledby"], Ot = { class: "ina-accordion__body" }, Gt = /* @__PURE__ */ G({
+}, Pt = ["id", "aria-expanded", "aria-controls", "disabled"], Rt = { class: "ina-accordion__title" }, Ft = { class: "ina-accordion__toggler" }, Ht = ["id", "aria-labelledby"], Ot = { class: "ina-accordion__body" }, Gt = /* @__PURE__ */ G({
   __name: "Accordion",
   props: {
     title: { default: "" },
@@ -481,8 +481,8 @@ const oc = {
       var A, U;
       if (e.disabled) return;
       f && f.stopPropagation();
-      const R = !y.value;
-      m.value && r.value >= 0 ? a.handleItemToggle(r.value, R) : e.open !== void 0 ? (l("toggle", R), (A = e.onToggle) == null || A.call(e, R)) : (u.value = R, l("toggle", R), (U = e.onToggle) == null || U.call(e, R));
+      const P = !y.value;
+      m.value && r.value >= 0 ? a.handleItemToggle(r.value, P) : e.open !== void 0 ? (l("toggle", P), (A = e.onToggle) == null || A.call(e, P)) : (u.value = P, l("toggle", P), (U = e.onToggle) == null || U.call(e, P));
     };
     return Ve(() => {
       if (m.value) {
@@ -517,7 +517,7 @@ const oc = {
         disabled: t.disabled,
         onClick: b
       }, [
-        o("div", Pt, [
+        o("div", Rt, [
           te(f.$slots, "title", {}, () => [
             pe(B(t.title), 1)
           ])
@@ -538,7 +538,7 @@ const oc = {
             }, null, -1)
           ])], 2))
         ])
-      ], 8, Rt),
+      ], 8, Pt),
       o("div", {
         id: x.value,
         class: $(["ina-accordion__content", { "ina-accordion__content--open": y.value }]),
@@ -748,8 +748,8 @@ const na = ["disabled"], la = {
     }, h = (_) => {
       _.disabled || (_.onClick && _.onClick(), v());
     }, f = (_) => {
-      const R = _.target;
-      r.value && !r.value.contains(R) && d.value && v();
+      const P = _.target;
+      r.value && !r.value.contains(P) && d.value && v();
     };
     return Ve(() => {
       document.addEventListener("click", f);
@@ -759,7 +759,7 @@ const na = ["disabled"], la = {
       open: b,
       close: v,
       toggle: x
-    }), (_, R) => (s(), n("div", {
+    }), (_, P) => (s(), n("div", {
       ref_key: "containerRef",
       ref: r,
       class: $(p.value)
@@ -1099,10 +1099,10 @@ const _t = /* @__PURE__ */ ve(Ma, [["render", xa]]), za = {
       class: $(a.value)
     }, B(t.initials ? t.initials.slice(0, 2).toUpperCase() : ""), 3));
   }
-}), Ra = {
+}), Pa = {
   key: 0,
   class: "ina-badge__prefix-icon"
-}, Pa = {
+}, Ra = {
   key: 1,
   class: "ina-badge__suffix-icon"
 }, Fa = /* @__PURE__ */ G({
@@ -1126,13 +1126,13 @@ const _t = /* @__PURE__ */ ve(Ma, [["render", xa]]), za = {
     return (l, a) => (s(), n("span", {
       class: $(["ina-badge", e.value])
     }, [
-      t.prefixIcon ? (s(), n("span", Ra, [
+      t.prefixIcon ? (s(), n("span", Pa, [
         (s(), Y(se(t.prefixIcon)))
       ])) : g("", !0),
       o("span", null, [
         te(l.$slots, "default")
       ]),
-      t.suffixIcon ? (s(), n("span", Pa, [
+      t.suffixIcon ? (s(), n("span", Ra, [
         (s(), Y(se(t.suffixIcon)))
       ])) : g("", !0)
     ], 2));
@@ -1718,10 +1718,10 @@ const Ge = /* @__PURE__ */ ve(Za, [["render", Xa]]), Qa = { class: "ina-breadcru
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Es = { class: "ina-checkbox__content" }, Rs = {
+}, Es = { class: "ina-checkbox__content" }, Ps = {
   key: 0,
   class: "ina-checkbox__label"
-}, Ps = {
+}, Rs = {
   key: 1,
   class: "ina-checkbox__subtext"
 }, tt = /* @__PURE__ */ G({
@@ -1811,12 +1811,12 @@ const Ge = /* @__PURE__ */ ve(Za, [["render", Xa]]), Qa = { class: "ina-breadcru
           ])])) : g("", !0)
         ], 2),
         o("div", Es, [
-          v.$slots.default || t.label ? (s(), n("span", Rs, [
+          v.$slots.default || t.label ? (s(), n("span", Ps, [
             te(v.$slots, "default", {}, () => [
               pe(B(t.label), 1)
             ])
           ])) : g("", !0),
-          t.subtext ? (s(), n("span", Ps, B(t.subtext), 1)) : g("", !0)
+          t.subtext ? (s(), n("span", Rs, B(t.subtext), 1)) : g("", !0)
         ])
       ], 10, Ts),
       t.statusMessage ? (s(), n("div", {
@@ -2092,7 +2092,7 @@ const Ys = { class: "ina-text-field" }, qs = ["for"], Zs = { key: 1 }, Js = {
       const H = ["ina-text-field__status"];
       return m.value ? H.push("ina-text-field__status--error") : e.status !== "neutral" && H.push(`ina-text-field__status--${e.status}`), H;
     });
-    function R(H) {
+    function P(H) {
       if (!e.validation || e.validation.length === 0)
         return null;
       for (const M of e.validation) {
@@ -2121,10 +2121,10 @@ const Ys = { class: "ina-text-field" }, qs = ["for"], Zs = { key: 1 }, Js = {
       let L = H.target.value;
       if (!(e.maxLength != null && L.length > e.maxLength)) {
         if ((C = e.securityConfig) != null && C.enableXssProtection) {
-          const P = Oe(L);
-          P.isValid || (e.securityConfig.logViolations && console.warn("TextField security violation:", P.threats), e.securityConfig.onSecurityViolation && e.securityConfig.onSecurityViolation(P.threats, L), L = P.sanitized);
+          const R = Oe(L);
+          R.isValid || (e.securityConfig.logViolations && console.warn("TextField security violation:", R.threats), e.securityConfig.onSecurityViolation && e.securityConfig.onSecurityViolation(R.threats, L), L = R.sanitized);
         }
-        e.normalize && (L = e.normalize(L)), m.value = R(L), r.value = L, e.debounce > 0 ? (u.value && clearTimeout(u.value), u.value = setTimeout(() => {
+        e.normalize && (L = e.normalize(L)), m.value = P(L), r.value = L, e.debounce > 0 ? (u.value && clearTimeout(u.value), u.value = setTimeout(() => {
           l("update:modelValue", r.value), l("input", H);
         }, e.debounce)) : (l("update:modelValue", r.value), l("input", H));
       }
@@ -2150,7 +2150,7 @@ const Ys = { class: "ina-text-field" }, qs = ["for"], Zs = { key: 1 }, Js = {
             C.threats
           ), e.securityConfig.onSecurityViolation && e.securityConfig.onSecurityViolation(C.threats, M), M = C.sanitized);
         }
-        r.value = M, m.value = R(M);
+        r.value = M, m.value = P(M);
       }
     ), ze(() => {
       u.value && clearTimeout(u.value);
@@ -2253,12 +2253,12 @@ const Ys = { class: "ina-text-field" }, qs = ["for"], Zs = { key: 1 }, Js = {
         { label: e.customizationLabel, value: e.customizationLabel }
       ] : e.options
     ), m = c(() => ["ina-chip"]), p = (b, h) => {
-      const _ = e.showCustomization && b.label === e.customizationLabel ? a.value : e.selected === b.value, R = [
+      const _ = e.showCustomization && b.label === e.customizationLabel ? a.value : e.selected === b.value, P = [
         "ina-chip__item",
         `ina-chip__item--size-${e.size}`,
         `ina-chip__item--variant-${e.variant}`
       ];
-      return _ && R.push("ina-chip__item--selected"), R;
+      return _ && P.push("ina-chip__item--selected"), P;
     }, y = (b, h) => {
       var _;
       e.showCustomization && b.label === e.customizationLabel ? (d.value = !0, r.value = a.value ? e.selected : "") : (l("select", b.value), (_ = e.onSelect) == null || _.call(e, b.value));
@@ -2279,7 +2279,7 @@ const Ys = { class: "ina-text-field" }, qs = ["for"], Zs = { key: 1 }, Js = {
           key: `${f.label}-${_}`,
           type: "button",
           class: $(p(f)),
-          onClick: (R) => y(f)
+          onClick: (P) => y(f)
         }, B(f.label), 11, sn))), 128))
       ]),
       t.showCustomization && d.value ? (s(), n("div", nn, [
@@ -2638,7 +2638,7 @@ function En(t, i, e, l, a, d) {
     o("path", { d: "M9 12l2 2l4 -4" }, null, -1)
   ])], 16, An);
 }
-const nt = /* @__PURE__ */ ve(Nn, [["render", En]]), Rn = G({
+const nt = /* @__PURE__ */ ve(Nn, [["render", En]]), Pn = G({
   name: "IconCircleX",
   props: {
     size: {
@@ -2650,7 +2650,7 @@ const nt = /* @__PURE__ */ ve(Nn, [["render", En]]), Rn = G({
       default: 2
     }
   }
-}), Pn = ["width", "height", "stroke-width"];
+}), Rn = ["width", "height", "stroke-width"];
 function Fn(t, i, e, l, a, d) {
   return s(), n("svg", ue({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2670,9 +2670,9 @@ function Fn(t, i, e, l, a, d) {
     }, null, -1),
     o("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }, null, -1),
     o("path", { d: "M10 10l4 4m0 -4l-4 4" }, null, -1)
-  ])], 16, Pn);
+  ])], 16, Rn);
 }
-const Hn = /* @__PURE__ */ ve(Rn, [["render", Fn]]), Mt = {
+const Hn = /* @__PURE__ */ ve(Pn, [["render", Fn]]), Mt = {
   // Documents
   "application/pdf": [".pdf"],
   "application/msword": [".doc"],
@@ -2914,7 +2914,7 @@ const Yn = {
         id: M,
         name: L,
         type: C,
-        multiple: P,
+        multiple: R,
         disabled: N,
         class: D,
         ...O
@@ -2934,7 +2934,7 @@ const Yn = {
     }, _ = async (M) => {
       const L = M.target, C = Array.from(L.files || []);
       await Q(C), a.value && (a.value.value = "");
-    }, R = (M) => {
+    }, P = (M) => {
       M.preventDefault(), M.stopPropagation(), e.disabled || (r.value = !0);
     }, A = (M) => {
       M.preventDefault(), M.stopPropagation(), r.value = !1;
@@ -2945,17 +2945,17 @@ const Yn = {
       await Q(L);
     }, Q = async (M) => {
       var D, O, q;
-      const L = [], C = [], P = [];
+      const L = [], C = [], R = [];
       if (e.multiple && e.maxFiles) {
         const Z = d.value.length;
         if (Z + M.length > e.maxFiles) {
           const re = e.maxFiles - Z;
           if (re <= 0) {
-            P.push({
+            R.push({
               isValid: !1,
               error: `Maksimal ${e.maxFiles} file yang dapat diupload`,
               file: M[0]
-            }), u.value = P, (D = e.onChange) == null || D.call(e, [], P);
+            }), u.value = R, (D = e.onChange) == null || D.call(e, [], R);
             return;
           }
           M = M.slice(0, re);
@@ -2967,11 +2967,11 @@ const Yn = {
           0
         ), re = M.reduce((he, be) => he + be.size, 0), ne = e.maxTotalSizeMB * 1024 * 1024;
         if (Z + re > ne) {
-          P.push({
+          R.push({
             isValid: !1,
             error: `Ukuran total file maksimal ${e.maxTotalSizeMB} MB`,
             file: M[0]
-          }), u.value = P, (O = e.onChange) == null || O.call(e, [], P);
+          }), u.value = R, (O = e.onChange) == null || O.call(e, [], R);
           return;
         }
       }
@@ -2979,7 +2979,7 @@ const Yn = {
         if (e.allowedExtensions && e.allowedExtensions.length > 0) {
           const ne = Z.name.toLowerCase(), he = ne.substring(ne.lastIndexOf(".") + 1);
           if (!e.allowedExtensions.includes(he.toLowerCase())) {
-            P.push({
+            R.push({
               isValid: !1,
               error: `Ekstensi file harus: ${e.allowedExtensions.join(", ")}`,
               file: Z
@@ -2997,13 +2997,13 @@ const Yn = {
           validateExtension: !0
         });
         if (!re.isValid) {
-          P.push(re), L.push(re);
+          R.push(re), L.push(re);
           continue;
         }
         if (e.validateMagicNumber && Z.type) {
           const ne = await it(Z, Z.type);
           if (!ne.isValid) {
-            P.push({
+            R.push({
               isValid: !1,
               error: ne.error || "File signature tidak valid",
               file: Z
@@ -3023,21 +3023,21 @@ const Yn = {
           file: Z
         });
       }
-      e.multiple ? d.value = [...d.value, ...C] : d.value = C.slice(0, 1), u.value = P;
+      e.multiple ? d.value = [...d.value, ...C] : d.value = C.slice(0, 1), u.value = R;
       const N = e.multiple ? [...d.value, ...C].map((Z) => Z.file) : C.map((Z) => Z.file);
-      (q = e.onChange) == null || q.call(e, N, P);
+      (q = e.onChange) == null || q.call(e, N, R);
     }, ae = (M) => {
-      var P, N;
+      var R, N;
       if (e.disabled) return;
       const L = d.value[M], C = d.value.filter((D, O) => O !== M);
-      d.value = C, (P = e.onRemove) == null || P.call(e, L.file, M), (N = e.onChange) == null || N.call(
+      d.value = C, (R = e.onRemove) == null || R.call(e, L.file, M), (N = e.onChange) == null || N.call(
         e,
         C.map((D) => D.file),
         u.value
       );
-    }, H = (M, L, C, P) => {
+    }, H = (M, L, C, R) => {
       d.value = d.value.map(
-        (N, D) => D === M ? { ...N, status: L, error: C, progress: P } : N
+        (N, D) => D === M ? { ...N, status: L, error: C, progress: R } : N
       );
     };
     return (M, L) => (s(), n("div", {
@@ -3049,7 +3049,7 @@ const Yn = {
       o("div", {
         class: $(["ina-file-upload__dropzone", h.value]),
         onClick: f,
-        onDragover: R,
+        onDragover: P,
         onDragleave: A,
         onDrop: U
       }, [
@@ -3082,7 +3082,7 @@ const Yn = {
       ], 34),
       d.value.length > 0 ? (s(), n(J, { key: 1 }, [
         o("div", sl, [
-          (s(!0), n(J, null, ge(w.value, (C, P) => (s(), n("div", {
+          (s(!0), n(J, null, ge(w.value, (C, R) => (s(), n("div", {
             key: `${C.file.name}-${v(C)}`,
             class: $(["ina-file-upload__file", {
               "ina-file-upload__file--error": C.status === "error",
@@ -3192,8 +3192,8 @@ const Yn = {
         ])) : g("", !0)
       ], 64)) : g("", !0),
       u.value.length > 0 ? (s(), n("div", bl, [
-        (s(!0), n(J, null, ge(u.value, (C, P) => (s(), n("div", {
-          key: P,
+        (s(!0), n(J, null, ge(u.value, (C, R) => (s(), n("div", {
+          key: R,
           class: "ina-file-upload__error-message"
         }, B(Le(Qe)(C.file.name)) + ": " + B(C.error), 1))), 128))
       ])) : g("", !0)
@@ -3295,7 +3295,7 @@ const Yn = {
           id: u.value,
           ref_key: "inputRef",
           ref: a,
-          "onUpdate:modelValue": _[0] || (_[0] = (R) => d.value = R),
+          "onUpdate:modelValue": _[0] || (_[0] = (P) => d.value = P),
           type: "text",
           placeholder: t.placeholder,
           disabled: t.disabled,
@@ -3389,8 +3389,8 @@ const Yn = {
             'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
           );
           if (f.length === 0) return;
-          const _ = f[0], R = f[f.length - 1];
-          h.shiftKey ? document.activeElement === _ && (h.preventDefault(), R.focus()) : document.activeElement === R && (h.preventDefault(), _.focus());
+          const _ = f[0], P = f[f.length - 1];
+          h.shiftKey ? document.activeElement === _ && (h.preventDefault(), P.focus()) : document.activeElement === P && (h.preventDefault(), _.focus());
         }
       }
     }, b = () => {
@@ -3483,7 +3483,7 @@ const Yn = {
 }, Al = ["id", "disabled", "aria-expanded", "aria-labelledby"], El = {
   key: 0,
   class: "ina-month-picker__prefix-icon"
-}, Rl = { class: "ina-month-picker__trigger-text" }, Pl = { class: "ina-month-picker__grid" }, Fl = ["disabled", "onClick", "onMouseenter"], Hl = /* @__PURE__ */ G({
+}, Pl = { class: "ina-month-picker__trigger-text" }, Rl = { class: "ina-month-picker__grid" }, Fl = ["disabled", "onClick", "onMouseenter"], Hl = /* @__PURE__ */ G({
   __name: "MonthPicker",
   props: {
     modelValue: { default: void 0 },
@@ -3524,11 +3524,11 @@ const Yn = {
     }), _ = c(() => {
       const C = ["ina-month-picker__status"];
       return e.status !== "neutral" && C.push(`ina-month-picker__status--${e.status}`), C;
-    }), R = (C) => {
-      const P = C === x.value, N = C === y.value;
+    }), P = (C) => {
+      const R = C === x.value, N = C === y.value;
       return me(
         "ina-month-picker__month-option",
-        P && "ina-month-picker__month-option--selected",
+        R && "ina-month-picker__month-option--selected",
         N && "ina-month-picker__month-option--hovered"
       );
     }, A = () => {
@@ -3538,7 +3538,7 @@ const Yn = {
     }, U = () => {
       !d.value || !r.value || requestAnimationFrame(() => {
         if (!d.value || !r.value) return;
-        const C = d.value.getBoundingClientRect(), P = r.value.getBoundingClientRect(), N = window.innerWidth, D = window.innerHeight, q = P.width || 240, Z = N - C.right;
+        const C = d.value.getBoundingClientRect(), R = r.value.getBoundingClientRect(), N = window.innerWidth, D = window.innerHeight, q = R.width || 240, Z = N - C.right;
         C.left;
         const re = N <= 640;
         let ne = !1, he, be;
@@ -3555,7 +3555,7 @@ const Yn = {
           ne = q > Z, ne ? (be = "0", he = void 0) : (he = "0", be = void 0);
         const ke = D - C.bottom, Ce = C.top;
         let E, le, T = "300px";
-        ke < P.height && Ce > ke ? (le = `${C.height + 4}px`, E = void 0, T = `${Math.min(Ce - 10, 300)}px`) : (E = `${C.height + 4}px`, le = void 0, T = `${Math.min(ke - 10, 300)}px`);
+        ke < R.height && Ce > ke ? (le = `${C.height + 4}px`, E = void 0, T = `${Math.min(Ce - 10, 300)}px`) : (E = `${C.height + 4}px`, le = void 0, T = `${Math.min(ke - 10, 300)}px`);
         const fe = {
           position: "absolute",
           maxWidth: `${Math.min(q, N - 16)}px`,
@@ -3594,7 +3594,7 @@ const Yn = {
       document.addEventListener("click", M), window.addEventListener("resize", L), window.addEventListener("scroll", L, !0);
     }), ze(() => {
       document.removeEventListener("click", M), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0);
-    }), (C, P) => (s(), n("div", {
+    }), (C, R) => (s(), n("div", {
       ref_key: "containerRef",
       ref: a,
       class: $(["ina-month-picker", h.value])
@@ -3620,16 +3620,16 @@ const Yn = {
         onClick: A,
         onKeydown: H
       }, [
-        t.showIcon ? (s(), n("div", El, [...P[1] || (P[1] = [
+        t.showIcon ? (s(), n("div", El, [...R[1] || (R[1] = [
           Fe('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-f53ade24><rect x="3" y="4" width="18" height="18" rx="2" ry="2" stroke="currentColor" stroke-width="2" data-v-f53ade24></rect><line x1="16" y1="2" x2="16" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-f53ade24></line><line x1="8" y1="2" x2="8" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-f53ade24></line><line x1="3" y1="10" x2="21" y2="10" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-f53ade24></line></svg>', 1)
         ])])) : g("", !0),
-        o("span", Rl, B(b.value || t.placeholder), 1),
+        o("span", Pl, B(b.value || t.placeholder), 1),
         t.showClearButton && x.value !== void 0 && !t.disabled && !t.readonly ? (s(), n("button", {
           key: 1,
           type: "button",
           class: "ina-month-picker__clear-button",
           onClick: Me(ae, ["stop"])
-        }, [...P[2] || (P[2] = [
+        }, [...R[2] || (R[2] = [
           o("svg", {
             width: "16",
             height: "16",
@@ -3653,7 +3653,7 @@ const Yn = {
           viewBox: "0 0 24 24",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, [...P[3] || (P[3] = [
+        }, [...R[3] || (R[3] = [
           o("path", {
             d: "M6 9L12 15L18 9",
             stroke: "currentColor",
@@ -3676,15 +3676,15 @@ const Yn = {
             ]),
             style: Se(m.value)
           }, [
-            o("div", Pl, [
+            o("div", Rl, [
               (s(), n(J, null, ge(v, (N, D) => o("button", {
                 key: D,
                 type: "button",
-                class: $(R(D)),
+                class: $(P(D)),
                 disabled: e.disabled,
                 onClick: (O) => Q(D),
                 onMouseenter: (O) => !e.disabled && (y.value = D),
-                onMouseleave: P[0] || (P[0] = (O) => y.value = null)
+                onMouseleave: R[0] || (R[0] = (O) => y.value = null)
               }, B(N), 43, Fl)), 64))
             ])
           ], 6)) : g("", !0)
@@ -3842,7 +3842,7 @@ const Yn = {
       !l.disabled && p.value && v(d.value + 1);
     }, _ = () => {
       !l.disabled && d.value < l.totalPages && v(l.totalPages);
-    }, R = (A) => {
+    }, P = (A) => {
       if (l.disabled) return;
       const U = A.target, Q = parseInt(U.value, 10);
       a("page-size-change", Q);
@@ -3997,7 +3997,7 @@ const Yn = {
         U[6] || (U[6] = o("span", { class: "ina-pagination__page-size-label" }, " Baris per halaman ", -1)),
         o("select", {
           value: t.pageSize,
-          onChange: R,
+          onChange: P,
           disabled: t.disabled,
           class: $(["ina-pagination__page-size-select", {
             "ina-pagination__page-size-select--disabled": t.disabled
@@ -4062,8 +4062,8 @@ const Yn = {
       const _ = ["ina-password-input__status-message"];
       return e.status !== "neutral" && _.push(`ina-password-input__status-message--${e.status}`), _;
     }), v = (_) => {
-      const R = _.target;
-      d.value = R.value, l("update:modelValue", d.value), l("input", _);
+      const P = _.target;
+      d.value = P.value, l("update:modelValue", d.value), l("input", _);
     }, b = (_) => {
       l("blur", _);
     }, h = (_) => {
@@ -4076,7 +4076,7 @@ const Yn = {
       (_) => {
         d.value = _ || "";
       }
-    ), (_, R) => (s(), n("div", ui, [
+    ), (_, P) => (s(), n("div", ui, [
       t.label ? (s(), n("label", {
         key: 0,
         for: p.value,
@@ -4092,7 +4092,7 @@ const Yn = {
           id: p.value,
           ref_key: "inputRef",
           ref: a,
-          "onUpdate:modelValue": R[0] || (R[0] = (A) => d.value = A),
+          "onUpdate:modelValue": P[0] || (P[0] = (A) => d.value = A),
           type: r.value ? "text" : "password",
           placeholder: t.placeholder,
           disabled: t.disabled,
@@ -4111,7 +4111,7 @@ const Yn = {
           onClick: f,
           disabled: t.disabled
         }, [
-          r.value ? (s(), n("svg", hi, [...R[2] || (R[2] = [
+          r.value ? (s(), n("svg", hi, [...P[2] || (P[2] = [
             o("path", {
               d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24",
               stroke: "currentColor",
@@ -4129,7 +4129,7 @@ const Yn = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
             }, null, -1)
-          ])])) : (s(), n("svg", mi, [...R[1] || (R[1] = [
+          ])])) : (s(), n("svg", mi, [...P[1] || (P[1] = [
             o("path", {
               d: "M1 12S5 4 12 4s11 8 11 8-4 8-11 8-11-8-11-8z",
               stroke: "currentColor",
@@ -4696,7 +4696,7 @@ const Yn = {
 }, Bi = ["disabled"], Vi = ["src", "alt"], Ii = { class: "ina-phone-input__country-code" }, Di = {
   key: 0,
   class: "ina-phone-input__country-dropdown"
-}, Ti = { class: "ina-phone-input__country-search" }, Li = { class: "ina-phone-input__country-list" }, Ni = ["onClick"], Ai = ["src", "alt"], Ei = { class: "ina-phone-input__country-name" }, Ri = { class: "ina-phone-input__country-dial-code" }, Pi = ["id", "placeholder", "disabled", "readonly"], Fi = { key: 1 }, Hi = /* @__PURE__ */ G({
+}, Ti = { class: "ina-phone-input__country-search" }, Li = { class: "ina-phone-input__country-list" }, Ni = ["onClick"], Ai = ["src", "alt"], Ei = { class: "ina-phone-input__country-name" }, Pi = { class: "ina-phone-input__country-dial-code" }, Ri = ["id", "placeholder", "disabled", "readonly"], Fi = { key: 1 }, Hi = /* @__PURE__ */ G({
   __name: "PhoneInput",
   props: {
     modelValue: { default: "" },
@@ -4726,8 +4726,8 @@ const Yn = {
     }), _ = c(() => {
       const D = ["ina-phone-input__helper-text"];
       return e.status === "error" ? D.push("ina-phone-input__helper-text--error") : e.status === "warning" && D.push("ina-phone-input__helper-text--warning"), D;
-    }), R = c(() => e.status !== "neutral" && e.statusMessage ? e.statusMessage : e.statusMessage || e.helperText), A = c(() => {
-      const D = R.value;
+    }), P = c(() => e.status !== "neutral" && e.statusMessage ? e.statusMessage : e.statusMessage || e.helperText), A = c(() => {
+      const D = P.value;
       return !D || typeof D == "string" ? null : D;
     }), U = c(() => {
       if (!x.value)
@@ -4759,7 +4759,7 @@ const Yn = {
       l("blur", D);
     }, C = (D) => {
       l("focus", D);
-    }, P = (D) => {
+    }, R = (D) => {
       const O = D.target;
       p.value && !p.value.contains(O) && (w.value = !1);
     }, N = (D) => {
@@ -4785,9 +4785,9 @@ const Yn = {
       },
       { immediate: !0 }
     ), Ve(() => {
-      document.addEventListener("click", P);
+      document.addEventListener("click", R);
     }), ze(() => {
-      document.removeEventListener("click", P);
+      document.removeEventListener("click", R);
     }), (D, O) => (s(), n("div", Mi, [
       t.label ? (s(), n("label", {
         key: 0,
@@ -4868,7 +4868,7 @@ const Yn = {
                       height: "15"
                     }, null, 8, Ai),
                     o("span", Ei, B(q.name) + " (" + B(q.code) + ") ", 1),
-                    o("span", Ri, B(q.dialCode), 1)
+                    o("span", Pi, B(q.dialCode), 1)
                   ], 10, Ni))), 128))
                 ])
               ])) : g("", !0)
@@ -4890,15 +4890,15 @@ const Yn = {
           onInput: M,
           onBlur: L,
           onFocus: C
-        }), null, 16, Pi), [
+        }), null, 16, Ri), [
           [Ke, y.value]
         ])
       ], 2),
-      R.value ? (s(), n("div", {
+      P.value ? (s(), n("div", {
         key: 1,
         class: $(_.value)
       }, [
-        A.value ? (s(), Y(se(A.value), { key: 0 })) : (s(), n("span", Fi, B(R.value), 1))
+        A.value ? (s(), Y(se(A.value), { key: 0 })) : (s(), n("span", Fi, B(P.value), 1))
       ], 2)) : g("", !0)
     ]));
   }
@@ -5166,7 +5166,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
       for (let q = D; q <= O; q++)
         q >= e.minYear && N.push(q);
       return N;
-    }), R = (N) => {
+    }), P = (N) => {
       const D = N === v.value, O = N === y.value, q = N < e.minYear || N > e.maxYear;
       return me(
         "ina-year-picker__year-option",
@@ -5239,15 +5239,15 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
         }
     }, C = (N) => {
       r.value && d.value && !r.value.contains(N.target) && !d.value.contains(N.target) && (u.value = !1);
-    }, P = () => {
+    }, R = () => {
       u.value && _e(() => {
         U();
       });
     };
     return Ve(() => {
-      document.addEventListener("click", C), window.addEventListener("resize", P), window.addEventListener("scroll", P, !0);
+      document.addEventListener("click", C), window.addEventListener("resize", R), window.addEventListener("scroll", R, !0);
     }), ze(() => {
-      document.removeEventListener("click", C), window.removeEventListener("resize", P), window.removeEventListener("scroll", P, !0);
+      document.removeEventListener("click", C), window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0);
     }), (N, D) => (s(), n("div", {
       ref_key: "containerRef",
       ref: a,
@@ -5338,7 +5338,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
                 (s(!0), n(J, null, ge(_.value, (O) => (s(), n("button", {
                   key: O,
                   type: "button",
-                  class: $(R(O)),
+                  class: $(P(O)),
                   disabled: O < e.minYear || O > e.maxYear || e.disabled,
                   onClick: (q) => Q(O),
                   onMouseenter: (q) => !e.disabled && (y.value = O),
@@ -5362,7 +5362,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
 }, _o = ["id", "disabled"], wo = {
   key: 0,
   class: "ina-date-picker__calendar-container"
-}, Co = { class: "ina-date-picker__calendar-header" }, $o = { class: "ina-date-picker__header-controls" }, Mo = { class: "ina-date-picker__dropdown-container" }, So = { class: "ina-date-picker__dropdown-container" }, xo = { class: "ina-date-picker__calendar-grid" }, zo = ["disabled", "onClick"], Bo = { class: "ina-date-picker__day-number" }, Vo = { class: "ina-date-picker__calendar-container" }, Io = { class: "ina-date-picker__calendar-header" }, Do = { class: "ina-date-picker__header-controls" }, To = { class: "ina-date-picker__dropdown-container" }, Lo = { class: "ina-date-picker__dropdown-container" }, No = { class: "ina-date-picker__calendar-grid" }, Ao = ["disabled", "onClick"], Eo = { class: "ina-date-picker__day-number" }, Ro = { class: "ina-date-picker__calendar" }, Po = { class: "ina-date-picker__next-month-header" }, Fo = { class: "ina-date-picker__next-month-controls" }, Ho = { class: "ina-date-picker__dropdown-container" }, Oo = { class: "ina-date-picker__dropdown-container" }, Go = { class: "ina-date-picker__calendar-grid" }, Ko = ["disabled", "onClick"], jo = { class: "ina-date-picker__day-number" }, Uo = /* @__PURE__ */ G({
+}, Co = { class: "ina-date-picker__calendar-header" }, $o = { class: "ina-date-picker__header-controls" }, Mo = { class: "ina-date-picker__dropdown-container" }, So = { class: "ina-date-picker__dropdown-container" }, xo = { class: "ina-date-picker__calendar-grid" }, zo = ["disabled", "onClick"], Bo = { class: "ina-date-picker__day-number" }, Vo = { class: "ina-date-picker__calendar-container" }, Io = { class: "ina-date-picker__calendar-header" }, Do = { class: "ina-date-picker__header-controls" }, To = { class: "ina-date-picker__dropdown-container" }, Lo = { class: "ina-date-picker__dropdown-container" }, No = { class: "ina-date-picker__calendar-grid" }, Ao = ["disabled", "onClick"], Eo = { class: "ina-date-picker__day-number" }, Po = { class: "ina-date-picker__calendar" }, Ro = { class: "ina-date-picker__next-month-header" }, Fo = { class: "ina-date-picker__next-month-controls" }, Ho = { class: "ina-date-picker__dropdown-container" }, Oo = { class: "ina-date-picker__dropdown-container" }, Go = { class: "ina-date-picker__calendar-grid" }, Ko = ["disabled", "onClick"], jo = { class: "ina-date-picker__day-number" }, Uo = /* @__PURE__ */ G({
   __name: "DatePicker",
   props: {
     modelValue: { default: "" },
@@ -5411,7 +5411,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
       "Oktober",
       "November",
       "Desember"
-    ], R = ["Min", "Sen", "Sel", "Rab", "Kam", "Jum", "Sab"];
+    ], P = ["Min", "Sen", "Sel", "Rab", "Kam", "Jum", "Sab"];
     c(() => _[b.value]), c(() => _[f.value]);
     const A = c(() => {
       if (e.mode === "single")
@@ -5486,7 +5486,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
       },
       { immediate: !0 }
     );
-    const P = c(() => me(
+    const R = c(() => me(
       "ina-date-picker__panel",
       `ina-date-picker__panel--${e.popperPlacement.split("-")[0]}`,
       y.value && !e.popperPlacement.includes("left") && !e.popperPlacement.includes("right") && "ina-date-picker__panel--right-aligned",
@@ -5713,7 +5713,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
           document.dispatchEvent(oe);
         }
       }), r.value = !r.value, r.value && _e(() => {
-        Re();
+        Pe();
       }));
     }, xe = () => {
       if (e.disabledDateBefore) {
@@ -5783,7 +5783,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
           }
         }
       }
-    }, Re = () => {
+    }, Pe = () => {
       e.panelOnly || !a.value || !d.value || requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           if (!a.value || !d.value) return;
@@ -5817,7 +5817,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
       d.value && d.value.contains(V) || a.value && a.value.contains(V) || (r.value = !1, w.value = null);
     }, Ue = () => {
       r.value && _e(() => {
-        Re();
+        Pe();
       });
     }, vt = (S) => {
       var V, I;
@@ -5879,7 +5879,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
         key: 2,
         ref_key: "panelRef",
         ref: d,
-        class: $(P.value),
+        class: $(R.value),
         style: Se(u.value)
       }, [
         o("div", {
@@ -5932,7 +5932,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
               ])
             ]),
             o("div", xo, [
-              (s(), n(J, null, ge(R, (I) => o("div", {
+              (s(), n(J, null, ge(P, (I) => o("div", {
                 key: `h-${I}`,
                 class: "ina-date-picker__day-header"
               }, B(I), 1)), 64)),
@@ -5984,7 +5984,10 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
                 ]),
                 o("button", {
                   type: "button",
-                  class: "ina-date-picker__nav-button",
+                  class: $([
+                    "ina-date-picker__nav-button",
+                    "ina-date-picker__nav-button--mobile-only"
+                  ]),
                   onClick: fe
                 }, [
                   X(Ge, {
@@ -5994,7 +5997,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
                 ])
               ]),
               o("div", No, [
-                (s(), n(J, null, ge(R, (I) => o("div", {
+                (s(), n(J, null, ge(P, (I) => o("div", {
                   key: `lh-${I}`,
                   class: "ina-date-picker__day-header"
                 }, B(I), 1)), 64)),
@@ -6009,8 +6012,8 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
                 ], 10, Ao))), 128))
               ])
             ]),
-            o("div", Ro, [
-              o("div", Po, [
+            o("div", Po, [
+              o("div", Ro, [
                 o("button", {
                   type: "button",
                   class: "ina-date-picker__nav-button",
@@ -6056,7 +6059,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
                 ])
               ]),
               o("div", Go, [
-                (s(), n(J, null, ge(R, (I) => o("div", {
+                (s(), n(J, null, ge(P, (I) => o("div", {
                   key: `rh-${I}`,
                   class: "ina-date-picker__day-header"
                 }, B(I), 1)), 64)),
@@ -6080,7 +6083,7 @@ const so = /* @__PURE__ */ ve(eo, [["render", ao]]), no = ["for"], lo = {
       }, B(t.statusMessage), 3)) : g("", !0)
     ], 2));
   }
-}), Wo = /* @__PURE__ */ ve(Uo, [["__scopeId", "data-v-9b856446"]]), Yo = G({
+}), Wo = /* @__PURE__ */ ve(Uo, [["__scopeId", "data-v-f75a6def"]]), Yo = G({
   name: "IconChevronUp",
   props: {
     size: {
@@ -6181,7 +6184,7 @@ const Jo = /* @__PURE__ */ ve(Yo, [["render", Zo]]), Xo = {
   },
   emits: ["update:modelValue", "change", "clear", "update:selectedRaw", "selectedRawChange"],
   setup(t, { emit: i }) {
-    const e = t, l = i, a = z(), d = z(), r = z(), u = z(), m = z(), p = z(!1), y = z(""), w = z(-1), x = z(null), v = z(/* @__PURE__ */ new Map()), b = z([]), h = c(() => !e.label || typeof e.label == "string" ? null : e.label), f = c(() => !e.selectionTitle || typeof e.selectionTitle == "string" ? null : e.selectionTitle), _ = c(() => e.searchValue !== void 0), R = c(
+    const e = t, l = i, a = z(), d = z(), r = z(), u = z(), m = z(), p = z(!1), y = z(""), w = z(-1), x = z(null), v = z(/* @__PURE__ */ new Map()), b = z([]), h = c(() => !e.label || typeof e.label == "string" ? null : e.label), f = c(() => !e.selectionTitle || typeof e.selectionTitle == "string" ? null : e.selectionTitle), _ = c(() => e.searchValue !== void 0), P = c(
       () => _.value ? e.searchValue || "" : y.value
     );
     ce(w, (k) => {
@@ -6191,7 +6194,7 @@ const Jo = /* @__PURE__ */ ve(Yo, [["render", Zo]]), Xo = {
         inline: "nearest"
       }));
     }), ce(
-      R,
+      P,
       (k) => {
         var K;
         x.value && clearTimeout(x.value), e.onSearch && k !== "" ? x.value = setTimeout(() => {
@@ -6237,7 +6240,7 @@ const Jo = /* @__PURE__ */ ve(Yo, [["render", Zo]]), Xo = {
       () => e.multiple && Array.isArray(e.modelValue)
     ), C = c(
       () => L.value ? e.modelValue : []
-    ), P = c(
+    ), R = c(
       () => e.multiple ? null : e.modelValue
     ), N = (k) => {
       if (v.value.has(k))
@@ -6300,9 +6303,9 @@ const Jo = /* @__PURE__ */ ve(Yo, [["render", Zo]]), Xo = {
           }
         } else return e.placeholder;
       else
-        return N(P.value) || e.placeholder;
-    }), Z = c(() => e.multiple || p.value ? R.value : P.value !== null && P.value !== void 0 && P.value !== "" && N(P.value) || ""), re = c(() => e.onSearch || !e.searchable ? e.options : e.options.filter(
-      (k) => k.label.toLowerCase().includes(R.value.toLowerCase())
+        return N(R.value) || e.placeholder;
+    }), Z = c(() => e.multiple || p.value ? P.value : R.value !== null && R.value !== void 0 && R.value !== "" && N(R.value) || ""), re = c(() => e.onSearch || !e.searchable ? e.options : e.options.filter(
+      (k) => k.label.toLowerCase().includes(P.value.toLowerCase())
     ));
     ce(
       () => re.value,
@@ -6310,7 +6313,7 @@ const Jo = /* @__PURE__ */ ve(Yo, [["render", Zo]]), Xo = {
         w.value = -1, b.value = [];
       }
     );
-    const ne = c(() => e.multiple ? C.value.length > 0 : e.modelValue !== null && e.modelValue !== void 0 && e.modelValue !== ""), he = (k) => k.value, be = (k) => k.label, ke = (k) => e.multiple ? C.value.includes(k.value) : k.value === P.value, Ce = (k) => me(
+    const ne = c(() => e.multiple ? C.value.length > 0 : e.modelValue !== null && e.modelValue !== void 0 && e.modelValue !== ""), he = (k) => k.value, be = (k) => k.label, ke = (k) => e.multiple ? C.value.includes(k.value) : k.value === R.value, Ce = (k) => me(
       "ina-select-dropdown__option",
       !e.multiple && ke(k) && "ina-select-dropdown__option--selected-single",
       e.multiple && ke(k) && "ina-select-dropdown__option--selected-multiple",
@@ -6735,7 +6738,7 @@ const Jo = /* @__PURE__ */ ve(Yo, [["render", Zo]]), Xo = {
       t.spinnerOnly ? g("", !0) : (s(), n("div", Ar, B(t.subtitle), 1))
     ], 10, Lr));
   }
-}), Rr = ["onClick"], Pr = { class: "ina-stepper__icon-wrapper" }, Fr = {
+}), Pr = ["onClick"], Rr = { class: "ina-stepper__icon-wrapper" }, Fr = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "ina-stepper__check-icon",
@@ -6787,7 +6790,7 @@ const Jo = /* @__PURE__ */ ve(Yo, [["render", Zo]]), Xo = {
             return !d.disabled && ((m = i.onStepClick) == null ? void 0 : m.call(i, r));
           }
         }, [
-          o("div", Pr, [
+          o("div", Rr, [
             r < i.currentStep ? (s(), n("svg", Fr, [...a[0] || (a[0] = [
               o("path", {
                 stroke: "none",
@@ -6802,7 +6805,7 @@ const Jo = /* @__PURE__ */ ve(Yo, [["render", Zo]]), Xo = {
               pe(B(d.label), 1)
             ], 64)) : (s(), Y(se(d.label), { key: 1 }))
           ])
-        ], 10, Rr),
+        ], 10, Pr),
         r < i.steps.length - 1 ? (s(), n("div", {
           key: 0,
           class: $([
@@ -7092,7 +7095,10 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
 }, cd = ["onClick"], vd = ["onClick"], fd = { key: 0 }, pd = ["colspan"], gd = ["onClick"], md = {
   key: 0,
   class: "ina-table__cell"
-}, hd = ["tabindex"], yd = ["onClick"], bd = { class: "ina-table__pagination" }, kd = /* @__PURE__ */ G({
+}, hd = ["tabindex"], yd = ["onClick"], bd = {
+  key: 1,
+  class: "ina-table__pagination"
+}, kd = /* @__PURE__ */ G({
   __name: "Table",
   props: {
     columns: {},
@@ -7115,7 +7121,8 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
     onRowClick: {},
     lastColumnSticky: { type: Boolean, default: !1 },
     renderSortIndicator: {},
-    emptyState: { default: "No data found" }
+    emptyState: { default: "No data found" },
+    showPagination: { type: Boolean, default: !0 }
   },
   emits: ["selectionChange", "rowUpdate", "rowClick"],
   setup(t, { emit: i }) {
@@ -7123,7 +7130,7 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
       () => Object.values(h.value).every(Boolean)
     ), _ = c(
       () => Object.values(h.value).some(Boolean)
-    ), R = z({}), A = z(null), U = c(() => Math.ceil(d.value / y.value));
+    ), P = z({}), A = z(null), U = c(() => Math.ceil(d.value / y.value));
     let Q = null;
     ce(
       () => e.initialPage,
@@ -7151,7 +7158,7 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
             sortOrder: x.value,
             searchTerm: v.value
           });
-          F.aborted || (a.value = ee.data, d.value = ee.total, h.value = {}, R.value = {}, A.value = null);
+          F.aborted || (a.value = ee.data, d.value = ee.total, h.value = {}, P.value = {}, A.value = null);
         } catch (ee) {
           F.aborted || console.error(ee);
         } finally {
@@ -7181,24 +7188,24 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
       );
       (k = e.onSelectionChange) == null || k.call(e, ee), l("selectionChange", ee);
     }, M = (F, ee, k, K) => {
-      K.stopPropagation(), R.value = {
-        ...R.value,
+      K.stopPropagation(), P.value = {
+        ...P.value,
         [F]: { ...ee }
       }, A.value = { rowKey: F, accessor: k };
     }, L = (F) => {
       var j;
-      const ee = R.value[F];
+      const ee = P.value[F];
       ee && ((j = e.onRowUpdate) == null || j.call(e, ee), l("rowUpdate", ee));
-      const { [F]: k, ...K } = R.value;
-      R.value = K, A.value = null;
+      const { [F]: k, ...K } = P.value;
+      P.value = K, A.value = null;
     }, C = (F) => {
-      const ee = { ...R.value };
-      delete ee[F], R.value = ee, A.value = null;
-    }, P = (F, ee, k) => {
-      R.value = {
-        ...R.value,
+      const ee = { ...P.value };
+      delete ee[F], P.value = ee, A.value = null;
+    }, R = (F, ee, k) => {
+      P.value = {
+        ...P.value,
         [F]: {
-          ...R.value[F],
+          ...P.value[F],
           [ee]: k
         }
       };
@@ -7388,14 +7395,14 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
                   ((Ie = A.value) == null ? void 0 : Ie.rowKey) === String(k[t.rowKey]) && A.value.accessor === j.accessor ? (s(), Y(se(O(j)), {
                     key: 0,
                     row: k,
-                    value: (R.value[String(k[t.rowKey])] ?? k)[j.accessor],
-                    onChange: (Re) => P(String(k[t.rowKey]), j.accessor, Re),
-                    onCommit: (Re) => L(String(k[t.rowKey])),
-                    onCancel: (Re) => C(String(k[t.rowKey]))
+                    value: (P.value[String(k[t.rowKey])] ?? k)[j.accessor],
+                    onChange: (Pe) => R(String(k[t.rowKey]), j.accessor, Pe),
+                    onCommit: (Pe) => L(String(k[t.rowKey])),
+                    onCancel: (Pe) => C(String(k[t.rowKey]))
                   }, null, 40, ["row", "value", "onChange", "onCommit", "onCancel"])) : (s(), n("div", {
                     key: 1,
                     class: "ina-table__cell--editable",
-                    onClick: (Re) => M(String(k[t.rowKey]), k, j.accessor, Re)
+                    onClick: (Pe) => M(String(k[t.rowKey]), k, j.accessor, Pe)
                   }, [
                     te(F.$slots, "cell", {
                       row: k,
@@ -7418,7 +7425,7 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
           ], 10, gd))), 128))
         ], 2)
       ], 2),
-      o("div", bd, [
+      t.showPagination ? (s(), n("div", bd, [
         X(xt, {
           modelValue: p.value,
           totalPages: U.value,
@@ -7429,7 +7436,7 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
           "onUpdate:modelValue": Ce,
           onPageSizeChange: E
         }, null, 8, ["modelValue", "totalPages", "pageSize", "pageSizeOptions", "disabled"])
-      ])
+      ])) : g("", !0)
     ], 2));
   }
 }), _d = ["for"], wd = { key: 1 }, Cd = {
@@ -7491,7 +7498,7 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
     }), _ = c(() => {
       const M = ["ina-text-area__helper-text"];
       return u.value ? M.push("ina-text-area__helper-text--error") : e.status !== "neutral" && M.push(`ina-text-area__helper-text--${e.status}`), M;
-    }), R = c(() => {
+    }), P = c(() => {
       const M = ["ina-text-area__char-count"];
       return r.value.length > (e.maxLength || 0) && M.push("ina-text-area__char-count--error"), M;
     });
@@ -7520,10 +7527,10 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
       return null;
     }
     const U = (M) => {
-      var P;
+      var R;
       let C = M.target.value;
       if (!(e.maxLength != null && C.length > e.maxLength)) {
-        if ((P = e.securityConfig) != null && P.enableXssProtection) {
+        if ((R = e.securityConfig) != null && R.enableXssProtection) {
           const N = Oe(C);
           N.isValid || (e.securityConfig.logViolations && console.warn("TextArea security violation:", N.threats), e.securityConfig.onSecurityViolation && e.securityConfig.onSecurityViolation(N.threats, C), C = N.sanitized);
         }
@@ -7542,11 +7549,11 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
         var C;
         let L = M || "";
         if ((C = e.securityConfig) != null && C.enableXssProtection) {
-          const P = Oe(L);
-          P.isValid || (e.securityConfig.logViolations && console.warn(
+          const R = Oe(L);
+          R.isValid || (e.securityConfig.logViolations && console.warn(
             "TextArea security violation on value change:",
-            P.threats
-          ), e.securityConfig.onSecurityViolation && e.securityConfig.onSecurityViolation(P.threats, L), L = P.sanitized);
+            R.threats
+          ), e.securityConfig.onSecurityViolation && e.securityConfig.onSecurityViolation(R.threats, L), L = R.sanitized);
         }
         r.value = L, u.value = A(L);
       }
@@ -7612,7 +7619,7 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
       ], 2)) : g("", !0),
       t.showCharCount && t.maxLength ? (s(), n("div", {
         key: 2,
-        class: $(R.value)
+        class: $(P.value)
       }, B(r.value.length) + "/" + B(t.maxLength), 3)) : g("", !0)
     ], 2));
   }
@@ -7655,9 +7662,9 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
           d.value = !1;
           return;
         }
-        const R = f || "", A = _ || "";
-        R.length === e.length && A.length !== e.length && _e(() => {
-          l("complete", R);
+        const P = f || "", A = _ || "";
+        P.length === e.length && A.length !== e.length && _e(() => {
+          l("complete", P);
         });
       }
     );
@@ -7672,9 +7679,9 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
       return ((_ = e.modelValue) == null ? void 0 : _[f]) || "";
     }, w = (f, _) => {
       var H;
-      const R = _.target, A = R.value;
+      const P = _.target, A = P.value;
       if (A && !/^\d$/.test(A)) {
-        R.value = ((H = e.modelValue) == null ? void 0 : H[f]) || "";
+        P.value = ((H = e.modelValue) == null ? void 0 : H[f]) || "";
         return;
       }
       const Q = (e.modelValue || "").split("");
@@ -7690,12 +7697,12 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
         });
       }
     }, x = (f, _) => {
-      var R, A, U;
+      var P, A, U;
       if (_.key === "Backspace")
         if (!(e.modelValue || "")[f] && f > 0) {
           const ae = f - 1;
           if (a.value[ae]) {
-            (R = a.value[ae]) == null || R.focus();
+            (P = a.value[ae]) == null || P.focus();
             const H = (e.modelValue || "").split("");
             H[ae] = "";
             const M = H.join("");
@@ -7728,12 +7735,12 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
     }, b = () => {
     }, h = (f) => {
       f.preventDefault();
-      const R = f.clipboardData.getData("text").replace(/\D/g, "").slice(0, e.length);
-      if (R) {
-        d.value = !0, l("update:modelValue", R), R.length === e.length && _e(() => {
-          l("complete", R);
+      const P = f.clipboardData.getData("text").replace(/\D/g, "").slice(0, e.length);
+      if (P) {
+        d.value = !0, l("update:modelValue", P), P.length === e.length && _e(() => {
+          l("complete", P);
         });
-        const A = Math.min(R.length - 1, e.length - 1);
+        const A = Math.min(P.length - 1, e.length - 1);
         _e(() => {
           var U;
           a.value[A] && ((U = a.value[A]) == null || U.focus());
@@ -7754,7 +7761,7 @@ const id = /* @__PURE__ */ ve(sd, [["render", ld]]), od = { class: "ina-table__s
         ], 64)) : (s(), Y(se(t.description), { key: 1 }))
       ])) : g("", !0),
       o("div", Bd, [
-        (s(!0), n(J, null, ge(t.length, (R, A) => (s(), n("input", {
+        (s(!0), n(J, null, ge(t.length, (P, A) => (s(), n("input", {
           key: A,
           ref_for: !0,
           ref: (U) => r(U, A),
@@ -7830,7 +7837,7 @@ const Nd = /* @__PURE__ */ ve(Dd, [["render", Ld]]), Ad = G({
     }
   }
 }), Ed = ["width", "height", "stroke-width"];
-function Rd(t, i, e, l, a, d) {
+function Pd(t, i, e, l, a, d) {
   return s(), n("svg", ue({
     xmlns: "http://www.w3.org/2000/svg",
     width: t.size,
@@ -7850,7 +7857,7 @@ function Rd(t, i, e, l, a, d) {
     o("path", { d: "M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" }, null, -1)
   ])], 16, Ed);
 }
-const Pd = /* @__PURE__ */ ve(Ad, [["render", Rd]]), Fd = {
+const Rd = /* @__PURE__ */ ve(Ad, [["render", Pd]]), Fd = {
   key: 0,
   class: "ina-theme-toggle__label"
 }, Hd = ["aria-label", "title"], Od = /* @__PURE__ */ G({
@@ -7893,7 +7900,7 @@ const Pd = /* @__PURE__ */ ve(Ad, [["render", Rd]]), Fd = {
           e.value === "light" ? (s(), Y(Nd, {
             key: 0,
             size: t.size === "sm" ? 16 : t.size === "lg" ? 20 : 18
-          }, null, 8, ["size"])) : (s(), Y(Pd, {
+          }, null, 8, ["size"])) : (s(), Y(Rd, {
             key: 1,
             size: t.size === "sm" ? 16 : t.size === "lg" ? 20 : 18
           }, null, 8, ["size"]))
@@ -8029,7 +8036,7 @@ const Ud = /* @__PURE__ */ ve(Gd, [["render", jd]]), Wd = { key: 1 }, Yd = {
           break;
       }
       return le;
-    }, _ = c(() => x(m.value || "")), R = c(() => f("hour")), A = c(() => f("minute")), U = c(() => f("second")), Q = () => {
+    }, _ = c(() => x(m.value || "")), P = c(() => f("hour")), A = c(() => f("minute")), U = c(() => f("second")), Q = () => {
       e.disabled || u.value || (u.value = !0, w.value = !0, l("open-change", !0), setTimeout(() => {
         var E;
         return (E = d.value) == null ? void 0 : E.focus();
@@ -8045,7 +8052,7 @@ const Ud = /* @__PURE__ */ ve(Gd, [["render", jd]]), Wd = { key: 1 }, Yd = {
       (E.key === "Enter" || E.key === " ") && (E.preventDefault(), H());
     }, C = (E) => {
       E.stopPropagation(), Q();
-    }, P = () => {
+    }, R = () => {
       w.value || Q(), w.value = !1;
     }, N = (E) => {
       E.key === "Enter" || E.key === " " ? (E.preventDefault(), H()) : E.key === "Escape" && u.value && ae();
@@ -8165,7 +8172,7 @@ const Ud = /* @__PURE__ */ ve(Gd, [["render", jd]]), Wd = { key: 1 }, Yd = {
         }, E.$attrs, {
           onInput: O,
           onClick: C,
-          onFocus: P,
+          onFocus: R,
           onKeydown: N
         }), null, 16, Jd),
         t.allowClear && m.value && !t.disabled ? (s(), n("div", {
@@ -8206,7 +8213,7 @@ const Ud = /* @__PURE__ */ ve(Gd, [["render", jd]]), Wd = { key: 1 }, Yd = {
               class: "ina-time-picker__column-content",
               onMouseleave: re
             }, [
-              (s(!0), n(J, null, ge(R.value, (T) => (s(), n("div", {
+              (s(!0), n(J, null, ge(P.value, (T) => (s(), n("div", {
                 key: T,
                 class: $([
                   "ina-time-picker__option",
@@ -8654,8 +8661,8 @@ const fu = { class: "ina-modal-confirmation__body" }, pu = { key: 1 }, gu = /* @
       const f = ["ina-toggle__thumb"];
       return m.value && f.push("ina-toggle__thumb--checked"), e.disabled && f.push("ina-toggle__thumb--disabled"), f;
     }), v = (f) => {
-      const R = f.target.checked;
-      m.value = R, l("change", R);
+      const P = f.target.checked;
+      m.value = P, l("change", P);
     }, b = (f) => {
       l("focus", f);
     }, h = (f) => {
@@ -8834,21 +8841,21 @@ const fu = { class: "ina-modal-confirmation__body" }, pu = { key: 1 }, gu = /* @
   "panrb",
   "default"
 ];
-let Pe = {
+let Re = {
   name: "default"
 };
 function Vu(t) {
-  Tt.includes(t) ? Pe = { name: t } : Pe = { name: "default" }, Lt();
+  Tt.includes(t) ? Re = { name: t } : Re = { name: "default" }, Lt();
 }
 function Lt() {
   if (typeof document > "u") return;
   const t = document.documentElement;
-  if (Tt.includes(Pe.name)) {
-    Pe.name === "default" ? (t.removeAttribute("data-brand"), Iu(t)) : (t.setAttribute("data-brand", Pe.name), gt(t));
+  if (Tt.includes(Re.name)) {
+    Re.name === "default" ? (t.removeAttribute("data-brand"), Iu(t)) : (t.setAttribute("data-brand", Re.name), gt(t));
     return;
   }
-  if (Pe.colors) {
-    t.removeAttribute("data-brand"), gt(t), Object.entries(Pe.colors).forEach(([i, e]) => {
+  if (Re.colors) {
+    t.removeAttribute("data-brand"), gt(t), Object.entries(Re.colors).forEach(([i, e]) => {
       const l = `--ina-${i.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
       t.style.setProperty(l, e);
     });
@@ -8866,7 +8873,7 @@ function gt(t) {
   });
 }
 function Du(t) {
-  Pe = { name: "default" }, Lt();
+  Re = { name: "default" }, Lt();
 }
 typeof window < "u" && Du();
 const Tu = G({
@@ -8915,8 +8922,8 @@ const Au = /* @__PURE__ */ ve(Tu, [["render", Nu]]), Eu = G({
       default: 2
     }
   }
-}), Ru = ["width", "height", "stroke-width"];
-function Pu(t, i, e, l, a, d) {
+}), Pu = ["width", "height", "stroke-width"];
+function Ru(t, i, e, l, a, d) {
   return s(), n("svg", ue({
     xmlns: "http://www.w3.org/2000/svg",
     width: t.size,
@@ -8929,9 +8936,9 @@ function Pu(t, i, e, l, a, d) {
     "stroke-linejoin": "round"
   }, t.$attrs), [...i[0] || (i[0] = [
     Fe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4"></path><path d="M5 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6"></path><path d="M17 18h2"></path><path d="M20 15h-3v6"></path><path d="M11 15v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1"></path>', 7)
-  ])], 16, Ru);
+  ])], 16, Pu);
 }
-const Fu = /* @__PURE__ */ ve(Eu, [["render", Pu]]), Hu = G({
+const Fu = /* @__PURE__ */ ve(Eu, [["render", Ru]]), Hu = G({
   name: "IconPhoto",
   props: {
     size: {
@@ -8978,7 +8985,7 @@ const Ku = /* @__PURE__ */ ve(Hu, [["render", Gu]]), ju = { class: "ina-single-f
       const C = a.id || a.name;
       return C ? String(C) : void 0;
     }), x = c(() => {
-      const { id: C, name: P, type: N, accept: D, disabled: O, class: q, ...Z } = a;
+      const { id: C, name: R, type: N, accept: D, disabled: O, class: q, ...Z } = a;
       return Z;
     }), v = c(
       () => e.progress !== void 0 ? e.progress : u.value
@@ -8993,17 +9000,17 @@ const Ku = /* @__PURE__ */ ve(Hu, [["render", Gu]]), ju = { class: "ina-single-f
     ]);
     c(() => {
       if (!r.value) return !1;
-      const C = r.value.type, P = r.value.name.toLowerCase();
-      return C === "application/pdf" || P.endsWith(".pdf");
+      const C = r.value.type, R = r.value.name.toLowerCase();
+      return C === "application/pdf" || R.endsWith(".pdf");
     }), c(() => r.value ? r.value.type.startsWith("image/") : !1);
     const f = c(() => {
       if (!r.value) return null;
-      const C = r.value.type, P = r.value.name.toLowerCase();
-      return C === "application/pdf" || P.endsWith(".pdf") ? Fu : C.startsWith("image/") ? Ku : Au;
+      const C = r.value.type, R = r.value.name.toLowerCase();
+      return C === "application/pdf" || R.endsWith(".pdf") ? Fu : C.startsWith("image/") ? Ku : Au;
     }), _ = () => {
       var C;
       e.disabled || r.value || (C = d.value) == null || C.click();
-    }, R = async (C) => {
+    }, P = async (C) => {
       var q;
       const N = (q = C.target.files) == null ? void 0 : q[0];
       if (!N) return;
@@ -9069,30 +9076,30 @@ const Ku = /* @__PURE__ */ ve(Hu, [["render", Gu]]), ju = { class: "ina-single-f
       var O;
       if (e.disabled || r.value) return;
       C.preventDefault(), C.stopPropagation(), y.value = !1;
-      const P = (O = C.dataTransfer) == null ? void 0 : O.files[0];
-      if (!P) return;
-      if (Qe(P.name) !== P.name) {
+      const R = (O = C.dataTransfer) == null ? void 0 : O.files[0];
+      if (!R) return;
+      if (Qe(R.name) !== R.name) {
         const q = {
           isValid: !1,
           error: "Nama file mengandung karakter yang tidak diizinkan",
-          file: P
+          file: R
         };
         r.value = null, p.value = q, m.value = "error", l("change", null, q);
         return;
       }
       if (e.allowedExtensions && e.allowedExtensions.length > 0) {
-        const q = P.name.toLowerCase(), Z = q.substring(q.lastIndexOf(".") + 1);
+        const q = R.name.toLowerCase(), Z = q.substring(q.lastIndexOf(".") + 1);
         if (!e.allowedExtensions.includes(Z.toLowerCase())) {
           const re = {
             isValid: !1,
             error: `Ekstensi file harus: ${e.allowedExtensions.join(", ")}`,
-            file: P
+            file: R
           };
           r.value = null, p.value = re, m.value = "error", l("change", null, re);
           return;
         }
       }
-      const D = lt(P, {
+      const D = lt(R, {
         allowedTypes: e.accept || void 0,
         maxSize: e.maxSize || void 0,
         validateExtension: !0
@@ -9101,24 +9108,24 @@ const Ku = /* @__PURE__ */ ve(Hu, [["render", Gu]]), ju = { class: "ina-single-f
         r.value = null, p.value = D, m.value = "error", l("change", null, D);
         return;
       }
-      if (e.validateMagicNumber && P.type) {
+      if (e.validateMagicNumber && R.type) {
         const q = await it(
-          P,
-          P.type
+          R,
+          R.type
         );
         if (!q.isValid) {
           const Z = {
             isValid: !1,
             error: q.error || "File signature tidak valid",
-            file: P
+            file: R
           };
           r.value = null, p.value = Z, m.value = "error", l("change", null, Z);
           return;
         }
       }
-      r.value = P, p.value = null, m.value = "success", l("change", P, null);
+      r.value = R, p.value = null, m.value = "success", l("change", R, null);
     };
-    return (C, P) => (s(), n("div", ju, [
+    return (C, R) => (s(), n("div", ju, [
       o("input", ue(x.value, {
         id: w.value,
         ref_key: "fileInputRef",
@@ -9127,7 +9134,7 @@ const Ku = /* @__PURE__ */ ve(Hu, [["render", Gu]]), ju = { class: "ina-single-f
         accept: e.accept,
         disabled: e.disabled,
         class: "ina-single-file-upload__input",
-        onChange: R
+        onChange: P
       }), null, 16, Uu),
       o("div", {
         class: $(h.value),