highsoft-ui 1.0.76 → 1.0.77

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

@@ -8,11 +8,12 @@ export interface SubHeaderItem {
     tag?: ReactNode;
     tagVariant?: 'success' | 'brand';
 }
-export declare function SubHeader({ items, link: Link, host, pathname }: {
+export declare function SubHeader({ items, link: Link, host, pathname, waitForMount }: {
     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,16 +1,16 @@
-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 } from "../../utils-C7rfowvr.js";
-import { A as G } from "../../Announcement03-obPaH4LK.js";
+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 { A as R } from "../../Announcement03-obPaH4LK.js";
 import { _ as m } from "../../extends-hS2Bh-Yp.js";
-import { N as R, X as $ } from "../../index-pnL-sAld.js";
-import { c as k } from "../../clsx-OuTLNxxd.js";
+import { N as $, X as Y } from "../../index-pnL-sAld.js";
+import { c as b } from "../../clsx-OuTLNxxd.js";
 import { Button as h } from "../Button/index.js";
-import { Container as V } from "../Container/index.js";
-import { ThemedLogo as H } from "../Logo/index.js";
-import { NewTag as F } from "../NewTag/index.js";
-import { PrefPanel as I } from "../PrefPanel/index.js";
-var Y = function(o) {
+import { Container as z } from "../Container/index.js";
+import { ThemedLogo as I } from "../Logo/index.js";
+import { NewTag as D } from "../NewTag/index.js";
+import { PrefPanel as W } from "../PrefPanel/index.js";
+var K = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -26,7 +26,7 @@ var Y = 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"
     })
   }));
-}, D = function(o) {
+}, X = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -42,7 +42,7 @@ var Y = 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"
     })
   }));
-}, K = function(o) {
+}, Z = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -58,7 +58,7 @@ var Y = 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"
     })
   }));
-}, X = function(o) {
+}, ee = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -74,7 +74,7 @@ var Y = function(o) {
       d: "M3 12h12M3 6h18M3 18h18"
     })
   }));
-}, Z = function(o) {
+}, te = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -90,7 +90,7 @@ var Y = 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"
     })
   }));
-}, ee = function(o) {
+}, ne = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -106,7 +106,7 @@ var Y = function(o) {
       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"
     })
   }));
-}, W = function(o) {
+}, j = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -122,7 +122,7 @@ var Y = function(o) {
       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"
     })
   }));
-}, j = function(o) {
+}, P = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -138,7 +138,7 @@ var Y = 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"
     })
   }));
-}, P = function(o) {
+}, E = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -154,7 +154,7 @@ var Y = 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"
     })
   }));
-}, E = function(o) {
+}, O = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -171,140 +171,144 @@ var Y = function(o) {
     })
   }));
 };
