@idds/react 1.6.22 → 1.6.23

package/dist/index.es.js

@@ -701,14 +701,14 @@ function Ar(e) {
             if (!H) return;
             const G = H.closest(".ina-accordion-group") || H.parentElement;
             if (!G) return;
-            const K = Array.from(
+            const W = Array.from(
               G.querySelectorAll(
                 ".ina-accordion__toggle:not([disabled])"
               )
-            ), ae = K.indexOf(P.currentTarget);
+            ), ae = W.indexOf(P.currentTarget);
             if (ae > -1) {
-              const ce = P.key === "ArrowDown" ? (ae + 1) % K.length : (ae - 1 + K.length) % K.length;
-              (V = K[ce]) == null || V.focus();
+              const ce = P.key === "ArrowDown" ? (ae + 1) % W.length : (ae - 1 + W.length) % W.length;
+              (V = W[ce]) == null || V.focus();
             }
           }
         },
@@ -1670,7 +1670,7 @@ function Hr({
   }, Y = l ? [...e, { label: c, value: c }] : e, P = S("ina-chip", h);
   return /* @__PURE__ */ w("div", { className: P, children: [
     /* @__PURE__ */ n("div", { className: "ina-chip__list", children: Y.map((V, H) => {
-      const G = l && V.value === c, K = G ? m : u.includes(V.value);
+      const G = l && V.value === c, W = G ? m : u.includes(V.value);
       return /* @__PURE__ */ n(
         "button",
         {
@@ -1682,7 +1682,7 @@ function Hr({
             V.disabled || (_(H), G ? (E(!0), F(!t && !m ? "" : p)) : T(V.value));
           },
           onKeyDown: (ae) => {
-            var ce, te, X, O, W;
+            var ce, te, X, O, K;
             if (!V.disabled) {
               if (ae.key === "ArrowRight" || ae.key === "ArrowDown") {
                 ae.preventDefault();
@@ -1697,14 +1697,14 @@ function Hr({
                   B = (B - 1 + Y.length) % Y.length;
                 _(B), (O = f.current[B]) == null || O.focus();
               }
-              ae.key === " " && (ae.preventDefault(), (W = f.current[H]) == null || W.click());
+              ae.key === " " && (ae.preventDefault(), (K = f.current[H]) == null || K.click());
             }
           },
           className: S(
             "ina-chip__item",
             `ina-chip__item--size-${r}`,
             `ina-chip__item--variant-${i}`,
-            K && "ina-chip__item--selected",
+            W && "ina-chip__item--selected",
             V.disabled && "ina-chip__item--disabled"
           ),
           children: V.label
@@ -2393,7 +2393,7 @@ function Wr({
     u || (O = E.current) == null || O.click();
   }, [u]), P = me(
     async (O) => {
-      const W = [], B = [], se = [];
+      const K = [], B = [], se = [];
       if (i && c) {
         const j = A.length;
         if (j + O.length > c) {
@@ -2428,7 +2428,7 @@ function Wr({
               isValid: !1,
               error: `Ekstensi file harus: ${l.join(", ")}`,
               file: j
-            }), W.push({
+            }), K.push({
               isValid: !1,
               error: `Ekstensi file harus: ${l.join(", ")}`,
               file: j
@@ -2442,7 +2442,7 @@ function Wr({
           validateExtension: !0
         });
         if (!Q.isValid) {
-          se.push(Q), W.push(Q);
+          se.push(Q), K.push(Q);
           continue;
         }
         if (h && j.type) {
@@ -2455,7 +2455,7 @@ function Wr({
               isValid: !1,
               error: ee.error || "File signature tidak valid",
               file: j
-            }), W.push({
+            }), K.push({
               isValid: !1,
               error: ee.error || "File signature tidak valid",
               file: j
@@ -2466,7 +2466,7 @@ function Wr({
         B.push({
           file: j,
           status: "idle"
-        }), W.push({
+        }), K.push({
           isValid: !0,
           file: j
         });
@@ -2488,8 +2488,8 @@ function Wr({
     ]
   ), V = me(
     async (O) => {
-      const W = Array.from(O.target.files || []);
-      await P(W), E.current && (E.current.value = "");
+      const K = Array.from(O.target.files || []);
+      await P(K), E.current && (E.current.value = "");
     },
     [P]
   ), H = me(
@@ -2499,29 +2499,29 @@ function Wr({
     [u]
   ), G = me((O) => {
     O.preventDefault(), O.stopPropagation(), k(!1);
-  }, []), K = me(
+  }, []), W = me(
     async (O) => {
       var B;
       if (O.preventDefault(), O.stopPropagation(), k(!1), u) return;
-      const W = Array.from(((B = O.dataTransfer) == null ? void 0 : B.files) || []);
-      await P(W);
+      const K = Array.from(((B = O.dataTransfer) == null ? void 0 : B.files) || []);
+      await P(K);
     },
     [u, P]
   ), ae = me(
     (O) => {
       if (u) return;
-      const W = A[O], B = A.filter((se, q) => q !== O);
-      F(B), p == null || p(W.file, O), m == null || m(
+      const K = A[O], B = A.filter((se, q) => q !== O);
+      F(B), p == null || p(K.file, O), m == null || m(
         B.map((se) => se.file),
         _
       );
     },
     [u, A, _, p, m]
   ), ce = me(
-    (O, W, B, se) => {
+    (O, K, B, se) => {
       F(
         (q) => q.map(
-          (j, Q) => Q === O ? { ...j, status: W, error: B, progress: se } : j
+          (j, Q) => Q === O ? { ...j, status: K, error: B, progress: se } : j
         )
       );
     },
@@ -2541,7 +2541,7 @@ function Wr({
         onClick: Y,
         onDragOver: H,
         onDragLeave: G,
-        onDrop: K,
+        onDrop: W,
         children: [
           /* @__PURE__ */ n(
             "input",
@@ -2580,7 +2580,7 @@ function Wr({
     ),
     A.length > 0 && /* @__PURE__ */ w(Ye, { children: [
       /* @__PURE__ */ n("div", { className: "ina-file-upload__files", children: (i && A.length > 5 && !T ? A.slice(0, 5) : A).map((O) => {
-        const W = A.findIndex(
+        const K = A.findIndex(
           (B) => B.file.name === O.file.name && B.file.size === O.file.size && B.status === O.status
         );
         return /* @__PURE__ */ w(
@@ -2617,7 +2617,7 @@ function Wr({
                       type: "button",
                       className: "ina-file-upload__file-retry",
                       onClick: () => {
-                        ce(W, "idle");
+                        ce(K, "idle");
                       },
                       title: "Coba lagi",
                       children: /* @__PURE__ */ n(xt, { size: 20 })
@@ -2628,7 +2628,7 @@ function Wr({
                     {
                       type: "button",
                       className: "ina-file-upload__file-remove",
-                      onClick: () => ae(W),
+                      onClick: () => ae(K),
                       title: "Hapus file",
                       children: /* @__PURE__ */ n(ot, { size: 20 })
                     }
@@ -2639,7 +2639,7 @@ function Wr({
                   {
                     type: "button",
                     className: "ina-file-upload__file-remove",
-                    onClick: () => ae(W),
+                    onClick: () => ae(K),
                     title: "Batalkan upload",
                     children: /* @__PURE__ */ n(Te, { size: 20 })
                   }
@@ -2649,7 +2649,7 @@ function Wr({
                   {
                     type: "button",
                     className: "ina-file-upload__file-remove",
-                    onClick: () => ae(W),
+                    onClick: () => ae(K),
                     title: "Hapus file",
                     children: /* @__PURE__ */ n(ot, { size: 20 })
                   }
@@ -2659,7 +2659,7 @@ function Wr({
                   {
                     type: "button",
                     className: "ina-file-upload__file-remove",
-                    onClick: () => ae(W),
+                    onClick: () => ae(K),
                     title: "Hapus file",
                     children: /* @__PURE__ */ n(ot, { size: 20 })
                   }
@@ -2667,7 +2667,7 @@ function Wr({
               ] })
             ]
           },
-          `${O.file.name}-${W}`
+          `${O.file.name}-${K}`
         );
       }) }),
       i && A.length > 5 && /* @__PURE__ */ w(
@@ -2705,11 +2705,11 @@ function Wr({
         }
       )
     ] }),
-    _.length > 0 && /* @__PURE__ */ n("div", { className: "ina-file-upload__errors", children: _.map((O, W) => /* @__PURE__ */ w("div", { className: "ina-file-upload__error-message", children: [
+    _.length > 0 && /* @__PURE__ */ n("div", { className: "ina-file-upload__errors", children: _.map((O, K) => /* @__PURE__ */ w("div", { className: "ina-file-upload__error-message", children: [
       dt(O.file.name),
       ": ",
       O.error
-    ] }, W)) })
+    ] }, K)) })
   ] });
 }
 const un = ({ size: e = 24, stroke: a = 2, ...t }) => /* @__PURE__ */ w(
@@ -2792,12 +2792,12 @@ function jr({
   ...m
 }) {
   const p = le(null), [I, E] = Z(null), [A, F] = Z(0), [C, k] = Z("idle"), [_, f] = Z(!1), T = b !== void 0 ? b : A, $ = h !== void 0 ? h : C, Y = me(() => {
-    var W;
-    l || I || (W = p.current) == null || W.click();
+    var K;
+    l || I || (K = p.current) == null || K.click();
   }, [l, I]), P = me(
-    async (W) => {
+    async (K) => {
       var j;
-      const B = (j = W.target.files) == null ? void 0 : j[0];
+      const B = (j = K.target.files) == null ? void 0 : j[0];
       if (!B) return;
       if (dt(B.name) !== B.name) {
         const Q = {
@@ -2853,23 +2853,23 @@ function jr({
     l || I || Y();
   }, [l, I, Y]), G = me(() => {
     l || I || f(!0);
-  }, [l, I]), K = me(() => {
+  }, [l, I]), W = me(() => {
     f(!1);
   }, []), ae = me(
-    (W) => {
-      l || I || (W.preventDefault(), W.stopPropagation(), f(!0));
+    (K) => {
+      l || I || (K.preventDefault(), K.stopPropagation(), f(!0));
     },
     [l, I]
   ), ce = me(
-    (W) => {
-      l || I || (W.preventDefault(), W.stopPropagation(), f(!1));
+    (K) => {
+      l || I || (K.preventDefault(), K.stopPropagation(), f(!1));
     },
     [l, I]
   ), te = me(
-    async (W) => {
+    async (K) => {
       if (l || I) return;
-      W.preventDefault(), W.stopPropagation(), f(!1);
-      const B = W.dataTransfer.files[0];
+      K.preventDefault(), K.stopPropagation(), f(!1);
+      const B = K.dataTransfer.files[0];
       if (!B) return;
       if (dt(B.name) !== B.name) {
         const j = {
@@ -2929,8 +2929,8 @@ function jr({
     ]
   ), X = () => {
     if (!I) return null;
-    const W = I.type, B = I.name.toLowerCase();
-    return W === "application/pdf" || B.endsWith(".pdf") ? /* @__PURE__ */ n(fn, { size: 16 }) : W.startsWith("image/") ? /* @__PURE__ */ n(pn, { size: 16 }) : /* @__PURE__ */ n(un, { size: 16 });
+    const K = I.type, B = I.name.toLowerCase();
+    return K === "application/pdf" || B.endsWith(".pdf") ? /* @__PURE__ */ n(fn, { size: 16 }) : K.startsWith("image/") ? /* @__PURE__ */ n(pn, { size: 16 }) : /* @__PURE__ */ n(un, { size: 16 });
   }, O = S("ina-single-file-upload__container", {
     "ina-single-file-upload__container--active": _ && !l && !I,
     "ina-single-file-upload__container--disabled": l
@@ -2954,7 +2954,7 @@ function jr({
         className: O,
         onClick: H,
         onFocus: G,
-        onBlur: K,
+        onBlur: W,
         onDragOver: ae,
         onDragLeave: ce,
         onDrop: te,
@@ -2997,8 +2997,8 @@ function jr({
               {
                 type: "button",
                 className: "ina-single-file-upload__delete-button",
-                onClick: (W) => {
-                  W.stopPropagation(), V();
+                onClick: (K) => {
+                  K.stopPropagation(), V();
                 },
                 "aria-label": "Remove file",
                 children: /* @__PURE__ */ n(ot, { size: 18 })
@@ -3120,12 +3120,12 @@ function hn(e, a, t, r) {
       return !s.current || X >= a || X < 0 || f && te - l.current >= $;
     }, G = function(te) {
       return b.current = null, k && h.current ? P(te) : (h.current = u.current = null, N.current);
-    }, K = function te() {
+    }, W = function te() {
       var X = Date.now();
       if (C && c.current === l.current && ae(), H(X)) return G(X);
       if (p.current) {
-        var O = a - (X - s.current), W = f ? Math.min(O, $ - (X - l.current)) : O;
-        V(te, W);
+        var O = a - (X - s.current), K = f ? Math.min(O, $ - (X - l.current)) : O;
+        V(te, K);
       }
     }, ae = function() {
       r && r({});
@@ -3133,13 +3133,13 @@ function hn(e, a, t, r) {
       if (A || T) {
         var te, X = Date.now(), O = H(X);
         if (h.current = [].slice.call(arguments), u.current = i, s.current = X, _ && !I.current && (I.current = function() {
-          var W;
-          ((W = global.document) == null ? void 0 : W.visibilityState) === "hidden" && E.current.flush();
+          var K;
+          ((K = global.document) == null ? void 0 : K.visibilityState) === "hidden" && E.current.flush();
         }, (te = global.document) == null || te.addEventListener == null || te.addEventListener("visibilitychange", I.current)), O) {
-          if (!b.current && p.current) return l.current = s.current, V(K, a), C ? P(s.current) : N.current;
-          if (f) return V(K, a), P(s.current);
+          if (!b.current && p.current) return l.current = s.current, V(W, a), C ? P(s.current) : N.current;
+          if (f) return V(W, a), P(s.current);
         }
-        return b.current || V(K, a), N.current;
+        return b.current || V(W, a), N.current;
       }
     };
     return ce.cancel = function() {
@@ -3331,11 +3331,11 @@ function yn({
       if (H.key === "Tab" && E) {
         const G = document.querySelector(".ina-modal__dialog");
         if (!G) return;
-        const K = G.querySelectorAll(
+        const W = G.querySelectorAll(
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         );
-        if (K.length === 0) return;
-        const ae = K[0], ce = K[K.length - 1];
+        if (W.length === 0) return;
+        const ae = W[0], ce = W[W.length - 1];
         H.shiftKey ? document.activeElement === ae && (H.preventDefault(), ce.focus()) : document.activeElement === ce && (H.preventDefault(), ae.focus());
       }
     };
@@ -3825,11 +3825,11 @@ function as({
   }, [e]), oe(() => {
     T.current ? T.current = !1 : t > 0 && r && r(f);
   }, [f, t, r]);
-  const $ = (K) => {
-    const ae = K.target.value;
+  const $ = (W) => {
+    const ae = W.target.value;
     u != null && ae.length > u || (C(ae), a(ae));
-  }, Y = (K) => {
-    E == null || E(K);
+  }, Y = (W) => {
+    E == null || E(W);
   }, P = () => {
     C(""), a(""), r && r("");
   }, V = c !== "neutral" && b != null ? b : l, H = (A == null ? void 0 : A.id) || (A == null ? void 0 : A.name) || String(s).toLowerCase(), G = `${H}-status`;
@@ -3878,8 +3878,8 @@ function as({
               type: "button",
               className: "ina-password-input__clear-button",
               onClick: P,
-              onKeyDown: (K) => {
-                (K.key === "Enter" || K.key === " ") && (K.preventDefault(), P());
+              onKeyDown: (W) => {
+                (W.key === "Enter" || W.key === " ") && (W.preventDefault(), P());
               },
               "aria-label": "Hapus input",
               children: /* @__PURE__ */ n(Te, { size: 16 })
@@ -3890,9 +3890,9 @@ function as({
             {
               type: "button",
               className: "ina-password-input__toggle-button",
-              onClick: () => _((K) => !K),
-              onKeyDown: (K) => {
-                (K.key === "Enter" || K.key === " ") && (K.preventDefault(), _((ae) => !ae));
+              onClick: () => _((W) => !W),
+              onKeyDown: (W) => {
+                (W.key === "Enter" || W.key === " ") && (W.preventDefault(), _((ae) => !ae));
               },
               "aria-label": k ? "Sembunyikan password" : "Tampilkan password",
               children: k ? /* @__PURE__ */ n(Mn, { size: 20 }) : /* @__PURE__ */ n(Cn, { size: 20 })
@@ -4498,7 +4498,7 @@ function rs({
 }) {
   const C = Fe(() => A || `phone-input-${Math.random().toString(36).substr(2, 9)}`, [A]), [k, _] = Z(a), [f, T] = Z(!1), [$, Y] = Z(""), [P, V] = Z(
     p.find((ee) => ee.code === m) || p[0]
-  ), H = le(null), G = le(null), K = le(null), ae = Fe(() => `${C}-helper`, [C]), ce = (ee) => {
+  ), H = le(null), G = le(null), W = le(null), ae = Fe(() => `${C}-helper`, [C]), ce = (ee) => {
     const de = ee.replace(/\D/g, "");
     return de.length > 7 ? de.replace(/^(\d{3})(\d{4})(.*)/, "$1-$2-$3") : de.length > 3 ? de.replace(/^(\d{3})(.*)/, "$1-$2") : de;
   };
@@ -4512,7 +4512,7 @@ function rs({
     a.startsWith(ee) && (de = a.substring(ee.length)), _(ce(de));
   }, [a, P.dialCode]), oe(() => {
     const ee = (de) => {
-      K.current && !K.current.contains(de.target) && T(!1);
+      W.current && !W.current.contains(de.target) && T(!1);
     };
     return document.addEventListener("mousedown", ee), () => {
       document.removeEventListener("mousedown", ee);
@@ -4541,7 +4541,7 @@ function rs({
       var de;
       (de = H.current) == null || de.focus();
     }, 0);
-  }, W = (ee) => {
+  }, K = (ee) => {
     const _e = ee.target.value.replace(/\D/g, ""), ie = ce(_e);
     _(ie);
     let J = _e;
@@ -4569,7 +4569,7 @@ function rs({
       N && /* @__PURE__ */ n("span", { className: "ina-text-field__required", children: "*" })
     ] }),
     /* @__PURE__ */ w("div", { className: q, children: [
-      /* @__PURE__ */ w("div", { className: "ina-phone-input__country-selector", ref: K, children: [
+      /* @__PURE__ */ w("div", { className: "ina-phone-input__country-selector", ref: W, children: [
         /* @__PURE__ */ w(
           "button",
           {
@@ -4679,7 +4679,7 @@ function rs({
           disabled: h,
           readOnly: u,
           className: "ina-phone-input__input",
-          onChange: W,
+          onChange: K,
           "aria-describedby": Q ? ae : void 0
         }
       ),
@@ -4806,14 +4806,14 @@ const is = ({
   disabled: V = !1,
   showPreviewValue: H = !0,
   searchable: G = !0,
-  onSelectedRawChange: K,
+  onSelectedRawChange: W,
   label: ae,
   required: ce,
   selectionTitle: te,
   mandatorySelected: X = !1
 }) => {
   var x;
-  const [O, W] = Z(!1), [B, se] = Z(""), [q, j] = Z(-1), Q = le(null), ee = le(null), de = le([]), _e = le(null), ie = le(/* @__PURE__ */ new Map()), J = Y !== void 0, he = J ? Y : B;
+  const [O, K] = Z(!1), [B, se] = Z(""), [q, j] = Z(-1), Q = le(null), ee = le(null), de = le([]), _e = le(null), ie = le(/* @__PURE__ */ new Map()), J = Y !== void 0, he = J ? Y : B;
   oe(() => (_e.current && clearTimeout(_e.current), _ && he !== "" ? _e.current = setTimeout(() => {
     _(he);
   }, f) : _ && he === "" && _(""), () => {
@@ -4822,7 +4822,7 @@ const is = ({
     J && Y !== B && se(Y);
   }, [Y, J, B]), oe(() => {
     const v = (g) => {
-      Q.current && !Q.current.contains(g.target) && (W(!1), j(-1), N == null || N());
+      Q.current && !Q.current.contains(g.target) && (K(!1), j(-1), N == null || N());
     };
     return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
   }, [N, J, P]), oe(() => () => {
@@ -4838,7 +4838,7 @@ const is = ({
     return g !== null ? { label: g, value: v } : e.find((re) => re.value === v) || null;
   };
   oe(() => {
-    if (K) {
+    if (W) {
       let v = null;
       if (h) {
         if (fe.length > 0) {
@@ -4847,7 +4847,7 @@ const is = ({
         }
       } else
         pe != null && pe !== "" && (v = be(pe));
-      K(v);
+      W(v);
     }
   }, [a, h, e]), oe(() => {
     const v = ie.current;
@@ -4984,11 +4984,11 @@ const is = ({
     V && "ina-select-dropdown__trigger-icon--disabled"
   ), R = () => h || O ? he : pe != null && pe !== "" && Ce(pe) || "", L = () => {
     var g;
-    !O && !V && W(!0);
+    !O && !V && K(!0);
     const v = (g = Q.current) == null ? void 0 : g.querySelector("input");
     v && v.focus();
   }, z = (v) => {
-    O || W(!0), Ne(v);
+    O || K(!0), Ne(v);
   }, d = (v) => {
     var g, U;
     if (!(V || v.disabled))
@@ -5009,18 +5009,18 @@ const is = ({
       } else {
         if (v.value === pe) {
           if (X) {
-            W(!1), j(-1);
+            K(!1), j(-1);
             return;
           }
           ie.current.delete(v.value), t(null, v);
         } else
           ie.current.set(v.value, v.label), t(v.value, v);
-        W(!1), j(-1), J ? P == null || P("") : se(""), N == null || N();
+        K(!1), j(-1), J ? P == null || P("") : se(""), N == null || N();
       }
   }, D = (v) => {
     v.key === "ArrowDown" ? (v.preventDefault(), O ? j(
       (g) => g < ke.length - 1 ? g + 1 : g
-    ) : (W(!0), j(0))) : v.key === "ArrowUp" ? (v.preventDefault(), j((g) => g > 0 ? g - 1 : g)) : v.key === "Enter" ? (v.preventDefault(), O && q >= 0 && q < ke.length && d(ke[q])) : v.key === "Escape" && (v.preventDefault(), W(!1), j(-1));
+    ) : (K(!0), j(0))) : v.key === "ArrowUp" ? (v.preventDefault(), j((g) => g > 0 ? g - 1 : g)) : v.key === "Enter" ? (v.preventDefault(), O && q >= 0 && q < ke.length && d(ke[q])) : v.key === "Escape" && (v.preventDefault(), K(!1), j(-1));
   };
   return /* @__PURE__ */ w(
     "div",
@@ -5387,30 +5387,30 @@ function En({
 }) {
   const T = () => k != null && k.enableXssProtection ? Xe(e).sanitized : e, [$, Y] = Z(T()), [P] = ht($, r), V = le(!0);
   oe(() => {
-    let W = e;
+    let K = e;
     if (k != null && k.enableXssProtection) {
       const B = Xe(e);
       B.isValid || (k.logViolations && console.warn(
         "TextField security violation on value change:",
         B.threats
-      ), k.onSecurityViolation && k.onSecurityViolation(B.threats, e), W = B.sanitized);
+      ), k.onSecurityViolation && k.onSecurityViolation(B.threats, e), K = B.sanitized);
     }
-    Y(W);
+    Y(K);
   }, [e, k]), oe(() => {
     V.current ? V.current = !1 : r > 0 && i && i(P);
   }, [P, r, i]);
-  const H = (W) => {
-    let B = W.target.value;
+  const H = (K) => {
+    let B = K.target.value;
     if (!(m != null && B.length > m)) {
       if (k != null && k.enableXssProtection) {
         const se = Xe(B);
         se.isValid || (k.logViolations && console.warn("TextField security violation:", se.threats), k.onSecurityViolation && k.onSecurityViolation(se.threats, B), B = se.sanitized);
       }
-      Y(B), a(B), t == null || t(W);
+      Y(B), a(B, K), t == null || t(K);
     }
-  }, G = (W) => {
-    _ == null || _(W);
-  }, K = () => {
+  }, G = (K) => {
+    _ == null || _(K);
+  }, W = () => {
     Y(""), a(""), i && i(""), E == null || E();
   }, ae = S(
     "ina-text-field__wrapper",
@@ -5422,17 +5422,10 @@ function En({
     `ina-text-field__helper-text--${h}`
   ), te = h !== "neutral" && u != null ? u : b, X = (f == null ? void 0 : f.id) || (f == null ? void 0 : f.name) || String(c).toLowerCase(), O = `${X}-status`;
   return /* @__PURE__ */ w("div", { className: "ina-text-field", children: [
-    c && /* @__PURE__ */ w(
-      "label",
-      {
-        className: "ina-text-field__label",
-        htmlFor: String(X),
-        children: [
-          c,
-          f.required && /* @__PURE__ */ n("span", { className: "ina-text-field__required", children: "*" })
-        ]
-      }
-    ),
+    c && /* @__PURE__ */ w("label", { className: "ina-text-field__label", htmlFor: String(X), children: [
+      c,
+      f.required && /* @__PURE__ */ n("span", { className: "ina-text-field__required", children: "*" })
+    ] }),
     /* @__PURE__ */ w("div", { className: ae, children: [
       s && /* @__PURE__ */ n("div", { className: "ina-text-field__prefix-icon", children: s }),
       /* @__PURE__ */ n(
@@ -5456,9 +5449,9 @@ function En({
         {
           type: "button",
           className: "ina-text-field__clear-button",
-          onClick: K,
-          onKeyDown: (W) => {
-            (W.key === "Enter" || W.key === " ") && (W.preventDefault(), K());
+          onClick: W,
+          onKeyDown: (K) => {
+            (K.key === "Enter" || K.key === " ") && (K.preventDefault(), W());
           },
           "aria-label": "Hapus input",
           children: /* @__PURE__ */ n(Te, { size: 16, className: "ina-text-field__clear-icon" })
@@ -5543,7 +5536,7 @@ function ds({
   emptyState: f = "No data found",
   showPagination: T = !0
 }) {
-  const [$, Y] = Z([]), [P, V] = Z(0), [H, G] = Z(!1), K = le(null), ae = ma(), [ce, te] = Z(t), [X, O] = Z(r), [W, B] = Z(s), [se, q] = Z(
+  const [$, Y] = Z([]), [P, V] = Z(0), [H, G] = Z(!1), W = le(null), ae = ma(), [ce, te] = Z(t), [X, O] = Z(r), [K, B] = Z(s), [se, q] = Z(
     l
   ), [j, Q] = Z(""), [ee, de] = Z(""), [_e, ie] = Z({}), J = Object.values(_e).every(Boolean), he = Object.values(_e).some(Boolean), [ve, fe] = Z({}), [pe, Ce] = Z(null), be = Math.ceil(P / X);
   oe(() => {
@@ -5554,7 +5547,7 @@ function ds({
         const ue = await a({
           page: ce,
           pageSize: X,
-          sortField: W,
+          sortField: K,
           sortOrder: se,
           searchTerm: j
         });
@@ -5568,7 +5561,7 @@ function ds({
     return re(), () => {
       g.abort();
     };
-  }, [ce, X, W, se, j, a]), oe(() => {
+  }, [ce, X, K, se, j, a]), oe(() => {
     te(t);
   }, [t]);
   const we = () => {
@@ -5597,7 +5590,7 @@ function ds({
       return delete re[g], re;
     }), Ce(null);
   }, o = (g, U) => {
-    g.sortable && (W === g.accessor && se === U ? (B(null), q(null)) : (B(g.accessor), q(U)), te(1));
+    g.sortable && (K === g.accessor && se === U ? (B(null), q(null)) : (B(g.accessor), q(U)), te(1));
   }, y = (g) => de(g), M = (g) => {
     g.key === "Enter" && (g.preventDefault(), te(1), Q(ee.trim()));
   }, R = () => {
@@ -5609,7 +5602,7 @@ function ds({
   };
   oe(() => {
     const g = (U) => {
-      K.current && !K.current.contains(U.target) && Ce(null);
+      W.current && !W.current.contains(U.target) && Ce(null);
     };
     return document.addEventListener("mousedown", g), () => {
       document.removeEventListener("mousedown", g);
@@ -5647,7 +5640,7 @@ function ds({
         className: "ina-table__progress-bar"
       }
     ),
-    /* @__PURE__ */ w("table", { ref: K, className: D, children: [
+    /* @__PURE__ */ w("table", { ref: W, className: D, children: [
       /* @__PURE__ */ n("thead", { className: x, children: /* @__PURE__ */ w("tr", { children: [
         N && /* @__PURE__ */ n("th", { className: "ina-table__header-cell", children: /* @__PURE__ */ n(
           Wt,
@@ -5660,7 +5653,7 @@ function ds({
           }
         ) }),
         e.map((g, U) => {
-          const re = W === g.accessor;
+          const re = K === g.accessor;
           return /* @__PURE__ */ n(
             "th",
             {
@@ -5870,7 +5863,7 @@ function us({
     let ee = Math.floor(Q / j);
     I && (ee = Math.min(ee, I)), G(Math.max(ee, p));
   }, [T, p, I]);
-  const K = (q) => {
+  const W = (q) => {
     let j = q.target.value;
     if (!(u != null && j.length > u)) {
       if (C != null && C.enableXssProtection) {
@@ -5890,7 +5883,7 @@ function us({
   ), O = S(
     "ina-text-area__helper-text",
     `ina-text-area__helper-text--${b}`
-  ), W = b !== "neutral" && h != null ? h : c, B = (_ == null ? void 0 : _.id) || (_ == null ? void 0 : _.name) || String(l).toLowerCase(), se = `${B}-status`;
+  ), K = b !== "neutral" && h != null ? h : c, B = (_ == null ? void 0 : _.id) || (_ == null ? void 0 : _.name) || String(l).toLowerCase(), se = `${B}-status`;
   return /* @__PURE__ */ w("div", { className: te, children: [
     l && /* @__PURE__ */ w(
       "label",
@@ -5914,12 +5907,12 @@ function us({
           rows: H,
           className: "ina-text-area__input",
           value: T,
-          onChange: K,
+          onChange: W,
           onBlur: ae,
           placeholder: E,
           disabled: A,
           maxLength: u,
-          "aria-describedby": W ? se : void 0
+          "aria-describedby": K ? se : void 0
         }
       ),
       m && T !== "" && !A && /* @__PURE__ */ n(
@@ -5937,7 +5930,7 @@ function us({
       ),
       s && /* @__PURE__ */ n("div", { className: "ina-text-area__suffix-icon", children: s })
     ] }),
-    W && /* @__PURE__ */ n("div", { id: se, className: O, children: W }),
+    K && /* @__PURE__ */ n("div", { id: se, className: O, children: K }),
     N && u != null && /* @__PURE__ */ w("div", { className: "ina-text-area__char-count", children: [
       T.length,
       "/",
@@ -6110,9 +6103,9 @@ const Vn = ({ size: e = 24, stroke: a = 2, ...t }) => /* @__PURE__ */ w(
     required: $,
     ...Y
   }, P) => {
-    const [V, H] = Z(!1), [G, K] = Z(
+    const [V, H] = Z(!1), [G, W] = Z(
       e || h || ""
-    ), [ae, ce] = Z(null), [te, X] = Z(null), [O, W] = Z(!1), B = le(null), se = le(null), q = le(null);
+    ), [ae, ce] = Z(null), [te, X] = Z(null), [O, K] = Z(!1), B = le(null), se = le(null), q = le(null);
     va(P, () => ({
       focus: () => {
         var o;
@@ -6185,12 +6178,12 @@ const Vn = ({ size: e = 24, stroke: a = 2, ...t }) => /* @__PURE__ */ w(
       }
       return y;
     }, ie = j(G || ""), J = _e("hour"), he = _e("minute"), ve = _e("second"), fe = () => {
-      a || V || (H(!0), W(!0), N == null || N(!0), setTimeout(() => {
+      a || V || (H(!0), K(!0), N == null || N(!0), setTimeout(() => {
         var o;
         return (o = se.current) == null ? void 0 : o.focus();
       }, 0));
     }, pe = () => {
-      H(!1), W(!1), ce(null), X(null), N == null || N(!1);
+      H(!1), K(!1), ce(null), X(null), N == null || N(!1);
     }, Ce = () => {
       a || (V ? pe() : fe());
     }, be = (o, y) => {
@@ -6215,7 +6208,7 @@ const Vn = ({ size: e = 24, stroke: a = 2, ...t }) => /* @__PURE__ */ w(
         L,
         p ? z : void 0
       );
-      K(d), u == null || u(d);
+      W(d), u == null || u(d);
     }, we = (o) => {
       let y = o.target.value;
       const M = p ? /[0-9: apm]/gi : /[0-9:]/g;
@@ -6226,12 +6219,12 @@ const Vn = ({ size: e = 24, stroke: a = 2, ...t }) => /* @__PURE__ */ w(
         d ? L += " " + d[0].toUpperCase() : y.includes(" ") && (L += " ");
       }
       let z = 5;
-      I && (z = 8), p && (z += 3), L = L.slice(0, z), o.target.value = L, K(L), u == null || u(L);
+      I && (z = 8), p && (z += 3), L = L.slice(0, z), o.target.value = L, W(L), u == null || u(L);
     }, ke = () => {
-      K(""), u == null || u("");
+      W(""), u == null || u("");
     };
     oe(() => {
-      h !== void 0 && h !== G && K(h);
+      h !== void 0 && h !== G && W(h);
     }, [h]), oe(() => {
       const o = (y) => {
         B.current && !B.current.contains(y.target) && pe();
@@ -6374,7 +6367,7 @@ const Vn = ({ size: e = 24, stroke: a = 2, ...t }) => /* @__PURE__ */ w(
                   o.stopPropagation(), fe();
                 },
                 onFocus: () => {
-                  O || fe(), W(!1);
+                  O || fe(), K(!1);
                 },
                 placeholder: l,
                 disabled: a,
@@ -6474,7 +6467,7 @@ const Vn = ({ size: e = 24, stroke: a = 2, ...t }) => /* @__PURE__ */ w(
                   I ? o.getSeconds() : 0,
                   o.getHours() >= 12 ? "PM" : "AM"
                 ) : y;
-                K(R), u == null || u(R), pe();
+                W(R), u == null || u(R), pe();
               },
               children: "Sekarang"
             }
@@ -7357,8 +7350,8 @@ var Je = (e) => Se(e) && !mt(e) ? e : {
     return {};
   const k = c ? c[0] : l, _ = (G) => {
     i && k.reportValidity && (k.setCustomValidity(Pe(G) ? "" : G || ""), k.reportValidity());
-  }, f = {}, T = Ot(l), $ = st(l), Y = T || $, P = (A || Ht(l)) && xe(l.value) && xe(C) || pt(l) && l.value === "" || C === "" || Array.isArray(C) && !C.length, V = jn.bind(null, E, r, f), H = (G, K, ae, ce = We.maxLength, te = We.minLength) => {
-    const X = G ? K : ae;
+  }, f = {}, T = Ot(l), $ = st(l), Y = T || $, P = (A || Ht(l)) && xe(l.value) && xe(C) || pt(l) && l.value === "" || C === "" || Array.isArray(C) && !C.length, V = jn.bind(null, E, r, f), H = (G, W, ae, ce = We.maxLength, te = We.minLength) => {
+    const X = G ? W : ae;
     f[E] = {
       type: G ? ce : te,
       message: X,
@@ -7367,60 +7360,60 @@ var Je = (e) => Se(e) && !mt(e) ? e : {
     };
   };
   if (s ? !Array.isArray(C) || !C.length : b && (!Y && (P || Be(C)) || Pe(C) && !C || $ && !Ba(c).isValid || T && !Ha(c).isValid)) {
-    const { value: G, message: K } = He(b) ? { value: !!b, message: b } : Je(b);
+    const { value: G, message: W } = He(b) ? { value: !!b, message: b } : Je(b);
     if (G && (f[E] = {
       type: We.required,
-      message: K,
+      message: W,
       ref: k,
-      ...V(We.required, K)
+      ...V(We.required, W)
     }, !r))
-      return _(K), f;
+      return _(W), f;
   }
   if (!P && (!Be(N) || !Be(m))) {
-    let G, K;
+    let G, W;
     const ae = Je(m), ce = Je(N);
     if (!Be(C) && !isNaN(C)) {
       const te = l.valueAsNumber || C && +C;
-      Be(ae.value) || (G = te > ae.value), Be(ce.value) || (K = te < ce.value);
+      Be(ae.value) || (G = te > ae.value), Be(ce.value) || (W = te < ce.value);
     } else {
-      const te = l.valueAsDate || new Date(C), X = (B) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + B), O = l.type == "time", W = l.type == "week";
-      He(ae.value) && C && (G = O ? X(C) > X(ae.value) : W ? C > ae.value : te > new Date(ae.value)), He(ce.value) && C && (K = O ? X(C) < X(ce.value) : W ? C < ce.value : te < new Date(ce.value));
+      const te = l.valueAsDate || new Date(C), X = (B) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + B), O = l.type == "time", K = l.type == "week";
+      He(ae.value) && C && (G = O ? X(C) > X(ae.value) : K ? C > ae.value : te > new Date(ae.value)), He(ce.value) && C && (W = O ? X(C) < X(ce.value) : K ? C < ce.value : te < new Date(ce.value));
     }
-    if ((G || K) && (H(!!G, ae.message, ce.message, We.max, We.min), !r))
+    if ((G || W) && (H(!!G, ae.message, ce.message, We.max, We.min), !r))
       return _(f[E].message), f;
   }
   if ((h || u) && !P && (He(C) || s && Array.isArray(C))) {
-    const G = Je(h), K = Je(u), ae = !Be(G.value) && C.length > +G.value, ce = !Be(K.value) && C.length < +K.value;
-    if ((ae || ce) && (H(ae, G.message, K.message), !r))
+    const G = Je(h), W = Je(u), ae = !Be(G.value) && C.length > +G.value, ce = !Be(W.value) && C.length < +W.value;
+    if ((ae || ce) && (H(ae, G.message, W.message), !r))
       return _(f[E].message), f;
   }
   if (p && !P && He(C)) {
-    const { value: G, message: K } = Je(p);
+    const { value: G, message: W } = Je(p);
     if (mt(G) && !C.match(G) && (f[E] = {
       type: We.pattern,
-      message: K,
+      message: W,
       ref: l,
-      ...V(We.pattern, K)
+      ...V(We.pattern, W)
     }, !r))
-      return _(K), f;
+      return _(W), f;
   }
   if (I) {
     if (Re(I)) {
-      const G = await I(C, t), K = la(G, k);
-      if (K && (f[E] = {
-        ...K,
-        ...V(We.validate, K.message)
+      const G = await I(C, t), W = la(G, k);
+      if (W && (f[E] = {
+        ...W,
+        ...V(We.validate, W.message)
       }, !r))
-        return _(K.message), f;
+        return _(W.message), f;
     } else if (Se(I)) {
       let G = {};
-      for (const K in I) {
+      for (const W in I) {
         if (!$e(G) && !r)
           break;
-        const ae = la(await I[K](C, t), k, K);
+        const ae = la(await I[W](C, t), k, W);
         ae && (G = {
           ...ae,
-          ...V(K, ae.message)
+          ...V(W, ae.message)
         }, _(ae.message), r && (f[E] = G));
       }
       if (!$e(G) && (f[E] = {
@@ -7606,7 +7599,7 @@ function lr(e = {}) {
       y && (y._f.refs ? y._f.refs.every((M) => !kt(M)) : !kt(y._f.ref)) && ie(o);
     }
     c.unMount = /* @__PURE__ */ new Set();
-  }, G = (o, y) => !a.disabled && (o && y && Me(s, o, y), !Ue(se(), i)), K = (o, y, M) => It(o, c, {
+  }, G = (o, y) => !a.disabled && (o && y && Me(s, o, y), !Ue(se(), i)), W = (o, y, M) => It(o, c, {
     ...l.mount ? s : xe(y) ? i : He(o) ? { [o]: y } : y
   }, M, y), ae = (o) => $t(ne(l.mount ? s : i, o, a.shouldUnregister ? ne(i, o, []) : [])), ce = (o, y, M = {}) => {
     const R = ne(r, o);
@@ -7673,7 +7666,7 @@ function lr(e = {}) {
         F([M], !0), x = (await oa(L, c.disabled, s, I, a.shouldUseNativeValidation))[M], F([M]), z(g), R && (x ? v = !1 : (N.isValid || m.isValid) && (v = await V(r, !0)));
       R && (L._f.deps && (!Array.isArray(L._f.deps) || L._f.deps.length > 0) && B(L._f.deps), $(M, v, x, ye));
     }
-  }, W = (o, y) => {
+  }, K = (o, y) => {
     if (ne(t.errors, y) && o.focus)
       return o.focus(), 1;
   }, B = async (o, y = {}) => {
@@ -7690,7 +7683,7 @@ function lr(e = {}) {
       ...!He(o) || (N.isValid || m.isValid) && M !== t.isValid ? {} : { name: o },
       ...a.resolver || !o ? { isValid: M } : {},
       errors: t.errors
-    }), y.shouldFocus && !R && tt(r, W, o ? L : c.mount), R;
+    }), y.shouldFocus && !R && tt(r, K, o ? L : c.mount), R;
   }, se = (o, y) => {
     let M = {
       ...l.mount ? s : i
@@ -7718,8 +7711,8 @@ function lr(e = {}) {
       isValid: !1
     }), M && M.shouldFocus && R && R.focus && R.focus();
   }, ee = (o, y) => Re(o) ? p.state.subscribe({
-    next: (M) => "values" in M && o(K(void 0, y), M)
-  }) : K(o, y, !0), de = (o) => p.state.subscribe({
+    next: (M) => "values" in M && o(W(void 0, y), M)
+  }) : W(o, y, !0), de = (o) => p.state.subscribe({
     next: (y) => {
       ar(o.name, y.name, o.exact) && tr(y, o.formState || N, Ne, o.reRenderRoot) && o.callback({
         values: { ...s },
@@ -7801,7 +7794,7 @@ function lr(e = {}) {
           M = ne(r, o, {}), M._f && (M._f.mount = !1), (a.shouldUnregister || y.shouldUnregister) && !(Ta(c.array, o) && l.action) && c.unMount.add(o);
       }
     };
-  }, ve = () => a.shouldFocusError && tt(r, W, c.mount), fe = (o) => {
+  }, ve = () => a.shouldFocusError && tt(r, K, c.mount), fe = (o) => {
     Pe(o) && (p.state.next({ disabled: o }), tt(r, (y, M) => {
       const R = ne(r, M);
       R && (y.disabled = R._f.disabled || o, Array.isArray(R._f.refs) && R._f.refs.forEach((L) => {
@@ -7925,7 +7918,7 @@ function lr(e = {}) {
       _runSchema: Y,
       _updateIsValidating: F,
       _focusError: ve,
-      _getWatch: K,
+      _getWatch: W,
       _getDirty: G,
       _setValid: A,
       _setFieldArray: C,
@@ -8139,7 +8132,7 @@ function ca({
     };
     return J(), window.addEventListener("resize", J), () => window.removeEventListener("resize", J);
   }, [s]);
-  const T = Fe(() => Math.floor(k / _) * _, [k, _]), [$, Y] = Z(h), [P, V] = Z(null), [H, G] = Z(!1), [K, ae] = Z({}), ce = le(null), te = le(null), X = le(null), O = me(
+  const T = Fe(() => Math.floor(k / _) * _, [k, _]), [$, Y] = Z(h), [P, V] = Z(null), [H, G] = Z(!1), [W, ae] = Z({}), ce = le(null), te = le(null), X = le(null), O = me(
     (J) => {
       const he = (/* @__PURE__ */ new Date()).getFullYear();
       if (N && J < he || m && J > he)
@@ -8162,7 +8155,7 @@ function ca({
       p,
       I
     ]
-  ), W = Fe(() => {
+  ), K = Fe(() => {
     const J = [], he = T, ve = Math.min(T + _ - 1, i);
     for (let fe = he; fe <= ve; fe++)
       fe >= r && J.push(fe);
@@ -8311,7 +8304,7 @@ function ca({
           ie,
           H && "ina-year-picker__panel--right-aligned"
         ),
-        style: K,
+        style: W,
         children: [
           /* @__PURE__ */ w("div", { className: "ina-year-picker__header", children: [
             /* @__PURE__ */ n(
@@ -8356,8 +8349,8 @@ function ca({
               }
             )
           ] }),
-          /* @__PURE__ */ n("div", { className: "ina-year-picker__grid", children: W.map((J, he) => {
-            const ve = J === k, fe = J === P, pe = O(J), Ce = ve || !W.includes(k) && he === 0;
+          /* @__PURE__ */ n("div", { className: "ina-year-picker__grid", children: K.map((J, he) => {
+            const ve = J === k, fe = J === P, pe = O(J), Ce = ve || !K.includes(k) && he === 0;
             return /* @__PURE__ */ n(
               "button",
               {
@@ -8461,7 +8454,7 @@ function da({
   ], [b]), C = Fe(() => {
     const q = e ?? a ?? (/* @__PURE__ */ new Date()).getMonth();
     return q == null || isNaN(q) ? (/* @__PURE__ */ new Date()).getMonth() : q;
-  }, [e, a]), [k, _] = Z(l), [f, T] = Z(null), [$, Y] = Z(!1), [P, V] = Z({}), H = le(null), G = le(null), K = le(null), ae = me(
+  }, [e, a]), [k, _] = Z(l), [f, T] = Z(null), [$, Y] = Z(!1), [P, V] = Z({}), H = le(null), G = le(null), W = le(null), ae = me(
     (q) => {
       const j = (/* @__PURE__ */ new Date()).getMonth();
       return !!(h && q < j || u && q > j || N !== void 0 && q < N || m !== void 0 && q > m);
@@ -8492,8 +8485,8 @@ function da({
   oe(() => {
     if (k && G.current) {
       const q = () => {
-        if (!G.current || !K.current) return;
-        const Q = G.current.getBoundingClientRect(), ee = K.current.getBoundingClientRect(), de = window.innerWidth, _e = window.innerHeight, J = ee.width || 240, he = de - Q.right;
+        if (!G.current || !W.current) return;
+        const Q = G.current.getBoundingClientRect(), ee = W.current.getBoundingClientRect(), de = window.innerWidth, _e = window.innerHeight, J = ee.width || 240, he = de - Q.right;
         let ve, fe, pe = !1;
         pe = J > he, pe ? (fe = 0, ve = void 0) : (ve = 0, fe = void 0);
         const Ce = _e - Q.bottom, be = Q.top;
@@ -8516,7 +8509,7 @@ function da({
         setTimeout(q, 0);
       });
       const j = () => {
-        G.current && K.current && q();
+        G.current && W.current && q();
       };
       return window.addEventListener("resize", j), window.addEventListener("scroll", j, !0), () => {
         window.removeEventListener("resize", j), window.removeEventListener("scroll", j, !0);
@@ -8530,7 +8523,7 @@ function da({
     if (k)
       return document.addEventListener("mousedown", q), () => document.removeEventListener("mousedown", q);
   }, [k, X]);
-  const W = S("ina-month-picker", r), B = S(
+  const K = S("ina-month-picker", r), B = S(
     "ina-month-picker__trigger",
     `ina-month-picker__trigger--size-${A}`,
     i && "ina-month-picker__trigger--disabled",
@@ -8541,7 +8534,7 @@ function da({
   );
   return oe(() => {
     _(l);
-  }, [l]), /* @__PURE__ */ w("div", { ref: H, className: W, children: [
+  }, [l]), /* @__PURE__ */ w("div", { ref: H, className: K, children: [
     /* @__PURE__ */ w(
       "button",
       {
@@ -8599,7 +8592,7 @@ function da({
     k && /* @__PURE__ */ n(
       "div",
       {
-        ref: K,
+        ref: W,
         className: S(
           se,
           $ && "ina-month-picker__panel--right-aligned"
@@ -8746,7 +8739,7 @@ function ks({
   const [f, T] = Z(!1), [$, Y] = Z(/* @__PURE__ */ new Date()), [P, V] = Z(() => {
     const d = /* @__PURE__ */ new Date();
     return d.setMonth(d.getMonth() + 1), d;
-  }), [H, G] = Z(null), [K, ae] = Z(!1), [ce, te] = Z(c), [X, O] = Z(null), W = le(`datepicker-${Math.random().toString(36).slice(2)}`), B = le(null), se = le(null), q = le(null), j = () => {
+  }), [H, G] = Z(null), [W, ae] = Z(!1), [ce, te] = Z(c), [X, O] = Z(null), K = le(`datepicker-${Math.random().toString(36).slice(2)}`), B = le(null), se = le(null), q = le(null), j = () => {
     if (e === "single") {
       const d = ze(a, s);
       return d ? [d] : [];
@@ -9193,7 +9186,7 @@ function ks({
       ),
       style: { width: ce },
       children: [
-        !_ && C && /* @__PURE__ */ w("label", { className: "ina-date-picker__label", htmlFor: W.current, children: [
+        !_ && C && /* @__PURE__ */ w("label", { className: "ina-date-picker__label", htmlFor: K.current, children: [
           C,
           k && /* @__PURE__ */ n("span", { className: "ina-date-picker__required", children: "*" })
         ] }),
@@ -9220,7 +9213,7 @@ function ks({
                 A && "ina-date-picker__trigger--readonly",
                 u
               ),
-              id: W.current,
+              id: K.current,
               "aria-haspopup": "grid",
               "aria-expanded": f,
               style: { width: ce },
@@ -9263,7 +9256,7 @@ function ks({
             className: S(
               "ina-date-picker__panel",
               `ina-date-picker__panel--${i.split("-")[0]}`,
-              K && !i.includes("left") && !i.includes("right") && "ina-date-picker__panel--right-aligned",
+              W && !i.includes("left") && !i.includes("right") && "ina-date-picker__panel--right-aligned",
               h
             ),
             style: {
@@ -9832,7 +9825,7 @@ function xs({
         className: P,
         onClick: () => A(f.value, f.disabled),
         onKeyDown: (V) => {
-          var G, K;
+          var G, W;
           if (Y) return;
           let H;
           if (V.key === "Enter" || V.key === " ")
@@ -9844,7 +9837,7 @@ function xs({
           } else if (V.key === "ArrowUp") {
             for (V.preventDefault(), H = (T - 1 + e.length) % e.length; e[H].disabled && H !== T; )
               H = (H - 1 + e.length) % e.length;
-            (K = E.current[H]) == null || K.focus();
+            (W = E.current[H]) == null || W.focus();
           }
         },
         children: f.label