highsoft-ui 1.0.80 → 1.0.82

package/dist/components/Footer/index.js

@@ -4,13 +4,13 @@ import { A as $ } from "../../Announcement03-obPaH4LK.js";
 import { C as tt } from "../../Check-Cm4roSEj.js";
 import { _ as j } from "../../extends-hS2Bh-Yp.js";
 import { c as N } from "../../clsx-OuTLNxxd.js";
-import { Button as F } from "../Button/index.js";
+import { Button as T } from "../Button/index.js";
 import { Container as et } from "../Container/index.js";
-import { ThemedLogo as rt } from "../Logo/index.js";
+import { Logo as rt } from "../Logo/index.js";
 import { NewTag as it } from "../NewTag/index.js";
 import ct from "../icons/MadeInNorway.js";
 import { s as a, C as at } from "../../CookiePolicyModal-ChXNzv49.js";
-import { a as H, c as st, v as T } from "../../utils-C7rfowvr.js";
+import { a as H, c as st, v as D } from "../../utils-CT0G9Gzw.js";
 import { R as ot, T as nt, P as ht, O as lt, C as ut, a as dt } from "../../index-BSgacgd-.js";
 import { R as mt } from "../../index-C_wmZvxw.js";
 var wt = function(r) {
@@ -83,7 +83,7 @@ var wt = function(r) {
   className: void 0,
   style: void 0,
   attr: void 0
-}, D = g.createContext && /* @__PURE__ */ g.createContext(B), vt = ["attr", "size", "title"];
+}, E = g.createContext && /* @__PURE__ */ g.createContext(B), vt = ["attr", "size", "title"];
 function bt(t, r) {
   if (t == null) return {};
   var i = yt(t, r), c, u;
@@ -114,7 +114,7 @@ function S() {
     return t;
   }, S.apply(this, arguments);
 }
