@tedi-design-system/react 14.2.0-rc.3 → 14.2.0-rc.4

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
+import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
+import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/external/hoist-non-react-statics/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;

package/external/hoist-non-react-statics/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../../../_virtual/index.es4.js";
+import { __module as r } from "../../../../_virtual/index.es3.js";
 import { __require as e } from "./cjs/react-is.production.min.es.js";
 import { __require as o } from "./cjs/react-is.development.es.js";
 process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();

package/external/prop-types/external/react-is/cjs/react-is.development.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/prop-types/external/react-is/cjs/react-is.development.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
+import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/external/prop-types/external/react-is/cjs/react-is.production.min.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/prop-types/external/react-is/cjs/react-is.production.min.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
+import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/external/prop-types/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;

package/external/prop-types/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index.es3.js";
+import { __module as e } from "../../../../_virtual/index.es4.js";
 import { __require as o } from "./cjs/react-is.production.min.es.js";
 import { __require as t } from "./cjs/react-is.development.es.js";
 var r;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "14.2.0-rc.3",
+  "version": "14.2.0-rc.4",
   "type": "module",
   "sideEffects": false,
   "exports": {

package/src/community/components/stepper/step.d.ts

@@ -25,6 +25,12 @@ export interface StepProps {
      * Mark the step as completed
      */
     completed?: boolean;
+    /**
+     * Show completed icon next to the step label
+     * When true, a checkmark icon is displayed next to the step label even when the step is not marked as completed.
+     * @default false
+     */
+    showCompletedIcon?: boolean;
 }
 export declare const Step: (props: StepProps) => JSX.Element | null;
 export default Step;

package/src/community/components/stepper/stepper-nav.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("../../../../external/classnames/index.cjs.js"),M=require("react"),g=require("../icon/icon.cjs.js"),s=require("./stepper.module.scss.cjs.js"),I=require("./stepper-context.cjs.js"),k=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),w=require("../../helpers/hooks/use-layout.cjs.js"),m=v=>{const{getLabel:p}=k.useLabels(),{items:c,ariaLabel:b,completedLabel:f=p("stepper.completed"),notCompletedLabel:x=p("stepper.not-completed")}=v,_=w.useLayout(["mobile"]),{activeStep:i,handleActiveStepChange:h,allowStepLabelClick:l}=M.useContext(I.StepperContext),N=c.filter(e=>e.completed).map(e=>e.index),j=e=>typeof l=="boolean"?!l:l==="completed"?!e.completed:!(l==="completed-or-next"&&(e.completed||e.index===i+1||e.index===Math.max(...N)+1)),S=e=>{const{label:o,completed:a,index:n,id:L}=e,r=n===i,y=n<=i,d=j(e),q=u.default(s.default["stepper__nav-item"],{[s.default["stepper__nav-item--disabled"]]:d},{[s.default["stepper__nav-item--active"]]:y},{[s.default["stepper__nav-item--completed"]]:a}),C=u.default(s.default["stepper__nav-item-label"],{"visually-hidden":_&&!r});return t.jsxs("li",{className:q,children:[t.jsxs("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":L,className:s.default["stepper__nav-item-inner"],onClick:()=>h(n),disabled:d,children:[t.jsxs("span",{className:s.default["stepper__nav-item-counter"],children:[a&&t.jsx(g.Icon,{name:"done",size:18}),!a&&n+1]}),t.jsx("span",{className:C,children:o}),a&&t.jsx("span",{className:"visually-hidden",children:f}),!a&&!r&&t.jsx("span",{className:"visually-hidden",children:x})]}),r&&t.jsx("span",{className:s.default["stepper__nav-item-arrow"]})]})};return t.jsx("nav",{role:"tablist","aria-label":b,children:t.jsx("ol",{className:s.default.stepper__nav,children:c.map((e,o)=>t.jsx(S,{...e},o))})})};exports.StepperNav=m;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../../../external/classnames/index.cjs.js"),I=require("react"),g=require("../icon/icon.cjs.js"),s=require("./stepper.module.scss.cjs.js"),w=require("./stepper-context.cjs.js"),k=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../helpers/hooks/use-layout.cjs.js"),v=b=>{const{getLabel:p}=k.useLabels(),{items:c,ariaLabel:f,completedLabel:x=p("stepper.completed"),notCompletedLabel:_=p("stepper.not-completed")}=b,h=A.useLayout(["mobile"]),{activeStep:i,handleActiveStepChange:N,allowStepLabelClick:l}=I.useContext(w.StepperContext),j=c.filter(e=>e.completed).map(e=>e.index),S=e=>typeof l=="boolean"?!l:l==="completed"?!e.completed:!(l==="completed-or-next"&&(e.completed||e.index===i+1||e.index===Math.max(...j)+1)),L=e=>{const{label:o,completed:a,index:n,id:y,showCompletedIcon:d}=e,r=n===i,C=n<=i,u=S(e),q=m.default(s.default["stepper__nav-item"],{[s.default["stepper__nav-item--disabled"]]:u},{[s.default["stepper__nav-item--active"]]:C},{[s.default["stepper__nav-item--completed"]]:a}),M=m.default(s.default["stepper__nav-item-label"],{"visually-hidden":h&&!r});return t.jsxs("li",{className:q,children:[t.jsxs("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":y,className:s.default["stepper__nav-item-inner"],onClick:()=>N(n),disabled:u,children:[t.jsxs("span",{className:s.default["stepper__nav-item-counter"],children:[(a||d)&&t.jsx(g.Icon,{name:"done",size:18}),!a&&!d&&n+1]}),t.jsx("span",{className:M,children:o}),a&&t.jsx("span",{className:"visually-hidden",children:x}),!a&&!r&&t.jsx("span",{className:"visually-hidden",children:_})]}),r&&t.jsx("span",{className:s.default["stepper__nav-item-arrow"]})]})};return t.jsx("nav",{role:"tablist","aria-label":f,children:t.jsx("ol",{className:s.default.stepper__nav,children:c.map((e,o)=>t.jsx(L,{...e},o))})})};exports.StepperNav=v;exports.default=v;

