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

package/tablist.TWjlHs5Y.js

@@ -0,0 +1,251 @@
+"use client";
+import { jsx as h, jsxs as ae } from "react/jsx-runtime";
+import { d as Ce } from "./chunks/index.CgTHIF3K.js";
+import { c as Z } from "./chunks/index.CEyLAtio.js";
+import { useState as ie, useRef as W, useEffect as ke } from "react";
+import { h as de } from "./chunks/has-window.ut_-aShB.js";
+import { g as xe } from "./chunks/helpers.CcqWV-wZ.js";
+import { u as fe } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { DSButton as ve } from "./button.Ywd82k7O.js";
+import { D as Ee } from "./chunks/Icon.DhKyUWtM.js";
+import { NumberIndicator as We } from "./numberindicator.Do92cr0z.js";
+import { a as Te, g as Me } from "./chunks/TabPane.utils.DG16Y2uD.js";
+import { s as f, N as Pe } from "./chunks/NavigationTabList.BOrhiSiM.js";
+const ue = () => {
+  if (de) {
+    const c = getComputedStyle(document.documentElement).getPropertyValue("--ds-animation-duration").trim();
+    return c === "0s" || c === "0ms";
+  } else
+    return !0;
+}, m = (c) => de && (c == null ? void 0 : c.getBoundingClientRect()) || DOMRect.fromRect({
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0
+}), M = 48, Ue = (c) => {
+  const e = Ce.c(50);
+  let p, b, g, P, v, s, $, z, A, T, a;
+  e[0] !== c ? ({
+    aria: p,
+    id: T,
+    selectedTabIndex: s,
+    setSelectedTabIndex: $,
+    tabs: a,
+    alignment: z,
+    className: b,
+    defaultSelectedTabIndex: A,
+    isNavigation: g,
+    onTabChange: P,
+    ...v
+  } = c, e[0] = c, e[1] = p, e[2] = b, e[3] = g, e[4] = P, e[5] = v, e[6] = s, e[7] = $, e[8] = z, e[9] = A, e[10] = T, e[11] = a) : (p = e[1], b = e[2], g = e[3], P = e[4], v = e[5], s = e[6], $ = e[7], z = e[8], A = e[9], T = e[10], a = e[11]);
+  const K = z === void 0 ? "left" : z, we = A === void 0 ? 0 : A, [V, d] = ie(we), [Re, ye] = ie(!1), [Ie, Le] = ie(!1);
+  let X;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (X = [], e[12] = X) : X = e[12];
+  const w = W(X), R = W(null), i = W(null), u = W(null), H = W(!1), me = W(s), _ = () => {
+    pe(), De();
+  };
+  let j;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (j = [], e[13] = j) : j = e[13], fe(() => {
+    const r = new ResizeObserver(_);
+    return i.current && r.observe(i.current), () => {
+      r.disconnect();
+    };
+  }, j);
+  let q;
+  e[14] !== K || e[15] !== a ? (q = [a, K], e[14] = K, e[15] = a, e[16] = q) : q = e[16], fe(() => {
+    var o;
+    const r = ["16px 'STIHL Contraface Digital Text Regular'", "14px 'STIHL Contraface Digital Text Demi'", "16px 'STIHL Contraface Digital Text Bold'"];
+    Promise.all(r.map(ze)).then(() => {
+      ee(s), O("next", s, "instant"), pe(), H.current = !0;
+    }).catch(Ae);
+    const t = () => {
+      !H.current || !u.current || (n.matches ? u.current.style.transitionDuration = "0s" : u.current.style.transitionDuration = "");
+    }, n = window.matchMedia("(prefers-reduced-motion: reduce)");
+    return n.addEventListener("change", t), (o = i.current) == null || o.addEventListener("scroll", _), () => {
+      var l;
+      n.removeEventListener("change", t), (l = i.current) == null || l.removeEventListener("scroll", _);
+    };
+  }, q);
+  let F;
+  e[17] !== s ? (F = [s], e[17] = s, e[18] = F) : F = e[18], fe(() => {
+    if (H.current && (ee(s), g)) {
+      const r = he(s);
+      d(s), O(r, s);
+    }
+    me.current = s;
+  }, F);
+  let G, Q;
+  e[19] !== V ? (G = () => {
+    var r;
+    H.current && ((r = w.current[V]) == null || r.focus());
+  }, Q = [V], e[19] = V, e[20] = G, e[21] = Q) : (G = e[20], Q = e[21]), ke(G, Q);
+  const J = (r) => {
+    const t = he(r);
+    $(r), d(r), O(t, r), P && P(r);
+  }, he = (r) => {
+    const t = m(i.current), n = m(w.current[r]);
+    let o;
+    return n.left - M < t.left ? o = "prev" : n.right + M > t.right ? o = "next" : o = s < r ? "next" : "prev", o;
+  }, pe = () => {
+    if (i.current && R.current) {
+      const r = m(i.current), t = m(R.current);
+      ye(t.left < r.left), Le(t.right > r.right + 4);
+    }
+  }, be = (r) => {
+    const t = r === void 0 ? 0 : r;
+    de && u.current && !ue() && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && setTimeout(() => {
+      u.current && (u.current.style.transitionDuration = "250ms");
+    }, t);
+  }, De = () => {
+    u.current && (u.current.style.transitionDuration = "0s", ee(me.current), be());
+  }, ee = (r) => {
+    const t = u.current, n = m(w.current[r]), o = m(R.current), l = n.left - o.left;
+    t && (H.current ? (t.style.width = `${n.width}px`, t.style.transform = `translateX(${l}px)`) : (t.style.transitionDuration = "0s", t.style.transform = `translateX(${l}px)`, t.style.width = `${n.width}px`, be(50)));
+  }, Se = (r, t) => {
+    let n;
+    e: switch (r.key) {
+      case "ArrowLeft": {
+        n = (t > 0 ? t : a.length) - 1, d(n);
+        break e;
+      }
+      case "ArrowRight": {
+        n = (t + 1) % a.length, d(n);
+        break e;
+      }
+      case "Home": {
+        n = 0, d(n);
+        break e;
+      }
+      case "End": {
+        n = a.length - 1, d(n);
+        break e;
+      }
+      case "Enter":
+      case " ": {
+        J(t);
+        return;
+      }
+      default:
+        return;
+    }
+    if (n !== void 0) {
+      const o = n > t ? "next" : "prev";
+      setTimeout(() => O(o, n), 0);
+    }
+    r.preventDefault();
+  }, Ne = (r, t) => {
+    let n;
+    e: switch (r.key) {
+      case "Tab": {
+        if (r.shiftKey) {
+          n = t - 1 < 0 ? 0 : t - 1, d(n), t !== 0 && r.preventDefault();
+          break e;
+        } else
+          n = t + 1 > a.length - 1 ? t : t + 1, d(n), t !== a.length - 1 && r.preventDefault();
+        break e;
+      }
+      case "Enter": {
+        J(t);
+        return;
+      }
+      default:
+        return;
+    }
+    if (n !== void 0) {
+      const o = n > t ? "next" : "prev";
+      setTimeout(() => O(o, n), 0);
+    }
+  }, O = (r, t, n) => {
+    const o = n === void 0 ? "smooth" : n, l = w.current[t], x = i.current, E = m(l), ce = m(x);
+    let le;
+    if (!(!l || !x)) {
+      if (r === "prev") {
+        if (E.left - M > ce.left)
+          return;
+        le = l.offsetLeft - M;
+      } else {
+        if (E.right + M < ce.right)
+          return;
+        le = l.offsetLeft + l.offsetWidth - ce.width + M;
+      }
+      x.scrollTo({
+        left: le,
+        behavior: ue() ? "instant" : o
+      });
+    }
+  }, y = (r) => {
+    var n;
+    const t = Be(r);
+    (n = i.current) == null || n.scrollTo({
+      left: t,
+      behavior: ue() ? "instant" : "smooth"
+    });
+  }, Be = (r) => {
+    if (!R.current || !i.current)
+      return 0;
+    const {
+      scrollLeft: t,
+      offsetWidth: n
+    } = i.current, o = Math.round(n * 0.2);
+    return r === "next" ? t + o : t - o;
+  }, ge = Z(f.scroller, {
+    [f.scrollerCentered]: K === "center"
+  }), te = g ? "nav" : "div";
+  let I;
+  e[22] !== b ? (I = Z(f.tabsWrapper, b), e[22] = b, e[23] = I) : I = e[23];
+  const re = f, ne = g ? /* @__PURE__ */ h(Pe, { tabs: a, tabRefs: w, scrollerRef: R, handleNavigationKeydown: Ne, scrollerClass: ge, selectedTabIndex: s, setSelectedTab: J }) : /* @__PURE__ */ h("div", { role: "tablist", className: ge, ref: R, children: a.map((r, t) => {
+    const {
+      id: n,
+      label: o,
+      iconName: l,
+      numberIndicatorValue: x
+    } = r;
+    return /* @__PURE__ */ ae("button", { id: Te(T, n), role: "tab", "aria-selected": s === t, "aria-controls": Me(T, n, t), tabIndex: s === t ? 0 : -1, className: f.tab, ref: (E) => {
+      w.current[t] = E;
+    }, onClick: () => J(t), onKeyDown: (E) => Se(E, t), children: [
+      l && /* @__PURE__ */ h(Ee, { name: l, "aria-hidden": "true" }),
+      o,
+      x && /* @__PURE__ */ h(We, { label: x })
+    ] }, Te(T, n));
+  }) });
+  let U;
+  e[24] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ h("span", { className: f.indicator, ref: u }), e[24] = U) : U = e[24];
+  let L;
+  e[25] !== te || e[26] !== p || e[27] !== re.scrollWrapper || e[28] !== ne ? (L = /* @__PURE__ */ ae(te, { className: re.scrollWrapper, ref: i, ...p, children: [
+    ne,
+    U
+  ] }), e[25] = te, e[26] = p, e[27] = re.scrollWrapper, e[28] = ne, e[29] = L) : L = e[29];
+  const oe = !Re;
+  let D;
+  e[30] !== oe ? (D = Z(f.scrollButton, {
+    [f.scrollButtonHidden]: oe
+  }), e[30] = oe, e[31] = D) : D = e[31];
+  let S;
+  e[32] !== y ? (S = () => y("prev"), e[32] = y, e[33] = S) : S = e[33];
+  let N;
+  e[34] !== D || e[35] !== S ? (N = /* @__PURE__ */ h(ve, { variant: "filled", className: D, hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: S, children: "Left" }), e[34] = D, e[35] = S, e[36] = N) : N = e[36];
+  const se = !Ie;
+  let B;
+  e[37] !== se ? (B = Z(f.scrollButton, f.scrollButtonRight, {
+    [f.scrollButtonHidden]: se
+  }), e[37] = se, e[38] = B) : B = e[38];
+  let C;
+  e[39] !== y ? (C = () => y("next"), e[39] = y, e[40] = C) : C = e[40];
+  let k;
+  e[41] !== B || e[42] !== C ? (k = /* @__PURE__ */ h(ve, { variant: "filled", className: B, hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: C, children: "Right" }), e[41] = B, e[42] = C, e[43] = k) : k = e[43];
+  let Y;
+  return e[44] !== v || e[45] !== I || e[46] !== L || e[47] !== N || e[48] !== k ? (Y = /* @__PURE__ */ ae("div", { className: I, ...v, children: [
+    L,
+    N,
+    k
+  ] }), e[44] = v, e[45] = I, e[46] = L, e[47] = N, e[48] = k, e[49] = Y) : Y = e[49], Y;
+};
+function ze(c) {
+  return document.fonts.load(c);
+}
+function Ae(c) {
+  throw new Error(xe("DSTabs", `The component requires the fonts to be loaded: ${c}`));
+}
+export {
+  Ue as TabList
+};