-const te = "m_QBtq_buttons", ne = "m_QBtq_container", oe = "m_QBtq_gpt", re = "m_QBtq_header", se = "m_QBtq_icon", ie = "m_QBtq_icons", ce = "m_QBtq_links", ae = "m_QBtq_logo", le = "m_QBtq_main", he = "m_QBtq_menu", de = "m_QBtq_mobile", me = "m_QBtq_mobileOverlay", ue = "m_QBtq_open", pe = "m_QBtq_outer", we = "m_QBtq_selectableIcon", ge = "m_QBtq_selected", ve = "m_QBtq_selectedIcon", fe = "m_QBtq_skip", ke = "m_QBtq_sub", _e = "m_QBtq_subContainer", Ce = "m_QBtq_subTitle", t = {
-  buttons: te,
-  container: ne,
-  gpt: oe,
-  header: re,
-  icon: se,
-  icons: ie,
-  links: ce,
-  logo: ae,
-  main: le,
-  menu: he,
-  mobile: de,
-  mobileOverlay: me,
-  open: ue,
-  outer: pe,
-  selectableIcon: we,
-  selected: ge,
-  selectedIcon: ve,
-  skip: fe,
-  sub: ke,
-  subContainer: _e,
-  subTitle: Ce
-}, 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", ve = "m_QBtq_selectableIcon", fe = "m_QBtq_selected", ke = "m_QBtq_selectedIcon", _e = "m_QBtq_skip", be = "m_QBtq_sub", Ce = "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: ve,
+  selected: fe,
+  selectedIcon: ke,
+  skip: _e,
+  sub: be,
+  subContainer: Ce,
+  subTitle: xe
+}, V = [
   {
     title: "Products",
     url: "https://www.highcharts.com/products/",
-    icon: /* @__PURE__ */ e(D, {})
+    icon: /* @__PURE__ */ e(X, {})
   },
   {
     title: "Demos",
     url: "https://www.highcharts.com/demo",
-    icon: /* @__PURE__ */ e(ee, {})
+    icon: /* @__PURE__ */ e(ne, {})
   },
   {
     title: "Support",
     url: "https://www.highcharts.com/support/",
-    icon: /* @__PURE__ */ e(Z, {})
+    icon: /* @__PURE__ */ e(te, {})
   },
   {
     title: "Resources",
     url: "https://www.highcharts.com/resources/",
-    icon: /* @__PURE__ */ e(K, {})
+    icon: /* @__PURE__ */ e(Z, {})
   },
   {
     title: "Pricing",
     url: "https://shop.highcharts.com/",
-    icon: /* @__PURE__ */ e(Y, {})
+    icon: /* @__PURE__ */ e(K, {})
   },
   {
     title: "Blog",
     url: "https://www.highcharts.com/blog/home/",
-    icon: /* @__PURE__ */ e(G, {})
+    icon: /* @__PURE__ */ e(R, {})
   }
 ];
 function d(c, o) {
   return o ? c.replace(o, "") : c;
 }
