@idds/react 1.5.48 → 1.5.50

package/dist/index.es.js

@@ -602,30 +602,30 @@ function Ms(e) {
   ), [M, h] = K(0), u = ae(m);
   u.current = m;
   const V = de(
-    (b, y) => {
-      const w = _.current.size;
-      return _.current.set(b, w), y && p((R) => c ? R.includes(w) ? R : [...R, w] : R.length === 0 ? [w] : R), w;
+    (w, y) => {
+      const b = _.current.size;
+      return _.current.set(w, b), y && p((R) => c ? R.includes(b) ? R : [...R, b] : R.length === 0 ? [b] : R), b;
     },
     [c]
-  ), S = de((b) => {
-    const y = _.current.get(b);
+  ), S = de((w) => {
+    const y = _.current.get(w);
     if (y !== void 0) {
-      _.current.delete(b), p((H) => H.filter((q) => q !== y).map((q) => q > y ? q - 1 : q));
-      const w = /* @__PURE__ */ new Map();
+      _.current.delete(w), p((H) => H.filter((q) => q !== y).map((q) => q > y ? q - 1 : q));
+      const b = /* @__PURE__ */ new Map();
       let R = 0;
       _.current.forEach((H, U) => {
-        w.set(U, R), R++;
-      }), _.current = w;
+        b.set(U, R), R++;
+      }), _.current = b;
     }
   }, []), D = de(
-    (b, y) => {
-      p((w) => {
+    (w, y) => {
+      p((b) => {
         let R;
-        return c ? y ? w.includes(b) ? R = w : R = [...w, b] : R = w.filter((H) => H !== b) : y ? R = [b] : R = [], h((H) => H + 1), r == null || r(R), R;
+        return c ? y ? b.includes(w) ? R = b : R = [...b, w] : R = b.filter((H) => H !== w) : y ? R = [w] : R = [], h((H) => H + 1), r == null || r(R), R;
       });
     },
     [c, r]
-  ), L = de((b) => u.current.includes(b), []), k = Fe(
+  ), L = de((w) => u.current.includes(w), []), k = Fe(
     () => ({
       multiple: c,
       multipleOpen: c,
@@ -668,10 +668,10 @@ function xs(e) {
       L && (L(h.current), V(-1));
     };
   }, [D, L]);
-  const k = p !== null, b = r !== void 0 || k, y = Fe(() => k && u >= 0 && p ? p.isItemOpen(u) : r !== void 0 ? r : _, [k, u, p, r, _]), w = Fe(() => `accordion-header-${h.current}`, []), R = Fe(() => `accordion-content-${h.current}`, []), H = () => {
+  const k = p !== null, w = r !== void 0 || k, y = Fe(() => k && u >= 0 && p ? p.isItemOpen(u) : r !== void 0 ? r : _, [k, u, p, r, _]), b = Fe(() => `accordion-header-${h.current}`, []), R = Fe(() => `accordion-content-${h.current}`, []), H = () => {
     if (l) return;
     const q = !y;
-    k && u >= 0 && p ? p.handleItemToggle(u, q) : b || m(q), i == null || i(q);
+    k && u >= 0 && p ? p.handleItemToggle(u, q) : w || m(q), i == null || i(q);
   }, U = I("ina-accordion", c, {
     "ina-accordion--disabled": l,
     "ina-accordion--open": y
@@ -681,7 +681,7 @@ function xs(e) {
       "button",
       {
         type: "button",
-        id: w,
+        id: b,
         onClick: H,
         className: "ina-accordion__toggle",
         "aria-expanded": y,
@@ -720,7 +720,7 @@ function xs(e) {
         className: I("ina-accordion__content", {
           "ina-accordion__content--open": y
         }),
-        "aria-labelledby": w,
+        "aria-labelledby": b,
         children: /* @__PURE__ */ n("div", { className: "ina-accordion__body", children: t })
       }
     )
@@ -818,8 +818,8 @@ const ja = fa(
       close: () => M(!1),
       toggle: () => M((k) => !k)
     })), te(() => {
-      const k = (b) => {
-        h.current && !h.current.contains(b.target) && u.current && !u.current.contains(b.target) && M(!1);
+      const k = (w) => {
+        h.current && !h.current.contains(w.target) && u.current && !u.current.contains(w.target) && M(!1);
       };
       return document.addEventListener("mousedown", k), () => {
         document.removeEventListener("mousedown", k);
@@ -839,8 +839,8 @@ const ja = fa(
       p && "ina-action-dropdown__menu--visible",
       i
     ), L = (k) => {
-      var b;
-      k.disabled || ((b = k.onClick) == null || b.call(k), M(!1));
+      var w;
+      k.disabled || ((w = k.onClick) == null || w.call(k), M(!1));
     };
     return /* @__PURE__ */ N(
       "div",
@@ -862,7 +862,7 @@ const ja = fa(
               ]
             }
           ),
-          /* @__PURE__ */ n("div", { className: D, children: /* @__PURE__ */ n("ul", { className: "ina-action-dropdown__list", children: a.map((k, b) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ N(
+          /* @__PURE__ */ n("div", { className: D, children: /* @__PURE__ */ n("ul", { className: "ina-action-dropdown__list", children: a.map((k, w) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ N(
             "button",
             {
               type: "button",
@@ -878,7 +878,7 @@ const ja = fa(
                 k.label
               ]
             }
-          ) }, b)) }) })
+          ) }, w)) }) })
         ]
       }
     );
@@ -1210,11 +1210,11 @@ function Ls({
       "ina-card--with-header": h
     },
     S
-  ), b = () => /* @__PURE__ */ n("div", { className: "ina-card__media", children: l ? /* @__PURE__ */ n("img", { src: l, alt: c || "Card media" }) : null });
+  ), w = () => /* @__PURE__ */ n("div", { className: "ina-card__media", children: l ? /* @__PURE__ */ n("img", { src: l, alt: c || "Card media" }) : null });
   return /* @__PURE__ */ N("div", { className: k, children: [
-    e === "basic" && L === "top" && b(),
-    e === "overlay" && b(),
-    e === "horizontal" && L === "left" && b(),
+    e === "basic" && L === "top" && w(),
+    e === "overlay" && w(),
+    e === "horizontal" && L === "left" && w(),
     /* @__PURE__ */ N("div", { className: "ina-card__content", children: [
       t && /* @__PURE__ */ n("div", { className: "ina-card__avatar", children: /* @__PURE__ */ n("img", { src: t, alt: s || "Avatar" }) }),
       /* @__PURE__ */ N("div", { children: [
@@ -1231,8 +1231,8 @@ function Ls({
         }
       ) })
     ] }),
-    e === "basic" && L === "bottom" && b(),
-    e === "horizontal" && L === "right" && b()
+    e === "basic" && L === "bottom" && w(),
+    e === "horizontal" && L === "right" && w()
   ] });
 }
 const st = ({ size: e = 24, stroke: a = 2, ...t }) => /* @__PURE__ */ N(
@@ -1535,7 +1535,7 @@ function Ja(e, a, t, s) {
   var D = typeof window < "u", L = !a && a !== 0 && D;
   if (typeof e != "function") throw new TypeError("Expected a function");
   a = +a || 0;
-  var k = !!(t = t || {}).leading, b = !("trailing" in t) || !!t.trailing, y = !!t.flushOnExit && b, w = "maxWait" in t, R = "debounceOnServer" in t && !!t.debounceOnServer, H = w ? Math.max(+t.maxWait || 0, a) : null, U = Fe(function() {
+  var k = !!(t = t || {}).leading, w = !("trailing" in t) || !!t.trailing, y = !!t.flushOnExit && w, b = "maxWait" in t, R = "debounceOnServer" in t && !!t.debounceOnServer, H = b ? Math.max(+t.maxWait || 0, a) : null, U = Fe(function() {
     var q = function(Q) {
       var j = m.current, $ = p.current;
       return m.current = p.current = null, l.current = Q, c.current = c.current || Q, M.current = h.current.apply($, j);
@@ -1544,14 +1544,14 @@ function Ja(e, a, t, s) {
     }, le = function(Q) {
       if (!u.current) return !1;
       var j = Q - i.current;
-      return !i.current || j >= a || j < 0 || w && Q - l.current >= H;
+      return !i.current || j >= a || j < 0 || b && Q - l.current >= H;
     }, G = function(Q) {
-      return _.current = null, b && m.current ? q(Q) : (m.current = p.current = null, M.current);
+      return _.current = null, w && m.current ? q(Q) : (m.current = p.current = null, M.current);
     }, Z = function Q() {
       var j = Date.now();
       if (k && c.current === l.current && re(), le(j)) return G(j);
       if (u.current) {
-        var $ = a - (j - i.current), W = w ? Math.min($, H - (j - l.current)) : $;
+        var $ = a - (j - i.current), W = b ? Math.min($, H - (j - l.current)) : $;
         O(Q, W);
       }
     }, re = function() {
@@ -1564,7 +1564,7 @@ function Ja(e, a, t, s) {
           ((W = global.document) == null ? void 0 : W.visibilityState) === "hidden" && S.current.flush();
         }, (Q = global.document) == null || Q.addEventListener == null || Q.addEventListener("visibilitychange", V.current)), $) {
           if (!_.current && u.current) return l.current = i.current, O(Z, a), k ? q(i.current) : M.current;
-          if (w) return O(Z, a), q(i.current);
+          if (b) return O(Z, a), q(i.current);
         }
         return _.current || O(Z, a), M.current;
       }
@@ -1577,7 +1577,7 @@ function Ja(e, a, t, s) {
     }, ie.flush = function() {
       return _.current ? G(Date.now()) : M.current;
     }, ie;
-  }, [k, w, a, H, b, y, L, D, R, s]);
+  }, [k, b, a, H, w, y, L, D, R, s]);
   return S.current = U, te(function() {
     return u.current = !0, function() {
       var q;
@@ -1789,30 +1789,30 @@ function Na({
   placeholder: D,
   disabled: L = !1,
   className: k = "",
-  securityConfig: b = ka,
+  securityConfig: w = ka,
   onBlur: y,
-  ...w
+  ...b
 }) {
-  const R = () => b != null && b.enableXssProtection ? Xe(e).sanitized : e, [H, U] = K(R()), [q] = pt(H, s), O = ae(!0);
+  const R = () => w != null && w.enableXssProtection ? Xe(e).sanitized : e, [H, U] = K(R()), [q] = pt(H, s), O = ae(!0);
   te(() => {
     let j = e;
-    if (b != null && b.enableXssProtection) {
+    if (w != null && w.enableXssProtection) {
       const $ = Xe(e);
-      $.isValid || (b.logViolations && console.warn(
+      $.isValid || (w.logViolations && console.warn(
         "TextField security violation on value change:",
         $.threats
-      ), b.onSecurityViolation && b.onSecurityViolation($.threats, e), j = $.sanitized);
+      ), w.onSecurityViolation && w.onSecurityViolation($.threats, e), j = $.sanitized);
     }
     U(j);
-  }, [e, b]), te(() => {
+  }, [e, w]), te(() => {
     O.current ? O.current = !1 : s > 0 && r && r(q);
   }, [q, s, r]);
   const le = (j) => {
     let $ = j.target.value;
     if (!(h != null && $.length > h)) {
-      if (b != null && b.enableXssProtection) {
+      if (w != null && w.enableXssProtection) {
         const W = Xe($);
-        W.isValid || (b.logViolations && console.warn("TextField security violation:", W.threats), b.onSecurityViolation && b.onSecurityViolation(W.threats, $), $ = W.sanitized);
+        W.isValid || (w.logViolations && console.warn("TextField security violation:", W.threats), w.onSecurityViolation && w.onSecurityViolation(W.threats, $), $ = W.sanitized);
       }
       U($), a($), t == null || t(j);
     }
@@ -1830,12 +1830,15 @@ function Na({
     `ina-text-field__helper-text--${m}`
   ), Q = m !== "neutral" && p != null ? p : _;
   return /* @__PURE__ */ N("div", { className: "ina-text-field", children: [
-    c && /* @__PURE__ */ n(
+    c && /* @__PURE__ */ N(
       "label",
       {
         className: "ina-text-field__label",
-        htmlFor: w != null && w.id || w != null && w.name ? String((w == null ? void 0 : w.id) || (w == null ? void 0 : w.name)) : String(c).toLowerCase(),
-        children: c
+        htmlFor: b != null && b.id || b != null && b.name ? String((b == null ? void 0 : b.id) || (b == null ? void 0 : b.name)) : String(c).toLowerCase(),
+        children: [
+          c,
+          b.required && /* @__PURE__ */ n("span", { className: "ina-text-field__required", children: "*" })
+        ]
       }
     ),
     /* @__PURE__ */ N("div", { className: re, children: [
@@ -1843,9 +1846,9 @@ function Na({
       /* @__PURE__ */ n(
         "input",
         {
-          ...w,
-          id: w != null && w.id || w != null && w.name ? String((w == null ? void 0 : w.id) || (w == null ? void 0 : w.name)) : String(c).toLowerCase(),
-          type: w.type ?? "text",
+          ...b,
+          id: b != null && b.id || b != null && b.name ? String((b == null ? void 0 : b.id) || (b == null ? void 0 : b.name)) : String(c).toLowerCase(),
+          type: b.type ?? "text",
           className: I("ina-text-field__input", k),
           value: H,
           onChange: le,
@@ -1895,7 +1898,7 @@ function zs({
   const V = i ? [...e, { label: l, value: l }] : e, S = I("ina-chip", _);
   return /* @__PURE__ */ N("div", { className: S, children: [
     /* @__PURE__ */ n("div", { className: "ina-chip__list", children: V.map((D, L) => {
-      const k = i && D.label === l, b = k ? m : a === D.value;
+      const k = i && D.label === l, w = k ? m : a === D.value;
       return /* @__PURE__ */ n(
         "button",
         {
@@ -1907,7 +1910,7 @@ function zs({
             "ina-chip__item",
             `ina-chip__item--size-${t}`,
             `ina-chip__item--variant-${s}`,
-            b && "ina-chip__item--selected"
+            w && "ina-chip__item--selected"
           ),
           children: D.label
         },
@@ -2003,21 +2006,21 @@ function Hs({
   triggerClassName: _ = "",
   disabled: m = !1
 }) {
-  const [p, M] = K(s), h = t !== void 0, u = h ? t : p, V = ae(null), S = ae(null), D = ae(null), L = (w) => {
-    h || M(w), r == null || r(w);
-  }, k = (w) => {
-    w.stopPropagation(), !m && L(!u);
-  }, b = (w) => {
-    m || (w.key === "Enter" || w.key === " ") && (w.preventDefault(), L(!u));
+  const [p, M] = K(s), h = t !== void 0, u = h ? t : p, V = ae(null), S = ae(null), D = ae(null), L = (b) => {
+    h || M(b), r == null || r(b);
+  }, k = (b) => {
+    b.stopPropagation(), !m && L(!u);
+  }, w = (b) => {
+    m || (b.key === "Enter" || b.key === " ") && (b.preventDefault(), L(!u));
   };
   te(() => {
-    const w = (H) => {
+    const b = (H) => {
       V.current && !V.current.contains(H.target) && u && L(!1);
     }, R = (H) => {
       H.key === "Escape" && u && L(!1);
     };
-    return document.addEventListener("mousedown", w), document.addEventListener("touchstart", w), document.addEventListener("keydown", R), () => {
-      document.removeEventListener("mousedown", w), document.removeEventListener("touchstart", w), document.removeEventListener("keydown", R);
+    return document.addEventListener("mousedown", b), document.addEventListener("touchstart", b), document.addEventListener("keydown", R), () => {
+      document.removeEventListener("mousedown", b), document.removeEventListener("touchstart", b), document.removeEventListener("keydown", R);
     };
   }, [u, r]);
   const y = typeof e == "string" || typeof e == "number";
@@ -2032,7 +2035,7 @@ function Hs({
         role: y ? void 0 : "button",
         "aria-haspopup": y ? void 0 : "true",
         "aria-expanded": y ? void 0 : u,
-        onKeyDown: y ? void 0 : b,
+        onKeyDown: y ? void 0 : w,
         children: y ? /* @__PURE__ */ N(
           "button",
           {
@@ -2067,7 +2070,7 @@ function Hs({
           `ina-basic-dropdown__panel--${i}`,
           c
         ),
-        onClick: (w) => w.stopPropagation(),
+        onClick: (b) => b.stopPropagation(),
         children: a
       }
     )
@@ -2384,7 +2387,7 @@ function Os({
   onRemove: u,
   ...V
 }) {
-  const S = ae(null), [D, L] = K([]), [k, b] = K(!1), [y, w] = K([]), [R, H] = K(!1), U = de(() => {
+  const S = ae(null), [D, L] = K([]), [k, w] = K(!1), [y, b] = K([]), [R, H] = K(!1), U = de(() => {
     var $;
     p || ($ = S.current) == null || $.click();
   }, [p]), q = de(
@@ -2399,7 +2402,7 @@ function Os({
               isValid: !1,
               error: `Maksimal ${c} file yang dapat diupload`,
               file: $[0]
-            }), w(X), h == null || h([], X);
+            }), b(X), h == null || h([], X);
             return;
           }
           $ = $.slice(0, se);
@@ -2412,7 +2415,7 @@ function Os({
             isValid: !1,
             error: `Ukuran total file maksimal ${_} MB`,
             file: $[0]
-          }), w(X), h == null || h([], X);
+          }), b(X), h == null || h([], X);
           return;
         }
       }
@@ -2467,7 +2470,7 @@ function Os({
           file: T
         });
       }
-      L(r ? (T) => [...T, ...B] : B.slice(0, 1)), w(X);
+      L(r ? (T) => [...T, ...B] : B.slice(0, 1)), b(X);
       const z = r ? [...D, ...B].map((T) => T.file) : B.map((T) => T.file);
       h == null || h(z, X);
     },
@@ -2490,15 +2493,15 @@ function Os({
     [q]
   ), le = de(
     ($) => {
-      $.preventDefault(), $.stopPropagation(), p || b(!0);
+      $.preventDefault(), $.stopPropagation(), p || w(!0);
     },
     [p]
   ), G = de(($) => {
-    $.preventDefault(), $.stopPropagation(), b(!1);
+    $.preventDefault(), $.stopPropagation(), w(!1);
   }, []), Z = de(
     async ($) => {
       var B;
-      if ($.preventDefault(), $.stopPropagation(), b(!1), p) return;
+      if ($.preventDefault(), $.stopPropagation(), w(!1), p) return;
       const W = Array.from(((B = $.dataTransfer) == null ? void 0 : B.files) || []);
       await q(W);
     },
@@ -2787,7 +2790,7 @@ function Gs({
   onRemove: M,
   ...h
 }) {
-  const u = ae(null), [V, S] = K(null), [D, L] = K(0), [k, b] = K("idle"), [y, w] = K(!1), R = _ !== void 0 ? _ : D, H = m !== void 0 ? m : k, U = de(() => {
+  const u = ae(null), [V, S] = K(null), [D, L] = K(0), [k, w] = K("idle"), [y, b] = K(!1), R = _ !== void 0 ? _ : D, H = m !== void 0 ? m : k, U = de(() => {
     var W;
     l || V || (W = u.current) == null || W.click();
   }, [l, V]), q = de(
@@ -2801,7 +2804,7 @@ function Gs({
           error: "Nama file mengandung karakter yang tidak diizinkan",
           file: B
         };
-        S(null), b("error"), p == null || p(null, se), u.current && (u.current.value = "");
+        S(null), w("error"), p == null || p(null, se), u.current && (u.current.value = "");
         return;
       }
       if (r && r.length > 0) {
@@ -2812,7 +2815,7 @@ function Gs({
             error: `Ekstensi file harus: ${r.join(", ")}`,
             file: B
           };
-          S(null), b("error"), p == null || p(null, ce), u.current && (u.current.value = "");
+          S(null), w("error"), p == null || p(null, ce), u.current && (u.current.value = "");
           return;
         }
       }
@@ -2822,7 +2825,7 @@ function Gs({
         validateExtension: !0
       });
       if (!z.isValid) {
-        S(null), b("error"), p == null || p(null, z), u.current && (u.current.value = "");
+        S(null), w("error"), p == null || p(null, z), u.current && (u.current.value = "");
         return;
       }
       if (i && B.type) {
@@ -2836,35 +2839,35 @@ function Gs({
             error: se.error || "File signature tidak valid",
             file: B
           };
-          S(null), b("error"), p == null || p(null, pe), u.current && (u.current.value = "");
+          S(null), w("error"), p == null || p(null, pe), u.current && (u.current.value = "");
           return;
         }
       }
-      S(B), b("success"), p == null || p(B, null), u.current && (u.current.value = "");
+      S(B), w("success"), p == null || p(B, null), u.current && (u.current.value = "");
     },
     [t, s, r, i, p]
   ), O = de(() => {
-    S(null), L(0), b("idle"), w(!1), u.current && (u.current.value = ""), M == null || M(), p == null || p(null, null);
+    S(null), L(0), w("idle"), b(!1), u.current && (u.current.value = ""), M == null || M(), p == null || p(null, null);
   }, [M, p]), le = de(() => {
     l || V || U();
   }, [l, V, U]), G = de(() => {
-    l || V || w(!0);
+    l || V || b(!0);
   }, [l, V]), Z = de(() => {
-    w(!1);
+    b(!1);
   }, []), re = de(
     (W) => {
-      l || V || (W.preventDefault(), W.stopPropagation(), w(!0));
+      l || V || (W.preventDefault(), W.stopPropagation(), b(!0));
     },
     [l, V]
   ), ie = de(
     (W) => {
-      l || V || (W.preventDefault(), W.stopPropagation(), w(!1));
+      l || V || (W.preventDefault(), W.stopPropagation(), b(!1));
     },
     [l, V]
   ), Q = de(
     async (W) => {
       if (l || V) return;
-      W.preventDefault(), W.stopPropagation(), w(!1);
+      W.preventDefault(), W.stopPropagation(), b(!1);
       const B = W.dataTransfer.files[0];
       if (!B) return;
       if (ot(B.name) !== B.name) {
@@ -2873,7 +2876,7 @@ function Gs({
           error: "Nama file mengandung karakter yang tidak diizinkan",
           file: B
         };
-        S(null), b("error"), p == null || p(null, T);
+        S(null), w("error"), p == null || p(null, T);
         return;
       }
       if (r && r.length > 0) {
@@ -2884,7 +2887,7 @@ function Gs({
             error: `Ekstensi file harus: ${r.join(", ")}`,
             file: B
           };
-          S(null), b("error"), p == null || p(null, pe);
+          S(null), w("error"), p == null || p(null, pe);
           return;
         }
       }
@@ -2894,7 +2897,7 @@ function Gs({
         validateExtension: !0
       });
       if (!z.isValid) {
-        S(null), b("error"), p == null || p(null, z);
+        S(null), w("error"), p == null || p(null, z);
         return;
       }
       if (i && B.type) {
@@ -2908,11 +2911,11 @@ function Gs({
             error: T.error || "File signature tidak valid",
             file: B
           };
-          S(null), b("error"), p == null || p(null, se);
+          S(null), w("error"), p == null || p(null, se);
           return;
         }
       }
-      S(B), b("success"), p == null || p(B, null);
+      S(B), w("success"), p == null || p(B, null);
     },
     [
       l,
@@ -3155,8 +3158,8 @@ function Js({
   disabled: m = !1
 }) {
   const [p, M] = K(t), [h] = pt(p, _), u = (k) => {
-    const { value: b } = k.target;
-    mn(b) || b === "" ? M(b) : k.preventDefault();
+    const { value: w } = k.target;
+    mn(w) || w === "" ? M(w) : k.preventDefault();
   };
   te(() => {
     r && r(h);
@@ -3274,20 +3277,20 @@ function hn({
     };
     return document.addEventListener("keydown", H), () => document.removeEventListener("keydown", H);
   }, [M, u, m, a]), !M || !m) return null;
-  const k = i ?? document.body, b = I(
+  const k = i ?? document.body, w = I(
     "ina-modal",
     u ? "ina-modal--enter-active" : "ina-modal--enter"
   ), y = I(
     "ina-modal__dialog",
     c && `ina-modal__dialog--size-${c}`,
     l
-  ), w = I(
+  ), b = I(
     "ina-modal__header",
     t ? "ina-modal__header--with-title" : "ina-modal__header--no-border"
   ), R = /* @__PURE__ */ N(
     "div",
     {
-      className: b,
+      className: w,
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": t && typeof t == "string" ? D.current : void 0,
@@ -3302,7 +3305,7 @@ function hn({
           }
         ),
         /* @__PURE__ */ n("div", { className: "ina-modal__container", children: /* @__PURE__ */ N("div", { className: y, onClick: (H) => H.stopPropagation(), children: [
-          /* @__PURE__ */ N("div", { className: w, children: [
+          /* @__PURE__ */ N("div", { className: b, children: [
             t && /* @__PURE__ */ n("div", { className: "ina-modal__title", children: typeof t == "string" ? /* @__PURE__ */ n("h2", { id: D.current, children: t }) : t }),
             /* @__PURE__ */ n(
               "button",
@@ -3394,14 +3397,14 @@ function _n({
   if (a <= 0) return null;
   function p() {
     const k = [];
-    let b, y;
-    e === 1 ? (b = 1, y = Math.min(3, a)) : e === a ? (b = Math.max(1, a - 2), y = a) : (b = e - 1, y = e + 1);
-    for (let w = b; w <= y; w++)
-      k.push(M(w));
+    let w, y;
+    e === 1 ? (w = 1, y = Math.min(3, a)) : e === a ? (w = Math.max(1, a - 2), y = a) : (w = e - 1, y = e + 1);
+    for (let b = w; b <= y; b++)
+      k.push(M(b));
     return k;
   }
   const M = (k) => {
-    const b = k === e;
+    const w = k === e;
     return /* @__PURE__ */ n(
       "button",
       {
@@ -3411,8 +3414,8 @@ function _n({
         disabled: l,
         className: I(
           "ina-pagination__page-button",
-          b && "ina-pagination__page-button--active",
-          !l && !b && "ina-pagination__page-button--enabled",
+          w && "ina-pagination__page-button--active",
+          !l && !w && "ina-pagination__page-button--enabled",
           l && "ina-pagination__page-button--disabled"
         ),
         children: k
@@ -3428,8 +3431,8 @@ function _n({
   }, S = (k) => {
     k.preventDefault(), !l && e < a && r(a);
   }, D = (k) => {
-    const b = parseInt(k.target.value, 10);
-    l || i(b);
+    const w = parseInt(k.target.value, 10);
+    l || i(w);
   }, L = I(
     "ina-pagination",
     c && "ina-pagination--full-width"
@@ -3510,7 +3513,7 @@ function _n({
             "ina-pagination__page-size-select",
             l && "ina-pagination__page-size-select--disabled"
           ),
-          children: s.map((k, b) => /* @__PURE__ */ n("option", { value: k, children: k }, `${k}-${b}`))
+          children: s.map((k, w) => /* @__PURE__ */ n("option", { value: k, children: k }, `${k}-${w}`))
         }
       )
     ] })
@@ -3679,12 +3682,12 @@ function Xs({
   onBlur: S,
   ...D
 }) {
-  const [L, k] = K(e), [b, y] = K(!1), [w] = pt(L, t), R = ae(!0);
+  const [L, k] = K(e), [w, y] = K(!1), [b] = pt(L, t), R = ae(!0);
   te(() => {
     k(e);
   }, [e]), te(() => {
-    R.current ? R.current = !1 : t > 0 && s && s(w);
-  }, [w, t, s]);
+    R.current ? R.current = !1 : t > 0 && s && s(b);
+  }, [b, t, s]);
   const H = (le) => {
     const G = le.target.value;
     p != null && G.length > p || (k(G), a(G));
@@ -3694,12 +3697,15 @@ function Xs({
     k(""), a(""), s && s("");
   }, O = c !== "neutral" && _ != null ? _ : l;
   return /* @__PURE__ */ N("div", { className: I("ina-password-input", V), children: [
-    i && /* @__PURE__ */ n(
+    i && /* @__PURE__ */ N(
       "label",
       {
         className: "ina-password-input__label",
         htmlFor: D != null && D.id || D != null && D.name ? String((D == null ? void 0 : D.id) || (D == null ? void 0 : D.name)) : String(i).toLowerCase(),
-        children: i
+        children: [
+          i,
+          D.required && /* @__PURE__ */ n("span", { className: "ina-text-field__required", children: "*" })
+        ]
       }
     ),
     /* @__PURE__ */ N(
@@ -3717,7 +3723,7 @@ function Xs({
             "input",
             {
               ...D,
-              type: b ? "text" : "password",
+              type: w ? "text" : "password",
               className: "ina-password-input__input",
               value: L,
               onChange: H,
@@ -3743,8 +3749,8 @@ function Xs({
               type: "button",
               className: "ina-password-input__toggle-button",
               onClick: () => y((le) => !le),
-              "aria-label": b ? "Hide password" : "Show password",
-              children: b ? /* @__PURE__ */ n(kn, { size: 20 }) : /* @__PURE__ */ n(wn, { size: 20 })
+              "aria-label": w ? "Hide password" : "Show password",
+              children: w ? /* @__PURE__ */ n(kn, { size: 20 }) : /* @__PURE__ */ n(wn, { size: 20 })
             }
           )
         ]
@@ -4344,7 +4350,7 @@ function Qs({
   id: S,
   ...D
 }) {
-  const L = Fe(() => S || `phone-input-${Math.random().toString(36).substr(2, 9)}`, [S]), [k, b] = K(a), [y, w] = K(!1), [R, H] = K(""), [U, q] = K(
+  const L = Fe(() => S || `phone-input-${Math.random().toString(36).substr(2, 9)}`, [S]), [k, w] = K(a), [y, b] = K(!1), [R, H] = K(""), [U, q] = K(
     u.find((z) => z.code === h) || u[0]
   ), O = ae(null), le = ae(null), G = ae(null), Z = (z) => {
     const T = z.replace(/\D/g, "");
@@ -4352,15 +4358,15 @@ function Qs({
   };
   te(() => {
     if (!a) {
-      b("");
+      w("");
       return;
     }
     const z = U.dialCode;
     let T = a;
-    a.startsWith(z) && (T = a.substring(z.length)), b(Z(T));
+    a.startsWith(z) && (T = a.substring(z.length)), w(Z(T));
   }, [a, U.dialCode]), te(() => {
     const z = (T) => {
-      G.current && !G.current.contains(T.target) && w(!1);
+      G.current && !G.current.contains(T.target) && b(!1);
     };
     return document.addEventListener("mousedown", z), () => {
       document.removeEventListener("mousedown", z);
@@ -4373,7 +4379,7 @@ function Qs({
       (T) => T.name.toLowerCase().includes(z) || T.dialCode.includes(z) || T.code.toLowerCase().includes(z)
     );
   }, [u, R]), ie = () => {
-    m || p || w((z) => {
+    m || p || b((z) => {
       const T = !z;
       return T && (H(""), setTimeout(() => {
         var se;
@@ -4381,7 +4387,7 @@ function Qs({
       }, 0)), T;
     });
   }, Q = (z) => {
-    if (q(z), w(!1), k) {
+    if (q(z), b(!1), k) {
       const T = k.replace(/\D/g, ""), se = T.startsWith("0") ? T.substring(1) : T;
       t == null || t(`${z.dialCode}${se}`);
     }
@@ -4391,7 +4397,7 @@ function Qs({
     }, 0);
   }, j = (z) => {
     const se = z.target.value.replace(/\D/g, ""), pe = Z(se);
-    b(pe);
+    w(pe);
     let ce = se;
     ce.startsWith("0") && (ce = ce.substring(1)), t == null || t(`${U.dialCode}${ce}`), s == null || s(z);
   }, $ = I(
@@ -4411,7 +4417,7 @@ function Qs({
   return /* @__PURE__ */ N("div", { className: $, children: [
     e && /* @__PURE__ */ N("label", { htmlFor: L, className: "ina-phone-input__label", children: [
       e,
-      M && /* @__PURE__ */ n("span", { className: "ina-phone-input__asterisk", children: "*" })
+      M && /* @__PURE__ */ n("span", { className: "ina-text-field__required", children: "*" })
     ] }),
     /* @__PURE__ */ N("div", { className: W, children: [
       /* @__PURE__ */ N("div", { className: "ina-phone-input__country-selector", ref: G, children: [
@@ -4622,9 +4628,9 @@ const tr = ({
   hasMore: D = !1,
   loading: L = !1,
   currentPage: k = 1,
-  onLoadMore: b,
+  onLoadMore: w,
   onSearch: y,
-  searchDebounceMs: w = 300,
+  searchDebounceMs: b = 300,
   renderSelectedPreview: R,
   onRemoveSelected: H,
   searchValue: U,
@@ -4641,9 +4647,9 @@ const tr = ({
   const [j, $] = K(!1), [W, B] = K(""), [X, z] = K(-1), T = ae(null), se = ae(null), pe = ae([]), ce = ae(null), Y = ae(/* @__PURE__ */ new Map()), ne = U !== void 0, me = ne ? U : W;
   te(() => (ce.current && clearTimeout(ce.current), y && me !== "" ? ce.current = setTimeout(() => {
     y(me);
-  }, w) : y && me === "" && y(""), () => {
+  }, b) : y && me === "" && y(""), () => {
     ce.current && clearTimeout(ce.current);
-  }), [me, y, w]), te(() => {
+  }), [me, y, b]), te(() => {
     ne && U !== W && B(U);
   }, [U, ne, W]), te(() => {
     const f = (C) => {
@@ -4908,7 +4914,7 @@ const tr = ({
                   className: "ina-select-dropdown__options",
                   onScroll: (f) => {
                     const C = f.currentTarget;
-                    C.scrollHeight - C.scrollTop - C.clientHeight < 50 && !L && D && b && !O && b(k + 1);
+                    C.scrollHeight - C.scrollTop - C.clientHeight < 50 && !L && D && w && !O && w(k + 1);
                   },
                   children: [
                     Q && /* @__PURE__ */ n("div", { className: "ina-select-dropdown__selection-title", children: Q }),
@@ -5223,9 +5229,9 @@ function rr({
   showSearch: D = !1,
   rowClickable: L = !1,
   onRowClick: k,
-  lastColumnSticky: b = !1,
+  lastColumnSticky: w = !1,
   renderSortIndicator: y,
-  emptyState: w = "No data found"
+  emptyState: b = "No data found"
 }) {
   const [R, H] = K([]), [U, q] = K(0), [O, le] = K(!1), G = ae(null), Z = ua(), [re, ie] = K(t), [Q, j] = K(s), [$, W] = K(i), [B, X] = K(
     l
@@ -5300,7 +5306,7 @@ function rr({
     };
   }, []);
   const A = I("ina-table", p, {
-    "ina-table--sticky-last-column": b
+    "ina-table--sticky-last-column": w
   }), d = I(
     "ina-table__search",
     !D && "ina-table__search--hidden"
@@ -5408,7 +5414,7 @@ function rr({
         {
           colSpan: M ? e.length + 1 : e.length,
           className: "ina-table__empty-cell",
-          children: w
+          children: b
         }
       ) }) : R.map((C, P) => {
         const ee = String(C[S]);
@@ -5521,10 +5527,10 @@ function ir({
   disabled: D = !1,
   className: L = "",
   securityConfig: k = ka,
-  onBlur: b,
+  onBlur: w,
   ...y
 }) {
-  const w = () => k != null && k.enableXssProtection ? Xe(e).sanitized : e, [R, H] = K(w()), [U] = pt(R, t), q = ae(!0), O = ae(null), [le, G] = K(u);
+  const b = () => k != null && k.enableXssProtection ? Xe(e).sanitized : e, [R, H] = K(b()), [U] = pt(R, t), q = ae(!0), O = ae(null), [le, G] = K(u);
   te(() => {
     let B = e;
     if (k != null && k.enableXssProtection) {
@@ -5555,7 +5561,7 @@ function ir({
       H(X), a(X);
     }
   }, re = (B) => {
-    b == null || b(B);
+    w == null || w(B);
   }, ie = () => {
     H(""), a(""), s && s("");
   }, Q = I("ina-text-area", L), j = I(
@@ -5567,12 +5573,15 @@ function ir({
     `ina-text-area__helper-text--${_}`
   ), W = _ !== "neutral" && m != null ? m : c;
   return /* @__PURE__ */ N("div", { className: Q, children: [
-    l && /* @__PURE__ */ n(
+    l && /* @__PURE__ */ N(
       "label",
       {
         className: "ina-text-area__label",
         htmlFor: y != null && y.id || y != null && y.name ? String((y == null ? void 0 : y.id) || (y == null ? void 0 : y.name)) : String(l).toLowerCase(),
-        children: l
+        children: [
+          l,
+          y.required && /* @__PURE__ */ n("span", { className: "ina-text-field__required", children: "*" })
+        ]
       }
     ),
     /* @__PURE__ */ N("div", { className: j, children: [
@@ -5635,26 +5644,26 @@ function lr({
   }, [M, c, _]), te(() => {
     const k = e || "";
     if (k.length < t && k.length > 0) {
-      const b = k.length;
-      h.current[b] && !c && !_ && h.current[b].focus();
+      const w = k.length;
+      h.current[w] && !c && !_ && h.current[w].focus();
     }
   }, [e, t, c, _]), te(() => {
     e && e.length === t && p && p(e);
   }, [e, t, p]);
-  const u = (k, b) => {
-    const y = b.target.value;
+  const u = (k, w) => {
+    const y = w.target.value;
     if (y && !/^\d$/.test(y))
       return;
-    const w = e.split("");
-    w[k] = y;
-    const R = w.join("").slice(0, t);
+    const b = e.split("");
+    b[k] = y;
+    const R = b.join("").slice(0, t);
     if (a(R), y && k < t - 1) {
       const H = k + 1;
       h.current[H] && h.current[H].focus();
     }
-  }, V = (k, b) => {
-    var y, w;
-    if (b.key === "Backspace")
+  }, V = (k, w) => {
+    var y, b;
+    if (w.key === "Backspace")
       if (!(e || "")[k] && k > 0) {
         const H = k - 1;
         if (h.current[H]) {
@@ -5666,7 +5675,7 @@ function lr({
         const H = e.split("");
         H[k] = "", a(H.join(""));
       }
-    b.key === "ArrowLeft" && k > 0 && (b.preventDefault(), (y = h.current[k - 1]) == null || y.focus()), b.key === "ArrowRight" && k < t - 1 && (b.preventDefault(), (w = h.current[k + 1]) == null || w.focus()), (b.ctrlKey || b.metaKey) && b.key === "v" && (b.preventDefault(), navigator.clipboard.readText().then((R) => {
+    w.key === "ArrowLeft" && k > 0 && (w.preventDefault(), (y = h.current[k - 1]) == null || y.focus()), w.key === "ArrowRight" && k < t - 1 && (w.preventDefault(), (b = h.current[k + 1]) == null || b.focus()), (w.ctrlKey || w.metaKey) && w.key === "v" && (w.preventDefault(), navigator.clipboard.readText().then((R) => {
       const H = R.replace(/\D/g, "").slice(0, t);
       if (H) {
         a(H);
@@ -5682,30 +5691,30 @@ function lr({
     const y = k.clipboardData.getData("text").replace(/\D/g, "").slice(0, t);
     if (y) {
       a(y);
-      const w = Math.min(y.length - 1, t - 1);
+      const b = Math.min(y.length - 1, t - 1);
       setTimeout(() => {
-        h.current[w] && h.current[w].focus();
+        h.current[b] && h.current[b].focus();
       }, 0);
     }
   };
   return /* @__PURE__ */ N("div", { className: I("ina-one-time-password", m), children: [
     s && /* @__PURE__ */ n("div", { className: "ina-one-time-password__title", children: s }),
     r && /* @__PURE__ */ n("div", { className: "ina-one-time-password__description", children: r }),
-    /* @__PURE__ */ n("div", { className: "ina-one-time-password__container", children: Array.from({ length: t }).map((k, b) => {
-      const y = e[b] || "";
+    /* @__PURE__ */ n("div", { className: "ina-one-time-password__container", children: Array.from({ length: t }).map((k, w) => {
+      const y = e[w] || "";
       return /* @__PURE__ */ n(
         "input",
         {
-          ref: (w) => {
-            h.current[b] = w;
+          ref: (b) => {
+            h.current[w] = b;
           },
           type: "text",
           inputMode: "numeric",
           maxLength: 1,
           value: y,
-          onChange: (w) => u(b, w),
-          onKeyDown: (w) => V(b, w),
-          onFocus: () => S(b),
+          onChange: (b) => u(w, b),
+          onKeyDown: (b) => V(w, b),
+          onFocus: () => S(w),
           onBlur: D,
           onPaste: L,
           disabled: c,
@@ -5714,9 +5723,9 @@ function lr({
             "ina-one-time-password__input",
             l && "ina-one-time-password__input--error"
           ),
-          "aria-label": `Digit ${b + 1} of ${t}`
+          "aria-label": `Digit ${w + 1} of ${t}`
         },
-        b
+        w
       );
     }) }),
     i && /* @__PURE__ */ n(
@@ -5771,9 +5780,9 @@ const Vn = ({ size: e = 24, stroke: a = 2, ...t }) => /* @__PURE__ */ N(
     prefixIcon: D,
     suffixIcon: L,
     disabledBackTime: k = !1,
-    disabledTimeBefore: b,
+    disabledTimeBefore: w,
     disabledTimeAfter: y,
-    showNowButton: w = !1,
+    showNowButton: b = !1,
     label: R,
     required: H,
     ...U
@@ -5824,8 +5833,8 @@ const Vn = ({ size: e = 24, stroke: a = 2, ...t }) => /* @__PURE__ */ N(
         if (g < f)
           return !0;
       }
-      if (b && !A.ignoreBefore) {
-        const E = pe(b);
+      if (w && !A.ignoreBefore) {
+        const E = pe(w);
         if (g < E)
           return !0;
       }
@@ -6095,7 +6104,7 @@ const Vn = ({ size: e = 24, stroke: a = 2, ...t }) => /* @__PURE__ */ N(
           )
         ] }),
         /* @__PURE__ */ N("div", { className: "ina-time-picker__actions", children: [
-          w && /* @__PURE__ */ n(
+          b && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
@@ -6173,9 +6182,9 @@ function Ln({
       };
   }, [p, _]), te(() => {
     if (p)
-      return e && (u(!0), requestAnimationFrame(() => S(!0)), D.current = setTimeout(() => b(), c)), () => clearTimeout(D.current);
+      return e && (u(!0), requestAnimationFrame(() => S(!0)), D.current = setTimeout(() => w(), c)), () => clearTimeout(D.current);
   }, [e, c, p]);
-  function b() {
+  function w() {
     S(!1), setTimeout(() => {
       u(!1), a(), L.current && Yt(L.current);
     }, 300);
@@ -6200,7 +6209,7 @@ function Ln({
     /* @__PURE__ */ n(
       "button",
       {
-        onClick: b,
+        onClick: w,
         className: "ina-toast__close-button",
         "aria-label": "Tutup notifikasi",
         children: /* @__PURE__ */ n(Le, { size: 16, strokeWidth: 2, className: "ina-toast__close-icon" })
@@ -6618,16 +6627,16 @@ function Bn(e) {
     const y = t._getWatch(s, _.current);
     return m.current ? m.current(y) : y;
   }), S = ue.useCallback((y) => {
-    const w = xt(s, t._names, y || t._formValues, !1, _.current);
-    return m.current ? m.current(w) : w;
+    const b = xt(s, t._names, y || t._formValues, !1, _.current);
+    return m.current ? m.current(b) : b;
   }, [t._formValues, t._names, s]), D = ue.useCallback((y) => {
     if (!i) {
-      const w = xt(s, t._names, y || t._formValues, !1, _.current);
+      const b = xt(s, t._names, y || t._formValues, !1, _.current);
       if (m.current) {
-        const R = m.current(w);
+        const R = m.current(b);
         Oe(R, p.current) || (V(R), p.current = R);
       } else
-        V(w);
+        V(b);
     }
   }, [t._formValues, t._names, i, s]);
   Rt(() => ((M.current !== t || !Oe(h.current, s)) && (M.current = t, h.current = s, D()), t._subscribe({
@@ -6640,13 +6649,13 @@ function Bn(e) {
       D(y.values);
     }
   })), [t, l, s, D]), ue.useEffect(() => t._removeUnmounted());
-  const L = M.current !== t, k = h.current, b = ue.useMemo(() => {
+  const L = M.current !== t, k = h.current, w = ue.useMemo(() => {
     if (i)
       return null;
     const y = !L && !Oe(k, s);
     return L || y ? S() : null;
   }, [i, L, s, k, S]);
-  return b !== null ? b : u;
+  return w !== null ? w : u;
 }
 function Pn(e) {
   const a = $t(), { name: t, disabled: s, control: r = a, shouldUnregister: i, defaultValue: l, exact: c = !0 } = e, _ = Sa(r._names.array, t), m = ue.useMemo(() => J(r._formValues, t, J(r._defaultValues, t, l)), [r, t, l]), p = Bn({
@@ -6698,14 +6707,14 @@ function Pn(e) {
     },
     type: dt.BLUR
   }), [t, r._formValues]), k = ue.useCallback((y) => {
-    const w = J(r._fields, t);
-    w && w._f && y && (w._f.ref = {
+    const b = J(r._fields, t);
+    b && b._f && y && (b._f.ref = {
       focus: () => Te(y.focus) && y.focus(),
       select: () => Te(y.select) && y.select(),
       setCustomValidity: (R) => Te(y.setCustomValidity) && y.setCustomValidity(R),
       reportValidity: () => Te(y.reportValidity) && y.reportValidity()
     });
-  }, [r._fields, t]), b = ue.useMemo(() => ({
+  }, [r._fields, t]), w = ue.useMemo(() => ({
     name: t,
     value: p,
     ...Be(s) || M.disabled ? { disabled: M.disabled || s } : {},
@@ -6714,8 +6723,8 @@ function Pn(e) {
     ref: k
   }), [t, s, M.disabled, D, L, k, p]);
   return ue.useEffect(() => {
-    const y = r._options.shouldUnregister || i, w = u.current;
-    w && w !== t && !_ && r.unregister(w), r.register(t, {
+    const y = r._options.shouldUnregister || i, b = u.current;
+    b && b !== t && !_ && r.unregister(b), r.register(t, {
       ...h.current.rules,
       ...Be(h.current.disabled) ? { disabled: h.current.disabled } : {}
     });
@@ -6736,10 +6745,10 @@ function Pn(e) {
       name: t
     });
   }, [s, t, r]), ue.useMemo(() => ({
-    field: b,
+    field: w,
     formState: M,
     fieldState: S
-  }), [b, M, S]);
+  }), [w, M, S]);
 }
 const Hn = (e) => e.render(Pn(e)), Aa = ue.createContext(null);
 Aa.displayName = "HookFormContext";
@@ -6993,11 +7002,11 @@ var Je = (e) => Ee(e) && !ft(e) ? e : {
   const { ref: l, refs: c, required: _, maxLength: m, minLength: p, min: M, max: h, pattern: u, validate: V, name: S, valueAsNumber: D, mount: L } = e._f, k = J(t, S);
   if (!L || a.has(S))
     return {};
-  const b = c ? c[0] : l, y = (G) => {
-    r && b.reportValidity && (b.setCustomValidity(Be(G) ? "" : G || ""), b.reportValidity());
-  }, w = {}, R = Bt(l), H = rt(l), U = R || H, q = (D || zt(l)) && ke(l.value) && ke(k) || ut(l) && l.value === "" || k === "" || Array.isArray(k) && !k.length, O = Gn.bind(null, S, s, w), le = (G, Z, re, ie = We.maxLength, Q = We.minLength) => {
+  const w = c ? c[0] : l, y = (G) => {
+    r && w.reportValidity && (w.setCustomValidity(Be(G) ? "" : G || ""), w.reportValidity());
+  }, b = {}, R = Bt(l), H = rt(l), U = R || H, q = (D || zt(l)) && ke(l.value) && ke(k) || ut(l) && l.value === "" || k === "" || Array.isArray(k) && !k.length, O = Gn.bind(null, S, s, b), le = (G, Z, re, ie = We.maxLength, Q = We.minLength) => {
     const j = G ? Z : re;
-    w[S] = {
+    b[S] = {
       type: G ? ie : Q,
       message: j,
       ref: l,
@@ -7006,13 +7015,13 @@ var Je = (e) => Ee(e) && !ft(e) ? e : {
   };
   if (i ? !Array.isArray(k) || !k.length : _ && (!U && (q || ze(k)) || Be(k) && !k || H && !Ra(c).isValid || R && !Ba(c).isValid)) {
     const { value: G, message: Z } = Pe(_) ? { value: !!_, message: _ } : Je(_);
-    if (G && (w[S] = {
+    if (G && (b[S] = {
       type: We.required,
       message: Z,
-      ref: b,
+      ref: w,
       ...O(We.required, Z)
     }, !s))
-      return y(Z), w;
+      return y(Z), b;
   }
   if (!q && (!ze(M) || !ze(h))) {
     let G, Z;
@@ -7025,50 +7034,50 @@ var Je = (e) => Ee(e) && !ft(e) ? e : {
       Pe(re.value) && k && (G = $ ? j(k) > j(re.value) : W ? k > re.value : Q > new Date(re.value)), Pe(ie.value) && k && (Z = $ ? j(k) < j(ie.value) : W ? k < ie.value : Q < new Date(ie.value));
     }
     if ((G || Z) && (le(!!G, re.message, ie.message, We.max, We.min), !s))
-      return y(w[S].message), w;
+      return y(b[S].message), b;
   }
   if ((m || p) && !q && (Pe(k) || i && Array.isArray(k))) {
     const G = Je(m), Z = Je(p), re = !ze(G.value) && k.length > +G.value, ie = !ze(Z.value) && k.length < +Z.value;
     if ((re || ie) && (le(re, G.message, Z.message), !s))
-      return y(w[S].message), w;
+      return y(b[S].message), b;
   }
   if (u && !q && Pe(k)) {
     const { value: G, message: Z } = Je(u);
-    if (ft(G) && !k.match(G) && (w[S] = {
+    if (ft(G) && !k.match(G) && (b[S] = {
       type: We.pattern,
       message: Z,
       ref: l,
       ...O(We.pattern, Z)
     }, !s))
-      return y(Z), w;
+      return y(Z), b;
   }
   if (V) {
     if (Te(V)) {
-      const G = await V(k, t), Z = sa(G, b);
-      if (Z && (w[S] = {
+      const G = await V(k, t), Z = sa(G, w);
+      if (Z && (b[S] = {
         ...Z,
         ...O(We.validate, Z.message)
       }, !s))
-        return y(Z.message), w;
+        return y(Z.message), b;
     } else if (Ee(V)) {
       let G = {};
       for (const Z in V) {
         if (!Ae(G) && !s)
           break;
-        const re = sa(await V[Z](k, t), b, Z);
+        const re = sa(await V[Z](k, t), w, Z);
         re && (G = {
           ...re,
           ...O(Z, re.message)
-        }, y(re.message), s && (w[S] = G));
+        }, y(re.message), s && (b[S] = G));
       }
-      if (!Ae(G) && (w[S] = {
-        ref: b,
+      if (!Ae(G) && (b[S] = {
+        ref: w,
         ...G
       }, !s))
-        return w;
+        return b;
     }
   }
-  return y(!0), w;
+  return y(!0), b;
 };
 const as = {
   mode: He.onSubmit,
@@ -7162,7 +7171,7 @@ function ns(e = {}) {
       });
     } else
       ye(i, o, v);
-  }, b = (o, v) => {
+  }, w = (o, v) => {
     ye(t.errors, o, v), u.state.next({
       errors: t.errors
     });
@@ -7171,7 +7180,7 @@ function ns(e = {}) {
       errors: t.errors,
       isValid: !1
     });
-  }, w = (o, v, x, F) => {
+  }, b = (o, v, x, F) => {
     const A = J(s, o);
     if (A) {
       const d = J(i, o, ke(x) ? J(r, o) : x);
@@ -7197,7 +7206,7 @@ function ns(e = {}) {
     return d ? E : {};
   }, H = (o, v, x, F) => {
     const A = J(t.errors, o), d = (M.isValid || h.isValid) && Be(v) && t.isValid !== v;
-    if (a.delayError && x ? (_ = S(() => b(o, x)), _(a.delayError)) : (clearTimeout(m), _ = null, x ? ye(t.errors, o, x) : Ve(t.errors, o)), (x ? !Oe(A, x) : A) || !Ae(F) || d) {
+    if (a.delayError && x ? (_ = S(() => w(o, x)), _(a.delayError)) : (clearTimeout(m), _ = null, x ? ye(t.errors, o, x) : Ve(t.errors, o)), (x ? !Oe(A, x) : A) || !Ae(F) || d) {
       const g = {
         ...F,
         ...d && Be(v) ? { isValid: v } : {},
@@ -7403,7 +7412,7 @@ function ns(e = {}) {
     }), c.mount.add(o), x ? me({
       disabled: Be(v.disabled) ? v.disabled : a.disabled,
       name: o
-    }) : w(o, !0, v.value), {
+    }) : b(o, !0, v.value), {
       ...F ? { disabled: v.disabled || a.disabled } : {},
       ...a.progressive ? {
         required: !!v.required,
@@ -7434,7 +7443,7 @@ function ns(e = {}) {
                 ref: { type: d.type, name: o }
               } : { ref: d }
             }
-          }), w(o, !1, void 0, d);
+          }), b(o, !1, void 0, d);
         } else
           x = J(s, o, {}), x._f && (x._f.mount = !1), (a.shouldUnregister || v.shouldUnregister) && !(Sa(c.array, o) && l.action) && c.unMount.add(o);
       }
@@ -7764,13 +7773,13 @@ function ia({
   onClear: L,
   size: k = "md"
 }) {
-  const b = Fe(() => {
+  const w = Fe(() => {
     const Y = e ?? a ?? (/* @__PURE__ */ new Date()).getFullYear();
     if (Y === "" || Y === null || Y === void 0)
       return (/* @__PURE__ */ new Date()).getFullYear();
     const ne = typeof Y == "string" ? parseInt(Y, 10) : Y;
     return isNaN(ne) ? (/* @__PURE__ */ new Date()).getFullYear() : ne;
-  }, [e, a]), y = Fe(() => Math.floor(b / i) * i, [b, i]), [w, R] = K(m), [H, U] = K(null), [q, O] = K(!1), [le, G] = K({}), Z = ae(null), re = ae(null), ie = ae(null), Q = de(
+  }, [e, a]), y = Fe(() => Math.floor(w / i) * i, [w, i]), [b, R] = K(m), [H, U] = K(null), [q, O] = K(!1), [le, G] = K({}), Z = ae(null), re = ae(null), ie = ae(null), Q = de(
     (Y) => {
       const ne = (/* @__PURE__ */ new Date()).getFullYear();
       if (M && Y < ne || h && Y > ne)
@@ -7811,9 +7820,9 @@ function ia({
     [t, p]
   ), B = de(() => {
     if (c) return;
-    const Y = !w;
+    const Y = !b;
     R(Y), p == null || p(Y);
-  }, [c, w, p]), X = de(() => {
+  }, [c, b, p]), X = de(() => {
     R(!1), p == null || p(!1);
   }, [p]), z = de(
     (Y) => {
@@ -7822,7 +7831,7 @@ function ia({
     [L, t]
   );
   te(() => {
-    if (w && re.current) {
+    if (b && re.current) {
       const Y = () => {
         var d;
         if (!re.current || !ie.current) return;
@@ -7864,13 +7873,13 @@ function ia({
       };
     } else
       O(!1), G({});
-  }, [w]), te(() => {
+  }, [b]), te(() => {
     const Y = (ne) => {
       Z.current && !Z.current.contains(ne.target) && X();
     };
-    if (w)
+    if (b)
       return document.addEventListener("mousedown", Y), () => document.removeEventListener("mousedown", Y);
-  }, [w, X]);
+  }, [b, X]);
   const T = `${y} - ${Math.min(
     y + i - 1,
     r
@@ -7881,7 +7890,7 @@ function ia({
     _ && "ina-year-picker__trigger--readonly"
   ), ce = I(
     "ina-year-picker__panel",
-    w && "ina-year-picker__panel--open"
+    b && "ina-year-picker__panel--open"
   );
   return te(() => {
     R(m);
@@ -7894,14 +7903,14 @@ function ia({
         onClick: B,
         className: pe,
         disabled: c,
-        "aria-expanded": w,
+        "aria-expanded": b,
         "aria-haspopup": "listbox",
         onKeyDown: (Y) => {
-          Y.key === "Enter" || Y.key === " " ? (Y.preventDefault(), B()) : Y.key === "Escape" && w && (Y.preventDefault(), X());
+          Y.key === "Enter" || Y.key === " " ? (Y.preventDefault(), B()) : Y.key === "Escape" && b && (Y.preventDefault(), X());
         },
         children: [
           S && /* @__PURE__ */ n(Pt, { size: 16, className: "ina-year-picker__icon" }),
-          /* @__PURE__ */ n("span", { className: "ina-year-picker__trigger-text", children: b }),
+          /* @__PURE__ */ n("span", { className: "ina-year-picker__trigger-text", children: w }),
           D && (e !== void 0 || a !== void 0) && /* @__PURE__ */ n(
             "button",
             {
@@ -7916,7 +7925,7 @@ function ia({
         ]
       }
     ),
-    w && /* @__PURE__ */ N(
+    b && /* @__PURE__ */ N(
       "div",
       {
         ref: ie,
@@ -7952,7 +7961,7 @@ function ia({
             )
           ] }),
           /* @__PURE__ */ n("div", { className: "ina-year-picker__grid", children: j.map((Y) => {
-            const ne = Y === b, me = Y === H, _e = Q(Y);
+            const ne = Y === w, me = Y === H, _e = Q(Y);
             return /* @__PURE__ */ n(
               "button",
               {
@@ -8025,7 +8034,7 @@ function la({
   ], [_]), k = Fe(() => {
     const z = e ?? a ?? (/* @__PURE__ */ new Date()).getMonth();
     return z == null || isNaN(z) ? (/* @__PURE__ */ new Date()).getMonth() : z;
-  }, [e, a]), [b, y] = K(l), [w, R] = K(null), [H, U] = K(!1), [q, O] = K({}), le = ae(null), G = ae(null), Z = ae(null), re = de(
+  }, [e, a]), [w, y] = K(l), [b, R] = K(null), [H, U] = K(!1), [q, O] = K({}), le = ae(null), G = ae(null), Z = ae(null), re = de(
     (z) => {
       const T = (/* @__PURE__ */ new Date()).getMonth();
       return !!(m && z < T || p && z > T || M !== void 0 && z < M || h !== void 0 && z > h);
@@ -8043,9 +8052,9 @@ function la({
     [t, c]
   ), Q = de(() => {
     if (r) return;
-    const z = !b;
+    const z = !w;
     y(z), c == null || c(z);
-  }, [r, b, c]), j = de(() => {
+  }, [r, w, c]), j = de(() => {
     y(!1), c == null || c(!1);
   }, [c]), $ = de(
     (z) => {
@@ -8054,7 +8063,7 @@ function la({
     [S, t]
   );
   te(() => {
-    if (b && G.current) {
+    if (w && G.current) {
       const z = () => {
         var o;
         if (!G.current || !Z.current) return;
@@ -8096,13 +8105,13 @@ function la({
       };
     } else
       U(!1), O({});
-  }, [b]), te(() => {
+  }, [w]), te(() => {
     const z = (T) => {
       le.current && !le.current.contains(T.target) && j();
     };
-    if (b)
+    if (w)
       return document.addEventListener("mousedown", z), () => document.removeEventListener("mousedown", z);
-  }, [b, j]);
+  }, [w, j]);
   const W = I("ina-month-picker", s), B = I(
     "ina-month-picker__trigger",
     `ina-month-picker__trigger--size-${D}`,
@@ -8110,7 +8119,7 @@ function la({
     i && "ina-month-picker__trigger--readonly"
   ), X = I(
     "ina-month-picker__panel",
-    b && "ina-month-picker__panel--open"
+    w && "ina-month-picker__panel--open"
   );
   return te(() => {
     y(l);
@@ -8123,10 +8132,10 @@ function la({
         onClick: Q,
         className: B,
         disabled: r,
-        "aria-expanded": b,
+        "aria-expanded": w,
         "aria-haspopup": "listbox",
         onKeyDown: (z) => {
-          z.key === "Enter" || z.key === " " ? (z.preventDefault(), Q()) : z.key === "Escape" && b && (z.preventDefault(), j());
+          z.key === "Enter" || z.key === " " ? (z.preventDefault(), Q()) : z.key === "Escape" && w && (z.preventDefault(), j());
         },
         children: [
           u && /* @__PURE__ */ n(Pt, { size: 16, className: "ina-month-picker__icon" }),
@@ -8145,7 +8154,7 @@ function la({
         ]
       }
     ),
-    b && /* @__PURE__ */ n(
+    w && /* @__PURE__ */ n(
       "div",
       {
         ref: Z,
@@ -8155,7 +8164,7 @@ function la({
         ),
         style: q,
         children: /* @__PURE__ */ n("div", { className: "ina-month-picker__grid", children: L.map((z, T) => {
-          const se = T === k, pe = T === w, ce = re(T);
+          const se = T === k, pe = T === b, ce = re(T);
           return /* @__PURE__ */ n(
             "button",
             {
@@ -8224,8 +8233,8 @@ const Pa = [
   if (i.forEach((D, L) => {
     D.includes("dd") || D.includes("DD") ? l = L : D.includes("MM") && !D.includes("MMM") ? c = L : D.includes("yyyy") || D.includes("YYYY") ? _ = L : (D.includes("MMMM") || D.includes("MMM")) && (c = L);
   }), l === -1 || c === -1 || _ === -1) {
-    const D = parseInt(s[0], 10), L = parseInt(s[1], 10) - 1, k = parseInt(s[2], 10), b = new Date(k, L, D);
-    return isNaN(b.getTime()) ? null : b;
+    const D = parseInt(s[0], 10), L = parseInt(s[1], 10) - 1, k = parseInt(s[2], 10), w = new Date(k, L, D);
+    return isNaN(w.getTime()) ? null : w;
   }
   const m = parseInt(s[l], 10), p = parseInt(s[_], 10);
   let M;
@@ -8258,10 +8267,10 @@ function gr({
   readonly: D = !1,
   size: L = "md",
   label: k,
-  required: b,
+  required: w,
   panelOnly: y = !1
 }) {
-  const [w, R] = K(!1), [H, U] = K(/* @__PURE__ */ new Date()), [q, O] = K(() => {
+  const [b, R] = K(!1), [H, U] = K(/* @__PURE__ */ new Date()), [q, O] = K(() => {
     const d = /* @__PURE__ */ new Date();
     return d.setMonth(d.getMonth() + 1), d;
   }), [le, G] = K(null), [Z, re] = K(!1), [ie, Q] = K(c), [j, $] = K(null), W = ae(null), B = ae(null), X = ae(null), z = () => {
@@ -8277,7 +8286,7 @@ function gr({
   te(() => {
     const d = (g) => {
       var E;
-      ((E = g.detail) == null ? void 0 : E.exclude) !== W.current && w && (R(!1), G(null), $(null));
+      ((E = g.detail) == null ? void 0 : E.exclude) !== W.current && b && (R(!1), G(null), $(null));
     };
     return document.addEventListener(
       "closeDatePicker",
@@ -8288,15 +8297,15 @@ function gr({
         d
       );
     };
-  }, [w]), te(() => {
+  }, [b]), te(() => {
     const d = (g) => {
       const E = g.target;
       W.current && W.current.contains(E) || (R(!1), G(null), $(null), $(null));
     };
-    if (w && !y)
+    if (b && !y)
       return document.addEventListener("mousedown", d, !0), () => document.removeEventListener("mousedown", d, !0);
-  }, [w, y]), te(() => {
-    w && document.querySelectorAll(".ina-date-picker").forEach((g) => {
+  }, [b, y]), te(() => {
+    b && document.querySelectorAll(".ina-date-picker").forEach((g) => {
       if (g !== W.current && g.querySelector(".ina-date-picker__panel")) {
         const f = new CustomEvent("closeDatePicker", {
           detail: { exclude: W.current }
@@ -8304,7 +8313,7 @@ function gr({
         document.dispatchEvent(f);
       }
     });
-  }, [w]), te(() => {
+  }, [b]), te(() => {
     const d = () => {
       if (typeof window > "u" || !B.current) return;
       const g = window.innerWidth;
@@ -8365,7 +8374,7 @@ function gr({
     i
   ]), pe = ae(!1);
   te(() => {
-    if ((w || y) && !pe.current) {
+    if ((b || y) && !pe.current) {
       const d = z();
       let g = null, E = null;
       if (e === "range" && d.length >= 2) {
@@ -8409,9 +8418,9 @@ function gr({
         }
       }
       pe.current = !0;
-    } else w || (pe.current = !1);
-  }, [w, e, se]), te(() => {
-    if (w && B.current && !y) {
+    } else b || (pe.current = !1);
+  }, [b, e, se]), te(() => {
+    if (b && B.current && !y) {
       const d = () => {
         if (!B.current) return;
         const E = B.current.getBoundingClientRect();
@@ -8436,7 +8445,7 @@ function gr({
       };
     } else
       re(!1);
-  }, [w]);
+  }, [b]);
   const ce = de((d) => {
     const g = /* @__PURE__ */ new Date();
     return d.toDateString() === g.toDateString();
@@ -8713,7 +8722,7 @@ function gr({
       children: [
         !y && k && /* @__PURE__ */ N("label", { className: "ina-date-picker__label", children: [
           k,
-          b && /* @__PURE__ */ n("span", { className: "ina-date-picker__required", children: "*" })
+          w && /* @__PURE__ */ n("span", { className: "ina-date-picker__required", children: "*" })
         ] }),
         !y && /* @__PURE__ */ N(
           "button",
@@ -8721,14 +8730,14 @@ function gr({
             ref: B,
             type: "button",
             onClick: () => {
-              S || D || (w || document.querySelectorAll(".ina-date-picker").forEach((g) => {
+              S || D || (b || document.querySelectorAll(".ina-date-picker").forEach((g) => {
                 if (g !== W.current) {
                   const E = new CustomEvent("closeDatePicker", {
                     detail: { exclude: W.current }
                   });
                   document.dispatchEvent(E);
                 }
-              }), R(!w));
+              }), R(!b));
             },
             className: I(
               "ina-date-picker__trigger",
@@ -8765,7 +8774,7 @@ function gr({
             ]
           }
         ),
-        (w || y) && !S && !D && /* @__PURE__ */ n(
+        (b || y) && !S && !D && /* @__PURE__ */ n(
           "div",
           {
             ref: X,
@@ -9087,7 +9096,7 @@ function yr({
       "ina-toggle--disabled": t
     },
     i
-  ), b = I(
+  ), w = I(
     "ina-toggle__track",
     `ina-toggle__track--size-${s}`,
     {
@@ -9101,7 +9110,7 @@ function yr({
       "ina-toggle__thumb--checked": D,
       "ina-toggle__thumb--disabled": t
     }
-  ), w = D && M && !t ? { backgroundColor: M, borderColor: M } : {};
+  ), b = D && M && !t ? { backgroundColor: M, borderColor: M } : {};
   return /* @__PURE__ */ N("div", { className: k, children: [
     /* @__PURE__ */ n(
       "input",
@@ -9122,8 +9131,8 @@ function yr({
     /* @__PURE__ */ n(
       "div",
       {
-        className: b,
-        style: { pointerEvents: "none", ...w },
+        className: w,
+        style: { pointerEvents: "none", ...b },
         children: /* @__PURE__ */ n("div", { className: y })
       }
     )
@@ -9147,8 +9156,8 @@ function br({
   const [h, u] = K(
     t || ((k = e[0]) == null ? void 0 : k.value) || ""
   ), V = a !== void 0 ? a : h, S = de(
-    (b, y) => {
-      _ || y || (a === void 0 && u(b), s == null || s(b));
+    (w, y) => {
+      _ || y || (a === void 0 && u(w), s == null || s(w));
     },
     [_, a, s]
   ), D = I(
@@ -9164,13 +9173,13 @@ function br({
     l && "ina-tab-horizontal__container--full-width",
     p
   );
-  return /* @__PURE__ */ n("div", { className: D, children: /* @__PURE__ */ n("div", { className: L, role: "tablist", children: e.map((b) => {
-    const y = V === b.value, w = _ || b.disabled, R = I(
+  return /* @__PURE__ */ n("div", { className: D, children: /* @__PURE__ */ n("div", { className: L, role: "tablist", children: e.map((w) => {
+    const y = V === w.value, b = _ || w.disabled, R = I(
       "ina-tab-horizontal__tab",
       `ina-tab-horizontal__tab--size-${r}`,
       `ina-tab-horizontal__tab--variant-${i}`,
       y && "ina-tab-horizontal__tab--selected",
-      w && "ina-tab-horizontal__tab--disabled",
+      b && "ina-tab-horizontal__tab--disabled",
       l && "ina-tab-horizontal__tab--full-width",
       M
     );
@@ -9180,16 +9189,16 @@ function br({
         type: "button",
         role: "tab",
         "aria-selected": y,
-        "aria-disabled": w,
-        disabled: w,
+        "aria-disabled": b,
+        disabled: b,
         className: R,
-        onClick: () => S(b.value, b.disabled),
+        onClick: () => S(w.value, w.disabled),
         onKeyDown: (H) => {
-          (H.key === "Enter" || H.key === " ") && (H.preventDefault(), S(b.value, b.disabled));
+          (H.key === "Enter" || H.key === " ") && (H.preventDefault(), S(w.value, w.disabled));
         },
-        children: b.label
+        children: w.label
       },
-      b.value
+      w.value
     );
   }) }) });
 }
@@ -9207,12 +9216,12 @@ function wr({
   tabClassName: p = "",
   width: M = "200px"
 }) {
-  var b;
+  var w;
   const [h, u] = K(
-    t || ((b = e[0]) == null ? void 0 : b.value) || ""
+    t || ((w = e[0]) == null ? void 0 : w.value) || ""
   ), V = a !== void 0 ? a : h, S = de(
-    (y, w) => {
-      c || w || (a === void 0 && u(y), s == null || s(y));
+    (y, b) => {
+      c || b || (a === void 0 && u(y), s == null || s(y));
     },
     [c, a, s]
   ), D = I(
@@ -9229,11 +9238,11 @@ function wr({
     width: typeof M == "number" ? `${M}px` : M
   };
   return /* @__PURE__ */ n("div", { className: D, style: k, children: /* @__PURE__ */ n("div", { className: L, role: "tablist", children: e.map((y) => {
-    const w = V === y.value, R = c || y.disabled, H = I(
+    const b = V === y.value, R = c || y.disabled, H = I(
       "ina-tab-vertical__tab",
       `ina-tab-vertical__tab--size-${r}`,
       `ina-tab-vertical__tab--variant-${i}`,
-      w && "ina-tab-vertical__tab--selected",
+      b && "ina-tab-vertical__tab--selected",
       R && "ina-tab-vertical__tab--disabled",
       p
     );
@@ -9242,7 +9251,7 @@ function wr({
       {
         type: "button",
         role: "tab",
-        "aria-selected": w,
+        "aria-selected": b,
         "aria-disabled": R,
         disabled: R,
         className: H,