highsoft-ui 1.0.68 → 1.0.70

package/dist/components/Footer/index.js

@@ -98,7 +98,7 @@ var Ht = function(e) {
   )
 );
 Q.displayName = qt;
-var Zt = Q, k = "Dialog", [X, yr] = Et(k), [Kt, w] = X(k), tt = (t) => {
+var Zt = Q, k = "Dialog", [X] = Et(k), [Kt, w] = X(k), tt = (t) => {
   const {
     __scopeDialog: e,
     children: o,
@@ -300,7 +300,7 @@ ne.displayName = ht;
 function B(t) {
   return t ? "open" : "closed";
 }
-var dt = "DialogTitleWarning", [Cr, ut] = Tt(dt, {
+var dt = "DialogTitleWarning", [yr, ut] = Tt(dt, {
   contentName: _,
   titleName: W,
   docsSlug: "dialog"
@@ -782,7 +782,7 @@ function ar() {
     e ? /* @__PURE__ */ r(jt, {}) : /* @__PURE__ */ r(Ht, {})
   ] });
 }
-function _r({
+function Cr({
   link: t = "a",
   host: e = "https://www.highcharts.com"
 }) {
@@ -1067,5 +1067,5 @@ function _r({
   ] });
 }
 export {
-  _r as Footer
+  Cr as Footer
 };

package/dist/components/Header/index.js

@@ -1,15 +1,16 @@
-import { jsx as e, jsxs as r, Fragment as V } from "react/jsx-runtime";
-import { useState as S, useEffect as U } from "react";
-import { a as q, J as z } from "../../utils-C7rfowvr.js";
-import { A } from "../../Announcement03-obPaH4LK.js";
+import { jsx as e, jsxs as o, Fragment as V } from "react/jsx-runtime";
+import { useState as q, 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 m } from "../../extends-hS2Bh-Yp.js";
-import { N as E, X as J } from "../../index-pnL-sAld.js";
-import { c as g } from "../../clsx-OuTLNxxd.js";
+import { N as J, X as U } from "../../index-pnL-sAld.js";
+import { c as v } from "../../clsx-OuTLNxxd.js";
 import { Button as h } from "../Button/index.js";
 import { Container as W } from "../Container/index.js";
-import { ThemedLogo as Q } from "../Logo/index.js";
-import { PrefPanel as M } from "../PrefPanel/index.js";
-var G = function(n) {
+import { ThemedLogo as M } from "../Logo/index.js";
+import { NewTag as G } from "../NewTag/index.js";
+import { PrefPanel as Q } from "../PrefPanel/index.js";
+var F = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -25,7 +26,7 @@ var G = function(n) {
       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"
     })
   }));
-}, F = function(n) {
+}, D = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -41,7 +42,7 @@ var G = 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"
     })
   }));
-}, D = function(n) {
+}, K = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -57,7 +58,7 @@ var G = 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"
     })
   }));
-}, K = function(n) {
+}, R = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -73,7 +74,7 @@ var G = function(n) {
       d: "M3 12h12M3 6h18M3 18h18"
     })
   }));
-}, R = function(n) {
+}, X = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -89,7 +90,7 @@ var G = 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"
     })
   }));
-}, X = function(n) {
+}, $ = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -121,7 +122,7 @@ var G = 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"
     })
   }));
-}, T = function(n) {
+}, y = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -137,7 +138,7 @@ var G = 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"
     })
   }));
-}, y = function(n) {
+}, T = function(n) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -170,109 +171,96 @@ var G = function(n) {
     })
   }));
 };
