@stihl-design-system/components 1.0.0-RC.28 → 1.0.0-RC.29

package/chunks/InputPassword.DC2POUc1.js

@@ -0,0 +1,136 @@
+"use client";
+import { jsx as q, jsxs as rt } from "react/jsx-runtime";
+import { d as ht } from "./index.CgTHIF3K.js";
+import { c as J } from "./index.CEyLAtio.js";
+import { forwardRef as vt, useState as yt, useRef as Pt } from "react";
+import { u as St } from "./useBreakpoint.CMOR9ZOB.js";
+import { Asterisk as Dt } from "../asterisk.CR60hx8S.js";
+import { D as Bt } from "./Button.B7xF1E19.js";
+import { D as It } from "./SystemFeedback.B9f67mjJ.js";
+import { g as ct } from "./helpers.BbWkXTr3.js";
+import '../assets/InputPassword.124xVOiO.css';const gt = "ds-input-password_input_15c4p_1", kt = "ds-input-password_input--small_15c4p_9", Nt = "ds-input-password_input--invalid_15c4p_121", xt = "ds-input-password_input--has-action-button_15c4p_182", Ct = "ds-input-password_root_15c4p_218", Ht = "ds-input-password_hint_15c4p_227", Lt = "ds-input-password_label_15c4p_227", $t = "ds-input-password_wrapper_15c4p_231", qt = "ds-input-password_action-button_15c4p_237", At = "ds-input-password_label--hidden_15c4p_255", Tt = "ds-input-password_label--disabled_15c4p_268", Et = "ds-input-password_feedback_15c4p_288", s = {
+  input: gt,
+  inputSmall: kt,
+  inputInvalid: Nt,
+  inputHasActionButton: xt,
+  root: Ct,
+  hint: Ht,
+  label: Lt,
+  wrapper: $t,
+  actionButton: qt,
+  labelHidden: At,
+  labelDisabled: Tt,
+  feedback: Et
+}, Vt = ({
+  id: d,
+  label: l
+}) => {
+  if (!d)
+    throw new Error(ct("DSInputPassword", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'));
+  if (!l)
+    throw new Error(ct("DSInputPassword", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`));
+}, Ft = vt((d, l) => {
+  const t = ht.c(82);
+  let c, n, e, r, p, a, B, I, g, k, N, x, C, u;
+  t[0] !== d ? ({
+    id: e,
+    label: r,
+    autoComplete: B,
+    className: c,
+    disabled: I,
+    hint: n,
+    hideLabel: g,
+    invalid: k,
+    readonly: N,
+    required: x,
+    togglePasswordVisibilityButtonProps: u,
+    size: C,
+    systemFeedback: a,
+    ...p
+  } = d, t[0] = d, t[1] = c, t[2] = n, t[3] = e, t[4] = r, t[5] = p, t[6] = a, t[7] = B, t[8] = I, t[9] = g, t[10] = k, t[11] = N, t[12] = x, t[13] = C, t[14] = u) : (c = t[1], n = t[2], e = t[3], r = t[4], p = t[5], a = t[6], B = t[7], I = t[8], g = t[9], k = t[10], N = t[11], x = t[12], C = t[13], u = t[14]);
+  const K = B === void 0 ? "new-password" : B, i = I === void 0 ? !1 : I, pt = g === void 0 ? !1 : g, o = k === void 0 ? !1 : k, A = N === void 0 ? !1 : N, b = x === void 0 ? !1 : x, H = C === void 0 ? "medium" : C;
+  process.env.NODE_ENV !== "production" && Vt({
+    id: e,
+    label: r
+  });
+  let f;
+  t[15] !== u ? (f = u || {}, t[15] = u, t[16] = f) : f = t[16];
+  let m, L, $;
+  t[17] !== f ? ({
+    hidePasswordText: $,
+    showPasswordText: L,
+    ...m
+  } = f, t[17] = f, t[18] = m, t[19] = L, t[20] = $) : (m = t[18], L = t[19], $ = t[20]);
+  const ut = $ === void 0 ? "Hide password" : $, bt = L === void 0 ? "Show password" : L, [Q, ft] = yt(!1), T = `${e}-label`, w = `${e}-feedback`, E = `${e}-hint`, mt = n ? ` ${E}` : "";
+  let V;
+  t[21] !== o || t[22] !== a || t[23] !== w ? (V = [o && a && w].filter(Boolean).join(" ") || void 0, t[21] = o, t[22] = a, t[23] = w, t[24] = V) : V = t[24];
+  const U = V, W = St(pt);
+  let F;
+  t[25] !== c ? (F = J(s.root, c), t[25] = c, t[26] = F) : F = t[26];
+  const X = F, Y = H === "small";
+  let R;
+  t[27] !== o || t[28] !== Y ? (R = J(s.input, {
+    [s.inputSmall]: Y,
+    [s.inputInvalid]: o,
+    [s.inputHasActionButton]: !0
+  }), t[27] = o, t[28] = Y, t[29] = R) : R = t[29];
+  const Z = R;
+  let j;
+  t[30] !== i || t[31] !== W ? (j = J(s.label, {
+    [s.labelHidden]: W,
+    [s.labelDisabled]: i
+  }), t[30] = i, t[31] = W, t[32] = j) : j = t[32];
+  const tt = j, et = H === "small";
+  let z;
+  t[33] !== et ? (z = J(s.actionButton, {
+    [s.actionButtonSmall]: et
+  }), t[33] = et, t[34] = z) : z = t[34];
+  const st = z, wt = Pt(null);
+  let O;
+  t[35] !== l ? (O = (dt) => {
+    wt.current = dt, typeof l == "function" ? l(dt) : l && (l.current = dt);
+  }, t[35] = l, t[36] = O) : O = t[36];
+  const ot = O;
+  let M;
+  t[37] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
+    ft(Rt);
+  }, t[37] = M) : M = t[37];
+  const _t = M;
+  let _;
+  t[38] !== b ? (_ = b && /* @__PURE__ */ q(Dt, {}), t[38] = b, t[39] = _) : _ = t[39];
+  let h;
+  t[40] !== e || t[41] !== T || t[42] !== r || t[43] !== tt || t[44] !== _ ? (h = /* @__PURE__ */ rt("label", { className: tt, id: T, htmlFor: e, children: [
+    r,
+    _
+  ] }), t[40] = e, t[41] = T, t[42] = r, t[43] = tt, t[44] = _, t[45] = h) : h = t[45];
+  let v;
+  t[46] !== n || t[47] !== E ? (v = n && /* @__PURE__ */ q("div", { className: s.hint, id: E, children: n }), t[46] = n, t[47] = E, t[48] = v) : v = t[48];
+  let y;
+  t[49] !== o || t[50] !== a || t[51] !== w ? (y = o && a && /* @__PURE__ */ q(It, { className: s.feedback, message: a, variant: "error", id: w }), t[49] = o, t[50] = a, t[51] = w, t[52] = y) : y = t[52];
+  const at = `${T}${mt}`, it = Q ? "text" : "password";
+  let P;
+  t[53] !== U || t[54] !== K || t[55] !== i || t[56] !== ot || t[57] !== e || t[58] !== Z || t[59] !== o || t[60] !== A || t[61] !== b || t[62] !== p || t[63] !== at || t[64] !== it ? (P = /* @__PURE__ */ q("input", { className: Z, id: e, ...p, ref: ot, "aria-labelledby": at, "aria-describedby": U, "aria-invalid": o, "aria-disabled": A, readOnly: A, required: b, disabled: i, autoComplete: K, type: it }), t[53] = U, t[54] = K, t[55] = i, t[56] = ot, t[57] = e, t[58] = Z, t[59] = o, t[60] = A, t[61] = b, t[62] = p, t[63] = at, t[64] = it, t[65] = P) : P = t[65];
+  const lt = Q ? "eye-closed" : "eye", nt = Q ? ut : bt;
+  let S;
+  t[66] !== st || t[67] !== i || t[68] !== m || t[69] !== H || t[70] !== lt || t[71] !== nt ? (S = /* @__PURE__ */ q(Bt, { ...m, hideLabel: !0, theme: "light", iconName: lt, variant: "ghost", className: st, size: H, onClick: _t, type: "button", disabled: i, children: nt }), t[66] = st, t[67] = i, t[68] = m, t[69] = H, t[70] = lt, t[71] = nt, t[72] = S) : S = t[72];
+  let D;
+  t[73] !== P || t[74] !== S ? (D = /* @__PURE__ */ rt("div", { className: s.wrapper, children: [
+    P,
+    S
+  ] }), t[73] = P, t[74] = S, t[75] = D) : D = t[75];
+  let G;
+  return t[76] !== X || t[77] !== h || t[78] !== v || t[79] !== y || t[80] !== D ? (G = /* @__PURE__ */ rt("div", { className: X, children: [
+    h,
+    v,
+    y,
+    D
+  ] }), t[76] = X, t[77] = h, t[78] = v, t[79] = y, t[80] = D, t[81] = G) : G = t[81], G;
+});
+Ft.displayName = "DSInputPassword";
+function Rt(d) {
+  return !d;
+}
+export {
+  Ft as D,
+  Vt as v
+};

package/chunks/InputSearch.B0aCuPRZ.js

@@ -0,0 +1,174 @@
+"use client";
+import { jsx as L, jsxs as gt } from "react/jsx-runtime";
+import { d as Vt } from "./index.CgTHIF3K.js";
+import { c as R } from "./index.CEyLAtio.js";
+import { forwardRef as Ot, useState as $t, useRef as Et, useEffect as kt } from "react";
+import { g as Nt, a as qt } from "./helpers.BbWkXTr3.js";
+import { u as xt } from "./useBreakpoint.CMOR9ZOB.js";
+import { Asterisk as Ft } from "../asterisk.CR60hx8S.js";
+import { D as At } from "./Button.B7xF1E19.js";
+import { D as Rt } from "./SystemFeedback.B9f67mjJ.js";
+import '../assets/InputSearch.Bkg-1urJ.css';const Tt = "ds-input-search_root_12yjy_1", zt = "ds-input-search_input_12yjy_5", Mt = "ds-input-search_input--small_12yjy_13", Wt = "ds-input-search_input--invalid_12yjy_125", Gt = "ds-input-search_input--has-action-button_12yjy_186", Jt = "ds-input-search_input--has-second-action-button_12yjy_189", Kt = "ds-input-search_hint_12yjy_231", Qt = "ds-input-search_label_12yjy_231", Ut = "ds-input-search_wrapper_12yjy_235", Xt = "ds-input-search_action-button_12yjy_241", Yt = "ds-input-search_second-action-button_12yjy_245", Zt = "ds-input-search_label--hidden_12yjy_263", te = "ds-input-search_label--disabled_12yjy_276", ee = "ds-input-search_feedback_12yjy_296", s = {
+  root: Tt,
+  input: zt,
+  inputSmall: Mt,
+  inputInvalid: Wt,
+  inputHasActionButton: Gt,
+  inputHasSecondActionButton: Jt,
+  hint: Kt,
+  label: Qt,
+  wrapper: Ut,
+  actionButton: Xt,
+  secondActionButton: Yt,
+  labelHidden: Zt,
+  labelDisabled: te,
+  feedback: ee
+}, se = ({
+  id: a,
+  label: i
+}) => {
+  if (!a)
+    throw new Error(Nt("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
+  if (!i)
+    throw new Error(Nt("DSInputSearch", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`));
+}, ne = (a) => !!qt(a, "form"), ae = Ot((a, i) => {
+  const t = Vt.c(103);
+  let l, d, e, b, f, m, y, c, H, P, V, O, $, q, x, p;
+  t[0] !== a ? ({
+    id: e,
+    label: b,
+    className: l,
+    clearButtonLabel: H,
+    disabled: P,
+    hint: d,
+    hideLabel: V,
+    invalid: O,
+    readonly: $,
+    required: q,
+    size: x,
+    systemFeedback: c,
+    value: p,
+    submitButtonProps: y,
+    onChange: f,
+    ...m
+  } = a, t[0] = a, t[1] = l, t[2] = d, t[3] = e, t[4] = b, t[5] = f, t[6] = m, t[7] = y, t[8] = c, t[9] = H, t[10] = P, t[11] = V, t[12] = O, t[13] = $, t[14] = q, t[15] = x, t[16] = p) : (l = t[1], d = t[2], e = t[3], b = t[4], f = t[5], m = t[6], y = t[7], c = t[8], H = t[9], P = t[10], V = t[11], O = t[12], $ = t[13], q = t[14], x = t[15], p = t[16]);
+  const lt = H === void 0 ? "Clear search field" : H, o = P === void 0 ? !1 : P, Ct = V === void 0 ? !1 : V, n = O === void 0 ? !1 : O, r = $ === void 0 ? !1 : $, _ = q === void 0 ? !1 : q, u = x === void 0 ? "medium" : x;
+  process.env.NODE_ENV !== "production" && se({
+    id: e,
+    label: b
+  });
+  let v;
+  t[17] !== y ? (v = y || {}, t[17] = y, t[18] = v) : v = t[18];
+  let S, B, F;
+  t[19] !== v ? ({
+    label: F,
+    onClick: S,
+    ...B
+  } = v, t[19] = v, t[20] = S, t[21] = B, t[22] = F) : (S = t[20], B = t[21], F = t[22]);
+  const ot = F === void 0 ? "Search" : F, [D, jt] = $t(p), ct = Et(null), T = Et(null);
+  let z;
+  t[23] !== i ? (z = (h) => {
+    T.current = h, typeof i == "function" ? i(h) : i && (i.current = h);
+  }, t[23] = i, t[24] = z) : z = t[24];
+  const rt = z, ut = xt(Ct);
+  let M, W;
+  t[25] !== p ? (M = () => {
+    jt(p);
+  }, W = [p], t[25] = p, t[26] = M, t[27] = W) : (M = t[26], W = t[27]), kt(M, W);
+  let G;
+  t[28] !== e ? (G = () => {
+    ct.current && !ne(ct.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(Nt("DSInputSearch", `The DSInputSearch component with the id "${e}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`));
+  }, t[28] = e, t[29] = G) : G = t[29];
+  let J;
+  t[30] === Symbol.for("react.memo_cache_sentinel") ? (J = [], t[30] = J) : J = t[30], kt(G, J);
+  const K = `${e}-label`, I = `${e}-feedback`, Q = `${e}-hint`, Lt = d ? ` ${Q}` : "";
+  let U;
+  t[31] !== n || t[32] !== c || t[33] !== I ? (U = [n && c && I].filter(Boolean).join(" ") || void 0, t[31] = n, t[32] = c, t[33] = I, t[34] = U) : U = t[34];
+  const dt = U, X = D !== "" && D !== void 0 && D !== null;
+  let Y;
+  t[35] !== l ? (Y = R(s.root, l), t[35] = l, t[36] = Y) : Y = t[36];
+  const pt = Y, ht = u === "small", bt = X && !r && !o;
+  let Z;
+  t[37] !== n || t[38] !== ht || t[39] !== bt ? (Z = R(s.input, {
+    [s.inputSmall]: ht,
+    [s.inputInvalid]: n,
+    [s.inputHasActionButton]: !0,
+    [s.inputHasSecondActionButton]: bt
+  }), t[37] = n, t[38] = ht, t[39] = bt, t[40] = Z) : Z = t[40];
+  const ft = Z;
+  let tt;
+  t[41] !== o || t[42] !== ut ? (tt = R(s.label, {
+    [s.labelHidden]: ut,
+    [s.labelDisabled]: o
+  }), t[41] = o, t[42] = ut, t[43] = tt) : tt = t[43];
+  const mt = tt, yt = u === "small";
+  let et;
+  t[44] !== yt ? (et = R(s.actionButton, {
+    [s.actionButtonSmall]: yt
+  }), t[44] = yt, t[45] = et) : et = t[45];
+  const _t = et, vt = u === "small";
+  let st;
+  t[46] !== vt ? (st = R(s.secondActionButton, {
+    [s.secondActionButtonSmall]: vt
+  }), t[46] = vt, t[47] = st) : st = t[47];
+  const St = st, Ht = ie;
+  let nt;
+  t[48] === Symbol.for("react.memo_cache_sentinel") ? (nt = () => {
+    var wt;
+    if (!T.current)
+      return;
+    Ht(T.current, "");
+    const h = new Event("change", {
+      bubbles: !0
+    });
+    (wt = T.current) == null || wt.dispatchEvent(h);
+  }, t[48] = nt) : nt = t[48];
+  const Pt = nt;
+  let at;
+  t[49] !== f ? (at = (h) => {
+    jt(h.target.value), f && f(h);
+  }, t[49] = f, t[50] = at) : at = t[50];
+  const Bt = at;
+  let g;
+  t[51] !== _ ? (g = _ && /* @__PURE__ */ L(Ft, {}), t[51] = _, t[52] = g) : g = t[52];
+  let N;
+  t[53] !== e || t[54] !== K || t[55] !== b || t[56] !== mt || t[57] !== g ? (N = /* @__PURE__ */ gt("label", { className: mt, id: K, htmlFor: e, children: [
+    b,
+    g
+  ] }), t[53] = e, t[54] = K, t[55] = b, t[56] = mt, t[57] = g, t[58] = N) : N = t[58];
+  let j;
+  t[59] !== d || t[60] !== Q ? (j = d && /* @__PURE__ */ L("div", { className: s.hint, id: Q, children: d }), t[59] = d, t[60] = Q, t[61] = j) : j = t[61];
+  let w;
+  t[62] !== n || t[63] !== c || t[64] !== I ? (w = n && c && /* @__PURE__ */ L(Rt, { className: s.feedback, message: c, variant: "error", id: I }), t[62] = n, t[63] = c, t[64] = I, t[65] = w) : w = t[65];
+  const Dt = `${K}${Lt}`;
+  let E;
+  t[66] !== dt || t[67] !== o || t[68] !== rt || t[69] !== Bt || t[70] !== e || t[71] !== ft || t[72] !== D || t[73] !== n || t[74] !== r || t[75] !== _ || t[76] !== m || t[77] !== Dt ? (E = /* @__PURE__ */ L("input", { className: ft, id: e, ...m, ref: rt, "aria-labelledby": Dt, "aria-describedby": dt, "aria-invalid": n, "aria-disabled": r, readOnly: r, required: _, disabled: o, type: "search", value: D, onChange: Bt }), t[66] = dt, t[67] = o, t[68] = rt, t[69] = Bt, t[70] = e, t[71] = ft, t[72] = D, t[73] = n, t[74] = r, t[75] = _, t[76] = m, t[77] = Dt, t[78] = E) : E = t[78];
+  let k;
+  t[79] !== St || t[80] !== lt || t[81] !== o || t[82] !== X || t[83] !== r || t[84] !== u ? (k = X && !r && !o && /* @__PURE__ */ L(At, { hideLabel: !0, theme: "light", iconName: "cross", className: St, variant: "ghost", size: u, onClick: Pt, type: "button", tabIndex: -1, children: lt }), t[79] = St, t[80] = lt, t[81] = o, t[82] = X, t[83] = r, t[84] = u, t[85] = k) : k = t[85];
+  const It = o || r;
+  let A;
+  t[86] !== S || t[87] !== B || t[88] !== u || t[89] !== _t || t[90] !== ot || t[91] !== It ? (A = /* @__PURE__ */ L(At, { ...B, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: _t, variant: "ghost", size: u, onClick: S, type: "submit", disabled: It, children: ot }), t[86] = S, t[87] = B, t[88] = u, t[89] = _t, t[90] = ot, t[91] = It, t[92] = A) : A = t[92];
+  let C;
+  t[93] !== E || t[94] !== k || t[95] !== A ? (C = /* @__PURE__ */ gt("div", { className: s.wrapper, children: [
+    E,
+    k,
+    A
+  ] }), t[93] = E, t[94] = k, t[95] = A, t[96] = C) : C = t[96];
+  let it;
+  return t[97] !== pt || t[98] !== N || t[99] !== j || t[100] !== w || t[101] !== C ? (it = /* @__PURE__ */ gt("div", { className: pt, ref: ct, children: [
+    N,
+    j,
+    w,
+    C
+  ] }), t[97] = pt, t[98] = N, t[99] = j, t[100] = w, t[101] = C, t[102] = it) : it = t[102], it;
+});
+ae.displayName = "DSInputSearch";
+function ie(a, i) {
+  const t = Object.getPrototypeOf(a), l = Object.getOwnPropertyDescriptor(t, "value");
+  l != null && l.set ? l.set.call(a, i) : a.value = i;
+}
+export {
+  ae as D,
+  ne as i,
+  se as v
+};

package/chunks/InputStepper.B_ZjgY_f.js

@@ -0,0 +1,263 @@
+"use client";
+import { jsx as S, jsxs as ft } from "react/jsx-runtime";
+import { d as wt } from "./index.CgTHIF3K.js";
+import { c as E } from "./index.CEyLAtio.js";
+import { forwardRef as Lt, useState as ge, useRef as mt, useEffect as bt } from "react";
+import { h as Et } from "./has-window.ut_-aShB.js";
+import { u as Rt } from "./useBreakpoint.CMOR9ZOB.js";
+import { u as gt } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { Asterisk as kt } from "../asterisk.CR60hx8S.js";
+import { D as xt } from "./Button.B7xF1E19.js";
+import { M as _t, a as vt } from "./Input.utils.Cnnzvuk4.js";
+import { D as Ct } from "./SystemFeedback.B9f67mjJ.js";
+import { g as Ge } from "./helpers.BbWkXTr3.js";
+import '../assets/InputStepper.Dth4qZN_.css';const Ft = "ds-input-stepper_input_favgq_1", Pt = "ds-input-stepper_input--small_favgq_9", $t = "ds-input-stepper_input--invalid_favgq_121", Ht = "ds-input-stepper_input--has-affix_favgq_197", Vt = "ds-input-stepper_input--is-ready_favgq_211", Tt = "ds-input-stepper_root_favgq_222", Wt = "ds-input-stepper_hint_favgq_231", Mt = "ds-input-stepper_label_favgq_231", Xt = "ds-input-stepper_wrapper_favgq_235", jt = "ds-input-stepper_affix_favgq_241", zt = "ds-input-stepper_affix--small_favgq_262", Gt = "ds-input-stepper_affix--disabled_favgq_275", Ot = "ds-input-stepper_prefix_favgq_283", Ut = "ds-input-stepper_affix--readonly_favgq_286", Jt = "ds-input-stepper_suffix_favgq_296", Kt = "ds-input-stepper_action-button_favgq_303", Qt = "ds-input-stepper_label--hidden_favgq_321", Yt = "ds-input-stepper_label--disabled_favgq_334", Zt = "ds-input-stepper_feedback_favgq_354", en = "ds-input-stepper_second-action-button_favgq_368", tn = "ds-input-stepper_value-announcer_favgq_372", t = {
+  input: Ft,
+  inputSmall: Pt,
+  inputInvalid: $t,
+  inputHasAffix: Ht,
+  inputIsReady: Vt,
+  root: Tt,
+  hint: Wt,
+  label: Mt,
+  wrapper: Xt,
+  affix: jt,
+  affixSmall: zt,
+  affixDisabled: Gt,
+  prefix: Ot,
+  affixReadonly: Ut,
+  suffix: Jt,
+  actionButton: Kt,
+  labelHidden: Qt,
+  labelDisabled: Yt,
+  feedback: Zt,
+  secondActionButton: en,
+  valueAnnouncer: tn
+}, nn = ({
+  id: R,
+  label: I,
+  prefix: e,
+  suffix: p
+}) => {
+  if (!R)
+    throw new Error(Ge("DSInputStepper", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputStepper component.'));
+  if (!I)
+    throw new Error(Ge("DSInputStepper", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputStepper component. If you don't want to display a label, set hideLabel={true}.`));
+  e && e.length > _t && console.warn(Ge("DSInputStepper", `Prefix length must not exceed ${_t} characters.`)), p && p.length > vt && console.warn(Ge("DSInputStepper", `Suffix length must not exceed ${vt} characters.`));
+}, sn = Lt((R, I) => {
+  const e = wt.c(187);
+  let p, k, m, s, C, b, _, l, A, a, d, te, ne, se, le, ae, ie, oe, re, ce, ue, v;
+  e[0] !== R ? ({
+    id: s,
+    label: b,
+    announcementText: te,
+    className: p,
+    disabled: se,
+    decreaseAmountButtonProps: k,
+    hint: m,
+    hideLabel: le,
+    invalid: ae,
+    increaseAmountButtonProps: C,
+    prefix: l,
+    max: ie,
+    min: oe,
+    readonly: re,
+    required: ce,
+    size: ue,
+    step: ne,
+    suffix: a,
+    systemFeedback: d,
+    value: v,
+    onChange: _,
+    ...A
+  } = R, e[0] = R, e[1] = p, e[2] = k, e[3] = m, e[4] = s, e[5] = C, e[6] = b, e[7] = _, e[8] = l, e[9] = A, e[10] = a, e[11] = d, e[12] = te, e[13] = ne, e[14] = se, e[15] = le, e[16] = ae, e[17] = ie, e[18] = oe, e[19] = re, e[20] = ce, e[21] = ue, e[22] = v) : (p = e[1], k = e[2], m = e[3], s = e[4], C = e[5], b = e[6], _ = e[7], l = e[8], A = e[9], a = e[10], d = e[11], te = e[12], ne = e[13], se = e[14], le = e[15], ae = e[16], ie = e[17], oe = e[18], re = e[19], ce = e[20], ue = e[21], v = e[22]);
+  const de = te === void 0 ? "Value changed to" : te, c = se === void 0 ? !1 : se, yt = le === void 0 ? !1 : le, o = ae === void 0 ? !1 : ae, F = ie === void 0 ? 100 : ie, P = oe === void 0 ? 0 : oe, h = re === void 0 ? !1 : re, D = ce === void 0 ? !1 : ce, n = ue === void 0 ? "medium" : ue, pe = ne === void 0 ? 1 : ne;
+  process.env.NODE_ENV !== "production" && nn({
+    id: s,
+    label: b,
+    prefix: l,
+    suffix: a
+  });
+  let $;
+  e[23] !== k ? ($ = k || {}, e[23] = k, e[24] = $) : $ = e[24];
+  let H, fe;
+  e[25] !== $ ? ({
+    label: fe,
+    ...H
+  } = $, e[25] = $, e[26] = H, e[27] = fe) : (H = e[26], fe = e[27]);
+  const Oe = fe === void 0 ? "Decrease" : fe;
+  let V;
+  e[28] !== C ? (V = C || {}, e[28] = C, e[29] = V) : V = e[29];
+  let T, me;
+  e[30] !== V ? ({
+    label: me,
+    ...T
+  } = V, e[30] = V, e[31] = T, e[32] = me) : (T = e[31], me = e[32]);
+  const Ue = me === void 0 ? "Increase" : me, [be, St] = ge(!1), [g, Je] = ge(v), [x, ht] = ge(""), [Ke, It] = ge(!1);
+  let xe;
+  e[33] === Symbol.for("react.memo_cache_sentinel") ? (xe = {}, e[33] = xe) : xe = e[33];
+  const [_e, At] = ge(xe), y = mt(null);
+  let ye;
+  e[34] !== I ? (ye = (i) => {
+    y.current = i, typeof I == "function" ? I(i) : I && (I.current = i);
+  }, e[34] = I, e[35] = ye) : ye = e[35];
+  const ve = ye;
+  let Se;
+  e[36] !== l ? (Se = l == null ? void 0 : l.substring(0, _t), e[36] = l, e[37] = Se) : Se = e[37];
+  const Qe = Se, Ye = mt(null);
+  let Ie;
+  e[38] !== a ? (Ie = a == null ? void 0 : a.substring(0, vt), e[38] = a, e[39] = Ie) : Ie = e[39];
+  const Ze = Ie, et = mt(null), he = Rt(yt);
+  let Ae, De;
+  e[40] !== v ? (Ae = () => {
+    v && Je(v);
+  }, De = [v], e[40] = v, e[41] = Ae, e[42] = De) : (Ae = e[41], De = e[42]), bt(Ae, De);
+  let qe, Ne;
+  e[43] !== x ? (qe = () => {
+    if (x) {
+      const i = setTimeout(() => {
+        ht("");
+      }, 3e3);
+      return () => clearTimeout(i);
+    }
+  }, Ne = [x], e[43] = x, e[44] = qe, e[45] = Ne) : (qe = e[44], Ne = e[45]), bt(qe, Ne);
+  let Be, we;
+  e[46] === Symbol.for("react.memo_cache_sentinel") ? (Be = () => {
+    var f;
+    const i = ln;
+    return (f = y.current) == null || f.addEventListener("wheel", i, {
+      passive: !1
+    }), () => {
+      var u;
+      (u = y.current) == null || u.removeEventListener("wheel", i);
+    };
+  }, we = [], e[46] = Be, e[47] = we) : (Be = e[46], we = e[47]), bt(Be, we);
+  let Le;
+  e[48] !== n ? (Le = () => {
+    const i = n === "medium" ? 16 : 8, f = {};
+    if (Ye.current) {
+      const u = Ye.current.offsetWidth;
+      f.paddingInlineStart = i + u + "px";
+    }
+    if (et.current) {
+      const u = et.current.offsetWidth;
+      f.paddingInlineEnd = i + u + "px";
+    }
+    At(f), St(!0);
+  }, e[48] = n, e[49] = Le) : Le = e[49];
+  let Ee;
+  e[50] !== Ke || e[51] !== l || e[52] !== n || e[53] !== a ? (Ee = [l, a, n, Ke], e[50] = Ke, e[51] = l, e[52] = n, e[53] = a, e[54] = Ee) : Ee = e[54], gt(Le, Ee);
+  let Re, ke;
+  e[55] === Symbol.for("react.memo_cache_sentinel") ? (Re = () => {
+    Et && (async () => {
+      "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), It(!0));
+    })();
+  }, ke = [], e[55] = Re, e[56] = ke) : (Re = e[55], ke = e[56]), gt(Re, ke);
+  const tt = n === "small";
+  let W, M, X, j, z, G, q, O, U, N, B, w, L;
+  if (e[57] !== de || e[58] !== p || e[59] !== c || e[60] !== Qe || e[61] !== Ze || e[62] !== ve || e[63] !== he || e[64] !== m || e[65] !== s || e[66] !== _e || e[67] !== g || e[68] !== o || e[69] !== be || e[70] !== b || e[71] !== F || e[72] !== P || e[73] !== _ || e[74] !== l || e[75] !== h || e[76] !== D || e[77] !== A || e[78] !== n || e[79] !== pe || e[80] !== a || e[81] !== d || e[82] !== tt || e[83] !== x) {
+    const i = E(t.affix, {
+      [t.affixSmall]: tt,
+      [t.affixDisabled]: c,
+      [t.affixReadonly]: h
+    }), f = `${s}-label`, u = `${s}-feedback`, Fe = `${s}-hint`, Y = `${s}-value-announcer`, Dt = m ? ` ${Fe}` : "";
+    let Pe;
+    e[97] !== p ? (Pe = E(t.root, p), e[97] = p, e[98] = Pe) : Pe = e[98];
+    const qt = Pe, lt = n === "small", at = l || a;
+    let $e;
+    e[99] !== o || e[100] !== be || e[101] !== lt || e[102] !== at ? ($e = E(t.input, {
+      [t.inputSmall]: lt,
+      [t.inputInvalid]: o,
+      [t.inputHasAffix]: at,
+      [t.inputIsReady]: be
+    }), e[99] = o, e[100] = be, e[101] = lt, e[102] = at, e[103] = $e) : $e = e[103];
+    const it = $e;
+    let He;
+    e[104] !== c || e[105] !== he ? (He = E(t.label, {
+      [t.labelHidden]: he,
+      [t.labelDisabled]: c
+    }), e[104] = c, e[105] = he, e[106] = He) : He = e[106];
+    const ot = He, rt = n === "small";
+    let Ve;
+    e[107] !== rt ? (Ve = E(t.secondActionButton, {
+      [t.secondActionButtonSmall]: rt
+    }), e[107] = rt, e[108] = Ve) : Ve = e[108], W = Ve;
+    const ct = n === "small";
+    let Te;
+    e[109] !== ct ? (Te = E(t.actionButton, {
+      [t.actionButtonSmall]: ct
+    }), e[109] = ct, e[110] = Te) : Te = e[110], j = Te;
+    let We;
+    e[111] !== o || e[112] !== d || e[113] !== u || e[114] !== Y ? (We = () => {
+      const r = [Y];
+      return o && d && r.push(u), r.join(" ");
+    }, e[111] = o, e[112] = d, e[113] = u, e[114] = Y, e[115] = We) : We = e[115];
+    const Nt = We;
+    let Me;
+    e[116] !== de ? (Me = () => {
+      var r;
+      if (y.current) {
+        Je(y.current.value);
+        const Bt = new Event("change", {
+          bubbles: !0
+        });
+        (r = y.current) == null || r.dispatchEvent(Bt), ht(`${de} ${y.current.value}`);
+      }
+    }, e[116] = de, e[117] = Me) : Me = e[117];
+    const Z = Me;
+    let Xe;
+    e[118] !== Z ? (Xe = () => {
+      var r;
+      (r = y.current) == null || r.stepDown(), Z();
+    }, e[118] = Z, e[119] = Xe) : Xe = e[119], M = Xe;
+    let je;
+    e[120] !== Z ? (je = () => {
+      var r;
+      (r = y.current) == null || r.stepUp(), Z();
+    }, e[120] = Z, e[121] = je) : je = e[121], X = je;
+    let ze;
+    e[122] !== _ ? (ze = (r) => {
+      Je(r.target.value), _ && _(r);
+    }, e[122] = _, e[123] = ze) : ze = e[123];
+    const ut = ze;
+    U = qt;
+    let ee;
+    e[124] !== D ? (ee = D && /* @__PURE__ */ S(kt, {}), e[124] = D, e[125] = ee) : ee = e[125], e[126] !== s || e[127] !== f || e[128] !== b || e[129] !== ot || e[130] !== ee ? (N = /* @__PURE__ */ ft("label", { className: ot, id: f, htmlFor: s, children: [
+      b,
+      ee
+    ] }), e[126] = s, e[127] = f, e[128] = b, e[129] = ot, e[130] = ee, e[131] = N) : N = e[131], e[132] !== m || e[133] !== Fe ? (B = m && /* @__PURE__ */ S("div", { className: t.hint, id: Fe, children: m }), e[132] = m, e[133] = Fe, e[134] = B) : B = e[134], e[135] !== x || e[136] !== Y ? (w = /* @__PURE__ */ S("div", { "aria-live": "polite", "aria-atomic": "true", className: t.valueAnnouncer, id: Y, children: x }), e[135] = x, e[136] = Y, e[137] = w) : w = e[137], e[138] !== o || e[139] !== d || e[140] !== u ? (L = o && d && /* @__PURE__ */ S(Ct, { className: t.feedback, message: d, variant: "error", id: u }), e[138] = o, e[139] = d, e[140] = u, e[141] = L) : L = e[141], z = t.wrapper, G = l && /* @__PURE__ */ S("span", { className: E(i, t.prefix), ref: Ye, "aria-disabled": c, children: Qe });
+    const dt = `${f}${Dt}`, pt = Nt();
+    e[142] !== c || e[143] !== ve || e[144] !== ut || e[145] !== s || e[146] !== it || e[147] !== _e || e[148] !== g || e[149] !== o || e[150] !== F || e[151] !== P || e[152] !== h || e[153] !== D || e[154] !== A || e[155] !== pe || e[156] !== dt || e[157] !== pt ? (q = /* @__PURE__ */ S("input", { className: it, id: s, ...A, style: _e, ref: ve, "aria-labelledby": dt, "aria-describedby": pt, "aria-invalid": o, "aria-disabled": h, disabled: c, min: P, max: F, readOnly: h, required: D, step: pe, type: "number", value: g, onChange: ut }), e[142] = c, e[143] = ve, e[144] = ut, e[145] = s, e[146] = it, e[147] = _e, e[148] = g, e[149] = o, e[150] = F, e[151] = P, e[152] = h, e[153] = D, e[154] = A, e[155] = pe, e[156] = dt, e[157] = pt, e[158] = q) : q = e[158], O = a && /* @__PURE__ */ S("span", { className: E(i, t.suffix), ref: et, "aria-disabled": c, children: Ze }), e[57] = de, e[58] = p, e[59] = c, e[60] = Qe, e[61] = Ze, e[62] = ve, e[63] = he, e[64] = m, e[65] = s, e[66] = _e, e[67] = g, e[68] = o, e[69] = be, e[70] = b, e[71] = F, e[72] = P, e[73] = _, e[74] = l, e[75] = h, e[76] = D, e[77] = A, e[78] = n, e[79] = pe, e[80] = a, e[81] = d, e[82] = tt, e[83] = x, e[84] = W, e[85] = M, e[86] = X, e[87] = j, e[88] = z, e[89] = G, e[90] = q, e[91] = O, e[92] = U, e[93] = N, e[94] = B, e[95] = w, e[96] = L;
+  } else
+    W = e[84], M = e[85], X = e[86], j = e[87], z = e[88], G = e[89], q = e[90], O = e[91], U = e[92], N = e[93], B = e[94], w = e[95], L = e[96];
+  const nt = c || h || !!g && Number(g) <= Number(P);
+  let J;
+  e[159] !== W || e[160] !== Oe || e[161] !== M || e[162] !== H || e[163] !== n || e[164] !== nt ? (J = /* @__PURE__ */ S(xt, { ...H, hideLabel: !0, theme: "light", iconName: "minus", variant: "filled", className: W, size: n, onClick: M, disabled: nt, type: "button", children: Oe }), e[159] = W, e[160] = Oe, e[161] = M, e[162] = H, e[163] = n, e[164] = nt, e[165] = J) : J = e[165];
+  const st = c || h || !!g && Number(g) >= Number(F);
+  let K;
+  e[166] !== X || e[167] !== Ue || e[168] !== j || e[169] !== T || e[170] !== n || e[171] !== st ? (K = /* @__PURE__ */ S(xt, { ...T, hideLabel: !0, theme: "light", iconName: "plus", variant: "filled", className: j, size: n, onClick: X, disabled: st, type: "button", children: Ue }), e[166] = X, e[167] = Ue, e[168] = j, e[169] = T, e[170] = n, e[171] = st, e[172] = K) : K = e[172];
+  let Q;
+  e[173] !== z || e[174] !== G || e[175] !== q || e[176] !== O || e[177] !== J || e[178] !== K ? (Q = /* @__PURE__ */ ft("div", { className: z, children: [
+    G,
+    q,
+    O,
+    J,
+    K
+  ] }), e[173] = z, e[174] = G, e[175] = q, e[176] = O, e[177] = J, e[178] = K, e[179] = Q) : Q = e[179];
+  let Ce;
+  return e[180] !== U || e[181] !== N || e[182] !== B || e[183] !== w || e[184] !== L || e[185] !== Q ? (Ce = /* @__PURE__ */ ft("div", { className: U, children: [
+    N,
+    B,
+    w,
+    L,
+    Q
+  ] }), e[180] = U, e[181] = N, e[182] = B, e[183] = w, e[184] = L, e[185] = Q, e[186] = Ce) : Ce = e[186], Ce;
+});
+sn.displayName = "DSInputStepper";
+function ln(R) {
+  R.preventDefault();
+}
+export {
+  sn as D,
+  nn as v
+};

package/chunks/{LinkButton.DmXVHeyZ.js → LinkButton.DdTspmJz.js}

@@ -4,7 +4,7 @@ import { d as ao } from "./index.CgTHIF3K.js";
 import { c as no } from "./index.CEyLAtio.js";
 import { forwardRef as co } from "react";
 import { u as lo } from "./useBreakpoint.CMOR9ZOB.js";
-import { D as ho } from "./Icon.C0161Glk.js";
+import { D as ho } from "./Icon.DGTYCv63.js";
 import { g as so } from "./helpers.BbWkXTr3.js";
 import '../assets/LinkButton.xMvg_ojf.css';const go = "ds-link-button_root_oblg9_1", uo = "ds-link-button_root--highlight_oblg9_75", _o = "ds-link-button_root--dark-highlight_oblg9_75", ko = "ds-link-button_root--filled_oblg9_151", mo = "ds-link-button_root--outline_oblg9_179", bo = "ds-link-button_root--ghost_oblg9_206", fo = "ds-link-button_root--ghost-flush_oblg9_231", vo = "ds-link-button_root--small_oblg9_237", Do = "ds-link-button_root--navigation_oblg9_317", po = "ds-link-button_root--dark-filled_oblg9_393", No = "ds-link-button_root--dark-outline_oblg9_450", Lo = "ds-link-button_root--dark-ghost_oblg9_506", Oo = "ds-link-button_root--dark-ghost-flush_oblg9_560", So = "ds-link-button_root--icon-left_oblg9_635", Fo = "ds-link-button_root--icon-only_oblg9_638", Io = "ds-link-button_root--icon-only-small_oblg9_647", Go = "ds-link-button_icon--navigation_oblg9_659", yo = "ds-link-button_label--hidden_oblg9_667", n = {
   root: go,

package/chunks/{NavigationTabList.IQM074Vb.js → NavigationTabList.dYFYTmWv.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as t, jsxs as g, Fragment as m } from "react/jsx-runtime";
 import { isValidElement as h, cloneElement as f } from "react";
-import { D as B } from "./Icon.C0161Glk.js";
+import { D as B } from "./Icon.DGTYCv63.js";
 import { NumberIndicator as N } from "../numberindicator.Ddf3ESi7.js";
 import '../assets/NavigationTabList.CFlVhUzS.css';const W = "ds-tabs_tabs-wrapper_ccgp4_1", w = "ds-tabs_scroll-wrapper_ccgp4_6", D = "ds-tabs_scroller_ccgp4_17", j = "ds-tabs_scroller--centered_ccgp4_28", v = "ds-tabs_tab_ccgp4_1", y = "ds-tabs_scroll-button_ccgp4_105", E = "ds-tabs_scroll-button--hidden_ccgp4_110", H = "ds-tabs_scroll-button--right_ccgp4_114", L = "ds-tabs_indicator_ccgp4_126", R = {
   tabsWrapper: W,

package/chunks/{NavigationTabs.BofhX8bD.js → NavigationTabs.ClpVGcl0.js}

@@ -2,7 +2,7 @@
 import { jsx as v } from "react/jsx-runtime";
 import { d as u } from "./index.CgTHIF3K.js";
 import { useState as T, useEffect as y } from "react";
-import { TabList as h } from "../tablist.Dzwe0_J4.js";
+import { TabList as h } from "../tablist.g_Nwu6GA.js";
 import { g as m, r as E } from "./helpers.BbWkXTr3.js";
 const _ = ["left", "center"], j = ["prev", "next"], S = ({
   aria: a,

package/chunks/{Notification.B-3dPVUE.js → Notification.DIdIhGTQ.js}

@@ -2,8 +2,8 @@
 import { jsx as p, jsxs as F } from "react/jsx-runtime";
 import { d as R } from "./index.CgTHIF3K.js";
 import { c as k } from "./index.CEyLAtio.js";
-import { D as W } from "./Button.CC0qEsuR.js";
-import { D as y } from "./Icon.C0161Glk.js";
+import { D as W } from "./Button.B7xF1E19.js";
+import { D as y } from "./Icon.DGTYCv63.js";
 import '../assets/Notification.BOuaA5GT.css';const L = "ds-notification_root_1jsx7_1", P = "ds-notification_root--success_1jsx7_26", V = "ds-notification_root--error_1jsx7_30", z = "ds-notification_root--warning_1jsx7_34", Y = "ds-notification_root--hide-icon_1jsx7_38", $ = "ds-notification_content_1jsx7_52", q = "ds-notification_content--hide-close-button_1jsx7_59", G = "ds-notification_content--hide-icon_1jsx7_62", J = "ds-notification_icon_1jsx7_66", K = "ds-notification_message_1jsx7_70", M = "ds-notification_custom-action-area_1jsx7_167", s = {
   root: L,
   rootSuccess: P,

package/chunks/{RadioGroup.CRP8_vsg.js → RadioGroup.peTeMK45.js}

@@ -3,8 +3,8 @@ import { jsx as F } from "react/jsx-runtime";
 import { d as $ } from "./index.CgTHIF3K.js";
 import { c as J } from "./index.CEyLAtio.js";
 import { forwardRef as K, useState as Q } from "react";
-import { D as W } from "./Fieldset.BgZMYAH-.js";
-import { DSRadio as X } from "../radio.z-Mi3J6t.js";
+import { D as W } from "./Fieldset.CjIfmN_5.js";
+import { DSRadio as X } from "../radio.7_N_alaS.js";
 import { g as m, r as V } from "./helpers.BbWkXTr3.js";
 import '../assets/RadioGroup.CM2mYOzc.css';const Y = "ds-radio-group_root_12fot_1", Z = "ds-radio-group_root--horizontal_12fot_9", oo = "ds-radio-group_root--invalid_12fot_12", B = {
   root: Y,