package/tablist.d.ts

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

package/tabpane.CB-eudyw.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as h } from "react/jsx-runtime";
+import { d as T } from "./chunks/index.CgTHIF3K.js";
+import { c as g } from "./chunks/index.CEyLAtio.js";
+import { useRef as y, useState as F, useEffect as N } from "react";
+import { c as P, g as v, a as R } from "./chunks/TabPane.utils.DG16Y2uD.js";
+import './assets/tabpane.D1LTb432.css';const S = "ds-tabs_tabpane_30tnb_1", j = {
+  tabpane: S
+}, k = (x) => {
+  const e = T.c(19), {
+    id: t,
+    content: s,
+    index: o,
+    selectedTabIndex: E,
+    tabListId: a,
+    className: f
+  } = x, m = y(null), [I, _] = F(!1);
+  let c;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = () => {
+    m.current && _(P(m.current));
+  }, e[0] = c) : c = e[0];
+  let i;
+  e[1] !== s ? (i = [s], e[1] = s, e[2] = i) : i = e[2], N(c, i);
+  let r;
+  e[3] !== f ? (r = g(j.tabpane, f), e[3] = f, e[4] = r) : r = e[4];
+  const d = r;
+  let n;
+  e[5] !== t || e[6] !== o || e[7] !== a ? (n = v(a, t, o), e[5] = t, e[6] = o, e[7] = a, e[8] = n) : n = e[8];
+  let l;
+  e[9] !== t || e[10] !== a ? (l = R(a, t), e[9] = t, e[10] = a, e[11] = l) : l = e[11];
+  const p = E !== o, u = I ? void 0 : 0;
+  let b;
+  return e[12] !== s || e[13] !== n || e[14] !== l || e[15] !== p || e[16] !== u || e[17] !== d ? (b = /* @__PURE__ */ h("div", { id: n, role: "tabpanel", "aria-labelledby": l, hidden: p, tabIndex: u, ref: m, className: d, children: s }), e[12] = s, e[13] = n, e[14] = l, e[15] = p, e[16] = u, e[17] = d, e[18] = b) : b = e[18], b;
+};
+export {
+  k as TabPane
+};

