highsoft-ui 1.0.95 → 1.0.97

package/dist/components/Header/index.js

@@ -1,19 +1,19 @@
-import { jsx as e, jsxs as c, Fragment as ne } from "react/jsx-runtime";
-import { useRef as K, useState as P, useEffect as A } from "react";
-import { a as Q, b as W, J as oe, c as re, z as ie } from "../../utils-BKDJp1i0.js";
-import { A as se } from "../../Announcement03-obPaH4LK.js";
-import { _ as w } from "../../extends-hS2Bh-Yp.js";
-import { S as j, a as $ } from "../../index-ClA5awl_.js";
+import { jsx as e, jsxs as i, Fragment as ne } from "react/jsx-runtime";
+import { useRef as U, useState as P, useEffect as W } from "react";
+import { a as T, b as A, J as oe, c as re, z as se } from "../../utils-BKDJp1i0.js";
+import { A as ie } from "../../Announcement03-obPaH4LK.js";
+import { _ as p } from "../../extends-hS2Bh-Yp.js";
 import { X as ce } from "../../XClose-CCu1vrNS.js";
-import { c as b } from "../../clsx-OuTLNxxd.js";
+import { c as x } from "../../clsx-OuTLNxxd.js";
 import { Button as m } from "../Button/index.js";
-import { Container as U } from "../Container/index.js";
-import { Logo as R } from "../Logo/index.js";
+import { Container as G } from "../Container/index.js";
+import { Logo as j } from "../Logo/index.js";
 import { NewTag as ae } from "../NewTag/index.js";
 import { Notification as le } from "../Notification/index.js";
-import { PrefPanel as D } from "../PrefPanel/index.js";
+import { Search as $ } from "../Search/index.js";
+import { PrefPanel as R } from "../PrefPanel/index.js";
 var he = function(n) {
-  return /* @__PURE__ */ e("svg", w({
+  return /* @__PURE__ */ e("svg", p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -29,7 +29,7 @@ var he = function(n) {
     })
   }));
 }, de = function(n) {
-  return /* @__PURE__ */ e("svg", w({
+  return /* @__PURE__ */ e("svg", p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -44,8 +44,24 @@ var he = function(n) {
       d: "M11 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8v8.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C5.2798 21 6.1198 21 7.8 21h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V13m-9-5h4v4m-.5-8.5V2m3.9393 2.5607L20.5 3.5m.0103 5h1.5M3 13.3471c.652.1007 1.3199.1529 2 .1529 4.3864 0 8.2653-2.1724 10.6197-5.5"
     })
   }));
+}, F = function(n) {
+  return /* @__PURE__ */ e("svg", p({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, n, {
+    children: /* @__PURE__ */ e("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M13 5c0 1.1046-2.4624 2-5.5 2S2 6.1046 2 5m11 0c0-1.1046-2.4624-2-5.5-2S2 3.8954 2 5m11 0v1.5M2 5v12c0 1.1046 2.4624 2 5.5 2m0-8q-.2528 0-.5-.0082C4.1967 10.9 2 10.0433 2 9m5.5 6C4.4624 15 2 14.1046 2 13m20-1.5c0 1.1046-2.4624 2-5.5 2s-5.5-.8954-5.5-2m11 0c0-1.1046-2.4624-2-5.5-2s-5.5.8954-5.5 2m11 0V19c0 1.1046-2.4624 2-5.5 2s-5.5-.8954-5.5-2v-7.5m11 3.75c0 1.1046-2.4624 2-5.5 2s-5.5-.8954-5.5-2"
+    })
+  }));
 }, me = function(n) {
-  return /* @__PURE__ */ e("svg", w({
+  return /* @__PURE__ */ e("svg", p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -61,7 +77,7 @@ var he = function(n) {
     })
   }));
 }, ue = function(n) {
-  return /* @__PURE__ */ e("svg", w({
+  return /* @__PURE__ */ e("svg", p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -77,7 +93,7 @@ var he = function(n) {
     })
   }));
 }, pe = function(n) {
-  return /* @__PURE__ */ e("svg", w({
+  return /* @__PURE__ */ e("svg", p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -93,7 +109,7 @@ var he = function(n) {
     })
   }));
 }, we = function(n) {
-  return /* @__PURE__ */ e("svg", w({
+  return /* @__PURE__ */ e("svg", p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -108,8 +124,8 @@ var he = function(n) {
       d: "M12 16v5m6 0-3.9514-3.2928c-.7288-.6074-1.0932-.911-1.4999-1.0271a2 2 0 0 0-1.0974 0c-.4067.1161-.7711.4197-1.4999 1.0271L6 21m2-10v1m4-3v3m4-5v5m6-9H2m1 0h18v8.2c0 1.6802 0 2.5202-.327 3.162a3 3 0 0 1-1.311 1.311C18.7202 16 17.8802 16 16.2 16H7.8c-1.6802 0-2.5202 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 13.7202 3 12.8802 3 11.2z"
     })
   }));
-}, F = function(n) {
-  return /* @__PURE__ */ e("svg", w({
+}, D = function(n) {
+  return /* @__PURE__ */ e("svg", p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -124,8 +140,8 @@ var he = function(n) {
       d: "M4.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.7342 4.5089c-.282.7332-.423 1.0998-.6423 1.4082a3 3 0 0 1-.7064.7064c-.3084.2193-.675.3603-1.4082.6423L4 12l4.5089 1.7342c.7332.282 1.0998.423 1.4082.6423.2733.1943.5121.4331.7064.7064.2193.3084.3603.675.6423 1.4082L13 21l1.7342-4.5089c.282-.7332.423-1.0998.6423-1.4082a3 3 0 0 1 .7064-.7064c.3084-.2193.675-.3603 1.4082-.6423L22 12l-4.5089-1.7342c-.7332-.282-1.0998-.423-1.4082-.6423a3 3 0 0 1-.7064-.7064c-.2193-.3084-.3603-.675-.6423-1.4082z"
     })
   }));
-}, G = function(n) {
-  return /* @__PURE__ */ e("svg", w({
+}, V = function(n) {
+  return /* @__PURE__ */ e("svg", p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -141,36 +157,38 @@ var he = function(n) {
     })
   }));
 };
