@stihl-design-system/components 1.0.0-RC.24 → 1.0.0-RC.26

package/chunks/{Dialog.ZSSlU83U.js → Dialog.BuEEJ199.js}

@@ -3,8 +3,8 @@ import { jsx as F, jsxs as Z } from "react/jsx-runtime";
 import { d as ee } from "./index.CgTHIF3K.js";
 import { c as W } from "./index.CEyLAtio.js";
 import { useRef as Q, useState as oe, useEffect as U } from "react";
-import { DSButton as te } from "../button.Bt0-bRGX.js";
-import { g as le } from "./helpers.CcqWV-wZ.js";
+import { D as te } from "./Button.CC0qEsuR.js";
+import { g as le } from "./helpers.BbWkXTr3.js";
 import '../assets/Dialog.CGAg7bnN.css';const se = "ds-dialog_root_kvopn_5", ne = "ds-dialog_content-wrapper_kvopn_166", re = "ds-dialog_content-wrapper--no-footer_kvopn_172", ce = "ds-dialog_close-button_kvopn_180", ae = "ds-dialog_header_kvopn_193", ie = "ds-dialog_content_kvopn_166", de = "ds-dialog_footer_kvopn_195", fe = "ds-dialog_header--scrollable_kvopn_216", pe = "ds-dialog_header--close-button_kvopn_225", ue = "ds-dialog_content--no-footer_kvopn_238", he = "ds-dialog_footer--scrollable_kvopn_245", t = {
   root: se,
   contentWrapper: ne,

package/chunks/{Drawer.CR4lh9pD.js → Drawer.BXUGmpJI.js}

@@ -2,9 +2,9 @@
 import { jsx as x, jsxs as oe } from "react/jsx-runtime";
 import { d as re } from "./index.CgTHIF3K.js";
 import { c as F } from "./index.CEyLAtio.js";
-import { useRef as X, useState as ne, useEffect as Y } from "react";
-import { DSButton as se } from "../button.Bt0-bRGX.js";
-import { g as le } from "./helpers.CcqWV-wZ.js";
+import { useRef as X, useState as se, useEffect as Y } from "react";
+import { D as ne } from "./Button.CC0qEsuR.js";
+import { g as le } from "./helpers.BbWkXTr3.js";
 import '../assets/Drawer.VOvWQoEr.css';const ce = "ds-drawer_root_4nbv0_10", ae = "ds-drawer_root--end_4nbv0_68", ie = "ds-drawer_content-wrapper_4nbv0_169", de = "ds-drawer_content-wrapper--no-footer_4nbv0_175", fe = "ds-drawer_close-button_4nbv0_178", _e = "ds-drawer_header_4nbv0_191", pe = "ds-drawer_content_4nbv0_169", ue = "ds-drawer_footer_4nbv0_193", be = "ds-drawer_header--scrollable_4nbv0_214", he = "ds-drawer_header--close-button_4nbv0_223", me = "ds-drawer_content--no-footer_4nbv0_237", ve = "ds-drawer_footer--scrollable_4nbv0_244", o = {
   root: ce,
   rootEnd: ae,
@@ -25,7 +25,7 @@ import '../assets/Drawer.VOvWQoEr.css';const ce = "ds-drawer_root_4nbv0_10", ae
     throw new Error(le("DSDrawer", "Do not pass the tabindex property to the DSDrawer component as it is not interactive and does not receive focus. The DSDrawers contents, including the close button contained in the DSDrawer, can receive focus and be interactive."));
 }, ke = (c) => {
   const e = re.c(61);
-  let a, i, d, r, f, n, s, E, g, k, O;
+  let a, i, d, r, f, s, n, E, g, k, O;
   e[0] !== c ? ({
     children: a,
     className: i,
@@ -36,14 +36,14 @@ import '../assets/Drawer.VOvWQoEr.css';const ce = "ds-drawer_root_4nbv0_10", ae
     hideCloseButton: g,
     position: k,
     isOpen: O,
-    onClose: n,
-    ...s
-  } = c, e[0] = c, e[1] = a, e[2] = i, e[3] = d, e[4] = r, e[5] = f, e[6] = n, e[7] = s, e[8] = E, e[9] = g, e[10] = k, e[11] = O) : (a = e[1], i = e[2], d = e[3], r = e[4], f = e[5], n = e[6], s = e[7], E = e[8], g = e[9], k = e[10], O = e[11]);
+    onClose: s,
+    ...n
+  } = c, e[0] = c, e[1] = a, e[2] = i, e[3] = d, e[4] = r, e[5] = f, e[6] = s, e[7] = n, e[8] = E, e[9] = g, e[10] = k, e[11] = O) : (a = e[1], i = e[2], d = e[3], r = e[4], f = e[5], s = e[6], n = e[7], E = e[8], g = e[9], k = e[10], O = e[11]);
   const H = E === void 0 ? !1 : E, R = g === void 0 ? !1 : g, Z = k === void 0 ? "start" : k, y = O === void 0 ? !1 : O;
   if (process.env.NODE_ENV !== "production") {
     const {
       tabIndex: t
-    } = s;
+    } = n;
     we({
       tabIndex: t
     });