package/tabs.Cr2CMXbY.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CgTHIF3K.js";
+import "react";
+import "./tablist.TWjlHs5Y.js";
+import "./tabpane.CB-eudyw.js";
+import "./chunks/TabPane.utils.DG16Y2uD.js";
+import { D as a } from "./chunks/Tabs.D3yDE5nU.js";
+export {
+  a as DSTabs
+};

package/text.C6gOJ2nV.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as D } from "react/jsx-runtime";
+import { d as N } from "./chunks/index.CgTHIF3K.js";
+import { c as w } from "./chunks/index.CEyLAtio.js";
+import './assets/text.BlRcxO8n.css';const z = "ds-text_root_12k0t_1", j = "ds-text_root--large_12k0t_7", y = "ds-text_root--large-bold_12k0t_18", C = "ds-text_root--medium_12k0t_29", E = "ds-text_root--medium-bold_12k0t_40", $ = "ds-text_root--small_12k0t_51", q = "ds-text_root--small-bold_12k0t_62", A = "ds-text_root--x-small_12k0t_73", F = "ds-text_root--x-small-bold_12k0t_84", G = "ds-text_root--xx-small_12k0t_95", H = "ds-text_root--theme-dark_12k0t_189", o = {
+  root: z,
+  "root--large": "ds-text_root--large_12k0t_7",
+  rootLarge: j,
+  "root--large-bold": "ds-text_root--large-bold_12k0t_18",
+  rootLargeBold: y,
+  "root--medium": "ds-text_root--medium_12k0t_29",
+  rootMedium: C,
+  "root--medium-bold": "ds-text_root--medium-bold_12k0t_40",
+  rootMediumBold: E,
+  "root--small": "ds-text_root--small_12k0t_51",
+  rootSmall: $,
+  "root--small-bold": "ds-text_root--small-bold_12k0t_62",
+  rootSmallBold: q,
+  "root--x-small": "ds-text_root--x-small_12k0t_73",
+  rootXSmall: A,
+  "root--x-small-bold": "ds-text_root--x-small-bold_12k0t_84",
+  rootXSmallBold: F,
+  "root--xx-small": "ds-text_root--xx-small_12k0t_95",
+  rootXxSmall: G,
+  "root--theme-dark": "ds-text_root--theme-dark_12k0t_189",
+  rootThemeDark: H
+}, O = (i) => {
+  const t = N.c(25);
+  let r, e, s, m, d, a, _;
+  t[0] !== i ? ({
+    children: r,
+    className: e,
+    size: m,
+    tag: d,
+    theme: a,
+    weight: _,
+    ...s
+  } = i, t[0] = i, t[1] = r, t[2] = e, t[3] = s, t[4] = m, t[5] = d, t[6] = a, t[7] = _) : (r = t[1], e = t[2], s = t[3], m = t[4], d = t[5], a = t[6], _ = t[7]);
+  const l = m === void 0 ? "medium" : m, T = d === void 0 ? "p" : d, v = a === void 0 ? "light" : a, x = _ === void 0 ? "normal" : _, k = T, g = l === "large", u = l === "large" && x === "bold", b = l == "medium", S = l === "medium" && x === "bold", h = l == "small", B = l == "small" && x === "bold", X = l == "x-small", f = l == "x-small" && x === "bold", p = l == "xx-small", L = v === "dark";
+  let c;
+  t[8] !== e || t[9] !== B || t[10] !== X || t[11] !== f || t[12] !== p || t[13] !== L || t[14] !== g || t[15] !== u || t[16] !== b || t[17] !== S || t[18] !== h ? (c = w(o.root, e, {
+    [o.rootLarge]: g,
+    [o.rootLargeBold]: u,
+    [o.rootMedium]: b,
+    [o.rootMediumBold]: S,
+    [o.rootSmall]: h,
+    [o.rootSmallBold]: B,
+    [o.rootXSmall]: X,
+    [o.rootXSmallBold]: f,
+    [o.rootXxSmall]: p,
+    [o.rootThemeDark]: L
+  }), t[8] = e, t[9] = B, t[10] = X, t[11] = f, t[12] = p, t[13] = L, t[14] = g, t[15] = u, t[16] = b, t[17] = S, t[18] = h, t[19] = c) : c = t[19];
+  const M = c;
+  let n;
+  return t[20] !== k || t[21] !== r || t[22] !== s || t[23] !== M ? (n = /* @__PURE__ */ D(k, { className: M, ...s, children: r }), t[20] = k, t[21] = r, t[22] = s, t[23] = M, t[24] = n) : n = t[24], n;
+};
+export {
+  O as DSText
+};

