@stihl-design-system/components 1.0.0-RC.40 → 1.0.0-RC.41

package/{accordion.nt0Foequ.js → accordion.CiiPLwYQ.js}

@@ -6,7 +6,7 @@ import "react";
 import "./heading.BHSklXho.js";
 import "./chunks/Icon.m6sMB6vl.js";
 import "./numberindicator.ZGVRSmqf.js";
-import { D as s } from "./chunks/Accordion.B-0pf8Fq.js";
+import { D as s } from "./chunks/Accordion.Q50G9LZ3.js";
 export {
   s as DSAccordion
 };

package/{actionbutton.Ctea6drN.js → actionbutton.DKb4ph1c.js}

@@ -6,7 +6,7 @@ import "react";
 import "./chunks/Icon.m6sMB6vl.js";
 import "./numberindicator.ZGVRSmqf.js";
 import "./tooltip._lP4aMV2.js";
-import { D as s } from "./chunks/ActionButton.wdWh7E2b.js";
+import { D as s } from "./chunks/ActionButton.BEMy35Lh.js";
 export {
   s as DSActionButton
 };

package/{actionlink.VX1OMtm-.js → actionlink.DEGta2h9.js}

@@ -6,7 +6,7 @@ import "react";
 import "./chunks/Icon.m6sMB6vl.js";
 import "./numberindicator.ZGVRSmqf.js";
 import "./tooltip._lP4aMV2.js";
-import { D as s } from "./chunks/ActionLink.DwUP-Kgm.js";
+import { D as s } from "./chunks/ActionLink.DECHT42B.js";
 export {
   s as DSActionLink
 };

package/{chipgroup.i5SOv6LA.js → chipgroup.CSjQHeeW.js}

