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

package/input.DXzeHdRE.js

@@ -0,0 +1,211 @@
+"use client";
+import { jsx as C, jsxs as xt } from "react/jsx-runtime";
+import { d as Yt } from "./chunks/index.CgTHIF3K.js";
+import { c as A } from "./chunks/index.CEyLAtio.js";
+import { useState as gt, useRef as Wt, useEffect as Zt } from "react";
+import { u as te } from "./chunks/useBreakpoint.CMOR9ZOB.js";
+import { u as Mt } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { Asterisk as ee } from "./asterisk.DUzshaw5.js";
+import { DSButton as Vt } from "./button.Ywd82k7O.js";
+import { D as ie } from "./chunks/Icon.DhKyUWtM.js";
+import { DSSystemFeedback as ne } from "./systemfeedback.7I6fnqjX.js";
+import { v as se, b as ae, M as le, a as oe, s as de, c as ce, i as Xt } from "./chunks/Input.utils.Um8Pqp4U.js";
+import './assets/input.B5spSeMe.css';const fe = "ds-input_input_yfh6h_1", ue = "ds-input_input--invalid_yfh6h_113", pe = "ds-input_input--small_yfh6h_120", he = "ds-input_input--has-leading-icon_yfh6h_173", re = "ds-input_input--has-action-button_yfh6h_176", _e = "ds-input_input--has-second-action-button_yfh6h_179", me = "ds-input_input--has-affix_yfh6h_191", ye = "ds-input_input--is-ready_yfh6h_205", be = "ds-input_root_yfh6h_212", xe = "ds-input_hint_yfh6h_220", ge = "ds-input_label_yfh6h_220", Ie = "ds-input_wrapper_yfh6h_224", Se = "ds-input_affix_yfh6h_230", ve = "ds-input_affix--small_yfh6h_251", Ne = "ds-input_affix--disabled_yfh6h_264", ke = "ds-input_prefix_yfh6h_272", Be = "ds-input_affix--readonly_yfh6h_275", He = "ds-input_suffix_yfh6h_285", De = "ds-input_leading-icon_yfh6h_292", Le = "ds-input_leading-icon--small_yfh6h_304", Ce = "ds-input_leading-icon--disabled_yfh6h_307", Ae = "ds-input_action-button_yfh6h_316", Re = "ds-input_label--hidden_yfh6h_334", Fe = "ds-input_label--disabled_yfh6h_347", we = "ds-input_feedback_yfh6h_367", e = {
+  input: fe,
+  "input--invalid": "ds-input_input--invalid_yfh6h_113",
+  inputInvalid: ue,
+  "input--small": "ds-input_input--small_yfh6h_120",
+  inputSmall: pe,
+  "input--has-leading-icon": "ds-input_input--has-leading-icon_yfh6h_173",
+  inputHasLeadingIcon: he,
+  "input--has-action-button": "ds-input_input--has-action-button_yfh6h_176",
+  inputHasActionButton: re,
+  "input--has-second-action-button": "ds-input_input--has-second-action-button_yfh6h_179",
+  inputHasSecondActionButton: _e,
+  "input--has-affix": "ds-input_input--has-affix_yfh6h_191",
+  inputHasAffix: me,
+  "input--is-ready": "ds-input_input--is-ready_yfh6h_205",
+  inputIsReady: ye,
+  root: be,
+  hint: xe,
+  label: ge,
+  wrapper: Ie,
+  affix: Se,
+  "affix--small": "ds-input_affix--small_yfh6h_251",
+  affixSmall: ve,
+  "affix--disabled": "ds-input_affix--disabled_yfh6h_264",
+  affixDisabled: Ne,
+  prefix: ke,
+  "affix--readonly": "ds-input_affix--readonly_yfh6h_275",
+  affixReadonly: Be,
+  suffix: He,
+  "leading-icon": "ds-input_leading-icon_yfh6h_292",
+  leadingIcon: De,
+  "leading-icon--small": "ds-input_leading-icon--small_yfh6h_304",
+  leadingIconSmall: Le,
+  "leading-icon--disabled": "ds-input_leading-icon--disabled_yfh6h_307",
+  leadingIconDisabled: Ce,
+  "action-button": "ds-input_action-button_yfh6h_316",
+  actionButton: Ae,
+  "label--hidden": "ds-input_label--hidden_yfh6h_334",
+  labelHidden: Re,
+  "label--disabled": "ds-input_label--disabled_yfh6h_347",
+  labelDisabled: Fe,
+  feedback: we
+}, ze = (It) => {
+  const t = Yt.c(167);
+  let R, x, p, o, _, f, u, s, g, n, h, z, G, U, J, K, Q, Y;
+  t[0] !== It ? ({
+    id: o,
+    label: _,
+    actionButtonProps: R,
+    className: x,
+    disabled: z,
+    hint: p,
+    hideLabel: G,
+    invalid: U,
+    leadingIconName: f,
+    leadingIconSource: u,
+    prefix: s,
+    readonly: J,
+    required: K,
+    size: Q,
+    suffix: n,
+    systemFeedback: h,
+    type: Y,
+    ...g
+  } = It, t[0] = It, t[1] = R, t[2] = x, t[3] = p, t[4] = o, t[5] = _, t[6] = f, t[7] = u, t[8] = s, t[9] = g, t[10] = n, t[11] = h, t[12] = z, t[13] = G, t[14] = U, t[15] = J, t[16] = K, t[17] = Q, t[18] = Y) : (R = t[1], x = t[2], p = t[3], o = t[4], _ = t[5], f = t[6], u = t[7], s = t[8], g = t[9], n = t[10], h = t[11], z = t[12], G = t[13], U = t[14], J = t[15], K = t[16], Q = t[17], Y = t[18]);
+  const i = z === void 0 ? !1 : z, jt = G === void 0 ? !1 : G, c = U === void 0 ? !1 : U, l = J === void 0 ? !1 : J, I = K === void 0 ? !1 : K, a = Q === void 0 ? "medium" : Q, d = Y === void 0 ? "text" : Y;
+  process.env.NODE_ENV !== "production" && (se({
+    id: o,
+    label: _,
+    prefix: s,
+    suffix: n,
+    leadingIconName: f,
+    leadingIconSource: u,
+    actionButtonProps: R
+  }), ae(d));
+  let F;
+  t[19] !== R ? (F = R || {}, t[19] = R, t[20] = F) : F = t[20];
+  let w, r, m, P, E;
+  t[21] !== F ? ({
+    iconName: r,
+    iconSource: m,
+    label: w,
+    onClick: P,
+    ...E
+  } = F, t[21] = F, t[22] = w, t[23] = r, t[24] = m, t[25] = P, t[26] = E) : (w = t[22], r = t[23], m = t[24], P = t[25], E = t[26]);
+  const [Z, qt] = gt(!1), [St, zt] = gt(!1), [y, Gt] = gt(!1);
+  let it;
+  t[27] === Symbol.for("react.memo_cache_sentinel") ? (it = {}, t[27] = it) : it = t[27];
+  const [tt, Ut] = gt(it), vt = Wt(null);
+  let nt;
+  t[28] !== s ? (nt = s == null ? void 0 : s.substring(0, le), t[28] = s, t[29] = nt) : nt = t[29];
+  const Nt = nt, kt = Wt(null);
+  let st;
+  t[30] !== n ? (st = n == null ? void 0 : n.substring(0, oe), t[30] = n, t[31] = st) : st = t[31];
+  const Bt = st, Ht = Wt(null), et = te(jt);
+  let at;
+  t[32] !== a ? (at = () => {
+    const H = a === "medium" ? 16 : 8, D = {};
+    if (kt.current) {
+      const L = kt.current.offsetWidth;
+      D.paddingInlineStart = H + L + "px";
+    }
+    if (Ht.current) {
+      const L = Ht.current.offsetWidth;
+      D.paddingInlineEnd = H + L + "px";
+    }
+    Ut(D), qt(!0);
+  }, t[32] = a, t[33] = at) : at = t[33];
+  let lt;
+  t[34] !== St || t[35] !== s || t[36] !== a || t[37] !== n ? (lt = [s, n, a, St], t[34] = St, t[35] = s, t[36] = a, t[37] = n, t[38] = lt) : lt = t[38], Mt(at, lt);
+  let ot, dt;
+  t[39] === Symbol.for("react.memo_cache_sentinel") ? (ot = () => {
+    (async () => {
+      "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), zt(!0));
+    })();
+  }, dt = [], t[39] = ot, t[40] = dt) : (ot = t[39], dt = t[40]), Mt(ot, dt);
+  let ct, ft;
+  t[41] !== d ? (ct = () => {
+    const H = de(Xt(d), ce(d));
+    Gt(H);
+  }, ft = [d], t[41] = d, t[42] = ct, t[43] = ft) : (ct = t[42], ft = t[43]), Zt(ct, ft);
+  const Dt = a === "small";
+  let b, T, $, O, S, v, W, X, N, k, B;
+  if (t[44] !== x || t[45] !== i || t[46] !== Nt || t[47] !== Bt || t[48] !== et || t[49] !== p || t[50] !== r || t[51] !== m || t[52] !== o || t[53] !== tt || t[54] !== c || t[55] !== Z || t[56] !== y || t[57] !== _ || t[58] !== f || t[59] !== u || t[60] !== s || t[61] !== l || t[62] !== I || t[63] !== g || t[64] !== a || t[65] !== n || t[66] !== h || t[67] !== Dt || t[68] !== d) {
+    const H = A(e.affix, {
+      [e.affixSmall]: Dt,
+      [e.affixDisabled]: i,
+      [e.affixReadonly]: l
+    }), D = `${o}-label`, L = `${o}-feedback`, pt = `${o}-hint`, Jt = p ? ` ${pt}` : "";
+    let ht;
+    t[80] !== x ? (ht = A(e.root, x), t[80] = x, t[81] = ht) : ht = t[81];
+    const Kt = ht, Lt = a === "small", Ct = f || u, At = s || n, Rt = r || m || y;
+    let rt;
+    t[82] !== c || t[83] !== Z || t[84] !== Lt || t[85] !== Ct || t[86] !== At || t[87] !== Rt ? (rt = A(e.input, {
+      [e.inputSmall]: Lt,
+      [e.inputInvalid]: c,
+      [e.inputHasLeadingIcon]: Ct,
+      [e.inputHasAffix]: At,
+      [e.inputHasActionButton]: Rt,
+      [e.inputIsReady]: Z
+    }), t[82] = c, t[83] = Z, t[84] = Lt, t[85] = Ct, t[86] = At, t[87] = Rt, t[88] = rt) : rt = t[88];
+    const Ft = rt;
+    let _t;
+    t[89] !== i || t[90] !== et ? (_t = A(e.label, {
+      [e.labelHidden]: et,
+      [e.labelDisabled]: i
+    }), t[89] = i, t[90] = et, t[91] = _t) : _t = t[91];
+    const wt = _t, Pt = a === "small";
+    let mt;
+    t[92] !== i || t[93] !== Pt ? (mt = A(e.leadingIcon, {
+      [e.leadingIconSmall]: Pt,
+      [e.leadingIconDisabled]: i
+    }), t[92] = i, t[93] = Pt, t[94] = mt) : mt = t[94];
+    const Et = mt, Tt = a === "small";
+    let yt;
+    t[95] !== Tt ? (yt = A(e.actionButton, {
+      [e.actionButtonSmall]: Tt
+    }), t[95] = Tt, t[96] = yt) : yt = t[96], b = yt;
+    let bt;
+    t[97] !== i || t[98] !== l ? (bt = (Qt) => {
+      vt.current && !i && !l && vt.current.showPicker(), Qt.preventDefault();
+    }, t[97] = i, t[98] = l, t[99] = bt) : bt = t[99], T = bt, X = Kt;
+    let q;
+    t[100] !== I ? (q = I && /* @__PURE__ */ C(ee, {}), t[100] = I, t[101] = q) : q = t[101], t[102] !== o || t[103] !== D || t[104] !== _ || t[105] !== wt || t[106] !== q ? (N = /* @__PURE__ */ xt("label", { className: wt, id: D, htmlFor: o, children: [
+      _,
+      q
+    ] }), t[102] = o, t[103] = D, t[104] = _, t[105] = wt, t[106] = q, t[107] = N) : N = t[107], t[108] !== p || t[109] !== pt ? (k = p && /* @__PURE__ */ C("div", { className: e.hint, id: pt, children: p }), t[108] = p, t[109] = pt, t[110] = k) : k = t[110], t[111] !== c || t[112] !== h || t[113] !== L ? (B = c && h && /* @__PURE__ */ C(ne, { className: e.feedback, message: h, type: "invalid", id: L }), t[111] = c, t[112] = h, t[113] = L, t[114] = B) : B = t[114], $ = e.wrapper, O = s && /* @__PURE__ */ C("span", { className: A(H, e.prefix), ref: kt, "aria-disabled": i, children: Nt }), t[115] !== Et || t[116] !== f || t[117] !== u || t[118] !== s ? (S = !s && (f || u) && /* @__PURE__ */ C(ie, { name: f, theme: "light", source: u, className: Et, "aria-hidden": "true" }), t[115] = Et, t[116] = f, t[117] = u, t[118] = s, t[119] = S) : S = t[119];
+    const $t = `${D}${Jt}`, Ot = c && h ? L : void 0;
+    t[120] !== i || t[121] !== o || t[122] !== Ft || t[123] !== tt || t[124] !== c || t[125] !== l || t[126] !== I || t[127] !== g || t[128] !== $t || t[129] !== Ot || t[130] !== d ? (v = /* @__PURE__ */ C("input", { type: d, className: Ft, id: o, ref: vt, ...g, style: tt, "aria-labelledby": $t, "aria-describedby": Ot, "aria-invalid": c, "aria-disabled": l, readOnly: l, required: I, disabled: i }), t[120] = i, t[121] = o, t[122] = Ft, t[123] = tt, t[124] = c, t[125] = l, t[126] = I, t[127] = g, t[128] = $t, t[129] = Ot, t[130] = d, t[131] = v) : v = t[131], W = n && /* @__PURE__ */ C("span", { className: A(H, e.suffix), ref: Ht, "aria-disabled": i, children: Bt }), t[44] = x, t[45] = i, t[46] = Nt, t[47] = Bt, t[48] = et, t[49] = p, t[50] = r, t[51] = m, t[52] = o, t[53] = tt, t[54] = c, t[55] = Z, t[56] = y, t[57] = _, t[58] = f, t[59] = u, t[60] = s, t[61] = l, t[62] = I, t[63] = g, t[64] = a, t[65] = n, t[66] = h, t[67] = Dt, t[68] = d, t[69] = b, t[70] = T, t[71] = $, t[72] = O, t[73] = S, t[74] = v, t[75] = W, t[76] = X, t[77] = N, t[78] = k, t[79] = B;
+  } else
+    b = t[69], T = t[70], $ = t[71], O = t[72], S = t[73], v = t[74], W = t[75], X = t[76], N = t[77], k = t[78], B = t[79];
+  let M;
+  t[132] !== b || t[133] !== w || t[134] !== i || t[135] !== r || t[136] !== m || t[137] !== y || t[138] !== P || t[139] !== l || t[140] !== E || t[141] !== a || t[142] !== n ? (M = !n && !y && (r || m) && /* @__PURE__ */ C(Vt, { ...E, hideLabel: !0, theme: "light", iconName: r, variant: "ghost", className: b, size: a, onClick: P, type: "button", disabled: i || l, children: w }), t[132] = b, t[133] = w, t[134] = i, t[135] = r, t[136] = m, t[137] = y, t[138] = P, t[139] = l, t[140] = E, t[141] = a, t[142] = n, t[143] = M) : M = t[143];
+  let V;
+  t[144] !== b || t[145] !== i || t[146] !== T || t[147] !== y || t[148] !== l || t[149] !== a || t[150] !== n || t[151] !== d ? (V = !n && y && !l && !i && /* @__PURE__ */ xt(Vt, { hideLabel: !0, theme: "light", iconName: Xt(d) ? "calendar" : "clock", variant: "ghost", className: b, size: a, onClick: T, type: "button", children: [
+    "Open ",
+    Xt(d) ? "date" : "time",
+    " picker"
+  ] }), t[144] = b, t[145] = i, t[146] = T, t[147] = y, t[148] = l, t[149] = a, t[150] = n, t[151] = d, t[152] = V) : V = t[152];
+  let j;
+  t[153] !== $ || t[154] !== O || t[155] !== S || t[156] !== v || t[157] !== W || t[158] !== M || t[159] !== V ? (j = /* @__PURE__ */ xt("div", { className: $, children: [
+    O,
+    S,
+    v,
+    W,
+    M,
+    V
+  ] }), t[153] = $, t[154] = O, t[155] = S, t[156] = v, t[157] = W, t[158] = M, t[159] = V, t[160] = j) : j = t[160];
+  let ut;
+  return t[161] !== X || t[162] !== N || t[163] !== k || t[164] !== B || t[165] !== j ? (ut = /* @__PURE__ */ xt("div", { className: X, children: [
+    N,
+    k,
+    B,
+    j
+  ] }), t[161] = X, t[162] = N, t[163] = k, t[164] = B, t[165] = j, t[166] = ut) : ut = t[166], ut;
+};
+export {
+  ze as DSInput
+};

