@stihl-design-system/components 1.0.0-RC.32 → 1.0.0-RC.34

package/chunks/helpers.CexwVao7.js

@@ -0,0 +1,38 @@
+"use client";
+import l from "react";
+const f = (e) => typeof e != "number" || isNaN(e) ? 0 : e / 16, m = (e, t) => `[STIHL Design System] - [${e}]: ${t}`, d = (e, t) => `The "${e}" prop is required. Please add the "${e}" prop to the ${t} component.`, y = (e, t) => e?.closest(t), u = (e, t, a) => {
+  let r = !1;
+  const n = {
+    fn: t,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- any is needed here to allow any React component type to be checked
+    displayName: t.displayName || t.name
+  };
+  return l.Children.forEach(e, (s) => {
+    if (r || !l.isValidElement(s))
+      return;
+    if (s.type === n.fn) {
+      r = !0;
+      return;
+    }
+    const i = s.type, o = (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- any is needed here to allow any React component type to be checked
+      i.displayName || i.name
+    );
+    if (typeof o == "string" && o === n.displayName) {
+      r = !0;
+      return;
+    }
+    const p = s.props;
+    if (a && p.children && u(p.children, n.fn, a)) {
+      r = !0;
+      return;
+    }
+  }), r;
+};
+export {
+  y as a,
+  u as c,
+  m as g,
+  f as p,
+  d as r
+};

package/chunks/{index.CgTHIF3K.js → index.D-sRdssb.js}

@@ -147,7 +147,7 @@ function ee() {
   }
   function Y(e, r) {
     const i = p.get(e);
-    i != null && i.delete(r);
+    i?.delete(r);
   }
   function Z(e) {
     const r = w(null);

package/chunks/{index.CEyLAtio.js → index.DL9mof6u.js}

@@ -10,7 +10,7 @@ var o = { exports: {} };
 */
 var i;
 function p() {
-  return i || (i = 1, function(e) {
+  return i || (i = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function s() {
@@ -39,7 +39,7 @@ function p() {
       }
       e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
     })();
-  }(o)), o.exports;
+  })(o)), o.exports;
 }
 var l = p();
 const m = /* @__PURE__ */ c(l);

package/chunks/{is-animation-disabled.CUl4N3LI.js → is-animation-disabled.B-V_68K-.js}

@@ -1,6 +1,6 @@
 "use client";
 import { h as i } from "./has-window.ut_-aShB.js";
-const n = (t) => i && (t == null ? void 0 : t.getBoundingClientRect()) || DOMRect.fromRect({
+const o = (e) => i && e?.getBoundingClientRect() || DOMRect.fromRect({
   x: 0,
   y: 0,
   width: 0,
@@ -8,13 +8,13 @@ const n = (t) => i && (t == null ? void 0 : t.getBoundingClientRect()) || DOMRec
 }), r = () => {
   if (i) {
     const {
-      matches: t
-    } = window.matchMedia("(prefers-reduced-motion: reduce)"), e = getComputedStyle(document.documentElement).getPropertyValue("--ds-animation-duration").trim();
-    return e === "0s" || e === "0ms" || t;
+      matches: e
+    } = window.matchMedia("(prefers-reduced-motion: reduce)"), t = getComputedStyle(document.documentElement).getPropertyValue("--ds-animation-duration").trim();
+    return t === "0s" || t === "0ms" || e;
   } else
     return !0;
 };
 export {
-  n as g,
+  o as g,
   r as i
 };

package/chunks/{map.CXgG1iGz.js → map.DNl7PF61.js}

@@ -4,7 +4,7 @@ const i = ({
   title: l,
   titleId: t,
   ...a
-}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 17 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "m5.6.9 4.7 2L16.1.5v12.2l-5.7 2.4-4.7-2L0 15.5V3.3zM2 12.5l2.7-1.2V3.5L2 4.7zm7.3 0-2.7-1.1V3.5l2.7 1.2zm2-.1 2.7-1.1V3.5l-2.7 1.2z", clipRule: "evenodd" }));
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "m5.565.9 4.671 2L16 .5v12.2l-5.665 2.4-4.67-2L0 15.5V3.3zM1.988 12.5l2.683-1.2V3.5L1.988 4.7zm7.254 0L6.56 11.4V3.5l2.683 1.2zm1.988-.1 2.683-1.1V3.5L11.23 4.7z", clipRule: "evenodd" }));
 export {
   i as default
 };