-function E(t, r) {
+function F(t, r) {
   var i = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var c = Object.getOwnPropertySymbols(t);
@@ -127,9 +127,9 @@ function E(t, r) {
 function O(t) {
   for (var r = 1; r < arguments.length; r++) {
     var i = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? E(Object(i), !0).forEach(function(c) {
+    r % 2 ? F(Object(i), !0).forEach(function(c) {
       Ct(t, c, i[c]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : E(Object(i)).forEach(function(c) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : F(Object(i)).forEach(function(c) {
       Object.defineProperty(t, c, Object.getOwnPropertyDescriptor(i, c));
     });
   }
@@ -183,7 +183,7 @@ function Pt(t) {
       xmlns: "http://www.w3.org/2000/svg"
     }), w && /* @__PURE__ */ g.createElement("title", null, w), t.children);
   };
-  return D !== void 0 ? /* @__PURE__ */ g.createElement(D.Consumer, null, (i) => r(i)) : r(B);
+  return E !== void 0 ? /* @__PURE__ */ g.createElement(E.Consumer, null, (i) => r(i)) : r(B);
 }
 function V(t) {
   return p({ attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z" }, child: [] }] })(t);
@@ -511,7 +511,7 @@ const Lt = [
 ];
 function At() {
   const [t, r] = st(), i = "npm install highcharts --save";
-  return /* @__PURE__ */ s(F, { variant: "neutral", onClick: () => t(i), children: [
+  return /* @__PURE__ */ s(T, { variant: "neutral", onClick: () => t(i), children: [
     i,
     r ? /* @__PURE__ */ e(tt, {}) : /* @__PURE__ */ e(wt, {})
   ] });
@@ -556,7 +556,7 @@ function Zt({
     }
   }, [c.current]);
   const x = !!n && n !== "Something went wrong", K = (h) => {
-    x ? T(h.target.value) && f("") : n && f("");
+    x ? D(h.target.value) && f("") : n && f("");
   }, Q = async (h) => {
     h.preventDefault();
     const o = i.current;
@@ -569,7 +569,7 @@ function Zt({
         x && o.focus();
         return;
       }
-      if (!T(o.value)) {
+      if (!D(o.value)) {
         f("Check the email format and try again"), o.focus();
         return;
       }
@@ -675,7 +675,7 @@ function Zt({
                   }
                 ),
                 /* @__PURE__ */ e(
-                  F,
+                  T,
                   {
                     variant: n ? "danger" : "brand",
                     loading: u,
@@ -706,7 +706,13 @@ function Zt({
               /* @__PURE__ */ s("p", { children: [
                 "By signing up, you agree to the",
                 " ",
-                /* @__PURE__ */ e(t, { href: P("https://www.highcharts.com/", r), children: "Privacy Policy" })
+                /* @__PURE__ */ e(
+                  t,
+                  {
+                    href: P("https://www.highcharts.com/privacy/", r),
+                    children: "Privacy Policy"
+                  }
+                )
               ] })
             ]
           }

package/dist/components/Header/index.d.ts

@@ -8,12 +8,11 @@ export interface SubHeaderItem {
     tag?: ReactNode;
     tagVariant?: 'success' | 'brand';
 }
-export declare function SubHeader({ items, link: Link, host, pathname, waitForMount }: {
+export declare function SubHeader({ items, link: Link, host, pathname }: {
     items: Array<SubHeaderItem>;
     link?: ElementType;
     host?: string;
     pathname?: string;
-    waitForMount?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export interface Notification {
     id?: string;

package/dist/components/Header/index.js

@@ -1,18 +1,18 @@
-import { jsx as e, jsxs as i, Fragment as J } from "react/jsx-runtime";
-import { useRef as U, useState as T, useEffect as H } from "react";
-import { a as Q, J as F, b as G } from "../../utils-C7rfowvr.js";
+import { jsx as e, jsxs as i, Fragment as A } from "react/jsx-runtime";
+import { useRef as J, useState as L, useEffect as T } from "react";
+import { a as M, J as U, b as G } from "../../utils-CT0G9Gzw.js";
 import { A as R } from "../../Announcement03-obPaH4LK.js";
 import { _ as m } from "../../extends-hS2Bh-Yp.js";
 import { X as $ } from "../../XClose-CCu1vrNS.js";
-import { c as C } from "../../clsx-OuTLNxxd.js";
+import { c as _ } from "../../clsx-OuTLNxxd.js";
 import { Button as d } from "../Button/index.js";
-import { Container as z } from "../Container/index.js";
-import { ThemedLogo as I } from "../Logo/index.js";
-import { NewTag as Y } from "../NewTag/index.js";
-import { Notification as D } from "../Notification/index.js";
-import { Search as P } from "../Search/index.js";
+import { Container as V } from "../Container/index.js";
+import { Logo as H } from "../Logo/index.js";
+import { NewTag as F } from "../NewTag/index.js";
+import { Notification as Y } from "../Notification/index.js";
+import { Search as I } from "../Search/index.js";
 import { PrefPanel as W } from "../PrefPanel/index.js";
-var K = function(o) {
+var D = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -28,7 +28,7 @@ var K = function(o) {
       d: "M6 11v4m12-6v4m-1-9c2.4487 0 3.7731.3748 4.4321.6654.0878.0388.1317.0581.2583.179.0759.0724.2145.285.2501.3837.0595.1646.0595.2546.0595.4346v10.7484c0 .9088 0 1.3632-.1363 1.5968-.1386.2375-.2723.348-.5318.4393-.255.0897-.7699-.0092-1.7997-.2071A13.45 13.45 0 0 0 17 18c-3 0-6 2-10 2-2.4487 0-3.7731-.3748-4.4321-.6654-.0878-.0388-.1317-.0581-.2583-.179-.076-.0724-.2145-.285-.2501-.3837C2 18.6073 2 18.5173 2 18.3373V7.5889c0-.9088 0-1.3632.1363-1.5968.1386-.2375.2723-.348.5318-.4393.255-.0898.77.0092 1.7997.207A13.44 13.44 0 0 0 7 6c3 0 6-2 10-2m-2.5 8c0 1.3807-1.1193 2.5-2.5 2.5S9.5 13.3807 9.5 12s1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5"
     })
   }));
-}, X = function(o) {
+}, K = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -44,7 +44,7 @@ var K = function(o) {
       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"
     })
   }));
-}, Z = function(o) {
+}, X = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -60,7 +60,7 @@ var K = function(o) {
       d: "M14 2.2695v4.1306c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C14.7599 8 15.0399 8 15.6 8h4.1305M16 13H8m8 4H8m2-8H8m6-7H8.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C4 4.2798 4 5.1198 4 6.8v10.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C6.2798 22 7.1198 22 8.8 22h6.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C20 19.7202 20 18.8802 20 17.2V8z"
     })
   }));
-}, ee = function(o) {
+}, Z = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -76,7 +76,7 @@ var K = function(o) {
       d: "M3 12h12M3 6h18M3 18h18"
     })
   }));
-}, te = function(o) {
+}, ee = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -92,7 +92,7 @@ var K = function(o) {
       d: "M10 8.0022a2.2485 2.2485 0 0 1 2.501-1.4698 2.248 2.248 0 0 1 1.8682 2.2193c0 1.4989-2.2483 2.2483-2.2483 2.2483m.029 3h.01M7 18v2.3355c0 .5329 0 .7993.1092.9361a.5.5 0 0 0 .3913.1881c.1751-.0002.3832-.1666.7993-.4995l2.3854-1.9084c.4873-.3898.731-.5847 1.0023-.7233a3 3 0 0 1 .7617-.2672C12.7477 18 13.0597 18 13.6837 18H16.2c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 15.7202 21 14.8802 21 13.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 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.8V14c0 .93 0 1.395.1022 1.7765a3 3 0 0 0 2.1213 2.1213C5.605 18 6.07 18 7 18"
     })
   }));
