reactjs-multi-stepper 1.3.4 → 1.3.5

package/dist/index.css

@@ -1 +1 @@
-:root{--color-primary: #0284c7;--color-primary-light: #38bdf8;--color-success: #16a34a;--color-error: #ef4444;--color-text: #111827;--color-text-light: #4b5563;--color-black: #000;--color-white: #fff;--color-border: #d1d5db;--color-border-light: #e2e8f0;--spacing-xs: .375rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--step-size: 2.5rem;--step-font-weight: 600;--step-radius: 50%;--spinner-size: 1.5rem;--spinner-thickness: 3px;--spinner-color: #3b82f6;--spinner-track: #e5e7eb;--spinner-speed: .8s}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.app-container{padding-block:var(--spacing-lg);width:100%}.stepper-header{display:flex;justify-content:space-between}.step-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.step-item:not(:last-child):after{content:"";background-color:var(--color-border-light);position:absolute;width:calc(100% - var(--step-size));height:3px;left:calc(50% + (var(--step-size) / 2));top:calc(var(--step-size) / 2 - .125rem);transition:all .2s}.step{width:var(--step-size);height:var(--step-size);display:flex;align-items:center;justify-content:center;z-index:10;position:relative;border-radius:var(--step-radius);font-weight:var(--step-font-weight);color:var(--color-black);transition:all .2s;border:1px solid var(--color-border)}.step-active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.step-complete{border-color:var(--color-success);background-color:var(--color-success);color:var(--color-white)}.step-finished{background-color:var(--color-success);color:var(--color-white)}.active:not(:last-child):after{background-color:var(--color-border-light)}.complete:not(:last-child):after{background-color:var(--color-success)}.step-title{font-size:1rem;color:var(--color-text);font-weight:500;margin-top:var(--spacing-md)}.step-description{font-size:.85rem;color:var(--color-text-light);font-weight:300;margin-top:var(--spacing-sm)}.stepper-content{display:flex;justify-content:center;align-items:center}.stepper-footer{display:flex;justify-content:space-around;align-items:center;padding:var(--spacing-lg) var(--spacing-xl)}.stepper-button{padding:var(--spacing-xs) var(--spacing-xl);font-size:1rem;border-radius:.375rem;border:1px solid #9ca3af;background-color:transparent;color:inherit;cursor:pointer}.stepper-button-fill{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.stepper-button-disabled{opacity:.5;cursor:not-allowed}.test-step{padding:10vh;display:flex;justify-content:center;align-items:center;border-radius:1rem;width:50%;margin-block:2rem}.test-step h3{color:#fff}.step-text{text-align:center}@media (max-width: 768px){.stepper-header{padding:0%;margin:0%}}
+:root{--color-primary: #0284c7;--color-primary-light: #38bdf8;--color-success: #16a34a;--color-error: #ef4444;--color-text: #111827;--color-text-light: #4b5563;--color-black: #000;--color-white: #fff;--color-border: #d1d5db;--color-border-light: #e2e8f0;--spacing-xs: .375rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--step-size: 2.5rem;--step-font-weight: 600;--step-radius: 50%;--spinner-size: 1.5rem;--spinner-thickness: 3px;--spinner-color: #3b82f6;--spinner-track: #e5e7eb;--spinner-speed: .8s}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.app-container{padding-block:var(--spacing-lg);width:100%}.stepper-header{display:flex;justify-content:space-between}.step-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.step-item:not(:last-child):after{content:"";background-color:var(--color-border-light);position:absolute;width:calc(100% - var(--step-size));height:3px;left:calc(50% + (var(--step-size) / 2));top:calc(var(--step-size) / 2 - .125rem);transition:all .2s}.step{width:var(--step-size);height:var(--step-size);display:flex;align-items:center;justify-content:center;z-index:10;position:relative;border-radius:var(--step-radius);font-weight:var(--step-font-weight);color:var(--color-black);transition:all .2s;border:1px solid var(--color-border)}.step-active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.step-complete{border-color:var(--color-success);background-color:var(--color-success);color:var(--color-white)}.step-finished{background-color:var(--color-success);color:var(--color-white)}.active:not(:last-child):after{background-color:var(--color-border-light)}.complete:not(:last-child):after{background-color:var(--color-success)}.step-title{font-size:1rem;color:var(--color-text);font-weight:500;margin-top:var(--spacing-md)}.step-description{font-size:.85rem;color:var(--color-text-light);font-weight:300;margin-top:var(--spacing-sm)}.stepper-content{display:flex;justify-content:center;align-items:center}.stepper-footer{display:flex;justify-content:space-around;align-items:center;padding:var(--spacing-lg) var(--spacing-xl)}.stepper-button{padding:var(--spacing-xs) var(--spacing-xl);font-size:1rem;border-radius:.375rem;border:1px solid #9ca3af;background-color:transparent;color:inherit;cursor:pointer}.stepper-button-fill{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.stepper-button-disabled{opacity:.5;cursor:not-allowed}.test-step{padding:10vh;display:flex;justify-content:center;align-items:center;border-radius:1rem;width:50%;margin-block:2rem}.test-step h3{color:#fff}.step-text{text-align:center}@media(max-width:768px){.stepper-header{padding:0%;margin:0%}}

package/dist/{multi-stepper.es.js → index.es.js}

@@ -1,19 +1,10 @@
-import z, { createContext as se, useContext as ce, useState as U, useEffect as le, useCallback as h, useMemo as ie, Fragment as $ } from "react";
-import './index.css';var P = { exports: {} }, R = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+import z, { createContext as se, useContext as ce, useCallback as h, Fragment as $, useState as U, useEffect as le, useMemo as ie } from "react";
+var P = { exports: {} }, R = {};
 var V;
 function ue() {
   if (V) return R;
   V = 1;
-  var n = Symbol.for("react.transitional.element"), u = Symbol.for("react.fragment");
+  var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.fragment");
   function a(t, i, c) {
     var m = null;
     if (c !== void 0 && (m = "" + c), i.key !== void 0 && (m = "" + i.key), "key" in i) {
@@ -32,18 +23,9 @@ function ue() {
   return R.Fragment = u, R.jsx = a, R.jsxs = a, R;
 }
 var j = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var q;
 function fe() {
-  return q || (q = 1, process.env.NODE_ENV !== "production" && function() {
+  return q || (q = 1, process.env.NODE_ENV !== "production" && (function() {
     function n(e) {
       if (e == null) return null;
       if (typeof e == "function")
@@ -237,7 +219,7 @@ React keys must be passed directly to JSX without using spread:
     function p(e) {
       return typeof e == "object" && e !== null && e.$$typeof === l;
     }
-    var b = z, l = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), X = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), H = Symbol.for("react.consumer"), Z = Symbol.for("react.context"), Q = Symbol.for("react.forward_ref"), K = Symbol.for("react.suspense"), ee = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), re = Symbol.for("react.activity"), ne = 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, 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() {
       return null;
     };
     b = {
@@ -270,7 +252,7 @@ React keys must be passed directly to JSX without using spread:
         f ? w(t(e)) : L
       );
     };
-  }()), j;
+  })()), j;
 }
 var J;
 function de() {
@@ -286,58 +268,6 @@ const G = se(
       "useMultiStepperForm must be used within a MultiStepperProvider"
     );
   return n;
-}, _e = ({ children: n, steppers: u, options: a }) => {
-  const [t, i] = U(0), [c, m] = U([]);
-  le(() => {
-    if (u.length) {
-      const p = [...u];
-      p[0].active = !0, m(p);
-    }
-  }, [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) => {
-      m((b) => {
-        const l = [...b];
-        return l[t] && (l[t] = {
-          ...l[t],
-          active: !1,
-          completed: !1
-        }, l[t][p] = !0), l;
-      });
-    },
-    [t]
-  ), k = ie(
-    () => ({
-      currentStep: t,
-      steps: c,
-      handleNextStep: S,
-      handlePrevStep: T,
-      updateSteps: v,
-      setStepStatus: x,
-      // styles,
-      options: a
-    }),
-    [t, c, S, T, v, x, a]
-  );
-  return /* @__PURE__ */ o.jsx(G.Provider, { value: k, children: 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 });
@@ -395,15 +325,68 @@ const G = se(
       t.id ?? i
     );
   }) }) }) : /* @__PURE__ */ o.jsx($, {});
