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

package/{accordion.Rvtiu8Y4.js → accordion.C6_sqiW2.js}

@@ -4,7 +4,7 @@ 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";
+import { D as e } from "./chunks/Accordion.Bza3TO4Y.js";
 export {
   e as DSAccordion
 };

package/{arialiveregions.Cyycgs8g.js → arialiveregions.2dxodwBP.js}

@@ -1,6 +1,6 @@
 "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.BGSZafnS.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

package/assets/TabPane.zywjfwo8.css

@@ -0,0 +1 @@
+.ds-tabs_tabpane_30tnb_1{padding-block:var(--ds-spacing-dynamic-s)}.ds-tabs_tabpane_30tnb_1:focus{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tabpane_30tnb_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-tabs_tabpane_30tnb_1:focus{outline:revert;outline-offset:revert}.ds-tabs_tabpane_30tnb_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tabpane_30tnb_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-tabs_tabpane_30tnb_1[hidden]{display:none}.ds-tabs_tabpane_30tnb_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-tabs_tabpane_30tnb_1 a:not([class]))[href^="http://"]:after,:where(.ds-tabs_tabpane_30tnb_1 a:not([class]))[href^="https://"]:after,:where(.ds-tabs_tabpane_30tnb_1 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}.ds-tabs_tabpane_30tnb_1 a:not([class]){color:#252525}.ds-tabs_tabpane_30tnb_1 a:not([class]):link,.ds-tabs_tabpane_30tnb_1 a:not([class]):visited{color:#252525}.ds-tabs_tabpane_30tnb_1 a:not([class]):active{background-color:#0000001a;color:#252525}@media (hover: hover){.ds-tabs_tabpane_30tnb_1 a:not([class]):hover{background-color:#0000001a;color:#252525}}@media screen and (hover: hover) and (forced-colors: active){.ds-tabs_tabpane_30tnb_1 a:not([class]):hover{background-color:Canvas}}.ds-tabs_tabpane_30tnb_1 a:not([class])[href^="http://"]:after,.ds-tabs_tabpane_30tnb_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-tabs_tabpane_30tnb_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-tabs_tabpane_30tnb_1 a:not([class]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-tabs_tabpane_30tnb_1 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-tabs_tabpane_30tnb_1 a:not([class]):focus{outline:revert;outline-offset:revert}.ds-tabs_tabpane_30tnb_1 a:not([class]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-tabs_tabpane_30tnb_1 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-tabs_tabpane_30tnb_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-tabs_tabpane_30tnb_1 a:not([class]){transition-duration:0ms}}

package/assets/Tabs.DUqlqP6R.css

@@ -0,0 +1 @@
+.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/numberindicator.BJ9vFpnd.css

@@ -0,0 +1 @@
+.ds-number-indicator_root_t83wm_1{font-family:STIHL Contraface Digital Text Demi,-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:.42;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;display:inline-flex;align-items:center;justify-content:center;text-wrap:nowrap;border-radius:.625rem;border:1px solid transparent;min-width:.625rem;min-height:.625rem;background-color:#0000001a}.ds-number-indicator_root--has-content_t83wm_25{min-height:1.25rem;min-width:1.25rem;padding-inline:5px}.ds-number-indicator_root--highlight_t83wm_30{background-color:#f37a1f}@media screen and (forced-colors: active){.ds-number-indicator_root_t83wm_1{forced-color-adjust:none;border-color:CanvasText;background-color:Canvas;color:CanvasText}.ds-number-indicator_root--highlight_t83wm_30{border-color:Highlight;color:Highlight}.ds-number-indicator_root--highlight_t83wm_30:not(.ds-number-indicator_root--has-content_t83wm_25){background-color:Highlight;border-color:Highlight}}

package/{button.M4nXjcUn.js → button.BfcWQZhx.js}

@@ -1,7 +1,7 @@
 "use client";
 import { j as n } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c as i } from "./chunks/index.CvOaL64Y.js";
-import { u as a } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { u as a } from "./chunks/useBreakpoint.B8XxjSVJ.js";
 import { D as I } from "./chunks/Icon.BCmt_XBG.js";
 import { DSSpinner as F } from "./spinner.Bq97Og-6.js";
 import './assets/button.DF4RBeC2.css';const S = "ds-button_root_170gw_1", x = "ds-button_root--highlight_170gw_75", j = "ds-button_root--dark-highlight_170gw_75", L = "ds-button_root--filled_170gw_151", C = "ds-button_root--outline_170gw_179", N = "ds-button_root--ghost_170gw_206", B = "ds-button_root--ghost-flush_170gw_231", E = "ds-button_root--small_170gw_237", R = "ds-button_root--dark-filled_170gw_317", T = "ds-button_root--dark-outline_170gw_374", V = "ds-button_root--dark-ghost_170gw_430", q = "ds-button_root--dark-ghost-flush_170gw_484", A = "ds-button_root--icon-left_170gw_546", J = "ds-button_root--icon-only_170gw_562", K = "ds-button_root--icon-only-small_170gw_571", M = "ds-button_loader_170gw_586", P = "ds-button_icon--hidden_170gw_598", Q = "ds-button_label--hidden_170gw_602", U = "ds-button_label--loading_170gw_614", o = {

package/{checkbox.Cb2_ey6U.js → checkbox.Dt0OWryN.js}

@@ -2,7 +2,7 @@
 import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c as d } from "./chunks/index.CvOaL64Y.js";
 import { forwardRef as y, useRef as I, useState as H, useEffect as M, useCallback as g } from "react";
-import { u as B } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { u as B } from "./chunks/useBreakpoint.B8XxjSVJ.js";
 import { D as k } from "./chunks/Icon.BCmt_XBG.js";
 import { DSSystemFeedback as E } from "./systemfeedback.C3Pfxxpp.js";
 import './assets/checkbox.ByOoFouu.css';const V = "ds-checkbox_root_1tuqo_1", w = "ds-checkbox_root--disabled_1tuqo_21", L = "ds-checkbox_checkbox_1tuqo_25", O = "ds-checkbox_icon-check_1tuqo_41", P = "ds-checkbox_icon-minus_1tuqo_42", R = "ds-checkbox_checkbox--invalid_1tuqo_66", U = "ds-checkbox_label--hidden_1tuqo_71", z = "ds-checkbox_input_1tuqo_84", A = "ds-checkbox_label_1tuqo_71", F = "ds-checkbox_feedback_1tuqo_198", c = {

package/{checkboxgroup.DBDmB-zR.js → checkboxgroup.je32bRPr.js}

@@ -1,8 +1,8 @@
 "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";
+import "./chunks/Fieldset.Ct_JFRs9.js";
+import { D as i } from "./chunks/CheckboxGroup.C_2ZwEQJ.js";
 export {
   i as DSCheckboxGroup
 };

package/{chip.C_1tGqvZ.js → chip.CpnDX4Ro.js}

@@ -4,7 +4,7 @@ import "./chunks/index.CvOaL64Y.js";
 import "react";
 import "./chunks/translate.isa3FHb8.js";
 import "./chunks/Icon.BCmt_XBG.js";
-import { e as s } from "./chunks/Chip.CMlPUyOJ.js";
+import { e as s } from "./chunks/Chip.BvlKC503.js";
 export {
   s as DSChip
 };

package/{chipgroup.BvTj1ziW.js → chipgroup.Cy76KMWu.js}

@@ -2,14 +2,15 @@
 import { j as b } from "./chunks/jsx-runtime.C115EyI4.js";
 import { useState as S, useRef as $, useEffect as w, createElement as W } from "react";
 import { c as _ } from "./chunks/index.CvOaL64Y.js";
-import { h as v, u as q } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { g as z } from "./chunks/AriaLiveRegions.utils.BGSZafnS.js";
-import { v as J, a as P, e as Q } from "./chunks/Chip.CMlPUyOJ.js";
+import { h as v } from "./chunks/has-window.ut_-aShB.js";
+import { u as q } from "./chunks/useBreakpoint.B8XxjSVJ.js";
+import { g as z } from "./chunks/AriaLiveRegions.utils.Bq6Mp2bE.js";
+import { v as J, a as P, e as Q } from "./chunks/Chip.BvlKC503.js";
 import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_2mchd_1", Y = "ds-chip-group_root_2mchd_14", A = {
   "label--hidden": "ds-chip-group_label--hidden_2mchd_1",
   labelHidden: X,
   root: Y
-}, se = ({
+}, ne = ({
   chips: p,
   id: h,
   label: D,
@@ -20,7 +21,7 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
   selectionMode: i = "single",
   size: N = "medium",
   translations: T,
-  onChipsChange: c,
+  onChipsChange: o,
   ...B
 }) => {
   process.env.NODE_ENV !== "production" && J({
@@ -28,7 +29,7 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
     id: h,
     label: D
   });
-  const [l, o] = S(null), [n, a] = S(p), E = $(null), [d, k] = S(), f = $([]);
+  const [l, c] = S(null), [n, a] = S(p), E = $(null), [d, k] = S(), f = $([]);
   w(() => {
     a(p);
   }, [p]), w(() => {
@@ -74,20 +75,20 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
       default:
         return;
     }
-    o(t);
+    c(t);
   }, G = () => {
     if (i !== "multiple") return;
     const e = n.map((t) => ({
       ...t,
       selected: !t.disabled
     }));
-    a(e), m(`${e.length} items selected`), c && c(e);
+    a(e), m(`${e.length} items selected`), o && o(e);
   }, u = (e) => {
     if (r) return;
     const t = [...n];
     t[e].disabled || (t[e].isSelected = !0, m(
       `${t[e].label} selected, ${t.filter(({ isSelected: s }) => s).length} items selected`
-    ), a(t), c && c(t));
+    ), a(t), o && o(t));
   }, I = (e) => {
     if (r) return;
     const t = [...n];
@@ -97,7 +98,7 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
       )) : s.isSelected = !1;
     }) : i === "multiple" && (t[e].isSelected = !t[e].isSelected, m(
       `${t[e].label} ${t[e].isSelected ? "selected" : "not selected"}, ${t.filter(({ isSelected: s }) => s).length} items selected`
-    )), a(t), c && c(t));
+    )), a(t), o && o(t));
   }, y = (e) => {
     var g;
     const t = n[e], s = n.filter((L, U) => U !== e);
@@ -106,10 +107,10 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
     ), d === "keydown")
       if (s.length > 0) {
         const L = Math.min(e, s.length - 1);
-        o(L);
+        c(L);
       } else
