@stihl-design-system/components 1.0.0-RC.4 → 1.0.0-RC.40

package/chunks/ActionLink.DwUP-Kgm.js

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

package/chunks/AriaLiveRegions.utils.CLpOaVD9.js

@@ -0,0 +1,27 @@
+"use client";
+import { h as n } from "./has-window.ut_-aShB.js";
+import { g as r } from "./helpers.CexwVao7.js";
+import "react";
+import "./index.cKLI89Eg.js";
+const e = "ds-alert-live-region", t = "ds-status-live-region", c = () => {
+  if (n)
+    return document.getElementById(e);
+}, m = () => {
+  if (n)
+    return document.getElementById(t);
+}, u = () => {
+  if (!n)
+    return;
+  const o = document.querySelectorAll(`#${e}`), i = document.querySelectorAll(`#${t}`);
+  if (o.length > 1)
+    throw new Error(r("DSAriaLiveRegions", `The DSAriaLiveRegions component with id="${e}" should only be present once on the page. Found ${o.length} instances.`));
+  if (i.length > 1)
+    throw new Error(r("DSAriaLiveRegions", `The DSAriaLiveRegions component with id="${t}" should only be present once on the page. Found ${i.length} instances.`));
+};
+export {
+  e as A,
+  t as a,
+  c as b,
+  m as g,
+  u as v
+};

