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

package/breadcrumb.CtwAux3P.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/Button.DCZgBNmA.js";
+import "./link.f8MMZo-w.js";
+import { D as c } from "./chunks/Breadcrumb.BgnpTo01.js";
+export {
+  c as DSBreadcrumb
+};

package/button.DHuKanZP.js

@@ -0,0 +1,13 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/useBreakpoint.BzR_yaIv.js";
+import "./chunks/Icon.CDLyB7Pv.js";
+import "./spinner.C9qCeq0R.js";
+import "./tooltip.QJe_bfO-.js";
+import { D } from "./chunks/Button.DCZgBNmA.js";
+export {
+  D as DSButton
+};

package/buttonround.CMlmEDaN.js

@@ -0,0 +1,96 @@
+"use client";
+import { jsxs as P, jsx as D } from "react/jsx-runtime";
+import { d as Q } from "./chunks/index.D-sRdssb.js";
+import { c as K } from "./chunks/index.DL9mof6u.js";
+import { D as U } from "./chunks/Icon.CDLyB7Pv.js";
+import { DSSpinner as V } from "./spinner.C9qCeq0R.js";
+import { Tooltip as M } from "./tooltip.QJe_bfO-.js";
+import { forwardRef as W } from "react";
+import './assets/buttonround.BN3vUDc_.css';const X = "ds-button-round_root_1yumq_1", Y = "ds-button-round_root--highlight_1yumq_75", Z = "ds-button-round_root--dark-highlight_1yumq_75", tt = "ds-button-round_root--filled_1yumq_151", ot = "ds-button-round_root--dark-filled_1yumq_393", lt = "ds-button-round_root--icon-only-small_1yumq_647", et = "ds-button-round_icon--hidden_1yumq_664", it = "ds-button-round_label--hidden_1yumq_668", nt = "ds-button-round_label--loading_1yumq_680", st = "ds-button-round_loader_1yumq_684", l = {
+  root: X,
+  rootHighlight: Y,
+  rootDarkHighlight: Z,
+  rootFilled: tt,
+  rootDarkFilled: ot,
+  rootIconOnlySmall: lt,
+  iconHidden: et,
+  labelHidden: it,
+  labelLoading: nt,
+  loader: st
+}, rt = W((I, L) => {
+  const t = Q.c(55);
+  let r, d, a, i, n, c, g, _, b, p, y, s;
+  t[0] !== I ? ({
+    children: d,
+    aria: r,
+    className: a,
+    disabled: g,
+    iconName: _,
+    iconSource: i,
+    loading: b,
+    theme: p,
+    tooltip: s,
+    variant: y,
+    onClick: n,
+    ...c
+  } = I, t[0] = I, t[1] = r, t[2] = d, t[3] = a, t[4] = i, t[5] = n, t[6] = c, t[7] = g, t[8] = _, t[9] = b, t[10] = p, t[11] = y, t[12] = s) : (r = t[1], d = t[2], a = t[3], i = t[4], n = t[5], c = t[6], g = t[7], _ = t[8], b = t[9], p = t[10], y = t[11], s = t[12]);
+  const H = g === void 0 ? !1 : g, q = _ === void 0 ? "placeholder" : _, o = b === void 0 ? !1 : b, R = p === void 0 ? "light" : p, k = y === void 0 ? "filled" : y, j = k === "filled", B = k === "highlight", E = R === "dark" && k === "filled", T = R === "dark" && k === "highlight";
+  let N;
+  t[13] !== a || t[14] !== j || t[15] !== B || t[16] !== E || t[17] !== T ? (N = K(l.root, l.rootIconOnlySmall, a, {
+    [l.rootFilled]: j,
+    [l.rootHighlight]: B,
+    [l.rootDarkFilled]: E,
+    [l.rootDarkHighlight]: T
+  }), t[13] = a, t[14] = j, t[15] = B, t[16] = E, t[17] = T, t[18] = N) : N = t[18];
+  const w = N;
+  let S;
+  t[19] !== o ? (S = K(l.label, l.labelHidden, {
+    [l.labelLoading]: o
+  }), t[19] = o, t[20] = S) : S = t[20];
+  const A = S;
+  let v;
+  t[21] !== o ? (v = K(l.icon, {
+    [l.iconHidden]: o
+  }), t[21] = o, t[22] = v) : v = t[22];
+  const $ = v, z = R === "light" && k === "filled" ? "dark" : "light";
+  let C;
+  t[23] !== H || t[24] !== o || t[25] !== n ? (C = (e) => {
+    if (H || o) {
+      e.preventDefault();
+      return;
+    }
+    n && n(e);
+  }, t[23] = H, t[24] = o, t[25] = n, t[26] = C) : C = t[26];
+  const G = C, J = H || o;
+  let u;
+  t[27] !== o ? (u = o && /* @__PURE__ */ D(V, { className: l.loader, aria: {
+    "aria-label": "Loading state"
+  } }), t[27] = o, t[28] = u) : u = t[28];
+  let m;
+  t[29] !== d || t[30] !== A ? (m = /* @__PURE__ */ D("span", { className: A, children: d }), t[29] = d, t[30] = A, t[31] = m) : m = t[31];
+  let h;
+  t[32] !== $ || t[33] !== q || t[34] !== i || t[35] !== z ? (h = (q || i) && /* @__PURE__ */ D(U, { name: q, theme: z, source: i, className: $, "aria-hidden": "true" }), t[32] = $, t[33] = q, t[34] = i, t[35] = z, t[36] = h) : h = t[36];
+  let F;
+  t[37] !== r || t[38] !== G || t[39] !== o || t[40] !== L || t[41] !== c || t[42] !== w || t[43] !== J || t[44] !== u || t[45] !== m || t[46] !== h ? (F = /* @__PURE__ */ P("button", { className: w, type: "button", onClick: G, ...r, ...c, "aria-disabled": J, "aria-busy": o, ref: L, children: [
+    u,
+    m,
+    h
+  ] }), t[37] = r, t[38] = G, t[39] = o, t[40] = L, t[41] = c, t[42] = w, t[43] = J, t[44] = u, t[45] = m, t[46] = h, t[47] = F) : F = t[47];
+  const O = F;
+  if (s) {
+    let e;
+    t[48] !== O ? (e = /* @__PURE__ */ D(M.Anchor, { children: O }), t[48] = O, t[49] = e) : e = t[49];
+    let f;
+    t[50] !== s ? (f = /* @__PURE__ */ D(M.Content, { children: s }), t[50] = s, t[51] = f) : f = t[51];
+    let x;
+    return t[52] !== e || t[53] !== f ? (x = /* @__PURE__ */ P(M, { placement: "top", tooltipOffset: 6, children: [
+      e,
+      f
+    ] }), t[52] = e, t[53] = f, t[54] = x) : x = t[54], x;
+  }
+  return O;
+});
+rt.displayName = "DSButtonRound";
+export {
+  rt as DSButtonRound
+};

