@stihl-design-system/components 1.0.0-RC.46 → 1.0.0-RC.48

package/input.Dh0ws-9j.js

@@ -0,0 +1,187 @@
+"use client";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { c as t } from "./chunks/index.DQOqod3i.js";
+import { forwardRef as ha, useState as x, useRef as R, useEffect as xa } from "react";
+import { u as $ } from "./chunks/useBreakpoint.1txsny17.js";
+import { Asterisk as Ia } from "./asterisk.Dwtdwpkq.js";
+import { D as G } from "./chunks/Button.CCol--xy.js";
+import { D as ka } from "./chunks/Icon.DYtaQgbw.js";
+import { D as ya } from "./chunks/Popover.CxZZ_y1Z.js";
+import { D as Da } from "./chunks/SystemFeedback.DhWcYjnu.js";
+import { v as ga, c as Sa, M as va, a as Na, s as Ba, i as H, b as Ca } from "./chunks/Input.utils.Wycy2SzG.js";
+import { u as q } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import './assets/input.Dy8VS73e.css';const La = "ds-input_input_bhamp_1", Ra = "ds-input_input--small_bhamp_9", Ha = "ds-input_input--invalid_bhamp_127", wa = "ds-input_input--dark_bhamp_145", Aa = "ds-input_input--is-ready_bhamp_241", Pa = "ds-input_input--has-leading-icon_bhamp_293", Fa = "ds-input_input--has-action-button_bhamp_296", Wa = "ds-input_input--has-affix_bhamp_311", Ta = "ds-input_root_bhamp_338", Ea = "ds-input_hint_bhamp_338", Oa = "ds-input_label-wrapper_bhamp_338", ja = "ds-input_wrapper_bhamp_342", Xa = "ds-input_affix_bhamp_348", Ma = "ds-input_affix--small_bhamp_369", Va = "ds-input_prefix_bhamp_382", $a = "ds-input_suffix_bhamp_388", Ga = "ds-input_affix--disabled_bhamp_394", qa = "ds-input_affix--readonly_bhamp_410", za = "ds-input_affix--dark_bhamp_445", Ua = "ds-input_leading-icon_bhamp_507", Ja = "ds-input_leading-icon--small_bhamp_519", Ka = "ds-input_leading-icon--disabled_bhamp_522", Qa = "ds-input_leading-icon--dark_bhamp_530", Ya = "ds-input_action-button_bhamp_547", Za = "ds-input_label_bhamp_338", an = "ds-input_label--disabled_bhamp_566", nn = "ds-input_label--dark_bhamp_570", tn = "ds-input_label-wrapper--hidden_bhamp_586", en = "ds-input_hint--dark_bhamp_613", sn = "ds-input_feedback_bhamp_617", a = {
+  input: La,
+  inputSmall: Ra,
+  inputInvalid: Ha,
+  inputDark: wa,
+  inputIsReady: Aa,
+  inputHasLeadingIcon: Pa,
+  inputHasActionButton: Fa,
+  inputHasAffix: Wa,
+  root: Ta,
+  hint: Ea,
+  labelWrapper: Oa,
+  wrapper: ja,
+  affix: Xa,
+  affixSmall: Ma,
+  prefix: Va,
+  suffix: $a,
+  affixDisabled: Ga,
+  affixReadonly: qa,
+  affixDark: za,
+  leadingIcon: Ua,
+  leadingIconSmall: Ja,
+  leadingIconDisabled: Ka,
+  leadingIconDark: Qa,
+  actionButton: Ya,
+  label: Za,
+  labelDisabled: an,
+  labelDark: nn,
+  labelWrapperHidden: tn,
+  hintDark: en,
+  feedback: sn
+}, ln = ha((z, m) => {
+  const {
+    id: d,
+    label: w,
+    aria: A,
+    actionButtonProps: P,
+    className: U,
+    disabled: i = !1,
+    hint: I,
+    hideLabel: F = !1,
+    invalid: b = !1,
+    leadingIconName: _,
+    leadingIconSource: h,
+    prefix: p,
+    popoverContent: k,
+    popoverInfoButtonProps: J,
+    readonly: r = !1,
+    required: W = !1,
+    size: s = "medium",
+    suffix: l,
+    systemFeedback: y,
+    theme: c = "light",
+    type: o = "text",
+    ...T
+  } = z;
+  process.env.NODE_ENV !== "production" && (ga({
+    hideLabel: $(F),
+    id: d,
+    label: w,
+    prefix: p,
+    popoverContent: k,
+    suffix: l,
+    leadingIconName: _,
+    leadingIconSource: h,
+    actionButtonProps: P
+  }), Sa(o, T.autoComplete));
+  const {
+    iconName: D,
+    iconSource: g,
+    label: K,
+    onClick: Q,
+    ...Y
+  } = P || {}, [Z, aa] = x(!1), [na, ta] = x(!1), [S, ia] = x(!1), [ea, sa] = x({}), v = R(null), la = (n) => {
+    v.current = n, typeof m == "function" ? m(n) : m && (m.current = n);
+  }, oa = p?.substring(0, va), N = R(null), da = l?.substring(0, Na), B = R(null), E = $(F);
+  q(() => {
+    const n = s === "medium" ? 16 : 8, C = {};
+    if (N.current) {
+      const L = N.current.offsetWidth;
+      C.paddingInlineStart = n + L + "px";
+    }
+    if (B.current) {
+      const L = B.current.offsetWidth;
+      C.paddingInlineEnd = n + L + "px";
+    }
+    sa(C), aa(!0);
+  }, [p, l, s, na]), q(() => {
+    (async () => "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), ta(!0)))();
+  }, []), xa(() => {
+    const n = Ba(H(o), Ca(o));
+    ia(n);
+  }, [o]);
+  const u = c === "dark", O = t(a.affix, {
+    [a.affixDark]: u,
+    [a.affixSmall]: s === "small",
+    [a.affixDisabled]: i,
+    [a.affixReadonly]: r
+  }), j = `${d}-label`, X = `${d}-feedback`, M = `${d}-hint`, pa = () => {
+    const n = [j];
+    return I && n.push(M), A?.["aria-labelledby"] && n.push(A["aria-labelledby"]), n.join(" ");
+  }, ra = [b && y && X].filter(Boolean).join(" ") || void 0, ca = t(a.root, U), ua = t(a.input, {
+    [a.inputDark]: u,
+    // small input
+    [a.inputSmall]: s === "small",
+    // invalid state
+    [a.inputInvalid]: b,
+    // leading icon
+    [a.inputHasLeadingIcon]: _ || h,
+    // prefix/suffix
+    [a.inputHasAffix]: p || l,
+    // action button
+    [a.inputHasActionButton]: D || g || S,
+    [a.inputIsReady]: Z
+  }), fa = t(a.label, {
+    [a.labelDark]: u,
+    [a.labelDisabled]: i
+  }), ma = t(a.labelWrapper, {
+    // hide label only visually to keep them available for assistive technologies
+    [a.labelWrapperHidden]: E
+  }), ba = t(a.leadingIcon, {
+    [a.leadingIconDark]: u,
+    [a.leadingIconSmall]: s === "small",
+    [a.leadingIconDisabled]: i
+  }), V = t(a.actionButton, {
+    [a.actionButtonSmall]: s === "small"
+  }), _a = (n) => {
+    v.current && !i && !r && v.current.showPicker(), n.preventDefault();
+  };
+  return /* @__PURE__ */ f("div", { className: ca, children: [
+    /* @__PURE__ */ f("div", { className: ma, children: [
+      /* @__PURE__ */ f("label", { className: fa, id: j, htmlFor: d, children: [
+        w,
+        W && /* @__PURE__ */ e(Ia, {})
+      ] }),
+      k && !E && /* @__PURE__ */ e(ya, { placement: "top", theme: c, defaultAnchorButtonProps: J, children: k })
+    ] }),
+    I && /* @__PURE__ */ e("div", { className: t(a.hint, {
+      [a.hintDark]: u
+    }), id: M, children: I }),
+    /* @__PURE__ */ f("div", { className: a.wrapper, children: [
+      p && /* @__PURE__ */ e(
+        "span",
+        {
+          className: t(O, a.prefix),
+          ref: N,
+          "aria-disabled": i,
+          children: oa
+        }
+      ),
+      !p && (_ || h) && /* @__PURE__ */ e(ka, { name: _, theme: c, source: h, className: ba, "aria-hidden": "true" }),
+      /* @__PURE__ */ e("input", { type: o, className: ua, id: d, ...T, ref: la, style: ea, "aria-labelledby": pa(), "aria-describedby": ra, "aria-invalid": b, "aria-disabled": r, readOnly: r, required: W, disabled: i }),
+      l && /* @__PURE__ */ e(
+        "span",
+        {
+          className: t(O, a.suffix),
+          ref: B,
+          "aria-disabled": i,
+          children: da
+        }
+      ),
+      !l && !S && (D || g) && /* @__PURE__ */ e(G, { ...Y, hideLabel: !0, theme: c, iconName: D, iconSource: g, variant: "ghost", className: V, size: s, onClick: Q, type: "button", disabled: i || r, children: K }),
+      !l && S && !r && !i && /* @__PURE__ */ f(G, { hideLabel: !0, theme: c, iconName: H(o) ? "calendar" : "clock", variant: "ghost", className: V, size: s, onClick: _a, type: "button", children: [
+        "Open ",
+        H(o) ? "date" : "time",
+        " picker"
+      ] })
+    ] }),
+    b && y && /* @__PURE__ */ e(Da, { className: a.feedback, message: y, variant: "error", id: X, theme: c })
+  ] });
+});
+ln.displayName = "DSInput";
+export {
+  ln as DSInput
+};

package/inputfile.DiZh3GcT.js

@@ -0,0 +1,17 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/AriaLiveRegions.utils.xoETe2Ps.js";
+import "./asterisk.Dwtdwpkq.js";
+import "./chunks/Button.CCol--xy.js";
+import "./chunks/Icon.DYtaQgbw.js";
+import "./chunks/Popover.CxZZ_y1Z.js";
+import "./chunks/SystemFeedback.DhWcYjnu.js";
+import "./filelist.GrEwoM1u.js";
+import { D as f } from "./chunks/InputFile.y71Cd5J9.js";
+import "./chunks/useBreakpoint.1txsny17.js";
+import "./chunks/translate.DSb-TdWR.js";
+export {
+  f as DSInputFile
+};

package/{inputnumber.r0iVYkjd.js → inputnumber.D2cmptaH.js}

@@ -2,16 +2,15 @@
 import "react/jsx-runtime";
 import "./chunks/index.DQOqod3i.js";
 import "react";
-import "./chunks/has-window.ut_-aShB.js";
 import "./chunks/useBreakpoint.1txsny17.js";
-import "./chunks/index.cKLI89Eg.js";
-import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
 import "./asterisk.Dwtdwpkq.js";
-import "./chunks/Button.Dauhc5op.js";
-import "./chunks/Input.utils.D78E4MGO.js";
-import "./chunks/Popover.Cyf3CbLl.js";
-import "./chunks/SystemFeedback.Dq3ZphgG.js";
-import { D as f } from "./chunks/InputNumber.BsBAdxWr.js";
+import "./chunks/Button.CCol--xy.js";
+import "./chunks/Input.utils.Wycy2SzG.js";
+import "./chunks/Popover.CxZZ_y1Z.js";
+import "./chunks/SystemFeedback.DhWcYjnu.js";
+import { D as c } from "./chunks/InputNumber.Fn2YbF_s.js";
+import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import "./chunks/has-window.ut_-aShB.js";
 export {
-  f as DSInputNumber
+  c as DSInputNumber
 };

package/{inputpassword.PXBZo3f0.js → inputpassword.C53Kg4EA.js}

@@ -4,10 +4,10 @@ import "./chunks/index.DQOqod3i.js";
 import "react";
 import "./chunks/useBreakpoint.1txsny17.js";
 import "./asterisk.Dwtdwpkq.js";
-import "./chunks/Button.Dauhc5op.js";
-import "./chunks/Popover.Cyf3CbLl.js";
-import "./chunks/SystemFeedback.Dq3ZphgG.js";
-import { D as u } from "./chunks/InputPassword.hZYiAKYC.js";
+import "./chunks/Button.CCol--xy.js";
+import "./chunks/Popover.CxZZ_y1Z.js";
+import "./chunks/SystemFeedback.DhWcYjnu.js";
+import { D as u } from "./chunks/InputPassword.DtT9yrlx.js";
 export {
   u as DSInputPassword
 };

package/inputsearch.BrsIDUSW.js

@@ -0,0 +1,14 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/useBreakpoint.1txsny17.js";
+import "./asterisk.Dwtdwpkq.js";
+import "./chunks/Button.CCol--xy.js";
+import "./chunks/Popover.CxZZ_y1Z.js";
+import "./chunks/SystemFeedback.DhWcYjnu.js";
+import { D as u } from "./chunks/InputSearch.BoAfGqoH.js";
+import "./chunks/helpers.CexwVao7.js";
+export {
+  u as DSInputSearch
+};

package/link.DEZDbUgq.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsxs as B, jsx as P } from "react/jsx-runtime";
+import { d as G } from "./chunks/index.cKLI89Eg.js";
+import { c as J } from "./chunks/index.DQOqod3i.js";
+import { D as K } from "./chunks/Icon.DYtaQgbw.js";
+import "./chunks/LinkButton.BxG7fx1O.js";
+import { Tooltip as $ } from "./tooltip.BFQG-7VR.js";
+import { forwardRef as M } from "react";
+import './assets/link.EZrauC8s.css';const Q = "ds-link_root_o35du_1", U = "ds-link_root--highlight_o35du_68", V = "ds-link_root--neutral-dark_o35du_82", W = "ds-link_root--highlight-dark_o35du_131", X = "ds-link_root--active_o35du_180", Y = "ds-link_root--icon-left_o35du_187", r = {
+  root: Q,
+  rootHighlight: U,
+  rootNeutralDark: V,
+  rootHighlightDark: W,
+  rootActive: X,
+  rootIconLeft: Y
+}, Z = M((T, j) => {
+  const t = G.c(53);
+  let s, n, a, c, h, o, e, i, d, f, m, D, N, H, L, l;
+  t[0] !== T ? ({
+    children: a,
+    aria: n,
+    active: s,
+    className: c,
+    download: h,
+    href: o,
+    iconName: e,
+    iconPosition: D,
+    iconSource: i,
+    referrerPolicy: d,
+    rel: f,
+    target: N,
+    theme: H,
+    tooltip: l,
+    variant: L,
+    ...m
+  } = T, t[0] = T, t[1] = s, t[2] = n, t[3] = a, t[4] = c, t[5] = h, t[6] = o, t[7] = e, t[8] = i, t[9] = d, t[10] = f, t[11] = m, t[12] = D, t[13] = N, t[14] = H, t[15] = L, t[16] = l) : (s = t[1], n = t[2], a = t[3], c = t[4], h = t[5], o = t[6], e = t[7], i = t[8], d = t[9], f = t[10], m = t[11], D = t[12], N = t[13], H = t[14], L = t[15], l = t[16]);
+  const F = D === void 0 ? "left" : D, w = N === void 0 ? "_self" : N, x = H === void 0 ? "light" : H, C = L === void 0 ? "neutral" : L, q = x === "dark", E = C === "highlight", b = q && C === "neutral", z = q && C === "highlight", O = F === "left";
+  let A;
+  t[17] !== s || t[18] !== c || t[19] !== E || t[20] !== b || t[21] !== z || t[22] !== O ? (A = J(r.root, c, {
+    [r.rootHighlight]: E,
+    [r.rootNeutralDark]: b,
+    [r.rootHighlightDark]: z,
+    [r.rootActive]: s,
+    [r.rootIconLeft]: O
+  }), t[17] = s, t[18] = c, t[19] = E, t[20] = b, t[21] = z, t[22] = O, t[23] = A) : A = t[23];
+  const R = A, g = o === void 0 ? "span" : "a";
+  let k;
+  t[24] !== g || t[25] !== h || t[26] !== o || t[27] !== d || t[28] !== f || t[29] !== w ? (k = g === "a" && {
+    href: o,
+    target: w,
+    rel: f,
+    referrerPolicy: d,
+    download: h
+  }, t[24] = g, t[25] = h, t[26] = o, t[27] = d, t[28] = f, t[29] = w, t[30] = k) : k = t[30];
+  let u;
+  t[31] !== a ? (u = /* @__PURE__ */ P("span", { className: r.label, children: a }), t[31] = a, t[32] = u) : u = t[32];
+  let _;
+  t[33] !== e || t[34] !== i || t[35] !== x ? (_ = (e || i) && /* @__PURE__ */ P(K, { name: e, theme: x, source: i, size: "medium", "aria-hidden": "true" }), t[33] = e, t[34] = i, t[35] = x, t[36] = _) : _ = t[36];
+  let I;
+  t[37] !== g || t[38] !== n || t[39] !== j || t[40] !== m || t[41] !== R || t[42] !== k || t[43] !== u || t[44] !== _ ? (I = /* @__PURE__ */ B(g, { className: R, ...k, ...n, ...m, ref: j, children: [
+    u,
+    _
+  ] }), t[37] = g, t[38] = n, t[39] = j, t[40] = m, t[41] = R, t[42] = k, t[43] = u, t[44] = _, t[45] = I) : I = t[45];
+  const S = I;
+  if (l) {
+    let p;
+    t[46] !== S ? (p = /* @__PURE__ */ P($.Anchor, { children: S }), t[46] = S, t[47] = p) : p = t[47];
+    let v;
+    t[48] !== l ? (v = /* @__PURE__ */ P($.Content, { children: l }), t[48] = l, t[49] = v) : v = t[49];
+    let y;
+    return t[50] !== p || t[51] !== v ? (y = /* @__PURE__ */ B($, { placement: "top", tooltipOffset: 6, children: [
+      p,
+      v
+    ] }), t[50] = p, t[51] = v, t[52] = y) : y = t[52], y;
+  }
+  return S;
+});
+Z.displayName = "DSLink";
+export {
+  Z as DSLink
+};