-}, ne = function(o) {
+}, te = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -124,7 +124,7 @@ var K = function(o) {
       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"
     })
   }));
-}, E = function(o) {
+}, P = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -140,7 +140,7 @@ var K = function(o) {
       d: "m7 15 3-3-3-3m6 6h4m-9.2 6h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 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 21"
     })
   }));
-}, O = function(o) {
+}, E = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -157,53 +157,53 @@ var K = function(o) {
     })
   }));
 };
-const oe = "m_QBtq_buttons", re = "m_QBtq_container", se = "m_QBtq_gpt", ie = "m_QBtq_header", ce = "m_QBtq_icon", ae = "m_QBtq_icons", le = "m_QBtq_links", he = "m_QBtq_logo", de = "m_QBtq_main", me = "m_QBtq_menu", ue = "m_QBtq_mobile", pe = "m_QBtq_mobileOverlay", we = "m_QBtq_open", ge = "m_QBtq_outer", fe = "m_QBtq_selectableIcon", ve = "m_QBtq_selected", ke = "m_QBtq_selectedIcon", _e = "m_QBtq_skip", Ce = "m_QBtq_sub", be = "m_QBtq_subContainer", xe = "m_QBtq_subTitle", t = {
-  buttons: oe,
-  container: re,
-  gpt: se,
-  header: ie,
-  icon: ce,
-  icons: ae,
-  links: le,
-  logo: he,
-  main: de,
-  menu: me,
-  mobile: ue,
-  mobileOverlay: pe,
-  open: we,
-  outer: ge,
-  selectableIcon: fe,
-  selected: ve,
-  selectedIcon: ke,
-  skip: _e,
-  sub: Ce,
-  subContainer: be,
-  subTitle: xe
-}, V = [
+const ne = "m_QBtq_buttons", oe = "m_QBtq_container", re = "m_QBtq_gpt", se = "m_QBtq_header", ie = "m_QBtq_icon", ce = "m_QBtq_icons", ae = "m_QBtq_links", le = "m_QBtq_logo", he = "m_QBtq_main", de = "m_QBtq_menu", me = "m_QBtq_mobile", ue = "m_QBtq_mobileOverlay", pe = "m_QBtq_open", we = "m_QBtq_outer", ge = "m_QBtq_selectableIcon", fe = "m_QBtq_selected", ve = "m_QBtq_selectedIcon", ke = "m_QBtq_skip", _e = "m_QBtq_sub", Ce = "m_QBtq_subContainer", be = "m_QBtq_subTitle", t = {
+  buttons: ne,
+  container: oe,
+  gpt: re,
+  header: se,
+  icon: ie,
+  icons: ce,
+  links: ae,
+  logo: le,
+  main: he,
+  menu: de,
+  mobile: me,
+  mobileOverlay: ue,
+  open: pe,
+  outer: we,
+  selectableIcon: ge,
+  selected: fe,
+  selectedIcon: ve,
+  skip: ke,
+  sub: _e,
+  subContainer: Ce,
+  subTitle: be
+}, O = [
   {
     title: "Products",
     url: "https://www.highcharts.com/products/",
-    icon: /* @__PURE__ */ e(X, {})
+    icon: /* @__PURE__ */ e(K, {})
   },
   {
     title: "Demos",
     url: "https://www.highcharts.com/demo",
-    icon: /* @__PURE__ */ e(ne, {})
+    icon: /* @__PURE__ */ e(te, {})
   },
   {
     title: "Support",
     url: "https://www.highcharts.com/support/",
-    icon: /* @__PURE__ */ e(te, {})
+    icon: /* @__PURE__ */ e(ee, {})
   },
   {
     title: "Resources",
     url: "https://www.highcharts.com/resources/",
-    icon: /* @__PURE__ */ e(Z, {})
+    icon: /* @__PURE__ */ e(X, {})
   },
   {
     title: "Pricing",
     url: "https://shop.highcharts.com/",
-    icon: /* @__PURE__ */ e(K, {})
+    icon: /* @__PURE__ */ e(D, {})
   },
   {
     title: "Blog",
@@ -214,33 +214,32 @@ const oe = "m_QBtq_buttons", re = "m_QBtq_container", se = "m_QBtq_gpt", ie = "m
 function h(c, o) {
   return o ? c.replace(o, "") : c;
 }
-function Be({
+function xe({
   items: c,
   link: o = "a",
   host: p = "https://www.highcharts.com",
-  pathname: a,
-  waitForMount: l
+  pathname: a
 }) {
-  const w = G();
-  return /* @__PURE__ */ e("div", { className: C(t.sub, t.outer), children: /* @__PURE__ */ e(z, { className: t.subContainer, as: "ul", children: c.map(
-    ({ title: f, url: b, icon: x, selectedIcon: B, tag: S, tagVariant: v = "success" }, u) => {
-      const N = typeof window < "u" && window.location.origin || "http://example.com", k = new URL(b, N), _ = (!l || w) && k.origin === N && k.pathname === a;
+  const l = G();
+  return /* @__PURE__ */ e("div", { className: _(t.sub, t.outer), children: /* @__PURE__ */ e(V, { className: t.subContainer, as: "ul", children: c.map(
+    ({ title: N, url: w, icon: C, selectedIcon: b, tag: q, tagVariant: f = "success" }, u) => {
+      const x = typeof window < "u" && window.location.origin || "http://example.com", v = new URL(w, x), k = (!!a || l) && v.origin === x && v.pathname === (a || typeof window < "u" && window.location.pathname);
       return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
         o,
         {
-          href: h(b, p),
-          className: C({
-            [t.selectableIcon]: B,
-            [t.selected]: _
+          href: h(w, p),
+          className: _({
+            [t.selectableIcon]: b,
+            [t.selected]: k
           }),
           children: [
             /* @__PURE__ */ i("span", { className: t.icons, children: [
-              /* @__PURE__ */ e("span", { className: t.selectedIcon, children: B }),
-              /* @__PURE__ */ e("span", { className: t.icon, children: x })
+              /* @__PURE__ */ e("span", { className: t.selectedIcon, children: b }),
+              /* @__PURE__ */ e("span", { className: t.icon, children: C })
             ] }),
             /* @__PURE__ */ i("span", { className: t.subTitle, children: [
-              f,
-              S && /* @__PURE__ */ e(Y, { variant: v, icon: !1 })
+              N,
+              q && /* @__PURE__ */ e(F, { variant: f, icon: !1 })
             ] })
           ]
         }
@@ -248,53 +247,51 @@ function Be({
     }
   ) }) });
 }
-function Oe({
+function Ee({
   subItems: c,
   children: o,
   notifications: p = [],
   // TODO: Fetch these from the internets
   link: a = "a",
   host: l = "https://www.highcharts.com",
-  pathname: w,
-  topCssVariable: f
+  pathname: N,
+  topCssVariable: w
 }) {
-  const b = !!w;
-  w = w || (typeof window < "u" ? window.location.pathname : "");
-  const x = Q("(max-width: 374px)"), B = Q("(max-width: 849px)"), S = Q("(min-width: 850px) and (max-width: 999px)"), v = U(null), [u, N] = T(!1), [k, _] = T([]);
-  H(() => {
+  const C = M("(max-width: 374px)"), b = M("(max-width: 849px)"), q = M("(min-width: 850px) and (max-width: 999px)"), f = J(null), [u, x] = L(!1), [v, k] = L([]);
+  T(() => {
     let r = window.scrollY, n = -82, s = n;
-    f && document.documentElement.style.setProperty("--header-top", `${n}px`);
+    w && document.documentElement.style.setProperty("--header-top", `${n}px`);
     const g = () => {
-      const q = window.scrollY, M = q - r;
-      n -= M, n < -82 ? n = -82 : n > 0 && (n = 0), v.current && n !== s && (v.current.style.top = `${n}px`, f && document.documentElement.style.setProperty(
+      const B = window.scrollY, S = B - r;
+      n -= S, n < -82 ? n = -82 : n > 0 && (n = 0), f.current && n !== s && (f.current.style.top = `${n}px`, w && document.documentElement.style.setProperty(
         "--header-top",
         `${n}px`
-      )), r = q, s = n;
+      )), r = B, s = n;
     };
     return window.addEventListener("scroll", g), () => window.removeEventListener("scroll", g);
-  }, [f]), H(() => {
+  }, [w]), T(() => {
     if (p.length) {
       const r = localStorage.getItem("notifications");
       if (r) {
         const n = JSON.parse(r);
-        _(
+        k(
           p.filter(
             (s) => !s.id || !n.closed.includes(s.id)
           )
         );
       } else
-        _(p);
+        k(p);
     }
   }, [p]);
-  const y = (r) => {
+  const Q = (r) => {
     if (r.preventDefault(), !(r.nativeEvent instanceof KeyboardEvent) || r.nativeEvent.code === "Enter" || r.nativeEvent.code === "Space") {
       const n = document.querySelector("main");
       n && (n.scrollIntoView(), n.getAttribute("tabindex") !== "-1" && n.setAttribute("tabindex", "-1"), n.focus());
     }
-  }, L = () => {
-    N(!u);
-  }, A = (r) => {
-    _(k.filter((s) => !s.id || s.id !== r));
+  }, y = () => {
+    x(!u);
+  }, z = (r) => {
+    k(v.filter((s) => !s.id || s.id !== r));
     const n = localStorage.getItem("notifications");
     if (n) {
       const s = JSON.parse(n);
@@ -307,21 +304,21 @@ function Oe({
         })
       );
   };
-  return /* @__PURE__ */ e(F, { children: /* @__PURE__ */ i("header", { className: t.header, ref: v, children: [
-    k?.map(
-      ({ id: r, title: n, description: s, variant: g, closable: q }, M) => /* @__PURE__ */ e(
-        D,
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ i("header", { className: t.header, ref: f, children: [
+    v?.map(
+      ({ id: r, title: n, description: s, variant: g, closable: B }, S) => /* @__PURE__ */ e(
+        Y,
         {
           description: s,
           variant: g,
-          closable: q,
-          onClose: () => A(r),
+          closable: B,
+          onClose: () => z(r),
           children: n
         },
-        M
+        S
       )
     ),
-    /* @__PURE__ */ e("div", { className: C(t.main, t.outer), children: /* @__PURE__ */ i(z, { as: "nav", className: t.container, children: [
+    /* @__PURE__ */ e("div", { className: _(t.main, t.outer), children: /* @__PURE__ */ i(V, { as: "nav", className: t.container, children: [
       /* @__PURE__ */ e(
         d,
         {
@@ -329,8 +326,8 @@ function Oe({
           className: t.skip,
           size: 500,
           tabIndex: "0",
-          onClick: y,
-          onKeyPress: y,
+          onClick: Q,
+          onKeyPress: Q,
           children: "Skip to content"
         }
       ),
@@ -339,10 +336,10 @@ function Oe({
         {
           className: t.logo,
           href: h("https://www.highcharts.com/", l),
-          children: /* @__PURE__ */ e(I, { showText: !S && !x })
+          children: /* @__PURE__ */ e(H, { showText: !q && !C })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: t.links, children: V.map(({ title: r, url: n }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: t.links, children: O.map(({ title: r, url: n }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         d,
         {
           variant: "plain",
@@ -368,7 +365,7 @@ function Oe({
             ]
           }
         ),
-        /* @__PURE__ */ e(P, {}),
+        /* @__PURE__ */ e(I, {}),
         /* @__PURE__ */ e(W, {}),
         /* @__PURE__ */ e(
           d,
@@ -377,7 +374,7 @@ function Oe({
             as: a,
             href: h("https://shop.highcharts.com/account", l),
             "aria-label": "Login",
-            children: /* @__PURE__ */ e(O, {})
+            children: /* @__PURE__ */ e(E, {})
           }
         ),
         /* @__PURE__ */ i(
@@ -390,7 +387,7 @@ function Oe({
               l
             ),
             children: [
-              /* @__PURE__ */ e(E, {}),
+              /* @__PURE__ */ e(P, {}),
               "Get started"
             ]
           }
@@ -400,38 +397,37 @@ function Oe({
           {
             variant: u ? "white" : "transparent",
             className: t.menu,
-            onClick: L,
+            onClick: y,
             children: [
               u ? "Close" : "Menu",
-              u ? /* @__PURE__ */ e($, {}) : /* @__PURE__ */ e(ee, {})
+              u ? /* @__PURE__ */ e($, {}) : /* @__PURE__ */ e(Z, {})
             ]
           }
         )
       ] })
     ] }) }),
     !!c?.length && /* @__PURE__ */ e(
-      Be,
+      xe,
       {
         items: c,
         link: a,
         host: l,
-        pathname: w,
-        waitForMount: !b
+        pathname: N
       }
     ),
     o,
-    B && /* @__PURE__ */ i(J, { children: [
+    b && /* @__PURE__ */ i(A, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: C(t.mobileOverlay, { [t.open]: u }),
-          onClick: L
+          className: _(t.mobileOverlay, { [t.open]: u }),
+          onClick: y
         }
       ),
       /* @__PURE__ */ i(
         "nav",
         {
-          className: C(t.mobile, {
+          className: _(t.mobile, {
             [t.open]: u
           }),
           children: [
@@ -441,7 +437,7 @@ function Oe({
                 {
                   className: t.logo,
                   href: h("https://www.highcharts.com/", l),
-                  children: /* @__PURE__ */ e(I, { showText: !x })
+                  children: /* @__PURE__ */ e(H, { showText: !C })
                 }
               ),
               /* @__PURE__ */ i("div", { className: t.buttons, children: [
@@ -460,7 +456,7 @@ function Oe({
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(P, {}),
+                /* @__PURE__ */ e(I, {}),
                 /* @__PURE__ */ e(W, {})
               ] })
             ] }),
@@ -476,7 +472,7 @@ function Oe({
                     l
                   ),
                   children: [
-                    /* @__PURE__ */ e(O, {}),
+                    /* @__PURE__ */ e(E, {}),
                     "Login"
                   ]
                 }
@@ -492,13 +488,13 @@ function Oe({
                     l
                   ),
                   children: [
-                    /* @__PURE__ */ e(E, {}),
+                    /* @__PURE__ */ e(P, {}),
                     "Get started"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: t.links, children: V.map(({ title: r, url: n, icon: s }, g) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
+            /* @__PURE__ */ e("ul", { className: t.links, children: O.map(({ title: r, url: n, icon: s }, g) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
               d,
               {
                 variant: "plain",
@@ -519,6 +515,6 @@ function Oe({
   ] }) });
 }
 export {
-  Oe as Header,
-  Be as SubHeader
+  Ee as Header,
+  xe as SubHeader
 };

package/dist/components/Logo/index.d.ts

@@ -5,5 +5,4 @@ export interface LogoProps extends SVGProps<SVGSVGElement> {
     light?: boolean;
     withLink?: boolean;
 }
-export declare function Logo({ title, light, showText, withLink, ...props }: LogoProps): import("react/jsx-runtime").JSX.Element;
-export declare const ThemedLogo: (props: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export declare function Logo({ title, light, showText, withLink, className, ...props }: LogoProps): import("react/jsx-runtime").JSX.Element;