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

package/popover.T7-imfkx.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import { D as a } from "./chunks/Popover.C5wtha5l.js";
+import "react";
+import "./chunks/floating-ui.react.CP5A99-c.js";
+import "./chunks/index.DQOqod3i.js";
+import "./chunks/helpers.CexwVao7.js";
+import "./chunks/Button.DpGeheky.js";
+export {
+  a as DSPopover
+};

package/radio.DxdVKoxe.js

@@ -0,0 +1,137 @@
+"use client";
+import { jsx as x, jsxs as fe } from "react/jsx-runtime";
+import { d as pe } from "./chunks/index.cKLI89Eg.js";
+import { c as H } from "./chunks/index.DQOqod3i.js";
+import { forwardRef as Ce, useRef as me, useState as ye, useEffect as ke } from "react";
+import './assets/radio.l9OTraQU.css';const _e = (B) => B.replace(/\s+/g, ""), De = "ds-radio_root_14ige_1", Ne = "ds-radio_root--disabled_14ige_24", We = "ds-radio_root--with-custom-area_14ige_27", xe = "ds-radio_root--with-custom-area--above_14ige_30", He = "ds-radio_radio_14ige_38", Be = "ds-radio_dot_14ige_56", Ue = "ds-radio_radio--invalid_14ige_80", Ie = "ds-radio_label_14ige_85", Se = "ds-radio_label--bold_14ige_102", $e = "ds-radio_label--with-custom-area_14ige_113", we = "ds-radio_custom-area_14ige_117", je = "ds-radio_custom-area--disabled_14ige_125", Ee = "ds-radio_custom-area--above_14ige_128", Ve = "ds-radio_hint_14ige_135", Oe = "ds-radio_hint--visible_14ige_159", Re = "ds-radio_hint--unchecked-hidden_14ige_163", qe = "ds-radio_input_14ige_169", t = {
+  root: De,
+  rootDisabled: Ne,
+  rootWithCustomArea: We,
+  rootWithCustomAreaAbove: xe,
+  radio: He,
+  dot: Be,
+  radioInvalid: Ue,
+  label: Ie,
+  labelBold: Se,
+  labelWithCustomArea: $e,
+  customArea: we,
+  customAreaDisabled: je,
+  customAreaAbove: Ee,
+  hint: Ve,
+  hintVisible: Oe,
+  hintUncheckedHidden: Re,
+  input: qe
+}, ze = Ce((B, _) => {
+  const e = pe.c(92);
+  let U, b, i, u, l, d, r, h, A, I, S, $, w, j, E, c;
+  e[0] !== B ? ({
+    label: d,
+    name: r,
+    value: c,
+    checked: U,
+    className: b,
+    customArea: i,
+    isCustomAreaAbove: I,
+    defaultChecked: S,
+    disabled: $,
+    fieldsetId: u,
+    hint: l,
+    invalid: w,
+    isBold: j,
+    hideUncheckedHint: E,
+    onChange: h,
+    ...A
+  } = B, e[0] = B, e[1] = U, e[2] = b, e[3] = i, e[4] = u, e[5] = l, e[6] = d, e[7] = r, e[8] = h, e[9] = A, e[10] = I, e[11] = S, e[12] = $, e[13] = w, e[14] = j, e[15] = E, e[16] = c) : (U = e[1], b = e[2], i = e[3], u = e[4], l = e[5], d = e[6], r = e[7], h = e[8], A = e[9], I = e[10], S = e[11], $ = e[12], w = e[13], j = e[14], E = e[15], c = e[16]);
+  const f = I === void 0 ? !1 : I, be = S === void 0 ? !1 : S, s = $ === void 0 ? !1 : $, v = w === void 0 ? !1 : w, Z = j === void 0 ? !1 : j, n = E === void 0 ? !1 : E, Ae = me(null), o = me(null), [ve, ge] = ye(be), V = U !== void 0, a = V ? U : ve;
+  let O, R;
+  e[17] !== a || e[18] !== n ? (O = () => {
+    o.current && (n ? (o.current.style.height === "0px" || o.current.style.height === "") && a ? (o.current.style.height = `${o.current.scrollHeight}px`, o.current.style.opacity = "1") : a || (o.current.style.opacity = "0", o.current.style.height = "0px", o.current.style.pointerEvents = "none") : (o.current.style.height === "0px" || o.current.style.height === "") && (o.current.style.height = "auto", o.current.style.opacity = "1"));
+  }, R = [o, a, n], e[17] = a, e[18] = n, e[19] = O, e[20] = R) : (O = e[19], R = e[20]), ke(O, R);
+  const ee = !!i, te = !!i && f;
+  let q;
+  e[21] !== b || e[22] !== s || e[23] !== te || e[24] !== ee ? (q = H(t.root, {
+    [t.rootDisabled]: s,
+    [t.rootWithCustomArea]: ee,
+    [t.rootWithCustomAreaAbove]: te
+  }, b), e[21] = b, e[22] = s, e[23] = te, e[24] = ee, e[25] = q) : q = e[25];
+  const se = q, oe = !!i;
+  let z;
+  e[26] !== Z || e[27] !== oe ? (z = H(t.label, {
+    [t.labelBold]: Z,
+    [t.labelWithCustomArea]: oe
+  }), e[26] = Z, e[27] = oe, e[28] = z) : z = e[28];
+  const ie = z;
+  let F;
+  e[29] !== a || e[30] !== n || e[31] !== l ? (F = () => !n && l ? !0 : !!(n && l && a), e[29] = a, e[30] = n, e[31] = l, e[32] = F) : F = e[32];
+  const G = F, le = n && !G();
+  let J;
+  e[33] !== G || e[34] !== le ? (J = H(t.hint, {
+    [t.hintUncheckedHidden]: le,
+    [t.hintVisible]: G()
+  }), e[33] = G, e[34] = le, e[35] = J) : J = e[35];
+  const ae = J;
+  let K;
+  e[36] !== v ? (K = H(t.radio, {
+    [t.radioInvalid]: v
+  }), e[36] = v, e[37] = K) : K = e[37];
+  const re = K;
+  let L;
+  e[38] !== s ? (L = H(t.customArea, {
+    [t.customAreaDisabled]: s
+  }), e[38] = s, e[39] = L) : L = e[39];
+  const ce = L;
+  let M;
+  e[40] !== s ? (M = H(t.customArea, t.customAreaAbove, {
+    [t.customAreaDisabled]: s
+  }), e[40] = s, e[41] = M) : M = e[41];
+  const ne = M;
+  let P;
+  e[42] !== s || e[43] !== V || e[44] !== h ? (P = (m) => {
+    if (s) {
+      m.preventDefault();
+      return;
+    }
+    V || ge(m.target.checked), h && h(m);
+  }, e[42] = s, e[43] = V, e[44] = h, e[45] = P) : P = e[45];
+  const de = P;
+  let Q;
+  e[46] !== l || e[47] !== r || e[48] !== c ? (Q = l ? `${_e(r)}-${_e(c)}-description` : void 0, e[46] = l, e[47] = r, e[48] = c, e[49] = Q) : Q = e[49];
+  const g = Q;
+  let T;
+  e[50] !== g || e[51] !== u || e[52] !== v ? (T = [v && u && `${u}-feedback`, g].filter(Boolean).join(" ") || void 0, e[50] = g, e[51] = u, e[52] = v, e[53] = T) : T = e[53];
+  const ue = T;
+  let p;
+  e[54] !== _ ? (p = (m) => {
+    typeof _ == "function" ? _(m) : _ !== null && (_.current = m), Ae.current = m;
+  }, e[54] = _, e[55] = p) : p = e[55];
+  const he = typeof d == "string" ? d : void 0;
+  let C;
+  e[56] !== ue || e[57] !== a || e[58] !== s || e[59] !== de || e[60] !== r || e[61] !== A || e[62] !== p || e[63] !== he || e[64] !== c ? (C = /* @__PURE__ */ x("input", { type: "radio", value: c, name: r, className: t.input, ref: p, onChange: de, ...A, disabled: s, checked: a, "aria-label": he, "aria-describedby": ue }), e[56] = ue, e[57] = a, e[58] = s, e[59] = de, e[60] = r, e[61] = A, e[62] = p, e[63] = he, e[64] = c, e[65] = C) : C = e[65];
+  let X;
+  e[66] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ x("div", { className: t.dot }), e[66] = X) : X = e[66];
+  let y;
+  e[67] !== re ? (y = /* @__PURE__ */ x("span", { className: re, children: X }), e[67] = re, e[68] = y) : y = e[68];
+  let k;
+  e[69] !== i || e[70] !== ne || e[71] !== f ? (k = i && f && /* @__PURE__ */ x("div", { className: ne, children: i }), e[69] = i, e[70] = ne, e[71] = f, e[72] = k) : k = e[72];
+  let D;
+  e[73] !== i || e[74] !== ce || e[75] !== f ? (D = i && !f && /* @__PURE__ */ x("div", { className: ce, children: i }), e[73] = i, e[74] = ce, e[75] = f, e[76] = D) : D = e[76];
+  let N;
+  e[77] !== g || e[78] !== l || e[79] !== ae ? (N = /* @__PURE__ */ x("span", { id: g, className: ae, ref: o, children: l }), e[77] = g, e[78] = l, e[79] = ae, e[80] = N) : N = e[80];
+  let W;
+  e[81] !== d || e[82] !== ie || e[83] !== D || e[84] !== N ? (W = /* @__PURE__ */ fe("span", { className: ie, children: [
+    d,
+    D,
+    N
+  ] }), e[81] = d, e[82] = ie, e[83] = D, e[84] = N, e[85] = W) : W = e[85];
+  let Y;
+  return e[86] !== se || e[87] !== C || e[88] !== y || e[89] !== k || e[90] !== W ? (Y = /* @__PURE__ */ fe("label", { className: se, children: [
+    C,
+    y,
+    k,
+    W
+  ] }), e[86] = se, e[87] = C, e[88] = y, e[89] = k, e[90] = W, e[91] = Y) : Y = e[91], Y;
+});
+ze.displayName = "DSRadio";
+export {
+  ze as DSRadio
+};