package/textarea.CqDSxfcU.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./chunks/helpers.CcqWV-wZ.js";
+import "./chunks/useBreakpoint.CMOR9ZOB.js";
+import "./asterisk.DUzshaw5.js";
+import "./systemfeedback.7I6fnqjX.js";
+import { D as x } from "./chunks/Textarea.CMRn2Aof.js";
+export {
+  x as DSTextarea
+};

package/title.CSCXJnBN.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsxs as L, jsx as U } from "react/jsx-runtime";
+import { d as T } from "./chunks/index.CgTHIF3K.js";
+import { c as D } from "./chunks/index.CEyLAtio.js";
+import './assets/title.B0tsgJ-n.css';const N = "ds-title_root_tt8l3_1", v = "ds-title_root--x-large-uppercase_tt8l3_4", X = "ds-title_root--large-uppercase_tt8l3_20", j = "ds-title_root--theme-dark_tt8l3_36", y = "ds-title_dash_tt8l3_39", c = {
+  root: N,
+  "root--x-large-uppercase": "ds-title_root--x-large-uppercase_tt8l3_4",
+  rootXLargeUppercase: v,
+  "root--large-uppercase": "ds-title_root--large-uppercase_tt8l3_20",
+  rootLargeUppercase: X,
+  "root--theme-dark": "ds-title_root--theme-dark_tt8l3_36",
+  rootThemeDark: j,
+  dash: y
+}, C = (_) => {
+  const t = T.c(18);
+  let e, o, r, s, a, l;
+  t[0] !== _ ? ({
+    children: e,
+    className: o,
+    size: s,
+    tag: a,
+    theme: l,
+    ...r
+  } = _, t[0] = _, t[1] = e, t[2] = o, t[3] = r, t[4] = s, t[5] = a, t[6] = l) : (e = t[1], o = t[2], r = t[3], s = t[4], a = t[5], l = t[6]);
+  const x = s === void 0 ? "x-large" : s, f = a === void 0 ? "h1" : a, k = l === void 0 ? "light" : l, n = f, m = x === "x-large", g = x === "large", h = k === "dark";
+  let i;
+  t[7] !== o || t[8] !== m || t[9] !== g || t[10] !== h ? (i = D(c.root, o, {
+    [c.rootXLargeUppercase]: m,
+    [c.rootLargeUppercase]: g,
+    [c.rootThemeDark]: h
+  }), t[7] = o, t[8] = m, t[9] = g, t[10] = h, t[11] = i) : i = t[11];
+  const u = i;
+  let p;
+  t[12] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ U("span", { className: c.dash, "aria-hidden": "true", children: "ƒ" }), t[12] = p) : p = t[12];
+  let d;
+  return t[13] !== n || t[14] !== e || t[15] !== r || t[16] !== u ? (d = /* @__PURE__ */ L(n, { className: u, ...r, children: [
+    e,
+    p
+  ] }), t[13] = n, t[14] = e, t[15] = r, t[16] = u, t[17] = d) : d = t[17], d;
+};
+export {
+  C as DSTitle
+};