@@ -11,7 +11,7 @@ import './assets/chipgroup.BGxjdSDX.css';const ge = "ds-chip-group_label--hidden
   root: be
 }, Ne = (o) => {
   const e = ue.c(37);
-  let r, m, d, g, c, L, b, v, y, w, k, C, I;
+  let r, m, d, g, c, L, b, v, k, y, C, w, I;
   e[0] !== o ? ({
     chips: r,
     id: d,
@@ -19,15 +19,15 @@ import './assets/chipgroup.BGxjdSDX.css';const ge = "ds-chip-group_label--hidden
     className: m,
     disableTooltips: b,
     hideLabel: v,
-    isRemovable: y,
-    lang: w,
-    selectionMode: k,
-    size: C,
+    isRemovable: k,
+    lang: y,
+    selectionMode: C,
+    size: w,
     translations: I,
     onChipsChange: c,
     ...L
-  } = o, e[0] = o, e[1] = r, e[2] = m, e[3] = d, e[4] = g, e[5] = c, e[6] = L, e[7] = b, e[8] = v, e[9] = y, e[10] = w, e[11] = k, e[12] = C, e[13] = I) : (r = e[1], m = e[2], d = e[3], g = e[4], c = e[5], L = e[6], b = e[7], v = e[8], y = e[9], w = e[10], k = e[11], C = e[12], I = e[13]);
-  const X = b === void 0 ? !1 : b, Y = v === void 0 ? !1 : v, u = y === void 0 ? !1 : y, Z = w === void 0 ? "en" : w, f = k === void 0 ? "single" : k, ee = C === void 0 ? "medium" : C;
+  } = o, e[0] = o, e[1] = r, e[2] = m, e[3] = d, e[4] = g, e[5] = c, e[6] = L, e[7] = b, e[8] = v, e[9] = k, e[10] = y, e[11] = C, e[12] = w, e[13] = I) : (r = e[1], m = e[2], d = e[3], g = e[4], c = e[5], L = e[6], b = e[7], v = e[8], k = e[9], y = e[10], C = e[11], w = e[12], I = e[13]);
+  const X = b === void 0 ? !1 : b, Y = v === void 0 ? !1 : v, u = k === void 0 ? !1 : k, Z = y === void 0 ? "en" : y, f = C === void 0 ? "single" : C, ee = w === void 0 ? "medium" : w;
   process.env.NODE_ENV !== "production" && me({
     chips: r,
     id: d,
@@ -42,7 +42,7 @@ import './assets/chipgroup.BGxjdSDX.css';const ge = "ds-chip-group_label--hidden
   const D = P(_);
   let A, K;
   e[17] !== r ? (K = () => {
-    S(r.map(ye));
+    S(r.map(ke));
   }, A = [r], e[17] = r, e[18] = A, e[19] = K) : (A = e[18], K = e[19]), V(K, A);
   let T, N;
   e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = () => {
@@ -88,10 +88,10 @@ import './assets/chipgroup.BGxjdSDX.css';const ge = "ds-chip-group_label--hidden
       case "Enter":
       case " ": {
         if (t.preventDefault(), u) {
-          O(l);
+          O(l), n[l]?.onClick?.(t);
           return;
         } else
-          x(l);
+          x(l), n[l]?.onClick?.(t);
         break e;
       }
       case "Backspace": {
@@ -105,13 +105,13 @@ import './assets/chipgroup.BGxjdSDX.css';const ge = "ds-chip-group_label--hidden
   }, le = () => {
     if (f !== "multiple")
       return;
-    const t = n.map(we);
+    const t = n.map(ye);
     S(t), E(`${t.length} items selected`), c && c(t);
   }, h = (t) => {
     if (u)
       return;
-    const l = n.map(ke);
-    l[t].disabled || (l[t].isSelected = !0, E(`${l[t].label} selected, ${l.filter(Ce).length} items selected`), S(l), c && c(l));
+    const l = n.map(Ce);
+    l[t].disabled || (l[t].isSelected = !0, E(`${l[t].label} selected, ${l.filter(we).length} items selected`), S(l), c && c(l));
   }, x = (t) => {
     if (u)
       return;
@@ -155,23 +155,23 @@ function ve(o) {
     ...o
   };
 }
-function ye(o) {
+function ke(o) {
   return {
     ...o
   };
 }
-function we(o) {
+function ye(o) {
   return {
     ...o,
     selected: !o.disabled
   };
 }
-function ke(o) {
+function Ce(o) {
   return {
     ...o
   };
 }
-function Ce(o) {
+function we(o) {
   const {
     isSelected: e
   } = o;

package/chunks/Accordion.Q50G9LZ3.js

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

package/chunks/ActionButton.BEMy35Lh.js

@@ -0,0 +1,188 @@
+"use client";
+import { jsxs as q, jsx as d, Fragment as zt } from "react/jsx-runtime";
+import { d as St } from "./index.cKLI89Eg.js";
+import { c as C } from "./index.DQOqod3i.js";
+import { forwardRef as Pt } from "react";
+import { D as wt } from "./Icon.m6sMB6vl.js";
+import { NumberIndicator as Tt } from "../numberindicator.ZGVRSmqf.js";
+import { Tooltip as Wt } from "../tooltip._lP4aMV2.js";
+import { g as f } from "./helpers.CexwVao7.js";
+import '../assets/ActionButton.BLOWs6IZ.css';const Ct = "ds-action-button_root_19zdv_1", Dt = "ds-action-button_root--indent-level-1_19zdv_75", Ot = "ds-action-button_root--active_19zdv_78", Bt = "ds-action-button_root--active--with-marker_19zdv_81", kt = "ds-action-button_root--icon--top_19zdv_84", Lt = "ds-action-button_root--stretched_19zdv_110", Et = "ds-action-button_active-marker_19zdv_115", xt = "ds-action-button_active-marker--with-indent_19zdv_127", Mt = "ds-action-button_icon-wrapper_19zdv_131", Ut = "ds-action-button_icon-wrapper--x-large_19zdv_134", Rt = "ds-action-button_icon-wrapper--with-number-indicator_19zdv_137", Vt = "ds-action-button_icon-wrapper--with-number-indicator--with-value_19zdv_145", yt = "ds-action-button_label_19zdv_149", Ht = "ds-action-button_label--bold_19zdv_160", Xt = "ds-action-button_label--active_19zdv_171", jt = "ds-action-button_label--icon-top_19zdv_182", Ft = "ds-action-button_number-indicator_19zdv_205", Gt = "ds-action-button_label-wrapper_19zdv_209", Zt = "ds-action-button_label-wrapper--icon-top_19zdv_214", $t = "ds-action-button_chevron_19zdv_218", qt = "ds-action-button_chevron--icon-position-top_19zdv_233", Jt = "ds-action-button_chevron--up_19zdv_239", Kt = "ds-action-button_chevron--right_19zdv_250", Qt = "ds-action-button_chevron--left_19zdv_261", o = {
+  root: Ct,
+  rootIndentLevel1: Dt,
+  rootActive: Ot,
+  rootActiveWithMarker: Bt,
+  rootIconTop: kt,
+  rootStretched: Lt,
+  activeMarker: Et,
+  activeMarkerWithIndent: xt,
+  iconWrapper: Mt,
+  iconWrapperXLarge: Ut,
+  iconWrapperWithNumberIndicator: Rt,
+  iconWrapperWithNumberIndicatorWithValue: Vt,
+  label: yt,
+  labelBold: Ht,
+  labelActive: Xt,
+  labelIconTop: jt,
+  numberIndicator: Ft,
+  labelWrapper: Gt,
+  labelWrapperIconTop: Zt,
+  chevron: $t,
+  chevronIconPositionTop: qt,
+  chevronUp: Jt,
+  chevronRight: Kt,
+  chevronLeft: Qt
+}, lo = ["left", "top"], po = ["large", "x-large"], ho = [0, 1], vo = ["normal", "bold"], bo = ["up", "down", "right", "left"], Yt = ({
+  iconName: m,
+  iconSize: I,
+  iconSource: t,
+  iconPosition: h,
+  indentLevel: a,
+  stretched: v,
+  weight: b,
+  numberIndicatorValue: r,
+  numberIndicatorAriaLabel: c
+}) => {
+  if (m && !t && I === "x-large" && console.warn(f("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconName" is set. Please remove the "iconSize" prop or provide a custom icon via the "iconSource" prop.')), h === "top") {
+    if (!m && !t)
+      throw new Error(f("DSActionButton", 'The "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
+    I === "x-large" && console.warn(f("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), b === "bold" && console.warn(f("DSActionButton", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), a === 1 && console.warn(f("DSActionButton", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), v && console.warn(f("DSActionButton", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
+  }
+  (r || r === "") && !c && console.warn(f("DSActionButton", "Please provide a descriptive aria-label for the Number Indicator for better accessibility."));
+}, to = Pt((m, I) => {
+  const t = St.c(96);
+  let h, a, v, b, r, c, s, n, _, N, D, O, B, k, L, E, x, u;
+  t[0] !== m ? ({
+    children: v,
+    aria: h,
+    chevronDirection: a,
+    className: b,
+    disabled: D,
+    iconName: r,
+    iconPosition: O,
+    iconSize: B,
+    iconSource: c,
+    indentLevel: k,
+    isActive: L,
+    numberIndicatorValue: n,
+    numberIndicatorAriaLabel: s,
+    stretched: E,
+    weight: x,
+    tooltip: u,
+    onClick: _,
+    ...N
+  } = m, t[0] = m, t[1] = h, t[2] = a, t[3] = v, t[4] = b, t[5] = r, t[6] = c, t[7] = s, t[8] = n, t[9] = _, t[10] = N, t[11] = D, t[12] = O, t[13] = B, t[14] = k, t[15] = L, t[16] = E, t[17] = x, t[18] = u) : (h = t[1], a = t[2], v = t[3], b = t[4], r = t[5], c = t[6], s = t[7], n = t[8], _ = t[9], N = t[10], D = t[11], O = t[12], B = t[13], k = t[14], L = t[15], E = t[16], x = t[17], u = t[18]);
+  const i = D === void 0 ? !1 : D, e = O === void 0 ? "left" : O, M = B === void 0 ? "large" : B, J = k === void 0 ? 0 : k, W = L === void 0 ? !1 : L, At = E === void 0 ? !1 : E, gt = x === void 0 ? "normal" : x;
+  process.env.NODE_ENV !== "production" && Yt({
+    iconName: r,
+    iconSize: M,
+    iconSource: c,
+    iconPosition: e,
+    indentLevel: J,
+    numberIndicatorValue: n,
+    numberIndicatorAriaLabel: s,
+    stretched: At,
+    weight: gt
+  });
+  let U;
+  t[19] !== n ? (U = n?.trim(), t[19] = n, t[20] = U) : U = t[20];
+  const l = U === "", K = e === "top", Q = J === 1, Y = W && !i, tt = W && !i && e === "left", ot = At === !0 && e === "left";
+  let R;
+  t[21] !== b || t[22] !== Q || t[23] !== Y || t[24] !== tt || t[25] !== ot || t[26] !== K ? (R = C(o.root, b, {
+    [o.rootIconTop]: K,
+    [o.rootIndentLevel1]: Q,
+    [o.rootActive]: Y,
+    [o.rootActiveWithMarker]: tt,
+    [o.rootStretched]: ot
+  }), t[21] = b, t[22] = Q, t[23] = Y, t[24] = tt, t[25] = ot, t[26] = K, t[27] = R) : R = t[27];
+  const et = R, nt = J === 1;
+  let V;
+  t[28] !== nt ? (V = C(o.activeMarker, {
+    [o.activeMarkerWithIndent]: nt
+  }), t[28] = nt, t[29] = V) : V = t[29];
+  const it = V, rt = W && !i, ct = gt === "bold", at = e === "top";
+  let y;
+  t[30] !== rt || t[31] !== ct || t[32] !== at ? (y = C(o.label, {
+    [o.labelActive]: rt,
+    [o.labelBold]: ct,
+    [o.labelIconTop]: at
+  }), t[30] = rt, t[31] = ct, t[32] = at, t[33] = y) : y = t[33];
+  const st = y, lt = e === "top";
+  let H;
+  t[34] !== lt ? (H = C(o.labelWrapper, {
+    [o.labelWrapperIconTop]: lt
+  }), t[34] = lt, t[35] = H) : H = t[35];
+  const pt = H, dt = e === "top", ht = a === "up", vt = a === "right", bt = a === "left";
+  let X;
+  t[36] !== dt || t[37] !== ht || t[38] !== vt || t[39] !== bt ? (X = C(o.chevron, {
+    [o.chevronIconPositionTop]: dt,
+    [o.chevronUp]: ht,
+    [o.chevronRight]: vt,
+    [o.chevronLeft]: bt
+  }), t[36] = dt, t[37] = ht, t[38] = vt, t[39] = bt, t[40] = X) : X = t[40];
+  const _t = X, ut = M === "x-large", ft = (r || c) && (n || l), mt = (r || c) && !l;
+  let j;
+  t[41] !== ut || t[42] !== ft || t[43] !== mt ? (j = C(o.iconWrapper, {
+    [o.iconWrapperXLarge]: ut,
+    [o.iconWrapperWithNumberIndicator]: ft,
+    [o.iconWrapperWithNumberIndicatorWithValue]: mt
+  }), t[41] = ut, t[42] = ft, t[43] = mt, t[44] = j) : j = t[44];
+  const It = j;
+  let F;
+  t[45] !== i || t[46] !== _ ? (F = (p) => {
+    if (i) {
+      p.preventDefault();
+      return;
+    }
+    _ && _(p);
+  }, t[45] = i, t[46] = _, t[47] = F) : F = t[47];
+  const Nt = F;
+  let A;
+  t[48] !== it || t[49] !== e || t[50] !== W ? (A = W && e === "left" && /* @__PURE__ */ d("div", { className: it }), t[48] = it, t[49] = e, t[50] = W, t[51] = A) : A = t[51];
+  let g;
+  t[52] !== i || t[53] !== r || t[54] !== e || t[55] !== M || t[56] !== c || t[57] !== It || t[58] !== l || t[59] !== s || t[60] !== n ? (g = (r || c) && /* @__PURE__ */ d(zt, { children: /* @__PURE__ */ q("span", { className: It, children: [
+    /* @__PURE__ */ d(wt, { name: r, theme: "light", source: c, "aria-hidden": "true", size: r || e === "top" ? "large" : M }),
+    !i && (e === "left" && l || e === "top" && (n || l)) && /* @__PURE__ */ d(Tt, { variant: "highlight", "aria-label": s, label: n })
+  ] }) }), t[52] = i, t[53] = r, t[54] = e, t[55] = M, t[56] = c, t[57] = It, t[58] = l, t[59] = s, t[60] = n, t[61] = g) : g = t[61];
+  let w;
+  t[62] !== v || t[63] !== st ? (w = /* @__PURE__ */ d("span", { className: st, children: v }), t[62] = v, t[63] = st, t[64] = w) : w = t[64];
+  let T;
+  t[65] !== _t || t[66] !== a ? (T = a && /* @__PURE__ */ d(wt, { name: "chevron-down", theme: "light", "aria-hidden": "true", className: _t }), t[65] = _t, t[66] = a, t[67] = T) : T = t[67];
+  let z;
+  t[68] !== pt || t[69] !== w || t[70] !== T ? (z = /* @__PURE__ */ q("div", { className: pt, children: [
+    w,
+    T
+  ] }), t[68] = pt, t[69] = w, t[70] = T, t[71] = z) : z = t[71];
+  let S;
+  t[72] !== i || t[73] !== e || t[74] !== l || t[75] !== s || t[76] !== n ? (S = e === "left" && !i && n && !l && /* @__PURE__ */ d(Tt, { variant: "default", "aria-label": s, label: n, className: o.numberIndicator }), t[72] = i, t[73] = e, t[74] = l, t[75] = s, t[76] = n, t[77] = S) : S = t[77];
+  let G;
+  t[78] !== h || t[79] !== i || t[80] !== Nt || t[81] !== I || t[82] !== N || t[83] !== et || t[84] !== A || t[85] !== g || t[86] !== z || t[87] !== S ? (G = /* @__PURE__ */ q("button", { className: et, type: "button", onClick: Nt, ...h, ...N, "aria-disabled": i, ref: I, children: [
+    A,
+    g,
+    z,
+    S
+  ] }), t[78] = h, t[79] = i, t[80] = Nt, t[81] = I, t[82] = N, t[83] = et, t[84] = A, t[85] = g, t[86] = z, t[87] = S, t[88] = G) : G = t[88];
+  const Z = G;
+  if (u) {
+    let p;
+    t[89] !== Z ? (p = /* @__PURE__ */ d(Wt.Anchor, { children: Z }), t[89] = Z, t[90] = p) : p = t[90];
+    let P;
+    t[91] !== u ? (P = /* @__PURE__ */ d(Wt.Content, { children: u }), t[91] = u, t[92] = P) : P = t[92];
+    let $;
+    return t[93] !== p || t[94] !== P ? ($ = /* @__PURE__ */ q(Wt, { placement: "top", tooltipOffset: 6, children: [
+      p,
+      P
+    ] }), t[93] = p, t[94] = P, t[95] = $) : $ = t[95], $;
+  }
+  return Z;
+});
+to.displayName = "DSActionButton";
+export {
+  lo as A,
+  to as D,
+  po as a,
+  ho as b,
+  vo as c,
+  bo as d,
+  Yt as v
+};

package/chunks/ActionLink.DECHT42B.js

@@ -0,0 +1,161 @@
+"use client";
+import { jsxs as pt, jsx as b, Fragment as _t } from "react/jsx-runtime";
+import { d as mt } from "./index.cKLI89Eg.js";
+import { c as R } from "./index.DQOqod3i.js";
+import { forwardRef as vt } from "react";
+import { D as kt } from "./Icon.m6sMB6vl.js";
+import { NumberIndicator as bt } from "../numberindicator.ZGVRSmqf.js";
+import { Tooltip as dt } from "../tooltip._lP4aMV2.js";
+import { g as m } from "./helpers.CexwVao7.js";
+import '../assets/ActionLink.BJDUVdT7.css';const It = "ds-action-link_root_o08fb_1", Nt = "ds-action-link_root--indent-level-1_o08fb_75", ut = "ds-action-link_root--active_o08fb_78", At = "ds-action-link_root--active--with-marker_o08fb_81", wt = "ds-action-link_root--icon--top_o08fb_84", gt = "ds-action-link_root--stretched_o08fb_110", Wt = "ds-action-link_active-marker_o08fb_115", Lt = "ds-action-link_active-marker--with-indent_o08fb_127", St = "ds-action-link_icon-wrapper_o08fb_131", Pt = "ds-action-link_icon-wrapper--x-large_o08fb_134", Dt = "ds-action-link_icon-wrapper--with-number-indicator_o08fb_137", Tt = "ds-action-link_icon-wrapper--with-number-indicator--with-value_o08fb_145", xt = "ds-action-link_label_o08fb_149", Ct = "ds-action-link_label--bold_o08fb_160", Mt = "ds-action-link_label--active_o08fb_171", Et = "ds-action-link_label--icon-top_o08fb_182", Ot = "ds-action-link_number-indicator_o08fb_205", o = {
+  root: It,
+  rootIndentLevel1: Nt,
+  rootActive: ut,
+  rootActiveWithMarker: At,
+  rootIconTop: wt,
+  rootStretched: gt,
+  activeMarker: Wt,
+  activeMarkerWithIndent: Lt,
+  iconWrapper: St,
+  iconWrapperXLarge: Pt,
+  iconWrapperWithNumberIndicator: Dt,
+  iconWrapperWithNumberIndicatorWithValue: Tt,
+  label: xt,
+  labelBold: Ct,
+  labelActive: Mt,
+  labelIconTop: Et,
+  numberIndicator: Ot
+}, Rt = ["left", "top"], Zt = ["large", "x-large"], $t = [0, 1], qt = ["normal", "bold"], zt = ({
+  iconName: v,
+  iconSize: k,
+  iconSource: t,
+  iconPosition: s,
+  indentLevel: p,
+  stretched: d,
+  weight: f,
+  numberIndicatorValue: r,
+  numberIndicatorAriaLabel: n
+}) => {
+  if (v && !t && k === "x-large" && console.warn(m("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconName" is set. Please remove the "iconSize" prop or provide a custom icon via the "iconSource" prop.')), s === "top") {
+    if (!v && !t)
+      throw new Error(m("DSActionLink", 'The "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
+    k === "x-large" && console.warn(m("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), f === "bold" && console.warn(m("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), p === 1 && console.warn(m("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), d && console.warn(m("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
+  }
+  (r || r === "") && !n && console.warn(m("DSActionLink", "Please provide a descriptive aria-label for the Number Indicator for better accessibility."));
+}, Vt = vt((v, k) => {
+  const t = mt.c(86);
+  let s, p, d, f, r, n, c, a, i, I, N, u, T, x, C, M, E, O, z, _;
+  t[0] !== v ? ({
+    children: p,
+    aria: s,
+    className: d,
+    download: f,
+    href: r,
+    iconName: n,
+    iconPosition: T,
+    iconSize: x,
+    iconSource: c,
+    indentLevel: C,
+    isActive: M,
+    numberIndicatorValue: i,
+    numberIndicatorAriaLabel: a,
+    referrerPolicy: I,
+    rel: N,
+    stretched: E,
+    target: O,
+    tooltip: _,
+    weight: z,
+    ...u
+  } = v, t[0] = v, t[1] = s, t[2] = p, t[3] = d, t[4] = f, t[5] = r, t[6] = n, t[7] = c, t[8] = a, t[9] = i, t[10] = I, t[11] = N, t[12] = u, t[13] = T, t[14] = x, t[15] = C, t[16] = M, t[17] = E, t[18] = O, t[19] = z, t[20] = _) : (s = t[1], p = t[2], d = t[3], f = t[4], r = t[5], n = t[6], c = t[7], a = t[8], i = t[9], I = t[10], N = t[11], u = t[12], T = t[13], x = t[14], C = t[15], M = t[16], E = t[17], O = t[18], z = t[19], _ = t[20]);
+  const e = T === void 0 ? "left" : T, V = x === void 0 ? "large" : x, Z = C === void 0 ? 0 : C, h = M === void 0 ? !1 : M, ft = E === void 0 ? !1 : E, $ = O === void 0 ? "_self" : O, ht = z === void 0 ? "normal" : z;
+  process.env.NODE_ENV !== "production" && zt({
+    iconName: n,
+    iconSize: V,
+    iconSource: c,
+    iconPosition: e,
+    indentLevel: Z,
+    numberIndicatorValue: i,
+    numberIndicatorAriaLabel: a,
+    stretched: ft,
+    weight: ht
+  });
+  let y;
+  t[21] !== i ? (y = i?.trim(), t[21] = i, t[22] = y) : y = t[22];
+  const l = y === "", q = e === "top", J = Z === 1, Q = h && e === "left", U = ft === !0 && e === "left";
+  let K;
+  t[23] !== d || t[24] !== h || t[25] !== J || t[26] !== Q || t[27] !== U || t[28] !== q ? (K = R(o.root, d, {
+    [o.rootIconTop]: q,
+    [o.rootIndentLevel1]: J,
+    [o.rootActive]: h,
+    [o.rootActiveWithMarker]: Q,
+    [o.rootStretched]: U
+  }), t[23] = d, t[24] = h, t[25] = J, t[26] = Q, t[27] = U, t[28] = q, t[29] = K) : K = t[29];
+  const Y = K, tt = Z === 1;
+  let B;
+  t[30] !== tt ? (B = R(o.activeMarker, {
+    [o.activeMarkerWithIndent]: tt
+  }), t[30] = tt, t[31] = B) : B = t[31];
+  const et = B, ot = h && e === "left", it = ht === "bold", nt = e === "top";
+  let X;
+  t[32] !== ot || t[33] !== it || t[34] !== nt ? (X = R(o.label, {
+    [o.labelActive]: ot,
+    [o.labelBold]: it,
+    [o.labelIconTop]: nt
+  }), t[32] = ot, t[33] = it, t[34] = nt, t[35] = X) : X = t[35];
+  const rt = X, ct = V === "x-large", at = (n || c) && (i || l), lt = (n || c) && !l;
+  let j;
+  t[36] !== ct || t[37] !== at || t[38] !== lt ? (j = R(o.iconWrapper, {
+    [o.iconWrapperXLarge]: ct,
+    [o.iconWrapperWithNumberIndicator]: at,
+    [o.iconWrapperWithNumberIndicatorWithValue]: lt
+  }), t[36] = ct, t[37] = at, t[38] = lt, t[39] = j) : j = t[39];
+  const st = j, A = r === void 0 ? "span" : "a";
+  let w;
+  t[40] !== A || t[41] !== f || t[42] !== r || t[43] !== I || t[44] !== N || t[45] !== $ ? (w = A === "a" && {
+    href: r,
+    target: $,
+    rel: N,
+    referrerPolicy: I,
+    download: f
+  }, t[40] = A, t[41] = f, t[42] = r, t[43] = I, t[44] = N, t[45] = $, t[46] = w) : w = t[46];
+  let g;
+  t[47] !== et || t[48] !== e || t[49] !== h ? (g = h && e === "left" && /* @__PURE__ */ b("div", { className: et }), t[47] = et, t[48] = e, t[49] = h, t[50] = g) : g = t[50];
+  let W;
+  t[51] !== n || t[52] !== e || t[53] !== V || t[54] !== c || t[55] !== st || t[56] !== l || t[57] !== a || t[58] !== i ? (W = (n || c) && /* @__PURE__ */ b(_t, { children: /* @__PURE__ */ pt("span", { className: st, children: [
+    /* @__PURE__ */ b(kt, { name: n, theme: "light", source: c, "aria-hidden": "true", size: n || e === "top" ? "large" : V }),
+    (e === "left" && l || e === "top" && (i || l)) && /* @__PURE__ */ b(bt, { variant: "highlight", "aria-label": a, label: i })
+  ] }) }), t[51] = n, t[52] = e, t[53] = V, t[54] = c, t[55] = st, t[56] = l, t[57] = a, t[58] = i, t[59] = W) : W = t[59];
+  let L;
+  t[60] !== p || t[61] !== rt ? (L = /* @__PURE__ */ b("span", { className: rt, children: p }), t[60] = p, t[61] = rt, t[62] = L) : L = t[62];
+  let S;
+  t[63] !== e || t[64] !== l || t[65] !== a || t[66] !== i ? (S = e === "left" && i && !l && /* @__PURE__ */ b(bt, { variant: "default", "aria-label": a, label: i, className: o.numberIndicator }), t[63] = e, t[64] = l, t[65] = a, t[66] = i, t[67] = S) : S = t[67];
+  let H;
+  t[68] !== A || t[69] !== s || t[70] !== k || t[71] !== u || t[72] !== Y || t[73] !== w || t[74] !== g || t[75] !== W || t[76] !== L || t[77] !== S ? (H = /* @__PURE__ */ pt(A, { className: Y, ...w, ...s, ...u, ref: k, children: [
+    g,
+    W,
+    L,
+    S
+  ] }), t[68] = A, t[69] = s, t[70] = k, t[71] = u, t[72] = Y, t[73] = w, t[74] = g, t[75] = W, t[76] = L, t[77] = S, t[78] = H) : H = t[78];
+  const F = H;
+  if (_) {
+    let P;
+    t[79] !== F ? (P = /* @__PURE__ */ b(dt.Anchor, { children: F }), t[79] = F, t[80] = P) : P = t[80];
+    let D;
+    t[81] !== _ ? (D = /* @__PURE__ */ b(dt.Content, { children: _ }), t[81] = _, t[82] = D) : D = t[82];
+    let G;
+    return t[83] !== P || t[84] !== D ? (G = /* @__PURE__ */ pt(dt, { placement: "top", tooltipOffset: 6, children: [
+      P,
+      D
+    ] }), t[83] = P, t[84] = D, t[85] = G) : G = t[85], G;
+  }
+  return F;
+});
+Vt.displayName = "DSActionLink";
+export {
+  Rt as A,
+  Vt as D,
+  Zt as a,
+  $t as b,
+  qt as c,
+  zt as v
+};