package/{linkbutton.DVFXzn-A.js → linkbutton._X50W2Md.js}

@@ -2,11 +2,11 @@
 import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
+import "./chunks/Icon.DYtaQgbw.js";
+import "./tooltip.BFQG-7VR.js";
+import { D as u } from "./chunks/LinkButton.BxG7fx1O.js";
 import "react";
 import "./chunks/useBreakpoint.1txsny17.js";
-import "./chunks/Icon.B0WqYErA.js";
-import "./tooltip.C6HKano9.js";
-import { D as u } from "./chunks/LinkButton.DHcfHamd.js";
 export {
   u as DSLinkButton
 };

package/{linkcard.BwSMt03V.js → linkcard.BtM3KnjT.js}

@@ -3,11 +3,11 @@ import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
 import "react";
-import "./flag.DyZLEgAw.js";
+import "./chunks/Flag.CbQYBzVC.js";
 import "./heading.BHSklXho.js";
-import "./chunks/Icon.B0WqYErA.js";
-import "./chunks/LinkButton.DHcfHamd.js";
-import { D } from "./chunks/LinkCard.DV-V9qHd.js";
+import "./chunks/Icon.DYtaQgbw.js";
+import "./chunks/LinkButton.BxG7fx1O.js";
+import { D } from "./chunks/LinkCard.DM-5WrSt.js";
 export {
   D as DSLinkCard
 };