package/toast.BN0v57nF.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CgTHIF3K.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./button.Ywd82k7O.js";
+import "./chunks/Icon.DhKyUWtM.js";
+import { D as a } from "./chunks/Toast.Boi6TEHu.js";
+export {
+  a as DSToast
+};

package/toastmanager.B9CR9plV.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsx as B, jsxs as G } from "react/jsx-runtime";
+import { d as N } from "./chunks/index.CgTHIF3K.js";
+import { createContext as V, useContext as W, useState as I, useRef as $, useEffect as M } from "react";
+import { g as S } from "./chunks/helpers.CcqWV-wZ.js";
+import { b as P, g as y } from "./chunks/AriaLiveRegions.utils.zSFFD3SF.js";
+import { D as z, s as F } from "./chunks/Toast.Boi6TEHu.js";
+import { h as H } from "./chunks/has-window.ut_-aShB.js";
+const J = () => {
+  if (!P() || !y())
+    throw new Error(S("DSToast", 'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'));
+}, K = () => {
+  if (!H)
+    return;
+  if (document.querySelectorAll("[data-ds-toast]").length > 1)
+    throw new Error(S("DSToast", 'The destructured "toast" element should only be used once in the DOM.'));
+}, h = "data-ds-toast-timeout-id", R = "closing", X = 1e4, _ = V(void 0), ae = () => {
+  const r = W(_);
+  if (!r)
+    throw new Error(S("DSToastProvider", "useDSToast must be used within a <DSToastProvider />, which wraps around your root component."));
+  return r;
+}, ce = (r) => {
+  const e = N.c(16), {
+    children: i
+  } = r;
+  let u;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = [], e[0] = u) : u = e[0];
+  const [a, p] = I(u), [o, A] = I(null), s = $(null);
+  let l;
+  e[1] !== o || e[2] !== a ? (l = () => {
+    !o && a.length > 0 && setTimeout(() => {
+      A(a[0]);
+    });
+  }, e[1] = o, e[2] = a, e[3] = l) : l = e[3];
+  let m;
+  e[4] !== a ? (m = [a], e[4] = a, e[5] = m) : m = e[5], M(l, m);
+  let T;
+  e[6] !== o ? (T = [o], e[6] = o, e[7] = T) : T = e[7], M(() => {
+    o && (O(o.message, o.variant), q());
+  }, T);
+  const w = () => {
+    var t;
+    return ((t = s.current) == null ? void 0 : t.getAttribute(h)) || null;
+  }, D = (t) => {
+    var n;
+    (n = s.current) == null || n.setAttribute(h, t);
+  }, C = () => {
+    var t;
+    return (t = s.current) == null ? void 0 : t.removeAttribute(h);
+  }, O = Y, v = (t, n) => {
+    J();
+    const Q = {
+      message: t,
+      hideIcon: n == null ? void 0 : n.hideIcon,
+      variant: (n == null ? void 0 : n.variant) || "info",
+      onClick: () => {
+        L();
+      },
+      onMouseEnter: U,
+      onMouseLeave: j
+    };
+    p((k) => [...k, Q]);
+  }, U = () => {
+    E();
+  }, E = () => {
+    var n;
+    const t = w();
+    t && (clearTimeout(t), (n = s.current) == null || n.removeAttribute(h));
+  }, x = () => {
+    const t = setTimeout(() => {
+      L();
+    }, X);
+    D(String(t));
+  }, j = () => {
+    w() !== R && s.current && x();
+  }, q = () => {
+    var t;
+    K(), o && ((t = s.current) != null && t.showPopover) && (s.current.showPopover(), x());
+  }, L = () => {
+    E(), D(R), s.current && (s.current.addEventListener("animationend", () => {
+      var t;
+      (t = s.current) != null && t.hidePopover && (s.current.hidePopover(), C(), s.current = null, p(Z), A(null));
+    }, {
+      once: !0
+    }), s.current.classList.add(F.rootClosing));
+  };
+  let b, d;
+  e[8] !== v ? (d = {
+    queueDSToastMessage: v
+  }, e[8] = v, e[9] = d) : d = e[9], b = d;
+  const g = b;
+  let c;
+  e[10] !== o ? (c = o ? /* @__PURE__ */ B(z, { ...o, ref: s }) : null, e[10] = o, e[11] = c) : c = e[11];
+  let f;
+  return e[12] !== i || e[13] !== g || e[14] !== c ? (f = /* @__PURE__ */ G(_.Provider, { value: g, children: [
+    c,
+    i
+  ] }), e[12] = i, e[13] = g, e[14] = c, e[15] = f) : f = e[15], f;
+};
+function Y(r, e) {
+  if (e === "warning") {
+    const i = P();
+    i && (i.innerText = r);
+  } else if (e === "success" || e === "info") {
+    const i = y();
+    i && (i.innerText = r);
+  }
+}
+function Z(r) {
+  return r.slice(1);
+}
+export {
+  ce as DSToastProvider,
+  ae as useDSToast
+};

