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

package/chunks/{ActionCard.Dbq2VqyZ.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.gRQVVFWz.css';const ie = "ds-action-card_root_yc724_1", ce = "ds-action-card_root--elevated_yc724_24", de = "ds-action-card_root--clickable_yc724_27", me = "ds-action-card_primary-action_yc724_36", pe = "ds-action-card_media-wrapper_yc724_50", ye = "ds-action-card_header_yc724_50", fe = "ds-action-card_footer_yc724_50", _e = "ds-action-card_supplementary_yc724_50", ue = "ds-action-card_root--horizontal_yc724_63", he = "ds-action-card_content_yc724_82", Ne = "ds-action-card_content--padding-small_yc724_87", be = "ds-action-card_root--horizontal-has-supplementary_yc724_95", ge = "ds-action-card_root--padding-small_yc724_98", Se = "ds-action-card_primary-action-label_yc724_178", 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,
-  header: ye,
-  footer: fe,
-  supplementary: _e,
-  rootHorizontal: ue,
-  content: he,
+  primaryAction: pe,
+  mediaWrapper: me,
+  header: fe,
+  footer: ue,
+  supplementary: ye,
+  rootHorizontal: he,
+  content: _e,
   contentPaddingSmall: Ne,
   rootHorizontalHasSupplementary: be,
   rootPaddingSmall: ge,
@@ -35,29 +35,29 @@ import '../assets/ActionCard.gRQVVFWz.css';const ie = "ds-action-card_root_yc724
   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, y = c === void 0 ? "medium" : c, b = p === void 0 ? "outlined" : p, N = re(null);
-  let f;
-  e[9] !== a ? (f = P(a, Q), e[9] = a, e[10] = f) : f = e[10];
-  const g = f;
-  let _;
-  e[11] !== a ? (_ = P(a, U), e[11] = a, e[12] = _) : _ = e[12];
-  const u = _;
+  } = 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[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.gRQVVFWz.css';const ie = "ds-action-card_root_yc724
   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 = y === "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,
@@ -75,7 +75,7 @@ import '../assets/ActionCard.gRQVVFWz.css';const ie = "ds-action-card_root_yc724
     [d.rootClickable]: F,
     [d.rootElevated]: j
   }), e[19] = l, e[20] = F, e[21] = W, e[22] = R, e[23] = j, e[24] = M, e[25] = L) : L = e[25];
-  const q = L, O = y === "small";
+  const q = L, O = f === "small";
   let w;
   e[26] !== o || e[27] !== O ? (w = v(d.content, o, {
     [d.contentPaddingSmall]: O
@@ -94,10 +94,10 @@ import '../assets/ActionCard.gRQVVFWz.css';const ie = "ds-action-card_root_yc724
   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, y, b, N, f, 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: {
-      y = v(d.primaryAction, a) || void 0;
-      const n = m;
+      f = v(d.primaryAction, a) || void 0;
+      const n = p;
       if (e[21] !== n ? ({
-        download: p,
-        hrefLang: h,
+        download: m,
+        hrefLang: _,
         ping: b,
         referrerPolicy: N,
-        rel: f,
-        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] = f, e[28] = _, e[29] = u) : (c = e[22], p = e[23], h = e[24], b = e[25], N = e[26], f = 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;
@@ -188,28 +188,28 @@ const Z = (i) => {
           o.props.children
         ] }), e[32] = o.props.children, e[33] = s, e[34] = S) : S = e[34], g = se(o, {
           ...o.props,
-          className: v(y, o.props.className),
+          className: v(f, o.props.className),
           children: S
         });
         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] = y, e[15] = b, e[16] = N, e[17] = f, 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], y = e[14], b = e[15], N = e[16], f = 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] !== y || e[42] !== b || e[43] !== N || e[44] !== f || e[45] !== n || e[46] !== _ || e[47] !== u ? (s = /* @__PURE__ */ C("a", { href: l, className: y, download: p, hrefLang: h, ping: b, referrerPolicy: N, rel: f, target: _, type: u, ...c, children: n }), e[37] = c, e[38] = p, e[39] = l, e[40] = h, e[41] = y, e[42] = b, e[43] = N, e[44] = f, 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;
     e[49] !== t ? (n = /* @__PURE__ */ C("span", { className: d.primaryActionLabel, children: t }), e[49] = t, e[50] = n) : n = e[50];
     let s;
-    return e[51] !== c || e[52] !== y || e[53] !== r || e[54] !== n ? (s = /* @__PURE__ */ C("button", { type: "button", className: y, onClick: r, ...c, children: n }), e[51] = c, e[52] = y, e[53] = r, e[54] = n, e[55] = s) : s = e[55], s;
+    return e[51] !== c || e[52] !== f || e[53] !== r || e[54] !== n ? (s = /* @__PURE__ */ C("button", { type: "button", className: f, onClick: r, ...c, children: n }), e[51] = c, e[52] = f, e[53] = r, e[54] = n, e[55] = s) : s = e[55], s;
   }
   return null;
 };

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.BPvIKT6B.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,14 +40,14 @@ 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,
@@ -57,9 +55,9 @@ export {
   c as b,
   u as c,
   h as d,
-  L as e,
-  f,
-  d as g,
-  S as s,
-  p as v
+  R as e,
+  L as f,
+  p as g,
+  v as s,
+  d as v
 };

