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

package/chipgroup.CjIK0Z0x.js

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

package/chipgroup.d.ts

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

package/chunks/Accordion.C5V5IcM-.js

@@ -0,0 +1,170 @@
+"use client";
+import { jsx as l, jsxs as q } from "react/jsx-runtime";
+import { d as Se } from "./index.CgTHIF3K.js";
+import { c as W } from "./index.CEyLAtio.js";
+import { forwardRef as ge, useRef as Ce, useState as ve, useImperativeHandle as We, useEffect as ye } from "react";
+import { DSHeading as ke } from "../heading.BXFBZhKv.js";
+import { D as Oe } from "./Icon.DGTYCv63.js";
+import { NumberIndicator as Ne } from "../numberindicator.Ddf3ESi7.js";
+import { g as me } from "./helpers.BbWkXTr3.js";
+import '../assets/Accordion.BJb4TOG0.css';const we = "ds-accordion_details_1cikf_1", De = "ds-accordion_summary_1cikf_115", xe = "ds-accordion_summary--utility--m_1cikf_154", Ee = "ds-accordion_summary--flush_1cikf_183", Ae = "ds-accordion_summary--small_1cikf_251", Ie = "ds-accordion_summary--x-small_1cikf_255", Xe = "ds-accordion_summary-content-wrapper_1cikf_260", Fe = "ds-accordion_summary-content-wrapper--flush_1cikf_266", Te = "ds-accordion_summary-content-wrapper--chevron-left_1cikf_270", be = "ds-accordion_summary-content-wrapper--x-small_1cikf_274", Pe = "ds-accordion_heading-summary-wrapper_1cikf_278", Re = "ds-accordion_heading-summary_1cikf_278", Le = "ds-accordion_heading-summary--x-small_1cikf_288", je = "ds-accordion_hint_1cikf_292", ze = "ds-accordion_icon_1cikf_306", Me = "ds-accordion_icon--open_1cikf_317", He = "ds-accordion_icon--open-caret_1cikf_328", Ue = "ds-accordion_content-wrapper_1cikf_340", qe = "ds-accordion_content-wrapper--flush_1cikf_346", Ve = "ds-accordion_content-wrapper--small_1cikf_350", Ze = "ds-accordion_content-wrapper--x-small_1cikf_354", t = {
+  details: we,
+  summary: De,
+  summaryUtilityM: xe,
+  summaryFlush: Ee,
+  summarySmall: Ae,
+  summaryXSmall: Ie,
+  summaryContentWrapper: Xe,
+  summaryContentWrapperFlush: Fe,
+  summaryContentWrapperChevronLeft: Te,
+  summaryContentWrapperXSmall: be,
+  headingSummaryWrapper: Pe,
+  headingSummary: Re,
+  headingSummaryXSmall: Le,
+  hint: je,
+  icon: ze,
+  iconOpen: Me,
+  iconOpenCaret: He,
+  contentWrapper: Ue,
+  contentWrapperFlush: qe,
+  contentWrapperSmall: Ve,
+  contentWrapperXSmall: Ze
+}, nt = ["medium", "small", "x-small"], st = ["chevron", "caret"], at = ["left", "right"], $e = ({
+  children: k,
+  hint: V,
+  numberIndicatorValue: e,
+  summary: s
+}) => {
+  if (!k)
+    throw new Error(me("DSAccordion", "The component requires children to be set."));
+  if (!s)
+    throw new Error(me("DSAccordion", "The summary prop is required. Please add the summary prop to the DSAccordion component."));
+  if (V && (e || e === ""))
+    throw new Error(me("DSAccordion", "The hint and numberIndicator props cannot be used together. Please remove either the hint prop or the numberIndicatorValue prop."));
+}, Be = ge((k, V) => {
+  const e = Se.c(73);
+  let s, m, o, r, p, n, O, N, w, D;
+  e[0] !== k ? ({
+    children: s,
+    summary: n,
+    chevronPosition: O,
+    className: m,
+    hint: o,
+    isFlush: N,
+    isOpen: w,
+    numberIndicatorValue: r,
+    size: D,
+    ...p
+  } = k, e[0] = k, e[1] = s, e[2] = m, e[3] = o, e[4] = r, e[5] = p, e[6] = n, e[7] = O, e[8] = N, e[9] = w, e[10] = D) : (s = e[1], m = e[2], o = e[3], r = e[4], p = e[5], n = 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, i = w === void 0 ? !1 : w, d = D === void 0 ? "medium" : D;
+  process.env.NODE_ENV !== "production" && $e({
+    children: s,
+    hint: o,
+    numberIndicatorValue: r,
+    summary: n
+  });
+  const Z = pe === "right" ? "chevron" : "caret", c = Ce(null), [de, ue] = ve(i);
+  let E;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (E = () => c.current, e[11] = E) : E = e[11], We(V, E);
+  let A;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (A = () => {
+    c.current && ue(c.current.open);
+  }, e[12] = A) : A = e[12];
+  let I;
+  e[13] !== i ? (I = [i], e[13] = i, e[14] = I) : I = e[14], ye(A, I);
+  let X, F;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (X = () => {
+    var he;
+    const fe = () => {
+      c.current && ue(c.current.open);
+    };
+    return (he = c.current) == null || he.addEventListener("toggle", fe), () => {
+      var _e;
+      (_e = c.current) == null || _e.removeEventListener("toggle", fe);
+    };
+  }, F = [], e[15] = X, e[16] = F) : (X = e[15], F = e[16]), ye(X, F);
+  let T, b, P;
+  const x = typeof n == "object" && n !== void 0;
+  x && ({
+    headingSize: T,
+    headingTag: b,
+    headingText: P
+  } = n);
+  let R;
+  e[17] !== m ? (R = W(t.details, m), e[17] = m, e[18] = R) : R = e[18];
+  const $ = 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 = Z === "chevron" && de, se = Z === "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 ie = H;
+  let u;
+  e[37] !== T || e[38] !== b || e[39] !== P || e[40] !== x || e[41] !== n ? (u = x ? /* @__PURE__ */ l(ke, { tag: b, size: T, children: P }) : n, e[37] = T, e[38] = b, e[39] = P, e[40] = x, e[41] = n, e[42] = u) : u = e[42];
+  let f;
+  e[43] !== r ? (f = (r || (r == null ? void 0 : r.trim()) === "") && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Ne, { label: r }) }), e[43] = r, e[44] = f) : f = e[44];
+  let h;
+  e[45] !== re || e[46] !== u || e[47] !== f ? (h = /* @__PURE__ */ q("div", { className: re, children: [
+    u,
+    f
+  ] }), e[45] = re, e[46] = u, e[47] = f, e[48] = h) : h = e[48];
+  let _;
+  e[49] !== o ? (_ = o && /* @__PURE__ */ l("div", { className: t.hint, children: o }), e[49] = o, e[50] = _) : _ = e[50];
+  let y;
+  e[51] !== h || e[52] !== _ ? (y = /* @__PURE__ */ q("div", { className: t.headingSummaryWrapper, children: [
+    h,
+    _
+  ] }), e[51] = h, e[52] = _, e[53] = y) : y = e[53];
+  const le = Z === "chevron" ? "chevron-down" : "caret-right";
+  let S;
+  e[54] !== ae || e[55] !== le ? (S = /* @__PURE__ */ l(Oe, { name: le, "aria-hidden": "true", className: ae }), e[54] = ae, e[55] = le, e[56] = S) : S = e[56];
+  let g;
+  e[57] !== ee || e[58] !== y || e[59] !== S ? (g = /* @__PURE__ */ q("div", { className: ee, children: [
+    y,
+    S
+  ] }), e[57] = ee, e[58] = y, e[59] = S, e[60] = g) : g = e[60];
+  let C;
+  e[61] !== K || e[62] !== g ? (C = /* @__PURE__ */ l("summary", { className: K, children: g }), e[61] = K, e[62] = g, e[63] = C) : C = e[63];
+  let v;
+  e[64] !== s || e[65] !== ie ? (v = /* @__PURE__ */ l("div", { className: ie, children: s }), e[64] = s, e[65] = ie, e[66] = v) : v = e[66];
+  let U;
+  return e[67] !== $ || e[68] !== i || e[69] !== p || e[70] !== C || e[71] !== v ? (U = /* @__PURE__ */ q("details", { ...p, ref: c, className: $, open: i, children: [
+    C,
+    v
+  ] }), e[67] = $, e[68] = i, e[69] = p, e[70] = C, e[71] = v, e[72] = U) : U = e[72], U;
+});
+Be.displayName = "DSAccordion";
+export {
+  nt as A,
+  at as C,
+  Be as D,
+  st as a,
+  $e as v
+};

package/chunks/ActionButton.B8zFwOrJ.js

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