package/radiogroup.CAh4wto1.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/Fieldset.7WM7w62l.js";
+import "./radio.DxdVKoxe.js";
+import { D as s } from "./chunks/RadioGroup.B-qTH31u.js";
+export {
+  s as DSRadioGroup
+};

package/{scroller.B1LijjCF.js → scroller.DfhhZelk.js}

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs as H, jsx as i } from "react/jsx-runtime";
-import { c as a } from "./chunks/index.DL9mof6u.js";
-import { forwardRef as I, useState as v, useRef as d } from "react";
-import { i as b, g as S } from "./chunks/is-animation-disabled.B-V_68K-.js";
+import { c as a } from "./chunks/index.DQOqod3i.js";
+import { forwardRef as I, useState as _, useRef as d } from "react";
+import { i as v, g as S } from "./chunks/is-animation-disabled.B-V_68K-.js";
 import { g as W } from "./chunks/helpers.CexwVao7.js";
 import { u as R } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import "./chunks/index.D-sRdssb.js";
-import { D as L } from "./chunks/Button.CQlIao-Z.js";
-import './assets/scroller.Hszs1Yq4.css';function P(...u) {
+import "./chunks/index.cKLI89Eg.js";
+import { D as L } from "./chunks/Button.DpGeheky.js";
+import './assets/scroller.BGlPnnPD.css';function P(...u) {
   return (l) => {
     for (const s of u)
       s && (typeof s == "function" ? s(l) : s.current = l);
@@ -28,7 +28,7 @@ const T = "ds-scroller_root_3ktti_1", M = "ds-scroller_scroll-wrapper_3ktti_6",
   scrollToPosition: n,
   ...x
 }, k) => {
-  const [m, w] = v(!1), [p, N] = v(!1), c = d(null), t = d(null), D = d(!1), f = () => {
+  const [m, w] = _(!1), [p, N] = _(!1), c = d(null), t = d(null), y = d(!1), f = () => {
     g();
   };
   R(() => {
@@ -42,28 +42,28 @@ const T = "ds-scroller_root_3ktti_1", M = "ds-scroller_scroll-wrapper_3ktti_6",
       "18px 'STIHL Contraface Digital Text Bold'"
     ];
     return Promise.all(r.map((e) => document.fonts.load(e))).then(() => {
-      D.current = !0, g(), y();
+      y.current = !0, g(), D();
     }).catch((e) => {
       throw new Error(W("DSScroller", `The component requires the fonts to be loaded: ${e}`));
     }), t.current?.addEventListener("scroll", f), () => {
       t.current?.removeEventListener("scroll", f);
     };
   }, [n]);
-  const y = () => {
+  const D = () => {
     t.current && n?.scrollPosition && t.current.scrollTo({
       left: n.scrollPosition,
-      behavior: b() || !n.isSmooth ? "instant" : "smooth"
+      behavior: v() || !n.isSmooth ? "instant" : "smooth"
     });
   }, g = () => {
     if (t.current && c.current) {
       const r = S(t.current), e = S(c.current);
       w(e.left < r.left), N(e.right > r.right + 4);
     }
-  }, B = (r) => {
+  }, b = (r) => {
     const e = z(r);
     t.current?.scrollTo({
       left: e,
-      behavior: b() ? "instant" : "smooth"
+      behavior: v() ? "instant" : "smooth"
     });
   }, z = (r) => {
     if (!c.current || !t.current)
@@ -71,8 +71,8 @@ const T = "ds-scroller_root_3ktti_1", M = "ds-scroller_scroll-wrapper_3ktti_6",
     const {
       scrollLeft: e,
       offsetWidth: E
-    } = t.current, _ = Math.round(E * 0.2);
-    return r === "next" ? e + _ : e - _;
+    } = t.current, B = Math.round(E * 0.2);
+    return r === "next" ? e + B : e - B;
   }, C = a(o.scroller, s);
   return /* @__PURE__ */ H("div", { className: a(o.root, l), ...x, children: [
     /* @__PURE__ */ i(
@@ -86,10 +86,10 @@ const T = "ds-scroller_root_3ktti_1", M = "ds-scroller_scroll-wrapper_3ktti_6",
     ),
     /* @__PURE__ */ i(L, { variant: "filled", className: a(o.scrollButton, h, {
       [o.scrollButtonHidden]: !m
-    }), hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: () => B("prev"), children: "Left" }),
+    }), hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", type: "button", onClick: () => b("prev"), children: "Left" }),
     /* @__PURE__ */ i(L, { variant: "filled", className: a(o.scrollButton, o.scrollButtonRight, h, {
       [o.scrollButtonHidden]: !p
-    }), hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: () => B("next"), children: "Right" })
+    }), hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", type: "button", onClick: () => b("next"), children: "Right" })
   ] });
 });
 V.displayName = "DSScroller";