package/src/community/components/stepper/stepper-nav.d.ts

@@ -15,6 +15,12 @@ export interface StepperNavItem {
      * The position of the step
      */
     index: number;
+    /**
+     * Show completed icon next to the step label
+     * When true, a checkmark icon is displayed next to the step label even when the step is not marked as completed.
+     * @default false
+     */
+    showCompletedIcon?: boolean;
 }
 export interface StepperNavProps {
     /**

package/src/community/components/stepper/stepper-nav.es.js

@@ -1,54 +1,54 @@
 import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import u from "../../../../external/classnames/index.es.js";
+import v from "../../../../external/classnames/index.es.js";
 import g from "react";
 import { Icon as j } from "../icon/icon.es.js";
 import t from "./stepper.module.scss.es.js";
 import { StepperContext as k } from "./stepper-context.es.js";
-import { useLabels as w } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import { useLayout as A } from "../../helpers/hooks/use-layout.es.js";
-const H = (v) => {
-  const { getLabel: c } = w(), {
+import { useLabels as A } from "../../../tedi/providers/label-provider/use-labels.es.js";
+import { useLayout as B } from "../../helpers/hooks/use-layout.es.js";
+const J = (b) => {
+  const { getLabel: c } = A(), {
     items: m,
-    ariaLabel: b,
-    completedLabel: f = c("stepper.completed"),
-    notCompletedLabel: _ = c("stepper.not-completed")
-  } = v, h = A(["mobile"]), { activeStep: o, handleActiveStepChange: N, allowStepLabelClick: l } = g.useContext(k), x = m.filter((e) => e.completed).map((e) => e.index), S = (e) => typeof l == "boolean" ? !l : l === "completed" ? !e.completed : !(l === "completed-or-next" && (e.completed || e.index === o + 1 || e.index === Math.max(...x) + 1)), L = (e) => {
-    const { label: p, completed: s, index: r, id: y } = e, n = r === o, C = r <= o, d = S(e), I = u(
+    ariaLabel: f,
+    completedLabel: _ = c("stepper.completed"),
+    notCompletedLabel: h = c("stepper.not-completed")
+  } = b, N = B(["mobile"]), { activeStep: o, handleActiveStepChange: x, allowStepLabelClick: l } = g.useContext(k), S = m.filter((e) => e.completed).map((e) => e.index), L = (e) => typeof l == "boolean" ? !l : l === "completed" ? !e.completed : !(l === "completed-or-next" && (e.completed || e.index === o + 1 || e.index === Math.max(...S) + 1)), y = (e) => {
+    const { label: p, completed: s, index: r, id: C, showCompletedIcon: d } = e, n = r === o, I = r <= o, u = L(e), M = v(
       t["stepper__nav-item"],
-      { [t["stepper__nav-item--disabled"]]: d },
-      { [t["stepper__nav-item--active"]]: C },
+      { [t["stepper__nav-item--disabled"]]: u },
+      { [t["stepper__nav-item--active"]]: I },
       { [t["stepper__nav-item--completed"]]: s }
-    ), M = u(t["stepper__nav-item-label"], {
-      "visually-hidden": h && !n
+    ), w = v(t["stepper__nav-item-label"], {
+      "visually-hidden": N && !n
     });
-    return /* @__PURE__ */ i("li", { className: I, children: [
+    return /* @__PURE__ */ i("li", { className: M, children: [
       /* @__PURE__ */ i(
         "button",
         {
           type: "button",
           role: "tab",
           "aria-selected": n,
-          "aria-controls": y,
+          "aria-controls": C,
           className: t["stepper__nav-item-inner"],
-          onClick: () => N(r),
-          disabled: d,
+          onClick: () => x(r),
+          disabled: u,
           children: [
             /* @__PURE__ */ i("span", { className: t["stepper__nav-item-counter"], children: [
-              s && /* @__PURE__ */ a(j, { name: "done", size: 18 }),
-              !s && r + 1
+              (s || d) && /* @__PURE__ */ a(j, { name: "done", size: 18 }),
+              !s && !d && r + 1
             ] }),
-            /* @__PURE__ */ a("span", { className: M, children: p }),
-            s && /* @__PURE__ */ a("span", { className: "visually-hidden", children: f }),
-            !s && !n && /* @__PURE__ */ a("span", { className: "visually-hidden", children: _ })
+            /* @__PURE__ */ a("span", { className: w, children: p }),
+            s && /* @__PURE__ */ a("span", { className: "visually-hidden", children: _ }),
+            !s && !n && /* @__PURE__ */ a("span", { className: "visually-hidden", children: h })
           ]
         }
       ),
       n && /* @__PURE__ */ a("span", { className: t["stepper__nav-item-arrow"] })
     ] });
   };
-  return /* @__PURE__ */ a("nav", { role: "tablist", "aria-label": b, children: /* @__PURE__ */ a("ol", { className: t.stepper__nav, children: m.map((e, p) => /* @__PURE__ */ a(L, { ...e }, p)) }) });
+  return /* @__PURE__ */ a("nav", { role: "tablist", "aria-label": f, children: /* @__PURE__ */ a("ol", { className: t.stepper__nav, children: m.map((e, p) => /* @__PURE__ */ a(y, { ...e }, p)) }) });
 };
 export {
-  H as StepperNav,
-  H as default
+  J as StepperNav,
+  J as default
 };

package/src/community/components/stepper/stepper.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),_=require("../../../../external/classnames/index.cjs.js"),t=require("react"),q=require("./step.cjs.js"),j=require("./stepper.module.scss.cjs.js"),H=require("./stepper-context.cjs.js"),g=require("./stepper-nav.cjs.js"),R=require("../card/card-header/card-header.cjs.js"),w=require("../card/card.cjs.js"),B=require("../card/card-content/card-content.cjs.js"),h=a=>{const{activeStep:n,defaultActiveStep:N,onActiveStepChange:s,allowStepLabelClick:p=!0,children:k,className:d,ariaLabel:u,completedLabel:m,notCompletedLabel:S,card:c}=a,[v,y]=t.useState(N||0),o=t.useCallback((e=a.activeStep)=>typeof e<"u",[a.activeStep]),C=t.useCallback(e=>{s==null||s(e),o(n)||y(e)},[n,o,s]),f=t.useMemo(()=>o(n)?n:v,[n,v,o]),l=t.Children.map(k,e=>t.isValidElement(e)&&e.type===q.Step?e:null),x=l==null?void 0:l.map((e,i)=>t.cloneElement(e,{key:i,index:i,...e.props})),b=()=>t.Children.toArray(a.children).filter(e=>t.isValidElement(e)&&e.type===q.Step).map((e,i)=>{const{label:L,completed:P,id:V}=e.props;return{label:L,completed:!!P,index:i,id:V}}),M=t.useMemo(()=>({activeStep:f,handleActiveStepChange:C,allowStepLabelClick:p}),[p,f,C]),A=_.default(j.default.stepper,d,{[j.default["stepper--card"]]:!!c}),E=()=>{if(c){const e=c===!0?{}:c;return r.jsxs(w.Card,{padding:1.5,...e,"data-name":"stepper",className:A,children:[r.jsx(R.CardHeader,{padding:0,background:"white",children:r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S})}),r.jsx(B.CardContent,{children:x})]})}return r.jsxs("div",{"data-name":"stepper",className:d,children:[r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S}),x]})};return r.jsx(H.StepperContext.Provider,{value:M,children:E()})};exports.Stepper=h;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),w=require("../../../../external/classnames/index.cjs.js"),t=require("react"),q=require("./step.cjs.js"),j=require("./stepper.module.scss.cjs.js"),H=require("./stepper-context.cjs.js"),g=require("./stepper-nav.cjs.js"),I=require("../card/card-header/card-header.cjs.js"),R=require("../card/card.cjs.js"),B=require("../card/card-content/card-content.cjs.js"),h=a=>{const{activeStep:n,defaultActiveStep:N,onActiveStepChange:s,allowStepLabelClick:p=!0,children:k,className:d,ariaLabel:u,completedLabel:m,notCompletedLabel:S,card:c}=a,[v,y]=t.useState(N||0),o=t.useCallback((e=a.activeStep)=>typeof e<"u",[a.activeStep]),C=t.useCallback(e=>{s==null||s(e),o(n)||y(e)},[n,o,s]),f=t.useMemo(()=>o(n)?n:v,[n,v,o]),i=t.Children.map(k,e=>t.isValidElement(e)&&e.type===q.Step?e:null),x=i==null?void 0:i.map((e,l)=>t.cloneElement(e,{key:l,index:l,...e.props})),b=()=>t.Children.toArray(a.children).filter(e=>t.isValidElement(e)&&e.type===q.Step).map((e,l)=>{const{label:L,completed:P,id:V,showCompletedIcon:_}=e.props;return{label:L,completed:!!P,index:l,id:V,showCompletedIcon:_}}),M=t.useMemo(()=>({activeStep:f,handleActiveStepChange:C,allowStepLabelClick:p}),[p,f,C]),A=w.default(j.default.stepper,d,{[j.default["stepper--card"]]:!!c}),E=()=>{if(c){const e=c===!0?{}:c;return r.jsxs(R.Card,{padding:1.5,...e,"data-name":"stepper",className:A,children:[r.jsx(I.CardHeader,{padding:0,background:"white",children:r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S})}),r.jsx(B.CardContent,{children:x})]})}return r.jsxs("div",{"data-name":"stepper",className:d,children:[r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S}),x]})};return r.jsx(H.StepperContext.Provider,{value:M,children:E()})};exports.Stepper=h;exports.default=h;