package/chunks/moon.5yILPYXs.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: l,
+  titleId: a,
+  ...t
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": a, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: a }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M3.992 8c0 2.761 2.229 5 4.978 5a4.7 4.7 0 0 0 1.15-.158c-2.403-2.707-2.39-7.042.103-9.683Q9.62 3.002 8.97 3C6.22 3 3.992 5.239 3.992 8m8.125-6.248A6.9 6.9 0 0 0 8.97 1C5.12 1 2 4.134 2 8s3.12 7 6.97 7c.989 0 2.04-.267 2.99-.694A7.9 7.9 0 0 0 14 13a5.2 5.2 0 0 1-1.921-1.031c-2.349-2.015-2.338-5.87.044-7.84A5.2 5.2 0 0 1 14 3.155a7 7 0 0 0-1.883-1.402", clipRule: "evenodd" }));
+export {
+  c as default
+};

package/chunks/muscle.DbNjWasV.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: l,
+  titleId: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M0 5.895c3.5-.723 6.5-.723 10 2.68l1-3.216-2-1.097V1.69L10.4 0H14l2 4.262-2 11.628s-3.911.247-6.4 0c-3.018-.3-5.6-1.153-7.6-1.689zm2 6.244v-4.1s2.726-.911 5.6 1.42c.976.792 2.9 2.68 2.9 2.68l2.5-6.78V4.287l-2-1.071V2.144h2l1 2.143V5.36l-1.6 8.842s-4.214-.267-4.4-.267c-3.018 0-6-1.795-6-1.795", clipRule: "evenodd" }));
+export {
+  c as default
+};

package/chunks/petrol.BGWwCsTw.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const n = ({
+  title: l,
+  titleId: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M4.414 0 1 3.46l1.394 1.413 3.414-3.46zm6.053 6.511 1.38 1.399-1.38 1.398 1.38 1.398-1.38 1.399-1.38-1.399-1.379 1.399-1.38-1.399 1.38-1.398-1.38-1.398 1.38-1.399 1.38 1.399z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M3.175 5.712 8.792.02H15V16H3.175zm1.971 8.29h7.883V2.017H9.58L5.146 6.51z", clipRule: "evenodd" }));
+export {
+  n as default
+};

package/chunks/sun.CY6ttzTL.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const m = ({
+  title: l,
+  titleId: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M9 16H7v-2.75h2zm-4.005-3.58L3.05 14.364 1.636 12.95l1.944-1.945zm9.369.53-1.414 1.414-1.945-1.945 1.414-1.414z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M8 3.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9m0 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { d: "M2.75 9H0V7h2.75zM16 9h-2.75V7H16zM4.995 3.581 3.581 4.995 1.636 3.051 3.05 1.636zm9.369-.531L12.42 4.995 11.005 3.58l1.945-1.944zM9 2.75H7V0h2z" })));
+export {
+  m as default
+};

package/chunks/{triangle-exclamationmark-colored.CbVC3Gzi.js → triangle-exclamationmark-colored.e93zvQ6Q.js}

@@ -4,7 +4,7 @@ const c = ({
   title: l,
   titleId: a,
   ...t
-}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": a, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: a }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "#FDC543", d: "M8 0 0 16h16z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "m8.7 11.3.5-4.9H6.8l.5 4.9zm-1.8 2.1c0 .6.5 1.1 1.1 1.1s1.1-.4 1.1-1.1c0-.6-.5-1.1-1.1-1.1s-1.1.5-1.1 1.1", clipRule: "evenodd" }));
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": a, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: a }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "#fdc543", d: "M8 0 0 16h16z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "m8.7 11.3.5-4.9H6.8l.5 4.9zm-1.8 2.1c0 .6.5 1.1 1.1 1.1s1.1-.4 1.1-1.1c0-.6-.5-1.1-1.1-1.1s-1.1.5-1.1 1.1", clipRule: "evenodd" }));
 export {
   c as default
 };

package/chunks/upload.BogDfonx.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const h = ({
+  title: l,
+  titleId: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M13 5 8 0 3 5l1.5 1.4L7 3.8V10h2V3.8l2.5 2.6z" }), /* @__PURE__ */ e.createElement("path", { d: "M4 8H0v8h16V8h-4v2h2v4H2v-4h2z" }));
+export {
+  h as default
+};

package/chunks/useBreakpoint.BzR_yaIv.js

@@ -0,0 +1,42 @@
+"use client";
+import { useState as u, useEffect as c } from "react";
+const o = {
+  base: 0,
+  s: 320,
+  m: 768,
+  l: 1024,
+  xl: 1536
+}, a = ["base", "s", "m", "l", "xl"], k = (e) => {
+  let n = "base";
+  for (const t of a)
+    if (e >= o[t])
+      n = t;
+    else
+      break;
+  return n;
+}, b = (e) => e && typeof e == "object" && "base" in e, f = () => {
+  const [e, n] = u("base");
+  c(() => (t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t)), []);
+  const t = () => {
+    const r = window.innerWidth;
+    n(k(r));
+  };
+  return e;
+}, B = (e) => {
+  const n = f();
+  if (e && typeof e != "object" || !b(e))
+    return e;
+  const t = [...a].reverse();
+  let r = e.base;
+  for (const s of t) {
+    const i = e[s];
+    if (i !== void 0 && o[n] >= o[s]) {
+      r = i;
+      break;
+    }
+  }
+  return r;
+};
+export {
+  B as u
+};

package/chunks/variants.-R3_RCW8.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const h = ({
+  title: t,
+  titleId: l,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": l, ...a }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 16H0V6h10zm-8-2h6V8H2z", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { d: "M13 13h-2V5H3V3h10z" }), /* @__PURE__ */ e.createElement("path", { d: "M16 10h-2V2H6V0h10z" })));
+export {
+  h as default
+};

package/chunks/weight.DUPu2UT0.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: l,
+  titleId: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "m15.614 14.039-1.516-7.767-.256-1.322h-3.678c.481-.525.776-1.23.776-2.001C10.94 1.322 9.64 0 8.04 0S5.143 1.322 5.143 2.949c0 .771.294 1.472.775 2H2.153l-.255 1.323L.38 14.04 0 16h16l-.381-1.961zm-7.573-12.4c.71 0 1.283.587 1.283 1.305 0 .719-.577 1.305-1.283 1.305A1.296 1.296 0 0 1 6.76 2.944c0-.718.576-1.304 1.282-1.304M2.775 14 4 7h8l1.39 7z" })));
+export {
+  c as default
+};

