@tedi-design-system/react 19.1.1 → 19.1.2-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.1.1",
+  "version": "19.1.2-rc.2",
   "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,

package/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),h=require("../../../../../../../external/classnames/index.cjs.js"),S=require("react"),A=require("../../../checkbox/checkbox.cjs.js"),H=require("../../../feedback-text/feedback-text.cjs.js"),L=require("../../../radio/radio.cjs.js"),O=require("../../choice-group-context.cjs.js"),e=require("./choice-group-item.module.scss.cjs.js"),V=require("../../../../../helpers/hooks/use-breakpoint-props.cjs.js"),z=require("../../../../layout/grid/col.cjs.js"),_=n=>{const{getCurrentBreakpointProps:q}=V.useBreakpointProps(n.defaultServerBreakpoint),{id:a,label:C,value:d,className:N,direction:m,disabled:r,colProps:I=m==="column"?{width:12}:{width:"auto"},onChange:p,hideLabel:B,helper:u,tooltip:$,type:i="radio",variant:s="default",color:G="primary",layout:P,showIndicator:x,justifyContent:b="start"}=q(n),{currentValue:l,name:v,onChange:f,inputType:M}=S.useContext(O.ChoiceGroupContext),o=Array.isArray(l)?l.includes(d):d===l,R=l===void 0?n.defaultChecked:o,y=(c,k)=>{f==null||f(c,k),p==null||p(c,k)},T=h.default(e.default[`tedi-choice-group-item--${P==="separated"?"separated":"segmented"}`],m&&e.default[`tedi-choice-group-item--${m}`]),w=h.default(e.default["tedi-choice-group-item"],e.default[`tedi-choice-group-item--${s}`],e.default[`tedi-choice-group-item--${s}-${G}`],x&&e.default["tedi-choice-group-item--indicator"],i&&e.default[`tedi-choice-group-item--${i}`],{[e.default["tedi-choice-group-item--disabled"]]:r},{[e.default["tedi-choice-group-item--checked"]]:o},{[`justify-content-${b}`]:b}),E=i==="radio"?L.Radio:A.Checkbox,F=c=>{var j;r||s!=="card"||c.target.closest("input, label")||(j=document.getElementById(a))==null||j.click()},g=i==="radio";return t.jsx(z.Col,{...I,className:T,children:t.jsx("div",{className:w,tabIndex:g||r?-1:0,onClick:F,role:g?void 0:i,"aria-checked":g?void 0:o,children:s==="default"||x?t.jsx(E,{id:a,label:C,value:d,name:v,className:h.default(e.default["tedi-choice-group-item__indicator"],N),disabled:r,checked:o,defaultChecked:R,onChange:y,hideLabel:B,helper:u?{...u,className:h.default(e.default["tedi-choice-group-item__feedback-text"],u.className)}:void 0,tooltip:$,"data-testid":"choice-group-item-indicator"}):t.jsxs(t.Fragment,{children:[t.jsx("input",{id:a,value:d,name:v,type:M,disabled:r,checked:o,defaultChecked:l===void 0?n.defaultChecked:void 0,onChange:c=>{y(d,c.target.checked)},className:"visually-hidden",role:i==="radio"?"radio":void 0,"aria-checked":o,tabIndex:-1}),t.jsxs("label",{htmlFor:a,className:e.default["tedi-choice-group-item__label"],children:[C,u&&t.jsx(H.FeedbackText,{...u,id:a,className:e.default["tedi-choice-group-item__feedback-text"]})]})]})})})};exports.ChoiceGroupItem=_;exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("../../../../../../../external/classnames/index.cjs.js"),R=require("react"),S=require("../../../checkbox/checkbox.cjs.js"),A=require("../../../feedback-text/feedback-text.cjs.js"),H=require("../../../radio/radio.cjs.js"),L=require("../../choice-group-context.cjs.js"),e=require("./choice-group-item.module.scss.cjs.js"),O=require("../../../../../helpers/hooks/use-breakpoint-props.cjs.js"),V=require("../../../../layout/grid/col.cjs.js"),v=u=>{const{getCurrentBreakpointProps:_}=O.useBreakpointProps(u.defaultServerBreakpoint),{id:c,label:C,value:a,className:q,direction:h,disabled:d,colProps:N=h==="column"?{width:12}:{width:"auto"},onChange:m,hideLabel:$,helper:i,tooltip:B,type:p="radio",variant:l="default",color:G="primary",layout:I,showIndicator:k,justifyContent:x="start"}=_(u),{currentValue:r,name:b,onChange:f,inputType:P}=R.useContext(L.ChoiceGroupContext),s=Array.isArray(r)?r.includes(a):a===r,M=r===void 0?u.defaultChecked:s,y=(o,g)=>{f==null||f(o,g),m==null||m(o,g)},T=n.default(e.default[`tedi-choice-group-item--${I==="separated"?"separated":"segmented"}`],h&&e.default[`tedi-choice-group-item--${h}`]),w=n.default(e.default["tedi-choice-group-item"],e.default[`tedi-choice-group-item--${l}`],e.default[`tedi-choice-group-item--${l}-${G}`],k&&e.default["tedi-choice-group-item--indicator"],p&&e.default[`tedi-choice-group-item--${p}`],{[e.default["tedi-choice-group-item--disabled"]]:d},{[e.default["tedi-choice-group-item--checked"]]:s},{[`justify-content-${x}`]:x}),E=p==="radio"?H.Radio:S.Checkbox,F=o=>{var j;d||l!=="card"||o.target.closest("input, label")||(j=document.getElementById(c))==null||j.click()};return t.jsx(V.Col,{...N,className:T,children:t.jsx("div",{className:w,onClick:F,"aria-disabled":d||void 0,children:l==="default"||k?t.jsx(E,{id:c,label:C,value:a,name:b,className:n.default(e.default["tedi-choice-group-item__indicator"],q),disabled:d,checked:s,defaultChecked:M,onChange:y,hideLabel:$,helper:i?{...i,className:n.default(e.default["tedi-choice-group-item__feedback-text"],i.className)}:void 0,tooltip:B,"data-testid":"choice-group-item-indicator"}):t.jsxs(t.Fragment,{children:[t.jsx("input",{id:c,value:a,name:b,type:P,disabled:d,checked:s,defaultChecked:r===void 0?u.defaultChecked:void 0,onChange:o=>{y(a,o.target.checked)},className:"visually-hidden"}),t.jsxs("label",{htmlFor:c,className:e.default["tedi-choice-group-item__label"],children:[C,i&&t.jsx(A.FeedbackText,{...i,id:i.id??`${c}-helper`,className:e.default["tedi-choice-group-item__feedback-text"]})]})]})})})};exports.ChoiceGroupItem=v;exports.default=v;