package/inputpassword.DXEvvgZt.js

@@ -0,0 +1,13 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CgTHIF3K.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./chunks/useBreakpoint.CMOR9ZOB.js";
+import "./asterisk.DUzshaw5.js";
+import "./button.Ywd82k7O.js";
+import "./systemfeedback.7I6fnqjX.js";
+import { D as u } from "./chunks/InputPassword.CmvZcn6n.js";
+export {
+  u as DSInputPassword
+};

package/inputsearch.DzwXj82k.js

@@ -0,0 +1,14 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CgTHIF3K.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./chunks/helpers.CcqWV-wZ.js";
+import "./chunks/useBreakpoint.CMOR9ZOB.js";
+import "./asterisk.DUzshaw5.js";
+import "./button.Ywd82k7O.js";
+import "./systemfeedback.7I6fnqjX.js";
+import { D as u } from "./chunks/InputSearch.CwXaGLJp.js";
+export {
+  u as DSInputSearch
+};

package/inputstepper.CYwcFoQ1.js

@@ -0,0 +1,16 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CgTHIF3K.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./chunks/has-window.ut_-aShB.js";
+import "./chunks/useBreakpoint.CMOR9ZOB.js";
+import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import "./asterisk.DUzshaw5.js";
+import "./button.Ywd82k7O.js";
+import "./chunks/Input.utils.Um8Pqp4U.js";
+import "./systemfeedback.7I6fnqjX.js";
+import { D as c } from "./chunks/InputStepper.NCl90c4h.js";
+export {
+  c as DSInputStepper
+};

