@stihl-design-system/components 1.0.0-RC.3 → 1.0.0-RC.30

package/chunks/ActionLink.IX6oRXU3.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsxs as rt, jsx as w, Fragment as ct } 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 at } from "../numberindicator.Ddf3ESi7.js";
+import { g as W } from "./helpers.BbWkXTr3.js";
+import '../assets/ActionLink.CTh6IXrN.css';const dt = "ds-action-link_root_1xtta_1", ht = "ds-action-link_root--indent-level-1_1xtta_75", _t = "ds-action-link_root--active_1xtta_78", vt = "ds-action-link_root--active--with-marker_1xtta_81", mt = "ds-action-link_root--icon--top_1xtta_84", ft = "ds-action-link_root--stretched_1xtta_110", kt = "ds-action-link_active-marker_1xtta_115", bt = "ds-action-link_active-marker--with-indent_1xtta_127", It = "ds-action-link_icon-wrapper_1xtta_131", Nt = "ds-action-link_icon-wrapper--x-large_1xtta_134", At = "ds-action-link_icon-wrapper--with-number-indicator_1xtta_137", gt = "ds-action-link_icon-wrapper--with-number-indicator--with-value_1xtta_145", ut = "ds-action-link_label_1xtta_149", wt = "ds-action-link_label--bold_1xtta_160", Wt = "ds-action-link_label--active_1xtta_171", xt = "ds-action-link_label--icon-top_1xtta_182", Lt = "ds-action-link_number-indicator_1xtta_205", 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: xt,
+  numberIndicator: Lt
+}, Kt = ["left", "top"], Vt = ["large", "x-large"], yt = [0, 1], Bt = ["normal", "bold"], St = ({
+  iconName: _,
+  iconSize: v,
+  iconSource: t,
+  iconPosition: c,
+  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.')), c === "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.'));
+  }
+}, Pt = pt((_, v) => {
+  const t = st.c(73);
+  let c, s, l, p, h, n, r, i, m, f, k, x, L, S, P, D, T, M;
+  t[0] !== _ ? ({
+    children: s,
+    aria: c,
+    className: l,
+    download: p,
+    href: h,
+    iconName: n,
+    iconPosition: x,
+    iconSize: L,
+    iconSource: r,
+    indentLevel: S,
+    isActive: P,
+    numberIndicatorValue: i,
+    referrerPolicy: m,
+    rel: f,
+    stretched: D,
+    target: T,
+    weight: M,
+    ...k
+  } = _, t[0] = _, t[1] = c, 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] = x, t[13] = L, t[14] = S, t[15] = P, t[16] = D, t[17] = T, t[18] = M) : (c = 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], x = t[12], L = t[13], S = t[14], P = t[15], D = t[16], T = t[17], M = t[18]);
+  const e = x === void 0 ? "left" : x, C = L === void 0 ? "large" : L, B = S === void 0 ? 0 : S, d = P === void 0 ? !1 : P, it = D === void 0 ? !1 : D, X = T === void 0 ? "_self" : T, nt = M === void 0 ? "normal" : M;
+  process.env.NODE_ENV !== "production" && St({
+    iconName: n,
+    iconSize: C,
+    iconSource: r,
+    iconPosition: e,
+    indentLevel: B,
+    stretched: it,
+    weight: nt
+  });
+  const a = (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 || a), et = (n || r) && !a;
+  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] !== a || t[53] !== i ? (A = (n || r) && /* @__PURE__ */ w(ct, { 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" && a || e === "top" && (i || a)) && /* @__PURE__ */ w(at, { variant: "highlight", label: i })
+  ] }) }), t[47] = n, t[48] = e, t[49] = C, t[50] = r, t[51] = ot, t[52] = a, 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] !== a || t[60] !== i ? (u = e === "left" && i && !a && /* @__PURE__ */ w(at, { variant: "default", label: i, className: o.numberIndicator }), t[58] = e, t[59] = a, t[60] = i, t[61] = u) : u = t[61];
+  let V;
+  return t[62] !== b || t[63] !== c || 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, ...c, ...k, ref: v, children: [
+    N,
+    A,
+    g,
+    u
+  ] }), t[62] = b, t[63] = c, 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;
+});
+Pt.displayName = "DSActionLink";
+export {
+  Kt as A,
+  Pt as D,
+  Vt as a,
+  yt as b,
+  Bt as c,
+  St as v
+};