package/utils/render-documentation.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 type DocumentationRenderOptions = {
     hideCodeExample?: boolean;
     hideControls?: boolean;

package/accordion.C6_sqiW2.js

@@ -1,10 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C115EyI4.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./heading.IPIYc5vW.js";
-import "./chunks/Icon.BCmt_XBG.js";
-import { D as e } from "./chunks/Accordion.Bza3TO4Y.js";
-export {
-  e as DSAccordion
-};

package/arialiveregions.2dxodwBP.js

@@ -1,27 +0,0 @@
-"use client";
-import { j as s } from "./chunks/jsx-runtime.C115EyI4.js";
-import { v as e, A as a, a as n } from "./chunks/AriaLiveRegions.utils.Bq6Mp2bE.js";
-import './assets/arialiveregions.DhsijBaL.css';const i = "ds-aria-live-regions_sr-only_2jvmr_1", r = {
-  "sr-only": "ds-aria-live-regions_sr-only_2jvmr_1",
-  srOnly: i
-}, t = () => (e(), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-  /* @__PURE__ */ s.jsx(
-    "span",
-    {
-      id: a,
-      role: "alert",
-      className: r.srOnly
-    }
-  ),
-  /* @__PURE__ */ s.jsx(
-    "span",
-    {
-      id: n,
-      role: "status",
-      className: r.srOnly
-    }
-  )
-] }));
-export {
-  t as DSAriaLiveRegions
-};

package/assets/Accordion.i4k5SMQM.css

