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

package/button.DHuKanZP.js

@@ -0,0 +1,13 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/useBreakpoint.BzR_yaIv.js";
+import "./chunks/Icon.CDLyB7Pv.js";
+import "./spinner.C9qCeq0R.js";
+import "./tooltip.QJe_bfO-.js";
+import { D } from "./chunks/Button.DCZgBNmA.js";
+export {
+  D as DSButton
+};

package/{buttonround.ChKWHzsv.js → buttonround.CMlmEDaN.js}

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as P, jsx as D } from "react/jsx-runtime";
-import { d as Q } from "./chunks/index.CgTHIF3K.js";
-import { c as K } from "./chunks/index.CEyLAtio.js";
-import { D as U } from "./chunks/Icon.NSsVrYeq.js";
-import { DSSpinner as V } from "./spinner.BUjhjAvw.js";
-import { Tooltip as M } from "./tooltip.CUCSRXd3.js";
+import { d as Q } from "./chunks/index.D-sRdssb.js";
+import { c as K } from "./chunks/index.DL9mof6u.js";
+import { D as U } from "./chunks/Icon.CDLyB7Pv.js";
+import { DSSpinner as V } from "./spinner.C9qCeq0R.js";
+import { Tooltip as M } from "./tooltip.QJe_bfO-.js";
 import { forwardRef as W } from "react";
