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

package/{input.BEnCFNM-.js → input.BbnmbMCI.js}

@@ -2,55 +2,57 @@
 import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c as l } from "./chunks/index.CvOaL64Y.js";
 import { useState as r, useRef as k, useEffect as sn } from "react";
-import { u as en } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { v as ln, b as on, M as dn, a as un, u as w, s as cn, c as fn, i as v } from "./chunks/Input.utils.ChV6RJsh.js";
-import { Asterisk as hn } from "./asterisk.DpzETKdT.js";
-import { DSButton as E } from "./button.M4nXjcUn.js";
-import { D as pn } from "./chunks/Icon.BCmt_XBG.js";
-import { DSSystemFeedback as _n } from "./systemfeedback.C3Pfxxpp.js";
-import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "ds-input_input--invalid_yfh6h_113", yn = "ds-input_input--small_yfh6h_120", bn = "ds-input_input--has-leading-icon_yfh6h_173", xn = "ds-input_input--has-action-button_yfh6h_176", gn = "ds-input_input--has-second-action-button_yfh6h_179", In = "ds-input_input--has-affix_yfh6h_191", Sn = "ds-input_input--is-ready_yfh6h_205", Hn = "ds-input_root_yfh6h_212", Dn = "ds-input_hint_yfh6h_220", kn = "ds-input_label_yfh6h_220", vn = "ds-input_wrapper_yfh6h_224", Cn = "ds-input_affix_yfh6h_230", Rn = "ds-input_affix--small_yfh6h_251", jn = "ds-input_affix--disabled_yfh6h_264", Ln = "ds-input_prefix_yfh6h_272", An = "ds-input_affix--readonly_yfh6h_275", Nn = "ds-input_suffix_yfh6h_285", Bn = "ds-input_leading-icon_yfh6h_292", wn = "ds-input_leading-icon--small_yfh6h_304", En = "ds-input_leading-icon--disabled_yfh6h_307", Tn = "ds-input_action-button_yfh6h_316", Fn = "ds-input_label--hidden_yfh6h_334", Pn = "ds-input_label--disabled_yfh6h_347", On = "ds-input_feedback_yfh6h_367", n = {
-  input: rn,
+import { h as en } from "./chunks/has-window.ut_-aShB.js";
+import { u as ln } from "./chunks/useBreakpoint.B8XxjSVJ.js";
+import { u as B } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { Asterisk as on } from "./asterisk.DpzETKdT.js";
+import { DSButton as E } from "./button.BfcWQZhx.js";
+import { D as dn } from "./chunks/Icon.BCmt_XBG.js";
+import { DSSystemFeedback as un } from "./systemfeedback.C3Pfxxpp.js";
+import { v as cn, b as fn, M as hn, a as pn, s as _n, c as rn, i as v } from "./chunks/Input.utils.DYbmWlx6.js";
+import './assets/input.BAkFKPW3.css';const mn = "ds-input_input_yfh6h_1", yn = "ds-input_input--invalid_yfh6h_113", bn = "ds-input_input--small_yfh6h_120", xn = "ds-input_input--has-leading-icon_yfh6h_173", gn = "ds-input_input--has-action-button_yfh6h_176", In = "ds-input_input--has-second-action-button_yfh6h_179", Sn = "ds-input_input--has-affix_yfh6h_191", Hn = "ds-input_input--is-ready_yfh6h_205", Dn = "ds-input_root_yfh6h_212", kn = "ds-input_hint_yfh6h_220", vn = "ds-input_label_yfh6h_220", Cn = "ds-input_wrapper_yfh6h_224", Rn = "ds-input_affix_yfh6h_230", jn = "ds-input_affix--small_yfh6h_251", Ln = "ds-input_affix--disabled_yfh6h_264", An = "ds-input_prefix_yfh6h_272", Nn = "ds-input_affix--readonly_yfh6h_275", wn = "ds-input_suffix_yfh6h_285", Bn = "ds-input_leading-icon_yfh6h_292", En = "ds-input_leading-icon--small_yfh6h_304", Tn = "ds-input_leading-icon--disabled_yfh6h_307", Fn = "ds-input_action-button_yfh6h_316", Pn = "ds-input_label--hidden_yfh6h_334", On = "ds-input_label--disabled_yfh6h_347", $n = "ds-input_feedback_yfh6h_367", n = {
+  input: mn,
   "input--invalid": "ds-input_input--invalid_yfh6h_113",
-  inputInvalid: mn,
+  inputInvalid: yn,
   "input--small": "ds-input_input--small_yfh6h_120",
-  inputSmall: yn,
+  inputSmall: bn,
   "input--has-leading-icon": "ds-input_input--has-leading-icon_yfh6h_173",
-  inputHasLeadingIcon: bn,
+  inputHasLeadingIcon: xn,
   "input--has-action-button": "ds-input_input--has-action-button_yfh6h_176",
-  inputHasActionButton: xn,
+  inputHasActionButton: gn,
   "input--has-second-action-button": "ds-input_input--has-second-action-button_yfh6h_179",
-  inputHasSecondActionButton: gn,
+  inputHasSecondActionButton: In,
   "input--has-affix": "ds-input_input--has-affix_yfh6h_191",
-  inputHasAffix: In,
+  inputHasAffix: Sn,
   "input--is-ready": "ds-input_input--is-ready_yfh6h_205",
-  inputIsReady: Sn,
-  root: Hn,
-  hint: Dn,
-  label: kn,
-  wrapper: vn,
-  affix: Cn,
+  inputIsReady: Hn,
+  root: Dn,
+  hint: kn,
+  label: vn,
+  wrapper: Cn,
+  affix: Rn,
   "affix--small": "ds-input_affix--small_yfh6h_251",
-  affixSmall: Rn,
+  affixSmall: jn,
   "affix--disabled": "ds-input_affix--disabled_yfh6h_264",
-  affixDisabled: jn,
-  prefix: Ln,
+  affixDisabled: Ln,
+  prefix: An,
   "affix--readonly": "ds-input_affix--readonly_yfh6h_275",
-  affixReadonly: An,
-  suffix: Nn,
+  affixReadonly: Nn,
+  suffix: wn,
   "leading-icon": "ds-input_leading-icon_yfh6h_292",
   leadingIcon: Bn,
   "leading-icon--small": "ds-input_leading-icon--small_yfh6h_304",
-  leadingIconSmall: wn,
+  leadingIconSmall: En,
   "leading-icon--disabled": "ds-input_leading-icon--disabled_yfh6h_307",
-  leadingIconDisabled: En,
+  leadingIconDisabled: Tn,
   "action-button": "ds-input_action-button_yfh6h_316",
-  actionButton: Tn,
+  actionButton: Fn,
   "label--hidden": "ds-input_label--hidden_yfh6h_334",
-  labelHidden: Fn,
+  labelHidden: Pn,
   "label--disabled": "ds-input_label--disabled_yfh6h_347",
-  labelDisabled: Pn,
-  feedback: On
-}, Qn = ({
+  labelDisabled: On,
+  feedback: $n
+}, qn = ({
   id: u,
   label: C,
   actionButtonLabel: T,
@@ -73,7 +75,7 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
   type: o = "text",
   ...$
 }) => {
-  process.env.NODE_ENV !== "production" && (ln({
+  process.env.NODE_ENV !== "production" && (cn({
     id: u,
     label: C,
     prefix: s,
@@ -82,9 +84,9 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
     leadingIconSource: _,
     actionButtonIconName: f,
     actionButtonIconSource: m
-  }), on(o));
-  const [W, X] = r(!1), [M, V] = r(!1), [x, G] = r(!1), [U, J] = r({}), g = k(null), K = s == null ? void 0 : s.substring(0, dn), I = k(null), Q = a == null ? void 0 : a.substring(0, un), S = k(null), Y = en(O);
-  w(() => {
+  }), fn(o));
+  const [W, X] = r(!1), [M, V] = r(!1), [x, G] = r(!1), [U, J] = r({}), g = k(null), K = s == null ? void 0 : s.substring(0, hn), I = k(null), Q = a == null ? void 0 : a.substring(0, pn), S = k(null), Y = ln(O);
+  B(() => {
     const d = e === "medium" ? 16 : 8, H = {};
     if (I.current) {
       const D = I.current.offsetWidth;
@@ -95,16 +97,16 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
       H.paddingInlineEnd = d + D + "px";
     }
     J(H), X(!0);
-  }, [s, a, e, M]), w(() => {
-    (async () => {
+  }, [s, a, e, M]), B(() => {
+    en && (async () => {
       "fonts" in document && (await document.fonts.load(
         '1em "STIHL Contraface Digital Text Regular"'
       ), V(!0));
     })();
   }, []), sn(() => {
-    const d = cn(
+    const d = _n(
       v(o),
-      fn(o)
+      rn(o)
     );
     G(d);
   }, [o]);
@@ -131,7 +133,7 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
   }), tn = l(n.leadingIcon, {
     [n.leadingIconSmall]: e === "small",
     [n.leadingIconDisabled]: i
-  }), B = l(n.actionButton, {
+  }), w = l(n.actionButton, {
     [n.actionButtonSmall]: e === "small"
   }), an = (d) => {
     g.current && !i && !c && g.current.showPicker(), d.preventDefault();
@@ -139,11 +141,11 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
   return /* @__PURE__ */ t.jsxs("div", { className: q, children: [
     /* @__PURE__ */ t.jsxs("label", { className: nn, id: L, htmlFor: u, children: [
       C,
-      R && /* @__PURE__ */ t.jsx(hn, {})
+      R && /* @__PURE__ */ t.jsx(on, {})
     ] }),
     y && /* @__PURE__ */ t.jsx("div", { className: n.hint, id: N, children: y }),
     h && b && /* @__PURE__ */ t.jsx(
-      _n,
+      un,
       {
         className: n.feedback,
         message: b,
@@ -162,7 +164,7 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
         }
       ),
       !s && (p || _) && /* @__PURE__ */ t.jsx(
-        pn,
+        dn,
         {
           name: p,
           theme: "light",
@@ -205,7 +207,7 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
           theme: "light",
           iconName: f,
           variant: "ghost",
-          className: B,
+          className: w,
           size: e,
           onClick: F,
           type: "button",
@@ -220,7 +222,7 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
           theme: "light",
           iconName: v(o) ? "calendar" : "clock",
           variant: "ghost",
-          className: B,
+          className: w,
           size: e,
           onClick: an,
           type: "button",
@@ -235,5 +237,5 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
   ] });
 };
 export {
-  Qn as DSInput
+  qn as DSInput
 };

package/{inputpassword.B-D_jB9w.js → inputpassword.KnZRwWCQ.js}

@@ -2,11 +2,11 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./chunks/useBreakpoint.B8XxjSVJ.js";
 import "./asterisk.DpzETKdT.js";
-import "./button.M4nXjcUn.js";
+import "./button.BfcWQZhx.js";
 import "./systemfeedback.C3Pfxxpp.js";
-import { D as n } from "./chunks/InputPassword.CNLbBFjx.js";
+import { D as n } from "./chunks/InputPassword.Cvk5J8w1.js";
 export {
   n as DSInputPassword
 };

package/{inputsearch.CaSpklR1.js → inputsearch.DgYJPZ2v.js}

@@ -2,12 +2,12 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import "./chunks/helpers.B1JT5ShS.js";
-import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./chunks/helpers.CcqWV-wZ.js";
+import "./chunks/useBreakpoint.B8XxjSVJ.js";
 import "./asterisk.DpzETKdT.js";
-import "./button.M4nXjcUn.js";
+import "./button.BfcWQZhx.js";
 import "./systemfeedback.C3Pfxxpp.js";
-import { D as s } from "./chunks/InputSearch.CHA6mkX_.js";
+import { D as s } from "./chunks/InputSearch.BIIW-ERk.js";
 export {
   s as DSInputSearch
 };

package/inputstepper.T_of1Gz0.js

@@ -0,0 +1,15 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/has-window.ut_-aShB.js";
+import "./chunks/useBreakpoint.B8XxjSVJ.js";
+import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import "./asterisk.DpzETKdT.js";
+import "./button.BfcWQZhx.js";
+import "./chunks/Input.utils.DYbmWlx6.js";
+import "./systemfeedback.C3Pfxxpp.js";
+import { D as a } from "./chunks/InputStepper.DGzR3KY6.js";
+export {
+  a as DSInputStepper
+};

package/{link.DREJAoPG.js → link.L8O_InKe.js}

@@ -1,7 +1,7 @@
 "use client";
 import { j as h } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c as e } from "./chunks/index.CvOaL64Y.js";
-import { u as n } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { u as n } from "./chunks/useBreakpoint.B8XxjSVJ.js";
 import "react";
 import { D as H } from "./chunks/Icon.BCmt_XBG.js";
 import './assets/link.DDJj0D1U.css';const S = "ds-link_root_1i5hz_1", x = "ds-link_root--highlight_1i5hz_75", b = "ds-link_root--dark-highlight_1i5hz_75", j = "ds-link_root--filled_1i5hz_151", L = "ds-link_root--outline_1i5hz_179", C = "ds-link_root--ghost_1i5hz_206", N = "ds-link_root--ghost-flush_1i5hz_231", T = "ds-link_root--small_1i5hz_237", B = "ds-link_root--dark-filled_1i5hz_317", E = "ds-link_root--dark-outline_1i5hz_374", R = "ds-link_root--dark-ghost_1i5hz_430", V = "ds-link_root--dark-ghost-flush_1i5hz_484", q = "ds-link_root--icon-left_1i5hz_546", w = "ds-link_root--icon-only_1i5hz_562", A = "ds-link_root--icon-only-small_1i5hz_571", J = "ds-link_label--hidden_1i5hz_582", o = {

package/{notification.JWhrkEcE.js → notification.Bt9TbAAt.js}

@@ -1,9 +1,9 @@
 "use client";
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
-import "./button.M4nXjcUn.js";
+import "./button.BfcWQZhx.js";
 import "./chunks/Icon.BCmt_XBG.js";
-import { D as e } from "./chunks/Notification.o6pagKQy.js";
+import { D as e } from "./chunks/Notification.uAEjPywP.js";
 export {
   e as DSNotification
 };

package/numberindicator.UU7FSouT.js

@@ -0,0 +1,26 @@
+"use client";
+import { j as c } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as a } from "./chunks/index.CvOaL64Y.js";
+import './assets/numberindicator.BJ9vFpnd.css';const m = "ds-number-indicator_root_t83wm_1", g = "ds-number-indicator_root--has-content_t83wm_25", _ = "ds-number-indicator_root--highlight_t83wm_30", n = {
+  root: m,
+  "root--has-content": "ds-number-indicator_root--has-content_t83wm_25",
+  rootHasContent: g,
+  "root--highlight": "ds-number-indicator_root--highlight_t83wm_30",
+  rootHighlight: _
+}, u = ({
+  label: t,
+  className: r,
+  variant: s = "default",
+  ...i
+}) => {
+  const o = typeof t == "string" && t.trim().length > 0, e = o ? t.trim().substring(0, 4) : null, h = a(n.root, r, {
+    [n.rootHasContent]: o,
+    // It is not possible to allow the `default` variant to be applied when there is no content.
+    // The "minimized" version "dot" should always be orange and never grey.
+    [n.rootHighlight]: s === "highlight" || !o
+  });
+  return /* @__PURE__ */ c.jsx("span", { className: h, ...i, children: e });
+};
+export {
+  u as NumberIndicator
+};

package/numberindicator.d.ts

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

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@stihl-design-system/components",
   "private": false,
-  "version": "1.0.0-RC.12",
+  "version": "1.0.0-RC.14",
   "license": "SEE LICENSE IN LICENSE",
-  "homepage": "https://main--63440bbb95889041542a5ba3.chromatic.com",
+  "homepage": "https://designsystem.stihl.de/",
   "keywords": [
     "stihl",
     "design",
@@ -139,8 +139,8 @@
   },
   "peerDependencies": {
     "classnames": "^2.5.1",
-    "react": ">=17.0.0 <19.0.0",
-    "react-dom": ">=17.0.0 <19.0.0",
+    "react": ">=17.0.0 <20",
+    "react-dom": ">=17.0.0 <20",
     "react-intersection-observer": "^9.10.2",
     "react-select": "^5.8.1"
   }

package/{radio.DEILy_lV.js → radio.B-2uuWHq.js}

@@ -2,7 +2,7 @@
 import { j as i } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c as h } from "./chunks/index.CvOaL64Y.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 { u as P } from "./chunks/useBreakpoint.B8XxjSVJ.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 = {
   root: U,
   "root--disabled": "ds-radio_root--disabled_tdhm5_21",

package/{radiogroup.DeU-HdlP.js → radiogroup.DM_lF4hI.js}

@@ -2,9 +2,9 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import "./chunks/Fieldset.Cjmkgxxk.js";
-import "./radio.DEILy_lV.js";
-import { D as a } from "./chunks/RadioGroup.Crj7NoOs.js";
+import "./chunks/Fieldset.Ct_JFRs9.js";
+import "./radio.B-2uuWHq.js";
+import { D as a } from "./chunks/RadioGroup.D10-pe9H.js";
 export {
   a as DSRadioGroup
 };

package/{select.BYraFJzz.js → select.COLuwr89.js}

@@ -2,11 +2,11 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./chunks/useBreakpoint.B8XxjSVJ.js";
 import "./asterisk.DpzETKdT.js";
 import "./chunks/Icon.BCmt_XBG.js";
 import "./systemfeedback.C3Pfxxpp.js";
-import { D as s } from "./chunks/Select.E6gLFYLk.js";
+import { D as s } from "./chunks/Select.DsLnW29U.js";
 export {
   s as DSSelect
 };

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

@@ -1,9 +1,9 @@
 "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 { g as s } from "./chunks/helpers.CcqWV-wZ.js";
 import "react";
-import { DSLink as c } from "./link.DREJAoPG.js";
+import { DSLink as c } from "./link.L8O_InKe.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 = {
   root: h,
   "root--dark": "ds-skip-to-content_root--dark_uqkjt_8",

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/tabpane.BnQBzVXw.js

@@ -0,0 +1,8 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import { T as m } from "./chunks/TabPane.CYuUi0oL.js";
+export {
+  m as TabPane
+};

package/tabpane.d.ts

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

package/tabs.BaELlVri.js

@@ -0,0 +1,15 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/has-window.ut_-aShB.js";
+import "./chunks/helpers.CcqWV-wZ.js";
+import { D as f } from "./chunks/Tabs.D_JAsvoh.js";
+import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import "./button.BfcWQZhx.js";
+import "./chunks/Icon.BCmt_XBG.js";
+import "./numberindicator.UU7FSouT.js";
+import "./chunks/TabPane.CYuUi0oL.js";
+export {
+  f as DSTabs
+};

package/tabs.d.ts

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

package/textarea.Wcl_pVBb.js

@@ -0,0 +1,13 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/has-window.ut_-aShB.js";
+import "./chunks/helpers.CcqWV-wZ.js";
+import "./chunks/useBreakpoint.B8XxjSVJ.js";
+import "./asterisk.DpzETKdT.js";
+import "./systemfeedback.C3Pfxxpp.js";
+import { D } from "./chunks/Textarea.Dh9R9YdZ.js";
+export {
+  D as DSTextarea
+};

package/{toast.n1QUINSA.js → toast.DQlMWU6I.js}

@@ -2,9 +2,9 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import "./button.M4nXjcUn.js";
+import "./button.BfcWQZhx.js";
 import "./chunks/Icon.BCmt_XBG.js";
-import { D as s } from "./chunks/Toast.DyEi2GEP.js";
+import { D as s } from "./chunks/Toast.j7LPnQ36.js";
 export {
   s as DSToast
 };

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

@@ -1,12 +1,12 @@
 "use client";
 import { j as g } from "./chunks/jsx-runtime.C115EyI4.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.j7LPnQ36.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/chunks/AriaLiveRegions.utils.BGSZafnS.js

@@ -1,34 +0,0 @@
-"use client";
-import { g as i } from "./helpers.B1JT5ShS.js";
-import "react";
-import { h as s } from "./has-document.r9i9TxKV.js";
-const e = "ds-alert-live-region", t = "ds-status-live-region", g = () => document.getElementById(e), c = () => document.getElementById(t), m = () => {
-  if (!s)
-    return;
-  const n = document.querySelectorAll(
-    `#${e}`
-  ), o = document.querySelectorAll(
-    `#${t}`
-  );
-  if (n.length > 1)
-    throw new Error(
-      i(
-        "DSAriaLiveRegions",
-        `The DSAriaLiveRegions component with id="${e}" should only be present once on the page. Found ${n.length} instances.`
-      )
-    );
-  if (o.length > 1)
-    throw new Error(
-      i(
-        "DSAriaLiveRegions",
-        `The DSAriaLiveRegions component with id="${t}" should only be present once on the page. Found ${o.length} instances.`
-      )
-    );
-};
-export {
-  e as A,
-  t as a,
-  g as b,
-  c as g,
-  m as v
-};