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

package/checkbox.DtSSduSH.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/useBreakpoint.1txsny17.js";
+import "./chunks/index.cKLI89Eg.js";
+import "./chunks/Icon.m6sMB6vl.js";
+import "./chunks/SystemFeedback.DFN6Y2cw.js";
+import { D as x } from "./chunks/Checkbox.B3NeB54s.js";
+export {
+  x as DSCheckbox
+};

package/checkbox.d.ts

@@ -1 +1,2 @@
 export * from './components/Checkbox/Checkbox'
+export {}

package/checkboxgroup.CSP1DOCW.js

@@ -0,0 +1,9 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import "./chunks/index.DQOqod3i.js";
+import "./chunks/Fieldset.7WM7w62l.js";
+import { D as e } from "./chunks/CheckboxGroup.BYZSvqF7.js";
+export {
+  e as DSCheckboxGroup
+};

package/checkboxgroup.d.ts

@@ -1 +1,2 @@
 export * from './components/CheckboxGroup/CheckboxGroup'
+export {}

package/chip.CyypeY5M.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/translate.nuU7uChI.js";
+import "./chunks/Icon.m6sMB6vl.js";
+import "./tooltip._lP4aMV2.js";
+import { e as c } from "./chunks/Chip.SiGIIHR-.js";
+export {
+  c as DSChip
+};

package/chip.d.ts

@@ -0,0 +1,2 @@
+export * from './components/ChipGroup/Chip'
+export {}

package/chipgroup.d.ts

@@ -0,0 +1,2 @@
+export * from './components/ChipGroup/ChipGroup'
+export {}

package/chipgroup.i5SOv6LA.js