package/combobox.jG5GRA7C.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as y } from "react/jsx-runtime";
+import { d as P } from "./chunks/index.D-sRdssb.js";
+import { v as _, c as $ } from "./chunks/CustomReactSelect.Dg3wC_VH.js";
+import { forwardRef as z } from "react";
+const A = z((O, x) => {
+  const e = P.c(32);
+  let s, a, t, n, d, l, r, o, c, p, i, m, u;
+  if (e[0] !== O) {
+    const {
+      id: h,
+      label: q,
+      className: L,
+      disabled: S,
+      dropdownOnFocus: g,
+      filterOption: R,
+      hideLabel: w,
+      invalid: D,
+      lang: E,
+      required: F,
+      tabSelectsValue: M,
+      variant: V,
+      ...j
+    } = O;
+    if (l = h, o = q, s = L, n = R, i = j, a = S === void 0 ? !1 : S, t = g === void 0 ? !1 : g, d = w === void 0 ? !1 : w, r = D === void 0 ? !1 : D, c = E === void 0 ? "en" : E, p = F === void 0 ? !1 : F, m = M === void 0 ? !0 : M, u = V === void 0 ? "single" : V, process.env.NODE_ENV !== "production") {
+      const {
+        options: k
+      } = i;
+      _({
+        id: l,
+        label: o,
+        options: k
+      });
+    }
+    e[0] = O, e[1] = s, e[2] = a, e[3] = t, e[4] = n, e[5] = d, e[6] = l, e[7] = r, e[8] = o, e[9] = c, e[10] = p, e[11] = i, e[12] = m, e[13] = u;
+  } else
+    s = e[1], a = e[2], t = e[3], n = e[4], d = e[5], l = e[6], r = e[7], o = e[8], c = e[9], p = e[10], i = e[11], m = e[12], u = e[13];
+  const b = u === "multi", C = !t || b;
+  let f;
+  e[14] !== s || e[15] !== a || e[16] !== t || e[17] !== n || e[18] !== d || e[19] !== l || e[20] !== r || e[21] !== b || e[22] !== o || e[23] !== c || e[24] !== x || e[25] !== p || e[26] !== i || e[27] !== C || e[28] !== m ? (f = {
+    id: l,
+    label: o,
+    className: s,
+    disabled: a,
+    filterOption: n,
+    hideLabel: d,
+    isMulti: b,
+    invalid: r,
+    lang: c,
+    openMenuOnClick: t,
+    openMenuOnFocus: t,
+    isClearable: C,
+    required: p,
+    ref: x,
+    tabSelectsValue: m,
+    ...i
+  }, e[14] = s, e[15] = a, e[16] = t, e[17] = n, e[18] = d, e[19] = l, e[20] = r, e[21] = b, e[22] = o, e[23] = c, e[24] = x, e[25] = p, e[26] = i, e[27] = C, e[28] = m, e[29] = f) : f = e[29];
+  const N = f;
+  let v;
+  return e[30] !== N ? (v = /* @__PURE__ */ y($, { ...N }), e[30] = N, e[31] = v) : v = e[31], v;
+});
+A.displayName = "DSCombobox";
+export {
+  A as DSCombobox
+};

