@stihl-design-system/components 1.0.0-RC.34 → 1.0.0-RC.36

package/{popover.DFVDZY-m.js → popover.CXq7VoZt.js}

@@ -1,12 +1,12 @@
 "use client";
 import "react/jsx-runtime";
 import "./chunks/index.D-sRdssb.js";
-import { D as a } from "./chunks/Popover.Bb0Pjmvg.js";
+import { D as a } from "./chunks/Popover.C9tT8xkE.js";
 import "react";
-import "./chunks/floating-ui.react.3FjeMiuN.js";
+import "./chunks/floating-ui.react.COTL3jH5.js";
 import "./chunks/index.DL9mof6u.js";
 import "./chunks/helpers.CexwVao7.js";
-import "./chunks/Button.DCZgBNmA.js";
+import "./chunks/Button.CQlIao-Z.js";
 export {
   a as DSPopover
 };

package/radio.pyM5ma9s.js

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

package/{radiogroup.DaThoMfq.js → radiogroup.sdob0iPE.js}

@@ -3,9 +3,9 @@ import "react/jsx-runtime";
 import "./chunks/index.D-sRdssb.js";
 import "./chunks/index.DL9mof6u.js";
 import "react";
-import "./chunks/Fieldset.DiMtr6Vw.js";
-import "./radio.DHUfSPai.js";
-import { D as s } from "./chunks/RadioGroup.CexC4v2Z.js";
+import "./chunks/Fieldset.Bk8W5h13.js";
+import "./radio.pyM5ma9s.js";
+import { D as s } from "./chunks/RadioGroup.BDsVAhCK.js";
 export {
   s as DSRadioGroup
 };

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