package/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.es.js

@@ -1,104 +1,98 @@
-import { jsx as s, jsxs as _, Fragment as H } from "react/jsx-runtime";
-import u from "../../../../../../../external/classnames/index.es.js";
-import L from "react";
-import { Checkbox as S } from "../../../checkbox/checkbox.es.js";
-import { FeedbackText as V } from "../../../feedback-text/feedback-text.es.js";
-import { Radio as q } from "../../../radio/radio.es.js";
-import { ChoiceGroupContext as z } from "../../choice-group-context.es.js";
+import { jsx as d, jsxs as v, Fragment as M } from "react/jsx-runtime";
+import m from "../../../../../../../external/classnames/index.es.js";
+import R from "react";
+import { Checkbox as T } from "../../../checkbox/checkbox.es.js";
+import { FeedbackText as H } from "../../../feedback-text/feedback-text.es.js";
+import { Radio as L } from "../../../radio/radio.es.js";
+import { ChoiceGroupContext as S } from "../../choice-group-context.es.js";
 import e from "./choice-group-item.module.scss.es.js";
-import { useBreakpointProps as D } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
-import { Col as J } from "../../../../layout/grid/col.es.js";
-const oe = (l) => {
-  const { getCurrentBreakpointProps: $ } = D(l.defaultServerBreakpoint), {
-    id: c,
+import { useBreakpointProps as V } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
+import { Col as q } from "../../../../layout/grid/col.es.js";
+const te = (n) => {
+  const { getCurrentBreakpointProps: x } = V(n.defaultServerBreakpoint), {
+    id: o,
     label: C,
-    value: r,
-    className: B,
-    direction: h,
-    disabled: a,
-    colProps: I = h === "column" ? { width: 12 } : { width: "auto" },
+    value: c,
+    className: $,
+    direction: u,
+    disabled: r,
+    colProps: B = u === "column" ? { width: 12 } : { width: "auto" },
     onChange: p,
-    hideLabel: j,
-    helper: d,
-    tooltip: w,
-    type: t = "radio",
-    variant: m = "default",
-    color: E = "primary",
-    layout: F,
-    showIndicator: b,
-    justifyContent: y = "start"
-  } = $(l), { currentValue: n, name: v, onChange: f, inputType: G } = L.useContext(z), o = Array.isArray(n) ? n.includes(r) : r === n, P = n === void 0 ? l.defaultChecked : o, x = (i, k) => {
-    f == null || f(i, k), p == null || p(i, k);
-  }, R = u(
-    e[`tedi-choice-group-item--${F === "separated" ? "separated" : "segmented"}`],
-    h && e[`tedi-choice-group-item--${h}`]
-  ), A = u(
+    hideLabel: I,
+    helper: t,
+    tooltip: j,
+    type: h = "radio",
+    variant: l = "default",
+    color: w = "primary",
+    layout: E,
+    showIndicator: k,
+    justifyContent: b = "start"
+  } = x(n), { currentValue: a, name: y, onChange: f, inputType: F } = R.useContext(S), s = Array.isArray(a) ? a.includes(c) : c === a, G = a === void 0 ? n.defaultChecked : s, N = (i, g) => {
+    f == null || f(i, g), p == null || p(i, g);
+  }, P = m(
+    e[`tedi-choice-group-item--${E === "separated" ? "separated" : "segmented"}`],
+    u && e[`tedi-choice-group-item--${u}`]
+  ), A = m(
     e["tedi-choice-group-item"],
-    e[`tedi-choice-group-item--${m}`],
-    e[`tedi-choice-group-item--${m}-${E}`],
-    b && e["tedi-choice-group-item--indicator"],
-    t && e[`tedi-choice-group-item--${t}`],
-    { [e["tedi-choice-group-item--disabled"]]: a },
-    { [e["tedi-choice-group-item--checked"]]: o },
-    { [`justify-content-${y}`]: y }
-  ), M = t === "radio" ? q : S, T = (i) => {
-    var N;
-    a || m !== "card" || i.target.closest("input, label") || (N = document.getElementById(c)) == null || N.click();
-  }, g = t === "radio";
-  return /* @__PURE__ */ s(J, { ...I, className: R, children: /* @__PURE__ */ s(
-    "div",
+    e[`tedi-choice-group-item--${l}`],
+    e[`tedi-choice-group-item--${l}-${w}`],
+    k && e["tedi-choice-group-item--indicator"],
+    h && e[`tedi-choice-group-item--${h}`],
+    { [e["tedi-choice-group-item--disabled"]]: r },
+    { [e["tedi-choice-group-item--checked"]]: s },
+    { [`justify-content-${b}`]: b }
+  );
+  return /* @__PURE__ */ d(q, { ...B, className: P, children: /* @__PURE__ */ d("div", { className: A, onClick: (i) => {
+    var _;
+    r || l !== "card" || i.target.closest("input, label") || (_ = document.getElementById(o)) == null || _.click();
+  }, "aria-disabled": r || void 0, children: l === "default" || k ? /* @__PURE__ */ d(
+    h === "radio" ? L : T,
     {
-      className: A,
-      tabIndex: g || a ? -1 : 0,
-      onClick: T,
-      role: g ? void 0 : t,
-      "aria-checked": g ? void 0 : o,
-      children: m === "default" || b ? /* @__PURE__ */ s(
-        M,
+      id: o,
+      label: C,
+      value: c,
+      name: y,
+      className: m(e["tedi-choice-group-item__indicator"], $),
+      disabled: r,
+      checked: s,
+      defaultChecked: G,
+      onChange: N,
+      hideLabel: I,
+      helper: t ? { ...t, className: m(e["tedi-choice-group-item__feedback-text"], t.className) } : void 0,
+      tooltip: j,
+      "data-testid": "choice-group-item-indicator"
+    }
+  ) : /* @__PURE__ */ v(M, { children: [
+    /* @__PURE__ */ d(
+      "input",
+      {
+        id: o,
+        value: c,
+        name: y,
+        type: F,
+        disabled: r,
+        checked: s,
+        defaultChecked: a === void 0 ? n.defaultChecked : void 0,
+        onChange: (i) => {
+          N(c, i.target.checked);
+        },
+        className: "visually-hidden"
+      }
+    ),
+    /* @__PURE__ */ v("label", { htmlFor: o, className: e["tedi-choice-group-item__label"], children: [
+      C,
+      t && /* @__PURE__ */ d(
+        H,
         {
-          id: c,
-          label: C,
-          value: r,
-          name: v,
-          className: u(e["tedi-choice-group-item__indicator"], B),
-          disabled: a,
-          checked: o,
-          defaultChecked: P,
-          onChange: x,
-          hideLabel: j,
-          helper: d ? { ...d, className: u(e["tedi-choice-group-item__feedback-text"], d.className) } : void 0,
-          tooltip: w,
-          "data-testid": "choice-group-item-indicator"
+          ...t,
+          id: t.id ?? `${o}-helper`,
+          className: e["tedi-choice-group-item__feedback-text"]
         }
-      ) : /* @__PURE__ */ _(H, { children: [
-        /* @__PURE__ */ s(
-          "input",
-          {
-            id: c,
-            value: r,
-            name: v,
-            type: G,
-            disabled: a,
-            checked: o,
-            defaultChecked: n === void 0 ? l.defaultChecked : void 0,
-            onChange: (i) => {
-              x(r, i.target.checked);
-            },
-            className: "visually-hidden",
-            role: t === "radio" ? "radio" : void 0,
-            "aria-checked": o,
-            tabIndex: -1
-          }
-        ),
-        /* @__PURE__ */ _("label", { htmlFor: c, className: e["tedi-choice-group-item__label"], children: [
-          C,
-          d && /* @__PURE__ */ s(V, { ...d, id: c, className: e["tedi-choice-group-item__feedback-text"] })
-        ] })
-      ] })
-    }
-  ) });
+      )
+    ] })
+  ] }) }) });
 };
 export {
-  oe as ChoiceGroupItem,
-  oe as default
+  te as ChoiceGroupItem,
+  te as default
 };