@@ -0,0 +1,199 @@
+"use client";
+import { jsxs as ce, jsx as J } from "react/jsx-runtime";
+import { useState as U, useRef as P, useEffect as V, createElement as ae } from "react";
+import { d as ue } from "./chunks/index.cKLI89Eg.js";
+import { c as Q } from "./chunks/index.DQOqod3i.js";
+import { u as de } from "./chunks/useBreakpoint.1txsny17.js";
+import { g as fe } from "./chunks/AriaLiveRegions.utils.CLpOaVD9.js";
+import { v as me, e as pe, a as he } from "./chunks/Chip.SiGIIHR-.js";
+import './assets/chipgroup.BGxjdSDX.css';const ge = "ds-chip-group_label--hidden_3zmt2_1", be = "ds-chip-group_root_3zmt2_14", W = {
+  labelHidden: ge,
+  root: be
+}, Ne = (o) => {
+  const e = ue.c(37);
+  let r, m, d, g, c, L, b, v, y, w, k, C, I;
+  e[0] !== o ? ({
+    chips: r,
+    id: d,
+    label: g,
+    className: m,
+    disableTooltips: b,
+    hideLabel: v,
+    isRemovable: y,
+    lang: w,
+    selectionMode: k,
+    size: C,
+    translations: I,
+    onChipsChange: c,
+    ...L
+  } = o, e[0] = o, e[1] = r, e[2] = m, e[3] = d, e[4] = g, e[5] = c, e[6] = L, e[7] = b, e[8] = v, e[9] = y, e[10] = w, e[11] = k, e[12] = C, e[13] = I) : (r = e[1], m = e[2], d = e[3], g = e[4], c = e[5], L = e[6], b = e[7], v = e[8], y = e[9], w = e[10], k = e[11], C = e[12], I = e[13]);
+  const X = b === void 0 ? !1 : b, Y = v === void 0 ? !1 : v, u = y === void 0 ? !1 : y, Z = w === void 0 ? "en" : w, f = k === void 0 ? "single" : k, ee = C === void 0 ? "medium" : C;
+  process.env.NODE_ENV !== "production" && me({
+    chips: r,
+    id: d,
+    label: g
+  });
+  const [s, p] = U(null);
+  let $;
+  e[14] !== r ? ($ = () => r.map(ve), e[14] = r, e[15] = $) : $ = e[15];
+  const [n, S] = U($), q = P(null), [a, j] = U();
+  let _;
+  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = [], e[16] = _) : _ = e[16];
+  const D = P(_);
+  let A, K;
+  e[17] !== r ? (K = () => {
+    S(r.map(ye));
+  }, A = [r], e[17] = r, e[18] = A, e[19] = K) : (A = e[18], K = e[19]), V(K, A);
+  let T, N;
+  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = () => {
+    he();
+    const t = () => j("keydown"), l = () => j(null), i = () => j(null);
+    return document.addEventListener("keydown", t), document.addEventListener("mousedown", l), document.addEventListener("touchstart", i), () => {
+      document.removeEventListener("keydown", t), document.removeEventListener("mousedown", l), document.removeEventListener("touchstart", i);
+    };
+  }, N = [], e[20] = T, e[21] = N) : (T = e[20], N = e[21]), V(T, N);
+  let R;
+  e[22] !== s || e[23] !== a ? (R = () => {
+    s !== null && D.current[s] && a === "keydown" && D.current[s]?.focus();
+  }, e[22] = s, e[23] = a, e[24] = R) : R = e[24];
+  let M;
+  e[25] !== s ? (M = [s], e[25] = s, e[26] = M) : M = e[26], V(R, M);
+  let z;
+  e[27] !== n.length || e[28] !== s || e[29] !== a ? (z = () => {
+    a === "keydown" && s !== null && n.length > 0 && D.current.forEach((t, l) => {
+      t && (t.tabIndex = l === s ? 0 : -1, l === s && t.focus());
+    });
+  }, e[27] = n.length, e[28] = s, e[29] = a, e[30] = z) : z = e[30];
+  let B;
+  e[31] !== n ? (B = [n], e[31] = n, e[32] = B) : B = e[32], V(z, B);
+  const te = (t) => {
+    if (s === null)
+      return;
+    let l = s;
+    e: switch (t.key) {
+      case "a": {
+        (t.metaKey || t.ctrlKey) && (t.preventDefault(), le());
+        break e;
+      }
+      case "ArrowRight":
+      case "ArrowDown": {
+        t.shiftKey && f === "multiple" && !u ? (l = s + 1 > n.length - 1 ? n.length - 1 : s + 1, s !== l ? (h(s), h(l)) : n[s].isSelected || h(s)) : (l = (s + 1) % n.length, t.preventDefault());
+        break e;
+      }
+      case "ArrowLeft":
+      case "ArrowUp": {
+        t.shiftKey && f === "multiple" && !u ? (l = s - 1 < 0 ? 0 : s - 1, s !== l ? (h(s), h(l)) : n[0].isSelected || h(0)) : (l = (s - 1 + n.length) % n.length, t.preventDefault());
+        break e;
+      }
+      case "Enter":
+      case " ": {
+        if (t.preventDefault(), u) {
+          O(l);
+          return;
+        } else
+          x(l);
+        break e;
+      }
+      case "Backspace": {
+        u && O(l), t.preventDefault();
+        return;
+      }
+      default:
+        return;
+    }
+    p(l);
+  }, le = () => {
+    if (f !== "multiple")
+      return;
+    const t = n.map(we);
+    S(t), E(`${t.length} items selected`), c && c(t);
+  }, h = (t) => {
+    if (u)
+      return;
+    const l = n.map(ke);
+    l[t].disabled || (l[t].isSelected = !0, E(`${l[t].label} selected, ${l.filter(Ce).length} items selected`), S(l), c && c(l));
+  }, x = (t) => {
+    if (u)
+      return;
+    const l = [...n];
+    l[t].disabled || (f === "single" ? l.forEach((i, H) => {
+      H === t ? (i.isSelected = !i.isSelected, E(`${i.label} ${i.isSelected ? "selected" : "not selected"}`)) : i.isSelected = !1;
+    }) : f === "multiple" && (l[t].isSelected = !l[t].isSelected, E(`${l[t].label} ${l[t].isSelected ? "selected" : "not selected"}, ${l.filter(Se).length} items selected`)), S(l), c && c(l));
+  }, O = (t) => {
+    const l = n[t], i = n.filter((H, re) => re !== t).map(De);
+    if (S(i), E(`${l.label} removed, ${i.length} items remaining`), a === "keydown")
+      if (i.length > 0) {
+        const H = Math.min(t, i.length - 1);
+        p(H);
+      } else
+        q.current?.focus(), p(null);
+    c && c(i);
+  }, se = (t) => {
+    u ? O(t) : n[t].disabled || x(t);
+  }, E = Ee;
+  let F;
+  e[33] !== s ? (F = (t) => s === null || s === t ? 0 : -1, e[33] = s, e[34] = F) : F = e[34];
+  const ne = F, oe = de(Y);
+  let G;
+  e[35] !== m ? (G = Q(W.root, m), e[35] = m, e[36] = G) : G = e[36];
+  const ie = G;
+  return n.length === 0 ? null : /* @__PURE__ */ ce("div", { children: [
+    /* @__PURE__ */ J("div", { id: d, className: Q({
+      [W.labelHidden]: oe
+    }) || void 0, children: g }),
+    n.length > 0 && /* @__PURE__ */ J("div", { ref: q, role: "grid", "aria-labelledby": d, "aria-multiselectable": f === "multiple", tabIndex: -1, onKeyDown: te, onFocus: () => {
+      s === null ? (D.current[0].focus(), a === "keydown" && p(0)) : a === "keydown" && p(s);
+    }, onBlur: () => p(null), className: ie, ...L, children: n.map((t, l) => /* @__PURE__ */ ae(pe, { ...t, key: `${t.id}-${l}`, "data-focused": s === l, disableTooltips: X, groupId: d, isRemovable: u, lang: Z, selectionMode: f, size: ee, tabIndex: ne(l), translations: I, onClick: (i) => {
+      se(l), t.onClick && t.onClick(i);
+    }, ref: (i) => {
+      D.current[l] = i;
+    } })) })
+  ] });
+};
+function ve(o) {
+  return {
+    ...o
+  };
+}
+function ye(o) {
+  return {
+    ...o
+  };
+}
+function we(o) {
+  return {
+    ...o,
+    selected: !o.disabled
+  };
+}
+function ke(o) {
+  return {
+    ...o
+  };
+}
+function Ce(o) {
+  const {
+    isSelected: e
+  } = o;
+  return e;
+}
+function Se(o) {
+  const {
+    isSelected: e
+  } = o;
+  return e;
+}
+function De(o) {
+  return {
+    ...o
+  };
+}
+function Ee(o) {
+  const e = fe();
+  e && (e.innerText = o, setTimeout(() => {
+    e.innerText = "";
+  }, 350));
+}
+export {
+  Ne as DSChipGroup
+};

