@stihl-design-system/components 1.0.0-RC.47 → 1.0.0-RC.48

package/chipgroup.kRU3Z98U.js

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

package/chunks/Accordion.gih2ni1d.js

@@ -0,0 +1,179 @@
+"use client";
+import { jsx as p, jsxs as G } from "react/jsx-runtime";
+import { d as ve } from "./index.cKLI89Eg.js";
+import { c as N } from "./index.DQOqod3i.js";
+import { forwardRef as Ce, useRef as We, useState as ze, useImperativeHandle as De, useEffect as ge } from "react";
+import { DSHeading as Ne } from "../heading.BHSklXho.js";
+import { D as Oe } from "./Icon.DYtaQgbw.js";
+import { NumberIndicator as be } from "../numberindicator.DsK65Bj3.js";
+import { g as J } from "./helpers.CexwVao7.js";
+import '../assets/Accordion.RlqWqpGo.css';const xe = "ds-accordion_details_zfwi3_1", Ae = "ds-accordion_details--dark_zfwi3_112", Ie = "ds-accordion_summary_zfwi3_241", Ee = "ds-accordion_summary--utility--m_zfwi3_280", Te = "ds-accordion_summary--dark_zfwi3_309", Xe = "ds-accordion_summary--flush_zfwi3_348", Fe = "ds-accordion_summary--small_zfwi3_460", ke = "ds-accordion_summary--x-small_zfwi3_464", Pe = "ds-accordion_summary-content-wrapper_zfwi3_469", Re = "ds-accordion_summary-content-wrapper--flush_zfwi3_475", Le = "ds-accordion_summary-content-wrapper--chevron-left_zfwi3_479", je = "ds-accordion_summary-content-wrapper--x-small_zfwi3_483", Me = "ds-accordion_heading-summary-wrapper_zfwi3_487", He = "ds-accordion_heading-summary_zfwi3_487", Ue = "ds-accordion_heading-summary--x-small_zfwi3_497", qe = "ds-accordion_hint_zfwi3_501", Ve = "ds-accordion_icon_zfwi3_515", Ze = "ds-accordion_icon--open_zfwi3_526", $e = "ds-accordion_icon--open-caret_zfwi3_537", Be = "ds-accordion_content-wrapper_zfwi3_549", Ge = "ds-accordion_content-wrapper--flush_zfwi3_555", Je = "ds-accordion_content-wrapper--small_zfwi3_559", Ke = "ds-accordion_content-wrapper--x-small_zfwi3_563", t = {
+  details: xe,
+  detailsDark: Ae,
+  summary: Ie,
+  summaryUtilityM: Ee,
+  summaryDark: Te,
+  summaryFlush: Xe,
+  summarySmall: Fe,
+  summaryXSmall: ke,
+  summaryContentWrapper: Pe,
+  summaryContentWrapperFlush: Re,
+  summaryContentWrapperChevronLeft: Le,
+  summaryContentWrapperXSmall: je,
+  headingSummaryWrapper: Me,
+  headingSummary: He,
+  headingSummaryXSmall: Ue,
+  hint: qe,
+  icon: Ve,
+  iconOpen: Ze,
+  iconOpenCaret: $e,
+  contentWrapper: Be,
+  contentWrapperFlush: Ge,
+  contentWrapperSmall: Je,
+  contentWrapperXSmall: Ke
+}, ct = ["medium", "small", "x-small"], lt = ["chevron", "caret"], mt = ["left", "right"], Qe = ({
+  children: O,
+  hint: K,
+  numberIndicatorValue: e,
+  numberIndicatorAriaLabel: a,
+  summary: i
+}) => {
+  if (!O)
+    throw new Error(J("DSAccordion", "The component requires children to be set."));
+  if (!i)
+    throw new Error(J("DSAccordion", "The summary prop is required. Please add the summary prop to the DSAccordion component."));
+  if (K && (e || e === ""))
+    throw new Error(J("DSAccordion", "The hint and numberIndicator props cannot be used together. Please remove either the hint prop or the numberIndicatorValue prop."));
+  (e || e === "") && !a && console.warn(J("DSAccordion", "Please provide a descriptive aria-label for the Number Indicator for better accessibility."));
+}, Ye = Ce((O, K) => {
+  const e = ve.c(83);
+  let a, i, c, m, n, u, f, r, b, x, A, I, E;
+  e[0] !== O ? ({
+    children: a,
+    summary: r,
+    chevronPosition: b,
+    className: i,
+    hint: c,
+    isFlush: x,
+    isOpen: A,
+    numberIndicatorValue: n,
+    numberIndicatorAriaLabel: m,
+    size: I,
+    theme: E,
+    onToggle: u,
+    ...f
+  } = O, e[0] = O, e[1] = a, e[2] = i, e[3] = c, e[4] = m, e[5] = n, e[6] = u, e[7] = f, e[8] = r, e[9] = b, e[10] = x, e[11] = A, e[12] = I, e[13] = E) : (a = e[1], i = e[2], c = e[3], m = e[4], n = e[5], u = e[6], f = e[7], r = e[8], b = e[9], x = e[10], A = e[11], I = e[12], E = e[13]);
+  const _e = b === void 0 ? "right" : b, o = x === void 0 ? !1 : x, d = A === void 0 ? !1 : A, h = I === void 0 ? "medium" : I, s = E === void 0 ? "light" : E;
+  process.env.NODE_ENV !== "production" && Qe({
+    children: a,
+    hint: c,
+    numberIndicatorValue: n,
+    numberIndicatorAriaLabel: m,
+    summary: r
+  });
+  const _ = s === "dark", Q = _e === "right" ? "chevron" : "caret", l = We(null), [ye, Se] = ze(d);
+  let X;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = () => l.current, e[14] = X) : X = e[14], De(K, X);
+  let F;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F = () => {
+    l.current && Se(l.current.open);
+  }, e[15] = F) : F = e[15];
+  let k;
+  e[16] !== d ? (k = [d], e[16] = d, e[17] = k) : k = e[17], ge(F, k);
+  let P, R;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = () => {
+    const we = () => {
+      l.current && Se(l.current.open);
+    };
+    return l.current?.addEventListener("toggle", we), () => {
+      l.current?.removeEventListener("toggle", we);
+    };
+  }, P = [], e[18] = P, e[19] = R) : (P = e[18], R = e[19]), ge(R, P);
+  let L, j, M;
+  const T = typeof r == "object" && r !== void 0;
+  T && ({
+    headingSize: L,
+    headingTag: j,
+    headingText: M
+  } = r);
+  let H;
+  e[20] !== i || e[21] !== _ ? (H = N(t.details, i, {
+    [t.detailsDark]: _
+  }), e[20] = i, e[21] = _, e[22] = H) : H = e[22];
+  const Y = H, ee = h === "small", te = h === "x-small", re = !T;
+  let U;
+  e[23] !== _ || e[24] !== o || e[25] !== ee || e[26] !== te || e[27] !== re ? (U = N(t.summary, {
+    [t.summaryDark]: _,
+    [t.summaryFlush]: o,
+    [t.summarySmall]: ee,
+    [t.summaryXSmall]: te,
+    [t.summaryUtilityM]: re
+  }), e[23] = _, e[24] = o, e[25] = ee, e[26] = te, e[27] = re, e[28] = U) : U = e[28];
+  const se = U, ae = _e === "left", ne = h === "x-small";
+  let q;
+  e[29] !== o || e[30] !== ae || e[31] !== ne ? (q = N(t.summaryContentWrapper, {
+    [t.summaryContentWrapperFlush]: o,
+    [t.summaryContentWrapperChevronLeft]: ae,
+    [t.summaryContentWrapperXSmall]: ne
+  }), e[29] = o, e[30] = ae, e[31] = ne, e[32] = q) : q = e[32];
+  const oe = q, ie = h === "x-small";
+  let V;
+  e[33] !== ie ? (V = N(t.headingSummary, {
+    [t.headingSummaryXSmall]: ie
+  }), e[33] = ie, e[34] = V) : V = e[34];
+  const ce = V, le = Q === "chevron" && ye, me = Q === "caret" && ye;
+  let Z;
+  e[35] !== le || e[36] !== me ? (Z = N(t.icon, {
+    [t.iconOpen]: le,
+    [t.iconOpenCaret]: me
+  }), e[35] = le, e[36] = me, e[37] = Z) : Z = e[37];
+  const de = Z, pe = h === "small", ue = h === "x-small";
+  let $;
+  e[38] !== o || e[39] !== pe || e[40] !== ue ? ($ = N(t.contentWrapper, {
+    [t.contentWrapperFlush]: o,
+    [t.contentWrapperSmall]: pe,
+    [t.contentWrapperXSmall]: ue
+  }), e[38] = o, e[39] = pe, e[40] = ue, e[41] = $) : $ = e[41];
+  const fe = $;
+  let y;
+  e[42] !== L || e[43] !== j || e[44] !== M || e[45] !== T || e[46] !== r || e[47] !== s ? (y = T ? /* @__PURE__ */ p(Ne, { tag: j, size: L, theme: s, children: M }) : r, e[42] = L, e[43] = j, e[44] = M, e[45] = T, e[46] = r, e[47] = s, e[48] = y) : y = e[48];
+  let S;
+  e[49] !== m || e[50] !== n || e[51] !== s ? (S = (n || n?.trim() === "") && /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(be, { "aria-label": m, label: n, theme: s }) }), e[49] = m, e[50] = n, e[51] = s, e[52] = S) : S = e[52];
+  let w;
+  e[53] !== ce || e[54] !== y || e[55] !== S ? (w = /* @__PURE__ */ G("div", { className: ce, children: [
+    y,
+    S
+  ] }), e[53] = ce, e[54] = y, e[55] = S, e[56] = w) : w = e[56];
+  let g;
+  e[57] !== c ? (g = c && /* @__PURE__ */ p("div", { className: t.hint, children: c }), e[57] = c, e[58] = g) : g = e[58];
+  let v;
+  e[59] !== w || e[60] !== g ? (v = /* @__PURE__ */ G("div", { className: t.headingSummaryWrapper, children: [
+    w,
+    g
+  ] }), e[59] = w, e[60] = g, e[61] = v) : v = e[61];
+  const he = Q === "chevron" ? "chevron-down" : "caret-right";
+  let C;
+  e[62] !== de || e[63] !== he || e[64] !== s ? (C = /* @__PURE__ */ p(Oe, { name: he, "aria-hidden": "true", className: de, theme: s }), e[62] = de, e[63] = he, e[64] = s, e[65] = C) : C = e[65];
+  let W;
+  e[66] !== oe || e[67] !== v || e[68] !== C ? (W = /* @__PURE__ */ G("div", { className: oe, children: [
+    v,
+    C
+  ] }), e[66] = oe, e[67] = v, e[68] = C, e[69] = W) : W = e[69];
+  let z;
+  e[70] !== se || e[71] !== W ? (z = /* @__PURE__ */ p("summary", { className: se, children: W }), e[70] = se, e[71] = W, e[72] = z) : z = e[72];
+  let D;
+  e[73] !== a || e[74] !== fe ? (D = /* @__PURE__ */ p("div", { className: fe, children: a }), e[73] = a, e[74] = fe, e[75] = D) : D = e[75];
+  let B;
+  return e[76] !== Y || e[77] !== d || e[78] !== u || e[79] !== f || e[80] !== z || e[81] !== D ? (B = /* @__PURE__ */ G("details", { ...f, ref: l, className: Y, open: d, onToggle: u, children: [
+    z,
+    D
+  ] }), e[76] = Y, e[77] = d, e[78] = u, e[79] = f, e[80] = z, e[81] = D, e[82] = B) : B = e[82], B;
+});
+Ye.displayName = "DSAccordion";
+export {
+  lt as A,
+  mt as C,
+  Ye as D,
+  ct as a,
+  Qe as v
+};

