@stihl-design-system/components 1.0.0-RC.47 → 1.0.0-RC.48

package/chunks/Dialog.lJXxzgu2.js

@@ -1,102 +0,0 @@
-"use client";
-import { jsx as n, jsxs as E } from "react/jsx-runtime";
-import { c as r } from "./index.DQOqod3i.js";
-import { useRef as g, useState as F, useEffect as m } from "react";
-import { D as W } from "./Button.COycNYUI.js";
-import { g as x } from "./helpers.CexwVao7.js";
-import "./index.cKLI89Eg.js";
-import '../assets/Dialog.BKwWy1g2.css';const R = "ds-dialog_root_11kdc_5", y = "ds-dialog_content-wrapper_11kdc_166", z = "ds-dialog_content-wrapper--no-footer_11kdc_172", L = "ds-dialog_close-button_11kdc_180", M = "ds-dialog_header_11kdc_193", j = "ds-dialog_content_11kdc_166", H = "ds-dialog_footer_11kdc_195", I = "ds-dialog_header--scrollable_11kdc_216", O = "ds-dialog_header--close-button_11kdc_225", P = "ds-dialog_content--no-footer_11kdc_238", T = "ds-dialog_footer--scrollable_11kdc_273", o = {
-  root: R,
-  contentWrapper: y,
-  contentWrapperNoFooter: z,
-  closeButton: L,
-  header: M,
-  content: j,
-  footer: H,
-  headerScrollable: I,
-  headerCloseButton: O,
-  contentNoFooter: P,
-  footerScrollable: T
-}, V = ({
-  tabIndex: c
-}) => {
-  if (c || c === 0)
-    throw new Error(x("DSDialog", "Do not pass the tabindex property to the DSDialog component as it is not interactive and does not receive focus. The DSDialogs contents, including the close button contained in the DSDialog, can receive focus and be interactive."));
-}, U = ({
-  children: c,
-  className: b,
-  closeButtonProps: D,
-  disableBackdropClose: S = !1,
-  footer: s,
-  header: k,
-  hideCloseButton: a = !1,
-  isOpen: d = !1,
-  onClose: l,
-  ...i
-}) => {
-  if (process.env.NODE_ENV !== "production") {
-    const {
-      tabIndex: e
-    } = i;
-    V({
-      tabIndex: e
-    });
-  }
-  const {
-    label: v = "Close dialog",
-    ...N
-  } = D || {}, t = g(null), u = g(null), [f, B] = F(!1);
-  m(() => {
-    const e = u.current;
-    if (e) {
-      const h = () => {
-        B(e.scrollHeight > e.clientHeight);
-      };
-      h();
-      const p = new ResizeObserver(h);
-      return p.observe(e), () => {
-        p.disconnect();
-      };
-    }
-  }, []), m(() => {
-    const e = t.current;
-    if (e)
-      return e.addEventListener("close", _), d ? e.showModal() : e.close(), () => {
-        e.removeEventListener("close", _);
-      };
-  }, [d, l]);
-  const _ = () => {
-    l && l();
-  }, w = (e) => {
-    S || t.current && e.target === t.current && t.current.close();
-  }, C = () => {
-    t.current && t.current.close();
-  };
-  return /* @__PURE__ */ n("dialog", { ...i, ref: t, className: r(o.root, b), onMouseDown: (e) => w(e), "aria-modal": "true", children: /* @__PURE__ */ E("div", { className: r(o.contentWrapper, {
-    [o.contentWrapperNoFooter]: !s
-  }), children: [
-    !a && /* @__PURE__ */ n(W, { ...N, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => C(), children: v }),
-    /* @__PURE__ */ n("header", { className: r(o.header, {
-      [o.headerCloseButton]: !a,
-      [o.headerScrollable]: f
-    }), children: k }),
-    /* @__PURE__ */ n(
-      "div",
-      {
-        ref: u,
-        className: r(o.content, {
-          [o.contentNoFooter]: !s
-        }),
-        tabIndex: 0,
-        children: c
-      }
-    ),
-    s && /* @__PURE__ */ n("footer", { className: r(o.footer, {
-      [o.footerScrollable]: f
-    }), children: s })
-  ] }) });
-};
-export {
-  U as D,
-  V as v
-};

