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

package/buttonround.BO7_ewzA.js

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

package/checkbox.C9kyIY9P.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/Icon.DYtaQgbw.js";
+import "./chunks/SystemFeedback.DhWcYjnu.js";
+import { D as s } from "./chunks/Checkbox.BxOGR1bR.js";
+import "./chunks/useBreakpoint.1txsny17.js";
+export {
+  s as DSCheckbox
+};

package/{checkboxgroup.DDWYxYzk.js → checkboxgroup.kEUxnKLf.js}

@@ -2,8 +2,8 @@
 import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
-import "./chunks/Fieldset.DxhNhprT.js";
-import { D as e } from "./chunks/CheckboxGroup.Df_nLGBa.js";
+import "./chunks/Fieldset.BBMuLKps.js";
+import { D as e } from "./chunks/CheckboxGroup.TneO0tuE.js";
 export {
   e as DSCheckboxGroup
 };

package/chip.5ktNLRYf.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/Icon.DYtaQgbw.js";
+import "./tooltip.BFQG-7VR.js";
+import { d as c } from "./chunks/Chip.DffaXMkV.js";
+import "./chunks/translate.DSb-TdWR.js";
+export {
+  c as DSChip
+};

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
+};