package/select.CSCc_-6d.js

@@ -0,0 +1,14 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/useBreakpoint.1txsny17.js";
+import "./chunks/index.cKLI89Eg.js";
+import "./asterisk.Dwtdwpkq.js";
+import "./chunks/Icon.m6sMB6vl.js";
+import "./chunks/Popover.C5wtha5l.js";
+import "./chunks/SystemFeedback.DFN6Y2cw.js";
+import { D as S } from "./chunks/Select.DrDVi9lg.js";
+export {
+  S as DSSelect
+};

package/{skiptocontent.CAQy194o.js → skiptocontent.C2HpZt5q.js}

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as u } from "react/jsx-runtime";
-import { d as g } from "./chunks/index.D-sRdssb.js";
-import { c as w } from "./chunks/index.DL9mof6u.js";
+import { d as g } from "./chunks/index.cKLI89Eg.js";
+import { c as w } from "./chunks/index.DQOqod3i.js";
 import { g as S } from "./chunks/helpers.CexwVao7.js";
 import { forwardRef as T } from "react";
-import { D as _ } from "./chunks/LinkButton.CWibqvhs.js";
+import { D as _ } from "./chunks/LinkButton.CMjq2FKc.js";
 import './assets/skiptocontent.CTSDC_kG.css';const v = "ds-skip-to-content_root_uqkjt_1", C = "ds-skip-to-content_root--dark_uqkjt_8", D = {
   root: v,
   rootDark: C

package/slider.B2aQwfc2.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/useBreakpoint.1txsny17.js";
+import "./input.MZXe6rlg.js";
+import "./chunks/Popover.C5wtha5l.js";
+import { D } from "./chunks/Slider.DGMrDfWv.js";
+export {
+  D as DSSlider
+};

package/{spinner.C9qCeq0R.js → spinner.CRVyui04.js}

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as x, jsx as w } from "react/jsx-runtime";
-import { d as y } from "./chunks/index.D-sRdssb.js";
-import { c as L } from "./chunks/index.DL9mof6u.js";
-import { D as v } from "./chunks/Icon.CDLyB7Pv.js";
-import './assets/spinner.Ctn_YYBG.css';const I = "ds-spinner_root_awbzc_1", N = "ds-spinner_root-size-small_awbzc_10", O = "ds-spinner_root-size-medium_awbzc_14", R = "ds-spinner_root-size-large_awbzc_18", D = "ds-spinner_root-size-x-large_awbzc_22", M = "ds-spinner_root-size-inherit_awbzc_26", X = "ds-spinner_screenReaderOnly_awbzc_51", o = {
+import { d as y } from "./chunks/index.cKLI89Eg.js";
+import { c as L } from "./chunks/index.DQOqod3i.js";
+import { D as v } from "./chunks/Icon.m6sMB6vl.js";
+import './assets/spinner.C7QSv7jc.css';const I = "ds-spinner_root_awbzc_1", N = "ds-spinner_root-size-small_awbzc_10", O = "ds-spinner_root-size-medium_awbzc_14", R = "ds-spinner_root-size-large_awbzc_18", D = "ds-spinner_root-size-x-large_awbzc_22", M = "ds-spinner_root-size-inherit_awbzc_26", X = "ds-spinner_screenReaderOnly_awbzc_51", o = {
   root: I,
   rootSizeSmall: N,
   rootSizeMedium: O,
@@ -32,7 +32,7 @@ import './assets/spinner.Ctn_YYBG.css';const I = "ds-spinner_root_awbzc_1", N =
   }), e[6] = t, e[7] = S, e[8] = p, e[9] = f, e[10] = g, e[11] = h, e[12] = c) : c = e[12];
   const b = c, u = l?.["aria-label"] || void 0;
   let m;