-        (g = E.current) == null || g.focus(), o(null);
-    c && c(s);
+        (g = E.current) == null || g.focus(), c(null);
+    o && o(s);
   }, H = (e) => {
     r ? y(e) : n[e].disabled || I(e);
   }, m = (e) => {
@@ -139,9 +140,9 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
         tabIndex: -1,
         onKeyDown: F,
         onFocus: () => {
-          l === null ? (f.current[0].focus(), d === "keydown" && o(0)) : d === "keydown" && o(l);
+          l === null ? (f.current[0].focus(), d === "keydown" && c(0)) : d === "keydown" && c(l);
         },
-        onBlur: () => o(null),
+        onBlur: () => c(null),
         className: O,
         ...B,
         children: n.map((e, t) => /* @__PURE__ */ W(
@@ -170,5 +171,5 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
   ] });
 };
 export {
-  se as DSChipGroup
+  ne as DSChipGroup
 };

package/chunks/{Accordion.CB6jB3s_.js → Accordion.Bza3TO4Y.js}

@@ -4,7 +4,7 @@ import { c as a } from "./index.CvOaL64Y.js";
 import { forwardRef as A, useRef as F, useState as I, useImperativeHandle as R, useEffect as w } from "react";
 import { DSHeading as T } from "../heading.IPIYc5vW.js";
 import { D as L } from "./Icon.BCmt_XBG.js";
