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

package/chunks/ActionButton.DdDesD7K.js

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

package/chunks/ActionLink.DqAsPYda.js

@@ -0,0 +1,153 @@
+"use client";
+import { jsxs as lt, jsx as h, Fragment as _t } from "react/jsx-runtime";
+import { d as mt } from "./index.CgTHIF3K.js";
+import { c as F } from "./index.CEyLAtio.js";
+import { forwardRef as ft } from "react";
+import { D as vt } from "./Icon.NSsVrYeq.js";
+import { NumberIndicator as ht } from "../numberindicator.Ddf3ESi7.js";
+import { Tooltip as st } from "../tooltip.CUCSRXd3.js";
+import { g as S } from "./helpers.BbWkXTr3.js";
+import '../assets/ActionLink.CTh6IXrN.css';const kt = "ds-action-link_root_1xtta_1", bt = "ds-action-link_root--indent-level-1_1xtta_75", It = "ds-action-link_root--active_1xtta_78", Nt = "ds-action-link_root--active--with-marker_1xtta_81", At = "ds-action-link_root--icon--top_1xtta_84", ut = "ds-action-link_root--stretched_1xtta_110", gt = "ds-action-link_active-marker_1xtta_115", wt = "ds-action-link_active-marker--with-indent_1xtta_127", Wt = "ds-action-link_icon-wrapper_1xtta_131", xt = "ds-action-link_icon-wrapper--x-large_1xtta_134", Lt = "ds-action-link_icon-wrapper--with-number-indicator_1xtta_137", St = "ds-action-link_icon-wrapper--with-number-indicator--with-value_1xtta_145", Pt = "ds-action-link_label_1xtta_149", Tt = "ds-action-link_label--bold_1xtta_160", Dt = "ds-action-link_label--active_1xtta_171", Ct = "ds-action-link_label--icon-top_1xtta_182", Mt = "ds-action-link_number-indicator_1xtta_205", o = {
+  root: kt,
+  rootIndentLevel1: bt,
+  rootActive: It,
+  rootActiveWithMarker: Nt,
+  rootIconTop: At,
+  rootStretched: ut,
+  activeMarker: gt,
+  activeMarkerWithIndent: wt,
+  iconWrapper: Wt,
+  iconWrapperXLarge: xt,
+  iconWrapperWithNumberIndicator: Lt,
+  iconWrapperWithNumberIndicatorWithValue: St,
+  label: Pt,
+  labelBold: Tt,
+  labelActive: Dt,
+  labelIconTop: Ct,
+  numberIndicator: Mt
+}, Ft = ["left", "top"], Gt = ["large", "x-large"], Rt = [0, 1], Zt = ["normal", "bold"], Et = ({
+  iconName: f,
+  iconSize: v,
+  iconSource: t,
+  iconPosition: c,
+  indentLevel: l,
+  stretched: s,
+  weight: p
+}) => {
+  if (f && !t && v === "x-large" && console.warn(S("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.')), c === "top") {
+    if (!f && !t)
+      throw new Error(S("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.'));
+    v === "x-large" && console.warn(S("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), p === "bold" && console.warn(S("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), l === 1 && console.warn(S("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), s && console.warn(S("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
+  }
+}, Ot = ft((f, v) => {
+  const t = mt.c(81);
+  let c, l, s, p, _, n, r, i, k, b, I, P, T, D, C, M, E, O, m;
+  t[0] !== f ? ({
+    children: l,
+    aria: c,
+    className: s,
+    download: p,
+    href: _,
+    iconName: n,
+    iconPosition: P,
+    iconSize: T,
+    iconSource: r,
+    indentLevel: D,
+    isActive: C,
+    numberIndicatorValue: i,
+    referrerPolicy: k,
+    rel: b,
+    stretched: M,
+    target: E,
+    tooltip: m,
+    weight: O,
+    ...I
+  } = f, t[0] = f, t[1] = c, t[2] = l, t[3] = s, t[4] = p, t[5] = _, t[6] = n, t[7] = r, t[8] = i, t[9] = k, t[10] = b, t[11] = I, t[12] = P, t[13] = T, t[14] = D, t[15] = C, t[16] = M, t[17] = E, t[18] = O, t[19] = m) : (c = t[1], l = t[2], s = t[3], p = t[4], _ = t[5], n = t[6], r = t[7], i = t[8], k = t[9], b = t[10], I = t[11], P = t[12], T = t[13], D = t[14], C = t[15], M = t[16], E = t[17], O = t[18], m = t[19]);
+  const e = P === void 0 ? "left" : P, z = T === void 0 ? "large" : T, G = D === void 0 ? 0 : D, d = C === void 0 ? !1 : C, pt = M === void 0 ? !1 : M, R = E === void 0 ? "_self" : E, dt = O === void 0 ? "normal" : O;
+  process.env.NODE_ENV !== "production" && Et({
+    iconName: n,
+    iconSize: z,
+    iconSource: r,
+    iconPosition: e,
+    indentLevel: G,
+    stretched: pt,
+    weight: dt
+  });
+  const a = (i == null ? void 0 : i.trim()) === "", Z = e === "top", $ = G === 1, q = d && e === "left", J = pt === !0 && e === "left";
+  let K;
+  t[20] !== s || t[21] !== d || t[22] !== q || t[23] !== J || t[24] !== Z || t[25] !== $ ? (K = F(o.root, s, {
+    [o.rootIconTop]: Z,
+    [o.rootIndentLevel1]: $,
+    [o.rootActive]: d,
+    [o.rootActiveWithMarker]: q,
+    [o.rootStretched]: J
+  }), t[20] = s, t[21] = d, t[22] = q, t[23] = J, t[24] = Z, t[25] = $, t[26] = K) : K = t[26];
+  const Q = K, U = G === 1;
+  let V;
+  t[27] !== U ? (V = F(o.activeMarker, {
+    [o.activeMarkerWithIndent]: U
+  }), t[27] = U, t[28] = V) : V = t[28];
+  const Y = V, tt = d && e === "left", et = dt === "bold", ot = e === "top";
+  let y;
+  t[29] !== tt || t[30] !== et || t[31] !== ot ? (y = F(o.label, {
+    [o.labelActive]: tt,
+    [o.labelBold]: et,
+    [o.labelIconTop]: ot
+  }), t[29] = tt, t[30] = et, t[31] = ot, t[32] = y) : y = t[32];
+  const it = y, nt = z === "x-large", rt = (n || r) && (i || a), at = (n || r) && !a;
+  let B;
+  t[33] !== nt || t[34] !== rt || t[35] !== at ? (B = F(o.iconWrapper, {
+    [o.iconWrapperXLarge]: nt,
+    [o.iconWrapperWithNumberIndicator]: rt,
+    [o.iconWrapperWithNumberIndicatorWithValue]: at
+  }), t[33] = nt, t[34] = rt, t[35] = at, t[36] = B) : B = t[36];
+  const ct = B, N = _ === void 0 ? "span" : "a";
+  let A;
+  t[37] !== N || t[38] !== p || t[39] !== _ || t[40] !== k || t[41] !== b || t[42] !== R ? (A = N === "a" && {
+    href: _,
+    target: R,
+    rel: b,
+    referrerPolicy: k,
+    download: p
+  }, t[37] = N, t[38] = p, t[39] = _, t[40] = k, t[41] = b, t[42] = R, t[43] = A) : A = t[43];
+  let u;
+  t[44] !== Y || t[45] !== e || t[46] !== d ? (u = d && e === "left" && /* @__PURE__ */ h("div", { className: Y }), t[44] = Y, t[45] = e, t[46] = d, t[47] = u) : u = t[47];
+  let g;
+  t[48] !== n || t[49] !== e || t[50] !== z || t[51] !== r || t[52] !== ct || t[53] !== a || t[54] !== i ? (g = (n || r) && /* @__PURE__ */ h(_t, { children: /* @__PURE__ */ lt("span", { className: ct, children: [
+    /* @__PURE__ */ h(vt, { name: n, theme: "light", source: r, "aria-hidden": "true", size: n || e === "top" ? "large" : z }),
+    (e === "left" && a || e === "top" && (i || a)) && /* @__PURE__ */ h(ht, { variant: "highlight", label: i })
+  ] }) }), t[48] = n, t[49] = e, t[50] = z, t[51] = r, t[52] = ct, t[53] = a, t[54] = i, t[55] = g) : g = t[55];
+  let w;
+  t[56] !== l || t[57] !== it ? (w = /* @__PURE__ */ h("span", { className: it, children: l }), t[56] = l, t[57] = it, t[58] = w) : w = t[58];
+  let W;
+  t[59] !== e || t[60] !== a || t[61] !== i ? (W = e === "left" && i && !a && /* @__PURE__ */ h(ht, { variant: "default", label: i, className: o.numberIndicator }), t[59] = e, t[60] = a, t[61] = i, t[62] = W) : W = t[62];
+  let X;
+  t[63] !== N || t[64] !== c || t[65] !== v || t[66] !== I || t[67] !== Q || t[68] !== A || t[69] !== u || t[70] !== g || t[71] !== w || t[72] !== W ? (X = /* @__PURE__ */ lt(N, { className: Q, ...A, ...c, ...I, ref: v, children: [
+    u,
+    g,
+    w,
+    W
+  ] }), t[63] = N, t[64] = c, t[65] = v, t[66] = I, t[67] = Q, t[68] = A, t[69] = u, t[70] = g, t[71] = w, t[72] = W, t[73] = X) : X = t[73];
+  const j = X;
+  if (m) {
+    let x;
+    t[74] !== j ? (x = /* @__PURE__ */ h(st.Anchor, { children: j }), t[74] = j, t[75] = x) : x = t[75];
+    let L;
+    t[76] !== m ? (L = /* @__PURE__ */ h(st.Content, { children: m }), t[76] = m, t[77] = L) : L = t[77];
+    let H;
+    return t[78] !== x || t[79] !== L ? (H = /* @__PURE__ */ lt(st, { placement: "top", tooltipOffset: 6, children: [
+      x,
+      L
+    ] }), t[78] = x, t[79] = L, t[80] = H) : H = t[80], H;
+  }
+  return j;
+});
+Ot.displayName = "DSActionLink";
+export {
+  Ft as A,
+  Ot as D,
+  Gt as a,
+  Rt as b,
+  Zt as c,
+  Et as v
+};

package/chunks/{Breadcrumb.BGzwzvh8.js → Breadcrumb.9KinNuyQ.js}

@@ -3,8 +3,8 @@ import { jsx as w, jsxs as V } from "react/jsx-runtime";
 import { d as q } from "./index.CgTHIF3K.js";
 import { c as F } from "./index.CEyLAtio.js";
 import { isValidElement as M, useState as I, useEffect as O, cloneElement as R } from "react";
-import { D as K } from "./Button.B7xF1E19.js";
-import { DSLink as X } from "../link.D_FjTyoZ.js";
+import { D as K } from "./Button.Cf1CKq8N.js";
+import { DSLink as X } from "../link.DbnvsD3j.js";
 import { g as d, r as z } from "./helpers.BbWkXTr3.js";
 import '../assets/Breadcrumb.BaYrwrYl.css';const G = "ds-breadcrumb_root_1e9hu_1", H = "ds-breadcrumb_show-all-button_1e9hu_30", T = {
   root: G,

package/chunks/Button.Cf1CKq8N.js

@@ -0,0 +1,142 @@
+"use client";
+import { jsxs as ut, jsx as H } from "react/jsx-runtime";
+import { d as mt } from "./index.CgTHIF3K.js";
+import { c as dt } from "./index.CEyLAtio.js";
+import { forwardRef as ft } from "react";
+import { u as ct } from "./useBreakpoint.CMOR9ZOB.js";
+import { D as bt } from "./Icon.NSsVrYeq.js";
+import { DSSpinner as vt } from "../spinner.BUjhjAvw.js";
+import { Tooltip as ht } from "../tooltip.CUCSRXd3.js";
+import { g as _t } from "./helpers.BbWkXTr3.js";
+import '../assets/Button.Dw8H5nFS.css';const kt = "ds-button_root_94r67_1", pt = "ds-button_root--highlight_94r67_75", Dt = "ds-button_root--dark-highlight_94r67_75", Nt = "ds-button_root--filled_94r67_151", Ot = "ds-button_root--outline_94r67_179", St = "ds-button_root--ghost_94r67_206", Ft = "ds-button_root--ghost-flush_94r67_231", yt = "ds-button_root--small_94r67_237", Gt = "ds-button_root--navigation_94r67_317", Ht = "ds-button_root--dark-filled_94r67_393", It = "ds-button_root--dark-outline_94r67_450", Bt = "ds-button_root--dark-ghost_94r67_506", Lt = "ds-button_root--dark-ghost-flush_94r67_560", Ct = "ds-button_root--icon-left_94r67_635", Tt = "ds-button_root--icon-only_94r67_638", wt = "ds-button_root--icon-only-small_94r67_647", Et = "ds-button_icon--navigation_94r67_663", At = "ds-button_icon--hidden_94r67_670", Pt = "ds-button_label--hidden_94r67_674", xt = "ds-button_label--loading_94r67_686", zt = "ds-button_loader_94r67_690", o = {
+  root: kt,
+  rootHighlight: pt,
+  rootDarkHighlight: Dt,
+  rootFilled: Nt,
+  rootOutline: Ot,
+  rootGhost: St,
+  rootGhostFlush: Ft,
+  rootSmall: yt,
+  rootNavigation: Gt,
+  rootDarkFilled: Ht,
+  rootDarkOutline: It,
+  rootDarkGhost: Bt,
+  rootDarkGhostFlush: Lt,
+  rootIconLeft: Ct,
+  rootIconOnly: Tt,
+  rootIconOnlySmall: wt,
+  iconNavigation: Et,
+  iconHidden: At,
+  labelHidden: Pt,
+  labelLoading: xt,
+  loader: zt
+}, Wt = ["medium", "small"], Xt = ["highlight", "filled", "outline", "ghost", "navigation"], Vt = ({
+  variant: v,
+  size: k,
+  theme: t
+}) => {
+  if (v === "navigation" && (k === "small" && console.warn(_t("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), t === "dark"))
+    throw new Error(_t("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
+}, jt = ft((v, k) => {
+  const t = mt.c(72);
+  let c, h, u, e, r, a, _, p, D, N, O, S, F, y, G, d;
+  t[0] !== v ? ({
+    children: h,
+    aria: c,
+    className: u,
+    disabled: p,
+    hideLabel: D,
+    iconName: e,
+    iconPosition: N,
+    iconSource: r,
+    isFlush: O,
+    loading: S,
+    size: F,
+    theme: y,
+    tooltip: d,
+    variant: G,
+    onClick: a,
+    ..._
+  } = v, t[0] = v, t[1] = c, t[2] = h, t[3] = u, t[4] = e, t[5] = r, t[6] = a, t[7] = _, t[8] = p, t[9] = D, t[10] = N, t[11] = O, t[12] = S, t[13] = F, t[14] = y, t[15] = G, t[16] = d) : (c = t[1], h = t[2], u = t[3], e = t[4], r = t[5], a = t[6], _ = t[7], p = t[8], D = t[9], N = t[10], O = t[11], S = t[12], F = t[13], y = t[14], G = t[15], d = t[16]);
+  const I = p === void 0 ? !1 : p, z = D === void 0 ? !1 : D, gt = N === void 0 ? "left" : N, B = O === void 0 ? !1 : O, i = S === void 0 ? !1 : S, L = F === void 0 ? "medium" : F, l = y === void 0 ? "light" : y, n = G === void 0 ? "filled" : G;
+  process.env.NODE_ENV !== "production" && Vt({
+    variant: n,
+    size: L,
+    theme: l
+  });
+  const V = n === "filled", j = n === "highlight", R = n === "outline", U = n === "ghost" && B !== !0, M = n === "navigation", Z = n === "ghost" && B === !0, $ = l === "dark" && n === "filled", q = l === "dark" && n === "highlight", J = l === "dark" && n === "outline", K = l === "dark" && n === "ghost" && B !== !0, Q = l === "dark" && n === "ghost" && B === !0, W = L === "small" || n === "navigation", X = gt === "left", Y = ct(z) && L === "medium" && n !== "navigation", tt = ct(z) && L === "small" && n !== "navigation";
+  let C;
+  t[17] !== u || t[18] !== j || t[19] !== R || t[20] !== U || t[21] !== M || t[22] !== Z || t[23] !== $ || t[24] !== q || t[25] !== J || t[26] !== K || t[27] !== Q || t[28] !== W || t[29] !== X || t[30] !== Y || t[31] !== tt || t[32] !== V ? (C = dt(o.root, u, {
+    [o.rootFilled]: V,
+    [o.rootHighlight]: j,
+    [o.rootOutline]: R,
+    [o.rootGhost]: U,
+    [o.rootNavigation]: M,
+    [o.rootGhostFlush]: Z,
+    [o.rootDarkFilled]: $,
+    [o.rootDarkHighlight]: q,
+    [o.rootDarkOutline]: J,
+    [o.rootDarkGhost]: K,
+    [o.rootDarkGhostFlush]: Q,
+    [o.rootSmall]: W,
+    [o.rootIconLeft]: X,
+    [o.rootIconOnly]: Y,
+    [o.rootIconOnlySmall]: tt
+  }), t[17] = u, t[18] = j, t[19] = R, t[20] = U, t[21] = M, t[22] = Z, t[23] = $, t[24] = q, t[25] = J, t[26] = K, t[27] = Q, t[28] = W, t[29] = X, t[30] = Y, t[31] = tt, t[32] = V, t[33] = C) : C = t[33];
+  const ot = C, nt = ct(z) && n !== "navigation";
+  let T;
+  t[34] !== i || t[35] !== nt ? (T = dt(o.label, {
+    [o.labelHidden]: nt,
+    [o.labelLoading]: i
+  }), t[34] = i, t[35] = nt, t[36] = T) : T = t[36];
+  const it = T, lt = n === "navigation";
+  let w;
+  t[37] !== i || t[38] !== lt ? (w = dt({
+    [o.iconNavigation]: lt,
+    [o.iconHidden]: i
+  }), t[37] = i, t[38] = lt, t[39] = w) : w = t[39];
+  const st = w, et = l === "light" && n === "filled" || l === "dark" && n === "outline" || l === "dark" && n === "ghost" ? "dark" : "light";
+  let E;
+  t[40] !== I || t[41] !== i || t[42] !== a ? (E = (s) => {
+    if (I || i) {
+      s.preventDefault();
+      return;
+    }
+    a && a(s);
+  }, t[40] = I, t[41] = i, t[42] = a, t[43] = E) : E = t[43];
+  const rt = E, at = I || i;
+  let g;
+  t[44] !== i ? (g = i && /* @__PURE__ */ H(vt, { className: o.loader, aria: {
+    "aria-label": "Loading state"
+  } }), t[44] = i, t[45] = g) : g = t[45];
+  let m;
+  t[46] !== h || t[47] !== it ? (m = /* @__PURE__ */ H("span", { className: it, children: h }), t[46] = h, t[47] = it, t[48] = m) : m = t[48];
+  let f;
+  t[49] !== st || t[50] !== e || t[51] !== r || t[52] !== et ? (f = (e || r) && /* @__PURE__ */ H(bt, { name: e, theme: et, source: r, className: st, "aria-hidden": "true" }), t[49] = st, t[50] = e, t[51] = r, t[52] = et, t[53] = f) : f = t[53];
+  let A;
+  t[54] !== c || t[55] !== rt || t[56] !== i || t[57] !== k || t[58] !== _ || t[59] !== ot || t[60] !== at || t[61] !== g || t[62] !== m || t[63] !== f ? (A = /* @__PURE__ */ ut("button", { className: ot, type: "submit", onClick: rt, ...c, ..._, "aria-disabled": at, "aria-busy": i, ref: k, children: [
+    g,
+    m,
+    f
+  ] }), t[54] = c, t[55] = rt, t[56] = i, t[57] = k, t[58] = _, t[59] = ot, t[60] = at, t[61] = g, t[62] = m, t[63] = f, t[64] = A) : A = t[64];
+  const P = A;
+  if (d) {
+    let s;
+    t[65] !== P ? (s = /* @__PURE__ */ H(ht.Anchor, { children: P }), t[65] = P, t[66] = s) : s = t[66];
+    let b;
+    t[67] !== d ? (b = /* @__PURE__ */ H(ht.Content, { children: d }), t[67] = d, t[68] = b) : b = t[68];
+    let x;
+    return t[69] !== s || t[70] !== b ? (x = /* @__PURE__ */ ut(ht, { placement: "top", tooltipOffset: 6, children: [
+      s,
+      b
+    ] }), t[69] = s, t[70] = b, t[71] = x) : x = t[71], x;
+  }
+  return P;
+});
+jt.displayName = "DSButton";
+export {
+  Wt as B,
+  jt as D,
+  Xt as a,
+  Vt as v
+};

package/chunks/{Checkbox.DxV7-F5W.js → Checkbox.CiwriItT.js}

@@ -4,8 +4,8 @@ import { c as p } from "./index.CEyLAtio.js";
 import { forwardRef as j, useRef as B, useState as H, useEffect as V, useCallback as $ } from "react";
 import { u as A } from "./useBreakpoint.CMOR9ZOB.js";
 import "./index.CgTHIF3K.js";
-import { D as x } from "./Icon.DGTYCv63.js";
-import { D as L } from "./SystemFeedback.B9f67mjJ.js";
+import { D as x } from "./Icon.NSsVrYeq.js";
+import { D as L } from "./SystemFeedback.CyGbUCzT.js";
 import { g as C } from "./helpers.BbWkXTr3.js";
 import '../assets/Checkbox.BKHQN_tu.css';const O = "ds-checkbox_root_1tuqo_1", U = "ds-checkbox_root--disabled_1tuqo_21", z = "ds-checkbox_checkbox_1tuqo_25", F = "ds-checkbox_icon-check_1tuqo_41", J = "ds-checkbox_icon-minus_1tuqo_42", K = "ds-checkbox_checkbox--invalid_1tuqo_66", Q = "ds-checkbox_label--hidden_1tuqo_71", R = "ds-checkbox_input_1tuqo_84", T = "ds-checkbox_label_1tuqo_71", W = "ds-checkbox_feedback_1tuqo_198", e = {
   root: O,

package/chunks/{CheckboxGroup.Dy_6tiGk.js → CheckboxGroup.Cj68J6Ee.js}

@@ -2,10 +2,10 @@
 import { jsx as _ } from "react/jsx-runtime";
 import { d as w } from "./index.CgTHIF3K.js";
 import { c as G } from "./index.CEyLAtio.js";
-import { D as q } from "./Fieldset.CjIfmN_5.js";
+import { D as q } from "./Fieldset.D7cLR5ze.js";
 import S from "react";
 import { g as x, r as N } from "./helpers.BbWkXTr3.js";
-import { D as z } from "./Checkbox.DxV7-F5W.js";
+import { D as z } from "./Checkbox.CiwriItT.js";
 import '../assets/CheckboxGroup.Dd-Huo7x.css';const F = "ds-checkbox-group_root_12fot_1", H = "ds-checkbox-group_root--horizontal_12fot_9", I = "ds-checkbox-group_root--invalid_12fot_12", g = {
   root: F,
   rootHorizontal: H,

package/chunks/Chip.BrbYu6i_.js

@@ -0,0 +1,133 @@
+"use client";
+import { jsxs as N, jsx as k } from "react/jsx-runtime";
+import { d as q } from "./index.CgTHIF3K.js";
+import { c as H } from "./index.CEyLAtio.js";
+import { forwardRef as U } from "react";
+import { t as M } from "./translate.nuU7uChI.js";
+import { D as x } from "./Icon.NSsVrYeq.js";
+import { Tooltip as $ } from "../tooltip.CUCSRXd3.js";
+import { g as E, r as z } from "./helpers.BbWkXTr3.js";
+import { g as j } from "./AriaLiveRegions.utils.Cb327d_2.js";
+import '../assets/Chip.dxIYIjj7.css';const B = "ds-chip-group_chip_aidwn_1", W = "ds-chip-group_chip--small_aidwn_30", L = {
+  chip: B,
+  chipSmall: W
+}, ce = ({
+  chips: t,
+  id: s,
+  label: e
+}) => {
+  if (!Array.isArray(t))
+    throw new Error(E("DSChipGroup", z("chips", "DSChipGroup")));
+  if (!s)
+    throw new Error(E("DSChipGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSChipGroup component.'));
+  if (!e)
+    throw new Error(E("DSChipGroup", z("label", "DSChipGroup")));
+}, pe = () => {
+  if (!j())
+    throw new Error(E("DSChipGroup", '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".'));
+}, de = ["medium", "small"], Z = {
+  disabled: "disabled",
+  selected: "selected",
+  // {0} is the action (e.g., select/unselect)
+  selectChip: "press space to {0}",
+  unselectAction: "unselect",
+  selectAction: "select",
+  addToSelection: "add this option to selection",
+  removeFromSelection: "remove this option from selection",
+  removeChip: "press Backspace to remove the currently focused value",
+  tooltipDisabled: "Disabled",
+  tooltipRemovable: "Remove filter",
+  tooltipDeactivate: "Deactivate property",
+  tooltipActivate: "Activate property"
+}, J = {
+  disabled: "deaktiviert",
+  selected: "ausgewählt",
+  // {0} is the action (e.g., select/unselect)
+  selectChip: "drücke Leertaste, um {0}",
+  unselectAction: "abzuwählen",
+  selectAction: "auszuwählen",
+  addToSelection: "diese Option zur Auswahl hinzuzufügen",
+  removeFromSelection: "diese Option aus der Auswahl zu entfernen",
+  removeChip: "drücke Backspace, um den aktuell fokussierten Wert zu entfernen",
+  tooltipDisabled: "Deaktiviert",
+  tooltipRemovable: "Filter entfernen",
+  tooltipDeactivate: "Eigenschaft deaktivieren",
+  tooltipActivate: "Eigenschaft aktivieren"
+}, K = {
+  en: Z,
+  de: J
+}, Q = (t, s, e, i, a, l) => e ? `${s}, ${t("disabled")}` : l ? `${s}, ${t("removeChip")}` : `${s}, ${i ? `${t("selected")}, ` : ""}${t("selectChip", [t(a === "single" ? i ? "unselectAction" : "selectAction" : i ? "removeFromSelection" : "addToSelection")])}`, V = (t, s, e, i) => t(i ? "tooltipRemovable" : s ? "tooltipDisabled" : e ? "tooltipDeactivate" : "tooltipActivate"), X = U((t, s) => {
+  const e = q.c(48);
+  let i, a, l, p, o, n, r, d, h, m, u, D, g, f, C;
+  e[0] !== t ? ({
+    id: p,
+    label: r,
+    disableTooltips: i,
+    groupId: a,
+    isRemovable: o,
+    selectionMode: m,
+    disabled: D,
+    iconName: l,
+    isSelected: n,
+    lang: g,
+    size: u,
+    tabIndex: f,
+    translations: C,
+    onClick: d,
+    ...h
+  } = t, e[0] = t, e[1] = i, e[2] = a, e[3] = l, e[4] = p, e[5] = o, e[6] = n, e[7] = r, e[8] = d, e[9] = h, e[10] = m, e[11] = u, e[12] = D, e[13] = g, e[14] = f, e[15] = C) : (i = e[1], a = e[2], l = e[3], p = e[4], o = e[5], n = e[6], r = e[7], d = e[8], h = e[9], m = e[10], u = e[11], D = e[12], g = e[13], f = e[14], C = e[15]);
+  const A = D === void 0 ? !1 : D, G = C || K[g === void 0 ? "en" : g];
+  let c, v;
+  if (e[16] !== i || e[17] !== A || e[18] !== a || e[19] !== l || e[20] !== p || e[21] !== o || e[22] !== n || e[23] !== r || e[24] !== d || e[25] !== s || e[26] !== h || e[27] !== m || e[28] !== u || e[29] !== G || e[30] !== f) {
+    v = Symbol.for("react.early_return_sentinel");
+    e: {
+      const O = M(G), I = u === "small";
+      let _;
+      e[33] !== I ? (_ = H(L.chip, {
+        [L.chipSmall]: I
+      }), e[33] = I, e[34] = _) : _ = e[34];
+      const F = _;
+      let y;
+      e[35] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+        display: "contents"
+      }, e[35] = y) : y = e[35];
+      let S;
+      e[36] !== l ? (S = l && /* @__PURE__ */ k(x, { name: l, "aria-hidden": "true" }), e[36] = l, e[37] = S) : S = e[37];
+      let w;
+      e[38] !== r || e[39] !== S ? (w = /* @__PURE__ */ N("div", { role: "gridcell", "aria-colindex": 1, style: y, children: [
+        S,
+        r
+      ] }), e[38] = r, e[39] = S, e[40] = w) : w = e[40];
+      let R;
+      if (e[41] !== o ? (R = o && /* @__PURE__ */ k(x, { name: "cross" }), e[41] = o, e[42] = R) : R = e[42], c = /* @__PURE__ */ N("div", { role: "row", "aria-label": Q(O, r, A, n, m, o), "aria-selected": n && !o, "aria-disabled": A && !o, id: `${a}-chip-${p}`, className: F, tabIndex: f, onClick: d, ref: s, ...h, children: [
+        w,
+        R
+      ] }), !i) {
+        let b;
+        e[43] !== c ? (b = /* @__PURE__ */ k($.Anchor, { children: c }), e[43] = c, e[44] = b) : b = e[44];
+        const P = /* @__PURE__ */ k($.Content, { children: V(O, A, n, o) });
+        let T;
+        e[45] !== b || e[46] !== P ? (T = /* @__PURE__ */ N($, { placement: "top", tooltipOffset: 6, children: [
+          b,
+          P
+        ] }), e[45] = b, e[46] = P, e[47] = T) : T = e[47], v = T;
+        break e;
+      }
+    }
+    e[16] = i, e[17] = A, e[18] = a, e[19] = l, e[20] = p, e[21] = o, e[22] = n, e[23] = r, e[24] = d, e[25] = s, e[26] = h, e[27] = m, e[28] = u, e[29] = G, e[30] = f, e[31] = c, e[32] = v;
+  } else
+    c = e[31], v = e[32];
+  return v !== Symbol.for("react.early_return_sentinel") ? v : c;
+});
+X.displayName = "DSChip";
+export {
+  de as C,
+  Z as D,
+  pe as a,
+  J as b,
+  K as c,
+  V as d,
+  X as e,
+  Q as g,
+  ce as v
+};