@stihl-design-system/components 1.0.0-RC.27 → 1.0.0-RC.29

package/chunks/ActionButton.CzaWZGPt.js

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

package/chunks/ActionLink.BlhqDEtq.js

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

package/chunks/{Breadcrumb.B7g30dIO.js → Breadcrumb.BGzwzvh8.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.CC0qEsuR.js";
-import { DSLink as X } from "../link.DGuYGfh2.js";
+import { D as K } from "./Button.B7xF1E19.js";
+import { DSLink as X } from "../link.D_FjTyoZ.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.CC0qEsuR.js → Button.B7xF1E19.js}

@@ -4,8 +4,8 @@ import { d as ho } from "./index.CgTHIF3K.js";
 import { c as io } from "./index.CEyLAtio.js";
 import { forwardRef as uo } from "react";
 import { u as lo } from "./useBreakpoint.CMOR9ZOB.js";
-import { D as _o } from "./Icon.C0161Glk.js";
-import { DSSpinner as go } from "../spinner.CeGt8DxU.js";
+import { D as _o } from "./Icon.DGTYCv63.js";
+import { DSSpinner as go } from "../spinner.Dht6FspZ.js";
 import { g as ro } from "./helpers.BbWkXTr3.js";
 import '../assets/Button.Dw8H5nFS.css';const mo = "ds-button_root_94r67_1", fo = "ds-button_root--highlight_94r67_75", bo = "ds-button_root--dark-highlight_94r67_75", vo = "ds-button_root--filled_94r67_151", ko = "ds-button_root--outline_94r67_179", po = "ds-button_root--ghost_94r67_206", Do = "ds-button_root--ghost-flush_94r67_231", No = "ds-button_root--small_94r67_237", So = "ds-button_root--navigation_94r67_317", Oo = "ds-button_root--dark-filled_94r67_393", Fo = "ds-button_root--dark-outline_94r67_450", yo = "ds-button_root--dark-ghost_94r67_506", Go = "ds-button_root--dark-ghost-flush_94r67_560", Ho = "ds-button_root--icon-left_94r67_635", Io = "ds-button_root--icon-only_94r67_638", Bo = "ds-button_root--icon-only-small_94r67_647", Lo = "ds-button_icon--navigation_94r67_663", wo = "ds-button_icon--hidden_94r67_670", Co = "ds-button_label--hidden_94r67_674", To = "ds-button_label--loading_94r67_686", Eo = "ds-button_loader_94r67_690", t = {
   root: mo,

package/chunks/{Checkbox.BIQAKBVy.js → Checkbox.DxV7-F5W.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.C0161Glk.js";
-import { DSSystemFeedback as L } from "../systemfeedback.CLQCbTF6.js";
+import { D as x } from "./Icon.DGTYCv63.js";
+import { D as L } from "./SystemFeedback.B9f67mjJ.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,
@@ -34,51 +34,51 @@ import '../assets/Checkbox.BKHQN_tu.css';const O = "ds-checkbox_root_1tuqo_1", U
   checked: n,
   className: b,
   defaultChecked: D = !1,
-  disabled: i = !1,
+  disabled: r = !1,
   hideLabel: q = !1,
   id: h,
   indeterminate: m = !1,
   invalid: s = !1,
-  systemFeedback: r,
+  systemFeedback: i,
   onChange: u,
-  ...y
+  ...N
 }, l) => {
   process.env.NODE_ENV !== "production" && X({
     label: c,
     id: h,
     invalid: s,
-    systemFeedback: r
+    systemFeedback: i
   });
-  const d = B(null), [N, S] = H(D), v = A(q);
+  const d = B(null), [S, y] = H(D), v = A(q);
   V(() => {
     d && d.current && (d.current.indeterminate = m);
   }, [m]);
-  const k = n !== void 0, w = k ? n : N, _ = `${h}-feedback`, g = [s && r && _, s && a && `${a}-feedback`].filter(Boolean).join(" ") || void 0, E = p(e.root, {
-    [e.rootDisabled]: i
+  const k = n !== void 0, w = k ? n : S, _ = `${h}-feedback`, g = [s && i && _, s && a && `${a}-feedback`].filter(Boolean).join(" ") || void 0, E = p(e.root, {
+    [e.rootDisabled]: r
   }), I = p(e.label, {
     // hide label only visually to keep them available for assistive technologies
     [e.labelHidden]: v
   }), M = p(e.checkbox, {
     [e.checkboxInvalid]: s
   }), P = $((o) => {
-    if (i) {
+    if (r) {
       o.preventDefault();
       return;
     }
-    k || S(o.target.checked), u && u(o);
-  }, [i, k, u]);
+    k || y(o.target.checked), u && u(o);
+  }, [r, k, u]);
   return /* @__PURE__ */ f("div", { className: b, children: [
     /* @__PURE__ */ f("label", { className: E, children: [
       /* @__PURE__ */ t("input", { id: h, type: "checkbox", className: e.input, ref: (o) => {
         typeof l == "function" ? l(o) : l !== null && (l.current = o), d.current = o;
-      }, ...y, checked: w, disabled: i, "aria-label": c, "aria-describedby": g, "aria-invalid": s, onChange: P }),
+      }, ...N, checked: w, disabled: r, "aria-label": c, "aria-describedby": g, "aria-invalid": s, onChange: P }),
       /* @__PURE__ */ f("div", { className: M, children: [
         /* @__PURE__ */ t(x, { name: "check", className: e.iconCheck, "aria-hidden": "true" }),
         /* @__PURE__ */ t(x, { name: "minus", className: e.iconMinus, "aria-hidden": "true" })
       ] }),
       /* @__PURE__ */ t("span", { className: I, children: c })
     ] }),
-    s && r && /* @__PURE__ */ t(L, { id: _, type: "invalid", className: e.feedback, message: r })
+    s && i && /* @__PURE__ */ t(L, { id: _, variant: "error", className: e.feedback, message: i })
   ] });
 });
 Y.displayName = "DSCheckbox";

package/chunks/{CheckboxGroup.DHzpgOWp.js → CheckboxGroup.Dy_6tiGk.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.BX46NuLh.js";
+import { D as q } from "./Fieldset.CjIfmN_5.js";
 import S from "react";
 import { g as x, r as N } from "./helpers.BbWkXTr3.js";
-import { D as z } from "./Checkbox.BIQAKBVy.js";
+import { D as z } from "./Checkbox.DxV7-F5W.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.DifLxHH7.js → Chip.31UfPwQF.js}

@@ -4,7 +4,7 @@ import { d as B } from "./index.CgTHIF3K.js";
 import { c as W } from "./index.CEyLAtio.js";
 import { forwardRef as Z } from "react";
 import { t as J } from "./translate.nuU7uChI.js";
-import { D as H } from "./Icon.C0161Glk.js";
+import { D as H } from "./Icon.DGTYCv63.js";
 import { g as x, r as U } from "./helpers.BbWkXTr3.js";
 import { g as K } from "./AriaLiveRegions.utils.Cb327d_2.js";
 import '../assets/Chip.dxIYIjj7.css';const Q = "ds-chip-group_chip_aidwn_1", V = "ds-chip-group_chip--small_aidwn_30", M = {