highsoft-ui 1.0.85 → 1.0.87

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

@@ -1,5 +1,5 @@
 import { ElementType, ReactNode } from 'react';
-import { NotificationVariant } from '../Notification';
+import { NotificationItem, NotificationVariant } from '../Notification';
 export interface SubHeaderItem {
     title: string;
     url: string;
@@ -16,8 +16,7 @@ export declare function SubHeader({ items, link: Link, host, pathname }: {
 }): import("react/jsx-runtime").JSX.Element;
 export interface Notification {
     id?: string;
-    title?: string;
-    description?: string;
+    content: NotificationItem | Array<NotificationItem>;
     variant?: NotificationVariant;
     closable?: boolean;
 }

package/dist/components/Header/index.js

@@ -1,26 +1,26 @@
-import { jsx as e, jsxs as i, Fragment as U } from "react/jsx-runtime";
-import { useRef as $, useState as T, useEffect as H } from "react";
-import { a as M, J as G, b as R } from "../../utils-CT0G9Gzw.js";
-import { A as F } from "../../Announcement03-obPaH4LK.js";
+import { jsx as t, jsxs as i, Fragment as R } from "react/jsx-runtime";
+import { useRef as G, useState as H, useEffect as T } from "react";
+import { a as S, J as U, b as $ } from "../../utils-CT0G9Gzw.js";
+import { A as D } from "../../Announcement03-obPaH4LK.js";
 import { _ as u } from "../../extends-hS2Bh-Yp.js";
-import { X as Y } from "../../XClose-CCu1vrNS.js";
+import { X as F } from "../../XClose-CCu1vrNS.js";
 import { c as C } from "../../clsx-OuTLNxxd.js";
 import { Button as m } from "../Button/index.js";
 import { Container as z } from "../Container/index.js";
 import { Logo as I } from "../Logo/index.js";
-import { NewTag as D } from "../NewTag/index.js";
-import { Notification as K } from "../Notification/index.js";
-import { Search as W } from "../Search/index.js";
-import { PrefPanel as j } from "../PrefPanel/index.js";
+import { NewTag as K } from "../NewTag/index.js";
+import { Notification as Y } from "../Notification/index.js";
+import { Search as P } from "../Search/index.js";
+import { PrefPanel as W } from "../PrefPanel/index.js";
 var X = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+  return /* @__PURE__ */ t("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ e("path", {
+    children: /* @__PURE__ */ t("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -29,14 +29,14 @@ var X = function(n) {
     })
   }));
 }, Z = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+  return /* @__PURE__ */ t("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ e("path", {
+    children: /* @__PURE__ */ t("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -44,15 +44,15 @@ var X = 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"
     })
   }));
-}, ee = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+}, tt = function(n) {
+  return /* @__PURE__ */ t("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ e("path", {
+    children: /* @__PURE__ */ t("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -60,15 +60,15 @@ var X = 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"
     })
   }));
-}, te = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+}, et = function(n) {
+  return /* @__PURE__ */ t("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ e("path", {
+    children: /* @__PURE__ */ t("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -76,15 +76,15 @@ var X = function(n) {
       d: "M3 12h12M3 6h18M3 18h18"
     })
   }));
-}, ne = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+}, nt = function(n) {
+  return /* @__PURE__ */ t("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ e("path", {
+    children: /* @__PURE__ */ t("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -92,15 +92,15 @@ var X = 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"
     })
   }));
-}, oe = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+}, ot = function(n) {
+  return /* @__PURE__ */ t("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ e("path", {
+    children: /* @__PURE__ */ t("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -108,15 +108,15 @@ var X = 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"
     })
   }));
-}, P = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+}, j = function(n) {
+  return /* @__PURE__ */ t("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ e("path", {
+    children: /* @__PURE__ */ t("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -124,15 +124,15 @@ var X = 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"
     })
   }));