package/chunks/Accordion.B-0pf8Fq.js

@@ -0,0 +1,168 @@
+"use client";
+import { jsx as l, jsxs as q } from "react/jsx-runtime";
+import { d as ye } from "./index.cKLI89Eg.js";
+import { c as W } from "./index.DQOqod3i.js";
+import { forwardRef as fe, useRef as ge, useState as Se, useImperativeHandle as Ce, useEffect as _e } from "react";
+import { DSHeading as ve } from "../heading.BHSklXho.js";
+import { D as We } from "./Icon.m6sMB6vl.js";
+import { NumberIndicator as Oe } from "../numberindicator.ZGVRSmqf.js";
+import { g as ie } from "./helpers.CexwVao7.js";
+import '../assets/Accordion.Cr1dbVTH.css';const Ne = "ds-accordion_details_2g22m_1", we = "ds-accordion_summary_2g22m_117", De = "ds-accordion_summary--utility--m_2g22m_156", xe = "ds-accordion_summary--flush_2g22m_185", Ie = "ds-accordion_summary--small_2g22m_253", Ee = "ds-accordion_summary--x-small_2g22m_257", Ae = "ds-accordion_summary-content-wrapper_2g22m_262", Xe = "ds-accordion_summary-content-wrapper--flush_2g22m_268", be = "ds-accordion_summary-content-wrapper--chevron-left_2g22m_272", Fe = "ds-accordion_summary-content-wrapper--x-small_2g22m_276", Te = "ds-accordion_heading-summary-wrapper_2g22m_280", Pe = "ds-accordion_heading-summary_2g22m_280", Re = "ds-accordion_heading-summary--x-small_2g22m_290", Le = "ds-accordion_hint_2g22m_294", je = "ds-accordion_icon_2g22m_308", ze = "ds-accordion_icon--open_2g22m_319", Me = "ds-accordion_icon--open-caret_2g22m_330", He = "ds-accordion_content-wrapper_2g22m_342", Ue = "ds-accordion_content-wrapper--flush_2g22m_348", Ve = "ds-accordion_content-wrapper--small_2g22m_352", qe = "ds-accordion_content-wrapper--x-small_2g22m_356", t = {
+  details: Ne,
+  summary: we,
+  summaryUtilityM: De,
+  summaryFlush: xe,
+  summarySmall: Ie,
+  summaryXSmall: Ee,
+  summaryContentWrapper: Ae,
+  summaryContentWrapperFlush: Xe,
+  summaryContentWrapperChevronLeft: be,
+  summaryContentWrapperXSmall: Fe,
+  headingSummaryWrapper: Te,
+  headingSummary: Pe,
+  headingSummaryXSmall: Re,
+  hint: Le,
+  icon: je,
+  iconOpen: ze,
+  iconOpenCaret: Me,
+  contentWrapper: He,
+  contentWrapperFlush: Ue,
+  contentWrapperSmall: Ve,
+  contentWrapperXSmall: qe
+}, tt = ["medium", "small", "x-small"], rt = ["chevron", "caret"], nt = ["left", "right"], Ze = ({
+  children: O,
+  hint: Z,
+  numberIndicatorValue: e,
+  summary: n
+}) => {
+  if (!O)
+    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((O, Z) => {
+  const e = ye.c(73);
+  let n, i, o, s, p, r, N, w, D, x;
+  e[0] !== O ? ({
+    children: n,
+    summary: r,
+    chevronPosition: N,
+    className: i,
+    hint: o,
+    isFlush: w,
+    isOpen: D,
+    numberIndicatorValue: s,
+    size: x,
+    ...p
+  } = O, e[0] = O, e[1] = n, e[2] = i, e[3] = o, e[4] = s, e[5] = p, e[6] = r, e[7] = N, e[8] = w, e[9] = D, e[10] = x) : (n = e[1], i = e[2], o = e[3], s = e[4], p = e[5], r = e[6], N = e[7], w = e[8], D = e[9], x = e[10]);
+  const pe = N === void 0 ? "right" : N, a = w === void 0 ? !1 : w, c = D === void 0 ? !1 : D, d = x === void 0 ? "medium" : x;
+  process.env.NODE_ENV !== "production" && Ze({
+    children: n,
+    hint: o,
+    numberIndicatorValue: s,
+    summary: r
+  });
+  const $ = pe === "right" ? "chevron" : "caret", m = ge(null), [de, ue] = Se(c);
+  let E;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = () => m.current, e[11] = E) : E = e[11], Ce(Z, E);
+  let A;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = () => {
+    m.current && ue(m.current.open);
+  }, e[12] = A) : A = e[12];
+  let X;
+  e[13] !== c ? (X = [c], e[13] = c, e[14] = X) : X = e[14], _e(A, X);
+  let b, F;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = () => {
+    const he = () => {
+      m.current && ue(m.current.open);
+    };
+    return m.current?.addEventListener("toggle", he), () => {
+      m.current?.removeEventListener("toggle", he);
+    };
+  }, F = [], e[15] = b, e[16] = F) : (b = e[15], F = e[16]), _e(b, F);
+  let T, P, R;
+  const I = typeof r == "object" && r !== void 0;
+  I && ({
+    headingSize: T,
+    headingTag: P,
+    headingText: R
+  } = r);
+  let L;
+  e[17] !== i ? (L = W(t.details, i), e[17] = i, e[18] = L) : L = e[18];
+  const k = L, B = d === "small", G = d === "x-small", J = !I;
+  let j;
+  e[19] !== a || e[20] !== B || e[21] !== G || e[22] !== J ? (j = 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] = j) : j = e[23];
+  const K = j, Q = pe === "left", Y = d === "x-small";
+  let z;
+  e[24] !== a || e[25] !== Q || e[26] !== Y ? (z = W(t.summaryContentWrapper, {
+    [t.summaryContentWrapperFlush]: a,
+    [t.summaryContentWrapperChevronLeft]: Q,
+    [t.summaryContentWrapperXSmall]: Y
+  }), e[24] = a, e[25] = Q, e[26] = Y, e[27] = z) : z = e[27];
+  const ee = z, te = d === "x-small";
+  let M;
+  e[28] !== te ? (M = W(t.headingSummary, {
+    [t.headingSummaryXSmall]: te
+  }), e[28] = te, e[29] = M) : M = e[29];
+  const re = M, ne = $ === "chevron" && de, se = $ === "caret" && de;
+  let H;
+  e[30] !== ne || e[31] !== se ? (H = W(t.icon, {
+    [t.iconOpen]: ne,
+    [t.iconOpenCaret]: se
+  }), e[30] = ne, e[31] = se, e[32] = H) : H = e[32];
+  const ae = H, oe = d === "small", me = d === "x-small";
+  let U;
+  e[33] !== a || e[34] !== oe || e[35] !== me ? (U = W(t.contentWrapper, {
+    [t.contentWrapperFlush]: a,
+    [t.contentWrapperSmall]: oe,
+    [t.contentWrapperXSmall]: me
+  }), e[33] = a, e[34] = oe, e[35] = me, e[36] = U) : U = e[36];
+  const ce = U;
+  let u;
+  e[37] !== T || e[38] !== P || e[39] !== R || e[40] !== I || e[41] !== r ? (u = I ? /* @__PURE__ */ l(ve, { tag: P, size: T, children: R }) : r, e[37] = T, e[38] = P, e[39] = R, e[40] = I, e[41] = r, e[42] = u) : u = e[42];
+  let h;
+  e[43] !== s ? (h = (s || s?.trim() === "") && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Oe, { label: s }) }), e[43] = s, e[44] = h) : h = e[44];
+  let _;
+  e[45] !== re || e[46] !== u || e[47] !== h ? (_ = /* @__PURE__ */ q("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__ */ l("div", { className: t.hint, children: o }), e[49] = o, e[50] = y) : y = e[50];
+  let f;
+  e[51] !== _ || e[52] !== y ? (f = /* @__PURE__ */ q("div", { className: t.headingSummaryWrapper, children: [
+    _,
+    y
+  ] }), e[51] = _, e[52] = y, e[53] = f) : f = e[53];
+  const le = $ === "chevron" ? "chevron-down" : "caret-right";
+  let g;
+  e[54] !== ae || e[55] !== le ? (g = /* @__PURE__ */ l(We, { name: le, "aria-hidden": "true", className: ae }), e[54] = ae, e[55] = le, e[56] = g) : g = e[56];
+  let S;
+  e[57] !== ee || e[58] !== f || e[59] !== g ? (S = /* @__PURE__ */ q("div", { className: ee, children: [
+    f,
+    g
+  ] }), e[57] = ee, e[58] = f, e[59] = g, e[60] = S) : S = e[60];
+  let C;
+  e[61] !== K || e[62] !== S ? (C = /* @__PURE__ */ l("summary", { className: K, children: S }), e[61] = K, e[62] = S, e[63] = C) : C = e[63];
+  let v;
+  e[64] !== n || e[65] !== ce ? (v = /* @__PURE__ */ l("div", { className: ce, children: n }), e[64] = n, e[65] = ce, e[66] = v) : v = e[66];
+  let V;
+  return e[67] !== k || e[68] !== c || e[69] !== p || e[70] !== C || e[71] !== v ? (V = /* @__PURE__ */ q("details", { ...p, ref: m, className: k, open: c, children: [
+    C,
+    v
+  ] }), e[67] = k, e[68] = c, e[69] = p, e[70] = C, e[71] = v, e[72] = V) : V = e[72], V;
+});
+$e.displayName = "DSAccordion";
+export {
+  tt as A,
+  nt as C,
+  $e as D,
+  rt as a,
+  Ze as v
+};