package/components/ChipGroup/ChipGroup.utils.d.ts

@@ -52,9 +52,7 @@ export declare const DS_CHIP_GROUP_TRANSLATIONS_DE: {
     tooltipDeactivate: string;
     tooltipActivate: string;
 };
-export declare const DS_CHIP_GROUP_TRANSLATIONS: {
-    [key in ChipGroupLanguage]: ChipGroupAriaTranslations;
-};
+export declare const DS_CHIP_GROUP_TRANSLATIONS: Record<ChipGroupLanguage, ChipGroupAriaTranslations>;
 export declare const getChipAriaLabel: (t: (key: keyof ChipGroupAriaTranslations, replacements?: string[]) => string, label: string, disabled: boolean | undefined, isSelected: boolean | undefined, selectionMode: ChipGroupSelectionMode, isRemovable: boolean | undefined) => string;
 export declare const getChipTooltip: (t: (key: keyof ChipGroupAriaTranslations, replacements?: string[]) => string, disabled: boolean | undefined, isSelected: boolean | undefined, isRemovable: boolean | undefined) => string;
 export {};

package/components/Combobox/Combobox.utils.d.ts

@@ -1,8 +1,9 @@
 import { IconName } from '../../types';
 import { ComboboxProps } from './Combobox';
-import { GroupBase, OptionsOrGroups } from 'react-select';
+import { FilterOptionOption, GroupBase, OptionsOrGroups } from 'react-select';
 export type ComboboxVariant = 'single' | 'multi';
 type ValidationProps = Pick<ComboboxProps, 'id' | 'label' | 'options'>;
+export type ComboboxFilterOption<Option> = FilterOptionOption<Option>;
 /**
  * Validates the given properties of the DSCombobox component for common configuration errors.
  * This function is intended to be used in development mode to provide developers with
@@ -57,7 +58,5 @@ export declare const DS_COMBOBOX_TRANSLATIONS_EN: {
     resultsAvailable: string;
 };
 export declare const DS_COMBOBOX_TRANSLATIONS_DE: ComboboxAriaTranslations;
-export declare const DS_COMBOBOX_TRANSLATIONS: {
-    [key in ComboboxLanguage]: ComboboxAriaTranslations;
-};
+export declare const DS_COMBOBOX_TRANSLATIONS: Record<ComboboxLanguage, ComboboxAriaTranslations>;
 export {};

package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts

@@ -1,9 +1,9 @@
 import { GroupBase } from 'react-select';
 import { BreakpointCustomizable, Optional } from '../../../types';
-import { ComboboxAriaTranslations, ComboboxLanguage, ComboboxOption, ComboboxOptionsGroup, ComboboxOptionsOrOptGroups, ComboboxSize } from '../Combobox.utils';
+import { ComboboxAriaTranslations, ComboboxFilterOption, ComboboxLanguage, ComboboxOption, ComboboxOptionsGroup, ComboboxOptionsOrOptGroups, ComboboxSize } from '../Combobox.utils';
 import { PublicBaseSelectProps } from 'react-select/dist/declarations/src/Select';
 import { StateManagerProps } from 'react-select/dist/declarations/src/useStateManager';
-type IncludedReactSelectKeys = 'className' | 'form' | 'inputValue' | 'menuIsOpen' | 'name' | 'onBlur' | 'onFocus' | 'openMenuOnClick' | 'openMenuOnFocus' | 'tabIndex';
+type IncludedReactSelectKeys = 'className' | 'filterOption' | 'form' | 'inputValue' | 'menuIsOpen' | 'name' | 'onBlur' | 'onFocus' | 'openMenuOnClick' | 'openMenuOnFocus' | 'tabIndex';
 type PickedReactSelectProps<OptionType, IsMulti extends boolean, GroupType extends GroupBase<OptionType>> = Optional<Pick<PublicBaseSelectProps<OptionType, IsMulti, GroupType>, IncludedReactSelectKeys>, IncludedReactSelectKeys>;
 type PickedReactSelectStateManagerProps<OptionType, IsMulti extends boolean, GroupType extends GroupBase<OptionType>> = Optional<Pick<StateManagerProps<OptionType, IsMulti, GroupType>, 'defaultInputValue'>, 'defaultInputValue'>;
 export interface CustomReactSelectProps<IsMulti extends boolean> extends PickedReactSelectProps<ComboboxOption, IsMulti, ComboboxOptionsGroup>, PickedReactSelectStateManagerProps<ComboboxOption, IsMulti, ComboboxOptionsGroup> {
@@ -26,6 +26,8 @@ export interface CustomReactSelectProps<IsMulti extends boolean> extends PickedR
      * @default false
      */
     disabled?: boolean;