@@ -1 +0,0 @@
-.ds-accordion_details_1385s_1{max-width:59.25rem;min-width:18rem;border-bottom:1px solid #B1B1B1}.ds-accordion_details_1385s_1:only-of-type{border-bottom:none}.ds-accordion_details_1385s_1::details-content{block-size:0;overflow:hidden;opacity:0;transition-property:block-size,content-visibility,opacity;transition-behavior:allow-discrete;transition-duration:var(--ds-animation-duration, .25s);transition-timing-function:cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){.ds-accordion_details_1385s_1::details-content{transition-duration:0ms}}.ds-accordion_details_1385s_1[open]::details-content{transition-timing-function:cubic-bezier(0,0,.5,1);block-size:auto;block-size:calc-size(auto);opacity:1}.ds-accordion_details_1385s_1 a:not([class]){display:inline;padding-inline-end:2px;padding-inline-start:2px;padding-block-start:0;padding-block-end:0;line-height:inherit;font-size:inherit;text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}:where(.ds-accordion_details_1385s_1 a:not([class]))[href^="http://"]:after,:where(.ds-accordion_details_1385s_1 a:not([class]))[href^="https://"]:after,:where(.ds-accordion_details_1385s_1 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}.ds-accordion_details_1385s_1 a:not([class]){color:#252525}.ds-accordion_details_1385s_1 a:not([class]):link,.ds-accordion_details_1385s_1 a:not([class]):visited{color:#252525}.ds-accordion_details_1385s_1 a:not([class]):active{background-color:#0000001a;color:#252525}@media (hover: hover){.ds-accordion_details_1385s_1 a:not([class]):hover{background-color:#0000001a;color:#252525}}@media screen and (hover: hover) and (forced-colors: active){.ds-accordion_details_1385s_1 a:not([class]):hover{background-color:Canvas}}.ds-accordion_details_1385s_1 a:not([class])[href^="http://"]:after,.ds-accordion_details_1385s_1 a:not([class])[href^="https://"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ds-accordion_details_1385s_1 a:not([class])[href^="#"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E")}.ds-accordion_details_1385s_1 a:not([class]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-accordion_details_1385s_1 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-accordion_details_1385s_1 a:not([class]):focus{outline:revert;outline-offset:revert}.ds-accordion_details_1385s_1 a:not([class]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-accordion_details_1385s_1 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-accordion_details_1385s_1 a:not([class]){transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-accordion_details_1385s_1 a:not([class]){transition-duration:0ms}}@media (min-width: 1024px){.ds-accordion_details_1385s_1{min-width:13.3125rem}}.ds-accordion_summary_1385s_120{cursor:pointer;padding-block-start:12px;padding-inline-end:16px;padding-block-end:12px;padding-inline-start:16px;list-style:none}.ds-accordion_summary_1385s_120:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-accordion_summary_1385s_120:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-accordion_summary_1385s_120:focus{outline:revert;outline-offset:revert}.ds-accordion_summary_1385s_120:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-accordion_summary_1385s_120:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-accordion_summary_1385s_120::-webkit-details-marker{display:none}.ds-accordion_summary--utility--m_1385s_159{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}.ds-accordion_summary_1385s_120{transition:background-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-accordion_summary_1385s_120{transition-duration:0ms}}@media (hover: hover){.ds-accordion_summary_1385s_120:hover{background-color:#ededed}}@media screen and (hover: hover) and (forced-colors: active){.ds-accordion_summary_1385s_120:hover{background-color:Highlight}}.ds-accordion_summary--flush_1385s_188{color:#252525;position:relative;padding-inline-start:0;padding-inline-end:0}@media (hover: hover){.ds-accordion_summary--flush_1385s_188:hover:before{background-color:#ededed}}@media screen and (hover: hover) and (forced-colors: active){.ds-accordion_summary--flush_1385s_188:hover:before{background-color:Highlight}}@media screen and (hover: hover) and (forced-colors: active){.ds-accordion_summary--flush_1385s_188:hover{background-color:transparent}}.ds-accordion_summary--flush_1385s_188:before{content:"";position:absolute;top:0;right:-16px;bottom:0;left:-16px}.ds-accordion_summary--flush_1385s_188:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-accordion_summary--flush_1385s_188:before{transition-duration:0ms}}.ds-accordion_summary--flush_1385s_188:focus,.ds-accordion_summary--flush_1385s_188:focus-visible{outline:none}.ds-accordion_summary--flush_1385s_188:focus:before{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-accordion_summary--flush_1385s_188:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-accordion_summary--flush_1385s_188:focus:before{outline:revert;outline-offset:revert}.ds-accordion_summary--flush_1385s_188:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-accordion_summary--flush_1385s_188:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}.ds-accordion_summary--small_1385s_256{padding-block-start:8px;padding-block-end:8px}.ds-accordion_summary-content-wrapper_1385s_261{display:flex;justify-content:space-between;align-items:center;gap:16px}.ds-accordion_summary-content-wrapper--flush_1385s_267{position:relative;z-index:1}.ds-accordion_summary-content-wrapper--chevron-left_1385s_271{flex-flow:row-reverse;justify-content:flex-end}.ds-accordion_heading-summary-wrapper_1385s_276{flex-grow:1}.ds-accordion_hint_1385s_280{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;display:block;margin-block-start:4px}.ds-accordion_icon_1385s_294{transform:rotate(0)}.ds-accordion_icon_1385s_294{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){.ds-accordion_icon_1385s_294{transition-duration:0ms}}.ds-accordion_icon--open_1385s_305{transform:rotate(-180deg)}.ds-accordion_icon--open_1385s_305{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-accordion_icon--open_1385s_305{transition-duration:0ms}}.ds-accordion_content-wrapper_1385s_317{padding-block-start:4px;padding-inline-end:16px;padding-block-end:32px;padding-inline-start:16px}.ds-accordion_content-wrapper--flush_1385s_323{padding-inline-start:0;padding-inline-end:0}.ds-accordion_content-wrapper--small_1385s_327{padding-block-start:4px;padding-block-end:20px}

package/assets/Tabs.DUqlqP6R.css

@@ -1 +0,0 @@
-.ds-tabs_tabs-wrapper_infm4_1{position:relative;grid-column:main-start/main-end}.ds-tabs_scroll-wrapper_infm4_6{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative;scrollbar-width:none}.ds-tabs_scroll-wrapper_infm4_6::-webkit-scrollbar{display:none}.ds-tabs_scroller_infm4_17{display:flex;flex-wrap:nowrap;min-width:min-content;border-bottom:1px solid #DADADA}.ds-tabs_scroller--centered_infm4_23{justify-content:center}.ds-tabs_tab_infm4_1{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.414;position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;color:#252525;gap:8px;height:63px;padding-block:0px;padding-inline:var(--ds-spacing-dynamic-xs);border:none;outline:none;cursor:pointer;white-space:nowrap;background-color:#fff}.ds-tabs_tab_infm4_1:focus{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tab_infm4_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-tabs_tab_infm4_1:focus{outline:revert;outline-offset:revert}.ds-tabs_tab_infm4_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tab_infm4_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-tabs_tab_infm4_1:hover{background-color:#ededed}.ds-tabs_tab_infm4_1[aria-selected=true]{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.426}.ds-tabs_scroll-button_infm4_98{position:absolute;top:50%;transform:translateY(-50%)}.ds-tabs_scroll-button--hidden_infm4_103{opacity:0;pointer-events:none}.ds-tabs_scroll-button--right_infm4_107{right:0}.ds-tabs_scroll-button_infm4_98{transition:opacity var(--ds-animation-duration, .1s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-tabs_scroll-button_infm4_98{transition-duration:0ms}}.ds-tabs_indicator_infm4_119{position:absolute;left:0;bottom:0;height:4px;background-color:#e9640c}.ds-tabs_indicator_infm4_119{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1),width var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-tabs_indicator_infm4_119{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-tabs_indicator_infm4_119{background-color:Highlight}}

package/assets/linkstandalone.DIazcjIv.css

@@ -1 +0,0 @@
-.ds-link-standalone_root_1ubnn_1{display:inline-flex;align-items:center;height:fit-content;gap:6px;padding-inline-end:4px;padding-inline-start:4px;padding-block-start:2px;padding-block-end:2px;text-decoration-color:transparent;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;color:#252525}.ds-link-standalone_root_1ubnn_1:link,.ds-link-standalone_root_1ubnn_1:visited{color:#252525}.ds-link-standalone_root_1ubnn_1:active{background-color:#0000001a;color:#252525}@media (hover: hover){.ds-link-standalone_root_1ubnn_1:hover{background-color:#0000001a;color:#252525}}@media screen and (hover: hover) and (forced-colors: active){.ds-link-standalone_root_1ubnn_1:hover{background-color:Canvas}}.ds-link-standalone_root_1ubnn_1:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-link-standalone_root_1ubnn_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-link-standalone_root_1ubnn_1:focus{outline:revert;outline-offset:revert}.ds-link-standalone_root_1ubnn_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-link-standalone_root_1ubnn_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-link-standalone_root--highlight_1ubnn_68,.ds-link-standalone_root--highlight_1ubnn_68:link,.ds-link-standalone_root--highlight_1ubnn_68:visited{color:#1e71a1}.ds-link-standalone_root--highlight_1ubnn_68:active{color:#19618b}@media (hover: hover){.ds-link-standalone_root--highlight_1ubnn_68:hover{color:#19618b}}.ds-link-standalone_root--neutral-dark_1ubnn_82,.ds-link-standalone_root--neutral-dark_1ubnn_82:link,.ds-link-standalone_root--neutral-dark_1ubnn_82:visited{color:#fff}.ds-link-standalone_root--neutral-dark_1ubnn_82:active{background-color:#ffffff26;color:#fff}@media (hover: hover){.ds-link-standalone_root--neutral-dark_1ubnn_82:hover{background-color:#ffffff26;color:#fff}}@media screen and (hover: hover) and (forced-colors: active){.ds-link-standalone_root--neutral-dark_1ubnn_82:hover{background-color:Canvas}}.ds-link-standalone_root--neutral-dark_1ubnn_82:focus{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){.ds-link-standalone_root--neutral-dark_1ubnn_82:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-link-standalone_root--neutral-dark_1ubnn_82:focus{outline:revert;outline-offset:revert}.ds-link-standalone_root--neutral-dark_1ubnn_82:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){.ds-link-standalone_root--neutral-dark_1ubnn_82:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-link-standalone_root--highlight-dark_1ubnn_131,.ds-link-standalone_root--highlight-dark_1ubnn_131:link,.ds-link-standalone_root--highlight-dark_1ubnn_131:visited{color:#8dcfe8}.ds-link-standalone_root--highlight-dark_1ubnn_131:active{background-color:#ffffff26;color:#8dcfe8}@media (hover: hover){.ds-link-standalone_root--highlight-dark_1ubnn_131:hover{background-color:#ffffff26;color:#8dcfe8}}@media screen and (hover: hover) and (forced-colors: active){.ds-link-standalone_root--highlight-dark_1ubnn_131:hover{background-color:Canvas}}.ds-link-standalone_root--highlight-dark_1ubnn_131:focus{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){.ds-link-standalone_root--highlight-dark_1ubnn_131:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-link-standalone_root--highlight-dark_1ubnn_131:focus{outline:revert;outline-offset:revert}.ds-link-standalone_root--highlight-dark_1ubnn_131:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){.ds-link-standalone_root--highlight-dark_1ubnn_131:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-link-standalone_root--active_1ubnn_180{text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}.ds-link-standalone_root--icon-left_1ubnn_187{flex-direction:row-reverse}.ds-link-standalone_root_1ubnn_1{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-link-standalone_root_1ubnn_1{transition-duration:0ms}}.ds-link-standalone_root_1ubnn_1 svg{fill:currentColor}

package/asterisk.DpzETKdT.js

@@ -1,8 +0,0 @@
-"use client";
-import { j as s } from "./chunks/jsx-runtime.C115EyI4.js";
-import './assets/asterisk.BfVAUBO7.css';const t = "ds-asterisk_root_1nm42_1", o = {
-  root: t
-}, e = () => /* @__PURE__ */ s.jsx("span", { className: o.root, "aria-hidden": "true", children: "*" });
-export {
-  e as Asterisk
-};