@stihl-design-system/components 1.0.0-RC.39 → 1.0.0-RC.40

package/chunks/{Chip.DIp5hdRH.js → Chip.SiGIIHR-.js}

@@ -1,17 +1,17 @@
 "use client";
 import { jsxs as N, jsx as k } from "react/jsx-runtime";
-import { d as q } from "./index.D-sRdssb.js";
-import { c as H } from "./index.DL9mof6u.js";
+import { d as q } from "./index.cKLI89Eg.js";
+import { c as H } from "./index.DQOqod3i.js";
 import { forwardRef as U } from "react";
 import { t as M } from "./translate.nuU7uChI.js";
-import { D as x } from "./Icon.CDLyB7Pv.js";
-import { Tooltip as $ } from "../tooltip.Cj3AvYgB.js";
+import { D as x } from "./Icon.m6sMB6vl.js";
+import { Tooltip as $ } from "../tooltip._lP4aMV2.js";
 import { g as E, r as z } from "./helpers.CexwVao7.js";
-import { g as j } from "./AriaLiveRegions.utils.CybNIBSa.js";
-import '../assets/Chip.dxIYIjj7.css';const B = "ds-chip-group_chip_aidwn_1", W = "ds-chip-group_chip--small_aidwn_30", L = {
+import { g as j } from "./AriaLiveRegions.utils.CLpOaVD9.js";
+import '../assets/Chip.D3vV0wyV.css';const B = "ds-chip-group_chip_aidwn_1", W = "ds-chip-group_chip--small_aidwn_30", L = {
   chip: B,
   chipSmall: W
-}, ce = ({
+}, ne = ({
   chips: t,
   id: s,
   label: e
@@ -22,10 +22,10 @@ import '../assets/Chip.dxIYIjj7.css';const B = "ds-chip-group_chip_aidwn_1", W =
     throw new Error(E("DSChipGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSChipGroup component.'));
   if (!e)
     throw new Error(E("DSChipGroup", z("label", "DSChipGroup")));
-}, pe = () => {
+}, ce = () => {
   if (!j())
     throw new Error(E("DSChipGroup", 'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'));
-}, de = ["medium", "small"], Z = {
+}, pe = ["medium", "small"], Z = {
   disabled: "disabled",
   selected: "selected",
   // {0} is the action (e.g., select/unselect)
@@ -57,8 +57,8 @@ import '../assets/Chip.dxIYIjj7.css';const B = "ds-chip-group_chip_aidwn_1", W =
   en: Z,
   de: J
 }, Q = (t, s, e, i, a, l) => e ? `${s}, ${t("disabled")}` : l ? `${s}, ${t("removeChip")}` : `${s}, ${i ? `${t("selected")}, ` : ""}${t("selectChip", [t(a === "single" ? i ? "unselectAction" : "selectAction" : i ? "removeFromSelection" : "addToSelection")])}`, V = (t, s, e, i) => t(i ? "tooltipRemovable" : s ? "tooltipDisabled" : e ? "tooltipDeactivate" : "tooltipActivate"), X = U((t, s) => {
-  const e = q.c(48);
-  let i, a, l, p, o, n, r, d, h, m, u, D, g, f, C;
+  const e = q.c(49);
+  let i, a, l, p, o, n, r, d, h, m, u, A, C, f, v;
   e[0] !== t ? ({
     id: p,
     label: r,
@@ -66,68 +66,68 @@ import '../assets/Chip.dxIYIjj7.css';const B = "ds-chip-group_chip_aidwn_1", W =
     groupId: a,
     isRemovable: o,
     selectionMode: m,
-    disabled: D,
+    disabled: A,
     iconName: l,
     isSelected: n,
-    lang: g,
+    lang: C,
     size: u,
     tabIndex: f,
-    translations: C,
+    translations: v,
     onClick: d,
     ...h
-  } = t, e[0] = t, e[1] = i, e[2] = a, e[3] = l, e[4] = p, e[5] = o, e[6] = n, e[7] = r, e[8] = d, e[9] = h, e[10] = m, e[11] = u, e[12] = D, e[13] = g, e[14] = f, e[15] = C) : (i = e[1], a = e[2], l = e[3], p = e[4], o = e[5], n = e[6], r = e[7], d = e[8], h = e[9], m = e[10], u = e[11], D = e[12], g = e[13], f = e[14], C = e[15]);
-  const A = D === void 0 ? !1 : D, G = C || K[g === void 0 ? "en" : g];
-  let c, v;
-  if (e[16] !== i || e[17] !== A || e[18] !== a || e[19] !== l || e[20] !== p || e[21] !== o || e[22] !== n || e[23] !== r || e[24] !== d || e[25] !== s || e[26] !== h || e[27] !== m || e[28] !== u || e[29] !== G || e[30] !== f) {
-    v = Symbol.for("react.early_return_sentinel");
+  } = t, e[0] = t, e[1] = i, e[2] = a, e[3] = l, e[4] = p, e[5] = o, e[6] = n, e[7] = r, e[8] = d, e[9] = h, e[10] = m, e[11] = u, e[12] = A, e[13] = C, e[14] = f, e[15] = v) : (i = e[1], a = e[2], l = e[3], p = e[4], o = e[5], n = e[6], r = e[7], d = e[8], h = e[9], m = e[10], u = e[11], A = e[12], C = e[13], f = e[14], v = e[15]);
+  const g = A === void 0 ? !1 : A, G = C === void 0 ? "en" : C;
+  let c, S;
+  if (e[16] !== i || e[17] !== g || e[18] !== a || e[19] !== l || e[20] !== p || e[21] !== o || e[22] !== n || e[23] !== r || e[24] !== G || e[25] !== d || e[26] !== s || e[27] !== h || e[28] !== m || e[29] !== u || e[30] !== f || e[31] !== v) {
+    S = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
     e: {
-      const O = M(G), I = u === "small";
+      const O = M(v || K[G]), I = u === "small";
       let _;
-      e[33] !== I ? (_ = H(L.chip, {
+      e[34] !== I ? (_ = H(L.chip, {
         [L.chipSmall]: I
-      }), e[33] = I, e[34] = _) : _ = e[34];
+      }), e[34] = I, e[35] = _) : _ = e[35];
       const F = _;
       let y;
-      e[35] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+      e[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = {
         display: "contents"
-      }, e[35] = y) : y = e[35];
-      let S;
-      e[36] !== l ? (S = l && /* @__PURE__ */ k(x, { name: l, "aria-hidden": "true" }), e[36] = l, e[37] = S) : S = e[37];
+      }, e[36] = y) : y = e[36];
+      let b;
+      e[37] !== l ? (b = l && /* @__PURE__ */ k(x, { name: l, "aria-hidden": "true" }), e[37] = l, e[38] = b) : b = e[38];
       let w;
-      e[38] !== r || e[39] !== S ? (w = /* @__PURE__ */ N("div", { role: "gridcell", "aria-colindex": 1, style: y, children: [
-        S,
+      e[39] !== r || e[40] !== b ? (w = /* @__PURE__ */ N("div", { role: "gridcell", "aria-colindex": 1, style: y, children: [
+        b,
         r
-      ] }), e[38] = r, e[39] = S, e[40] = w) : w = e[40];
+      ] }), e[39] = r, e[40] = b, e[41] = w) : w = e[41];
       let R;
-      if (e[41] !== o ? (R = o && /* @__PURE__ */ k(x, { name: "cross" }), e[41] = o, e[42] = R) : R = e[42], c = /* @__PURE__ */ N("div", { role: "row", "aria-label": Q(O, r, A, n, m, o), "aria-selected": n && !o, "aria-disabled": A && !o, id: `${a}-chip-${p}`, className: F, tabIndex: f, onClick: d, ref: s, ...h, children: [
+      if (e[42] !== o ? (R = o && /* @__PURE__ */ k(x, { name: "cross" }), e[42] = o, e[43] = R) : R = e[43], c = /* @__PURE__ */ N("div", { role: "row", "aria-label": Q(O, r, g, n, m, o), "aria-selected": n && !o, "aria-disabled": g && !o, id: `${a}-chip-${p}`, className: F, tabIndex: f, onClick: d, ref: s, ...h, children: [
         w,
         R
       ] }), !i) {
-        let b;
-        e[43] !== c ? (b = /* @__PURE__ */ k($.Anchor, { children: c }), e[43] = c, e[44] = b) : b = e[44];
-        const P = /* @__PURE__ */ k($.Content, { children: V(O, A, n, o) });
+        let D;
+        e[44] !== c ? (D = /* @__PURE__ */ k($.Anchor, { children: c }), e[44] = c, e[45] = D) : D = e[45];
+        const P = /* @__PURE__ */ k($.Content, { children: V(O, g, n, o) });
         let T;
-        e[45] !== b || e[46] !== P ? (T = /* @__PURE__ */ N($, { placement: "top", tooltipOffset: 6, children: [
-          b,
+        e[46] !== D || e[47] !== P ? (T = /* @__PURE__ */ N($, { placement: "top", tooltipOffset: 6, children: [
+          D,
           P
-        ] }), e[45] = b, e[46] = P, e[47] = T) : T = e[47], v = T;
+        ] }), e[46] = D, e[47] = P, e[48] = T) : T = e[48], S = T;
         break e;
       }
     }
-    e[16] = i, e[17] = A, e[18] = a, e[19] = l, e[20] = p, e[21] = o, e[22] = n, e[23] = r, e[24] = d, e[25] = s, e[26] = h, e[27] = m, e[28] = u, e[29] = G, e[30] = f, e[31] = c, e[32] = v;
+    e[16] = i, e[17] = g, e[18] = a, e[19] = l, e[20] = p, e[21] = o, e[22] = n, e[23] = r, e[24] = G, e[25] = d, e[26] = s, e[27] = h, e[28] = m, e[29] = u, e[30] = f, e[31] = v, e[32] = c, e[33] = S;
   } else
-    c = e[31], v = e[32];
-  return v !== Symbol.for("react.early_return_sentinel") ? v : c;
+    c = e[32], S = e[33];
+  return S !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? S : c;
 });
 X.displayName = "DSChip";
 export {
-  de as C,
+  pe as C,
   Z as D,
-  pe as a,
+  ce as a,
   J as b,
   K as c,
   V as d,
   X as e,
   Q as g,
-  ce as v
+  ne as v
 };

package/chunks/{CustomReactSelect.DS9Ey-jr.js → CustomReactSelect.DBsnmMPl.js}

@@ -1,21 +1,21 @@
 "use client";
 import { jsxs as se, jsx as M } from "react/jsx-runtime";
-import { d as te } from "./index.D-sRdssb.js";
-import { c as L } from "./index.DL9mof6u.js";
+import { d as te } from "./index.cKLI89Eg.js";
+import { c as L } from "./index.DQOqod3i.js";
 import * as X from "react";
 import { useState as ue, useCallback as T, useLayoutEffect as Dt, useRef as $, useMemo as oe, createContext as Ot, useContext as wt, Component as Tt, Fragment as Re, useEffect as lt, forwardRef as rt } from "react";
 import { jsx as f, css as st, keyframes as Jt } from "@emotion/react";
 import { createPortal as Lt } from "react-dom";
-import { a as Yt } from "./floating-ui.react.COTL3jH5.js";
+import { a as Yt } from "./floating-ui.react.CP5A99-c.js";
 import { t as zt } from "./translate.nuU7uChI.js";
 import { g as ce, r as kt } from "./helpers.CexwVao7.js";
 import { u as jt } from "./useBreakpoint.1txsny17.js";
-import { Asterisk as Ut } from "../asterisk.B2ih8VwF.js";
-import { D as ge } from "./Icon.CDLyB7Pv.js";
-import { D as Qt } from "./Popover.C9tT8xkE.js";
-import { D as _t } from "./SystemFeedback.CjlARKki.js";
-import { OptionCheckbox as $t } from "../optioncheckbox.nBVwGv6c.js";
-import '../assets/CustomReactSelect.BihX36Uo.css';const qo = ({
+import { Asterisk as Ut } from "../asterisk.Dwtdwpkq.js";
+import { D as ge } from "./Icon.m6sMB6vl.js";
+import { D as Qt } from "./Popover.C5wtha5l.js";
+import { D as _t } from "./SystemFeedback.DFN6Y2cw.js";
+import { OptionCheckbox as $t } from "../optioncheckbox.v8Plcgeg.js";
+import '../assets/CustomReactSelect.Ctze4SRN.css';const qo = ({
   id: n,
   label: e,
   options: i,
@@ -3214,7 +3214,7 @@ const So = (n) => {
   const e = te.c(11);
   let i, u, t, a;
   if (e[0] !== n) {
-    a = Symbol.for("react.early_return_sentinel");
+    a = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
     e: {
       ({
         ...u
@@ -3238,7 +3238,7 @@ const So = (n) => {
     e[0] = n, e[1] = i, e[2] = u, e[3] = t, e[4] = a;
   } else
     i = e[1], u = e[2], t = e[3], a = e[4];
-  if (a !== Symbol.for("react.early_return_sentinel"))
+  if (a !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
     return a;
   const l = t;
   let s;

package/chunks/{Dialog.DMxHRrxo.js → Dialog.C-rcs_Up.js}

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as n, jsxs as E } from "react/jsx-runtime";
-import { c as r } from "./index.DL9mof6u.js";
+import { c as r } from "./index.DQOqod3i.js";
 import { useRef as g, useState as F, useEffect as v } from "react";
-import { D as W } from "./Button.CQlIao-Z.js";
+import { D as W } from "./Button.DpGeheky.js";
 import { g as x } from "./helpers.CexwVao7.js";
-import "./index.D-sRdssb.js";
-import '../assets/Dialog.DJkn65Es.css';const R = "ds-dialog_root_kvopn_5", y = "ds-dialog_content-wrapper_kvopn_166", z = "ds-dialog_content-wrapper--no-footer_kvopn_172", L = "ds-dialog_close-button_kvopn_180", M = "ds-dialog_header_kvopn_193", j = "ds-dialog_content_kvopn_166", H = "ds-dialog_footer_kvopn_195", I = "ds-dialog_header--scrollable_kvopn_216", O = "ds-dialog_header--close-button_kvopn_225", P = "ds-dialog_content--no-footer_kvopn_238", T = "ds-dialog_footer--scrollable_kvopn_245", o = {
+import "./index.cKLI89Eg.js";
+import '../assets/Dialog.DyiHUgTp.css';const R = "ds-dialog_root_kvopn_5", y = "ds-dialog_content-wrapper_kvopn_166", z = "ds-dialog_content-wrapper--no-footer_kvopn_172", L = "ds-dialog_close-button_kvopn_180", M = "ds-dialog_header_kvopn_193", j = "ds-dialog_content_kvopn_166", H = "ds-dialog_footer_kvopn_195", I = "ds-dialog_header--scrollable_kvopn_216", O = "ds-dialog_header--close-button_kvopn_225", P = "ds-dialog_content--no-footer_kvopn_238", T = "ds-dialog_footer--scrollable_kvopn_245", o = {
   root: R,
   contentWrapper: y,
   contentWrapperNoFooter: z,

package/chunks/{Drawer.CatmvDHJ.js → Drawer.D0d557c5.js}

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as t, jsxs as F } from "react/jsx-runtime";
-import { c as n } from "./index.DL9mof6u.js";
+import { c as n } from "./index.DQOqod3i.js";
 import { useRef as p, useState as R, useEffect as v } from "react";
-import { D as k } from "./Button.CQlIao-Z.js";
+import { D as k } from "./Button.DpGeheky.js";
 import { g as x } from "./helpers.CexwVao7.js";
-import "./index.D-sRdssb.js";
-import '../assets/Drawer.x3BCQvWE.css';const I = "ds-drawer_root_4nbv0_10", O = "ds-drawer_root--end_4nbv0_68", y = "ds-drawer_content-wrapper_4nbv0_169", z = "ds-drawer_content-wrapper--no-footer_4nbv0_175", L = "ds-drawer_close-button_4nbv0_178", M = "ds-drawer_header_4nbv0_191", P = "ds-drawer_content_4nbv0_169", j = "ds-drawer_footer_4nbv0_193", H = "ds-drawer_header--scrollable_4nbv0_214", T = "ds-drawer_header--close-button_4nbv0_223", A = "ds-drawer_content--no-footer_4nbv0_237", V = "ds-drawer_footer--scrollable_4nbv0_244", o = {
+import "./index.cKLI89Eg.js";
+import '../assets/Drawer.UugEajR2.css';const I = "ds-drawer_root_4nbv0_10", O = "ds-drawer_root--end_4nbv0_68", y = "ds-drawer_content-wrapper_4nbv0_169", z = "ds-drawer_content-wrapper--no-footer_4nbv0_175", L = "ds-drawer_close-button_4nbv0_178", M = "ds-drawer_header_4nbv0_191", P = "ds-drawer_content_4nbv0_169", j = "ds-drawer_footer_4nbv0_193", H = "ds-drawer_header--scrollable_4nbv0_214", T = "ds-drawer_header--close-button_4nbv0_223", A = "ds-drawer_content--no-footer_4nbv0_237", V = "ds-drawer_footer--scrollable_4nbv0_244", o = {
   root: I,
   rootEnd: O,
   contentWrapper: y,

package/chunks/{Fieldset.Bk8W5h13.js → Fieldset.7WM7w62l.js}

@@ -1,14 +1,14 @@
 "use client";
 import { jsxs as d, jsx as r, Fragment as M } from "react/jsx-runtime";
-import { c as m } from "./index.DL9mof6u.js";
+import { c as m } from "./index.DQOqod3i.js";
 import "react";
-import { Asterisk as S } from "../asterisk.B2ih8VwF.js";
-import { DSHeading as P } from "../heading.DHLpT4dc.js";
-import { D as x } from "./Popover.C9tT8xkE.js";
-import { D as E } from "./SystemFeedback.CjlARKki.js";
+import { Asterisk as S } from "../asterisk.Dwtdwpkq.js";
+import { DSHeading as P } from "../heading.BHSklXho.js";
+import { D as x } from "./Popover.C5wtha5l.js";
+import { D as E } from "./SystemFeedback.DFN6Y2cw.js";
 import { g as y } from "./helpers.CexwVao7.js";
-import "./index.D-sRdssb.js";
-import '../assets/Fieldset.Oqu7pOBv.css';const q = "ds-fieldset_root_1rlhb_1", A = "ds-fieldset_child-wrapper_1rlhb_98", T = "ds-fieldset_legend-wrapper_1rlhb_105", U = "ds-fieldset_legend_1rlhb_105", z = "ds-fieldset_legend--utility--m_1rlhb_116", B = "ds-fieldset_description_1rlhb_128", C = "ds-fieldset_description--small_1rlhb_142", I = "ds-fieldset_system-feedback_1rlhb_146", e = {
+import "./index.cKLI89Eg.js";
+import '../assets/Fieldset.DmxbjOm1.css';const q = "ds-fieldset_root_1rlhb_1", A = "ds-fieldset_child-wrapper_1rlhb_98", T = "ds-fieldset_legend-wrapper_1rlhb_105", U = "ds-fieldset_legend_1rlhb_105", z = "ds-fieldset_legend--utility--m_1rlhb_116", B = "ds-fieldset_description_1rlhb_128", C = "ds-fieldset_description--small_1rlhb_142", I = "ds-fieldset_system-feedback_1rlhb_146", e = {
   root: q,
   childWrapper: A,
   legendWrapper: T,

package/chunks/Header.DyqOlV8L.js

@@ -0,0 +1,402 @@
+"use client";
+import { jsx as y, jsxs as ge, Fragment as Ee } from "react/jsx-runtime";
+import { d as D } from "./index.cKLI89Eg.js";
+import { c as x } from "./index.DQOqod3i.js";
+import { useState as T, useEffect as Y, useContext as ie, createContext as Fe, useRef as z } from "react";
+import { g as I, c as O, p as pe } from "./helpers.CexwVao7.js";
+import { u as Ne } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { DSLogo as Re } from "../logo.D7LnRA1E.js";
+import { Logo100Years as Ce } from "../logo100years.C0IojOp9.js";
+import '../assets/Header.BNYL2Y78.css';const ue = (i) => {
+  const e = D.c(7);
+  let t;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = {
+    width: 0,
+    height: 0
+  }, e[0] = t) : t = e[0];
+  const [o, n] = T(t);
+  let a, d;
+  e[1] !== i ? (a = () => {
+    const r = i.current;
+    r && n({
+      width: r.offsetWidth,
+      height: r.offsetHeight
+    });
+  }, d = [i], e[1] = i, e[2] = a, e[3] = d) : (a = e[2], d = e[3]), Ne(a, d);
+  let s, l;
+  return e[4] !== i ? (s = () => {
+    const r = i.current;
+    if (!r)
+      return;
+    const h = new ResizeObserver((m) => {
+      const A = m[0];
+      if (!A)
+        return;
+      const f = {
+        width: A.contentRect.width,
+        height: A.contentRect.height
+      };
+      n((p) => p.width === f.width && p.height === f.height ? p : f);
+    });
+    return h.observe(r), () => h.disconnect();
+  }, l = [i], e[4] = i, e[5] = s, e[6] = l) : (s = e[5], l = e[6]), Y(s, l), o;
+}, Ve = (i) => {
+  const e = D.c(3), t = i, [o, n] = T("down");
+  let a, d;
+  return e[0] !== t ? (a = () => {
+    let s = window.scrollY;
+    const l = () => {
+      const r = window.scrollY, h = r > s ? "down" : "up";
+      Math.abs(r - s) > t && (n(h), s = r);
+    };
+    return window.addEventListener("scroll", l, {
+      passive: !0
+    }), () => window.removeEventListener("scroll", l);
+  }, d = [t], e[0] = t, e[1] = a, e[2] = d) : (a = e[1], d = e[2]), Y(a, d), o;
+}, bt = ["full", "main"], Me = ({
+  hasBrandArea: i,
+  hasPrimaryArea: e,
+  hasSecondaryArea: t
+}) => {
+  if (i)
+    throw new Error(I("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(I("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(I("DSHeader", "A <DSTopBar.SecondaryArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
+}, qe = "ds-top-bar_root_q6oxc_1", ke = "ds-top-bar_root--sticky_q6oxc_49", $e = "ds-top-bar_root--fixed_q6oxc_53", We = "ds-top-bar_content_q6oxc_62", ze = "ds-top-bar_content--variant-full_q6oxc_81", Ie = "ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85", Ye = "ds-top-bar_primary_q6oxc_90", Le = "ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105", Ue = "ds-top-bar_brand_q6oxc_110", je = "ds-top-bar_content--has-primary-area_q6oxc_85", Ge = "ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149", Je = "ds-top-bar_brand-add-on_q6oxc_213", Ke = "ds-top-bar_brand-add-on--double_q6oxc_234", Qe = "ds-top-bar_sub-title_q6oxc_248", Xe = "ds-top-bar_secondary_q6oxc_274", Ze = "ds-top-bar_logo_q6oxc_283", et = "ds-top-bar_logo--reduced_q6oxc_293", _ = {
+  root: qe,
+  rootSticky: ke,
+  rootFixed: $e,
+  content: We,
+  contentVariantFull: ze,
+  contentHasPrimaryAreaAndSecondaryArea: Ie,
+  primary: Ye,
+  contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea: Le,
+  brand: Ue,
+  contentHasPrimaryArea: je,
+  contentHasPrimaryAreaWithBrandAddOn: Ge,
+  brandAddOn: Je,
+  brandAddOnDouble: Ke,
+  subTitle: Qe,
+  secondary: Xe,
+  logo: Ze,
+  logoReduced: et
+}, tt = ({
+  hasBrandArea: i,
+  hasPrimaryArea: e,
+  hasSecondaryArea: t
+}) => {
+  if (!i)
+    throw new Error(I("DSTopBar", "A <DSTopBar.BrandArea> component is required. Please include it as a child of DSTopBar."));
+  if (!e && t)
+    throw new Error(I("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>."));
+}, Se = (i) => i == null || typeof i == "object" && !Array.isArray(i) && i !== null && Object.keys(i).length === 0, St = ["100years"], k = (i) => {
+  const e = D.c(28);
+  let t, o, n, a;
+  e[0] !== i ? ({
+    children: t,
+    className: o,
+    rootClassName: a,
+    ...n
+  } = i, e[0] = i, e[1] = t, e[2] = o, e[3] = n, e[4] = a) : (t = e[1], o = e[2], n = e[3], a = e[4]);
+  const {
+    variant: d,
+    isHeaderSticky: s,
+    isMobile: l,
+    topBarAreaRef: r,
+    isStickyMainNavigationVisible: h,
+    hasBrandAddOn: m
+  } = ie(L);
+  let A, f;
+  if (e[5] !== t || e[6] !== o || e[7] !== m || e[8] !== s || e[9] !== l || e[10] !== h || e[11] !== a || e[12] !== d) {
+    const w = O(t, _e), g = O(t, ye), c = O(t, ve);
+    process.env.NODE_ENV !== "production" && tt({
+      hasBrandArea: w,
+      hasPrimaryArea: g,
+      hasSecondaryArea: c
+    });
+    let N;
+    e[15] !== s || e[16] !== l || e[17] !== h || e[18] !== a ? (N = x(_.root, a, s ? {
+      [_.rootSticky]: !l && h,
+      [_.rootFixed]: !l && !h
+    } : {}), e[15] = s, e[16] = l, e[17] = h, e[18] = a, e[19] = N) : N = e[19], A = N, f = x(_.content, o, {
+      [_.contentHasPrimaryArea]: g && !m && !c,
+      [_.contentHasPrimaryAreaWithBrandAddOn]: g && m && !c,
+      [_.contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea]: m && g && c,
+      [_.contentHasPrimaryAreaAndSecondaryArea]: g && c && !m,
+      [_.contentVariantFull]: d === "full"
+    }), e[5] = t, e[6] = o, e[7] = m, e[8] = s, e[9] = l, e[10] = h, e[11] = a, e[12] = d, e[13] = A, e[14] = f;
+  } else
+    A = e[13], f = e[14];
+  const p = f;
+  let u;
+  e[20] !== t || e[21] !== p || e[22] !== n ? (u = /* @__PURE__ */ y("section", { className: p, ...n, children: t }), e[20] = t, e[21] = p, e[22] = n, e[23] = u) : u = e[23];
+  let v;
+  return e[24] !== A || e[25] !== u || e[26] !== r ? (v = /* @__PURE__ */ y("div", { className: A, ref: r, children: u }), e[24] = A, e[25] = u, e[26] = r, e[27] = v) : v = e[27], v;
+}, _e = (i) => {
+  const e = D.c(22), {
+    children: t,
+    className: o
+  } = i, {
+    logoProps: n,
+    brandAddOnProps: a,
+    setHasBrandAddOn: d
+  } = ie(L), {
+    aria: s,
+    logo: l,
+    href: r,
+    target: h
+  } = n || {}, m = l === void 0 ? "main" : l, A = r === void 0 ? "/" : r, f = h === void 0 ? "_self" : h;
+  let p;
+  e[0] !== a || e[1] !== t || e[2] !== d ? (p = () => {
+    t || !Se(a) ? d?.(!0) : d?.(!1);
+  }, e[0] = a, e[1] = t, e[2] = d, e[3] = p) : p = e[3];
+  let u;
+  e[4] !== a || e[5] !== t ? (u = [t, a], e[4] = a, e[5] = t, e[6] = u) : u = e[6], Y(p, u);
+  const v = x(_.logo, {
+    [_.logoReduced]: m.includes("reduced")
+  });
+  let w;
+  e[7] !== o ? (w = x(_.brand, o), e[7] = o, e[8] = w) : w = e[8];
+  let g;
+  e[9] !== s || e[10] !== A || e[11] !== m || e[12] !== v || e[13] !== f ? (g = /* @__PURE__ */ y(Re, { className: v, aria: s, logo: m, href: A, target: f }), e[9] = s, e[10] = A, e[11] = m, e[12] = v, e[13] = f, e[14] = g) : g = e[14];
+  let c;
+  e[15] !== a ? (c = Se(a) ? void 0 : /* @__PURE__ */ y(Be, { ...a }), e[15] = a, e[16] = c) : c = e[16];
+  let N;
+  return e[17] !== t || e[18] !== w || e[19] !== g || e[20] !== c ? (N = /* @__PURE__ */ ge("div", { className: w, children: [
+    g,
+    c,
+    t
+  ] }), e[17] = t, e[18] = w, e[19] = g, e[20] = c, e[21] = N) : N = e[21], N;
+};
+_e.displayName = "DSTopBar.BrandArea";
+const Be = (i) => {
+  const e = D.c(15), {
+    children: t,
+    className: o,
+    subTitle: n,
+    variant: a
+  } = i;
+  let d;
+  e[0] !== o || e[1] !== n ? (d = x(_.brandAddOn, o, {
+    [_.brandAddOnDouble]: n
+  }), e[0] = o, e[1] = n, e[2] = d) : d = e[2];
+  const s = d;
+  if (n) {
+    let r;
+    e[3] !== t ? (r = /* @__PURE__ */ y("span", { children: t }), e[3] = t, e[4] = r) : r = e[4];
+    let h;
+    e[5] !== n ? (h = n && /* @__PURE__ */ y("span", { className: _.subTitle, children: n }), e[5] = n, e[6] = h) : h = e[6];
+    let m;
+    return e[7] !== s || e[8] !== r || e[9] !== h ? (m = /* @__PURE__ */ ge("div", { className: s, children: [
+      r,
+      h
+    ] }), e[7] = s, e[8] = r, e[9] = h, e[10] = m) : m = e[10], m;
+  }
+  if (a === "100years") {
+    let r;
+    return e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ y(Ce, {}), e[11] = r) : r = e[11], r;
+  }
+  let l;
+  return e[12] !== s || e[13] !== t ? (l = /* @__PURE__ */ y("div", { className: s, children: t }), e[12] = s, e[13] = t, e[14] = l) : l = e[14], l;
+};
+Be.displayName = "DSTopBar.BrandAddOn";
+const ye = (i) => {
+  const e = D.c(5), {
+    children: t,
+    className: o
+  } = i;
+  let n;
+  e[0] !== o ? (n = x(_.primary, o), e[0] = o, e[1] = n) : n = e[1];
+  let a;
+  return e[2] !== t || e[3] !== n ? (a = /* @__PURE__ */ y("div", { className: n, children: t }), e[2] = t, e[3] = n, e[4] = a) : a = e[4], a;
+};
+ye.displayName = "DSTopBar.PrimaryArea";
+const ve = (i) => {
+  const e = D.c(5), {
+    children: t,
+    className: o
+  } = i;
+  let n;
+  e[0] !== o ? (n = x(_.secondary, o), e[0] = o, e[1] = n) : n = e[1];
+  let a;
+  return e[2] !== t || e[3] !== n ? (a = /* @__PURE__ */ y("div", { className: n, children: t }), e[2] = t, e[3] = n, e[4] = a) : a = e[4], a;
+};
+ve.displayName = "DSTopBar.SecondaryArea";
+k.BrandArea = _e;
+k.PrimaryArea = ye;
+k.SecondaryArea = ve;
+const at = "ds-header_root_c5fh4_1", rt = "ds-header_root--sticky_c5fh4_4", nt = "ds-header_root--hidden_c5fh4_9", ot = "ds-header_root--fixed_c5fh4_20", it = "ds-header_main-navigation-area_c5fh4_37", st = "ds-header_main-navigation-area--fixed_c5fh4_90", ct = "ds-header_main-navigation-area--fixed--visible_c5fh4_105", dt = "ds-header_main-navigation-content_c5fh4_111", lt = "ds-header_main-navigation-content--variant-full_c5fh4_115", ht = "ds-header_header-placeholder_c5fh4_120", mt = "ds-header_header-placeholder--with-banner_c5fh4_123", S = {
+  root: at,
+  rootSticky: rt,
+  rootHidden: nt,
+  rootFixed: ot,
+  mainNavigationArea: it,
+  mainNavigationAreaFixed: st,
+  mainNavigationAreaFixedVisible: ct,
+  mainNavigationContent: dt,
+  mainNavigationContentVariantFull: lt,
+  headerPlaceholder: ht,
+  headerPlaceholderWithBanner: mt
+}, L = Fe({
+  variant: "main"
+}), se = (i) => {
+  const e = D.c(61);
+  let t, o, n, a, d, s, l;
+  e[0] !== i ? ({
+    children: o,
+    brandAddOnProps: t,
+    className: n,
+    isHeaderSticky: s,
+    variant: l,
+    logoProps: a,
+    ...d
+  } = i, e[0] = i, e[1] = t, e[2] = o, e[3] = n, e[4] = a, e[5] = d, e[6] = s, e[7] = l) : (t = e[1], o = e[2], n = e[3], a = e[4], d = e[5], s = e[6], l = e[7]);
+  const r = s === void 0 ? !1 : s, h = l === void 0 ? "main" : l, [m, A] = T(!1);
+  let f;
+  e[8] !== o ? (f = O(o, se.BannerArea, !0), e[8] = o, e[9] = f) : f = e[9];
+  const p = f, u = O(o, k.BrandArea), v = O(o, k.PrimaryArea), w = O(o, k.SecondaryArea);
+  process.env.NODE_ENV !== "production" && Me({
+    hasBrandArea: u,
+    hasPrimaryArea: v,
+    hasSecondaryArea: w
+  });
+  const g = Ve(2), [c, N] = T(!1), $ = z(null), U = z(null), ce = z(null), de = z(null), [le, xe] = T(!1), [E, De] = T(!1), [H, be] = T(!0), [he, Pe] = T(!1), me = z(c), j = ue($), G = ue(ce), J = ue(U), fe = G.height + j.height + J.height;
+  let K, Q;
+  e[10] !== r ? (K = () => {
+    if (r) {
+      const b = () => {
+        N((P) => (me.current = P, window.innerWidth < 1024));
+      };
+      return b(), window.addEventListener("resize", b), () => window.removeEventListener("resize", b);
+    }
+  }, Q = [r], e[10] = r, e[11] = K, e[12] = Q) : (K = e[11], Q = e[12]), Y(K, Q);
+  let X;
+  e[13] !== j.height || e[14] !== J.height || e[15] !== G.height ? (X = () => {
+    const b = document.documentElement, P = j.height || 0, ne = G.height || 0;
+    let B;
+    if (!de.current)
+      B = P + ne;
+    else {
+      const q = J.height || 0;
+      !q || q === P ? B = parseInt(b.style.getPropertyValue("--ds-header-height").replace("rem", "")) * 16 || 0 : B = q;
+    }
+    b.style.setProperty("--ds-banner-height", `${pe(P)}rem`), b.style.setProperty("--ds-header-height", `${pe(B)}rem`), b.style.setProperty("--ds-top-bar-height", `${pe(ne)}rem`);
+  }, e[13] = j.height, e[14] = J.height, e[15] = G.height, e[16] = X) : X = e[16];
+  let Z;
+  e[17] !== fe ? (Z = [fe], e[17] = fe, e[18] = Z) : Z = e[18], Ne(X, Z);
+  let ee;
+  e[19] !== r || e[20] !== c || e[21] !== H || e[22] !== g ? (ee = () => {
+    if (r) {
+      const b = () => {
+        const B = U.current, q = !!B && window.scrollY <= B.offsetHeight;
+        xe(q);
+        const W = de.current, oe = ce.current;
+        if (!c && me.current && !H) {
+          be(q && !!B && window.scrollY <= B.offsetHeight);
+          return;
+        }
+        const Te = !!oe && !!W && W.getBoundingClientRect().bottom > oe.getBoundingClientRect().bottom, Oe = !W && !!oe && !!$.current && (window.scrollY >= $.current.offsetHeight || 0) || !W && !$.current && !!oe && window.scrollY >= 1;
+        be(W ? Te && !!B && window.scrollY <= B.offsetHeight : !Oe);
+      };
+      window.addEventListener("scroll", b, {
+        passive: !0
+      }), b();
+      const P = U.current, ne = !!P && P.getBoundingClientRect().bottom > 0;
+      return c && De(g === "up" && !ne), c || Pe(g === "up" && !H), () => {
+        window.removeEventListener("scroll", b);
+      };
+    }
+  }, e[19] = r, e[20] = c, e[21] = H, e[22] = g, e[23] = ee) : ee = e[23];
+  let te;
+  e[24] !== r || e[25] !== c || e[26] !== g ? (te = [r, c, me, g], e[24] = r, e[25] = c, e[26] = g, e[27] = te) : te = e[27], Y(ee, te);
+  let ae;
+  e[28] !== n || e[29] !== E || e[30] !== r || e[31] !== le || e[32] !== c ? (ae = x(S.root, n, r ? {
+    [S.rootSticky]: c,
+    [S.rootHidden]: c && !le,
+    [S.rootFixed]: c && E
+  } : {}), e[28] = n, e[29] = E, e[30] = r, e[31] = le, e[32] = c, e[33] = ae) : ae = e[33];
+  const Ae = ae;
+  let F;
+  e[34] !== t || e[35] !== m || e[36] !== he || e[37] !== r || e[38] !== c || e[39] !== H || e[40] !== a || e[41] !== h ? (F = {
+    variant: h,
+    bannerAreaRef: $,
+    brandAddOnProps: t,
+    hasBrandAddOn: m,
+    setHasBrandAddOn: A,
+    isFixedMainNavigation: he,
+    isHeaderSticky: r,
+    isMobile: c,
+    isStickyMainNavigationVisible: H,
+    mainNavigationAreaRef: de,
+    topBarAreaRef: ce,
+    logoProps: a
+  }, e[34] = t, e[35] = m, e[36] = he, e[37] = r, e[38] = c, e[39] = H, e[40] = a, e[41] = h, e[42] = F) : F = e[42];
+  let R;
+  e[43] !== o || e[44] !== F ? (R = /* @__PURE__ */ y(L.Provider, { value: F, children: o }), e[43] = o, e[44] = F, e[45] = R) : R = e[45];
+  let C;
+  e[46] !== d || e[47] !== Ae || e[48] !== R ? (C = /* @__PURE__ */ y("header", { className: Ae, ...d, ref: U, children: R }), e[46] = d, e[47] = Ae, e[48] = R, e[49] = C) : C = e[49];
+  let V;
+  e[50] !== E || e[51] !== c ? (V = c && E && /* @__PURE__ */ y("div", { className: S.headerPlaceholder }), e[50] = E, e[51] = c, e[52] = V) : V = e[52];
+  let M;
+  e[53] !== p || e[54] !== c || e[55] !== H ? (M = !c && !H && /* @__PURE__ */ y("div", { className: p ? S.headerPlaceholderWithBanner : S.headerPlaceholder }), e[53] = p, e[54] = c, e[55] = H, e[56] = M) : M = e[56];
+  let re;
+  return e[57] !== C || e[58] !== V || e[59] !== M ? (re = /* @__PURE__ */ ge(Ee, { children: [
+    C,
+    V,
+    M
+  ] }), e[57] = C, e[58] = V, e[59] = M, e[60] = re) : re = e[60], re;
+}, we = (i) => {
+  const e = D.c(4), {
+    children: t,
+    className: o
+  } = i, {
+    bannerAreaRef: n
+  } = ie(L);
+  let a;
+  return e[0] !== n || e[1] !== t || e[2] !== o ? (a = /* @__PURE__ */ y("div", { ref: n, className: o, children: t }), e[0] = n, e[1] = t, e[2] = o, e[3] = a) : a = e[3], a;
+};
+we.displayName = "DSHeader.BannerArea";
+const He = (i) => {
+  const e = D.c(15), {
+    children: t,
+    className: o
+  } = i, {
+    variant: n,
+    isFixedMainNavigation: a,
+    isHeaderSticky: d,
+    isMobile: s,
+    isStickyMainNavigationVisible: l,
+    mainNavigationAreaRef: r
+  } = ie(L);
+  let h;
+  e[0] !== o || e[1] !== a || e[2] !== d || e[3] !== s || e[4] !== l ? (h = x(S.mainNavigationArea, o, d ? {
+    [S.mainNavigationAreaFixed]: !s && !l,
+    [S.mainNavigationAreaFixedVisible]: !s && a
+  } : {}), e[0] = o, e[1] = a, e[2] = d, e[3] = s, e[4] = l, e[5] = h) : h = e[5];
+  const m = h, A = n === "full";
+  let f;
+  e[6] !== A ? (f = x(S.mainNavigationContent, {
+    [S.mainNavigationContentVariantFull]: A
+  }), e[6] = A, e[7] = f) : f = e[7];
+  const p = f;
+  let u;
+  e[8] !== t || e[9] !== p ? (u = /* @__PURE__ */ y("div", { className: p, children: t }), e[8] = t, e[9] = p, e[10] = u) : u = e[10];
+  let v;
+  return e[11] !== r || e[12] !== m || e[13] !== u ? (v = /* @__PURE__ */ y("div", { className: m, ref: r, children: u }), e[11] = r, e[12] = m, e[13] = u, e[14] = v) : v = e[14], v;
+};
+He.displayName = "DSHeader.MainNavigationArea";
+se.BannerArea = we;
+se.MainNavigationArea = He;
+se.displayName = "DSHeader";
+export {
+  St as B,
+  L as D,
+  bt as H,
+  se as a,
+  k as b,
+  tt as c,
+  Se as i,
+  Me as v
+};