@stihl-design-system/components 1.0.0-RC.46 → 1.0.0-RC.48

package/chunks/ActionButton.B-wm5sUy.js

@@ -0,0 +1,194 @@
+"use client";
+import { jsxs as Q, jsx as d, Fragment as Pt } from "react/jsx-runtime";
+import { d as Ct } from "./index.cKLI89Eg.js";
+import { c as O } from "./index.DQOqod3i.js";
+import { forwardRef as Ot } from "react";
+import { D as Dt } from "./Icon.DYtaQgbw.js";
+import { NumberIndicator as St } from "../numberindicator.DsK65Bj3.js";
+import { Tooltip as wt } from "../tooltip.BFQG-7VR.js";
+import { g as m } from "./helpers.CexwVao7.js";
+import '../assets/ActionButton.Dw2FeIaW.css';const Bt = "ds-action-button_root_1hfui_1", Lt = "ds-action-button_root--indent-level-1_1hfui_75", Mt = "ds-action-button_root--active_1hfui_78", Et = "ds-action-button_root--active--with-marker_1hfui_81", xt = "ds-action-button_root--icon--top_1hfui_84", Ut = "ds-action-button_root--stretched_1hfui_110", zt = "ds-action-button_root--dark_1hfui_114", Rt = "ds-action-button_active-marker_1hfui_164", Vt = "ds-action-button_active-marker--with-indent_1hfui_176", yt = "ds-action-button_active-marker--dark_1hfui_179", Ht = "ds-action-button_icon-wrapper_1hfui_188", Xt = "ds-action-button_icon-wrapper--x-large_1hfui_191", jt = "ds-action-button_icon-wrapper--with-number-indicator_1hfui_194", Ft = "ds-action-button_icon-wrapper--with-number-indicator--with-value_1hfui_202", Gt = "ds-action-button_label_1hfui_206", Zt = "ds-action-button_label--bold_1hfui_217", $t = "ds-action-button_label--active_1hfui_229", qt = "ds-action-button_label--icon-top_1hfui_241", Jt = "ds-action-button_number-indicator_1hfui_264", Kt = "ds-action-button_label-wrapper_1hfui_268", Qt = "ds-action-button_label-wrapper--icon-top_1hfui_273", Yt = "ds-action-button_chevron_1hfui_277", to = "ds-action-button_chevron--icon-position-top_1hfui_292", oo = "ds-action-button_chevron--up_1hfui_298", eo = "ds-action-button_chevron--right_1hfui_309", no = "ds-action-button_chevron--left_1hfui_320", o = {
+  root: Bt,
+  rootIndentLevel1: Lt,
+  rootActive: Mt,
+  rootActiveWithMarker: Et,
+  rootIconTop: xt,
+  rootStretched: Ut,
+  rootDark: zt,
+  activeMarker: Rt,
+  activeMarkerWithIndent: Vt,
+  activeMarkerDark: yt,
+  iconWrapper: Ht,
+  iconWrapperXLarge: Xt,
+  iconWrapperWithNumberIndicator: jt,
+  iconWrapperWithNumberIndicatorWithValue: Ft,
+  label: Gt,
+  labelBold: Zt,
+  labelActive: $t,
+  labelIconTop: qt,
+  numberIndicator: Jt,
+  labelWrapper: Kt,
+  labelWrapperIconTop: Qt,
+  chevron: Yt,
+  chevronIconPositionTop: to,
+  chevronUp: oo,
+  chevronRight: eo,
+  chevronLeft: no
+}, _o = ["left", "top"], bo = ["large", "x-large"], vo = [0, 1], mo = ["normal", "bold"], Io = ["up", "down", "right", "left"], io = ({
+  iconName: I,
+  iconSize: N,
+  iconSource: t,
+  iconPosition: u,
+  indentLevel: a,
+  stretched: f,
+  weight: _,
+  numberIndicatorValue: r,
+  numberIndicatorAriaLabel: c
+}) => {
+  if (I && !t && N === "x-large" && console.warn(m("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.')), u === "top") {
+    if (!I && !t)
+      throw new Error(m("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.'));
+    N === "x-large" && console.warn(m("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), _ === "bold" && console.warn(m("DSActionButton", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), a === 1 && console.warn(m("DSActionButton", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), f && console.warn(m("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(m("DSActionButton", "Please provide a descriptive aria-label for the Number Indicator for better accessibility."));
+}, ro = Ot((I, N) => {
+  const t = Ct.c(102);
+  let u, a, f, _, r, c, l, n, b, W, B, L, M, E, x, U, z, R, v;
+  t[0] !== I ? ({
+    children: f,
+    aria: u,
+    chevronDirection: a,
+    className: _,
+    disabled: B,
+    iconName: r,
+    iconPosition: L,
+    iconSize: M,
+    iconSource: c,
+    indentLevel: E,
+    isActive: x,
+    numberIndicatorValue: n,
+    numberIndicatorAriaLabel: l,
+    stretched: U,
+    weight: z,
+    theme: R,
+    tooltip: v,
+    onClick: b,
+    ...W
+  } = I, t[0] = I, t[1] = u, t[2] = a, t[3] = f, t[4] = _, t[5] = r, t[6] = c, t[7] = l, t[8] = n, t[9] = b, t[10] = W, t[11] = B, t[12] = L, t[13] = M, t[14] = E, t[15] = x, t[16] = U, t[17] = z, t[18] = R, t[19] = v) : (u = t[1], a = t[2], f = t[3], _ = t[4], r = t[5], c = t[6], l = t[7], n = t[8], b = t[9], W = t[10], B = t[11], L = t[12], M = t[13], E = t[14], x = t[15], U = t[16], z = t[17], R = t[18], v = t[19]);
+  const i = B === void 0 ? !1 : B, e = L === void 0 ? "left" : L, V = M === void 0 ? "large" : M, Y = E === void 0 ? 0 : E, A = x === void 0 ? !1 : x, gt = U === void 0 ? !1 : U, kt = z === void 0 ? "normal" : z, s = R === void 0 ? "light" : R;
+  process.env.NODE_ENV !== "production" && io({
+    iconName: r,
+    iconSize: V,
+    iconSource: c,
+    iconPosition: e,
+    indentLevel: Y,
+    numberIndicatorValue: n,
+    numberIndicatorAriaLabel: l,
+    stretched: gt,
+    weight: kt
+  });
+  const T = s === "dark";
+  let y;
+  t[20] !== n ? (y = n?.trim(), t[20] = n, t[21] = y) : y = t[21];
+  const p = y === "", tt = e === "top", ot = Y === 1, et = A && !i, nt = A && !i && e === "left", it = gt === !0 && e === "left";
+  let H;
+  t[22] !== _ || t[23] !== T || t[24] !== tt || t[25] !== ot || t[26] !== et || t[27] !== nt || t[28] !== it ? (H = O(o.root, _, {
+    [o.rootDark]: T,
+    [o.rootIconTop]: tt,
+    [o.rootIndentLevel1]: ot,
+    [o.rootActive]: et,
+    [o.rootActiveWithMarker]: nt,
+    [o.rootStretched]: it
+  }), t[22] = _, t[23] = T, t[24] = tt, t[25] = ot, t[26] = et, t[27] = nt, t[28] = it, t[29] = H) : H = t[29];
+  const rt = H, ct = Y === 1;
+  let X;
+  t[30] !== T || t[31] !== ct ? (X = O(o.activeMarker, {
+    [o.activeMarkerDark]: T,
+    [o.activeMarkerWithIndent]: ct
+  }), t[30] = T, t[31] = ct, t[32] = X) : X = t[32];
+  const at = X, st = A && !i, lt = kt === "bold", pt = e === "top";
+  let j;
+  t[33] !== st || t[34] !== lt || t[35] !== pt ? (j = O(o.label, {
+    [o.labelActive]: st,
+    [o.labelBold]: lt,
+    [o.labelIconTop]: pt
+  }), t[33] = st, t[34] = lt, t[35] = pt, t[36] = j) : j = t[36];
+  const ht = j, dt = e === "top";
+  let F;
+  t[37] !== dt ? (F = O(o.labelWrapper, {
+    [o.labelWrapperIconTop]: dt
+  }), t[37] = dt, t[38] = F) : F = t[38];
+  const ut = F, ft = e === "top", _t = a === "up", bt = a === "right", vt = a === "left";
+  let G;
+  t[39] !== ft || t[40] !== _t || t[41] !== bt || t[42] !== vt ? (G = O(o.chevron, {
+    [o.chevronIconPositionTop]: ft,
+    [o.chevronUp]: _t,
+    [o.chevronRight]: bt,
+    [o.chevronLeft]: vt
+  }), t[39] = ft, t[40] = _t, t[41] = bt, t[42] = vt, t[43] = G) : G = t[43];
+  const mt = G, It = V === "x-large", Nt = (r || c) && (n || p), Wt = (r || c) && !p;
+  let Z;
+  t[44] !== It || t[45] !== Nt || t[46] !== Wt ? (Z = O(o.iconWrapper, {
+    [o.iconWrapperXLarge]: It,
+    [o.iconWrapperWithNumberIndicator]: Nt,
+    [o.iconWrapperWithNumberIndicatorWithValue]: Wt
+  }), t[44] = It, t[45] = Nt, t[46] = Wt, t[47] = Z) : Z = t[47];
+  const At = Z;
+  let $;
+  t[48] !== i || t[49] !== b ? ($ = (h) => {
+    if (i) {
+      h.preventDefault();
+      return;
+    }
+    b && b(h);
+  }, t[48] = i, t[49] = b, t[50] = $) : $ = t[50];
+  const Tt = $;
+  let w;
+  t[51] !== at || t[52] !== e || t[53] !== A ? (w = A && e === "left" && /* @__PURE__ */ d("div", { className: at }), t[51] = at, t[52] = e, t[53] = A, t[54] = w) : w = t[54];
+  let g;
+  t[55] !== i || t[56] !== r || t[57] !== e || t[58] !== V || t[59] !== c || t[60] !== At || t[61] !== p || t[62] !== l || t[63] !== n || t[64] !== s ? (g = (r || c) && /* @__PURE__ */ d(Pt, { children: /* @__PURE__ */ Q("span", { className: At, children: [
+    /* @__PURE__ */ d(Dt, { name: r, theme: s, source: c, "aria-hidden": "true", size: r || e === "top" ? "large" : V }),
+    !i && (e === "left" && p || e === "top" && (n || p)) && /* @__PURE__ */ d(St, { variant: "highlight", "aria-label": l, label: n, theme: s })
+  ] }) }), t[55] = i, t[56] = r, t[57] = e, t[58] = V, t[59] = c, t[60] = At, t[61] = p, t[62] = l, t[63] = n, t[64] = s, t[65] = g) : g = t[65];
+  let k;
+  t[66] !== f || t[67] !== ht ? (k = /* @__PURE__ */ d("span", { className: ht, children: f }), t[66] = f, t[67] = ht, t[68] = k) : k = t[68];
+  let D;
+  t[69] !== mt || t[70] !== a || t[71] !== s ? (D = a && /* @__PURE__ */ d(Dt, { name: "chevron-down", theme: s, "aria-hidden": "true", className: mt }), t[69] = mt, t[70] = a, t[71] = s, t[72] = D) : D = t[72];
+  let S;
+  t[73] !== ut || t[74] !== k || t[75] !== D ? (S = /* @__PURE__ */ Q("div", { className: ut, children: [
+    k,
+    D
+  ] }), t[73] = ut, t[74] = k, t[75] = D, t[76] = S) : S = t[76];
+  let P;
+  t[77] !== i || t[78] !== e || t[79] !== p || t[80] !== l || t[81] !== n || t[82] !== s ? (P = e === "left" && !i && n && !p && /* @__PURE__ */ d(St, { variant: "default", "aria-label": l, label: n, className: o.numberIndicator, theme: s }), t[77] = i, t[78] = e, t[79] = p, t[80] = l, t[81] = n, t[82] = s, t[83] = P) : P = t[83];
+  let q;
+  t[84] !== u || t[85] !== i || t[86] !== Tt || t[87] !== N || t[88] !== W || t[89] !== rt || t[90] !== w || t[91] !== g || t[92] !== S || t[93] !== P ? (q = /* @__PURE__ */ Q("button", { className: rt, type: "button", onClick: Tt, ...u, ...W, "aria-disabled": i, ref: N, children: [
+    w,
+    g,
+    S,
+    P
+  ] }), t[84] = u, t[85] = i, t[86] = Tt, t[87] = N, t[88] = W, t[89] = rt, t[90] = w, t[91] = g, t[92] = S, t[93] = P, t[94] = q) : q = t[94];
+  const J = q;
+  if (v) {
+    let h;
+    t[95] !== J ? (h = /* @__PURE__ */ d(wt.Anchor, { children: J }), t[95] = J, t[96] = h) : h = t[96];
+    let C;
+    t[97] !== v ? (C = /* @__PURE__ */ d(wt.Content, { children: v }), t[97] = v, t[98] = C) : C = t[98];
+    let K;
+    return t[99] !== h || t[100] !== C ? (K = /* @__PURE__ */ Q(wt, { placement: "top", tooltipOffset: 6, children: [
+      h,
+      C
+    ] }), t[99] = h, t[100] = C, t[101] = K) : K = t[101], K;
+  }
+  return J;
+});
+ro.displayName = "DSActionButton";
+export {
+  Io as A,
+  ro as D,
+  _o as a,
+  bo as b,
+  vo as c,
+  mo as d,
+  io as v
+};

package/chunks/{ActionCard.DJSGkwVG.js → ActionCard.Bm-2ewfS.js}

@@ -4,17 +4,17 @@ import { d as D } from "./index.cKLI89Eg.js";
 import { c as v } from "./index.DQOqod3i.js";
 import le, { isValidElement as te, useRef as re, useEffect as ne, cloneElement as se } from "react";
 import { g as ee } from "./helpers.CexwVao7.js";
-import '../assets/ActionCard.BG8w8xUC.css';const ie = "ds-action-card_root_19077_1", ce = "ds-action-card_root--elevated_19077_24", de = "ds-action-card_root--clickable_19077_27", me = "ds-action-card_primary-action_19077_36", pe = "ds-action-card_media-wrapper_19077_50", fe = "ds-action-card_header_19077_50", ye = "ds-action-card_footer_19077_50", _e = "ds-action-card_supplementary_19077_50", ue = "ds-action-card_root--horizontal_19077_59", he = "ds-action-card_content_19077_78", Ne = "ds-action-card_content--padding-small_19077_83", be = "ds-action-card_root--horizontal-has-supplementary_19077_91", ge = "ds-action-card_root--padding-small_19077_94", Se = "ds-action-card_primary-action-label_19077_174", d = {
+import '../assets/ActionCard.viEoC26n.css';const ie = "ds-action-card_root_1uhpd_1", ce = "ds-action-card_root--elevated_1uhpd_24", de = "ds-action-card_root--clickable_1uhpd_27", pe = "ds-action-card_primary-action_1uhpd_36", me = "ds-action-card_media-wrapper_1uhpd_50", fe = "ds-action-card_header_1uhpd_50", ue = "ds-action-card_footer_1uhpd_50", ye = "ds-action-card_supplementary_1uhpd_50", he = "ds-action-card_root--horizontal_1uhpd_64", _e = "ds-action-card_content_1uhpd_83", Ne = "ds-action-card_content--padding-small_1uhpd_88", be = "ds-action-card_root--horizontal-has-supplementary_1uhpd_96", ge = "ds-action-card_root--padding-small_1uhpd_99", Se = "ds-action-card_primary-action-label_1uhpd_179", d = {
   root: ie,
   rootElevated: ce,
   rootClickable: de,
-  primaryAction: me,
-  mediaWrapper: pe,
+  primaryAction: pe,
+  mediaWrapper: me,
   header: fe,
-  footer: ye,
-  supplementary: _e,
-  rootHorizontal: ue,
-  content: he,
+  footer: ue,
+  supplementary: ye,
+  rootHorizontal: he,
+  content: _e,
   contentPaddingSmall: Ne,
   rootHorizontalHasSupplementary: be,
   rootPaddingSmall: ge,
@@ -35,29 +35,29 @@ import '../assets/ActionCard.BG8w8xUC.css';const ie = "ds-action-card_root_19077
   return le.Children.forEach(i, (a) => {
     if (!te(a))
       return;
-    const l = a.type, o = e, r = o.displayName || o.name, m = l.displayName || l.name;
-    (a.type === e || m === r) && t.push(a);
+    const l = a.type, o = e, r = o.displayName || o.name, p = l.displayName || l.name;
+    (a.type === e || p === r) && t.push(a);
   }), t;
 }, E = (i) => {
   const e = D.c(47);
-  let t, a, l, o, r, m, c, p;
+  let t, a, l, o, r, p, c, m;
   e[0] !== i ? ({
     aria: t,
     className: l,
     classNameContentWrapper: o,
     children: a,
-    orientation: m,
+    orientation: p,
     padding: c,
-    variant: p,
+    variant: m,
     ...r
-  } = i, e[0] = i, e[1] = t, e[2] = a, e[3] = l, e[4] = o, e[5] = r, e[6] = m, e[7] = c, e[8] = p) : (t = e[1], a = e[2], l = e[3], o = e[4], r = e[5], m = e[6], c = e[7], p = e[8]);
-  const h = m === void 0 ? "vertical" : m, f = c === void 0 ? "medium" : c, b = p === void 0 ? "outlined" : p, N = re(null);
+  } = i, e[0] = i, e[1] = t, e[2] = a, e[3] = l, e[4] = o, e[5] = r, e[6] = p, e[7] = c, e[8] = m) : (t = e[1], a = e[2], l = e[3], o = e[4], r = e[5], p = e[6], c = e[7], m = e[8]);
+  const _ = p === void 0 ? "vertical" : p, f = c === void 0 ? "medium" : c, b = m === void 0 ? "outlined" : m, N = re(null);
+  let u;
+  e[9] !== a ? (u = P(a, Q), e[9] = a, e[10] = u) : u = e[10];
+  const g = u;
   let y;
-  e[9] !== a ? (y = P(a, Q), e[9] = a, e[10] = y) : y = e[10];
-  const g = y;
-  let _;
-  e[11] !== a ? (_ = P(a, U), e[11] = a, e[12] = _) : _ = e[12];
-  const u = _;
+  e[11] !== a ? (y = P(a, U), e[11] = a, e[12] = y) : y = e[12];
+  const h = y;
   let n;
   e[13] !== a ? (n = P(a, Y), e[13] = a, e[14] = n) : n = e[14];
   const s = n;
@@ -66,7 +66,7 @@ import '../assets/ActionCard.BG8w8xUC.css';const ie = "ds-action-card_root_19077
   const H = S;
   let z;
   e[17] !== a ? (z = P(a, Z), e[17] = a, e[18] = z) : z = e[18];
-  const k = z, F = k.length > 0, M = h === "horizontal", W = f === "small", R = h === "horizontal" && s.length > 0, j = b === "elevated";
+  const k = z, F = k.length > 0, M = _ === "horizontal", W = f === "small", R = _ === "horizontal" && s.length > 0, j = b === "elevated";
   let L;
   e[19] !== l || e[20] !== F || e[21] !== W || e[22] !== R || e[23] !== j || e[24] !== M ? (L = v(d.root, l, {
     [d.rootHorizontal]: M,
@@ -94,10 +94,10 @@ import '../assets/ActionCard.BG8w8xUC.css';const ie = "ds-action-card_root_19077
   e[31] !== B || e[32] !== I ? (T = [B, I], e[31] = B, e[32] = I, e[33] = T) : T = e[33], ne($, T);
   const G = t?.["aria-labelledby"], J = t?.["aria-label"];
   let A;
-  e[34] !== V || e[35] !== u || e[36] !== g ? (A = /* @__PURE__ */ K("div", { className: V, children: [
+  e[34] !== V || e[35] !== h || e[36] !== g ? (A = /* @__PURE__ */ K("div", { className: V, children: [
     g,
-    u
-  ] }), e[34] = V, e[35] = u, e[36] = g, e[37] = A) : A = e[37];
+    h
+  ] }), e[34] = V, e[35] = h, e[36] = g, e[37] = A) : A = e[37];
   let x;
   return e[38] !== H || e[39] !== k || e[40] !== r || e[41] !== q || e[42] !== s || e[43] !== G || e[44] !== J || e[45] !== A ? (x = /* @__PURE__ */ K("article", { ...r, "aria-labelledby": G, "aria-label": J, ref: N, className: q, children: [
     k,
@@ -155,31 +155,31 @@ const Y = (i) => {
 Y.displayName = "DSActionCard.Supplementary";
 const Z = (i) => {
   const e = D.c(56);
-  let t, a, l, o, r, m;
+  let t, a, l, o, r, p;
   e[0] !== i ? ({
     children: t,
     className: a,
     href: l,
     linkComponent: o,
     onClick: r,
-    ...m
-  } = i, e[0] = i, e[1] = t, e[2] = a, e[3] = l, e[4] = o, e[5] = r, e[6] = m) : (t = e[1], a = e[2], l = e[3], o = e[4], r = e[5], m = e[6]);
-  let c, p, h, f, b, N, y, g, _, u;
-  if (e[7] !== t || e[8] !== a || e[9] !== o || e[10] !== m) {
+    ...p
+  } = i, e[0] = i, e[1] = t, e[2] = a, e[3] = l, e[4] = o, e[5] = r, e[6] = p) : (t = e[1], a = e[2], l = e[3], o = e[4], r = e[5], p = e[6]);
+  let c, m, _, f, b, N, u, g, y, h;
+  if (e[7] !== t || e[8] !== a || e[9] !== o || e[10] !== p) {
     g = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
     e: {
       f = v(d.primaryAction, a) || void 0;
-      const n = m;
+      const n = p;
       if (e[21] !== n ? ({
-        download: p,
-        hrefLang: h,
+        download: m,
+        hrefLang: _,
         ping: b,
         referrerPolicy: N,
-        rel: y,
-        target: _,
-        type: u,
+        rel: u,
+        target: y,
+        type: h,
         ...c
-      } = n, e[21] = n, e[22] = c, e[23] = p, e[24] = h, e[25] = b, e[26] = N, e[27] = y, e[28] = _, e[29] = u) : (c = e[22], p = e[23], h = e[24], b = e[25], N = e[26], y = e[27], _ = e[28], u = e[29]), o && te(o)) {
+      } = n, e[21] = n, e[22] = c, e[23] = m, e[24] = _, e[25] = b, e[26] = N, e[27] = u, e[28] = y, e[29] = h) : (c = e[22], m = e[23], _ = e[24], b = e[25], N = e[26], u = e[27], y = e[28], h = e[29]), o && te(o)) {
         let s;
         e[30] !== t ? (s = /* @__PURE__ */ C("span", { className: d.primaryActionLabel, children: t }), e[30] = t, e[31] = s) : s = e[31];
         let S;
@@ -194,16 +194,16 @@ const Z = (i) => {
         break e;
       }
     }
-    e[7] = t, e[8] = a, e[9] = o, e[10] = m, e[11] = c, e[12] = p, e[13] = h, e[14] = f, e[15] = b, e[16] = N, e[17] = y, e[18] = g, e[19] = _, e[20] = u;
+    e[7] = t, e[8] = a, e[9] = o, e[10] = p, e[11] = c, e[12] = m, e[13] = _, e[14] = f, e[15] = b, e[16] = N, e[17] = u, e[18] = g, e[19] = y, e[20] = h;
   } else
-    c = e[11], p = e[12], h = e[13], f = e[14], b = e[15], N = e[16], y = e[17], g = e[18], _ = e[19], u = e[20];
+    c = e[11], m = e[12], _ = e[13], f = e[14], b = e[15], N = e[16], u = e[17], g = e[18], y = e[19], h = e[20];
   if (g !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
     return g;
   if (l) {
     let n;
     e[35] !== t ? (n = /* @__PURE__ */ C("span", { className: d.primaryActionLabel, children: t }), e[35] = t, e[36] = n) : n = e[36];
     let s;
-    return e[37] !== c || e[38] !== p || e[39] !== l || e[40] !== h || e[41] !== f || e[42] !== b || e[43] !== N || e[44] !== y || e[45] !== n || e[46] !== _ || e[47] !== u ? (s = /* @__PURE__ */ C("a", { href: l, className: f, download: p, hrefLang: h, ping: b, referrerPolicy: N, rel: y, target: _, type: u, ...c, children: n }), e[37] = c, e[38] = p, e[39] = l, e[40] = h, e[41] = f, e[42] = b, e[43] = N, e[44] = y, e[45] = n, e[46] = _, e[47] = u, e[48] = s) : s = e[48], s;
+    return e[37] !== c || e[38] !== m || e[39] !== l || e[40] !== _ || e[41] !== f || e[42] !== b || e[43] !== N || e[44] !== u || e[45] !== n || e[46] !== y || e[47] !== h ? (s = /* @__PURE__ */ C("a", { href: l, className: f, download: m, hrefLang: _, ping: b, referrerPolicy: N, rel: u, target: y, type: h, ...c, children: n }), e[37] = c, e[38] = m, e[39] = l, e[40] = _, e[41] = f, e[42] = b, e[43] = N, e[44] = u, e[45] = n, e[46] = y, e[47] = h, e[48] = s) : s = e[48], s;
   }
   if (r) {
     let n;

package/chunks/ActionLink.D0KzqbH4.js

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

package/chunks/{AriaLiveRegions.utils.8ofDlHnN.js → AriaLiveRegions.utils.xoETe2Ps.js}

@@ -1,15 +1,13 @@
 "use client";
-import { h as l } from "./has-window.ut_-aShB.js";
 import { g as i } from "./helpers.CexwVao7.js";
-import "react";
-import "./index.cKLI89Eg.js";
+import { h as l } from "./has-window.ut_-aShB.js";
 const n = "ds-alert-live-region", s = "ds-status-live-region", c = () => {
   if (l)
     return document.getElementById(n);
 }, u = () => {
   if (l)
     return document.getElementById(s);
-}, p = () => {
+}, d = () => {
   if (!l)
     return;
   const t = document.querySelectorAll(`#${n}`), e = document.querySelectorAll(`#${s}`);
@@ -17,10 +15,10 @@ const n = "ds-alert-live-region", s = "ds-status-live-region", c = () => {
     throw new Error(i("DSAriaLiveRegions", `The DSAriaLiveRegions component with id="${n}" should only be present once on the page. Found ${t.length} instances.`));
   if (e.length > 1)
     throw new Error(i("DSAriaLiveRegions", `The DSAriaLiveRegions component with id="${s}" should only be present once on the page. Found ${e.length} instances.`));
-}, L = (t) => {
+}, R = (t) => {
   if (!l || !document.body)
     return;
-  p();
+  d();
   const e = c(), o = u();
   if (e && o)
     return;
@@ -32,7 +30,7 @@ const n = "ds-alert-live-region", s = "ds-status-live-region", c = () => {
   r.id = n, r.setAttribute("role", "alert"), r.className = t;
   const a = document.createElement("span");
   a.id = s, a.setAttribute("role", "status"), a.className = t, document.body.prepend(r, a);
-}, d = (t) => {
+}, p = (t) => {
   const e = c();
   if (e)
     return e;
@@ -42,24 +40,24 @@ const n = "ds-alert-live-region", s = "ds-status-live-region", c = () => {
   if (e)
     return e;
   throw new Error(i(t, 'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx". See the DSAriaLiveRegions documentation for setup options.'));
-}, m = 350, S = (t, e) => {
-  const o = d(e);
+}, A = 350, v = (t, e) => {
+  const o = p(e);
   o.innerText = t;
-}, f = (t, e) => {
+}, L = (t, e) => {
   const o = h(e);
   o.innerText = t, setTimeout(() => {
     o.innerText = "";
-  }, m);
+  }, A);
 };
 export {
   n as A,
   s as a,
-  u as b,
-  d as c,
+  c as b,
+  u as c,
   h as d,
-  L as e,
-  f,
-  c as g,
-  S as s,
-  p as v
+  R as e,
+  L as f,
+  p as g,
+  v as s,
+  d as v
 };