@stihl-design-system/components 1.0.0-RC.30 → 1.0.0-RC.32

package/chunks/Chip.31UfPwQF.js

@@ -1,119 +0,0 @@
-"use client";
-import { jsxs as F, jsx as q } from "react/jsx-runtime";
-import { d as B } from "./index.CgTHIF3K.js";
-import { c as W } from "./index.CEyLAtio.js";
-import { forwardRef as Z } from "react";
-import { t as J } from "./translate.nuU7uChI.js";
-import { D as H } from "./Icon.DGTYCv63.js";
-import { g as x, r as U } from "./helpers.BbWkXTr3.js";
-import { g as K } from "./AriaLiveRegions.utils.Cb327d_2.js";
-import '../assets/Chip.dxIYIjj7.css';const Q = "ds-chip-group_chip_aidwn_1", V = "ds-chip-group_chip--small_aidwn_30", M = {
-  chip: Q,
-  chipSmall: V
-}, me = ({
-  chips: t,
-  id: l,
-  label: e
-}) => {
-  if (!Array.isArray(t))
-    throw new Error(x("DSChipGroup", U("chips", "DSChipGroup")));
-  if (!l)
-    throw new Error(x("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(x("DSChipGroup", U("label", "DSChipGroup")));
-}, ue = () => {
-  if (!K())
-    throw new Error(x("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".'));
-}, fe = ["medium", "small"], X = {
-  disabled: "disabled",
-  selected: "selected",
-  // {0} is the action (e.g., select/unselect)
-  selectChip: "press space to {0}",
-  unselectAction: "unselect",
-  selectAction: "select",
-  addToSelection: "add this option to selection",
-  removeFromSelection: "remove this option from selection",
-  removeChip: "press Backspace to remove the currently focused value",
-  titleDisabled: "Disabled",
-  titleRemovable: "Remove filter",
-  titleDeactivate: "Deactivate property",
-  titleActivate: "Activate property"
-}, Y = {
-  disabled: "deaktiviert",
-  selected: "ausgewählt",
-  // {0} is the action (e.g., select/unselect)
-  selectChip: "drücke Leertaste, um {0}",
-  unselectAction: "abzuwählen",
-  selectAction: "auszuwählen",
-  addToSelection: "diese Option zur Auswahl hinzuzufügen",
-  removeFromSelection: "diese Option aus der Auswahl zu entfernen",
-  removeChip: "drücke Backspace, um den aktuell fokussierten Wert zu entfernen",
-  titleDisabled: "Deaktiviert",
-  titleRemovable: "Filter entfernen",
-  titleDeactivate: "Eigenschaft deaktivieren",
-  titleActivate: "Eigenschaft aktivieren"
-}, ee = {
-  en: X,
-  de: Y
-}, te = (t, l, e, i, o, a) => e ? `${l}, ${t("disabled")}` : a ? `${l}, ${t("removeChip")}` : `${l}, ${i ? `${t("selected")}, ` : ""}${t("selectChip", [t(o === "single" ? i ? "unselectAction" : "selectAction" : i ? "removeFromSelection" : "addToSelection")])}`, ie = (t, l, e, i) => t(l ? "titleDisabled" : i ? "titleRemovable" : e ? "titleDeactivate" : "titleActivate"), se = Z((t, l) => {
-  const e = B.c(63);
-  let i, o, a, s, n, r, c, p, d, h, I, G, m, T;
-  e[0] !== t ? ({
-    id: a,
-    label: r,
-    groupId: i,
-    isRemovable: s,
-    selectionMode: d,
-    disabled: I,
-    iconName: o,
-    isSelected: n,
-    lang: G,
-    size: h,
-    tabIndex: m,
-    translations: T,
-    onClick: c,
-    ...p
-  } = t, e[0] = t, e[1] = i, e[2] = o, e[3] = a, e[4] = s, e[5] = n, e[6] = r, e[7] = c, e[8] = p, e[9] = d, e[10] = h, e[11] = I, e[12] = G, e[13] = m, e[14] = T) : (i = e[1], o = e[2], a = e[3], s = e[4], n = e[5], r = e[6], c = e[7], p = e[8], d = e[9], h = e[10], I = e[11], G = e[12], m = e[13], T = e[14]);
-  const P = I === void 0 ? !1 : I, O = T || ee[G === void 0 ? "en" : G];
-  let u, f, v, S, D, b, g, C, A, _, w;
-  if (e[15] !== P || e[16] !== i || e[17] !== a || e[18] !== s || e[19] !== n || e[20] !== r || e[21] !== c || e[22] !== l || e[23] !== p || e[24] !== d || e[25] !== h || e[26] !== O || e[27] !== m) {
-    const L = J(O), z = h === "small";
-    let $;
-    e[39] !== z ? ($ = W(M.chip, {
-      [M.chipSmall]: z
-    }), e[39] = z, e[40] = $) : $ = e[40];
-    const j = $;
-    b = "row", g = te(L, r, P, n, d, s), C = n && !s, A = P && !s, _ = `${i}-chip-${a}`, w = j, u = m, f = c, v = l, S = p, D = ie(L, P, n, s), e[15] = P, e[16] = i, e[17] = a, e[18] = s, e[19] = n, e[20] = r, e[21] = c, e[22] = l, e[23] = p, e[24] = d, e[25] = h, e[26] = O, e[27] = m, e[28] = u, e[29] = f, e[30] = v, e[31] = S, e[32] = D, e[33] = b, e[34] = g, e[35] = C, e[36] = A, e[37] = _, e[38] = w;
-  } else
-    u = e[28], f = e[29], v = e[30], S = e[31], D = e[32], b = e[33], g = e[34], C = e[35], A = e[36], _ = e[37], w = e[38];
-  let E;
-  e[41] === Symbol.for("react.memo_cache_sentinel") ? (E = {
-    display: "contents"
-  }, e[41] = E) : E = e[41];
-  let y;
-  e[42] !== o ? (y = o && /* @__PURE__ */ q(H, { name: o, "aria-hidden": "true" }), e[42] = o, e[43] = y) : y = e[43];
-  let R;
-  e[44] !== r || e[45] !== y ? (R = /* @__PURE__ */ F("div", { role: "gridcell", "aria-colindex": 1, style: E, children: [
-    y,
-    r
-  ] }), e[44] = r, e[45] = y, e[46] = R) : R = e[46];
-  let k;
-  e[47] !== s ? (k = s && /* @__PURE__ */ q(H, { name: "cross" }), e[47] = s, e[48] = k) : k = e[48];
-  let N;
-  return e[49] !== u || e[50] !== f || e[51] !== v || e[52] !== S || e[53] !== D || e[54] !== R || e[55] !== k || e[56] !== b || e[57] !== g || e[58] !== C || e[59] !== A || e[60] !== _ || e[61] !== w ? (N = /* @__PURE__ */ F("div", { role: b, "aria-label": g, "aria-selected": C, "aria-disabled": A, id: _, className: w, tabIndex: u, onClick: f, ref: v, ...S, title: D, children: [
-    R,
-    k
-  ] }), e[49] = u, e[50] = f, e[51] = v, e[52] = S, e[53] = D, e[54] = R, e[55] = k, e[56] = b, e[57] = g, e[58] = C, e[59] = A, e[60] = _, e[61] = w, e[62] = N) : N = e[62], N;
-});
-se.displayName = "DSChip";
-export {
-  fe as C,
-  X as D,
-  ue as a,
-  Y as b,
-  ee as c,
-  ie as d,
-  se as e,
-  te as g,
-  me as v
-};

package/chunks/Header.DqZRryB5.js

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