-import './assets/buttonround.Cw9hnUan.css';const X = "ds-button-round_root_1yumq_1", Y = "ds-button-round_root--highlight_1yumq_75", Z = "ds-button-round_root--dark-highlight_1yumq_75", tt = "ds-button-round_root--filled_1yumq_151", ot = "ds-button-round_root--dark-filled_1yumq_393", lt = "ds-button-round_root--icon-only-small_1yumq_647", et = "ds-button-round_icon--hidden_1yumq_664", it = "ds-button-round_label--hidden_1yumq_668", nt = "ds-button-round_label--loading_1yumq_680", st = "ds-button-round_loader_1yumq_684", l = {
+import './assets/buttonround.BN3vUDc_.css';const X = "ds-button-round_root_1yumq_1", Y = "ds-button-round_root--highlight_1yumq_75", Z = "ds-button-round_root--dark-highlight_1yumq_75", tt = "ds-button-round_root--filled_1yumq_151", ot = "ds-button-round_root--dark-filled_1yumq_393", lt = "ds-button-round_root--icon-only-small_1yumq_647", et = "ds-button-round_icon--hidden_1yumq_664", it = "ds-button-round_label--hidden_1yumq_668", nt = "ds-button-round_label--loading_1yumq_680", st = "ds-button-round_loader_1yumq_684", l = {
   root: X,
   rootHighlight: Y,
   rootDarkHighlight: Z,

package/checkbox.DwccD0Mp.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/useBreakpoint.BzR_yaIv.js";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/Icon.CDLyB7Pv.js";
+import "./chunks/SystemFeedback.CjlARKki.js";
+import { D as x } from "./chunks/Checkbox.BcGXAuuP.js";
+export {
+  x as DSCheckbox
+};

package/checkboxgroup.ZiUFfCJ1.js

@@ -0,0 +1,9 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/index.DL9mof6u.js";
+import "./chunks/Fieldset.DiMtr6Vw.js";
+import { D as e } from "./chunks/CheckboxGroup.BuFd1luB.js";
+export {
+  e as DSCheckboxGroup
+};

package/chip.B0s_fS8L.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/translate.nuU7uChI.js";
+import "./chunks/Icon.CDLyB7Pv.js";
+import "./tooltip.QJe_bfO-.js";
+import { e as c } from "./chunks/Chip.D6pubCZV.js";
+export {
+  c as DSChip
+};

package/chipgroup.Dpu66bo5.js

@@ -0,0 +1,143 @@
+"use client";
+import { jsxs as q, jsx as I } from "react/jsx-runtime";
+import { useState as S, useRef as L, useEffect as w, createElement as J } from "react";
+import { c as $ } from "./chunks/index.DL9mof6u.js";
+import { u as P } from "./chunks/useBreakpoint.BzR_yaIv.js";
+import "./chunks/index.D-sRdssb.js";
+import { g as Q } from "./chunks/AriaLiveRegions.utils.CybNIBSa.js";
+import { v as W, a as X, e as Y } from "./chunks/Chip.D6pubCZV.js";
+import './assets/chipgroup.BGxjdSDX.css';const Z = "ds-chip-group_label--hidden_3zmt2_1", x = "ds-chip-group_root_3zmt2_14", v = {
+  labelHidden: Z,
+  root: x
+}, ne = ({
+  chips: g,
+  id: h,
+  label: b,
+  className: A,
+  disableTooltips: K = !1,
+  hideLabel: C = !1,
+  isRemovable: r = !1,
+  lang: N = "en",
+  selectionMode: c = "single",
+  size: T = "medium",
+  translations: B,
+  onChipsChange: o,
+  ...F
+}) => {
+  process.env.NODE_ENV !== "production" && W({
+    chips: g,
+    id: h,
+    label: b
+  });
+  const [l, i] = S(null), [n, d] = S(() => g.map((e) => ({
+    ...e
+  }))), D = L(null), [f, k] = S(), m = L([]);
+  w(() => {
+    d(g.map((e) => ({
+      ...e
+    })));
+  }, [g]), w(() => {
+    X();
+    const e = () => k("keydown"), t = () => k(null), s = () => k(null);
+    return document.addEventListener("keydown", e), document.addEventListener("mousedown", t), document.addEventListener("touchstart", s), () => {
+      document.removeEventListener("keydown", e), document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", s);
+    };
+  }, []), w(() => {
+    l !== null && m.current[l] && f === "keydown" && m.current[l]?.focus();
+  }, [l]), w(() => {
+    f === "keydown" && l !== null && n.length > 0 && m.current.forEach((e, t) => {
+      e && (e.tabIndex = t === l ? 0 : -1, t === l && e.focus());
+    });
+  }, [n]);
+  const G = (e) => {
+    if (l === null)
+      return;
+    let t = l;
+    switch (e.key) {
+      case "a":
+        (e.metaKey || e.ctrlKey) && (e.preventDefault(), H());
+        break;
+      case "ArrowRight":
+      case "ArrowDown":
+        e.shiftKey && c === "multiple" && !r ? (t = l + 1 > n.length - 1 ? n.length - 1 : l + 1, l !== t ? (u(l), u(t)) : n[l].isSelected || u(l)) : (t = (l + 1) % n.length, e.preventDefault());
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        e.shiftKey && c === "multiple" && !r ? (t = l - 1 < 0 ? 0 : l - 1, l !== t ? (u(l), u(t)) : n[0].isSelected || u(0)) : (t = (l - 1 + n.length) % n.length, e.preventDefault());
+        break;
+      case "Enter":
+      case " ":
+        if (e.preventDefault(), r) {
+          y(t);
+          return;
+        } else
+          E(t);
+        break;
+      case "Backspace":
+        r && y(t), e.preventDefault();
+        return;
+      default:
+        return;
+    }
+    i(t);
+  }, H = () => {
+    if (c !== "multiple")
+      return;
+    const e = n.map((t) => ({
+      ...t,
+      selected: !t.disabled
+    }));
+    d(e), p(`${e.length} items selected`), o && o(e);
+  }, u = (e) => {
+    if (r)
+      return;
+    const t = n.map((s) => ({
+      ...s
+    }));
+    t[e].disabled || (t[e].isSelected = !0, p(`${t[e].label} selected, ${t.filter(({
+      isSelected: s
+    }) => s).length} items selected`), d(t), o && o(t));
+  }, E = (e) => {
+    if (r)
+      return;
+    const t = [...n];
+    t[e].disabled || (c === "single" ? t.forEach((s, a) => {
+      a === e ? (s.isSelected = !s.isSelected, p(`${s.label} ${s.isSelected ? "selected" : "not selected"}`)) : s.isSelected = !1;
+    }) : c === "multiple" && (t[e].isSelected = !t[e].isSelected, p(`${t[e].label} ${t[e].isSelected ? "selected" : "not selected"}, ${t.filter(({
+      isSelected: s
+    }) => s).length} items selected`)), d(t), o && o(t));
+  }, y = (e) => {
+    const t = n[e], s = n.filter((a, U) => U !== e).map((a) => ({
+      ...a
+    }));
+    if (d(s), p(`${t.label} removed, ${s.length} items remaining`), f === "keydown")
+      if (s.length > 0) {
+        const a = Math.min(e, s.length - 1);
+        i(a);
+      } else
+        D.current?.focus(), i(null);
+    o && o(s);
+  }, V = (e) => {
+    r ? y(e) : n[e].disabled || E(e);
+  }, p = (e) => {
+    const t = Q();
+    t && (t.innerText = e, setTimeout(() => {
+      t.innerText = "";
+    }, 350));
+  }, j = (e) => l === null || l === e ? 0 : -1, z = P(C), O = $(v.root, A);
+  return n.length === 0 ? null : /* @__PURE__ */ q("div", { children: [
+    /* @__PURE__ */ I("div", { id: h, className: $({
+      [v.labelHidden]: z
+    }), children: b }),
+    n.length > 0 && /* @__PURE__ */ I("div", { ref: D, role: "grid", "aria-labelledby": h, "aria-multiselectable": c === "multiple", tabIndex: -1, onKeyDown: G, onFocus: () => {
+      l === null ? (m.current[0].focus(), f === "keydown" && i(0)) : f === "keydown" && i(l);
+    }, onBlur: () => i(null), className: O, ...F, children: n.map((e, t) => /* @__PURE__ */ J(Y, { ...e, key: `${e.id}-${t}`, "data-focused": l === t, disableTooltips: K, groupId: h, isRemovable: r, lang: N, selectionMode: c, size: T, tabIndex: j(t), translations: B, onClick: (s) => {
+      V(t), e.onClick && e.onClick(s);
+    }, ref: (s) => {
+      m.current[t] = s;
+    } })) })
+  ] });
+};
+export {
+  ne as DSChipGroup
+};

package/chunks/Accordion.CYIfNOWr.js

@@ -0,0 +1,168 @@
+"use client";
+import { jsx as m, jsxs as V } from "react/jsx-runtime";
+import { d as ye } from "./index.D-sRdssb.js";
+import { c as W } from "./index.DL9mof6u.js";
+import { forwardRef as fe, useRef as Se, useState as ge, useImperativeHandle as Ce, useEffect as _e } from "react";
+import { DSHeading as ve } from "../heading.DHLpT4dc.js";
+import { D as We } from "./Icon.CDLyB7Pv.js";
+import { NumberIndicator as qe } from "../numberindicator.BdnPMogE.js";
+import { g as ie } from "./helpers.CexwVao7.js";
+import '../assets/Accordion.CzBGud45.css';const Oe = "ds-accordion_details_1qee7_1", Ne = "ds-accordion_summary_1qee7_119", we = "ds-accordion_summary--utility--m_1qee7_158", De = "ds-accordion_summary--flush_1qee7_187", xe = "ds-accordion_summary--small_1qee7_255", Ie = "ds-accordion_summary--x-small_1qee7_259", Ee = "ds-accordion_summary-content-wrapper_1qee7_264", Ae = "ds-accordion_summary-content-wrapper--flush_1qee7_270", Xe = "ds-accordion_summary-content-wrapper--chevron-left_1qee7_274", be = "ds-accordion_summary-content-wrapper--x-small_1qee7_278", Fe = "ds-accordion_heading-summary-wrapper_1qee7_282", Te = "ds-accordion_heading-summary_1qee7_282", Pe = "ds-accordion_heading-summary--x-small_1qee7_292", Re = "ds-accordion_hint_1qee7_296", Le = "ds-accordion_icon_1qee7_310", je = "ds-accordion_icon--open_1qee7_321", ze = "ds-accordion_icon--open-caret_1qee7_332", Me = "ds-accordion_content-wrapper_1qee7_344", He = "ds-accordion_content-wrapper--flush_1qee7_350", Ue = "ds-accordion_content-wrapper--small_1qee7_354", Ve = "ds-accordion_content-wrapper--x-small_1qee7_358", t = {
+  details: Oe,
+  summary: Ne,
+  summaryUtilityM: we,
+  summaryFlush: De,
+  summarySmall: xe,
+  summaryXSmall: Ie,
+  summaryContentWrapper: Ee,
+  summaryContentWrapperFlush: Ae,
+  summaryContentWrapperChevronLeft: Xe,
+  summaryContentWrapperXSmall: be,
+  headingSummaryWrapper: Fe,
+  headingSummary: Te,
+  headingSummaryXSmall: Pe,
+  hint: Re,
+  icon: Le,
+  iconOpen: je,
+  iconOpenCaret: ze,
+  contentWrapper: Me,
+  contentWrapperFlush: He,
+  contentWrapperSmall: Ue,
+  contentWrapperXSmall: Ve
+}, tt = ["medium", "small", "x-small"], rt = ["chevron", "caret"], nt = ["left", "right"], Ze = ({
+  children: q,
+  hint: Z,
+  numberIndicatorValue: e,
+  summary: n
+}) => {
+  if (!q)
+    throw new Error(ie("DSAccordion", "The component requires children to be set."));
+  if (!n)
+    throw new Error(ie("DSAccordion", "The summary prop is required. Please add the summary prop to the DSAccordion component."));
+  if (Z && (e || e === ""))
+    throw new Error(ie("DSAccordion", "The hint and numberIndicator props cannot be used together. Please remove either the hint prop or the numberIndicatorValue prop."));
+}, $e = fe((q, Z) => {
+  const e = ye.c(73);
+  let n, i, o, s, p, r, O, N, w, D;
+  e[0] !== q ? ({
+    children: n,
+    summary: r,
+    chevronPosition: O,
+    className: i,
+    hint: o,
+    isFlush: N,
+    isOpen: w,
+    numberIndicatorValue: s,
+    size: D,
+    ...p
+  } = q, e[0] = q, e[1] = n, e[2] = i, e[3] = o, e[4] = s, e[5] = p, e[6] = r, e[7] = O, e[8] = N, e[9] = w, e[10] = D) : (n = e[1], i = e[2], o = e[3], s = e[4], p = e[5], r = e[6], O = e[7], N = e[8], w = e[9], D = e[10]);
+  const pe = O === void 0 ? "right" : O, a = N === void 0 ? !1 : N, l = w === void 0 ? !1 : w, d = D === void 0 ? "medium" : D;
+  process.env.NODE_ENV !== "production" && Ze({
+    children: n,
+    hint: o,
+    numberIndicatorValue: s,
+    summary: r
+  });
+  const $ = pe === "right" ? "chevron" : "caret", c = Se(null), [de, ue] = ge(l);
+  let I;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (I = () => c.current, e[11] = I) : I = e[11], Ce(Z, I);
+  let E;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (E = () => {
+    c.current && ue(c.current.open);
+  }, e[12] = E) : E = e[12];
+  let A;
+  e[13] !== l ? (A = [l], e[13] = l, e[14] = A) : A = e[14], _e(E, A);
+  let X, b;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (X = () => {
+    const he = () => {
+      c.current && ue(c.current.open);
+    };
+    return c.current?.addEventListener("toggle", he), () => {
+      c.current?.removeEventListener("toggle", he);
+    };
+  }, b = [], e[15] = X, e[16] = b) : (X = e[15], b = e[16]), _e(X, b);
+  let F, T, P;
+  const x = typeof r == "object" && r !== void 0;
+  x && ({
+    headingSize: F,
+    headingTag: T,
+    headingText: P
+  } = r);
+  let R;
+  e[17] !== i ? (R = W(t.details, i), e[17] = i, e[18] = R) : R = e[18];
+  const k = R, B = d === "small", G = d === "x-small", J = !x;
+  let L;
+  e[19] !== a || e[20] !== B || e[21] !== G || e[22] !== J ? (L = W(t.summary, {
+    [t.summaryFlush]: a,
+    [t.summarySmall]: B,
+    [t.summaryXSmall]: G,
+    [t.summaryUtilityM]: J
+  }), e[19] = a, e[20] = B, e[21] = G, e[22] = J, e[23] = L) : L = e[23];
+  const K = L, Q = pe === "left", Y = d === "x-small";
+  let j;
+  e[24] !== a || e[25] !== Q || e[26] !== Y ? (j = W(t.summaryContentWrapper, {
+    [t.summaryContentWrapperFlush]: a,
+    [t.summaryContentWrapperChevronLeft]: Q,
+    [t.summaryContentWrapperXSmall]: Y
+  }), e[24] = a, e[25] = Q, e[26] = Y, e[27] = j) : j = e[27];
+  const ee = j, te = d === "x-small";
+  let z;
+  e[28] !== te ? (z = W(t.headingSummary, {
+    [t.headingSummaryXSmall]: te
+  }), e[28] = te, e[29] = z) : z = e[29];
+  const re = z, ne = $ === "chevron" && de, se = $ === "caret" && de;
+  let M;
+  e[30] !== ne || e[31] !== se ? (M = W(t.icon, {
+    [t.iconOpen]: ne,
+    [t.iconOpenCaret]: se
+  }), e[30] = ne, e[31] = se, e[32] = M) : M = e[32];
+  const ae = M, oe = d === "small", ce = d === "x-small";
+  let H;
+  e[33] !== a || e[34] !== oe || e[35] !== ce ? (H = W(t.contentWrapper, {
+    [t.contentWrapperFlush]: a,
+    [t.contentWrapperSmall]: oe,
+    [t.contentWrapperXSmall]: ce
+  }), e[33] = a, e[34] = oe, e[35] = ce, e[36] = H) : H = e[36];
+  const le = H;
+  let u;
+  e[37] !== F || e[38] !== T || e[39] !== P || e[40] !== x || e[41] !== r ? (u = x ? /* @__PURE__ */ m(ve, { tag: T, size: F, children: P }) : r, e[37] = F, e[38] = T, e[39] = P, e[40] = x, e[41] = r, e[42] = u) : u = e[42];
+  let h;
+  e[43] !== s ? (h = (s || s?.trim() === "") && /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(qe, { label: s }) }), e[43] = s, e[44] = h) : h = e[44];
+  let _;
+  e[45] !== re || e[46] !== u || e[47] !== h ? (_ = /* @__PURE__ */ V("div", { className: re, children: [
+    u,
+    h
+  ] }), e[45] = re, e[46] = u, e[47] = h, e[48] = _) : _ = e[48];
+  let y;
+  e[49] !== o ? (y = o && /* @__PURE__ */ m("div", { className: t.hint, children: o }), e[49] = o, e[50] = y) : y = e[50];
+  let f;
+  e[51] !== _ || e[52] !== y ? (f = /* @__PURE__ */ V("div", { className: t.headingSummaryWrapper, children: [
+    _,
+    y
+  ] }), e[51] = _, e[52] = y, e[53] = f) : f = e[53];
+  const me = $ === "chevron" ? "chevron-down" : "caret-right";
+  let S;
+  e[54] !== ae || e[55] !== me ? (S = /* @__PURE__ */ m(We, { name: me, "aria-hidden": "true", className: ae }), e[54] = ae, e[55] = me, e[56] = S) : S = e[56];
+  let g;
+  e[57] !== ee || e[58] !== f || e[59] !== S ? (g = /* @__PURE__ */ V("div", { className: ee, children: [
+    f,
+    S
+  ] }), e[57] = ee, e[58] = f, e[59] = S, e[60] = g) : g = e[60];
+  let C;
+  e[61] !== K || e[62] !== g ? (C = /* @__PURE__ */ m("summary", { className: K, children: g }), e[61] = K, e[62] = g, e[63] = C) : C = e[63];
+  let v;
+  e[64] !== n || e[65] !== le ? (v = /* @__PURE__ */ m("div", { className: le, children: n }), e[64] = n, e[65] = le, e[66] = v) : v = e[66];
+  let U;
+  return e[67] !== k || e[68] !== l || e[69] !== p || e[70] !== C || e[71] !== v ? (U = /* @__PURE__ */ V("details", { ...p, ref: c, className: k, open: l, children: [
+    C,
+    v
+  ] }), e[67] = k, e[68] = l, e[69] = p, e[70] = C, e[71] = v, e[72] = U) : U = e[72], U;
+});
+$e.displayName = "DSAccordion";
+export {
+  tt as A,
+  nt as C,
+  $e as D,
+  rt as a,
+  Ze as v
+};