package/checkbox.DwccD0Mp.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/useBreakpoint.BzR_yaIv.js";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/Icon.CDLyB7Pv.js";
+import "./chunks/SystemFeedback.CjlARKki.js";
+import { D as x } from "./chunks/Checkbox.BcGXAuuP.js";
+export {
+  x as DSCheckbox
+};

package/checkboxgroup.ZiUFfCJ1.js

@@ -0,0 +1,9 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/index.DL9mof6u.js";
+import "./chunks/Fieldset.DiMtr6Vw.js";
+import { D as e } from "./chunks/CheckboxGroup.BuFd1luB.js";
+export {
+  e as DSCheckboxGroup
+};

package/chip.B0s_fS8L.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/translate.nuU7uChI.js";
+import "./chunks/Icon.CDLyB7Pv.js";
+import "./tooltip.QJe_bfO-.js";
+import { e as c } from "./chunks/Chip.D6pubCZV.js";
+export {
+  c as DSChip
+};

package/chipgroup.Dpu66bo5.js

@@ -0,0 +1,143 @@
+"use client";
+import { jsxs as q, jsx as I } from "react/jsx-runtime";
+import { useState as S, useRef as L, useEffect as w, createElement as J } from "react";
+import { c as $ } from "./chunks/index.DL9mof6u.js";
+import { u as P } from "./chunks/useBreakpoint.BzR_yaIv.js";
+import "./chunks/index.D-sRdssb.js";
+import { g as Q } from "./chunks/AriaLiveRegions.utils.CybNIBSa.js";
+import { v as W, a as X, e as Y } from "./chunks/Chip.D6pubCZV.js";
+import './assets/chipgroup.BGxjdSDX.css';const Z = "ds-chip-group_label--hidden_3zmt2_1", x = "ds-chip-group_root_3zmt2_14", v = {
+  labelHidden: Z,
+  root: x
+}, ne = ({
+  chips: g,
+  id: h,
+  label: b,
+  className: A,
+  disableTooltips: K = !1,
+  hideLabel: C = !1,
+  isRemovable: r = !1,
+  lang: N = "en",
+  selectionMode: c = "single",
+  size: T = "medium",
+  translations: B,
+  onChipsChange: o,
+  ...F
+}) => {
+  process.env.NODE_ENV !== "production" && W({
+    chips: g,
+    id: h,
+    label: b
+  });
+  const [l, i] = S(null), [n, d] = S(() => g.map((e) => ({
+    ...e
+  }))), D = L(null), [f, k] = S(), m = L([]);
+  w(() => {
+    d(g.map((e) => ({
+      ...e
+    })));
+  }, [g]), w(() => {
+    X();
+    const e = () => k("keydown"), t = () => k(null), s = () => k(null);
+    return document.addEventListener("keydown", e), document.addEventListener("mousedown", t), document.addEventListener("touchstart", s), () => {
+      document.removeEventListener("keydown", e), document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", s);
+    };
+  }, []), w(() => {
+    l !== null && m.current[l] && f === "keydown" && m.current[l]?.focus();
+  }, [l]), w(() => {
+    f === "keydown" && l !== null && n.length > 0 && m.current.forEach((e, t) => {
+      e && (e.tabIndex = t === l ? 0 : -1, t === l && e.focus());
+    });
+  }, [n]);
+  const G = (e) => {
+    if (l === null)
+      return;
+    let t = l;
+    switch (e.key) {
+      case "a":
+        (e.metaKey || e.ctrlKey) && (e.preventDefault(), H());
+        break;
+      case "ArrowRight":
+      case "ArrowDown":
+        e.shiftKey && c === "multiple" && !r ? (t = l + 1 > n.length - 1 ? n.length - 1 : l + 1, l !== t ? (u(l), u(t)) : n[l].isSelected || u(l)) : (t = (l + 1) % n.length, e.preventDefault());
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        e.shiftKey && c === "multiple" && !r ? (t = l - 1 < 0 ? 0 : l - 1, l !== t ? (u(l), u(t)) : n[0].isSelected || u(0)) : (t = (l - 1 + n.length) % n.length, e.preventDefault());
+        break;
+      case "Enter":
+      case " ":
+        if (e.preventDefault(), r) {
+          y(t);
+          return;
+        } else
+          E(t);
+        break;
+      case "Backspace":
+        r && y(t), e.preventDefault();
+        return;
+      default:
+        return;
+    }
+    i(t);
+  }, H = () => {
+    if (c !== "multiple")
+      return;
+    const e = n.map((t) => ({
+      ...t,
+      selected: !t.disabled
+    }));
+    d(e), p(`${e.length} items selected`), o && o(e);
+  }, u = (e) => {
+    if (r)
+      return;
+    const t = n.map((s) => ({
+      ...s
+    }));
+    t[e].disabled || (t[e].isSelected = !0, p(`${t[e].label} selected, ${t.filter(({
+      isSelected: s
+    }) => s).length} items selected`), d(t), o && o(t));
+  }, E = (e) => {
+    if (r)
+      return;
+    const t = [...n];
+    t[e].disabled || (c === "single" ? t.forEach((s, a) => {
+      a === e ? (s.isSelected = !s.isSelected, p(`${s.label} ${s.isSelected ? "selected" : "not selected"}`)) : s.isSelected = !1;
+    }) : c === "multiple" && (t[e].isSelected = !t[e].isSelected, p(`${t[e].label} ${t[e].isSelected ? "selected" : "not selected"}, ${t.filter(({
+      isSelected: s
+    }) => s).length} items selected`)), d(t), o && o(t));
+  }, y = (e) => {
+    const t = n[e], s = n.filter((a, U) => U !== e).map((a) => ({
+      ...a
+    }));
+    if (d(s), p(`${t.label} removed, ${s.length} items remaining`), f === "keydown")
+      if (s.length > 0) {
+        const a = Math.min(e, s.length - 1);
+        i(a);
+      } else
+        D.current?.focus(), i(null);
+    o && o(s);
+  }, V = (e) => {
+    r ? y(e) : n[e].disabled || E(e);
+  }, p = (e) => {
+    const t = Q();
+    t && (t.innerText = e, setTimeout(() => {
+      t.innerText = "";
+    }, 350));
+  }, j = (e) => l === null || l === e ? 0 : -1, z = P(C), O = $(v.root, A);
+  return n.length === 0 ? null : /* @__PURE__ */ q("div", { children: [
+    /* @__PURE__ */ I("div", { id: h, className: $({
+      [v.labelHidden]: z
+    }), children: b }),
+    n.length > 0 && /* @__PURE__ */ I("div", { ref: D, role: "grid", "aria-labelledby": h, "aria-multiselectable": c === "multiple", tabIndex: -1, onKeyDown: G, onFocus: () => {
+      l === null ? (m.current[0].focus(), f === "keydown" && i(0)) : f === "keydown" && i(l);
+    }, onBlur: () => i(null), className: O, ...F, children: n.map((e, t) => /* @__PURE__ */ J(Y, { ...e, key: `${e.id}-${t}`, "data-focused": l === t, disableTooltips: K, groupId: h, isRemovable: r, lang: N, selectionMode: c, size: T, tabIndex: j(t), translations: B, onClick: (s) => {
+      V(t), e.onClick && e.onClick(s);
+    }, ref: (s) => {
+      m.current[t] = s;
+    } })) })
+  ] });
+};
+export {
+  ne as DSChipGroup
+};

