highsoft-ui 1.0.61 → 1.0.63

package/dist/components/Header/index.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as r, Fragment as V } from "react/jsx-runtime";
-import { useState as S, useEffect as q } from "react";
-import { a as M, J as z } from "../../utils-C7rfowvr.js";
-import { A as J } from "../../Announcement03-obPaH4LK.js";
+import { jsx as e, jsxs as r, Fragment as q } from "react/jsx-runtime";
+import { useState as M, useEffect as z } from "react";
+import { a as N, J as A } from "../../utils-C7rfowvr.js";
+import { A as E } from "../../Announcement03-obPaH4LK.js";
 import { _ as u } from "../../extends-hS2Bh-Yp.js";
-import { N as A, X as G } from "../../index-DvBbx2s8.js";
-import { c as p } from "../../clsx-OuTLNxxd.js";
-import { Button as l } from "../Button/index.js";
-import { Container as I } from "../Container/index.js";
+import { N as J, X as G } from "../../index-DvBbx2s8.js";
+import { c as g } from "../../clsx-OuTLNxxd.js";
+import { Button as h } from "../Button/index.js";
+import { Container as O } from "../Container/index.js";
 import { ThemedLogo as L } from "../Logo/index.js";
 import { PrefPanel as T } from "../PrefPanel/index.js";
 var F = function(n) {
@@ -41,7 +41,7 @@ var F = 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"
     })
   }));
-}, R = function(n) {
+}, D = function(n) {
   return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -57,7 +57,7 @@ var F = 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"
     })
   }));
-}, X = function(n) {
+}, K = function(n) {
   return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -73,7 +73,7 @@ var F = function(n) {
       d: "M3 12h12M3 6h18M3 18h18"
     })
   }));
-}, $ = function(n) {
+}, R = function(n) {
   return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -89,7 +89,7 @@ var F = 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"
     })
   }));
-}, D = function(n) {
+}, X = function(n) {
   return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -121,7 +121,7 @@ var F = function(n) {
       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"
     })
   }));
-}, H = function(n) {
+}, y = function(n) {
   return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -137,7 +137,7 @@ var F = 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"
     })
   }));
-}, W = function(n) {
+}, H = function(n) {
   return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -153,7 +153,7 @@ var F = 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"
     })
   }));
-}, j = function(n) {
+}, I = function(n) {
   return /* @__PURE__ */ e("svg", u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -170,32 +170,33 @@ var F = function(n) {
     })
   }));
 };
