highsoft-ui 1.0.10 → 1.0.12

package/dist/components/Header/index.js

@@ -1,16 +1,16 @@
-import { jsx as e, jsxs as n, Fragment as y } from "react/jsx-runtime";
-import { useState as C, useEffect as P } from "react";
-import { J as V } from "../../index-CMegByeX.js";
-import { _ as h } from "../../extends-hS2Bh-Yp.js";
-import { N as q, X as z } from "../../index-CYCXI8lK.js";
-import { c as m } from "../../clsx-OuTLNxxd.js";
+import { jsx as e, jsxs as o, Fragment as P } from "react/jsx-runtime";
+import { useState as b, useEffect as V } from "react";
+import { J as q } from "../../index-CMegByeX.js";
+import { _ as l } from "../../extends-hS2Bh-Yp.js";
+import { N as z, X as J } from "../../index-CcO3hfIY.js";
+import { c as p } from "../../clsx-OuTLNxxd.js";
 import { Button as c } from "../Button/index.js";
 import { Container as H } from "../Container/index.js";
-import { ThemedLogo as b } from "../Logo/index.js";
-import { PrefPanel as x } from "../PrefPanel/index.js";
-import { useMediaQuery as M } from "../../utils.js";
-var J = function(t) {
-  return /* @__PURE__ */ e("svg", h({
+import { ThemedLogo as x } from "../Logo/index.js";
+import { PrefPanel as M } from "../PrefPanel/index.js";
+import { useMediaQuery as k } from "../../utils.js";
+var U = function(t) {
+  return /* @__PURE__ */ e("svg", l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -25,8 +25,8 @@ var J = function(t) {
       d: "M18.5 16c1.933 0 3.5-2.9101 3.5-6.5C22 5.9102 20.433 3 18.5 3m0 13c-1.933 0-3.5-2.9101-3.5-6.5C15 5.9102 16.567 3 18.5 3m0 13L5.4435 13.6261c-.9275-.1686-1.3912-.253-1.7662-.4371a3 3 0 0 1-1.5632-1.8731C2 10.914 2 10.4427 2 9.5s0-1.414.1141-1.816a3 3 0 0 1 1.5632-1.873c.375-.1841.8388-.2685 1.7662-.4371L18.5 3M5 14l.3939 5.514c.0374.5236.056.7855.17.9839a1 1 0 0 0 .4324.4026c.206.0995.4685.0995.9935.0995h1.7824c.6001 0 .9002 0 1.1223-.1197a1 1 0 0 0 .4397-.4748c.1023-.2306.0793-.5298.0333-1.1282L10 14.5"
     })
   }));
-}, U = function(t) {
-  return /* @__PURE__ */ e("svg", h({
+}, A = function(t) {
+  return /* @__PURE__ */ e("svg", l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -41,8 +41,8 @@ var J = function(t) {
       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"
     })
   }));
-}, A = function(t) {
-  return /* @__PURE__ */ e("svg", h({
+}, G = function(t) {
+  return /* @__PURE__ */ e("svg", l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -57,8 +57,8 @@ var J = function(t) {
       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"
     })
   }));
-}, G = function(t) {
-  return /* @__PURE__ */ e("svg", h({
+}, F = function(t) {
+  return /* @__PURE__ */ e("svg", l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -73,8 +73,8 @@ var J = function(t) {
       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"
     })
   }));
-}, F = function(t) {
-  return /* @__PURE__ */ e("svg", h({
+}, Q = function(t) {
+  return /* @__PURE__ */ e("svg", l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -89,8 +89,8 @@ var J = function(t) {
       d: "M3 12h12M3 6h18M3 18h18"
     })
   }));
-}, Q = function(t) {
-  return /* @__PURE__ */ e("svg", h({
+}, X = function(t) {
+  return /* @__PURE__ */ e("svg", l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -105,8 +105,8 @@ var J = function(t) {
       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"
     })
   }));
-}, X = function(t) {
-  return /* @__PURE__ */ e("svg", h({
+}, $ = function(t) {
+  return /* @__PURE__ */ e("svg", l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -122,7 +122,7 @@ var J = function(t) {
     })
   }));
 }, N = function(t) {
-  return /* @__PURE__ */ e("svg", h({
+  return /* @__PURE__ */ e("svg", l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -137,8 +137,8 @@ var J = function(t) {
       d: "m21 21-4.35-4.35M19 11c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8"
     })
   }));
-}, L = function(t) {
-  return /* @__PURE__ */ e("svg", h({
+}, S = function(t) {
+  return /* @__PURE__ */ e("svg", l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -153,8 +153,8 @@ var J = function(t) {
       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"
     })
   }));
-}, S = function(t) {
-  return /* @__PURE__ */ e("svg", h({
+}, L = function(t) {
+  return /* @__PURE__ */ e("svg", l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -170,7 +170,7 @@ var J = function(t) {
     })
   }));
 }, T = function(t) {
-  return /* @__PURE__ */ e("svg", h({
+  return /* @__PURE__ */ e("svg", l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -186,108 +186,108 @@ var J = function(t) {
     })
   }));
 };
-const $ = "_header_17o4o_293", D = "_outer_17o4o_304", E = "_main_17o4o_313", R = "_container_17o4o_317", I = "_links_17o4o_323", K = "_buttons_17o4o_324", Y = "_menu_17o4o_329", Z = "_logo_17o4o_334", e1 = "_sub_17o4o_346", t1 = "_subContainer_17o4o_350", o1 = "_selected_17o4o_377", r1 = "_subTag_17o4o_389", n1 = "_mobileOverlay_17o4o_407", s1 = "_show_17o4o_1", i1 = "_open_17o4o_419", a1 = "_mobile_17o4o_407", c1 = "_slideUp_17o4o_1", h1 = "_gpt_17o4o_482", o = {
-  header: $,
-  outer: D,
-  main: E,
-  container: R,
-  links: I,
-  buttons: K,
-  menu: Y,
-  logo: Z,
-  sub: e1,
+const D = "_header_1lvm8_285", E = "_outer_1lvm8_296", R = "_main_1lvm8_305", I = "_container_1lvm8_309", K = "_links_1lvm8_315", Y = "_buttons_1lvm8_316", Z = "_menu_1lvm8_324", e1 = "_logo_1lvm8_329", t1 = "_subContainer_1lvm8_341", r1 = "_selected_1lvm8_369", n1 = "_subTag_1lvm8_381", o1 = "_mobileOverlay_1lvm8_399", s1 = "_show_1lvm8_1", i1 = "_open_1lvm8_411", a1 = "_mobile_1lvm8_399", c1 = "_slideUp_1lvm8_1", l1 = "_sub_1lvm8_341", h1 = "_gpt_1lvm8_477", r = {
+  header: D,
+  outer: E,
+  main: R,
+  container: I,
+  links: K,
+  buttons: Y,
+  menu: Z,
+  logo: e1,
   subContainer: t1,
-  selected: o1,
-  subTag: r1,
-  "subTag-success": "_subTag-success_17o4o_394",
-  "subTag-brand": "_subTag-brand_17o4o_398",
-  mobileOverlay: n1,
+  selected: r1,
+  subTag: n1,
+  "subTag-success": "_subTag-success_1lvm8_386",
+  "subTag-brand": "_subTag-brand_1lvm8_390",
+  mobileOverlay: o1,
   show: s1,
   open: i1,
   mobile: a1,
   slideUp: c1,
+  sub: l1,
   gpt: h1
 }, B = [
   {
     title: "Products",
     url: "https://highcharts.com/products/",
-    icon: /* @__PURE__ */ e(A, {})
+    icon: /* @__PURE__ */ e(G, {})
   },
   {
     title: "Demos",
     url: "https://www.highcharts.com/demo",
-    icon: /* @__PURE__ */ e(X, {})
+    icon: /* @__PURE__ */ e($, {})
   },
   {
     title: "Support",
     url: "https://www.highcharts.com/support/",
-    icon: /* @__PURE__ */ e(Q, {})
+    icon: /* @__PURE__ */ e(X, {})
   },
   {
     title: "Resources",
     url: "https://www.highcharts.com/",
-    icon: /* @__PURE__ */ e(G, {})
+    icon: /* @__PURE__ */ e(F, {})
   },
   {
     title: "Pricing",
     url: "https://shop.highcharts.com/",
-    icon: /* @__PURE__ */ e(U, {})
+    icon: /* @__PURE__ */ e(A, {})
   },
   {
     title: "Blog",
     url: "https://www.highcharts.com/blog/",
-    icon: /* @__PURE__ */ e(J, {})
+    icon: /* @__PURE__ */ e(U, {})
   }
 ];
-function l1({ items: r }) {
-  return /* @__PURE__ */ e("div", { className: m(o.sub, o.outer), children: /* @__PURE__ */ e(H, { className: o.subContainer, as: "ul", children: r.map(
-    ({ title: t, url: u, icon: a, tag: p, tagVariant: w = "success", link: d = "a" }, v) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ n(d, { href: u, children: [
+function d1({ items: n }) {
+  return /* @__PURE__ */ e("div", { className: p(r.sub, r.outer), children: /* @__PURE__ */ e(H, { className: r.subContainer, as: "ul", children: n.map(
+    ({ title: t, url: m, icon: a, tag: u, tagVariant: v = "success", link: g = "a" }, d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(g, { href: m, children: [
       a,
-      /* @__PURE__ */ n("span", { children: [
+      /* @__PURE__ */ o("span", { children: [
         t,
-        p && /* @__PURE__ */ e(
+        u && /* @__PURE__ */ e(
           "span",
           {
-            className: m(
-              o.subTag,
-              o[`subTag-${w}`]
+            className: p(
+              r.subTag,
+              r[`subTag-${v}`]
             ),
-            children: p
+            children: u
           }
         )
       ] })
-    ] }) }, v)
+    ] }) }, d)
   ) }) });
 }
-function b1({
-  subItems: r,
+function x1({
+  subItems: n,
   children: t,
-  notifications: u = [],
+  notifications: m = [],
   // TODO: Fetch these from the internets
   link: a = "a"
 }) {
-  const p = M("(max-width: 849px)"), w = M("(min-width: 850px) and (max-width: 999px)"), [d, v] = C(!1), [g, f] = C([]);
-  P(() => {
-    if (u.length) {
+  const u = k("(max-width: 374px)"), v = k("(max-width: 849px)"), g = k("(min-width: 850px) and (max-width: 999px)"), [d, W] = b(!1), [w, f] = b([]);
+  V(() => {
+    if (m.length) {
       const i = localStorage.getItem("notifications");
       if (i) {
-        const l = JSON.parse(i);
+        const h = JSON.parse(i);
         f(
-          u.filter(
-            (s) => !s.id || !l.closed.includes(s.id)
+          m.filter(
+            (s) => !s.id || !h.closed.includes(s.id)
           )
         );
       } else
-        f(u);
+        f(m);
     }
-  }, [u]);
-  const k = () => {
-    v(!d);
-  }, W = (i) => {
-    f(g.filter((s) => !s.id || s.id !== i));
-    const l = localStorage.getItem("notifications");
-    if (l) {
-      const s = JSON.parse(l);
+  }, [m]);
+  const C = () => {
+    W(!d);
+  }, j = (i) => {
+    f(w.filter((s) => !s.id || s.id !== i));
+    const h = localStorage.getItem("notifications");
+    if (h) {
+      const s = JSON.parse(h);
       s.closed.includes(i) || (s.closed.push(i), localStorage.setItem("notifications", JSON.stringify(s)));
     } else
       localStorage.setItem(
@@ -297,50 +297,38 @@ function b1({
         })
       );
   };
-  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ n("header", { className: o.header, children: [
-    g == null ? void 0 : g.map(
-      ({ id: i, title: l, description: s, variant: _, closable: j }, O) => /* @__PURE__ */ e(
-        q,
+  return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ o("header", { className: r.header, children: [
+    w == null ? void 0 : w.map(
+      ({ id: i, title: h, description: s, variant: _, closable: O }, y) => /* @__PURE__ */ e(
+        z,
         {
           description: s,
           variant: _,
-          closable: j,
-          onClose: () => W(i),
-          children: l
+          closable: O,
+          onClose: () => j(i),
+          children: h
         },
-        O
+        y
       )
     ),
-    /* @__PURE__ */ e("div", { className: m(o.main, o.outer), children: /* @__PURE__ */ n(H, { as: "nav", className: o.container, children: [
-      /* @__PURE__ */ e(a, { className: o.logo, href: "https://www.highcharts.com/", children: /* @__PURE__ */ e(b, { showText: !w }) }),
-      /* @__PURE__ */ e("div", { className: o.links, children: B.map(({ title: i, url: l }, s) => /* @__PURE__ */ e(c, { variant: "plain", size: 300, as: a, href: l, children: i }, s)) }),
-      /* @__PURE__ */ n("div", { className: o.buttons, children: [
-        /* @__PURE__ */ n(
+    /* @__PURE__ */ e("div", { className: p(r.main, r.outer), children: /* @__PURE__ */ o(H, { as: "nav", className: r.container, children: [
+      /* @__PURE__ */ e(a, { className: r.logo, href: "https://www.highcharts.com/", children: /* @__PURE__ */ e(x, { showText: !g && !u }) }),
+      /* @__PURE__ */ e("ul", { className: r.links, children: B.map(({ title: i, url: h }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(c, { variant: "plain", size: 300, as: a, href: h, children: i }) }, s)) }),
+      /* @__PURE__ */ o("div", { className: r.buttons, children: [
+        /* @__PURE__ */ o(
           c,
           {
             variant: "transparent",
             as: a,
             href: "https://www.highcharts.com/chat/gpt/",
             children: [
-              /* @__PURE__ */ e("span", { className: o.gpt, children: "Highcharts GPT" }),
-              /* @__PURE__ */ e(L, {})
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(c, { variant: "transparent", children: /* @__PURE__ */ e(N, {}) }),
-        /* @__PURE__ */ e(x, {}),
-        /* @__PURE__ */ n(
-          c,
-          {
-            variant: d ? "white" : "transparent",
-            className: o.menu,
-            onClick: k,
-            children: [
-              d ? "Close" : "Menu",
-              d ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(F, {})
+              /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
+              /* @__PURE__ */ e(S, {})
             ]
           }
         ),
+        /* @__PURE__ */ e(c, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(N, {}) }),
+        /* @__PURE__ */ e(M, {}),
         /* @__PURE__ */ e(
           c,
           {
@@ -350,65 +338,77 @@ function b1({
             children: /* @__PURE__ */ e(T, {})
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           c,
           {
             variant: "success",
             as: a,
             href: "https://www.highcharts.com/download/",
             children: [
-              /* @__PURE__ */ e(S, {}),
+              /* @__PURE__ */ e(L, {}),
               "Get started"
             ]
           }
+        ),
+        /* @__PURE__ */ o(
+          c,
+          {
+            variant: d ? "white" : "transparent",
+            className: r.menu,
+            onClick: C,
+            children: [
+              d ? "Close" : "Menu",
+              d ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(Q, {})
+            ]
+          }
         )
       ] })
     ] }) }),
-    !!(r != null && r.length) && /* @__PURE__ */ e(l1, { items: r }),
+    !!(n != null && n.length) && /* @__PURE__ */ e(d1, { items: n }),
     t,
-    p && /* @__PURE__ */ n(y, { children: [
+    v && /* @__PURE__ */ o(P, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: m(o.mobileOverlay, { [o.open]: d }),
-          onClick: k
+          className: p(r.mobileOverlay, { [r.open]: d }),
+          onClick: C
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(
         "nav",
         {
-          className: m(o.mobile, {
-            [o.open]: d
+          className: p(r.mobile, {
+            [r.open]: d
           }),
           children: [
-            /* @__PURE__ */ n("div", { className: o.container, children: [
+            /* @__PURE__ */ o("div", { className: r.container, children: [
               /* @__PURE__ */ e(
                 a,
                 {
-                  className: o.logo,
+                  className: r.logo,
                   href: "https://www.highcharts.com/",
-                  children: /* @__PURE__ */ e(b, { showText: !w })
+                  children: /* @__PURE__ */ e(x, { showText: !u })
                 }
               ),
-              /* @__PURE__ */ n("div", { className: o.buttons, children: [
-                /* @__PURE__ */ n(
+              /* @__PURE__ */ o("div", { className: r.buttons, children: [
+                /* @__PURE__ */ o(
                   c,
                   {
                     variant: "transparent",
                     as: a,
                     href: "https://www.highcharts.com/chat/gpt/",
                     children: [
-                      /* @__PURE__ */ e("span", { className: o.gpt, children: "Highcharts GPT" }),
-                      /* @__PURE__ */ e(L, {})
+                      /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
+                      /* @__PURE__ */ e(S, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(c, { variant: "transparent", children: /* @__PURE__ */ e(N, {}) }),
-                /* @__PURE__ */ e(x, {})
+                /* @__PURE__ */ e(c, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(N, {}) }),
+                /* @__PURE__ */ e(M, {})
               ] })
             ] }),
-            /* @__PURE__ */ n("div", { className: o.buttons, children: [
-              /* @__PURE__ */ n(
+            /* @__PURE__ */ o("div", { className: r.buttons, children: [
+              /* @__PURE__ */ o(
                 c,
                 {
                   variant: "brand",
@@ -421,7 +421,7 @@ function b1({
                   ]
                 }
               ),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ o(
                 c,
                 {
                   variant: "success",
@@ -429,27 +429,26 @@ function b1({
                   as: a,
                   href: "https://www.highcharts.com/download/",
                   children: [
-                    /* @__PURE__ */ e(S, {}),
+                    /* @__PURE__ */ e(L, {}),
                     "Get started"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: o.links, children: B.map(({ title: i, url: l, icon: s }, _) => /* @__PURE__ */ n(
+            /* @__PURE__ */ e("ul", { className: r.links, children: B.map(({ title: i, url: h, icon: s }, _) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
               c,
               {
                 variant: "plain",
                 size: 500,
                 fullWidth: !0,
                 as: a,
-                href: l,
+                href: h,
                 children: [
                   s,
                   i
                 ]
-              },
-              _
-            )) })
+              }
+            ) }, _)) })
           ]
         }
       )
@@ -457,6 +456,6 @@ function b1({
   ] }) });
 }
 export {
-  b1 as Header,
-  l1 as SubHeader
+  x1 as Header,
+  d1 as SubHeader
 };

package/dist/components/Logo/index.js

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import { z as h } from "../../index-CMegByeX.js";
-import { useState as d, useEffect as n } from "react";
-function p({
+import { useMounted as d } from "../../utils.js";
+function n({
   title: s = "Highcharts",
   light: l,
   showText: o = !0,
@@ -246,13 +246,11 @@ function p({
   );
   return e ? /* @__PURE__ */ t("a", { href: "https://www.highcharts.com", children: r }) : r;
 }
-function v(s) {
-  const { resolvedTheme: l } = h(), [o, e] = d(!1);
-  return n(() => {
-    e(!0);
-  }, []), /* @__PURE__ */ t(p, { light: !o || l === "light", ...s });
+function a(s) {
+  const { resolvedTheme: l } = h(), o = d();
+  return /* @__PURE__ */ t(n, { light: !o || l === "light", ...s });
 }
 export {
-  p as Logo,
-  v as ThemedLogo
+  n as Logo,
+  a as ThemedLogo
 };

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-export type NotificationVariant = "default" | "success" | "danger" | "attention";
-export declare function Notification({ children, variant, description, closable, onClose, }: {
+export type NotificationVariant = 'default' | 'success' | 'danger' | 'attention';
+export declare function Notification({ children, variant, description, closable, onClose }: {
     children?: ReactNode;
     variant?: NotificationVariant;
     description?: string;

package/dist/components/Notification/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { N as f } from "../../index-CYCXI8lK.js";
+import { N as f } from "../../index-CcO3hfIY.js";
 import "../../clsx-OuTLNxxd.js";
 import "../Button/index.js";
 import "../Container/index.js";