package/chunks/ActionButton.B-wm5sUy.js

@@ -0,0 +1,194 @@
+"use client";
+import { jsxs as Q, jsx as d, Fragment as Pt } from "react/jsx-runtime";
+import { d as Ct } from "./index.cKLI89Eg.js";
+import { c as O } from "./index.DQOqod3i.js";
+import { forwardRef as Ot } from "react";
+import { D as Dt } from "./Icon.DYtaQgbw.js";
+import { NumberIndicator as St } from "../numberindicator.DsK65Bj3.js";
+import { Tooltip as wt } from "../tooltip.BFQG-7VR.js";
+import { g as m } from "./helpers.CexwVao7.js";
+import '../assets/ActionButton.Dw2FeIaW.css';const Bt = "ds-action-button_root_1hfui_1", Lt = "ds-action-button_root--indent-level-1_1hfui_75", Mt = "ds-action-button_root--active_1hfui_78", Et = "ds-action-button_root--active--with-marker_1hfui_81", xt = "ds-action-button_root--icon--top_1hfui_84", Ut = "ds-action-button_root--stretched_1hfui_110", zt = "ds-action-button_root--dark_1hfui_114", Rt = "ds-action-button_active-marker_1hfui_164", Vt = "ds-action-button_active-marker--with-indent_1hfui_176", yt = "ds-action-button_active-marker--dark_1hfui_179", Ht = "ds-action-button_icon-wrapper_1hfui_188", Xt = "ds-action-button_icon-wrapper--x-large_1hfui_191", jt = "ds-action-button_icon-wrapper--with-number-indicator_1hfui_194", Ft = "ds-action-button_icon-wrapper--with-number-indicator--with-value_1hfui_202", Gt = "ds-action-button_label_1hfui_206", Zt = "ds-action-button_label--bold_1hfui_217", $t = "ds-action-button_label--active_1hfui_229", qt = "ds-action-button_label--icon-top_1hfui_241", Jt = "ds-action-button_number-indicator_1hfui_264", Kt = "ds-action-button_label-wrapper_1hfui_268", Qt = "ds-action-button_label-wrapper--icon-top_1hfui_273", Yt = "ds-action-button_chevron_1hfui_277", to = "ds-action-button_chevron--icon-position-top_1hfui_292", oo = "ds-action-button_chevron--up_1hfui_298", eo = "ds-action-button_chevron--right_1hfui_309", no = "ds-action-button_chevron--left_1hfui_320", o = {
+  root: Bt,
+  rootIndentLevel1: Lt,
+  rootActive: Mt,
+  rootActiveWithMarker: Et,
+  rootIconTop: xt,
+  rootStretched: Ut,
+  rootDark: zt,
+  activeMarker: Rt,
+  activeMarkerWithIndent: Vt,
+  activeMarkerDark: yt,
+  iconWrapper: Ht,
+  iconWrapperXLarge: Xt,
+  iconWrapperWithNumberIndicator: jt,
+  iconWrapperWithNumberIndicatorWithValue: Ft,
+  label: Gt,
+  labelBold: Zt,
+  labelActive: $t,
+  labelIconTop: qt,
+  numberIndicator: Jt,
+  labelWrapper: Kt,
+  labelWrapperIconTop: Qt,
+  chevron: Yt,
+  chevronIconPositionTop: to,
+  chevronUp: oo,
+  chevronRight: eo,
+  chevronLeft: no
+}, _o = ["left", "top"], bo = ["large", "x-large"], vo = [0, 1], mo = ["normal", "bold"], Io = ["up", "down", "right", "left"], io = ({
+  iconName: I,
+  iconSize: N,
+  iconSource: t,
+  iconPosition: u,
+  indentLevel: a,
+  stretched: f,
+  weight: _,
+  numberIndicatorValue: r,
+  numberIndicatorAriaLabel: c
+}) => {
+  if (I && !t && N === "x-large" && console.warn(m("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.')), u === "top") {
+    if (!I && !t)
+      throw new Error(m("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.'));
+    N === "x-large" && console.warn(m("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), _ === "bold" && console.warn(m("DSActionButton", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), a === 1 && console.warn(m("DSActionButton", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), f && console.warn(m("DSActionButton", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
+  }
+  (r || r === "") && !c && console.warn(m("DSActionButton", "Please provide a descriptive aria-label for the Number Indicator for better accessibility."));
+}, ro = Ot((I, N) => {
+  const t = Ct.c(102);
+  let u, a, f, _, r, c, l, n, b, W, B, L, M, E, x, U, z, R, v;
+  t[0] !== I ? ({
+    children: f,
+    aria: u,
+    chevronDirection: a,
+    className: _,
+    disabled: B,
+    iconName: r,
+    iconPosition: L,
+    iconSize: M,
+    iconSource: c,
+    indentLevel: E,
+    isActive: x,
+    numberIndicatorValue: n,
+    numberIndicatorAriaLabel: l,
+    stretched: U,
+    weight: z,
+    theme: R,
+    tooltip: v,
+    onClick: b,
+    ...W
+  } = I, t[0] = I, t[1] = u, t[2] = a, t[3] = f, t[4] = _, t[5] = r, t[6] = c, t[7] = l, t[8] = n, t[9] = b, t[10] = W, t[11] = B, t[12] = L, t[13] = M, t[14] = E, t[15] = x, t[16] = U, t[17] = z, t[18] = R, t[19] = v) : (u = t[1], a = t[2], f = t[3], _ = t[4], r = t[5], c = t[6], l = t[7], n = t[8], b = t[9], W = t[10], B = t[11], L = t[12], M = t[13], E = t[14], x = t[15], U = t[16], z = t[17], R = t[18], v = t[19]);
+  const i = B === void 0 ? !1 : B, e = L === void 0 ? "left" : L, V = M === void 0 ? "large" : M, Y = E === void 0 ? 0 : E, A = x === void 0 ? !1 : x, gt = U === void 0 ? !1 : U, kt = z === void 0 ? "normal" : z, s = R === void 0 ? "light" : R;
+  process.env.NODE_ENV !== "production" && io({
+    iconName: r,
+    iconSize: V,
+    iconSource: c,
+    iconPosition: e,
+    indentLevel: Y,
+    numberIndicatorValue: n,
+    numberIndicatorAriaLabel: l,
+    stretched: gt,
+    weight: kt
+  });
+  const T = s === "dark";
+  let y;
+  t[20] !== n ? (y = n?.trim(), t[20] = n, t[21] = y) : y = t[21];
+  const p = y === "", tt = e === "top", ot = Y === 1, et = A && !i, nt = A && !i && e === "left", it = gt === !0 && e === "left";
+  let H;
+  t[22] !== _ || t[23] !== T || t[24] !== tt || t[25] !== ot || t[26] !== et || t[27] !== nt || t[28] !== it ? (H = O(o.root, _, {
+    [o.rootDark]: T,
+    [o.rootIconTop]: tt,
+    [o.rootIndentLevel1]: ot,
+    [o.rootActive]: et,
+    [o.rootActiveWithMarker]: nt,
+    [o.rootStretched]: it
+  }), t[22] = _, t[23] = T, t[24] = tt, t[25] = ot, t[26] = et, t[27] = nt, t[28] = it, t[29] = H) : H = t[29];
+  const rt = H, ct = Y === 1;
+  let X;
+  t[30] !== T || t[31] !== ct ? (X = O(o.activeMarker, {
+    [o.activeMarkerDark]: T,
+    [o.activeMarkerWithIndent]: ct
+  }), t[30] = T, t[31] = ct, t[32] = X) : X = t[32];
+  const at = X, st = A && !i, lt = kt === "bold", pt = e === "top";
+  let j;
+  t[33] !== st || t[34] !== lt || t[35] !== pt ? (j = O(o.label, {
+    [o.labelActive]: st,
+    [o.labelBold]: lt,
+    [o.labelIconTop]: pt
+  }), t[33] = st, t[34] = lt, t[35] = pt, t[36] = j) : j = t[36];
+  const ht = j, dt = e === "top";
+  let F;
+  t[37] !== dt ? (F = O(o.labelWrapper, {
+    [o.labelWrapperIconTop]: dt
+  }), t[37] = dt, t[38] = F) : F = t[38];
+  const ut = F, ft = e === "top", _t = a === "up", bt = a === "right", vt = a === "left";
+  let G;
+  t[39] !== ft || t[40] !== _t || t[41] !== bt || t[42] !== vt ? (G = O(o.chevron, {
+    [o.chevronIconPositionTop]: ft,
+    [o.chevronUp]: _t,
+    [o.chevronRight]: bt,
+    [o.chevronLeft]: vt
+  }), t[39] = ft, t[40] = _t, t[41] = bt, t[42] = vt, t[43] = G) : G = t[43];
+  const mt = G, It = V === "x-large", Nt = (r || c) && (n || p), Wt = (r || c) && !p;
+  let Z;
+  t[44] !== It || t[45] !== Nt || t[46] !== Wt ? (Z = O(o.iconWrapper, {
+    [o.iconWrapperXLarge]: It,
+    [o.iconWrapperWithNumberIndicator]: Nt,
+    [o.iconWrapperWithNumberIndicatorWithValue]: Wt
+  }), t[44] = It, t[45] = Nt, t[46] = Wt, t[47] = Z) : Z = t[47];
+  const At = Z;
+  let $;
+  t[48] !== i || t[49] !== b ? ($ = (h) => {
+    if (i) {
+      h.preventDefault();
+      return;
+    }
+    b && b(h);
+  }, t[48] = i, t[49] = b, t[50] = $) : $ = t[50];
+  const Tt = $;
+  let w;
+  t[51] !== at || t[52] !== e || t[53] !== A ? (w = A && e === "left" && /* @__PURE__ */ d("div", { className: at }), t[51] = at, t[52] = e, t[53] = A, t[54] = w) : w = t[54];
+  let g;
+  t[55] !== i || t[56] !== r || t[57] !== e || t[58] !== V || t[59] !== c || t[60] !== At || t[61] !== p || t[62] !== l || t[63] !== n || t[64] !== s ? (g = (r || c) && /* @__PURE__ */ d(Pt, { children: /* @__PURE__ */ Q("span", { className: At, children: [
+    /* @__PURE__ */ d(Dt, { name: r, theme: s, source: c, "aria-hidden": "true", size: r || e === "top" ? "large" : V }),
+    !i && (e === "left" && p || e === "top" && (n || p)) && /* @__PURE__ */ d(St, { variant: "highlight", "aria-label": l, label: n, theme: s })
+  ] }) }), t[55] = i, t[56] = r, t[57] = e, t[58] = V, t[59] = c, t[60] = At, t[61] = p, t[62] = l, t[63] = n, t[64] = s, t[65] = g) : g = t[65];
+  let k;
+  t[66] !== f || t[67] !== ht ? (k = /* @__PURE__ */ d("span", { className: ht, children: f }), t[66] = f, t[67] = ht, t[68] = k) : k = t[68];
+  let D;
+  t[69] !== mt || t[70] !== a || t[71] !== s ? (D = a && /* @__PURE__ */ d(Dt, { name: "chevron-down", theme: s, "aria-hidden": "true", className: mt }), t[69] = mt, t[70] = a, t[71] = s, t[72] = D) : D = t[72];
+  let S;
+  t[73] !== ut || t[74] !== k || t[75] !== D ? (S = /* @__PURE__ */ Q("div", { className: ut, children: [
+    k,
+    D
+  ] }), t[73] = ut, t[74] = k, t[75] = D, t[76] = S) : S = t[76];
+  let P;
+  t[77] !== i || t[78] !== e || t[79] !== p || t[80] !== l || t[81] !== n || t[82] !== s ? (P = e === "left" && !i && n && !p && /* @__PURE__ */ d(St, { variant: "default", "aria-label": l, label: n, className: o.numberIndicator, theme: s }), t[77] = i, t[78] = e, t[79] = p, t[80] = l, t[81] = n, t[82] = s, t[83] = P) : P = t[83];
+  let q;
+  t[84] !== u || t[85] !== i || t[86] !== Tt || t[87] !== N || t[88] !== W || t[89] !== rt || t[90] !== w || t[91] !== g || t[92] !== S || t[93] !== P ? (q = /* @__PURE__ */ Q("button", { className: rt, type: "button", onClick: Tt, ...u, ...W, "aria-disabled": i, ref: N, children: [
+    w,
+    g,
+    S,
+    P
+  ] }), t[84] = u, t[85] = i, t[86] = Tt, t[87] = N, t[88] = W, t[89] = rt, t[90] = w, t[91] = g, t[92] = S, t[93] = P, t[94] = q) : q = t[94];
+  const J = q;
+  if (v) {
+    let h;
+    t[95] !== J ? (h = /* @__PURE__ */ d(wt.Anchor, { children: J }), t[95] = J, t[96] = h) : h = t[96];
+    let C;
+    t[97] !== v ? (C = /* @__PURE__ */ d(wt.Content, { children: v }), t[97] = v, t[98] = C) : C = t[98];
+    let K;
+    return t[99] !== h || t[100] !== C ? (K = /* @__PURE__ */ Q(wt, { placement: "top", tooltipOffset: 6, children: [
+      h,
+      C
+    ] }), t[99] = h, t[100] = C, t[101] = K) : K = t[101], K;
+  }
+  return J;
+});
+ro.displayName = "DSActionButton";
+export {
+  Io as A,
+  ro as D,
+  _o as a,
+  bo as b,
+  vo as c,
+  mo as d,
+  io as v
+};