package/chunks/ActionButton.wdWh7E2b.js

@@ -0,0 +1,182 @@
+"use client";
+import { jsxs as $, jsx as p, Fragment as At } from "react/jsx-runtime";
+import { d as zt } from "./index.cKLI89Eg.js";
+import { c as S } from "./index.DQOqod3i.js";
+import { forwardRef as St } from "react";
+import { D as Tt } from "./Icon.m6sMB6vl.js";
+import { NumberIndicator as wt } from "../numberindicator.ZGVRSmqf.js";
+import { Tooltip as Nt } from "../tooltip._lP4aMV2.js";
+import { g as C } from "./helpers.CexwVao7.js";
+import '../assets/ActionButton.BLOWs6IZ.css';const Ct = "ds-action-button_root_19zdv_1", Ot = "ds-action-button_root--indent-level-1_19zdv_75", Pt = "ds-action-button_root--active_19zdv_78", Dt = "ds-action-button_root--active--with-marker_19zdv_81", Bt = "ds-action-button_root--icon--top_19zdv_84", kt = "ds-action-button_root--stretched_19zdv_110", Lt = "ds-action-button_active-marker_19zdv_115", Et = "ds-action-button_active-marker--with-indent_19zdv_127", xt = "ds-action-button_icon-wrapper_19zdv_131", Mt = "ds-action-button_icon-wrapper--x-large_19zdv_134", Ut = "ds-action-button_icon-wrapper--with-number-indicator_19zdv_137", Vt = "ds-action-button_icon-wrapper--with-number-indicator--with-value_19zdv_145", Rt = "ds-action-button_label_19zdv_149", yt = "ds-action-button_label--bold_19zdv_160", Ht = "ds-action-button_label--active_19zdv_171", Xt = "ds-action-button_label--icon-top_19zdv_182", jt = "ds-action-button_number-indicator_19zdv_205", Ft = "ds-action-button_label-wrapper_19zdv_209", Gt = "ds-action-button_label-wrapper--icon-top_19zdv_214", Zt = "ds-action-button_chevron_19zdv_218", $t = "ds-action-button_chevron--icon-position-top_19zdv_233", qt = "ds-action-button_chevron--up_19zdv_239", Jt = "ds-action-button_chevron--right_19zdv_250", Kt = "ds-action-button_chevron--left_19zdv_261", o = {
+  root: Ct,
+  rootIndentLevel1: Ot,
+  rootActive: Pt,
+  rootActiveWithMarker: Dt,
+  rootIconTop: Bt,
+  rootStretched: kt,
+  activeMarker: Lt,
+  activeMarkerWithIndent: Et,
+  iconWrapper: xt,
+  iconWrapperXLarge: Mt,
+  iconWrapperWithNumberIndicator: Ut,
+  iconWrapperWithNumberIndicatorWithValue: Vt,
+  label: Rt,
+  labelBold: yt,
+  labelActive: Ht,
+  labelIconTop: Xt,
+  numberIndicator: jt,
+  labelWrapper: Ft,
+  labelWrapperIconTop: Gt,
+  chevron: Zt,
+  chevronIconPositionTop: $t,
+  chevronUp: qt,
+  chevronRight: Jt,
+  chevronLeft: Kt
+}, so = ["left", "top"], lo = ["large", "x-large"], po = [0, 1], ho = ["normal", "bold"], vo = ["up", "down", "right", "left"], Qt = ({
+  iconName: u,
+  iconSize: f,
+  iconSource: t,
+  iconPosition: d,
+  indentLevel: r,
+  stretched: h,
+  weight: v
+}) => {
+  if (u && !t && f === "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 (!u && !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.'));
+    f === "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.')), v === "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.'));
+  }
+}, Yt = St((u, f) => {
+  const t = zt.c(93);
+  let d, r, h, v, c, a, n, _, m, O, P, D, B, k, L, E, b;
+  t[0] !== u ? ({
+    children: h,
+    aria: d,
+    chevronDirection: r,
+    className: v,
+    disabled: O,
+    iconName: c,
+    iconPosition: P,
+    iconSize: D,
+    iconSource: a,
+    indentLevel: B,
+    isActive: k,
+    numberIndicatorValue: n,
+    stretched: L,
+    weight: E,
+    tooltip: b,
+    onClick: _,
+    ...m
+  } = u, t[0] = u, t[1] = d, t[2] = r, t[3] = h, t[4] = v, t[5] = c, t[6] = a, t[7] = n, t[8] = _, 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] = b) : (d = t[1], r = t[2], h = t[3], v = t[4], c = t[5], a = t[6], n = t[7], _ = 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], b = t[17]);
+  const i = O === void 0 ? !1 : O, e = P === void 0 ? "left" : P, x = D === void 0 ? "large" : D, q = B === void 0 ? 0 : B, I = k === void 0 ? !1 : k, Wt = L === void 0 ? !1 : L, gt = E === void 0 ? "normal" : E;
+  process.env.NODE_ENV !== "production" && Qt({
+    iconName: c,
+    iconSize: x,
+    iconSource: a,
+    iconPosition: e,
+    indentLevel: q,
+    stretched: Wt,
+    weight: gt
+  });
+  let M;
+  t[18] !== n ? (M = n?.trim(), t[18] = n, t[19] = M) : M = t[19];
+  const s = M === "", J = e === "top", K = q === 1, Q = I && !i, Y = I && !i && e === "left", tt = Wt === !0 && e === "left";
+  let U;
+  t[20] !== v || t[21] !== K || t[22] !== Q || t[23] !== Y || t[24] !== tt || t[25] !== J ? (U = S(o.root, v, {
+    [o.rootIconTop]: J,
+    [o.rootIndentLevel1]: K,
+    [o.rootActive]: Q,
+    [o.rootActiveWithMarker]: Y,
+    [o.rootStretched]: tt
+  }), t[20] = v, t[21] = K, t[22] = Q, t[23] = Y, t[24] = tt, t[25] = J, t[26] = U) : U = t[26];
+  const ot = U, et = q === 1;
+  let V;
+  t[27] !== et ? (V = S(o.activeMarker, {
+    [o.activeMarkerWithIndent]: et
+  }), t[27] = et, t[28] = V) : V = t[28];
+  const nt = V, it = I && !i, rt = gt === "bold", ct = e === "top";
+  let R;
+  t[29] !== it || t[30] !== rt || t[31] !== ct ? (R = S(o.label, {
+    [o.labelActive]: it,
+    [o.labelBold]: rt,
+    [o.labelIconTop]: ct
+  }), t[29] = it, t[30] = rt, t[31] = ct, t[32] = R) : R = t[32];
+  const at = R, st = e === "top";
+  let y;
+  t[33] !== st ? (y = S(o.labelWrapper, {
+    [o.labelWrapperIconTop]: st
+  }), t[33] = st, t[34] = y) : y = t[34];
+  const lt = y, pt = e === "top", dt = r === "up", ht = r === "right", vt = r === "left";
+  let H;
+  t[35] !== pt || t[36] !== dt || t[37] !== ht || t[38] !== vt ? (H = S(o.chevron, {
+    [o.chevronIconPositionTop]: pt,
+    [o.chevronUp]: dt,
+    [o.chevronRight]: ht,
+    [o.chevronLeft]: vt
+  }), t[35] = pt, t[36] = dt, t[37] = ht, t[38] = vt, t[39] = H) : H = t[39];
+  const _t = H, bt = x === "x-large", ut = (c || a) && (n || s), ft = (c || a) && !s;
+  let X;
+  t[40] !== bt || t[41] !== ut || t[42] !== ft ? (X = S(o.iconWrapper, {
+    [o.iconWrapperXLarge]: bt,
+    [o.iconWrapperWithNumberIndicator]: ut,
+    [o.iconWrapperWithNumberIndicatorWithValue]: ft
+  }), t[40] = bt, t[41] = ut, t[42] = ft, t[43] = X) : X = t[43];
+  const mt = X;
+  let j;
+  t[44] !== i || t[45] !== _ ? (j = (l) => {
+    if (i) {
+      l.preventDefault();
+      return;
+    }
+    _ && _(l);
+  }, t[44] = i, t[45] = _, t[46] = j) : j = t[46];
+  const It = j;
+  let N;
+  t[47] !== nt || t[48] !== e || t[49] !== I ? (N = I && e === "left" && /* @__PURE__ */ p("div", { className: nt }), t[47] = nt, t[48] = e, t[49] = I, t[50] = N) : N = t[50];
+  let W;
+  t[51] !== i || t[52] !== c || t[53] !== e || t[54] !== x || t[55] !== a || t[56] !== mt || t[57] !== s || t[58] !== n ? (W = (c || a) && /* @__PURE__ */ p(At, { children: /* @__PURE__ */ $("span", { className: mt, children: [
+    /* @__PURE__ */ p(Tt, { name: c, theme: "light", source: a, "aria-hidden": "true", size: c || e === "top" ? "large" : x }),
+    !i && (e === "left" && s || e === "top" && (n || s)) && /* @__PURE__ */ p(wt, { variant: "highlight", label: n })
+  ] }) }), t[51] = i, t[52] = c, t[53] = e, t[54] = x, t[55] = a, t[56] = mt, t[57] = s, t[58] = n, t[59] = W) : W = t[59];
+  let g;
+  t[60] !== h || t[61] !== at ? (g = /* @__PURE__ */ p("span", { className: at, children: h }), t[60] = h, t[61] = at, t[62] = g) : g = t[62];
+  let T;
+  t[63] !== _t || t[64] !== r ? (T = r && /* @__PURE__ */ p(Tt, { name: "chevron-down", theme: "light", "aria-hidden": "true", className: _t }), t[63] = _t, t[64] = r, t[65] = T) : T = t[65];
+  let w;
+  t[66] !== lt || t[67] !== g || t[68] !== T ? (w = /* @__PURE__ */ $("div", { className: lt, children: [
+    g,
+    T
+  ] }), t[66] = lt, t[67] = g, t[68] = T, t[69] = w) : w = t[69];
+  let A;
+  t[70] !== i || t[71] !== e || t[72] !== s || t[73] !== n ? (A = e === "left" && !i && n && !s && /* @__PURE__ */ p(wt, { variant: "default", label: n, className: o.numberIndicator }), t[70] = i, t[71] = e, t[72] = s, t[73] = n, t[74] = A) : A = t[74];
+  let F;
+  t[75] !== d || t[76] !== i || t[77] !== It || t[78] !== f || t[79] !== m || t[80] !== ot || t[81] !== N || t[82] !== W || t[83] !== w || t[84] !== A ? (F = /* @__PURE__ */ $("button", { className: ot, type: "button", onClick: It, ...d, ...m, "aria-disabled": i, ref: f, children: [
+    N,
+    W,
+    w,
+    A
+  ] }), t[75] = d, t[76] = i, t[77] = It, t[78] = f, t[79] = m, t[80] = ot, t[81] = N, t[82] = W, t[83] = w, t[84] = A, t[85] = F) : F = t[85];
+  const G = F;
+  if (b) {
+    let l;
+    t[86] !== G ? (l = /* @__PURE__ */ p(Nt.Anchor, { children: G }), t[86] = G, t[87] = l) : l = t[87];
+    let z;
+    t[88] !== b ? (z = /* @__PURE__ */ p(Nt.Content, { children: b }), t[88] = b, t[89] = z) : z = t[89];
+    let Z;
+    return t[90] !== l || t[91] !== z ? (Z = /* @__PURE__ */ $(Nt, { placement: "top", tooltipOffset: 6, children: [
+      l,
+      z
+    ] }), t[90] = l, t[91] = z, t[92] = Z) : Z = t[92], Z;
+  }
+  return G;
+});
+Yt.displayName = "DSActionButton";
+export {
+  so as A,
+  Yt as D,
+  lo as a,
+  po as b,
+  ho as c,
+  vo as d,
+  Qt as v
+};