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

package/chunks/Header.DqZRryB5.js

@@ -0,0 +1,366 @@
+"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
+};

package/chunks/MegaMenu.BY7eOnhj.js

@@ -0,0 +1,189 @@
+"use client";
+import { jsx as b, jsxs as Q } from "react/jsx-runtime";
+import { d as I } from "./index.CgTHIF3K.js";
+import { isValidElement as G, useState as W, createContext as X, forwardRef as H, cloneElement as Y, useContext as q } from "react";
+import { u as Z, a as A, b as B, c as R, d as ee, o as te, e as z, f as ne, F as se, g as oe, h as le } from "./floating-ui.react.x0F9CYgn.js";
+import { c as j } from "./index.CEyLAtio.js";
+import { g as P, c as T } from "./helpers.BbWkXTr3.js";
+import { D as ce } from "./Header.DqZRryB5.js";
+import { a as ae } from "./floating-ui.dom.C9TD1WpB.js";
+import '../assets/MegaMenu.DX9gChtY.css';const re = "ds-mega-menu_root_11fw1_1", ie = "ds-mega-menu_content_11fw1_109", ue = "ds-mega-menu_content--variant-full_11fw1_134", de = "ds-mega-menu_backdrop_11fw1_139", V = {
+  root: re,
+  content: ie,
+  contentVariantFull: ue,
+  backdrop: de
+}, fe = 9, me = (s) => {
+  const t = I.c(17);
+  let e;
+  t[0] !== s ? (e = s === void 0 ? {} : s, t[0] = s, t[1] = e) : e = t[1];
+  const {
+    initialOpen: n,
+    isOpen: o,
+    onOpenChange: c
+  } = e, m = n === void 0 ? !1 : n, [a, l] = W(m), d = o ?? a, r = c ?? l;
+  let i;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (i = [te(fe)], t[2] = i) : i = t[2];
+  let u;
+  t[3] !== d || t[4] !== r ? (u = {
+    placement: "bottom-start",
+    open: d,
+    onOpenChange: r,
+    whileElementsMounted: ae,
+    strategy: "absolute",
+    transform: !1,
+    middleware: i
+  }, t[3] = d, t[4] = r, t[5] = u) : u = t[5];
+  const g = Z(u), _ = g.context;
+  let h;
+  t[6] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    enabled: !0
+  }, t[6] = h) : h = t[6];
+  const k = A(_, h), f = B(_);
+  let p;
+  t[7] === Symbol.for("react.memo_cache_sentinel") ? (p = {
+    role: "menu"
+  }, t[7] = p) : p = t[7];
+  const C = R(_, p);
+  let S;
+  t[8] !== k || t[9] !== f || t[10] !== C ? (S = [k, f, C], t[8] = k, t[9] = f, t[10] = C, t[11] = S) : S = t[11];
+  const D = ee(S);
+  let E, M;
+  return t[12] !== g || t[13] !== D || t[14] !== d || t[15] !== r ? (M = {
+    open: d,
+    setOpen: r,
+    ...D,
+    ...g
+  }, t[12] = g, t[13] = D, t[14] = d, t[15] = r, t[16] = M) : M = t[16], E = M, E;
+}, Me = (s) => {
+  if (!G(s))
+    throw new Error(P("DSMegaMenu", "DSMegaMenu.Anchor child must be a valid React element."));
+}, ge = ({
+  hasContent: s,
+  hasAnchor: t
+}) => {
+  if (!s)
+    throw new Error(P("DSMegaMenu", "A DSMegaMenu must have a <DSMegaMenu.Content> component as a child. Please add it to the children of DSMegaMenu."));
+  if (!t)
+    throw new Error(P("DSMegaMenu", "A DSMegaMenu must have a <DSMegaMenu.Anchor> component as a child. Please add it to the children of DSMegaMenu."));
+}, J = X(null), K = () => {
+  const s = q(J);
+  if (s == null)
+    throw new Error(P("DSMegaMenu", "Components like DSMegaMenu.Anchor or DSMegaMenu.Content must be wrapped in <DSMegaMenu />."));
+  return s;
+}, $ = (s) => {
+  const t = I.c(9);
+  let e, n;
+  t[0] !== s ? ({
+    children: e,
+    ...n
+  } = s, t[0] = s, t[1] = e, t[2] = n) : (e = t[1], n = t[2]);
+  let o;
+  t[3] !== n ? (o = {
+    ...n
+  }, t[3] = n, t[4] = o) : o = t[4];
+  const c = me(o), m = T(e, $.Content), a = T(e, U);
+  process.env.NODE_ENV !== "production" && ge({
+    hasContent: m,
+    hasAnchor: a
+  });
+  let l;
+  return t[5] !== e || t[6] !== c || t[7] !== n ? (l = /* @__PURE__ */ b(J.Provider, { value: c, ...n, children: e }), t[5] = e, t[6] = c, t[7] = n, t[8] = l) : l = t[8], l;
+}, U = H((s, t) => {
+  const e = I.c(12);
+  let n, o;
+  e[0] !== s ? ({
+    children: n,
+    ...o
+  } = s, e[0] = s, e[1] = n, e[2] = o) : (n = e[1], o = e[2]), process.env.NODE_ENV !== "production" && Me(n);
+  const c = K(), m = n.ref;
+  let a;
+  e[3] !== m || e[4] !== c.refs.setReference || e[5] !== t ? (a = [c.refs.setReference, t, m], e[3] = m, e[4] = c.refs.setReference, e[5] = t, e[6] = a) : a = e[6];
+  const l = z(a);
+  if (G(n)) {
+    let d;
+    return e[7] !== n || e[8] !== c || e[9] !== o || e[10] !== l ? (d = Y(n, c.getReferenceProps({
+      ref: l,
+      ...o,
+      ...n.props,
+      "data-state": c.open ? "open" : "closed"
+    })), e[7] = n, e[8] = c, e[9] = o, e[10] = l, e[11] = d) : d = e[11], d;
+  }
+});
+U.displayName = "DSMegaMenu.Anchor";
+const L = H((s, t) => {
+  const e = I.c(45);
+  let n, o, c;
+  e[0] !== s ? ({
+    style: c,
+    className: n,
+    ...o
+  } = s, e[0] = s, e[1] = n, e[2] = o, e[3] = c) : (n = e[1], o = e[2], c = e[3]);
+  const m = K();
+  let a, l;
+  e[4] !== m ? ({
+    context: a,
+    ...l
+  } = m, e[4] = m, e[5] = a, e[6] = l) : (a = e[5], l = e[6]);
+  const {
+    variant: d,
+    bannerAreaRef: r,
+    topBarAreaRef: i,
+    mainNavigationAreaRef: u
+  } = q(ce);
+  let g;
+  e[7] !== t || e[8] !== l.refs.setFloating ? (g = [l.refs.setFloating, t], e[7] = t, e[8] = l.refs.setFloating, e[9] = g) : g = e[9];
+  const _ = z(g);
+  let h;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    duration: {
+      open: 400,
+      close: 400
+    }
+  }, e[10] = h) : h = e[10];
+  const {
+    isMounted: k,
+    status: f
+  } = ne(a, h);
+  let p;
+  e[11] !== n ? (p = j(V.root, n), e[11] = n, e[12] = p) : p = e[12];
+  const C = p, S = d === "full";
+  let D;
+  e[13] !== S ? (D = j(V.content, {
+    [V.contentVariantFull]: S
+  }), e[13] = S, e[14] = D) : D = e[14];
+  const E = D;
+  if (!k)
+    return null;
+  let M;
+  e[15] !== f ? (M = /* @__PURE__ */ b("div", { className: V.backdrop, "data-status": f }), e[15] = f, e[16] = M) : M = e[16];
+  let w;
+  e[17] !== (r == null ? void 0 : r.current) || e[18] !== (u == null ? void 0 : u.current) || e[19] !== (i == null ? void 0 : i.current) ? (w = () => [u == null ? void 0 : u.current, i == null ? void 0 : i.current, r == null ? void 0 : r.current].filter(Boolean), e[17] = r == null ? void 0 : r.current, e[18] = u == null ? void 0 : u.current, e[19] = i == null ? void 0 : i.current, e[20] = w) : w = e[20];
+  let x;
+  e[21] !== l.floatingStyles || e[22] !== c ? (x = {
+    ...l.floatingStyles,
+    ...c
+  }, e[21] = l.floatingStyles, e[22] = c, e[23] = x) : x = e[23];
+  let y;
+  e[24] !== o || e[25] !== l ? (y = l.getFloatingProps(o), e[24] = o, e[25] = l, e[26] = y) : y = e[26];
+  let F;
+  e[27] !== E || e[28] !== o.children || e[29] !== f ? (F = /* @__PURE__ */ b("div", { className: E, "data-status": f, children: o.children }), e[27] = E, e[28] = o.children, e[29] = f, e[30] = F) : F = e[30];
+  let O;
+  e[31] !== C || e[32] !== _ || e[33] !== f || e[34] !== y || e[35] !== F || e[36] !== x ? (O = /* @__PURE__ */ b("div", { ref: _, style: x, className: C, "data-status": f, ...y, children: F }), e[31] = C, e[32] = _, e[33] = f, e[34] = y, e[35] = F, e[36] = x, e[37] = O) : O = e[37];
+  let v;
+  e[38] !== a || e[39] !== O || e[40] !== w ? (v = /* @__PURE__ */ b(se, { context: a, modal: !1, outsideElementsInert: !0, getInsideElements: w, children: O }), e[38] = a, e[39] = O, e[40] = w, e[41] = v) : v = e[41];
+  let N;
+  return e[42] !== v || e[43] !== M ? (N = /* @__PURE__ */ b(oe, { children: /* @__PURE__ */ Q(le, { lockScroll: !0, children: [
+    M,
+    v
+  ] }) }), e[42] = v, e[43] = M, e[44] = N) : N = e[44], N;
+});
+L.displayName = "DSMegaMenu.Content";
+$.Anchor = U;
+$.Content = L;
+$.displayName = "DSMegaMenu";
+export {
+  $ as D,
+  ge as a,
+  me as u,
+  Me as v
+};