@stihl-design-system/components 1.0.0-RC.13 → 1.0.0-RC.15

package/{radio.DEILy_lV.js → radio.DZEIaDlU.js}

@@ -1,9 +1,9 @@
 "use client";
-import { j as i } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as h } from "./chunks/index.CvOaL64Y.js";
+import { j as i } from "./chunks/jsx-runtime.BteaETFx.js";
+import { c as h } from "./chunks/index.CEyLAtio.js";
 import { forwardRef as $, useRef as C, useState as E, useEffect as L, useCallback as O } from "react";
-import { u as P } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import './assets/radio.X-RTl_jo.css';const v = (o) => o.replace(/\s+/g, ""), U = "ds-radio_root_tdhm5_1", q = "ds-radio_root--disabled_tdhm5_21", z = "ds-radio_root--with-custom-area_tdhm5_24", F = "ds-radio_radio_tdhm5_28", G = "ds-radio_dot_tdhm5_45", J = "ds-radio_radio--invalid_tdhm5_69", K = "ds-radio_label_tdhm5_74", M = "ds-radio_label--bold_tdhm5_88", Q = "ds-radio_label--hidden_tdhm5_99", T = "ds-radio_label--with-custom-area_tdhm5_111", X = "ds-radio_custom-area_tdhm5_115", Y = "ds-radio_hint_tdhm5_123", Z = "ds-radio_hint--visible_tdhm5_146", tt = "ds-radio_hint--unchecked-hidden_tdhm5_150", dt = "ds-radio_hint--hidden_tdhm5_155", et = "ds-radio_input_tdhm5_168", t = {
+import { u as P } from "./chunks/useBreakpoint.BzR_yaIv.js";
+import './assets/radio.CGf7v0D_.css';const v = (o) => o.replace(/\s+/g, ""), U = "ds-radio_root_tdhm5_1", q = "ds-radio_root--disabled_tdhm5_21", z = "ds-radio_root--with-custom-area_tdhm5_24", F = "ds-radio_radio_tdhm5_28", G = "ds-radio_dot_tdhm5_45", J = "ds-radio_radio--invalid_tdhm5_69", K = "ds-radio_label_tdhm5_74", M = "ds-radio_label--bold_tdhm5_88", Q = "ds-radio_label--hidden_tdhm5_99", T = "ds-radio_label--with-custom-area_tdhm5_111", X = "ds-radio_custom-area_tdhm5_115", Y = "ds-radio_hint_tdhm5_123", Z = "ds-radio_hint--visible_tdhm5_146", tt = "ds-radio_hint--unchecked-hidden_tdhm5_150", dt = "ds-radio_hint--hidden_tdhm5_155", et = "ds-radio_input_tdhm5_168", t = {
   root: U,
   "root--disabled": "ds-radio_root--disabled_tdhm5_21",
   rootDisabled: q,

package/radiogroup.BNohLQGM.js

@@ -0,0 +1,10 @@
+"use client";
+import "./chunks/jsx-runtime.BteaETFx.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./chunks/Fieldset.CPuNSQNU.js";
+import "./radio.DZEIaDlU.js";
+import { D as a } from "./chunks/RadioGroup.DVyupPKV.js";
+export {
+  a as DSRadioGroup
+};

package/select.CZvgpafD.js

@@ -0,0 +1,12 @@
+"use client";
+import "./chunks/jsx-runtime.BteaETFx.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./chunks/useBreakpoint.BzR_yaIv.js";
+import "./asterisk.DdCXwXQh.js";
+import "./chunks/Icon.CvVRQw6C.js";
+import "./systemfeedback.bHSsfiy3.js";
+import { D as s } from "./chunks/Select.ByKUcvrB.js";
+export {
+  s as DSSelect
+};

package/{skiptocontent.BxvpIB7H.js → skiptocontent.CoC8Rk8k.js}

@@ -1,10 +1,10 @@
 "use client";
-import { j as k } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as p } from "./chunks/index.CvOaL64Y.js";
-import { g as s } from "./chunks/helpers.B1JT5ShS.js";
+import { j as k } from "./chunks/jsx-runtime.BteaETFx.js";
+import { c as p } from "./chunks/index.CEyLAtio.js";
+import { g as s } from "./chunks/helpers.CcqWV-wZ.js";
 import "react";
-import { DSLink as c } from "./link.DREJAoPG.js";
-import './assets/skiptocontent.PTL3256m.css';const h = "ds-skip-to-content_root_uqkjt_1", m = "ds-skip-to-content_root--dark_uqkjt_8", r = {
+import { DSLink as c } from "./link.DsNdcAjt.js";
+import './assets/skiptocontent.CTSDC_kG.css';const h = "ds-skip-to-content_root_uqkjt_1", m = "ds-skip-to-content_root--dark_uqkjt_8", r = {
   root: h,
   "root--dark": "ds-skip-to-content_root--dark_uqkjt_8",
   rootDark: m

package/{spinner.Bq97Og-6.js → spinner.pcu39V2a.js}

@@ -1,8 +1,8 @@
 "use client";
-import { j as s } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as l } from "./chunks/index.CvOaL64Y.js";
-import { D as m } from "./chunks/Icon.BCmt_XBG.js";
-import './assets/spinner.2iWJWKyA.css';const _ = "ds-spinner_root_15hmy_1", d = "ds-spinner_root-size-small_15hmy_7", z = "ds-spinner_root-size-medium_15hmy_11", c = "ds-spinner_root-size-large_15hmy_15", h = "ds-spinner_root-size-x-large_15hmy_19", p = "ds-spinner_root-size-inherit_15hmy_23", S = "ds-spinner_rotate_15hmy_1", y = "ds-spinner_screenReaderOnly_15hmy_48", e = {
+import { j as s } from "./chunks/jsx-runtime.BteaETFx.js";
+import { c as l } from "./chunks/index.CEyLAtio.js";
+import { D as m } from "./chunks/Icon.CvVRQw6C.js";
+import './assets/spinner.BJ5xwnYH.css';const _ = "ds-spinner_root_15hmy_1", d = "ds-spinner_root-size-small_15hmy_7", z = "ds-spinner_root-size-medium_15hmy_11", c = "ds-spinner_root-size-large_15hmy_15", h = "ds-spinner_root-size-x-large_15hmy_19", p = "ds-spinner_root-size-inherit_15hmy_23", S = "ds-spinner_rotate_15hmy_1", y = "ds-spinner_screenReaderOnly_15hmy_48", e = {
   root: _,
   "root-size-small": "ds-spinner_root-size-small_15hmy_7",
   rootSizeSmall: d,

package/styles/scss/ds/lib/theme.scss

@@ -69,6 +69,7 @@ $theme-light-background-color-sustainability: $color-core-forest-light;
 $theme-light-background-color-tertiary: $color-core-grey-light;
 $theme-light-background-color-transparent-hover: $color-core-black-opacity-10;
 $theme-light-background-color-transparent-pressed: $color-core-black-opacity-10;
+$theme-light-background-color-transparent: $color-core-black-opacity-10;
 $theme-light-border-color-feedback-error: $color-core-red-base;
 $theme-light-border-color-feedback-info: $color-core-grey-dark;
 $theme-light-border-color-feedback-success: $color-core-green-base;
@@ -127,6 +128,7 @@ $theme-dark-background-color-sustainability: $color-core-grey-deep;
 $theme-dark-background-color-tertiary: $color-core-grey-ultra-deep;
 $theme-dark-background-color-transparent-hover: $color-core-white-opacity-15;
 $theme-dark-background-color-transparent-pressed: $color-core-white-opacity-15;
+$theme-dark-background-color-transparent: $color-core-white-opacity-15;
 $theme-dark-border-color-feedback-error: $color-core-red-base;
 $theme-dark-border-color-feedback-info: $color-core-grey-dark;
 $theme-dark-border-color-feedback-success: $color-core-green-base;

package/{switch.DI8YYa5G.js → switch.DaPoGnX-.js}

@@ -1,10 +1,10 @@
 "use client";
-import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as w } from "./chunks/index.CvOaL64Y.js";
+import { j as t } from "./chunks/jsx-runtime.BteaETFx.js";
+import { c as w } from "./chunks/index.CEyLAtio.js";
 import "react";
-import { D as b } from "./chunks/Icon.BCmt_XBG.js";
-import { DSSpinner as p } from "./spinner.Bq97Og-6.js";
-import './assets/switch.gw6aa3kx.css';const f = "ds-switch_root_gdcld_1", x = "ds-switch_root--label-right_gdcld_40", j = "ds-switch_root--stretched_gdcld_43", k = "ds-switch_loader_gdcld_53", S = "ds-switch_thumb_gdcld_111", C = "ds-switch_root--checked_gdcld_126", s = {
+import { D as b } from "./chunks/Icon.CvVRQw6C.js";
+import { DSSpinner as p } from "./spinner.pcu39V2a.js";
+import './assets/switch.Bc9KIyw9.css';const f = "ds-switch_root_gdcld_1", x = "ds-switch_root--label-right_gdcld_40", j = "ds-switch_root--stretched_gdcld_43", k = "ds-switch_loader_gdcld_53", S = "ds-switch_thumb_gdcld_111", C = "ds-switch_root--checked_gdcld_126", s = {
   root: f,
   "root--label-right": "ds-switch_root--label-right_gdcld_40",
   rootLabelRight: x,

package/{systemfeedback.C3Pfxxpp.js → systemfeedback.bHSsfiy3.js}

@@ -1,8 +1,8 @@
 "use client";
-import { j as o } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c } from "./chunks/index.CvOaL64Y.js";
-import { D as n } from "./chunks/Icon.BCmt_XBG.js";
-import './assets/systemfeedback.BPz5YlPC.css';const i = "ds-system-feedback_root_1l65g_1", l = {
+import { j as o } from "./chunks/jsx-runtime.BteaETFx.js";
+import { c } from "./chunks/index.CEyLAtio.js";
+import { D as n } from "./chunks/Icon.CvVRQw6C.js";
+import './assets/systemfeedback.DoqgHZPH.css';const i = "ds-system-feedback_root_1l65g_1", l = {
   root: i
 }, m = {
   valid: "circle-check-colored",

package/tablist.BCOOuiX4.js

@@ -0,0 +1,258 @@
+"use client";
+import { j as l } from "./chunks/jsx-runtime.BteaETFx.js";
+import { c as b } from "./chunks/index.CEyLAtio.js";
+import { useState as E, useRef as v, useEffect as ot } from "react";
+import { h as W } from "./chunks/has-window.ut_-aShB.js";
+import { g as nt } from "./chunks/helpers.CcqWV-wZ.js";
+import { u as j } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { DSButton as K } from "./button.Nknx8eP1.js";
+import { D as st } from "./chunks/Icon.CvVRQw6C.js";
+import { NumberIndicator as ct } from "./numberindicator.kZ-G6BbU.js";
+import { a as X, g as it } from "./chunks/TabPane.utils.CWMN6Tsy.js";
+import { s as i, N as at } from "./chunks/NavigationTabList.D3zzmWIL.js";
+const C = () => {
+  if (W) {
+    const u = getComputedStyle(document.documentElement).getPropertyValue("--ds-animation-duration").trim();
+    return u === "0s" || u === "0ms";
+  } else
+    return !0;
+}, m = (u) => W && (u == null ? void 0 : u.getBoundingClientRect()) || DOMRect.fromRect({ x: 0, y: 0, width: 0, height: 0 }), R = 48, yt = ({
+  aria: u,
+  id: L,
+  selectedTabIndex: s,
+  setSelectedTabIndex: _,
+  tabs: f,
+  alignment: M = "left",
+  className: q,
+  defaultSelectedTabIndex: F = 0,
+  isNavigation: T,
+  onTabChange: x,
+  ...G
+}) => {
+  const [I, h] = E(
+    F
+  ), [Q, V] = E(!1), [J, U] = E(!1), p = v([]), d = v(null), c = v(null), a = v(null), w = v(!1), P = v(s), S = () => {
+    A(), Y();
+  };
+  j(() => {
+    const t = new ResizeObserver(S);
+    return c.current && t.observe(c.current), () => {
+      t.disconnect();
+    };
+  }, []), j(() => {
+    var o;
+    const t = [
+      "16px 'STIHL Contraface Digital Text Regular'",
+      "14px 'STIHL Contraface Digital Text Demi'",
+      "16px 'STIHL Contraface Digital Text Bold'"
+    ];
+    Promise.all(t.map((n) => document.fonts.load(n))).then(() => {
+      N(s), y("next", s, "instant"), A(), w.current = !0;
+    }).catch((n) => {
+      throw new Error(
+        nt(
+          "DSTabs",
+          `The component requires the fonts to be loaded: ${n}`
+        )
+      );
+    });
+    const e = () => {
+      !w.current || !a.current || (r.matches ? a.current.style.transitionDuration = "0s" : a.current.style.transitionDuration = "");
+    }, r = window.matchMedia("(prefers-reduced-motion: reduce)");
+    return r.addEventListener("change", e), (o = c.current) == null || o.addEventListener("scroll", S), () => {
+      var n;
+      r.removeEventListener("change", e), (n = c.current) == null || n.removeEventListener("scroll", S);
+    };
+  }, [f, M]), j(() => {
+    if (w.current && (N(s), T)) {
+      const t = z(s);
+      h(s), y(t, s);
+    }
+    P.current = s;
+  }, [s]), ot(() => {
+    var t;
+    w.current && ((t = p.current[I]) == null || t.focus());
+  }, [I]);
+  const D = (t) => {
+    const e = z(t);
+    _(t), h(t), y(e, t), x && x(t);
+  }, z = (t) => {
+    const e = m(c.current), r = m(p.current[t]);
+    let o = "next";
+    return r.left - R < e.left ? o = "prev" : r.right + R > e.right ? o = "next" : o = s < t ? "next" : "prev", o;
+  }, A = () => {
+    if (c.current && d.current) {
+      const t = m(c.current), e = m(d.current);
+      V(e.left < t.left), U(e.right > t.right + 4);
+    }
+  }, H = (t = 0) => {
+    W && a.current && !C() && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && setTimeout(() => {
+      a.current && (a.current.style.transitionDuration = "250ms");
+    }, t);
+  }, Y = () => {
+    a.current && (a.current.style.transitionDuration = "0s", N(P.current), H());
+  }, N = (t) => {
+    const e = a.current, r = m(p.current[t]), o = m(d.current), n = r.left - o.left;
+    e && (w.current ? (e.style.width = `${r.width}px`, e.style.transform = `translateX(${n}px)`) : (e.style.transitionDuration = "0s", e.style.transform = `translateX(${n}px)`, e.style.width = `${r.width}px`, H(50)));
+  }, Z = (t, e) => {
+    let r;
+    switch (t.key) {
+      case "ArrowLeft":
+        r = (e > 0 ? e : f.length) - 1, h(r);
+        break;
+      case "ArrowRight":
+        r = (e + 1) % f.length, h(r);
+        break;
+      case "Home":
+        r = 0, h(r);
+        break;
+      case "End":
+        r = f.length - 1, h(r);
+        break;
+      case "Enter":
+      case " ":
+        D(e);
+        return;
+      default:
+        return;
+    }
+    if (r !== void 0) {
+      const o = r > e ? "next" : "prev";
+      setTimeout(() => y(o, r), 0);
+    }
+    t.preventDefault();
+  }, tt = (t, e) => {
+    let r;
+    switch (t.key) {
+      case "Tab":
+        if (t.shiftKey) {
+          r = e - 1 < 0 ? 0 : e - 1, h(r), e !== 0 && t.preventDefault();
+          break;
+        } else
+          r = e + 1 > f.length - 1 ? e : e + 1, h(r), e !== f.length - 1 && t.preventDefault();
+        break;
+      case "Enter":
+        D(e);
+        return;
+      default:
+        return;
+    }
+    if (r !== void 0) {
+      const o = r > e ? "next" : "prev";
+      setTimeout(() => y(o, r), 0);
+    }
+  }, y = (t, e, r = "smooth") => {
+    const o = p.current[e], n = c.current, g = m(o), B = m(n);
+    let k;
+    if (!(!o || !n)) {
+      if (t === "prev") {
+        if (g.left - R > B.left)
+          return;
+        k = o.offsetLeft - R;
+      } else {
+        if (g.right + R < B.right)
+          return;
+        k = o.offsetLeft + o.offsetWidth - B.width + R;
+      }
+      n.scrollTo({
+        left: k,
+        behavior: C() ? "instant" : r
+      });
+    }
+  }, O = (t) => {
+    var r;
+    const e = et(t);
+    (r = c.current) == null || r.scrollTo({
+      left: e,
+      behavior: C() ? "instant" : "smooth"
+    });
+  }, et = (t) => {
+    if (!d.current || !c.current)
+      return 0;
+    const { scrollLeft: e, offsetWidth: r } = c.current, o = Math.round(r * 0.2);
+    return t === "next" ? e + o : e - o;
+  }, $ = b(i.scroller, {
+    [i.scrollerCentered]: M === "center"
+  }), rt = T ? "nav" : "div";
+  return /* @__PURE__ */ l.jsxs("div", { className: b(i.tabsWrapper, q), ...G, children: [
+    /* @__PURE__ */ l.jsxs(
+      rt,
+      {
+        className: i.scrollWrapper,
+        ref: c,
+        ...u,
+        children: [
+          T ? /* @__PURE__ */ l.jsx(
+            at,
+            {
+              tabs: f,
+              tabRefs: p,
+              scrollerRef: d,
+              handleNavigationKeydown: tt,
+              scrollerClass: $,
+              selectedTabIndex: s,
+              setSelectedTab: D
+            }
+          ) : /* @__PURE__ */ l.jsx("div", { role: "tablist", className: $, ref: d, children: f.map(
+            ({ id: t, label: e, iconName: r, numberIndicatorValue: o }, n) => /* @__PURE__ */ l.jsxs(
+              "button",
+              {
+                id: X(L, t),
+                role: "tab",
+                "aria-selected": s === n,
+                "aria-controls": it(L, t, n),
+                tabIndex: s === n ? 0 : -1,
+                className: i.tab,
+                ref: (g) => {
+                  p.current[n] = g;
+                },
+                onClick: () => D(n),
+                onKeyDown: (g) => Z(g, n),
+                children: [
+                  r && /* @__PURE__ */ l.jsx(st, { name: r, "aria-hidden": "true" }),
+                  e,
+                  o && /* @__PURE__ */ l.jsx(ct, { label: o })
+                ]
+              },
+              X(L, t)
+            )
+          ) }),
+          /* @__PURE__ */ l.jsx("span", { className: i.indicator, ref: a })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l.jsx(
+      K,
+      {
+        variant: "filled",
+        className: b(i.scrollButton, {
+          [i.scrollButtonHidden]: !Q
+        }),
+        hideLabel: !0,
+        iconName: "chevron-left",
+        tabIndex: -1,
+        size: "small",
+        onClick: () => O("prev"),
+        children: "Left"
+      }
+    ),
+    /* @__PURE__ */ l.jsx(
+      K,
+      {
+        variant: "filled",
+        className: b(i.scrollButton, i.scrollButtonRight, {
+          [i.scrollButtonHidden]: !J
+        }),
+        hideLabel: !0,
+        iconName: "chevron-right",
+        tabIndex: -1,
+        size: "small",
+        onClick: () => O("next"),
+        children: "Right"
+      }
+    )
+  ] });
+};
+export {
+  yt as TabList
+};

package/tablist.d.ts

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

package/tabpane.CAy_cIi3.js

@@ -0,0 +1,37 @@
+"use client";
+import { j as m } from "./chunks/jsx-runtime.BteaETFx.js";
+import { c as u } from "./chunks/index.CEyLAtio.js";
+import { useRef as p, useState as f, useEffect as i } from "react";
+import { c as d, g as E, a as x } from "./chunks/TabPane.utils.CWMN6Tsy.js";
+import './assets/tabpane.D1LTb432.css';const g = "ds-tabs_tabpane_30tnb_1", h = {
+  tabpane: g
+}, T = ({
+  id: a,
+  content: s,
+  index: t,
+  selectedTabIndex: o,
+  tabListId: n,
+  className: l
+}) => {
+  const e = p(null), [r, c] = f(!1);
+  i(() => {
+    e.current && c(d(e.current));
+  }, [s]);
+  const b = u(h.tabpane, l);
+  return /* @__PURE__ */ m.jsx(
+    "div",
+    {
+      id: E(n, a, t),
+      role: "tabpanel",
+      "aria-labelledby": x(n, a),
+      hidden: o !== t,
+      tabIndex: r ? void 0 : 0,
+      ref: e,
+      className: b,
+      children: s
+    }
+  );
+};
+export {
+  T as TabPane
+};

package/tabpane.d.ts

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

package/tabs.d.ts

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

package/tabs.jdCTjBr0.js

@@ -0,0 +1,10 @@
+"use client";
+import "./chunks/jsx-runtime.BteaETFx.js";
+import "react";
+import "./tablist.BCOOuiX4.js";
+import "./tabpane.CAy_cIi3.js";
+import "./chunks/TabPane.utils.CWMN6Tsy.js";
+import { D as s } from "./chunks/Tabs.UwweipbU.js";
+export {
+  s as DSTabs
+};

package/{text.DThvTwm8.js → text.C5UzzMI9.js}

@@ -1,7 +1,7 @@
 "use client";
-import { j as x } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as k } from "./chunks/index.CvOaL64Y.js";
-import './assets/text.DjTG_qNb.css';const c = "ds-text_root_12k0t_1", n = "ds-text_root--large_12k0t_7", u = "ds-text_root--large-bold_12k0t_18", b = "ds-text_root--medium_12k0t_29", S = "ds-text_root--medium-bold_12k0t_40", g = "ds-text_root--small_12k0t_51", B = "ds-text_root--small-bold_12k0t_62", i = "ds-text_root--x-small_12k0t_73", X = "ds-text_root--x-small-bold_12k0t_84", L = "ds-text_root--xx-small_12k0t_95", M = "ds-text_root--theme-dark_12k0t_189", o = {
+import { j as x } from "./chunks/jsx-runtime.BteaETFx.js";
+import { c as k } from "./chunks/index.CEyLAtio.js";
+import './assets/text.BlRcxO8n.css';const c = "ds-text_root_12k0t_1", n = "ds-text_root--large_12k0t_7", u = "ds-text_root--large-bold_12k0t_18", b = "ds-text_root--medium_12k0t_29", S = "ds-text_root--medium-bold_12k0t_40", g = "ds-text_root--small_12k0t_51", B = "ds-text_root--small-bold_12k0t_62", i = "ds-text_root--x-small_12k0t_73", X = "ds-text_root--x-small-bold_12k0t_84", L = "ds-text_root--xx-small_12k0t_95", M = "ds-text_root--theme-dark_12k0t_189", o = {
   root: c,
   "root--large": "ds-text_root--large_12k0t_7",
   rootLarge: n,

package/textarea.D9XTlEUz.js

@@ -0,0 +1,12 @@
+"use client";
+import "./chunks/jsx-runtime.BteaETFx.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./chunks/helpers.CcqWV-wZ.js";
+import "./chunks/useBreakpoint.BzR_yaIv.js";
+import "./asterisk.DdCXwXQh.js";
+import "./systemfeedback.bHSsfiy3.js";
+import { D as x } from "./chunks/Textarea.BzHIGYVB.js";
+export {
+  x as DSTextarea
+};

package/{title.DqzdB2Gq.js → title.B2VKsF9O.js}

@@ -1,7 +1,7 @@
 "use client";
-import { j as r } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as d } from "./chunks/index.CvOaL64Y.js";
-import './assets/title.rosWPEG3.css';const g = "ds-title_root_tt8l3_1", i = "ds-title_root--x-large-uppercase_tt8l3_4", n = "ds-title_root--large-uppercase_tt8l3_20", h = "ds-title_root--theme-dark_tt8l3_36", m = "ds-title_dash_tt8l3_39", t = {
+import { j as r } from "./chunks/jsx-runtime.BteaETFx.js";
+import { c as d } from "./chunks/index.CEyLAtio.js";
+import './assets/title.B0tsgJ-n.css';const g = "ds-title_root_tt8l3_1", i = "ds-title_root--x-large-uppercase_tt8l3_4", n = "ds-title_root--large-uppercase_tt8l3_20", h = "ds-title_root--theme-dark_tt8l3_36", m = "ds-title_dash_tt8l3_39", t = {
   root: g,
   "root--x-large-uppercase": "ds-title_root--x-large-uppercase_tt8l3_4",
   rootXLargeUppercase: i,

package/toast.D2BnxnFr.js

@@ -0,0 +1,10 @@
+"use client";
+import "./chunks/jsx-runtime.BteaETFx.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./button.Nknx8eP1.js";
+import "./chunks/Icon.CvVRQw6C.js";
+import { D as s } from "./chunks/Toast.CwalSzYB.js";
+export {
+  s as DSToast
+};

package/{toastmanager.B7EZ4JSI.js → toastmanager.CzDos3Ik.js}

@@ -1,12 +1,12 @@
 "use client";
-import { j as g } from "./chunks/jsx-runtime.C115EyI4.js";
+import { j as g } from "./chunks/jsx-runtime.BteaETFx.js";
 import { createContext as y, useContext as C, useState as S, useRef as O, useEffect as A, useMemo as j } from "react";
-import { g as a } from "./chunks/helpers.B1JT5ShS.js";
-import { b as E, g as w } from "./chunks/AriaLiveRegions.utils.BGSZafnS.js";
-import { D as _, s as U } from "./chunks/Toast.DyEi2GEP.js";
-import { h as q } from "./chunks/has-document.r9i9TxKV.js";
+import { g as a } from "./chunks/helpers.CcqWV-wZ.js";
+import { b as D, g as E } from "./chunks/AriaLiveRegions.utils.Bq6Mp2bE.js";
+import { D as _, s as U } from "./chunks/Toast.CwalSzYB.js";
+import { h as q } from "./chunks/has-window.ut_-aShB.js";
 const Q = () => {
-  if (!E() || !w())
+  if (!D() || !E())
     throw new Error(
       a(
         "DSToast",
@@ -23,7 +23,7 @@ const Q = () => {
         'The destructured "toast" element should only be used once in the DOM.'
       )
     );
-}, i = "data-ds-toast-timeout-id", D = "closing", B = 1e4, x = y(void 0), J = () => {
+}, i = "data-ds-toast-timeout-id", w = "closing", B = 1e4, x = y(void 0), H = () => {
   const n = C(x);
   if (!n)
     throw new Error(
@@ -33,7 +33,7 @@ const Q = () => {
       )
     );
   return n;
-}, K = ({
+}, J = ({
   children: n
 }) => {
   const [u, c] = S([]), [s, l] = S(null), o = O(null);
@@ -44,10 +44,10 @@ const Q = () => {
   }, [u]), A(() => {
     s && (L(s.message, s.variant), I());
   }, [s]);
-  const m = () => {
+  const T = () => {
     var e;
     return ((e = o.current) == null ? void 0 : e.getAttribute(i)) || null;
-  }, T = (e) => {
+  }, m = (e) => {
     var t;
     (t = o.current) == null || t.setAttribute(i, e);
   }, p = () => {
@@ -55,10 +55,10 @@ const Q = () => {
     return (e = o.current) == null ? void 0 : e.removeAttribute(i);
   }, L = (e, t) => {
     if (t === "warning") {
-      const r = E();
+      const r = D();
       r && (r.innerText = e);
     } else if (t === "success" || t === "info") {
-      const r = w();
+      const r = E();
       r && (r.innerText = e);
     }
   }, d = (e, t) => {
@@ -78,20 +78,20 @@ const Q = () => {
     f();
   }, f = () => {
     var t;
-    const e = m();
+    const e = T();
     e && (clearTimeout(e), (t = o.current) == null || t.removeAttribute(i));
   }, h = () => {
     const e = setTimeout(() => {
       v();
     }, B);
-    T(String(e));
+    m(String(e));
   }, R = () => {
-    m() !== D && o.current && h();
+    T() !== w && o.current && h();
   }, I = () => {
     var e;
     k(), s && ((e = o.current) != null && e.showPopover) && (o.current.showPopover(), h());
   }, v = () => {
-    f(), T(D), o.current && (o.current.addEventListener(
+    f(), m(w), o.current && (o.current.addEventListener(
       "animationend",
       () => {
         var e;
@@ -114,6 +114,6 @@ const Q = () => {
   ] });
 };
 export {
-  K as DSToastProvider,
-  J as useDSToast
+  J as DSToastProvider,
+  H as useDSToast
 };

package/utils/helpers.d.ts

@@ -17,6 +17,13 @@ export declare const pixelToRem: (px: number) => number;
  * @returns {string} A message with a standardized format: "[STIHL Design System] - [componentName]: message".
  */
 export declare const generateDSMessage: (componentName: string, message: string) => string;
+/**
+ * Generates a message for a required prop that is missing from a component.
+ *
+ * @param {string} propName - The name of the prop that is required.
+ * @param {string} componentName - The name of the component that is missing the required prop.
+ */
+export declare const requiredPropMessage: (propName: string, componentName: string) => string;
 /**
  * Retrieves the closest ancestor of the given element that matches a specified selector.
  *

package/utils/index.d.ts

@@ -1,5 +1,6 @@
 export * from './has-window';
 export * from './helpers';
+export * from './isAnimationDisabled';
 export * from './remove-spaces';
 export * from './theme';
 export * from './translate';

package/utils/isAnimationDisabled.d.ts

@@ -0,0 +1 @@
+export declare const isAnimationDisabled: () => boolean;

package/accordion.Rvtiu8Y4.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.CB6jB3s_.js";
-export {
-  e as DSAccordion
-};

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/checkboxgroup.DBDmB-zR.js

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