+    /** Custom method to filter whether an option should be displayed in the menu */
+    filterOption?: ((option: ComboboxFilterOption<ComboboxOption>, inputValue: string) => boolean) | null;
     /** Hides the DSCombobox label, can be responsive.
      *  `boolean | { base: boolean; s?: boolean; m?: boolean; l?: boolean; xl?: boolean; }`
      * @default false

package/components/{InputStepper/InputStepper.d.ts → InputNumber/InputNumber.d.ts}

@@ -1,7 +1,7 @@
 import { InputHTMLAttributes } from 'react';
 import { BreakpointCustomizable } from '../../types';
 import { InputSize } from '../Input/Input.utils';
-export interface InputStepperProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'size' | 'value'> {
+export interface InputNumberProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'size' | 'value'> {
     /** Unique id for the input. */
     id: string;
     /** Label text displayed above the input. */
@@ -87,11 +87,11 @@ export interface InputStepperProps extends Omit<InputHTMLAttributes<HTMLInputEle
     value?: InputHTMLAttributes<HTMLInputElement>['value'];
 }
 /**
- * The `<DSInputStepper />` component is a versatile input field that allows users to easily enter a value and decrease or increase it as needed.
+ * The `<DSInputNumber />` component is a versatile input field that allows users to easily enter a value and decrease or increase it as needed.
  * It comes in two sizes (medium & small) and supports various customizations including a prefix and suffix.
  *
  * Next to the input field, there are two buttons to increase or decrease the input value.
  *
- * Design in Figma: [Input Stepper](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=2141-6769&t=UBsmFURFENnuYSW1-11)
+ * Design in Figma: [Input Number](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=2141-6769&t=UBsmFURFENnuYSW1-11)
  */
-export declare const DSInputStepper: import('react').ForwardRefExoticComponent<InputStepperProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const DSInputNumber: import('react').ForwardRefExoticComponent<InputNumberProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/InputNumber/InputNumber.utils.d.ts

@@ -0,0 +1,13 @@
+import { InputNumberProps } from './InputNumber';
+type ValidationProps = Pick<InputNumberProps, 'id' | 'label' | 'prefix' | 'suffix'>;
+export declare const isValidValue: (value: string | number | readonly string[] | undefined | null) => boolean;
+/**
+ * Validates the given properties of the DSInputNumber component for common configuration errors.
+ * This function is intended to be used in development mode to provide developers with
+ * warnings about potential misuse of the component.
+ *
+ * @param validationProps - The subset of DSInputNumber properties to validate. This includes
+ *                          properties related to the prefix, suffix, icons and action button of the input.
+ */
+export declare const validateInputNumberProps: ({ id, label, prefix, suffix, }: ValidationProps) => void;
+export {};

package/components/Scroller/Scroller.d.ts

