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

package/chunks/ActionLink.DbyciN3Y.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.D-sRdssb.js";
+import { c as F } from "./index.DL9mof6u.js";
+import { forwardRef as ft } from "react";
+import { D as vt } from "./Icon.CDLyB7Pv.js";
+import { NumberIndicator as ht } from "../numberindicator.BdnPMogE.js";
+import { Tooltip as st } from "../tooltip.QJe_bfO-.js";
+import { g as S } from "./helpers.CexwVao7.js";
+import '../assets/ActionLink.CTh6IXrN.css';const bt = "ds-action-link_root_1xtta_1", kt = "ds-action-link_root--indent-level-1_1xtta_75", It = "ds-action-link_root--active_1xtta_78", ut = "ds-action-link_root--active--with-marker_1xtta_81", Nt = "ds-action-link_root--icon--top_1xtta_84", At = "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: bt,
+  rootIndentLevel1: kt,
+  rootActive: It,
+  rootActiveWithMarker: ut,
+  rootIconTop: Nt,
+  rootStretched: At,
+  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, b, k, 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: b,
+    rel: k,
+    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] = b, t[10] = k, 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], b = t[9], k = 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?.trim() === "", Z = e === "top", $ = G === 1, q = d && e === "left", J = pt === !0 && e === "left";
+  let V;
+  t[20] !== s || t[21] !== d || t[22] !== q || t[23] !== J || t[24] !== Z || t[25] !== $ ? (V = 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] = V) : V = t[26];
+  const Q = V, U = G === 1;
+  let K;
+  t[27] !== U ? (K = F(o.activeMarker, {
+    [o.activeMarkerWithIndent]: U
+  }), t[27] = U, t[28] = K) : K = t[28];
+  const Y = K, 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, u = _ === void 0 ? "span" : "a";
+  let N;
+  t[37] !== u || t[38] !== p || t[39] !== _ || t[40] !== b || t[41] !== k || t[42] !== R ? (N = u === "a" && {
+    href: _,
+    target: R,
+    rel: k,
+    referrerPolicy: b,
+    download: p
+  }, t[37] = u, t[38] = p, t[39] = _, t[40] = b, t[41] = k, t[42] = R, t[43] = N) : N = t[43];
+  let A;
+  t[44] !== Y || t[45] !== e || t[46] !== d ? (A = d && e === "left" && /* @__PURE__ */ h("div", { className: Y }), t[44] = Y, t[45] = e, t[46] = d, t[47] = A) : A = 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] !== u || t[64] !== c || t[65] !== v || t[66] !== I || t[67] !== Q || t[68] !== N || t[69] !== A || t[70] !== g || t[71] !== w || t[72] !== W ? (X = /* @__PURE__ */ lt(u, { className: Q, ...N, ...c, ...I, ref: v, children: [
+    A,
+    g,
+    w,
+    W
+  ] }), t[63] = u, t[64] = c, t[65] = v, t[66] = I, t[67] = Q, t[68] = N, t[69] = A, 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/{AriaLiveRegions.utils.Cb327d_2.js → AriaLiveRegions.utils.CybNIBSa.js}

@@ -1,8 +1,8 @@
 "use client";
 import { h as n } from "./has-window.ut_-aShB.js";
-import { g as r } from "./helpers.BbWkXTr3.js";
-import "./index.CgTHIF3K.js";
+import { g as r } from "./helpers.CexwVao7.js";
 import "react";
+import "./index.D-sRdssb.js";
 const e = "ds-alert-live-region", t = "ds-status-live-region", c = () => {
   if (n)
     return document.getElementById(e);

package/chunks/{Breadcrumb.BGzwzvh8.js → Breadcrumb.BgnpTo01.js}

@@ -1,20 +1,19 @@
 "use client";
 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 { d as q } from "./index.D-sRdssb.js";
+import { c as F } from "./index.DL9mof6u.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 { g as d, r as z } from "./helpers.BbWkXTr3.js";
+import { D as K } from "./Button.DCZgBNmA.js";
+import { DSLink as X } from "../link.f8MMZo-w.js";
+import { g as d, r as z } from "./helpers.CexwVao7.js";
 import '../assets/Breadcrumb.BaYrwrYl.css';const G = "ds-breadcrumb_root_1e9hu_1", H = "ds-breadcrumb_show-all-button_1e9hu_30", T = {
   root: G,
   showAllButton: H
 }, $ = 4, J = ({
-  aria: o,
+  aria: r,
   links: e
 }) => {
-  var s, a;
-  if (!o || typeof o != "object" || Object.keys(o).length === 0 || !o["aria-label"] && !o["aria-labelledby"] || ((s = o["aria-label"]) == null ? void 0 : s.trim()) === "" && ((a = o["aria-labelledby"]) == null ? void 0 : a.trim()) === "")
+  if (!r || typeof r != "object" || Object.keys(r).length === 0 || !r["aria-label"] && !r["aria-labelledby"] || r["aria-label"]?.trim() === "" && r["aria-labelledby"]?.trim() === "")
     throw new Error(d("DSBreadcrumb", 'A valid "aria-label" or "aria-labelledby" property is required. Ensure the "aria" prop is a non-empty object and includes either "aria-label" or "aria-labelledby" with a non-empty string value.'));
   if (Array.isArray(e)) {
     if (e.length === 0)
@@ -23,35 +22,34 @@ import '../assets/Breadcrumb.BaYrwrYl.css';const G = "ds-breadcrumb_root_1e9hu_1
       throw new Error(d("DSBreadcrumb", "The links array must have at least two elements."));
   } else throw new Error(d("DSBreadcrumb", z("links", "DSBreadcrumb")));
   e.forEach(({
-    href: t,
-    label: r,
-    wrapper: l
+    href: o,
+    label: l,
+    wrapper: t
   }) => {
-    var n;
-    if (l && !M(l))
-      throw new Error(d("DSBreadcrumb", `The link with label "${r}" provided an invalid ReactElement as wrapper property.`));
-    l && t && console.warn(d("DSBreadcrumb", `The link with label "${r}" has both a wrapper and an href property. Please use only one.`)), l && M(l) && ((n = l.props) != null && n.children) && console.warn(d("DSBreadcrumb", `The link with label "${r}" contains a wrapper with children. Please remove the children, as they will be replaced. For example: <Link href="#" />`));
+    if (t && !M(t))
+      throw new Error(d("DSBreadcrumb", `The link with label "${l}" provided an invalid ReactElement as wrapper property.`));
+    t && o && console.warn(d("DSBreadcrumb", `The link with label "${l}" has both a wrapper and an href property. Please use only one.`)), t && M(t) && t.props?.children && console.warn(d("DSBreadcrumb", `The link with label "${l}" contains a wrapper with children. Please remove the children, as they will be replaced. For example: <Link href="#" />`));
   });
-}, le = (o) => {
+}, le = (r) => {
   const e = q.c(40);
-  let s, a, t, r, l;
-  e[0] !== o ? ({
-    aria: s,
-    className: a,
+  let o, l, t, s, i;
+  e[0] !== r ? ({
+    aria: o,
+    className: l,
     links: t,
-    showAllButtonProps: l,
-    ...r
-  } = o, e[0] = o, e[1] = s, e[2] = a, e[3] = t, e[4] = r, e[5] = l) : (s = e[1], a = e[2], t = e[3], r = e[4], l = e[5]), process.env.NODE_ENV !== "production" && J({
-    aria: s,
+    showAllButtonProps: i,
+    ...s
+  } = r, e[0] = r, e[1] = o, e[2] = l, e[3] = t, e[4] = s, e[5] = i) : (o = e[1], l = e[2], t = e[3], s = e[4], i = e[5]), process.env.NODE_ENV !== "production" && J({
+    aria: o,
     links: t
   });
   let n;
-  e[6] !== l ? (n = l || {}, e[6] = l, e[7] = n) : n = e[7];
-  let i, c;
+  e[6] !== i ? (n = i || {}, e[6] = i, e[7] = n) : n = e[7];
+  let a, c;
   e[8] !== n ? ({
     label: c,
-    ...i
-  } = n, e[8] = n, e[9] = i, e[10] = c) : (i = e[9], c = e[10]);
+    ...a
+  } = n, e[8] = n, e[9] = a, e[10] = c) : (a = e[9], c = e[10]);
   const m = c === void 0 ? "Show all links" : c, [h, P] = I(t.length <= $);
   let S;
   e[11] !== t.length ? (S = () => {
@@ -60,10 +58,10 @@ import '../assets/Breadcrumb.BaYrwrYl.css';const G = "ds-breadcrumb_root_1e9hu_1
   let g;
   e[13] !== t ? (g = [t], e[13] = t, e[14] = g) : g = e[14], O(S, g);
   let B;
-  e[15] !== a ? (B = F(T.root, a), e[15] = a, e[16] = B) : B = e[16];
+  e[15] !== l ? (B = F(T.root, l), e[15] = l, e[16] = B) : B = e[16];
   const L = B;
   let k;
-  e[17] !== m || e[18] !== i || e[19] !== h ? (k = () => h ? null : /* @__PURE__ */ w("li", { children: /* @__PURE__ */ w(K, { ...i, className: T.showAllButton, type: "button", title: m, variant: "ghost", onClick: () => P(!0), children: /* @__PURE__ */ w("span", { "aria-hidden": "true", children: "..." }) }) }), e[17] = m, e[18] = i, e[19] = h, e[20] = k) : k = e[20];
+  e[17] !== m || e[18] !== a || e[19] !== h ? (k = () => h ? null : /* @__PURE__ */ w("li", { children: /* @__PURE__ */ w(K, { ...a, className: T.showAllButton, type: "button", title: m, variant: "ghost", onClick: () => P(!0), children: /* @__PURE__ */ w("span", { "aria-hidden": "true", children: "..." }) }) }), e[17] = m, e[18] = a, e[19] = h, e[20] = k) : k = e[20];
   const A = k, x = Q;
   let v;
   e[21] === Symbol.for("react.memo_cache_sentinel") ? (v = (y) => y.map((C, j) => /* @__PURE__ */ w("li", { children: x(C, y.length - 1, j) }, j)), e[21] = v) : v = e[21];
@@ -84,16 +82,16 @@ import '../assets/Breadcrumb.BaYrwrYl.css';const G = "ds-breadcrumb_root_1e9hu_1
     f
   ] }), e[31] = b, e[32] = f, e[33] = u, e[34] = p) : p = e[34];
   let E;
-  return e[35] !== s || e[36] !== r || e[37] !== L || e[38] !== p ? (E = /* @__PURE__ */ w("nav", { className: L, ...r, ...s, children: p }), e[35] = s, e[36] = r, e[37] = L, e[38] = p, e[39] = E) : E = e[39], E;
+  return e[35] !== o || e[36] !== s || e[37] !== L || e[38] !== p ? (E = /* @__PURE__ */ w("nav", { className: L, ...s, ...o, children: p }), e[35] = o, e[36] = s, e[37] = L, e[38] = p, e[39] = E) : E = e[39], E;
 };