package/{logo.D7LnRA1E.js → logo.D6BTxbxv.js}

@@ -3,7 +3,6 @@ import { jsx as a, jsxs as v } from "react/jsx-runtime";
 import { c as l } from "./chunks/index.DQOqod3i.js";
 import { forwardRef as w, useState as y, useEffect as L } from "react";
 import { g as b } from "./chunks/helpers.CexwVao7.js";
-import "./chunks/index.cKLI89Eg.js";
 import './assets/logo.SVrBe1T8.css';const H = "ds-logo_anchor_m1yba_2", k = "ds-logo_anchor--main_m1yba_6", x = "ds-logo_anchor--reduced_m1yba_13", N = "ds-logo_anchor--dark_m1yba_51", R = "ds-logo_svg_m1yba_81", T = "ds-logo_svg-text_m1yba_87", I = "ds-logo_placeholder-reduced_m1yba_91", c = {
   anchor: H,
   anchorMain: k,

package/{megamenu.CUjk3_h2.js → megamenu.odVCUm4c.js}

@@ -1,12 +1,12 @@
 "use client";
 import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
-import { D as s } from "./chunks/MegaMenu.CiSiMlE3.js";
+import { D as s } from "./chunks/MegaMenu.udXR1H3W.js";
 import "react";
-import "./chunks/floating-ui.react.CP5A99-c.js";
+import "./chunks/floating-ui.react.Chmq0RmI.js";
 import "./chunks/index.DQOqod3i.js";
+import "./chunks/Header.CvcGSuhX.js";
 import "./chunks/helpers.CexwVao7.js";
-import "./chunks/Header.DyqOlV8L.js";
 export {
   s as DSMegaMenu
 };

package/navigationtablist.n9DrtYe5.js

@@ -0,0 +1,10 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import "react";
+import "./chunks/Icon.DYtaQgbw.js";
+import "./numberindicator.DsK65Bj3.js";
+import { N as e } from "./chunks/NavigationTabList.thzA1pU8.js";
+export {
+  e as NavigationTabList
+};

package/{navigationtabs.DmcYShPs.js → navigationtabs.D0mSyAtK.js}

@@ -2,8 +2,8 @@
 import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "react";
-import "./tablist.D3n9E4KM.js";
-import { D as a } from "./chunks/NavigationTabs.BqaUbfFC.js";
+import "./tablist.BAm0_UIG.js";
+import { D as a } from "./chunks/NavigationTabs.BWewgBch.js";
 export {
   a as DSNavigationTabs
 };

package/{notification.BVoapVVg.js → notification._X8-8vOa.js}

@@ -2,9 +2,9 @@
 import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
-import "./chunks/Button.Dauhc5op.js";
-import "./chunks/Icon.B0WqYErA.js";
-import { D as a } from "./chunks/Notification.DeedcinQ.js";
+import "./chunks/Button.CCol--xy.js";
+import "./chunks/Icon.DYtaQgbw.js";
+import { D as a } from "./chunks/Notification.C_o7Ge6Q.js";
 export {
   a as DSNotification
 };

package/numberindicator.DsK65Bj3.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as p } from "react/jsx-runtime";
+import { d as y } from "./chunks/index.cKLI89Eg.js";
+import { c as C } from "./chunks/index.DQOqod3i.js";
+import './assets/numberindicator.CtbitPQ8.css';const H = "ds-number-indicator_root_1svqy_1", k = "ds-number-indicator_root--has-content_1svqy_24", q = "ds-number-indicator_root--highlight_1svqy_29", N = "ds-number-indicator_root--dark_1svqy_33", d = {
+  root: H,
+  rootHasContent: k,
+  rootHighlight: q,
+  rootDark: N
+}, E = (m) => {
+  const t = y.c(20);
+  let r, o, e, n, i;
+  t[0] !== m ? ({
+    label: o,
+    className: r,
+    theme: n,
+    variant: i,
+    ...e
+  } = m, t[0] = m, t[1] = r, t[2] = o, t[3] = e, t[4] = n, t[5] = i) : (r = t[1], o = t[2], e = t[3], n = t[4], i = t[5]);
+  const v = n === void 0 ? "light" : n, b = i === void 0 ? "default" : i;
+  let l;
+  t[6] !== o ? (l = typeof o == "string" && o.trim().length > 0, t[6] = o, t[7] = l) : l = t[7];
+  const s = l;
+  let a;
+  t[8] !== s || t[9] !== o ? (a = s ? o.trim().substring(0, 4) : null, t[8] = s, t[9] = o, t[10] = a) : a = t[10];
+  const g = a, _ = v === "dark", u = b === "highlight" || !s;
+  let c;
+  t[11] !== r || t[12] !== s || t[13] !== _ || t[14] !== u ? (c = C(d.root, r, {
+    [d.rootDark]: _,
+    [d.rootHasContent]: s,
+    [d.rootHighlight]: u
+  }), t[11] = r, t[12] = s, t[13] = _, t[14] = u, t[15] = c) : c = t[15];
+  const f = c;
+  let h;
+  return t[16] !== e || t[17] !== f || t[18] !== g ? (h = /* @__PURE__ */ p("span", { className: f, ...e, children: g }), t[16] = e, t[17] = f, t[18] = g, t[19] = h) : h = t[19], h;
+};
+export {
+  E as NumberIndicator
+};