package/chunks/{Breadcrumb.Ccm79ver.js → Breadcrumb.I2G-T0zc.js}

@@ -3,8 +3,8 @@ import { jsx as w, jsxs as C } from "react/jsx-runtime";
 import { d as V } from "./index.cKLI89Eg.js";
 import { c as F } from "./index.DQOqod3i.js";
 import { isValidElement as M, useState as I, useEffect as O, cloneElement as R } from "react";
-import { D as K } from "./Button.COycNYUI.js";
-import { DSLink as X } from "../link.aU1f2Xzu.js";
+import { D as K } from "./Button.CCol--xy.js";
+import { DSLink as X } from "../link.DEZDbUgq.js";
 import { g as d, r as z } from "./helpers.CexwVao7.js";
 import '../assets/Breadcrumb.BJ6sa2am.css';const G = "ds-breadcrumb_root_2qdaj_1", H = "ds-breadcrumb_show-all-button_2qdaj_30", T = {
   root: G,

package/chunks/Button.CCol--xy.js

@@ -0,0 +1,165 @@
+"use client";
+import { jsxs as kt, jsx as H } from "react/jsx-runtime";
+import { d as yt } from "./index.cKLI89Eg.js";
+import { c as vt } from "./index.DQOqod3i.js";
+import { forwardRef as qt } from "react";
+import { u as St } from "./useBreakpoint.1txsny17.js";
+import { D as Nt } from "./Icon.DYtaQgbw.js";
+import { DSSpinner as Ot } from "../spinner.DtLnsqVV.js";
+import { Tooltip as pt } from "../tooltip.BFQG-7VR.js";
+import { g as p } from "./helpers.CexwVao7.js";
+import '../assets/Button.Bi1KUKMv.css';const Ft = "ds-button_root_eqbz4_1", Lt = "ds-button_root--highlight_eqbz4_76", wt = "ds-button_root--dark-highlight_eqbz4_76", It = "ds-button_root--filled_eqbz4_152", Bt = "ds-button_root--outline_eqbz4_180", Ht = "ds-button_root--ghost_eqbz4_207", Gt = "ds-button_root--ghost-flush_eqbz4_232", Tt = "ds-button_root--small_eqbz4_238", Pt = "ds-button_root--utility_eqbz4_318", Ut = "ds-button_loader_eqbz4_408", Ct = "ds-button_root--navigation_eqbz4_429", Et = "ds-button_root--navigation--stretched_eqbz4_507", At = "ds-button_root--navigation--stretched--icon-left_eqbz4_510", xt = "ds-button_root--dark-filled_eqbz4_513", Vt = "ds-button_root--dark-outline_eqbz4_570", jt = "ds-button_root--dark-ghost_eqbz4_626", Rt = "ds-button_root--dark-ghost-flush_eqbz4_680", Mt = "ds-button_root--dark-utility_eqbz4_742", Zt = "ds-button_root--stretched_eqbz4_855", $t = "ds-button_root--icon-left_eqbz4_858", Jt = "ds-button_root--icon-only_eqbz4_861", Kt = "ds-button_root--icon-only-small_eqbz4_877", Qt = "ds-button_icon--navigation_eqbz4_900", Wt = "ds-button_icon--hidden_eqbz4_907", Xt = "ds-button_label--hidden_eqbz4_911", Yt = "ds-button_label--loading_eqbz4_923", e = {
+  root: Ft,
+  rootHighlight: Lt,
+  rootDarkHighlight: wt,
+  rootFilled: It,
+  rootOutline: Bt,
+  rootGhost: Ht,
+  rootGhostFlush: Gt,
+  rootSmall: Tt,
+  rootUtility: Pt,
+  loader: Ut,
+  rootNavigation: Ct,
+  rootNavigationStretched: Et,
+  rootNavigationStretchedIconLeft: At,
+  rootDarkFilled: xt,
+  rootDarkOutline: Vt,
+  rootDarkGhost: jt,
+  rootDarkGhostFlush: Rt,
+  rootDarkUtility: Mt,
+  rootStretched: Zt,
+  rootIconLeft: $t,
+  rootIconOnly: Jt,
+  rootIconOnlySmall: Kt,
+  iconNavigation: Qt,
+  iconHidden: Wt,
+  labelHidden: Xt,
+  labelLoading: Yt
+}, uo = ["medium", "small"], _o = ["highlight", "filled", "outline", "ghost", "utility", "navigation"], to = ({
+  hideLabel: D,
+  iconName: k,
+  iconSource: t,
+  isFlush: l,
+  size: d,
+  stretched: r,
+  theme: s,
+  variant: i
+}) => {
+  if (i === "navigation" && (d === "small" && console.warn(p("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), s === "dark"))
+    throw new Error(p("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
+  i !== "ghost" && l ? console.warn(p("DSButton", 'The "isFlush" prop only has an effect when used with variant="ghost". Please remove the "isFlush" prop or set variant="ghost".')) : i === "ghost" && l && r && console.warn(p("DSButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), D && (!k && !t && console.warn(p("DSButton", 'The "hideLabel" prop is set to true but no icon is provided via "iconName" or "iconSource". Please provide an icon to ensure the button is not empty when the label is hidden.')), r && console.warn(p("DSButton", 'The "stretched" and "hideLabel" props do not have an effect when used together. Please remove one of them.')));
+}, oo = qt((D, k) => {
+  const t = yt.c(80);
+  let l, d, r, s, i, h, _, S, z, y, q, N, O, F, L, w, u;
+  t[0] !== D ? ({
+    children: d,
+    aria: l,
+    className: r,
+    disabled: S,
+    hideLabel: z,
+    iconName: s,
+    iconPosition: y,
+    iconSource: i,
+    isFlush: q,
+    loading: N,
+    size: O,
+    stretched: F,
+    theme: L,
+    tooltip: u,
+    variant: w,
+    onClick: h,
+    ..._
+  } = D, t[0] = D, t[1] = l, t[2] = d, t[3] = r, t[4] = s, t[5] = i, t[6] = h, t[7] = _, t[8] = S, t[9] = z, t[10] = y, t[11] = q, t[12] = N, t[13] = O, t[14] = F, t[15] = L, t[16] = w, t[17] = u) : (l = t[1], d = t[2], r = t[3], s = t[4], i = t[5], h = t[6], _ = t[7], S = t[8], z = t[9], y = t[10], q = t[11], N = t[12], O = t[13], F = t[14], L = t[15], w = t[16], u = t[17]);
+  const G = S === void 0 ? !1 : S, zt = z === void 0 ? !1 : z, j = y === void 0 ? "left" : y, I = q === void 0 ? !1 : q, n = N === void 0 ? !1 : N, T = O === void 0 ? "medium" : O, Dt = F === void 0 ? !1 : F, R = L === void 0 ? "light" : L, o = w === void 0 ? "filled" : w, b = St(zt), B = St(Dt);
+  process.env.NODE_ENV !== "production" && to({
+    hideLabel: b,
+    iconName: s,
+    iconSource: i,
+    isFlush: I,
+    size: T,
+    stretched: Dt,
+    theme: R,
+    variant: o
+  });
+  const a = R === "dark", M = o === "filled", Z = o === "highlight", $ = o === "outline", J = o === "ghost" && I !== !0, K = o === "utility", Q = o === "navigation", W = o === "navigation" && B && j === "right", X = o === "navigation" && B && j === "left", Y = o === "ghost" && I === !0, tt = a && o === "filled", ot = a && o === "highlight", et = a && o === "outline", nt = a && o === "ghost" && I !== !0, it = a && o === "utility", st = a && o === "ghost" && I === !0, lt = T === "small" || o === "navigation", rt = j === "left", at = b && T === "medium" && o !== "navigation", ct = b && T === "small" && o !== "navigation";
+  let P;
+  t[18] !== r || t[19] !== B || t[20] !== M || t[21] !== Z || t[22] !== $ || t[23] !== J || t[24] !== K || t[25] !== Q || t[26] !== W || t[27] !== X || t[28] !== Y || t[29] !== tt || t[30] !== ot || t[31] !== et || t[32] !== nt || t[33] !== it || t[34] !== st || t[35] !== lt || t[36] !== rt || t[37] !== at || t[38] !== ct ? (P = vt(e.root, r, {
+    [e.rootFilled]: M,
+    [e.rootHighlight]: Z,
+    [e.rootOutline]: $,
+    [e.rootGhost]: J,
+    [e.rootUtility]: K,
+    [e.rootNavigation]: Q,
+    [e.rootNavigationStretched]: W,
+    [e.rootNavigationStretchedIconLeft]: X,
+    [e.rootGhostFlush]: Y,
+    [e.rootDarkFilled]: tt,
+    [e.rootDarkHighlight]: ot,
+    [e.rootDarkOutline]: et,
+    [e.rootDarkGhost]: nt,
+    [e.rootDarkUtility]: it,
+    [e.rootDarkGhostFlush]: st,
+    [e.rootSmall]: lt,
+    [e.rootStretched]: B,
+    [e.rootIconLeft]: rt,
+    [e.rootIconOnly]: at,
+    [e.rootIconOnlySmall]: ct
+  }), t[18] = r, t[19] = B, t[20] = M, t[21] = Z, t[22] = $, t[23] = J, t[24] = K, t[25] = Q, t[26] = W, t[27] = X, t[28] = Y, t[29] = tt, t[30] = ot, t[31] = et, t[32] = nt, t[33] = it, t[34] = st, t[35] = lt, t[36] = rt, t[37] = at, t[38] = ct, t[39] = P) : P = t[39];
+  const dt = P;
+  let U;
+  t[40] !== n || t[41] !== b || t[42] !== o ? (U = vt({
+    [e.labelHidden]: b && o !== "navigation",
+    [e.labelLoading]: n
+  }) || void 0, t[40] = n, t[41] = b, t[42] = o, t[43] = U) : U = t[43];
+  const ht = U, ut = o === "navigation", _t = o === "utility";
+  let C;
+  t[44] !== n || t[45] !== ut || t[46] !== _t ? (C = vt({
+    [e.iconNavigation]: ut,
+    [e.iconUtility]: _t,
+    [e.iconHidden]: n
+  }), t[44] = n, t[45] = ut, t[46] = _t, t[47] = C) : C = t[47];
+  const bt = C, gt = R === "light" && o === "filled" || a && o === "outline" || a && o === "ghost" || a && o === "utility" ? "dark" : "light";
+  let E;
+  t[48] !== G || t[49] !== n || t[50] !== h ? (E = (c) => {
+    if (G || n) {
+      c.preventDefault();
+      return;
+    }
+    h && h(c);
+  }, t[48] = G, t[49] = n, t[50] = h, t[51] = E) : E = t[51];
+  const ft = E, mt = G || n;
+  let g;
+  t[52] !== n ? (g = n && /* @__PURE__ */ H(Ot, { className: e.loader, aria: {
+    "aria-label": "Loading state"
+  } }), t[52] = n, t[53] = g) : g = t[53];
+  let f;
+  t[54] !== d || t[55] !== ht ? (f = /* @__PURE__ */ H("span", { className: ht, children: d }), t[54] = d, t[55] = ht, t[56] = f) : f = t[56];
+  let m;
+  t[57] !== bt || t[58] !== s || t[59] !== i || t[60] !== gt ? (m = (s || i) && /* @__PURE__ */ H(Nt, { name: s, theme: gt, source: i, className: bt, "aria-hidden": "true" }), t[57] = bt, t[58] = s, t[59] = i, t[60] = gt, t[61] = m) : m = t[61];
+  let A;
+  t[62] !== l || t[63] !== ft || t[64] !== n || t[65] !== k || t[66] !== _ || t[67] !== dt || t[68] !== mt || t[69] !== g || t[70] !== f || t[71] !== m ? (A = /* @__PURE__ */ kt("button", { className: dt, type: "submit", onClick: ft, ...l, ..._, "aria-disabled": mt, "aria-busy": n, ref: k, children: [
+    g,
+    f,
+    m
+  ] }), t[62] = l, t[63] = ft, t[64] = n, t[65] = k, t[66] = _, t[67] = dt, t[68] = mt, t[69] = g, t[70] = f, t[71] = m, t[72] = A) : A = t[72];
+  const x = A;
+  if (u) {
+    let c;
+    t[73] !== x ? (c = /* @__PURE__ */ H(pt.Anchor, { children: x }), t[73] = x, t[74] = c) : c = t[74];
+    let v;
+    t[75] !== u ? (v = /* @__PURE__ */ H(pt.Content, { children: u }), t[75] = u, t[76] = v) : v = t[76];
+    let V;
+    return t[77] !== c || t[78] !== v ? (V = /* @__PURE__ */ kt(pt, { placement: "top", tooltipOffset: 6, children: [
+      c,
+      v
+    ] }), t[77] = c, t[78] = v, t[79] = V) : V = t[79], V;
+  }
+  return x;
+});
+oo.displayName = "DSButton";
+export {
+  uo as B,
+  oo as D,
+  _o as a,
+  to as v
+};