@@ -55,7 +55,7 @@ import '../assets/Drawer.VOvWQoEr.css';const ce = "ds-drawer_root_4nbv0_10", ae
     label: W,
     ...p
   } = _, e[14] = _, e[15] = p, e[16] = W) : (p = e[15], W = e[16]);
-  const T = W === void 0 ? "Close modal" : W, l = X(null), J = X(null), [u, ee] = ne(!1);
+  const T = W === void 0 ? "Close modal" : W, l = X(null), J = X(null), [u, ee] = se(!1);
   let I, P;
   e[17] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
     const t = J.current;
@@ -71,7 +71,7 @@ import '../assets/Drawer.VOvWQoEr.css';const ce = "ds-drawer_root_4nbv0_10", ae
     }
   }, P = [], e[17] = I, e[18] = P) : (I = e[17], P = e[18]), Y(I, P);
   let z;
-  e[19] !== y || e[20] !== n ? (z = [y, n], e[19] = y, e[20] = n, e[21] = z) : z = e[21], Y(() => {
+  e[19] !== y || e[20] !== s ? (z = [y, s], e[19] = y, e[20] = s, e[21] = z) : z = e[21], Y(() => {
     const t = l.current;
     if (t)
       return t.addEventListener("close", K), y ? t.showModal() : t.close(), () => {
@@ -79,7 +79,7 @@ import '../assets/Drawer.VOvWQoEr.css';const ce = "ds-drawer_root_4nbv0_10", ae
       };
   }, z);
   const K = () => {
-    n && n();
+    s && s();
   };
   let L;
   e[22] !== H ? (L = (t) => {
@@ -103,7 +103,7 @@ import '../assets/Drawer.VOvWQoEr.css';const ce = "ds-drawer_root_4nbv0_10", ae
     [o.contentWrapperNoFooter]: $
   }), e[29] = i, e[30] = $, e[31] = m) : m = e[31];
   let v;
-  e[32] !== R || e[33] !== T || e[34] !== p ? (v = !R && /* @__PURE__ */ x(se, { ...p, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => te(), children: T }), e[32] = R, e[33] = T, e[34] = p, e[35] = v) : v = e[35];
+  e[32] !== R || e[33] !== T || e[34] !== p ? (v = !R && /* @__PURE__ */ x(ne, { ...p, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => te(), children: T }), e[32] = R, e[33] = T, e[34] = p, e[35] = v) : v = e[35];
   const q = !R;
   let w;
   e[36] !== u || e[37] !== q ? (w = F(o.header, {
@@ -131,7 +131,7 @@ import '../assets/Drawer.VOvWQoEr.css';const ce = "ds-drawer_root_4nbv0_10", ae
     B
   ] }), e[50] = m, e[51] = v, e[52] = S, e[53] = N, e[54] = B, e[55] = C) : C = e[55];
   let j;
