@stihl-design-system/components 1.0.0-RC.32 → 1.0.0-RC.34

package/chunks/{Slider.84lkgq3W.js → Slider.CR0zYHeZ.js}

@@ -1,22 +1,22 @@
 "use client";
 import { jsx as b, jsxs as Se } from "react/jsx-runtime";
-import { d as nt } from "./index.CgTHIF3K.js";
-import { c as v } from "./index.CEyLAtio.js";
+import { d as nt } from "./index.D-sRdssb.js";
+import { c as T } from "./index.DL9mof6u.js";
 import { forwardRef as ot, useState as Xe, useRef as ct } from "react";
-import { u as dt } from "./useBreakpoint.CMOR9ZOB.js";
-import { DSInput as ut } from "../input.DG20x6gh.js";
-import { g as Je } from "./helpers.BbWkXTr3.js";
-import '../assets/Slider.Bidyhb-B.css';const pt = "ds-slider_root_13uvg_1", mt = "ds-slider_hint_13uvg_13", bt = "ds-slider_label_13uvg_13", ft = "ds-slider_number-input_13uvg_16", _t = "ds-slider_label-hint-input-wrapper_13uvg_20", ht = "ds-slider_label--hidden_13uvg_40", vt = "ds-slider_label--disabled_13uvg_53", gt = "ds-slider_number-input--small_13uvg_82", Tt = "ds-slider_min-max-label-wrapper_13uvg_87", xt = "ds-slider_min-max-label-wrapper--disabled_13uvg_101", kt = "ds-slider_min-label_13uvg_106", Nt = "ds-slider_max-label_13uvg_110", St = "ds-slider_slider-wrapper_13uvg_114", yt = "ds-slider_slider_13uvg_114", Dt = "ds-slider_value-tooltip_13uvg_138", It = "ds-slider_proxy-thumb_13uvg_142", Mt = "ds-slider_proxy-thumb--disabled_13uvg_209", Lt = "ds-slider_custom-track_13uvg_238", Vt = "ds-slider_custom-track--progress_13uvg_243", wt = "ds-slider_custom-track--runnable_13uvg_255", Ct = "ds-slider_custom-track--disabled_13uvg_269", Wt = "ds-slider_tick-wrapper_13uvg_289", $t = "ds-slider_tick_13uvg_289", Pt = "ds-slider_value-tooltip--visible_13uvg_348", At = "ds-slider_value-tooltip--disabled_13uvg_351", a = {
+import { u as dt } from "./useBreakpoint.BzR_yaIv.js";
+import { DSInput as ut } from "../input.DuEbg7d6.js";
+import { g as Je } from "./helpers.CexwVao7.js";
+import '../assets/Slider.DPEmJ3HD.css';const pt = "ds-slider_root_164e2_1", mt = "ds-slider_hint_164e2_4", bt = "ds-slider_label_164e2_4", ft = "ds-slider_number-input_164e2_7", _t = "ds-slider_label-hint-input-wrapper_164e2_11", ht = "ds-slider_label--hidden_164e2_31", Tt = "ds-slider_label--disabled_164e2_44", xt = "ds-slider_number-input--small_164e2_73", vt = "ds-slider_min-max-label-wrapper_164e2_78", gt = "ds-slider_min-max-label-wrapper--disabled_164e2_92", kt = "ds-slider_min-label_164e2_97", Nt = "ds-slider_max-label_164e2_101", St = "ds-slider_slider-wrapper_164e2_105", yt = "ds-slider_slider_164e2_105", Dt = "ds-slider_value-tooltip_164e2_124", It = "ds-slider_proxy-thumb_164e2_128", Mt = "ds-slider_proxy-thumb--disabled_164e2_206", Lt = "ds-slider_custom-track_164e2_235", Vt = "ds-slider_custom-track--progress_164e2_240", wt = "ds-slider_custom-track--runnable_164e2_252", Ct = "ds-slider_custom-track--disabled_164e2_266", Wt = "ds-slider_tick-wrapper_164e2_286", $t = "ds-slider_tick_164e2_286", Pt = "ds-slider_value-tooltip--visible_164e2_345", At = "ds-slider_value-tooltip--disabled_164e2_348", a = {
   root: pt,
   hint: mt,
   label: bt,
   numberInput: ft,
   labelHintInputWrapper: _t,
   labelHidden: ht,
-  labelDisabled: vt,
-  numberInputSmall: gt,
-  minMaxLabelWrapper: Tt,
-  minMaxLabelWrapperDisabled: xt,
+  labelDisabled: Tt,
+  numberInputSmall: xt,
+  minMaxLabelWrapper: vt,
+  minMaxLabelWrapperDisabled: gt,
   minLabel: kt,
   maxLabel: Nt,
   sliderWrapper: St,
@@ -32,36 +32,35 @@ import '../assets/Slider.Bidyhb-B.css';const pt = "ds-slider_root_13uvg_1", mt =
   tick: $t,
   valueTooltipVisible: Pt,
   valueTooltipDisabled: At
-}, Et = 11, Qe = 4, Ye = (p) => p.toString().length, Rt = (p, r, e) => {
+}, Et = 11, Qe = 4, Ye = (u) => u.toString().length, Rt = (u, r, e) => {
   if (r === 0)
     return !0;
-  const m = 1e-10, n = (p - e) / r;
-  return Math.abs(Math.round(n) - n) < m;
-}, Ft = (p, r, e, m) => {
-  var o;
-  const n = parseFloat(r), f = e, c = Math.round((p - f) / n);
-  let d = f + c * n;
-  d = Math.min(Math.max(d, e), m);
-  const T = ((o = n.toString().split(".")[1]) == null ? void 0 : o.length) || 0;
-  return parseFloat(d.toFixed(T));
-}, Ht = (p, r, e) => {
-  const m = (p - r) / (e - r) * 100, n = `calc(-0.24 * ${m}px + 10px)`;
-  return `calc(${m}% + ${n})`;
+  const p = 1e-10, n = (u - e) / r;
+  return Math.abs(Math.round(n) - n) < p;
+}, Ft = (u, r, e, p) => {
+  const n = parseFloat(r), f = e, o = Math.round((u - f) / n);
+  let c = f + o * n;
+  c = Math.min(Math.max(c, e), p);
+  const v = n.toString().split(".")[1]?.length || 0;
+  return parseFloat(c.toFixed(v));
+}, Ht = (u, r, e) => {
+  const p = (u - r) / (e - r) * 100, n = `calc(-0.24 * ${p}px + 10px)`;
+  return `calc(${p}% + ${n})`;
 }, Bt = ({
-  id: p,
+  id: u,
   label: r
 }) => {
-  if (!p)
+  if (!u)
     throw new Error(Je("DSSlider", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSlider component.'));
   if (!r)
     throw new Error(Je("DSSlider", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSlider component. If you don't want to display a label, set hideLabel={true}.`));
-}, qt = ot((p, r) => {
+}, qt = ot((u, r) => {
   const e = nt.c(154);
-  let m, n, f, c, d, T, o, S, U, G, X, J, Q, Y, Z, x;
-  e[0] !== p ? ({
-    id: c,
-    label: d,
-    className: m,
+  let p, n, f, o, c, v, m, S, U, G, X, J, Q, Y, Z, g;
+  e[0] !== u ? ({
+    id: o,
+    label: c,
+    className: p,
     defaultValue: n,
     disabled: U,
     hideLabel: G,
@@ -70,37 +69,37 @@ import '../assets/Slider.Bidyhb-B.css';const pt = "ds-slider_root_13uvg_1", mt =
     isTooltipAlwaysVisible: J,
     max: Q,
     min: Y,
-    numberInputProps: T,
+    numberInputProps: v,
     step: Z,
-    value: x,
-    onChange: o,
+    value: g,
+    onChange: m,
     ...S
-  } = p, e[0] = p, e[1] = m, e[2] = n, e[3] = f, e[4] = c, e[5] = d, e[6] = T, e[7] = o, e[8] = S, e[9] = U, e[10] = G, e[11] = X, e[12] = J, e[13] = Q, e[14] = Y, e[15] = Z, e[16] = x) : (m = e[1], n = e[2], f = e[3], c = e[4], d = e[5], T = e[6], o = e[7], S = e[8], U = e[9], G = e[10], X = e[11], J = e[12], Q = e[13], Y = e[14], Z = e[15], x = e[16]);
+  } = u, e[0] = u, e[1] = p, e[2] = n, e[3] = f, e[4] = o, e[5] = c, e[6] = v, e[7] = m, e[8] = S, e[9] = U, e[10] = G, e[11] = X, e[12] = J, e[13] = Q, e[14] = Y, e[15] = Z, e[16] = g) : (p = e[1], n = e[2], f = e[3], o = e[4], c = e[5], v = e[6], m = e[7], S = e[8], U = e[9], G = e[10], X = e[11], J = e[12], Q = e[13], Y = e[14], Z = e[15], g = e[16]);
   const l = U === void 0 ? !1 : U, Ze = G === void 0 ? !1 : G, y = X === void 0 ? !1 : X, ye = J === void 0 ? !1 : J, et = Q === void 0 ? 100 : Q, tt = Y === void 0 ? 0 : Y, ee = Z === void 0 ? 1 : Z;
   process.env.NODE_ENV !== "production" && Bt({
-    id: c,
-    label: d
+    id: o,
+    label: c
   });
-  const i = Number(et), t = Number(tt), u = Number(ee), De = dt(Ze), D = `${c}-label`, Ie = `${c}-hint`, Me = `${c}-number-input`;
+  const i = Number(et), t = Number(tt), d = Number(ee), De = dt(Ze), D = `${o}-label`, Ie = `${o}-hint`, Me = `${o}-number-input`;
   let se;
-  e[17] !== n || e[18] !== t || e[19] !== x ? (se = x || n || t.toString() || "0", e[17] = n, e[18] = t, e[19] = x, e[20] = se) : se = e[20];
-  const [I, le] = Xe(se), [g, ae] = Xe(x || n || t || 0), st = ct(null);
+  e[17] !== n || e[18] !== t || e[19] !== g ? (se = g || n || t.toString() || "0", e[17] = n, e[18] = t, e[19] = g, e[20] = se) : se = e[20];
+  const [I, le] = Xe(se), [x, ae] = Xe(g || n || t || 0), st = ct(null);
   let ie;
   e[21] !== r ? (ie = (s) => {
     st.current = s, typeof r == "function" ? r(s) : r && (r.current = s);
   }, e[21] = r, e[22] = ie) : ie = e[22];
   const Le = ie;
   let re;
-  e[23] !== T ? (re = T || {}, e[23] = T, e[24] = re) : re = e[24];
+  e[23] !== v ? (re = v || {}, e[23] = v, e[24] = re) : re = e[24];
   const {
     size: Ge,
     suffix: Ve
   } = re, ne = Ge === void 0 ? "medium" : Ge;
   let oe;
-  e[25] !== o ? (oe = (s) => {
+  e[25] !== m ? (oe = (s) => {
     const _ = parseFloat(s.target.value);
-    ae(_), le(s.target.value), o && o(s);
-  }, e[25] = o, e[26] = oe) : oe = e[26];
+    ae(_), le(s.target.value), m && m(s);
+  }, e[25] = m, e[26] = oe) : oe = e[26];
   const we = oe;
   let ce;
   e[27] === Symbol.for("react.memo_cache_sentinel") ? (ce = (s) => {
@@ -112,7 +111,7 @@ import '../assets/Slider.Bidyhb-B.css';const pt = "ds-slider_root_13uvg_1", mt =
   }, e[27] = ce) : ce = e[27];
   const lt = ce;
   let k;
-  if (e[28] !== I || e[29] !== o || e[30] !== i || e[31] !== t || e[32] !== ee) {
+  if (e[28] !== I || e[29] !== m || e[30] !== i || e[31] !== t || e[32] !== ee) {
     k = (_) => {
       const te = parseFloat(I);
       if (Number.isNaN(te)) {
@@ -120,36 +119,36 @@ import '../assets/Slider.Bidyhb-B.css';const pt = "ds-slider_root_13uvg_1", mt =
         return;
       }
       let h = Math.min(Math.max(te, t), i);
-      Rt(h, parseFloat(ee), t) || (h = Ft(h, ee, t, i)), le(h.toString()), ae(h), o && o(_);
+      Rt(h, parseFloat(ee), t) || (h = Ft(h, ee, t, i)), le(h.toString()), ae(h), m && m(_);
     };
     const s = (_) => {
-      le(t.toString()), ae(t), o && o(_);
+      le(t.toString()), ae(t), m && m(_);
     };
-    e[28] = I, e[29] = o, e[30] = i, e[31] = t, e[32] = ee, e[33] = k;
+    e[28] = I, e[29] = m, e[30] = i, e[31] = t, e[32] = ee, e[33] = k;
   } else
     k = e[33];
-  const M = (u === 0 ? !1 : (i - t) / u <= Et) && (i - t) / u || 0;
+  const M = (d === 0 ? !1 : (i - t) / d <= Et) && (i - t) / d || 0;
   let de;
-  if (e[34] !== i || e[35] !== t || e[36] !== u || e[37] !== M) {
+  if (e[34] !== i || e[35] !== t || e[36] !== d || e[37] !== M) {
     let s;
-    e[39] !== i || e[40] !== t || e[41] !== u ? (s = (_, te) => {
-      const h = t + te * u, rt = Ht(h, t, i);
+    e[39] !== i || e[40] !== t || e[41] !== d ? (s = (_, te) => {
+      const h = t + te * d, rt = Ht(h, t, i);
       return /* @__PURE__ */ b("span", { className: a.tick, style: {
         left: rt
       } }, h);
-    }, e[39] = i, e[40] = t, e[41] = u, e[42] = s) : s = e[42], de = Array.from({
+    }, e[39] = i, e[40] = t, e[41] = d, e[42] = s) : s = e[42], de = Array.from({
       length: M + 1
-    }, s), e[34] = i, e[35] = t, e[36] = u, e[37] = M, e[38] = de;
+    }, s), e[34] = i, e[35] = t, e[36] = d, e[37] = M, e[38] = de;
   } else
     de = e[38];
   const Ce = de;
   let ue;
-  e[43] !== i || e[44] !== t || e[45] !== g ? (ue = () => {
+  e[43] !== i || e[44] !== t || e[45] !== x ? (ue = () => {
     if (t === i)
       throw new Error("Min and max values cannot be the same.");
-    const s = (g - t) / (i - t) * 100;
+    const s = (x - t) / (i - t) * 100;
     return Math.max(0, Math.min(s, 100));
-  }, e[43] = i, e[44] = t, e[45] = g, e[46] = ue) : ue = e[46];
+  }, e[43] = i, e[44] = t, e[45] = x, e[46] = ue) : ue = e[46];
   const N = ue;
   let pe;
   e[47] !== N ? (pe = () => {
@@ -164,53 +163,53 @@ import '../assets/Slider.Bidyhb-B.css';const pt = "ds-slider_root_13uvg_1", mt =
   }, e[49] = N, e[50] = me) : me = e[50];
   const it = me;
   let be;
-  e[51] !== m ? (be = v(a.slider, m), e[51] = m, e[52] = be) : be = e[52];
+  e[51] !== p ? (be = T(a.slider, p), e[51] = p, e[52] = be) : be = e[52];
   const We = be;
   let fe;
-  e[53] !== l || e[54] !== De ? (fe = v(a.label, {
+  e[53] !== l || e[54] !== De ? (fe = T(a.label, {
     [a.labelHidden]: De,
     [a.labelDisabled]: l
   }), e[53] = l, e[54] = De, e[55] = fe) : fe = e[55];
   const $e = fe, Pe = ne === "small";
   let _e;
-  e[56] !== Pe ? (_e = v(a.numberInput, {
+  e[56] !== Pe ? (_e = T(a.numberInput, {
     [a.numberInputSmall]: Pe
   }), e[56] = Pe, e[57] = _e) : _e = e[57];
   const Ae = _e;
   let he;
-  e[58] !== l ? (he = v(a.minMaxLabelWrapper, {
+  e[58] !== l ? (he = T(a.minMaxLabelWrapper, {
     [a.minMaxLabelWrapperDisabled]: l
   }), e[58] = l, e[59] = he) : he = e[59];
   const Ee = he;
-  let ve;
-  e[60] !== l ? (ve = v(a.customTrack, a.customTrackProgress, {
+  let Te;
+  e[60] !== l ? (Te = T(a.customTrack, a.customTrackProgress, {
     [a.customTrackDisabled]: l
-  }), e[60] = l, e[61] = ve) : ve = e[61];
-  const Re = ve;
-  let ge;
-  e[62] !== l ? (ge = v(a.customTrack, a.customTrackRunnable, {
+  }), e[60] = l, e[61] = Te) : Te = e[61];
+  const Re = Te;
+  let xe;
+  e[62] !== l ? (xe = T(a.customTrack, a.customTrackRunnable, {
     [a.customTrackDisabled]: l
-  }), e[62] = l, e[63] = ge) : ge = e[63];
-  const Fe = ge;
-  let Te;
-  e[64] !== l ? (Te = v(a.proxyThumb, {
+  }), e[62] = l, e[63] = xe) : xe = e[63];
+  const Fe = xe;
+  let ve;
+  e[64] !== l ? (ve = T(a.proxyThumb, {
     [a.proxyThumbDisabled]: l
-  }), e[64] = l, e[65] = Te) : Te = e[65];
-  const He = Te;
-  let xe;
-  e[66] !== l || e[67] !== ye ? (xe = v(a.valueTooltip, {
+  }), e[64] = l, e[65] = ve) : ve = e[65];
+  const He = ve;
+  let ge;
+  e[66] !== l || e[67] !== ye ? (ge = T(a.valueTooltip, {
     [a.valueTooltipVisible]: ye,
     [a.valueTooltipDisabled]: l
-  }), e[66] = l, e[67] = ye, e[68] = xe) : xe = e[68];
-  const Be = xe;
+  }), e[66] = l, e[67] = ye, e[68] = ge) : ge = e[68];
+  const Be = ge;
   let L;
-  e[69] !== c || e[70] !== d || e[71] !== $e || e[72] !== D ? (L = /* @__PURE__ */ b("label", { className: $e, htmlFor: c, id: D, children: d }), e[69] = c, e[70] = d, e[71] = $e, e[72] = D, e[73] = L) : L = e[73];
+  e[69] !== o || e[70] !== c || e[71] !== $e || e[72] !== D ? (L = /* @__PURE__ */ b("label", { className: $e, htmlFor: o, id: D, children: c }), e[69] = o, e[70] = c, e[71] = $e, e[72] = D, e[73] = L) : L = e[73];
   let V;
   e[74] !== f || e[75] !== Ie ? (V = f && /* @__PURE__ */ b("div", { className: a.hint, id: Ie, children: f }), e[74] = f, e[75] = Ie, e[76] = V) : V = e[76];
   let w;
-  e[77] !== l || e[78] !== k || e[79] !== y || e[80] !== Me || e[81] !== I || e[82] !== d || e[83] !== Ae || e[84] !== ne || e[85] !== Ve || e[86] !== i || e[87] !== t || e[88] !== u ? (w = !y && /* @__PURE__ */ b(ut, { id: Me, className: Ae, type: "number", min: t, max: i, step: u, inputMode: "decimal", autoComplete: "off", disabled: l, hideLabel: !0, value: I, onChange: lt, onBlur: k, onKeyDown: (s) => {
+  e[77] !== l || e[78] !== k || e[79] !== y || e[80] !== Me || e[81] !== I || e[82] !== c || e[83] !== Ae || e[84] !== ne || e[85] !== Ve || e[86] !== i || e[87] !== t || e[88] !== d ? (w = !y && /* @__PURE__ */ b(ut, { id: Me, className: Ae, type: "number", min: t, max: i, step: d, inputMode: "decimal", autoComplete: "off", disabled: l, hideLabel: !0, value: I, onChange: lt, onBlur: k, onKeyDown: (s) => {
     s.key === "Enter" && (s.preventDefault(), k(s));
-  }, label: d, size: ne, suffix: Ve }), e[77] = l, e[78] = k, e[79] = y, e[80] = Me, e[81] = I, e[82] = d, e[83] = Ae, e[84] = ne, e[85] = Ve, e[86] = i, e[87] = t, e[88] = u, e[89] = w) : w = e[89];
+  }, label: c, size: ne, suffix: Ve }), e[77] = l, e[78] = k, e[79] = y, e[80] = Me, e[81] = I, e[82] = c, e[83] = Ae, e[84] = ne, e[85] = Ve, e[86] = i, e[87] = t, e[88] = d, e[89] = w) : w = e[89];
   let C;
   e[90] !== L || e[91] !== V || e[92] !== w ? (C = /* @__PURE__ */ Se("div", { className: a.labelHintInputWrapper, children: [
     L,
@@ -219,14 +218,14 @@ import '../assets/Slider.Bidyhb-B.css';const pt = "ds-slider_root_13uvg_1", mt =
   ] }), e[90] = L, e[91] = V, e[92] = w, e[93] = C) : C = e[93];
   const qe = Ye(t) < Qe;
   let W;
-  e[94] !== qe ? (W = v({
+  e[94] !== qe ? (W = T({
     [a.minLabel]: qe
   }), e[94] = qe, e[95] = W) : W = e[95];
   let $;
   e[96] !== t || e[97] !== W ? ($ = /* @__PURE__ */ b("div", { className: W, children: t }), e[96] = t, e[97] = W, e[98] = $) : $ = e[98];
   const Oe = Ye(i) < Qe;
   let P;
-  e[99] !== Oe ? (P = v({
+  e[99] !== Oe ? (P = T({
     [a.maxLabel]: Oe
   }), e[99] = Oe, e[100] = P) : P = e[100];
   let A;
@@ -256,13 +255,13 @@ import '../assets/Slider.Bidyhb-B.css';const pt = "ds-slider_root_13uvg_1", mt =
   let B;
   e[117] !== Fe || e[118] !== H ? (B = /* @__PURE__ */ b("div", { className: Fe, style: H }), e[117] = Fe, e[118] = H, e[119] = B) : B = e[119];
   let q;
-  e[120] !== l || e[121] !== Le || e[122] !== we || e[123] !== c || e[124] !== i || e[125] !== t || e[126] !== u || e[127] !== S || e[128] !== We || e[129] !== D || e[130] !== g ? (q = /* @__PURE__ */ b("input", { ...S, id: c, type: "range", ref: Le, className: We, min: t, max: i, step: u, value: g, disabled: l, "aria-labelledby": D, onChange: we }), e[120] = l, e[121] = Le, e[122] = we, e[123] = c, e[124] = i, e[125] = t, e[126] = u, e[127] = S, e[128] = We, e[129] = D, e[130] = g, e[131] = q) : q = e[131];
+  e[120] !== l || e[121] !== Le || e[122] !== we || e[123] !== o || e[124] !== i || e[125] !== t || e[126] !== d || e[127] !== S || e[128] !== We || e[129] !== D || e[130] !== x ? (q = /* @__PURE__ */ b("input", { ...S, id: o, type: "range", ref: Le, className: We, min: t, max: i, step: d, value: x, disabled: l, "aria-labelledby": D, onChange: we }), e[120] = l, e[121] = Le, e[122] = we, e[123] = o, e[124] = i, e[125] = t, e[126] = d, e[127] = S, e[128] = We, e[129] = D, e[130] = x, e[131] = q) : q = e[131];
   let O;
   e[132] !== M || e[133] !== Ce ? (O = M > 0 && /* @__PURE__ */ b("div", { className: a.tickWrapper, children: Ce }), e[132] = M, e[133] = Ce, e[134] = O) : O = e[134];
   let z;
   e[135] !== He ? (z = /* @__PURE__ */ b("div", { className: He }), e[135] = He, e[136] = z) : z = e[136];
   let K;
-  e[137] !== l || e[138] !== y || e[139] !== g || e[140] !== Be ? (K = y && /* @__PURE__ */ b("div", { className: Be, "aria-disabled": l, children: g }), e[137] = l, e[138] = y, e[139] = g, e[140] = Be, e[141] = K) : K = e[141];
+  e[137] !== l || e[138] !== y || e[139] !== x || e[140] !== Be ? (K = y && /* @__PURE__ */ b("div", { className: Be, "aria-disabled": l, children: x }), e[137] = l, e[138] = y, e[139] = x, e[140] = Be, e[141] = K) : K = e[141];
   let j;
   e[142] !== Ke || e[143] !== F || e[144] !== B || e[145] !== q || e[146] !== O || e[147] !== z || e[148] !== K ? (j = /* @__PURE__ */ Se("div", { className: a.sliderWrapper, style: Ke, children: [
     F,

package/chunks/Stepper.PTQdQBYf.js

@@ -0,0 +1,152 @@
+"use client";
+import { jsx as d } from "react/jsx-runtime";
+import { c as f } from "./index.DL9mof6u.js";
+import { useCallback as V, useEffect as W, useRef as S } from "react";
+import { g as i, r as j } from "./helpers.CexwVao7.js";
+import { i as q } from "./is-animation-disabled.B-V_68K-.js";
+import { t as H } from "./translate.nuU7uChI.js";
+import { u as L } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import "./index.D-sRdssb.js";
+import { g as w } from "./AriaLiveRegions.utils.CybNIBSa.js";
+import { DSScroller as F } from "../scroller.Cu7H_VCT.js";
+import { StepperStep as G } from "../step.DKf4CHGr.js";
+import '../assets/Stepper.tXJl15yL.css';const ge = ["prev", "next"], N = 48, J = "ds-stepper_root_1d1si_1", K = "ds-stepper_root--vertical_1d1si_12", Q = "ds-stepper_scroller--centered_1d1si_17", U = "ds-stepper_scroller-button_1d1si_21", X = "ds-stepper_list_1d1si_26", Y = "ds-stepper_list--center_1d1si_35", Z = "ds-stepper_list--vertical_1d1si_38", a = {
+  root: J,
+  rootVertical: K,
+  scrollerCentered: Q,
+  scrollerButton: U,
+  list: X,
+  listCenter: Y,
+  listVertical: Z
+}, Te = ["left", "center"], _e = ["horizontal", "vertical"], ee = ({
+  aria: t,
+  steps: n
+}) => {
+  if (!t || typeof t != "object" || Object.keys(t).length === 0 || !t["aria-label"] && !t["aria-labelledby"] || t["aria-label"]?.trim() === "" && t["aria-labelledby"]?.trim() === "")
+    throw new Error(i("DSStepper", 'A valid "aria-label" or "aria-labelledby" property is required. Ensure the "aria" prop is a non-empty object and includes either "aria-label" or "aria-labelledby" with a non-empty string value.'));
+  if (!Array.isArray(n))
+    throw new Error(i("DSStepper", j("steps", "DSStepper")));
+  if (n.length < 2)
+    throw new Error(i("DSStepper", "The steps array must contain at least two steps."));
+  n.forEach((e, o) => {
+    if (!e.label || e.label.trim() === "")
+      throw new Error(i("DSStepper", `The step at index ${o} is missing a non-empty label. Each step requires a valid label string.`));
+    if (e?.state === "current" && e?.disabled)
+      throw new Error(i("DSStepper", `The step at index ${o} has a current state but is disabled. Please remove the disabled property if this step is the current step.`));
+  });
+}, te = () => {
+  w() || console.warn(i("DSStepper", "For accessible announcements place <DSAriaLiveRegions /> once close to <body>. Announcements will be skipped otherwise."));
+}, re = {
+  current: "Current step",
+  completed: "completed",
+  step: "Step",
+  of: "of"
+}, oe = {
+  current: "Aktueller Schritt",
+  completed: "abgeschlossen",
+  step: "Schritt",
+  of: "von"
+}, se = {
+  en: re,
+  de: oe
+}, ne = (t) => t.find((e) => e.state === "current") || t.findLast((e) => e.state) || t[0], I = (t) => t.findIndex((n) => n.state === "current"), le = (t, n) => !!t && t === "completed" && !n, Ee = ({
+  aria: t,
+  className: n,
+  steps: e,
+  orientation: o = "horizontal",
+  alignment: h = "left",
+  lang: x = "en",
+  translations: m,
+  onStepChange: A,
+  ...y
+}) => {
+  process.env.NODE_ENV !== "production" && (ee({
+    aria: t,
+    steps: e
+  }), te());
+  const p = H(m || se[x]), b = V(() => {
+    const s = w();
+    if (s) {
+      const r = ne(e);
+      s.innerText = `${p("current")}: ${e.indexOf(r) + 1} ${p("of")} ${e.length} - ${r.label}`, setTimeout(() => {
+        s.innerText = "";
+      }, 350);
+    }
+  }, [e, m, p]);
+  W(() => {
+    b();
+  }, [e, b]);
+  const P = (s, r) => {
+    const {
+      state: l,
+      disabled: c
+    } = e[s];
+    le(l, c) && (e[s].onClick?.(r), A(s));
+  }, O = f(a.root, {
+    [a.rootVertical]: o === "vertical"
+  }, n), B = f(a.list, {
+    [a.listVertical]: o === "vertical",
+    [a.listCenter]: o === "horizontal" && h === "center"
+  }), k = f({
+    [a.scrollerCentered]: o === "horizontal" && h === "center"
+  }), g = S([]), T = /* @__PURE__ */ d("ol", { className: B, children: e.map((s, r) => /* @__PURE__ */ d(G, { step: s, index: r, stepsCount: e.length, t: p, orientation: o, onStepClick: (l) => P(r, l), buttonRef: (l) => {
+    g.current[r] = l;
+  } }, r)) }), _ = S(null), E = S(!1);
+  L(() => {
+    if (o !== "horizontal")
+      return;
+    const s = [
+      "16px 'STIHL Contraface Digital Text Regular'",
+      // text-medium - label default
+      "14px 'STIHL Contraface Digital Text Bold'",
+      // text-small-bold - number
+      "16px 'STIHL Contraface Digital Text Bold'",
+      // text-medium-bold - current label
+      "14px 'STIHL Contraface Digital Text Regular'"
+      // utility-small - number/hint base (regular variant for hint)
+    ];
+    Promise.all(s.map((r) => document.fonts.load(r))).then(() => {
+      E.current = !0, I(e) !== -1 && C("instant");
+    }).catch((r) => {
+      throw new Error(i("DSStepper", `The component requires the fonts to be loaded: ${r}`));
+    });
+  }, [o]);
+  const C = (s = "smooth") => {
+    if (o !== "horizontal")
+      return;
+    const r = I(e);
+    if (r === -1)
+      return;
+    const l = g.current[r], c = _.current;
+    if (!l || !c)
+      return;
+    const R = l.getBoundingClientRect(), v = c.getBoundingClientRect();
+    if (R.left - N >= v.left && R.right + N <= v.right)
+      return;
+    const M = l.offsetLeft, $ = l.offsetWidth, D = c.clientWidth;
+    let u = M - Math.max(0, (D - $) / 2);
+    const z = c.scrollWidth - D;
+    u = Math.min(Math.max(0, u), z), c.scrollTo({
+      left: u,
+      behavior: q() ? "instant" : s
+    });
+  };
+  return L(() => {
+    E.current && C("smooth");
+  }, [e, o]), /* @__PURE__ */ d("nav", { className: O, ...y, ...t, children: o === "horizontal" ? /* @__PURE__ */ d(F, { ref: _, className: a.scroller, scrollerClassName: k, scrollerButtonClassName: a.scrollerButton, children: T }) : T });
+};
+export {
+  Ee as D,
+  ge as S,
+  N as a,
+  Te as b,
+  _e as c,
+  te as d,
+  re as e,
+  oe as f,
+  se as g,
+  ne as h,
+  I as i,
+  le as j,
+  ee as v
+};

package/chunks/{SystemFeedback.CyGbUCzT.js → SystemFeedback.CjlARKki.js}

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as f, jsx as S } from "react/jsx-runtime";
-import { d as _ } from "./index.CgTHIF3K.js";
-import { c as p } from "./index.CEyLAtio.js";
+import { d as _ } from "./index.D-sRdssb.js";
+import { c as p } from "./index.DL9mof6u.js";
 import "react";
-import { D as E } from "./Icon.NSsVrYeq.js";
-import '../assets/SystemFeedback.RcrPepSZ.css';const x = "ds-system-feedback_root_1lr41_1", D = {
-  root: x
-}, h = ["success", "error", "warning"], k = {
+import { D as E } from "./Icon.CDLyB7Pv.js";
+import '../assets/SystemFeedback.PKzqnXUe.css';const k = "ds-system-feedback_root_1dkn4_1", x = {
+  root: k
+}, h = ["success", "error", "warning"], D = {
   success: "circle-check-colored",
   error: "diamond-exclamationmark-colored",
   warning: "triangle-exclamationmark-colored"
@@ -21,8 +21,8 @@ import '../assets/SystemFeedback.RcrPepSZ.css';const x = "ds-system-feedback_roo
     ...r
   } = n, e[0] = n, e[1] = s, e[2] = t, e[3] = o, e[4] = r, e[5] = c) : (s = e[1], t = e[2], o = e[3], r = e[4], c = e[5]);
   let l;
-  e[6] !== s ? (l = p(D.root, s), e[6] = s, e[7] = l) : l = e[7];
-  const m = l, d = k[c];
+  e[6] !== s ? (l = p(x.root, s), e[6] = s, e[7] = l) : l = e[7];
+  const m = l, d = D[c];
   let a;
   e[8] !== d ? (a = /* @__PURE__ */ S(E, { name: d, "aria-hidden": "true" }), e[8] = d, e[9] = a) : a = e[9];
   let i;
@@ -34,5 +34,5 @@ import '../assets/SystemFeedback.RcrPepSZ.css';const x = "ds-system-feedback_roo
 export {
   y as D,
   h as S,
-  k as a
+  D as a
 };

package/chunks/Tabs.DyP4whX0.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx as N, jsxs as C } from "react/jsx-runtime";
+import { d as L } from "./index.D-sRdssb.js";
+import { useState as M } from "react";
+import { TabList as $ } from "../tablist.DZgo49nZ.js";
+import { TabPane as j } from "../tabpane.C4nsUlwc.js";
+import { g as B } from "./TabPane.utils.DG16Y2uD.js";
+import { g, r as O } from "./helpers.CexwVao7.js";
+const J = ["left", "center"], K = ["prev", "next"], _ = ({
+  id: b,
+  tabs: e,
+  defaultSelectedTabIndex: s = 0
+}) => {
+  if (!b)
+    throw new Error(g("DSTabs", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTabs component.'));
+  if (Array.isArray(e)) {
+    if (e.length === 0)
+      throw new Error(g("DSTabs", "The tabs array must not be empty."));
+  } else throw new Error(g("DSTabs", O("tabs", "DSTabs")));
+  if (s < 0 || s >= e.length)
+    throw new Error(g("DSTabs", `Invalid defaultSelectedTabIndex: ${s}. It must be between 0 and ${e.length - 1}.`));
+}, Q = (b) => {
+  const e = L.c(37);
+  let s, l, n, r, d, m, f, t, a;
+  e[0] !== b ? ({
+    id: t,
+    tabs: a,
+    activeTabIndex: s,
+    alignment: m,
+    className: l,
+    classNameTabPane: n,
+    defaultSelectedTabIndex: f,
+    onTabChange: r,
+    ...d
+  } = b, e[0] = b, e[1] = s, e[2] = l, e[3] = n, e[4] = r, e[5] = d, e[6] = m, e[7] = f, e[8] = t, e[9] = a) : (s = e[1], l = e[2], n = e[3], r = e[4], d = e[5], m = e[6], f = e[7], t = e[8], a = e[9]);
+  const h = m === void 0 ? "left" : m, x = f === void 0 ? 0 : f;
+  process.env.NODE_ENV !== "production" && _({
+    id: t,
+    tabs: a,
+    defaultSelectedTabIndex: x
+  });
+  const [A, P] = M(s || x), p = s !== void 0, o = p ? s : A;
+  let S;
+  e[10] !== p || e[11] !== r ? (S = (i) => {
+    p || P(i), r?.(i);
+  }, e[10] = p, e[11] = r, e[12] = S) : S = e[12];
+  const D = S;
+  let u;
+  e[13] !== h || e[14] !== D || e[15] !== r || e[16] !== o || e[17] !== t || e[18] !== a ? (u = {
+    id: t,
+    tabs: a,
+    setSelectedTabIndex: D,
+    selectedTabIndex: o,
+    alignment: h,
+    onTabChange: r
+  }, e[13] = h, e[14] = D, e[15] = r, e[16] = o, e[17] = t, e[18] = a, e[19] = u) : u = e[19];
+  const v = u;
+  let c;
+  e[20] !== v ? (c = /* @__PURE__ */ N($, { ...v }), e[20] = v, e[21] = c) : c = e[21];
+  let T;
+  if (e[22] !== n || e[23] !== o || e[24] !== t || e[25] !== a) {
+    let i;
+    e[27] !== n || e[28] !== o || e[29] !== t ? (i = (q, w) => {
+      const {
+        id: E,
+        content: y
+      } = q;
+      return /* @__PURE__ */ N(j, { id: E, content: y, index: w, selectedTabIndex: o, tabListId: t, className: n }, B(t, E, w));
+    }, e[27] = n, e[28] = o, e[29] = t, e[30] = i) : i = e[30], T = a.map(i), e[22] = n, e[23] = o, e[24] = t, e[25] = a, e[26] = T;
+  } else
+    T = e[26];
+  let I;
+  return e[31] !== l || e[32] !== d || e[33] !== c || e[34] !== T || e[35] !== t ? (I = /* @__PURE__ */ C("div", { className: l, id: t, ...d, children: [
+    c,
+    T
+  ] }), e[31] = l, e[32] = d, e[33] = c, e[34] = T, e[35] = t, e[36] = I) : I = e[36], I;
+};
+export {
+  Q as D,
+  J as T,
+  K as a,
+  _ as v
+};

package/chunks/{Text.DGWeWF1y.js → Text.DpRtTpB4.js}

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as $ } from "react/jsx-runtime";
-import { d as z } from "./index.CgTHIF3K.js";
-import { c as C } from "./index.CEyLAtio.js";
+import { d as z } from "./index.D-sRdssb.js";
+import { c as C } from "./index.DL9mof6u.js";
 import { useRef as G, useEffect as H } from "react";
-import { a as v, g as y } from "./helpers.BbWkXTr3.js";
+import { a as v, g as y } from "./helpers.CexwVao7.js";
 import '../assets/Text.Dgpj61UP.css';const I = "ds-text_root_1mo26_6", P = "ds-text_root--large_1mo26_15", R = "ds-text_root--large-bold_1mo26_26", W = "ds-text_root--medium_1mo26_37", j = "ds-text_root--medium-bold_1mo26_48", q = "ds-text_root--small_1mo26_59", O = "ds-text_root--small-bold_1mo26_70", V = "ds-text_root--x-small_1mo26_81", Z = "ds-text_root--x-small-bold_1mo26_92", F = "ds-text_root--xx-small_1mo26_103", J = "ds-text_root--theme-dark_1mo26_197", o = {
   root: I,
   rootLarge: P,