-const E = "_header_1vg4i_300", K = "_outer_1vg4i_311", Y = "_main_1vg4i_320", Z = "_container_1vg4i_324", ee = "_links_1vg4i_330", te = "_buttons_1vg4i_331", ne = "_menu_1vg4i_339", re = "_logo_1vg4i_344", oe = "_subContainer_1vg4i_356", se = "_selected_1vg4i_384", ie = "_icons_1vg4i_387", ae = "_subTag_1vg4i_407", ce = "_selectedIcon_1vg4i_420", le = "_selectableIcon_1vg4i_424", he = "_icon_1vg4i_387", de = "_mobileOverlay_1vg4i_438", ue = "_show_1vg4i_1", me = "_open_1vg4i_450", ge = "_mobile_1vg4i_438", we = "_slideUp_1vg4i_1", pe = "_sub_1vg4i_356", ve = "_gpt_1vg4i_514", t = {
-  header: E,
-  outer: K,
-  main: Y,
-  container: Z,
-  links: ee,
-  buttons: te,
-  menu: ne,
-  logo: re,
-  subContainer: oe,
-  selected: se,
-  icons: ie,
-  subTag: ae,
-  "subTag-success": "_subTag-success_1vg4i_412",
-  "subTag-brand": "_subTag-brand_1vg4i_416",
-  selectedIcon: ce,
-  selectableIcon: le,
-  icon: he,
-  mobileOverlay: de,
-  show: ue,
-  open: me,
+const $ = "_header_jco8t_300", Y = "_outer_jco8t_311", Z = "_main_jco8t_320", ee = "_container_jco8t_324", te = "_skip_jco8t_330", ne = "_links_jco8t_345", oe = "_buttons_jco8t_346", re = "_menu_jco8t_354", se = "_logo_jco8t_359", ce = "_subContainer_jco8t_371", ie = "_selected_jco8t_399", ae = "_icons_jco8t_402", le = "_subTag_jco8t_422", he = "_selectedIcon_jco8t_435", de = "_selectableIcon_jco8t_439", ue = "_icon_jco8t_402", me = "_mobileOverlay_jco8t_453", pe = "_show_jco8t_1", we = "_open_jco8t_465", ge = "_mobile_jco8t_453", ve = "_slideUp_jco8t_1", fe = "_sub_jco8t_371", _e = "_gpt_jco8t_529", t = {
+  header: $,
+  outer: Y,
+  main: Z,
+  container: ee,
+  skip: te,
+  links: ne,
+  buttons: oe,
+  menu: re,
+  logo: se,
+  subContainer: ce,
+  selected: ie,
+  icons: ae,
+  subTag: le,
+  "subTag-success": "_subTag-success_jco8t_427",
+  "subTag-brand": "_subTag-brand_jco8t_431",
+  selectedIcon: he,
+  selectableIcon: de,
+  icon: ue,
+  mobileOverlay: me,
+  show: pe,
+  open: we,
   mobile: ge,
-  slideUp: we,
-  sub: pe,
-  gpt: ve
-}, y = [
+  slideUp: ve,
+  sub: fe,
+  gpt: _e
+}, W = [
   {
     title: "Products",
     url: "https://www.highcharts.com/products/",
@@ -204,17 +205,17 @@ const E = "_header_1vg4i_300", K = "_outer_1vg4i_311", Y = "_main_1vg4i_320", Z
   {
     title: "Demos",
     url: "https://www.highcharts.com/demo",
-    icon: /* @__PURE__ */ e(D, {})
+    icon: /* @__PURE__ */ e(X, {})
   },
   {
     title: "Support",
     url: "https://www.highcharts.com/support/",
-    icon: /* @__PURE__ */ e($, {})
+    icon: /* @__PURE__ */ e(R, {})
   },
   {
     title: "Resources",
     url: "https://www.highcharts.com/",
-    icon: /* @__PURE__ */ e(R, {})
+    icon: /* @__PURE__ */ e(D, {})
   },
   {
     title: "Pricing",
@@ -224,44 +225,44 @@ const E = "_header_1vg4i_300", K = "_outer_1vg4i_311", Y = "_main_1vg4i_320", Z
   {
     title: "Blog",
     url: "https://www.highcharts.com/blog/",
-    icon: /* @__PURE__ */ e(J, {})
+    icon: /* @__PURE__ */ e(E, {})
   }
 ];
-function h(o, n) {
-  return n ? o.replace(n, "") : o;
+function d(s, n) {
+  return n ? s.replace(n, "") : s;
 }
-function _e({
-  items: o,
+function ke({
+  items: s,
   link: n = "a",
-  host: g = "https://www.highcharts.com",
-  pathname: i = typeof window < "u" ? window.location.pathname : ""
+  host: p = "https://www.highcharts.com",
+  pathname: a = typeof window < "u" ? window.location.pathname : ""
 }) {
-  return /* @__PURE__ */ e("div", { className: p(t.sub, t.outer), children: /* @__PURE__ */ e(I, { className: t.subContainer, as: "ul", children: o.map(
-    ({ title: a, url: _, icon: f, selectedIcon: b, tag: k, tagVariant: m = "success" }, x) => {
-      const v = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(_, v), C = w.origin === v && w.pathname === i;
+  return /* @__PURE__ */ e("div", { className: g(t.sub, t.outer), children: /* @__PURE__ */ e(O, { className: t.subContainer, as: "ul", children: s.map(
+    ({ title: l, url: f, icon: _, selectedIcon: k, tag: b, tagVariant: m = "success" }, x) => {
+      const v = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(f, v), C = w.origin === v && w.pathname === a;
       return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
         n,
         {
-          href: h(_, g),
-          className: p({
-            [t.selectableIcon]: b,
+          href: d(f, p),
+          className: g({
+            [t.selectableIcon]: k,
             [t.selected]: C
           }),
           children: [
             /* @__PURE__ */ r("span", { className: t.icons, children: [
-              /* @__PURE__ */ e("span", { className: t.selectedIcon, children: b }),
-              /* @__PURE__ */ e("span", { className: t.icon, children: f })
+              /* @__PURE__ */ e("span", { className: t.selectedIcon, children: k }),
+              /* @__PURE__ */ e("span", { className: t.icon, children: _ })
             ] }),
             /* @__PURE__ */ r("span", { children: [
-              a,
-              k && /* @__PURE__ */ e(
+              l,
+              b && /* @__PURE__ */ e(
                 "span",
                 {
-                  className: p(
+                  className: g(
                     t.subTag,
                     t[`subTag-${m}`]
                   ),
-                  children: k
+                  children: b
                 }
               )
             ] })
@@ -272,237 +273,254 @@ function _e({
   ) }) });
 }
 function He({
-  subItems: o,
+  subItems: s,
   children: n,
-  notifications: g = [],
+  notifications: p = [],
   // TODO: Fetch these from the internets
-  link: i = "a",
-  host: a = "https://www.highcharts.com",
-  pathname: _ = typeof window < "u" ? window.location.pathname : ""
+  link: a = "a",
+  host: l = "https://www.highcharts.com",
+  pathname: f = typeof window < "u" ? window.location.pathname : ""
 }) {
-  const f = M("(max-width: 374px)"), b = M("(max-width: 849px)"), k = M("(min-width: 850px) and (max-width: 999px)"), [m, x] = S(!1), [v, w] = S([]);
-  q(() => {
-    if (g.length) {
-      const c = localStorage.getItem("notifications");
-      if (c) {
-        const d = JSON.parse(c);
+  const _ = N("(max-width: 374px)"), k = N("(max-width: 849px)"), b = N("(min-width: 850px) and (max-width: 999px)"), [m, x] = M(!1), [v, w] = M([]);
+  z(() => {
+    if (p.length) {
+      const o = localStorage.getItem("notifications");
+      if (o) {
+        const c = JSON.parse(o);
         w(
-          g.filter(
-            (s) => !s.id || !d.closed.includes(s.id)
+          p.filter(
+            (i) => !i.id || !c.closed.includes(i.id)
           )
         );
       } else
-        w(g);
+        w(p);
+    }
+  }, [p]);
+  const C = (o) => {
+    if (o.preventDefault(), !(o.nativeEvent instanceof KeyboardEvent) || o.nativeEvent.code === "Enter" || o.nativeEvent.code === "Space") {
+      const c = document.querySelector("main");
+      c && (c.scrollIntoView(), c.getAttribute("tabindex") !== "-1" && c.setAttribute("tabindex", "-1"), c.focus());
     }
-  }, [g]);
-  const C = () => {
+  }, S = () => {
     x(!m);
-  }, O = (c) => {
-    w(v.filter((s) => !s.id || s.id !== c));
-    const d = localStorage.getItem("notifications");
-    if (d) {
-      const s = JSON.parse(d);
-      s.closed.includes(c) || (s.closed.push(c), localStorage.setItem("notifications", JSON.stringify(s)));
+  }, P = (o) => {
+    w(v.filter((i) => !i.id || i.id !== o));
+    const c = localStorage.getItem("notifications");
+    if (c) {
+      const i = JSON.parse(c);
+      i.closed.includes(o) || (i.closed.push(o), localStorage.setItem("notifications", JSON.stringify(i)));
     } else
       localStorage.setItem(
         "notifications",
         JSON.stringify({
-          closed: [c]
+          closed: [o]
         })
       );
   };
-  return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r("header", { className: t.header, children: [
+  return /* @__PURE__ */ e(A, { children: /* @__PURE__ */ r("header", { className: t.header, children: [
     v?.map(
-      ({ id: c, title: d, description: s, variant: N, closable: P }, U) => /* @__PURE__ */ e(
-        A,
+      ({ id: o, title: c, description: i, variant: j, closable: V }, U) => /* @__PURE__ */ e(
+        J,
         {
-          description: s,
-          variant: N,
-          closable: P,
-          onClose: () => O(c),
-          children: d
+          description: i,
+          variant: j,
+          closable: V,
+          onClose: () => P(o),
+          children: c
         },
         U
       )
     ),
-    /* @__PURE__ */ e("div", { className: p(t.main, t.outer), children: /* @__PURE__ */ r(I, { as: "nav", className: t.container, children: [
+    /* @__PURE__ */ e("div", { className: g(t.main, t.outer), children: /* @__PURE__ */ r(O, { as: "nav", className: t.container, children: [
+      /* @__PURE__ */ e(
+        h,
+        {
+          as: "a",
+          className: t.skip,
+          size: 500,
+          tabIndex: "0",
+          onClick: C,
+          onKeyPress: C,
+          children: "Skip to content"
+        }
+      ),
       /* @__PURE__ */ e(
-        i,
+        a,
         {
           className: t.logo,
-          href: h("https://www.highcharts.com/", a),
-          children: /* @__PURE__ */ e(L, { showText: !k && !f })
+          href: d("https://www.highcharts.com/", l),
+          children: /* @__PURE__ */ e(L, { showText: !b && !_ })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: c, url: d }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-        l,
+      /* @__PURE__ */ e("ul", { className: t.links, children: W.map(({ title: o, url: c }, i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+        h,
         {
           variant: "plain",
           size: 300,
-          as: i,
-          href: h(d, a),
-          children: c
+          as: a,
+          href: d(c, l),
+          children: o
         }
-      ) }, s)) }),
+      ) }, i)) }),
       /* @__PURE__ */ r("div", { className: t.buttons, children: [
         /* @__PURE__ */ r(
-          l,
+          h,
           {
             variant: "transparent",
-            as: i,
-            href: h(
+            as: a,
+            href: d(
               "https://www.highcharts.com/chat/gpt/",
-              a
+              l
             ),
             children: [
               /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-              /* @__PURE__ */ e(H, {})
+              /* @__PURE__ */ e(y, {})
             ]
           }
         ),
-        /* @__PURE__ */ e(l, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(B, {}) }),
+        /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(B, {}) }),
         /* @__PURE__ */ e(T, {}),
         /* @__PURE__ */ e(
-          l,
+          h,
           {
             variant: "brand",
-            as: i,
-            href: h("https://shop.highcharts.com/account", a),
+            as: a,
+            href: d("https://shop.highcharts.com/account", l),
             "aria-label": "Login",
-            children: /* @__PURE__ */ e(j, {})
+            children: /* @__PURE__ */ e(I, {})
           }
         ),
         /* @__PURE__ */ r(
-          l,
+          h,
           {
             variant: "success",
-            as: i,
-            href: h(
+            as: a,
+            href: d(
               "https://www.highcharts.com/download/",
-              a
+              l
             ),
             children: [
-              /* @__PURE__ */ e(W, {}),
+              /* @__PURE__ */ e(H, {}),
               "Get started"
             ]
           }
         ),
         /* @__PURE__ */ r(
-          l,
+          h,
           {
             variant: m ? "white" : "transparent",
             className: t.menu,
-            onClick: C,
+            onClick: S,
             children: [
               m ? "Close" : "Menu",
-              m ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ e(X, {})
+              m ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ e(K, {})
             ]
           }
         )
       ] })
     ] }) }),
-    !!o?.length && /* @__PURE__ */ e(
-      _e,
+    !!s?.length && /* @__PURE__ */ e(
+      ke,
       {
-        items: o,
-        link: i,
-        host: a,
-        pathname: _
+        items: s,
+        link: a,
+        host: l,
+        pathname: f
       }
     ),
     n,
-    b && /* @__PURE__ */ r(V, { children: [
+    k && /* @__PURE__ */ r(q, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: p(t.mobileOverlay, { [t.open]: m }),
-          onClick: C
+          className: g(t.mobileOverlay, { [t.open]: m }),
+          onClick: S
         }
       ),
       /* @__PURE__ */ r(
         "nav",
         {
-          className: p(t.mobile, {
+          className: g(t.mobile, {
             [t.open]: m
           }),
           children: [
             /* @__PURE__ */ r("div", { className: t.container, children: [
               /* @__PURE__ */ e(
-                i,
+                a,
                 {
                   className: t.logo,
-                  href: h("https://www.highcharts.com/", a),
-                  children: /* @__PURE__ */ e(L, { showText: !f })
+                  href: d("https://www.highcharts.com/", l),
+                  children: /* @__PURE__ */ e(L, { showText: !_ })
                 }
               ),
               /* @__PURE__ */ r("div", { className: t.buttons, children: [
                 /* @__PURE__ */ r(
-                  l,
+                  h,
                   {
                     variant: "transparent",
-                    as: i,
-                    href: h(
+                    as: a,
+                    href: d(
                       "https://www.highcharts.com/chat/gpt/",
-                      a
+                      l
                     ),
                     children: [
                       /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-                      /* @__PURE__ */ e(H, {})
+                      /* @__PURE__ */ e(y, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(l, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(B, {}) }),
+                /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(B, {}) }),
                 /* @__PURE__ */ e(T, {})
               ] })
             ] }),
             /* @__PURE__ */ r("div", { className: t.buttons, children: [
               /* @__PURE__ */ r(
-                l,
+                h,
                 {
                   variant: "brand",
                   fullWidth: !0,
-                  as: i,
-                  href: h(
+                  as: a,
+                  href: d(
                     "https://shop.highcharts.com/account",
-                    a
+                    l
                   ),
                   children: [
-                    /* @__PURE__ */ e(j, {}),
+                    /* @__PURE__ */ e(I, {}),
                     "Login"
                   ]
                 }
               ),
               /* @__PURE__ */ r(
-                l,
+                h,
                 {
                   variant: "success",
                   fullWidth: !0,
-                  as: i,
-                  href: h(
+                  as: a,
+                  href: d(
                     "https://www.highcharts.com/download/",
-                    a
+                    l
                   ),
                   children: [
-                    /* @__PURE__ */ e(W, {}),
+                    /* @__PURE__ */ e(H, {}),
                     "Get started"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: c, url: d, icon: s }, N) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
-              l,
+            /* @__PURE__ */ e("ul", { className: t.links, children: W.map(({ title: o, url: c, icon: i }, j) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
+              h,
               {
                 variant: "plain",
                 size: 500,
                 fullWidth: !0,
-                as: i,
-                href: h(d, a),
+                as: a,
+                href: d(c, l),
                 children: [
-                  s,
-                  c
+                  i,
+                  o
                 ]
               }
-            ) }, N)) })
+            ) }, j)) })
           ]
         }
       )
@@ -511,5 +529,5 @@ function He({
 }
 export {
   He as Header,
-  _e as SubHeader
+  ke as SubHeader
 };

package/dist/components/icons/MadeInNorway.d.ts

@@ -0,0 +1 @@
+export default function MadeInNorway(): import("react/jsx-runtime").JSX.Element;