reactjs-multi-stepper 1.4.2 → 1.5.0

package/dist/index.es.js

@@ -1,26 +1,26 @@
-import z, { createContext as se, useContext as ce, useCallback as h, Fragment as $, useState as U, useEffect as le, useMemo as ie } from "react";
+import z, { createContext as se, useContext as le, useCallback as _, Fragment as $, useState as U, useEffect as ce, useMemo as ie } from "react";
 var P = { exports: {} }, R = {};
 var V;
 function ue() {
   if (V) return R;
   V = 1;
   var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.fragment");
-  function a(t, i, c) {
+  function s(r, i, o) {
     var m = null;
-    if (c !== void 0 && (m = "" + c), i.key !== void 0 && (m = "" + i.key), "key" in i) {
-      c = {};
+    if (o !== void 0 && (m = "" + o), i.key !== void 0 && (m = "" + i.key), "key" in i) {
+      o = {};
       for (var v in i)
-        v !== "key" && (c[v] = i[v]);
-    } else c = i;
-    return i = c.ref, {
+        v !== "key" && (o[v] = i[v]);
+    } else o = i;
+    return i = o.ref, {
       $$typeof: n,
-      type: t,
+      type: r,
       key: m,
       ref: i !== void 0 ? i : null,
-      props: c
+      props: o
     };
   }
-  return R.Fragment = u, R.jsx = a, R.jsxs = a, R;
+  return R.Fragment = u, R.jsx = s, R.jsxs = s, R;
 }
 var j = {};
 var q;
@@ -42,28 +42,28 @@ function fe() {
           return "Suspense";
         case ee:
           return "SuspenseList";
-        case re:
+        case te:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case E:
+          case h:
             return "Portal";
           case Z:
             return e.displayName || "Context";
           case H:
             return (e._context.displayName || "Context") + ".Consumer";
           case Q:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case te:
-            return r = e.displayName || null, r !== null ? r : n(e.type) || "Memo";
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case re:
+            return t = e.displayName || null, t !== null ? t : n(e.type) || "Memo";
           case A:
-            r = e._payload, e = e._init;
+            t = e._payload, e = e._init;
             try {
-              return n(e(r));
+              return n(e(t));
             } catch {
             }
         }
@@ -72,30 +72,30 @@ function fe() {
     function u(e) {
       return "" + e;
     }
-    function a(e) {
+    function s(e) {
       try {
         u(e);
-        var r = !1;
+        var t = !1;
       } catch {
-        r = !0;
+        t = !0;
       }
-      if (r) {
-        r = console;
-        var s = r.error, f = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return s.call(
-          r,
+      if (t) {
+        t = console;
+        var l = t.error, d = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l.call(
+          t,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          f
+          d
         ), u(e);
       }
     }
-    function t(e) {
+    function r(e) {
       if (e === O) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === A)
         return "<...>";
       try {
-        var r = n(e);
-        return r ? "<" + r + ">" : "<...>";
+        var t = n(e);
+        return t ? "<" + t + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -104,45 +104,45 @@ function fe() {
       var e = y.A;
       return e === null ? null : e.getOwner();
     }
-    function c() {
+    function o() {
       return Error("react-stack-top-frame");
     }
     function m(e) {
       if (F.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function v(e, r) {
-      function s() {
+    function v(e, t) {
+      function l() {
         M || (M = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
+          t
         ));
       }
-      s.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: s,
+      l.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: l,
         configurable: !0
       });
     }
-    function S() {
+    function T() {
       var e = n(this.type);
       return I[e] || (I[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function T(e, r, s, f, N, C) {
-      var d = s.ref;
+    function S(e, t, l, d, N, C) {
+      var p = l.ref;
       return e = {
-        $$typeof: l,
+        $$typeof: c,
         type: e,
-        key: r,
-        props: s,
-        _owner: f
-      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(e, "ref", {
+        key: t,
+        props: l,
+        _owner: d
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: S
+        get: T
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -165,61 +165,61 @@ function fe() {
         value: C
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function x(e, r, s, f, N, C) {
-      var d = r.children;
-      if (d !== void 0)
-        if (f)
-          if (oe(d)) {
-            for (f = 0; f < d.length; f++)
-              k(d[f]);
-            Object.freeze && Object.freeze(d);
+    function x(e, t, l, d, N, C) {
+      var p = t.children;
+      if (p !== void 0)
+        if (d)
+          if (oe(p)) {
+            for (d = 0; d < p.length; d++)
+              k(p[d]);
+            Object.freeze && Object.freeze(p);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else k(d);
-      if (F.call(r, "key")) {
-        d = n(e);
-        var _ = Object.keys(r).filter(function(ae) {
+        else k(p);
+      if (F.call(t, "key")) {
+        p = n(e);
+        var E = Object.keys(t).filter(function(ae) {
           return ae !== "key";
         });
-        f = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", W[d + f] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", W[p + d] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          f,
           d,
-          _,
-          d
-        ), W[d + f] = !0);
+          p,
+          E,
+          p
+        ), W[p + d] = !0);
       }
-      if (d = null, s !== void 0 && (a(s), d = "" + s), m(r) && (a(r.key), d = "" + r.key), "key" in r) {
-        s = {};
-        for (var Y in r)
-          Y !== "key" && (s[Y] = r[Y]);
-      } else s = r;
-      return d && v(
-        s,
+      if (p = null, l !== void 0 && (s(l), p = "" + l), m(t) && (s(t.key), p = "" + t.key), "key" in t) {
+        l = {};
+        for (var Y in t)
+          Y !== "key" && (l[Y] = t[Y]);
+      } else l = t;
+      return p && v(
+        l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), T(
+      ), S(
         e,
-        d,
-        s,
+        p,
+        l,
         i(),
         N,
         C
       );
     }
     function k(e) {
-      p(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (e._payload.status === "fulfilled" ? p(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+      f(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (e._payload.status === "fulfilled" ? f(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function p(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === l;
+    function f(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === c;
     }
-    var b = z, l = /* @__PURE__ */ Symbol.for("react.transitional.element"), E = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), X = /* @__PURE__ */ Symbol.for("react.strict_mode"), B = /* @__PURE__ */ Symbol.for("react.profiler"), H = /* @__PURE__ */ Symbol.for("react.consumer"), Z = /* @__PURE__ */ Symbol.for("react.context"), Q = /* @__PURE__ */ Symbol.for("react.forward_ref"), K = /* @__PURE__ */ Symbol.for("react.suspense"), ee = /* @__PURE__ */ Symbol.for("react.suspense_list"), te = /* @__PURE__ */ Symbol.for("react.memo"), A = /* @__PURE__ */ Symbol.for("react.lazy"), re = /* @__PURE__ */ Symbol.for("react.activity"), ne = /* @__PURE__ */ Symbol.for("react.client.reference"), y = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, oe = Array.isArray, w = console.createTask ? console.createTask : function() {
+    var b = z, c = /* @__PURE__ */ Symbol.for("react.transitional.element"), h = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), X = /* @__PURE__ */ Symbol.for("react.strict_mode"), B = /* @__PURE__ */ Symbol.for("react.profiler"), H = /* @__PURE__ */ Symbol.for("react.consumer"), Z = /* @__PURE__ */ Symbol.for("react.context"), Q = /* @__PURE__ */ Symbol.for("react.forward_ref"), K = /* @__PURE__ */ Symbol.for("react.suspense"), ee = /* @__PURE__ */ Symbol.for("react.suspense_list"), re = /* @__PURE__ */ Symbol.for("react.memo"), A = /* @__PURE__ */ Symbol.for("react.lazy"), te = /* @__PURE__ */ Symbol.for("react.activity"), ne = /* @__PURE__ */ Symbol.for("react.client.reference"), y = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, oe = Array.isArray, w = console.createTask ? console.createTask : function() {
       return null;
     };
     b = {
@@ -229,27 +229,27 @@ React keys must be passed directly to JSX without using spread:
     };
     var M, I = {}, D = b.react_stack_bottom_frame.bind(
       b,
-      c
-    )(), L = w(t(c)), W = {};
-    j.Fragment = O, j.jsx = function(e, r, s) {
-      var f = 1e4 > y.recentlyCreatedOwnerStacks++;
+      o
+    )(), L = w(r(o)), W = {};
+    j.Fragment = O, j.jsx = function(e, t, l) {
+      var d = 1e4 > y.recentlyCreatedOwnerStacks++;
       return x(
         e,
-        r,
-        s,
+        t,
+        l,
         !1,
-        f ? Error("react-stack-top-frame") : D,
-        f ? w(t(e)) : L
+        d ? Error("react-stack-top-frame") : D,
+        d ? w(r(e)) : L
       );
-    }, j.jsxs = function(e, r, s) {
-      var f = 1e4 > y.recentlyCreatedOwnerStacks++;
+    }, j.jsxs = function(e, t, l) {
+      var d = 1e4 > y.recentlyCreatedOwnerStacks++;
       return x(
         e,
-        r,
-        s,
+        t,
+        l,
         !0,
-        f ? Error("react-stack-top-frame") : D,
-        f ? w(t(e)) : L
+        d ? Error("react-stack-top-frame") : D,
+        d ? w(r(e)) : L
       );
     };
   })()), j;
@@ -258,38 +258,38 @@ var J;
 function de() {
   return J || (J = 1, process.env.NODE_ENV === "production" ? P.exports = ue() : P.exports = fe()), P.exports;
 }
-var o = de();
+var a = de();
 const G = se(
   void 0
 ), g = () => {
-  const n = ce(G);
+  const n = le(G);
   if (!n)
     throw new Error(
       "useMultiStepperForm must be used within a MultiStepperProvider"
     );
   return n;
 }, pe = () => {
-  const { steps: n, currentStep: u } = g(), a = n?.[u];
-  return !a || !a.children ? null : /* @__PURE__ */ o.jsx("div", { className: "stepper-content", children: a.children });
+  const { steps: n, currentStep: u } = g(), s = n?.[u];
+  return !s || !s.children ? null : /* @__PURE__ */ a.jsx("div", { className: "stepper-content", children: s.children });
 }, me = z.memo(({ onClickNext: n }) => {
-  const { handlePrevStep: u, currentStep: a, steps: t } = g(), i = a === t.length - 1, c = a === 0, m = h(() => {
-    t[a].completed || n();
-  }, [t, a, n]), v = h(() => {
-    c || u();
-  }, [c, u]);
-  return /* @__PURE__ */ o.jsxs("div", { className: "stepper-footer", children: [
-    /* @__PURE__ */ o.jsx(
+  const { handlePrevStep: u, currentStep: s, steps: r } = g(), i = s === r.length - 1, o = s === 0, m = _(() => {
+    r[s].completed || n();
+  }, [r, s, n]), v = _(() => {
+    o || u();
+  }, [o, u]);
+  return /* @__PURE__ */ a.jsxs("div", { className: "stepper-footer", children: [
+    /* @__PURE__ */ a.jsx(
       "button",
       {
         type: "button",
         className: `stepper-button 
-        ${c ? "stepper-button-disbled" : ""}`,
+        ${o ? "stepper-button-disbled" : ""}`,
         onClick: v,
-        disabled: a < 0,
+        disabled: s < 0,
         children: "Prev"
       }
     ),
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ a.jsx(
       "button",
       {
         type: "button",
@@ -303,89 +303,88 @@ const G = se(
   step: n,
   index: u
 }) => {
-  const { steps: a, options: t } = g();
-  return a.length ? n.completed ? /* @__PURE__ */ o.jsx("div", { className: "step step-complete", children: n.icon ? n.icon : t?.completedIcon ?? /* @__PURE__ */ o.jsx("span", { className: "text-white", children: "✓" }) }) : n.active ? /* @__PURE__ */ o.jsx("div", { className: "step step-active", children: n.icon ? n.icon : t?.activeIcon ?? /* @__PURE__ */ o.jsx("h2", { className: "text-white", children: u }) }) : /* @__PURE__ */ o.jsx("div", { className: "step step-default", children: n.icon ?? /* @__PURE__ */ o.jsx("h2", { children: u }) }) : /* @__PURE__ */ o.jsx($, {});
+  const { steps: s, options: r } = g();
+  return s.length ? n.completed ? /* @__PURE__ */ a.jsx("div", { className: "step step-complete", children: n.icon ? n.icon : r?.completedIcon ?? /* @__PURE__ */ a.jsx("span", { className: "text-white", children: "✓" }) }) : n.active ? /* @__PURE__ */ a.jsx("div", { className: "step step-active", children: n.icon ? n.icon : r?.activeIcon ?? /* @__PURE__ */ a.jsx("h2", { className: "text-white", children: u }) }) : /* @__PURE__ */ a.jsx("div", { className: "step step-default", children: n.icon ?? /* @__PURE__ */ a.jsx("h2", { children: u }) }) : /* @__PURE__ */ a.jsx($, {});
 }, be = () => {
-  const { steps: n, updateSteps: u } = g(), a = (t) => u(t);
-  return n.length ? /* @__PURE__ */ o.jsx("div", { className: "app-container", children: /* @__PURE__ */ o.jsx("ol", { className: "stepper-header", children: n.map((t, i) => {
-    const c = !!t.active, m = !!t.completed;
-    return /* @__PURE__ */ o.jsxs(
+  const { steps: n, updateSteps: u } = g(), s = (r) => u(r);
+  return n.length ? /* @__PURE__ */ a.jsx("div", { className: "app-container", children: /* @__PURE__ */ a.jsx("ol", { className: "stepper-header", children: n.map((r, i) => {
+    const o = !!r.active, m = !!r.completed;
+    return /* @__PURE__ */ a.jsxs(
       "div",
       {
-        onClick: () => a(i),
-        className: `step-item ${c ? "active" : ""} ${m ? "complete" : ""}`,
+        onClick: () => s(i),
+        className: `step-item ${o ? "active" : ""} ${m ? "complete" : ""}`,
         children: [
-          /* @__PURE__ */ o.jsx(ve, { index: i + 1, step: t }),
-          /* @__PURE__ */ o.jsxs("div", { className: "step-text", children: [
-            t.title && /* @__PURE__ */ o.jsx("h3", { className: "step-title", children: t.title }),
-            t.description && /* @__PURE__ */ o.jsx("h3", { className: "step-description", children: t.description })
+          /* @__PURE__ */ a.jsx(ve, { index: i + 1, step: r }),
+          /* @__PURE__ */ a.jsxs("div", { className: "step-text", children: [
+            r.title && /* @__PURE__ */ a.jsx("h3", { className: "step-title", children: r.title }),
+            r.description && /* @__PURE__ */ a.jsx("h3", { className: "step-description", children: r.description })
           ] })
         ]
       },
-      t.id ?? i
+      r.id ?? i
     );
-  }) }) }) : /* @__PURE__ */ o.jsx($, {});
-}, _e = ({
+  }) }) }) : /* @__PURE__ */ a.jsx($, {});
+}, Ee = ({
   onClickNext: n
-}) => /* @__PURE__ */ o.jsxs($, { children: [
-  /* @__PURE__ */ o.jsx(be, {}),
-  /* @__PURE__ */ o.jsx(pe, {}),
-  /* @__PURE__ */ o.jsx(me, { onClickNext: n })
-] }), he = ({ children: n, steppers: u, options: a }) => {
-  const [t, i] = U(0), [c, m] = U([]);
-  le(() => {
+}) => /* @__PURE__ */ a.jsxs($, { children: [
+  /* @__PURE__ */ a.jsx(be, {}),
+  /* @__PURE__ */ a.jsx(pe, {}),
+  /* @__PURE__ */ a.jsx(me, { onClickNext: n })
+] }), _e = ({ children: n, steppers: u, options: s }) => {
+  const [r, i] = U(0), [o, m] = U([]);
+  ce(() => {
     if (u.length) {
-      const p = [...u];
-      p[0].active = !0, m(p);
+      const f = [...u];
+      f[0].active = !0, m(f);
     }
   }, [u, u.length]);
-  const v = h((p) => {
-    m((b) => {
-      const l = [...b];
-      if (p > b.length - 1) return b;
-      l[t] && (l[t] = { ...l[t], active: !1 }), l[p] && (l[p] = { ...l[p], active: !0 });
-      for (let E = 0; E < p; E++)
-        l[E] = { ...l[E], completed: !0 };
-      for (let E = p; E < l.length; E++)
-        l[E] = { ...l[E], completed: !1 };
-      return l;
-    }), i(p);
-  }, [t]), S = h(() => {
-    t < c.length - 1 ? v(t + 1) : m((p) => {
-      const b = [...p];
-      return b[t] = { ...b[t], completed: !0 }, b;
-    });
-  }, [t, c.length, v]), T = h(() => {
-    t > 0 && v(t - 1);
-  }, [t, v]), x = h(
-    (p) => {
+  const v = _((f) => {
+    f < 0 || f > o.length - 1 || (m((b) => {
+      const c = [...b];
+      c[r] && (c[r] = { ...c[r], active: !1 }), c[f] && (c[f] = { ...c[f], active: !0 });
+      for (let h = 0; h < f; h++)
+        c[h] = { ...c[h], completed: !0 };
+      for (let h = f; h < c.length; h++)
+        c[h] = { ...c[h], completed: !1 };
+      return c;
+    }), i(f));
+  }, [r, o.length]), T = _(() => {
+    o.length && (r < o.length - 1 ? v(r + 1) : m((f) => {
+      const b = [...f];
+      return b[r] ? (b[r] = { ...b[r], completed: !0 }, b) : f;
+    }));
+  }, [r, o.length, v]), S = _(() => {
+    r > 0 && v(r - 1);
+  }, [r, v]), x = _(
+    (f) => {
       m((b) => {
-        const l = [...b];
-        return l[t] && (l[t] = {
-          ...l[t],
+        const c = [...b];
+        return c[r] && (c[r] = {
+          ...c[r],
           active: !1,
           completed: !1
-        }, l[t][p] = !0), l;
+        }, c[r][f] = !0), c;
       });
     },
-    [t]
+    [r]
   ), k = ie(
     () => ({
-      currentStep: t,
-      steps: c,
-      handleNextStep: S,
-      handlePrevStep: T,
+      currentStep: r,
+      steps: o,
+      handleNextStep: T,
+      handlePrevStep: S,
       updateSteps: v,
       setStepStatus: x,
       // styles,
-      options: a
+      options: s
     }),
-    [t, c, S, T, v, x, a]
+    [r, o, T, S, v, x, s]
   );
-  return /* @__PURE__ */ o.jsx(G.Provider, { value: k, children: n });
+  return /* @__PURE__ */ a.jsx(G.Provider, { value: k, children: n });
 };
 export {
-  _e as MultiStepper,
-  he as MultiStepperProvider,
+  Ee as MultiStepper,
+  _e as MultiStepperProvider,
   g as useMultiStepper
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactjs-multi-stepper",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "type": "module",
   "main": "./dist/reactjs-multi-stepper.es.js",
   "module": "./dist/reactjs-multi-stepper.es.js",
@@ -29,22 +29,26 @@
     "test": "vitest",
     "test:coverage": "vitest run --coverage",
     "typecheck": "tsc --noEmit",
-    "preview": "vite preview"
-  },
-  "dependencies": {
+    "preview": "vite preview",
+    "format": "prettier --write ."
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
+    "@microsoft/api-extractor": "^7.48.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^25.1.0",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.2",
+    "@vitejs/plugin-react-swc": "^4.2.3",
+    "@vitest/coverage-v8": "^4.0.18",
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "jsdom": "^28.1.0",
+    "prettier": "^3.4.2",
     "react": "^18.0.0 || ^19.2.0",
     "react-dom": "^18.0.0 || ^19.2.0",
     "rollup-plugin-visualizer": "^6.0.5",
@@ -53,6 +57,9 @@
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.18"
   },
+  "overrides": {
+    "minimatch": "^9.0.5"
+  },
   "repository": {
     "url": "https://github.com/UppiliSrinivas/react-stepper"
   },
@@ -61,4 +68,4 @@
     "react": "^18.0.0 || ^19.2.0",
     "react-dom": "^18.0.0 || ^19.2.0"
   }
-}
+}