highsoft-ui 1.0.82 → 1.0.84

package/dist/{CookiePolicyModal-ChXNzv49.js → CookiePolicyModal-yxjfkjT3.js}

@@ -2,8 +2,8 @@ import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { useState as l, useRef as a, useEffect as i } from "react";
 import { X as d } from "./XClose-CCu1vrNS.js";
 import { Button as _ } from "./components/Button/index.js";
-import { R as w, T as h, P as u, O as y, C as x, b as G, a as U } from "./index-BSgacgd-.js";
-const p = "wUsx_G_bottom", m = "wUsx_G_bottomLinks", C = "wUsx_G_cookiePolicy", b = "wUsx_G_cookiePolicyClose", k = "wUsx_G_copyright", f = "wUsx_G_discord", P = "wUsx_G_discordAvatars", g = "wUsx_G_discordAvatarStatus", v = "wUsx_G_discordContent", L = "wUsx_G_discordJoin", B = "wUsx_G_discordMembers", E = "wUsx_G_discordPlus", O = "wUsx_G_error", A = "wUsx_G_footer", M = "wUsx_G_help", S = "wUsx_G_helpBall", R = "wUsx_G_helpContent", j = "wUsx_G_helpItem", I = "wUsx_G_helpWays", J = "wUsx_G_highcharts", N = "wUsx_G_links", T = "wUsx_G_logo", W = "wUsx_G_newsletter", X = "wUsx_G_newsletterContent", q = "wUsx_G_newsletterError", z = "wUsx_G_norway", D = "wUsx_G_notCharts", F = "wUsx_G_online", H = "wUsx_G_socials", K = "wUsx_G_success", Q = "wUsx_G_tabletBottomLeft", V = "wUsx_G_tagged", Y = "wUsx_G_top", Z = "wUsx_G_youtube", $ = "wUsx_G_youtubeContent", oo = "wUsx_G_youtubeOverlay", n = {
+import { R as u, T as w, P as h, O as y, C as x, b as G, a as U } from "./index-BSgacgd-.js";
+const p = "wUsx_G_bottom", m = "wUsx_G_bottomLinks", C = "wUsx_G_cookiePolicy", b = "wUsx_G_cookiePolicyClose", k = "wUsx_G_copyright", f = "wUsx_G_discord", P = "wUsx_G_discordAvatars", g = "wUsx_G_discordAvatarStatus", v = "wUsx_G_discordContent", L = "wUsx_G_discordJoin", B = "wUsx_G_discordMembers", E = "wUsx_G_discordPlus", O = "wUsx_G_error", A = "wUsx_G_footer", M = "wUsx_G_help", S = "wUsx_G_helpBall", R = "wUsx_G_helpContent", j = "wUsx_G_helpItem", I = "wUsx_G_helpWays", J = "wUsx_G_highcharts", N = "wUsx_G_links", T = "wUsx_G_logo", W = "wUsx_G_newsletter", X = "wUsx_G_newsletterContent", q = "wUsx_G_newsletterError", z = "wUsx_G_norway", D = "wUsx_G_notCharts", F = "wUsx_G_online", H = "wUsx_G_outer", K = "wUsx_G_socials", Q = "wUsx_G_success", V = "wUsx_G_tabletBottomLeft", Y = "wUsx_G_tagged", Z = "wUsx_G_top", $ = "wUsx_G_youtube", oo = "wUsx_G_youtubeContent", to = "wUsx_G_youtubeOverlay", n = {
   bottom: p,
   bottomLinks: m,
   cookiePolicy: C,
@@ -32,16 +32,17 @@ const p = "wUsx_G_bottom", m = "wUsx_G_bottomLinks", C = "wUsx_G_cookiePolicy",
   norway: z,
   notCharts: D,
   online: F,
-  socials: H,
-  success: K,
-  tabletBottomLeft: Q,
-  tagged: V,
-  top: Y,
-  youtube: Z,
-  youtubeContent: $,
-  youtubeOverlay: oo
+  outer: H,
+  socials: K,
+  success: Q,
+  tabletBottomLeft: V,
+  tagged: Y,
+  top: Z,
+  youtube: $,
+  youtubeContent: oo,
+  youtubeOverlay: to
 };
-function ro() {
+function io() {
   const [e, r] = l(!1), c = a(null);
   return i(() => {
     const t = () => r(!0);
@@ -53,9 +54,9 @@ function ro() {
         t.src = "https://consent.cookiebot.com/8be0770c-8b7f-4e2d-aeb5-2cfded81e177/cd.js", c.current.appendChild(t);
       }
     });
-  }, [e]), /* @__PURE__ */ s(w, { open: e, onOpenChange: r, children: [
-    /* @__PURE__ */ o(h, { asChild: !0, children: /* @__PURE__ */ o("button", { id: "cookiePolicyModal", children: "Cookie Policy" }) }),
-    /* @__PURE__ */ s(u, { children: [
+  }, [e]), /* @__PURE__ */ s(u, { open: e, onOpenChange: r, children: [
+    /* @__PURE__ */ o(w, { asChild: !0, children: /* @__PURE__ */ o("button", { id: "cookiePolicyModal", children: "Cookie Policy" }) }),
+    /* @__PURE__ */ s(h, { children: [
       /* @__PURE__ */ o(y, { className: n.youtubeOverlay }),
       /* @__PURE__ */ s(
         x,
@@ -76,6 +77,6 @@ function ro() {
   ] });
 }
 export {
-  ro as C,
+  io as C,
   n as s
 };

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

@@ -1,5 +1,6 @@
 import { ElementType, HTMLAttributes } from 'react';
 export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
     as?: ElementType;
+    [prop: string]: any;
 }
-export declare const Container: import('react').ForwardRefExoticComponent<ContainerProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Container: import('react').ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Footer/CookiePolicyModal.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../XClose-CCu1vrNS.js";
 import "../Button/index.js";
-import { C as e } from "../../CookiePolicyModal-ChXNzv49.js";
+import { C as e } from "../../CookiePolicyModal-yxjfkjT3.js";
 import "../../index-BSgacgd-.js";
 export {
   e as default

package/dist/components/Footer/index.js

@@ -3,13 +3,13 @@ import g, { useRef as A, useState as y, useEffect as Y } from "react";
 import { A as $ } from "../../Announcement03-obPaH4LK.js";
 import { C as tt } from "../../Check-Cm4roSEj.js";
 import { _ as j } from "../../extends-hS2Bh-Yp.js";
-import { c as N } from "../../clsx-OuTLNxxd.js";
+import { c as x } from "../../clsx-OuTLNxxd.js";
 import { Button as T } from "../Button/index.js";
 import { Container as et } from "../Container/index.js";
 import { Logo as rt } from "../Logo/index.js";
 import { NewTag as it } from "../NewTag/index.js";
 import ct from "../icons/MadeInNorway.js";
-import { s as a, C as at } from "../../CookiePolicyModal-ChXNzv49.js";
+import { s as c, C as at } from "../../CookiePolicyModal-yxjfkjT3.js";
 import { a as H, c as st, v as D } from "../../utils-CT0G9Gzw.js";
 import { R as ot, T as nt, P as ht, O as lt, C as ut, a as dt } from "../../index-BSgacgd-.js";
 import { R as mt } from "../../index-C_wmZvxw.js";
@@ -86,21 +86,21 @@ var wt = function(r) {
 }, E = g.createContext && /* @__PURE__ */ g.createContext(B), vt = ["attr", "size", "title"];
 function bt(t, r) {
   if (t == null) return {};
-  var i = yt(t, r), c, u;
+  var i = yt(t, r), a, u;
   if (Object.getOwnPropertySymbols) {
     var w = Object.getOwnPropertySymbols(t);
     for (u = 0; u < w.length; u++)
-      c = w[u], !(r.indexOf(c) >= 0) && Object.prototype.propertyIsEnumerable.call(t, c) && (i[c] = t[c]);
+      a = w[u], !(r.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (i[a] = t[a]);
   }
   return i;
 }
 function yt(t, r) {
   if (t == null) return {};
   var i = {};
-  for (var c in t)
-    if (Object.prototype.hasOwnProperty.call(t, c)) {
-      if (r.indexOf(c) >= 0) continue;
-      i[c] = t[c];
+  for (var a in t)
+    if (Object.prototype.hasOwnProperty.call(t, a)) {
+      if (r.indexOf(a) >= 0) continue;
+      i[a] = t[a];
     }
   return i;
 }
@@ -108,8 +108,8 @@ function S() {
   return S = Object.assign ? Object.assign.bind() : function(t) {
     for (var r = 1; r < arguments.length; r++) {
       var i = arguments[r];
-      for (var c in i)
-        Object.prototype.hasOwnProperty.call(i, c) && (t[c] = i[c]);
+      for (var a in i)
+        Object.prototype.hasOwnProperty.call(i, a) && (t[a] = i[a]);
     }
     return t;
   }, S.apply(this, arguments);
@@ -117,37 +117,37 @@ function S() {
 function F(t, r) {
   var i = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(t);
-    r && (c = c.filter(function(u) {
+    var a = Object.getOwnPropertySymbols(t);
+    r && (a = a.filter(function(u) {
       return Object.getOwnPropertyDescriptor(t, u).enumerable;
-    })), i.push.apply(i, c);
+    })), i.push.apply(i, a);
   }
   return i;
 }
 function O(t) {
   for (var r = 1; r < arguments.length; r++) {
     var i = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? F(Object(i), !0).forEach(function(c) {
-      Ct(t, c, i[c]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : F(Object(i)).forEach(function(c) {
-      Object.defineProperty(t, c, Object.getOwnPropertyDescriptor(i, c));
+    r % 2 ? F(Object(i), !0).forEach(function(a) {
+      Ct(t, a, i[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : F(Object(i)).forEach(function(a) {
+      Object.defineProperty(t, a, Object.getOwnPropertyDescriptor(i, a));
     });
   }
   return t;
 }
 function Ct(t, r, i) {
-  return r = xt(r), r in t ? Object.defineProperty(t, r, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : t[r] = i, t;
+  return r = Nt(r), r in t ? Object.defineProperty(t, r, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : t[r] = i, t;
 }
-function xt(t) {
-  var r = Nt(t, "string");
+function Nt(t) {
+  var r = xt(t, "string");
   return typeof r == "symbol" ? r : r + "";
 }
-function Nt(t, r) {
+function xt(t, r) {
   if (typeof t != "object" || !t) return t;
   var i = t[Symbol.toPrimitive];
   if (i !== void 0) {
-    var c = i.call(t, r);
-    if (typeof c != "object") return c;
+    var a = i.call(t, r);
+    if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (r === "string" ? String : Number)(t);
@@ -165,7 +165,7 @@ function p(t) {
 function Pt(t) {
   var r = (i) => {
     var {
-      attr: c,
+      attr: a,
       size: u,
       title: w
     } = t, v = bt(t, vt), C = u || i.size || "1em", n;
@@ -173,7 +173,7 @@ function Pt(t) {
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, i.attr, c, v, {
+    }, i.attr, a, v, {
       className: n,
       style: O(O({
         color: t.color || i.color
@@ -520,9 +520,9 @@ function Zt({
   link: t = "a",
   host: r = "https://www.highcharts.com"
 }) {
-  const i = A(null), c = A(null), [u, w] = y(!1), [v, C] = y(!1), [n, f] = y(""), [L, G] = y(0), [J, q] = y(), U = H("(max-width: 849px)"), Z = H("(min-width: 850px) and (max-width: 999px)");
+  const i = A(null), a = A(null), [u, w] = y(!1), [v, C] = y(!1), [n, f] = y(""), [L, G] = y(0), [J, q] = y(), U = H("(max-width: 849px)"), Z = H("(min-width: 850px) and (max-width: 999px)");
   Y(() => {
-    if (c.current) {
+    if (a.current) {
       const h = async () => {
         try {
           return (await (await fetch(
@@ -552,11 +552,11 @@ function Zt({
         },
         { rootMargin: "100px" }
       );
-      return l.observe(c.current), () => l.disconnect();
+      return l.observe(a.current), () => l.disconnect();
     }
-  }, [c.current]);
-  const x = !!n && n !== "Something went wrong", K = (h) => {
-    x ? D(h.target.value) && f("") : n && f("");
+  }, [a.current]);
+  const N = !!n && n !== "Something went wrong", K = (h) => {
+    N ? D(h.target.value) && f("") : n && f("");
   }, Q = async (h) => {
     h.preventDefault();
     const o = i.current;
@@ -565,8 +565,8 @@ function Zt({
         o.value = "", o.focus();
         return;
       }
-      if (x) {
-        x && o.focus();
+      if (N) {
+        N && o.focus();
         return;
       }
       if (!D(o.value)) {
@@ -592,25 +592,25 @@ function Zt({
       }
     }
   }, z = /* @__PURE__ */ s(k, { children: [
-    /* @__PURE__ */ s("span", { className: a.copyright, children: [
+    /* @__PURE__ */ s("span", { className: c.copyright, children: [
       "© ",
       (/* @__PURE__ */ new Date()).getFullYear(),
       " Highsoft. All rights reserved."
     ] }),
-    /* @__PURE__ */ s("div", { className: a.bottomLinks, children: [
+    /* @__PURE__ */ s("div", { className: c.bottomLinks, children: [
       /* @__PURE__ */ e(t, { href: "https://www.highcharts.com/blog/article/accessibility-statement/", children: "Accessibility Statement" }),
       /* @__PURE__ */ e(t, { href: "https://www.highcharts.com/sitemap.xml", children: "Sitemap" }),
       /* @__PURE__ */ e("button", { onClick: () => window.CookieConsent?.renew(), children: "Cookie Preferences" }),
       /* @__PURE__ */ e(at, {})
     ] })
-  ] }), M = /* @__PURE__ */ e("ul", { className: a.socials, children: Mt.map(({ icon: h, url: o, label: l }, d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: o, "aria-label": l, children: h }) }, d)) });
-  return /* @__PURE__ */ s(et, { as: "footer", className: a.footer, children: [
-    /* @__PURE__ */ s("div", { className: a.top, children: [
-      /* @__PURE__ */ s("div", { className: a.highcharts, children: [
+  ] }), M = /* @__PURE__ */ e("ul", { className: c.socials, children: Mt.map(({ icon: h, url: o, label: l }, d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: o, "aria-label": l, children: h }) }, d)) });
+  return /* @__PURE__ */ e("footer", { className: c.outer, children: /* @__PURE__ */ s(et, { className: c.footer, children: [
+    /* @__PURE__ */ s("div", { className: c.top, children: [
+      /* @__PURE__ */ s("div", { className: c.highcharts, children: [
         /* @__PURE__ */ e(
           t,
           {
-            className: a.logo,
+            className: c.logo,
             href: P("https://www.highcharts.com/", r),
             children: /* @__PURE__ */ e(rt, {})
           }
@@ -619,16 +619,16 @@ function Zt({
         /* @__PURE__ */ e(At, {})
       ] }),
       /* @__PURE__ */ s(ot, { children: [
-        /* @__PURE__ */ e(nt, { asChild: !0, children: /* @__PURE__ */ s("button", { className: a.youtube, children: [
+        /* @__PURE__ */ e(nt, { asChild: !0, children: /* @__PURE__ */ s("button", { className: c.youtube, children: [
           /* @__PURE__ */ e(R, {}),
           /* @__PURE__ */ e("p", { children: "Meet the team behind the charts" })
         ] }) }),
         /* @__PURE__ */ s(ht, { children: [
-          /* @__PURE__ */ e(lt, { className: a.youtubeOverlay }),
+          /* @__PURE__ */ e(lt, { className: c.youtubeOverlay }),
           /* @__PURE__ */ s(
             ut,
             {
-              className: a.youtubeContent,
+              className: c.youtubeContent,
               "aria-describedby": void 0,
               children: [
                 /* @__PURE__ */ e(mt, { asChild: !0, children: /* @__PURE__ */ e(dt, { children: "Video: Meet the team behind the charts" }) }),
@@ -647,12 +647,12 @@ function Zt({
           )
         ] })
       ] }),
-      /* @__PURE__ */ s("div", { className: a.notCharts, children: [
+      /* @__PURE__ */ s("div", { className: c.notCharts, children: [
         /* @__PURE__ */ s(
           "div",
           {
-            className: N(a.newsletter, {
-              [a.success]: v
+            className: x(c.newsletter, {
+              [c.success]: v
             }),
             "data-theme": v && "light",
             children: [
@@ -660,16 +660,16 @@ function Zt({
                 /* @__PURE__ */ e($, {}),
                 "Stay in the Loop"
               ] }),
-              v ? /* @__PURE__ */ s("div", { className: a.newsletterContent, children: [
+              v ? /* @__PURE__ */ s("div", { className: c.newsletterContent, children: [
                 /* @__PURE__ */ e(pt, {}),
                 "Check your inbox and confirm your email to finish signing up."
               ] }) : /* @__PURE__ */ s("form", { onSubmit: Q, children: [
                 /* @__PURE__ */ e(
                   "input",
                   {
-                    className: N({ [a.error]: n }),
+                    className: x({ [c.error]: n }),
                     placeholder: "Email address",
-                    "aria-invalid": x,
+                    "aria-invalid": N,
                     onChange: K,
                     ref: i
                   }
@@ -682,7 +682,7 @@ function Zt({
                     children: "Sign up"
                   }
                 ),
-                n && /* @__PURE__ */ s("div", { className: a.newsletterError, children: [
+                n && /* @__PURE__ */ s("div", { className: c.newsletterError, children: [
                   n,
                   /* @__PURE__ */ e(
                     "svg",
@@ -709,7 +709,10 @@ function Zt({
                 /* @__PURE__ */ e(
                   t,
                   {
-                    href: P("https://www.highcharts.com/privacy/", r),
+                    href: P(
+                      "https://www.highcharts.com/privacy/",
+                      r
+                    ),
                     children: "Privacy Policy"
                   }
                 )
@@ -720,44 +723,44 @@ function Zt({
         /* @__PURE__ */ s(
           "a",
           {
-            className: a.discord,
+            className: c.discord,
             href: "https://discord.com/invite/xHxxcyyy6K",
-            ref: c,
+            ref: a,
             children: [
               /* @__PURE__ */ s("h2", { children: [
                 /* @__PURE__ */ e(V, {}),
                 "Discord ",
                 /* @__PURE__ */ e("span", { children: "/ Total" })
               ] }),
-              /* @__PURE__ */ s("p", { className: a.discordContent, children: [
-                /* @__PURE__ */ e("span", { className: a.discordJoin, children: "Join us" }),
+              /* @__PURE__ */ s("p", { className: c.discordContent, children: [
+                /* @__PURE__ */ e("span", { className: c.discordJoin, children: "Join us" }),
                 " ",
-                !!L && /* @__PURE__ */ s("span", { className: a.discordMembers, children: [
+                !!L && /* @__PURE__ */ s("span", { className: c.discordMembers, children: [
                   L,
                   " members"
                 ] })
               ] }),
-              /* @__PURE__ */ s("ul", { className: a.discordAvatars, children: [
+              /* @__PURE__ */ s("ul", { className: c.discordAvatars, children: [
                 J?.members.slice(0, 5).map(({ status: h, avatar_url: o }, l) => /* @__PURE__ */ s("li", { children: [
                   /* @__PURE__ */ e("img", { src: o }),
                   /* @__PURE__ */ e(
                     "span",
                     {
-                      className: N(a.discordAvatarStatus, {
-                        [a.online]: h === "online"
+                      className: x(c.discordAvatarStatus, {
+                        [c.online]: h === "online"
                       })
                     }
                   )
                 ] }, l)),
-                /* @__PURE__ */ e("li", { className: a.discordPlus, children: "+" })
+                /* @__PURE__ */ e("li", { className: c.discordPlus, children: "+" })
               ] })
             ]
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ s("div", { className: a.help, children: [
-      /* @__PURE__ */ s("div", { className: a.helpWays, children: [
+    /* @__PURE__ */ s("div", { className: c.help, children: [
+      /* @__PURE__ */ s("div", { className: c.helpWays, children: [
         /* @__PURE__ */ e("span", { children: "Ways to get help" }),
         /* @__PURE__ */ s("p", { children: [
           "We operate in CET",
@@ -769,10 +772,10 @@ function Zt({
         t,
         {
           href: P(d, r),
-          className: a.helpItem,
+          className: c.helpItem,
           children: [
-            /* @__PURE__ */ e("div", { className: a.helpBall, children: h }),
-            /* @__PURE__ */ s("div", { className: a.helpContent, children: [
+            /* @__PURE__ */ e("div", { className: c.helpBall, children: h }),
+            /* @__PURE__ */ s("div", { className: c.helpContent, children: [
               /* @__PURE__ */ e("span", { children: o }),
               /* @__PURE__ */ e("span", { children: l })
             ] })
@@ -781,14 +784,14 @@ function Zt({
         m
       ))
     ] }),
-    /* @__PURE__ */ s("div", { className: a.links, children: [
+    /* @__PURE__ */ s("div", { className: c.links, children: [
       Object.entries(zt).map(([h, o], l) => /* @__PURE__ */ s("div", { children: [
         /* @__PURE__ */ e("h2", { children: h }),
         /* @__PURE__ */ e("ul", { children: o.map(({ title: d, url: m, tag: b }, X) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
           t,
           {
             href: P(m, r),
-            className: N({ [a.tagged]: b }),
+            className: x({ [c.tagged]: b }),
             children: [
               b ? /* @__PURE__ */ e("span", { children: d }) : d,
               b && /* @__PURE__ */ e(it, { variant: "brand", icon: !1, border: !0 })
@@ -796,16 +799,16 @@ function Zt({
           }
         ) }, X)) })
       ] }, l)),
-      /* @__PURE__ */ e("div", { className: a.norway, children: /* @__PURE__ */ e(ct, {}) })
+      /* @__PURE__ */ e("div", { className: c.norway, children: /* @__PURE__ */ e(ct, {}) })
     ] }),
-    /* @__PURE__ */ e("div", { className: a.bottom, children: Z ? /* @__PURE__ */ s(k, { children: [
-      /* @__PURE__ */ e("div", { className: a.tabletBottomLeft, children: z }),
+    /* @__PURE__ */ e("div", { className: c.bottom, children: Z ? /* @__PURE__ */ s(k, { children: [
+      /* @__PURE__ */ e("div", { className: c.tabletBottomLeft, children: z }),
       M
     ] }) : /* @__PURE__ */ s(k, { children: [
       z,
       M
     ] }) })
-  ] });
+  ] }) });
 }
 export {
   Zt as Footer

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

@@ -22,12 +22,12 @@ export interface Notification {
     closable?: boolean;
 }
 export declare function Header({ subItems, children, notifications: initialNotifications, // TODO: Fetch these from the internets
-link: Link, host, pathname, topCssVariable }: {
+link: Link, host, pathname, cssVariable }: {
     subItems?: Array<SubHeaderItem>;
     children?: ReactNode;
     notifications?: Array<Notification>;
     link?: ElementType;
     host?: string;
     pathname?: string;
-    topCssVariable?: boolean;
+    cssVariable?: boolean;
 }): import("react/jsx-runtime").JSX.Element;