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

package/chunks/InputPassword.5-r36K86.js

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

package/chunks/InputSearch.D4Q99_nR.js

@@ -0,0 +1,170 @@
+"use client";
+import { jsx as A, jsxs as xe } from "react/jsx-runtime";
+import { d as qe } from "./index.CgTHIF3K.js";
+import { c as j } from "./index.CEyLAtio.js";
+import { forwardRef as Pe, useState as Ve, useRef as Ne, useEffect as we } from "react";
+import { g as De, a as Oe } from "./helpers.BbWkXTr3.js";
+import { u as Re } from "./useBreakpoint.CMOR9ZOB.js";
+import { D as Ee } from "./Button.CC0qEsuR.js";
+import { DSSystemFeedback as $e } from "../systemfeedback.CLQCbTF6.js";
+import '../assets/InputSearch.CnPJYH8L.css';const je = "ds-input-search_root_1vxk1_1", Fe = "ds-input-search_input_1vxk1_5", Te = "ds-input-search_input--small_1vxk1_13", ze = "ds-input-search_input--invalid_1vxk1_125", Me = "ds-input-search_input--has-action-button_1vxk1_186", We = "ds-input-search_input--has-second-action-button_1vxk1_189", Ge = "ds-input-search_hint_1vxk1_231", Je = "ds-input-search_label_1vxk1_231", Ke = "ds-input-search_wrapper_1vxk1_235", Qe = "ds-input-search_action-button_1vxk1_241", Ue = "ds-input-search_second-action-button_1vxk1_245", Xe = "ds-input-search_label--hidden_1vxk1_263", Ye = "ds-input-search_label--disabled_1vxk1_276", Ze = "ds-input-search_label--required_1vxk1_280", et = "ds-input-search_feedback_1vxk1_301", t = {
+  root: je,
+  input: Fe,
+  inputSmall: Te,
+  inputInvalid: ze,
+  inputHasActionButton: Me,
+  inputHasSecondActionButton: We,
+  hint: Ge,
+  label: Je,
+  wrapper: Ke,
+  actionButton: Qe,
+  secondActionButton: Ue,
+  labelHidden: Xe,
+  labelDisabled: Ye,
+  labelRequired: Ze,
+  feedback: et
+}, tt = ({
+  id: a,
+  label: l
+}) => {
+  if (!a)
+    throw new Error(De("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
+  if (!l)
+    throw new Error(De("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}.`));
+}, nt = (a) => !!Oe(a, "form"), st = Pe((a, l) => {
+  const e = qe.c(101);
+  let i, d, n, b, f, m, v, c, L, H, q, P, V, O, R, p;
+  e[0] !== a ? ({
+    id: n,
+    label: b,
+    className: i,
+    clearButtonLabel: L,
+    disabled: H,
+    hint: d,
+    hideLabel: q,
+    invalid: P,
+    readonly: V,
+    required: O,
+    size: R,
+    systemFeedback: c,
+    value: p,
+    submitButtonProps: v,
+    onChange: f,
+    ...m
+  } = a, e[0] = a, e[1] = i, e[2] = d, e[3] = n, e[4] = b, e[5] = f, e[6] = m, e[7] = v, e[8] = c, e[9] = L, e[10] = H, e[11] = q, e[12] = P, e[13] = V, e[14] = O, e[15] = R, e[16] = p) : (i = e[1], d = e[2], n = e[3], b = e[4], f = e[5], m = e[6], v = e[7], c = e[8], L = e[9], H = e[10], q = e[11], P = e[12], V = e[13], O = e[14], R = e[15], p = e[16]);
+  const le = L === void 0 ? "Clear search field" : L, o = H === void 0 ? !1 : H, Ce = q === void 0 ? !1 : q, s = P === void 0 ? !1 : P, r = V === void 0 ? !1 : V, _ = O === void 0 ? !1 : O, u = R === void 0 ? "medium" : R;
+  process.env.NODE_ENV !== "production" && tt({
+    id: n,
+    label: b
+  });
+  let S;
+  e[17] !== v ? (S = v || {}, e[17] = v, e[18] = S) : S = e[18];
+  let y, k, $;
+  e[19] !== S ? ({
+    label: $,
+    onClick: y,
+    ...k
+  } = S, e[19] = S, e[20] = y, e[21] = k, e[22] = $) : (y = e[20], k = e[21], $ = e[22]);
+  const ie = $ === void 0 ? "Search" : $, [B, Ie] = Ve(p), oe = Ne(null), F = Ne(null);
+  let T;
+  e[23] !== l ? (T = (h) => {
+    F.current = h, typeof l == "function" ? l(h) : l && (l.current = h);
+  }, e[23] = l, e[24] = T) : T = e[24];
+  const ce = T, re = Re(Ce);
+  let z, M;
+  e[25] !== p ? (z = () => {
+    Ie(p);
+  }, M = [p], e[25] = p, e[26] = z, e[27] = M) : (z = e[26], M = e[27]), we(z, M);
+  let W;
+  e[28] !== n ? (W = () => {
+    oe.current && !nt(oe.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(De("DSInputSearch", `The DSInputSearch component with the id "${n}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`));
+  }, e[28] = n, e[29] = W) : W = e[29];
+  let G;
+  e[30] === Symbol.for("react.memo_cache_sentinel") ? (G = [], e[30] = G) : G = e[30], we(W, G);
+  const J = `${n}-label`, D = `${n}-feedback`, K = `${n}-hint`, Ae = d ? ` ${K}` : "";
+  let Q;
+  e[31] !== s || e[32] !== c || e[33] !== D ? (Q = [s && c && D].filter(Boolean).join(" ") || void 0, e[31] = s, e[32] = c, e[33] = D, e[34] = Q) : Q = e[34];
+  const ue = Q, U = B !== "" && B !== void 0 && B !== null;
+  let X;
+  e[35] !== i ? (X = j(t.root, i), e[35] = i, e[36] = X) : X = e[36];
+  const de = X, pe = u === "small", he = U && !r && !o;
+  let Y;
+  e[37] !== s || e[38] !== pe || e[39] !== he ? (Y = j(t.input, {
+    [t.inputSmall]: pe,
+    [t.inputInvalid]: s,
+    [t.inputHasActionButton]: !0,
+    [t.inputHasSecondActionButton]: he
+  }), e[37] = s, e[38] = pe, e[39] = he, e[40] = Y) : Y = e[40];
+  const be = Y;
+  let Z;
+  e[41] !== o || e[42] !== re || e[43] !== _ ? (Z = j(t.label, {
+    [t.labelHidden]: re,
+    [t.labelDisabled]: o,
+    [t.labelRequired]: _
+  }), e[41] = o, e[42] = re, e[43] = _, e[44] = Z) : Z = e[44];
+  const fe = Z, me = u === "small";
+  let ee;
+  e[45] !== me ? (ee = j(t.actionButton, {
+    [t.actionButtonSmall]: me
+  }), e[45] = me, e[46] = ee) : ee = e[46];
+  const ve = ee, _e = u === "small";
+  let te;
+  e[47] !== _e ? (te = j(t.secondActionButton, {
+    [t.secondActionButtonSmall]: _e
+  }), e[47] = _e, e[48] = te) : te = e[48];
+  const Se = te, Le = at;
+  let ne;
+  e[49] === Symbol.for("react.memo_cache_sentinel") ? (ne = () => {
+    var ge;
+    if (!F.current)
+      return;
+    Le(F.current, "");
+    const h = new Event("change", {
+      bubbles: !0
+    });
+    (ge = F.current) == null || ge.dispatchEvent(h);
+  }, e[49] = ne) : ne = e[49];
+  const He = ne;
+  let se;
+  e[50] !== f ? (se = (h) => {
+    Ie(h.target.value), f && f(h);
+  }, e[50] = f, e[51] = se) : se = e[51];
+  const ye = se;
+  let I;
+  e[52] !== n || e[53] !== J || e[54] !== b || e[55] !== fe ? (I = /* @__PURE__ */ A("label", { className: fe, id: J, htmlFor: n, children: b }), e[52] = n, e[53] = J, e[54] = b, e[55] = fe, e[56] = I) : I = e[56];
+  let g;
+  e[57] !== d || e[58] !== K ? (g = d && /* @__PURE__ */ A("div", { className: t.hint, id: K, children: d }), e[57] = d, e[58] = K, e[59] = g) : g = e[59];
+  let x;
+  e[60] !== s || e[61] !== c || e[62] !== D ? (x = s && c && /* @__PURE__ */ A($e, { className: t.feedback, message: c, type: "invalid", id: D }), e[60] = s, e[61] = c, e[62] = D, e[63] = x) : x = e[63];
+  const ke = `${J}${Ae}`;
+  let N;
+  e[64] !== ue || e[65] !== o || e[66] !== ce || e[67] !== ye || e[68] !== n || e[69] !== be || e[70] !== B || e[71] !== s || e[72] !== r || e[73] !== _ || e[74] !== m || e[75] !== ke ? (N = /* @__PURE__ */ A("input", { className: be, id: n, ...m, ref: ce, "aria-labelledby": ke, "aria-describedby": ue, "aria-invalid": s, "aria-disabled": r, readOnly: r, required: _, disabled: o, type: "search", value: B, onChange: ye }), e[64] = ue, e[65] = o, e[66] = ce, e[67] = ye, e[68] = n, e[69] = be, e[70] = B, e[71] = s, e[72] = r, e[73] = _, e[74] = m, e[75] = ke, e[76] = N) : N = e[76];
+  let w;
+  e[77] !== Se || e[78] !== le || e[79] !== o || e[80] !== U || e[81] !== r || e[82] !== u ? (w = U && !r && !o && /* @__PURE__ */ A(Ee, { hideLabel: !0, theme: "light", iconName: "cross", className: Se, variant: "ghost", size: u, onClick: He, type: "button", tabIndex: -1, children: le }), e[77] = Se, e[78] = le, e[79] = o, e[80] = U, e[81] = r, e[82] = u, e[83] = w) : w = e[83];
+  const Be = o || r;
+  let E;
+  e[84] !== y || e[85] !== k || e[86] !== u || e[87] !== ve || e[88] !== ie || e[89] !== Be ? (E = /* @__PURE__ */ A(Ee, { ...k, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: ve, variant: "ghost", size: u, onClick: y, type: "submit", disabled: Be, children: ie }), e[84] = y, e[85] = k, e[86] = u, e[87] = ve, e[88] = ie, e[89] = Be, e[90] = E) : E = e[90];
+  let C;
+  e[91] !== N || e[92] !== w || e[93] !== E ? (C = /* @__PURE__ */ xe("div", { className: t.wrapper, children: [
+    N,
+    w,
+    E
+  ] }), e[91] = N, e[92] = w, e[93] = E, e[94] = C) : C = e[94];
+  let ae;
+  return e[95] !== de || e[96] !== I || e[97] !== g || e[98] !== x || e[99] !== C ? (ae = /* @__PURE__ */ xe("div", { className: de, ref: oe, children: [
+    I,
+    g,
+    x,
+    C
+  ] }), e[95] = de, e[96] = I, e[97] = g, e[98] = x, e[99] = C, e[100] = ae) : ae = e[100], ae;
+});
+st.displayName = "DSInputSearch";
+function at(a, l) {
+  const e = Object.getPrototypeOf(a), i = Object.getOwnPropertyDescriptor(e, "value");
+  i != null && i.set ? i.set.call(a, l) : a.value = l;
+}
+export {
+  st as D,
+  nt as i,
+  tt as v
+};

package/chunks/InputStepper.EsPAGCFJ.js

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

package/chunks/{NavigationTabs.CuOXq0b7.js → NavigationTabs.BofhX8bD.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.CcCURua8.js";
+import { TabList as h } from "../tablist.Dzwe0_J4.js";
 import { g as m, r as E } from "./helpers.BbWkXTr3.js";
 const _ = ["left", "center"], j = ["prev", "next"], S = ({
   aria: a,

package/chunks/{RadioGroup.okEm_-NA.js → RadioGroup.CRP8_vsg.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.BX46NuLh.js";
-import { DSRadio as X } from "../radio.Dm9bDBzM.js";
+import { D as W } from "./Fieldset.BgZMYAH-.js";
+import { DSRadio as X } from "../radio.z-Mi3J6t.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,