-const fe = "m_QBtq_buttons", ge = "m_QBtq_container", ve = "m_QBtq_gpt", Ce = "m_QBtq_header", ke = "m_QBtq_icon", _e = "m_QBtq_icons", be = "m_QBtq_links", xe = "m_QBtq_logo", Be = "m_QBtq_main", Ne = "m_QBtq_menu", ye = "m_QBtq_mobile", qe = "m_QBtq_mobileOverlay", Se = "m_QBtq_open", Me = "m_QBtq_outer", Te = "m_QBtq_selectableIcon", Qe = "m_QBtq_selected", Ee = "m_QBtq_selectedIcon", He = "m_QBtq_skip", Le = "m_QBtq_sub", Ie = "m_QBtq_subContainer", Oe = "m_QBtq_subTitle", o = {
+const fe = "m_QBtq_buttons", ge = "m_QBtq_container", ve = "m_QBtq_content", ke = "m_QBtq_cta", Ce = "m_QBtq_gpt", _e = "m_QBtq_header", xe = "m_QBtq_icon", be = "m_QBtq_icons", Be = "m_QBtq_links", Ne = "m_QBtq_logo", ye = "m_QBtq_main", qe = "m_QBtq_menu", Se = "m_QBtq_mobile", Me = "m_QBtq_mobileOverlay", Qe = "m_QBtq_open", Te = "m_QBtq_outer", Ee = "m_QBtq_selectableIcon", He = "m_QBtq_selected", Le = "m_QBtq_selectedIcon", Ie = "m_QBtq_skip", Oe = "m_QBtq_sub", Pe = "m_QBtq_subContainer", We = "m_QBtq_subTitle", o = {
   buttons: fe,
   container: ge,
-  gpt: ve,
-  header: Ce,
-  icon: ke,
-  icons: _e,
-  links: be,
-  logo: xe,
-  main: Be,
-  menu: Ne,
-  mobile: ye,
-  mobileOverlay: qe,
-  open: Se,
-  outer: Me,
-  selectableIcon: Te,
-  selected: Qe,
-  selectedIcon: Ee,
-  skip: He,
-  sub: Le,
-  subContainer: Ie,
-  subTitle: Oe
-}, Y = "notifications", J = "theme", Pe = 365 * 20, Ae = (t) => /^\d{1,3}(?:\.\d{1,3}){3}$/.test(t), We = () => {
+  content: ve,
+  cta: ke,
+  gpt: Ce,
+  header: _e,
+  icon: xe,
+  icons: be,
+  links: Be,
+  logo: Ne,
+  main: ye,
+  menu: qe,
+  mobile: Se,
+  mobileOverlay: Me,
+  open: Qe,
+  outer: Te,
+  selectableIcon: Ee,
+  selected: He,
+  selectedIcon: Le,
+  skip: Ie,
+  sub: Oe,
+  subContainer: Pe,
+  subTitle: We
+}, Y = "notifications", J = "theme", Ae = 365 * 20, je = (t) => /^\d{1,3}(?:\.\d{1,3}){3}$/.test(t), $e = () => {
   if (typeof window > "u") return;
   const t = window.location.hostname;
-  if (!t || t === "localhost" || Ae(t))
+  if (!t || t === "localhost" || je(t))
     return;
   const n = t.replace(/^www\./, ""), l = n.split(".");
   return l.length <= 2 ? `.${n}` : `.${l.slice(-2).join(".")}`;
-}, V = () => {
+}, z = () => {
   if (typeof document > "u") return null;
   const t = document.cookie.split("; ").find((n) => n.startsWith(`${Y}=`));
   if (!t) return null;
@@ -179,7 +197,7 @@ const fe = "m_QBtq_buttons", ge = "m_QBtq_container", ve = "m_QBtq_gpt", Ce = "m
   } catch {
     return null;
   }
-}, je = () => {
+}, Re = () => {
   if (typeof document > "u") return null;
   const t = document.cookie.split("; ").find((n) => n.startsWith(`${J}=`));
   if (!t) return null;
@@ -191,15 +209,15 @@ const fe = "m_QBtq_buttons", ge = "m_QBtq_container", ve = "m_QBtq_gpt", Ce = "m
 }, X = (t, n) => {
   if (typeof document > "u") return;
   const l = new Date(
-    Date.now() + Pe * 24 * 60 * 60 * 1e3
-  ).toUTCString(), i = We(), a = [
+    Date.now() + Ae * 24 * 60 * 60 * 1e3
+  ).toUTCString(), s = $e(), a = [
     `${t}=${encodeURIComponent(n)}`,
     "path=/",
     "SameSite=Lax",
     `expires=${l}`
   ];
-  i && a.push(`domain=${i}`), document.cookie = a.join("; ");
-}, z = [
+  s && a.push(`domain=${s}`), document.cookie = a.join("; ");
+}, K = [
   {
     title: "Products",
     url: "https://www.highcharts.com/products/",
@@ -228,46 +246,46 @@ const fe = "m_QBtq_buttons", ge = "m_QBtq_container", ve = "m_QBtq_gpt", Ce = "m
   {
     title: "Blog",
     url: "https://www.highcharts.com/blog/home/",
-    icon: /* @__PURE__ */ e(se, {})
+    icon: /* @__PURE__ */ e(ie, {})
   }
 ];
 function d(t, n) {
   return n ? t.replace(n, "") : t;
 }
-function $e({
+function Fe({
   items: t,
   link: n = "a",
   host: l = "https://www.highcharts.com",
-  pathname: i
+  pathname: s
 }) {
   const a = re();
-  return /* @__PURE__ */ e("div", { className: b(o.sub, o.outer), children: /* @__PURE__ */ e(U, { className: o.subContainer, as: "ul", children: t.map(
+  return /* @__PURE__ */ e("div", { className: x(o.sub, o.outer), children: /* @__PURE__ */ e(G, { className: o.subContainer, as: "ul", children: t.map(
     ({
-      title: q,
+      title: S,
       url: f,
-      prefixMatch: x,
-      icon: S,
-      selectedIcon: B,
-      tag: N,
-      tagVariant: p = "success"
+      prefixMatch: b,
+      icon: B,
+      selectedIcon: N,
+      tag: y,
+      tagVariant: w = "success"
     }, M) => {
-      const u = i || typeof window < "u" && window.location.pathname, g = typeof window < "u" && window.location.origin || "http://example.com", v = new URL(f, g), y = u && (!!i || a) && v.origin === g && (x ? u.startsWith(v.pathname) : v.pathname === u);
-      return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ c(
+      const u = s || typeof window < "u" && window.location.pathname, g = typeof window < "u" && window.location.origin || "http://example.com", v = new URL(f, g), q = u && (!!s || a) && v.origin === g && (b ? u.startsWith(v.pathname) : v.pathname === u);
+      return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
         n,
         {
           href: d(f, l),
-          className: b({
-            [o.selectableIcon]: B,
-            [o.selected]: y
+          className: x({
+            [o.selectableIcon]: N,
+            [o.selected]: q
           }),
           children: [
-            /* @__PURE__ */ c("span", { className: o.icons, children: [
-              /* @__PURE__ */ e("span", { className: o.selectedIcon, children: B }),
-              /* @__PURE__ */ e("span", { className: o.icon, children: S })
+            /* @__PURE__ */ i("span", { className: o.icons, children: [
+              /* @__PURE__ */ e("span", { className: o.selectedIcon, children: N }),
+              /* @__PURE__ */ e("span", { className: o.icon, children: B })
             ] }),
-            /* @__PURE__ */ c("span", { className: o.subTitle, children: [
-              q,
-              N && /* @__PURE__ */ e(ae, { variant: p, icon: !1 })
+            /* @__PURE__ */ i("span", { className: o.subTitle, children: [
+              S,
+              y && /* @__PURE__ */ e(ae, { variant: w, icon: !1 })
             ] })
           ]
         }
@@ -275,7 +293,7 @@ function $e({
     }
   ) }) });
 }
-const Re = [
+const De = [
   {
     id: "whats-new",
     content: [
@@ -300,279 +318,286 @@ const Re = [
     ]
   }
 ];
-function De() {
-  const { theme: t, setTheme: n } = ie(), l = K(!1);
-  return A(() => {
+function Ve() {
+  const { theme: t, setTheme: n } = se(), l = U(!1);
+  return W(() => {
     if (l.current) return;
-    const i = je();
-    if (i && i !== t) {
-      n(i), l.current = !0;
+    const s = Re();
+    if (s && s !== t) {
+      n(s), l.current = !0;
       return;
     }
     l.current = !0;
-  }, [n, t]), A(() => {
+  }, [n, t]), W(() => {
     t && X(J, t);
   }, [t]), null;
 }
-function rt({
+function it({
   subItems: t,
   children: n,
-  notifications: l = Re,
+  notifications: l = De,
   // TODO: Fetch these from the internets
-  link: i = "a",
+  link: s = "a",
   host: a = "https://www.highcharts.com",
-  pathname: q,
+  pathname: S,
   cssVariable: f
 }) {
-  const x = Q("(max-width: 374px)"), S = Q("(max-width: 849px)"), B = Q("(min-width: 850px) and (max-width: 999px)"), N = K(null), [p, M] = P(!1), [u, g] = P([]);
-  W(() => {
-    const r = N.current;
+  const b = T("(max-width: 374px)"), B = T("(max-width: 849px)"), N = T("(max-width: 1300px)"), y = U(null), [w, M] = P(!1), [u, g] = P([]);
+  A(() => {
+    const r = y.current;
     if (!r) return;
-    const s = 48, h = 82, k = t?.length ? 72 : 0, T = h + u.length * s + k, ee = -(h + u.length * s);
-    let E = window.scrollY, C = 0, H = null, _ = null;
+    const c = 48, h = 82, C = t?.length ? 72 : 0, Q = h + u.length * c + C, ee = -(h + u.length * c);
+    let E = window.scrollY, k = 0, H = null, _ = null;
     const L = () => {
-      _ = null, !(!r || H === C) && (r.style.transform = `translate3d(0, ${C}px, 0)`, f && document.documentElement.style.setProperty(
+      _ = null, !(!r || H === k) && (r.style.transform = `translate3d(0, ${k}px, 0)`, f && document.documentElement.style.setProperty(
         "--header-bottom",
-        `${T + C}px`
-      ), H = C);
+        `${Q + k}px`
+      ), H = k);
     };
     L();
     const I = () => {
       const O = window.scrollY, te = O - E;
-      E = O, C = Math.min(0, Math.max(ee, C - te)), _ === null && (_ = window.requestAnimationFrame(L));
+      E = O, k = Math.min(0, Math.max(ee, k - te)), _ === null && (_ = window.requestAnimationFrame(L));
     };
     return window.addEventListener("scroll", I, { passive: !0 }), () => {
       window.removeEventListener("scroll", I), _ !== null && cancelAnimationFrame(_), r.style.transform = "", f && document.documentElement.style.removeProperty("--header-bottom");
     };
-  }, [f, u.length, t?.length]), W(() => {
+  }, [f, u.length, t?.length]), A(() => {
     if (!l.length) return;
-    const r = V();
+    const r = z();
     g(
       r ? l.filter(
-        (s) => !s.id || !r.closed.includes(s.id)
+        (c) => !c.id || !r.closed.includes(c.id)
       ) : l
     );
   }, [a, l]);
   const v = (r) => {
     if (r.preventDefault(), !(r.nativeEvent instanceof KeyboardEvent) || r.nativeEvent.code === "Enter" || r.nativeEvent.code === "Space") {
-      const s = document.querySelector("main");
-      s && (s.scrollIntoView(), s.getAttribute("tabindex") !== "-1" && s.setAttribute("tabindex", "-1"), s.focus());
+      const c = document.querySelector("main");
+      c && (c.scrollIntoView(), c.getAttribute("tabindex") !== "-1" && c.setAttribute("tabindex", "-1"), c.focus());
     }
-  }, y = () => {
-    M(!p);
+  }, q = () => {
+    M(!w);
   }, Z = (r) => {
     if (g(u.filter((h) => !h.id || h.id !== r)), !r) return;
-    const s = V() ?? {
+    const c = z() ?? {
       closed: []
     };
-    s.closed.includes(r) || X(
+    c.closed.includes(r) || X(
       Y,
       JSON.stringify({
-        closed: [...s.closed, r]
+        closed: [...c.closed, r]
       })
     );
   };
-  return /* @__PURE__ */ c(oe, { children: [
-    /* @__PURE__ */ e(De, {}),
-    /* @__PURE__ */ c("header", { className: o.header, ref: N, children: [
-      u?.map(({ id: r, content: s, variant: h, closable: k }, T) => /* @__PURE__ */ e(
-        le,
-        {
-          id: r,
-          content: s,
-          variant: h,
-          closable: k,
-          onClose: () => Z(r)
-        },
-        T
-      )),
-      /* @__PURE__ */ e("div", { className: b(o.main, o.outer), children: /* @__PURE__ */ c(U, { as: "nav", className: o.container, children: [
-        /* @__PURE__ */ e(
-          m,
-          {
-            as: "a",
-            className: o.skip,
-            size: 500,
-            tabIndex: "0",
-            onClick: v,
-            onKeyPress: v,
-            children: "Skip to content"
-          }
-        ),
-        /* @__PURE__ */ e(
-          i,
+  return /* @__PURE__ */ i(oe, { children: [
+    /* @__PURE__ */ e(Ve, {}),
+    /* @__PURE__ */ i("header", { className: o.header, children: [
+      /* @__PURE__ */ i("div", { className: o.content, ref: y, children: [
+        u?.map(({ id: r, content: c, variant: h, closable: C }, Q) => /* @__PURE__ */ e(
+          le,
           {
-            className: o.logo,
-            href: d("https://www.highcharts.com/", a),
-            children: /* @__PURE__ */ e(R, { showText: !B && !x })
-          }
-        ),
-        /* @__PURE__ */ e("ul", { className: o.links, children: z.map(({ title: r, url: s }, h) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-          m,
-          {
-            variant: "plain",
-            size: 300,
-            as: i,
-            href: d(s, a),
-            children: r
-          }
-        ) }, h)) }),
-        /* @__PURE__ */ c("div", { className: o.buttons, children: [
-          /* @__PURE__ */ c(
-            m,
-            {
-              variant: "transparent",
-              as: i,
-              href: d(
-                "https://www.highcharts.com/chat/gpt/",
-                a
-              ),
-              children: [
-                /* @__PURE__ */ e("span", { className: o.gpt, children: "Highcharts GPT" }),
-                /* @__PURE__ */ e(F, {})
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(j, {}),
-          /* @__PURE__ */ e(D, {}),
+            id: r,
+            content: c,
+            variant: h,
+            closable: C,
+            onClose: () => Z(r)
+          },
+          Q
+        )),
+        /* @__PURE__ */ e("div", { className: x(o.main, o.outer), children: /* @__PURE__ */ i(G, { as: "nav", className: o.container, children: [
           /* @__PURE__ */ e(
             m,
             {
-              variant: "brand",
-              as: i,
-              href: d("https://shop.highcharts.com/", a),
-              "aria-label": "Login",
-              children: /* @__PURE__ */ e($, {})
+              as: "a",
+              className: o.skip,
+              size: 500,
+              tabIndex: "0",
+              onClick: v,
+              onKeyPress: v,
+              children: "Skip to content"
             }
           ),
-          /* @__PURE__ */ c(
-            m,
+          /* @__PURE__ */ e(
+            s,
             {
-              variant: "success",
-              as: i,
-              href: d(
-                "https://www.highcharts.com/download/",
-                a
-              ),
-              children: [
-                /* @__PURE__ */ e(G, {}),
-                "Get started"
-              ]
+              className: o.logo,
+              href: d("https://www.highcharts.com/", a),
+              children: /* @__PURE__ */ e(j, { showText: !N || B && !b })
             }
           ),
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ e("ul", { className: o.links, children: K.map(({ title: r, url: c }, h) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
             m,
             {
-              variant: p ? "white" : "transparent",
-              className: o.menu,
-              onClick: y,
-              children: [
-                p ? "Close" : "Menu",
-                p ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(ue, {})
-              ]
+              variant: "plain",
+              size: 300,
+              as: s,
+              href: d(c, a),
+              children: r
             }
-          )
-        ] })
-      ] }) }),
-      !!t?.length && /* @__PURE__ */ e(
-        $e,
-        {
-          items: t,
-          link: i,
-          host: a,
-          pathname: q
-        }
-      ),
-      n,
-      S && /* @__PURE__ */ c(ne, { children: [
+          ) }, h)) }),
+          /* @__PURE__ */ i("div", { className: o.buttons, children: [
+            /* @__PURE__ */ i(
+              m,
+              {
+                variant: "transparent",
+                as: s,
+                href: d(
+                  "https://www.highcharts.com/chat/gpt/",
+                  a
+                ),
+                children: [
+                  /* @__PURE__ */ e("span", { className: o.gpt, children: "Highcharts GPT" }),
+                  /* @__PURE__ */ e(D, {})
+                ]
+              }
+            ),
+            /* @__PURE__ */ e($, {}),
+            /* @__PURE__ */ e(R, {}),
+            /* @__PURE__ */ i(
+              m,
+              {
+                className: o.cta,
+                variant: "brand",
+                as: s,
+                href: d("https://shop.highcharts.com/", a),
+                "aria-label": "Buy Now",
+                children: [
+                  /* @__PURE__ */ e(F, {}),
+                  "Buy Now"
+                ]
+              }
+            ),
+            /* @__PURE__ */ i(
+              m,
+              {
+                className: o.cta,
+                variant: "success",
+                as: s,
+                href: d(
+                  "https://www.highcharts.com/download/",
+                  a
+                ),
+                children: [
+                  /* @__PURE__ */ e(V, {}),
+                  "Try for Free"
+                ]
+              }
+            ),
+            /* @__PURE__ */ i(
+              m,
+              {
+                variant: w ? "white" : "transparent",
+                className: o.menu,
+                onClick: q,
+                children: [
+                  w ? "Close" : "Menu",
+                  w ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(ue, {})
+                ]
+              }
+            )
+          ] })
+        ] }) }),
+        !!t?.length && /* @__PURE__ */ e(
+          Fe,
+          {
+            items: t,
+            link: s,
+            host: a,
+            pathname: S
+          }
+        ),
+        n
+      ] }),
+      B && /* @__PURE__ */ i(ne, { children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: b(o.mobileOverlay, { [o.open]: p }),
-            onClick: y
+            className: x(o.mobileOverlay, { [o.open]: w }),
+            onClick: q
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ i(
           "nav",
           {
-            className: b(o.mobile, {
-              [o.open]: p
+            className: x(o.mobile, {
+              [o.open]: w
             }),
             children: [
-              /* @__PURE__ */ c("div", { className: o.container, children: [
+              /* @__PURE__ */ i("div", { className: o.container, children: [
                 /* @__PURE__ */ e(
-                  i,
+                  s,
                   {
                     className: o.logo,
                     href: d("https://www.highcharts.com/", a),
-                    children: /* @__PURE__ */ e(R, { showText: !x })
+                    children: /* @__PURE__ */ e(j, { showText: !b })
                   }
                 ),
-                /* @__PURE__ */ c("div", { className: o.buttons, children: [
-                  /* @__PURE__ */ c(
+                /* @__PURE__ */ i("div", { className: o.buttons, children: [
+                  /* @__PURE__ */ i(
                     m,
                     {
                       variant: "transparent",
-                      as: i,
+                      as: s,
                       href: d(
                         "https://www.highcharts.com/chat/gpt/",
                         a
                       ),
                       children: [
                         /* @__PURE__ */ e("span", { className: o.gpt, children: "Highcharts GPT" }),
-                        /* @__PURE__ */ e(F, {})
+                        /* @__PURE__ */ e(D, {})
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(j, {}),
-                  /* @__PURE__ */ e(D, {})
+                  /* @__PURE__ */ e($, {}),
+                  /* @__PURE__ */ e(R, {})
                 ] })
               ] }),
-              /* @__PURE__ */ c("div", { className: o.buttons, children: [
-                /* @__PURE__ */ c(
+              /* @__PURE__ */ i("div", { className: o.buttons, children: [
+                /* @__PURE__ */ i(
                   m,
                   {
                     variant: "brand",
                     fullWidth: !0,
-                    as: i,
+                    as: s,
                     href: d("https://shop.highcharts.com/", a),
                     children: [
-                      /* @__PURE__ */ e($, {}),
-                      "Login"
+                      /* @__PURE__ */ e(F, {}),
+                      "Buy Now"
                     ]
                   }
                 ),
-                /* @__PURE__ */ c(
+                /* @__PURE__ */ i(
                   m,
                   {
                     variant: "success",
                     fullWidth: !0,
-                    as: i,
+                    as: s,
                     href: d(
                       "https://www.highcharts.com/download/",
                       a
                     ),
                     children: [
-                      /* @__PURE__ */ e(G, {}),
-                      "Get started"
+                      /* @__PURE__ */ e(V, {}),
+                      "Try for Free"
                     ]
                   }
                 )
               ] }),
-              /* @__PURE__ */ e("ul", { className: o.links, children: z.map(({ title: r, url: s, icon: h }, k) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ c(
+              /* @__PURE__ */ e("ul", { className: o.links, children: K.map(({ title: r, url: c, icon: h }, C) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
                 m,
                 {
                   variant: "plain",
                   size: 500,
                   fullWidth: !0,
-                  as: i,
-                  href: d(s, a),
+                  as: s,
+                  href: d(c, a),
                   children: [
                     h,
                     r
                   ]
                 }
-              ) }, k)) })
+              ) }, C)) })
             ]
           }
         )
@@ -581,6 +606,6 @@ function rt({
   ] });
 }
 export {
-  rt as Header,
-  $e as SubHeader
+  it as Header,
+  Fe as SubHeader
 };