-function Q(o, e, s) {
+function Q(r, e, o) {
   const {
-    label: a,
+    label: l,
     href: t,
-    wrapper: r,
-    iconName: l
-  } = o, n = e === 0, i = s === e, c = i && !n ? "page" : void 0, m = /* @__PURE__ */ w(X, { href: r ? void 0 : t, iconName: l, "aria-current": r ? void 0 : c, active: i && !n, children: a });
-  return r ? R(r, {
+    wrapper: s,
+    iconName: i
+  } = r, n = e === 0, a = o === e, c = a && !n ? "page" : void 0, m = /* @__PURE__ */ w(X, { href: s ? void 0 : t, iconName: i, "aria-current": s ? void 0 : c, active: a && !n, children: l });
+  return s ? R(s, {
     "aria-current": c,
     children: m
   }) : m;

package/chunks/Button.DCZgBNmA.js

@@ -0,0 +1,142 @@
+"use client";
+import { jsxs as ut, jsx as H } from "react/jsx-runtime";
+import { d as mt } from "./index.D-sRdssb.js";
+import { c as dt } from "./index.DL9mof6u.js";
+import { forwardRef as ft } from "react";
+import { u as ct } from "./useBreakpoint.BzR_yaIv.js";
+import { D as bt } from "./Icon.CDLyB7Pv.js";
+import { DSSpinner as vt } from "../spinner.C9qCeq0R.js";
+import { Tooltip as ht } from "../tooltip.QJe_bfO-.js";
+import { g as _t } from "./helpers.CexwVao7.js";
+import '../assets/Button.C8sNwIeW.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.BcGXAuuP.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { c as x } from "./index.DL9mof6u.js";
+import { forwardRef as j, useRef as B, useState as H, useEffect as V, useCallback as $ } from "react";
+import { u as A } from "./useBreakpoint.BzR_yaIv.js";
+import "./index.D-sRdssb.js";
+import { D as _ } from "./Icon.CDLyB7Pv.js";
+import { D as L } from "./SystemFeedback.CjlARKki.js";
+import { g as C } from "./helpers.CexwVao7.js";
+import '../assets/Checkbox.CyOw3rXI.css';const O = "ds-checkbox_root_xklfa_1", U = "ds-checkbox_root--disabled_xklfa_21", z = "ds-checkbox_checkbox_xklfa_25", F = "ds-checkbox_icon-check_xklfa_41", J = "ds-checkbox_icon-minus_xklfa_42", K = "ds-checkbox_checkbox--invalid_xklfa_66", Q = "ds-checkbox_label--hidden_xklfa_71", R = "ds-checkbox_input_xklfa_84", T = "ds-checkbox_label_xklfa_71", W = "ds-checkbox_feedback_xklfa_198", e = {
+  root: O,
+  rootDisabled: U,
+  checkbox: z,
+  iconCheck: F,
+  iconMinus: J,
+  checkboxInvalid: K,
+  labelHidden: Q,
+  input: R,
+  label: T,
+  feedback: W
+}, X = ({
+  label: c,
+  id: n,
+  invalid: t,
+  systemFeedback: k
+}) => {
+  if (!c)
+    throw new Error(C("DSCheckbox", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSCheckbox component. If you don't want to display a label, set hideLabel={true}.`));
+  if (k && t && !n)
+    throw new Error(C("DSCheckbox", `A unique "id" prop is required when passing in the systemFeedback prop and setting invalid to true. Please add a unique "id" prop to the DSCheckbox component with label: "${c}".`));
+}, Y = j(({
+  label: c,
+  checkboxGroupId: n,
+  checked: t,
+  className: k,
+  defaultChecked: D = !1,
+  disabled: r = !1,
+  hideLabel: N = !1,
+  id: b,
+  indeterminate: p = !1,
+  invalid: a = !1,
+  systemFeedback: l,
+  onChange: h,
+  ...S
+}, i) => {
+  process.env.NODE_ENV !== "production" && X({
+    label: c,
+    id: b,
+    invalid: a,
+    systemFeedback: l
+  });
+  const d = B(null), [y, v] = H(D), w = A(N);
+  V(() => {
+    d && d.current && (d.current.indeterminate = p);
+  }, [p]);
+  const f = t !== void 0, g = f ? t : y, m = `${b}-feedback`, E = [a && l && m, a && n && `${n}-feedback`].filter(Boolean).join(" ") || void 0, I = x(e.root, {
+    [e.rootDisabled]: r
+  }), q = x(e.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [e.labelHidden]: w
+  }), M = x(e.checkbox, {
+    [e.checkboxInvalid]: a
+  }), P = $((o) => {
+    if (r) {
+      o.preventDefault();
+      return;
+    }
+    f || v(o.target.checked), h && h(o);
+  }, [r, f, h]);
+  return /* @__PURE__ */ u("div", { className: k, children: [
+    /* @__PURE__ */ u("label", { className: I, children: [
+      /* @__PURE__ */ s("input", { id: b, type: "checkbox", className: e.input, ref: (o) => {
+        typeof i == "function" ? i(o) : i !== null && (i.current = o), d.current = o;
+      }, ...S, checked: g, disabled: r, "aria-label": c, "aria-describedby": E, "aria-invalid": a, onChange: P }),
+      /* @__PURE__ */ u("div", { className: M, children: [
+        /* @__PURE__ */ s(_, { name: "check", className: e.iconCheck, "aria-hidden": "true" }),
+        /* @__PURE__ */ s(_, { name: "minus", className: e.iconMinus, "aria-hidden": "true" })
+      ] }),
+      /* @__PURE__ */ s("span", { className: q, children: c })
+    ] }),
+    a && l && /* @__PURE__ */ s(L, { id: m, variant: "error", className: e.feedback, message: l })
+  ] });
+});
+Y.displayName = "DSCheckbox";
+export {
+  Y as D,
+  X as v
+};

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

@@ -1,11 +1,11 @@
 "use client";
 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 w } from "./index.D-sRdssb.js";
+import { c as G } from "./index.DL9mof6u.js";
+import { D as q } from "./Fieldset.DiMtr6Vw.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 { g as x, r as N } from "./helpers.CexwVao7.js";
+import { D as z } from "./Checkbox.BcGXAuuP.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,