package/chunks/Breadcrumb.nflDJoKs.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx as w, jsxs as V } from "react/jsx-runtime";
+import { d as q } 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.DpGeheky.js";
+import { DSLink as X } from "../link.R1lfD5aN.js";
+import { g as d, r as z } from "./helpers.CexwVao7.js";
+import '../assets/Breadcrumb.BavNNzAA.css';const G = "ds-breadcrumb_root_1e9hu_1", H = "ds-breadcrumb_show-all-button_1e9hu_30", T = {
+  root: G,
+  showAllButton: H
+}, $ = 4, J = ({
+  aria: r,
+  links: e
+}) => {
+  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)
+      throw new Error(d("DSBreadcrumb", "The links array must not be empty."));
+    if (e.length < 2)
+      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: o,
+    label: l,
+    wrapper: t
+  }) => {
+    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 = (r) => {
+  const e = q.c(40);
+  let o, l, t, s, i;
+  e[0] !== r ? ({
+    aria: o,
+    className: l,
+    links: t,
+    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] !== i ? (n = i || {}, e[6] = i, e[7] = n) : n = e[7];
+  let a, c;
+  e[8] !== n ? ({
+    label: c,
+    ...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 = () => {
+    P(t.length <= $);
+  }, e[11] = t.length, e[12] = S) : S = e[12];
+  let g;
+  e[13] !== t ? (g = [t], e[13] = t, e[14] = g) : g = e[14], O(S, g);
+  let B;
+  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] !== 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] === /* @__PURE__ */ 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];
+  const _ = v;
+  let D;
+  e[22] !== h ? (D = (y) => _(h ? y : y.slice(-2)), e[22] = h, e[23] = D) : D = e[23];
+  const N = D;
+  let u;
+  e[24] !== t[0] ? (u = _([t[0]]), e[24] = t[0], e[25] = u) : u = e[25];
+  let b;
+  e[26] !== A ? (b = A(), e[26] = A, e[27] = b) : b = e[27];
+  let f;
+  e[28] !== N || e[29] !== t ? (f = N(t.slice(1)), e[28] = N, e[29] = t, e[30] = f) : f = e[30];
+  let p;
+  e[31] !== b || e[32] !== f || e[33] !== u ? (p = /* @__PURE__ */ V("ol", { children: [
+    u,
+    b,
+    f
+  ] }), e[31] = b, e[32] = f, e[33] = u, e[34] = p) : p = e[34];
+  let 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(r, e, o) {
+  const {
+    label: l,
+    href: t,
+    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;
+}
+export {
+  le as D,
+  $ as M,
+  J as v
+};

package/chunks/Button.DpGeheky.js

@@ -0,0 +1,139 @@
+"use client";
+import { jsxs as O, jsx as c } from "react/jsx-runtime";
+import { c as p } from "./index.DQOqod3i.js";
+import { forwardRef as T } from "react";
+import { u as r } from "./useBreakpoint.1txsny17.js";
+import { D as F } from "./Icon.m6sMB6vl.js";
+import { DSSpinner as L } from "../spinner.CRVyui04.js";
+import { Tooltip as k } from "../tooltip._lP4aMV2.js";
+import { g as a } from "./helpers.CexwVao7.js";
+import "./index.cKLI89Eg.js";
+import '../assets/Button.C-UYIggc.css';const C = "ds-button_root_146u3_1", A = "ds-button_root--highlight_146u3_75", E = "ds-button_root--dark-highlight_146u3_75", P = "ds-button_root--filled_146u3_151", x = "ds-button_root--outline_146u3_179", V = "ds-button_root--ghost_146u3_206", j = "ds-button_root--ghost-flush_146u3_231", R = "ds-button_root--small_146u3_237", U = "ds-button_root--navigation_146u3_317", M = "ds-button_root--navigation--stretched_146u3_393", Z = "ds-button_root--navigation--stretched--icon-left_146u3_396", q = "ds-button_root--dark-filled_146u3_399", J = "ds-button_root--dark-outline_146u3_456", K = "ds-button_root--dark-ghost_146u3_512", Q = "ds-button_root--dark-ghost-flush_146u3_566", W = "ds-button_root--stretched_146u3_641", X = "ds-button_root--icon-left_146u3_644", Y = "ds-button_root--icon-only_146u3_647", $ = "ds-button_root--icon-only-small_146u3_656", z = "ds-button_icon--navigation_146u3_672", oo = "ds-button_icon--hidden_146u3_679", to = "ds-button_label--hidden_146u3_683", no = "ds-button_label--loading_146u3_695", eo = "ds-button_loader_146u3_699", o = {
+  root: C,
+  rootHighlight: A,
+  rootDarkHighlight: E,
+  rootFilled: P,
+  rootOutline: x,
+  rootGhost: V,
+  rootGhostFlush: j,
+  rootSmall: R,
+  rootNavigation: U,
+  rootNavigationStretched: M,
+  rootNavigationStretchedIconLeft: Z,
+  rootDarkFilled: q,
+  rootDarkOutline: J,
+  rootDarkGhost: K,
+  rootDarkGhostFlush: Q,
+  rootStretched: W,
+  rootIconLeft: X,
+  rootIconOnly: Y,
+  rootIconOnlySmall: $,
+  iconNavigation: z,
+  iconHidden: oo,
+  labelHidden: to,
+  labelLoading: no,
+  loader: eo
+}, bo = ["medium", "small"], po = ["highlight", "filled", "outline", "ghost", "navigation"], ro = ({
+  hideLabel: f,
+  iconName: m,
+  iconSource: b,
+  isFlush: d,
+  size: s,
+  stretched: l,
+  theme: u,
+  variant: e
+}) => {
+  if (e === "navigation" && (s === "small" && console.warn(a("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), u === "dark"))
+    throw new Error(a("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
+  e !== "ghost" && d ? console.warn(a("DSButton", 'The "isFlush" prop only has an effect when used with variant="ghost". Please remove the "isFlush" prop or set variant="ghost".')) : e === "ghost" && d && l && console.warn(a("DSButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), f && (!m && !b && console.warn(a("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.')), l && console.warn(a("DSButton", 'The "stretched" and "hideLabel" props do not have an effect when used together. Please remove one of them.')));
+}, so = T(({
+  children: f,
+  aria: m,
+  className: b,
+  disabled: d = !1,
+  hideLabel: s = !1,
+  iconName: l,
+  iconPosition: u = "left",
+  iconSource: e,
+  isFlush: h = !1,
+  loading: i = !1,
+  size: _ = "medium",
+  stretched: g = !1,
+  theme: n = "light",
+  tooltip: D,
+  variant: t = "filled",
+  onClick: S,
+  ...w
+}, I) => {
+  process.env.NODE_ENV !== "production" && ro({
+    hideLabel: r(s),
+    iconName: l,
+    iconSource: e,
+    isFlush: h,
+    size: _,
+    stretched: g,
+    theme: n,
+    variant: t
+  });
+  const y = p(o.root, b, {
+    // variant
+    [o.rootFilled]: t === "filled",
+    [o.rootHighlight]: t === "highlight",
+    [o.rootOutline]: t === "outline",
+    [o.rootGhost]: t === "ghost" && h !== !0,
+    [o.rootNavigation]: t === "navigation",
+    [o.rootNavigationStretched]: t === "navigation" && r(g) && u === "right",
+    [o.rootNavigationStretchedIconLeft]: t === "navigation" && r(g) && u === "left",
+    // isFlush
+    [o.rootGhostFlush]: t === "ghost" && h === !0,
+    // dark theme
+    [o.rootDarkFilled]: n === "dark" && t === "filled",
+    [o.rootDarkHighlight]: n === "dark" && t === "highlight",
+    [o.rootDarkOutline]: n === "dark" && t === "outline",
+    [o.rootDarkGhost]: n === "dark" && t === "ghost" && h !== !0,
+    // dark isFlush
+    [o.rootDarkGhostFlush]: n === "dark" && t === "ghost" && h === !0,
+    // size
+    [o.rootSmall]: _ === "small" || t === "navigation",
+    // stretched
+    [o.rootStretched]: r(g),
+    // icon position
+    [o.rootIconLeft]: u === "left",
+    // icon only
+    [o.rootIconOnly]: r(s) && _ === "medium" && t !== "navigation",
+    [o.rootIconOnlySmall]: r(s) && _ === "small" && t !== "navigation"
+  }), B = p({
+    // hide label only visually to keep them available for assistive technologies
+    [o.labelHidden]: r(s) && t !== "navigation",
+    // set label opacity to 0 when loading to prevent button size from changing
+    [o.labelLoading]: i
+    // if no label classes are set via classNames, return undefined to avoid empty class attribute
+  }) || void 0, G = p({
+    [o.iconNavigation]: t === "navigation",
+    // set icon opacity to 0 when loading to prevent button size from changing
+    [o.iconHidden]: i
+  }), H = n === "light" && t === "filled" || n === "dark" && t === "outline" || n === "dark" && t === "ghost" ? "dark" : "light", v = /* @__PURE__ */ O("button", { className: y, type: "submit", onClick: (N) => {
+    if (d || i) {
+      N.preventDefault();
+      return;
+    }
+    S && S(N);
+  }, ...m, ...w, "aria-disabled": d || i, "aria-busy": i, ref: I, children: [
+    i && /* @__PURE__ */ c(L, { className: o.loader, aria: {
+      "aria-label": "Loading state"
+    } }),
+    /* @__PURE__ */ c("span", { className: B, children: f }),
+    (l || e) && /* @__PURE__ */ c(F, { name: l, theme: H, source: e, className: G, "aria-hidden": "true" })
+  ] });
+  return D ? /* @__PURE__ */ O(k, { placement: "top", tooltipOffset: 6, children: [
+    /* @__PURE__ */ c(k.Anchor, { children: v }),
+    /* @__PURE__ */ c(k.Content, { children: D })
+  ] }) : v;
+});
+so.displayName = "DSButton";
+export {
+  bo as B,
+  so as D,
+  po as a,
+  ro as v
+};

package/chunks/Checkbox.B3NeB54s.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { c as x } from "./index.DQOqod3i.js";
+import { forwardRef as j, useRef as B, useState as H, useEffect as V, useCallback as $ } from "react";
+import { u as A } from "./useBreakpoint.1txsny17.js";
+import "./index.cKLI89Eg.js";
+import { D as _ } from "./Icon.m6sMB6vl.js";
+import { D as L } from "./SystemFeedback.DFN6Y2cw.js";
+import { g as C } from "./helpers.CexwVao7.js";
+import '../assets/Checkbox.ZAPIO2N8.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.BYZSvqF7.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as w } from "react/jsx-runtime";
+import { d as q } from "./index.cKLI89Eg.js";
+import { c as N } from "./index.DQOqod3i.js";
+import { D as z } from "./Fieldset.7WM7w62l.js";
+import _ from "react";
+import { g as v, r as I } from "./helpers.CexwVao7.js";
+import { D as P } from "./Checkbox.B3NeB54s.js";
+import '../assets/CheckboxGroup.Dd-Huo7x.css';const F = "ds-checkbox-group_root_12fot_1", H = "ds-checkbox-group_root--horizontal_12fot_9", O = "ds-checkbox-group_root--invalid_12fot_12", E = {
+  root: F,
+  rootHorizontal: H,
+  rootInvalid: O
+}, V = ({
+  children: c,
+  description: e,
+  id: t,
+  legend: s,
+  systemFeedback: r
+}) => {
+  if (!t && (e || r))
+    throw new Error(v("DSCheckboxGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSCheckboxGroup component.'));
+  if (!s)
+    throw new Error(v("DSCheckboxGroup", I("legend", "DSCheckboxGroup")));
+  if (!c)
+    throw new Error(v("DSCheckboxGroup", "The component requires DSCheckbox components to be explicitly set as its children. Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group."));
+  _.Children.forEach(c, (o) => {
+    if (!_.isValidElement(o) || // Object.keys(child.type)[1] !== '_payload' checks if the object is currently in a hydration phase
+    o.type !== P && Object.keys(o.type)[1] !== "_payload") {
+      const i = _.isValidElement(o) ? `Currently you are passing a child of type: ${JSON.stringify(o.type)}.` : "Currently you are passing an invalid React element.";
+      throw new Error(v("DSCheckboxGroup", `The component requires the children to be DSCheckbox elements. ${i} Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group.`));
+    }
+  });
+}, J = (c) => {
+  const e = q.c(33);
+  let t, s, r, o, i, a, l, p, n, h, u, m, b;
+  e[0] !== c ? ({
+    children: t,
+    legend: i,
+    className: s,
+    description: r,
+    direction: h,
+    disabled: u,
+    id: o,
+    invalid: m,
+    popoverContent: a,
+    popoverInfoButtonProps: l,
+    required: b,
+    systemFeedback: n,
+    ...p
+  } = c, e[0] = c, e[1] = t, e[2] = s, e[3] = r, e[4] = o, e[5] = i, e[6] = a, e[7] = l, e[8] = p, e[9] = n, e[10] = h, e[11] = u, e[12] = m, e[13] = b) : (t = e[1], s = e[2], r = e[3], o = e[4], i = e[5], a = e[6], l = e[7], p = e[8], n = e[9], h = e[10], u = e[11], m = e[12], b = e[13]);
+  const G = h === void 0 ? "vertical" : h, C = u === void 0 ? !1 : u, f = m === void 0 ? !1 : m, D = b === void 0 ? !1 : b;
+  process.env.NODE_ENV !== "production" && V({
+    children: t,
+    description: r,
+    id: o,
+    legend: i,
+    systemFeedback: n
+  });
+  const y = G === "horizontal", S = f && !!n;
+  let x;
+  e[14] !== y || e[15] !== S ? (x = N(E.root, {
+    [E.rootHorizontal]: y,
+    [E.rootInvalid]: S
+  }), e[14] = y, e[15] = S, e[16] = x) : x = e[16];
+  const g = x;
+  let d;
+  e[17] !== t || e[18] !== g ? (d = /* @__PURE__ */ w("div", { className: g, children: t }), e[17] = t, e[18] = g, e[19] = d) : d = e[19];
+  let k;
+  return e[20] !== s || e[21] !== r || e[22] !== C || e[23] !== o || e[24] !== f || e[25] !== i || e[26] !== a || e[27] !== l || e[28] !== D || e[29] !== p || e[30] !== n || e[31] !== d ? (k = /* @__PURE__ */ w(z, { id: o, legend: i, className: s, description: r, disabled: C, required: D, invalid: f, systemFeedback: n, popoverContent: a, popoverInfoButtonProps: l, ...p, children: d }), e[20] = s, e[21] = r, e[22] = C, e[23] = o, e[24] = f, e[25] = i, e[26] = a, e[27] = l, e[28] = D, e[29] = p, e[30] = n, e[31] = d, e[32] = k) : k = e[32], k;
+};
+export {
+  J as D,
+  V as v
+};