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

package/chunks/Select.BDHLJ2ma.js

@@ -0,0 +1,162 @@
+"use client";
+import { jsx as _, jsxs as we } from "react/jsx-runtime";
+import { d as xe } from "./index.CgTHIF3K.js";
+import { c as ve } from "./index.CEyLAtio.js";
+import { forwardRef as Be, useRef as Fe, useState as Ie, useEffect as He } from "react";
+import { u as Re } from "./useBreakpoint.CMOR9ZOB.js";
+import { Asterisk as je } from "../asterisk.CR60hx8S.js";
+import { D as We } from "./Icon.DGTYCv63.js";
+import { D as ze } from "./SystemFeedback.B9f67mjJ.js";
+import { g as me, r as Me } from "./helpers.BbWkXTr3.js";
+import '../assets/Select.CYACicZ3.css';const Te = "ds-select_root_d8v6g_1", Oe = "ds-select_hint_d8v6g_10", Ze = "ds-select_label_d8v6g_10", Je = "ds-select_label--hidden_d8v6g_100", Ke = "ds-select_label--disabled_d8v6g_113", Qe = "ds-select_feedback_d8v6g_133", Ue = "ds-select_select-wrapper_d8v6g_138", Xe = "ds-select_select_d8v6g_138", Ye = "ds-select_select--small_d8v6g_152", Ge = "ds-select_select--invalid_d8v6g_264", el = "ds-select_select--placeholder_d8v6g_379", ll = "ds-select_chevron_d8v6g_418", tl = "ds-select_chevron--small_d8v6g_422", sl = "ds-select_chevron--disabled_d8v6g_425", t = {
+  root: Te,
+  hint: Oe,
+  label: Ze,
+  labelHidden: Je,
+  labelDisabled: Ke,
+  feedback: Qe,
+  selectWrapper: Ue,
+  select: Xe,
+  selectSmall: Ye,
+  selectInvalid: Ge,
+  selectPlaceholder: el,
+  chevron: ll,
+  chevronSmall: tl,
+  chevronDisabled: sl
+}, ul = ["medium", "small"], al = ({
+  id: r,
+  label: s,
+  options: e
+}) => {
+  if (!r)
+    throw new Error(me("DSSelect", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSelect component.'));
+  if (!s)
+    throw new Error(me("DSSelect", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSelect component. If you don't want to display a label, set hideLabel={true}.`));
+  if (Array.isArray(e)) {
+    if (e.length === 0)
+      throw new Error(me("DSSelect", "The options array must not be empty."));
+  } else throw new Error(me("DSSelect", Me("options", "DSSelect")));
+}, ol = (r, s, e) => r === "" || s !== void 0 && s !== "" ? !1 : !(e !== void 0 && e !== ""), cl = Be((r, s) => {
+  const e = xe.c(127);
+  let i, n, d, l, f, b, S, D, a, Z, J, K, Q, U, X, c;
+  e[0] !== r ? ({
+    id: l,
+    label: f,
+    options: S,
+    className: i,
+    defaultValue: n,
+    disabled: Z,
+    hideLabel: J,
+    hint: d,
+    invalid: K,
+    placeholder: Q,
+    required: U,
+    size: X,
+    systemFeedback: a,
+    value: c,
+    onChange: b,
+    ...D
+  } = r, e[0] = r, e[1] = i, e[2] = n, e[3] = d, e[4] = l, e[5] = f, e[6] = b, e[7] = S, e[8] = D, e[9] = a, e[10] = Z, e[11] = J, e[12] = K, e[13] = Q, e[14] = U, e[15] = X, e[16] = c) : (i = e[1], n = e[2], d = e[3], l = e[4], f = e[5], b = e[6], S = e[7], D = e[8], a = e[9], Z = e[10], J = e[11], K = e[12], Q = e[13], U = e[14], X = e[15], c = e[16]);
+  const h = Z === void 0 ? !1 : Z, Pe = J === void 0 ? !1 : J, o = K === void 0 ? !1 : K, g = Q === void 0 ? "Select" : Q, y = U === void 0 ? !1 : U, le = X === void 0 ? "medium" : X;
+  process.env.NODE_ENV !== "production" && al({
+    id: l,
+    label: f,
+    options: S
+  });
+  const qe = Fe(null), [pe, Ne] = Ie(c);
+  let te;
+  e[17] !== n || e[18] !== g || e[19] !== c ? (te = ol(g, n, c), e[17] = n, e[18] = g, e[19] = c, e[20] = te) : te = e[20];
+  const [Y, Ce] = Ie(te);
+  let se, ae;
+  e[21] !== c ? (se = () => {
+    Ne(c);
+  }, ae = [c], e[21] = c, e[22] = se, e[23] = ae) : (se = e[22], ae = e[23]), He(se, ae);
+  let oe;
+  e[24] !== s ? (oe = (ee) => {
+    qe.current = ee, typeof s == "function" ? s(ee) : s && (s.current = ee);
+  }, e[24] = s, e[25] = oe) : oe = e[25];
+  const ue = oe, G = Re(Pe), w = `${l}-label`, v = `${l}-feedback`, N = `${l}-hint`, _e = d ? ` ${N}` : "";
+  let ce;
+  e[26] !== o || e[27] !== a || e[28] !== v ? (ce = [o && a && v].filter(Boolean).join(" ") || void 0, e[26] = o, e[27] = a, e[28] = v, e[29] = ce) : ce = e[29];
+  const Se = ce;
+  let k, E, I, P, q, C, $, L, V, A, x, B, F, H, R, j, m, p, u;
+  if (e[30] !== Se || e[31] !== _e || e[32] !== i || e[33] !== n || e[34] !== h || e[35] !== ue || e[36] !== G || e[37] !== d || e[38] !== N || e[39] !== l || e[40] !== o || e[41] !== Y || e[42] !== f || e[43] !== b || e[44] !== S || e[45] !== g || e[46] !== y || e[47] !== D || e[48] !== w || e[49] !== pe || e[50] !== le || e[51] !== a || e[52] !== v) {
+    const ee = (he) => [g && /* @__PURE__ */ _("option", { value: "", children: g }, `${l}-hidden-option-disabled-placeholder`), ...he.map((O) => {
+      if ("options" in O) {
+        const {
+          label: Ee,
+          options: Ae
+        } = O;
+        return /* @__PURE__ */ _("optgroup", { label: Ee, children: Ae.map(ke) }, Ee);
+      } else
+        return ke(O);
+    })], ke = il;
+    let de;
+    e[72] !== i ? (de = ve(t.root, i), e[72] = i, e[73] = de) : de = e[73];
+    const $e = de, ge = le === "small";
+    let re;
+    e[74] !== o || e[75] !== Y || e[76] !== ge ? (re = ve(t.select, {
+      [t.selectSmall]: ge,
+      [t.selectInvalid]: o,
+      [t.selectPlaceholder]: Y
+    }), e[74] = o, e[75] = Y, e[76] = ge, e[77] = re) : re = e[77];
+    const Le = re;
+    let ne;
+    e[78] !== h || e[79] !== G ? (ne = ve(t.label, {
+      [t.labelHidden]: G,
+      [t.labelDisabled]: h
+    }), e[78] = h, e[79] = G, e[80] = ne) : ne = e[80];
+    const De = ne, ye = le === "small";
+    let fe;
+    e[81] !== h || e[82] !== ye ? (fe = ve(t.chevron, {
+      [t.chevronSmall]: ye,
+      [t.chevronDisabled]: h
+    }), e[81] = h, e[82] = ye, e[83] = fe) : fe = e[83], k = fe;
+    let be;
+    e[84] !== b ? (be = (he) => {
+      const {
+        value: O
+      } = he.target;
+      Ce(O === ""), Ne(O), b && b(he);
+    }, e[84] = b, e[85] = be) : be = e[85];
+    const Ve = be;
+    j = $e;
+    let T;
+    e[86] !== y ? (T = y && /* @__PURE__ */ _(je, {}), e[86] = y, e[87] = T) : T = e[87], e[88] !== l || e[89] !== f || e[90] !== De || e[91] !== w || e[92] !== T ? (m = /* @__PURE__ */ we("label", { className: De, id: w, htmlFor: l, children: [
+      f,
+      T
+    ] }), e[88] = l, e[89] = f, e[90] = De, e[91] = w, e[92] = T, e[93] = m) : m = e[93], e[94] !== d || e[95] !== N ? (p = d && /* @__PURE__ */ _("div", { className: t.hint, id: N, children: d }), e[94] = d, e[95] = N, e[96] = p) : p = e[96], e[97] !== o || e[98] !== a || e[99] !== v ? (u = o && a && /* @__PURE__ */ _(ze, { className: t.feedback, message: a, variant: "error", id: v }), e[97] = o, e[98] = a, e[99] = v, e[100] = u) : u = e[100], R = t.selectWrapper, E = D, I = l, P = ue, q = Le, C = `${w}${_e}`, $ = Se, L = o, V = n, A = pe, x = h, B = y, F = Ve, H = ee(S), e[30] = Se, e[31] = _e, e[32] = i, e[33] = n, e[34] = h, e[35] = ue, e[36] = G, e[37] = d, e[38] = N, e[39] = l, e[40] = o, e[41] = Y, e[42] = f, e[43] = b, e[44] = S, e[45] = g, e[46] = y, e[47] = D, e[48] = w, e[49] = pe, e[50] = le, e[51] = a, e[52] = v, e[53] = k, e[54] = E, e[55] = I, e[56] = P, e[57] = q, e[58] = C, e[59] = $, e[60] = L, e[61] = V, e[62] = A, e[63] = x, e[64] = B, e[65] = F, e[66] = H, e[67] = R, e[68] = j, e[69] = m, e[70] = p, e[71] = u;
+  } else
+    k = e[53], E = e[54], I = e[55], P = e[56], q = e[57], C = e[58], $ = e[59], L = e[60], V = e[61], A = e[62], x = e[63], B = e[64], F = e[65], H = e[66], R = e[67], j = e[68], m = e[69], p = e[70], u = e[71];
+  let W;
+  e[101] !== E || e[102] !== I || e[103] !== P || e[104] !== q || e[105] !== C || e[106] !== $ || e[107] !== L || e[108] !== V || e[109] !== A || e[110] !== x || e[111] !== B || e[112] !== F || e[113] !== H ? (W = /* @__PURE__ */ _("select", { ...E, id: I, ref: P, className: q, "aria-labelledby": C, "aria-describedby": $, "aria-invalid": L, defaultValue: V, value: A, disabled: x, required: B, onChange: F, children: H }), e[101] = E, e[102] = I, e[103] = P, e[104] = q, e[105] = C, e[106] = $, e[107] = L, e[108] = V, e[109] = A, e[110] = x, e[111] = B, e[112] = F, e[113] = H, e[114] = W) : W = e[114];
+  let z;
+  e[115] !== k ? (z = /* @__PURE__ */ _(We, { name: "chevron-down", className: k, "aria-hidden": "true" }), e[115] = k, e[116] = z) : z = e[116];
+  let M;
+  e[117] !== R || e[118] !== W || e[119] !== z ? (M = /* @__PURE__ */ we("div", { className: R, children: [
+    W,
+    z
+  ] }), e[117] = R, e[118] = W, e[119] = z, e[120] = M) : M = e[120];
+  let ie;
+  return e[121] !== j || e[122] !== m || e[123] !== p || e[124] !== u || e[125] !== M ? (ie = /* @__PURE__ */ we("div", { className: j, children: [
+    m,
+    p,
+    u,
+    M
+  ] }), e[121] = j, e[122] = m, e[123] = p, e[124] = u, e[125] = M, e[126] = ie) : ie = e[126], ie;
+});
+cl.displayName = "DSSelect";
+function il(r) {
+  const {
+    label: s,
+    value: e,
+    isDisabled: i
+  } = r;
+  return /* @__PURE__ */ _("option", { value: e, disabled: i, children: s }, e);
+}
+export {
+  cl as D,
+  ul as S,
+  ol as g,
+  al as v
+};

package/chunks/{Slider.D9MHH4cZ.js → Slider.kyVr7BLk.js}

@@ -4,7 +4,7 @@ import { d as rt } from "./index.CgTHIF3K.js";
 import { c as T } from "./index.CEyLAtio.js";
 import { forwardRef as ot, useState as Xe, useRef as ct } from "react";
 import { u as dt } from "./useBreakpoint.CMOR9ZOB.js";
-import { DSInput as pt } from "../input.DAneVu7p.js";
+import { DSInput as pt } from "../input.BKHOY118.js";
 import { g as Je } from "./helpers.BbWkXTr3.js";
 import '../assets/Slider.DzwSjDPV.css';const ut = "ds-slider_root_1p0nf_1", mt = "ds-slider_hint_1p0nf_13", bt = "ds-slider_label_1p0nf_13", ft = "ds-slider_number-input_1p0nf_16", _t = "ds-slider_label-hint-input-wrapper_1p0nf_20", ht = "ds-slider_label--hidden_1p0nf_40", Tt = "ds-slider_label--disabled_1p0nf_53", xt = "ds-slider_number-input--small_1p0nf_82", vt = "ds-slider_min-max-label-wrapper_1p0nf_87", gt = "ds-slider_min-max-label-wrapper--disabled_1p0nf_101", kt = "ds-slider_min-label_1p0nf_106", Nt = "ds-slider_max-label_1p0nf_110", St = "ds-slider_slider-wrapper_1p0nf_114", yt = "ds-slider_slider_1p0nf_114", Dt = "ds-slider_value-tooltip_1p0nf_138", It = "ds-slider_proxy-thumb_1p0nf_142", Mt = "ds-slider_proxy-thumb--disabled_1p0nf_209", Lt = "ds-slider_custom-track_1p0nf_238", Vt = "ds-slider_custom-track--progress_1p0nf_243", wt = "ds-slider_custom-track--runnable_1p0nf_255", Ct = "ds-slider_custom-track--disabled_1p0nf_269", Wt = "ds-slider_tick-wrapper_1p0nf_289", $t = "ds-slider_tick_1p0nf_289", Pt = "ds-slider_value-tooltip--visible_1p0nf_361", At = "ds-slider_value-tooltip--disabled_1p0nf_364", a = {
   root: ut,

package/chunks/SystemFeedback.B9f67mjJ.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsxs as f, jsx as S } from "react/jsx-runtime";
+import { d as _ } from "./index.CgTHIF3K.js";
+import { c as p } from "./index.CEyLAtio.js";
+import "react";
+import { D as E } from "./Icon.DGTYCv63.js";
+import '../assets/SystemFeedback.RcrPepSZ.css';const x = "ds-system-feedback_root_1lr41_1", D = {
+  root: x
+}, h = ["success", "error", "warning"], k = {
+  success: "circle-check-colored",
+  error: "diamond-exclamationmark-colored",
+  warning: "triangle-exclamationmark-colored"
+}, y = (n) => {
+  const e = _.c(16);
+  let s, t, o, r, c;
+  e[0] !== n ? ({
+    id: t,
+    message: o,
+    variant: c,
+    className: s,
+    ...r
+  } = n, e[0] = n, e[1] = s, e[2] = t, e[3] = o, e[4] = r, e[5] = c) : (s = e[1], t = e[2], o = e[3], r = e[4], c = e[5]);
+  let l;
+  e[6] !== s ? (l = p(D.root, s), e[6] = s, e[7] = l) : l = e[7];
+  const m = l, d = k[c];
+  let a;
+  e[8] !== d ? (a = /* @__PURE__ */ S(E, { name: d, "aria-hidden": "true" }), e[8] = d, e[9] = a) : a = e[9];
+  let i;
+  return e[10] !== t || e[11] !== o || e[12] !== r || e[13] !== m || e[14] !== a ? (i = /* @__PURE__ */ f("div", { id: t, className: m, ...r, children: [
+    a,
+    o
+  ] }), e[10] = t, e[11] = o, e[12] = r, e[13] = m, e[14] = a, e[15] = i) : i = e[15], i;
+};
+export {
+  y as D,
+  h as S,
+  k as a
+};

package/chunks/{Tabs.Bl4K3Kjn.js → Tabs.CkVL8Jw8.js}

@@ -2,7 +2,7 @@
 import { jsx as N, jsxs as L } from "react/jsx-runtime";
 import { d as M } from "./index.CgTHIF3K.js";
 import { useState as $ } from "react";
-import { TabList as j } from "../tablist.Dzwe0_J4.js";
+import { TabList as j } from "../tablist.g_Nwu6GA.js";
 import { TabPane as B } from "../tabpane.CB-eudyw.js";
 import { g as C } from "./TabPane.utils.DG16Y2uD.js";
 import { g, r as O } from "./helpers.BbWkXTr3.js";

package/chunks/Textarea.ORkJUx-S.js

@@ -0,0 +1,163 @@
+"use client";
+import { jsxs as d, jsx as m, Fragment as le } from "react/jsx-runtime";
+import { c as z } from "./index.CEyLAtio.js";
+import { forwardRef as ie, useState as i, useRef as ce, useEffect as p } from "react";
+import { g as B, p as q } from "./helpers.BbWkXTr3.js";
+import { u as de } from "./useBreakpoint.CMOR9ZOB.js";
+import "./index.CgTHIF3K.js";
+import { Asterisk as ue } from "../asterisk.CR60hx8S.js";
+import { D as fe } from "./SystemFeedback.B9f67mjJ.js";
+import '../assets/Textarea.BXWhXpXx.css';const he = "ds-textarea_textarea_hjz5f_1", be = "ds-textarea_textarea--small_hjz5f_9", _e = "ds-textarea_textarea--invalid_hjz5f_121", me = "ds-textarea_textarea--resize-auto_hjz5f_145", pe = "ds-textarea_root_hjz5f_155", xe = "ds-textarea_hint_hjz5f_164", ve = "ds-textarea_label_hjz5f_164", Ce = "ds-textarea_label--hidden_hjz5f_272", Se = "ds-textarea_label--disabled_hjz5f_285", je = "ds-textarea_feedback_hjz5f_305", ze = "ds-textarea_char-count_hjz5f_310", Ae = "ds-textarea_char-count-announcer_hjz5f_326", a = {
+  textarea: he,
+  textareaSmall: be,
+  textareaInvalid: _e,
+  textareaResizeAuto: me,
+  root: pe,
+  hint: xe,
+  label: ve,
+  labelHidden: Ce,
+  labelDisabled: Se,
+  feedback: je,
+  charCount: ze,
+  charCountAnnouncer: Ae
+}, ke = ["medium", "small"], De = ({
+  id: r,
+  label: u
+}) => {
+  if (!r)
+    throw new Error(B("DSTextarea", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'));
+  if (!u)
+    throw new Error(B("DSTextarea", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSTextarea component. If you don't want to display a label, set hideLabel={true}.`));
+}, Ie = ie(({
+  id: r,
+  label: u,
+  charsLimitText: M = "Character limit reached",
+  charsRemainingText: O = "Characters remaining:",
+  className: F,
+  defaultValue: X,
+  disabled: A = !1,
+  hint: x,
+  hideLabel: Z = !1,
+  invalid: s = !1,
+  maxLength: e,
+  readonly: D = !1,
+  required: I = !1,
+  resize: f = "vertical",
+  size: G = "medium",
+  systemFeedback: n,
+  value: v,
+  wrapperClassName: J,
+  onChange: T,
+  onInput: w,
+  ...K
+}, h) => {
+  process.env.NODE_ENV !== "production" && De({
+    id: r,
+    label: u
+  });
+  const [Q, y] = i(X || ""), [l, R] = i(0), [U, N] = i(0), [W, E] = i("off"), [g, C] = i(n), [S, j] = i(s), $ = v !== void 0, b = $ ? v : Q, o = ce(null), Y = (t) => {
+    o.current = t, typeof h == "function" ? h(t) : h && (h.current = t);
+  }, L = de(Z);
+  p(() => {
+    if (!e || e <= 0)
+      return;
+    l >= e * 0.8 ? E("polite") : E("off");
+    const t = setTimeout(() => {
+      N(e - l || 0);
+    }, 1e3);
+    return () => clearTimeout(t);
+  }, [l]), p(() => {
+    y(b || ""), c(), e && e > 0 && (R(b.toString().length || 0), N(e - b.toString().length || 0));
+  }, [v]), p(() => {
+    s && n ? (C(n), j(s)) : !s && e && e >= 0 && l >= e ? (j(!0), C(M)) : (C(n), j(s));
+  }, [s, S, n, l]), p(() => {
+    if (f === "auto")
+      return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
+  }, [f, o.current]);
+  const ee = z(a.root, J), te = z(a.textarea, F, {
+    // small textarea
+    [a.textareaSmall]: G === "small",
+    // invalid state
+    [a.textareaInvalid]: S,
+    // resize handling
+    [a.textareaResizeAuto]: f === "auto"
+  }), ae = z(a.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [a.labelHidden]: L,
+    [a.labelDisabled]: A
+  }), k = `${r}-label`, H = `${r}-feedback`, V = `${r}-hint`, P = `${r}-char-count-announcer`, re = x ? ` ${V}` : "", c = () => {
+    if (o.current && f === "auto") {
+      o.current.style.height = "auto";
+      const t = q(o.current.scrollHeight), _ = q(2);
+      o.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
+      // from jumping as soon as the user starts typing.
+      t + _}rem`;
+    }
+  }, se = () => {
+    const t = [];
+    return e && e > 0 && t.push(P), s && n && t.push(H), t.length > 0 ? t.join(" ") : void 0;
+  }, oe = (t) => {
+    var _;
+    w && w(t), e && e > 0 && R(((_ = o.current) == null ? void 0 : _.value.length) || 0), c();
+  }, ne = (t) => {
+    T && T(t), $ || y(t.target.value);
+  };
+  return /* @__PURE__ */ d("div", { className: ee, children: [
+    /* @__PURE__ */ d("label", { className: ae, id: k, htmlFor: r, children: [
+      u,
+      I && /* @__PURE__ */ m(ue, {})
+    ] }),
+    x && /* @__PURE__ */ m("div", { className: a.hint, id: V, children: x }),
+    S && g && /* @__PURE__ */ m(fe, { className: a.feedback, message: g, variant: "error", id: H }),
+    /* @__PURE__ */ m(
+      "textarea",
+      {
+        className: te,
+        id: r,
+        ...K,
+        ref: Y,
+        "aria-labelledby": `${k}${re}`,
+        "aria-describedby": se(),
+        "aria-invalid": s,
+        "aria-disabled": D,
+        maxLength: e,
+        readOnly: D,
+        required: I,
+        disabled: A,
+        value: b,
+        defaultValue: void 0,
+        rows: void 0,
+        cols: void 0,
+        onChange: ne,
+        onInput: oe
+      }
+    ),
+    e !== void 0 && e > 0 && /* @__PURE__ */ d(le, { children: [
+      /* @__PURE__ */ d("div", { className: a.charCount, "aria-hidden": "true", children: [
+        l,
+        "/",
+        e
+      ] }),
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: a.charCountAnnouncer,
+          id: P,
+          "aria-live": W,
+          "aria-atomic": "true",
+          children: [
+            O,
+            " ",
+            U
+          ]
+        }
+      )
+    ] })
+  ] });
+});
+Ie.displayName = "DSTextarea";
+export {
+  Ie as D,
+  ke as T,
+  De as v
+};

package/chunks/{Toast.BHz0vlGz.js → Toast.DHo4pLH3.js}

@@ -3,8 +3,8 @@ import { jsx as C, jsxs as y } from "react/jsx-runtime";
 import { d as E } from "./index.CgTHIF3K.js";
 import { c as j } from "./index.CEyLAtio.js";
 import { forwardRef as L } from "react";
-import { D as M } from "./Button.CC0qEsuR.js";
-import { D as O } from "./Icon.C0161Glk.js";
+import { D as M } from "./Button.B7xF1E19.js";
+import { D as O } from "./Icon.DGTYCv63.js";
 import '../assets/Toast.CJ1zhDIT.css';const P = "ds-toast_root_gamkt_5", z = "ds-toast_root--closing_gamkt_19", A = "ds-toast_root--success_gamkt_54", R = "ds-toast_root--info_gamkt_58", $ = "ds-toast_root--warning_gamkt_62", q = "ds-toast_content_gamkt_67", F = "ds-toast_content--hide-icon_gamkt_74", G = "ds-toast_icon_gamkt_78", J = "ds-toast_message_gamkt_82", s = {
   root: P,
   rootClosing: z,

package/chunks/caret-down.CupuwAF6.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const r = ({
+  title: t,
+  titleId: a,
+  ...l
+}) => /* @__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, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: a }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M8 12 3.67 6h8.66z" }));
+export {
+  r as default
+};

package/chunks/caret-right.DKtu4PQe.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const r = ({
+  title: t,
+  titleId: a,
+  ...l
+}) => /* @__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, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: a }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "m12 8-6 4.33V3.67z" }));
+export {
+  r as default
+};

package/chunks/collapse.Dvv3mgkv.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const o = ({
+  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: "M16 14H0V2h16zm-9-2h7V4H7zm-5 0h3V4H2z", clipRule: "evenodd" }));
+export {
+  o as default
+};

package/{combobox.pMk_oggm.js → combobox.Bk2ycofh.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as h } from "react/jsx-runtime";
 import { d as q } from "./chunks/index.CgTHIF3K.js";
-import { v as L, c as R } from "./chunks/CustomReactSelect.D9B928kB.js";
+import { v as L, c as R } from "./chunks/CustomReactSelect.iE5iTdez.js";
 import { forwardRef as j } from "react";
 const k = j((x, C) => {
   const e = q.c(30);

package/components/Accordion/Accordion.utils.d.ts

@@ -1,7 +1,9 @@
 import { HeadingSize, HeadingTag } from '../Heading/Heading.utils';
 import { AccordionProps } from './Accordion';
-export declare const ACCORDION_SIZE: readonly ["medium", "small"];
+export declare const ACCORDION_SIZE: readonly ["medium", "small", "x-small"];
 export type AccordionSize = (typeof ACCORDION_SIZE)[number];
+export declare const ACCORDION_OPEN_STATE_INDICATOR: readonly ["chevron", "caret"];
+export type AccordionOpenStateIndicator = (typeof ACCORDION_OPEN_STATE_INDICATOR)[number];
 export declare const CHEVRON_POSITION: readonly ["left", "right"];
 export type ChevronPosition = (typeof CHEVRON_POSITION)[number];
 export type Summary = string | {

package/components/ActionButton/ActionButton.d.ts

@@ -26,13 +26,13 @@ export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElemen
      * @default 'left'
      */
     iconPosition?: ActionButtonIconPosition;
-    /** Size of the icon. Only available with `iconPosition='left'` and a custom `iconSource`.
+    /** Size of the icon. **Only available with `iconPosition='left'` and a custom `iconSource`**.
      * @default 'large'
      */
     iconSize?: ActionButtonIconSize;
     /** URL or path for a custom icon. */
     iconSource?: IconProps['source'];
-    /** Indent level of the button, used to align the button with other elements e.g. inside a DSAccordion. Only available with `iconPosition='left'`.
+    /** Indent level of the button, used to align the button with other elements e.g. inside a DSAccordion. **Only available with `iconPosition='left'`**.
      * @default 0
      */
     indentLevel?: ActionButtonIndentLevel;
@@ -42,11 +42,11 @@ export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElemen
     isActive?: boolean;
     /** Number Indicator value displayed next to the label or above the icon. */
     numberIndicatorValue?: string;
-    /** Stretches the button over the parent's width. Only available with `iconPosition='left'`.
+    /** Stretches the button over the parent's width. **Only available with `iconPosition='left'`**.
      * @default false
      */
     stretched?: boolean;
-    /** Defines the weight.  Only available with `iconPosition='left'`.
+    /** Defines the weight. **Only available with `iconPosition='left'`**.
      * @default 'normal'
      */
     weight?: ActionButtonWeight;
@@ -56,6 +56,6 @@ export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElemen
 /**
  * Use the ActionButton component when you want the users to trigger an action, used in the DSDrawer as a mobile menu, as a parent of a Popover or in the DSTopBar of the DSHeader.
  *
- * Design in Figma: [Action Item](https://www.figma.com/design/DNB69TwlN0FaaVg7yVsYu4/DS895-%E2%80%93-Header-%7C-Design?node-id=5875-105748&t=aQoUwuH2oJa7RRay-4)
+ * Design in Figma: [Action Item](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/Web-Pattern-Library?node-id=6307-72257&t=6MyKQ9TAUdzZ1XaJ-4)
  * */
 export declare const DSActionButton: import('react').ForwardRefExoticComponent<ActionButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/components/ActionLink/ActionLink.d.ts

@@ -7,11 +7,11 @@ export interface ActionLinkProps extends Omit<CommonLinkProps, 'iconPosition' |
      * @default 'left'
      */
     iconPosition?: ActionLinkIconPosition;
-    /** Size of the icon. Only available with `iconPosition='left'` and a custom `iconSource`.
+    /** Size of the icon. **Only available with `iconPosition='left'` and a custom `iconSource`**.
      * @default 'large'
      */
     iconSize?: ActionLinkIconSize;
-    /** Indent level of the link, used to align the link with other elements e.g. inside a DSAccordion. Only available with `iconPosition='left'`.
+    /** Indent level of the link, used to align the link with other elements e.g. inside a DSAccordion. **Only available with `iconPosition='left'`**.
      * @default 0
      */
     indentLevel?: ActionLinkIndentLevel;
@@ -21,11 +21,11 @@ export interface ActionLinkProps extends Omit<CommonLinkProps, 'iconPosition' |
     isActive?: boolean;
     /** Number Indicator value displayed next to the label or above the icon. */
     numberIndicatorValue?: string;
-    /** Stretches the link over the parent's width. Only available with `iconPosition='left'`.
+    /** Stretches the link over the parent's width. **Only available with `iconPosition='left'`**.
      * @default false
      */
     stretched?: boolean;
-    /** Defines the weight. Only available with `iconPosition='left'`.
+    /** Defines the weight. **Only available with `iconPosition='left'`**.
      * @default 'normal'
      */
     weight?: ActionLinkWeight;
@@ -33,6 +33,6 @@ export interface ActionLinkProps extends Omit<CommonLinkProps, 'iconPosition' |
 /**
  * Use the ActionLink component when you want the users to navigate to another internal or external page, used in the DSDrawer as a mobile menu or in the DSTopBar of the DSHeader.
  *
- * Design in Figma: [Action Item](https://www.figma.com/design/DNB69TwlN0FaaVg7yVsYu4/DS895-%E2%80%93-Header-%7C-Design?node-id=5875-105748&t=aQoUwuH2oJa7RRay-4)
+ * Design in Figma: [Action Item](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/Web-Pattern-Library?node-id=6307-72257&t=6MyKQ9TAUdzZ1XaJ-4)
  * */
 export declare const DSActionLink: import('react').ForwardRefExoticComponent<ActionLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;

package/components/Header/Header.d.ts

@@ -6,7 +6,7 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
      *
      * `children`: Content of the brand addOn.
      *
-     * `subTitle`: Sub title below the title. Only available with `variant="double"`.
+     * `subTitle`: Sub title below the title. **Only available with `variant="double"`**.
      *
      * `variant`: Variant of the brand addOn.
      *            Defaults to `'single'`

package/components/Radio/Radio.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes } from 'react';
-import { BreakpointCustomizable } from '../../types';
 export interface RadioProps extends InputHTMLAttributes<HTMLInputElement> {
     /** Label text displayed next to the radio. */
     label: string;
@@ -23,11 +22,6 @@ export interface RadioProps extends InputHTMLAttributes<HTMLInputElement> {
      * Id of the parent Fieldset, required for a11y when systemFeedback is set
      */
     fieldsetId?: string;
-    /** Hides the radio label, can be responsive.
-     *  `boolean | { base: boolean; s?: boolean; m?: boolean; l?: boolean; xl?: boolean; }`
-     * @default false
-     */
-    hideLabel?: BreakpointCustomizable<boolean>;
     /** Makes the label use `ds.utility-medium-bold` if any option has a `hint` and `hideUncheckedHint` is set to false.
      * @default false
      */

package/components/SystemFeedback/SystemFeedback.d.ts

@@ -1,11 +1,19 @@
 import { HTMLAttributes, JSX } from 'react';
-import { SystemFeedbackType } from './SystemFeedback.utils';
+import { SystemFeedbackVariant } from './SystemFeedback.utils';
 export interface SystemFeedbackProps extends HTMLAttributes<HTMLDivElement> {
-    /** Sets the id for connecting the system feedback with aria attributes like aria-describedby */
+    /** Unique id for connecting the system feedback with aria attributes like aria-describedby. */
     id: string;
     /** Defines the message. */
     message: string;
-    /** Defines the type. */
-    type: SystemFeedbackType;
+    /** Defines the variant (e.g. "error", "success" or "warning"). */
+    variant: SystemFeedbackVariant;
 }
-export declare const DSSystemFeedback: ({ id, message, type, className, ...rest }: SystemFeedbackProps) => JSX.Element;
+/**
+ * Use the SystemFeedback component to provide clear and immediate feedback to the user
+ * about the status of a system process or validation state.
+ *
+ * Design in Figma: [SystemFeedback](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=14690-32&t=qoxy54r8T2z3eW8T-4)
+ *
+ * <div className="ds-info">For more information on the different types of notifications and to determine which is best suited for your needs, please refer to our [Notification Guidelines](/docs/templates-notification-guidelines--documentation) and explore the decision trees provided.</div>
+ */
+export declare const DSSystemFeedback: ({ id, message, variant, className, ...rest }: SystemFeedbackProps) => JSX.Element;

package/components/SystemFeedback/SystemFeedback.utils.d.ts

@@ -1,8 +1,5 @@
-interface SystemFeedbackIcons {
-    valid: 'circle-check-colored';
-    invalid: 'diamond-exclamationmark-colored';
-    warning: 'triangle-exclamationmark-colored';
-}
-export declare const systemFeedbackIcons: SystemFeedbackIcons;
-export type SystemFeedbackType = 'valid' | 'invalid' | 'warning';
+type SystemFeedbackIcon = 'circle-check-colored' | 'diamond-exclamationmark-colored' | 'triangle-exclamationmark-colored';
+export declare const SYSTEM_FEEDBACK_VARIANT: readonly ["success", "error", "warning"];
+export type SystemFeedbackVariant = (typeof SYSTEM_FEEDBACK_VARIANT)[number];
+export declare const SYSTEM_FEEDBACK_ICON_MAP: Record<SystemFeedbackVariant, SystemFeedbackIcon>;
 export {};

package/components/TopBar/TopBar.d.ts

@@ -32,7 +32,7 @@ export interface BrandAreaLogoProps {
 export interface BrandAddOnProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** Content of the brand addOn. */
     children: React.ReactNode;
-    /** Sub title below the title. Only available with `variant="double"`. */
+    /** Sub title below the title. **Only available with `variant="double"`**. */
     subTitle?: string;
     /** Variant of the brand addOn.
      * @default 'single'

package/customreactselect.Hnch9LGg.js

@@ -0,0 +1,14 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CgTHIF3K.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import { c as u } from "./chunks/CustomReactSelect.iE5iTdez.js";
+import "./chunks/useBreakpoint.CMOR9ZOB.js";
+import "./asterisk.CR60hx8S.js";
+import "./chunks/Icon.DGTYCv63.js";
+import "./chunks/SystemFeedback.B9f67mjJ.js";
+import "./optioncheckbox.D97W3zeW.js";
+export {
+  u as CustomReactSelect
+};

package/{dialog.CGsUCqhR.js → dialog.7sWoqGwL.js}

@@ -3,8 +3,8 @@ import "react/jsx-runtime";
 import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
-import "./chunks/Button.CC0qEsuR.js";
-import { D } from "./chunks/Dialog.BuEEJ199.js";
+import "./chunks/Button.B7xF1E19.js";
+import { D } from "./chunks/Dialog.B_2pKRnd.js";
 export {
   D as DSDialog
 };