package/src/tedi/components/navigation/vertical-stepper/vertical-stepper-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),D=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),l=require("../../base/icon/icon.cjs.js"),O=require("../../base/typography/text/text.cjs.js"),P=require("../../buttons/collapse-button/collapse-button.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),A=require("./vertical-stepper-context.cjs.js"),G=require("../../../providers/label-provider/use-labels.cjs.js"),z=r.forwardRef((T,k)=>{const{getLabel:i}=G.useLabels(),{compact:a}=A.useVerticalStepperContext(),{title:n,description:m,state:s="default",current:_=!1,href:c,onClick:v,as:L,endSlot:h,children:x,open:f,defaultOpen:V,onToggle:d,className:$,index:w}=T,o=`tedi-vertical-stepper-sublist-${r.useId()}`,b=r.Children.count(x)>0,j=s==="disabled",N=!j&&(c!==void 0||v!==void 0),p=L??(c?"a":"button"),[B,R]=r.useState(V??!1),u=f??B,E=()=>{const C=!u;f===void 0&&R(C),d==null||d(C)},F=D.default(t.default["tedi-vertical-stepper__item"],t.default[`tedi-vertical-stepper__item--${s}`],{[t.default["tedi-vertical-stepper__item--current"]]:_,[t.default["tedi-vertical-stepper__item--has-children"]]:b},$),M=e.jsx("span",{className:t.default["tedi-vertical-stepper__indicator"],children:a?s==="completed"?e.jsx(l.Icon,{name:"check",size:16,color:"white",label:i("stepper.completed")}):s==="error"?e.jsx(l.Icon,{name:"priority_high",size:16,color:"white",label:i("stepper.error")}):null:e.jsx("span",{className:t.default["tedi-vertical-stepper__number"],children:w})}),g=e.jsxs(O.Text,{element:"span",className:t.default["tedi-vertical-stepper__label"],children:[e.jsx("span",{className:t.default["tedi-vertical-stepper__label-text"],children:n}),!a&&s==="completed"&&e.jsx(l.Icon,{name:"check",color:"success",size:16,display:"inline",label:i("stepper.completed"),className:t.default["tedi-vertical-stepper__label-icon"]}),!a&&s==="error"&&e.jsx(l.Icon,{name:"error",color:"danger",size:16,display:"inline",label:i("stepper.error"),className:t.default["tedi-vertical-stepper__label-icon"]}),j&&e.jsxs("span",{className:"visually-hidden",children:[" (",i("stepper.disabled"),")"]})]}),I=m&&e.jsx(O.Text,{element:"span",modifiers:"small",color:"tertiary",className:t.default["tedi-vertical-stepper__description"],children:m}),S=h&&e.jsx("div",{className:t.default["tedi-vertical-stepper__end-slot"],children:h}),y=_?"step":void 0,q=N?e.jsx(p,{href:p==="a"?c:void 0,type:p==="button"?"button":void 0,onClick:v,"aria-current":y,className:t.default["tedi-vertical-stepper__link"],children:g}):g;return e.jsxs("li",{ref:k,"aria-current":N?void 0:y,className:F,children:[M,e.jsx("div",{className:t.default["tedi-vertical-stepper__content"],children:b?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:t.default["tedi-vertical-stepper__toggle"],children:[q,e.jsx(P.CollapseButton,{id:`${o}-toggle`,hideText:!0,size:"small",open:u,onOpenChange:E,"aria-controls":o,"aria-label":typeof n=="string"?n:void 0,className:t.default["tedi-vertical-stepper__toggle-button"]})]}),I,S,e.jsx("ul",{id:o,hidden:!u,className:t.default["tedi-vertical-stepper__sub-list"],children:x})]}):e.jsxs(e.Fragment,{children:[q,I,S]})})]})});z.displayName="VerticalStepperItem";exports.VerticalStepperItem=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),D=require("../../../../../external/classnames/index.cjs.js"),i=require("react"),l=require("../../base/icon/icon.cjs.js"),O=require("../../base/typography/text/text.cjs.js"),P=require("../../buttons/collapse-button/collapse-button.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),A=require("./vertical-stepper-context.cjs.js"),G=require("../../../providers/label-provider/use-labels.cjs.js"),T=i.forwardRef((k,z)=>{const{getLabel:r}=G.useLabels(),{compact:a}=A.useVerticalStepperContext(),{title:n,description:m,state:s="default",current:_=!1,href:c,onClick:v,as:L,endSlot:h,children:x,open:f,defaultOpen:V,onToggle:d,className:$,index:w}=k,o=`tedi-vertical-stepper-sublist-${i.useId()}`,b=i.Children.count(x)>0,j=s==="disabled",N=!j&&(c!==void 0||v!==void 0),p=L??(c?"a":"button"),[B,R]=i.useState(V??!1),u=f??B,E=()=>{const C=!u;f===void 0&&R(C),d==null||d(C)},F=D.default(t.default["tedi-vertical-stepper__item"],t.default[`tedi-vertical-stepper__item--${s}`],{[t.default["tedi-vertical-stepper__item--current"]]:_,[t.default["tedi-vertical-stepper__item--has-children"]]:b},$),M=e.jsx("span",{className:t.default["tedi-vertical-stepper__indicator"],children:a?s==="completed"?e.jsx(l.Icon,{name:"check",size:16,color:"white",label:r("stepper.completed")}):s==="error"?e.jsx(l.Icon,{name:"priority_high",size:16,color:"white",label:r("stepper.error")}):null:e.jsx("span",{className:t.default["tedi-vertical-stepper__number"],children:w})}),g=e.jsxs(O.Text,{element:"span",className:t.default["tedi-vertical-stepper__label"],children:[e.jsx("span",{className:t.default["tedi-vertical-stepper__label-text"],children:n}),!a&&s==="completed"&&e.jsx(l.Icon,{name:"check",color:"success",size:16,display:"inline",label:r("stepper.completed"),className:t.default["tedi-vertical-stepper__label-icon"]}),!a&&s==="error"&&e.jsx(l.Icon,{name:"error",color:"danger",size:16,display:"inline",label:r("stepper.error"),className:t.default["tedi-vertical-stepper__label-icon"]}),j&&e.jsxs("span",{className:"visually-hidden",children:[" (",r("stepper.disabled"),")"]})]}),I=m&&e.jsx(O.Text,{element:"span",modifiers:"small",color:"tertiary",className:t.default["tedi-vertical-stepper__description"],children:m}),S=h&&e.jsx("div",{className:t.default["tedi-vertical-stepper__end-slot"],children:h}),y=_?"step":void 0,q=N?e.jsx(p,{href:p==="a"?c:void 0,type:p==="button"?"button":void 0,onClick:v,"aria-current":y,className:t.default["tedi-vertical-stepper__link"],children:g}):g;return e.jsxs("li",{ref:z,"aria-current":N?void 0:y,className:F,children:[M,e.jsx("div",{className:t.default["tedi-vertical-stepper__content"],children:b?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:t.default["tedi-vertical-stepper__toggle"],children:[q,e.jsx(P.CollapseButton,{id:`${o}-toggle`,hideText:!0,open:u,onOpenChange:E,"aria-controls":o,"aria-label":typeof n=="string"?n:void 0,className:t.default["tedi-vertical-stepper__toggle-button"]})]}),I,S,e.jsx("ul",{id:o,hidden:!u,className:t.default["tedi-vertical-stepper__sub-list"],children:x})]}):e.jsxs(e.Fragment,{children:[q,I,S]})})]})});T.displayName="VerticalStepperItem";exports.VerticalStepperItem=T;

