@stihl-design-system/components 1.0.0-RC.14 → 1.0.0-RC.16

package/chunks/Input.utils.Um8Pqp4U.js

@@ -0,0 +1,52 @@
+"use client";
+import { g as t } from "./helpers.CcqWV-wZ.js";
+import "./index.CgTHIF3K.js";
+import "react";
+const d = 8, i = 5, w = ["medium", "small"], c = ["color", "date", "datetime-local", "email", "file", "month", "number", "range", "tel", "text", "time", "url"], p = ["week", "hidden", "button", "checkbox", "password", "radio", "search", "reset", "submit", "image", "datetime"], I = ({
+  id: e,
+  label: a,
+  prefix: o,
+  suffix: s,
+  leadingIconName: r,
+  leadingIconSource: m,
+  actionButtonProps: n
+}) => {
+  if (!e)
+    throw new Error(t("DSInput", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInput component.'));
+  if (!a)
+    throw new Error(t("DSInput", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInput component. If you don't want to display a label, set hideLabel={true}.`));
+  if ((n != null && n.iconName || n != null && n.iconSource) && !n.label)
+    throw new Error(t("DSInput", "The action button needs to have a label for a11y reasons. Please add a label to the actionButtonProps."));
+  o && o.length > d && console.warn(t("DSInput", `Prefix length must not exceed ${d} characters.`)), s && s.length > i && console.warn(t("DSInput", `Suffix length must not exceed ${i} characters.`)), o && (r || m) && console.warn(t("DSInput", "Prefix and a leading Icon cannot be used at the same time.")), s && (n != null && n.iconName || n != null && n.iconSource) && console.warn(t("DSInput", "Suffix and an action button cannot be used at the same time."));
+}, b = (e) => {
+  if (!c.includes(e) && !p.includes(e))
+    throw new Error(t("DSInput", `The type "${e}" is not supported by the DSInput component.`));
+  const a = {
+    number: "Type number is not recommended. Use type text with inputmode numeric/decimal or DSInputStepper component instead.",
+    button: "Type button is not recommended. Use DSButton component instead.",
+    checkbox: "Type checkbox is not recommended. Use DSCheckbox component instead.",
+    password: "Type password is not recommended. Use DSInputPassword component instead.",
+    radio: "Type radio is not recommended. Use DSRadioGroup component instead.",
+    search: "Type search is not recommended. Use DSInputSearch component instead.",
+    reset: "Type reset is not recommended. Use DSButton component with type reset instead.",
+    submit: "Type submit is not recommended. Use DSButton component with type submit instead.",
+    image: "Type image is not recommended. Use DSButton component instead.",
+    datetime: "Type datetime is not recommended. Use type datetime-local instead.",
+    week: "Type week is not recommended. Mobile safari does not support type week.",
+    hidden: 'Type hidden is not supported by DSInput component. Use a default <input type="hidden" /> element instead.'
+  };
+  a[e] && console.warn(t("DSInput", a[e]));
+}, l = () => "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), T = (e, a) => l() && (e || a), D = (e) => e === "date" || e === "datetime-local" || e === "month", y = (e) => e === "time";
+export {
+  w as I,
+  d as M,
+  c as S,
+  p as U,
+  i as a,
+  b,
+  y as c,
+  l as h,
+  D as i,
+  T as s,
+  I as v
+};

package/chunks/InputPassword.CmvZcn6n.js

@@ -0,0 +1,141 @@
+"use client";
+import { jsx as L, jsxs as at } from "react/jsx-runtime";
+import { d as ct } from "./index.CgTHIF3K.js";
+import { c as R } from "./index.CEyLAtio.js";
+import { useState as _t } from "react";
+import { u as bt } from "./useBreakpoint.CMOR9ZOB.js";
+import { Asterisk as wt } from "../asterisk.DUzshaw5.js";
+import { DSButton as ft } from "../button.Ywd82k7O.js";
+import { DSSystemFeedback as mt } from "../systemfeedback.7I6fnqjX.js";
+import { g as nt } from "./helpers.CcqWV-wZ.js";
+import '../assets/InputPassword.DtKteerr.css';const ht = "ds-input-password_input_1842u_1", vt = "ds-input-password_input--invalid_1842u_113", yt = "ds-input-password_input--small_1842u_120", Pt = "ds-input-password_input--has-leading-icon_1842u_173", St = "ds-input-password_input--has-action-button_1842u_176", gt = "ds-input-password_input--has-second-action-button_1842u_179", It = "ds-input-password_input--has-affix_1842u_191", Bt = "ds-input-password_input--is-ready_1842u_205", xt = "ds-input-password_root_1842u_212", Ht = "ds-input-password_hint_1842u_220", kt = "ds-input-password_label_1842u_220", Dt = "ds-input-password_wrapper_1842u_224", Nt = "ds-input-password_action-button_1842u_230", At = "ds-input-password_label--hidden_1842u_248", Lt = "ds-input-password_label--disabled_1842u_261", Ct = "ds-input-password_feedback_1842u_281", e = {
+  input: ht,
+  "input--invalid": "ds-input-password_input--invalid_1842u_113",
+  inputInvalid: vt,
+  "input--small": "ds-input-password_input--small_1842u_120",
+  inputSmall: yt,
+  "input--has-leading-icon": "ds-input-password_input--has-leading-icon_1842u_173",
+  inputHasLeadingIcon: Pt,
+  "input--has-action-button": "ds-input-password_input--has-action-button_1842u_176",
+  inputHasActionButton: St,
+  "input--has-second-action-button": "ds-input-password_input--has-second-action-button_1842u_179",
+  inputHasSecondActionButton: gt,
+  "input--has-affix": "ds-input-password_input--has-affix_1842u_191",
+  inputHasAffix: It,
+  "input--is-ready": "ds-input-password_input--is-ready_1842u_205",
+  inputIsReady: Bt,
+  root: xt,
+  hint: Ht,
+  label: kt,
+  wrapper: Dt,
+  "action-button": "ds-input-password_action-button_1842u_230",
+  actionButton: Nt,
+  "label--hidden": "ds-input-password_label--hidden_1842u_248",
+  labelHidden: At,
+  "label--disabled": "ds-input-password_label--disabled_1842u_261",
+  labelDisabled: Lt,
+  feedback: Ct
+}, $t = ({
+  id: l,
+  label: t
+}) => {
+  if (!l)
+    throw new Error(nt("DSInputPassword", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'));
+  if (!t)
+    throw new Error(nt("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}.`));
+}, Gt = (l) => {
+  const t = ct.c(75);
+  let u, n, s, d, p, o, S, g, I, B, x, H, k, r;
+  t[0] !== l ? ({
+    id: s,
+    label: d,
+    autoComplete: S,
+    className: u,
+    disabled: g,
+    hint: n,
+    hideLabel: I,
+    invalid: B,
+    readonly: x,
+    required: H,
+    togglePasswordVisibilityButtonProps: r,
+    size: k,
+    systemFeedback: o,
+    ...p
+  } = l, t[0] = l, t[1] = u, t[2] = n, t[3] = s, t[4] = d, t[5] = p, t[6] = o, t[7] = S, t[8] = g, t[9] = I, t[10] = B, t[11] = x, t[12] = H, t[13] = k, t[14] = r) : (u = t[1], n = t[2], s = t[3], d = t[4], p = t[5], o = t[6], S = t[7], g = t[8], I = t[9], B = t[10], x = t[11], H = t[12], k = t[13], r = t[14]);
+  const M = S === void 0 ? "new-password" : S, a = g === void 0 ? !1 : g, ot = I === void 0 ? !1 : I, i = B === void 0 ? !1 : B, C = x === void 0 ? !1 : x, c = H === void 0 ? !1 : H, D = k === void 0 ? "medium" : k;
+  process.env.NODE_ENV !== "production" && $t({
+    id: s,
+    label: d
+  });
+  let _;
+  t[15] !== r ? (_ = r || {}, t[15] = r, t[16] = _) : _ = t[16];
+  let b, N, A;
+  t[17] !== _ ? ({
+    hidePasswordText: A,
+    showPasswordText: N,
+    ...b
+  } = _, t[17] = _, t[18] = b, t[19] = N, t[20] = A) : (b = t[18], N = t[19], A = t[20]);
+  const lt = A === void 0 ? "Hide password" : A, dt = N === void 0 ? "Show password" : N, [G, ut] = _t(!1), $ = `${s}-label`, q = `${s}-feedback`, T = `${s}-hint`, pt = n ? ` ${T}` : "", J = bt(ot);
+  let E;
+  t[21] !== u ? (E = R(e.root, u), t[21] = u, t[22] = E) : E = t[22];
+  const K = E, Q = D === "small";
+  let V;
+  t[23] !== i || t[24] !== Q ? (V = R(e.input, {
+    [e.inputSmall]: Q,
+    [e.inputInvalid]: i,
+    [e.inputHasActionButton]: !0
+  }), t[23] = i, t[24] = Q, t[25] = V) : V = t[25];
+  const U = V;
+  let F;
+  t[26] !== a || t[27] !== J ? (F = R(e.label, {
+    [e.labelHidden]: J,
+    [e.labelDisabled]: a
+  }), t[26] = a, t[27] = J, t[28] = F) : F = t[28];
+  const W = F, X = D === "small";
+  let j;
+  t[29] !== X ? (j = R(e.actionButton, {
+    [e.actionButtonSmall]: X
+  }), t[29] = X, t[30] = j) : j = t[30];
+  const Y = j;
+  let z;
+  t[31] === Symbol.for("react.memo_cache_sentinel") ? (z = () => {
+    ut(qt);
+  }, t[31] = z) : z = t[31];
+  const rt = z;
+  let w;
+  t[32] !== c ? (w = c && /* @__PURE__ */ L(wt, {}), t[32] = c, t[33] = w) : w = t[33];
+  let f;
+  t[34] !== s || t[35] !== $ || t[36] !== d || t[37] !== W || t[38] !== w ? (f = /* @__PURE__ */ at("label", { className: W, id: $, htmlFor: s, children: [
+    d,
+    w
+  ] }), t[34] = s, t[35] = $, t[36] = d, t[37] = W, t[38] = w, t[39] = f) : f = t[39];
+  let m;
+  t[40] !== n || t[41] !== T ? (m = n && /* @__PURE__ */ L("div", { className: e.hint, id: T, children: n }), t[40] = n, t[41] = T, t[42] = m) : m = t[42];
+  let h;
+  t[43] !== i || t[44] !== o || t[45] !== q ? (h = i && o && /* @__PURE__ */ L(mt, { className: e.feedback, message: o, type: "invalid", id: q }), t[43] = i, t[44] = o, t[45] = q, t[46] = h) : h = t[46];
+  const Z = `${$}${pt}`, tt = i && o ? q : void 0, st = G ? "text" : "password";
+  let v;
+  t[47] !== M || t[48] !== a || t[49] !== s || t[50] !== U || t[51] !== i || t[52] !== C || t[53] !== c || t[54] !== p || t[55] !== Z || t[56] !== tt || t[57] !== st ? (v = /* @__PURE__ */ L("input", { className: U, id: s, ...p, "aria-labelledby": Z, "aria-describedby": tt, "aria-invalid": i, "aria-disabled": C, readOnly: C, required: c, disabled: a, autoComplete: M, type: st }), t[47] = M, t[48] = a, t[49] = s, t[50] = U, t[51] = i, t[52] = C, t[53] = c, t[54] = p, t[55] = Z, t[56] = tt, t[57] = st, t[58] = v) : v = t[58];
+  const et = G ? "eye-closed" : "eye", it = G ? lt : dt;
+  let y;
+  t[59] !== Y || t[60] !== a || t[61] !== b || t[62] !== D || t[63] !== et || t[64] !== it ? (y = /* @__PURE__ */ L(ft, { ...b, hideLabel: !0, theme: "light", iconName: et, variant: "ghost", className: Y, size: D, onClick: rt, type: "button", disabled: a, children: it }), t[59] = Y, t[60] = a, t[61] = b, t[62] = D, t[63] = et, t[64] = it, t[65] = y) : y = t[65];
+  let P;
+  t[66] !== v || t[67] !== y ? (P = /* @__PURE__ */ at("div", { className: e.wrapper, children: [
+    v,
+    y
+  ] }), t[66] = v, t[67] = y, t[68] = P) : P = t[68];
+  let O;
+  return t[69] !== K || t[70] !== f || t[71] !== m || t[72] !== h || t[73] !== P ? (O = /* @__PURE__ */ at("div", { className: K, children: [
+    f,
+    m,
+    h,
+    P
+  ] }), t[69] = K, t[70] = f, t[71] = m, t[72] = h, t[73] = P, t[74] = O) : O = t[74], O;
+};
+function qt(l) {
+  return !l;
+}
+export {
+  Gt as D,
+  $t as v
+};

package/chunks/InputSearch.CwXaGLJp.js

@@ -0,0 +1,179 @@
+"use client";
+import { jsx as H, jsxs as vt } from "react/jsx-runtime";
+import { d as Lt } from "./index.CgTHIF3K.js";
+import { c as q } from "./index.CEyLAtio.js";
+import { useState as Ct, useRef as Bt, useEffect as It } from "react";
+import { g as St, a as xt } from "./helpers.CcqWV-wZ.js";
+import { u as Pt } from "./useBreakpoint.CMOR9ZOB.js";
+import { Asterisk as Vt } from "../asterisk.DUzshaw5.js";
+import { DSButton as Dt } from "../button.Ywd82k7O.js";
+import { DSSystemFeedback as Ot } from "../systemfeedback.7I6fnqjX.js";
+import '../assets/InputSearch.Mql3oFlQ.css';const $t = "ds-input-search_input_wn1tk_1", qt = "ds-input-search_input--invalid_wn1tk_113", Ft = "ds-input-search_input--small_wn1tk_120", Rt = "ds-input-search_input--has-leading-icon_wn1tk_173", jt = "ds-input-search_input--has-action-button_wn1tk_176", Tt = "ds-input-search_input--has-second-action-button_wn1tk_179", zt = "ds-input-search_input--has-affix_wn1tk_191", Mt = "ds-input-search_input--is-ready_wn1tk_205", Wt = "ds-input-search_root_wn1tk_212", Gt = "ds-input-search_hint_wn1tk_220", Jt = "ds-input-search_label_wn1tk_220", Kt = "ds-input-search_wrapper_wn1tk_224", Qt = "ds-input-search_action-button_wn1tk_230", Ut = "ds-input-search_second-action-button_wn1tk_234", Xt = "ds-input-search_label--hidden_wn1tk_252", Yt = "ds-input-search_label--disabled_wn1tk_265", Zt = "ds-input-search_feedback_wn1tk_285", n = {
+  input: $t,
+  "input--invalid": "ds-input-search_input--invalid_wn1tk_113",
+  inputInvalid: qt,
+  "input--small": "ds-input-search_input--small_wn1tk_120",
+  inputSmall: Ft,
+  "input--has-leading-icon": "ds-input-search_input--has-leading-icon_wn1tk_173",
+  inputHasLeadingIcon: Rt,
+  "input--has-action-button": "ds-input-search_input--has-action-button_wn1tk_176",
+  inputHasActionButton: jt,
+  "input--has-second-action-button": "ds-input-search_input--has-second-action-button_wn1tk_179",
+  inputHasSecondActionButton: Tt,
+  "input--has-affix": "ds-input-search_input--has-affix_wn1tk_191",
+  inputHasAffix: zt,
+  "input--is-ready": "ds-input-search_input--is-ready_wn1tk_205",
+  inputIsReady: Mt,
+  root: Wt,
+  hint: Gt,
+  label: Jt,
+  wrapper: Kt,
+  "action-button": "ds-input-search_action-button_wn1tk_230",
+  actionButton: Qt,
+  "second-action-button": "ds-input-search_second-action-button_wn1tk_234",
+  secondActionButton: Ut,
+  "label--hidden": "ds-input-search_label--hidden_wn1tk_252",
+  labelHidden: Xt,
+  "label--disabled": "ds-input-search_label--disabled_wn1tk_265",
+  labelDisabled: Yt,
+  feedback: Zt
+}, te = ({
+  id: i,
+  label: t
+}) => {
+  if (!i)
+    throw new Error(St("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
+  if (!t)
+    throw new Error(St("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}.`));
+}, ee = (i) => !!xt(i, "form"), pe = (i) => {
+  const t = Lt.c(96);
+  let u, s, e, p, h, _, b, r, E, L, C, x, P, V, O, d;
+  t[0] !== i ? ({
+    id: e,
+    label: p,
+    className: u,
+    clearButtonLabel: E,
+    disabled: L,
+    hint: s,
+    hideLabel: C,
+    invalid: x,
+    readonly: P,
+    required: V,
+    size: O,
+    systemFeedback: r,
+    value: d,
+    submitButtonProps: b,
+    onChange: h,
+    ..._
+  } = i, t[0] = i, t[1] = u, t[2] = s, t[3] = e, t[4] = p, t[5] = h, t[6] = _, t[7] = b, t[8] = r, t[9] = E, t[10] = L, t[11] = C, t[12] = x, t[13] = P, t[14] = V, t[15] = O, t[16] = d) : (u = t[1], s = t[2], e = t[3], p = t[4], h = t[5], _ = t[6], b = t[7], r = t[8], E = t[9], L = t[10], C = t[11], x = t[12], P = t[13], V = t[14], O = t[15], d = t[16]);
+  const st = E === void 0 ? "Clear search field" : E, a = L === void 0 ? !1 : L, Nt = C === void 0 ? !1 : C, l = x === void 0 ? !1 : x, o = P === void 0 ? !1 : P, f = V === void 0 ? !1 : V, c = O === void 0 ? "medium" : O;
+  process.env.NODE_ENV !== "production" && te({
+    id: e,
+    label: p
+  });
+  let m;
+  t[17] !== b ? (m = b || {}, t[17] = b, t[18] = m) : m = t[18];
+  let w, k, $;
+  t[19] !== m ? ({
+    label: $,
+    onClick: w,
+    ...k
+  } = m, t[19] = m, t[20] = w, t[21] = k, t[22] = $) : (w = t[20], k = t[21], $ = t[22]);
+  const it = $ === void 0 ? "Search" : $, [v, yt] = Ct(d), at = Bt(null), F = Bt(null), lt = Pt(Nt);
+  let R, j;
+  t[23] !== d ? (R = () => {
+    yt(d);
+  }, j = [d], t[23] = d, t[24] = R, t[25] = j) : (R = t[24], j = t[25]), It(R, j);
+  let T;
+  t[26] !== e ? (T = () => {
+    at.current && !ee(at.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(St("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[26] = e, t[27] = T) : T = t[27];
+  let z;
+  t[28] === Symbol.for("react.memo_cache_sentinel") ? (z = [], t[28] = z) : z = t[28], It(T, z);
+  const M = `${e}-label`, W = `${e}-feedback`, G = `${e}-hint`, At = s ? ` ${G}` : "", J = v !== "" && v !== void 0 && v !== null;
+  let K;
+  t[29] !== u ? (K = q(n.root, u), t[29] = u, t[30] = K) : K = t[30];
+  const ot = K, ct = c === "small", ut = J && !o && !a;
+  let Q;
+  t[31] !== l || t[32] !== ct || t[33] !== ut ? (Q = q(n.input, {
+    [n.inputSmall]: ct,
+    [n.inputInvalid]: l,
+    [n.inputHasActionButton]: !0,
+    [n.inputHasSecondActionButton]: ut
+  }), t[31] = l, t[32] = ct, t[33] = ut, t[34] = Q) : Q = t[34];
+  const rt = Q;
+  let U;
+  t[35] !== a || t[36] !== lt ? (U = q(n.label, {
+    [n.labelHidden]: lt,
+    [n.labelDisabled]: a
+  }), t[35] = a, t[36] = lt, t[37] = U) : U = t[37];
+  const dt = U, pt = c === "small";
+  let X;
+  t[38] !== pt ? (X = q(n.actionButton, {
+    [n.actionButtonSmall]: pt
+  }), t[38] = pt, t[39] = X) : X = t[39];
+  const ht = X, _t = c === "small";
+  let Y;
+  t[40] !== _t ? (Y = q(n.secondActionButton, {
+    [n.secondActionButtonSmall]: _t
+  }), t[40] = _t, t[41] = Y) : Y = t[41];
+  const bt = Y, Ht = ne;
+  let Z;
+  t[42] === Symbol.for("react.memo_cache_sentinel") ? (Z = () => {
+    var gt;
+    if (!F.current)
+      return;
+    Ht(F.current, "");
+    const nt = new Event("change", {
+      bubbles: !0
+    });
+    (gt = F.current) == null || gt.dispatchEvent(nt);
+  }, t[42] = Z) : Z = t[42];
+  const Et = Z;
+  let tt;
+  t[43] !== h ? (tt = (nt) => {
+    yt(nt.target.value), h && h(nt);
+  }, t[43] = h, t[44] = tt) : tt = t[44];
+  const ft = tt;
+  let S;
+  t[45] !== f ? (S = f && /* @__PURE__ */ H(Vt, {}), t[45] = f, t[46] = S) : S = t[46];
+  let y;
+  t[47] !== e || t[48] !== M || t[49] !== p || t[50] !== dt || t[51] !== S ? (y = /* @__PURE__ */ vt("label", { className: dt, id: M, htmlFor: e, children: [
+    p,
+    S
+  ] }), t[47] = e, t[48] = M, t[49] = p, t[50] = dt, t[51] = S, t[52] = y) : y = t[52];
+  let g;
+  t[53] !== s || t[54] !== G ? (g = s && /* @__PURE__ */ H("div", { className: n.hint, id: G, children: s }), t[53] = s, t[54] = G, t[55] = g) : g = t[55];
+  let B;
+  t[56] !== l || t[57] !== r || t[58] !== W ? (B = l && r && /* @__PURE__ */ H(Ot, { className: n.feedback, message: r, type: "invalid", id: W }), t[56] = l, t[57] = r, t[58] = W, t[59] = B) : B = t[59];
+  const mt = `${M}${At}`, wt = l && r ? W : void 0;
+  let I;
+  t[60] !== a || t[61] !== ft || t[62] !== e || t[63] !== rt || t[64] !== v || t[65] !== l || t[66] !== o || t[67] !== f || t[68] !== _ || t[69] !== mt || t[70] !== wt ? (I = /* @__PURE__ */ H("input", { className: rt, id: e, ref: F, ..._, "aria-labelledby": mt, "aria-describedby": wt, "aria-invalid": l, "aria-disabled": o, readOnly: o, required: f, disabled: a, type: "search", value: v, onChange: ft }), t[60] = a, t[61] = ft, t[62] = e, t[63] = rt, t[64] = v, t[65] = l, t[66] = o, t[67] = f, t[68] = _, t[69] = mt, t[70] = wt, t[71] = I) : I = t[71];
+  let D;
+  t[72] !== bt || t[73] !== st || t[74] !== a || t[75] !== J || t[76] !== o || t[77] !== c ? (D = J && !o && !a && /* @__PURE__ */ H(Dt, { hideLabel: !0, theme: "light", iconName: "cross", className: bt, variant: "ghost", size: c, onClick: Et, type: "button", tabIndex: -1, children: st }), t[72] = bt, t[73] = st, t[74] = a, t[75] = J, t[76] = o, t[77] = c, t[78] = D) : D = t[78];
+  const kt = a || o;
+  let N;
+  t[79] !== w || t[80] !== k || t[81] !== c || t[82] !== ht || t[83] !== it || t[84] !== kt ? (N = /* @__PURE__ */ H(Dt, { ...k, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: ht, variant: "ghost", size: c, onClick: w, type: "submit", disabled: kt, children: it }), t[79] = w, t[80] = k, t[81] = c, t[82] = ht, t[83] = it, t[84] = kt, t[85] = N) : N = t[85];
+  let A;
+  t[86] !== I || t[87] !== D || t[88] !== N ? (A = /* @__PURE__ */ vt("div", { className: n.wrapper, children: [
+    I,
+    D,
+    N
+  ] }), t[86] = I, t[87] = D, t[88] = N, t[89] = A) : A = t[89];
+  let et;
+  return t[90] !== ot || t[91] !== y || t[92] !== g || t[93] !== B || t[94] !== A ? (et = /* @__PURE__ */ vt("div", { className: ot, ref: at, children: [
+    y,
+    g,
+    B,
+    A
+  ] }), t[90] = ot, t[91] = y, t[92] = g, t[93] = B, t[94] = A, t[95] = et) : et = t[95], et;
+};
+function ne(i, t) {
+  const u = Object.getPrototypeOf(i), s = Object.getOwnPropertyDescriptor(u, "value");
+  s != null && s.set ? s.set.call(i, t) : i.value = t;
+}
+export {
+  pe as D,
+  ee as i,
+  te as v
+};

package/chunks/InputStepper.NCl90c4h.js

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