package/chunks/{ActionButton.DdDesD7K.js → ActionButton.DOYsEHPr.js}

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs as Z, jsx as p, Fragment as wt } from "react/jsx-runtime";
-import { d as At } from "./index.CgTHIF3K.js";
-import { c as S } from "./index.CEyLAtio.js";
+import { d as At } from "./index.D-sRdssb.js";
+import { c as S } from "./index.DL9mof6u.js";
 import { forwardRef as yt } from "react";
-import { D as gt } from "./Icon.NSsVrYeq.js";
-import { NumberIndicator as Tt } from "../numberindicator.Ddf3ESi7.js";
-import { Tooltip as It } from "../tooltip.CUCSRXd3.js";
-import { g as C } from "./helpers.BbWkXTr3.js";
-import '../assets/ActionButton.oGVPTS1J.css';const St = "ds-action-button_root_15ybf_1", Ct = "ds-action-button_root--indent-level-1_15ybf_75", Ot = "ds-action-button_root--active_15ybf_78", Pt = "ds-action-button_root--active--with-marker_15ybf_81", Dt = "ds-action-button_root--icon--top_15ybf_84", Bt = "ds-action-button_root--stretched_15ybf_110", kt = "ds-action-button_active-marker_15ybf_115", Lt = "ds-action-button_active-marker--with-indent_15ybf_127", Et = "ds-action-button_icon-wrapper_15ybf_131", xt = "ds-action-button_icon-wrapper--x-large_15ybf_134", Mt = "ds-action-button_icon-wrapper--with-number-indicator_15ybf_137", Ut = "ds-action-button_icon-wrapper--with-number-indicator--with-value_15ybf_145", zt = "ds-action-button_label_15ybf_149", Rt = "ds-action-button_label--bold_15ybf_160", Vt = "ds-action-button_label--active_15ybf_171", Ht = "ds-action-button_label--icon-top_15ybf_182", Xt = "ds-action-button_number-indicator_15ybf_205", jt = "ds-action-button_label-wrapper_15ybf_209", Ft = "ds-action-button_label-wrapper--icon-top_15ybf_214", Gt = "ds-action-button_chevron_15ybf_218", Zt = "ds-action-button_chevron--icon-position-top_15ybf_233", $t = "ds-action-button_chevron--up_15ybf_239", qt = "ds-action-button_chevron--right_15ybf_250", Jt = "ds-action-button_chevron--left_15ybf_261", o = {
+import { D as gt } from "./Icon.CDLyB7Pv.js";
+import { NumberIndicator as Tt } from "../numberindicator.BdnPMogE.js";
+import { Tooltip as It } from "../tooltip.QJe_bfO-.js";
+import { g as C } from "./helpers.CexwVao7.js";
+import '../assets/ActionButton.oGVPTS1J.css';const St = "ds-action-button_root_15ybf_1", Ct = "ds-action-button_root--indent-level-1_15ybf_75", Ot = "ds-action-button_root--active_15ybf_78", Pt = "ds-action-button_root--active--with-marker_15ybf_81", Dt = "ds-action-button_root--icon--top_15ybf_84", Bt = "ds-action-button_root--stretched_15ybf_110", kt = "ds-action-button_active-marker_15ybf_115", Lt = "ds-action-button_active-marker--with-indent_15ybf_127", Et = "ds-action-button_icon-wrapper_15ybf_131", xt = "ds-action-button_icon-wrapper--x-large_15ybf_134", Mt = "ds-action-button_icon-wrapper--with-number-indicator_15ybf_137", Ut = "ds-action-button_icon-wrapper--with-number-indicator--with-value_15ybf_145", Vt = "ds-action-button_label_15ybf_149", zt = "ds-action-button_label--bold_15ybf_160", Rt = "ds-action-button_label--active_15ybf_171", Ht = "ds-action-button_label--icon-top_15ybf_182", Xt = "ds-action-button_number-indicator_15ybf_205", jt = "ds-action-button_label-wrapper_15ybf_209", Ft = "ds-action-button_label-wrapper--icon-top_15ybf_214", Gt = "ds-action-button_chevron_15ybf_218", Zt = "ds-action-button_chevron--icon-position-top_15ybf_233", $t = "ds-action-button_chevron--up_15ybf_239", qt = "ds-action-button_chevron--right_15ybf_250", Jt = "ds-action-button_chevron--left_15ybf_261", o = {
   root: St,
   rootIndentLevel1: Ct,
   rootActive: Ot,
@@ -20,9 +20,9 @@ import '../assets/ActionButton.oGVPTS1J.css';const St = "ds-action-button_root_1
   iconWrapperXLarge: xt,
   iconWrapperWithNumberIndicator: Mt,
   iconWrapperWithNumberIndicatorWithValue: Ut,
-  label: zt,
-  labelBold: Rt,
-  labelActive: Vt,
+  label: Vt,
+  labelBold: zt,
+  labelActive: Rt,
   labelIconTop: Ht,
   numberIndicator: Xt,
   labelWrapper: jt,
@@ -48,7 +48,7 @@ import '../assets/ActionButton.oGVPTS1J.css';const St = "ds-action-button_root_1
   }
 }, Qt = yt((v, u) => {
   const t = At.c(91);
-  let d, r, h, b, c, a, n, f, m, O, P, D, B, k, L, E, _;
+  let d, r, h, b, c, a, i, f, m, O, P, D, B, k, L, E, _;
   t[0] !== v ? ({
     children: h,
     aria: d,
@@ -61,14 +61,14 @@ import '../assets/ActionButton.oGVPTS1J.css';const St = "ds-action-button_root_1
     iconSource: a,
     indentLevel: B,
     isActive: k,
-    numberIndicatorValue: n,
+    numberIndicatorValue: i,
     stretched: L,
     weight: E,
     tooltip: _,
     onClick: f,
     ...m
-  } = v, t[0] = v, t[1] = d, t[2] = r, t[3] = h, t[4] = b, t[5] = c, t[6] = a, t[7] = n, t[8] = f, t[9] = m, t[10] = O, t[11] = P, t[12] = D, t[13] = B, t[14] = k, t[15] = L, t[16] = E, t[17] = _) : (d = t[1], r = t[2], h = t[3], b = t[4], c = t[5], a = t[6], n = t[7], f = t[8], m = t[9], O = t[10], P = t[11], D = t[12], B = t[13], k = t[14], L = t[15], E = t[16], _ = t[17]);
-  const i = O === void 0 ? !1 : O, e = P === void 0 ? "left" : P, x = D === void 0 ? "large" : D, $ = B === void 0 ? 0 : B, I = k === void 0 ? !1 : k, Nt = L === void 0 ? !1 : L, Wt = E === void 0 ? "normal" : E;
+  } = v, t[0] = v, t[1] = d, t[2] = r, t[3] = h, t[4] = b, t[5] = c, t[6] = a, t[7] = i, t[8] = f, t[9] = m, t[10] = O, t[11] = P, t[12] = D, t[13] = B, t[14] = k, t[15] = L, t[16] = E, t[17] = _) : (d = t[1], r = t[2], h = t[3], b = t[4], c = t[5], a = t[6], i = t[7], f = t[8], m = t[9], O = t[10], P = t[11], D = t[12], B = t[13], k = t[14], L = t[15], E = t[16], _ = t[17]);
+  const n = O === void 0 ? !1 : O, e = P === void 0 ? "left" : P, x = D === void 0 ? "large" : D, $ = B === void 0 ? 0 : B, I = k === void 0 ? !1 : k, Nt = L === void 0 ? !1 : L, Wt = E === void 0 ? "normal" : E;
   process.env.NODE_ENV !== "production" && Kt({
     iconName: c,
     iconSize: x,
@@ -78,7 +78,7 @@ import '../assets/ActionButton.oGVPTS1J.css';const St = "ds-action-button_root_1
     stretched: Nt,
     weight: Wt
   });