-function be({
+function Be({
   items: c,
   link: o = "a",
   host: p = "https://www.highcharts.com",
-  pathname: a = typeof window < "u" ? window.location.pathname : ""
+  pathname: a,
+  waitForMount: l
 }) {
-  return /* @__PURE__ */ e("div", { className: k(t.sub, t.outer), children: /* @__PURE__ */ e(V, { className: t.subContainer, as: "ul", children: c.map(
-    ({ title: l, url: _, icon: g, selectedIcon: v, tag: B, tagVariant: N = "success" }, f) => {
-      const u = typeof window < "u" && window.location.origin || "http://example.com", C = new URL(_, u), b = C.origin === u && C.pathname === a;
+  const w = G();
+  return /* @__PURE__ */ e("div", { className: b(t.sub, t.outer), children: /* @__PURE__ */ e(z, { className: t.subContainer, as: "ul", children: c.map(
+    ({ title: v, url: C, icon: x, selectedIcon: B, tag: M, tagVariant: f = "success" }, u) => {
+      const N = typeof window < "u" && window.location.origin || "http://example.com", k = new URL(C, N), _ = (!l || w) && k.origin === N && k.pathname === a;
       return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
         o,
         {
-          href: d(_, p),
-          className: k({
-            [t.selectableIcon]: v,
-            [t.selected]: b
+          href: d(C, p),
+          className: b({
+            [t.selectableIcon]: B,
+            [t.selected]: _
           }),
           children: [
             /* @__PURE__ */ i("span", { className: t.icons, children: [
-              /* @__PURE__ */ e("span", { className: t.selectedIcon, children: v }),
-              /* @__PURE__ */ e("span", { className: t.icon, children: g })
+              /* @__PURE__ */ e("span", { className: t.selectedIcon, children: B }),
+              /* @__PURE__ */ e("span", { className: t.icon, children: x })
             ] }),
             /* @__PURE__ */ i("span", { className: t.subTitle, children: [
-              l,
-              B && /* @__PURE__ */ e(F, { variant: N, icon: !1 })
+              v,
+              M && /* @__PURE__ */ e(D, { variant: f, icon: !1 })
             ] })
           ]
         }
-      ) }, f);
+      ) }, u);
     }
   ) }) });
 }
-function We({
+function Pe({
   subItems: c,
   children: o,
   notifications: p = [],
   // TODO: Fetch these from the internets
   link: a = "a",
   host: l = "https://www.highcharts.com",
-  pathname: _ = typeof window < "u" ? window.location.pathname : "",
-  topCssVariable: g
+  pathname: w,
+  topCssVariable: v
 }) {
-  const v = M("(max-width: 374px)"), B = M("(max-width: 849px)"), N = M("(min-width: 850px) and (max-width: 999px)"), f = J(null), [u, C] = L(!1), [b, S] = L([]);
-  T(() => {
+  const C = !!w;
+  w = w || (typeof window < "u" ? window.location.pathname : "");
+  const x = Q("(max-width: 374px)"), B = Q("(max-width: 849px)"), M = Q("(min-width: 850px) and (max-width: 999px)"), f = U(null), [u, N] = T(!1), [k, _] = T([]);
+  H(() => {
     let r = window.scrollY, n = -82, s = n;
-    g && document.documentElement.style.setProperty("--header-top", `${n}px`);
-    const w = () => {
-      const x = window.scrollY, q = x - r;
-      n -= q, n < -82 ? n = -82 : n > 0 && (n = 0), f.current && n !== s && (f.current.style.top = `${n}px`, g && document.documentElement.style.setProperty(
+    v && document.documentElement.style.setProperty("--header-top", `${n}px`);
+    const g = () => {
+      const S = window.scrollY, q = S - r;
+      n -= q, n < -82 ? n = -82 : n > 0 && (n = 0), f.current && n !== s && (f.current.style.top = `${n}px`, v && document.documentElement.style.setProperty(
         "--header-top",
         `${n}px`
-      )), r = x, s = n;
+      )), r = S, s = n;
     };
-    return window.addEventListener("scroll", w), () => window.removeEventListener("scroll", w);
-  }, [g]), T(() => {
+    return window.addEventListener("scroll", g), () => window.removeEventListener("scroll", g);
+  }, [v]), H(() => {
     if (p.length) {
       const r = localStorage.getItem("notifications");
       if (r) {
         const n = JSON.parse(r);
-        S(
+        _(
           p.filter(
             (s) => !s.id || !n.closed.includes(s.id)
           )
         );
       } else
-        S(p);
+        _(p);
     }
   }, [p]);
-  const Q = (r) => {
+  const L = (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());
     }
   }, y = () => {
-    C(!u);
-  }, z = (r) => {
-    S(b.filter((s) => !s.id || s.id !== r));
+    N(!u);
+  }, A = (r) => {
+    _(k.filter((s) => !s.id || s.id !== r));
     const n = localStorage.getItem("notifications");
     if (n) {
       const s = JSON.parse(n);
@@ -317,21 +321,21 @@ function We({
         })
       );
   };
-  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ i("header", { className: t.header, ref: f, children: [
-    b?.map(
-      ({ id: r, title: n, description: s, variant: w, closable: x }, q) => /* @__PURE__ */ e(
-        R,
+  return /* @__PURE__ */ e(F, { children: /* @__PURE__ */ i("header", { className: t.header, ref: f, children: [
+    k?.map(
+      ({ id: r, title: n, description: s, variant: g, closable: S }, q) => /* @__PURE__ */ e(
+        $,
         {
           description: s,
-          variant: w,
-          closable: x,
-          onClose: () => z(r),
+          variant: g,
+          closable: S,
+          onClose: () => A(r),
           children: n
         },
         q
       )
     ),
-    /* @__PURE__ */ e("div", { className: k(t.main, t.outer), children: /* @__PURE__ */ i(V, { as: "nav", className: t.container, children: [
+    /* @__PURE__ */ e("div", { className: b(t.main, t.outer), children: /* @__PURE__ */ i(z, { as: "nav", className: t.container, children: [
       /* @__PURE__ */ e(
         h,
         {
@@ -339,8 +343,8 @@ function We({
           className: t.skip,
           size: 500,
           tabIndex: "0",
-          onClick: Q,
-          onKeyPress: Q,
+          onClick: L,
+          onKeyPress: L,
           children: "Skip to content"
         }
       ),
@@ -349,10 +353,10 @@ function We({
         {
           className: t.logo,
           href: d("https://www.highcharts.com/", l),
-          children: /* @__PURE__ */ e(H, { showText: !N && !v })
+          children: /* @__PURE__ */ e(I, { showText: !M && !x })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: t.links, children: O.map(({ title: r, url: n }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: t.links, children: V.map(({ title: r, url: n }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         h,
         {
           variant: "plain",
@@ -374,12 +378,12 @@ function We({
             ),
             children: [
               /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-              /* @__PURE__ */ e(j, {})
+              /* @__PURE__ */ e(P, {})
             ]
           }
         ),
-        /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(W, {}) }),
-        /* @__PURE__ */ e(I, {}),
+        /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(j, {}) }),
+        /* @__PURE__ */ e(W, {}),
         /* @__PURE__ */ e(
           h,
           {
@@ -387,7 +391,7 @@ function We({
             as: a,
             href: d("https://shop.highcharts.com/account", l),
             "aria-label": "Login",
-            children: /* @__PURE__ */ e(E, {})
+            children: /* @__PURE__ */ e(O, {})
           }
         ),
         /* @__PURE__ */ i(
@@ -400,7 +404,7 @@ function We({
               l
             ),
             children: [
-              /* @__PURE__ */ e(P, {}),
+              /* @__PURE__ */ e(E, {}),
               "Get started"
             ]
           }
@@ -413,34 +417,35 @@ function We({
             onClick: y,
             children: [
               u ? "Close" : "Menu",
-              u ? /* @__PURE__ */ e($, {}) : /* @__PURE__ */ e(X, {})
+              u ? /* @__PURE__ */ e(Y, {}) : /* @__PURE__ */ e(ee, {})
             ]
           }
         )
       ] })
     ] }) }),
     !!c?.length && /* @__PURE__ */ e(
-      be,
+      Be,
       {
         items: c,
         link: a,
         host: l,
-        pathname: _
+        pathname: w,
+        waitForMount: !C
       }
     ),
     o,
-    B && /* @__PURE__ */ i(A, { children: [
+    B && /* @__PURE__ */ i(J, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: k(t.mobileOverlay, { [t.open]: u }),
+          className: b(t.mobileOverlay, { [t.open]: u }),
           onClick: y
         }
       ),
       /* @__PURE__ */ i(
         "nav",
         {
-          className: k(t.mobile, {
+          className: b(t.mobile, {
             [t.open]: u
           }),
           children: [
@@ -450,7 +455,7 @@ function We({
                 {
                   className: t.logo,
                   href: d("https://www.highcharts.com/", l),
-                  children: /* @__PURE__ */ e(H, { showText: !v })
+                  children: /* @__PURE__ */ e(I, { showText: !x })
                 }
               ),
               /* @__PURE__ */ i("div", { className: t.buttons, children: [
@@ -465,12 +470,12 @@ function We({
                     ),
                     children: [
                       /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-                      /* @__PURE__ */ e(j, {})
+                      /* @__PURE__ */ e(P, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(W, {}) }),
-                /* @__PURE__ */ e(I, {})
+                /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(j, {}) }),
+                /* @__PURE__ */ e(W, {})
               ] })
             ] }),
             /* @__PURE__ */ i("div", { className: t.buttons, children: [
@@ -485,7 +490,7 @@ function We({
                     l
                   ),
                   children: [
-                    /* @__PURE__ */ e(E, {}),
+                    /* @__PURE__ */ e(O, {}),
                     "Login"
                   ]
                 }
@@ -501,13 +506,13 @@ function We({
                     l
                   ),
                   children: [
-                    /* @__PURE__ */ e(P, {}),
+                    /* @__PURE__ */ e(E, {}),
                     "Get started"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: t.links, children: O.map(({ title: r, url: n, icon: s }, w) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
+            /* @__PURE__ */ e("ul", { className: t.links, children: V.map(({ title: r, url: n, icon: s }, g) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
               h,
               {
                 variant: "plain",
@@ -520,7 +525,7 @@ function We({
                   r
                 ]
               }
-            ) }, w)) })
+            ) }, g)) })
           ]
         }
       )
@@ -528,6 +533,6 @@ function We({
   ] }) });
 }
 export {
-  We as Header,
-  be as SubHeader
+  Pe as Header,
+  Be as SubHeader
 };

package/package.json

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