package/link.CgNqBaNn.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsxs as to, jsx as Y } from "react/jsx-runtime";
+import { d as lo } from "./chunks/index.CgTHIF3K.js";
+import { c as Z } from "./chunks/index.CEyLAtio.js";
+import { u as X } from "./chunks/useBreakpoint.CMOR9ZOB.js";
+import "react";
+import { D as io } from "./chunks/Icon.DhKyUWtM.js";
+import './assets/link.Be5OF_8E.css';const so = "ds-link_root_1i5hz_1", ro = "ds-link_root--highlight_1i5hz_75", no = "ds-link_root--dark-highlight_1i5hz_75", eo = "ds-link_root--filled_1i5hz_151", ho = "ds-link_root--outline_1i5hz_179", ao = "ds-link_root--ghost_1i5hz_206", _o = "ds-link_root--ghost-flush_1i5hz_231", co = "ds-link_root--small_1i5hz_237", ko = "ds-link_root--dark-filled_1i5hz_317", go = "ds-link_root--dark-outline_1i5hz_374", uo = "ds-link_root--dark-ghost_1i5hz_430", fo = "ds-link_root--dark-ghost-flush_1i5hz_484", mo = "ds-link_root--icon-left_1i5hz_546", zo = "ds-link_root--icon-only_1i5hz_562", Do = "ds-link_root--icon-only-small_1i5hz_571", yo = "ds-link_label--hidden_1i5hz_582", t = {
+  root: so,
+  "root--highlight": "ds-link_root--highlight_1i5hz_75",
+  rootHighlight: ro,
+  "root--dark-highlight": "ds-link_root--dark-highlight_1i5hz_75",
+  rootDarkHighlight: no,
+  "root--filled": "ds-link_root--filled_1i5hz_151",
+  rootFilled: eo,
+  "root--outline": "ds-link_root--outline_1i5hz_179",
+  rootOutline: ho,
+  "root--ghost": "ds-link_root--ghost_1i5hz_206",
+  rootGhost: ao,
+  "root--ghost-flush": "ds-link_root--ghost-flush_1i5hz_231",
+  rootGhostFlush: _o,
+  "root--small": "ds-link_root--small_1i5hz_237",
+  rootSmall: co,
+  "root--dark-filled": "ds-link_root--dark-filled_1i5hz_317",
+  rootDarkFilled: ko,
+  "root--dark-outline": "ds-link_root--dark-outline_1i5hz_374",
+  rootDarkOutline: go,
+  "root--dark-ghost": "ds-link_root--dark-ghost_1i5hz_430",
+  rootDarkGhost: uo,
+  "root--dark-ghost-flush": "ds-link_root--dark-ghost-flush_1i5hz_484",
+  rootDarkGhostFlush: fo,
+  "root--icon-left": "ds-link_root--icon-left_1i5hz_546",
+  rootIconLeft: mo,
+  "root--icon-only": "ds-link_root--icon-only_1i5hz_562",
+  rootIconOnly: zo,
+  "root--icon-only-small": "ds-link_root--icon-only-small_1i5hz_571",
+  rootIconOnlySmall: Do,
+  "label--hidden": "ds-link_label--hidden_1i5hz_582",
+  labelHidden: yo
+}, bo = (S) => {
+  const o = lo.c(58);
+  let e, h, d, a, s, r, n, _, c, k, z, D, y, F, G, O, p;
+  o[0] !== S ? ({
+    children: h,
+    aria: e,
+    className: d,
+    download: a,
+    hideLabel: z,
+    href: s,
+    iconName: r,
+    iconPosition: D,
+    iconSource: n,
+    isFlush: y,
+    referrerPolicy: _,
+    rel: c,
+    size: F,
+    target: G,
+    theme: O,
+    variant: p,
+    ...k
+  } = S, o[0] = S, o[1] = e, o[2] = h, o[3] = d, o[4] = a, o[5] = s, o[6] = r, o[7] = n, o[8] = _, o[9] = c, o[10] = k, o[11] = z, o[12] = D, o[13] = y, o[14] = F, o[15] = G, o[16] = O, o[17] = p) : (e = o[1], h = o[2], d = o[3], a = o[4], s = o[5], r = o[6], n = o[7], _ = o[8], c = o[9], k = o[10], z = o[11], D = o[12], y = o[13], F = o[14], G = o[15], O = o[16], p = o[17]);
+  const L = z === void 0 ? !1 : z, oo = D === void 0 ? "left" : D, v = y === void 0 ? !1 : y, N = F === void 0 ? "medium" : F, x = G === void 0 ? "_self" : G, i = O === void 0 ? "light" : O, l = p === void 0 ? "filled" : p, P = l === "filled", j = l === "highlight", C = l === "outline", T = l === "ghost" && v !== !0, w = l === "ghost" && v === !0, B = i === "dark" && l === "filled", E = i === "dark" && l === "highlight", V = i === "dark" && l === "outline", $ = i === "dark" && l === "ghost" && v !== !0, q = i === "dark" && l === "ghost" && v === !0, A = N === "small", J = oo === "left", K = X(L) && N === "medium", M = X(L) && N === "small";
+  let I;
+  o[18] !== d || o[19] !== C || o[20] !== T || o[21] !== w || o[22] !== B || o[23] !== E || o[24] !== V || o[25] !== $ || o[26] !== q || o[27] !== A || o[28] !== J || o[29] !== K || o[30] !== M || o[31] !== P || o[32] !== j ? (I = Z(t.root, d, {
+    [t.rootFilled]: P,
+    [t.rootHighlight]: j,
+    [t.rootOutline]: C,
+    [t.rootGhost]: T,
+    [t.rootGhostFlush]: w,
+    [t.rootDarkFilled]: B,
+    [t.rootDarkHighlight]: E,
+    [t.rootDarkOutline]: V,
+    [t.rootDarkGhost]: $,
+    [t.rootDarkGhostFlush]: q,
+    [t.rootSmall]: A,
+    [t.rootIconLeft]: J,
+    [t.rootIconOnly]: K,
+    [t.rootIconOnlySmall]: M
+  }), o[18] = d, o[19] = C, o[20] = T, o[21] = w, o[22] = B, o[23] = E, o[24] = V, o[25] = $, o[26] = q, o[27] = A, o[28] = J, o[29] = K, o[30] = M, o[31] = P, o[32] = j, o[33] = I) : I = o[33];
+  const Q = I, R = X(L);
+  let b;
+  o[34] !== R ? (b = Z({
+    [t.labelHidden]: R
+  }), o[34] = R, o[35] = b) : b = o[35];
+  const U = b, W = i === "light" && l === "filled" || i === "dark" && l === "outline" || i === "dark" && l === "ghost" ? "dark" : "light", g = s === void 0 ? "span" : "a";
+  let u;
+  o[36] !== g || o[37] !== a || o[38] !== s || o[39] !== _ || o[40] !== c || o[41] !== x ? (u = g === "a" && {
+    href: s,
+    target: x,
+    rel: c,
+    referrerPolicy: _,
+    download: a
+  }, o[36] = g, o[37] = a, o[38] = s, o[39] = _, o[40] = c, o[41] = x, o[42] = u) : u = o[42];
+  let f;
+  o[43] !== h || o[44] !== U ? (f = /* @__PURE__ */ Y("span", { className: U, children: h }), o[43] = h, o[44] = U, o[45] = f) : f = o[45];
+  let m;
+  o[46] !== r || o[47] !== n || o[48] !== W ? (m = (r || n) && /* @__PURE__ */ Y(io, { name: r, theme: W, source: n, "aria-hidden": "true" }), o[46] = r, o[47] = n, o[48] = W, o[49] = m) : m = o[49];
+  let H;
+  return o[50] !== g || o[51] !== e || o[52] !== k || o[53] !== Q || o[54] !== u || o[55] !== f || o[56] !== m ? (H = /* @__PURE__ */ to(g, { className: Q, ...u, ...e, ...k, children: [
+    f,
+    m
+  ] }), o[50] = g, o[51] = e, o[52] = k, o[53] = Q, o[54] = u, o[55] = f, o[56] = m, o[57] = H) : H = o[57], H;
+};
+export {
+  bo as DSLink
+};