-  const s = (n == null ? void 0 : n.trim()) === "", q = e === "top", J = $ === 1, K = I && !i, Q = I && !i && e === "left", Y = Nt === !0 && e === "left";
+  const s = i?.trim() === "", q = e === "top", J = $ === 1, K = I && !n, Q = I && !n && e === "left", Y = Nt === !0 && e === "left";
   let M;
   t[18] !== b || t[19] !== K || t[20] !== Q || t[21] !== Y || t[22] !== q || t[23] !== J ? (M = S(o.root, b, {
     [o.rootIconTop]: q,
@@ -92,27 +92,27 @@ import '../assets/ActionButton.oGVPTS1J.css';const St = "ds-action-button_root_1
   t[25] !== ot ? (U = S(o.activeMarker, {
     [o.activeMarkerWithIndent]: ot
   }), t[25] = ot, t[26] = U) : U = t[26];
-  const et = U, nt = I && !i, it = Wt === "bold", rt = e === "top";
-  let z;
-  t[27] !== nt || t[28] !== it || t[29] !== rt ? (z = S(o.label, {
+  const et = U, nt = I && !n, it = Wt === "bold", rt = e === "top";
+  let V;
+  t[27] !== nt || t[28] !== it || t[29] !== rt ? (V = S(o.label, {
     [o.labelActive]: nt,
     [o.labelBold]: it,
     [o.labelIconTop]: rt
-  }), t[27] = nt, t[28] = it, t[29] = rt, t[30] = z) : z = t[30];
-  const ct = z, at = e === "top";
-  let R;
-  t[31] !== at ? (R = S(o.labelWrapper, {
+  }), t[27] = nt, t[28] = it, t[29] = rt, t[30] = V) : V = t[30];
+  const ct = V, at = e === "top";
+  let z;
+  t[31] !== at ? (z = S(o.labelWrapper, {
     [o.labelWrapperIconTop]: at
-  }), t[31] = at, t[32] = R) : R = t[32];
-  const st = R, lt = e === "top", pt = r === "up", dt = r === "right", ht = r === "left";
-  let V;
-  t[33] !== lt || t[34] !== pt || t[35] !== dt || t[36] !== ht ? (V = S(o.chevron, {
+  }), t[31] = at, t[32] = z) : z = t[32];
+  const st = z, lt = e === "top", pt = r === "up", dt = r === "right", ht = r === "left";
+  let R;
+  t[33] !== lt || t[34] !== pt || t[35] !== dt || t[36] !== ht ? (R = S(o.chevron, {
     [o.chevronIconPositionTop]: lt,
     [o.chevronUp]: pt,
     [o.chevronRight]: dt,
     [o.chevronLeft]: ht
-  }), t[33] = lt, t[34] = pt, t[35] = dt, t[36] = ht, t[37] = V) : V = t[37];
-  const bt = V, ft = x === "x-large", _t = (c || a) && (n || s), vt = (c || a) && !s;
+  }), t[33] = lt, t[34] = pt, t[35] = dt, t[36] = ht, t[37] = R) : R = t[37];
+  const bt = R, ft = x === "x-large", _t = (c || a) && (i || s), vt = (c || a) && !s;
   let H;
   t[38] !== ft || t[39] !== _t || t[40] !== vt ? (H = S(o.iconWrapper, {
     [o.iconWrapperXLarge]: ft,
@@ -121,21 +121,21 @@ import '../assets/ActionButton.oGVPTS1J.css';const St = "ds-action-button_root_1
   }), t[38] = ft, t[39] = _t, t[40] = vt, t[41] = H) : H = t[41];
   const ut = H;
   let X;
-  t[42] !== i || t[43] !== f ? (X = (l) => {
-    if (i) {
+  t[42] !== n || t[43] !== f ? (X = (l) => {
+    if (n) {
       l.preventDefault();
       return;
     }
     f && f(l);
-  }, t[42] = i, t[43] = f, t[44] = X) : X = t[44];
+  }, t[42] = n, t[43] = f, t[44] = X) : X = t[44];
   const mt = X;
   let N;
   t[45] !== et || t[46] !== e || t[47] !== I ? (N = I && e === "left" && /* @__PURE__ */ p("div", { className: et }), t[45] = et, t[46] = e, t[47] = I, t[48] = N) : N = t[48];
   let W;
-  t[49] !== i || t[50] !== c || t[51] !== e || t[52] !== x || t[53] !== a || t[54] !== ut || t[55] !== s || t[56] !== n ? (W = (c || a) && /* @__PURE__ */ p(wt, { children: /* @__PURE__ */ Z("span", { className: ut, children: [
+  t[49] !== n || t[50] !== c || t[51] !== e || t[52] !== x || t[53] !== a || t[54] !== ut || t[55] !== s || t[56] !== i ? (W = (c || a) && /* @__PURE__ */ p(wt, { children: /* @__PURE__ */ Z("span", { className: ut, children: [
     /* @__PURE__ */ p(gt, { name: c, theme: "light", source: a, "aria-hidden": "true", size: c || e === "top" ? "large" : x }),
-    !i && (e === "left" && s || e === "top" && (n || s)) && /* @__PURE__ */ p(Tt, { variant: "highlight", label: n })
-  ] }) }), t[49] = i, t[50] = c, t[51] = e, t[52] = x, t[53] = a, t[54] = ut, t[55] = s, t[56] = n, t[57] = W) : W = t[57];
+    !n && (e === "left" && s || e === "top" && (i || s)) && /* @__PURE__ */ p(Tt, { variant: "highlight", label: i })
+  ] }) }), t[49] = n, t[50] = c, t[51] = e, t[52] = x, t[53] = a, t[54] = ut, t[55] = s, t[56] = i, t[57] = W) : W = t[57];
   let g;
   t[58] !== h || t[59] !== ct ? (g = /* @__PURE__ */ p("span", { className: ct, children: h }), t[58] = h, t[59] = ct, t[60] = g) : g = t[60];
   let T;
@@ -146,14 +146,14 @@ import '../assets/ActionButton.oGVPTS1J.css';const St = "ds-action-button_root_1
     T
   ] }), t[64] = st, t[65] = g, t[66] = T, t[67] = w) : w = t[67];
   let A;
