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

package/chunks/InputPassword.D42uUEGy.js

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

package/chunks/InputSearch.aIbUXVQU.js

@@ -1,174 +0,0 @@
-"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 jt } from "./useBreakpoint.CMOR9ZOB.js";
-import { Asterisk as Ft } from "../asterisk.CR60hx8S.js";
-import { D as At } from "./Button.CC0qEsuR.js";
-import { DSSystemFeedback as Rt } from "../systemfeedback.CLQCbTF6.js";
-import '../assets/InputSearch.Dwtb3Mhw.css';const Tt = "ds-input-search_root_563xs_1", zt = "ds-input-search_input_563xs_5", Mt = "ds-input-search_input--small_563xs_13", Wt = "ds-input-search_input--invalid_563xs_125", Gt = "ds-input-search_input--has-action-button_563xs_186", Jt = "ds-input-search_input--has-second-action-button_563xs_189", Kt = "ds-input-search_hint_563xs_231", Qt = "ds-input-search_label_563xs_231", Ut = "ds-input-search_wrapper_563xs_235", Xt = "ds-input-search_action-button_563xs_241", Yt = "ds-input-search_second-action-button_563xs_245", Zt = "ds-input-search_label--hidden_563xs_263", te = "ds-input-search_label--disabled_563xs_276", ee = "ds-input-search_feedback_563xs_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, _, c, H, P, V, O, $, q, j, p;
-  t[0] !== a ? ({
-    id: e,
-    label: b,
-    className: l,
-    clearButtonLabel: H,
-    disabled: P,
-    hint: d,
-    hideLabel: V,
-    invalid: O,
-    readonly: $,
-    required: q,
-    size: j,
-    systemFeedback: c,
-    value: p,
-    submitButtonProps: _,
-    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] = _, t[8] = c, t[9] = H, t[10] = P, t[11] = V, t[12] = O, t[13] = $, t[14] = q, t[15] = j, t[16] = p) : (l = t[1], d = t[2], e = t[3], b = t[4], f = t[5], m = t[6], _ = t[7], c = t[8], H = t[9], P = t[10], V = t[11], O = t[12], $ = t[13], q = t[14], j = 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 : $, v = q === void 0 ? !1 : q, u = j === void 0 ? "medium" : j;
-  process.env.NODE_ENV !== "production" && se({
-    id: e,
-    label: b
-  });
-  let S;
-  t[17] !== _ ? (S = _ || {}, t[17] = _, t[18] = S) : S = t[18];
-  let y, B, F;
-  t[19] !== S ? ({
-    label: F,
-    onClick: y,
-    ...B
-  } = S, t[19] = S, t[20] = y, t[21] = B, t[22] = F) : (y = t[20], B = t[21], F = t[22]);
-  const ot = F === void 0 ? "Search" : F, [D, xt] = $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 = jt(Ct);
-  let M, W;
-  t[25] !== p ? (M = () => {
-    xt(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, _t = u === "small";
-  let et;
-  t[44] !== _t ? (et = R(s.actionButton, {
-    [s.actionButtonSmall]: _t
-  }), t[44] = _t, t[45] = et) : et = t[45];
-  const vt = et, St = u === "small";
-  let st;
-  t[46] !== St ? (st = R(s.secondActionButton, {
-    [s.secondActionButtonSmall]: St
-  }), t[46] = St, t[47] = st) : st = t[47];
-  const yt = 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) => {
-    xt(h.target.value), f && f(h);
-  }, t[49] = f, t[50] = at) : at = t[50];
-  const Bt = at;
-  let g;
-  t[51] !== v ? (g = v && /* @__PURE__ */ L(Ft, {}), t[51] = v, 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 x;
-  t[59] !== d || t[60] !== Q ? (x = d && /* @__PURE__ */ L("div", { className: s.hint, id: Q, children: d }), t[59] = d, t[60] = Q, t[61] = x) : x = t[61];
-  let w;
-  t[62] !== n || t[63] !== c || t[64] !== I ? (w = n && c && /* @__PURE__ */ L(Rt, { className: s.feedback, message: c, type: "invalid", 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] !== v || 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: v, 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] = v, t[76] = m, t[77] = Dt, t[78] = E) : E = t[78];
-  let k;
-  t[79] !== yt || 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: yt, variant: "ghost", size: u, onClick: Pt, type: "button", tabIndex: -1, children: lt }), t[79] = yt, 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] !== y || t[87] !== B || t[88] !== u || t[89] !== vt || t[90] !== ot || t[91] !== It ? (A = /* @__PURE__ */ L(At, { ...B, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: vt, variant: "ghost", size: u, onClick: y, type: "submit", disabled: It, children: ot }), t[86] = y, t[87] = B, t[88] = u, t[89] = vt, 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] !== x || t[100] !== w || t[101] !== C ? (it = /* @__PURE__ */ gt("div", { className: pt, ref: ct, children: [
-    N,
-    x,
-    w,
-    C
-  ] }), t[97] = pt, t[98] = N, t[99] = x, 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.DFEdUWm7.js

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