package/chunks/AriaLiveRegions.utils.Cb327d_2.js

@@ -0,0 +1,27 @@
+"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 "react";
+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.BGzwzvh8.js

@@ -0,0 +1,105 @@
+"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 { 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 '../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,
+  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()) === "")
+    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: t,
+    label: r,
+    wrapper: l
+  }) => {
+    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="#" />`));
+  });
+}, le = (o) => {
+  const e = q.c(40);
+  let s, a, t, r, l;
+  e[0] !== o ? ({
+    aria: s,
+    className: a,
+    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,
+    links: t
+  });
+  let n;
+  e[6] !== l ? (n = l || {}, e[6] = l, e[7] = n) : n = e[7];
+  let i, c;
+  e[8] !== n ? ({
+    label: c,
+    ...i
+  } = n, e[8] = n, e[9] = i, e[10] = c) : (i = 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] !== a ? (B = F(T.root, a), e[15] = a, 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];
+  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];
+  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] !== 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;
+};
+function Q(o, e, s) {
+  const {
+    label: a,
+    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, {
+    "aria-current": c,
+    children: m
+  }) : m;
+}
+export {
+  le as D,
+  $ as M,
+  J as v
+};

package/chunks/Button.B7xF1E19.js

@@ -0,0 +1,127 @@
+"use client";
+import { jsxs as co, jsx as so } from "react/jsx-runtime";
+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.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,
+  rootHighlight: fo,
+  rootDarkHighlight: bo,
+  rootFilled: vo,
+  rootOutline: ko,
+  rootGhost: po,
+  rootGhostFlush: Do,
+  rootSmall: No,
+  rootNavigation: So,
+  rootDarkFilled: Oo,
+  rootDarkOutline: Fo,
+  rootDarkGhost: yo,
+  rootDarkGhostFlush: Go,
+  rootIconLeft: Ho,
+  rootIconOnly: Io,
+  rootIconOnlySmall: Bo,
+  iconNavigation: Lo,
+  iconHidden: wo,
+  labelHidden: Co,
+  labelLoading: To,
+  loader: Eo
+}, $o = ["medium", "small"], qo = ["highlight", "filled", "outline", "ghost", "navigation"], Po = ({
+  variant: m,
+  size: f,
+  theme: o
+}) => {
+  if (m === "navigation" && (f === "small" && console.warn(ro("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), o === "dark"))
+    throw new Error(ro("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
+}, xo = uo((m, f) => {
+  const o = ho.c(64);
+  let a, d, c, l, e, r, h, b, v, k, p, D, N, S, O;
+  o[0] !== m ? ({
+    children: d,
+    aria: a,
+    className: c,
+    disabled: b,
+    hideLabel: v,
+    iconName: l,
+    iconPosition: k,
+    iconSource: e,
+    isFlush: p,
+    loading: D,
+    size: N,
+    theme: S,
+    variant: O,
+    onClick: r,
+    ...h
+  } = m, o[0] = m, o[1] = a, o[2] = d, o[3] = c, o[4] = l, o[5] = e, o[6] = r, o[7] = h, o[8] = b, o[9] = v, o[10] = k, o[11] = p, o[12] = D, o[13] = N, o[14] = S, o[15] = O) : (a = o[1], d = o[2], c = o[3], l = o[4], e = o[5], r = o[6], h = o[7], b = o[8], v = o[9], k = o[10], p = o[11], D = o[12], N = o[13], S = o[14], O = o[15]);
+  const F = b === void 0 ? !1 : b, C = v === void 0 ? !1 : v, ao = k === void 0 ? "left" : k, y = p === void 0 ? !1 : p, s = D === void 0 ? !1 : D, G = N === void 0 ? "medium" : N, i = S === void 0 ? "light" : S, n = O === void 0 ? "filled" : O;
+  process.env.NODE_ENV !== "production" && Po({
+    variant: n,
+    size: G,
+    theme: i
+  });
+  const T = n === "filled", E = n === "highlight", P = n === "outline", x = n === "ghost" && y !== !0, z = n === "navigation", A = n === "ghost" && y === !0, V = i === "dark" && n === "filled", j = i === "dark" && n === "highlight", R = i === "dark" && n === "outline", U = i === "dark" && n === "ghost" && y !== !0, M = i === "dark" && n === "ghost" && y === !0, Z = G === "small" || n === "navigation", $ = ao === "left", q = lo(C) && G === "medium" && n !== "navigation", J = lo(C) && G === "small" && n !== "navigation";
+  let H;
+  o[16] !== c || o[17] !== E || o[18] !== P || o[19] !== x || o[20] !== z || o[21] !== A || o[22] !== V || o[23] !== j || o[24] !== R || o[25] !== U || o[26] !== M || o[27] !== Z || o[28] !== $ || o[29] !== q || o[30] !== J || o[31] !== T ? (H = io(t.root, c, {
+    [t.rootFilled]: T,
+    [t.rootHighlight]: E,
+    [t.rootOutline]: P,
+    [t.rootGhost]: x,
+    [t.rootNavigation]: z,
+    [t.rootGhostFlush]: A,
+    [t.rootDarkFilled]: V,
+    [t.rootDarkHighlight]: j,
+    [t.rootDarkOutline]: R,
+    [t.rootDarkGhost]: U,
+    [t.rootDarkGhostFlush]: M,
+    [t.rootSmall]: Z,
+    [t.rootIconLeft]: $,
+    [t.rootIconOnly]: q,
+    [t.rootIconOnlySmall]: J
+  }), o[16] = c, o[17] = E, o[18] = P, o[19] = x, o[20] = z, o[21] = A, o[22] = V, o[23] = j, o[24] = R, o[25] = U, o[26] = M, o[27] = Z, o[28] = $, o[29] = q, o[30] = J, o[31] = T, o[32] = H) : H = o[32];
+  const K = H, Q = lo(C) && n !== "navigation";
+  let I;
+  o[33] !== s || o[34] !== Q ? (I = io(t.label, {
+    [t.labelHidden]: Q,
+    [t.labelLoading]: s
+  }), o[33] = s, o[34] = Q, o[35] = I) : I = o[35];
+  const W = I, X = n === "navigation";
+  let B;
+  o[36] !== s || o[37] !== X ? (B = io({
+    [t.iconNavigation]: X,
+    [t.iconHidden]: s
+  }), o[36] = s, o[37] = X, o[38] = B) : B = o[38];
+  const Y = B, oo = i === "light" && n === "filled" || i === "dark" && n === "outline" || i === "dark" && n === "ghost" ? "dark" : "light";
+  let L;
+  o[39] !== F || o[40] !== s || o[41] !== r ? (L = (eo) => {
+    if (F || s) {
+      eo.preventDefault();
+      return;
+    }
+    r && r(eo);
+  }, o[39] = F, o[40] = s, o[41] = r, o[42] = L) : L = o[42];
+  const to = L, no = F || s;
+  let u;
+  o[43] !== s ? (u = s && /* @__PURE__ */ so(go, { className: t.loader, aria: {
+    "aria-label": "Loading state"
+  } }), o[43] = s, o[44] = u) : u = o[44];
+  let _;
+  o[45] !== d || o[46] !== W ? (_ = /* @__PURE__ */ so("span", { className: W, children: d }), o[45] = d, o[46] = W, o[47] = _) : _ = o[47];
+  let g;
+  o[48] !== Y || o[49] !== l || o[50] !== e || o[51] !== oo ? (g = (l || e) && /* @__PURE__ */ so(_o, { name: l, theme: oo, source: e, className: Y, "aria-hidden": "true" }), o[48] = Y, o[49] = l, o[50] = e, o[51] = oo, o[52] = g) : g = o[52];
+  let w;
+  return o[53] !== a || o[54] !== to || o[55] !== s || o[56] !== f || o[57] !== h || o[58] !== K || o[59] !== no || o[60] !== u || o[61] !== _ || o[62] !== g ? (w = /* @__PURE__ */ co("button", { className: K, type: "submit", onClick: to, ...a, ...h, "aria-disabled": no, "aria-busy": s, ref: f, children: [
+    u,
+    _,
+    g
+  ] }), o[53] = a, o[54] = to, o[55] = s, o[56] = f, o[57] = h, o[58] = K, o[59] = no, o[60] = u, o[61] = _, o[62] = g, o[63] = w) : w = o[63], w;
+});
+xo.displayName = "DSButton";
+export {
+  $o as B,
+  xo as D,
+  qo as a,
+  Po as v
+};

package/chunks/Checkbox.DxV7-F5W.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+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 { 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,
+  rootDisabled: U,
+  checkbox: z,
+  iconCheck: F,
+  iconMinus: J,
+  checkboxInvalid: K,
+  labelHidden: Q,
+  input: R,
+  label: T,
+  feedback: W
+}, X = ({
+  label: c,
+  id: a,
+  invalid: n,
+  systemFeedback: b
+}) => {
+  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 (b && n && !a)
+    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: a,
+  checked: n,
+  className: b,
+  defaultChecked: D = !1,
+  disabled: r = !1,
+  hideLabel: q = !1,
+  id: h,
+  indeterminate: m = !1,
+  invalid: s = !1,
+  systemFeedback: i,
+  onChange: u,
+  ...N
+}, l) => {
+  process.env.NODE_ENV !== "production" && X({
+    label: c,
+    id: h,
+    invalid: s,
+    systemFeedback: i
+  });
+  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 : 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 (r) {
+      o.preventDefault();
+      return;
+    }
+    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;
+      }, ...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 && i && /* @__PURE__ */ t(L, { id: _, variant: "error", className: e.feedback, message: i })
+  ] });
+});
+Y.displayName = "DSCheckbox";
+export {
+  Y as D,
+  X as v
+};

package/chunks/CheckboxGroup.Dy_6tiGk.js

@@ -0,0 +1,72 @@
+"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 S from "react";
+import { g as x, r as N } from "./helpers.BbWkXTr3.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,
+  rootInvalid: I
+}, O = ({
+  children: c,
+  description: e,
+  id: t,
+  legend: s,
+  systemFeedback: r
+}) => {
+  if (!t && (e || r))
+    throw new Error(x("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(x("DSCheckboxGroup", N("legend", "DSCheckboxGroup")));
+  if (!c)
+    throw new Error(x("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."));
+  S.Children.forEach(c, (o) => {
+    if (!S.isValidElement(o) || // Object.keys(child.type)[1] !== '_payload' checks if the object is currently in a hydration phase
+    o.type !== z && Object.keys(o.type)[1] !== "_payload") {
+      const i = S.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(x("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.`));
+    }
+  });
+}, A = (c) => {
+  const e = w.c(29);
+  let t, s, r, o, i, a, n, d, p, h, u;
+  e[0] !== c ? ({
+    children: t,
+    legend: i,
+    className: s,
+    description: r,
+    direction: d,
+    disabled: p,
+    id: o,
+    invalid: h,
+    required: u,
+    systemFeedback: n,
+    ...a
+  } = c, e[0] = c, e[1] = t, e[2] = s, e[3] = r, e[4] = o, e[5] = i, e[6] = a, e[7] = n, e[8] = d, e[9] = p, e[10] = h, e[11] = u) : (t = e[1], s = e[2], r = e[3], o = e[4], i = e[5], a = e[6], n = e[7], d = e[8], p = e[9], h = e[10], u = e[11]);
+  const E = d === void 0 ? "vertical" : d, k = p === void 0 ? !1 : p, m = h === void 0 ? !1 : h, v = u === void 0 ? !1 : u;
+  process.env.NODE_ENV !== "production" && O({
+    children: t,
+    description: r,
+    id: o,
+    legend: i,
+    systemFeedback: n
+  });
+  const D = E === "horizontal", C = m && !!n;
+  let b;
+  e[12] !== D || e[13] !== C ? (b = G(g.root, {
+    [g.rootHorizontal]: D,
+    [g.rootInvalid]: C
+  }), e[12] = D, e[13] = C, e[14] = b) : b = e[14];
+  const y = b;
+  let l;
+  e[15] !== t || e[16] !== y ? (l = /* @__PURE__ */ _("div", { className: y, children: t }), e[15] = t, e[16] = y, e[17] = l) : l = e[17];
+  let f;
+  return e[18] !== s || e[19] !== r || e[20] !== k || e[21] !== o || e[22] !== m || e[23] !== i || e[24] !== v || e[25] !== a || e[26] !== n || e[27] !== l ? (f = /* @__PURE__ */ _(q, { id: o, legend: i, className: s, description: r, disabled: k, required: v, invalid: m, systemFeedback: n, ...a, children: l }), e[18] = s, e[19] = r, e[20] = k, e[21] = o, e[22] = m, e[23] = i, e[24] = v, e[25] = a, e[26] = n, e[27] = l, e[28] = f) : f = e[28], f;
+};
+export {
+  A as D,
+  O as v
+};