package/chunks/Accordion.CYIfNOWr.js

@@ -0,0 +1,168 @@
+"use client";
+import { jsx as m, jsxs as V } from "react/jsx-runtime";
+import { d as ye } from "./index.D-sRdssb.js";
+import { c as W } from "./index.DL9mof6u.js";
+import { forwardRef as fe, useRef as Se, useState as ge, useImperativeHandle as Ce, useEffect as _e } from "react";
+import { DSHeading as ve } from "../heading.DHLpT4dc.js";
+import { D as We } from "./Icon.CDLyB7Pv.js";
+import { NumberIndicator as qe } from "../numberindicator.BdnPMogE.js";
+import { g as ie } from "./helpers.CexwVao7.js";
+import '../assets/Accordion.CzBGud45.css';const Oe = "ds-accordion_details_1qee7_1", Ne = "ds-accordion_summary_1qee7_119", we = "ds-accordion_summary--utility--m_1qee7_158", De = "ds-accordion_summary--flush_1qee7_187", xe = "ds-accordion_summary--small_1qee7_255", Ie = "ds-accordion_summary--x-small_1qee7_259", Ee = "ds-accordion_summary-content-wrapper_1qee7_264", Ae = "ds-accordion_summary-content-wrapper--flush_1qee7_270", Xe = "ds-accordion_summary-content-wrapper--chevron-left_1qee7_274", be = "ds-accordion_summary-content-wrapper--x-small_1qee7_278", Fe = "ds-accordion_heading-summary-wrapper_1qee7_282", Te = "ds-accordion_heading-summary_1qee7_282", Pe = "ds-accordion_heading-summary--x-small_1qee7_292", Re = "ds-accordion_hint_1qee7_296", Le = "ds-accordion_icon_1qee7_310", je = "ds-accordion_icon--open_1qee7_321", ze = "ds-accordion_icon--open-caret_1qee7_332", Me = "ds-accordion_content-wrapper_1qee7_344", He = "ds-accordion_content-wrapper--flush_1qee7_350", Ue = "ds-accordion_content-wrapper--small_1qee7_354", Ve = "ds-accordion_content-wrapper--x-small_1qee7_358", t = {
+  details: Oe,
+  summary: Ne,
+  summaryUtilityM: we,
+  summaryFlush: De,
+  summarySmall: xe,
+  summaryXSmall: Ie,
+  summaryContentWrapper: Ee,
+  summaryContentWrapperFlush: Ae,
+  summaryContentWrapperChevronLeft: Xe,
+  summaryContentWrapperXSmall: be,
+  headingSummaryWrapper: Fe,
+  headingSummary: Te,
+  headingSummaryXSmall: Pe,
+  hint: Re,
+  icon: Le,
+  iconOpen: je,
+  iconOpenCaret: ze,
+  contentWrapper: Me,
+  contentWrapperFlush: He,
+  contentWrapperSmall: Ue,
+  contentWrapperXSmall: Ve
+}, tt = ["medium", "small", "x-small"], rt = ["chevron", "caret"], nt = ["left", "right"], Ze = ({
+  children: q,
+  hint: Z,
+  numberIndicatorValue: e,
+  summary: n
+}) => {
+  if (!q)
+    throw new Error(ie("DSAccordion", "The component requires children to be set."));
+  if (!n)
+    throw new Error(ie("DSAccordion", "The summary prop is required. Please add the summary prop to the DSAccordion component."));
+  if (Z && (e || e === ""))
+    throw new Error(ie("DSAccordion", "The hint and numberIndicator props cannot be used together. Please remove either the hint prop or the numberIndicatorValue prop."));
+}, $e = fe((q, Z) => {
+  const e = ye.c(73);
+  let n, i, o, s, p, r, O, N, w, D;
+  e[0] !== q ? ({
+    children: n,
+    summary: r,
+    chevronPosition: O,
+    className: i,
+    hint: o,
+    isFlush: N,
+    isOpen: w,
+    numberIndicatorValue: s,
+    size: D,
+    ...p
+  } = q, e[0] = q, e[1] = n, e[2] = i, e[3] = o, e[4] = s, e[5] = p, e[6] = r, e[7] = O, e[8] = N, e[9] = w, e[10] = D) : (n = e[1], i = e[2], o = e[3], s = e[4], p = e[5], r = e[6], O = e[7], N = e[8], w = e[9], D = e[10]);
+  const pe = O === void 0 ? "right" : O, a = N === void 0 ? !1 : N, l = w === void 0 ? !1 : w, d = D === void 0 ? "medium" : D;
+  process.env.NODE_ENV !== "production" && Ze({
+    children: n,
+    hint: o,
+    numberIndicatorValue: s,
+    summary: r
+  });
+  const $ = pe === "right" ? "chevron" : "caret", c = Se(null), [de, ue] = ge(l);
+  let I;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (I = () => c.current, e[11] = I) : I = e[11], Ce(Z, I);
+  let E;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (E = () => {
+    c.current && ue(c.current.open);
+  }, e[12] = E) : E = e[12];
+  let A;
+  e[13] !== l ? (A = [l], e[13] = l, e[14] = A) : A = e[14], _e(E, A);
+  let X, b;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (X = () => {
+    const he = () => {
+      c.current && ue(c.current.open);
+    };
+    return c.current?.addEventListener("toggle", he), () => {
+      c.current?.removeEventListener("toggle", he);
+    };
+  }, b = [], e[15] = X, e[16] = b) : (X = e[15], b = e[16]), _e(X, b);
+  let F, T, P;
+  const x = typeof r == "object" && r !== void 0;
+  x && ({
+    headingSize: F,
+    headingTag: T,
+    headingText: P
+  } = r);
+  let R;
+  e[17] !== i ? (R = W(t.details, i), e[17] = i, e[18] = R) : R = e[18];
+  const k = R, B = d === "small", G = d === "x-small", J = !x;
+  let L;
+  e[19] !== a || e[20] !== B || e[21] !== G || e[22] !== J ? (L = W(t.summary, {
+    [t.summaryFlush]: a,
+    [t.summarySmall]: B,
+    [t.summaryXSmall]: G,
+    [t.summaryUtilityM]: J
+  }), e[19] = a, e[20] = B, e[21] = G, e[22] = J, e[23] = L) : L = e[23];
+  const K = L, Q = pe === "left", Y = d === "x-small";
+  let j;
+  e[24] !== a || e[25] !== Q || e[26] !== Y ? (j = W(t.summaryContentWrapper, {
+    [t.summaryContentWrapperFlush]: a,
+    [t.summaryContentWrapperChevronLeft]: Q,
+    [t.summaryContentWrapperXSmall]: Y
+  }), e[24] = a, e[25] = Q, e[26] = Y, e[27] = j) : j = e[27];
+  const ee = j, te = d === "x-small";
+  let z;
+  e[28] !== te ? (z = W(t.headingSummary, {
+    [t.headingSummaryXSmall]: te
+  }), e[28] = te, e[29] = z) : z = e[29];
+  const re = z, ne = $ === "chevron" && de, se = $ === "caret" && de;
+  let M;
+  e[30] !== ne || e[31] !== se ? (M = W(t.icon, {
+    [t.iconOpen]: ne,
+    [t.iconOpenCaret]: se
+  }), e[30] = ne, e[31] = se, e[32] = M) : M = e[32];
+  const ae = M, oe = d === "small", ce = d === "x-small";
+  let H;
+  e[33] !== a || e[34] !== oe || e[35] !== ce ? (H = W(t.contentWrapper, {
+    [t.contentWrapperFlush]: a,
+    [t.contentWrapperSmall]: oe,
+    [t.contentWrapperXSmall]: ce
+  }), e[33] = a, e[34] = oe, e[35] = ce, e[36] = H) : H = e[36];
+  const le = H;
+  let u;
+  e[37] !== F || e[38] !== T || e[39] !== P || e[40] !== x || e[41] !== r ? (u = x ? /* @__PURE__ */ m(ve, { tag: T, size: F, children: P }) : r, e[37] = F, e[38] = T, e[39] = P, e[40] = x, e[41] = r, e[42] = u) : u = e[42];
+  let h;
+  e[43] !== s ? (h = (s || s?.trim() === "") && /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(qe, { label: s }) }), e[43] = s, e[44] = h) : h = e[44];
+  let _;
+  e[45] !== re || e[46] !== u || e[47] !== h ? (_ = /* @__PURE__ */ V("div", { className: re, children: [
+    u,
+    h
+  ] }), e[45] = re, e[46] = u, e[47] = h, e[48] = _) : _ = e[48];
+  let y;
+  e[49] !== o ? (y = o && /* @__PURE__ */ m("div", { className: t.hint, children: o }), e[49] = o, e[50] = y) : y = e[50];
+  let f;
+  e[51] !== _ || e[52] !== y ? (f = /* @__PURE__ */ V("div", { className: t.headingSummaryWrapper, children: [
+    _,
+    y
+  ] }), e[51] = _, e[52] = y, e[53] = f) : f = e[53];
+  const me = $ === "chevron" ? "chevron-down" : "caret-right";
+  let S;
+  e[54] !== ae || e[55] !== me ? (S = /* @__PURE__ */ m(We, { name: me, "aria-hidden": "true", className: ae }), e[54] = ae, e[55] = me, e[56] = S) : S = e[56];
+  let g;
+  e[57] !== ee || e[58] !== f || e[59] !== S ? (g = /* @__PURE__ */ V("div", { className: ee, children: [
+    f,
+    S
+  ] }), e[57] = ee, e[58] = f, e[59] = S, e[60] = g) : g = e[60];
+  let C;
+  e[61] !== K || e[62] !== g ? (C = /* @__PURE__ */ m("summary", { className: K, children: g }), e[61] = K, e[62] = g, e[63] = C) : C = e[63];
+  let v;
+  e[64] !== n || e[65] !== le ? (v = /* @__PURE__ */ m("div", { className: le, children: n }), e[64] = n, e[65] = le, e[66] = v) : v = e[66];
+  let U;
+  return e[67] !== k || e[68] !== l || e[69] !== p || e[70] !== C || e[71] !== v ? (U = /* @__PURE__ */ V("details", { ...p, ref: c, className: k, open: l, children: [
+    C,
+    v
+  ] }), e[67] = k, e[68] = l, e[69] = p, e[70] = C, e[71] = v, e[72] = U) : U = e[72], U;
+});
+$e.displayName = "DSAccordion";
+export {
+  tt as A,
+  nt as C,
+  $e as D,
+  rt as a,
+  Ze as v
+};

package/chunks/ActionButton.DOYsEHPr.js

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