@@ -1,7 +1,11 @@
-import { HTMLAttributes, JSX } from 'react';
+import { HTMLAttributes } from 'react';
 export interface ScrollerProps extends HTMLAttributes<HTMLDivElement> {
     /** Content to be displayed within the scroller. */
     children?: React.ReactNode;
+    /** Additional class name to apply to the scrolling element. */
+    scrollerClassName?: string;
+    /** Additional class name to apply to the scroll buttons. */
+    scrollerButtonClassName?: string;
     /** Scrolls the scroll area to the left either smooth or immediately.
      *  `{scrollPosition: number;`
      *  `isSmooth?: boolean;}`
@@ -17,4 +21,4 @@ export interface ScrollerProps extends HTMLAttributes<HTMLDivElement> {
  *
  * Design in Figma: [Scroller](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/Web-Pattern-Library?node-id=6263-49213&t=wRBNgx5siTv3aUkL-11)
  */
-export declare const DSScroller: ({ children, className, scrollToPosition, ...rest }: ScrollerProps) => JSX.Element;
+export declare const DSScroller: import('react').ForwardRefExoticComponent<ScrollerProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/Stepper/Step.d.ts

@@ -0,0 +1,33 @@
+import { default as React, JSX } from 'react';
+import { StepState } from './Step.utils';
+import { StepperTranslations } from './Stepper.utils';
+/** Local copy of the Step data contract to avoid circular dependency with `Stepper.tsx`. */
+export interface Step {
+    label: string;
+    hint?: string;
+    disabled?: boolean;
+    state?: StepState;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+export interface StepperStepProps {
+    /** Step object */
+    step: Step;
+    /** Index of this step in the list */
+    index: number;
+    /** Orientation of the Stepper */
+    orientation: 'horizontal' | 'vertical';
+    /** Total number of steps */
+    stepsCount: number;
+    /** Translation function */
+    t: (key: keyof StepperTranslations, replacements?: string[]) => string;
+    /** Called when the button is clicked (index is already bound in parent) */
+    onStepClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /** Collect the ref for scroll / focus management */
+    buttonRef?: (el: HTMLButtonElement | null) => void;
+}
+/**
+ * Presentational single Step inside the DSStepper.
+ * Keeps the markup & ARIA logic isolated from the Stepper container.
+ */
+export declare const StepperStep: ({ step, index, stepsCount, t, onStepClick, buttonRef, orientation, }: StepperStepProps) => JSX.Element;
+export default StepperStep;

package/components/Stepper/Step.utils.d.ts

@@ -0,0 +1,5 @@
+import { Step } from './Step';
+import { StepperTranslations } from './Stepper.utils';
+export declare const STEP_STATE: readonly ["current", "completed", undefined];
+export type StepState = (typeof STEP_STATE)[number];
+export declare const getStepAriaLabel: (t: (key: keyof StepperTranslations, replacements?: string[]) => string, index: number, total: number, step: Step, isCurrent: boolean) => string;

package/components/Stepper/Stepper.d.ts

@@ -0,0 +1,56 @@
+import { default as React, JSX } from 'react';
+import { SelectedAriaAttributes } from '../../types';
+import { StepState } from './Step.utils';
+import { StepperAlignment, StepperAriaAttributes, StepperLanguage, StepperOrientation, StepperTranslations } from './Stepper.utils';
+export interface Step {
+    /** Label text displayed for the Step. */
+    label: string;
+    /** Short descriptive text displayed beneath the label. */
+    hint?: string;
+    /** Disables the Step, preventing user interaction.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * State of the Step. If set to 'current', the step is highlighted as the current step.
+     * @default undefined
+     */
+    state?: StepState;
+    /** Callback function called when the Step is clicked. */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+export interface StepperProps extends React.HTMLAttributes<HTMLElement> {
+    /** ARIA attributes to enhance accessibility
+     *  `{'aria-label'? string;`
+     *  `'aria-labelledby'?: string;}`
+     * */
+    aria: SelectedAriaAttributes<StepperAriaAttributes>;
+    /** An array of Step Objects containing the label and other optional parameters.
+     * `{label: string; hint: string; disabled?: boolean; state?: 'current' | 'completed' | undefined; onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;}[]`*/
+    steps: Step[];
+    /** Callback function called when the selection of the Stepper changes. */
+    onStepChange: (selectedStepIndex: number) => void;
+    /** Alignment of the DSStepper.
+     * @default 'left'
+     */
+    alignment?: StepperAlignment;
+    /** Sets language to use for the screen reader messages, if no translations object is provided.
+     * @default 'en'
+     */
+    lang?: StepperLanguage;
+    /** Orientation of the DSStepper.
+     * @default 'horizontal'
+     */
+    orientation?: StepperOrientation;
+    /** Translations for the DSStepper. Use our [customization page](/?path=/story/components-stepper-translations--documentation) for creating custom translations. */
+    translations?: StepperTranslations;
+}
+/**
+ * The `<DSStepper />` component provides an accessible step-based navigation pattern following the `aria-current="step"` specification.
+ * It is a **controlled component** and does not manage its own state.
+ * It renders steps as buttons inside an ordered list (`<ol>`) wrapped in a semantic `<nav>` landmark.
+ * Horizontal overflow is handled via `<DSScroller>` preventing line wrapping while enabling keyboard and pointer based scrolling.
+ *
+ * Design in Figma: [Stepper](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=26075-10497)
+ */
+export declare const DSStepper: ({ aria, className, steps, orientation, alignment, lang, translations, onStepChange, ...rest }: StepperProps) => JSX.Element;

package/components/Stepper/Stepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Stepper/Stepper.utils.d.ts

@@ -0,0 +1,30 @@
+import { Step } from './Step';
+import { StepperProps } from './Stepper';
+export type StepperAriaAttributes = 'aria-label' | 'aria-labelledby';
+export declare const STEPPER_ALIGNMENT: readonly ["left", "center"];
+export type StepperAlignment = (typeof STEPPER_ALIGNMENT)[number];
+export declare const STEPPER_ORIENTATION: readonly ["horizontal", "vertical"];
+export type StepperOrientation = (typeof STEPPER_ORIENTATION)[number];
+export type ValidateStepperPropsParams = Pick<StepperProps, 'aria' | 'steps'>;
+export declare const validateStepperProps: ({ aria, steps, }: ValidateStepperPropsParams) => void;
+export declare const validateIsLiveRegionPresentForStepper: () => void;
+export type StepperLanguage = 'en' | 'de';
+export type StepperTranslations = typeof DS_STEPPER_TRANSLATIONS_EN;
+export declare const DS_STEPPER_TRANSLATIONS_EN: {
+    current: string;
+    completed: string;
+    step: string;
+    of: string;
+};
+export declare const DS_STEPPER_TRANSLATIONS_DE: StepperTranslations;
+export declare const DS_STEPPER_TRANSLATIONS: Record<StepperLanguage, StepperTranslations>;
+/**
+ * Get the current step in the stepper.
+ * If no step is marked as 'current', the last step with a defined state is returned.
+ * If no steps have a defined state, the first step is returned.
+ * @param steps The array of steps.
+ * @returns The current step.
+ */
+export declare const getCurrentStep: (steps: Step[]) => Step;
+export declare const getCurrentStepIndex: (steps: Step[]) => number;
+export declare const isStepClickable: (state: Step["state"], disabled: boolean | undefined) => boolean;

package/components/Stepper/Stepper.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/customreactselect.BFN8cYJi.js

@@ -0,0 +1,14 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import { c as u } from "./chunks/CustomReactSelect.Dg3wC_VH.js";
+import "./chunks/useBreakpoint.BzR_yaIv.js";
+import "./asterisk.B2ih8VwF.js";
+import "./chunks/Icon.CDLyB7Pv.js";
+import "./chunks/SystemFeedback.CjlARKki.js";
+import "./optioncheckbox.nBVwGv6c.js";
+export {
+  u as CustomReactSelect
+};

package/dialog.CzM_Cxp0.js

@@ -0,0 +1,9 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/Button.DCZgBNmA.js";
+import { D as e } from "./chunks/Dialog.DpqSVrYR.js";
+export {
+  e as DSDialog
+};

package/drawer._A9MQ8Cj.js

@@ -0,0 +1,9 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/Button.DCZgBNmA.js";
+import { D as e } from "./chunks/Drawer.DISWybOa.js";
+export {
+  e as DSDrawer
+};

package/fieldset.CId-NtI5.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./asterisk.B2ih8VwF.js";
+import "./heading.DHLpT4dc.js";
+import "./chunks/SystemFeedback.CjlARKki.js";
+import { D as l } from "./chunks/Fieldset.DiMtr6Vw.js";
+export {
+  l as DSFieldset
+};