package/linkstandalone.Dn-uDj5T.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsxs as C, jsx as w } from "react/jsx-runtime";
+import { d as E } from "./chunks/index.CgTHIF3K.js";
+import { c as T } from "./chunks/index.CEyLAtio.js";
+import { D as $ } from "./chunks/Icon.DhKyUWtM.js";
+import "react";
+import './assets/linkstandalone.LMdnj-G0.css';const q = "ds-link-standalone_root_egysd_1", B = "ds-link-standalone_root--highlight_egysd_68", F = "ds-link-standalone_root--neutral-dark_egysd_82", G = "ds-link-standalone_root--highlight-dark_egysd_131", J = "ds-link-standalone_root--active_egysd_180", K = "ds-link-standalone_root--icon-left_egysd_187", i = {
+  root: q,
+  "root--highlight": "ds-link-standalone_root--highlight_egysd_68",
+  rootHighlight: B,
+  "root--neutral-dark": "ds-link-standalone_root--neutral-dark_egysd_82",
+  rootNeutralDark: F,
+  "root--highlight-dark": "ds-link-standalone_root--highlight-dark_egysd_131",
+  rootHighlightDark: G,
+  "root--active": "ds-link-standalone_root--active_egysd_180",
+  rootActive: J,
+  "root--icon-left": "ds-link-standalone_root--icon-left_egysd_187",
+  rootIconLeft: K
+}, V = (L) => {
+  const t = E.c(44);
+  let r, s, n, a, d, o, e, l, c, g, h, u, v, y, p;
+  t[0] !== L ? ({
+    children: n,
+    aria: s,
+    active: r,
+    className: a,
+    download: d,
+    href: o,
+    iconName: e,
+    iconPosition: u,
+    iconSource: l,
+    referrerPolicy: c,
+    rel: g,
+    target: v,
+    theme: y,
+    variant: p,
+    ...h
+  } = L, t[0] = L, t[1] = r, t[2] = s, t[3] = n, t[4] = a, t[5] = d, t[6] = o, t[7] = e, t[8] = l, t[9] = c, t[10] = g, t[11] = h, t[12] = u, t[13] = v, t[14] = y, t[15] = p) : (r = t[1], s = t[2], n = t[3], a = t[4], d = t[5], o = t[6], e = t[7], l = t[8], c = t[9], g = t[10], h = t[11], u = t[12], v = t[13], y = t[14], p = t[15]);
+  const z = u === void 0 ? "left" : u, x = v === void 0 ? "_self" : v, D = y === void 0 ? "light" : y, I = p === void 0 ? "neutral" : p, S = I === "highlight", A = D === "dark" && I === "neutral", P = D === "dark" && I === "highlight", j = z === "left";
+  let N;
+  t[16] !== r || t[17] !== a || t[18] !== S || t[19] !== A || t[20] !== P || t[21] !== j ? (N = T(i.root, a, {
+    [i.rootHighlight]: S,
+    [i.rootNeutralDark]: A,
+    [i.rootHighlightDark]: P,
+    [i.rootActive]: r,
+    [i.rootIconLeft]: j
+  }), t[16] = r, t[17] = a, t[18] = S, t[19] = A, t[20] = P, t[21] = j, t[22] = N) : N = t[22];
+  const b = N, _ = o === void 0 ? "span" : "a";
+  let k;
+  t[23] !== _ || t[24] !== d || t[25] !== o || t[26] !== c || t[27] !== g || t[28] !== x ? (k = _ === "a" && {
+    href: o,
+    target: x,
+    rel: g,
+    referrerPolicy: c,
+    download: d
+  }, t[23] = _, t[24] = d, t[25] = o, t[26] = c, t[27] = g, t[28] = x, t[29] = k) : k = t[29];
+  let f;
+  t[30] !== n ? (f = /* @__PURE__ */ w("span", { className: i.label, children: n }), t[30] = n, t[31] = f) : f = t[31];
+  let m;
+  t[32] !== e || t[33] !== l || t[34] !== D ? (m = (e || l) && /* @__PURE__ */ w($, { name: e, theme: D, source: l, size: "medium", "aria-hidden": "true" }), t[32] = e, t[33] = l, t[34] = D, t[35] = m) : m = t[35];
+  let H;
+  return t[36] !== _ || t[37] !== s || t[38] !== h || t[39] !== b || t[40] !== k || t[41] !== f || t[42] !== m ? (H = /* @__PURE__ */ C(_, { className: b, ...k, ...s, ...h, children: [
+    f,
+    m
+  ] }), t[36] = _, t[37] = s, t[38] = h, t[39] = b, t[40] = k, t[41] = f, t[42] = m, t[43] = H) : H = t[43], H;
+};
+export {
+  V as DSLinkStandalone
+};

