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

package/chunks/ActionButton.DFI8P9-f.js

@@ -1,159 +0,0 @@
-"use client";
-import { jsxs as lt, jsx as d, Fragment as bt } from "react/jsx-runtime";
-import { d as vt } from "./index.CgTHIF3K.js";
-import { c as N } from "./index.CEyLAtio.js";
-import { forwardRef as ut } from "react";
-import { D as _t } from "./Icon.CAXZUNWo.js";
-import { NumberIndicator as mt } from "../numberindicator.Ddf3ESi7.js";
-import { g as R } from "./helpers.CcqWV-wZ.js";
-import '../assets/ActionButton.DZVAnm-p.css';const ft = "ds-action-button_root_1amkn_1", It = "ds-action-button_root--indent-level-1_1amkn_72", kt = "ds-action-button_root--active_1amkn_75", Nt = "ds-action-button_root--active--with-marker_1amkn_78", Wt = "ds-action-button_root--icon--top_1amkn_81", Tt = "ds-action-button_root--stretched_1amkn_172", wt = "ds-action-button_active-marker_1amkn_177", At = "ds-action-button_active-marker--with-indent_1amkn_189", gt = "ds-action-button_icon-wrapper_1amkn_193", Ct = "ds-action-button_icon-wrapper--with-number-indicator_1amkn_196", Pt = "ds-action-button_icon-wrapper--with-number-indicator--with-value_1amkn_204", Dt = "ds-action-button_label_1amkn_208", Ot = "ds-action-button_label--bold_1amkn_219", St = "ds-action-button_label--active_1amkn_230", Bt = "ds-action-button_label--icon-top_1amkn_241", Lt = "ds-action-button_number-indicator_1amkn_264", Mt = "ds-action-button_label-wrapper_1amkn_268", Et = "ds-action-button_label-wrapper--icon-top_1amkn_273", Ut = "ds-action-button_chevron_1amkn_277", Vt = "ds-action-button_chevron--icon-position-top_1amkn_292", Rt = "ds-action-button_chevron--up_1amkn_298", xt = "ds-action-button_chevron--right_1amkn_309", yt = "ds-action-button_chevron--left_1amkn_320", o = {
-  root: ft,
-  rootIndentLevel1: It,
-  rootActive: kt,
-  rootActiveWithMarker: Nt,
-  rootIconTop: Wt,
-  rootStretched: Tt,
-  activeMarker: wt,
-  activeMarkerWithIndent: At,
-  iconWrapper: gt,
-  iconWrapperWithNumberIndicator: Ct,
-  iconWrapperWithNumberIndicatorWithValue: Pt,
-  label: Dt,
-  labelBold: Ot,
-  labelActive: St,
-  labelIconTop: Bt,
-  numberIndicator: Lt,
-  labelWrapper: Mt,
-  labelWrapperIconTop: Et,
-  chevron: Ut,
-  chevronIconPositionTop: Vt,
-  chevronUp: Rt,
-  chevronRight: xt,
-  chevronLeft: yt
-}, Qt = ["left", "top"], Xt = [0, 1], Yt = ["normal", "bold"], Zt = ["up", "down", "right", "left"], jt = ({
-  iconName: W,
-  iconSource: T,
-  iconPosition: t,
-  indentLevel: s,
-  stretched: i,
-  weight: l
-}) => {
-  if (t === "top") {
-    if (!W && !T)
-      throw new Error(R("DSActionButton", 'A "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
-    l === "bold" && console.warn(R("DSActionButton", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), s === 1 && console.warn(R("DSActionButton", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), i && console.warn(R("DSActionButton", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
-  }
-}, Ht = ut((W, T) => {
-  const t = vt.c(78);
-  let s, i, l, h, r, a, n, p, _, w, A, g, C, P, D;
-  t[0] !== W ? ({
-    children: l,
-    aria: s,
-    chevronDirection: i,
-    className: h,
-    disabled: w,
-    iconName: r,
-    iconPosition: A,
-    iconSource: a,
-    indentLevel: g,
-    isActive: C,
-    numberIndicatorValue: n,
-    stretched: P,
-    weight: D,
-    onClick: p,
-    ..._
-  } = W, t[0] = W, t[1] = s, t[2] = i, t[3] = l, t[4] = h, t[5] = r, t[6] = a, t[7] = n, t[8] = p, t[9] = _, t[10] = w, t[11] = A, t[12] = g, t[13] = C, t[14] = P, t[15] = D) : (s = t[1], i = t[2], l = t[3], h = t[4], r = t[5], a = t[6], n = t[7], p = t[8], _ = t[9], w = t[10], A = t[11], g = t[12], C = t[13], P = t[14], D = t[15]);
-  const c = w === void 0 ? !1 : w, e = A === void 0 ? "left" : A, x = g === void 0 ? 0 : g, m = C === void 0 ? !1 : C, pt = P === void 0 ? !1 : P, dt = D === void 0 ? "normal" : D;
-  process.env.NODE_ENV !== "production" && jt({
-    iconName: r,
-    iconSource: a,
-    iconPosition: e,
-    indentLevel: x,
-    stretched: pt,
-    weight: dt
-  });
-  const y = e === "top", j = x === 1, H = m && !c, F = m && !c && e === "left", G = pt === !0 && e === "left";
-  let O;
-  t[16] !== h || t[17] !== F || t[18] !== G || t[19] !== y || t[20] !== j || t[21] !== H ? (O = N(o.root, h, {
-    [o.rootIconTop]: y,
-    [o.rootIndentLevel1]: j,
-    [o.rootActive]: H,
-    [o.rootActiveWithMarker]: F,
-    [o.rootStretched]: G
-  }), t[16] = h, t[17] = F, t[18] = G, t[19] = y, t[20] = j, t[21] = H, t[22] = O) : O = t[22];
-  const $ = O, q = x === 1;
-  let S;
-  t[23] !== q ? (S = N(o.activeMarker, {
-    [o.activeMarkerWithIndent]: q
-  }), t[23] = q, t[24] = S) : S = t[24];
-  const z = S, J = m && !c, K = dt === "bold", Q = e === "top";
-  let B;
-  t[25] !== J || t[26] !== K || t[27] !== Q ? (B = N(o.label, {
-    [o.labelActive]: J,
-    [o.labelBold]: K,
-    [o.labelIconTop]: Q
-  }), t[25] = J, t[26] = K, t[27] = Q, t[28] = B) : B = t[28];
-  const X = B, Y = e === "top";
-  let L;
-  t[29] !== Y ? (L = N(o.labelWrapper, {
-    [o.labelWrapperIconTop]: Y
-  }), t[29] = Y, t[30] = L) : L = t[30];
-  const Z = L, tt = e === "top", ot = i === "up", et = i === "right", nt = i === "left";
-  let M;
-  t[31] !== tt || t[32] !== ot || t[33] !== et || t[34] !== nt ? (M = N(o.chevron, {
-    [o.chevronIconPositionTop]: tt,
-    [o.chevronUp]: ot,
-    [o.chevronRight]: et,
-    [o.chevronLeft]: nt
-  }), t[31] = tt, t[32] = ot, t[33] = et, t[34] = nt, t[35] = M) : M = t[35];
-  const ct = M, it = (r || a) && (n || n === ""), rt = (r || a) && n;
-  let E;
-  t[36] !== it || t[37] !== rt ? (E = N(o.iconWrapper, {
-    [o.iconWrapperWithNumberIndicator]: it,
-    [o.iconWrapperWithNumberIndicatorWithValue]: rt
-  }), t[36] = it, t[37] = rt, t[38] = E) : E = t[38];
-  const at = E;
-  let U;
-  t[39] !== c || t[40] !== p ? (U = (ht) => {
-    if (c) {
-      ht.preventDefault();
-      return;
-    }
-    p && p(ht);
-  }, t[39] = c, t[40] = p, t[41] = U) : U = t[41];
-  const st = U;
-  let b;
-  t[42] !== z || t[43] !== e || t[44] !== m ? (b = m && e === "left" && /* @__PURE__ */ d("div", { className: z }), t[42] = z, t[43] = e, t[44] = m, t[45] = b) : b = t[45];
-  let v;
-  t[46] !== c || t[47] !== r || t[48] !== e || t[49] !== a || t[50] !== at || t[51] !== n ? (v = (r || a) && /* @__PURE__ */ d(bt, { children: /* @__PURE__ */ lt("span", { className: at, children: [
-    /* @__PURE__ */ d(_t, { name: r, theme: "light", source: a, "aria-hidden": "true" }),
-    !c && (e === "left" && n === "" || e === "top" && (n || n === "")) && /* @__PURE__ */ d(mt, { variant: "highlight", label: n })
-  ] }) }), t[46] = c, t[47] = r, t[48] = e, t[49] = a, t[50] = at, t[51] = n, t[52] = v) : v = t[52];
-  let u;
-  t[53] !== l || t[54] !== X ? (u = /* @__PURE__ */ d("span", { className: X, children: l }), t[53] = l, t[54] = X, t[55] = u) : u = t[55];
-  let f;
-  t[56] !== ct || t[57] !== i ? (f = i && /* @__PURE__ */ d(_t, { name: "chevron-down", theme: "light", "aria-hidden": "true", className: ct }), t[56] = ct, t[57] = i, t[58] = f) : f = t[58];
-  let I;
-  t[59] !== Z || t[60] !== u || t[61] !== f ? (I = /* @__PURE__ */ lt("div", { className: Z, children: [
-    u,
-    f
-  ] }), t[59] = Z, t[60] = u, t[61] = f, t[62] = I) : I = t[62];
-  let k;
-  t[63] !== c || t[64] !== e || t[65] !== n ? (k = e === "left" && !c && n && /* @__PURE__ */ d(mt, { variant: "default", label: n, className: o.numberIndicator }), t[63] = c, t[64] = e, t[65] = n, t[66] = k) : k = t[66];
-  let V;
-  return t[67] !== s || t[68] !== c || t[69] !== st || t[70] !== T || t[71] !== _ || t[72] !== $ || t[73] !== b || t[74] !== v || t[75] !== I || t[76] !== k ? (V = /* @__PURE__ */ lt("button", { className: $, type: "button", onClick: st, ...s, ..._, "aria-disabled": c, ref: T, children: [
-    b,
-    v,
-    I,
-    k
-  ] }), t[67] = s, t[68] = c, t[69] = st, t[70] = T, t[71] = _, t[72] = $, t[73] = b, t[74] = v, t[75] = I, t[76] = k, t[77] = V) : V = t[77], V;
-});
-Ht.displayName = "DSActionButton";
-export {
-  Qt as A,
-  Ht as D,
-  Xt as a,
-  Yt as b,
-  Zt as c,
-  jt as v
-};

package/chunks/ActionLink.CLQ1yQZF.js

@@ -1,132 +0,0 @@
-"use client";
-import { jsxs as et, jsx as N, Fragment as it } from "react/jsx-runtime";
-import { d as nt } from "./index.CgTHIF3K.js";
-import { c as E } from "./index.CEyLAtio.js";
-import { D as rt } from "./Icon.CAXZUNWo.js";
-import { forwardRef as ct } from "react";
-import { NumberIndicator as ot } from "../numberindicator.Ddf3ESi7.js";
-import { g as O } from "./helpers.CcqWV-wZ.js";
-import '../assets/ActionLink.DuklSL3c.css';const at = "ds-action-link_root_q6kjv_1", lt = "ds-action-link_root--indent-level-1_q6kjv_72", st = "ds-action-link_root--active_q6kjv_75", dt = "ds-action-link_root--active--with-marker_q6kjv_78", pt = "ds-action-link_root--icon--top_q6kjv_81", vt = "ds-action-link_root--stretched_q6kjv_172", ht = "ds-action-link_active-marker_q6kjv_177", _t = "ds-action-link_active-marker--with-indent_q6kjv_189", kt = "ds-action-link_icon-wrapper_q6kjv_193", mt = "ds-action-link_icon-wrapper--with-number-indicator_q6kjv_196", ft = "ds-action-link_icon-wrapper--with-number-indicator--with-value_q6kjv_204", bt = "ds-action-link_label_q6kjv_208", It = "ds-action-link_label--bold_q6kjv_219", ut = "ds-action-link_label--active_q6kjv_230", Nt = "ds-action-link_label--icon-top_q6kjv_241", At = "ds-action-link_number-indicator_q6kjv_264", i = {
-  root: at,
-  rootIndentLevel1: lt,
-  rootActive: st,
-  rootActiveWithMarker: dt,
-  rootIconTop: pt,
-  rootStretched: vt,
-  activeMarker: ht,
-  activeMarkerWithIndent: _t,
-  iconWrapper: kt,
-  iconWrapperWithNumberIndicator: mt,
-  iconWrapperWithNumberIndicatorWithValue: ft,
-  label: bt,
-  labelBold: It,
-  labelActive: ut,
-  labelIconTop: Nt,
-  numberIndicator: At
-}, Dt = ["left", "top"], Mt = [0, 1], Ct = ["normal", "bold"], Wt = ({
-  iconName: A,
-  iconSource: W,
-  iconPosition: t,
-  indentLevel: c,
-  stretched: a,
-  weight: l
-}) => {
-  if (t === "top") {
-    if (!A && !W)
-      throw new Error(O("DSActionLink", 'A "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
-    l === "bold" && console.warn(O("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), c === 1 && console.warn(O("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), a && console.warn(O("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
-  }
-}, wt = ct((A, W) => {
-  const t = nt.c(68);
-  let c, a, l, p, d, n, r, e, v, h, _, w, L, j, q, S, g;
-  t[0] !== A ? ({
-    children: a,
-    aria: c,
-    className: l,
-    download: p,
-    href: d,
-    iconName: n,
-    iconPosition: w,
-    iconSource: r,
-    indentLevel: L,
-    isActive: j,
-    numberIndicatorValue: e,
-    referrerPolicy: v,
-    rel: h,
-    stretched: q,
-    target: S,
-    weight: g,
-    ..._
-  } = A, t[0] = A, t[1] = c, t[2] = a, t[3] = l, t[4] = p, t[5] = d, t[6] = n, t[7] = r, t[8] = e, t[9] = v, t[10] = h, t[11] = _, t[12] = w, t[13] = L, t[14] = j, t[15] = q, t[16] = S, t[17] = g) : (c = t[1], a = t[2], l = t[3], p = t[4], d = t[5], n = t[6], r = t[7], e = t[8], v = t[9], h = t[10], _ = t[11], w = t[12], L = t[13], j = t[14], q = t[15], S = t[16], g = t[17]);
-  const o = w === void 0 ? "left" : w, V = L === void 0 ? 0 : L, s = j === void 0 ? !1 : j, Z = q === void 0 ? !1 : q, x = S === void 0 ? "_self" : S, tt = g === void 0 ? "normal" : g;
-  process.env.NODE_ENV !== "production" && Wt({
-    iconName: n,
-    iconSource: r,
-    iconPosition: o,
-    indentLevel: V,
-    stretched: Z,
-    weight: tt
-  });
-  const y = o === "top", B = V === 1, K = s && o === "left", F = Z === !0 && o === "left";
-  let P;
-  t[18] !== l || t[19] !== s || t[20] !== F || t[21] !== y || t[22] !== B || t[23] !== K ? (P = E(i.root, l, {
-    [i.rootIconTop]: y,
-    [i.rootIndentLevel1]: B,
-    [i.rootActive]: s,
-    [i.rootActiveWithMarker]: K,
-    [i.rootStretched]: F
-  }), t[18] = l, t[19] = s, t[20] = F, t[21] = y, t[22] = B, t[23] = K, t[24] = P) : P = t[24];
-  const G = P, H = V === 1;
-  let T;
-  t[25] !== H ? (T = E(i.activeMarker, {
-    [i.activeMarkerWithIndent]: H
-  }), t[25] = H, t[26] = T) : T = t[26];
-  const R = T, $ = s && o === "left", z = tt === "bold", J = o === "top";
-  let D;
-  t[27] !== $ || t[28] !== z || t[29] !== J ? (D = E(i.label, {
-    [i.labelActive]: $,
-    [i.labelBold]: z,
-    [i.labelIconTop]: J
-  }), t[27] = $, t[28] = z, t[29] = J, t[30] = D) : D = t[30];
-  const Q = D, U = (n || r) && (e || e === ""), X = (n || r) && e;
-  let M;
-  t[31] !== U || t[32] !== X ? (M = E(i.iconWrapper, {
-    [i.iconWrapperWithNumberIndicator]: U,
-    [i.iconWrapperWithNumberIndicatorWithValue]: X
-  }), t[31] = U, t[32] = X, t[33] = M) : M = t[33];
-  const Y = M, k = d === void 0 ? "span" : "a";
-  let m;
-  t[34] !== k || t[35] !== p || t[36] !== d || t[37] !== v || t[38] !== h || t[39] !== x ? (m = k === "a" && {
-    href: d,
-    target: x,
-    rel: h,
-    referrerPolicy: v,
-    download: p
-  }, t[34] = k, t[35] = p, t[36] = d, t[37] = v, t[38] = h, t[39] = x, t[40] = m) : m = t[40];
-  let f;
-  t[41] !== R || t[42] !== o || t[43] !== s ? (f = s && o === "left" && /* @__PURE__ */ N("div", { className: R }), t[41] = R, t[42] = o, t[43] = s, t[44] = f) : f = t[44];
-  let b;
-  t[45] !== n || t[46] !== o || t[47] !== r || t[48] !== Y || t[49] !== e ? (b = (n || r) && /* @__PURE__ */ N(it, { children: /* @__PURE__ */ et("span", { className: Y, children: [
-    /* @__PURE__ */ N(rt, { name: n, theme: "light", source: r, "aria-hidden": "true" }),
-    (o === "left" && e === "" || o === "top" && (e || e === "")) && /* @__PURE__ */ N(ot, { variant: "highlight", label: e })
-  ] }) }), t[45] = n, t[46] = o, t[47] = r, t[48] = Y, t[49] = e, t[50] = b) : b = t[50];
-  let I;
-  t[51] !== a || t[52] !== Q ? (I = /* @__PURE__ */ N("span", { className: Q, children: a }), t[51] = a, t[52] = Q, t[53] = I) : I = t[53];
-  let u;
-  t[54] !== o || t[55] !== e ? (u = o === "left" && e && /* @__PURE__ */ N(ot, { variant: "default", label: e, className: i.numberIndicator }), t[54] = o, t[55] = e, t[56] = u) : u = t[56];
-  let C;
-  return t[57] !== k || t[58] !== c || t[59] !== W || t[60] !== _ || t[61] !== G || t[62] !== m || t[63] !== f || t[64] !== b || t[65] !== I || t[66] !== u ? (C = /* @__PURE__ */ et(k, { className: G, ...m, ...c, ..._, ref: W, children: [
-    f,
-    b,
-    I,
-    u
-  ] }), t[57] = k, t[58] = c, t[59] = W, t[60] = _, t[61] = G, t[62] = m, t[63] = f, t[64] = b, t[65] = I, t[66] = u, t[67] = C) : C = t[67], C;
-});
-wt.displayName = "DSActionLink";
-export {
-  Dt as A,
-  wt as D,
-  Mt as a,
-  Ct as b,
-  Wt as v
-};

package/chunks/Header.DPafHEKw.js

@@ -1,384 +0,0 @@
-"use client";
-import { jsx as _, jsxs as me, Fragment as ve } from "react/jsx-runtime";
-import { d as P } from "./index.CgTHIF3K.js";
-import { c as w } from "./index.CEyLAtio.js";
-import Ae, { useState as T, useEffect as ae, useContext as re, createContext as De, useRef as te } from "react";
-import { g as Y, p as ce } from "./helpers.CcqWV-wZ.js";
-import { u as He } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import { DSLogo as Pe } from "../logo.B9taqlZR.js";
-import '../assets/Header.DO34x-dO.css';const Ee = (d) => {
-  const e = P.c(3), t = 0, [r, n] = T("down");
-  let a, i;
-  return e[0] !== t ? (a = () => {
-    let l;
-    l = window.scrollY;
-    const c = () => {
-      const o = window.scrollY, m = o > l ? "down" : "up";
-      Math.abs(o - l) > t && (n(m), l = o);
-    };
-    return window.addEventListener("scroll", c, {
-      passive: !0
-    }), () => window.removeEventListener("scroll", c);
-  }, i = [t], e[0] = t, e[1] = a, e[2] = i) : (a = e[1], i = e[2]), ae(a, i), r;
-}, ft = ["full", "main"], x = (d, e, t) => {
-  let r = !1;
-  const n = {
-    fn: e,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- any is needed here to allow any React component type to be checked
-    displayName: e.displayName || e.name
-  };
-  return Ae.Children.forEach(d, (a) => {
-    if (r || !Ae.isValidElement(a)) return;
-    if (a.type === n.fn) {
-      r = !0;
-      return;
-    }
-    const i = a.type, l = (
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- any is needed here to allow any React component type to be checked
-      i.displayName || i.name
-    );
-    if (typeof l == "string" && l === n.displayName) {
-      r = !0;
-      return;
-    }
-    const c = a.props;
-    if (t && c.children && x(c.children, n.fn, t)) {
-      r = !0;
-      return;
-    }
-  }), r;
-}, xe = ({
-  hasBrandArea: d,
-  hasPrimaryArea: e,
-  hasSecondaryArea: t
-}) => {
-  if (d)
-    throw new Error(Y("DSHeader", "A <DSTopBar.BrandArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
-  if (e)
-    throw new Error(Y("DSHeader", "A <DSTopBar.PrimaryArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
-  if (t)
-    throw new Error(Y("DSHeader", "A <DSTopBar.SecondaryArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
-}, Te = "ds-top-bar_root_ryiho_1", Ce = "ds-top-bar_root--sticky_ryiho_47", Fe = "ds-top-bar_root--fixed_ryiho_51", Oe = "ds-top-bar_content_ryiho_59", Ve = "ds-top-bar_content--variant-full_ryiho_78", Re = "ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82", ke = "ds-top-bar_primary_ryiho_87", Me = "ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102", $e = "ds-top-bar_brand_ryiho_107", We = "ds-top-bar_content--has-primary-area_ryiho_82", Le = "ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146", Ie = "ds-top-bar_brand-add-on_ryiho_210", Ye = "ds-top-bar_brand-add-on--double_ryiho_231", ze = "ds-top-bar_sub-title_ryiho_245", qe = "ds-top-bar_secondary_ryiho_271", Ue = "ds-top-bar_logo_ryiho_280", je = "ds-top-bar_logo--reduced_ryiho_290", u = {
-  root: Te,
-  rootSticky: Ce,
-  rootFixed: Fe,
-  content: Oe,
-  contentVariantFull: Ve,
-  contentHasPrimaryAreaAndSecondaryArea: Re,
-  primary: ke,
-  contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea: Me,
-  brand: $e,
-  contentHasPrimaryArea: We,
-  contentHasPrimaryAreaWithBrandAddOn: Le,
-  brandAddOn: Ie,
-  brandAddOnDouble: Ye,
-  subTitle: ze,
-  secondary: qe,
-  logo: Ue,
-  logoReduced: je
-}, Ge = ({
-  hasBrandArea: d,
-  hasPrimaryArea: e,
-  hasSecondaryArea: t
-}) => {
-  if (!d)
-    throw new Error(Y("DSTopBar", "A <DSTopBar.BrandArea> component is required. Please include it as a child of DSTopBar."));
-  if (!e && t)
-    throw new Error(Y("DSTopBar", "A <DSTopBar.PrimaryArea> is required when using <DSTopBar.SecondaryArea>. Please include <DSTopBar.PrimaryArea> as a child of DSTopBar, or move the content from <DSTopBar.SecondaryArea> into <DSTopBar.PrimaryArea>."));
-}, ue = (d) => d == null || typeof d == "object" && !Array.isArray(d) && d !== null && Object.keys(d).length === 0, pt = ["double", "single"], $ = (d) => {
-  const e = P.c(28);
-  let t, r, n, a;
-  e[0] !== d ? ({
-    children: t,
-    className: r,
-    rootClassName: a,
-    ...n
-  } = d, e[0] = d, e[1] = t, e[2] = r, e[3] = n, e[4] = a) : (t = e[1], r = e[2], n = e[3], a = e[4]);
-  const {
-    variant: i,
-    isHeaderSticky: l,
-    isMobile: c,
-    topBarAreaRef: o,
-    isStickyMainNavigationVisible: m,
-    hasBrandAddOn: h
-  } = re(z);
-  let p, y;
-  if (e[5] !== t || e[6] !== r || e[7] !== h || e[8] !== l || e[9] !== c || e[10] !== m || e[11] !== a || e[12] !== i) {
-    const E = x(t, he), A = x(t, fe), s = x(t, pe);
-    process.env.NODE_ENV !== "production" && Ge({
-      hasBrandArea: E,
-      hasPrimaryArea: A,
-      hasSecondaryArea: s
-    });
-    let b;
-    e[15] !== l || e[16] !== c || e[17] !== m || e[18] !== a ? (b = w(u.root, a, l ? {
-      [u.rootSticky]: !c && m,
-      [u.rootFixed]: !c && !m
-    } : {}), e[15] = l, e[16] = c, e[17] = m, e[18] = a, e[19] = b) : b = e[19], p = b, y = w(u.content, r, {
-      [u.contentHasPrimaryArea]: A && !h && !s,
-      [u.contentHasPrimaryAreaWithBrandAddOn]: A && h && !s,
-      [u.contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea]: h && A && s,
-      [u.contentHasPrimaryAreaAndSecondaryArea]: A && s && !h,
-      [u.contentVariantFull]: i === "full"
-    }), e[5] = t, e[6] = r, e[7] = h, e[8] = l, e[9] = c, e[10] = m, e[11] = a, e[12] = i, e[13] = p, e[14] = y;
-  } else
-    p = e[13], y = e[14];
-  const g = y;
-  let f;
-  e[20] !== t || e[21] !== g || e[22] !== n ? (f = /* @__PURE__ */ _("section", { className: g, ...n, children: t }), e[20] = t, e[21] = g, e[22] = n, e[23] = f) : f = e[23];
-  let v;
-  return e[24] !== p || e[25] !== f || e[26] !== o ? (v = /* @__PURE__ */ _("div", { className: p, ref: o, children: f }), e[24] = p, e[25] = f, e[26] = o, e[27] = v) : v = e[27], v;
-}, he = (d) => {
-  const e = P.c(26), {
-    children: t,
-    className: r
-  } = d, {
-    logoProps: n,
-    brandAddOnProps: a,
-    setHasBrandAddOn: i
-  } = re(z);
-  let l;
-  e[0] !== n ? (l = n || {}, e[0] = n, e[1] = l) : l = e[1];
-  const {
-    aria: c,
-    logo: o,
-    href: m,
-    target: h
-  } = l, p = o === void 0 ? "main" : o, y = m === void 0 ? "/" : m, g = h === void 0 ? "_self" : h;
-  let f;
-  e[2] !== a || e[3] !== t || e[4] !== i ? (f = () => {
-    t || !ue(a) ? i == null || i(!0) : i == null || i(!1);
-  }, e[2] = a, e[3] = t, e[4] = i, e[5] = f) : f = e[5];
-  let v;
-  e[6] !== a || e[7] !== t ? (v = [t, a], e[6] = a, e[7] = t, e[8] = v) : v = e[8], ae(f, v);
-  let E;
-  e[9] !== p ? (E = w(u.logo, {
-    [u.logoReduced]: p.includes("reduced")
-  }), e[9] = p, e[10] = E) : E = e[10];
-  const A = E;
-  let s;
-  e[11] !== r ? (s = w(u.brand, r), e[11] = r, e[12] = s) : s = e[12];
-  let b;
-  e[13] !== c || e[14] !== y || e[15] !== p || e[16] !== A || e[17] !== g ? (b = /* @__PURE__ */ _(Pe, { className: A, aria: c, logo: p, href: y, target: g }), e[13] = c, e[14] = y, e[15] = p, e[16] = A, e[17] = g, e[18] = b) : b = e[18];
-  let B;
-  e[19] !== a ? (B = ue(a) ? void 0 : /* @__PURE__ */ _(_e, { ...a }), e[19] = a, e[20] = B) : B = e[20];
-  let D;
-  return e[21] !== t || e[22] !== B || e[23] !== s || e[24] !== b ? (D = /* @__PURE__ */ me("div", { className: s, children: [
-    b,
-    B,
-    t
-  ] }), e[21] = t, e[22] = B, e[23] = s, e[24] = b, e[25] = D) : D = e[25], D;
-};
-he.displayName = "DSTopBar.BrandArea";
-const _e = (d) => {
-  const e = P.c(10), {
-    children: t,
-    className: r,
-    subTitle: n,
-    variant: a
-  } = d, i = a === void 0 ? "single" : a, l = i === "double";
-  let c;
-  e[0] !== r || e[1] !== l ? (c = w(u.brandAddOn, r, {
-    [u.brandAddOnDouble]: l
-  }), e[0] = r, e[1] = l, e[2] = c) : c = e[2];
-  const o = c;
-  let m;
-  e[3] !== t || e[4] !== n || e[5] !== i ? (m = i === "single" ? t : /* @__PURE__ */ me(ve, { children: [
-    /* @__PURE__ */ _("span", { children: t }),
-    n && /* @__PURE__ */ _("span", { className: u.subTitle, children: n })
-  ] }), e[3] = t, e[4] = n, e[5] = i, e[6] = m) : m = e[6];
-  let h;
-  return e[7] !== o || e[8] !== m ? (h = /* @__PURE__ */ _("span", { className: o, children: m }), e[7] = o, e[8] = m, e[9] = h) : h = e[9], h;
-};
-_e.displayName = "DSTopBar.BrandAddOn";
-const fe = (d) => {
-  const e = P.c(5), {
-    children: t,
-    className: r
-  } = d;
-  let n;
-  e[0] !== r ? (n = w(u.primary, r), e[0] = r, e[1] = n) : n = e[1];
-  let a;
-  return e[2] !== t || e[3] !== n ? (a = /* @__PURE__ */ _("div", { className: n, children: t }), e[2] = t, e[3] = n, e[4] = a) : a = e[4], a;
-};
-fe.displayName = "DSTopBar.PrimaryArea";
-const pe = (d) => {
-  const e = P.c(5), {
-    children: t,
-    className: r
-  } = d;
-  let n;
-  e[0] !== r ? (n = w(u.secondary, r), e[0] = r, e[1] = n) : n = e[1];
-  let a;
-  return e[2] !== t || e[3] !== n ? (a = /* @__PURE__ */ _("div", { className: n, children: t }), e[2] = t, e[3] = n, e[4] = a) : a = e[4], a;
-};
-pe.displayName = "DSTopBar.SecondaryArea";
-$.BrandArea = he;
-$.PrimaryArea = fe;
-$.SecondaryArea = pe;
-const Je = "ds-header_root_g2mvw_1", Ke = "ds-header_root--sticky_g2mvw_4", Qe = "ds-header_root--hidden_g2mvw_9", Xe = "ds-header_root--fixed_g2mvw_20", Ze = "ds-header_main-navigation-area_g2mvw_36", et = "ds-header_main-navigation-area--fixed_g2mvw_88", tt = "ds-header_main-navigation-area--fixed--visible_g2mvw_103", at = "ds-header_main-navigation-content_g2mvw_108", rt = "ds-header_main-navigation-content--variant-full_g2mvw_112", nt = "ds-header_header-placeholder_g2mvw_117", ot = "ds-header_header-placeholder--with-banner_g2mvw_120", N = {
-  root: Je,
-  rootSticky: Ke,
-  rootHidden: Qe,
-  rootFixed: Xe,
-  mainNavigationArea: Ze,
-  mainNavigationAreaFixed: et,
-  mainNavigationAreaFixedVisible: tt,
-  mainNavigationContent: at,
-  mainNavigationContentVariantFull: rt,
-  headerPlaceholder: nt,
-  headerPlaceholderWithBanner: ot
-}, z = De({
-  variant: "main"
-}), ne = (d) => {
-  const e = P.c(58);
-  let t, r, n, a, i, l, c;
-  e[0] !== d ? ({
-    children: r,
-    brandAddOnProps: t,
-    className: n,
-    isHeaderSticky: l,
-    variant: c,
-    logoProps: a,
-    ...i
-  } = d, e[0] = d, e[1] = t, e[2] = r, e[3] = n, e[4] = a, e[5] = i, e[6] = l, e[7] = c) : (t = e[1], r = e[2], n = e[3], a = e[4], i = e[5], l = e[6], c = e[7]);
-  const o = l === void 0 ? !1 : l, m = c === void 0 ? "main" : c, [h, p] = T(!1);
-  let y;
-  e[8] !== r ? (y = x(r, ne.BannerArea, !0), e[8] = r, e[9] = y) : y = e[9];
-  const g = y, f = x(r, $.BrandArea), v = x(r, $.PrimaryArea), E = x(r, $.SecondaryArea);
-  process.env.NODE_ENV !== "production" && xe({
-    hasBrandArea: f,
-    hasPrimaryArea: v,
-    hasSecondaryArea: E
-  });
-  const A = Ee(), [s, b] = T(!1), B = te(null), D = te(null), oe = te(null), ye = te(null), [ie, Ne] = T(!1), [C, Se] = T(!1), [H, we] = T(!0), [se, Be] = T(!1);
-  let q, U;
-  e[10] !== o ? (q = () => {
-    if (o) {
-      const S = () => {
-        b(window.innerWidth < 1024);
-      };
-      return S(), window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
-    }
-  }, U = [o], e[10] = o, e[11] = q, e[12] = U) : (q = e[11], U = e[12]), ae(q, U);
-  let j, G;
-  e[13] !== o ? (j = () => {
-    if (o) {
-      const S = () => {
-        var L, I, ee;
-        const Z = ((L = B.current) == null ? void 0 : L.offsetHeight) ?? 0, le = ((I = D.current) == null ? void 0 : I.offsetHeight) ?? 0, M = ((ee = oe.current) == null ? void 0 : ee.offsetHeight) ?? 0, W = document.documentElement;
-        W.style.setProperty("--ds-banner-height", `${ce(Z)}rem`), W.style.setProperty("--ds-header-height", `${ce(le)}rem`), W.style.setProperty("--ds-top-bar-height", `${ce(M)}rem`);
-      };
-      return S(), window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
-    }
-  }, G = [o], e[13] = o, e[14] = j, e[15] = G) : (j = e[14], G = e[15]), He(j, G);
-  let J;
-  e[16] !== o || e[17] !== s || e[18] !== H || e[19] !== A ? (J = () => {
-    if (o) {
-      const S = () => {
-        const M = D.current, W = !!M && window.scrollY <= M.offsetHeight;
-        Ne(W);
-        const L = ye.current, I = oe.current, ee = !!I && !!L && L.getBoundingClientRect().bottom > I.getBoundingClientRect().bottom;
-        we(ee && !!M && window.scrollY <= M.offsetHeight);
-      };
-      window.addEventListener("scroll", S, {
-        passive: !0
-      }), S();
-      const Z = D.current, le = !!Z && Z.getBoundingClientRect().bottom > 0;
-      return s && Se(A === "up" && !le), s || Be(A === "up" && !H), () => {
-        window.removeEventListener("scroll", S);
-      };
-    }
-  }, e[16] = o, e[17] = s, e[18] = H, e[19] = A, e[20] = J) : J = e[20];
-  let K;
-  e[21] !== o || e[22] !== s || e[23] !== A ? (K = [o, s, A], e[21] = o, e[22] = s, e[23] = A, e[24] = K) : K = e[24], ae(J, K);
-  let Q;
-  e[25] !== n || e[26] !== C || e[27] !== o || e[28] !== ie || e[29] !== s ? (Q = w(N.root, n, o ? {
-    [N.rootSticky]: s,
-    [N.rootHidden]: s && !ie,
-    [N.rootFixed]: s && C
-  } : {}), e[25] = n, e[26] = C, e[27] = o, e[28] = ie, e[29] = s, e[30] = Q) : Q = e[30];
-  const de = Q;
-  let F;
-  e[31] !== t || e[32] !== h || e[33] !== se || e[34] !== o || e[35] !== s || e[36] !== H || e[37] !== a || e[38] !== m ? (F = {
-    variant: m,
-    bannerAreaRef: B,
-    brandAddOnProps: t,
-    hasBrandAddOn: h,
-    setHasBrandAddOn: p,
-    isFixedMainNavigation: se,
-    isHeaderSticky: o,
-    isMobile: s,
-    isStickyMainNavigationVisible: H,
-    mainNavigationAreaRef: ye,
-    topBarAreaRef: oe,
-    logoProps: a
-  }, e[31] = t, e[32] = h, e[33] = se, e[34] = o, e[35] = s, e[36] = H, e[37] = a, e[38] = m, e[39] = F) : F = e[39];
-  let O;
-  e[40] !== r || e[41] !== F ? (O = /* @__PURE__ */ _(z.Provider, { value: F, children: r }), e[40] = r, e[41] = F, e[42] = O) : O = e[42];
-  let V;
-  e[43] !== i || e[44] !== de || e[45] !== O ? (V = /* @__PURE__ */ _("header", { className: de, ...i, ref: D, children: O }), e[43] = i, e[44] = de, e[45] = O, e[46] = V) : V = e[46];
-  let R;
-  e[47] !== C || e[48] !== s ? (R = s && C && /* @__PURE__ */ _("div", { className: N.headerPlaceholder }), e[47] = C, e[48] = s, e[49] = R) : R = e[49];
-  let k;
-  e[50] !== g || e[51] !== s || e[52] !== H ? (k = !s && !H && /* @__PURE__ */ _("div", { className: g ? N.headerPlaceholderWithBanner : N.headerPlaceholder }), e[50] = g, e[51] = s, e[52] = H, e[53] = k) : k = e[53];
-  let X;
-  return e[54] !== V || e[55] !== R || e[56] !== k ? (X = /* @__PURE__ */ me(ve, { children: [
-    V,
-    R,
-    k
-  ] }), e[54] = V, e[55] = R, e[56] = k, e[57] = X) : X = e[57], X;
-}, ge = (d) => {
-  const e = P.c(4), {
-    children: t,
-    className: r
-  } = d, {
-    bannerAreaRef: n
-  } = re(z);
-  let a;
-  return e[0] !== n || e[1] !== t || e[2] !== r ? (a = /* @__PURE__ */ _("div", { ref: n, className: r, children: t }), e[0] = n, e[1] = t, e[2] = r, e[3] = a) : a = e[3], a;
-};
-ge.displayName = "DSHeader.BannerArea";
-const be = (d) => {
-  const e = P.c(15), {
-    children: t,
-    className: r
-  } = d, {
-    variant: n,
-    isFixedMainNavigation: a,
-    isHeaderSticky: i,
-    isMobile: l,
-    isStickyMainNavigationVisible: c,
-    mainNavigationAreaRef: o
-  } = re(z);
-  let m;
-  e[0] !== r || e[1] !== a || e[2] !== i || e[3] !== l || e[4] !== c ? (m = w(N.mainNavigationArea, r, i ? {
-    [N.mainNavigationAreaFixed]: !l && !c,
-    [N.mainNavigationAreaFixedVisible]: !l && a
-  } : {}), e[0] = r, e[1] = a, e[2] = i, e[3] = l, e[4] = c, e[5] = m) : m = e[5];
-  const h = m, p = n === "full";
-  let y;
-  e[6] !== p ? (y = w(N.mainNavigationContent, {
-    [N.mainNavigationContentVariantFull]: p
-  }), e[6] = p, e[7] = y) : y = e[7];
-  const g = y;
-  let f;
-  e[8] !== t || e[9] !== g ? (f = /* @__PURE__ */ _("div", { className: g, children: t }), e[8] = t, e[9] = g, e[10] = f) : f = e[10];
-  let v;
-  return e[11] !== o || e[12] !== h || e[13] !== f ? (v = /* @__PURE__ */ _("div", { className: h, ref: o, children: f }), e[11] = o, e[12] = h, e[13] = f, e[14] = v) : v = e[14], v;
-};
-be.displayName = "DSHeader.MainNavigationArea";
-ne.BannerArea = ge;
-ne.MainNavigationArea = be;
-ne.displayName = "DSHeader";
-export {
-  pt as B,
-  z as D,
-  ft as H,
-  ne as a,
-  $ as b,
-  x as c,
-  Ge as d,
-  ue as i,
-  xe as v
-};