@@ -6,7 +6,7 @@ import { i as b, 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.DCZgBNmA.js";
+import { D as L } from "./chunks/Button.CQlIao-Z.js";
 import './assets/scroller.Hszs1Yq4.css';function P(...u) {
   return (l) => {
     for (const s of u)

package/{select.CMdKf7tC.js → select.CZ0C3yJD.js}

@@ -1,13 +1,14 @@
 "use client";
 import "react/jsx-runtime";
-import "./chunks/index.D-sRdssb.js";
 import "./chunks/index.DL9mof6u.js";
 import "react";
-import "./chunks/useBreakpoint.BzR_yaIv.js";
+import "./chunks/useBreakpoint.1txsny17.js";
+import "./chunks/index.D-sRdssb.js";
 import "./asterisk.B2ih8VwF.js";
 import "./chunks/Icon.CDLyB7Pv.js";
+import "./chunks/Popover.C9tT8xkE.js";
 import "./chunks/SystemFeedback.CjlARKki.js";
-import { D } from "./chunks/Select.BEIdNMML.js";
+import { D as S } from "./chunks/Select.BjBPN-6W.js";
 export {
-  D as DSSelect
+  S as DSSelect
 };

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

@@ -4,7 +4,7 @@ import { d as g } from "./chunks/index.D-sRdssb.js";
 import { c as w } from "./chunks/index.DL9mof6u.js";
 import { g as S } from "./chunks/helpers.CexwVao7.js";
 import { forwardRef as T } from "react";
-import { D as _ } from "./chunks/LinkButton.BZgIGgc8.js";
+import { D as _ } from "./chunks/LinkButton.CWibqvhs.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.B3u5du_Q.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/useBreakpoint.1txsny17.js";
+import "./input.DL_M_Pg3.js";
+import "./chunks/Popover.C9tT8xkE.js";
+import { D } from "./chunks/Slider.Bh2jhGKn.js";
+export {
+  D as DSSlider
+};

package/{step.DKf4CHGr.js → step.DaJFsafj.js}

@@ -3,7 +3,7 @@ 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 "react";
-import { D as A } from "./chunks/Button.DCZgBNmA.js";
+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 = {
   step: I,

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

@@ -8,9 +8,9 @@ import "./chunks/translate.nuU7uChI.js";
 import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
 import "./chunks/index.D-sRdssb.js";
 import "./chunks/AriaLiveRegions.utils.CybNIBSa.js";
-import "./scroller.Cu7H_VCT.js";
-import { D as l } from "./chunks/Stepper.PTQdQBYf.js";
-import "./step.DKf4CHGr.js";
+import "./scroller.B1LijjCF.js";
+import { D as l } from "./chunks/Stepper.D1Yzw-gL.js";
+import "./step.DaJFsafj.js";
 export {
   l as DSStepper
 };

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

@@ -10,13 +10,18 @@
 @mixin input-label-base($hasHint: false) {
   @include utility-medium;
   display: block;
-  max-width: fit-content;
+  min-height: px-to-rem($spacing-24);
 
   
   &:has(input) {
+    padding-block-start: $spacing-2;
     
     & input {
-      margin-block-start: $spacing-8;
+      @if $hasHint {
+        margin-block-start: $spacing-8;
+      } @else {
+        margin-block-start: 10px;
+      }
     }
     
     & :first-child:not(input) {
@@ -28,8 +33,12 @@
   }
   
   &:not(:has(input)) {
+    
+    max-width: fit-content;
+    padding-block: $spacing-2;
+
     @if $hasHint {
-      margin-block-end: $spacing-4;
+      margin-block-end: $spacing-2;
     } @else {
       margin-block-end: $spacing-8;
     }

package/styles/scss/ds/lib/ds-internal/_link-button.scss

@@ -29,7 +29,7 @@ $link-button-size-medium: px-to-rem($spacing-48);
   padding-inline-end: adjust-spacing-for-border-1($spacing-16);
 }
 
-@mixin link-button-base($theme: 'light') {
+@mixin link-button-base($theme: 'light', $stretched: false) {
   @include focus($theme: $theme);
   & {
     @include utility-medium-bold;
@@ -46,6 +46,9 @@ $link-button-size-medium: px-to-rem($spacing-48);
     text-decoration: none;
     background-color: transparent;
     cursor: pointer;
+    @if $stretched {
+      width: 100%;
+    }
     @include transition((background-color, border-color, color));
   }
 }
@@ -75,7 +78,8 @@ $link-button-size-medium: px-to-rem($spacing-48);
 @mixin link-button-variant(
   $variant: 'filled',
   $theme: 'light',
-  $isFlush: false
+  $isFlush: false,
+  $stretched: false
 ) {
   & {
     @if $variant == 'highlight' {
@@ -151,6 +155,10 @@ $link-button-size-medium: px-to-rem($spacing-48);
       min-width: $link-button-size-small;
       @include link-button-padding-small;
 
+      @if $stretched {
+        justify-content: flex-start;
+      }
+
       @include media-query-min('l') {
         @include utility-medium-bold;
       }

package/styles/scss/ds/lib/link-button.scss

@@ -4,7 +4,8 @@
   $variant: 'filled',
   $size: 'medium',
   $theme: 'light',
-  $isFlush: false
+  $isFlush: false,
+  $stretched: false
 ) {
   @if $variant == 'navigation' {
     @if $size == 'small' {
@@ -15,7 +16,14 @@
       @error "[STIHL Design System] - [ds.link-button()]: $variant:'navigation' param does not support $theme:'dark'. Please remove the '$theme' param.";
     }
   }
-  @include link-button-base($theme);
+  @if $variant != 'ghost' and $isFlush == true {
+    @error "[STIHL Design System] - [ds.link-button()]: $isFlush:true should only be used in combination with $variant:'ghost'. Please remove the '$isFlush' param.";
+  }
+  @if $variant== 'ghost' and $isFlush == true and $stretched == true {
+    @error "[STIHL Design System] - [ds.link-button()]: $stretched:true and $isFlush:true do not have an effect when used together. Please remove one of them.";
+  }
+
+  @include link-button-base($theme, $stretched);
   @include link-button-size($size);
-  @include link-button-variant($variant, $theme, $isFlush);
+  @include link-button-variant($variant, $theme, $isFlush, $stretched);
 }

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

@@ -7,7 +7,7 @@ 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.DCZgBNmA.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 { g as at, a as j } from "./chunks/TabPane.utils.DG16Y2uD.js";

package/{tabs.BkoT7feH.js → tabs.DjWfks34.js}

@@ -2,10 +2,10 @@
 import "react/jsx-runtime";
 import "./chunks/index.D-sRdssb.js";
 import "react";
-import "./tablist.DZgo49nZ.js";
+import "./tablist.mX5nQWwH.js";
 import "./tabpane.C4nsUlwc.js";
 import "./chunks/TabPane.utils.DG16Y2uD.js";
-import { D as a } from "./chunks/Tabs.DyP4whX0.js";
+import { D as a } from "./chunks/Tabs.BvG-OPWa.js";
 export {
   a as DSTabs
 };

package/{textarea.DMn20z4p.js → textarea.69r-5faY.js}

@@ -3,11 +3,12 @@ import "react/jsx-runtime";
 import "./chunks/index.DL9mof6u.js";
 import "react";
 import "./chunks/helpers.CexwVao7.js";
-import "./chunks/useBreakpoint.BzR_yaIv.js";
+import "./chunks/useBreakpoint.1txsny17.js";
 import "./chunks/index.D-sRdssb.js";
 import "./asterisk.B2ih8VwF.js";
+import "./chunks/Popover.C9tT8xkE.js";
 import "./chunks/SystemFeedback.CjlARKki.js";
-import { D } from "./chunks/Textarea.Du2RII5u.js";
+import { D as c } from "./chunks/Textarea.DibBqiam.js";
 export {
-  D as DSTextarea
+  c as DSTextarea
 };

package/{toast.Dvs8woTH.js → toast.FzO5KoiK.js}

@@ -3,9 +3,9 @@ import "react/jsx-runtime";
 import "./chunks/index.D-sRdssb.js";
 import "./chunks/index.DL9mof6u.js";
 import "react";
-import "./chunks/Button.DCZgBNmA.js";
+import "./chunks/Button.CQlIao-Z.js";
 import "./chunks/Icon.CDLyB7Pv.js";
-import { D as a } from "./chunks/Toast.ug_RjGgF.js";
+import { D as a } from "./chunks/Toast.ldZRNpGM.js";
 export {
   a as DSToast
 };

package/{toastmanager.pi_Fhd5t.js → toastmanager.BGIYNKkT.js}

@@ -4,7 +4,7 @@ import { createContext as C, useContext as O, useState as g, useRef as _, useEff
 import { g as u } from "./chunks/helpers.CexwVao7.js";
 import "./chunks/index.D-sRdssb.js";
 import { b as A, g as w } from "./chunks/AriaLiveRegions.utils.CybNIBSa.js";
-import { D as j, s as q } from "./chunks/Toast.ug_RjGgF.js";
+import { D as j, s as q } from "./chunks/Toast.ldZRNpGM.js";
 import { h as Q } from "./chunks/has-window.ut_-aShB.js";
 const k = () => {
   if (!A() || !w())

package/{tooltip.QJe_bfO-.js → tooltip.Cj3AvYgB.js}

@@ -1,11 +1,10 @@
 "use client";
 import { jsx as k } from "react/jsx-runtime";
 import { d as S } from "./chunks/index.D-sRdssb.js";
-import { isValidElement as V, useState as G, createContext as J, forwardRef as j, cloneElement as K, useContext as L } from "react";
-import { i as Q, o as W, s as X, u as Y, l as Z, m as tt, b as et, c as ot, d as st, e as H, f as nt, h as lt } from "./chunks/floating-ui.react.3FjeMiuN.js";
-import { c as it } from "./chunks/index.DL9mof6u.js";
-import { g as y, c as U } from "./chunks/helpers.CexwVao7.js";
-import { a as ct } from "./chunks/floating-ui.dom.BT8pKtCQ.js";
+import { isValidElement as V, useState as G, createContext as J, forwardRef as U, cloneElement as K, useContext as L } from "react";
+import { j as Q, o as W, s as X, a as Y, u as Z, m as tt, n as et, c as ot, d as st, e as nt, f as H, g as lt, i as it } from "./chunks/floating-ui.react.COTL3jH5.js";
+import { c as ct } from "./chunks/index.DL9mof6u.js";
+import { g as y, c as I } from "./chunks/helpers.CexwVao7.js";
 import './assets/tooltip.Co1gWF_0.css';const rt = "ds-tooltip_tooltip_503ch_5", at = {
   tooltip: rt
 };
@@ -16,7 +15,7 @@ function pt(s) {
     isOpen: r,
     tooltipOffset: n,
     onOpenChange: u
-  } = s === void 0 ? {} : s, a = e === void 0 ? !1 : e, l = o === void 0 ? "top" : o, i = n === void 0 ? 6 : n, [x, T] = G(a), p = r ?? x, d = u ?? T, O = "fixed", w = ct, v = W(i), C = Q({
+  } = s === void 0 ? {} : s, a = e === void 0 ? !1 : e, l = o === void 0 ? "top" : o, i = n === void 0 ? 6 : n, [x, T] = G(a), p = r ?? x, d = u ?? T, O = "fixed", w = Y, v = W(i), C = Q({
     crossAxis: l.includes("-"),
     fallbackAxisSideDirection: "start",
     padding: i
@@ -34,7 +33,7 @@ function pt(s) {
     whileElementsMounted: w,
     middleware: c
   }, t[4] = p, t[5] = l, t[6] = d, t[7] = w, t[8] = c, t[9] = g) : g = t[9];
-  const f = Y(g), h = f.context;
+  const f = Z(g), h = f.context;
   let E;
   t[10] === Symbol.for("react.memo_cache_sentinel") ? (E = {
     move: !1,
@@ -45,28 +44,28 @@ function pt(s) {
       close: 0
     }
   }, t[10] = E) : E = t[10];
-  const P = Z(h, E);
+  const P = tt(h, E);
   let A;
   t[11] === Symbol.for("react.memo_cache_sentinel") ? (A = {
     enabled: !0
   }, t[11] = A) : A = t[11];
-  const D = tt(h, A), R = et(h);
+  const D = et(h, A), R = ot(h);
   let _;
   t[12] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
     role: "tooltip"
   }, t[12] = _) : _ = t[12];
-  const M = ot(h, _);
-  let b;
-  t[13] !== R || t[14] !== D || t[15] !== P || t[16] !== M ? (b = [P, D, R, M], t[13] = R, t[14] = D, t[15] = P, t[16] = M, t[17] = b) : b = t[17];
-  const $ = st(b);
+  const M = st(h, _);
   let N;
-  return t[18] !== f || t[19] !== $ || t[20] !== p || t[21] !== d || t[22] !== i ? (N = {
+  t[13] !== R || t[14] !== D || t[15] !== P || t[16] !== M ? (N = [P, D, R, M], t[13] = R, t[14] = D, t[15] = P, t[16] = M, t[17] = N) : N = t[17];
+  const $ = nt(N);
+  let b;
+  return t[18] !== f || t[19] !== $ || t[20] !== p || t[21] !== d || t[22] !== i ? (b = {
     open: p,
     tooltipOffset: i,
     setOpen: d,
     ...$,
     ...f
-  }, t[18] = f, t[19] = $, t[20] = p, t[21] = d, t[22] = i, t[23] = N) : N = t[23], N;
+  }, t[18] = f, t[19] = $, t[20] = p, t[21] = d, t[22] = i, t[23] = b) : b = t[23], b;
 }
 const ft = (s) => {
   if (!V(s))
@@ -98,7 +97,7 @@ const ft = (s) => {
   t[3] !== o ? (r = {
     ...o
   }, t[3] = o, t[4] = r) : r = t[4];
-  const n = pt(r), u = U(e, F.Content), a = U(e, I);
+  const n = pt(r), u = I(e, F.Content), a = I(e, j);
   process.env.NODE_ENV !== "production" && dt({
     children: e,
     hasContent: u,
@@ -106,7 +105,7 @@ const ft = (s) => {
   });
   let l;
   return t[5] !== e || t[6] !== o || t[7] !== n ? (l = /* @__PURE__ */ k(q.Provider, { value: n, ...o, children: e }), t[5] = e, t[6] = o, t[7] = n, t[8] = l) : l = t[8], l;
-}, I = j((s, t) => {
+}, j = U((s, t) => {
   const e = S.c(4), {
     children: o,
     ...r
@@ -124,8 +123,8 @@ const ft = (s) => {
       "data-state": n.open ? "open" : "closed"
     }));
 });
-I.displayName = "Tooltip.Anchor";
-const B = j((s, t) => {
+j.displayName = "Tooltip.Anchor";
+const B = U((s, t) => {
   const e = S.c(24), {
     style: o,
     className: r,
@@ -152,17 +151,17 @@ const B = j((s, t) => {
   const {
     isMounted: w,
     status: v
-  } = nt(l, O);
+  } = lt(l, O);
   if (!w)
     return null;
-  const C = lt;
+  const C = it;
   let m;
   e[9] !== i || e[10] !== o ? (m = {
     ...i,
     ...o
   }, e[9] = i, e[10] = o, e[11] = m) : m = e[11];
   let c;
-  e[12] !== r ? (c = it(at.tooltip, r), e[12] = r, e[13] = c) : c = e[13];
+  e[12] !== r ? (c = ct(at.tooltip, r), e[12] = r, e[13] = c) : c = e[13];
   const g = x(u);
   let f;
   e[14] !== n || e[15] !== d || e[16] !== v || e[17] !== m || e[18] !== c || e[19] !== g ? (f = /* @__PURE__ */ k("div", { ref: d, style: m, className: c, ...g, "data-status": v, children: n }), e[14] = n, e[15] = d, e[16] = v, e[17] = m, e[18] = c, e[19] = g, e[20] = f) : f = e[20];
@@ -170,7 +169,7 @@ const B = j((s, t) => {
   return e[21] !== C || e[22] !== f ? (h = /* @__PURE__ */ k(C, { children: f }), e[21] = C, e[22] = f, e[23] = h) : h = e[23], h;
 });
 B.displayName = "Tooltip.Content";
-F.Anchor = I;
+F.Anchor = j;
 F.Content = B;
 F.displayName = "Tooltip";
 export {

package/{topbar.Bxwvp9Lf.js → topbar.CAujTZAE.js}

@@ -4,9 +4,9 @@ import "./chunks/index.D-sRdssb.js";
 import "./chunks/index.DL9mof6u.js";
 import "react";
 import "./chunks/helpers.CexwVao7.js";
-import { b } from "./chunks/Header.7TQL_J9t.js";
+import { b } from "./chunks/Header.18sOO0Gf.js";
 import "./logo.DprmD8HU.js";
-import "./logo100years.B4d_DIiB.js";
+import "./logo100years.DDzCrczW.js";
 export {
   b as DSTopBar
 };

package/utils/useIsomorphicLayoutEffect.d.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useLayoutEffect } from 'react';
 /**
  * A custom hook that conditionally uses `useLayoutEffect` or `useEffect` based on the environment.
  *
@@ -22,4 +22,4 @@ import { useEffect } from 'react';
  *   // Your effect logic here
  * }, [dependencies]);
  * */
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/assets/Button.C8sNwIeW.css

@@ -1 +0,0 @@
-.ds-button_root_94r67_1:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root_94r67_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root_94r67_1:focus{outline:revert;outline-offset:revert}.ds-button_root_94r67_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root_94r67_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-button_root_94r67_1{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;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.426;padding-block-start:11px;padding-block-end:11px;padding-inline-start:23px;padding-inline-end:23px;display:inline-flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:transparent;min-height:3rem;min-width:3rem;gap:8px;transform:translateZ(0);overflow-wrap:break-word;text-align:left;text-decoration:none;background-color:transparent;cursor:pointer}.ds-button_root_94r67_1{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-button_root_94r67_1{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-button_root_94r67_1{background-color:Canvas!important}.ds-button_root_94r67_1:hover{border-color:Highlight}}.ds-button_root--highlight_94r67_75,.ds-button_root--dark-highlight_94r67_75{background-color:#f37a1f;color:#252525}@media (hover: hover){.ds-button_root--highlight_94r67_75:hover,.ds-button_root--dark-highlight_94r67_75:hover{background-color:#e9640c}}.ds-button_root--highlight_94r67_75[aria-disabled=true],.ds-button_root--dark-highlight_94r67_75[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}.ds-button_root--highlight_94r67_75[aria-disabled=true] svg,.ds-button_root--dark-highlight_94r67_75[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--highlight_94r67_75[aria-disabled=true],.ds-button_root--dark-highlight_94r67_75[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--highlight_94r67_75[aria-disabled=true]:before,.ds-button_root--dark-highlight_94r67_75[aria-disabled=true]:before{background-color:transparent}.ds-button_root--dark-highlight_94r67_75:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-highlight_94r67_75:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--dark-highlight_94r67_75:focus{outline:revert;outline-offset:revert}.ds-button_root--dark-highlight_94r67_75:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-highlight_94r67_75:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-button_root--dark-highlight_94r67_75[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}.ds-button_root--dark-highlight_94r67_75[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--dark-highlight_94r67_75[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--dark-highlight_94r67_75[aria-disabled=true]:before{background-color:transparent}.ds-button_root--filled_94r67_151{background-color:#252525;color:#fff}@media (hover: hover){.ds-button_root--filled_94r67_151:hover{background-color:#444}}.ds-button_root--filled_94r67_151[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}.ds-button_root--filled_94r67_151[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--filled_94r67_151[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--filled_94r67_151[aria-disabled=true]:before{background-color:transparent}.ds-button_root--outline_94r67_179{border-color:#252525;color:#252525}@media (hover: hover){.ds-button_root--outline_94r67_179:hover{background-color:#0000001a}}.ds-button_root--outline_94r67_179[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}.ds-button_root--outline_94r67_179[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--outline_94r67_179[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--outline_94r67_179[aria-disabled=true]:before{background-color:transparent}.ds-button_root--ghost_94r67_206{color:#252525}@media (hover: hover){.ds-button_root--ghost_94r67_206:hover{background-color:#0000001a}}.ds-button_root--ghost_94r67_206[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-button_root--ghost_94r67_206[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--ghost_94r67_206[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--ghost_94r67_206[aria-disabled=true]:before{background-color:transparent}.ds-button_root--ghost-flush_94r67_231{color:#252525;padding-inline-start:0;padding-inline-end:0;min-width:0px}.ds-button_root--ghost-flush_94r67_231.ds-button_root--small_94r67_237{padding-inline-start:0;padding-inline-end:0;min-width:0px}.ds-button_root--ghost-flush_94r67_231:before{content:"";position:absolute;inset:-1px -12px}.ds-button_root--ghost-flush_94r67_231:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-button_root--ghost-flush_94r67_231:before{transition-duration:0ms}}.ds-button_root--ghost-flush_94r67_231:focus,.ds-button_root--ghost-flush_94r67_231:focus-visible{outline:none}.ds-button_root--ghost-flush_94r67_231:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--ghost-flush_94r67_231:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--ghost-flush_94r67_231:focus:before{outline:revert;outline-offset:revert}.ds-button_root--ghost-flush_94r67_231:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--ghost-flush_94r67_231:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button_root--ghost-flush_94r67_231:hover:before{background-color:#0000001a}}@media screen and (hover: hover) and (forced-colors: active){.ds-button_root--ghost-flush_94r67_231:hover:before{background-color:transparent}}.ds-button_root--ghost-flush_94r67_231[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-button_root--ghost-flush_94r67_231[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--ghost-flush_94r67_231[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--ghost-flush_94r67_231[aria-disabled=true]:before{background-color:transparent}.ds-button_root--navigation_94r67_317{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:1.125rem;line-height:1.33;font-size-adjust:.426;color:#252525;border-radius:2px}@media (min-width: 1024px){.ds-button_root--navigation_94r67_317{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.25;font-size-adjust:.426}}.ds-button_root--navigation_94r67_317:focus{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-button_root--navigation_94r67_317:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--navigation_94r67_317:focus{outline:revert;outline-offset:revert}.ds-button_root--navigation_94r67_317:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-button_root--navigation_94r67_317:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button_root--navigation_94r67_317:hover{background-color:#0000001a}}.ds-button_root--navigation_94r67_317[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-button_root--navigation_94r67_317[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--navigation_94r67_317[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--navigation_94r67_317[aria-disabled=true]:before{background-color:transparent}.ds-button_root--dark-filled_94r67_393{background-color:#f8f8f8;color:#252525}.ds-button_root--dark-filled_94r67_393:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-filled_94r67_393:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--dark-filled_94r67_393:focus{outline:revert;outline-offset:revert}.ds-button_root--dark-filled_94r67_393:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-filled_94r67_393:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button_root--dark-filled_94r67_393:hover{background-color:#dadada}}.ds-button_root--dark-filled_94r67_393[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}.ds-button_root--dark-filled_94r67_393[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--dark-filled_94r67_393[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--dark-filled_94r67_393[aria-disabled=true]:before{background-color:transparent}.ds-button_root--dark-outline_94r67_450{border-color:#f8f8f8;color:#fff}.ds-button_root--dark-outline_94r67_450:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-outline_94r67_450:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--dark-outline_94r67_450:focus{outline:revert;outline-offset:revert}.ds-button_root--dark-outline_94r67_450:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-outline_94r67_450:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button_root--dark-outline_94r67_450:hover{background-color:#ffffff26}}.ds-button_root--dark-outline_94r67_450[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}.ds-button_root--dark-outline_94r67_450[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--dark-outline_94r67_450[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--dark-outline_94r67_450[aria-disabled=true]:before{background-color:transparent}.ds-button_root--dark-ghost_94r67_506{color:#fff}.ds-button_root--dark-ghost_94r67_506:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-ghost_94r67_506:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--dark-ghost_94r67_506:focus{outline:revert;outline-offset:revert}.ds-button_root--dark-ghost_94r67_506:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-ghost_94r67_506:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button_root--dark-ghost_94r67_506:hover{background-color:#ffffff26}}.ds-button_root--dark-ghost_94r67_506[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}.ds-button_root--dark-ghost_94r67_506[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--dark-ghost_94r67_506[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--dark-ghost_94r67_506[aria-disabled=true]:before{background-color:transparent}.ds-button_root--dark-ghost-flush_94r67_560{color:#fff}.ds-button_root--dark-ghost-flush_94r67_560:focus,.ds-button_root--dark-ghost-flush_94r67_560:focus-visible{outline:none}.ds-button_root--dark-ghost-flush_94r67_560:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-ghost-flush_94r67_560:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--dark-ghost-flush_94r67_560:focus:before{outline:revert;outline-offset:revert}.ds-button_root--dark-ghost-flush_94r67_560:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-ghost-flush_94r67_560:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button_root--dark-ghost-flush_94r67_560:hover:before{background-color:#ffffff26}}@media screen and (hover: hover) and (forced-colors: active){.ds-button_root--dark-ghost-flush_94r67_560:hover:before{background-color:transparent}}.ds-button_root--dark-ghost-flush_94r67_560[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}.ds-button_root--dark-ghost-flush_94r67_560[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--dark-ghost-flush_94r67_560[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--dark-ghost-flush_94r67_560[aria-disabled=true]:before{background-color:transparent}.ds-button_root--small_94r67_237{min-width:2rem;min-height:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}.ds-button_root--small_94r67_237.ds-button_root--ghost-flush_94r67_231:before{right:-8px;left:-8px}.ds-button_root--icon-left_94r67_635{flex-direction:row-reverse}.ds-button_root--icon-only_94r67_638{width:3rem;height:3rem}.ds-button_root--icon-only_94r67_638.ds-button_root--ghost-flush_94r67_231{width:1rem;height:1rem}.ds-button_root--icon-only-small_94r67_647{width:2rem;height:2rem;min-width:2rem;min-height:2rem}.ds-button_root--icon-only-small_94r67_647.ds-button_root--ghost-flush_94r67_231{width:1rem;height:1rem}.ds-button_root_94r67_1{position:relative}@media (min-width: 1024px){.ds-button_icon--navigation_94r67_663{min-width:.75rem;min-height:.75rem;width:.75rem;height:.75rem}}.ds-button_icon--hidden_94r67_670{opacity:0}.ds-button_label--hidden_94r67_674{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}.ds-button_label--loading_94r67_686{opacity:0}.ds-button_loader_94r67_690{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}.ds-button_loader_94r67_690 svg{fill:currentColor}

package/assets/CustomReactSelect.E_jJFVew.css

@@ -1 +0,0 @@
-.ds-combobox_root_196k7_1:has(.ds-combobox_hint_196k7_1) .ds-combobox_label_196k7_1{margin-block-end:4px}.ds-combobox_wrapper_196k7_5{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}.ds-combobox_action-button_196k7_11{grid-area:1/4/2/5}.ds-combobox_label_196k7_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.25;font-size-adjust:.414;display:block;max-width:fit-content;margin-block-end:8px}.ds-combobox_label--hidden_196k7_29{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}@media screen and (forced-colors: active){.ds-combobox_label--disabled_196k7_42{color:GrayText}}.ds-combobox_hint_196k7_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:.875rem;line-height:1.14;font-size-adjust:.414;display:block;max-width:34em;margin-block-end:8px}.ds-combobox_feedback_196k7_62{margin-block-start:8px}:where(.ds-combobox_select_196k7_66){display:block;padding-inline-start:15px;padding-inline-end:15px;min-height:3rem;height:3rem}:where(.ds-combobox_select--small_196k7_74){padding-inline-start:7px;padding-inline-end:7px}.ds-combobox_select_196k7_66{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}.ds-combobox_select_196k7_66:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-combobox_select_196k7_66:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-combobox_select_196k7_66:focus{outline:revert;outline-offset:revert}.ds-combobox_select_196k7_66:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-combobox_select_196k7_66:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-combobox_select_196k7_66{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-combobox_select_196k7_66{transition-duration:0ms}}@media (hover: hover){.ds-combobox_select_196k7_66:hover{background:#0000001a}}@media screen and (hover: hover) and (forced-colors: active){.ds-combobox_select_196k7_66:hover{border-color:Highlight}}.ds-combobox_select_196k7_66{background:transparent;border:1px solid #252525;border-radius:0;color:#252525;width:100%}.ds-combobox_select_196k7_66[readonly]{background-color:#ededed;border-color:transparent;color:#252525}.ds-combobox_select_196k7_66[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-combobox_select_196k7_66[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-combobox_select_196k7_66[readonly]:focus{outline:revert;outline-offset:revert}.ds-combobox_select_196k7_66[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-combobox_select_196k7_66[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-combobox_select_196k7_66:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}.ds-combobox_select_196k7_66::-webkit-placeholder,.ds-combobox_select_196k7_66::placeholder{color:#666;opacity:1}.ds-combobox_select--invalid_196k7_186{border-color:#d43b3b;outline-color:#d43b3b}.ds-combobox_select--invalid_196k7_186:active,.ds-combobox_select--invalid_196k7_186:focus,.ds-combobox_select--invalid_196k7_186:focus-visible{border-color:#252525}.ds-combobox_select--small_196k7_74{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:.875rem;line-height:1.14;font-size-adjust:.414}.ds-combobox_select_196k7_66{min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5}.ds-combobox_select_196k7_66::-webkit-outer-spin-button,.ds-combobox_select_196k7_66::-webkit-inner-spin-button,.ds-combobox_select_196k7_66::-webkit-search-decoration,.ds-combobox_select_196k7_66::-webkit-search-cancel-button,.ds-combobox_select_196k7_66::-webkit-calendar-picker-indicator{display:none;appearance:none;-webkit-appearance:none}.ds-combobox_select_196k7_66::-webkit-date-and-time-value{text-align:left}.ds-combobox_select_196k7_66:is([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){display:flex;align-items:center;min-width:-webkit-fill-available;appearance:none;-webkit-appearance:none}.ds-combobox_select_196k7_66[type=search]{appearance:none;-webkit-appearance:none}.ds-combobox_select_196k7_66[type=range]{accent-color:#E9640C}.ds-combobox_select_196k7_66[type=number]{-moz-appearance:textfield;appearance:textfield}.ds-combobox_select--small_196k7_74{min-height:2rem;height:2rem}.ds-combobox_select--small_196k7_74.ds-combobox_input--has-leading-icon_196k7_244{padding-inline-start:calc(16px + 1rem)}.ds-combobox_select--small_196k7_74.ds-combobox_input--has-action-button_196k7_247{padding-inline-end:calc(2rem + 8px)}.ds-combobox_select--small_196k7_74.ds-combobox_input--has-second-action-button_196k7_250{padding-inline-end:calc(4rem + 8px)}.ds-combobox_select--has-leading-icon_196k7_253{padding-inline-start:calc(32px + 1rem)}.ds-combobox_select--has-action-button_196k7_256{padding-inline-end:calc(3rem + 16px)}.ds-combobox_select--has-second-action-button_196k7_259{padding-inline-end:calc(6rem + 16px)}.ds-combobox_select--has-affix_196k7_262{color:#0000}.ds-combobox_select--has-affix_196k7_262::placeholder{color:#0000}.ds-combobox_select--has-affix_196k7_262::placeholder{transition:color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-combobox_select--has-affix_196k7_262::placeholder{transition-duration:0ms}}.ds-combobox_select--is-ready_196k7_276{color:#252525}.ds-combobox_select--is-ready_196k7_276::placeholder{color:#666}.ds-combobox_select_196k7_66{border-radius:0}.ds-combobox_select_196k7_66.ds-combobox_select--disabled_196k7_286{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}@media screen and (forced-colors: active){.ds-combobox_select_196k7_66.ds-combobox_select--disabled_196k7_286{color:GrayText}}.ds-combobox_select_196k7_66.ds-combobox_select--focused_196k7_297{outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){.ds-combobox_select_196k7_66.ds-combobox_select--focused_196k7_297{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){.ds-combobox_select_196k7_66.ds-combobox_select--focused_196k7_297{outline-color:Highlight}}@media (hover: hover){.ds-combobox_select--hovered_196k7_314{background:#0000001a}}@media screen and (hover: hover) and (forced-colors: active){.ds-combobox_select--hovered_196k7_314{border-color:Highlight}}.ds-combobox_placeholder_196k7_324{color:#666}@media screen and (forced-colors: active){.ds-combobox_placeholder_196k7_324{color:GrayText}}.ds-combobox_menu-list_196k7_333{top:6px;background-color:#fff;border:1px solid #DADADA;border-radius:.125rem;padding-block:15px;padding-inline:7px;box-shadow:0 8px 48px #0000001a,0 2px 4px #0000000a}.ds-combobox_group-heading_196k7_343{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:.875rem;line-height:1.14;font-size-adjust:.414;padding-block-start:16px;padding-block-end:11px;padding-inline-start:16px;padding-inline-end:16px;margin-block-start:4px;margin-block-end:8px;margin-inline-start:0;margin-inline-end:0;border-bottom:1px solid #B1B1B1;color:#666}.ds-combobox_option_196k7_365{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;padding-block-start:12px;padding-block-end:12px;padding-inline-start:16px;padding-inline-end:16px;align-items:center}.ds-combobox_option--small_196k7_381{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:.875rem;line-height:1.14;font-size-adjust:.414;padding-block-start:8px;padding-block-end:8px;padding-inline-start:16px;padding-inline-end:16px}.ds-combobox_option--grouped_196k7_396{padding-inline-start:24px}.ds-combobox_option--single_196k7_399{justify-content:space-between}.ds-combobox_option--disabled_196k7_402{color:#00000080}@media screen and (forced-colors: active){.ds-combobox_option--disabled_196k7_402{color:GrayText}}.ds-combobox_option--focus-hover_196k7_410:not(.ds-combobox_option--disabled_196k7_402){border-radius:.125rem;outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){.ds-combobox_option--focus-hover_196k7_410:not(.ds-combobox_option--disabled_196k7_402){forced-color-adjust:auto;outline-color:Highlight}}.ds-combobox_option--text_196k7_422{margin-inline-end:8px}.ds-combobox_option--check-icon_196k7_425{margin-inline-start:auto;align-self:center;fill:#e9640c}@media screen and (forced-colors: active){.ds-combobox_option--check-icon_196k7_425{fill:CanvasText}}.ds-combobox_option--check-icon--disabled_196k7_435{fill:#00000080}@media screen and (forced-colors: active){.ds-combobox_option--check-icon--disabled_196k7_435{fill:GrayText}}.ds-combobox_single-option_196k7_444{display:flex;flex-wrap:nowrap;width:100%}.ds-combobox_multi-option_196k7_450{width:100%}.ds-combobox_single-value_196k7_454{display:flex;align-items:center}.ds-combobox_single-value--text_196k7_458{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ds-combobox_leading-icon_196k7_465{margin-block-start:2px;margin-inline-end:8px;fill:#666}@media screen and (forced-colors: active){.ds-combobox_leading-icon_196k7_465{background-color:Canvas;fill:CanvasText}}.ds-combobox_leading-icon--small_196k7_476,.ds-combobox_leading-icon--selected_196k7_476{margin-block-start:0px}.ds-combobox_leading-icon--disabled_196k7_479{fill:#00000080}@media screen and (forced-colors: active){.ds-combobox_leading-icon--disabled_196k7_479{fill:GrayText}}.ds-combobox_indicator_196k7_488,.ds-combobox_clear_196k7_489{width:3rem;height:3rem;justify-content:center;cursor:pointer}.ds-combobox_indicator--small_196k7_495,.ds-combobox_clear--small_196k7_496{width:2rem;height:2rem}.ds-combobox_indicator--icon_196k7_500,.ds-combobox_clear--icon_196k7_501{margin-block-start:16px;margin-block-end:16px;margin-inline-start:16px;margin-inline-end:16px;align-self:center}.ds-combobox_indicator--icon--small_196k7_508,.ds-combobox_clear--icon--small_196k7_509{margin-block-start:8px;margin-block-end:8px;margin-inline-start:8px;margin-inline-end:8px}