highsoft-ui 1.0.106 → 1.0.108

package/dist/components/Header/index.js

@@ -1,26 +1,26 @@
-import { jsx as t, jsxs as i, Fragment as nt } from "react/jsx-runtime";
+import { jsx as e, jsxs as i, Fragment as ne } from "react/jsx-runtime";
 import { useRef as U, useState as P, useEffect as A } from "react";
-import { a as T, b as W, J as ot, c as rt, z as st } from "../../utils-BKDJp1i0.js";
-import { A as it } from "../../Announcement03-obPaH4LK.js";
+import { a as T, b as W, J as oe, c as re, z as se } from "../../utils-BKDJp1i0.js";
+import { A as ie } from "../../Announcement03-obPaH4LK.js";
 import { _ as w } from "../../extends-hS2Bh-Yp.js";
 import { S as j, a as $ } from "../../index-rhaCwOYf.js";
-import { X as ct } from "../../XClose-CCu1vrNS.js";
+import { X as ce } from "../../XClose-CCu1vrNS.js";
 import { c as b } from "../../clsx-OuTLNxxd.js";
 import { Button as m } from "../Button/index.js";
 import { Container as G } from "../Container/index.js";
-import { Logo as R } from "../Logo/index.js";
-import { NewTag as at } from "../NewTag/index.js";
-import { Notification as lt } from "../Notification/index.js";
-import { PrefPanel as F } from "../PrefPanel/index.js";
-var ht = function(n) {
-  return /* @__PURE__ */ t("svg", w({
+import { Logo as F } from "../Logo/index.js";
+import { NewTag as ae } from "../NewTag/index.js";
+import { Notification as le } from "../Notification/index.js";
+import { PrefPanel as R } from "../PrefPanel/index.js";
+var he = function(n) {
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ t("path", {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -28,15 +28,15 @@ var ht = function(n) {
       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"
     })
   }));
-}, dt = function(n) {
-  return /* @__PURE__ */ t("svg", w({
+}, de = function(n) {
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ t("path", {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -44,15 +44,15 @@ var ht = 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"
     })
   }));
-}, mt = function(n) {
-  return /* @__PURE__ */ t("svg", w({
+}, me = function(n) {
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ t("path", {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -60,15 +60,15 @@ var ht = function(n) {
       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"
     })
   }));
-}, ut = function(n) {
-  return /* @__PURE__ */ t("svg", w({
+}, ue = function(n) {
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ t("path", {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -76,15 +76,15 @@ var ht = function(n) {
       d: "M3 12h12M3 6h18M3 18h18"
     })
   }));
-}, pt = function(n) {
-  return /* @__PURE__ */ t("svg", w({
+}, pe = function(n) {
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ t("path", {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -92,15 +92,15 @@ var ht = function(n) {
       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"
     })
   }));
-}, wt = function(n) {
-  return /* @__PURE__ */ t("svg", w({
+}, we = function(n) {
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ t("path", {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -109,14 +109,14 @@ var ht = function(n) {
     })
   }));
 }, D = function(n) {
-  return /* @__PURE__ */ t("svg", w({
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ t("path", {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -125,14 +125,14 @@ var ht = function(n) {
     })
   }));
 }, V = function(n) {
-  return /* @__PURE__ */ t("svg", w({
+  return /* @__PURE__ */ e("svg", w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ t("path", {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -141,61 +141,61 @@ var ht = function(n) {
     })
   }));
 };
-const ft = "m_QBtq_buttons", gt = "m_QBtq_container", vt = "m_QBtq_content", _t = "m_QBtq_cta", Ct = "m_QBtq_gpt", kt = "m_QBtq_header", bt = "m_QBtq_icon", xt = "m_QBtq_icons", Bt = "m_QBtq_links", Nt = "m_QBtq_logo", yt = "m_QBtq_main", qt = "m_QBtq_menu", St = "m_QBtq_mobile", Mt = "m_QBtq_mobileOverlay", Qt = "m_QBtq_open", Tt = "m_QBtq_outer", Et = "m_QBtq_selectableIcon", Ht = "m_QBtq_selected", Lt = "m_QBtq_selectedIcon", It = "m_QBtq_skip", Ot = "m_QBtq_sub", Pt = "m_QBtq_subContainer", At = "m_QBtq_subTitle", o = {
-  buttons: ft,
-  container: gt,
-  content: vt,
-  cta: _t,
-  gpt: Ct,
-  header: kt,
-  icon: bt,
-  icons: xt,
-  links: Bt,
-  logo: Nt,
-  main: yt,
-  menu: qt,
-  mobile: St,
-  mobileOverlay: Mt,
-  open: Qt,
-  outer: Tt,
-  selectableIcon: Et,
-  selected: Ht,
-  selectedIcon: Lt,
-  skip: It,
-  sub: Ot,
-  subContainer: Pt,
-  subTitle: At
-}, Y = "notifications", J = "theme", Wt = 365 * 20, jt = (e) => /^\d{1,3}(?:\.\d{1,3}){3}$/.test(e), $t = () => {
+const fe = "m_QBtq_buttons", ge = "m_QBtq_container", ve = "m_QBtq_content", _e = "m_QBtq_cta", Ce = "m_QBtq_gpt", ke = "m_QBtq_header", be = "m_QBtq_icon", xe = "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", He = "m_QBtq_selectableIcon", Ee = "m_QBtq_selected", Le = "m_QBtq_selectedIcon", Ie = "m_QBtq_skip", Oe = "m_QBtq_sub", Pe = "m_QBtq_subContainer", Ae = "m_QBtq_subTitle", o = {
+  buttons: fe,
+  container: ge,
+  content: ve,
+  cta: _e,
+  gpt: Ce,
+  header: ke,
+  icon: be,
+  icons: xe,
+  links: Be,
+  logo: Ne,
+  main: ye,
+  menu: qe,
+  mobile: Se,
+  mobileOverlay: Me,
+  open: Qe,
+  outer: Te,
+  selectableIcon: He,
+  selected: Ee,
+  selectedIcon: Le,
+  skip: Ie,
+  sub: Oe,
+  subContainer: Pe,
+  subTitle: Ae
+}, Y = "notifications", J = "theme", We = 365 * 20, je = (t) => /^\d{1,3}(?:\.\d{1,3}){3}$/.test(t), $e = () => {
   if (typeof window > "u") return;
-  const e = window.location.hostname;
-  if (!e || e === "localhost" || jt(e))
+  const t = window.location.hostname;
+  if (!t || t === "localhost" || je(t))
     return;
-  const n = e.replace(/^www\./, ""), l = n.split(".");
+  const n = t.replace(/^www\./, ""), l = n.split(".");
   return l.length <= 2 ? `.${n}` : `.${l.slice(-2).join(".")}`;
 }, z = () => {
   if (typeof document > "u") return null;
-  const e = document.cookie.split("; ").find((n) => n.startsWith(`${Y}=`));
-  if (!e) return null;
+  const t = document.cookie.split("; ").find((n) => n.startsWith(`${Y}=`));
+  if (!t) return null;
   try {
-    return JSON.parse(decodeURIComponent(e.split("=")[1]));
+    return JSON.parse(decodeURIComponent(t.split("=")[1]));
   } catch {
     return null;
   }
-}, Rt = () => {
+}, Fe = () => {
   if (typeof document > "u") return null;
-  const e = document.cookie.split("; ").find((n) => n.startsWith(`${J}=`));
-  if (!e) return null;
+  const t = document.cookie.split("; ").find((n) => n.startsWith(`${J}=`));
+  if (!t) return null;
   try {
-    return decodeURIComponent(e.split("=")[1]);
+    return decodeURIComponent(t.split("=")[1]);
   } catch {
     return null;
   }
-}, X = (e, n) => {
+}, X = (t, n) => {
   if (typeof document > "u") return;
   const l = new Date(
-    Date.now() + Wt * 24 * 60 * 60 * 1e3
-  ).toUTCString(), s = $t(), a = [
-    `${e}=${encodeURIComponent(n)}`,
+    Date.now() + We * 24 * 60 * 60 * 1e3
+  ).toUTCString(), s = $e(), a = [
+    `${t}=${encodeURIComponent(n)}`,
     "path=/",
     "SameSite=Lax",
     `expires=${l}`
@@ -205,45 +205,45 @@ const ft = "m_QBtq_buttons", gt = "m_QBtq_container", vt = "m_QBtq_content", _t
   {
     title: "Products",
     url: "https://www.highcharts.com/products/",
-    icon: /* @__PURE__ */ t(dt, {})
+    icon: /* @__PURE__ */ e(de, {})
   },
   {
     title: "Demos",
     url: "https://www.highcharts.com/demo",
-    icon: /* @__PURE__ */ t(wt, {})
+    icon: /* @__PURE__ */ e(we, {})
   },
   {
     title: "Support",
     url: "https://www.highcharts.com/support/",
-    icon: /* @__PURE__ */ t(pt, {})
+    icon: /* @__PURE__ */ e(pe, {})
   },
   {
     title: "Resources",
     url: "https://www.highcharts.com/resources/",
-    icon: /* @__PURE__ */ t(mt, {})
+    icon: /* @__PURE__ */ e(me, {})
   },
   {
     title: "Pricing",
     url: "https://shop.highcharts.com/",
-    icon: /* @__PURE__ */ t(ht, {})
+    icon: /* @__PURE__ */ e(he, {})
   },
   {
     title: "Blog",
     url: "https://www.highcharts.com/blog/home/",
-    icon: /* @__PURE__ */ t(it, {})
+    icon: /* @__PURE__ */ e(ie, {})
   }
 ];
-function d(e, n) {
-  return n ? e.replace(n, "") : e;
+function d(t, n) {
+  return n ? t.replace(n, "") : t;
 }
-function Ft({
-  items: e,
+function Re({
+  items: t,
   link: n = "a",
   host: l = "https://www.highcharts.com",
   pathname: s
 }) {
-  const a = rt();
-  return /* @__PURE__ */ t("div", { className: b(o.sub, o.outer), children: /* @__PURE__ */ t(G, { className: o.subContainer, as: "ul", children: e.map(
+  const a = re();
+  return /* @__PURE__ */ e("div", { className: b(o.sub, o.outer), children: /* @__PURE__ */ e(G, { className: o.subContainer, as: "ul", children: t.map(
     ({
       title: S,
       url: f,
@@ -254,7 +254,7 @@ function Ft({
       tagVariant: p = "success"
     }, M) => {
       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 && (x ? u.startsWith(v.pathname) : v.pathname === u);
-      return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ i(
+      return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
         n,
         {
           href: d(f, l),
@@ -264,12 +264,12 @@ function Ft({
           }),
           children: [
             /* @__PURE__ */ i("span", { className: o.icons, children: [
-              /* @__PURE__ */ t("span", { className: o.selectedIcon, children: N }),
-              /* @__PURE__ */ t("span", { className: o.icon, children: B })
+              /* @__PURE__ */ e("span", { className: o.selectedIcon, children: N }),
+              /* @__PURE__ */ e("span", { className: o.icon, children: B })
             ] }),
             /* @__PURE__ */ i("span", { className: o.subTitle, children: [
               S,
-              y && /* @__PURE__ */ t(at, { variant: p, icon: !1 })
+              y && /* @__PURE__ */ e(ae, { variant: p, icon: !1 })
             ] })
           ]
         }
@@ -277,7 +277,7 @@ function Ft({
     }
   ) }) });
 }
-const Dt = [
+const De = [
   {
     id: "whats-new",
     content: [
@@ -288,9 +288,9 @@ const Dt = [
         tag: "new"
       },
       {
-        title: "React",
-        description: "Our improved React integration",
-        url: "https://www.highcharts.com/blog/integrations-posts/how-to-migrate-to-the-new-highcharts-for-react/",
+        title: "Highcharts React v4.2.1",
+        description: "See what's new",
+        url: "https://www.highcharts.com/blog/post/highcharts-react-v4-2-1-better-docs-better-defaults-better-dx/",
         tag: "new"
       },
       {
@@ -302,24 +302,24 @@ const Dt = [
     ]
   }
 ];
-function Vt() {
-  const { theme: e, setTheme: n } = st(), l = U(!1);
+function Ve() {
+  const { theme: t, setTheme: n } = se(), l = U(!1);
   return A(() => {
     if (l.current) return;
-    const s = Rt();
-    if (s && s !== e) {
+    const s = Fe();
+    if (s && s !== t) {
       n(s), l.current = !0;
       return;
     }
     l.current = !0;
-  }, [n, e]), A(() => {
-    e && X(J, e);
-  }, [e]), null;
+  }, [n, t]), A(() => {
+    t && X(J, t);
+  }, [t]), null;
 }
-function ie({
-  subItems: e,
+function it({
+  subItems: t,
   children: n,
-  notifications: l = Dt,
+  notifications: l = De,
   // TODO: Fetch these from the internets
   link: s = "a",
   host: a = "https://www.highcharts.com",
@@ -330,23 +330,23 @@ function ie({
   W(() => {
     const r = y.current;
     if (!r) return;
-    const c = 48, h = 82, C = e?.length ? 72 : 0, Q = h + u.length * c + C, tt = -(h + u.length * c);
-    let E = window.scrollY, _ = 0, H = null, k = null;
+    const c = 48, h = 82, C = t?.length ? 72 : 0, Q = h + u.length * c + C, ee = -(h + u.length * c);
+    let H = window.scrollY, _ = 0, E = null, k = null;
     const L = () => {
-      k = null, !(!r || H === _) && (r.style.transform = `translate3d(0, ${_}px, 0)`, f && document.documentElement.style.setProperty(
+      k = null, !(!r || E === _) && (r.style.transform = `translate3d(0, ${_}px, 0)`, f && document.documentElement.style.setProperty(
         "--header-bottom",
         `${Q + _}px`
-      ), H = _);
+      ), E = _);
     };
     L();
     const I = () => {
-      const O = window.scrollY, et = O - E;
-      E = O, _ = Math.min(0, Math.max(tt, _ - et)), k === null && (k = window.requestAnimationFrame(L));
+      const O = window.scrollY, te = O - H;
+      H = O, _ = Math.min(0, Math.max(ee, _ - te)), k === null && (k = window.requestAnimationFrame(L));
     };
     return window.addEventListener("scroll", I, { passive: !0 }), () => {
       window.removeEventListener("scroll", I), k !== null && cancelAnimationFrame(k), r.style.transform = "", f && document.documentElement.style.removeProperty("--header-bottom");
     };
-  }, [f, u.length, e?.length]), W(() => {
+  }, [f, u.length, t?.length]), W(() => {
     if (!l.length) return;
     const r = z();
     g(
@@ -374,12 +374,12 @@ function ie({
       })
     );
   };
-  return /* @__PURE__ */ i(ot, { children: [
-    /* @__PURE__ */ t(Vt, {}),
+  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__ */ t(
-          lt,
+        u?.map(({ id: r, content: c, variant: h, closable: C }, Q) => /* @__PURE__ */ e(
+          le,
           {
             id: r,
             content: c,
@@ -389,8 +389,8 @@ function ie({
           },
           Q
         )),
-        /* @__PURE__ */ t("div", { className: b(o.main, o.outer), children: /* @__PURE__ */ i(G, { as: "nav", className: o.container, children: [
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ e("div", { className: b(o.main, o.outer), children: /* @__PURE__ */ i(G, { as: "nav", className: o.container, children: [
+          /* @__PURE__ */ e(
             m,
             {
               as: "a",
@@ -402,15 +402,15 @@ function ie({
               children: "Skip to content"
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             s,
             {
               className: o.logo,
               href: d("https://www.highcharts.com/", a),
-              children: /* @__PURE__ */ t(R, { showText: !N || B && !x })
+              children: /* @__PURE__ */ e(F, { showText: !N || B && !x })
             }
           ),
-          /* @__PURE__ */ t("ul", { className: o.links, children: K.map(({ title: r, url: c }, h) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+          /* @__PURE__ */ e("ul", { className: o.links, children: K.map(({ title: r, url: c }, h) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
             m,
             {
               variant: "plain",
@@ -431,13 +431,13 @@ function ie({
                   a
                 ),
                 children: [
-                  /* @__PURE__ */ t("span", { className: o.gpt, children: "Highcharts GPT" }),
-                  /* @__PURE__ */ t(D, {})
+                  /* @__PURE__ */ e("span", { className: o.gpt, children: "Highcharts GPT" }),
+                  /* @__PURE__ */ e(D, {})
                 ]
               }
             ),
-            /* @__PURE__ */ t(j, {}),
-            /* @__PURE__ */ t(F, {}),
+            /* @__PURE__ */ e(j, {}),
+            /* @__PURE__ */ e(R, {}),
             /* @__PURE__ */ i(
               m,
               {
@@ -447,7 +447,7 @@ function ie({
                 href: d("https://shop.highcharts.com/", a),
                 "aria-label": "Buy Now",
                 children: [
-                  /* @__PURE__ */ t($, {}),
+                  /* @__PURE__ */ e($, {}),
                   "Buy Now"
                 ]
               }
@@ -463,7 +463,7 @@ function ie({
                   a
                 ),
                 children: [
-                  /* @__PURE__ */ t(V, {}),
+                  /* @__PURE__ */ e(V, {}),
                   "Try for Free"
                 ]
               }
@@ -476,16 +476,16 @@ function ie({
                 onClick: q,
                 children: [
                   p ? "Close" : "Menu",
-                  p ? /* @__PURE__ */ t(ct, {}) : /* @__PURE__ */ t(ut, {})
+                  p ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(ue, {})
                 ]
               }
             )
           ] })
         ] }) }),
-        !!e?.length && /* @__PURE__ */ t(
-          Ft,
+        !!t?.length && /* @__PURE__ */ e(
+          Re,
           {
-            items: e,
+            items: t,
             link: s,
             host: a,
             pathname: S
@@ -493,8 +493,8 @@ function ie({
         ),
         n
       ] }),
-      B && /* @__PURE__ */ i(nt, { children: [
-        /* @__PURE__ */ t(
+      B && /* @__PURE__ */ i(ne, { children: [
+        /* @__PURE__ */ e(
           "div",
           {
             className: b(o.mobileOverlay, { [o.open]: p }),
@@ -509,12 +509,12 @@ function ie({
             }),
             children: [
               /* @__PURE__ */ i("div", { className: o.container, children: [
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ e(
                   s,
                   {
                     className: o.logo,
                     href: d("https://www.highcharts.com/", a),
-                    children: /* @__PURE__ */ t(R, { showText: !x })
+                    children: /* @__PURE__ */ e(F, { showText: !x })
                   }
                 ),
                 /* @__PURE__ */ i("div", { className: o.buttons, children: [
@@ -528,13 +528,13 @@ function ie({
                         a
                       ),
                       children: [
-                        /* @__PURE__ */ t("span", { className: o.gpt, children: "Highcharts GPT" }),
-                        /* @__PURE__ */ t(D, {})
+                        /* @__PURE__ */ e("span", { className: o.gpt, children: "Highcharts GPT" }),
+                        /* @__PURE__ */ e(D, {})
                       ]
                     }
                   ),
-                  /* @__PURE__ */ t(j, {}),
-                  /* @__PURE__ */ t(F, {})
+                  /* @__PURE__ */ e(j, {}),
+                  /* @__PURE__ */ e(R, {})
                 ] })
               ] }),
               /* @__PURE__ */ i("div", { className: o.buttons, children: [
@@ -546,7 +546,7 @@ function ie({
                     as: s,
                     href: d("https://shop.highcharts.com/", a),
                     children: [
-                      /* @__PURE__ */ t($, {}),
+                      /* @__PURE__ */ e($, {}),
                       "Buy Now"
                     ]
                   }
@@ -562,13 +562,13 @@ function ie({
                       a
                     ),
                     children: [
-                      /* @__PURE__ */ t(V, {}),
+                      /* @__PURE__ */ e(V, {}),
                       "Try for Free"
                     ]
                   }
                 )
               ] }),
-              /* @__PURE__ */ t("ul", { className: o.links, children: K.map(({ title: r, url: c, icon: h }, C) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ i(
+              /* @__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",
@@ -590,6 +590,6 @@ function ie({
   ] });
 }
 export {
-  ie as Header,
-  Ft as SubHeader
+  it as Header,
+  Re as SubHeader
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.106",
+  "version": "1.0.108",
   "description": "Highsoft UI",
   "type": "module",
   "main": "dist/main.js",