package/logo.BgnYvK7t.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as k, jsxs as D } from "react/jsx-runtime";
+import { d as T } from "./chunks/index.CgTHIF3K.js";
+import { c as B } from "./chunks/index.CEyLAtio.js";
+import './assets/logo.bVXt9m9R.css';const H = "ds-logo_anchor_xhwl6_1", M = "ds-logo_svg_xhwl6_2", N = "ds-logo_svg-background_xhwl6_40", Z = "ds-logo_svg-background--dark_xhwl6_43", S = "ds-logo_svg-text_xhwl6_46", j = "ds-logo_svg-text--dark_xhwl6_49", c = {
+  anchor: H,
+  svg: M,
+  "svg-background": "ds-logo_svg-background_xhwl6_40",
+  svgBackground: N,
+  "svg-background--dark": "ds-logo_svg-background--dark_xhwl6_43",
+  svgBackgroundDark: Z,
+  "svg-text": "ds-logo_svg-text_xhwl6_46",
+  svgText: S,
+  "svg-text--dark": "ds-logo_svg-text--dark_xhwl6_49",
+  svgTextDark: j
+}, $ = (m) => {
+  const s = T.c(26);
+  let o, l, t, e, n, h, d;
+  s[0] !== m ? ({
+    aria: o,
+    className: l,
+    href: t,
+    target: n,
+    theme: h,
+    variant: d,
+    ...e
+  } = m, s[0] = m, s[1] = o, s[2] = l, s[3] = t, s[4] = e, s[5] = n, s[6] = h, s[7] = d) : (o = s[1], l = s[2], t = s[3], e = s[4], n = s[5], h = s[6], d = s[7]);
+  const u = n === void 0 ? "_self" : n, p = (d === void 0 ? "standard" : d) === "background" || (h === void 0 ? "light" : h) === "dark", w = !t && l;
+  let a;
+  s[8] !== w ? (a = B(c.svg, w), s[8] = w, s[9] = a) : a = s[9];
+  let v;
+  s[10] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ k("title", { children: "STIHL" }), s[10] = v) : v = s[10];
+  const f = p ? c.svgBackgroundDark : c.svgBackground;
+  let g;
+  s[11] !== f ? (g = /* @__PURE__ */ k("path", { className: f, d: "M408 0H0v179h408V0Z" }), s[11] = f, s[12] = g) : g = s[12];
+  const b = p ? c.svgTextDark : c.svgText;
+  let r;
+  s[13] !== b ? (r = /* @__PURE__ */ k("path", { className: b, d: "M195.459 56.314h-61.656l-4.936 16.193h20.668l-15.304 50.179h20.106l15.293-50.18h20.893l4.936-16.192ZM62.286 66.62l-5.353 17.558c-2.384 7.814 1.957 13.531 9.637 13.531h25.065a1.626 1.626 0 0 1 1.288.7 1.638 1.638 0 0 1 .207 1.454l-1.349 4.42a3.37 3.37 0 0 1-2.8 2.154H49.624l-4.993 16.249h50.816c5.622 0 10.39-2.605 12.842-10.645l5.094-16.677c2.406-7.894-2.081-13.532-9.086-13.532H79.108c-1.394 0-1.945-1.015-1.563-2.255l1.35-4.42a3.385 3.385 0 0 1 1.185-1.872 3.368 3.368 0 0 1 2.087-.733h36.253l4.937-16.193H75.251c-6.87-.045-11.155 4.364-12.965 10.261ZM320.571 106.493l15.304-50.18h-20.218l-20.23 66.373h63.017l4.936-16.193h-42.809ZM282.653 56.314l-7.771 25.484H250.83l7.77-25.484h-19.319l-20.23 66.372h19.308l7.736-25.372h24.053l-7.725 25.372h19.836l20.23-66.372h-19.836ZM205.917 56.314l-20.229 66.372h20.218l20.23-66.372h-20.219Z" }), s[13] = b, s[14] = r) : r = s[14];
+  let _;
+  s[15] !== r || s[16] !== a || s[17] !== g ? (_ = /* @__PURE__ */ D("svg", { xmlns: "http://www.w3.org/2000/svg", className: a, viewBox: "0 0 408 179", width: "100%", height: "100%", children: [
+    v,
+    g,
+    r
+  ] }), s[15] = r, s[16] = a, s[17] = g, s[18] = _) : _ = s[18];
+  const i = _;
+  let x;
+  return s[19] !== o || s[20] !== l || s[21] !== t || s[22] !== e || s[23] !== i || s[24] !== u ? (x = t ? /* @__PURE__ */ k("a", { className: B(c.anchor, l), href: t, target: u, ...o, ...e, children: i }) : i, s[19] = o, s[20] = l, s[21] = t, s[22] = e, s[23] = i, s[24] = u, s[25] = x) : x = s[25], x;
+};
+export {
+  $ as DSLogo
+};

