@stihl-design-system/components 1.0.0-RC.14 → 1.0.0-RC.16

package/button.BfcWQZhx.js

@@ -1,135 +0,0 @@
-"use client";
-import { j as n } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as i } from "./chunks/index.CvOaL64Y.js";
-import { u as a } from "./chunks/useBreakpoint.B8XxjSVJ.js";
-import { D as I } from "./chunks/Icon.BCmt_XBG.js";
-import { DSSpinner as F } from "./spinner.Bq97Og-6.js";
-import './assets/button.DF4RBeC2.css';const S = "ds-button_root_170gw_1", x = "ds-button_root--highlight_170gw_75", j = "ds-button_root--dark-highlight_170gw_75", L = "ds-button_root--filled_170gw_151", C = "ds-button_root--outline_170gw_179", N = "ds-button_root--ghost_170gw_206", B = "ds-button_root--ghost-flush_170gw_231", E = "ds-button_root--small_170gw_237", R = "ds-button_root--dark-filled_170gw_317", T = "ds-button_root--dark-outline_170gw_374", V = "ds-button_root--dark-ghost_170gw_430", q = "ds-button_root--dark-ghost-flush_170gw_484", A = "ds-button_root--icon-left_170gw_546", J = "ds-button_root--icon-only_170gw_562", K = "ds-button_root--icon-only-small_170gw_571", M = "ds-button_loader_170gw_586", P = "ds-button_icon--hidden_170gw_598", Q = "ds-button_label--hidden_170gw_602", U = "ds-button_label--loading_170gw_614", o = {
-  root: S,
-  "root--highlight": "ds-button_root--highlight_170gw_75",
-  rootHighlight: x,
-  "root--dark-highlight": "ds-button_root--dark-highlight_170gw_75",
-  rootDarkHighlight: j,
-  "root--filled": "ds-button_root--filled_170gw_151",
-  rootFilled: L,
-  "root--outline": "ds-button_root--outline_170gw_179",
-  rootOutline: C,
-  "root--ghost": "ds-button_root--ghost_170gw_206",
-  rootGhost: N,
-  "root--ghost-flush": "ds-button_root--ghost-flush_170gw_231",
-  rootGhostFlush: B,
-  "root--small": "ds-button_root--small_170gw_237",
-  rootSmall: E,
-  "root--dark-filled": "ds-button_root--dark-filled_170gw_317",
-  rootDarkFilled: R,
-  "root--dark-outline": "ds-button_root--dark-outline_170gw_374",
-  rootDarkOutline: T,
-  "root--dark-ghost": "ds-button_root--dark-ghost_170gw_430",
-  rootDarkGhost: V,
-  "root--dark-ghost-flush": "ds-button_root--dark-ghost-flush_170gw_484",
-  rootDarkGhostFlush: q,
-  "root--icon-left": "ds-button_root--icon-left_170gw_546",
-  rootIconLeft: A,
-  "root--icon-only": "ds-button_root--icon-only_170gw_562",
-  rootIconOnly: J,
-  "root--icon-only-small": "ds-button_root--icon-only-small_170gw_571",
-  rootIconOnlySmall: K,
-  loader: M,
-  "icon--hidden": "ds-button_icon--hidden_170gw_598",
-  iconHidden: P,
-  "label--hidden": "ds-button_label--hidden_170gw_602",
-  labelHidden: Q,
-  "label--loading": "ds-button_label--loading_170gw_614",
-  labelLoading: U
-}, z = ({
-  children: b,
-  aria: k,
-  className: f,
-  dataTrackingid: w,
-  disabled: e = !1,
-  hideLabel: d = !1,
-  iconName: g,
-  iconPosition: m = "left",
-  iconSource: h,
-  isFlush: s = !1,
-  loading: r = !1,
-  size: _ = "medium",
-  theme: l = "light",
-  variant: t = "filled",
-  onClick: u,
-  ...D
-}) => {
-  const y = i(o.root, f, {
-    // variant
-    [o.rootFilled]: t === "filled",
-    [o.rootHighlight]: t === "highlight",
-    [o.rootOutline]: t === "outline",
-    [o.rootGhost]: t === "ghost" && s !== !0,
-    // isFlush
-    [o.rootGhostFlush]: t === "ghost" && s === !0,
-    // dark theme
-    [o.rootDarkFilled]: l === "dark" && t === "filled",
-    [o.rootDarkHighlight]: l === "dark" && t === "highlight",
-    [o.rootDarkOutline]: l === "dark" && t === "outline",
-    [o.rootDarkGhost]: l === "dark" && t === "ghost" && s !== !0,
-    // dark isFlush
-    [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && s === !0,
-    // size
-    [o.rootSmall]: _ === "small",
-    // icon position
-    [o.rootIconLeft]: m === "left",
-    // icon only
-    [o.rootIconOnly]: a(d) && _ === "medium",
-    [o.rootIconOnlySmall]: a(d) && _ === "small"
-  }), O = i(o.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [o.labelHidden]: a(d),
-    // set label opacity to 0 when loading to prevent button size from changing
-    [o.labelLoading]: r
-  }), p = i(o.icon, {
-    // set icon opacity to 0 when loading to prevent button size from changing
-    [o.iconHidden]: r
-  }), G = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", H = (c) => {
-    if (e || r) {
-      c.preventDefault();
-      return;
-    }
-    u && u(c);
-  };
-  return /* @__PURE__ */ n.jsxs(
-    "button",
-    {
-      className: y,
-      "data-trackingid": w,
-      type: "submit",
-      onClick: H,
-      ...k,
-      ...D,
-      "aria-disabled": e || r,
-      "aria-busy": r,
-      children: [
-        r && /* @__PURE__ */ n.jsx(
-          F,
-          {
-            className: o.loader,
-            aria: { "aria-label": "Loading state" }
-          }
-        ),
-        /* @__PURE__ */ n.jsx("span", { className: O, children: b }),
-        (g || h) && /* @__PURE__ */ n.jsx(
-          I,
-          {
-            name: g,
-            theme: G,
-            source: h,
-            className: p,
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  z as DSButton
-};

package/buttonround.E56F_805.js

@@ -1,118 +0,0 @@
-"use client";
-import { j as n } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as d } from "./chunks/index.CvOaL64Y.js";
-import { D as y } from "./chunks/Icon.BCmt_XBG.js";
-import { DSSpinner as H } from "./spinner.Bq97Og-6.js";
-import './assets/buttonround.19uK_-oO.css';const p = "ds-button-round_root_18xb6_1", F = "ds-button-round_root--highlight_18xb6_75", O = "ds-button-round_root--dark-highlight_18xb6_75", G = "ds-button-round_root--filled_18xb6_151", I = "ds-button-round_root--outline_18xb6_179", S = "ds-button-round_root--ghost_18xb6_206", j = "ds-button-round_root--ghost-flush_18xb6_231", L = "ds-button-round_root--small_18xb6_237", C = "ds-button-round_root--dark-filled_18xb6_317", N = "ds-button-round_root--dark-outline_18xb6_374", R = "ds-button-round_root--dark-ghost_18xb6_430", B = "ds-button-round_root--dark-ghost-flush_18xb6_484", E = "ds-button-round_root--icon-left_18xb6_546", T = "ds-button-round_root--icon-only_18xb6_562", q = "ds-button-round_root--icon-only-small_18xb6_571", w = "ds-button-round_loader_18xb6_588", z = "ds-button-round_icon--hidden_18xb6_600", A = "ds-button-round_label--hidden_18xb6_604", J = "ds-button-round_label--loading_18xb6_616", o = {
-  root: p,
-  "root--highlight": "ds-button-round_root--highlight_18xb6_75",
-  rootHighlight: F,
-  "root--dark-highlight": "ds-button-round_root--dark-highlight_18xb6_75",
-  rootDarkHighlight: O,
-  "root--filled": "ds-button-round_root--filled_18xb6_151",
-  rootFilled: G,
-  "root--outline": "ds-button-round_root--outline_18xb6_179",
-  rootOutline: I,
-  "root--ghost": "ds-button-round_root--ghost_18xb6_206",
-  rootGhost: S,
-  "root--ghost-flush": "ds-button-round_root--ghost-flush_18xb6_231",
-  rootGhostFlush: j,
-  "root--small": "ds-button-round_root--small_18xb6_237",
-  rootSmall: L,
-  "root--dark-filled": "ds-button-round_root--dark-filled_18xb6_317",
-  rootDarkFilled: C,
-  "root--dark-outline": "ds-button-round_root--dark-outline_18xb6_374",
-  rootDarkOutline: N,
-  "root--dark-ghost": "ds-button-round_root--dark-ghost_18xb6_430",
-  rootDarkGhost: R,
-  "root--dark-ghost-flush": "ds-button-round_root--dark-ghost-flush_18xb6_484",
-  rootDarkGhostFlush: B,
-  "root--icon-left": "ds-button-round_root--icon-left_18xb6_546",
-  rootIconLeft: E,
-  "root--icon-only": "ds-button-round_root--icon-only_18xb6_562",
-  rootIconOnly: T,
-  "root--icon-only-small": "ds-button-round_root--icon-only-small_18xb6_571",
-  rootIconOnlySmall: q,
-  loader: w,
-  "icon--hidden": "ds-button-round_icon--hidden_18xb6_600",
-  iconHidden: z,
-  "label--hidden": "ds-button-round_label--hidden_18xb6_604",
-  labelHidden: A,
-  "label--loading": "ds-button-round_label--loading_18xb6_616",
-  labelLoading: J
-}, U = ({
-  children: b,
-  aria: e,
-  className: h,
-  dataTrackingid: c,
-  disabled: s = !1,
-  iconName: _ = "placeholder",
-  iconSource: u,
-  loading: t = !1,
-  theme: l = "light",
-  variant: r = "filled",
-  onClick: i,
-  ...g
-}) => {
-  const x = d(
-    o.root,
-    o.rootIconOnlySmall,
-    h,
-    {
-      // variant
-      [o.rootFilled]: r === "filled",
-      [o.rootHighlight]: r === "highlight",
-      // dark theme
-      [o.rootDarkFilled]: l === "dark" && r === "filled",
-      [o.rootDarkHighlight]: l === "dark" && r === "highlight"
-    }
-  ), k = d(o.label, o.labelHidden, {
-    // set label opacity to 0 when loading to prevent button size from changing
-    [o.labelLoading]: t
-  }), f = d(o.icon, {
-    // set icon opacity to 0 when loading to prevent button size from changing
-    [o.iconHidden]: t
-  }), m = l === "light" && r === "filled" ? "dark" : "light", D = (a) => {
-    if (s || t) {
-      a.preventDefault();
-      return;
-    }
-    i && i(a);
-  };
-  return /* @__PURE__ */ n.jsxs(
-    "button",
-    {
-      className: x,
-      "data-trackingid": c,
-      type: "button",
-      onClick: D,
-      ...e,
-      ...g,
-      "aria-disabled": s || t,
-      "aria-busy": t,
-      children: [
-        t && /* @__PURE__ */ n.jsx(
-          H,
-          {
-            className: o.loader,
-            aria: { "aria-label": "Loading state" }
-          }
-        ),
-        /* @__PURE__ */ n.jsx("span", { className: k, children: b }),
-        (_ || u) && /* @__PURE__ */ n.jsx(
-          y,
-          {
-            name: _,
-            theme: m,
-            source: u,
-            className: f,
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  U as DSButtonRound
-};

package/checkbox.Dt0OWryN.js

@@ -1,111 +0,0 @@
-"use client";
-import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as d } from "./chunks/index.CvOaL64Y.js";
-import { forwardRef as y, useRef as I, useState as H, useEffect as M, useCallback as g } from "react";
-import { u as B } from "./chunks/useBreakpoint.B8XxjSVJ.js";
-import { D as k } from "./chunks/Icon.BCmt_XBG.js";
-import { DSSystemFeedback as E } from "./systemfeedback.C3Pfxxpp.js";
-import './assets/checkbox.ByOoFouu.css';const V = "ds-checkbox_root_1tuqo_1", w = "ds-checkbox_root--disabled_1tuqo_21", L = "ds-checkbox_checkbox_1tuqo_25", O = "ds-checkbox_icon-check_1tuqo_41", P = "ds-checkbox_icon-minus_1tuqo_42", R = "ds-checkbox_checkbox--invalid_1tuqo_66", U = "ds-checkbox_label--hidden_1tuqo_71", z = "ds-checkbox_input_1tuqo_84", A = "ds-checkbox_label_1tuqo_71", F = "ds-checkbox_feedback_1tuqo_198", c = {
-  root: V,
-  "root--disabled": "ds-checkbox_root--disabled_1tuqo_21",
-  rootDisabled: w,
-  checkbox: L,
-  "icon-check": "ds-checkbox_icon-check_1tuqo_41",
-  iconCheck: O,
-  "icon-minus": "ds-checkbox_icon-minus_1tuqo_42",
-  iconMinus: P,
-  "checkbox--invalid": "ds-checkbox_checkbox--invalid_1tuqo_66",
-  checkboxInvalid: R,
-  "label--hidden": "ds-checkbox_label--hidden_1tuqo_71",
-  labelHidden: U,
-  input: z,
-  label: A,
-  feedback: F
-}, G = y(
-  ({
-    label: r,
-    checked: h,
-    className: _,
-    defaultChecked: x = !1,
-    disabled: s = !1,
-    hideLabel: m = !1,
-    indeterminate: u = !1,
-    invalid: a = !1,
-    systemFeedback: b,
-    onChange: i,
-    ...f
-  }, n) => {
-    const t = I(null), [p, q] = H(x), C = B(m);
-    M(() => {
-      t && t.current && (t.current.indeterminate = u);
-    }, [u]);
-    const l = h !== void 0, j = l ? h : p, D = d(c.root, {
-      [c.rootDisabled]: s
-    }), N = d(c.label, {
-      // hide label only visually to keep them available for assistive technologies
-      [c.labelHidden]: C
-    }), v = d(c.checkbox, {
-      [c.checkboxInvalid]: a
-    }), S = g(
-      (o) => {
-        if (s) {
-          o.preventDefault();
-          return;
-        }
-        l || q(o.target.checked), i && i(o);
-      },
-      [s, l, i]
-    );
-    return /* @__PURE__ */ e.jsxs("div", { className: _, children: [
-      /* @__PURE__ */ e.jsxs("label", { className: D, children: [
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            type: "checkbox",
-            className: c.input,
-            ref: (o) => {
-              typeof n == "function" ? n(o) : n !== null && (n.current = o), t.current = o;
-            },
-            ...f,
-            checked: j,
-            disabled: s,
-            "aria-label": r,
-            "aria-invalid": a,
-            onChange: S
-          }
-        ),
-        /* @__PURE__ */ e.jsxs("div", { className: v, children: [
-          /* @__PURE__ */ e.jsx(
-            k,
-            {
-              name: "check",
-              className: c.iconCheck,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            k,
-            {
-              name: "minus",
-              className: c.iconMinus,
-              "aria-hidden": "true"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e.jsx("span", { className: N, children: r })
-      ] }),
-      a && b && /* @__PURE__ */ e.jsx(
-        E,
-        {
-          className: c.feedback,
-          message: b,
-          type: "invalid"
-        }
-      )
-    ] });
-  }
-);
-G.displayName = "DSCheckbox";
-export {
-  G as DSCheckbox
-};

package/checkboxgroup.je32bRPr.js

@@ -1,8 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C115EyI4.js";
-import "./chunks/index.CvOaL64Y.js";
-import "./chunks/Fieldset.Ct_JFRs9.js";
-import { D as i } from "./chunks/CheckboxGroup.C_2ZwEQJ.js";
-export {
-  i as DSCheckboxGroup
-};

package/chip.CpnDX4Ro.js

@@ -1,10 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C115EyI4.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./chunks/translate.isa3FHb8.js";
-import "./chunks/Icon.BCmt_XBG.js";
-import { e as s } from "./chunks/Chip.BvlKC503.js";
-export {
-  s as DSChip
-};

package/chipgroup.Cy76KMWu.js

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

package/chunks/Accordion.Bza3TO4Y.js

@@ -1,125 +0,0 @@
-"use client";
-import { j as e } from "./jsx-runtime.C115EyI4.js";
-import { c as a } from "./index.CvOaL64Y.js";
-import { forwardRef as A, useRef as F, useState as I, useImperativeHandle as R, useEffect as w } from "react";
-import { DSHeading as T } from "../heading.IPIYc5vW.js";
-import { D as L } from "./Icon.BCmt_XBG.js";
-import { g } from "./helpers.CcqWV-wZ.js";
-import '../assets/Accordion.i4k5SMQM.css';const M = "ds-accordion_details_1385s_1", b = "ds-accordion_summary_1385s_120", H = "ds-accordion_summary--utility--m_1385s_159", P = "ds-accordion_summary--flush_1385s_188", U = "ds-accordion_summary--small_1385s_256", q = "ds-accordion_summary-content-wrapper_1385s_261", V = "ds-accordion_summary-content-wrapper--flush_1385s_267", z = "ds-accordion_summary-content-wrapper--chevron-left_1385s_271", Z = "ds-accordion_heading-summary-wrapper_1385s_276", k = "ds-accordion_hint_1385s_280", B = "ds-accordion_icon_1385s_294", G = "ds-accordion_icon--open_1385s_305", J = "ds-accordion_content-wrapper_1385s_317", K = "ds-accordion_content-wrapper--flush_1385s_323", Q = "ds-accordion_content-wrapper--small_1385s_327", r = {
-  details: M,
-  summary: b,
-  "summary--utility--m": "ds-accordion_summary--utility--m_1385s_159",
-  summaryUtilityM: H,
-  "summary--flush": "ds-accordion_summary--flush_1385s_188",
-  summaryFlush: P,
-  "summary--small": "ds-accordion_summary--small_1385s_256",
-  summarySmall: U,
-  "summary-content-wrapper": "ds-accordion_summary-content-wrapper_1385s_261",
-  summaryContentWrapper: q,
-  "summary-content-wrapper--flush": "ds-accordion_summary-content-wrapper--flush_1385s_267",
-  summaryContentWrapperFlush: V,
-  "summary-content-wrapper--chevron-left": "ds-accordion_summary-content-wrapper--chevron-left_1385s_271",
-  summaryContentWrapperChevronLeft: z,
-  "heading-summary-wrapper": "ds-accordion_heading-summary-wrapper_1385s_276",
-  headingSummaryWrapper: Z,
-  hint: k,
-  icon: B,
-  "icon--open": "ds-accordion_icon--open_1385s_305",
-  iconOpen: G,
-  "content-wrapper": "ds-accordion_content-wrapper_1385s_317",
-  contentWrapper: J,
-  "content-wrapper--flush": "ds-accordion_content-wrapper--flush_1385s_323",
-  contentWrapperFlush: K,
-  "content-wrapper--small": "ds-accordion_content-wrapper--small_1385s_327",
-  contentWrapperSmall: Q
-}, or = ["medium", "small"], tr = ["left", "right"], X = ({
-  children: o,
-  summary: n
-}) => {
-  if (!o)
-    throw new Error(
-      g(
-        "DSAccordion",
-        "The component requires children to be set."
-      )
-    );
-  if (!n)
-    throw new Error(
-      g(
-        "DSAccordion",
-        "The summary prop is required. Please add the summary prop to the DSAccordion component."
-      )
-    );
-}, Y = A(
-  ({
-    children: o,
-    summary: n,
-    chevronPosition: C = "right",
-    className: S,
-    hint: p,
-    isFlush: t = !1,
-    isOpen: c = !1,
-    size: i = "medium",
-    ...W
-  }, v) => {
-    process.env.NODE_ENV !== "production" && X({ children: o, summary: n });
-    const s = F(null), [D, l] = I(c);
-    R(v, () => s.current), w(() => {
-      s.current && l(s.current.open);
-    }, [c]), w(() => {
-      var h;
-      const y = () => {
-        s.current && l(s.current.open);
-      };
-      return (h = s.current) == null || h.addEventListener("toggle", y), () => {
-        var f;
-        (f = s.current) == null || f.removeEventListener("toggle", y);
-      };
-    }, []);
-    let d, u, _;
-    const m = typeof n == "object" && n !== void 0;
-    m && ({ headingSize: d, headingTag: u, headingText: _ } = n);
-    const N = a(r.details, S), j = a(r.summary, {
-      [r.summaryFlush]: t,
-      [r.summarySmall]: i === "small",
-      [r.summaryUtilityM]: !m
-    }), x = a(
-      r.summaryContentWrapper,
-      {
-        [r.summaryContentWrapperFlush]: t,
-        [r.summaryContentWrapperChevronLeft]: C === "left"
-      }
-    ), E = a(r.icon, {
-      [r.iconOpen]: D
-    }), O = a(r.contentWrapper, {
-      [r.contentWrapperFlush]: t,
-      [r.contentWrapperSmall]: i === "small"
-    });
-    return /* @__PURE__ */ e.jsxs(
-      "details",
-      {
-        ...W,
-        ref: s,
-        className: N,
-        open: c,
-        children: [
-          /* @__PURE__ */ e.jsx("summary", { className: j, children: /* @__PURE__ */ e.jsxs("div", { className: x, children: [
-            /* @__PURE__ */ e.jsxs("div", { className: r.headingSummaryWrapper, children: [
-              m ? /* @__PURE__ */ e.jsx(T, { tag: u, size: d, children: _ }) : n,
-              p && /* @__PURE__ */ e.jsx("div", { className: r.hint, children: p })
-            ] }),
-            /* @__PURE__ */ e.jsx(L, { name: "chevron-down", className: E })
-          ] }) }),
-          /* @__PURE__ */ e.jsx("div", { className: O, children: o })
-        ]
-      }
-    );
-  }
-);
-Y.displayName = "DSAccordion";
-export {
-  or as A,
-  tr as C,
-  Y as D,
-  X as v
-};