-import { g } from "./helpers.B1JT5ShS.js";
+import { g } from "./helpers.CcqWV-wZ.js";
 import '../assets/Accordion.i4k5SMQM.css';const M = "ds-accordion_details_1385s_1", b = "ds-accordion_summary_1385s_120", H = "ds-accordion_summary--utility--m_1385s_159", P = "ds-accordion_summary--flush_1385s_188", U = "ds-accordion_summary--small_1385s_256", q = "ds-accordion_summary-content-wrapper_1385s_261", V = "ds-accordion_summary-content-wrapper--flush_1385s_267", z = "ds-accordion_summary-content-wrapper--chevron-left_1385s_271", Z = "ds-accordion_heading-summary-wrapper_1385s_276", k = "ds-accordion_hint_1385s_280", B = "ds-accordion_icon_1385s_294", G = "ds-accordion_icon--open_1385s_305", J = "ds-accordion_content-wrapper_1385s_317", K = "ds-accordion_content-wrapper--flush_1385s_323", Q = "ds-accordion_content-wrapper--small_1385s_327", r = {
   details: M,
   summary: b,

package/chunks/AriaLiveRegions.utils.Bq6Mp2bE.js

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

package/chunks/{CheckboxGroup.S6i5EOc4.js → CheckboxGroup.C_2ZwEQJ.js}

@@ -1,33 +1,36 @@
 "use client";
 import { j as u } from "./jsx-runtime.C115EyI4.js";
 import { c as m } from "./index.CvOaL64Y.js";
-import { D as f } from "./Fieldset.Cjmkgxxk.js";
+import { D as f } from "./Fieldset.Ct_JFRs9.js";
 import l from "react";
-import { g as i } from "./helpers.B1JT5ShS.js";
-import { DSCheckbox as k } from "../checkbox.Cb2_ey6U.js";
-import '../assets/CheckboxGroup.BH1Br1dg.css';const D = "ds-checkbox-group_root_12fot_1", _ = "ds-checkbox-group_root--horizontal_12fot_9", C = "ds-checkbox-group_root--invalid_12fot_12", h = {
-  root: D,
+import { g as i, r as k } from "./helpers.CcqWV-wZ.js";
+import { DSCheckbox as D } from "../checkbox.Dt0OWryN.js";
+import '../assets/CheckboxGroup.BH1Br1dg.css';const _ = "ds-checkbox-group_root_12fot_1", C = "ds-checkbox-group_root--horizontal_12fot_9", S = "ds-checkbox-group_root--invalid_12fot_12", a = {
+  root: _,
   "root--horizontal": "ds-checkbox-group_root--horizontal_12fot_9",
-  rootHorizontal: _,
+  rootHorizontal: C,
   "root--invalid": "ds-checkbox-group_root--invalid_12fot_12",
-  rootInvalid: C
-}, S = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the DSCheckboxGroup component.`, v = ({
+  rootInvalid: S
+}, v = ({
   children: o,
-  description: e,
-  id: n,
-  legend: r,
-  systemFeedback: s
+  description: r,
+  id: s,
+  legend: e,
+  systemFeedback: c
 }) => {
-  if (!n && (e || s))
+  if (!s && (r || c))
     throw new Error(
       i(
         "DSCheckboxGroup",
-        'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSCheckboxGroup component.'
+        'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSCheckboxGroup component.'
       )
     );
-  if (!r)
+  if (!e)
     throw new Error(
-      i("DSCheckboxGroup", S("legend"))
+      i(
+        "DSCheckboxGroup",
+        k("legend", "DSCheckboxGroup")
+      )
     );
   if (!o)
     throw new Error(
@@ -37,7 +40,7 @@ import '../assets/CheckboxGroup.BH1Br1dg.css';const D = "ds-checkbox-group_root_
       )
     );
   l.Children.forEach(o, (t) => {
-    if (!(l.isValidElement(t) && t.type === k))
+    if (!(l.isValidElement(t) && t.type === D))
       throw new Error(
         i(
           "DSCheckboxGroup",
@@ -47,40 +50,40 @@ import '../assets/CheckboxGroup.BH1Br1dg.css';const D = "ds-checkbox-group_root_
   });
 }, y = ({
   children: o,
-  legend: e,
-  className: n,
-  description: r,
-  direction: s = "vertical",
+  legend: r,
+  className: s,
+  description: e,
+  direction: c = "vertical",
   disabled: t = !1,
-  id: a,
+  id: h,
   invalid: p = !1,
   required: d = !1,
-  systemFeedback: c,
+  systemFeedback: n,
   ...x
 }) => {
   process.env.NODE_ENV !== "production" && v({
     children: o,
-    legend: e,
-    description: r,
-    id: a,
-    systemFeedback: c
+    legend: r,
+    description: e,
+    id: h,
+    systemFeedback: n
   });
-  const b = m(h.root, {
+  const b = m(a.root, {
     // In case of longer copy, use vertical direction
-    [h.rootHorizontal]: s === "horizontal",
-    [h.rootInvalid]: p && !!c
+    [a.rootHorizontal]: c === "horizontal",
+    [a.rootInvalid]: p && !!n
   });
   return /* @__PURE__ */ u.jsx(
     f,
     {
-      id: a,
-      legend: e,
-      className: n,
-      description: r,
+      id: h,
+      legend: r,
+      className: s,
+      description: e,
       disabled: t,
       required: d,
       invalid: p,
-      systemFeedback: c,
+      systemFeedback: n,
       ...x,
       children: /* @__PURE__ */ u.jsx("div", { className: b, children: o })
     }

package/chunks/{Chip.CMlPUyOJ.js → Chip.BvlKC503.js}

@@ -4,34 +4,40 @@ import { c as _ } from "./index.CvOaL64Y.js";
 import { forwardRef as w } from "react";
 import { t as y } from "./translate.isa3FHb8.js";
 import { D as d } from "./Icon.BCmt_XBG.js";
-import { g as a } from "./helpers.B1JT5ShS.js";
-import { g as P } from "./AriaLiveRegions.utils.BGSZafnS.js";
-import '../assets/Chip.DSdLuzoi.css';const T = "ds-chip-group_chip_aidwn_1", b = "ds-chip-group_chip--small_aidwn_30", h = {
-  chip: T,
+import { g as a, r as h } from "./helpers.CcqWV-wZ.js";
+import { g as b } from "./AriaLiveRegions.utils.Bq6Mp2bE.js";
+import '../assets/Chip.DSdLuzoi.css';const G = "ds-chip-group_chip_aidwn_1", P = "ds-chip-group_chip--small_aidwn_30", u = {
+  chip: G,
   "chip--small": "ds-chip-group_chip--small_aidwn_30",
-  chipSmall: b
-}, u = (e) => `The "${e}" prop is required. Please add the "${e}" prop to the DSChipGroup component.`, F = ({
+  chipSmall: P
+}, q = ({
   chips: e,
   id: i,
   label: r
 }) => {
   if (!Array.isArray(e))
     throw new Error(
-      a("DSChipGroup", u("chips"))
+      a(
+        "DSChipGroup",
+        h("chips", "DSChipGroup")
+      )
     );
   if (!i)
     throw new Error(
       a(
         "DSChipGroup",
-        'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSChipGroup component.'
+        'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSChipGroup component.'
       )
     );
   if (!r)
     throw new Error(
-      a("DSChipGroup", u("label"))
+      a(
+        "DSChipGroup",
+        h("label", "DSChipGroup")
+      )
     );
 }, H = () => {
-  if (!P())
+  if (!b())
     throw new Error(
       a(
         "DSChipGroup",
@@ -52,7 +58,7 @@ import '../assets/Chip.DSdLuzoi.css';const T = "ds-chip-group_chip_aidwn_1", b =
   titleRemovable: "Remove filter",
   titleDeactivate: "Deactivate property",
   titleActivate: "Activate property"
-}, $ = {
+}, T = {
   disabled: "deaktiviert",
   selected: "ausgewählt",
   // {0} is the action (e.g., select/unselect)
@@ -68,13 +74,13 @@ import '../assets/Chip.DSdLuzoi.css';const T = "ds-chip-group_chip_aidwn_1", b =
   titleActivate: "Eigenschaft aktivieren"
 }, k = {
   en: R,
-  de: $
+  de: T
 }, E = (e, i, r, t, n, s) => r ? `${i}, ${e("disabled")}` : s ? `${i}, ${e("removeChip")}` : `${i}, ${t ? `${e("selected")}, ` : ""}${e(
   "selectChip",
   [
     e(n === "single" ? t ? "unselectAction" : "selectAction" : t ? "removeFromSelection" : "addToSelection")
   ]
-)}`, G = (e, i, r, t) => e(i ? "titleDisabled" : t ? "titleRemovable" : r ? "titleDeactivate" : "titleActivate"), x = w(
+)}`, x = (e, i, r, t) => e(i ? "titleDisabled" : t ? "titleRemovable" : r ? "titleDeactivate" : "titleActivate"), I = w(
   ({
     id: e,
     label: i,
@@ -90,11 +96,11 @@ import '../assets/Chip.DSdLuzoi.css';const T = "ds-chip-group_chip_aidwn_1", b =
     translations: S,
     onClick: D,
     ...A
-  }, g) => {
+  }, C) => {
     const p = y(
       S || k[m]
-    ), C = _(h.chip, {
-      [h.chipSmall]: v === "small"
+    ), g = _(u.chip, {
+      [u.chipSmall]: v === "small"
     });
     return /* @__PURE__ */ o.jsxs(
       "div",
@@ -111,12 +117,12 @@ import '../assets/Chip.DSdLuzoi.css';const T = "ds-chip-group_chip_aidwn_1", b =
         "aria-selected": l && !t,
         "aria-disabled": s && !t,
         id: `${r}-chip-${e}`,
-        className: C,
+        className: g,
         tabIndex: f,
         onClick: D,
-        ref: g,
+        ref: C,
         ...A,
-        title: G(p, s, l, t),
+        title: x(p, s, l, t),
         children: [
           /* @__PURE__ */ o.jsxs("div", { role: "gridcell", "aria-colindex": 1, style: { display: "contents" }, children: [
             c && /* @__PURE__ */ o.jsx(d, { name: c, "aria-hidden": "true" }),
@@ -128,15 +134,15 @@ import '../assets/Chip.DSdLuzoi.css';const T = "ds-chip-group_chip_aidwn_1", b =
     );
   }
 );
-x.displayName = "DSChip";
+I.displayName = "DSChip";
 export {
   U as C,
   R as D,
   H as a,
-  $ as b,
+  T as b,
   k as c,
-  G as d,
-  x as e,
+  x as d,
+  I as e,
   E as g,
-  F as v
+  q as v
 };

package/chunks/{CustomReactSelect.CQ1uexBH.js → CustomReactSelect.CB41lklE.js}

@@ -6,8 +6,8 @@ import { useState as oe, useCallback as O, useLayoutEffect as $t, useRef as U, u
 import { keyframes as nn, jsx as v, css as ft } from "@emotion/react";
 import { createPortal as on } from "react-dom";
 import { t as un } from "./translate.isa3FHb8.js";
-import { g as Fe } from "./helpers.B1JT5ShS.js";
-import { u as an } from "./useBreakpoint.5xBNDiCf.js";
+import { g as Fe } from "./helpers.CcqWV-wZ.js";
+import { u as an } from "./useBreakpoint.B8XxjSVJ.js";
 import { Asterisk as rn } from "../asterisk.DpzETKdT.js";
 import { D as ce } from "./Icon.BCmt_XBG.js";
 import { DSSystemFeedback as ln } from "../systemfeedback.C3Pfxxpp.js";
@@ -3148,7 +3148,7 @@ const ru = (n) => {
     throw new Error(
       Fe(
         "DSCombobox",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSCombobox component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSCombobox component.'
       )
     );
   if (!e)

package/chunks/{Dialog.CudsqNag.js → Dialog.ClBjJWOh.js}

@@ -2,8 +2,8 @@
 import { j as r } from "./jsx-runtime.C115EyI4.js";
 import { c as l } from "./index.CvOaL64Y.js";
 import { useRef as h, useState as x, useEffect as q } from "react";
-import { DSButton as j } from "../button.M4nXjcUn.js";
-import { g as B } from "./helpers.B1JT5ShS.js";
+import { DSButton as j } from "../button.BfcWQZhx.js";
+import { g as B } from "./helpers.CcqWV-wZ.js";
 import '../assets/Dialog.BgzebVk4.css';const E = "ds-dialog_root_1e2qq_5", C = "ds-dialog_content-wrapper_1e2qq_159", F = "ds-dialog_content-wrapper--no-footer_1e2qq_165", W = "ds-dialog_close-button_1e2qq_173", k = "ds-dialog_header_1e2qq_186", R = "ds-dialog_content_1e2qq_159", y = "ds-dialog_footer_1e2qq_188", z = "ds-dialog_header--scrollable_1e2qq_209", L = "ds-dialog_header--close-button_1e2qq_218", M = "ds-dialog_content--no-footer_1e2qq_231", H = "ds-dialog_footer--scrollable_1e2qq_238", o = {
   root: E,
   "content-wrapper": "ds-dialog_content-wrapper_1e2qq_159",

package/chunks/{Drawer.ueG2Bzr9.js → Drawer.ReDW3ohH.js}

@@ -2,8 +2,8 @@
 import { j as t } from "./jsx-runtime.C115EyI4.js";
 import { c as n } from "./index.CvOaL64Y.js";
 import { useRef as w, useState as g, useEffect as b } from "react";
-import { DSButton as j } from "../button.M4nXjcUn.js";
-import { g as B } from "./helpers.B1JT5ShS.js";
+import { DSButton as j } from "../button.BfcWQZhx.js";
+import { g as B } from "./helpers.CcqWV-wZ.js";
 import '../assets/Drawer.Bauwxrk7.css';const R = "ds-drawer_root_1qhpc_10", W = "ds-drawer_root--end_1qhpc_68", C = "ds-drawer_content-wrapper_1qhpc_169", F = "ds-drawer_content-wrapper--no-footer_1qhpc_175", k = "ds-drawer_close-button_1qhpc_178", I = "ds-drawer_header_1qhpc_191", O = "ds-drawer_content_1qhpc_169", y = "ds-drawer_footer_1qhpc_193", z = "ds-drawer_header--scrollable_1qhpc_214", L = "ds-drawer_header--close-button_1qhpc_223", M = "ds-drawer_content--no-footer_1qhpc_237", H = "ds-drawer_footer--scrollable_1qhpc_244", o = {
   root: R,
   "root--end": "ds-drawer_root--end_1qhpc_68",

package/chunks/{Fieldset.Cjmkgxxk.js → Fieldset.Ct_JFRs9.js}

@@ -5,7 +5,7 @@ import "react";
 import { Asterisk as y } from "../asterisk.DpzETKdT.js";
 import { DSHeading as v } from "../heading.IPIYc5vW.js";
 import { DSSystemFeedback as w } from "../systemfeedback.C3Pfxxpp.js";
-import { g as j } from "./helpers.B1JT5ShS.js";
+import { g as j } from "./helpers.CcqWV-wZ.js";
 import '../assets/Fieldset.DOdTbb7C.css';const N = "ds-fieldset_root_1opm7_1", E = "ds-fieldset_child-wrapper_1opm7_95", M = "ds-fieldset_legend_1opm7_102", q = "ds-fieldset_legend--utility--m_1opm7_106", C = "ds-fieldset_description_1opm7_118", P = "ds-fieldset_description--small_1opm7_132", T = "ds-fieldset_system-feedback_1opm7_136", i = {
   root: N,
   "child-wrapper": "ds-fieldset_child-wrapper_1opm7_95",
@@ -28,7 +28,7 @@ import '../assets/Fieldset.DOdTbb7C.css';const N = "ds-fieldset_root_1opm7_1", E
     throw new Error(
       j(
         "DSFieldset",
-        'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSFieldset component.'
+        'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSFieldset component.'
       )
     );
   if (!a)

package/chunks/{Input.utils.ChV6RJsh.js → Input.utils.DYbmWlx6.js}

@@ -1,9 +1,8 @@
 "use client";
-import { useLayoutEffect as p, useEffect as u } from "react";
-import { h } from "./useBreakpoint.5xBNDiCf.js";
-import { g as t } from "./helpers.B1JT5ShS.js";
-import { h as l } from "./has-document.r9i9TxKV.js";
-const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
+import { h as p } from "./has-window.ut_-aShB.js";
+import { g as t } from "./helpers.CcqWV-wZ.js";
+import "react";
+const a = 8, i = 5, T = ["medium", "small"], u = [
   "color",
   "date",
   "datetime-local",
@@ -16,7 +15,7 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
   "text",
   "time",
   "url"
-], w = [
+], l = [
   "week",
   "hidden",
   "button",
@@ -28,7 +27,7 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
   "submit",
   "image",
   "datetime"
-], P = ({
+], b = ({
   id: e,
   label: n,
   prefix: o,
@@ -42,7 +41,7 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
     throw new Error(
       t(
         "DSInput",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInput component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSInput component.'
       )
     );
   if (!n)
@@ -73,8 +72,8 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
       "Suffix and an action button cannot be used at the same time."
     )
   );
-}, g = (e) => {
-  if (!S.includes(e) && !w.includes(e))
+}, D = (e) => {
+  if (!u.includes(e) && !l.includes(e))
     throw new Error(
       t(
         "DSInput",
@@ -96,18 +95,17 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
     hidden: 'Type hidden is not supported by DSInput component. Use a default <input type="hidden" /> element instead.'
   };
   n[e] && console.warn(t("DSInput", n[e]));
-}, I = () => l && "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), E = (e, n) => I() && (e || n), k = (e) => e === "date" || e === "datetime-local" || e === "month", x = (e) => e === "time";
+}, h = () => p && "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), y = (e, n) => h() && (e || n), U = (e) => e === "date" || e === "datetime-local" || e === "month", P = (e) => e === "time";
 export {
-  U as I,
+  T as I,
   a as M,
-  S,
-  w as U,
+  u as S,
+  l as U,
   i as a,
-  g as b,
-  x as c,
-  I as h,
-  k as i,
-  E as s,
-  f as u,
-  P as v
+  D as b,
+  P as c,
+  h,
+  U as i,
+  y as s,
+  b as v
 };