package/optioncheckbox.tlMEoyT0.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as d, jsxs as u } from "react/jsx-runtime";
+import { d as p } from "./chunks/index.cKLI89Eg.js";
+import { c as _ } from "./chunks/index.DQOqod3i.js";
+import { D as C } from "./chunks/Icon.DYtaQgbw.js";
+import './assets/optioncheckbox.BwkbIDOt.css';const D = "ds-combobox_root_rfku3_1", N = "ds-combobox_root--disabled_rfku3_21", j = "ds-combobox_checkbox_rfku3_25", v = "ds-combobox_icon-check_rfku3_41", y = "ds-combobox_checkbox--checked_rfku3_62", S = "ds-combobox_checkbox--disabled_rfku3_65", E = "ds-combobox_label_rfku3_82", o = {
+  root: D,
+  rootDisabled: N,
+  checkbox: j,
+  iconCheck: v,
+  checkboxChecked: y,
+  checkboxDisabled: S,
+  label: E
+}, q = (f) => {
+  const e = p.c(17), {
+    label: k,
+    checked: n,
+    className: h,
+    disabled: c
+  } = f;
+  let b;
+  e[0] !== c ? (b = _(o.root, {
+    [o.rootDisabled]: c
+  }), e[0] = c, e[1] = b) : b = e[1];
+  const m = b;
+  let a;
+  e[2] !== n || e[3] !== c ? (a = _(o.checkbox, {
+    [o.checkboxDisabled]: c,
+    [o.checkboxChecked]: n
+  }), e[2] = n, e[3] = c, e[4] = a) : a = e[4];
+  const x = a;
+  let i;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ d(C, { name: "check", className: o.iconCheck, "aria-hidden": "true" }), e[5] = i) : i = e[5];
+  let s;
+  e[6] !== x ? (s = /* @__PURE__ */ d("span", { className: x, children: i }), e[6] = x, e[7] = s) : s = e[7];
+  let t;
+  e[8] !== k ? (t = /* @__PURE__ */ d("span", { className: o.label, children: k }), e[8] = k, e[9] = t) : t = e[9];
+  let l;
+  e[10] !== m || e[11] !== s || e[12] !== t ? (l = /* @__PURE__ */ u("div", { className: m, children: [
+    s,
+    t
+  ] }), e[10] = m, e[11] = s, e[12] = t, e[13] = l) : l = e[13];
+  let r;
+  return e[14] !== h || e[15] !== l ? (r = /* @__PURE__ */ d("div", { className: h, children: l }), e[14] = h, e[15] = l, e[16] = r) : r = e[16], r;
+};
+export {
+  q as OptionCheckbox
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stihl-design-system/components",
   "private": false,
-  "version": "1.0.0-RC.46",
+  "version": "1.0.0-RC.48",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.stihl.de/",
   "keywords": [
@@ -53,6 +53,9 @@
       ]
     }
   },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "scripts": {
     "predev": "tsx scripts/extractAriaTypes.ts && prettier ./src/types/aria-types.d.ts --write",
     "dev": "npm run storybook",
@@ -73,6 +76,7 @@
     "release": "cp package.json LICENSE.md README.md ./dist && cd dist && npm publish --tag latest --access public",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006 --no-open",
+    "storybook:clean": "rm -rf node_modules/.cache node_modules/.vite-temp",
     "sync": "npm run build && anima-storybook sync",
     "lint": "eslint -c eslint.config.js",
     "pretest:smoke": "npm run build:components && npm run build:propsOverview",
@@ -89,57 +93,58 @@
     "test:vrt": "npx playwright test --config=playwright.config.vrt.ts"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.4",
-    "@chromatic-com/storybook": "^4.1.3",
+    "@babel/core": "^7.29.0",
+    "@chromatic-com/storybook": "^5.1.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@floating-ui/react": "^0.27.16",
+    "@floating-ui/react": "^0.27.19",
     "@juggle/resize-observer": "^3.4.0",
-    "@playwright/test": "^1.57.0",
-    "@storybook/addon-a11y": "^10.1.11",
-    "@storybook/addon-docs": "10.1.11",
-    "@storybook/addon-links": "^10.1.11",
-    "@storybook/react-vite": "^10.1.11",
-    "@storybook/test-runner": "^0.24.2",
+    "@playwright/test": "^1.59.1",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "10.3.5",
+    "@storybook/addon-links": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@storybook/test-runner": "^0.24.3",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.1",
-    "@types/node": "^25.0.3",
-    "@types/react": "^19.2.7",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^25.6.0",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "@typescript-eslint/eslint-plugin": "^8.51.0",
-    "@typescript-eslint/parser": "^8.51.0",
-    "@vitejs/plugin-react": "^5.1.2",
+    "@typescript-eslint/eslint-plugin": "^8.58.1",
+    "@typescript-eslint/parser": "^8.58.1",
+    "@vitejs/plugin-react": "^5.2.0",
     "anima-storybook-cli": "^0.13.1",
     "axe-playwright": "^2.2.2",
-    "babel-loader": "^10.0.0",
+    "babel-loader": "^10.1.1",
     "babel-plugin-react-compiler": "^1.0.0",
     "change-case": "^5.4.4",
     "classnames": "^2.5.1",
     "concurrently": "^9.2.1",
-    "eslint": "^9.39.2",
+    "eslint": "^9.39.4",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "^10.1.11",
-    "globals": "^17.0.0",
-    "globby": "^16.1.0",
+    "eslint-plugin-storybook": "^10.3.5",
+    "globals": "^17.5.0",
+    "globby": "^16.2.0",
     "http-server": "^14.1.1",
-    "jsdom": "^27.4.0",
-    "posthog-js": "^1.313.0",
+    "intl-messageformat": "^11.2.4",
+    "jsdom": "^29.0.2",
+    "posthog-js": "^1.367.0",
     "prettier-plugin-organize-imports": "^4.3.0",
-    "react": "^19.2.3",
+    "react": "^19.2.5",
     "react-compiler-runtime": "^1.0.0",
     "react-docgen-typescript": "^2.4.0",
-    "react-dom": "^19.2.3",
-    "react-intersection-observer": "^10.0.0",
-    "react-syntax-highlighter": "^16.1.0",
-    "sass": "^1.97.1",
-    "storybook": "^10.1.11",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.0",
+    "react-dom": "^19.2.5",
+    "react-intersection-observer": "^10.0.3",
+    "react-syntax-highlighter": "^16.1.1",
+    "sass": "^1.99.0",
+    "storybook": "^10.3.5",
+    "typescript": "^6.0.0",
+    "vite": "^7.3.2",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vite-plugin-svgr": "^4.5.0",
-    "vitest": "^4.0.16"
+    "vite-plugin-svgr": "^5.2.0",
+    "vitest": "^4.1.4"
   },
   "peerDependencies": {
     "@floating-ui/react": "^0.27.16",