highsoft-ui 1.0.58 → 1.0.60

package/dist/components/Footer/index.js

@@ -1,17 +1,33 @@
-import { jsx as r, jsxs as a, Fragment as O } from "react/jsx-runtime";
+import { jsx as r, jsxs as s, Fragment as j } from "react/jsx-runtime";
 import * as l from "react";
-import y, { useRef as gt, useState as B, useEffect as wt } from "react";
-import { A as mt } from "../../Announcement03-obPaH4LK.js";
-import { P as D, d as ft, c as vt, e as I, a as L, f as x, g as T, h as bt, R as yt, j as _t, i as Ct, k as Dt, F as Pt, D as Nt, l as Ot, C as xt } from "../../index-CM3YgRXK.js";
-import { _ as j } from "../../extends-hS2Bh-Yp.js";
-import { c as zt } from "../../clsx-OuTLNxxd.js";
-import { Button as $ } from "../Button/index.js";
-import { Container as St } from "../Container/index.js";
-import { ThemedLogo as Mt } from "../Logo/index.js";
-import { NewTag as Rt } from "../NewTag/index.js";
-import { a as H, c as Et } from "../../utils-CzQFvGG2.js";
-var At = function(e) {
-  return /* @__PURE__ */ r("svg", j({
+import _, { useRef as jt, useState as O, useEffect as Dt } from "react";
+import { A as Nt } from "../../Announcement03-obPaH4LK.js";
+import { P as D, d as Pt, c as Ot, e as k, a as z, f as S, g as F, h as St, R as xt, j as Mt, i as At, k as Et, F as Rt, D as It, l as Lt, C as kt } from "../../index-CM3YgRXK.js";
+import { _ as R } from "../../extends-hS2Bh-Yp.js";
+import { c as T } from "../../clsx-OuTLNxxd.js";
+import { Button as U } from "../Button/index.js";
+import { Container as Tt } from "../Container/index.js";
+import { ThemedLogo as zt } from "../Logo/index.js";
+import { NewTag as Ft } from "../NewTag/index.js";
+import { a as J, c as Wt } from "../../utils-CzQFvGG2.js";
+var Bt = function(e) {
+  return /* @__PURE__ */ r("svg", R({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, e, {
+    children: /* @__PURE__ */ r("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "m7.5 12 3 3 6-6m5.5 3c0 5.5228-4.4772 10-10 10S2 17.5228 2 12 6.4772 2 12 2s10 4.4772 10 10"
+    })
+  }));
+}, Ht = function(e) {
+  return /* @__PURE__ */ r("svg", R({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -26,8 +42,8 @@ var At = function(e) {
       d: "M5 15c-.9319 0-1.3978 0-1.7654-.1522a2 2 0 0 1-1.0824-1.0824C2 13.3978 2 12.9319 2 12V5.2c0-1.1201 0-1.6802.218-2.108a2 2 0 0 1 .874-.874C3.5198 2 4.08 2 5.2 2H12c.9319 0 1.3978 0 1.7654.1522.49.203.8794.5924 1.0824 1.0824C15 3.6022 15 4.0681 15 5m-2.8 17h6.6c1.1201 0 1.6802 0 2.108-.218a2 2 0 0 0 .874-.874C22 20.4802 22 19.9201 22 18.8v-6.6c0-1.1201 0-1.6802-.218-2.108a2 2 0 0 0-.874-.874C20.4802 9 19.9201 9 18.8 9h-6.6c-1.1201 0-1.6802 0-2.108.218a2 2 0 0 0-.874.874C9 10.5198 9 11.0799 9 12.2v6.6c0 1.1201 0 1.6802.218 2.108.1917.3763.4977.6823.874.874.4278.218.9879.218 2.108.218"
     })
   }));
-}, It = function(e) {
-  return /* @__PURE__ */ r("svg", j({
+}, Vt = function(e) {
+  return /* @__PURE__ */ r("svg", R({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -42,8 +58,8 @@ var At = function(e) {
       d: "m10.4995 13.5001 10.5-10.5M10.6271 13.828l2.6281 6.758c.2315.5954.3473.893.5141.9799a.5.5 0 0 0 .4615.0003c.1669-.0867.2831-.3842.5153-.9793l6.5903-16.8877c.2097-.5372.3145-.8058.2571-.9775a.5.5 0 0 0-.3158-.3158c-.1716-.0573-.4402.0475-.9774.2571L3.4126 9.2536c-.5951.2322-.8926.3483-.9793.5152a.5.5 0 0 0 .0002.4616c.087.1668.3846.2825.98.5141l6.758 2.6281c.1208.047.1812.0705.2321.1068a.5.5 0 0 1 .1167.1167c.0363.0508.0598.1113.1068.2321"
     })
   }));
-}, Lt = function(e) {
-  return /* @__PURE__ */ r("svg", j({
+}, Gt = function(e) {
+  return /* @__PURE__ */ r("svg", R({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -58,7 +74,7 @@ var At = function(e) {
       d: "m6.5 13 .7845 1.5689c.2654.531.3982.7965.5755 1.0265a3 3 0 0 0 .5446.5446c.23.1773.4955.3101 1.0265.5755L11 17.5l-1.569.7845c-.5309.2654-.7964.3982-1.0264.5755a3 3 0 0 0-.5446.5446c-.1773.23-.31.4955-.5755 1.0265L6.5 22l-.7845-1.5689c-.2654-.531-.3982-.7965-.5755-1.0265a3 3 0 0 0-.5446-.5446c-.23-.1773-.4955-.3101-1.0265-.5755L2 17.5l1.569-.7845c.5309-.2654.7964-.3982 1.0264-.5755a3 3 0 0 0 .5446-.5446c.1773-.23.31-.4955.5755-1.0265zM15 2l1.1786 3.0644c.282.7333.423 1.0999.6423 1.4082.1944.2733.4331.5122.7065.7065.3083.2193.675.3603 1.4082.6423L22 9l-3.0644 1.1786c-.7332.282-1.0999.423-1.4082.6423a3 3 0 0 0-.7065.7065c-.2193.3083-.3603.675-.6423 1.4082L15 16l-1.1786-3.0644c-.282-.7332-.423-1.0999-.6423-1.4082a3 3 0 0 0-.7065-.7065c-.3083-.2193-.675-.3603-1.4082-.6423L8 9l3.0644-1.1786c.7332-.282 1.0999-.423 1.4082-.6423a3 3 0 0 0 .7065-.7065c.2193-.3083.3603-.675.6423-1.4082z"
     })
   }));
-}, Tt = Object.freeze({
+}, $t = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
   border: 0,
@@ -70,225 +86,225 @@ var At = function(e) {
   clip: "rect(0, 0, 0, 0)",
   whiteSpace: "nowrap",
   wordWrap: "normal"
-}), jt = "VisuallyHidden", J = l.forwardRef(
+}), Jt = "VisuallyHidden", K = l.forwardRef(
   (t, e) => /* @__PURE__ */ r(
     D.span,
     {
       ...t,
       ref: e,
-      style: { ...Tt, ...t.style }
+      style: { ...$t, ...t.style }
     }
   )
 );
-J.displayName = jt;
-var kt = J, A = "Dialog", [Y, er] = vt(A), [Ft, g] = Y(A), q = (t) => {
+K.displayName = Jt;
+var Yt = K, I = "Dialog", [X, pr] = Ot(I), [qt, m] = X(I), Z = (t) => {
   const {
     __scopeDialog: e,
     children: o,
-    open: i,
-    defaultOpen: s,
+    open: a,
+    defaultOpen: i,
     onOpenChange: n,
     modal: d = !0
-  } = t, h = l.useRef(null), u = l.useRef(null), [P, C] = ft({
-    prop: i,
-    defaultProp: s ?? !1,
+  } = t, h = l.useRef(null), u = l.useRef(null), [C, N] = Pt({
+    prop: a,
+    defaultProp: i ?? !1,
     onChange: n,
-    caller: A
+    caller: I
   });
   return /* @__PURE__ */ r(
-    Ft,
+    qt,
     {
       scope: e,
       triggerRef: h,
       contentRef: u,
-      contentId: I(),
-      titleId: I(),
-      descriptionId: I(),
-      open: P,
-      onOpenChange: C,
-      onOpenToggle: l.useCallback(() => C((z) => !z), [C]),
+      contentId: k(),
+      titleId: k(),
+      descriptionId: k(),
+      open: C,
+      onOpenChange: N,
+      onOpenToggle: l.useCallback(() => N((L) => !L), [N]),
       modal: d,
       children: o
     }
   );
 };
-q.displayName = A;
-var U = "DialogTrigger", K = l.forwardRef(
+Z.displayName = I;
+var Q = "DialogTrigger", tt = l.forwardRef(
   (t, e) => {
-    const { __scopeDialog: o, ...i } = t, s = g(U, o), n = L(e, s.triggerRef);
+    const { __scopeDialog: o, ...a } = t, i = m(Q, o), n = z(e, i.triggerRef);
     return /* @__PURE__ */ r(
       D.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
-        "aria-expanded": s.open,
-        "aria-controls": s.contentId,
-        "data-state": W(s.open),
-        ...i,
+        "aria-expanded": i.open,
+        "aria-controls": i.contentId,
+        "data-state": H(i.open),
+        ...a,
         ref: n,
-        onClick: x(t.onClick, s.onOpenToggle)
+        onClick: S(t.onClick, i.onOpenToggle)
       }
     );
   }
 );
-K.displayName = U;
-var k = "DialogPortal", [Wt, X] = Y(k, {
+tt.displayName = Q;
+var W = "DialogPortal", [Ut, et] = X(W, {
   forceMount: void 0
-}), Z = (t) => {
-  const { __scopeDialog: e, forceMount: o, children: i, container: s } = t, n = g(k, e);
-  return /* @__PURE__ */ r(Wt, { scope: e, forceMount: o, children: l.Children.map(i, (d) => /* @__PURE__ */ r(T, { present: o || n.open, children: /* @__PURE__ */ r(bt, { asChild: !0, container: s, children: d }) })) });
+}), rt = (t) => {
+  const { __scopeDialog: e, forceMount: o, children: a, container: i } = t, n = m(W, e);
+  return /* @__PURE__ */ r(Ut, { scope: e, forceMount: o, children: l.Children.map(a, (d) => /* @__PURE__ */ r(F, { present: o || n.open, children: /* @__PURE__ */ r(St, { asChild: !0, container: i, children: d }) })) });
 };
-Z.displayName = k;
-var M = "DialogOverlay", Q = l.forwardRef(
+rt.displayName = W;
+var M = "DialogOverlay", ot = l.forwardRef(
   (t, e) => {
-    const o = X(M, t.__scopeDialog), { forceMount: i = o.forceMount, ...s } = t, n = g(M, t.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ r(T, { present: i || n.open, children: /* @__PURE__ */ r(Ht, { ...s, ref: e }) }) : null;
+    const o = et(M, t.__scopeDialog), { forceMount: a = o.forceMount, ...i } = t, n = m(M, t.__scopeDialog);
+    return n.modal ? /* @__PURE__ */ r(F, { present: a || n.open, children: /* @__PURE__ */ r(Xt, { ...i, ref: e }) }) : null;
   }
 );
-Q.displayName = M;
-var Bt = _t("DialogOverlay.RemoveScroll"), Ht = l.forwardRef(
+ot.displayName = M;
+var Kt = Mt("DialogOverlay.RemoveScroll"), Xt = l.forwardRef(
   (t, e) => {
-    const { __scopeDialog: o, ...i } = t, s = g(M, o);
+    const { __scopeDialog: o, ...a } = t, i = m(M, o);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ r(yt, { as: Bt, allowPinchZoom: !0, shards: [s.contentRef], children: /* @__PURE__ */ r(
+      /* @__PURE__ */ r(xt, { as: Kt, allowPinchZoom: !0, shards: [i.contentRef], children: /* @__PURE__ */ r(
         D.div,
         {
-          "data-state": W(s.open),
-          ...i,
+          "data-state": H(i.open),
+          ...a,
           ref: e,
-          style: { pointerEvents: "auto", ...i.style }
+          style: { pointerEvents: "auto", ...a.style }
         }
       ) })
     );
   }
-), _ = "DialogContent", tt = l.forwardRef(
+), y = "DialogContent", at = l.forwardRef(
   (t, e) => {
-    const o = X(_, t.__scopeDialog), { forceMount: i = o.forceMount, ...s } = t, n = g(_, t.__scopeDialog);
-    return /* @__PURE__ */ r(T, { present: i || n.open, children: n.modal ? /* @__PURE__ */ r(Vt, { ...s, ref: e }) : /* @__PURE__ */ r(Gt, { ...s, ref: e }) });
+    const o = et(y, t.__scopeDialog), { forceMount: a = o.forceMount, ...i } = t, n = m(y, t.__scopeDialog);
+    return /* @__PURE__ */ r(F, { present: a || n.open, children: n.modal ? /* @__PURE__ */ r(Zt, { ...i, ref: e }) : /* @__PURE__ */ r(Qt, { ...i, ref: e }) });
   }
 );
-tt.displayName = _;
-var Vt = l.forwardRef(
+at.displayName = y;
+var Zt = l.forwardRef(
   (t, e) => {
-    const o = g(_, t.__scopeDialog), i = l.useRef(null), s = L(e, o.contentRef, i);
+    const o = m(y, t.__scopeDialog), a = l.useRef(null), i = z(e, o.contentRef, a);
     return l.useEffect(() => {
-      const n = i.current;
-      if (n) return Ct(n);
+      const n = a.current;
+      if (n) return At(n);
     }, []), /* @__PURE__ */ r(
-      et,
+      nt,
       {
         ...t,
-        ref: s,
+        ref: i,
         trapFocus: o.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: x(t.onCloseAutoFocus, (n) => {
+        onCloseAutoFocus: S(t.onCloseAutoFocus, (n) => {
           n.preventDefault(), o.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: x(t.onPointerDownOutside, (n) => {
+        onPointerDownOutside: S(t.onPointerDownOutside, (n) => {
           const d = n.detail.originalEvent, h = d.button === 0 && d.ctrlKey === !0;
           (d.button === 2 || h) && n.preventDefault();
         }),
-        onFocusOutside: x(
+        onFocusOutside: S(
           t.onFocusOutside,
           (n) => n.preventDefault()
         )
       }
     );
   }
-), Gt = l.forwardRef(
+), Qt = l.forwardRef(
   (t, e) => {
-    const o = g(_, t.__scopeDialog), i = l.useRef(!1), s = l.useRef(!1);
+    const o = m(y, t.__scopeDialog), a = l.useRef(!1), i = l.useRef(!1);
     return /* @__PURE__ */ r(
-      et,
+      nt,
       {
         ...t,
         ref: e,
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (n) => {
-          t.onCloseAutoFocus?.(n), n.defaultPrevented || (i.current || o.triggerRef.current?.focus(), n.preventDefault()), i.current = !1, s.current = !1;
+          t.onCloseAutoFocus?.(n), n.defaultPrevented || (a.current || o.triggerRef.current?.focus(), n.preventDefault()), a.current = !1, i.current = !1;
         },
         onInteractOutside: (n) => {
-          t.onInteractOutside?.(n), n.defaultPrevented || (i.current = !0, n.detail.originalEvent.type === "pointerdown" && (s.current = !0));
+          t.onInteractOutside?.(n), n.defaultPrevented || (a.current = !0, n.detail.originalEvent.type === "pointerdown" && (i.current = !0));
           const d = n.target;
-          o.triggerRef.current?.contains(d) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && s.current && n.preventDefault();
+          o.triggerRef.current?.contains(d) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && i.current && n.preventDefault();
         }
       }
     );
   }
-), et = l.forwardRef(
+), nt = l.forwardRef(
   (t, e) => {
-    const { __scopeDialog: o, trapFocus: i, onOpenAutoFocus: s, onCloseAutoFocus: n, ...d } = t, h = g(_, o), u = l.useRef(null), P = L(e, u);
-    return Dt(), /* @__PURE__ */ a(O, { children: [
+    const { __scopeDialog: o, trapFocus: a, onOpenAutoFocus: i, onCloseAutoFocus: n, ...d } = t, h = m(y, o), u = l.useRef(null), C = z(e, u);
+    return Et(), /* @__PURE__ */ s(j, { children: [
       /* @__PURE__ */ r(
-        Pt,
+        Rt,
         {
           asChild: !0,
           loop: !0,
-          trapped: i,
-          onMountAutoFocus: s,
+          trapped: a,
+          onMountAutoFocus: i,
           onUnmountAutoFocus: n,
           children: /* @__PURE__ */ r(
-            Nt,
+            It,
             {
               role: "dialog",
               id: h.contentId,
               "aria-describedby": h.descriptionId,
               "aria-labelledby": h.titleId,
-              "data-state": W(h.open),
+              "data-state": H(h.open),
               ...d,
-              ref: P,
+              ref: C,
               onDismiss: () => h.onOpenChange(!1)
             }
           )
         }
       ),
-      /* @__PURE__ */ a(O, { children: [
-        /* @__PURE__ */ r(Yt, { titleId: h.titleId }),
-        /* @__PURE__ */ r(Ut, { contentRef: u, descriptionId: h.descriptionId })
+      /* @__PURE__ */ s(j, { children: [
+        /* @__PURE__ */ r(re, { titleId: h.titleId }),
+        /* @__PURE__ */ r(ae, { contentRef: u, descriptionId: h.descriptionId })
       ] })
     ] });
   }
-), F = "DialogTitle", rt = l.forwardRef(
+), B = "DialogTitle", it = l.forwardRef(
   (t, e) => {
-    const { __scopeDialog: o, ...i } = t, s = g(F, o);
-    return /* @__PURE__ */ r(D.h2, { id: s.titleId, ...i, ref: e });
+    const { __scopeDialog: o, ...a } = t, i = m(B, o);
+    return /* @__PURE__ */ r(D.h2, { id: i.titleId, ...a, ref: e });
   }
 );
-rt.displayName = F;
-var ot = "DialogDescription", $t = l.forwardRef(
+it.displayName = B;
+var st = "DialogDescription", te = l.forwardRef(
   (t, e) => {
-    const { __scopeDialog: o, ...i } = t, s = g(ot, o);
-    return /* @__PURE__ */ r(D.p, { id: s.descriptionId, ...i, ref: e });
+    const { __scopeDialog: o, ...a } = t, i = m(st, o);
+    return /* @__PURE__ */ r(D.p, { id: i.descriptionId, ...a, ref: e });
   }
 );
-$t.displayName = ot;
-var it = "DialogClose", Jt = l.forwardRef(
+te.displayName = st;
+var ct = "DialogClose", ee = l.forwardRef(
   (t, e) => {
-    const { __scopeDialog: o, ...i } = t, s = g(it, o);
+    const { __scopeDialog: o, ...a } = t, i = m(ct, o);
     return /* @__PURE__ */ r(
       D.button,
       {
         type: "button",
-        ...i,
+        ...a,
         ref: e,
-        onClick: x(t.onClick, () => s.onOpenChange(!1))
+        onClick: S(t.onClick, () => i.onOpenChange(!1))
       }
     );
   }
 );
-Jt.displayName = it;
-function W(t) {
+ee.displayName = ct;
+function H(t) {
   return t ? "open" : "closed";
 }
-var st = "DialogTitleWarning", [rr, nt] = Ot(st, {
-  contentName: _,
-  titleName: F,
+var lt = "DialogTitleWarning", [gr, ht] = Lt(lt, {
+  contentName: y,
+  titleName: B,
   docsSlug: "dialog"
-}), Yt = ({ titleId: t }) => {
-  const e = nt(st), o = `\`${e.contentName}\` requires a \`${e.titleName}\` for the component to be accessible for screen reader users.
+}), re = ({ titleId: t }) => {
+  const e = ht(lt), o = `\`${e.contentName}\` requires a \`${e.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${e.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -296,109 +312,109 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
   return l.useEffect(() => {
     t && (document.getElementById(t) || console.error(o));
   }, [o, t]), null;
-}, qt = "DialogDescriptionWarning", Ut = ({ contentRef: t, descriptionId: e }) => {
-  const i = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${nt(qt).contentName}}.`;
+}, oe = "DialogDescriptionWarning", ae = ({ contentRef: t, descriptionId: e }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ht(oe).contentName}}.`;
   return l.useEffect(() => {
-    const s = t.current?.getAttribute("aria-describedby");
-    e && s && (document.getElementById(e) || console.warn(i));
-  }, [i, t, e]), null;
-}, Kt = q, Xt = K, Zt = Z, Qt = Q, te = tt, ee = rt, at = {
+    const i = t.current?.getAttribute("aria-describedby");
+    e && i && (document.getElementById(e) || console.warn(a));
+  }, [a, t, e]), null;
+}, ne = Z, ie = tt, se = rt, ce = ot, le = at, he = it, dt = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, V = y.createContext && /* @__PURE__ */ y.createContext(at), re = ["attr", "size", "title"];
-function oe(t, e) {
+}, Y = _.createContext && /* @__PURE__ */ _.createContext(dt), de = ["attr", "size", "title"];
+function ue(t, e) {
   if (t == null) return {};
-  var o = ie(t, e), i, s;
+  var o = pe(t, e), a, i;
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(t);
-    for (s = 0; s < n.length; s++)
-      i = n[s], !(e.indexOf(i) >= 0) && Object.prototype.propertyIsEnumerable.call(t, i) && (o[i] = t[i]);
+    for (i = 0; i < n.length; i++)
+      a = n[i], !(e.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (o[a] = t[a]);
   }
   return o;
 }
-function ie(t, e) {
+function pe(t, e) {
   if (t == null) return {};
   var o = {};
-  for (var i in t)
-    if (Object.prototype.hasOwnProperty.call(t, i)) {
-      if (e.indexOf(i) >= 0) continue;
-      o[i] = t[i];
+  for (var a in t)
+    if (Object.prototype.hasOwnProperty.call(t, a)) {
+      if (e.indexOf(a) >= 0) continue;
+      o[a] = t[a];
     }
   return o;
 }
-function R() {
-  return R = Object.assign ? Object.assign.bind() : function(t) {
+function A() {
+  return A = Object.assign ? Object.assign.bind() : function(t) {
     for (var e = 1; e < arguments.length; e++) {
       var o = arguments[e];
-      for (var i in o)
-        Object.prototype.hasOwnProperty.call(o, i) && (t[i] = o[i]);
+      for (var a in o)
+        Object.prototype.hasOwnProperty.call(o, a) && (t[a] = o[a]);
     }
     return t;
-  }, R.apply(this, arguments);
+  }, A.apply(this, arguments);
 }
-function G(t, e) {
+function q(t, e) {
   var o = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(t);
-    e && (i = i.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(t, s).enumerable;
-    })), o.push.apply(o, i);
+    var a = Object.getOwnPropertySymbols(t);
+    e && (a = a.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(t, i).enumerable;
+    })), o.push.apply(o, a);
   }
   return o;
 }
 function E(t) {
   for (var e = 1; e < arguments.length; e++) {
     var o = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? G(Object(o), !0).forEach(function(i) {
-      se(t, i, o[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : G(Object(o)).forEach(function(i) {
-      Object.defineProperty(t, i, Object.getOwnPropertyDescriptor(o, i));
+    e % 2 ? q(Object(o), !0).forEach(function(a) {
+      ge(t, a, o[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : q(Object(o)).forEach(function(a) {
+      Object.defineProperty(t, a, Object.getOwnPropertyDescriptor(o, a));
     });
   }
   return t;
 }
-function se(t, e, o) {
-  return e = ne(e), e in t ? Object.defineProperty(t, e, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = o, t;
+function ge(t, e, o) {
+  return e = me(e), e in t ? Object.defineProperty(t, e, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = o, t;
 }
-function ne(t) {
-  var e = ae(t, "string");
+function me(t) {
+  var e = we(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function ae(t, e) {
+function we(t, e) {
   if (typeof t != "object" || !t) return t;
   var o = t[Symbol.toPrimitive];
   if (o !== void 0) {
-    var i = o.call(t, e);
-    if (typeof i != "object") return i;
+    var a = o.call(t, e);
+    if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (e === "string" ? String : Number)(t);
 }
-function ct(t) {
-  return t && t.map((e, o) => /* @__PURE__ */ y.createElement(e.tag, E({
+function ut(t) {
+  return t && t.map((e, o) => /* @__PURE__ */ _.createElement(e.tag, E({
     key: o
-  }, e.attr), ct(e.child)));
+  }, e.attr), ut(e.child)));
 }
 function b(t) {
-  return (e) => /* @__PURE__ */ y.createElement(ce, R({
+  return (e) => /* @__PURE__ */ _.createElement(fe, A({
     attr: E({}, t.attr)
-  }, e), ct(t.child));
+  }, e), ut(t.child));
 }
-function ce(t) {
+function fe(t) {
   var e = (o) => {
     var {
-      attr: i,
-      size: s,
+      attr: a,
+      size: i,
       title: n
-    } = t, d = oe(t, re), h = s || o.size || "1em", u;
-    return o.className && (u = o.className), t.className && (u = (u ? u + " " : "") + t.className), /* @__PURE__ */ y.createElement("svg", R({
+    } = t, d = ue(t, de), h = i || o.size || "1em", u;
+    return o.className && (u = o.className), t.className && (u = (u ? u + " " : "") + t.className), /* @__PURE__ */ _.createElement("svg", A({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, o.attr, i, d, {
+    }, o.attr, a, d, {
       className: u,
       style: E(E({
         color: t.color || o.color
@@ -406,92 +422,95 @@ function ce(t) {
       height: h,
       width: h,
       xmlns: "http://www.w3.org/2000/svg"
-    }), n && /* @__PURE__ */ y.createElement("title", null, n), t.children);
+    }), n && /* @__PURE__ */ _.createElement("title", null, n), t.children);
   };
-  return V !== void 0 ? /* @__PURE__ */ y.createElement(V.Consumer, null, (o) => e(o)) : e(at);
+  return Y !== void 0 ? /* @__PURE__ */ _.createElement(Y.Consumer, null, (o) => e(o)) : e(dt);
 }
-function lt(t) {
+function pt(t) {
   return b({ attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z" }, child: [] }] })(t);
 }
-function le(t) {
+function ve(t) {
   return b({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" }, child: [] }] })(t);
 }
-function ht(t) {
+function gt(t) {
   return b({ attr: { viewBox: "0 0 496 512" }, child: [{ tag: "path", attr: { d: "M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" }, child: [] }] })(t);
 }
-function he(t) {
+function be(t) {
   return b({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" }, child: [] }] })(t);
 }
-function de(t) {
+function _e(t) {
   return b({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" }, child: [] }] })(t);
 }
-function dt(t) {
+function mt(t) {
   return b({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M290.7 311L95 269.7 86.8 309l195.7 41zm51-87L188.2 95.7l-25.5 30.8 153.5 128.3zm-31.2 39.7L129.2 179l-16.7 36.5L293.7 300zM262 32l-32 24 119.3 160.3 32-24zm20.5 328h-200v39.7h200zm39.7 80H42.7V320h-40v160h359.5V320h-40z" }, child: [] }] })(t);
 }
-function ut(t) {
+function wt(t) {
   return b({ attr: { viewBox: "0 0 576 512" }, child: [{ tag: "path", attr: { d: "M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" }, child: [] }] })(t);
 }
-function ue(t) {
+function ye(t) {
   return b({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" }, child: [] }] })(t);
 }
-const pe = "_footer_izwsw_321", ge = "_top_izwsw_343", we = "_highcharts_izwsw_349", me = "_logo_izwsw_358", fe = "_youtube_izwsw_372", ve = "_youtubeOverlay_izwsw_442", be = "_youtubeContent_izwsw_454", ye = "_notCharts_izwsw_471", _e = "_newsletter_izwsw_504", Ce = "_discord_izwsw_561", De = "_discordPlus_izwsw_570", Pe = "_discordJoin_izwsw_574", Ne = "_discordMembers_izwsw_578", Oe = "_discordContent_izwsw_601", xe = "_discordAvatars_izwsw_618", ze = "_help_izwsw_649", Se = "_helpWays_izwsw_657", Me = "_helpItem_izwsw_670", Re = "_helpContent_izwsw_675", Ee = "_helpBall_izwsw_678", Ae = "_links_izwsw_717", Ie = "_tagged_izwsw_747", Le = "_norway_izwsw_751", Te = "_bottom_izwsw_761", je = "_bottomLinks_izwsw_771", ke = "_tabletBottomLeft_izwsw_779", Fe = "_socials_izwsw_785", c = {
-  footer: pe,
-  top: ge,
-  highcharts: we,
-  logo: me,
-  youtube: fe,
-  youtubeOverlay: ve,
-  youtubeContent: be,
-  notCharts: ye,
-  newsletter: _e,
-  discord: Ce,
-  discordPlus: De,
-  discordJoin: Pe,
-  discordMembers: Ne,
-  discordContent: Oe,
-  discordAvatars: xe,
-  help: ze,
-  helpWays: Se,
-  helpItem: Me,
-  helpContent: Re,
-  helpBall: Ee,
-  links: Ae,
-  tagged: Ie,
-  norway: Le,
-  bottom: Te,
-  bottomLinks: je,
-  tabletBottomLeft: ke,
-  socials: Fe
+const Ce = "_footer_ajhpj_321", je = "_top_ajhpj_343", De = "_highcharts_ajhpj_349", Ne = "_logo_ajhpj_358", Pe = "_youtube_ajhpj_372", Oe = "_youtubeOverlay_ajhpj_442", Se = "_youtubeContent_ajhpj_454", xe = "_notCharts_ajhpj_471", Me = "_newsletter_ajhpj_504", Ae = "_error_ajhpj_540", Ee = "_discord_ajhpj_576", Re = "_discordPlus_ajhpj_585", Ie = "_discordJoin_ajhpj_589", Le = "_discordMembers_ajhpj_593", ke = "_discordContent_ajhpj_616", Te = "_discordAvatars_ajhpj_633", ze = "_discordAvatarStatus_ajhpj_660", Fe = "_online_ajhpj_671", We = "_help_ajhpj_685", Be = "_helpWays_ajhpj_694", He = "_helpItem_ajhpj_707", Ve = "_helpBall_ajhpj_720", Ge = "_helpContent_ajhpj_737", $e = "_links_ajhpj_755", Je = "_tagged_ajhpj_785", Ye = "_norway_ajhpj_789", qe = "_bottom_ajhpj_799", Ue = "_bottomLinks_ajhpj_809", Ke = "_tabletBottomLeft_ajhpj_818", Xe = "_socials_ajhpj_824", c = {
+  footer: Ce,
+  top: je,
+  highcharts: De,
+  logo: Ne,
+  youtube: Pe,
+  youtubeOverlay: Oe,
+  youtubeContent: Se,
+  notCharts: xe,
+  newsletter: Me,
+  error: Ae,
+  discord: Ee,
+  discordPlus: Re,
+  discordJoin: Ie,
+  discordMembers: Le,
+  discordContent: ke,
+  discordAvatars: Te,
+  discordAvatarStatus: ze,
+  online: Fe,
+  help: We,
+  helpWays: Be,
+  helpItem: He,
+  helpBall: Ve,
+  helpContent: Ge,
+  links: $e,
+  tagged: Je,
+  norway: Ye,
+  bottom: qe,
+  bottomLinks: Ue,
+  tabletBottomLeft: Ke,
+  socials: Xe
 };
-function S(t, e) {
+function x(t, e) {
   return e ? t.replace(e, "") : t;
 }
-const We = [
+const Ze = [
   {
-    icon: /* @__PURE__ */ r(Lt, {}),
+    icon: /* @__PURE__ */ r(Gt, {}),
     subtitle: "Ask tech and sales questions with",
     title: "Highcharts GPT",
     url: "https://www.highcharts.com/chat/gpt/"
   },
   {
-    icon: /* @__PURE__ */ r(dt, {}),
+    icon: /* @__PURE__ */ r(mt, {}),
     subtitle: "Search answers on",
     title: "StackOverflow",
     url: "https://stackoverflow.com/questions/tagged/highcharts"
   },
   {
-    icon: /* @__PURE__ */ r(ht, {}),
+    icon: /* @__PURE__ */ r(gt, {}),
     subtitle: "Report issues on",
     title: "GitHub",
     url: "https://github.com/highcharts/highcharts/issues"
   },
   {
-    icon: /* @__PURE__ */ r(It, {}),
+    icon: /* @__PURE__ */ r(Vt, {}),
     subtitle: "Contact sales about",
     title: "Licensing Options",
     url: "https://shop.highcharts.com/contact"
   }
-], Be = {
+], Qe = {
   Products: [
     {
       title: "Core",
@@ -710,61 +729,61 @@ const We = [
       url: "https://www.highcharts.com/chat/gpt/"
     }
   ]
-}, He = [
+}, tr = [
   {
-    icon: /* @__PURE__ */ r(dt, {}),
+    icon: /* @__PURE__ */ r(mt, {}),
     url: "https://stackoverflow.com/questions/tagged/highcharts",
     label: "StackOverlow"
   },
   {
-    icon: /* @__PURE__ */ r(ht, {}),
+    icon: /* @__PURE__ */ r(gt, {}),
     url: "https://github.com/highcharts/highcharts",
     label: "GitHub"
   },
   {
-    icon: /* @__PURE__ */ r(ue, {}),
+    icon: /* @__PURE__ */ r(ye, {}),
     url: "https://twitter.com/Highcharts",
     label: "X"
   },
   {
-    icon: /* @__PURE__ */ r(le, {}),
+    icon: /* @__PURE__ */ r(ve, {}),
     url: "https://www.facebook.com/Highcharts",
     label: "Facebook"
   },
   {
-    icon: /* @__PURE__ */ r(he, {}),
+    icon: /* @__PURE__ */ r(be, {}),
     url: "https://www.instagram.com/highcharts",
     label: "Instagram"
   },
   {
-    icon: /* @__PURE__ */ r(de, {}),
+    icon: /* @__PURE__ */ r(_e, {}),
     url: "https://www.linkedin.com/company/highsoft",
     label: "LinkedIn"
   },
   {
-    icon: /* @__PURE__ */ r(lt, {}),
+    icon: /* @__PURE__ */ r(pt, {}),
     url: "https://www.highcharts.com/highcharts-discord/",
     label: "Discord"
   },
   {
-    icon: /* @__PURE__ */ r(ut, {}),
+    icon: /* @__PURE__ */ r(wt, {}),
     url: "https://www.youtube.com/channel/UCzxXofPTQ0DoT7uIy3Fxw7A",
     label: "Youtube"
   }
 ];
-function Ve() {
-  const [t, e] = Et(), o = "npm install highcharts --save";
-  return /* @__PURE__ */ a($, { variant: "neutral", onClick: () => t(o), children: [
+function er() {
+  const [t, e] = Wt(), o = "npm install highcharts --save";
+  return /* @__PURE__ */ s(U, { variant: "neutral", onClick: () => t(o), children: [
     o,
-    e ? /* @__PURE__ */ r(xt, {}) : /* @__PURE__ */ r(At, {})
+    e ? /* @__PURE__ */ r(kt, {}) : /* @__PURE__ */ r(Ht, {})
   ] });
 }
-function or({
+function mr({
   link: t = "a",
   host: e = "https://www.highcharts.com"
 }) {
-  const o = gt(null), [i, s] = B(0), [n, d] = B(), h = H("(max-width: 849px)"), u = H("(min-width: 850px) and (max-width: 999px)");
-  wt(() => {
+  const o = jt(null), [a, i] = O(!1), [n, d] = O(!1), [h, u] = O(""), [C, N] = O(0), [L, ft] = O(), vt = J("(max-width: 849px)"), bt = J("(min-width: 850px) and (max-width: 999px)");
+  Dt(() => {
     if (o.current) {
       const p = async () => {
         try {
@@ -774,72 +793,76 @@ function or({
         } catch {
           return 0;
         }
-      }, f = async () => {
+      }, v = async () => {
         try {
-          const m = await (await fetch(
+          const f = await (await fetch(
             "https://discord.com/api/guilds/1318933807059042305/widget.json"
           )).json() || {};
-          return m.members = m.members || [], m;
+          return f.members = f.members || [], f;
         } catch {
         }
-      }, v = new IntersectionObserver(
+      }, g = new IntersectionObserver(
         async (w) => {
           if (w[0].isIntersecting) {
-            v.disconnect();
-            const [m, N] = await Promise.all([
+            g.disconnect();
+            const [f, P] = await Promise.all([
               p(),
-              f()
+              v()
             ]);
-            s(m), d(N);
+            N(f), ft(P);
           }
         },
         { rootMargin: "100px" }
       );
-      return v.observe(o.current), () => v.disconnect();
+      return g.observe(o.current), () => g.disconnect();
     }
   }, [o.current]);
-  const P = (p) => {
-    p.preventDefault();
-  }, C = /* @__PURE__ */ a(O, { children: [
-    /* @__PURE__ */ a("span", { children: [
+  const V = h && h !== "Something went wrong", _t = (p) => {
+    V && p.target.value === "foo" && u("");
+  }, yt = (p) => {
+    p.preventDefault(), !(n || V) && (u(""), i(!0), setTimeout(() => {
+      Math.random() > 0.5 ? d(!0) : u("Something went wrong"), i(!1);
+    }, 1e3));
+  }, G = /* @__PURE__ */ s(j, { children: [
+    /* @__PURE__ */ s("span", { children: [
       "© ",
       (/* @__PURE__ */ new Date()).getFullYear(),
       " Highsoft. All rights reserved."
     ] }),
-    /* @__PURE__ */ a("div", { className: c.bottomLinks, children: [
+    /* @__PURE__ */ s("div", { className: c.bottomLinks, children: [
       /* @__PURE__ */ r(t, { href: "#", children: "Privacy & Legal Policies" }),
       /* @__PURE__ */ r(t, { href: "#", children: "Accessibility Statement" }),
       /* @__PURE__ */ r(t, { href: "#", children: "Sitemap" })
     ] })
-  ] }), z = /* @__PURE__ */ r("ul", { className: c.socials, children: He.map(({ icon: p, url: f, label: v }, w) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("a", { href: f, "aria-label": v, children: p }) }, w)) });
-  return /* @__PURE__ */ a(St, { as: "footer", className: c.footer, children: [
-    /* @__PURE__ */ a("div", { className: c.top, children: [
-      /* @__PURE__ */ a("div", { className: c.highcharts, children: [
+  ] }), $ = /* @__PURE__ */ r("ul", { className: c.socials, children: tr.map(({ icon: p, url: v, label: g }, w) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("a", { href: v, "aria-label": g, children: p }) }, w)) });
+  return /* @__PURE__ */ s(Tt, { as: "footer", className: c.footer, children: [
+    /* @__PURE__ */ s("div", { className: c.top, children: [
+      /* @__PURE__ */ s("div", { className: c.highcharts, children: [
         /* @__PURE__ */ r(
           t,
           {
             className: c.logo,
-            href: S("https://www.highcharts.com/", e),
-            children: /* @__PURE__ */ r(Mt, {})
+            href: x("https://www.highcharts.com/", e),
+            children: /* @__PURE__ */ r(zt, {})
           }
         ),
         /* @__PURE__ */ r("p", { children: "We make it easy for developers to create charts and dashboards for web and mobile platforms." }),
-        /* @__PURE__ */ r(Ve, {})
+        /* @__PURE__ */ r(er, {})
       ] }),
-      /* @__PURE__ */ a(Kt, { children: [
-        /* @__PURE__ */ r(Xt, { asChild: !0, children: /* @__PURE__ */ a("button", { className: c.youtube, children: [
-          /* @__PURE__ */ r(ut, {}),
+      /* @__PURE__ */ s(ne, { children: [
+        /* @__PURE__ */ r(ie, { asChild: !0, children: /* @__PURE__ */ s("button", { className: c.youtube, children: [
+          /* @__PURE__ */ r(wt, {}),
           /* @__PURE__ */ r("p", { children: "Meet the team behind the charts" })
         ] }) }),
-        /* @__PURE__ */ a(Zt, { children: [
-          /* @__PURE__ */ r(Qt, { className: c.youtubeOverlay }),
-          /* @__PURE__ */ a(
-            te,
+        /* @__PURE__ */ s(se, { children: [
+          /* @__PURE__ */ r(ce, { className: c.youtubeOverlay }),
+          /* @__PURE__ */ s(
+            le,
             {
               className: c.youtubeContent,
               "aria-describedby": void 0,
               children: [
-                /* @__PURE__ */ r(kt, { asChild: !0, children: /* @__PURE__ */ r(ee, { children: "Video: Meet the team behind the charts" }) }),
+                /* @__PURE__ */ r(Yt, { asChild: !0, children: /* @__PURE__ */ r(he, { children: "Video: Meet the team behind the charts" }) }),
                 /* @__PURE__ */ r(
                   "iframe",
                   {
@@ -855,48 +878,76 @@ function or({
           )
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { className: c.notCharts, children: [
-        /* @__PURE__ */ a("div", { className: c.newsletter, children: [
-          /* @__PURE__ */ a("h2", { children: [
-            /* @__PURE__ */ r(mt, {}),
+      /* @__PURE__ */ s("div", { className: c.notCharts, children: [
+        /* @__PURE__ */ s("div", { className: c.newsletter, children: [
+          /* @__PURE__ */ s("h2", { children: [
+            /* @__PURE__ */ r(Nt, {}),
             "Stay in the Loop"
           ] }),
-          /* @__PURE__ */ a("form", { onSubmit: P, children: [
-            /* @__PURE__ */ r("input", { placeholder: "Email address" }),
-            /* @__PURE__ */ r($, { variant: "brand", children: "Sign up" })
+          /* @__PURE__ */ s("form", { onSubmit: yt, children: [
+            /* @__PURE__ */ r(
+              "input",
+              {
+                className: T({ [c.error]: h }),
+                placeholder: "Email address",
+                disabled: n,
+                onChange: _t
+              }
+            ),
+            /* @__PURE__ */ r(
+              U,
+              {
+                variant: n ? "success" : h ? "danger" : "brand",
+                loading: a,
+                children: n ? /* @__PURE__ */ s(j, { children: [
+                  /* @__PURE__ */ r(Bt, {}),
+                  "You're in"
+                ] }) : "Sign up"
+              }
+            )
           ] }),
-          /* @__PURE__ */ a("p", { children: [
+          /* @__PURE__ */ s("p", { children: [
             "By signing up, you agree to the",
             " ",
-            /* @__PURE__ */ r(t, { href: S("https://www.highcharts.com/", e), children: "Privacy Policy" })
+            /* @__PURE__ */ r(t, { href: x("https://www.highcharts.com/", e), children: "Privacy Policy" })
           ] })
         ] }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s(
           "a",
           {
             className: c.discord,
             href: "https://discord.com/invite/xHxxcyyy6K",
             ref: o,
             children: [
-              /* @__PURE__ */ a("h2", { children: [
-                /* @__PURE__ */ r(lt, {}),
+              /* @__PURE__ */ s("h2", { children: [
+                /* @__PURE__ */ r(pt, {}),
                 "Discord ",
                 /* @__PURE__ */ r("span", { children: "/ Total" })
               ] }),
-              /* @__PURE__ */ a("p", { className: c.discordContent, children: [
+              /* @__PURE__ */ s("p", { className: c.discordContent, children: [
                 /* @__PURE__ */ r("span", { className: c.discordJoin, children: "Join us" }),
                 " ",
-                !!i && /* @__PURE__ */ a("span", { className: c.discordMembers, children: [
-                  i,
+                !!C && /* @__PURE__ */ s("span", { className: c.discordMembers, children: [
+                  C,
                   " members"
                 ] })
               ] }),
-              /* @__PURE__ */ a("ul", { className: c.discordAvatars, children: [
-                n?.members.slice(0, 5).map(
+              /* @__PURE__ */ s("ul", { className: c.discordAvatars, children: [
+                L?.members.slice(0, 5).map(
                   ({
-                    //status,
-                    avatar_url: p
-                  }, f) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("img", { src: p }) }, f)
+                    status: p,
+                    avatar_url: v
+                  }, g) => /* @__PURE__ */ s("li", { children: [
+                    /* @__PURE__ */ r("img", { src: v }),
+                    /* @__PURE__ */ r(
+                      "span",
+                      {
+                        className: T(c.discordAvatarStatus, {
+                          [c.online]: p === "online"
+                        })
+                      }
+                    )
+                  ] }, g)
                 ),
                 /* @__PURE__ */ r("li", { className: c.discordPlus, children: "+" })
               ] })
@@ -905,46 +956,46 @@ function or({
         )
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: c.help, children: [
-      /* @__PURE__ */ a("div", { className: c.helpWays, children: [
+    /* @__PURE__ */ s("div", { className: c.help, children: [
+      /* @__PURE__ */ s("div", { className: c.helpWays, children: [
         /* @__PURE__ */ r("span", { children: "Ways to get help" }),
-        /* @__PURE__ */ a("p", { children: [
+        /* @__PURE__ */ s("p", { children: [
           "We operate in CET",
-          h ? " " : /* @__PURE__ */ r("br", {}),
+          vt ? " " : /* @__PURE__ */ r("br", {}),
           "Monday - Friday"
         ] })
       ] }),
-      We.map(({ icon: p, subtitle: f, title: v, url: w }, m) => /* @__PURE__ */ a(
+      Ze.map(({ icon: p, subtitle: v, title: g, url: w }, f) => /* @__PURE__ */ s(
         t,
         {
-          href: S(w, e),
+          href: x(w, e),
           className: c.helpItem,
           children: [
             /* @__PURE__ */ r("div", { className: c.helpBall, children: p }),
-            /* @__PURE__ */ a("div", { className: c.helpContent, children: [
-              /* @__PURE__ */ r("span", { children: f }),
-              /* @__PURE__ */ r("span", { children: v })
+            /* @__PURE__ */ s("div", { className: c.helpContent, children: [
+              /* @__PURE__ */ r("span", { children: v }),
+              /* @__PURE__ */ r("span", { children: g })
             ] })
           ]
         },
-        m
+        f
       ))
     ] }),
-    /* @__PURE__ */ a("div", { className: c.links, children: [
-      Object.entries(Be).map(([p, f], v) => /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ s("div", { className: c.links, children: [
+      Object.entries(Qe).map(([p, v], g) => /* @__PURE__ */ s("div", { children: [
         /* @__PURE__ */ r("h2", { children: p }),
-        /* @__PURE__ */ r("ul", { children: f.map(({ title: w, url: m, tag: N }, pt) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ a(
+        /* @__PURE__ */ r("ul", { children: v.map(({ title: w, url: f, tag: P }, Ct) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ s(
           t,
           {
-            href: S(m, e),
-            className: zt({ [c.tagged]: N }),
+            href: x(f, e),
+            className: T({ [c.tagged]: P }),
             children: [
-              N ? /* @__PURE__ */ r("span", { children: w }) : w,
-              N && /* @__PURE__ */ r(Rt, { variant: "brand", icon: !1, border: !0 })
+              P ? /* @__PURE__ */ r("span", { children: w }) : w,
+              P && /* @__PURE__ */ r(Ft, { variant: "brand", icon: !1, border: !0 })
             ]
           }
-        ) }, pt)) })
-      ] }, v)),
+        ) }, Ct)) })
+      ] }, g)),
       /* @__PURE__ */ r("div", { className: c.norway, children: /* @__PURE__ */ r(
         "img",
         {
@@ -953,15 +1004,15 @@ function or({
         }
       ) })
     ] }),
-    /* @__PURE__ */ r("div", { className: c.bottom, children: u ? /* @__PURE__ */ a(O, { children: [
-      /* @__PURE__ */ r("div", { className: c.tabletBottomLeft, children: C }),
-      z
-    ] }) : /* @__PURE__ */ a(O, { children: [
-      C,
-      z
+    /* @__PURE__ */ r("div", { className: c.bottom, children: bt ? /* @__PURE__ */ s(j, { children: [
+      /* @__PURE__ */ r("div", { className: c.tabletBottomLeft, children: G }),
+      $
+    ] }) : /* @__PURE__ */ s(j, { children: [
+      G,
+      $
     ] }) })
   ] });
 }
 export {
-  or as Footer
+  mr as Footer
 };