-  return e[56] !== s || e[57] !== b || e[58] !== h || e[59] !== C ? (j = /* @__PURE__ */ x("dialog", { ...s, ref: l, className: b, onMouseDown: h, "aria-modal": "true", children: C }), e[56] = s, e[57] = b, e[58] = h, e[59] = C, e[60] = j) : j = e[60], j;
+  return e[56] !== n || e[57] !== b || e[58] !== h || e[59] !== C ? (j = /* @__PURE__ */ x("dialog", { ...n, ref: l, className: b, onMouseDown: h, "aria-modal": "true", children: C }), e[56] = n, e[57] = b, e[58] = h, e[59] = C, e[60] = j) : j = e[60], j;
 };
 export {
   ke as D,

package/chunks/{Fieldset.DHccz6TP.js → Fieldset.BX46NuLh.js}

@@ -4,8 +4,8 @@ import { c as m } from "./index.CEyLAtio.js";
 import "react";
 import { Asterisk as S } from "../asterisk.CR60hx8S.js";
 import { DSHeading as j } from "../heading.BXFBZhKv.js";
-import { DSSystemFeedback as M } from "../systemfeedback.BpKZEv4U.js";
-import { g as D } from "./helpers.CcqWV-wZ.js";
+import { DSSystemFeedback as M } from "../systemfeedback.CLQCbTF6.js";
+import { g as D } from "./helpers.BbWkXTr3.js";
 import "./index.CgTHIF3K.js";
 import '../assets/Fieldset.Cy5r0K7n.css';const x = "ds-fieldset_root_1omgq_1", E = "ds-fieldset_child-wrapper_1omgq_98", C = "ds-fieldset_legend_1omgq_105", P = "ds-fieldset_legend--utility--m_1omgq_109", T = "ds-fieldset_description_1omgq_121", U = "ds-fieldset_description--small_1omgq_135", W = "ds-fieldset_system-feedback_1omgq_139", s = {
   root: x,

package/chunks/Header.CsrzyVil.js

@@ -0,0 +1,356 @@
+"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 { useState as E, useEffect as ae, useContext as re, createContext as Be, useRef as te } from "react";
+import { g as Y, c as T, p as ce } from "./helpers.BbWkXTr3.js";
+import { u as De } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { DSLogo as He } from "../logo.C96KaG1P.js";
+import '../assets/Header.DO34x-dO.css';const Pe = (d) => {
+  const e = P.c(3), t = 0, [r, n] = E("down");
+  let a, s;
+  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);
+  }, s = [t], e[0] = t, e[1] = a, e[2] = s) : (a = e[1], s = e[2]), ae(a, s), r;
+}, ht = ["full", "main"], 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."));
+}, Ee = "ds-top-bar_root_ryiho_1", Te = "ds-top-bar_root--sticky_ryiho_47", Ce = "ds-top-bar_root--fixed_ryiho_51", Fe = "ds-top-bar_content_ryiho_59", Oe = "ds-top-bar_content--variant-full_ryiho_78", Ve = "ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82", Re = "ds-top-bar_primary_ryiho_87", ke = "ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102", Me = "ds-top-bar_brand_ryiho_107", $e = "ds-top-bar_content--has-primary-area_ryiho_82", We = "ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146", Le = "ds-top-bar_brand-add-on_ryiho_210", Ie = "ds-top-bar_brand-add-on--double_ryiho_231", Ye = "ds-top-bar_sub-title_ryiho_245", ze = "ds-top-bar_secondary_ryiho_271", qe = "ds-top-bar_logo_ryiho_280", Ue = "ds-top-bar_logo--reduced_ryiho_290", v = {
+  root: Ee,
+  rootSticky: Te,
+  rootFixed: Ce,
+  content: Fe,
+  contentVariantFull: Oe,
+  contentHasPrimaryAreaAndSecondaryArea: Ve,
+  primary: Re,
+  contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea: ke,
+  brand: Me,
+  contentHasPrimaryArea: $e,
+  contentHasPrimaryAreaWithBrandAddOn: We,
+  brandAddOn: Le,
+  brandAddOnDouble: Ie,
+  subTitle: Ye,
+  secondary: ze,
+  logo: qe,
+  logoReduced: Ue
+}, je = ({
+  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>."));
+}, pe = (d) => d == null || typeof d == "object" && !Array.isArray(d) && d !== null && Object.keys(d).length === 0, ft = ["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: s,
+    isHeaderSticky: l,
+    isMobile: c,
+    topBarAreaRef: o,
+    isStickyMainNavigationVisible: m,
+    hasBrandAddOn: h
+  } = re(z);
+  let A, 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] !== s) {
+    const x = T(t, he), p = T(t, fe), i = T(t, Ae);
+    process.env.NODE_ENV !== "production" && je({
+      hasBrandArea: x,
+      hasPrimaryArea: p,
+      hasSecondaryArea: i
+    });
+    let b;
+    e[15] !== l || e[16] !== c || e[17] !== m || e[18] !== a ? (b = w(v.root, a, l ? {
+      [v.rootSticky]: !c && m,
+      [v.rootFixed]: !c && !m
+    } : {}), e[15] = l, e[16] = c, e[17] = m, e[18] = a, e[19] = b) : b = e[19], A = b, y = w(v.content, r, {
+      [v.contentHasPrimaryArea]: p && !h && !i,
+      [v.contentHasPrimaryAreaWithBrandAddOn]: p && h && !i,
+      [v.contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea]: h && p && i,
+      [v.contentHasPrimaryAreaAndSecondaryArea]: p && i && !h,
+      [v.contentVariantFull]: s === "full"
+    }), e[5] = t, e[6] = r, e[7] = h, e[8] = l, e[9] = c, e[10] = m, e[11] = a, e[12] = s, e[13] = A, e[14] = y;
+  } else
+    A = e[13], y = e[14];
+  const u = y;
+  let f;
+  e[20] !== t || e[21] !== u || e[22] !== n ? (f = /* @__PURE__ */ _("section", { className: u, ...n, children: t }), e[20] = t, e[21] = u, e[22] = n, e[23] = f) : f = e[23];
+  let g;
+  return e[24] !== A || e[25] !== f || e[26] !== o ? (g = /* @__PURE__ */ _("div", { className: A, ref: o, children: f }), e[24] = A, e[25] = f, e[26] = o, e[27] = g) : g = e[27], g;
+}, he = (d) => {
+  const e = P.c(26), {
+    children: t,
+    className: r
+  } = d, {
+    logoProps: n,
+    brandAddOnProps: a,
+    setHasBrandAddOn: s
+  } = 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, A = o === void 0 ? "main" : o, y = m === void 0 ? "/" : m, u = h === void 0 ? "_self" : h;
+  let f;
+  e[2] !== a || e[3] !== t || e[4] !== s ? (f = () => {
+    t || !pe(a) ? s == null || s(!0) : s == null || s(!1);
+  }, e[2] = a, e[3] = t, e[4] = s, e[5] = f) : f = e[5];
+  let g;
+  e[6] !== a || e[7] !== t ? (g = [t, a], e[6] = a, e[7] = t, e[8] = g) : g = e[8], ae(f, g);
+  let x;
+  e[9] !== A ? (x = w(v.logo, {
+    [v.logoReduced]: A.includes("reduced")
+  }), e[9] = A, e[10] = x) : x = e[10];
+  const p = x;
+  let i;
+  e[11] !== r ? (i = w(v.brand, r), e[11] = r, e[12] = i) : i = e[12];
+  let b;
+  e[13] !== c || e[14] !== y || e[15] !== A || e[16] !== p || e[17] !== u ? (b = /* @__PURE__ */ _(He, { className: p, aria: c, logo: A, href: y, target: u }), e[13] = c, e[14] = y, e[15] = A, e[16] = p, e[17] = u, e[18] = b) : b = e[18];
+  let B;
+  e[19] !== a ? (B = pe(a) ? void 0 : /* @__PURE__ */ _(ge, { ...a }), e[19] = a, e[20] = B) : B = e[20];
+  let D;
+  return e[21] !== t || e[22] !== B || e[23] !== i || e[24] !== b ? (D = /* @__PURE__ */ me("div", { className: i, children: [
+    b,
+    B,
+    t
+  ] }), e[21] = t, e[22] = B, e[23] = i, e[24] = b, e[25] = D) : D = e[25], D;
+};
+he.displayName = "DSTopBar.BrandArea";
+const ge = (d) => {
+  const e = P.c(10), {
+    children: t,
+    className: r,
+    subTitle: n,
+    variant: a
+  } = d, s = a === void 0 ? "single" : a, l = s === "double";
+  let c;
+  e[0] !== r || e[1] !== l ? (c = w(v.brandAddOn, r, {
+    [v.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] !== s ? (m = s === "single" ? t : /* @__PURE__ */ me(ve, { children: [
+    /* @__PURE__ */ _("span", { children: t }),
+    n && /* @__PURE__ */ _("span", { className: v.subTitle, children: n })
+  ] }), e[3] = t, e[4] = n, e[5] = s, 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;
+};
+ge.displayName = "DSTopBar.BrandAddOn";
+const fe = (d) => {
+  const e = P.c(5), {
+    children: t,
+    className: r
+  } = d;
+  let n;
+  e[0] !== r ? (n = w(v.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 Ae = (d) => {
+  const e = P.c(5), {
+    children: t,
+    className: r
+  } = d;
+  let n;
+  e[0] !== r ? (n = w(v.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;
+};
+Ae.displayName = "DSTopBar.SecondaryArea";
+$.BrandArea = he;
+$.PrimaryArea = fe;
+$.SecondaryArea = Ae;
+const Ge = "ds-header_root_g2mvw_1", Je = "ds-header_root--sticky_g2mvw_4", Ke = "ds-header_root--hidden_g2mvw_9", Qe = "ds-header_root--fixed_g2mvw_20", Xe = "ds-header_main-navigation-area_g2mvw_36", Ze = "ds-header_main-navigation-area--fixed_g2mvw_88", et = "ds-header_main-navigation-area--fixed--visible_g2mvw_103", tt = "ds-header_main-navigation-content_g2mvw_108", at = "ds-header_main-navigation-content--variant-full_g2mvw_112", rt = "ds-header_header-placeholder_g2mvw_117", nt = "ds-header_header-placeholder--with-banner_g2mvw_120", S = {
+  root: Ge,
+  rootSticky: Je,
+  rootHidden: Ke,
+  rootFixed: Qe,
+  mainNavigationArea: Xe,
+  mainNavigationAreaFixed: Ze,
+  mainNavigationAreaFixedVisible: et,
+  mainNavigationContent: tt,
+  mainNavigationContentVariantFull: at,
+  headerPlaceholder: rt,
+  headerPlaceholderWithBanner: nt
+}, z = Be({
+  variant: "main"
+}), ne = (d) => {
+  const e = P.c(58);
+  let t, r, n, a, s, l, c;
+  e[0] !== d ? ({
+    children: r,
+    brandAddOnProps: t,
+    className: n,
+    isHeaderSticky: l,
+    variant: c,
+    logoProps: a,
+    ...s
+  } = d, e[0] = d, e[1] = t, e[2] = r, e[3] = n, e[4] = a, e[5] = s, e[6] = l, e[7] = c) : (t = e[1], r = e[2], n = e[3], a = e[4], s = e[5], l = e[6], c = e[7]);
+  const o = l === void 0 ? !1 : l, m = c === void 0 ? "main" : c, [h, A] = E(!1);
+  let y;
+  e[8] !== r ? (y = T(r, ne.BannerArea, !0), e[8] = r, e[9] = y) : y = e[9];
+  const u = y, f = T(r, $.BrandArea), g = T(r, $.PrimaryArea), x = T(r, $.SecondaryArea);
+  process.env.NODE_ENV !== "production" && xe({
+    hasBrandArea: f,
+    hasPrimaryArea: g,
+    hasSecondaryArea: x
+  });
+  const p = Pe(), [i, b] = E(!1), B = te(null), D = te(null), oe = te(null), ye = te(null), [ie, be] = E(!1), [C, Se] = E(!1), [H, Ne] = E(!0), [se, we] = E(!1);
+  let q, U;
+  e[10] !== o ? (q = () => {
+    if (o) {
+      const N = () => {
+        b(window.innerWidth < 1024);
+      };
+      return N(), window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
+    }
+  }, 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 N = () => {
+        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 N(), window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
+    }
+  }, G = [o], e[13] = o, e[14] = j, e[15] = G) : (j = e[14], G = e[15]), De(j, G);
+  let J;
+  e[16] !== o || e[17] !== i || e[18] !== H || e[19] !== p ? (J = () => {
+    if (o) {
+      const N = () => {
+        const M = D.current, W = !!M && window.scrollY <= M.offsetHeight;
+        be(W);
+        const L = ye.current, I = oe.current, ee = !!I && !!L && L.getBoundingClientRect().bottom > I.getBoundingClientRect().bottom;
+        Ne(ee && !!M && window.scrollY <= M.offsetHeight);
+      };
+      window.addEventListener("scroll", N, {
+        passive: !0
+      }), N();
+      const Z = D.current, le = !!Z && Z.getBoundingClientRect().bottom > 0;
+      return i && Se(p === "up" && !le), i || we(p === "up" && !H), () => {
+        window.removeEventListener("scroll", N);
+      };
+    }
+  }, e[16] = o, e[17] = i, e[18] = H, e[19] = p, e[20] = J) : J = e[20];
+  let K;
+  e[21] !== o || e[22] !== i || e[23] !== p ? (K = [o, i, p], e[21] = o, e[22] = i, e[23] = p, 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] !== i ? (Q = w(S.root, n, o ? {
+    [S.rootSticky]: i,
+    [S.rootHidden]: i && !ie,
+    [S.rootFixed]: i && C
+  } : {}), e[25] = n, e[26] = C, e[27] = o, e[28] = ie, e[29] = i, 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] !== i || e[36] !== H || e[37] !== a || e[38] !== m ? (F = {
+    variant: m,
+    bannerAreaRef: B,
+    brandAddOnProps: t,
+    hasBrandAddOn: h,
+    setHasBrandAddOn: A,
+    isFixedMainNavigation: se,
+    isHeaderSticky: o,
+    isMobile: i,
+    isStickyMainNavigationVisible: H,
+    mainNavigationAreaRef: ye,
+    topBarAreaRef: oe,
+    logoProps: a
+  }, e[31] = t, e[32] = h, e[33] = se, e[34] = o, e[35] = i, 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] !== s || e[44] !== de || e[45] !== O ? (V = /* @__PURE__ */ _("header", { className: de, ...s, ref: D, children: O }), e[43] = s, e[44] = de, e[45] = O, e[46] = V) : V = e[46];
+  let R;
+  e[47] !== C || e[48] !== i ? (R = i && C && /* @__PURE__ */ _("div", { className: S.headerPlaceholder }), e[47] = C, e[48] = i, e[49] = R) : R = e[49];
+  let k;
+  e[50] !== u || e[51] !== i || e[52] !== H ? (k = !i && !H && /* @__PURE__ */ _("div", { className: u ? S.headerPlaceholderWithBanner : S.headerPlaceholder }), e[50] = u, e[51] = i, 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;
+}, _e = (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;
+};
+_e.displayName = "DSHeader.BannerArea";
+const ue = (d) => {
+  const e = P.c(15), {
+    children: t,
+    className: r
+  } = d, {
+    variant: n,
+    isFixedMainNavigation: a,
+    isHeaderSticky: s,
+    isMobile: l,
+    isStickyMainNavigationVisible: c,
+    mainNavigationAreaRef: o
+  } = re(z);
+  let m;
+  e[0] !== r || e[1] !== a || e[2] !== s || e[3] !== l || e[4] !== c ? (m = w(S.mainNavigationArea, r, s ? {
+    [S.mainNavigationAreaFixed]: !l && !c,
+    [S.mainNavigationAreaFixedVisible]: !l && a
+  } : {}), e[0] = r, e[1] = a, e[2] = s, e[3] = l, e[4] = c, e[5] = m) : m = e[5];
+  const h = m, A = n === "full";
+  let y;
+  e[6] !== A ? (y = w(S.mainNavigationContent, {
+    [S.mainNavigationContentVariantFull]: A
+  }), e[6] = A, e[7] = y) : y = e[7];
+  const u = y;
+  let f;
+  e[8] !== t || e[9] !== u ? (f = /* @__PURE__ */ _("div", { className: u, children: t }), e[8] = t, e[9] = u, e[10] = f) : f = e[10];
+  let g;
+  return e[11] !== o || e[12] !== h || e[13] !== f ? (g = /* @__PURE__ */ _("div", { className: h, ref: o, children: f }), e[11] = o, e[12] = h, e[13] = f, e[14] = g) : g = e[14], g;
+};
+ue.displayName = "DSHeader.MainNavigationArea";
+ne.BannerArea = _e;
+ne.MainNavigationArea = ue;
+ne.displayName = "DSHeader";
+export {
+  ft as B,
+  z as D,
+  ht as H,
+  ne as a,
+  $ as b,
+  je as c,
+  pe as i,
+  xe as v
+};