@stihl-design-system/components 1.0.0-RC.40 → 1.0.0-RC.41

package/chunks/{NavigationTabList.C2f-lWex.js → NavigationTabList.ltT6igtk.js}

@@ -1,21 +1,21 @@
 "use client";
-import { jsxs as B, Fragment as k, jsx as d } from "react/jsx-runtime";
-import { d as I } from "./index.cKLI89Eg.js";
-import { isValidElement as w, cloneElement as R } from "react";
-import { D as W } from "./Icon.m6sMB6vl.js";
-import { NumberIndicator as v } from "../numberindicator.ZGVRSmqf.js";
-import '../assets/NavigationTabList.CzAiHz7G.css';const y = "ds-tabs_tabs-wrapper_ccgp4_1", D = "ds-tabs_scroll-wrapper_ccgp4_6", E = "ds-tabs_scroller_ccgp4_17", T = "ds-tabs_scroller--centered_ccgp4_28", j = "ds-tabs_tab_ccgp4_1", x = "ds-tabs_scroll-button_ccgp4_105", H = "ds-tabs_scroll-button--hidden_ccgp4_110", K = "ds-tabs_scroll-button--right_ccgp4_114", L = "ds-tabs_indicator_ccgp4_126", S = {
-  tabsWrapper: y,
-  scrollWrapper: D,
-  scroller: E,
+import { jsxs as I, Fragment as k, jsx as d } from "react/jsx-runtime";
+import { d as w } from "./index.cKLI89Eg.js";
+import { isValidElement as R, cloneElement as W } from "react";
+import { D as v } from "./Icon.m6sMB6vl.js";
+import { NumberIndicator as y } from "../numberindicator.ZGVRSmqf.js";
+import '../assets/NavigationTabList.CzAiHz7G.css';const D = "ds-tabs_tabs-wrapper_ccgp4_1", E = "ds-tabs_scroll-wrapper_ccgp4_6", L = "ds-tabs_scroller_ccgp4_17", T = "ds-tabs_scroller--centered_ccgp4_28", j = "ds-tabs_tab_ccgp4_1", x = "ds-tabs_scroll-button_ccgp4_105", H = "ds-tabs_scroll-button--hidden_ccgp4_110", K = "ds-tabs_scroll-button--right_ccgp4_114", S = "ds-tabs_indicator_ccgp4_126", V = {
+  tabsWrapper: D,
+  scrollWrapper: E,
+  scroller: L,
   scrollerCentered: T,
   tab: j,
   scrollButton: x,
   scrollButtonHidden: H,
   scrollButtonRight: K,
-  indicator: L
-}, A = (h) => {
-  const t = I.c(15), {
+  indicator: S
+}, G = (h) => {
+  const t = w.c(15), {
     tabs: p,
     tabRefs: e,
     scrollerClass: b,
@@ -32,18 +32,19 @@ import '../assets/NavigationTabList.CzAiHz7G.css';const y = "ds-tabs_tabs-wrappe
         id: u,
         linkComponent: n,
         iconName: g,
-        numberIndicatorValue: f
+        numberIndicatorValue: f,
+        numberIndicatorAriaLabel: N
       } = C;
-      if (!w(n))
+      if (!R(n))
         return null;
-      const N = R(n, {
+      const B = W(n, {
         "aria-current": r === l ? "page" : void 0,
-        children: /* @__PURE__ */ B(k, { children: [
-          g && /* @__PURE__ */ d(W, { name: g, "aria-hidden": "true" }),
+        children: /* @__PURE__ */ I(k, { children: [
+          g && /* @__PURE__ */ d(v, { name: g, "aria-hidden": "true" }),
           n.props.children,
-          f && /* @__PURE__ */ d(v, { label: f })
+          f && /* @__PURE__ */ d(y, { "aria-label": N, label: f })
         ] }),
-        className: S.tab,
+        className: V.tab,
         id: u,
         tabIndex: r === l ? 0 : -1,
         onKeyDown: (m) => o(m, l),
@@ -54,7 +55,7 @@ import '../assets/NavigationTabList.CzAiHz7G.css';const y = "ds-tabs_tabs-wrappe
           e.current[l] = m;
         }
       });
-      return /* @__PURE__ */ d("li", { children: N }, u);
+      return /* @__PURE__ */ d("li", { children: B }, u);
     }, t[6] = o, t[7] = r, t[8] = c, t[9] = e, t[10] = i) : i = t[10], s = p.map(i), t[0] = o, t[1] = r, t[2] = c, t[3] = e, t[4] = p, t[5] = s;
   } else
     s = t[5];
@@ -62,6 +63,6 @@ import '../assets/NavigationTabList.CzAiHz7G.css';const y = "ds-tabs_tabs-wrappe
   return t[11] !== b || t[12] !== _ || t[13] !== s ? (a = /* @__PURE__ */ d("ul", { className: b, ref: _, children: s }), t[11] = b, t[12] = _, t[13] = s, t[14] = a) : a = t[14], a;
 };
 export {
-  A as N,
-  S as s
+  G as N,
+  V as s
 };

package/chunks/NavigationTabs.DsVepb7H.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as v } from "react/jsx-runtime";
+import { d as N } from "./index.cKLI89Eg.js";
+import { useState as T, useEffect as h } from "react";
+import { TabList as y } from "../tablist.DPiNeY3_.js";
+import { g as o, r as A } from "./helpers.CexwVao7.js";
+const V = ["left", "center"], M = ["prev", "next"], I = ({
+  aria: t,
+  tabs: e,
+  activeTabIndex: a
+}) => {
+  if (!t || typeof t != "object" || Object.keys(t).length === 0 || !t["aria-label"] && !t["aria-labelledby"] || t["aria-label"]?.trim() === "" && t["aria-labelledby"]?.trim() === "")
+    throw new Error(o("DSNavigationTabs", 'A valid "aria-label" or "aria-labelledby" property is required. Ensure the "aria" prop is a non-empty object and includes either "aria-label" or "aria-labelledby" with a non-empty string value.'));
+  if (Array.isArray(e)) {
+    if (e.length === 0)
+      throw new Error(o("DSNavigationTabs", "The tabs array must not be empty."));
+  } else throw new Error(o("DSNavigationTabs", A("tabs", "DSNavigationTabs")));
+  if (a != null && (a < 0 || a >= e.length))
+    throw new Error(o("DSNavigationTabs", `Invalid activeTabIndex: ${a}. It must be between 0 and ${e.length - 1}.`));
+  e.some((r) => (r.numberIndicatorValue || r.numberIndicatorValue === "") && !r.numberIndicatorAriaLabel) && console.warn(o("DSNavigationTabs", 'For better accessibility, please provide a descriptive label via "numberIndicatorAriaLabel" when using "numberIndicatorValue".'));
+}, O = (t) => {
+  const e = N.c(19);
+  let a, i, r, l, n, s;
+  e[0] !== t ? ({
+    aria: i,
+    tabs: s,
+    activeTabIndex: a,
+    alignment: n,
+    className: r,
+    ...l
+  } = t, e[0] = t, e[1] = a, e[2] = i, e[3] = r, e[4] = l, e[5] = n, e[6] = s) : (a = e[1], i = e[2], r = e[3], l = e[4], n = e[5], s = e[6]);
+  const u = n === void 0 ? "left" : n;
+  process.env.NODE_ENV !== "production" && I({
+    aria: i,
+    tabs: s,
+    activeTabIndex: a
+  });
+  const [g, f] = T(a);
+  let b, c;
+  e[7] !== a ? (b = () => {
+    a != null && f(a);
+  }, c = [a], e[7] = a, e[8] = b, e[9] = c) : (b = e[8], c = e[9]), h(b, c);
+  let d;
+  e[10] !== u || e[11] !== i || e[12] !== r || e[13] !== l || e[14] !== g || e[15] !== s ? (d = {
+    aria: i,
+    tabs: s,
+    setSelectedTabIndex: f,
+    selectedTabIndex: g,
+    alignment: u,
+    className: r,
+    isNavigation: !0,
+    ...l
+  }, e[10] = u, e[11] = i, e[12] = r, e[13] = l, e[14] = g, e[15] = s, e[16] = d) : d = e[16];
+  const p = d;
+  let m;
+  return e[17] !== p ? (m = /* @__PURE__ */ v(y, { ...p }), e[17] = p, e[18] = m) : m = e[18], m;
+};
+export {
+  O as D,
+  V as N,
+  M as a,
+  I as v
+};

package/chunks/Tabs.DfH2q9EL.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as E, jsxs as M } from "react/jsx-runtime";
+import { d as q } from "./index.cKLI89Eg.js";
+import { useState as C } from "react";
+import { TabList as V } from "../tablist.DPiNeY3_.js";
+import { TabPane as $ } from "../tabpane.7vMXUKFX.js";
+import { g as j } from "./TabPane.utils.DG16Y2uD.js";
+import { g as p, r as B } from "./helpers.CexwVao7.js";
+const J = ["left", "center"], K = ["prev", "next"], O = ({
+  id: m,
+  tabs: e,
+  defaultSelectedTabIndex: s = 0
+}) => {
+  if (!m)
+    throw new Error(p("DSTabs", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTabs component.'));
+  if (Array.isArray(e)) {
+    if (e.length === 0)
+      throw new Error(p("DSTabs", "The tabs array must not be empty."));
+  } else throw new Error(p("DSTabs", B("tabs", "DSTabs")));
+  if (s < 0 || s >= e.length)
+    throw new Error(p("DSTabs", `Invalid defaultSelectedTabIndex: ${s}. It must be between 0 and ${e.length - 1}.`));
+  e.some((a) => (a.numberIndicatorValue || a.numberIndicatorValue === "") && !a.numberIndicatorAriaLabel) && console.warn(p("DSTabs", 'For better accessibility, please provide a descriptive label via "numberIndicatorAriaLabel" when using "numberIndicatorValue".'));
+}, Q = (m) => {
+  const e = q.c(37);
+  let s, o, a, n, d, T, f, t, r;
+  e[0] !== m ? ({
+    id: t,
+    tabs: r,
+    activeTabIndex: s,
+    alignment: T,
+    className: o,
+    classNameTabPane: a,
+    defaultSelectedTabIndex: f,
+    onTabChange: n,
+    ...d
+  } = m, e[0] = m, e[1] = s, e[2] = o, e[3] = a, e[4] = n, e[5] = d, e[6] = T, e[7] = f, e[8] = t, e[9] = r) : (s = e[1], o = e[2], a = e[3], n = e[4], d = e[5], T = e[6], f = e[7], t = e[8], r = e[9]);
+  const S = T === void 0 ? "left" : T, w = f === void 0 ? 0 : f;
+  process.env.NODE_ENV !== "production" && O({
+    id: t,
+    tabs: r,
+    defaultSelectedTabIndex: w
+  });
+  const [N, L] = C(s || w), u = s !== void 0, i = u ? s : N;
+  let I;
+  e[10] !== u || e[11] !== n ? (I = (l) => {
+    u || L(l), n?.(l);
+  }, e[10] = u, e[11] = n, e[12] = I) : I = e[12];
+  const v = I;
+  let g;
+  e[13] !== S || e[14] !== v || e[15] !== n || e[16] !== i || e[17] !== t || e[18] !== r ? (g = {
+    id: t,
+    tabs: r,
+    setSelectedTabIndex: v,
+    selectedTabIndex: i,
+    alignment: S,
+    onTabChange: n
+  }, e[13] = S, e[14] = v, e[15] = n, e[16] = i, e[17] = t, e[18] = r, e[19] = g) : g = e[19];
+  const D = g;
+  let c;
+  e[20] !== D ? (c = /* @__PURE__ */ E(V, { ...D }), e[20] = D, e[21] = c) : c = e[21];
+  let b;
+  if (e[22] !== a || e[23] !== i || e[24] !== t || e[25] !== r) {
+    let l;
+    e[27] !== a || e[28] !== i || e[29] !== t ? (l = (P, x) => {
+      const {
+        id: A,
+        content: y
+      } = P;
+      return /* @__PURE__ */ E($, { id: A, content: y, index: x, selectedTabIndex: i, tabListId: t, className: a }, j(t, A, x));
+    }, e[27] = a, e[28] = i, e[29] = t, e[30] = l) : l = e[30], b = r.map(l), e[22] = a, e[23] = i, e[24] = t, e[25] = r, e[26] = b;
+  } else
+    b = e[26];
+  let h;
+  return e[31] !== o || e[32] !== d || e[33] !== c || e[34] !== b || e[35] !== t ? (h = /* @__PURE__ */ M("div", { className: o, id: t, ...d, children: [
+    c,
+    b
+  ] }), e[31] = o, e[32] = d, e[33] = c, e[34] = b, e[35] = t, e[36] = h) : h = e[36], h;
+};
+export {
+  Q as D,
+  J as T,
+  K as a,
+  O as v
+};

package/components/Accordion/Accordion.d.ts

@@ -30,6 +30,8 @@ export interface AccordionProps extends DetailsHTMLAttributes<HTMLDetailsElement
     isOpen?: boolean;
     /** Number Indicator value displayed next to the label. **Cannot be used together with hint**. */
     numberIndicatorValue?: string;
+    /** Adds a descriptive label for screen readers to the Number Indicator. */
+    numberIndicatorAriaLabel?: string;
     /** Size of the accordion.
      * @default 'medium'
      */

package/components/Accordion/Accordion.utils.d.ts

@@ -11,6 +11,6 @@ export type Summary = string | {
     headingSize?: HeadingSize;
     headingTag?: HeadingTag;
 };
-type ValidationProps = Pick<AccordionProps, 'children' | 'hint' | 'numberIndicatorValue' | 'summary'>;
-export declare const validateAccordionProps: ({ children, hint, numberIndicatorValue, summary, }: ValidationProps) => void;
+type ValidationProps = Pick<AccordionProps, 'children' | 'hint' | 'numberIndicatorValue' | 'numberIndicatorAriaLabel' | 'summary'>;
+export declare const validateAccordionProps: ({ children, hint, numberIndicatorValue, numberIndicatorAriaLabel, summary, }: ValidationProps) => void;
 export {};

package/components/ActionButton/ActionButton.d.ts

@@ -42,6 +42,8 @@ export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElemen
     isActive?: boolean;
     /** Number Indicator value displayed next to the label or above the icon. */
     numberIndicatorValue?: string;
+    /** Adds a descriptive label for screen readers to the Number Indicator. */
+    numberIndicatorAriaLabel?: string;
     /** Stretches the button over the parent's width. **Only available with `iconPosition='left'`**.
      * @default false
      */

package/components/ActionButton/ActionButton.utils.d.ts

@@ -10,7 +10,7 @@ export type ActionButtonWeight = (typeof ACTION_BUTTON_WEIGHT)[number];
 export declare const ACTION_BUTTON_CHEVRON_DIRECTION: readonly ["up", "down", "right", "left"];
 export type ActionButtonChevronDirection = (typeof ACTION_BUTTON_CHEVRON_DIRECTION)[number];
 export type ActionButtonAriaAttribute = 'aria-label' | 'aria-expanded' | 'aria-pressed' | 'aria-haspopup';
-type ValidationProps = Pick<ActionButtonProps, 'iconName' | 'iconSize' | 'iconSource' | 'iconPosition' | 'indentLevel' | 'stretched' | 'weight'>;
+type ValidationProps = Pick<ActionButtonProps, 'iconName' | 'iconSize' | 'iconSource' | 'iconPosition' | 'indentLevel' | 'stretched' | 'weight' | 'numberIndicatorValue' | 'numberIndicatorAriaLabel'>;
 /**
  * Performs runtime validation on a subset of `DSActionButton` props to detect
  * misconfigurations during development.
@@ -18,5 +18,5 @@ type ValidationProps = Pick<ActionButtonProps, 'iconName' | 'iconSize' | 'iconSo
  * Intended for development use only; should not be used in production environments.
  *
  */
-export declare const validateActionButtonProps: ({ iconName, iconSize, iconSource, iconPosition, indentLevel, stretched, weight, }: ValidationProps) => void;
+export declare const validateActionButtonProps: ({ iconName, iconSize, iconSource, iconPosition, indentLevel, stretched, weight, numberIndicatorValue, numberIndicatorAriaLabel, }: ValidationProps) => void;
 export {};

package/components/ActionLink/ActionLink.d.ts

@@ -21,6 +21,8 @@ export interface ActionLinkProps extends Omit<CommonLinkProps, 'iconPosition' |
     isActive?: boolean;
     /** Number Indicator value displayed next to the label or above the icon. */
     numberIndicatorValue?: string;
+    /** Adds a descriptive label for screen readers to the Number Indicator. */
+    numberIndicatorAriaLabel?: string;
     /** Stretches the link over the parent's width. **Only available with `iconPosition='left'`**.
      * @default false
      */

package/components/ActionLink/ActionLink.utils.d.ts

@@ -7,7 +7,7 @@ export declare const ACTION_LINK_INDENT_LEVEL: readonly [0, 1];
 export type ActionLinkIndentLevel = (typeof ACTION_LINK_INDENT_LEVEL)[number];
 export declare const ACTION_LINK_WEIGHT: readonly ["normal", "bold"];
 export type ActionLinkWeight = (typeof ACTION_LINK_WEIGHT)[number];
-type ValidationProps = Pick<ActionLinkProps, 'iconName' | 'iconSize' | 'iconSource' | 'iconPosition' | 'indentLevel' | 'stretched' | 'weight'>;
+type ValidationProps = Pick<ActionLinkProps, 'iconName' | 'iconSize' | 'iconSource' | 'iconPosition' | 'indentLevel' | 'stretched' | 'weight' | 'numberIndicatorValue' | 'numberIndicatorAriaLabel'>;
 /**
  * Performs runtime validation on a subset of `DSActionLink` props to detect
  * misconfigurations during development.
@@ -15,5 +15,5 @@ type ValidationProps = Pick<ActionLinkProps, 'iconName' | 'iconSize' | 'iconSour
  * Intended for development use only; should not be used in production environments.
  *
  */
-export declare const validateActionLinkProps: ({ iconName, iconSize, iconSource, iconPosition, indentLevel, stretched, weight, }: ValidationProps) => void;
+export declare const validateActionLinkProps: ({ iconName, iconSize, iconSource, iconPosition, indentLevel, stretched, weight, numberIndicatorValue, numberIndicatorAriaLabel, }: ValidationProps) => void;
 export {};

package/components/ChipGroup/ChipGroup.d.ts

@@ -3,7 +3,13 @@ import { BreakpointCustomizable } from '../../types';
 import { Chip, ChipGroupAriaTranslations, ChipGroupLanguage, ChipGroupSelectionMode, ChipGroupSize } from './ChipGroup.utils';
 export interface ChipGroupProps extends HTMLAttributes<HTMLDivElement> {
     /** An array of Chip Objects containing the id and label and other optional parameters.
-     * `{id: string; label: string; disabled?: boolean; iconName?: IconName; isSelected?: boolean; onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;}[]`*/
+     * `{id: string;`
+     * `label: string;`
+     * `disabled?: boolean;`
+     * `iconName?: IconName;`
+     * `isSelected?: boolean;`
+     * `onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent> | React.KeyboardEvent<HTMLDivElement>) => void;}[]`
+     * */
     chips: Chip[];
     /** Unique id for the DSChipGroup. */
     id: string;

package/components/ChipGroup/ChipGroup.utils.d.ts

@@ -16,8 +16,8 @@ export interface Chip {
     iconName?: IconName;
     /** Displays the Chip as selected */
     isSelected?: boolean;
-    /** Callback function called when the Chip is clicked. */
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    /** Callback function called when the Chip is clicked or selected / removed via keyboard. */
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent> | React.KeyboardEvent<HTMLDivElement>) => void;
 }
 export declare const CHIP_GROUP_SIZE: readonly ["medium", "small"];
 export type ChipGroupSize = (typeof CHIP_GROUP_SIZE)[number];

package/components/NavigationTabs/NavigationTabs.d.ts

@@ -14,6 +14,8 @@ export interface NavigationTab {
     iconName?: IconName;
     /** Number Indicator value displayed next to the label. */
     numberIndicatorValue?: string;
+    /** Adds a descriptive label for screen readers to the Number Indicator. */
+    numberIndicatorAriaLabel?: string;
 }
 export interface NavigationTabsProps extends HTMLAttributes<HTMLDivElement> {
     /** ARIA attributes to ensure accessibility
@@ -25,6 +27,7 @@ export interface NavigationTabsProps extends HTMLAttributes<HTMLDivElement> {
      *  `{ id: string;`
      *  `linkComponent: React.ReactElement<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement> & { onClick?: () => void; to?: string; }>;`
      *  `iconName?: IconName;`
+     *  `numberIndicatorAriaLabel?: string;`
      *  `numberIndicatorValue?: string; }[]`
      */
     tabs: NavigationTab[];

package/components/Tabs/Tabs.d.ts

@@ -12,6 +12,8 @@ export interface Tab {
     iconName?: IconName;
     /** Number Indicator value displayed next to the label. */
     numberIndicatorValue?: string;
+    /** Adds a descriptive label for screen readers to the Number Indicator. */
+    numberIndicatorAriaLabel?: string;
 }
 export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
     /** Unique id for the tab list. */
@@ -21,6 +23,7 @@ export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
      *  `id: string;`
      *  `label: string;`
      *  `iconName?: IconName;`
+     *  `numberIndicatorAriaLabel?: string;`
      *  `numberIndicatorValue?: string; }[]`
      */
     tabs: Tab[];

package/index.es.js

@@ -1,7 +1,7 @@
 "use client";
-import { a as N, A as _, C as D, D as A, v as l } from "./chunks/Accordion.B-0pf8Fq.js";
-import { d as E, A as O, a as d, b as m, c as v, D as P, v as C } from "./chunks/ActionButton.wdWh7E2b.js";
-import { A as u, a as L, b as c, c as R, D as f, v as g } from "./chunks/ActionLink.DwUP-Kgm.js";
+import { a as N, A as _, C as D, D as A, v as l } from "./chunks/Accordion.Q50G9LZ3.js";
+import { d as E, A as O, a as d, b as m, c as v, D as P, v as C } from "./chunks/ActionButton.BEMy35Lh.js";
+import { A as u, a as L, b as c, c as R, D as f, v as g } from "./chunks/ActionLink.DECHT42B.js";
 import { DSAriaLiveRegions as B } from "./arialiveregions.B0AV2JcV.js";
 import { DSBanner as U } from "./banner.S_c1UQJe.js";
 import { D as M, M as H, v as F } from "./chunks/Breadcrumb.nflDJoKs.js";
@@ -9,7 +9,7 @@ import { B as X, a as k, D as Z, v as K } from "./chunks/Button.DpGeheky.js";
 import { DSButtonRound as w } from "./buttonround.Bqi8Ej-y.js";
 import { D as Y, v as j } from "./chunks/Checkbox.B3NeB54s.js";
 import { D as z, v as J } from "./chunks/CheckboxGroup.BYZSvqF7.js";
-import { DSChipGroup as $ } from "./chipgroup.i5SOv6LA.js";
+import { DSChipGroup as $ } from "./chipgroup.CSjQHeeW.js";
 import { C as ea, c as sa, b as oa, D as ra, g as ta, d as Ta, v as Sa, a as Ia } from "./chunks/Chip.SiGIIHR-.js";
 import { DSCombobox as pa } from "./combobox.DzSEFo_5.js";
 import { C as _a, b as Da, a as Aa, D as la, v as na } from "./chunks/CustomReactSelect.DBsnmMPl.js";
@@ -32,7 +32,7 @@ import { D as ce, L as Re, a as fe, v as ge } from "./chunks/LinkButton.CMjq2FKc
 import { D as Be, v as be } from "./chunks/LinkCard.CJ5P0ews.js";
 import { DSLogo as Ge } from "./logo.D7LnRA1E.js";
 import { D as He, u as Fe, v as Ve, a as Xe } from "./chunks/MegaMenu.CiSiMlE3.js";
-import { D as Ze, N as Ke, a as ye, v as we } from "./chunks/NavigationTabs.D2QrnlL2.js";
+import { D as Ze, N as Ke, a as ye, v as we } from "./chunks/NavigationTabs.DsVepb7H.js";
 import { D as Ye, a as je, N as qe } from "./chunks/Notification.COwLndR0.js";
 import { D as Je, u as Qe, v as $e, a as as } from "./chunks/Popover.C5wtha5l.js";
 import { D as ss, b as os, a as rs, o as ts, v as Ts } from "./chunks/RadioGroup.B-qTH31u.js";
@@ -44,7 +44,7 @@ import { D as hs, L as Bs, M as bs, g as Us, a as Gs, i as Ms, s as Hs, v as Fs
 import { DSSpinner as Xs } from "./spinner.CRVyui04.js";
 import { DSSwitch as Zs } from "./switch.DgKgzm-j.js";
 import { D as ys, a as ws, S as Ws } from "./chunks/SystemFeedback.DFN6Y2cw.js";
-import { D as js, T as qs, a as zs, v as Js } from "./chunks/Tabs.2JTenRcr.js";
+import { D as js, T as qs, a as zs, v as Js } from "./chunks/Tabs.DfH2q9EL.js";
 import { DSText as $s } from "./text.D_e3JBvf.js";
 import { a as eo, T as so, b as oo, i as ro } from "./chunks/Text.utils.D_iOyOSH.js";
 import { D as To, T as So, v as Io } from "./chunks/Textarea.ymNCbcvH.js";

package/{navigationtablist.CKPpQrme.js → navigationtablist.Cd9hZzFQ.js}

@@ -4,7 +4,7 @@ import "./chunks/index.cKLI89Eg.js";
 import "react";
 import "./chunks/Icon.m6sMB6vl.js";
 import "./numberindicator.ZGVRSmqf.js";
-import { N as e } from "./chunks/NavigationTabList.C2f-lWex.js";
+import { N as e } from "./chunks/NavigationTabList.ltT6igtk.js";
 export {
   e as NavigationTabList
 };

package/{navigationtabs.VUAOwesQ.js → navigationtabs.DHG-TeF2.js}

@@ -2,8 +2,8 @@
 import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "react";
-import "./tablist.hMHdX1V8.js";
-import { D as a } from "./chunks/NavigationTabs.D2QrnlL2.js";
+import "./tablist.DPiNeY3_.js";
+import { D as a } from "./chunks/NavigationTabs.DsVepb7H.js";
 export {
   a as DSNavigationTabs
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stihl-design-system/components",
   "private": false,
-  "version": "1.0.0-RC.40",
+  "version": "1.0.0-RC.41",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.stihl.de/",
   "keywords": [