@stihl-design-system/components 1.0.0-RC.44 → 1.0.0-RC.45

package/chunks/Slider.8H5oki70.js

@@ -0,0 +1,307 @@
+"use client";
+import { jsx as b, jsxs as re } from "react/jsx-runtime";
+import { d as ft } from "./index.cKLI89Eg.js";
+import { c as v } from "./index.DQOqod3i.js";
+import { forwardRef as _t, useState as lt, useRef as ht } from "react";
+import { u as vt } from "./useBreakpoint.1txsny17.js";
+import { DSInput as Tt } from "../input.CNC3QIQR.js";
+import { D as xt } from "./Popover.BBT_kVGM.js";
+import { g as st } from "./helpers.CexwVao7.js";
+import '../assets/Slider.vnSU0ya0.css';const gt = "ds-slider_root_3zq13_1", kt = "ds-slider_hint_3zq13_4", Nt = "ds-slider_label-wrapper_3zq13_4", St = "ds-slider_label-hint-input-wrapper_3zq13_7", yt = "ds-slider_number-input_3zq13_10", Dt = "ds-slider_label-wrapper--hidden_3zq13_20", It = "ds-slider_label_3zq13_4", qt = "ds-slider_label--disabled_3zq13_55", zt = "ds-slider_number-input--small_3zq13_84", Lt = "ds-slider_min-max-label-wrapper_3zq13_89", Mt = "ds-slider_min-max-label-wrapper--disabled_3zq13_103", Wt = "ds-slider_min-label_3zq13_108", wt = "ds-slider_max-label_3zq13_112", Vt = "ds-slider_slider-wrapper_3zq13_116", Ct = "ds-slider_slider_3zq13_116", $t = "ds-slider_value-tooltip_3zq13_135", Pt = "ds-slider_proxy-thumb_3zq13_139", At = "ds-slider_proxy-thumb--disabled_3zq13_217", Et = "ds-slider_custom-track_3zq13_246", Rt = "ds-slider_custom-track--progress_3zq13_251", Bt = "ds-slider_custom-track--runnable_3zq13_263", Ft = "ds-slider_custom-track--disabled_3zq13_277", Ht = "ds-slider_tick-wrapper_3zq13_297", Ot = "ds-slider_tick_3zq13_297", Kt = "ds-slider_value-tooltip--visible_3zq13_356", jt = "ds-slider_value-tooltip--disabled_3zq13_359", s = {
+  root: gt,
+  hint: kt,
+  labelWrapper: Nt,
+  labelHintInputWrapper: St,
+  numberInput: yt,
+  labelWrapperHidden: Dt,
+  label: It,
+  labelDisabled: qt,
+  numberInputSmall: zt,
+  minMaxLabelWrapper: Lt,
+  minMaxLabelWrapperDisabled: Mt,
+  minLabel: Wt,
+  maxLabel: wt,
+  sliderWrapper: Vt,
+  slider: Ct,
+  valueTooltip: $t,
+  proxyThumb: Pt,
+  proxyThumbDisabled: At,
+  customTrack: Et,
+  customTrackProgress: Rt,
+  customTrackRunnable: Bt,
+  customTrackDisabled: Ft,
+  tickWrapper: Ht,
+  tick: Ot,
+  valueTooltipVisible: Kt,
+  valueTooltipDisabled: jt
+}, Ut = 11, at = 4, it = (p) => p.toString().length, Gt = (p, r, e) => {
+  if (r === 0)
+    return !0;
+  const u = 1e-10, n = (p - e) / r;
+  return Math.abs(Math.round(n) - n) < u;
+}, Xt = (p, r, e, u) => {
+  const n = parseFloat(r), f = e, o = Math.round((p - f) / n);
+  let c = f + o * n;
+  c = Math.min(Math.max(c, e), u);
+  const x = n.toString().split(".")[1]?.length || 0;
+  return parseFloat(c.toFixed(x));
+}, Jt = (p, r, e) => {
+  const u = (p - r) / (e - r) * 100, n = `calc(-0.24 * ${u}px + 10px)`;
+  return `calc(${u}% + ${n})`;
+}, Qt = ({
+  id: p,
+  label: r
+}) => {
+  if (!p)
+    throw new Error(st("DSSlider", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSlider component.'));
+  if (!r)
+    throw new Error(st("DSSlider", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSlider component. If you don't want to display a label, set hideLabel={true}.`));
+}, Yt = _t((p, r) => {
+  const e = ft.c(165);
+  let u, n, f, o, c, x, m, g, y, D, Q, Y, Z, ee, te, le, se, k;
+  e[0] !== p ? ({
+    id: o,
+    label: c,
+    className: u,
+    defaultValue: n,
+    disabled: Q,
+    hideLabel: Y,
+    hideNumberInput: Z,
+    hint: f,
+    isTooltipAlwaysVisible: ee,
+    max: te,
+    min: le,
+    numberInputProps: x,
+    popoverContent: g,
+    popoverInfoButtonProps: y,
+    step: se,
+    value: k,
+    onChange: m,
+    ...D
+  } = p, e[0] = p, e[1] = u, e[2] = n, e[3] = f, e[4] = o, e[5] = c, e[6] = x, e[7] = m, e[8] = g, e[9] = y, e[10] = D, e[11] = Q, e[12] = Y, e[13] = Z, e[14] = ee, e[15] = te, e[16] = le, e[17] = se, e[18] = k) : (u = e[1], n = e[2], f = e[3], o = e[4], c = e[5], x = e[6], m = e[7], g = e[8], y = e[9], D = e[10], Q = e[11], Y = e[12], Z = e[13], ee = e[14], te = e[15], le = e[16], se = e[17], k = e[18]);
+  const a = Q === void 0 ? !1 : Q, rt = Y === void 0 ? !1 : Y, I = Z === void 0 ? !1 : Z, We = ee === void 0 ? !1 : ee, nt = te === void 0 ? 100 : te, ot = le === void 0 ? 0 : le, ae = se === void 0 ? 1 : se;
+  process.env.NODE_ENV !== "production" && Qt({
+    id: o,
+    label: c
+  });
+  const i = Number(nt), t = Number(ot), d = Number(ae), q = vt(rt), ne = `${o}-label`, we = `${o}-number-input`, oe = `${o}-hint`, ct = f ? ` ${oe}` : "";
+  let ce;
+  e[19] !== n || e[20] !== t || e[21] !== k ? (ce = k || n || t.toString() || "0", e[19] = n, e[20] = t, e[21] = k, e[22] = ce) : ce = e[22];
+  const [z, de] = lt(ce), [T, pe] = lt(k || n || t || 0), dt = ht(null);
+  let ue;
+  e[23] !== r ? (ue = (l) => {
+    dt.current = l, typeof r == "function" ? r(l) : r && (r.current = l);
+  }, e[23] = r, e[24] = ue) : ue = e[24];
+  const Ve = ue;
+  let me;
+  e[25] !== x ? (me = x || {}, e[25] = x, e[26] = me) : me = e[26];
+  const {
+    size: tt,
+    suffix: Ce
+  } = me, be = tt === void 0 ? "medium" : tt;
+  let fe;
+  e[27] !== m ? (fe = (l) => {
+    const _ = parseFloat(l.target.value);
+    pe(_), de(l.target.value), m && m(l);
+  }, e[27] = m, e[28] = fe) : fe = e[28];
+  const $e = fe;
+  let _e;
+  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_e = (l) => {
+    const _ = l.target.value;
+    if (de(_), /^-?\d+(\.\d+)?$/.test(_)) {
+      const h = parseFloat(_);
+      Number.isNaN(h) || pe(h);
+    }
+  }, e[29] = _e) : _e = e[29];
+  const pt = _e;
+  let N;
+  if (e[30] !== z || e[31] !== m || e[32] !== i || e[33] !== t || e[34] !== ae) {
+    N = (_) => {
+      const ie = parseFloat(z);
+      if (Number.isNaN(ie)) {
+        l(_);
+        return;
+      }
+      let h = Math.min(Math.max(ie, t), i);
+      Gt(h, parseFloat(ae), t) || (h = Xt(h, ae, t, i)), de(h.toString()), pe(h), m && m(_);
+    };
+    const l = (_) => {
+      de(t.toString()), pe(t), m && m(_);
+    };
+    e[30] = z, e[31] = m, e[32] = i, e[33] = t, e[34] = ae, e[35] = N;
+  } else
+    N = e[35];
+  const L = (d === 0 ? !1 : (i - t) / d <= Ut) && (i - t) / d || 0;
+  let he;
+  if (e[36] !== i || e[37] !== t || e[38] !== d || e[39] !== L) {
+    let l;
+    e[41] !== i || e[42] !== t || e[43] !== d ? (l = (_, ie) => {
+      const h = t + ie * d, bt = Jt(h, t, i);
+      return /* @__PURE__ */ b("span", { className: s.tick, style: {
+        left: bt
+      } }, h);
+    }, e[41] = i, e[42] = t, e[43] = d, e[44] = l) : l = e[44], he = Array.from({
+      length: L + 1
+    }, l), e[36] = i, e[37] = t, e[38] = d, e[39] = L, e[40] = he;
+  } else
+    he = e[40];
+  const Pe = he;
+  let ve;
+  e[45] !== i || e[46] !== t || e[47] !== T ? (ve = () => {
+    if (t === i)
+      throw new Error("Min and max values cannot be the same.");
+    const l = (T - t) / (i - t) * 100;
+    return Math.max(0, Math.min(l, 100));
+  }, e[45] = i, e[46] = t, e[47] = T, e[48] = ve) : ve = e[48];
+  const S = ve;
+  let Te;
+  e[49] !== S ? (Te = () => {
+    const l = S();
+    return l < 50 ? `calc(${l}% + 4px)` : `calc(${l}% - 4px)`;
+  }, e[49] = S, e[50] = Te) : Te = e[50];
+  const ut = Te;
+  let xe;
+  e[51] !== S ? (xe = () => {
+    const l = 100 - S();
+    return l < 50 ? `calc(${l}% + 4px)` : `calc(${l}% - 4px)`;
+  }, e[51] = S, e[52] = xe) : xe = e[52];
+  const mt = xe;
+  let ge;
+  e[53] !== u ? (ge = v(s.slider, u), e[53] = u, e[54] = ge) : ge = e[54];
+  const Ae = ge;
+  let ke;
+  e[55] !== a ? (ke = v(s.label, {
+    [s.labelDisabled]: a
+  }), e[55] = a, e[56] = ke) : ke = e[56];
+  const Ee = ke;
+  let Ne;
+  e[57] !== q ? (Ne = v(s.labelWrapper, {
+    [s.labelWrapperHidden]: q
+  }), e[57] = q, e[58] = Ne) : Ne = e[58];
+  const Re = Ne, Be = be === "small";
+  let Se;
+  e[59] !== Be ? (Se = v(s.numberInput, {
+    [s.numberInputSmall]: Be
+  }), e[59] = Be, e[60] = Se) : Se = e[60];
+  const Fe = Se;
+  let ye;
+  e[61] !== a ? (ye = v(s.minMaxLabelWrapper, {
+    [s.minMaxLabelWrapperDisabled]: a
+  }), e[61] = a, e[62] = ye) : ye = e[62];
+  const He = ye;
+  let De;
+  e[63] !== a ? (De = v(s.customTrack, s.customTrackProgress, {
+    [s.customTrackDisabled]: a
+  }), e[63] = a, e[64] = De) : De = e[64];
+  const Oe = De;
+  let Ie;
+  e[65] !== a ? (Ie = v(s.customTrack, s.customTrackRunnable, {
+    [s.customTrackDisabled]: a
+  }), e[65] = a, e[66] = Ie) : Ie = e[66];
+  const Ke = Ie;
+  let qe;
+  e[67] !== a ? (qe = v(s.proxyThumb, {
+    [s.proxyThumbDisabled]: a
+  }), e[67] = a, e[68] = qe) : qe = e[68];
+  const je = qe;
+  let ze;
+  e[69] !== a || e[70] !== We ? (ze = v(s.valueTooltip, {
+    [s.valueTooltipVisible]: We,
+    [s.valueTooltipDisabled]: a
+  }), e[69] = a, e[70] = We, e[71] = ze) : ze = e[71];
+  const Ue = ze;
+  let M;
+  e[72] !== o || e[73] !== c || e[74] !== Ee || e[75] !== ne ? (M = /* @__PURE__ */ b("label", { className: Ee, htmlFor: o, id: ne, children: c }), e[72] = o, e[73] = c, e[74] = Ee, e[75] = ne, e[76] = M) : M = e[76];
+  let W;
+  e[77] !== q || e[78] !== g || e[79] !== y ? (W = g && !q && /* @__PURE__ */ b(xt, { placement: "top", defaultAnchorButtonProps: y, children: g }), e[77] = q, e[78] = g, e[79] = y, e[80] = W) : W = e[80];
+  let w;
+  e[81] !== Re || e[82] !== M || e[83] !== W ? (w = /* @__PURE__ */ re("div", { className: Re, children: [
+    M,
+    W
+  ] }), e[81] = Re, e[82] = M, e[83] = W, e[84] = w) : w = e[84];
+  let V;
+  e[85] !== f || e[86] !== oe ? (V = f && /* @__PURE__ */ b("div", { className: s.hint, id: oe, children: f }), e[85] = f, e[86] = oe, e[87] = V) : V = e[87];
+  let C;
+  e[88] !== a || e[89] !== N || e[90] !== I || e[91] !== we || e[92] !== z || e[93] !== c || e[94] !== Fe || e[95] !== be || e[96] !== Ce || e[97] !== i || e[98] !== t || e[99] !== d ? (C = !I && /* @__PURE__ */ b(Tt, { id: we, className: Fe, type: "number", min: t, max: i, step: d, inputMode: "decimal", autoComplete: "off", disabled: a, hideLabel: !0, value: z, onChange: pt, onBlur: N, onKeyDown: (l) => {
+    l.key === "Enter" && (l.preventDefault(), N(l));
+  }, label: c, size: be, suffix: Ce }), e[88] = a, e[89] = N, e[90] = I, e[91] = we, e[92] = z, e[93] = c, e[94] = Fe, e[95] = be, e[96] = Ce, e[97] = i, e[98] = t, e[99] = d, e[100] = C) : C = e[100];
+  let $;
+  e[101] !== w || e[102] !== V || e[103] !== C ? ($ = /* @__PURE__ */ re("div", { className: s.labelHintInputWrapper, children: [
+    w,
+    V,
+    C
+  ] }), e[101] = w, e[102] = V, e[103] = C, e[104] = $) : $ = e[104];
+  const Ge = it(t) < at;
+  let P;
+  e[105] !== Ge ? (P = v({
+    [s.minLabel]: Ge
+  }), e[105] = Ge, e[106] = P) : P = e[106];
+  let A;
+  e[107] !== t || e[108] !== P ? (A = /* @__PURE__ */ b("div", { className: P, children: t }), e[107] = t, e[108] = P, e[109] = A) : A = e[109];
+  const Xe = it(i) < at;
+  let E;
+  e[110] !== Xe ? (E = v({
+    [s.maxLabel]: Xe
+  }), e[110] = Xe, e[111] = E) : E = e[111];
+  let R;
+  e[112] !== i || e[113] !== E ? (R = /* @__PURE__ */ b("div", { className: E, children: i }), e[112] = i, e[113] = E, e[114] = R) : R = e[114];
+  let B;
+  e[115] !== He || e[116] !== A || e[117] !== R ? (B = /* @__PURE__ */ re("div", { className: He, children: [
+    A,
+    R
+  ] }), e[115] = He, e[116] = A, e[117] = R, e[118] = B) : B = e[118];
+  const Je = `${S()}`;
+  let Le;
+  e[119] !== Je ? (Le = {
+    "--ds-input-slider-thumb-position": Je
+  }, e[119] = Je, e[120] = Le) : Le = e[120];
+  const Qe = Le, Ye = ut();
+  let F;
+  e[121] !== Ye ? (F = {
+    width: Ye
+  }, e[121] = Ye, e[122] = F) : F = e[122];
+  let H;
+  e[123] !== Oe || e[124] !== F ? (H = /* @__PURE__ */ b("div", { className: Oe, style: F }), e[123] = Oe, e[124] = F, e[125] = H) : H = e[125];
+  const Ze = mt();
+  let O;
+  e[126] !== Ze ? (O = {
+    width: Ze
+  }, e[126] = Ze, e[127] = O) : O = e[127];
+  let K;
+  e[128] !== Ke || e[129] !== O ? (K = /* @__PURE__ */ b("div", { className: Ke, style: O }), e[128] = Ke, e[129] = O, e[130] = K) : K = e[130];
+  const et = `${ne}${ct}`;
+  let j;
+  e[131] !== a || e[132] !== Ve || e[133] !== $e || e[134] !== o || e[135] !== i || e[136] !== t || e[137] !== d || e[138] !== D || e[139] !== Ae || e[140] !== T || e[141] !== et ? (j = /* @__PURE__ */ b("input", { ...D, id: o, type: "range", ref: Ve, className: Ae, min: t, max: i, step: d, value: T, disabled: a, "aria-labelledby": et, onChange: $e }), e[131] = a, e[132] = Ve, e[133] = $e, e[134] = o, e[135] = i, e[136] = t, e[137] = d, e[138] = D, e[139] = Ae, e[140] = T, e[141] = et, e[142] = j) : j = e[142];
+  let U;
+  e[143] !== L || e[144] !== Pe ? (U = L > 0 && /* @__PURE__ */ b("div", { className: s.tickWrapper, children: Pe }), e[143] = L, e[144] = Pe, e[145] = U) : U = e[145];
+  let G;
+  e[146] !== je ? (G = /* @__PURE__ */ b("div", { className: je }), e[146] = je, e[147] = G) : G = e[147];
+  let X;
+  e[148] !== a || e[149] !== I || e[150] !== T || e[151] !== Ue ? (X = I && /* @__PURE__ */ b("div", { className: Ue, "aria-disabled": a, children: T }), e[148] = a, e[149] = I, e[150] = T, e[151] = Ue, e[152] = X) : X = e[152];
+  let J;
+  e[153] !== Qe || e[154] !== H || e[155] !== K || e[156] !== j || e[157] !== U || e[158] !== G || e[159] !== X ? (J = /* @__PURE__ */ re("div", { className: s.sliderWrapper, style: Qe, children: [
+    H,
+    K,
+    j,
+    U,
+    G,
+    X
+  ] }), e[153] = Qe, e[154] = H, e[155] = K, e[156] = j, e[157] = U, e[158] = G, e[159] = X, e[160] = J) : J = e[160];
+  let Me;
+  return e[161] !== $ || e[162] !== B || e[163] !== J ? (Me = /* @__PURE__ */ re("div", { className: s.root, children: [
+    $,
+    B,
+    J
+  ] }), e[161] = $, e[162] = B, e[163] = J, e[164] = Me) : Me = e[164], Me;
+});
+Yt.displayName = "DSSlider";
+export {
+  Yt as D,
+  at as L,
+  Ut as M,
+  Jt as a,
+  it as g,
+  Gt as i,
+  Xt as s,
+  Qt as v
+};

package/chunks/{Stepper.BnrFN6cJ.js → Stepper.UvgTZCCb.js}

@@ -8,8 +8,8 @@ import { t as H } from "./translate.nuU7uChI.js";
 import { u as v } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
 import "./index.cKLI89Eg.js";
 import { f as G } from "./AriaLiveRegions.utils.8ofDlHnN.js";
-import { DSScroller as F } from "../scroller.DwhsKecL.js";
-import { StepperStep as J } from "../step.B-afaoZI.js";
+import { DSScroller as F } from "../scroller.BZy0pXNL.js";
+import { StepperStep as J } from "../step.C8Um5fyx.js";
 import '../assets/Stepper.tXJl15yL.css';const _t = ["prev", "next"], L = 48, K = "ds-stepper_root_1d1si_1", Q = "ds-stepper_root--vertical_1d1si_12", U = "ds-stepper_scroller--centered_1d1si_17", X = "ds-stepper_scroller-button_1d1si_21", Y = "ds-stepper_list_1d1si_26", Z = "ds-stepper_list--center_1d1si_35", tt = "ds-stepper_list--vertical_1d1si_38", a = {
   root: K,
   rootVertical: Q,

package/chunks/{SystemFeedback.D4aWwoC8.js → SystemFeedback.CZhoSxrC.js}

@@ -3,7 +3,7 @@ import { jsxs as f, jsx as S } from "react/jsx-runtime";
 import { d as _ } from "./index.cKLI89Eg.js";
 import { c as p } from "./index.DQOqod3i.js";
 import "react";
-import { D as E } from "./Icon.BoywkLCM.js";
+import { D as E } from "./Icon.DCdL1Vnp.js";
 import '../assets/SystemFeedback.PKzqnXUe.css';const k = "ds-system-feedback_root_1dkn4_1", x = {
   root: k
 }, h = ["success", "error", "warning"], D = {

package/chunks/{Tabs.kCft3oEd.js → Tabs.DtfpA30P.js}

@@ -2,7 +2,7 @@
 import { jsx as E, jsxs as M } from "react/jsx-runtime";
 import { d as q } from "./index.cKLI89Eg.js";
 import { useState as C } from "react";
-import { TabList as V } from "../tablist.CLKzkkTc.js";
+import { TabList as V } from "../tablist.DuaTT6zK.js";
 import { TabPane as $ } from "../tabpane.7vMXUKFX.js";
 import { g as j } from "./TabPane.utils.DG16Y2uD.js";
 import { g as p, r as B } from "./helpers.CexwVao7.js";

package/chunks/{Textarea.DDcx_Pdr.js → Textarea.B-Ii-p0C.js}

@@ -6,8 +6,8 @@ import { g as I, p as X } from "./helpers.CexwVao7.js";
 import { u as Z } from "./useBreakpoint.1txsny17.js";
 import "./index.cKLI89Eg.js";
 import { Asterisk as me } from "../asterisk.Dwtdwpkq.js";
-import { D as xe } from "./Popover.BmpyqKuQ.js";
-import { D as ve } from "./SystemFeedback.D4aWwoC8.js";
+import { D as xe } from "./Popover.BBT_kVGM.js";
+import { D as ve } from "./SystemFeedback.CZhoSxrC.js";
 import '../assets/Textarea.BIgA9_fl.css';const Se = "ds-textarea_textarea_19e2t_1", Ce = "ds-textarea_textarea--small_19e2t_9", we = "ds-textarea_textarea--invalid_19e2t_121", ye = "ds-textarea_textarea--resize-auto_19e2t_145", De = "ds-textarea_root_19e2t_155", Ae = "ds-textarea_hint_19e2t_155", Te = "ds-textarea_label-wrapper_19e2t_155", Ie = "ds-textarea_label_19e2t_155", Ne = "ds-textarea_label--disabled_19e2t_295", ke = "ds-textarea_label-wrapper--hidden_19e2t_307", Re = "ds-textarea_feedback_19e2t_335", Ee = "ds-textarea_footer_19e2t_339", He = "ds-textarea_footer--has-system-feedback_19e2t_344", ge = "ds-textarea_char-count_19e2t_353", $e = "ds-textarea_char-count-announcer_19e2t_366", a = {
   textarea: Se,
   textareaSmall: Ce,

package/chunks/{Toast.DddHXsvZ.js → Toast.B7_VJE8V.js}

@@ -3,8 +3,8 @@ import { jsx as C, jsxs as j } from "react/jsx-runtime";
 import { d as E } from "./index.cKLI89Eg.js";
 import { c as W } from "./index.DQOqod3i.js";
 import { forwardRef as L } from "react";
-import { D as M } from "./Button.P9uWeVnl.js";
-import { D as O } from "./Icon.BoywkLCM.js";
+import { D as M } from "./Button.D8U6Bs7T.js";
+import { D as O } from "./Icon.DCdL1Vnp.js";
 import '../assets/Toast.CGl8z6mX.css';const P = "ds-toast_root_1k9pu_5", z = "ds-toast_root--closing_1k9pu_15", A = "ds-toast_root--success_1k9pu_66", R = "ds-toast_root--info_1k9pu_70", $ = "ds-toast_root--warning_1k9pu_74", q = "ds-toast_content_1k9pu_79", F = "ds-toast_content--hide-icon_1k9pu_86", G = "ds-toast_icon_1k9pu_90", J = "ds-toast_message_1k9pu_94", s = {
   root: P,
   rootClosing: z,

package/chunks/heart-filled.CmO7eae5.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: "M0 5.061C0 2.796 1.806 1 4.222 1c1.15 0 2.06.46 2.79 1.055.36.293.688.63.988.97.3-.34.628-.677.988-.97C9.718 1.46 10.628 1 11.778 1 14.196 1 16 2.796 16 5.061c0 .463-.021.946-.202 1.497-.177.54-.484 1.078-.956 1.72-.502.683-1.844 2.023-3.096 3.23a161 161 0 0 1-3.069 2.883l-.672.61-.672-.61a165 165 0 0 1-3.067-2.872c-1.25-1.203-2.592-2.54-3.105-3.237-.482-.644-.792-1.185-.967-1.73C.015 6 0 5.515 0 5.063", clipRule: "evenodd" }));
+export {
+  c as default
+};

package/{combobox.B-BIvd5K.js → combobox.C2DBgO0t.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as z } from "react/jsx-runtime";
 import { d as G } from "./chunks/index.cKLI89Eg.js";
-import { v as H, c as J } from "./chunks/CustomReactSelect.DuAr_i4b.js";
+import { v as H, c as J } from "./chunks/CustomReactSelect.DHwRSrva.js";
 import { forwardRef as K } from "react";
 const Q = K((N, S) => {
   const t = G.c(38);

package/components/Accordion/Accordion.d.ts

@@ -18,7 +18,7 @@ export interface AccordionProps extends DetailsHTMLAttributes<HTMLDetailsElement
      * @default 'right'
      */
     chevronPosition?: ChevronPosition;
-    /** Custom area below the summary. **Cannot be used together with numberIndicatorValue**. */
+    /** Custom area below the summary. **Cannot be used together with `numberIndicatorValue`**. */
     hint?: React.ReactNode;
     /** Aligns the accordion with text.
      * @default false
@@ -28,7 +28,7 @@ export interface AccordionProps extends DetailsHTMLAttributes<HTMLDetailsElement
      * @default false
      */
     isOpen?: boolean;
-    /** Number Indicator value displayed next to the label. **Cannot be used together with hint**. */
+    /** Number Indicator value displayed next to the label. **Cannot be used together with `hint`**. */
     numberIndicatorValue?: string;
     /** Adds a descriptive label for screen readers to the Number Indicator. */
     numberIndicatorAriaLabel?: string;

package/components/ActionCard/ActionCard.d.ts

@@ -22,6 +22,13 @@ export interface ActionCardProps extends HTMLAttributes<HTMLElement> {
      * @default 'medium'
      */
     padding?: 'small' | 'medium';
+    /**
+     * Sets the visual style of the card.
+     * - `'outlined'`: Subtle border, ideal for grids and dense layouts.
+     * - `'elevated'`: Drop shadow for visual emphasis or background separation.
+     * @default 'outlined'
+     */
+    variant?: 'outlined' | 'elevated';
 }
 /** Props for any "slot" component */
 export interface ActionCardSlotProps {
@@ -57,7 +64,6 @@ export interface PrimaryActionSlotProps extends Omit<AnchorHTMLAttributes<HTMLAn
 /** Compound type for ActionCard with its static slots */
 interface ActionCardComponent extends React.FC<ActionCardProps> {
     Header: React.FC<ActionCardSlotProps>;
-    Content: React.FC<ActionCardSlotProps>;
     Footer: React.FC<ActionCardSlotProps>;
     Media: React.FC<ActionCardSlotProps>;
     PrimaryAction: React.FC<PrimaryActionSlotProps>;
@@ -66,10 +72,11 @@ interface ActionCardComponent extends React.FC<ActionCardProps> {
 /**
  * A flexible card component that can display various types of content and media. It renders a semantic `<article>` element as non-clickable container that groups interactive and non-interactive elements.
  *
- * - Slot-based structure: configurable slots (media, header, footer & supplementary) that can be customized.
- * - Internal interactions only: interactive elements (e.g. CTAs) inside the card are clickable and focusable.
+ * - Slot-based structure: configurable slots (media, header, footer, supplementary, and primary action) that can be customized.
+ * - Optional card-level interaction: use the `PrimaryAction` slot to make the entire card clickable while keeping other interactive elements (buttons, checkboxes) accessible.
+ * - Internal interactions only: interactive elements (e.g. CTAs) inside the card are clickable and focusable, even when PrimaryAction is used.
  *
- * Design in Figma: [Action Card](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/branch/NUiDfjIK57Feko6GSHYeXz/Core-Components-%F0%9F%92%A0?node-id=44233-30708&t=ZEFsgMD8yluu9OXi-11)
+ * Design in Figma: [Action Card](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=47366-6210)
  */
 export declare const DSActionCard: ActionCardComponent;
 export {};

package/components/Banner/Banner.d.ts

@@ -27,6 +27,6 @@ export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
  *
  * Avoid using it for critical updates or system messages; use notifications for those instead.
  *
- * Design in Figma: [Banner](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/branch/E1V1SOH56AJFI8POcjNHhO/Web-Pattern-Library?node-id=7171-10859&t=DJuQNlSCRz2j9IRs-11)
+ * Design in Figma: [Banner](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/Web-Pattern-Library?node-id=7171-9055)
  * */
 export declare const DSBanner: ({ className, closeButtonProps, children, variant, onClose, ...rest }: BannerProps) => JSX.Element;

package/components/Breadcrumb/Breadcrumb.d.ts

@@ -19,10 +19,13 @@ export interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
      * */
     aria: SelectedAriaAttributes<BreadcrumbAriaAttributes>;
     /** Breadcrumb link array structure with optional and required parameters
+     *
      *  `{ label: string;`
      *  `href?: string;`
      *  `iconName?: IconName;`
-     *  `wrapper?: React.ReactElement<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;}[]`
+     *  `wrapper?: React.ReactElement<`
+     *  `  React.AnchorHTMLAttributes<HTMLAnchorElement> &`
+     *  `  React.RefAttributes<HTMLAnchorElement>>;}[]`
      */
     links: BreadcrumbLink[];
     /** Show all (...) button props:

package/components/ButtonRound/ButtonRound.d.ts

@@ -1,16 +1,23 @@
-import { IconName } from '../../types';
 import { ButtonProps } from '../Button/Button';
-import { ButtonRoundVariant } from './ButtonRound.utils';
-export interface ButtonRoundProps extends Omit<ButtonProps, 'hideLabel' | 'size' | 'iconPosition' | 'isFlush'> {
+import { ButtonHTMLAttributes } from 'react';
+import { ButtonRoundSize, ButtonRoundVariant } from './ButtonRound.utils';
+export interface ButtonRoundProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<ButtonProps, 'aria' | `data-${string}` | 'iconName' | 'iconSource' | 'loading' | 'theme' | 'tooltip'> {
+    /** Content within the button. */
     children: React.ReactNode;
+    /** Disables the button, preventing user interaction.
+     * @default false
+     */
+    disabled?: boolean;
+    /** Size of the button.
+     * @default 'small'
+     */
+    size?: ButtonRoundSize;
     /** Visual style variant of the button.
      * @default 'filled'
      */
     variant?: ButtonRoundVariant;
-    /** Name of the icon to display.
-     * @default 'placeholder'
-     */
-    iconName?: IconName;
+    /** Callback function called when the button is clicked. */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 /**
  * Icon only Buttons should only used for functions where visible labels are not needed to define the function e.g. modal close or pagination buttons.

package/components/ButtonRound/ButtonRound.utils.d.ts

@@ -1,2 +1,4 @@
 export declare const BUTTON_ROUND_VARIANT: readonly ["filled", "highlight"];
-export type ButtonRoundVariant = typeof BUTTON_ROUND_VARIANT[number];
+export type ButtonRoundVariant = (typeof BUTTON_ROUND_VARIANT)[number];
+export declare const BUTTON_ROUND_SIZE: readonly ["small", "medium"];
+export type ButtonRoundSize = (typeof BUTTON_ROUND_SIZE)[number];

package/components/FloatingActionButton/FloatingActionButton.d.ts

@@ -1,11 +1,14 @@
-import { IconName } from '../../types';
 import { ButtonProps } from '../Button/Button';
-export interface FloatingActionButtonProps extends Omit<ButtonProps, 'hideLabel' | 'iconPosition' | 'variant' | 'isFlush'> {
+import { ButtonHTMLAttributes } from 'react';
+export interface FloatingActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<ButtonProps, 'aria' | `data-${string}` | 'iconName' | 'iconSource' | 'loading' | 'size' | 'theme' | 'tooltip'> {
+    /** Content within the button. */
     children: React.ReactNode;
-    /** Name of the icon to display.
-     * @default 'placeholder'
+    /** Disables the button, preventing user interaction.
+     * @default false
      */
-    iconName?: IconName;
+    disabled?: boolean;
+    /** Callback function called when the button is clicked. */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 /**
  * FABs are used to highlight actions by laying over the content.

package/components/LinkCard/LinkCard.d.ts

@@ -22,6 +22,9 @@ type CardClassNames = {
     footerWrapper?: string;
     headerWrapper?: string;
     heading?: string;
+    /** Class name for the media wrapper element. */
+    mediaWrapper?: string;
+    /** @deprecated Use `mediaWrapper` instead. Will be removed with stable release. */
     imageWrapper?: string;
     metaDataWrapper?: string;
     graphicAreaWrapper?: string;
@@ -55,7 +58,7 @@ export interface LinkCardProps extends AnchorHTMLAttributes<HTMLAnchorElement |
      * - `footerWrapper?: string` className for the footer wrapper element.
      * - `headerWrapper?: string` className for the header wrapper element.
      * - `heading?: string` className for the heading element.
-     * - `imageWrapper?: string` className for the image wrapper element.
+     * - `mediaWrapper?: string` className for the media wrapper element.
      * - `metaDataWrapper?: string` className for the meta data wrapper element.
      * - `graphicAreaWrapper?: string` className for the graphic area wrapper element.
      */
@@ -108,15 +111,22 @@ export interface LinkCardProps extends AnchorHTMLAttributes<HTMLAnchorElement |
      * @default 'medium'
      */
     padding?: 'small' | 'medium';
+    /**
+     * Sets the visual style of the card.
+     * - `'outlined'`: Subtle border, ideal for grids and dense layouts.
+     * - `'elevated'`: Drop shadow for visual emphasis or background separation.
+     * @default 'outlined'
+     */
+    variant?: 'outlined' | 'elevated';
 }
 /**
  * A simple, accessible Card component that can be used as a link to navigate to other pages.
  * The entire card is clickable and follows accessibility best practices.
  *
- * Design in Figma: [Link Card](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=26075-11591&p=f&t=WDN78eWtKR9F8yYp-11)
+ * Design in Figma: [Link Card](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=43951-17695)
  */
 export declare const DSLinkCard: {
-    ({ heading, brandFlag, className, cardClassNames, decorativeLinkButtonProps, description, flagListAriaLabel, flags, href, img, linkComponent, metaData, orientation, padding, graphicArea, ...rest }: LinkCardProps): JSX.Element;
+    ({ heading, brandFlag, className, cardClassNames, decorativeLinkButtonProps, description, flagListAriaLabel, flags, href, img, linkComponent, metaData, orientation, padding, graphicArea, variant, ...rest }: LinkCardProps): JSX.Element;
     displayName: string;
 };
 export {};

package/components/MegaMenu/MegaMenu.d.ts

@@ -17,7 +17,7 @@ export interface MegaMenuProps {
 /**
  * The MegaMenu component is used to display additional information or actions related to an anchor element. It can be positioned relative to the anchor and supports various placements and offsets.
  *
- * Design in Figma: [MegaMenu](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/branch/dDZiDou9UpPtHIF2bXkLKL/Web-Pattern-Library?node-id=6869-65546&t=PkzLITphHlu1XJKT-11)
+ * Design in Figma: [MegaMenu](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/Web-Pattern-Library?node-id=6583-87264&t=1rS7ELMWTIogKb9o-4)
  * */
 export declare const DSMegaMenu: {
     ({ children, ...rest }: MegaMenuProps): JSX.Element;

package/components/Pagination/Pagination.d.ts

@@ -0,0 +1,51 @@
+import { JSX, ReactElement } from 'react';
+import { SelectedAriaAttributes } from '../../types';
+import { PaginationAlignment, PaginationAriaAttributes, PaginationLanguage, PaginationTranslations } from './Pagination.utils';
+export interface PaginationLink {
+    /** The href for the link if no framework-specific link component wrapper is provided. */
+    href?: string;
+    /** The framework-specific link component wrapper, e.g., `Link` for `next` or `react-router-dom`. */
+    wrapper?: ReactElement<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+}
+export interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
+    /** ARIA attributes to ensure accessibility. 'aria-label' OR 'aria-labelledby' is required.
+     *
+     *  `{'aria-label'?: string;`
+     *  `'aria-labelledby'?: string;}`
+     * */
+    aria: SelectedAriaAttributes<PaginationAriaAttributes>;
+    /** Sets the items per page used to derive the number of pages. */
+    itemsPerPage: number;
+    /** Sets the total amount of items in the dataset. */
+    totalItemsCount: number;
+    /** **Controlled** active page index (0-based).
+     * @default 0
+     */
+    activePageIndex?: number;
+    /** Alignment of the DSPagination.
+     * @default 'right'
+     */
+    alignment?: PaginationAlignment;
+    /** Sets language to use for the screen reader messages, if no translations object is provided.
+     * @default 'en'
+     */
+    lang?: PaginationLanguage;
+    /** Pagination link array structure with optional and required parameters
+     *
+     *  `{ href?: string;`
+     *  `wrapper?: React.ReactElement<`
+     *  `  React.AnchorHTMLAttributes<HTMLAnchorElement> &`
+     *  `  React.RefAttributes<HTMLAnchorElement>>;}[]`
+     */
+    links?: PaginationLink[];
+    /** Translations for the DSPagination. Use our [customization page](/?path=/story/components-pagination-translations--documentation) for creating custom translations. */
+    translations?: PaginationTranslations;
+    /** Callback when a new page is selected. */
+    onPageChange?: (nextPageIndex: number) => void;
+}
+/**
+ * A pagination component rendering navigation controls and page links with ellipsis overflow.
+ *
+ * Design in Figma: [Pagination](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=26075-11456)
+ */
+export declare const DSPagination: ({ aria, activePageIndex, itemsPerPage, totalItemsCount, className, alignment, lang, links, translations, onPageChange, ...rest }: PaginationProps) => JSX.Element;

package/components/Pagination/Pagination.responsive.test.d.ts

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

package/components/Pagination/Pagination.test.d.ts

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