package/chunks/Fieldset.DOjI3DlI.js

@@ -1,91 +0,0 @@
-"use client";
-import { jsxs as l, jsx as t, Fragment as M } from "react/jsx-runtime";
-import { c as h } from "./index.DQOqod3i.js";
-import "react";
-import { u as x } from "./useBreakpoint.1txsny17.js";
-import { Asterisk as v } from "../asterisk.Dwtdwpkq.js";
-import { DSHeading as E } from "../heading.BHSklXho.js";
-import { D as T } from "./Popover.ByaoNwGK.js";
-import { D as q } from "./SystemFeedback.4osheYxC.js";
-import { g as _ } from "./helpers.CexwVao7.js";
-import "./index.cKLI89Eg.js";
-import '../assets/Fieldset.C4Fx4-UV.css';const A = "ds-fieldset_root_13rpf_1", B = "ds-fieldset_child-wrapper_13rpf_98", C = "ds-fieldset_legend-wrapper_13rpf_105", L = "ds-fieldset_legend_13rpf_105", U = "ds-fieldset_legend--hidden_13rpf_116", z = "ds-fieldset_legend--utility--m_13rpf_131", I = "ds-fieldset_description_13rpf_143", O = "ds-fieldset_description--small_13rpf_157", V = "ds-fieldset_system-feedback_13rpf_161", e = {
-  root: A,
-  childWrapper: B,
-  legendWrapper: C,
-  legend: L,
-  legendHidden: U,
-  legendUtilityM: z,
-  description: I,
-  descriptionSmall: O,
-  systemFeedback: V
-}, $ = ({
-  description: a,
-  hideLegend: s,
-  id: p,
-  legend: i,
-  popoverContent: c,
-  systemFeedback: r
-}) => {
-  if (!p && (a || r))
-    throw new Error(_("DSFieldset", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSFieldset component.'));
-  if (!i)
-    throw new Error(_("DSFieldset", "The legend prop is required. Please add the legend prop to the DSFieldset component."));
-  s && c && console.warn(_("DSFieldset", 'Setting "hideLegend" and "popoverContent" at the same time is not supported. The popover info button is part of the legend and will be hidden along with it. Please remove either "hideLegend" or "popoverContent".'));
-}, te = ({
-  children: a,
-  legend: s,
-  className: p,
-  description: i,
-  disabled: c = !1,
-  hideLegend: r = !1,
-  id: m,
-  invalid: f = !1,
-  popoverContent: g,
-  popoverInfoButtonProps: F,
-  required: u = !1,
-  systemFeedback: d,
-  ...w
-}) => {
-  const N = x(r);
-  process.env.NODE_ENV !== "production" && $({
-    description: i,
-    hideLegend: r,
-    id: m,
-    legend: s,
-    popoverContent: g,
-    systemFeedback: d
-  });
-  let o, S, D;
-  const n = typeof s == "object" && s !== void 0;
-  n && ({
-    headingSize: o,
-    headingTag: S,
-    headingText: D
-  } = s);
-  const b = `${m}-feedback`, y = `${m}-description`, k = [f && d && b, i && y].filter(Boolean).join(" ") || void 0, P = !n || o === "small" || o === "small-uppercase", W = h(e.root, p), j = h(e.legend, {
-    [e.legendHidden]: N,
-    [e.legendUtilityM]: !n
-  }), H = h(e.description, {
-    [e.descriptionSmall]: P
-  });
-  return /* @__PURE__ */ l("fieldset", { className: W, disabled: c, ...w, "aria-invalid": f, "aria-describedby": k, children: [
-    /* @__PURE__ */ l("legend", { className: j, children: [
-      /* @__PURE__ */ t("span", { className: e.legendWrapper, children: n ? /* @__PURE__ */ l(E, { tag: S, size: o, children: [
-        D,
-        u && /* @__PURE__ */ t(v, {})
-      ] }) : /* @__PURE__ */ l(M, { children: [
-        s,
-        u && /* @__PURE__ */ t(v, {})
-      ] }) }),
-      g && /* @__PURE__ */ t(T, { placement: "top", defaultAnchorButtonProps: F, children: g })
-    ] }),
-    i && /* @__PURE__ */ t("span", { id: y, className: H, children: i }),
-    f && d && /* @__PURE__ */ t(q, { id: b, variant: "error", message: d, className: e.systemFeedback }),
-    /* @__PURE__ */ t("div", { className: e.childWrapper, children: a })
-  ] });
-};
-export {
-  te as D,
-  $ as v
-};

package/chunks/InputFile.DYXvF6vT.js

@@ -1,260 +0,0 @@
-"use client";
-import { jsxs as m, Fragment as he, jsx as s } from "react/jsx-runtime";
-import { c as f } from "./index.DQOqod3i.js";
-import { forwardRef as Ie, useState as Q, useRef as ve, useCallback as Se } from "react";
-import { t as we } from "./translate.nuU7uChI.js";
-import { u as $ } from "./useBreakpoint.1txsny17.js";
-import "./index.cKLI89Eg.js";
-import { f as Fe } from "./AriaLiveRegions.utils.BPvIKT6B.js";
-import { Asterisk as Le } from "../asterisk.Dwtdwpkq.js";
-import { D as ze } from "./Button.COycNYUI.js";
-import { D as Be } from "./Icon.DYtaQgbw.js";
-import { D as ye } from "./Popover.ByaoNwGK.js";
-import { D as Ne } from "./SystemFeedback.4osheYxC.js";
-import { FileList as ke } from "../filelist.DfAt2xJa.js";
-import { g as _ } from "./helpers.CexwVao7.js";
-import '../assets/InputFile.ne7gwc_5.css';const xe = "ds-input-file_root_px31t_1", Te = "ds-input-file_browse-button--is-dragging-filled_px31t_1", Pe = "ds-input-file_browse-button--is-dragging_px31t_1", Ae = "ds-input-file_hint_px31t_14", $e = "ds-input-file_label-wrapper_px31t_14", Ce = "ds-input-file_label_px31t_14", Ue = "ds-input-file_label--disabled_px31t_33", We = "ds-input-file_label-wrapper--hidden_px31t_45", Re = "ds-input-file_feedback_px31t_73", qe = "ds-input-file_dropzone_px31t_77", Ee = "ds-input-file_dropzone--disabled_px31t_83", He = "ds-input-file_dropzone--invalid_px31t_97", Oe = "ds-input-file_dropzone--is-dragging_px31t_100", Me = "ds-input-file_hint-drop-zone_px31t_103", Ve = "ds-input-file_upload-icon_px31t_106", je = "ds-input-file_browse-button-dropzone--is-dragging_px31t_109", Ze = "ds-input-file_instructions_px31t_112", Ge = "ds-input-file_input_px31t_150", Je = "ds-input-file_required-sr-info_px31t_154", t = {
-  root: xe,
-  browseButtonIsDraggingFilled: Te,
-  browseButtonIsDragging: Pe,
-  hint: Ae,
-  labelWrapper: $e,
-  label: Ce,
-  labelDisabled: Ue,
-  labelWrapperHidden: We,
-  feedback: Re,
-  dropzone: qe,
-  dropzoneDisabled: Ee,
-  dropzoneInvalid: He,
-  dropzoneIsDragging: Oe,
-  hintDropZone: Me,
-  uploadIcon: Ve,
-  browseButtonDropzoneIsDragging: je,
-  instructions: Ze,
-  input: Ge,
-  requiredSrInfo: Je
-}, Ke = {
-  dragAndDropInstructions: "Drag and drop files here or",
-  feedbackFileSize: "File too large. Maximum file size is",
-  feedbackFileType: "File type not allowed",
-  // {0} is the file name
-  fileListRemoveSelectionButtonLabel: "Remove {0} from selected files",
-  // {0} is the file name
-  fileListCancelUploadButtonLabel: "Cancel upload of {0}",
-  // {0} is the file name
-  fileListDeleteFileButtonLabel: "Delete file {0}",
-  // {0} is the file name
-  fileListIndeterminate: "{0} is uploading",
-  // {0} is the file name
-  fileListPreviewAltText: "Preview of {0}",
-  filesSelectedHint: "The following files are selected",
-  required: "required",
-  uploadStatus: "Upload status",
-  uploading: "Uploading...",
-  success: "Upload complete",
-  retry: "Retry upload",
-  togglePopover: "Toggle popover"
-}, Qe = {
-  dragAndDropInstructions: "Dateien hier hin ziehen oder",
-  feedbackFileSize: "Datei zu groß. Maximale Dateigröße ist",
-  feedbackFileType: "Dateityp nicht zugelassen",
-  // {0} is the file name
-  fileListRemoveSelectionButtonLabel: "Datei {0} aus der Auswahl entfernen",
-  // {0} is the file name
-  fileListCancelUploadButtonLabel: "Upload von {0} abbrechen",
-  // {0} is the file name
-  fileListDeleteFileButtonLabel: "Datei {0} löschen",
-  // {0} is the file name
-  fileListIndeterminate: "{0} wird hochgeladen",
-  // {0} is the file name
-  fileListPreviewAltText: "Vorschau von {0}",
-  filesSelectedHint: "Die folgenden Dateien sind ausgewählt",
-  required: "erforderlich",
-  uploadStatus: "Upload-Status",
-  uploading: "Wird hochgeladen...",
-  success: "Upload abgeschlossen",
-  retry: "Upload erneut versuchen",
-  togglePopover: "Popover öffnen/schließen"
-}, X = {
-  en: Ke,
-  de: Qe
-}, Xe = (r, d) => {
-  const a = d.split(",").map((i) => i.trim().toLowerCase()).filter(Boolean), g = r.name.toLowerCase(), o = r.type.toLowerCase();
-  return a.some((i) => {
-    if (i.startsWith("."))
-      return g.endsWith(i);
-    if (i.endsWith("/*")) {
-      const [h] = o.split("/");
-      return h === i.slice(0, -2);
-    }
-    return o === i;
-  });
-}, Ye = ({
-  id: r,
-  label: d,
-  inputFileButtonProps: a,
-  hideLabel: g,
-  popoverContent: o
-}) => {
-  if (!r)
-    throw new Error(_("DSInputFile", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputFile component.'));
-  if (!d)
-    throw new Error(_("DSInputFile", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputFile component. If you don't want to display a label, set hideLabel={true}.`));
-  if (a && a.label?.trim() === "")
-    throw new Error(_("DSInputFile", "The input file button needs to have a label for a11y reasons. Please add a label to the inputFileButtonProps."));
-  if (a && a.variant && a.variant !== "outline" && a.variant !== "filled")
-    throw new Error(_("DSInputFile", "The inputFileButtonProps variant value can only be 'outline' for DSInputFile components inside forms or 'filled' for standalone DSInputFile components."));
-  g && o && console.warn(_("DSInputFile", "Using a popover when hideLabel is set to true is not supported."));
-}, et = Ie(({
-  id: r,
-  label: d,
-  accept: a,
-  className: g,
-  disabled: o = !1,
-  files: i,
-  hideLabel: h = !1,
-  hint: b,
-  inputFileButtonProps: C,
-  invalid: I = !1,
-  isHintOutsideDropzone: Y = {
-    base: !0,
-    m: !1
-  },
-  lang: F = "en",
-  maxSizeInMb: L = 7,
-  multiple: D = !1,
-  popoverContent: z,
-  popoverInfoButtonProps: U,
-  required: W = !1,
-  showFileList: ee = !0,
-  showDropzone: p = !1,
-  systemFeedback: B,
-  translations: y,
-  onFilesSelect: N,
-  showProgress: te,
-  ...ne
-}, v) => {
-  const u = we(y || X[F]);
-  process.env.NODE_ENV !== "production" && Ye({
-    id: r,
-    label: d,
-    inputFileButtonProps: C,
-    hideLabel: $(h),
-    popoverContent: z
-  });
-  const {
-    label: oe = F === "en" ? `Choose File${D ? "s" : ""}` : `Datei${D ? "en" : ""} auswählen`,
-    variant: k = "outline",
-    ...ie
-  } = C || {}, [R, q] = Q([]), ae = {
-    ...U,
-    label: y && y.togglePopover || U?.label || X[F].togglePopover
-  }, S = ve(null), [c, x] = Q(!1), se = L * 1024 * 1024, T = `${r}-label`, E = `${r}-feedback`, P = `${r}-hint`, H = b ? ` ${P}` : "", O = $(h), M = $(Y), re = f(t.root, g), le = f(t.dropzone, {
-    [t.dropzoneDisabled]: o,
-    [t.dropzoneInvalid]: I,
-    [t.dropzoneIsDragging]: c
-  }), de = f(t.label, {
-    [t.labelDisabled]: o
-  }), pe = f(t.labelWrapper, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelWrapperHidden]: O
-  }), ue = f(t.browseButton, {
-    [t.browseButtonIsDragging]: c && k === "outline",
-    [t.browseButtonIsDraggingFilled]: c && k === "filled"
-  }), ce = f(t.browseButtonDropzone, {
-    [t.browseButtonDropzoneIsDragging]: c
-  }), fe = [I && B && E].filter(Boolean).join(" ") || void 0, ge = (e) => {
-    S.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
-  }, V = (e) => {
-    if (!e)
-      return;
-    const l = [];
-    for (const n of e)
-      if (a && !Xe(n, a) && (n.feedback = `${u("feedbackFileType")}: ${n.type}.`, n.uploadStatus = "error"), n.size > se && (n.feedback = `${u("feedbackFileSize")} ${L} MB.`, n.uploadStatus = "error"), n.uploadPercent = "indeterminate", l.push(n), !D && l.length > 0)
-        break;
-    l.length > 0 && !i && q(() => {
-      const n = [...l], w = n.map(({
-        name: A,
-        feedback: _e = ""
-      }) => `${A} ${_e}`).join(", ");
-      return setTimeout(() => {
-        me(`${u("filesSelectedHint")}: ${w}.`);
-      }, 1e3), n;
-    }), N?.(l);
-  }, j = (e) => {
-    o || (S.current?.click(), e.stopPropagation());
-  }, Z = (e) => {
-    e.preventDefault(), c || x(!0);
-  }, G = (e) => {
-    e.preventDefault(), c && x(!1);
-  }, J = Se((e) => {
-    e.preventDefault(), !o && (x(!1), V(e.dataTransfer.files));
-  }, [D, a, L, o]), be = (e) => {
-    V(e.target.files), S?.current && (S.current.value = "");
-  }, De = (e) => {
-    if (i) {
-      const l = i.filter((n, w) => w !== e);
-      N?.(l);
-    } else
-      q((l) => {
-        const n = l.filter((w, A) => A !== e);
-        return N?.(n), n;
-      });
-  }, me = (e) => {
-    Fe(e, "DSInputFile");
-  }, K = () => /* @__PURE__ */ s(ze, { ...ie, className: p ? ce : ue, type: "button", variant: k, size: p ? "small" : "medium", disabled: o, iconName: p ? void 0 : "upload", onClick: j, "aria-describedby": fe, "aria-invalid": I, children: oe });
-  return /* @__PURE__ */ m("div", { className: re, children: [
-    /* @__PURE__ */ m("div", { className: pe, children: [
-      /* @__PURE__ */ m("label", { className: de, id: T, htmlFor: r, children: [
-        d,
-        W && /* @__PURE__ */ m(he, { children: [
-          /* @__PURE__ */ s(Le, {}),
-          /* @__PURE__ */ s("span", { className: t.requiredSrInfo, children: u("required") })
-        ] })
-      ] }),
-      z && !O && /* @__PURE__ */ s(ye, { placement: "top", defaultAnchorButtonProps: ae, children: z })
-    ] }),
-    b && (M || !p) && /* @__PURE__ */ s("div", { className: t.hint, id: P, children: b }),
-    !p && /* @__PURE__ */ s(
-      "div",
-      {
-        onDragOver: Z,
-        onDragLeave: G,
-        onDrop: J,
-        "aria-labelledby": `${T}${H}`,
-        "aria-disabled": o,
-        children: K()
-      }
-    ),
-    p && /* @__PURE__ */ m(
-      "div",
-      {
-        className: le,
-        onClick: (e) => j(e),
-        onDragOver: Z,
-        onDragLeave: G,
-        onDrop: J,
-        "aria-labelledby": `${T}${H}`,
-        "aria-disabled": o,
-        children: [
-          /* @__PURE__ */ s(Be, { name: "upload", className: t.uploadIcon, size: "x-large" }),
-          /* @__PURE__ */ s("p", { id: "file-upload-instructions", className: t.instructions, children: u("dragAndDropInstructions") }),
-          K(),
-          b && !M && /* @__PURE__ */ s("div", { className: t.hintDropZone, id: P, children: b })
-        ]
-      }
-    ),
-    /* @__PURE__ */ s("input", { ...ne, type: "file", className: t.input, id: r, ref: ge, accept: a, multiple: D, "aria-hidden": "true", required: W, disabled: o, onChange: be }),
-    I && B && /* @__PURE__ */ s(Ne, { className: t.feedback, message: B, variant: "error", id: E }),
-    (i ? i.length > 0 : R.length > 0) && ee && /* @__PURE__ */ s(ke, { files: i || R, onRemoveFile: De, t: u, showProgress: te })
-  ] });
-});
-et.displayName = "DSInputFile";
-export {
-  et as D,
-  X as a,
-  Qe as b,
-  Ke as c,
-  Xe as f,
-  Ye as v
-};

package/chunks/InputNumber.CkWpchPo.js

@@ -1,240 +0,0 @@
-"use client";
-import { jsxs as N, jsx as a } from "react/jsx-runtime";
-import { c as o } from "./index.DQOqod3i.js";
-import { forwardRef as qe, useState as m, useRef as L, useEffect as R } from "react";
-import { h as we } from "./has-window.ut_-aShB.js";
-import { u as J } from "./useBreakpoint.1txsny17.js";
-import "./index.cKLI89Eg.js";
-import { u as K } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import { Asterisk as Be } from "../asterisk.Dwtdwpkq.js";
-import { D as Q } from "./Button.COycNYUI.js";
-import { M as E, a as W } from "./Input.utils.CkmzxIrU.js";
-import { D as Le } from "./Popover.ByaoNwGK.js";
-import { D as Re } from "./SystemFeedback.4osheYxC.js";
-import { g as f } from "./helpers.CexwVao7.js";
-import '../assets/InputNumber.BIdsQuFc.css';const Ee = "ds-input-number_input_lxujq_1", We = "ds-input-number_input--small_lxujq_9", ke = "ds-input-number_input--invalid_lxujq_121", Pe = "ds-input-number_input--has-affix_lxujq_197", Ce = "ds-input-number_input--is-ready_lxujq_211", Ve = "ds-input-number_root_lxujq_222", $e = "ds-input-number_hint_lxujq_222", He = "ds-input-number_label-wrapper_lxujq_222", Fe = "ds-input-number_wrapper_lxujq_226", Te = "ds-input-number_affix_lxujq_232", Me = "ds-input-number_affix--small_lxujq_253", Xe = "ds-input-number_prefix_lxujq_266", Ue = "ds-input-number_suffix_lxujq_272", Ge = "ds-input-number_affix--disabled_lxujq_278", Oe = "ds-input-number_affix--readonly_lxujq_289", Je = "ds-input-number_action-button_lxujq_325", Ke = "ds-input-number_label_lxujq_222", Qe = "ds-input-number_label--disabled_lxujq_344", Ye = "ds-input-number_label-wrapper--hidden_lxujq_356", Ze = "ds-input-number_feedback_lxujq_384", ze = "ds-input-number_second-action-button_lxujq_397", et = "ds-input-number_value-announcer_lxujq_401", e = {
-  input: Ee,
-  inputSmall: We,
-  inputInvalid: ke,
-  inputHasAffix: Pe,
-  inputIsReady: Ce,
-  root: Ve,
-  hint: $e,
-  labelWrapper: He,
-  wrapper: Fe,
-  affix: Te,
-  affixSmall: Me,
-  prefix: Xe,
-  suffix: Ue,
-  affixDisabled: Ge,
-  affixReadonly: Oe,
-  actionButton: Je,
-  label: Ke,
-  labelDisabled: Qe,
-  labelWrapperHidden: Ye,
-  feedback: Ze,
-  secondActionButton: ze,
-  valueAnnouncer: et
-}, Y = (n) => n != null && n !== "", tt = ({
-  id: n,
-  label: b,
-  prefix: _,
-  suffix: h,
-  hideLabel: s,
-  popoverContent: y
-}) => {
-  if (!n)
-    throw new Error(f("DSInputNumber", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputNumber component.'));
-  if (!b)
-    throw new Error(f("DSInputNumber", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputNumber component. If you don't want to display a label, set hideLabel={true}.`));
-  _ && _.length > E && console.warn(f("DSInputNumber", `Prefix length must not exceed ${E} characters.`)), h && h.length > W && console.warn(f("DSInputNumber", `Suffix length must not exceed ${W} characters.`)), s && y && console.warn(f("DSInputNumber", "Using a popover when hideLabel is set to true is not supported."));
-}, nt = qe(({
-  id: n,
-  label: b,
-  announcementText: _ = "Value changed to",
-  className: h,
-  disabled: s = !1,
-  decreaseAmountButtonProps: y,
-  hint: D,
-  hideLabel: k = !1,
-  invalid: x = !1,
-  increaseAmountButtonProps: Z,
-  prefix: r,
-  max: P = 100,
-  min: C = 0,
-  popoverContent: v,
-  popoverInfoButtonProps: z,
-  readonly: i = !1,
-  required: V = !1,
-  size: l = "medium",
-  step: ee = 1,
-  suffix: c,
-  systemFeedback: A,
-  value: S,
-  onChange: $,
-  ...te
-}, I) => {
-  process.env.NODE_ENV !== "production" && tt({
-    id: n,
-    label: b,
-    prefix: r,
-    suffix: c,
-    hideLabel: J(k),
-    popoverContent: v
-  });
-  const {
-    label: ne = "Decrease",
-    tooltip: ae,
-    ...se
-  } = y || {}, {
-    label: ue = "Increase",
-    tooltip: oe,
-    ...le
-  } = Z || {}, [re, ie] = m(!1), [p, g] = m(S), [j, H] = m(""), [ce, pe] = m(!1), [de, me] = m({}), u = L(null), fe = (t) => {
-    u.current = t, typeof I == "function" ? I(t) : I && (I.current = t);
-  }, be = r?.substring(0, E), q = L(null), _e = c?.substring(0, W), w = L(null), F = J(k);
-  R(() => {
-    g(S);
-  }, [S]), R(() => {
-    if (j) {
-      const t = setTimeout(() => {
-        H("");
-      }, 3e3);
-      return () => clearTimeout(t);
-    }
-  }, [j]), R(() => {
-    const t = (d) => {
-      d.preventDefault();
-    };
-    return u.current?.addEventListener("wheel", t, {
-      // The { passive: false } option is used to indicate that the event listener wants to cancel the event, allowing preventDefault to work as expected.
-      passive: !1
-    }), () => {
-      u.current?.removeEventListener("wheel", t);
-    };
-  }, []), K(() => {
-    const t = l === "medium" ? 16 : 8, d = {};
-    if (q.current) {
-      const B = q.current.offsetWidth;
-      d.paddingInlineStart = t + B + "px";
-    }
-    if (w.current) {
-      const B = w.current.offsetWidth;
-      d.paddingInlineEnd = t + B + "px";
-    }
-    me(d), ie(!0);
-  }, [r, c, l, ce]), K(() => {
-    we && (async () => "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), pe(!0)))();
-  }, []);
-  const T = o(e.affix, {
-    [e.affixSmall]: l === "small",
-    [e.affixDisabled]: s,
-    [e.affixReadonly]: i
-  }), M = `${n}-label`, X = `${n}-feedback`, U = `${n}-hint`, G = `${n}-value-announcer`, he = D ? ` ${U}` : "", xe = o(e.root, h), Ie = o(e.input, {
-    // small input
-    [e.inputSmall]: l === "small",
-    // invalid state
-    [e.inputInvalid]: x,
-    // prefix/suffix
-    [e.inputHasAffix]: r || c,
-    [e.inputIsReady]: re
-  }), Ne = o(e.label, {
-    [e.labelDisabled]: s
-  }), ye = o(e.labelWrapper, {
-    // hide label only visually to keep them available for assistive technologies
-    [e.labelWrapperHidden]: F
-  }), De = o(e.secondActionButton, {
-    [e.secondActionButtonSmall]: l === "small"
-  }), ve = o(e.actionButton, {
-    [e.actionButtonSmall]: l === "small"
-  }), Ae = () => {
-    const t = [G];
-    return x && A && t.push(X), t.join(" ");
-  }, O = () => {
-    if (u.current) {
-      g(u.current.value);
-      const t = new Event("change", {
-        bubbles: !0
-      });
-      u.current?.dispatchEvent(t), H(`${_} ${u.current.value}`);
-    }
-  }, Se = () => {
-    u.current?.stepDown(), O();
-  }, ge = () => {
-    u.current?.stepUp(), O();
-  }, je = (t) => {
-    g(t.target.value), $ && $(t);
-  };
-  return /* @__PURE__ */ N("div", { className: xe, children: [
-    /* @__PURE__ */ N("div", { className: ye, children: [
-      /* @__PURE__ */ N("label", { className: Ne, id: M, htmlFor: n, children: [
-        b,
-        V && /* @__PURE__ */ a(Be, {})
-      ] }),
-      v && !F && /* @__PURE__ */ a(Le, { placement: "top", defaultAnchorButtonProps: z, children: v })
-    ] }),
-    D && /* @__PURE__ */ a("div", { className: e.hint, id: U, children: D }),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        "aria-live": "polite",
-        "aria-atomic": "true",
-        className: e.valueAnnouncer,
-        id: G,
-        children: j
-      }
-    ),
-    /* @__PURE__ */ N("div", { className: e.wrapper, children: [
-      r && /* @__PURE__ */ a(
-        "span",
-        {
-          className: o(T, e.prefix),
-          ref: q,
-          "aria-disabled": s,
-          children: be
-        }
-      ),
-      /* @__PURE__ */ a(
-        "input",
-        {
-          className: Ie,
-          id: n,
-          ...te,
-          style: de,
-          ref: fe,
-          "aria-labelledby": `${M}${he}`,
-          "aria-describedby": Ae(),
-          "aria-invalid": x,
-          "aria-disabled": i,
-          disabled: s,
-          min: C,
-          max: P,
-          readOnly: i,
-          required: V,
-          step: ee,
-          type: "number",
-          value: p,
-          onChange: je
-        }
-      ),
-      c && /* @__PURE__ */ a(
-        "span",
-        {
-          className: o(T, e.suffix),
-          ref: w,
-          "aria-disabled": s,
-          children: _e
-        }
-      ),
-      /* @__PURE__ */ a(Q, { ...se, hideLabel: !0, theme: "light", iconName: "minus", variant: "filled", className: De, size: l, onClick: Se, tooltip: ae, disabled: s || i || Y(p) && Number(p) <= Number(C), type: "button", children: ne }),
-      /* @__PURE__ */ a(Q, { ...le, hideLabel: !0, theme: "light", iconName: "plus", variant: "filled", tooltip: oe, className: ve, size: l, onClick: ge, disabled: s || i || Y(p) && Number(p) >= Number(P), type: "button", children: ue })
-    ] }),
-    x && A && /* @__PURE__ */ a(Re, { className: e.feedback, message: A, variant: "error", id: X })
-  ] });
-});
-nt.displayName = "DSInputNumber";
-export {
-  nt as D,
-  Y as i,
-  tt as v
-};