-  e[13] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ w("span", { className: o.screenReaderOnly, children: " " }), e[13] = m) : m = e[13];
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ w("span", { className: o.screenReaderOnly, children: " " }), e[13] = m) : m = e[13];
   let s;
   e[14] !== _ ? (s = /* @__PURE__ */ w(v, { name: "loading-spinner", theme: _, focusable: "false", "aria-hidden": "true" }), e[14] = _, e[15] = s) : s = e[15];
   let z;

package/{step.DaJFsafj.js → step.C-LC5sKQ.js}

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as o, jsxs as V } from "react/jsx-runtime";
-import { d as P } from "./chunks/index.D-sRdssb.js";
-import { c as D } from "./chunks/index.DL9mof6u.js";
+import { d as P } from "./chunks/index.cKLI89Eg.js";
+import { c as D } from "./chunks/index.DQOqod3i.js";
 import "react";
-import { D as A } from "./chunks/Button.CQlIao-Z.js";
-import { D as E } from "./chunks/Icon.CDLyB7Pv.js";
-import './assets/step.BeLporJO.css';const I = "ds-stepper_step_f4kic_1", R = "ds-stepper_step-content_f4kic_5", q = "ds-stepper_step-button_f4kic_12", w = "ds-stepper_step-button--horizontal_f4kic_49", F = "ds-stepper_step-button--vertical_f4kic_58", G = "ds-stepper_step-button--current_f4kic_69", J = "ds-stepper_step-button--completed_f4kic_107", K = "ds-stepper_step-button--disabled_f4kic_135", M = "ds-stepper_step-number_f4kic_166", Q = "ds-stepper_step-label_f4kic_176", T = "ds-stepper_step-hint_f4kic_184", U = "ds-stepper_step-number--current_f4kic_212", W = "ds-stepper_step-label--current_f4kic_238", X = "ds-stepper_sr-only_f4kic_266", s = {
+import { D as A } from "./chunks/Button.DpGeheky.js";
+import { D as E } from "./chunks/Icon.m6sMB6vl.js";
+import './assets/step.Ch508u7I.css';const I = "ds-stepper_step_f4kic_1", R = "ds-stepper_step-content_f4kic_5", q = "ds-stepper_step-button_f4kic_12", w = "ds-stepper_step-button--horizontal_f4kic_49", F = "ds-stepper_step-button--vertical_f4kic_58", G = "ds-stepper_step-button--current_f4kic_69", J = "ds-stepper_step-button--completed_f4kic_107", K = "ds-stepper_step-button--disabled_f4kic_135", M = "ds-stepper_step-number_f4kic_166", Q = "ds-stepper_step-label_f4kic_176", T = "ds-stepper_step-hint_f4kic_184", U = "ds-stepper_step-number--current_f4kic_212", W = "ds-stepper_step-label--current_f4kic_238", X = "ds-stepper_sr-only_f4kic_266", s = {
   step: I,
   stepContent: R,
   stepButton: q,
@@ -44,7 +44,7 @@ import './assets/step.BeLporJO.css';const I = "ds-stepper_step_f4kic_1", R = "ds
   }), t[6] = n, t[7] = l, t[8] = z, t[9] = H, t[10] = B) : B = t[10];
   const x = B;
   let h;