package/src/tedi/components/navigation/vertical-stepper/vertical-stepper-item.es.js

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as r, Fragment as k } from "react/jsx-runtime";
+import { jsx as t, jsxs as i, Fragment as z } from "react/jsx-runtime";
 import q from "../../../../../external/classnames/index.es.js";
 import A, { forwardRef as G, useId as H, useState as J } from "react";
 import { Icon as l } from "../../base/icon/icon.es.js";
@@ -11,7 +11,7 @@ const U = G((L, T) => {
   const { getLabel: s } = Q(), { compact: a } = P(), {
     title: c,
     description: _,
-    state: i = "default",
+    state: r = "default",
     current: h = !1,
     href: n,
     onClick: v,
@@ -23,20 +23,20 @@ const U = G((L, T) => {
     onToggle: o,
     className: j,
     index: B
-  } = L, p = `tedi-vertical-stepper-sublist-${H()}`, N = A.Children.count(b) > 0, g = i === "disabled", x = !g && (n !== void 0 || v !== void 0), d = V ?? (n ? "a" : "button"), [E, R] = J($ ?? !1), m = f ?? E, D = () => {
-    const O = !m;
-    f === void 0 && R(O), o == null || o(O);
+  } = L, p = `tedi-vertical-stepper-sublist-${H()}`, N = A.Children.count(b) > 0, g = r === "disabled", x = !g && (n !== void 0 || v !== void 0), d = V ?? (n ? "a" : "button"), [E, R] = J($ ?? !1), m = f ?? E, D = () => {
+    const k = !m;
+    f === void 0 && R(k), o == null || o(k);
   }, F = q(
     e["tedi-vertical-stepper__item"],
-    e[`tedi-vertical-stepper__item--${i}`],
+    e[`tedi-vertical-stepper__item--${r}`],
     {
       [e["tedi-vertical-stepper__item--current"]]: h,
       [e["tedi-vertical-stepper__item--has-children"]]: N
     },
     j
-  ), M = /* @__PURE__ */ t("span", { className: e["tedi-vertical-stepper__indicator"], children: a ? i === "completed" ? /* @__PURE__ */ t(l, { name: "check", size: 16, color: "white", label: s("stepper.completed") }) : i === "error" ? /* @__PURE__ */ t(l, { name: "priority_high", size: 16, color: "white", label: s("stepper.error") }) : null : /* @__PURE__ */ t("span", { className: e["tedi-vertical-stepper__number"], children: B }) }), y = /* @__PURE__ */ r(w, { element: "span", className: e["tedi-vertical-stepper__label"], children: [
+  ), M = /* @__PURE__ */ t("span", { className: e["tedi-vertical-stepper__indicator"], children: a ? r === "completed" ? /* @__PURE__ */ t(l, { name: "check", size: 16, color: "white", label: s("stepper.completed") }) : r === "error" ? /* @__PURE__ */ t(l, { name: "priority_high", size: 16, color: "white", label: s("stepper.error") }) : null : /* @__PURE__ */ t("span", { className: e["tedi-vertical-stepper__number"], children: B }) }), y = /* @__PURE__ */ i(w, { element: "span", className: e["tedi-vertical-stepper__label"], children: [
     /* @__PURE__ */ t("span", { className: e["tedi-vertical-stepper__label-text"], children: c }),
-    !a && i === "completed" && /* @__PURE__ */ t(
+    !a && r === "completed" && /* @__PURE__ */ t(
       l,
       {
         name: "check",
@@ -47,7 +47,7 @@ const U = G((L, T) => {
         className: e["tedi-vertical-stepper__label-icon"]
       }
     ),
-    !a && i === "error" && /* @__PURE__ */ t(
+    !a && r === "error" && /* @__PURE__ */ t(
       l,
       {
         name: "error",
@@ -58,12 +58,12 @@ const U = G((L, T) => {
         className: e["tedi-vertical-stepper__label-icon"]
       }
     ),
-    g && /* @__PURE__ */ r("span", { className: "visually-hidden", children: [
+    g && /* @__PURE__ */ i("span", { className: "visually-hidden", children: [
       " (",
       s("stepper.disabled"),
       ")"
     ] })
-  ] }), I = _ && /* @__PURE__ */ t(w, { element: "span", modifiers: "small", color: "tertiary", className: e["tedi-vertical-stepper__description"], children: _ }), C = u && /* @__PURE__ */ t("div", { className: e["tedi-vertical-stepper__end-slot"], children: u }), S = h ? "step" : void 0, z = x ? /* @__PURE__ */ t(
+  ] }), I = _ && /* @__PURE__ */ t(w, { element: "span", modifiers: "small", color: "tertiary", className: e["tedi-vertical-stepper__description"], children: _ }), C = u && /* @__PURE__ */ t("div", { className: e["tedi-vertical-stepper__end-slot"], children: u }), S = h ? "step" : void 0, O = x ? /* @__PURE__ */ t(
     d,
     {
       href: d === "a" ? n : void 0,
@@ -74,17 +74,16 @@ const U = G((L, T) => {
       children: y
     }
   ) : y;
-  return /* @__PURE__ */ r("li", { ref: T, "aria-current": x ? void 0 : S, className: F, children: [
+  return /* @__PURE__ */ i("li", { ref: T, "aria-current": x ? void 0 : S, className: F, children: [
     M,
-    /* @__PURE__ */ t("div", { className: e["tedi-vertical-stepper__content"], children: N ? /* @__PURE__ */ r(k, { children: [
-      /* @__PURE__ */ r("div", { className: e["tedi-vertical-stepper__toggle"], children: [
-        z,
+    /* @__PURE__ */ t("div", { className: e["tedi-vertical-stepper__content"], children: N ? /* @__PURE__ */ i(z, { children: [
+      /* @__PURE__ */ i("div", { className: e["tedi-vertical-stepper__toggle"], children: [
+        O,
         /* @__PURE__ */ t(
           K,
           {
             id: `${p}-toggle`,
             hideText: !0,
-            size: "small",
             open: m,
             onOpenChange: D,
             "aria-controls": p,
@@ -96,8 +95,8 @@ const U = G((L, T) => {
       I,
       C,
       /* @__PURE__ */ t("ul", { id: p, hidden: !m, className: e["tedi-vertical-stepper__sub-list"], children: b })
-    ] }) : /* @__PURE__ */ r(k, { children: [
-      z,
+    ] }) : /* @__PURE__ */ i(z, { children: [
+      O,
       I,
       C
     ] }) })