-const $ = "m_QBtq_buttons", Y = "m_QBtq_container", Z = "m_QBtq_gpt", ee = "m_QBtq_header", te = "m_QBtq_icon", ne = "m_QBtq_icons", oe = "m_QBtq_links", re = "m_QBtq_logo", se = "m_QBtq_main", ie = "m_QBtq_menu", ae = "m_QBtq_mobile", ce = "m_QBtq_mobileOverlay", le = "m_QBtq_open", he = "m_QBtq_outer", de = "m_QBtq_selectableIcon", me = "m_QBtq_selected", ue = "m_QBtq_selectedIcon", pe = "m_QBtq_show", we = "m_QBtq_skip", ge = "m_QBtq_slideUp", ve = "m_QBtq_sub", fe = "m_QBtq_subContainer", ke = "m_QBtq_subTag", t = {
-  buttons: $,
-  container: Y,
-  gpt: Z,
-  header: ee,
-  icon: te,
-  icons: ne,
+const Y = "m_QBtq_buttons", Z = "m_QBtq_container", ee = "m_QBtq_gpt", te = "m_QBtq_header", ne = "m_QBtq_icon", re = "m_QBtq_icons", oe = "m_QBtq_links", se = "m_QBtq_logo", ie = "m_QBtq_main", ae = "m_QBtq_menu", ce = "m_QBtq_mobile", le = "m_QBtq_mobileOverlay", he = "m_QBtq_open", de = "m_QBtq_outer", me = "m_QBtq_selectableIcon", ue = "m_QBtq_selected", pe = "m_QBtq_selectedIcon", we = "m_QBtq_skip", ge = "m_QBtq_sub", ve = "m_QBtq_subContainer", fe = "m_QBtq_subTitle", t = {
+  buttons: Y,
+  container: Z,
+  gpt: ee,
+  header: te,
+  icon: ne,
+  icons: re,
   links: oe,
-  logo: re,
-  main: se,
-  menu: ie,
-  mobile: ae,
-  mobileOverlay: ce,
-  open: le,
-  outer: he,
-  selectableIcon: de,
-  selected: me,
-  selectedIcon: ue,
-  show: pe,
+  logo: se,
+  main: ie,
+  menu: ae,
+  mobile: ce,
+  mobileOverlay: le,
+  open: he,
+  outer: de,
+  selectableIcon: me,
+  selected: ue,
+  selectedIcon: pe,
   skip: we,
-  slideUp: ge,
-  sub: ve,
-  subContainer: fe,
-  subTag: ke,
-  "subTag-brand": "m_QBtq_subTag-brand",
-  "subTag-success": "m_QBtq_subTag-success"
+  sub: ge,
+  subContainer: ve,
+  subTitle: fe
 }, I = [
   {
     title: "Products",
     url: "https://www.highcharts.com/products/",
-    icon: /* @__PURE__ */ e(F, {})
+    icon: /* @__PURE__ */ e(D, {})
   },
   {
     title: "Demos",
     url: "https://www.highcharts.com/demo",
-    icon: /* @__PURE__ */ e(X, {})
+    icon: /* @__PURE__ */ e($, {})
   },
   {
     title: "Support",
     url: "https://www.highcharts.com/support/",
-    icon: /* @__PURE__ */ e(R, {})
+    icon: /* @__PURE__ */ e(X, {})
   },
   {
     title: "Resources",
     url: "https://www.highcharts.com/resources/",
-    icon: /* @__PURE__ */ e(D, {})
+    icon: /* @__PURE__ */ e(K, {})
   },
   {
     title: "Pricing",
     url: "https://shop.highcharts.com/",
-    icon: /* @__PURE__ */ e(G, {})
+    icon: /* @__PURE__ */ e(F, {})
   },
   {
     title: "Blog",
     url: "https://www.highcharts.com/blog/",
-    icon: /* @__PURE__ */ e(A, {})
+    icon: /* @__PURE__ */ e(E, {})
   }
 ];
 function d(s, n) {
   return n ? s.replace(n, "") : s;
 }
-function _e({
+function ke({
   items: s,
   link: n = "a",
   host: p = "https://www.highcharts.com",
   pathname: c = typeof window < "u" ? window.location.pathname : ""
 }) {
-  return /* @__PURE__ */ e("div", { className: g(t.sub, t.outer), children: /* @__PURE__ */ e(W, { className: t.subContainer, as: "ul", children: s.map(
-    ({ title: l, url: f, icon: k, selectedIcon: _, tag: b, tagVariant: u = "success" }, B) => {
-      const v = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(f, v), C = w.origin === v && w.pathname === c;
-      return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ e("div", { className: v(t.sub, t.outer), children: /* @__PURE__ */ e(W, { className: t.subContainer, as: "ul", children: s.map(
+    ({ title: l, url: f, icon: k, selectedIcon: C, tag: _, tagVariant: u = "success" }, x) => {
+      const g = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(f, g), b = w.origin === g && w.pathname === c;
+      return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
         n,
         {
           href: d(f, p),
-          className: g({
-            [t.selectableIcon]: _,
-            [t.selected]: C
+          className: v({
+            [t.selectableIcon]: C,
+            [t.selected]: b
           }),
           children: [
-            /* @__PURE__ */ r("span", { className: t.icons, children: [
-              /* @__PURE__ */ e("span", { className: t.selectedIcon, children: _ }),
+            /* @__PURE__ */ o("span", { className: t.icons, children: [
+              /* @__PURE__ */ e("span", { className: t.selectedIcon, children: C }),
               /* @__PURE__ */ e("span", { className: t.icon, children: k })
             ] }),
-            /* @__PURE__ */ r("span", { children: [
+            /* @__PURE__ */ o("span", { className: t.subTitle, children: [
               l,
-              b && /* @__PURE__ */ e(
-                "span",
-                {
-                  className: g(
-                    t.subTag,
-                    t[`subTag-${u}`]
-                  ),
-                  children: b
-                }
-              )
+              _ && /* @__PURE__ */ e(G, { variant: u, icon: !1 })
             ] })
           ]
         }
-      ) }, B);
+      ) }, x);
     }
   ) }) });
 }
-function ye({
+function Te({
   subItems: s,
   children: n,
   notifications: p = [],
@@ -281,12 +269,12 @@ function ye({
   host: l = "https://www.highcharts.com",
   pathname: f = typeof window < "u" ? window.location.pathname : ""
 }) {
-  const k = q("(max-width: 374px)"), _ = q("(max-width: 849px)"), b = q("(min-width: 850px) and (max-width: 999px)"), [u, B] = S(!1), [v, w] = S([]);
-  U(() => {
+  const k = N("(max-width: 374px)"), C = N("(max-width: 849px)"), _ = N("(min-width: 850px) and (max-width: 999px)"), [u, x] = q(!1), [g, w] = q([]);
+  z(() => {
     if (p.length) {
-      const o = localStorage.getItem("notifications");
-      if (o) {
-        const i = JSON.parse(o);
+      const r = localStorage.getItem("notifications");
+      if (r) {
+        const i = JSON.parse(r);
         w(
           p.filter(
             (a) => !a.id || !i.closed.includes(a.id)
@@ -296,42 +284,42 @@ function ye({
         w(p);
     }
   }, [p]);
-  const C = (o) => {
-    if (o.preventDefault(), !(o.nativeEvent instanceof KeyboardEvent) || o.nativeEvent.code === "Enter" || o.nativeEvent.code === "Space") {
+  const b = (r) => {
+    if (r.preventDefault(), !(r.nativeEvent instanceof KeyboardEvent) || r.nativeEvent.code === "Enter" || r.nativeEvent.code === "Space") {
       const i = document.querySelector("main");
       i && (i.scrollIntoView(), i.getAttribute("tabindex") !== "-1" && i.setAttribute("tabindex", "-1"), i.focus());
     }
-  }, N = () => {
-    B(!u);
-  }, j = (o) => {
-    w(v.filter((a) => !a.id || a.id !== o));
+  }, S = () => {
+    x(!u);
+  }, j = (r) => {
+    w(g.filter((a) => !a.id || a.id !== r));
     const i = localStorage.getItem("notifications");
     if (i) {
       const a = JSON.parse(i);
-      a.closed.includes(o) || (a.closed.push(o), localStorage.setItem("notifications", JSON.stringify(a)));
+      a.closed.includes(r) || (a.closed.push(r), localStorage.setItem("notifications", JSON.stringify(a)));
     } else
       localStorage.setItem(
         "notifications",
         JSON.stringify({
-          closed: [o]
+          closed: [r]
         })
       );
   };
-  return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r("header", { className: t.header, children: [
-    v?.map(
-      ({ id: o, title: i, description: a, variant: x, closable: O }, P) => /* @__PURE__ */ e(
-        E,
+  return /* @__PURE__ */ e(A, { children: /* @__PURE__ */ o("header", { className: t.header, children: [
+    g?.map(
+      ({ id: r, title: i, description: a, variant: B, closable: O }, P) => /* @__PURE__ */ e(
+        J,
         {
           description: a,
-          variant: x,
+          variant: B,
           closable: O,
-          onClose: () => j(o),
+          onClose: () => j(r),
           children: i
         },
         P
       )
     ),
-    /* @__PURE__ */ e("div", { className: g(t.main, t.outer), children: /* @__PURE__ */ r(W, { as: "nav", className: t.container, children: [
+    /* @__PURE__ */ e("div", { className: v(t.main, t.outer), children: /* @__PURE__ */ o(W, { as: "nav", className: t.container, children: [
       /* @__PURE__ */ e(
         h,
         {
@@ -339,8 +327,8 @@ function ye({
           className: t.skip,
           size: 500,
           tabIndex: "0",
-          onClick: C,
-          onKeyPress: C,
+          onClick: b,
+          onKeyPress: b,
           children: "Skip to content"
         }
       ),
@@ -349,21 +337,21 @@ function ye({
         {
           className: t.logo,
           href: d("https://www.highcharts.com/", l),
-          children: /* @__PURE__ */ e(Q, { showText: !b && !k })
+          children: /* @__PURE__ */ e(M, { showText: !_ && !k })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: t.links, children: I.map(({ title: o, url: i }, a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: t.links, children: I.map(({ title: r, url: i }, a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         h,
         {
           variant: "plain",
           size: 300,
           as: c,
           href: d(i, l),
-          children: o
+          children: r
         }
       ) }, a)) }),
-      /* @__PURE__ */ r("div", { className: t.buttons, children: [
-        /* @__PURE__ */ r(
+      /* @__PURE__ */ o("div", { className: t.buttons, children: [
+        /* @__PURE__ */ o(
           h,
           {
             variant: "transparent",
@@ -374,12 +362,12 @@ function ye({
             ),
             children: [
               /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-              /* @__PURE__ */ e(T, {})
+              /* @__PURE__ */ e(y, {})
             ]
           }
         ),
         /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(L, {}) }),
-        /* @__PURE__ */ e(M, {}),
+        /* @__PURE__ */ e(Q, {}),
         /* @__PURE__ */ e(
           h,
           {
@@ -390,7 +378,7 @@ function ye({
             children: /* @__PURE__ */ e(H, {})
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ o(
           h,
           {
             variant: "success",
@@ -400,27 +388,27 @@ function ye({
               l
             ),
             children: [
-              /* @__PURE__ */ e(y, {}),
+              /* @__PURE__ */ e(T, {}),
               "Get started"
             ]
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ o(
           h,
           {
             variant: u ? "white" : "transparent",
             className: t.menu,
-            onClick: N,
+            onClick: S,
             children: [
               u ? "Close" : "Menu",
-              u ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(K, {})
+              u ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ e(R, {})
             ]
           }
         )
       ] })
     ] }) }),
     !!s?.length && /* @__PURE__ */ e(
-      _e,
+      ke,
       {
         items: s,
         link: c,
@@ -429,32 +417,32 @@ function ye({
       }
     ),
     n,
-    _ && /* @__PURE__ */ r(V, { children: [
+    C && /* @__PURE__ */ o(V, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: g(t.mobileOverlay, { [t.open]: u }),
-          onClick: N
+          className: v(t.mobileOverlay, { [t.open]: u }),
+          onClick: S
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         "nav",
         {
-          className: g(t.mobile, {
+          className: v(t.mobile, {
             [t.open]: u
           }),
           children: [
-            /* @__PURE__ */ r("div", { className: t.container, children: [
+            /* @__PURE__ */ o("div", { className: t.container, children: [
               /* @__PURE__ */ e(
                 c,
                 {
                   className: t.logo,
                   href: d("https://www.highcharts.com/", l),
-                  children: /* @__PURE__ */ e(Q, { showText: !k })
+                  children: /* @__PURE__ */ e(M, { showText: !k })
                 }
               ),
-              /* @__PURE__ */ r("div", { className: t.buttons, children: [
-                /* @__PURE__ */ r(
+              /* @__PURE__ */ o("div", { className: t.buttons, children: [
+                /* @__PURE__ */ o(
                   h,
                   {
                     variant: "transparent",
@@ -465,16 +453,16 @@ function ye({
                     ),
                     children: [
                       /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-                      /* @__PURE__ */ e(T, {})
+                      /* @__PURE__ */ e(y, {})
                     ]
                   }
                 ),
                 /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(L, {}) }),
-                /* @__PURE__ */ e(M, {})
+                /* @__PURE__ */ e(Q, {})
               ] })
             ] }),
-            /* @__PURE__ */ r("div", { className: t.buttons, children: [
-              /* @__PURE__ */ r(
+            /* @__PURE__ */ o("div", { className: t.buttons, children: [
+              /* @__PURE__ */ o(
                 h,
                 {
                   variant: "brand",
@@ -490,7 +478,7 @@ function ye({
                   ]
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ o(
                 h,
                 {
                   variant: "success",
@@ -501,13 +489,13 @@ function ye({
                     l
                   ),
                   children: [
-                    /* @__PURE__ */ e(y, {}),
+                    /* @__PURE__ */ e(T, {}),
                     "Get started"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: t.links, children: I.map(({ title: o, url: i, icon: a }, x) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ e("ul", { className: t.links, children: I.map(({ title: r, url: i, icon: a }, B) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
               h,
               {
                 variant: "plain",
@@ -517,10 +505,10 @@ function ye({
                 href: d(i, l),
                 children: [
                   a,
-                  o
+                  r
                 ]
               }
-            ) }, x)) })
+            ) }, B)) })
           ]
         }
       )
@@ -528,6 +516,6 @@ function ye({
   ] }) });
 }
 export {
-  ye as Header,
-  _e as SubHeader
+  Te as Header,
+  ke as SubHeader
 };

package/dist/components/PrefPanel/index.js

@@ -1616,7 +1616,7 @@ function Oe(t) {
   const [e, n = "center"] = t.split("-");
   return [e, n];
 }
-var Fo = ye, Se = Ae, $o = Pe, Wo = Re, Ot = "Popover", [Ee, ur] = oe(Ot, [
+var Fo = ye, Se = Ae, $o = Pe, Wo = Re, Ot = "Popover", [Ee] = oe(Ot, [
   ve
 ]), dt = ve(), [Ho, Z] = Ee(Ot), ke = (t) => {
   const {
@@ -1849,7 +1849,7 @@ function kt({ children: t, id: e, ...n }) {
     ] })
   ] });
 }
-function dr() {
+function ur() {
   const { theme: t, systemTheme: e, setTheme: n } = Qe(), o = qe();
   return /* @__PURE__ */ q(Qo, { children: [
     /* @__PURE__ */ w(Go, { asChild: !0, children: /* @__PURE__ */ q(fn, { variant: "transparent", "aria-label": "Preferences", children: [
@@ -1911,6 +1911,6 @@ function dr() {
   ] });
 }
 export {
-  dr as PrefPanel,
+  ur as PrefPanel,
   kt as PrefRadio
 };