package/navigationtablist.XNy54fXK.js

@@ -0,0 +1,9 @@
+"use client";
+import "react/jsx-runtime";
+import "react";
+import "./chunks/Icon.DhKyUWtM.js";
+import "./numberindicator.Do92cr0z.js";
+import { N as a } from "./chunks/NavigationTabList.BOrhiSiM.js";
+export {
+  a as NavigationTabList
+};

package/navigationtablist.d.ts

@@ -0,0 +1,2 @@
+export * from './components/Tabs/TabList/NavigationTabList/NavigationTabList'
+export {}

package/navigationtabs.DheMj9hs.js

@@ -0,0 +1,9 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CgTHIF3K.js";
+import "react";
+import "./tablist.TWjlHs5Y.js";
+import { D as a } from "./chunks/NavigationTabs.DW_6fZxc.js";
+export {
+  a as DSNavigationTabs
+};

package/navigationtabs.d.ts

@@ -0,0 +1,2 @@
+export * from './components/NavigationTabs/NavigationTabs'
+export {}

package/notification.BnyOWmCm.js

@@ -0,0 +1,10 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CgTHIF3K.js";
+import "./chunks/index.CEyLAtio.js";
+import "./button.Ywd82k7O.js";
+import "./chunks/Icon.DhKyUWtM.js";
+import { D as a } from "./chunks/Notification.Bp28ubaX.js";
+export {
+  a as DSNotification
+};