-}, E = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+}, O = function(n) {
+  return /* @__PURE__ */ t("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ e("path", {
+    children: /* @__PURE__ */ t("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -140,15 +140,15 @@ var X = function(n) {
       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(n) {
-  return /* @__PURE__ */ e("svg", u({
+}, E = function(n) {
+  return /* @__PURE__ */ t("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, n, {
-    children: /* @__PURE__ */ e("path", {
+    children: /* @__PURE__ */ t("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -157,89 +157,89 @@ var X = function(n) {
     })
   }));
 };
-const re = "m_QBtq_buttons", se = "m_QBtq_container", ie = "m_QBtq_gpt", ce = "m_QBtq_header", ae = "m_QBtq_icon", le = "m_QBtq_icons", he = "m_QBtq_links", de = "m_QBtq_logo", me = "m_QBtq_main", ue = "m_QBtq_menu", pe = "m_QBtq_mobile", we = "m_QBtq_mobileOverlay", ge = "m_QBtq_open", fe = "m_QBtq_outer", ve = "m_QBtq_selectableIcon", ke = "m_QBtq_selected", Ce = "m_QBtq_selectedIcon", _e = "m_QBtq_skip", be = "m_QBtq_sub", xe = "m_QBtq_subContainer", Be = "m_QBtq_subTitle", t = {
-  buttons: re,
-  container: se,
-  gpt: ie,
-  header: ce,
-  icon: ae,
-  icons: le,
-  links: he,
-  logo: de,
-  main: me,
-  menu: ue,
-  mobile: pe,
-  mobileOverlay: we,
-  open: ge,
-  outer: fe,
-  selectableIcon: ve,
-  selected: ke,
-  selectedIcon: Ce,
-  skip: _e,
-  sub: be,
-  subContainer: xe,
-  subTitle: Be
+const rt = "m_QBtq_buttons", st = "m_QBtq_container", it = "m_QBtq_gpt", ct = "m_QBtq_header", at = "m_QBtq_icon", lt = "m_QBtq_icons", ht = "m_QBtq_links", dt = "m_QBtq_logo", mt = "m_QBtq_main", ut = "m_QBtq_menu", pt = "m_QBtq_mobile", wt = "m_QBtq_mobileOverlay", gt = "m_QBtq_open", ft = "m_QBtq_outer", vt = "m_QBtq_selectableIcon", kt = "m_QBtq_selected", Ct = "m_QBtq_selectedIcon", _t = "m_QBtq_skip", bt = "m_QBtq_sub", xt = "m_QBtq_subContainer", Bt = "m_QBtq_subTitle", e = {
+  buttons: rt,
+  container: st,
+  gpt: it,
+  header: ct,
+  icon: at,
+  icons: lt,
+  links: ht,
+  logo: dt,
+  main: mt,
+  menu: ut,
+  mobile: pt,
+  mobileOverlay: wt,
+  open: gt,
+  outer: ft,
+  selectableIcon: vt,
+  selected: kt,
+  selectedIcon: Ct,
+  skip: _t,
+  sub: bt,
+  subContainer: xt,
+  subTitle: Bt
 }, V = [
   {
     title: "Products",
     url: "https://www.highcharts.com/products/",
-    icon: /* @__PURE__ */ e(Z, {})
+    icon: /* @__PURE__ */ t(Z, {})
   },
   {
     title: "Demos",
     url: "https://www.highcharts.com/demo",
-    icon: /* @__PURE__ */ e(oe, {})
+    icon: /* @__PURE__ */ t(ot, {})
   },
   {
     title: "Support",
     url: "https://www.highcharts.com/support/",
-    icon: /* @__PURE__ */ e(ne, {})
+    icon: /* @__PURE__ */ t(nt, {})
   },
   {
     title: "Resources",
     url: "https://www.highcharts.com/resources/",
-    icon: /* @__PURE__ */ e(ee, {})
+    icon: /* @__PURE__ */ t(tt, {})
   },
   {
     title: "Pricing",
     url: "https://shop.highcharts.com/",
-    icon: /* @__PURE__ */ e(X, {})
+    icon: /* @__PURE__ */ t(X, {})
   },
   {
     title: "Blog",
     url: "https://www.highcharts.com/blog/home/",
-    icon: /* @__PURE__ */ e(F, {})
+    icon: /* @__PURE__ */ t(D, {})
   }
 ];
 function d(c, n) {
   return n ? c.replace(n, "") : c;
 }
-function Ne({
+function Nt({
   items: c,
   link: n = "a",
   host: f = "https://www.highcharts.com",
   pathname: l
 }) {
-  const h = R();
-  return /* @__PURE__ */ e("div", { className: C(t.sub, t.outer), children: /* @__PURE__ */ e(z, { className: t.subContainer, as: "ul", children: c.map(
-    ({ title: q, url: v, icon: _, selectedIcon: b, tag: S, tagVariant: g = "success" }, p) => {
+  const h = $();
+  return /* @__PURE__ */ t("div", { className: C(e.sub, e.outer), children: /* @__PURE__ */ t(z, { className: e.subContainer, as: "ul", children: c.map(
+    ({ title: N, url: v, icon: _, selectedIcon: b, tag: q, tagVariant: g = "success" }, p) => {
       const x = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(v, x), k = (!!l || h) && w.origin === x && w.pathname === (l || typeof window < "u" && window.location.pathname);
-      return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
+      return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ i(
         n,
         {
           href: d(v, f),
           className: C({
-            [t.selectableIcon]: b,
-            [t.selected]: k
+            [e.selectableIcon]: b,
+            [e.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: _ })
+            /* @__PURE__ */ i("span", { className: e.icons, children: [
+              /* @__PURE__ */ t("span", { className: e.selectedIcon, children: b }),
+              /* @__PURE__ */ t("span", { className: e.icon, children: _ })
             ] }),
-            /* @__PURE__ */ i("span", { className: t.subTitle, children: [
-              q,
-              S && /* @__PURE__ */ e(D, { variant: g, icon: !1 })
+            /* @__PURE__ */ i("span", { className: e.subTitle, children: [
+              N,
+              q && /* @__PURE__ */ t(K, { variant: g, icon: !1 })
             ] })
           ]
         }
@@ -247,18 +247,40 @@ function Ne({
     }
   ) }) });
 }
-function Ve({
+const qt = [
+  {
+    id: "whats-new",
+    content: [
+      {
+        title: "Grid Pro",
+        description: "50% off through 2025",
+        url: "https://www.highcharts.com/products/grid/"
+      },
+      {
+        title: "React",
+        description: "Our improved React integration",
+        url: "https://www.highcharts.com/blog/news/how-to-migrate-to-the-new-highcharts-for-react/"
+      },
+      {
+        title: "Highcharts on Discord",
+        description: "Join our server",
+        url: "https://discord.com/invite/xHxxcyyy6K"
+      }
+    ]
+  }
+];
+function zt({
   subItems: c,
   children: n,
-  notifications: f = [],
+  notifications: f = qt,
   // TODO: Fetch these from the internets
   link: l = "a",
   host: h = "https://www.highcharts.com",
-  pathname: q,
+  pathname: N,
   cssVariable: v
 }) {
-  const _ = M("(max-width: 374px)"), b = M("(max-width: 849px)"), S = M("(min-width: 850px) and (max-width: 999px)"), g = $(null), [p, x] = T(!1), [w, k] = T([]);
-  H(() => {
+  const _ = S("(max-width: 374px)"), b = S("(max-width: 849px)"), q = S("(min-width: 850px) and (max-width: 999px)"), g = G(null), [p, x] = H(!1), [w, k] = H([]);
+  T(() => {
     let o = window.scrollY;
     const r = 82 + w.length * 48 + (c?.length ? 72 : 0), s = -(82 + w.length * 48);
     let a = s, B = a;
@@ -266,15 +288,15 @@ function Ve({
       "--header-bottom",
       `${r + a}px`
     );
-    const N = () => {
+    const Q = () => {
       const L = window.scrollY, J = L - o;
       a -= J, a < s ? a = s : a > 0 && (a = 0), g.current && a !== B && (g.current.style.top = `${a}px`, v && document.documentElement.style.setProperty(
         "--header-bottom",
         `${r + a}px`
       )), o = L, B = a;
     };
-    return window.addEventListener("scroll", N), () => window.removeEventListener("scroll", N);
-  }, [v, w.length]), H(() => {
+    return window.addEventListener("scroll", Q), () => window.removeEventListener("scroll", Q);
+  }, [v, w.length]), T(() => {
     if (f.length) {
       const o = localStorage.getItem("notifications");
       if (o) {
@@ -288,7 +310,7 @@ function Ve({
         k(f);
     }
   }, [f]);
-  const Q = (o) => {
+  const M = (o) => {
     if (o.preventDefault(), !(o.nativeEvent instanceof KeyboardEvent) || o.nativeEvent.code === "Enter" || o.nativeEvent.code === "Space") {
       const r = document.querySelector("main");
       r && (r.scrollIntoView(), r.getAttribute("tabindex") !== "-1" && r.setAttribute("tabindex", "-1"), r.focus());
@@ -309,42 +331,39 @@ function Ve({
         })
       );
   };
-  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ i("header", { className: t.header, ref: g, children: [
-    w?.map(
-      ({ id: o, title: r, description: s, variant: a, closable: B }, N) => /* @__PURE__ */ e(
-        K,
-        {
-          description: s,
-          variant: a,
-          closable: B,
-          onClose: () => A(o),
-          children: r
-        },
-        N
-      )
-    ),
-    /* @__PURE__ */ e("div", { className: C(t.main, t.outer), children: /* @__PURE__ */ i(z, { as: "nav", className: t.container, children: [
-      /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(U, { children: /* @__PURE__ */ i("header", { className: e.header, ref: g, children: [
+    w?.map(({ id: o, content: r, variant: s, closable: a }, B) => /* @__PURE__ */ t(
+      Y,
+      {
+        content: r,
+        variant: s,
+        closable: a,
+        onClose: () => A(o)
+      },
+      B
+    )),
+    /* @__PURE__ */ t("div", { className: C(e.main, e.outer), children: /* @__PURE__ */ i(z, { as: "nav", className: e.container, children: [
+      /* @__PURE__ */ t(
         m,
         {
           as: "a",
-          className: t.skip,
+          className: e.skip,
           size: 500,
           tabIndex: "0",
-          onClick: Q,
-          onKeyPress: Q,
+          onClick: M,
+          onKeyPress: M,
           children: "Skip to content"
         }
       ),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t(
         l,
         {
-          className: t.logo,
+          className: e.logo,
           href: d("https://www.highcharts.com/", h),
-          children: /* @__PURE__ */ e(I, { showText: !S && !_ })
+          children: /* @__PURE__ */ t(I, { showText: !q && !_ })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: t.links, children: V.map(({ title: o, url: r }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ t("ul", { className: e.links, children: V.map(({ title: o, url: r }, s) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
         m,
         {
           variant: "plain",
@@ -354,7 +373,7 @@ function Ve({
           children: o
         }
       ) }, s)) }),
-      /* @__PURE__ */ i("div", { className: t.buttons, children: [
+      /* @__PURE__ */ i("div", { className: e.buttons, children: [
         /* @__PURE__ */ i(
           m,
           {
@@ -365,21 +384,21 @@ function Ve({
               h
             ),
             children: [
-              /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-              /* @__PURE__ */ e(P, {})
+              /* @__PURE__ */ t("span", { className: e.gpt, children: "Highcharts GPT" }),
+              /* @__PURE__ */ t(j, {})
             ]
           }
         ),
-        /* @__PURE__ */ e(W, {}),
-        /* @__PURE__ */ e(j, {}),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(P, {}),
+        /* @__PURE__ */ t(W, {}),
+        /* @__PURE__ */ t(
           m,
           {
             variant: "brand",
             as: l,
             href: d("https://shop.highcharts.com/account", h),
             "aria-label": "Login",
-            children: /* @__PURE__ */ e(O, {})
+            children: /* @__PURE__ */ t(E, {})
           }
         ),
         /* @__PURE__ */ i(
@@ -392,7 +411,7 @@ function Ve({
               h
             ),
             children: [
-              /* @__PURE__ */ e(E, {}),
+              /* @__PURE__ */ t(O, {}),
               "Get started"
             ]
           }
@@ -401,51 +420,51 @@ function Ve({
           m,
           {
             variant: p ? "white" : "transparent",
-            className: t.menu,
+            className: e.menu,
             onClick: y,
             children: [
               p ? "Close" : "Menu",
-              p ? /* @__PURE__ */ e(Y, {}) : /* @__PURE__ */ e(te, {})
+              p ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(et, {})
             ]
           }
         )
       ] })
     ] }) }),
-    !!c?.length && /* @__PURE__ */ e(
-      Ne,
+    !!c?.length && /* @__PURE__ */ t(
+      Nt,
       {
         items: c,
         link: l,
         host: h,
-        pathname: q
+        pathname: N
       }
     ),
     n,
-    b && /* @__PURE__ */ i(U, { children: [
-      /* @__PURE__ */ e(
+    b && /* @__PURE__ */ i(R, { children: [
+      /* @__PURE__ */ t(
         "div",
         {
-          className: C(t.mobileOverlay, { [t.open]: p }),
+          className: C(e.mobileOverlay, { [e.open]: p }),
           onClick: y
         }
       ),
       /* @__PURE__ */ i(
         "nav",
         {
-          className: C(t.mobile, {
-            [t.open]: p
+          className: C(e.mobile, {
+            [e.open]: p
           }),
           children: [
-            /* @__PURE__ */ i("div", { className: t.container, children: [
-              /* @__PURE__ */ e(
+            /* @__PURE__ */ i("div", { className: e.container, children: [
+              /* @__PURE__ */ t(
                 l,
                 {
-                  className: t.logo,
+                  className: e.logo,
                   href: d("https://www.highcharts.com/", h),
-                  children: /* @__PURE__ */ e(I, { showText: !_ })
+                  children: /* @__PURE__ */ t(I, { showText: !_ })
                 }
               ),
-              /* @__PURE__ */ i("div", { className: t.buttons, children: [
+              /* @__PURE__ */ i("div", { className: e.buttons, children: [
                 /* @__PURE__ */ i(
                   m,
                   {
@@ -456,16 +475,16 @@ function Ve({
                       h
                     ),
                     children: [
-                      /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-                      /* @__PURE__ */ e(P, {})
+                      /* @__PURE__ */ t("span", { className: e.gpt, children: "Highcharts GPT" }),
+                      /* @__PURE__ */ t(j, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(W, {}),
-                /* @__PURE__ */ e(j, {})
+                /* @__PURE__ */ t(P, {}),
+                /* @__PURE__ */ t(W, {})
               ] })
             ] }),
-            /* @__PURE__ */ i("div", { className: t.buttons, children: [
+            /* @__PURE__ */ i("div", { className: e.buttons, children: [
               /* @__PURE__ */ i(
                 m,
                 {
@@ -477,7 +496,7 @@ function Ve({
                     h
                   ),
                   children: [
-                    /* @__PURE__ */ e(O, {}),
+                    /* @__PURE__ */ t(E, {}),
                     "Login"
                   ]
                 }
@@ -493,13 +512,13 @@ function Ve({
                     h
                   ),
                   children: [
-                    /* @__PURE__ */ e(E, {}),
+                    /* @__PURE__ */ t(O, {}),
                     "Get started"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: t.links, children: V.map(({ title: o, url: r, icon: s }, a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
+            /* @__PURE__ */ t("ul", { className: e.links, children: V.map(({ title: o, url: r, icon: s }, a) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ i(
               m,
               {
                 variant: "plain",
@@ -520,6 +539,6 @@ function Ve({
   ] }) });
 }
 export {
-  Ve as Header,
-  Ne as SubHeader
+  zt as Header,
+  Nt as SubHeader
 };

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

@@ -1,9 +1,12 @@
-import { ReactNode } from 'react';
 export type NotificationVariant = 'default' | 'success' | 'danger' | 'attention';
-export declare function Notification({ children, variant, description, closable, onClose }: {
-    children?: ReactNode;
-    variant?: NotificationVariant;
+export interface NotificationItem {
+    title?: string;
     description?: string;
+    url?: string;
+}
+export declare function Notification({ content, variant, closable, onClose }: {
+    content: NotificationItem | Array<NotificationItem>;
+    variant?: NotificationVariant;
     closable?: boolean;
     onClose?: Function;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;