-  t[68] !== i || t[69] !== e || t[70] !== s || t[71] !== n ? (A = e === "left" && !i && n && !s && /* @__PURE__ */ p(Tt, { variant: "default", label: n, className: o.numberIndicator }), t[68] = i, t[69] = e, t[70] = s, t[71] = n, t[72] = A) : A = t[72];
+  t[68] !== n || t[69] !== e || t[70] !== s || t[71] !== i ? (A = e === "left" && !n && i && !s && /* @__PURE__ */ p(Tt, { variant: "default", label: i, className: o.numberIndicator }), t[68] = n, t[69] = e, t[70] = s, t[71] = i, t[72] = A) : A = t[72];
   let j;
-  t[73] !== d || t[74] !== i || t[75] !== mt || t[76] !== u || t[77] !== m || t[78] !== tt || t[79] !== N || t[80] !== W || t[81] !== w || t[82] !== A ? (j = /* @__PURE__ */ Z("button", { className: tt, type: "button", onClick: mt, ...d, ...m, "aria-disabled": i, ref: u, children: [
+  t[73] !== d || t[74] !== n || t[75] !== mt || t[76] !== u || t[77] !== m || t[78] !== tt || t[79] !== N || t[80] !== W || t[81] !== w || t[82] !== A ? (j = /* @__PURE__ */ Z("button", { className: tt, type: "button", onClick: mt, ...d, ...m, "aria-disabled": n, ref: u, children: [
     N,
     W,
     w,
     A
-  ] }), t[73] = d, t[74] = i, t[75] = mt, t[76] = u, t[77] = m, t[78] = tt, t[79] = N, t[80] = W, t[81] = w, t[82] = A, t[83] = j) : j = t[83];
+  ] }), t[73] = d, t[74] = n, t[75] = mt, t[76] = u, t[77] = m, t[78] = tt, t[79] = N, t[80] = W, t[81] = w, t[82] = A, t[83] = j) : j = t[83];
   const F = j;
   if (_) {
     let l;