-}, he = ({
+}, _e = ({
   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(() => {
+    if (u.length) {
+      const p = [...u];
+      p[0].active = !0, m(p);
+    }
+  }, [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) => {
+      m((b) => {
+        const l = [...b];
+        return l[t] && (l[t] = {
+          ...l[t],
+          active: !1,
+          completed: !1
+        }, l[t][p] = !0), l;
+      });
+    },
+    [t]
+  ), k = ie(
+    () => ({
+      currentStep: t,
+      steps: c,
+      handleNextStep: S,
+      handlePrevStep: T,
+      updateSteps: v,
+      setStepStatus: x,
+      // styles,
+      options: a
+    }),
+    [t, c, S, T, v, x, a]
+  );
+  return /* @__PURE__ */ o.jsx(G.Provider, { value: k, children: n });
+};
 export {
-  he as MultiStepper,
-  _e as MultiStepperProvider,
+  _e as MultiStepper,
+  he as MultiStepperProvider,
   g as useMultiStepper
 };
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/hooks/index.ts","../src/components/StepperContent.tsx","../src/components/StepperFooter.tsx","../src/components/StepItem.tsx","../src/components/StepperHeader.tsx","../src/components/MultiStepper.tsx","../src/contexts/index.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%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)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"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.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import { createContext, useContext } from \"react\";\nimport type { MultiStepperType } from \"../types\";\n\n// Multi stepper context\nexport const MultiStepperContext = createContext<MultiStepperType | undefined>(\n  undefined\n);\n\n// context consumer hook\nexport const useMultiStepper = () => {\n  const context = useContext(MultiStepperContext);\n  if (!context)\n    throw new Error(\n      \"useMultiStepperForm must be used within a MultiStepperProvider\"\n    );\n  return context;\n};\n","import React from \"react\";\nimport { useMultiStepper } from \"../hooks\";\n\nexport const StepperContent: React.FC = () => {\n  const { steps, currentStep } = useMultiStepper();\n\n  const current = steps?.[currentStep];\n\n  if (!current || !current.children) return null;\n\n  return <div className=\"stepper-content\">{current.children}</div>;\n};\n","import React, { useCallback } from 'react';\nimport { useMultiStepper } from '../hooks';\n\ntype StepperFooterProps = {\n  onClickNext: () => void\n}\n\nexport const StepperFooter: React.FC<StepperFooterProps> = React.memo(({ onClickNext }) => {\n  const { handlePrevStep, currentStep, steps } = useMultiStepper();\n  const isLastStep = currentStep === steps.length - 1;\n  const isPrevDisabled = currentStep === 0;\n\n  const handleNext = useCallback(() => {\n    if (!steps[currentStep].completed) {\n      onClickNext()\n    }\n  }, [steps, currentStep, onClickNext])\n\n  const handlePrev = useCallback(() => {\n    if (!isPrevDisabled) handlePrevStep()\n  }, [isPrevDisabled, handlePrevStep])\n\n  return <div className=\"stepper-footer\">\n    <button\n      type=\"button\"\n      className={`stepper-button \n        ${isPrevDisabled ? 'stepper-button-disbled' : ''}`}\n      onClick={handlePrev}\n      disabled={currentStep < 0}\n    >\n      Prev\n    </button>\n\n    <button\n      type=\"button\"\n      className={isLastStep ?\n        'stepper-button stepper-button-fill' :\n        'stepper-button'}\n      onClick={handleNext}\n    >\n      {isLastStep ? 'Finish' : 'Next'}\n    </button>\n  </div>\n})","import React, { Fragment } from 'react';\nimport { useMultiStepper } from '../hooks';\nimport type { StepType } from '../types';\n\ntype StepItemType = {\n  step: StepType,\n  index: number\n}\n\nexport const Step: React.FC<StepItemType> = ({\n  step, index\n}) => {\n  const { steps, options } = useMultiStepper()\n  if (!steps.length) return <Fragment />\n\n  if (step.completed) return <div className='step step-complete'>\n    {\n      step.icon ? step.icon : options?.completedIcon ??\n        <span className='text-white'>&#x2713;</span>\n    }\n  </div>\n\n  if (step.active) return <div className='step step-active'>\n    {\n      step.icon ? step.icon : options?.activeIcon ??\n        <h2 className='text-white'>{index}</h2>\n    }\n  </div>\n\n  return (\n    <div className={`step step-default`}>\n      {step.icon ?? <h2>{index}</h2>}\n    </div>\n  );\n};\n","import React, { Fragment } from 'react';\nimport { useMultiStepper } from '../hooks';\nimport { Step } from './StepItem';\n\n\nexport const StepperHeader: React.FC = () => {\n  const { steps, updateSteps } = useMultiStepper()\n  const onClickStep = (index: number) => updateSteps(index);\n  if (!steps.length) return <Fragment />\n  return (\n    <div className='app-container'>\n      <ol className='stepper-header'>\n        {\n          steps.map((step, i) => {\n            const isActive = Boolean(step.active);\n            const isComplete = Boolean(step.completed);\n\n            return (\n              <div\n                key={step.id ?? i}\n                onClick={\n                  () => onClickStep(i)\n                }\n                className={`step-item ${isActive ? 'active' : ''} ${isComplete ? 'complete' : ''}`}\n              >\n                <Step index={i + 1} step={step} />\n                <div className=\"step-text\">\n                  {step.title && <h3 className=\"step-title\">{step.title}</h3>}\n                  {step.description && <h3 className=\"step-description\">{step.description}</h3>}\n                </div>\n              </div>\n            )\n          })\n        }\n      </ol>\n    </div>\n  );\n};\n","import React, { Fragment } from 'react';\nimport { StepperContent } from './StepperContent';\nimport { StepperFooter } from './StepperFooter';\nimport { StepperHeader } from './StepperHeader';\n\ntype StepperProps = {\n  onClickNext: () => void\n}\n\nexport const MultiStepper: React.FC<StepperProps> = ({\n  onClickNext,\n}) => {\n  return (\n    <Fragment>\n      <StepperHeader />\n      <StepperContent />\n      <StepperFooter onClickNext={onClickNext} />\n    </Fragment>\n  );\n};\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { MultiStepperProviderType, StepType } from '../types';\nimport { MultiStepperContext } from \"../hooks\";\n\nexport const MultiStepperProvider: React.FC<MultiStepperProviderType> = ({ children, steppers, options }) => {\n\n    const [currentStep, setCurrentStep] = useState(0)\n    const [steps, setSteps] = useState<StepType[]>([])\n\n    useEffect(() => {\n        if (steppers.length) {\n            const temp = [...steppers]\n            temp[0].active = true\n            setSteps(temp)\n        }\n    }, [steppers, steppers.length])\n\n    const updateSteps = useCallback((newStep: number) => {\n        setSteps((prev) => {\n            const updated = [...prev]\n\n            // if more than length of steps array return steps array as its\n            if (newStep > prev.length - 1) return prev\n\n            // deactivate current step\n            if (updated[currentStep])\n                updated[currentStep] = { ...updated[currentStep], active: false }\n\n            // activate new step\n            if (updated[newStep])\n                updated[newStep] = { ...updated[newStep], active: true }\n\n            // mark prev steps as completed\n            for (let i = 0; i < newStep; i++) {\n                updated[i] = { ...updated[i], completed: true }\n            }\n\n            // mark future steps as incompleted\n            for (let i = newStep; i < updated.length; i++) {\n                updated[i] = { ...updated[i], completed: false }\n            }\n\n            return updated\n        })\n        setCurrentStep(newStep)\n    }, [currentStep])\n\n    const handleNextStep = useCallback(() => {\n        if (currentStep < steps.length - 1) updateSteps(currentStep + 1)\n        else setSteps((prev) => {\n            const updated = [...prev]\n            updated[currentStep] = { ...updated[currentStep], completed: true }\n            return updated\n        })\n    }, [currentStep, steps.length, updateSteps])\n\n\n\n    const handlePrevStep = useCallback(() => {\n        if (currentStep > 0) updateSteps(currentStep - 1)\n    }, [currentStep, updateSteps])\n\n\n    const setStepStatus = useCallback(\n        (status: \"active\" | \"completed\") => {\n            setSteps((prev) => {\n                const updated = [...prev];\n                if (updated[currentStep]) {\n                    // reset all flags to false first\n                    updated[currentStep] = {\n                        ...updated[currentStep],\n                        active: false,\n                        completed: false,\n                    };\n\n                    // now set the chosen status to true\n                    updated[currentStep][status] = true;\n                }\n                return updated;\n            });\n        },\n        [currentStep]\n    );\n\n\n\n\n    // ⚡️ Memoize the entire context value\n    const contextValue = useMemo(\n        () => ({\n            currentStep,\n            steps,\n            handleNextStep,\n            handlePrevStep,\n            updateSteps,\n            setStepStatus,\n            // styles,\n            options\n        }),\n        [currentStep, steps, handleNextStep, handlePrevStep, updateSteps, setStepStatus, options]\n    );\n\n    return <MultiStepperContext.Provider value={contextValue}>\n        {children}\n    </MultiStepperContext.Provider>\n}"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","MultiStepperContext","createContext","useMultiStepper","context","useContext","StepperContent","steps","currentStep","current","jsx","StepperFooter","onClickNext","handlePrevStep","isLastStep","isPrevDisabled","handleNext","useCallback","handlePrev","jsxs","Step","step","index","options","Fragment","StepperHeader","updateSteps","onClickStep","isActive","isComplete","MultiStepper","MultiStepperProvider","steppers","setCurrentStep","useState","setSteps","useEffect","temp","newStep","prev","updated","i","handleNextStep","setStepStatus","status","contextValue","useMemo"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/index.umd.js

@@ -0,0 +1,9 @@
+(function(x,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],c):(x=typeof globalThis<"u"?globalThis:x||self,c(x["iteratex-component-library"]={},x.React))})(this,(function(x,c){"use strict";var Y=document.createElement("style");Y.textContent=`:root{--color-primary: #0284c7;--color-primary-light: #38bdf8;--color-success: #16a34a;--color-error: #ef4444;--color-text: #111827;--color-text-light: #4b5563;--color-black: #000;--color-white: #fff;--color-border: #d1d5db;--color-border-light: #e2e8f0;--spacing-xs: .375rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--step-size: 2.5rem;--step-font-weight: 600;--step-radius: 50%;--spinner-size: 1.5rem;--spinner-thickness: 3px;--spinner-color: #3b82f6;--spinner-track: #e5e7eb;--spinner-speed: .8s}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.app-container{padding-block:var(--spacing-lg);width:100%}.stepper-header{display:flex;justify-content:space-between}.step-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.step-item:not(:last-child):after{content:"";background-color:var(--color-border-light);position:absolute;width:calc(100% - var(--step-size));height:3px;left:calc(50% + (var(--step-size) / 2));top:calc(var(--step-size) / 2 - .125rem);transition:all .2s}.step{width:var(--step-size);height:var(--step-size);display:flex;align-items:center;justify-content:center;z-index:10;position:relative;border-radius:var(--step-radius);font-weight:var(--step-font-weight);color:var(--color-black);transition:all .2s;border:1px solid var(--color-border)}.step-active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.step-complete{border-color:var(--color-success);background-color:var(--color-success);color:var(--color-white)}.step-finished{background-color:var(--color-success);color:var(--color-white)}.active:not(:last-child):after{background-color:var(--color-border-light)}.complete:not(:last-child):after{background-color:var(--color-success)}.step-title{font-size:1rem;color:var(--color-text);font-weight:500;margin-top:var(--spacing-md)}.step-description{font-size:.85rem;color:var(--color-text-light);font-weight:300;margin-top:var(--spacing-sm)}.stepper-content{display:flex;justify-content:center;align-items:center}.stepper-footer{display:flex;justify-content:space-around;align-items:center;padding:var(--spacing-lg) var(--spacing-xl)}.stepper-button{padding:var(--spacing-xs) var(--spacing-xl);font-size:1rem;border-radius:.375rem;border:1px solid #9ca3af;background-color:transparent;color:inherit;cursor:pointer}.stepper-button-fill{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.stepper-button-disabled{opacity:.5;cursor:not-allowed}.test-step{padding:10vh;display:flex;justify-content:center;align-items:center;border-radius:1rem;width:50%;margin-block:2rem}.test-step h3{color:#fff}.step-text{text-align:center}@media(max-width:768px){.stepper-header{padding:0%;margin:0%}}
+/*$vite$:1*/`,document.head.appendChild(Y);var S={exports:{}},E={};var z;function X(){if(z)return E;z=1;var o=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function a(t,u,l){var v=null;if(l!==void 0&&(v=""+l),u.key!==void 0&&(v=""+u.key),"key"in u){l={};for(var b in u)b!=="key"&&(l[b]=u[b])}else l=u;return u=l.ref,{$$typeof:o,type:t,key:v,ref:u!==void 0?u:null,props:l}}return E.Fragment=d,E.jsx=a,E.jsxs=a,E}var k={};var I;function H(){return I||(I=1,process.env.NODE_ENV!=="production"&&(function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===de?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case N:return"Fragment";case oe:return"Profiler";case re:return"StrictMode";case ce:return"Suspense";case le:return"SuspenseList";case ue: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 g:return"Portal";case ae:return e.displayName||"Context";case ne:return(e._context.displayName||"Context")+".Consumer";case se:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ie:return r=e.displayName||null,r!==null?r:o(e.type)||"Memo";case O:r=e._payload,e=e._init;try{return o(e(r))}catch{}}return null}function d(e){return""+e}function a(e){try{d(e);var r=!1}catch{r=!0}if(r){r=console;var s=r.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return s.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),d(e)}}function t(e){if(e===N)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var r=o(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=A.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function v(e){if(U.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function s(){W||(W=!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))}s.isReactWarning=!0,Object.defineProperty(e,"key",{get:s,configurable:!0})}function j(){var e=o(this.type);return V[e]||(V[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,p,P,M){var f=s.ref;return e={$$typeof:i,type:e,key:r,props:s,_owner:p},(f!==void 0?f:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:j}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:P}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:M}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function R(e,r,s,p,P,M){var f=r.children;if(f!==void 0)if(p)if(pe(f)){for(p=0;p<f.length;p++)w(f[p]);Object.freeze&&Object.freeze(f)}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 w(f);if(U.call(r,"key")){f=o(e);var _=Object.keys(r).filter(function(fe){return fe!=="key"});p=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",B[f+p]||(_=0<_.length?"{"+_.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} />`,p,f,_,f),B[f+p]=!0)}if(f=null,s!==void 0&&(a(s),f=""+s),v(r)&&(a(r.key),f=""+r.key),"key"in r){s={};for(var F in r)F!=="key"&&(s[F]=r[F])}else s=r;return f&&b(s,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,f,s,u(),P,M)}function w(e){m(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===O&&(e._payload.status==="fulfilled"?m(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function m(e){return typeof e=="object"&&e!==null&&e.$$typeof===i}var h=c,i=Symbol.for("react.transitional.element"),g=Symbol.for("react.portal"),N=Symbol.for("react.fragment"),re=Symbol.for("react.strict_mode"),oe=Symbol.for("react.profiler"),ne=Symbol.for("react.consumer"),ae=Symbol.for("react.context"),se=Symbol.for("react.forward_ref"),ce=Symbol.for("react.suspense"),le=Symbol.for("react.suspense_list"),ie=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),ue=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),A=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,pe=Array.isArray,C=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(e){return e()}};var W,V={},J=h.react_stack_bottom_frame.bind(h,l)(),G=C(t(l)),B={};k.Fragment=N,k.jsx=function(e,r,s){var p=1e4>A.recentlyCreatedOwnerStacks++;return R(e,r,s,!1,p?Error("react-stack-top-frame"):J,p?C(t(e)):G)},k.jsxs=function(e,r,s){var p=1e4>A.recentlyCreatedOwnerStacks++;return R(e,r,s,!0,p?Error("react-stack-top-frame"):J,p?C(t(e)):G)}})()),k}var D;function Z(){return D||(D=1,process.env.NODE_ENV==="production"?S.exports=X():S.exports=H()),S.exports}var n=Z();const L=c.createContext(void 0),y=()=>{const o=c.useContext(L);if(!o)throw new Error("useMultiStepperForm must be used within a MultiStepperProvider");return o},Q=()=>{const{steps:o,currentStep:d}=y(),a=o?.[d];return!a||!a.children?null:n.jsx("div",{className:"stepper-content",children:a.children})},K=c.memo(({onClickNext:o})=>{const{handlePrevStep:d,currentStep:a,steps:t}=y(),u=a===t.length-1,l=a===0,v=c.useCallback(()=>{t[a].completed||o()},[t,a,o]),b=c.useCallback(()=>{l||d()},[l,d]);return n.jsxs("div",{className:"stepper-footer",children:[n.jsx("button",{type:"button",className:`stepper-button 
+        ${l?"stepper-button-disbled":""}`,onClick:b,disabled:a<0,children:"Prev"}),n.jsx("button",{type:"button",className:u?"stepper-button stepper-button-fill":"stepper-button",onClick:v,children:u?"Finish":"Next"})]})}),q=({step:o,index:d})=>{const{steps:a,options:t}=y();return a.length?o.completed?n.jsx("div",{className:"step step-complete",children:o.icon?o.icon:t?.completedIcon??n.jsx("span",{className:"text-white",children:"✓"})}):o.active?n.jsx("div",{className:"step step-active",children:o.icon?o.icon:t?.activeIcon??n.jsx("h2",{className:"text-white",children:d})}):n.jsx("div",{className:"step step-default",children:o.icon??n.jsx("h2",{children:d})}):n.jsx(c.Fragment,{})},$=()=>{const{steps:o,updateSteps:d}=y(),a=t=>d(t);return o.length?n.jsx("div",{className:"app-container",children:n.jsx("ol",{className:"stepper-header",children:o.map((t,u)=>{const l=!!t.active,v=!!t.completed;return n.jsxs("div",{onClick:()=>a(u),className:`step-item ${l?"active":""} ${v?"complete":""}`,children:[n.jsx(q,{index:u+1,step:t}),n.jsxs("div",{className:"step-text",children:[t.title&&n.jsx("h3",{className:"step-title",children:t.title}),t.description&&n.jsx("h3",{className:"step-description",children:t.description})]})]},t.id??u)})})}):n.jsx(c.Fragment,{})},ee=({onClickNext:o})=>n.jsxs(c.Fragment,{children:[n.jsx($,{}),n.jsx(Q,{}),n.jsx(K,{onClickNext:o})]}),te=({children:o,steppers:d,options:a})=>{const[t,u]=c.useState(0),[l,v]=c.useState([]);c.useEffect(()=>{if(d.length){const m=[...d];m[0].active=!0,v(m)}},[d,d.length]);const b=c.useCallback(m=>{v(h=>{const i=[...h];if(m>h.length-1)return h;i[t]&&(i[t]={...i[t],active:!1}),i[m]&&(i[m]={...i[m],active:!0});for(let g=0;g<m;g++)i[g]={...i[g],completed:!0};for(let g=m;g<i.length;g++)i[g]={...i[g],completed:!1};return i}),u(m)},[t]),j=c.useCallback(()=>{t<l.length-1?b(t+1):v(m=>{const h=[...m];return h[t]={...h[t],completed:!0},h})},[t,l.length,b]),T=c.useCallback(()=>{t>0&&b(t-1)},[t,b]),R=c.useCallback(m=>{v(h=>{const i=[...h];return i[t]&&(i[t]={...i[t],active:!1,completed:!1},i[t][m]=!0),i})},[t]),w=c.useMemo(()=>({currentStep:t,steps:l,handleNextStep:j,handlePrevStep:T,updateSteps:b,setStepStatus:R,options:a}),[t,l,j,T,b,R,a]);return n.jsx(L.Provider,{value:w,children:o})};x.MultiStepper=ee,x.MultiStepperProvider=te,x.useMultiStepper=y,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/hooks/index.ts","../src/components/StepperContent.tsx","../src/components/StepperFooter.tsx","../src/components/StepItem.tsx","../src/components/StepperHeader.tsx","../src/components/MultiStepper.tsx","../src/contexts/index.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%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)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"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.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import { createContext, useContext } from \"react\";\nimport type { MultiStepperType } from \"../types\";\n\n// Multi stepper context\nexport const MultiStepperContext = createContext<MultiStepperType | undefined>(\n  undefined\n);\n\n// context consumer hook\nexport const useMultiStepper = () => {\n  const context = useContext(MultiStepperContext);\n  if (!context)\n    throw new Error(\n      \"useMultiStepperForm must be used within a MultiStepperProvider\"\n    );\n  return context;\n};\n","import React from \"react\";\nimport { useMultiStepper } from \"../hooks\";\n\nexport const StepperContent: React.FC = () => {\n  const { steps, currentStep } = useMultiStepper();\n\n  const current = steps?.[currentStep];\n\n  if (!current || !current.children) return null;\n\n  return <div className=\"stepper-content\">{current.children}</div>;\n};\n","import React, { useCallback } from 'react';\nimport { useMultiStepper } from '../hooks';\n\ntype StepperFooterProps = {\n  onClickNext: () => void\n}\n\nexport const StepperFooter: React.FC<StepperFooterProps> = React.memo(({ onClickNext }) => {\n  const { handlePrevStep, currentStep, steps } = useMultiStepper();\n  const isLastStep = currentStep === steps.length - 1;\n  const isPrevDisabled = currentStep === 0;\n\n  const handleNext = useCallback(() => {\n    if (!steps[currentStep].completed) {\n      onClickNext()\n    }\n  }, [steps, currentStep, onClickNext])\n\n  const handlePrev = useCallback(() => {\n    if (!isPrevDisabled) handlePrevStep()\n  }, [isPrevDisabled, handlePrevStep])\n\n  return <div className=\"stepper-footer\">\n    <button\n      type=\"button\"\n      className={`stepper-button \n        ${isPrevDisabled ? 'stepper-button-disbled' : ''}`}\n      onClick={handlePrev}\n      disabled={currentStep < 0}\n    >\n      Prev\n    </button>\n\n    <button\n      type=\"button\"\n      className={isLastStep ?\n        'stepper-button stepper-button-fill' :\n        'stepper-button'}\n      onClick={handleNext}\n    >\n      {isLastStep ? 'Finish' : 'Next'}\n    </button>\n  </div>\n})","import React, { Fragment } from 'react';\nimport { useMultiStepper } from '../hooks';\nimport type { StepType } from '../types';\n\ntype StepItemType = {\n  step: StepType,\n  index: number\n}\n\nexport const Step: React.FC<StepItemType> = ({\n  step, index\n}) => {\n  const { steps, options } = useMultiStepper()\n  if (!steps.length) return <Fragment />\n\n  if (step.completed) return <div className='step step-complete'>\n    {\n      step.icon ? step.icon : options?.completedIcon ??\n        <span className='text-white'>&#x2713;</span>\n    }\n  </div>\n\n  if (step.active) return <div className='step step-active'>\n    {\n      step.icon ? step.icon : options?.activeIcon ??\n        <h2 className='text-white'>{index}</h2>\n    }\n  </div>\n\n  return (\n    <div className={`step step-default`}>\n      {step.icon ?? <h2>{index}</h2>}\n    </div>\n  );\n};\n","import React, { Fragment } from 'react';\nimport { useMultiStepper } from '../hooks';\nimport { Step } from './StepItem';\n\n\nexport const StepperHeader: React.FC = () => {\n  const { steps, updateSteps } = useMultiStepper()\n  const onClickStep = (index: number) => updateSteps(index);\n  if (!steps.length) return <Fragment />\n  return (\n    <div className='app-container'>\n      <ol className='stepper-header'>\n        {\n          steps.map((step, i) => {\n            const isActive = Boolean(step.active);\n            const isComplete = Boolean(step.completed);\n\n            return (\n              <div\n                key={step.id ?? i}\n                onClick={\n                  () => onClickStep(i)\n                }\n                className={`step-item ${isActive ? 'active' : ''} ${isComplete ? 'complete' : ''}`}\n              >\n                <Step index={i + 1} step={step} />\n                <div className=\"step-text\">\n                  {step.title && <h3 className=\"step-title\">{step.title}</h3>}\n                  {step.description && <h3 className=\"step-description\">{step.description}</h3>}\n                </div>\n              </div>\n            )\n          })\n        }\n      </ol>\n    </div>\n  );\n};\n","import React, { Fragment } from 'react';\nimport { StepperContent } from './StepperContent';\nimport { StepperFooter } from './StepperFooter';\nimport { StepperHeader } from './StepperHeader';\n\ntype StepperProps = {\n  onClickNext: () => void\n}\n\nexport const MultiStepper: React.FC<StepperProps> = ({\n  onClickNext,\n}) => {\n  return (\n    <Fragment>\n      <StepperHeader />\n      <StepperContent />\n      <StepperFooter onClickNext={onClickNext} />\n    </Fragment>\n  );\n};\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { MultiStepperProviderType, StepType } from '../types';\nimport { MultiStepperContext } from \"../hooks\";\n\nexport const MultiStepperProvider: React.FC<MultiStepperProviderType> = ({ children, steppers, options }) => {\n\n    const [currentStep, setCurrentStep] = useState(0)\n    const [steps, setSteps] = useState<StepType[]>([])\n\n    useEffect(() => {\n        if (steppers.length) {\n            const temp = [...steppers]\n            temp[0].active = true\n            setSteps(temp)\n        }\n    }, [steppers, steppers.length])\n\n    const updateSteps = useCallback((newStep: number) => {\n        setSteps((prev) => {\n            const updated = [...prev]\n\n            // if more than length of steps array return steps array as its\n            if (newStep > prev.length - 1) return prev\n\n            // deactivate current step\n            if (updated[currentStep])\n                updated[currentStep] = { ...updated[currentStep], active: false }\n\n            // activate new step\n            if (updated[newStep])\n                updated[newStep] = { ...updated[newStep], active: true }\n\n            // mark prev steps as completed\n            for (let i = 0; i < newStep; i++) {\n                updated[i] = { ...updated[i], completed: true }\n            }\n\n            // mark future steps as incompleted\n            for (let i = newStep; i < updated.length; i++) {\n                updated[i] = { ...updated[i], completed: false }\n            }\n\n            return updated\n        })\n        setCurrentStep(newStep)\n    }, [currentStep])\n\n    const handleNextStep = useCallback(() => {\n        if (currentStep < steps.length - 1) updateSteps(currentStep + 1)\n        else setSteps((prev) => {\n            const updated = [...prev]\n            updated[currentStep] = { ...updated[currentStep], completed: true }\n            return updated\n        })\n    }, [currentStep, steps.length, updateSteps])\n\n\n\n    const handlePrevStep = useCallback(() => {\n        if (currentStep > 0) updateSteps(currentStep - 1)\n    }, [currentStep, updateSteps])\n\n\n    const setStepStatus = useCallback(\n        (status: \"active\" | \"completed\") => {\n            setSteps((prev) => {\n                const updated = [...prev];\n                if (updated[currentStep]) {\n                    // reset all flags to false first\n                    updated[currentStep] = {\n                        ...updated[currentStep],\n                        active: false,\n                        completed: false,\n                    };\n\n                    // now set the chosen status to true\n                    updated[currentStep][status] = true;\n                }\n                return updated;\n            });\n        },\n        [currentStep]\n    );\n\n\n\n\n    // ⚡️ Memoize the entire context value\n    const contextValue = useMemo(\n        () => ({\n            currentStep,\n            steps,\n            handleNextStep,\n            handlePrevStep,\n            updateSteps,\n            setStepStatus,\n            // styles,\n            options\n        }),\n        [currentStep, steps, handleNextStep, handlePrevStep, updateSteps, setStepStatus, options]\n    );\n\n    return <MultiStepperContext.Provider value={contextValue}>\n        {children}\n    </MultiStepperContext.Provider>\n}"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","MultiStepperContext","createContext","useMultiStepper","context","useContext","StepperContent","steps","currentStep","current","jsx","StepperFooter","onClickNext","handlePrevStep","isLastStep","isPrevDisabled","handleNext","useCallback","handlePrev","jsxs","Step","step","index","options","Fragment","StepperHeader","updateSteps","onClickStep","i","isActive","isComplete","MultiStepper","MultiStepperProvider","steppers","setCurrentStep","useState","setSteps","useEffect","temp","newStep","prev","updated","handleNextStep","setStepStatus","status","contextValue","useMemo"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/types/index.d.ts

@@ -0,0 +1,54 @@
+import { default as default_2 } from 'react';
+import { ReactNode } from 'react';
+
+export declare const MultiStepper: default_2.FC<StepperProps>;
+
+export declare const MultiStepperProvider: React.FC<MultiStepperProviderType>;
+
+export declare type MultiStepperProviderType = {
+    children: ReactNode;
+    steppers: StepType[];
+    options?: OptionsType;
+};
+
+export declare type MultiStepperType = {
+    currentStep: number;
+    steps: StepType[];
+    handleNextStep: () => void;
+    handlePrevStep: () => void;
+    updateSteps: (newStep: number) => void;
+    setStepStatus: (status: "active" | "completed") => void;
+    options?: OptionsType;
+};
+
+declare type OptionsType = {
+    completedIcon?: ReactNode;
+    activeIcon?: ReactNode;
+};
+
+declare type StepperProps = {
+    onClickNext: () => void;
+};
+
+export declare type StepStyleType = {
+    textColor?: string;
+    activeTextColor?: string;
+    bgColor?: string;
+    activeBgColor?: string;
+    completedBgColor?: string;
+    completedTextColor?: string;
+};
+
+export declare type StepType = {
+    id?: number;
+    title?: string;
+    description?: string;
+    icon?: ReactNode;
+    active?: boolean;
+    completed?: boolean;
+    children?: ReactNode;
+};
+
+export declare const useMultiStepper: () => MultiStepperType;
+
+export { }

package/package.json

@@ -1,65 +1,63 @@
 {
   "name": "reactjs-multi-stepper",
-  "main": "./dist/multi-stepper.umd.js",
-  "module": "./dist/multi-stepper.es.js",
-  "types": "./dist/index.d.ts",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "type": "module",
-  "repository": {
-    "url": "https://github.com/UppiliSrinivas/react-stepper/tree/multi-stepper"
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    },
+    "./dist/index.css": "./dist/index.css",
+    "./style.css": "./dist/index.css"
   },
+  "style": "./dist/index.css",
   "files": [
     "dist",
     "assets",
     "README.md",
     "LICENSE"
   ],
-  "exports": {
-    ".": {
-      "import": "./dist/multi-stepper.es.js",
-      "require": "./dist/multi-stepper.umd.js",
-      "types": "./dist/index.d.ts"
-    }
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
-    "preview": "vite preview",
     "test": "vitest",
-    "test:watch": "vitest --watch",
     "test:coverage": "vitest run --coverage",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "preview": "vite preview"
   },
   "dependencies": {
-    "@vitejs/plugin-react-swc": "^3.11.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2"
+    "react": "^18.0.0 || ^19.2.0",
+    "react-dom": "^18.0.0 || ^19.2.0",
+    "react-multi-stepper": "file:react-multi-stepper-1.3.5.tgz"
   },
   "devDependencies": {
-    "@eslint/js": "^9.30.1",
-    "@testing-library/jest-dom": "^6.7.0",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^24.1.0",
-    "@types/react": "^19.2.4",
+    "@eslint/js": "^9.39.1",
+    "@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": "^4.6.0",
-    "@vitest/coverage-v8": "^3.2.4",
-    "eslint": "^9.30.1",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "globals": "^16.3.0",
-    "jsdom": "^26.1.0",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.35.1",
-    "vite": "^7.0.4",
-    "vitest": "^3.2.4"
+    "@vitejs/plugin-react": "^5.1.2",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.18"
+  },
+  "repository": {
+    "url": "https://github.com/UppiliSrinivas/react-stepper/tree/multi-stepper"
   },
-  "description": "This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
-  "keywords": [],
-  "author": "",
-  "license": "ISC"
+  "license": "ISC",
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.2.0",
+    "react-dom": "^18.0.0 || ^19.2.0"
+  }
 }

package/dist/index.d.ts

@@ -1 +0,0 @@
-export {}

package/dist/multi-stepper.umd.js

@@ -1,24 +0,0 @@
-(function(x,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],c):(x=typeof globalThis<"u"?globalThis:x||self,c(x["multi-stepper"]={},x.React))})(this,function(x,c){"use strict";var Y=document.createElement("style");Y.textContent=`:root{--color-primary: #0284c7;--color-primary-light: #38bdf8;--color-success: #16a34a;--color-error: #ef4444;--color-text: #111827;--color-text-light: #4b5563;--color-black: #000;--color-white: #fff;--color-border: #d1d5db;--color-border-light: #e2e8f0;--spacing-xs: .375rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--step-size: 2.5rem;--step-font-weight: 600;--step-radius: 50%;--spinner-size: 1.5rem;--spinner-thickness: 3px;--spinner-color: #3b82f6;--spinner-track: #e5e7eb;--spinner-speed: .8s}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.app-container{padding-block:var(--spacing-lg);width:100%}.stepper-header{display:flex;justify-content:space-between}.step-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.step-item:not(:last-child):after{content:"";background-color:var(--color-border-light);position:absolute;width:calc(100% - var(--step-size));height:3px;left:calc(50% + (var(--step-size) / 2));top:calc(var(--step-size) / 2 - .125rem);transition:all .2s}.step{width:var(--step-size);height:var(--step-size);display:flex;align-items:center;justify-content:center;z-index:10;position:relative;border-radius:var(--step-radius);font-weight:var(--step-font-weight);color:var(--color-black);transition:all .2s;border:1px solid var(--color-border)}.step-active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.step-complete{border-color:var(--color-success);background-color:var(--color-success);color:var(--color-white)}.step-finished{background-color:var(--color-success);color:var(--color-white)}.active:not(:last-child):after{background-color:var(--color-border-light)}.complete:not(:last-child):after{background-color:var(--color-success)}.step-title{font-size:1rem;color:var(--color-text);font-weight:500;margin-top:var(--spacing-md)}.step-description{font-size:.85rem;color:var(--color-text-light);font-weight:300;margin-top:var(--spacing-sm)}.stepper-content{display:flex;justify-content:center;align-items:center}.stepper-footer{display:flex;justify-content:space-around;align-items:center;padding:var(--spacing-lg) var(--spacing-xl)}.stepper-button{padding:var(--spacing-xs) var(--spacing-xl);font-size:1rem;border-radius:.375rem;border:1px solid #9ca3af;background-color:transparent;color:inherit;cursor:pointer}.stepper-button-fill{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.stepper-button-disabled{opacity:.5;cursor:not-allowed}.test-step{padding:10vh;display:flex;justify-content:center;align-items:center;border-radius:1rem;width:50%;margin-block:2rem}.test-step h3{color:#fff}.step-text{text-align:center}@media (max-width: 768px){.stepper-header{padding:0%;margin:0%}}
-/*$vite$:1*/`,document.head.appendChild(Y);var S={exports:{}},E={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var z;function X(){if(z)return E;z=1;var o=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function a(t,u,l){var v=null;if(l!==void 0&&(v=""+l),u.key!==void 0&&(v=""+u.key),"key"in u){l={};for(var b in u)b!=="key"&&(l[b]=u[b])}else l=u;return u=l.ref,{$$typeof:o,type:t,key:v,ref:u!==void 0?u:null,props:l}}return E.Fragment=d,E.jsx=a,E.jsxs=a,E}var k={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var I;function H(){return I||(I=1,process.env.NODE_ENV!=="production"&&function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===de?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case N:return"Fragment";case oe:return"Profiler";case re:return"StrictMode";case ce:return"Suspense";case le:return"SuspenseList";case ue: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 g:return"Portal";case ae:return e.displayName||"Context";case ne:return(e._context.displayName||"Context")+".Consumer";case se:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ie:return r=e.displayName||null,r!==null?r:o(e.type)||"Memo";case O:r=e._payload,e=e._init;try{return o(e(r))}catch{}}return null}function d(e){return""+e}function a(e){try{d(e);var r=!1}catch{r=!0}if(r){r=console;var s=r.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return s.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),d(e)}}function t(e){if(e===N)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var r=o(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=A.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function v(e){if(U.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function s(){W||(W=!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))}s.isReactWarning=!0,Object.defineProperty(e,"key",{get:s,configurable:!0})}function j(){var e=o(this.type);return V[e]||(V[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,p,P,M){var f=s.ref;return e={$$typeof:i,type:e,key:r,props:s,_owner:p},(f!==void 0?f:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:j}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:P}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:M}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function R(e,r,s,p,P,M){var f=r.children;if(f!==void 0)if(p)if(pe(f)){for(p=0;p<f.length;p++)w(f[p]);Object.freeze&&Object.freeze(f)}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 w(f);if(U.call(r,"key")){f=o(e);var _=Object.keys(r).filter(function(fe){return fe!=="key"});p=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",B[f+p]||(_=0<_.length?"{"+_.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} />`,p,f,_,f),B[f+p]=!0)}if(f=null,s!==void 0&&(a(s),f=""+s),v(r)&&(a(r.key),f=""+r.key),"key"in r){s={};for(var F in r)F!=="key"&&(s[F]=r[F])}else s=r;return f&&b(s,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,f,s,u(),P,M)}function w(e){m(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===O&&(e._payload.status==="fulfilled"?m(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function m(e){return typeof e=="object"&&e!==null&&e.$$typeof===i}var h=c,i=Symbol.for("react.transitional.element"),g=Symbol.for("react.portal"),N=Symbol.for("react.fragment"),re=Symbol.for("react.strict_mode"),oe=Symbol.for("react.profiler"),ne=Symbol.for("react.consumer"),ae=Symbol.for("react.context"),se=Symbol.for("react.forward_ref"),ce=Symbol.for("react.suspense"),le=Symbol.for("react.suspense_list"),ie=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),ue=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),A=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,pe=Array.isArray,C=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(e){return e()}};var W,V={},J=h.react_stack_bottom_frame.bind(h,l)(),G=C(t(l)),B={};k.Fragment=N,k.jsx=function(e,r,s){var p=1e4>A.recentlyCreatedOwnerStacks++;return R(e,r,s,!1,p?Error("react-stack-top-frame"):J,p?C(t(e)):G)},k.jsxs=function(e,r,s){var p=1e4>A.recentlyCreatedOwnerStacks++;return R(e,r,s,!0,p?Error("react-stack-top-frame"):J,p?C(t(e)):G)}}()),k}var D;function Z(){return D||(D=1,process.env.NODE_ENV==="production"?S.exports=X():S.exports=H()),S.exports}var n=Z();const L=c.createContext(void 0),y=()=>{const o=c.useContext(L);if(!o)throw new Error("useMultiStepperForm must be used within a MultiStepperProvider");return o},Q=({children:o,steppers:d,options:a})=>{const[t,u]=c.useState(0),[l,v]=c.useState([]);c.useEffect(()=>{if(d.length){const m=[...d];m[0].active=!0,v(m)}},[d,d.length]);const b=c.useCallback(m=>{v(h=>{const i=[...h];if(m>h.length-1)return h;i[t]&&(i[t]={...i[t],active:!1}),i[m]&&(i[m]={...i[m],active:!0});for(let g=0;g<m;g++)i[g]={...i[g],completed:!0};for(let g=m;g<i.length;g++)i[g]={...i[g],completed:!1};return i}),u(m)},[t]),j=c.useCallback(()=>{t<l.length-1?b(t+1):v(m=>{const h=[...m];return h[t]={...h[t],completed:!0},h})},[t,l.length,b]),T=c.useCallback(()=>{t>0&&b(t-1)},[t,b]),R=c.useCallback(m=>{v(h=>{const i=[...h];return i[t]&&(i[t]={...i[t],active:!1,completed:!1},i[t][m]=!0),i})},[t]),w=c.useMemo(()=>({currentStep:t,steps:l,handleNextStep:j,handlePrevStep:T,updateSteps:b,setStepStatus:R,options:a}),[t,l,j,T,b,R,a]);return n.jsx(L.Provider,{value:w,children:o})},K=()=>{const{steps:o,currentStep:d}=y(),a=o?.[d];return!a||!a.children?null:n.jsx("div",{className:"stepper-content",children:a.children})},q=c.memo(({onClickNext:o})=>{const{handlePrevStep:d,currentStep:a,steps:t}=y(),u=a===t.length-1,l=a===0,v=c.useCallback(()=>{t[a].completed||o()},[t,a,o]),b=c.useCallback(()=>{l||d()},[l,d]);return n.jsxs("div",{className:"stepper-footer",children:[n.jsx("button",{type:"button",className:`stepper-button 
-        ${l?"stepper-button-disbled":""}`,onClick:b,disabled:a<0,children:"Prev"}),n.jsx("button",{type:"button",className:u?"stepper-button stepper-button-fill":"stepper-button",onClick:v,children:u?"Finish":"Next"})]})}),$=({step:o,index:d})=>{const{steps:a,options:t}=y();return a.length?o.completed?n.jsx("div",{className:"step step-complete",children:o.icon?o.icon:t?.completedIcon??n.jsx("span",{className:"text-white",children:"✓"})}):o.active?n.jsx("div",{className:"step step-active",children:o.icon?o.icon:t?.activeIcon??n.jsx("h2",{className:"text-white",children:d})}):n.jsx("div",{className:"step step-default",children:o.icon??n.jsx("h2",{children:d})}):n.jsx(c.Fragment,{})},ee=()=>{const{steps:o,updateSteps:d}=y(),a=t=>d(t);return o.length?n.jsx("div",{className:"app-container",children:n.jsx("ol",{className:"stepper-header",children:o.map((t,u)=>{const l=!!t.active,v=!!t.completed;return n.jsxs("div",{onClick:()=>a(u),className:`step-item ${l?"active":""} ${v?"complete":""}`,children:[n.jsx($,{index:u+1,step:t}),n.jsxs("div",{className:"step-text",children:[t.title&&n.jsx("h3",{className:"step-title",children:t.title}),t.description&&n.jsx("h3",{className:"step-description",children:t.description})]})]},t.id??u)})})}):n.jsx(c.Fragment,{})},te=({onClickNext:o})=>n.jsxs(c.Fragment,{children:[n.jsx(ee,{}),n.jsx(K,{}),n.jsx(q,{onClickNext:o})]});x.MultiStepper=te,x.MultiStepperProvider=Q,x.useMultiStepper=y,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});