-  t[11] === Symbol.for("react.memo_cache_sentinel") ? (h = D(s.stepContent), t[11] = h) : h = t[11];
+  t[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = D(s.stepContent), t[11] = h) : h = t[11];
   const O = h;
   let k;
   t[12] !== n ? (k = D(s.stepNumber, {

package/{stepper.DcaZESJi.js → stepper.CRljfUF8.js}

@@ -1,16 +1,16 @@
 "use client";
 import "react/jsx-runtime";
-import "./chunks/index.DL9mof6u.js";
+import "./chunks/index.DQOqod3i.js";
 import "react";
 import "./chunks/helpers.CexwVao7.js";
 import "./chunks/is-animation-disabled.B-V_68K-.js";
 import "./chunks/translate.nuU7uChI.js";
 import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import "./chunks/index.D-sRdssb.js";
-import "./chunks/AriaLiveRegions.utils.CybNIBSa.js";
-import "./scroller.B1LijjCF.js";
-import { D as l } from "./chunks/Stepper.D1Yzw-gL.js";
-import "./step.DaJFsafj.js";
+import "./chunks/index.cKLI89Eg.js";
+import "./chunks/AriaLiveRegions.utils.CLpOaVD9.js";
+import "./scroller.DfhhZelk.js";
+import { D as l } from "./chunks/Stepper.DptsFh5n.js";
+import "./step.C-LC5sKQ.js";
 export {
   l as DSStepper
 };

package/styles/scss/ds/lib/ds-internal/_focus.scss

@@ -3,11 +3,11 @@
 
 @mixin outline($theme: 'light', $offset: 2px, $thickness: 2px) {
   outline: $thickness solid;
-  outline-color: if(
-    $theme == 'light',
-    $theme-light-border-color-focus,
-    $theme-dark-border-color-focus
-  );
+  @if ($theme == 'light') {
+    outline-color: $theme-light-border-color-focus;
+  } @else {
+    outline-color: $theme-dark-border-color-focus;
+  }
   outline-offset: $offset;
 
   @include high-contrast-media-query {

package/{switch.Bqdyzi2E.js → switch.DgKgzm-j.js}

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs as O, jsx as h } from "react/jsx-runtime";
-import { d as $ } from "./chunks/index.D-sRdssb.js";
-import { c as q } from "./chunks/index.DL9mof6u.js";
+import { d as $ } from "./chunks/index.cKLI89Eg.js";
+import { c as q } from "./chunks/index.DQOqod3i.js";
 import { forwardRef as z } from "react";
-import { D as A } from "./chunks/Icon.CDLyB7Pv.js";
-import { DSSpinner as B } from "./spinner.C9qCeq0R.js";
-import './assets/switch.B9B-n_3y.css';const F = "ds-switch_root_gdcld_1", G = "ds-switch_root--label-right_gdcld_40", H = "ds-switch_root--stretched_gdcld_43", J = "ds-switch_loader_gdcld_53", K = "ds-switch_thumb_gdcld_111", M = "ds-switch_root--checked_gdcld_126", o = {
+import { D as A } from "./chunks/Icon.m6sMB6vl.js";
+import { DSSpinner as B } from "./spinner.CRVyui04.js";
+import './assets/switch.DYamtd9O.css';const F = "ds-switch_root_gdcld_1", G = "ds-switch_root--label-right_gdcld_40", H = "ds-switch_root--stretched_gdcld_43", J = "ds-switch_loader_gdcld_53", K = "ds-switch_thumb_gdcld_111", M = "ds-switch_root--checked_gdcld_126", o = {
   root: F,
   rootLabelRight: G,
   rootStretched: H,

package/systemfeedback.BKLsE5sY.js

@@ -0,0 +1,10 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/Icon.m6sMB6vl.js";
+import { D as s } from "./chunks/SystemFeedback.DFN6Y2cw.js";
+export {
+  s as DSSystemFeedback
+};

package/{tablist.mX5nQWwH.js → tablist.hMHdX1V8.js}

@@ -1,27 +1,27 @@
 "use client";
 import { jsxs as k, jsx as h } from "react/jsx-runtime";
-import { c as D } from "./chunks/index.DL9mof6u.js";
+import { c as y } from "./chunks/index.DQOqod3i.js";
 import { useState as E, useRef as v, useEffect as ot } from "react";
 import { g as f, i as C } from "./chunks/is-animation-disabled.B-V_68K-.js";
 import { h as nt } from "./chunks/has-window.ut_-aShB.js";
 import { g as st } from "./chunks/helpers.CexwVao7.js";
 import { u as W } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import "./chunks/index.D-sRdssb.js";
-import { D as X } from "./chunks/Button.CQlIao-Z.js";
-import { D as ct } from "./chunks/Icon.CDLyB7Pv.js";
-import { NumberIndicator as it } from "./numberindicator.BdnPMogE.js";
+import "./chunks/index.cKLI89Eg.js";
+import { D as X } from "./chunks/Button.DpGeheky.js";
+import { D as ct } from "./chunks/Icon.m6sMB6vl.js";
+import { NumberIndicator as it } from "./numberindicator.ZGVRSmqf.js";
 import { g as at, a as j } from "./chunks/TabPane.utils.DG16Y2uD.js";
-import { s as i, N as lt } from "./chunks/NavigationTabList.G_l0GiUa.js";
-const g = 48, yt = ({
+import { s as i, N as lt } from "./chunks/NavigationTabList.C2f-lWex.js";
+const g = 48, Lt = ({
   aria: q,
-  id: L,
+  id: D,
   selectedTabIndex: n,
   setSelectedTabIndex: F,
   tabs: l,
   alignment: I = "left",
   className: G,
   defaultSelectedTabIndex: Q = 0,
-  isNavigation: y,
+  isNavigation: L,
   onTabChange: z,
   ...J
 }) => {
@@ -54,7 +54,7 @@ const g = 48, yt = ({
       r.removeEventListener("change", t), c.current?.removeEventListener("scroll", T);
     };
   }, [l, I]), W(() => {
-    if (w.current && (N(n), y)) {
+    if (w.current && (N(n), L)) {
       const e = M(n);
       u(n), R(e, n);
     }
@@ -162,12 +162,12 @@ const g = 48, yt = ({
       offsetWidth: r
     } = c.current, o = Math.round(r * 0.2);
     return e === "next" ? t + o : t - o;
-  }, K = D(i.scroller, {
+  }, K = y(i.scroller, {
     [i.scrollerCentered]: I === "center"
-  }), rt = y ? "nav" : "div";
-  return /* @__PURE__ */ k("div", { className: D(i.tabsWrapper, G), ...J, children: [
+  }), rt = L ? "nav" : "div";
+  return /* @__PURE__ */ k("div", { className: y(i.tabsWrapper, G), ...J, children: [
     /* @__PURE__ */ k(rt, { className: i.scrollWrapper, ref: c, ...q, children: [
-      y ? /* @__PURE__ */ h(lt, { tabs: l, tabRefs: m, scrollerRef: p, handleNavigationKeydown: tt, scrollerClass: K, selectedTabIndex: n, setSelectedTab: b }) : /* @__PURE__ */ h("div", { role: "tablist", className: K, ref: p, children: l.map(({
+      L ? /* @__PURE__ */ h(lt, { tabs: l, tabRefs: m, scrollerRef: p, handleNavigationKeydown: tt, scrollerClass: K, selectedTabIndex: n, setSelectedTab: b }) : /* @__PURE__ */ h("div", { role: "tablist", className: K, ref: p, children: l.map(({
         id: e,
         label: t,
         iconName: r,
@@ -175,10 +175,10 @@ const g = 48, yt = ({
       }, s) => /* @__PURE__ */ k(
         "button",
         {
-          id: j(L, e),
+          id: j(D, e),
           role: "tab",
           "aria-selected": n === s,
-          "aria-controls": at(L, e, s),
+          "aria-controls": at(D, e, s),
           tabIndex: n === s ? 0 : -1,
           className: i.tab,
           ref: (d) => {
@@ -186,24 +186,25 @@ const g = 48, yt = ({
           },
           onClick: () => b(s),
           onKeyDown: (d) => _(d, s),
+          type: "button",
           children: [
             r && /* @__PURE__ */ h(ct, { name: r, "aria-hidden": "true" }),
             t,
             o && /* @__PURE__ */ h(it, { label: o })
           ]
         },
-        j(L, e)
+        j(D, e)
       )) }),
       /* @__PURE__ */ h("span", { className: i.indicator, ref: a })
     ] }),
-    /* @__PURE__ */ h(X, { variant: "filled", className: D(i.scrollButton, {
+    /* @__PURE__ */ h(X, { variant: "filled", className: y(i.scrollButton, {
       [i.scrollButtonHidden]: !U
-    }), hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: () => $("prev"), children: "Left" }),
-    /* @__PURE__ */ h(X, { variant: "filled", className: D(i.scrollButton, i.scrollButtonRight, {
+    }), hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: () => $("prev"), type: "button", children: "Left" }),
+    /* @__PURE__ */ h(X, { variant: "filled", className: y(i.scrollButton, i.scrollButtonRight, {
       [i.scrollButtonHidden]: !Y
-    }), hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: () => $("next"), children: "Right" })
+    }), hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: () => $("next"), type: "button", children: "Right" })
   ] });
 };
 export {
-  yt as TabList
+  Lt as TabList
 };

package/{tabpane.C4nsUlwc.js → tabpane.7vMXUKFX.js}

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as h } from "react/jsx-runtime";
-import { d as T } from "./chunks/index.D-sRdssb.js";
-import { c as g } from "./chunks/index.DL9mof6u.js";
+import { d as T } from "./chunks/index.cKLI89Eg.js";
+import { c as g } from "./chunks/index.DQOqod3i.js";
 import { useRef as y, useState as F, useEffect as N } from "react";
 import { c as P, g as v, a as R } from "./chunks/TabPane.utils.DG16Y2uD.js";
-import './assets/tabpane.D1LTb432.css';const S = "ds-tabs_tabpane_30tnb_1", j = {
+import './assets/tabpane.o34hshTz.css';const S = "ds-tabs_tabpane_30tnb_1", j = {
   tabpane: S
 }, k = (x) => {
   const e = T.c(19), {
@@ -16,7 +16,7 @@ import './assets/tabpane.D1LTb432.css';const S = "ds-tabs_tabpane_30tnb_1", j =
     className: f
   } = x, m = y(null), [I, _] = F(!1);
   let c;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = () => {
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = () => {
     m.current && _(P(m.current));
   }, e[0] = c) : c = e[0];
   let i;

package/tabs.t-gR7dGc.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import "react";
+import "./tablist.hMHdX1V8.js";
+import "./tabpane.7vMXUKFX.js";
+import "./chunks/TabPane.utils.DG16Y2uD.js";
+import { D as a } from "./chunks/Tabs.2JTenRcr.js";
+export {
+  a as DSTabs
+};

package/{text.CQdFtUUQ.js → text.D_e3JBvf.js}

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as $ } from "react/jsx-runtime";
-import { d as z } from "./chunks/index.D-sRdssb.js";
-import { c as P } from "./chunks/index.DL9mof6u.js";
+import { d as z } from "./chunks/index.cKLI89Eg.js";
+import { c as P } from "./chunks/index.DQOqod3i.js";
 import { useRef as R, useEffect as j } from "react";
 import { g as v } from "./chunks/helpers.CexwVao7.js";
-import { i as N } from "./chunks/Text.utils.B4MiHAK_.js";
-import './assets/text.ZCpNYmwU.css';const C = "ds-text_root_1x9it_6", O = "ds-text_root--large_1x9it_15", V = "ds-text_root--large-bold_1x9it_26", W = "ds-text_root--medium_1x9it_37", q = "ds-text_root--medium-bold_1x9it_48", A = "ds-text_root--small_1x9it_59", F = "ds-text_root--small-bold_1x9it_70", G = "ds-text_root--x-small_1x9it_81", H = "ds-text_root--x-small-bold_1x9it_92", I = "ds-text_root--xx-small_1x9it_103", J = "ds-text_root--theme-dark_1x9it_197", o = {
+import { i as N } from "./chunks/Text.utils.D_iOyOSH.js";
+import './assets/text.BA1eUihR.css';const C = "ds-text_root_1x9it_6", O = "ds-text_root--large_1x9it_15", V = "ds-text_root--large-bold_1x9it_26", W = "ds-text_root--medium_1x9it_37", q = "ds-text_root--medium-bold_1x9it_48", A = "ds-text_root--small_1x9it_59", F = "ds-text_root--small-bold_1x9it_70", G = "ds-text_root--x-small_1x9it_81", H = "ds-text_root--x-small-bold_1x9it_92", I = "ds-text_root--xx-small_1x9it_103", J = "ds-text_root--theme-dark_1x9it_197", o = {
   root: C,
   rootLarge: O,
   rootLargeBold: V,

package/textarea.CDXY-OVz.js

@@ -0,0 +1,14 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/helpers.CexwVao7.js";
+import "./chunks/useBreakpoint.1txsny17.js";
+import "./chunks/index.cKLI89Eg.js";
+import "./asterisk.Dwtdwpkq.js";
+import "./chunks/Popover.C5wtha5l.js";
+import "./chunks/SystemFeedback.DFN6Y2cw.js";
+import { D as c } from "./chunks/Textarea.ymNCbcvH.js";
+export {
+  c as DSTextarea
+};

package/textutility.CNWCGYOy.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/helpers.CexwVao7.js";
+import "./chunks/Text.utils.D_iOyOSH.js";
+import { D as s } from "./chunks/TextUtility.Wbd4oQXI.js";
+export {
+  s as DSTextUtility
+};

package/{title.DuLPB-VK.js → title.kJ48FkPU.js}

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as k, jsx as u } from "react/jsx-runtime";
-import { d as T } from "./chunks/index.D-sRdssb.js";
-import { c as D } from "./chunks/index.DL9mof6u.js";
-import './assets/title.B0tsgJ-n.css';const N = "ds-title_root_tt8l3_1", v = "ds-title_root--x-large-uppercase_tt8l3_4", X = "ds-title_root--large-uppercase_tt8l3_20", j = "ds-title_root--theme-dark_tt8l3_36", y = "ds-title_dash_tt8l3_39", c = {
+import { d as T } from "./chunks/index.cKLI89Eg.js";
+import { c as D } from "./chunks/index.DQOqod3i.js";
+import './assets/title.N-QcA7Re.css';const N = "ds-title_root_tt8l3_1", v = "ds-title_root--x-large-uppercase_tt8l3_4", X = "ds-title_root--large-uppercase_tt8l3_20", j = "ds-title_root--theme-dark_tt8l3_36", y = "ds-title_dash_tt8l3_39", c = {
   root: N,
   rootXLargeUppercase: v,
   rootLargeUppercase: X,
@@ -28,7 +28,7 @@ import './assets/title.B0tsgJ-n.css';const N = "ds-title_root_tt8l3_1", v = "ds-
   }), t[7] = o, t[8] = h, t[9] = _, t[10] = g, t[11] = i) : i = t[11];
   const f = i;
   let n;
-  t[12] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ u("span", { className: c.dash, "aria-hidden": "true", children: "ƒ" }), t[12] = n) : n = t[12];
+  t[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ u("span", { className: c.dash, "aria-hidden": "true", children: "ƒ" }), t[12] = n) : n = t[12];
   let p;
   return t[13] !== m || t[14] !== e || t[15] !== s || t[16] !== f ? (p = /* @__PURE__ */ k(m, { className: f, ...s, children: [
     e,