package/src/community/components/stepper/stepper.es.js

@@ -1,28 +1,28 @@
-import { jsx as a, jsxs as g } from "react/jsx-runtime";
-import w from "../../../../external/classnames/index.es.js";
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import _ from "../../../../external/classnames/index.es.js";
 import t from "react";
 import { Step as k } from "./step.es.js";
 import y from "./stepper.module.scss.es.js";
 import { StepperContext as B } from "./stepper-context.es.js";
 import { StepperNav as N } from "./stepper-nav.es.js";
 import { CardHeader as H } from "../card/card-header/card-header.es.js";
-import { Card as I } from "../card/card.es.js";
-import { CardContent as R } from "../card/card-content/card-content.es.js";
-const U = (o) => {
+import { Card as R } from "../card/card.es.js";
+import { CardContent as q } from "../card/card-content/card-content.es.js";
+const W = (a) => {
   const {
     activeStep: r,
     defaultActiveStep: x,
     onActiveStepChange: n,
-    allowStepLabelClick: c = !0,
+    allowStepLabelClick: i = !0,
     children: A,
     className: m,
     ariaLabel: d,
     completedLabel: u,
     notCompletedLabel: f,
     card: p
-  } = o, [C, E] = t.useState(x || 0), s = t.useCallback(
-    (e = o.activeStep) => typeof e < "u",
-    [o.activeStep]
+  } = a, [C, E] = t.useState(x || 0), s = t.useCallback(
+    (e = a.activeStep) => typeof e < "u",
+    [a.activeStep]
   ), S = t.useCallback(
     (e) => {
       n == null || n(e), s(r) || E(e);
@@ -31,20 +31,20 @@ const U = (o) => {
   ), v = t.useMemo(
     () => s(r) ? r : C,
     [r, C, s]
-  ), l = t.Children.map(A, (e) => t.isValidElement(e) && e.type === k ? e : null), b = l == null ? void 0 : l.map((e, i) => t.cloneElement(e, {
-    key: i,
-    index: i,
+  ), c = t.Children.map(A, (e) => t.isValidElement(e) && e.type === k ? e : null), b = c == null ? void 0 : c.map((e, l) => t.cloneElement(e, {
+    key: l,
+    index: l,
     ...e.props
-  })), h = () => t.Children.toArray(o.children).filter((e) => t.isValidElement(e) && e.type === k).map((e, i) => {
-    const { label: V, completed: j, id: _ } = e.props;
-    return { label: V, completed: !!j, index: i, id: _ };
+  })), h = () => t.Children.toArray(a.children).filter((e) => t.isValidElement(e) && e.type === k).map((e, l) => {
+    const { label: V, completed: j, id: w, showCompletedIcon: I } = e.props;
+    return { label: V, completed: !!j, index: l, id: w, showCompletedIcon: I };
   }), L = t.useMemo(
-    () => ({ activeStep: v, handleActiveStepChange: S, allowStepLabelClick: c }),
-    [c, v, S]
-  ), M = w(y.stepper, m, {
+    () => ({ activeStep: v, handleActiveStepChange: S, allowStepLabelClick: i }),
+    [i, v, S]
+  ), M = _(y.stepper, m, {
     [y["stepper--card"]]: !!p
-  }), P = () => p ? /* @__PURE__ */ g(I, { padding: 1.5, ...p === !0 ? {} : p, "data-name": "stepper", className: M, children: [
-    /* @__PURE__ */ a(H, { padding: 0, background: "white", children: /* @__PURE__ */ a(
+  }), P = () => p ? /* @__PURE__ */ g(R, { padding: 1.5, ...p === !0 ? {} : p, "data-name": "stepper", className: M, children: [
+    /* @__PURE__ */ o(H, { padding: 0, background: "white", children: /* @__PURE__ */ o(
       N,
       {
         items: h(),
@@ -53,9 +53,9 @@ const U = (o) => {
         notCompletedLabel: f
       }
     ) }),
-    /* @__PURE__ */ a(R, { children: b })
+    /* @__PURE__ */ o(q, { children: b })
   ] }) : /* @__PURE__ */ g("div", { "data-name": "stepper", className: m, children: [
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ o(
       N,
       {
         items: h(),
@@ -66,9 +66,9 @@ const U = (o) => {
     ),
     b
   ] });
-  return /* @__PURE__ */ a(B.Provider, { value: L, children: P() });
+  return /* @__PURE__ */ o(B.Provider, { value: L, children: P() });
 };
 export {
-  U as Stepper,
-  U as default
+  W as Stepper,
+  W as default
 };