package/numberindicator.Do92cr0z.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as u } from "react/jsx-runtime";
+import { d as f } from "./chunks/index.CgTHIF3K.js";
+import { c as b } from "./chunks/index.CEyLAtio.js";
+import './assets/numberindicator.BJnvB-K3.css';const p = "ds-number-indicator_root_t83wm_1", C = "ds-number-indicator_root--has-content_t83wm_25", H = "ds-number-indicator_root--highlight_t83wm_30", g = {
+  root: p,
+  "root--has-content": "ds-number-indicator_root--has-content_t83wm_25",
+  rootHasContent: C,
+  "root--highlight": "ds-number-indicator_root--highlight_t83wm_30",
+  rootHighlight: H
+}, x = (c) => {
+  const t = f.c(16);
+  let s, o, r, e;
+  t[0] !== c ? ({
+    label: o,
+    className: s,
+    variant: e,
+    ...r
+  } = c, t[0] = c, t[1] = s, t[2] = o, t[3] = r, t[4] = e) : (s = t[1], o = t[2], r = t[3], e = t[4]);
+  const _ = e === void 0 ? "default" : e, n = typeof o == "string" && o.trim().length > 0;
+  let i;
+  t[5] !== n || t[6] !== o ? (i = n ? o.trim().substring(0, 4) : null, t[5] = n, t[6] = o, t[7] = i) : i = t[7];
+  const h = i, m = _ === "highlight" || !n;
+  let l;
+  t[8] !== s || t[9] !== n || t[10] !== m ? (l = b(g.root, s, {
+    [g.rootHasContent]: n,
+    [g.rootHighlight]: m
+  }), t[8] = s, t[9] = n, t[10] = m, t[11] = l) : l = t[11];
+  const d = l;
+  let a;
+  return t[12] !== r || t[13] !== d || t[14] !== h ? (a = /* @__PURE__ */ u("span", { className: d, ...r, children: h }), t[12] = r, t[13] = d, t[14] = h, t[15] = a) : a = t[15], a;
+};
+export {
+  x as NumberIndicator
+};

package/optioncheckbox.DcckSTrV.js

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