@stihl-design-system/components 1.0.0-RC.25 → 1.0.0-RC.27

package/radio.Dm9bDBzM.js

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

package/tablist.DGGeFOi1.js

@@ -1,266 +0,0 @@
-"use client";
-import { jsx as g, jsxs as me } from "react/jsx-runtime";
-import { d as ke } from "./chunks/index.CgTHIF3K.js";
-import { c as re } from "./chunks/index.CEyLAtio.js";
-import { useState as he, useRef as P, useEffect as xe } from "react";
-import { h as ge } from "./chunks/has-window.ut_-aShB.js";
-import { g as Ee } from "./chunks/helpers.CcqWV-wZ.js";
-import { u as be } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import { D as Re } from "./chunks/Button.DZNUuPKC.js";
-import { D as We } from "./chunks/Icon.CAXZUNWo.js";
-import { NumberIndicator as Me } from "./numberindicator.Ddf3ESi7.js";
-import { g as Pe, a as Ie } from "./chunks/TabPane.utils.DG16Y2uD.js";
-import { s as f, N as ze } from "./chunks/NavigationTabList.D2NVVTjK.js";
-const pe = () => {
-  if (ge) {
-    const i = getComputedStyle(document.documentElement).getPropertyValue("--ds-animation-duration").trim();
-    return i === "0s" || i === "0ms";
-  } else
-    return !0;
-}, p = (i) => ge && (i == null ? void 0 : i.getBoundingClientRect()) || DOMRect.fromRect({
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0
-}), z = 48, Ue = (i) => {
-  const e = ke.c(62);
-  let v, T, m, A, y, s, V, H, O, h, l;
-  e[0] !== i ? ({
-    aria: v,
-    id: h,
-    selectedTabIndex: s,
-    setSelectedTabIndex: V,
-    tabs: l,
-    alignment: H,
-    className: T,
-    defaultSelectedTabIndex: O,
-    isNavigation: m,
-    onTabChange: A,
-    ...y
-  } = i, e[0] = i, e[1] = v, e[2] = T, e[3] = m, e[4] = A, e[5] = y, e[6] = s, e[7] = V, e[8] = H, e[9] = O, e[10] = h, e[11] = l) : (v = e[1], T = e[2], m = e[3], A = e[4], y = e[5], s = e[6], V = e[7], H = e[8], O = e[9], h = e[10], l = e[11]);
-  const X = H === void 0 ? "left" : H, Le = O === void 0 ? 0 : O, [j, b] = he(Le), [Se, De] = he(!1), [Ne, Be] = he(!1);
-  let _;
-  e[12] === Symbol.for("react.memo_cache_sentinel") ? (_ = [], e[12] = _) : _ = e[12];
-  const w = P(_), R = P(null), a = P(null), u = P(null), $ = P(!1), ve = P(s), ne = () => {
-    ye(), Ce();
-  };
-  let q;
-  e[13] === Symbol.for("react.memo_cache_sentinel") ? (q = [], e[13] = q) : q = e[13], be(() => {
-    const n = new ResizeObserver(ne);
-    return a.current && n.observe(a.current), () => {
-      n.disconnect();
-    };
-  }, q);
-  let F;
-  e[14] !== X || e[15] !== l ? (F = [l, X], e[14] = X, e[15] = l, e[16] = F) : F = e[16], be(() => {
-    var o;
-    const n = ["16px 'STIHL Contraface Digital Text Regular'", "14px 'STIHL Contraface Digital Text Demi'", "16px 'STIHL Contraface Digital Text Bold'"];
-    Promise.all(n.map(Ae)).then(() => {
-      oe(s), K("next", s, "instant"), ye(), $.current = !0;
-    }).catch(He);
-    const t = () => {
-      !$.current || !u.current || (r.matches ? u.current.style.transitionDuration = "0s" : u.current.style.transitionDuration = "");
-    }, r = window.matchMedia("(prefers-reduced-motion: reduce)");
-    return r.addEventListener("change", t), (o = a.current) == null || o.addEventListener("scroll", ne), () => {
-      var c;
-      r.removeEventListener("change", t), (c = a.current) == null || c.removeEventListener("scroll", ne);
-    };
-  }, F);
-  let G;
-  e[17] !== s ? (G = [s], e[17] = s, e[18] = G) : G = e[18], be(() => {
-    if ($.current && (oe(s), m)) {
-      const n = Te(s);
-      b(s), K(n, s);
-    }
-    ve.current = s;
-  }, G);
-  let Q, J;
-  e[19] !== j ? (Q = () => {
-    var n;
-    $.current && ((n = w.current[j]) == null || n.focus());
-  }, J = [j], e[19] = j, e[20] = Q, e[21] = J) : (Q = e[20], J = e[21]), xe(Q, J);
-  const I = (n) => {
-    const t = Te(n);
-    V(n), b(n), K(t, n), A && A(n);
-  }, Te = (n) => {
-    const t = p(a.current), r = p(w.current[n]);
-    let o;
-    return r.left - z < t.left ? o = "prev" : r.right + z > t.right ? o = "next" : o = s < n ? "next" : "prev", o;
-  }, ye = () => {
-    if (a.current && R.current) {
-      const n = p(a.current), t = p(R.current);
-      De(t.left < n.left), Be(t.right > n.right + 4);
-    }
-  };
-  let U;
-  e[22] === Symbol.for("react.memo_cache_sentinel") ? (U = (n) => {
-    const t = n === void 0 ? 0 : n;
-    ge && u.current && !pe() && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && setTimeout(() => {
-      u.current && (u.current.style.transitionDuration = "250ms");
-    }, t);
-  }, e[22] = U) : U = e[22];
-  const we = U, Ce = () => {
-    u.current && (u.current.style.transitionDuration = "0s", oe(ve.current), we());
-  }, oe = (n) => {
-    const t = u.current, r = p(w.current[n]), o = p(R.current), c = r.left - o.left;
-    t && ($.current ? (t.style.width = `${r.width}px`, t.style.transform = `translateX(${c}px)`) : (t.style.transitionDuration = "0s", t.style.transform = `translateX(${c}px)`, t.style.width = `${r.width}px`, we(50)));
-  }, se = (n, t) => {
-    let r;
-    e: switch (n.key) {
-      case "ArrowLeft": {
-        r = (t > 0 ? t : l.length) - 1, b(r);
-        break e;
-      }
-      case "ArrowRight": {
-        r = (t + 1) % l.length, b(r);
-        break e;
-      }
-      case "Home": {
-        r = 0, b(r);
-        break e;
-      }
-      case "End": {
-        r = l.length - 1, b(r);
-        break e;
-      }
-      case "Enter":
-      case " ": {
-        I(t);
-        return;
-      }
-      default:
-        return;
-    }
-    if (r !== void 0) {
-      const o = r > t ? "next" : "prev";
-      setTimeout(() => K(o, r), 0);
-    }
-    n.preventDefault();
-  }, ce = (n, t) => {
-    let r;
-    e: switch (n.key) {
-      case "Tab": {
-        if (n.shiftKey) {
-          r = t - 1 < 0 ? 0 : t - 1, b(r), t !== 0 && n.preventDefault();
-          break e;
-        } else
-          r = t + 1 > l.length - 1 ? t : t + 1, b(r), t !== l.length - 1 && n.preventDefault();
-        break e;
-      }
-      case "Enter": {
-        I(t);
-        return;
-      }
-      default:
-        return;
-    }
-    if (r !== void 0) {
-      const o = r > t ? "next" : "prev";
-      setTimeout(() => K(o, r), 0);
-    }
-  }, K = (n, t, r) => {
-    const o = r === void 0 ? "smooth" : r, c = w.current[t], W = a.current, M = p(c), ue = p(W);
-    let de;
-    if (!(!c || !W)) {
-      if (n === "prev") {
-        if (M.left - z > ue.left)
-          return;
-        de = c.offsetLeft - z;
-      } else {
-        if (M.right + z < ue.right)
-          return;
-        de = c.offsetLeft + c.offsetWidth - ue.width + z;
-      }
-      W.scrollTo({
-        left: de,
-        behavior: pe() ? "instant" : o
-      });
-    }
-  };
-  let d;
-  if (e[23] === Symbol.for("react.memo_cache_sentinel")) {
-    d = (t) => {
-      var o;
-      const r = n(t);
-      (o = a.current) == null || o.scrollTo({
-        left: r,
-        behavior: pe() ? "instant" : "smooth"
-      });
-    };
-    const n = (t) => {
-      if (!R.current || !a.current)
-        return 0;
-      const {
-        scrollLeft: r,
-        offsetWidth: o
-      } = a.current, c = Math.round(o * 0.2);
-      return t === "next" ? r + c : r - c;
-    };
-    e[23] = d;
-  } else
-    d = e[23];
-  const le = X === "center";
-  let Y;
-  e[24] !== le ? (Y = re(f.scroller, {
-    [f.scrollerCentered]: le
-  }), e[24] = le, e[25] = Y) : Y = e[25];
-  const Z = Y, ie = m ? "nav" : "div";
-  let L;
-  e[26] !== T ? (L = re(f.tabsWrapper, T), e[26] = T, e[27] = L) : L = e[27];
-  let S;
-  e[28] !== se || e[29] !== ce || e[30] !== m || e[31] !== Z || e[32] !== s || e[33] !== I || e[34] !== h || e[35] !== l ? (S = m ? /* @__PURE__ */ g(ze, { tabs: l, tabRefs: w, scrollerRef: R, handleNavigationKeydown: ce, scrollerClass: Z, selectedTabIndex: s, setSelectedTab: I }) : /* @__PURE__ */ g("div", { role: "tablist", className: Z, ref: R, children: l.map((n, t) => {
-    const {
-      id: r,
-      label: o,
-      iconName: c,
-      numberIndicatorValue: W
-    } = n;
-    return /* @__PURE__ */ me("button", { id: Ie(h, r), role: "tab", "aria-selected": s === t, "aria-controls": Pe(h, r, t), tabIndex: s === t ? 0 : -1, className: f.tab, ref: (M) => {
-      w.current[t] = M;
-    }, onClick: () => I(t), onKeyDown: (M) => se(M, t), children: [
-      c && /* @__PURE__ */ g(We, { name: c, "aria-hidden": "true" }),
-      o,
-      W && /* @__PURE__ */ g(Me, { label: W })
-    ] }, Ie(h, r));
-  }) }), e[28] = se, e[29] = ce, e[30] = m, e[31] = Z, e[32] = s, e[33] = I, e[34] = h, e[35] = l, e[36] = S) : S = e[36];
-  let ee;
-  e[37] === Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ g("span", { className: f.indicator, ref: u }), e[37] = ee) : ee = e[37];
-  let D;
-  e[38] !== ie || e[39] !== v || e[40] !== S ? (D = /* @__PURE__ */ me(ie, { className: f.scrollWrapper, ref: a, ...v, children: [
-    S,
-    ee
-  ] }), e[38] = ie, e[39] = v, e[40] = S, e[41] = D) : D = e[41];
-  const ae = !Se;
-  let N;
-  e[42] !== ae ? (N = re(f.scrollButton, {
-    [f.scrollButtonHidden]: ae
-  }), e[42] = ae, e[43] = N) : N = e[43];
-  let B;
-  e[44] !== d ? (B = () => d("prev"), e[44] = d, e[45] = B) : B = e[45];
-  let C;
-  e[46] !== N || e[47] !== B ? (C = /* @__PURE__ */ g(Re, { variant: "filled", className: N, hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: B, children: "Left" }), e[46] = N, e[47] = B, e[48] = C) : C = e[48];
-  const fe = !Ne;
-  let k;
-  e[49] !== fe ? (k = re(f.scrollButton, f.scrollButtonRight, {
-    [f.scrollButtonHidden]: fe
-  }), e[49] = fe, e[50] = k) : k = e[50];
-  let x;
-  e[51] !== d ? (x = () => d("next"), e[51] = d, e[52] = x) : x = e[52];
-  let E;
-  e[53] !== k || e[54] !== x ? (E = /* @__PURE__ */ g(Re, { variant: "filled", className: k, hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: x, children: "Right" }), e[53] = k, e[54] = x, e[55] = E) : E = e[55];
-  let te;
-  return e[56] !== y || e[57] !== L || e[58] !== D || e[59] !== C || e[60] !== E ? (te = /* @__PURE__ */ me("div", { className: L, ...y, children: [
-    D,
-    C,
-    E
-  ] }), e[56] = y, e[57] = L, e[58] = D, e[59] = C, e[60] = E, e[61] = te) : te = e[61], te;
-};
-function Ae(i) {
-  return document.fonts.load(i);
-}
-function He(i) {
-  throw new Error(Ee("DSTabs", `The component requires the fonts to be loaded: ${i}`));
-}
-export {
-  Ue as TabList
-};

package/topbar.BPSDyH0N.js

@@ -1,10 +0,0 @@
-"use client";
-import "react/jsx-runtime";
-import "./chunks/index.CgTHIF3K.js";
-import "./chunks/index.CEyLAtio.js";
-import "react";
-import { b as a } from "./chunks/Header.DPafHEKw.js";
-import "./logo.B9taqlZR.js";
-export {
-  a as DSTopBar
-};

package/utils/isAnimationDisabled.d.ts

@@ -1 +0,0 @@
-export declare const isAnimationDisabled: () => boolean;