highsoft-ui 1.0.160 → 1.0.162

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/CLAUDE.md +111 -4
  2. package/dist/{BrowserFrame-BUneieY7.js → BrowserFrame-D-DoBOXv.js} +2 -2
  3. package/dist/{Button-CjxX21gW.js → Button-BCbWIPg1.js} +1 -1
  4. package/dist/{ButtonGroup-DanFXfXA.js → ButtonGroup-DGEDf4ic.js} +1 -1
  5. package/dist/{Checkbox-BkxibNey.js → Checkbox-CO0SRaAZ.js} +1 -1
  6. package/dist/{CodeBlock-BkSyiiCb.js → CodeBlock-Ugik4xMM.js} +4 -4
  7. package/dist/{CookiePolicyModal-9p_OGcpB.js → CookiePolicyModal-TdrVbP_E.js} +2 -2
  8. package/dist/{CopyCode-90z6BfV0.js → CopyCode-_sKjpGqB.js} +2 -2
  9. package/dist/{Dropdown-8bjCO1Lx.js → Dropdown-LiG-JAoo.js} +267 -234
  10. package/dist/{Footer-DVZIe2ax.js → Footer-DzIGLnEz.js} +8 -8
  11. package/dist/{FooterBottom-BV9xJbRt.js → FooterBottom-CRe2Mvjd.js} +1 -1
  12. package/dist/{FooterHelp-Dlnj0dUF.js → FooterHelp-CTSvficW.js} +1 -1
  13. package/dist/{FooterLinks-BAdqoexV.js → FooterLinks-BoDdQUWb.js} +2 -2
  14. package/dist/{Header-Dsji2l2m.js → Header-CTO6Y6oH.js} +26 -26
  15. package/dist/{InputGrouped-BUJKBG0D.js → InputGrouped-y0JyshpR.js} +13 -13
  16. package/dist/{Label-DgPVoDMR.js → Label-k6e4Rqb-.js} +1 -1
  17. package/dist/{LogoCarousel-DEvwvCfr.js → LogoCarousel-pRYdmphl.js} +2 -2
  18. package/dist/{NewsletterSignup-BP3AxNHH.js → NewsletterSignup-BrmQ7pXZ.js} +4 -4
  19. package/dist/{Notification-D0ow_x0-.js → Notification-BFLAktZo.js} +34 -32
  20. package/dist/{PrefPanel-B4MyeLGu.js → PrefPanel-CHkc6r6b.js} +9 -9
  21. package/dist/{RoadmapDetails-CATh63TE.js → RoadmapDetails-BWt0J4Pn.js} +2 -2
  22. package/dist/{Search-T4R860vH.js → Search-D29JM1a_.js} +7 -7
  23. package/dist/{SearchDropdown-fcfDUjOp.js → SearchDropdown-BSUAlaMY.js} +1 -1
  24. package/dist/{VideoCover-BXIkxFuT.js → VideoCover-C18NhQcY.js} +1 -1
  25. package/dist/{VideoPlayer-BB8jVMa5.js → VideoPlayer-UM4M4C5b.js} +4 -4
  26. package/dist/{VideoPlayerModal-fnAUwVMI.js → VideoPlayerModal-IRwjMLoy.js} +2 -2
  27. package/dist/{YoutubeModal-C3rfaDki.js → YoutubeModal-BOnH866s.js} +2 -2
  28. package/dist/components/BrowserFrame/index.js +1 -1
  29. package/dist/components/Button/index.js +1 -1
  30. package/dist/components/ButtonGroup/index.js +1 -1
  31. package/dist/components/Checkbox/index.js +1 -1
  32. package/dist/components/CodeBlock/index.js +1 -1
  33. package/dist/components/CopyCode/index.js +1 -1
  34. package/dist/components/Dropdown/index.js +1 -1
  35. package/dist/components/Footer/CookiePolicyModal.js +1 -1
  36. package/dist/components/Footer/FooterBottom.js +1 -1
  37. package/dist/components/Footer/FooterHelp.js +1 -1
  38. package/dist/components/Footer/FooterLinks.js +1 -1
  39. package/dist/components/Footer/YoutubeModal.js +1 -1
  40. package/dist/components/Footer/index.js +1 -1
  41. package/dist/components/Header/index.js +1 -1
  42. package/dist/components/InputGrouped/index.js +1 -1
  43. package/dist/components/Label/index.js +1 -1
  44. package/dist/components/LogoCarousel/index.js +1 -1
  45. package/dist/components/Modal/ModalContactFooter.js +2 -2
  46. package/dist/components/Modal/index.js +2 -2
  47. package/dist/components/NewsletterSignup/index.js +1 -1
  48. package/dist/components/Notification/index.js +1 -1
  49. package/dist/components/PrefPanel/index.js +1 -1
  50. package/dist/components/RoadmapDetails/index.js +1 -1
  51. package/dist/components/Search/index.js +1 -1
  52. package/dist/components/SearchDropdown/index.js +1 -1
  53. package/dist/components/Sidebar/NavDisclosure.js +2 -2
  54. package/dist/components/Sidebar/NavGroup.js +21 -37
  55. package/dist/components/Sidebar/NavItem.js +26 -19
  56. package/dist/components/Sidebar/Sidebar.js +97 -69
  57. package/dist/components/Sidebar/SidebarLayout.js +2 -2
  58. package/dist/components/Sidebar/SidebarResizer.js +1 -1
  59. package/dist/components/Sidebar/SidebarSwitcher.js +48 -0
  60. package/dist/components/Sidebar/index.js +5 -4
  61. package/dist/components/Sidebar/useSlideClip.js +27 -0
  62. package/dist/components/VideoCover/index.js +1 -1
  63. package/dist/components/VideoPlayer/VideoPlayerModal.js +1 -1
  64. package/dist/components/VideoPlayer/index.js +1 -1
  65. package/dist/{create-element-Bftz4UxU.js → create-element-DxkdwAGs.js} +1 -1
  66. package/dist/{esm-LCYnNVvi.js → esm-CUgR2iUX.js} +63 -49
  67. package/dist/highsoft-ui.css +1 -1
  68. package/dist/lib/components/Dropdown/index.d.ts +32 -3
  69. package/dist/lib/components/Sidebar/NavItem.d.ts +5 -0
  70. package/dist/lib/components/Sidebar/Sidebar.d.ts +12 -1
  71. package/dist/lib/components/Sidebar/SidebarSwitcher.d.ts +31 -0
  72. package/dist/lib/components/Sidebar/index.d.ts +2 -0
  73. package/dist/lib/components/Sidebar/useSlideClip.d.ts +30 -0
  74. package/dist/lib/main.d.ts +2 -2
  75. package/dist/main.js +26 -25
  76. package/dist/{prism-light-CqF2CLQS.js → prism-light-Czk1yGD_.js} +1 -1
  77. package/dist/{styles.module-DGKft2EO.js → styles.module-B9V15An9.js} +16 -0
  78. package/package.json +1 -1
@@ -1,14 +1,14 @@
1
1
  import { r as e } from "./utils-K9S_6_Eq.js";
2
- import { $ as t, J as n } from "./esm-LCYnNVvi.js";
3
- import { t as r } from "./Button-CjxX21gW.js";
2
+ import { J as t, et as n } from "./esm-CUgR2iUX.js";
3
+ import { t as r } from "./Button-BCbWIPg1.js";
4
4
  import { t as i } from "./Container-BDssaLig.js";
5
5
  import { t as a } from "./DiscordInvite-CLYxexdH.js";
6
6
  import { t as o } from "./Logo-Bz0G2G-k.js";
7
- import { t as s } from "./NewsletterSignup-BP3AxNHH.js";
8
- import { t as c } from "./FooterBottom-BV9xJbRt.js";
9
- import { t as l } from "./FooterHelp-Dlnj0dUF.js";
10
- import { t as u } from "./FooterLinks-BAdqoexV.js";
11
- import { t as d } from "./YoutubeModal-C3rfaDki.js";
7
+ import { t as s } from "./NewsletterSignup-BrmQ7pXZ.js";
8
+ import { t as c } from "./FooterBottom-CRe2Mvjd.js";
9
+ import { t as l } from "./FooterHelp-CTSvficW.js";
10
+ import { t as u } from "./FooterLinks-BoDdQUWb.js";
11
+ import { t as d } from "./YoutubeModal-BOnH866s.js";
12
12
  import { jsx as f, jsxs as p } from "react/jsx-runtime";
13
13
  var m = {
14
14
  discordCard: "_4W4F3q_discordCard",
@@ -29,7 +29,7 @@ function g() {
29
29
  return /* @__PURE__ */ p(r, {
30
30
  variant: "neutral",
31
31
  onClick: () => i(o),
32
- children: [o, f(a ? t : n, {})]
32
+ children: [o, f(a ? n : t, {})]
33
33
  });
34
34
  }
35
35
  function _({ link: e = "a", host: t = "https://www.highcharts.com" }) {
@@ -1,7 +1,7 @@
1
1
  import { a as e, t } from "./utils-K9S_6_Eq.js";
2
2
  import { a as n, c as r, i, n as a, o, r as s, s as c, t as l } from "./fa-B95RwBpz.js";
3
3
  import { t as u } from "./Typography-AvvBRu-u.js";
4
- import { t as d } from "./CookiePolicyModal-9p_OGcpB.js";
4
+ import { t as d } from "./CookiePolicyModal-TdrVbP_E.js";
5
5
  import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
6
6
  //#region node_modules/react-icons/fa6/index.mjs
7
7
  function h(e) {
@@ -1,5 +1,5 @@
1
1
  import { a as e, t } from "./utils-K9S_6_Eq.js";
2
- import { d as n, g as r } from "./esm-LCYnNVvi.js";
2
+ import { d as n, g as r } from "./esm-CUgR2iUX.js";
3
3
  import { t as i } from "./Icon-DJTgdvsG.js";
4
4
  import { o as a, r as o } from "./fa-B95RwBpz.js";
5
5
  import { t as s } from "./Typography-AvvBRu-u.js";
@@ -1,8 +1,8 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { I as t } from "./esm-LCYnNVvi.js";
2
+ import { I as t } from "./esm-CUgR2iUX.js";
3
3
  import { t as n } from "./Icon-DJTgdvsG.js";
4
4
  import { t as r } from "./Typography-AvvBRu-u.js";
5
- import { t as i } from "./Label-DgPVoDMR.js";
5
+ import { t as i } from "./Label-k6e4Rqb-.js";
6
6
  import a from "./components/icons/MadeInNorway.js";
7
7
  import { jsx as o, jsxs as s } from "react/jsx-runtime";
8
8
  var c = {
@@ -1,13 +1,13 @@
1
1
  import { a as e, d as t, i as n, o as r, u as i } from "./utils-K9S_6_Eq.js";
2
2
  import { t as a } from "./clsx-BWCAbrjV.js";
3
- import { A as o, V as s, at as c, b as l, et as u, f as d, j as f, nt as p, p as m, s as h, t as g } from "./esm-LCYnNVvi.js";
4
- import { t as _ } from "./Button-CjxX21gW.js";
3
+ import { A as o, V as s, b as c, f as l, j as u, ot as d, p as f, rt as p, s as m, t as h, tt as g } from "./esm-CUgR2iUX.js";
4
+ import { t as _ } from "./Button-BCbWIPg1.js";
5
5
  import { t as v } from "./Container-BDssaLig.js";
6
6
  import { t as y } from "./Logo-Bz0G2G-k.js";
7
- import { t as b } from "./PrefPanel-B4MyeLGu.js";
8
- import { t as x } from "./Search-T4R860vH.js";
9
- import { t as S } from "./Label-DgPVoDMR.js";
10
- import { t as C } from "./Notification-D0ow_x0-.js";
7
+ import { t as b } from "./PrefPanel-CHkc6r6b.js";
8
+ import { t as x } from "./Search-D29JM1a_.js";
9
+ import { t as S } from "./Label-k6e4Rqb-.js";
10
+ import { t as C } from "./Notification-BFLAktZo.js";
11
11
  import { useEffect as w, useRef as T, useState as E } from "react";
12
12
  import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
13
13
  var A = {
@@ -75,12 +75,12 @@ var A = {
75
75
  {
76
76
  title: "Products",
77
77
  url: "https://www.highcharts.com/products/",
78
- icon: /* @__PURE__ */ O(u, {})
78
+ icon: /* @__PURE__ */ O(g, {})
79
79
  },
80
80
  {
81
81
  title: "Demos",
82
82
  url: "https://www.highcharts.com/demo",
83
- icon: /* @__PURE__ */ O(l, {})
83
+ icon: /* @__PURE__ */ O(c, {})
84
84
  },
85
85
  {
86
86
  title: "Support",
@@ -100,7 +100,7 @@ var A = {
100
100
  {
101
101
  title: "Blog",
102
102
  url: "https://www.highcharts.com/blog/home/",
103
- icon: /* @__PURE__ */ O(c, {})
103
+ icon: /* @__PURE__ */ O(d, {})
104
104
  }
105
105
  ];
106
106
  function B(e, t) {
@@ -193,31 +193,31 @@ function Y() {
193
193
  e && R(M, e);
194
194
  }, [e]), null;
195
195
  }
196
- function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host: c = "https://www.highcharts.com", pathname: l, cssVariable: u, position: p = "sticky" }) {
196
+ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host: c = "https://www.highcharts.com", pathname: d, cssVariable: p, position: g = "sticky" }) {
197
197
  let S = e("(max-width: 374px)"), w = e("(max-width: 849px)"), M = e("(max-width: 1300px)"), N = G(t), P = T(null), [F, L] = E(!1), [V, H] = E([]);
198
198
  n(() => {
199
199
  let e = P.current;
200
200
  if (!e) return;
201
201
  let n = t?.length ? N ? U : W : 0, r = 82 + V.length * 48 + n, i = -(82 + V.length * 48);
202
- if (p === "static") return e.style.transform = "", u && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
203
- e.style.transform = "", u && document.documentElement.style.removeProperty("--header-bottom");
202
+ if (g === "static") return e.style.transform = "", p && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
203
+ e.style.transform = "", p && document.documentElement.style.removeProperty("--header-bottom");
204
204
  };
205
205
  let a = window.scrollY, o = 0, s = null, c = null, l = () => {
206
- c = null, !(!e || s === o) && (e.style.transform = `translate3d(0, ${o}px, 0)`, u && document.documentElement.style.setProperty("--header-bottom", `${r + o}px`), s = o);
206
+ c = null, !(!e || s === o) && (e.style.transform = `translate3d(0, ${o}px, 0)`, p && document.documentElement.style.setProperty("--header-bottom", `${r + o}px`), s = o);
207
207
  };
208
208
  l();
209
- let d = () => {
209
+ let u = () => {
210
210
  let e = window.scrollY, t = e - a;
211
211
  a = e, o = Math.min(0, Math.max(i, o - t)), c === null && (c = window.requestAnimationFrame(l));
212
212
  };
213
- return window.addEventListener("scroll", d, { passive: !0 }), () => {
214
- window.removeEventListener("scroll", d), c !== null && cancelAnimationFrame(c), e.style.transform = "", u && document.documentElement.style.removeProperty("--header-bottom");
213
+ return window.addEventListener("scroll", u, { passive: !0 }), () => {
214
+ window.removeEventListener("scroll", u), c !== null && cancelAnimationFrame(c), e.style.transform = "", p && document.documentElement.style.removeProperty("--header-bottom");
215
215
  };
216
216
  }, [
217
- u,
217
+ p,
218
218
  N,
219
219
  V.length,
220
- p,
220
+ g,
221
221
  t?.length
222
222
  ]), n(() => {
223
223
  if (!o.length) return;
@@ -289,7 +289,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
289
289
  children: [/* @__PURE__ */ O("span", {
290
290
  className: A.gpt,
291
291
  children: "Highcharts Assist"
292
- }), /* @__PURE__ */ O(d, {})]
292
+ }), /* @__PURE__ */ O(l, {})]
293
293
  }) }),
294
294
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(x, {}) }),
295
295
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) }),
@@ -299,20 +299,20 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
299
299
  as: s,
300
300
  href: B("https://shop.highcharts.com/", c),
301
301
  "aria-label": "Buy Now",
302
- children: [/* @__PURE__ */ O(m, {}), "Buy Now"]
302
+ children: [/* @__PURE__ */ O(f, {}), "Buy Now"]
303
303
  }) }),
304
304
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
305
305
  className: A.cta,
306
306
  variant: "brand",
307
307
  as: s,
308
308
  href: B("https://www.highcharts.com/download/", c),
309
- children: [/* @__PURE__ */ O(h, {}), "Try for Free"]
309
+ children: [/* @__PURE__ */ O(m, {}), "Try for Free"]
310
310
  }) }),
311
311
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
312
312
  variant: F ? "soft" : "transparent",
313
313
  className: A.menu,
314
314
  onClick: X,
315
- children: [F ? "Close" : "Menu", O(F ? g : f, {})]
315
+ children: [F ? "Close" : "Menu", O(F ? h : u, {})]
316
316
  }) })
317
317
  ]
318
318
  })
@@ -323,7 +323,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
323
323
  items: t,
324
324
  link: s,
325
325
  host: c,
326
- pathname: l
326
+ pathname: d
327
327
  }),
328
328
  r
329
329
  ]
@@ -349,7 +349,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
349
349
  children: [/* @__PURE__ */ O("span", {
350
350
  className: A.gpt,
351
351
  children: "Highcharts Assist"
352
- }), /* @__PURE__ */ O(d, {})]
352
+ }), /* @__PURE__ */ O(l, {})]
353
353
  }) }),
354
354
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(x, {}) }),
355
355
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) })
@@ -363,13 +363,13 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
363
363
  fullWidth: !0,
364
364
  as: s,
365
365
  href: B("https://shop.highcharts.com/", c),
366
- children: [/* @__PURE__ */ O(m, {}), "Buy Now"]
366
+ children: [/* @__PURE__ */ O(f, {}), "Buy Now"]
367
367
  }) }), /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
368
368
  variant: "success",
369
369
  fullWidth: !0,
370
370
  as: s,
371
371
  href: B("https://www.highcharts.com/download/", c),
372
- children: [/* @__PURE__ */ O(h, {}), "Try for Free"]
372
+ children: [/* @__PURE__ */ O(m, {}), "Try for Free"]
373
373
  }) })]
374
374
  }),
375
375
  /* @__PURE__ */ O("ul", {
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { U as t, W as n, Z as r } from "./esm-LCYnNVvi.js";
3
- import { t as i } from "./Button-CjxX21gW.js";
2
+ import { Q as t, U as n, W as r } from "./esm-CUgR2iUX.js";
3
+ import { t as i } from "./Button-BCbWIPg1.js";
4
4
  import { forwardRef as a, useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
5
5
  import { jsx as u, jsxs as d } from "react/jsx-runtime";
6
6
  var f = {
@@ -41,7 +41,7 @@ function m({ children: t, className: n }) {
41
41
  children: t
42
42
  });
43
43
  }
44
- var h = a(({ label: r, required: a = !1, helpText: p, showHelpText: m = !1, labelIcon: h, iconRight: g, button: _, hasError: v = !1, success: y = !1, disabled: b = !1, className: x, wrapperClassName: S, type: C, onFocus: w, onBlur: T, onChange: E, value: D, defaultValue: O, ...k }, A) => {
44
+ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labelIcon: h, iconRight: g, button: _, hasError: v = !1, success: y = !1, disabled: b = !1, className: x, wrapperClassName: S, type: C, onFocus: w, onBlur: T, onChange: E, value: D, defaultValue: O, ...k }, A) => {
45
45
  let j = c(null), M = A || j, [N, P] = l(!1), [F, I] = l(!1), [L, R] = l(!1), z = C === "password", [B, V] = l(O === void 0 ? "" : String(O)), H = D !== void 0, U = H ? String(D).length > 0 : B.length > 0, W = o((e) => {
46
46
  P(!0), w?.(e);
47
47
  }, [w]), G = o((e) => {
@@ -81,14 +81,14 @@ var h = a(({ label: r, required: a = !1, helpText: p, showHelpText: m = !1, labe
81
81
  children: [/* @__PURE__ */ d("div", {
82
82
  className: f.leftContent,
83
83
  children: [
84
- r && /* @__PURE__ */ d("div", {
84
+ t && /* @__PURE__ */ d("div", {
85
85
  className: f.labelRow,
86
86
  children: [h && /* @__PURE__ */ u("span", {
87
87
  className: f.labelIcon,
88
88
  children: h
89
89
  }), /* @__PURE__ */ d("span", {
90
90
  className: f.label,
91
- children: [r, a && /* @__PURE__ */ u("span", {
91
+ children: [t, a && /* @__PURE__ */ u("span", {
92
92
  className: f.required,
93
93
  children: " *"
94
94
  })]
@@ -99,7 +99,7 @@ var h = a(({ label: r, required: a = !1, helpText: p, showHelpText: m = !1, labe
99
99
  type: Y,
100
100
  className: e(f.inputElement, x),
101
101
  disabled: b,
102
- "aria-label": r,
102
+ "aria-label": t,
103
103
  "aria-required": a,
104
104
  "aria-invalid": v,
105
105
  value: D,
@@ -130,7 +130,7 @@ var h = a(({ label: r, required: a = !1, helpText: p, showHelpText: m = !1, labe
130
130
  e.stopPropagation(), R((e) => !e);
131
131
  },
132
132
  "aria-label": L ? "Hide password" : "Show password",
133
- children: u(L ? t : n, {})
133
+ children: u(L ? n : r, {})
134
134
  }),
135
135
  _
136
136
  ]
@@ -139,7 +139,7 @@ var h = a(({ label: r, required: a = !1, helpText: p, showHelpText: m = !1, labe
139
139
  });
140
140
  });
141
141
  h.displayName = "InputGrouped";
142
- var g = a(({ label: t, required: n = !1, helpText: i, showHelpText: a = !1, labelIcon: s, hasError: p = !1, success: m = !1, disabled: h = !1, className: g, wrapperClassName: _, placeholder: v, children: y, onFocus: b, onBlur: x, onChange: S, value: C, defaultValue: w, ...T }, E) => {
142
+ var g = a(({ label: n, required: r = !1, helpText: i, showHelpText: a = !1, labelIcon: s, hasError: p = !1, success: m = !1, disabled: h = !1, className: g, wrapperClassName: _, placeholder: v, children: y, onFocus: b, onBlur: x, onChange: S, value: C, defaultValue: w, ...T }, E) => {
143
143
  let D = c(null), O = E || D, [k, A] = l(!1), [j, M] = l(!1), [N, P] = l(w === void 0 ? "" : String(w)), F = C !== void 0, I = F ? String(C).length > 0 : N.length > 0, L = o((e) => {
144
144
  A(!0), b?.(e);
145
145
  }, [b]), R = o((e) => {
@@ -172,14 +172,14 @@ var g = a(({ label: t, required: n = !1, helpText: i, showHelpText: a = !1, labe
172
172
  children: [/* @__PURE__ */ d("div", {
173
173
  className: f.leftContent,
174
174
  children: [
175
- t && /* @__PURE__ */ d("div", {
175
+ n && /* @__PURE__ */ d("div", {
176
176
  className: f.labelRow,
177
177
  children: [s && /* @__PURE__ */ u("span", {
178
178
  className: f.labelIcon,
179
179
  children: s
180
180
  }), /* @__PURE__ */ d("span", {
181
181
  className: f.label,
182
- children: [t, n && /* @__PURE__ */ u("span", {
182
+ children: [n, r && /* @__PURE__ */ u("span", {
183
183
  className: f.required,
184
184
  children: " *"
185
185
  })]
@@ -189,8 +189,8 @@ var g = a(({ label: t, required: n = !1, helpText: i, showHelpText: a = !1, labe
189
189
  ref: O,
190
190
  className: e(f.inputElement, f.selectElement, g),
191
191
  disabled: h,
192
- "aria-label": t,
193
- "aria-required": n,
192
+ "aria-label": n,
193
+ "aria-required": r,
194
194
  "aria-invalid": p,
195
195
  value: C,
196
196
  defaultValue: w,
@@ -214,7 +214,7 @@ var g = a(({ label: t, required: n = !1, helpText: i, showHelpText: a = !1, labe
214
214
  className: f.rightContent,
215
215
  children: /* @__PURE__ */ u("span", {
216
216
  className: e(f.iconRight, f.chevron),
217
- children: /* @__PURE__ */ u(r, {})
217
+ children: /* @__PURE__ */ u(t, {})
218
218
  })
219
219
  })]
220
220
  })
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { u as t } from "./esm-LCYnNVvi.js";
2
+ import { u as t } from "./esm-CUgR2iUX.js";
3
3
  import { jsx as n, jsxs as r } from "react/jsx-runtime";
4
4
  var i = {
5
5
  attention: "UwHMOW_attention",
@@ -1,7 +1,7 @@
1
1
  import { a as e } from "./utils-K9S_6_Eq.js";
2
2
  import { t } from "./clsx-BWCAbrjV.js";
3
- import { T as n, x as r } from "./esm-LCYnNVvi.js";
4
- import { t as i } from "./Button-CjxX21gW.js";
3
+ import { T as n, x as r } from "./esm-CUgR2iUX.js";
4
+ import { t as i } from "./Button-BCbWIPg1.js";
5
5
  import { n as a, t as o } from "./ClientLogo-Dj7K48YL.js";
6
6
  import { useEffect as s, useRef as c, useState as l } from "react";
7
7
  import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
1
  import { l as e } from "./utils-K9S_6_Eq.js";
2
2
  import { t } from "./clsx-BWCAbrjV.js";
3
- import { B as n, Q as r, at as i } from "./esm-LCYnNVvi.js";
4
- import { t as a } from "./Button-CjxX21gW.js";
3
+ import { $ as n, B as r, ot as i } from "./esm-CUgR2iUX.js";
4
+ import { t as a } from "./Button-BCbWIPg1.js";
5
5
  import { t as o } from "./Icon-DJTgdvsG.js";
6
6
  import { t as s } from "./Link-CYR92_U0.js";
7
7
  import { t as c } from "./InputSolo-DUdKtZjX.js";
@@ -78,7 +78,7 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
78
78
  L ? /* @__PURE__ */ m("div", {
79
79
  className: h.content,
80
80
  children: [/* @__PURE__ */ p(o, {
81
- name: n,
81
+ name: r,
82
82
  size: 16
83
83
  }), E ? "Check your inbox and confirm your email to finish signing up." : "You’re already subscribed to our newsletter."]
84
84
  }) : /* @__PURE__ */ m("form", {
@@ -104,7 +104,7 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
104
104
  variant: "success",
105
105
  disabled: !0,
106
106
  children: [/* @__PURE__ */ p(o, {
107
- name: r,
107
+ name: n,
108
108
  size: 16
109
109
  }), "You’re in"]
110
110
  }) : /* @__PURE__ */ p(a, {
@@ -1,8 +1,8 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { t } from "./esm-LCYnNVvi.js";
3
- import { t as n } from "./Button-CjxX21gW.js";
2
+ import { t } from "./esm-CUgR2iUX.js";
3
+ import { t as n } from "./Button-BCbWIPg1.js";
4
4
  import { t as r } from "./Container-BDssaLig.js";
5
- import { t as i } from "./Label-DgPVoDMR.js";
5
+ import { t as i } from "./Label-k6e4Rqb-.js";
6
6
  import { useEffect as a, useState as o } from "react";
7
7
  import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
8
8
  var u = {
@@ -15,6 +15,7 @@ var u = {
15
15
  content: "MhRkRW_content",
16
16
  danger: "MhRkRW_danger",
17
17
  description: "MhRkRW_description",
18
+ link: "MhRkRW_link",
18
19
  notification: "MhRkRW_notification",
19
20
  slide: "MhRkRW_slide",
20
21
  success: "MhRkRW_success",
@@ -24,7 +25,7 @@ var u = {
24
25
  //#endregion
25
26
  //#region lib/components/Notification/index.tsx
26
27
  function d({ id: d, content: f, variant: p = "brand", closable: m = !0, onClose: h }) {
27
- let g = Array.isArray(f) ? f : [f], [_, v] = o(() => g.length > 1 ? Math.floor(Math.random() * g.length) : 0), [y, b] = o(!1), [x, S] = o(!1), C = y || x, w = g[_]?.url, T = w ? "a" : "div";
28
+ let g = Array.isArray(f) ? f : [f], [_, v] = o(() => g.length > 1 ? Math.floor(Math.random() * g.length) : 0), [y, b] = o(!1), [x, S] = o(!1), C = y || x, w = g[_]?.url;
28
29
  a(() => {
29
30
  if (g.length <= 1 || C) return;
30
31
  let e = window.setInterval(() => {
@@ -32,9 +33,9 @@ function d({ id: d, content: f, variant: p = "brand", closable: m = !0, onClose:
32
33
  }, 15e3);
33
34
  return () => window.clearInterval(e);
34
35
  }, [g.length, C]);
35
- let E = () => b(!0), D = (e) => {
36
+ let T = () => b(!0), E = (e) => {
36
37
  e.currentTarget.contains(e.relatedTarget) || b(!1);
37
- }, O = () => S(!0), k = () => S(!1), A = (e, t = !0) => {
38
+ }, D = () => S(!0), O = () => S(!1), k = (e, t = !0) => {
38
39
  let n = /* @__PURE__ */ l(s, { children: [e.title && /* @__PURE__ */ l("span", {
39
40
  className: u.title,
40
41
  children: [e.tag === "new" && /* @__PURE__ */ c(i, {
@@ -54,43 +55,44 @@ function d({ id: d, content: f, variant: p = "brand", closable: m = !0, onClose:
54
55
  children: n
55
56
  });
56
57
  };
57
- return g.length ? /* @__PURE__ */ c(T, {
58
+ if (!g.length) return null;
59
+ let A = g.length > 1 ? /* @__PURE__ */ c("div", {
60
+ className: u.carousel,
61
+ children: g.map((t, n) => {
62
+ let r = n === _;
63
+ return /* @__PURE__ */ c("div", {
64
+ className: e(u.slide, { [u.active]: r }),
65
+ "aria-hidden": !r,
66
+ children: k(t, r)
67
+ }, `${t.title ?? t.description ?? "item"}-${n}`);
68
+ })
69
+ }) : k(g[0]);
70
+ return /* @__PURE__ */ c("div", {
58
71
  className: e(u.notification, u[p]),
59
72
  "data-theme": "light",
60
- ...w ? {
61
- href: w,
62
- "data-track": "header-banner",
63
- "data-track-action": "click",
64
- "data-track-label": d || w
65
- } : {},
66
- onFocus: E,
67
- onBlur: D,
68
- onMouseEnter: O,
69
- onMouseLeave: k,
73
+ onFocus: T,
74
+ onBlur: E,
75
+ onMouseEnter: D,
76
+ onMouseLeave: O,
70
77
  children: /* @__PURE__ */ l(r, {
71
78
  className: u.container,
72
- children: [g.length > 1 ? /* @__PURE__ */ c("div", {
73
- className: u.carousel,
74
- children: g.map((t, n) => {
75
- let r = n === _;
76
- return /* @__PURE__ */ c("div", {
77
- className: e(u.slide, { [u.active]: r }),
78
- "aria-hidden": !r,
79
- children: A(t, r)
80
- }, `${t.title ?? t.description ?? "item"}-${n}`);
81
- })
82
- }) : A(g[0]), m && /* @__PURE__ */ c(n, {
79
+ children: [w ? /* @__PURE__ */ c("a", {
80
+ className: u.link,
81
+ href: w,
82
+ "data-track": "header-banner",
83
+ "data-track-action": "click",
84
+ "data-track-label": d || w,
85
+ children: A
86
+ }) : A, m && /* @__PURE__ */ c(n, {
83
87
  variant: p === "brand" ? "brand" : "transparent",
84
88
  size: 100,
85
89
  className: u.close,
86
90
  "aria-label": "Close notification",
87
- onClick: (e) => {
88
- e.preventDefault(), e.stopPropagation(), h?.();
89
- },
91
+ onClick: () => h?.(),
90
92
  children: /* @__PURE__ */ c(t, {})
91
93
  })]
92
94
  })
93
- }) : null;
95
+ });
94
96
  }
95
97
  //#endregion
96
98
  export { d as t };
@@ -1,7 +1,7 @@
1
1
  import { d as e, o as t } from "./utils-K9S_6_Eq.js";
2
2
  import { t as n } from "./clsx-BWCAbrjV.js";
3
- import { $ as r, D as i, E as a, h as o, l as s } from "./esm-LCYnNVvi.js";
4
- import { t as c } from "./Button-CjxX21gW.js";
3
+ import { D as r, E as i, et as a, h as o, l as s } from "./esm-CUgR2iUX.js";
4
+ import { t as c } from "./Button-BCbWIPg1.js";
5
5
  import { _ as l, a as u, d, h as f, i as p, l as m, m as h, n as ee, o as g, p as _, r as v, t as y, u as b, y as x } from "./es2015-DWa0ZZ7A.js";
6
6
  import { a as S, i as te, n as C, r as w, t as T } from "./dist-B04QoImH.js";
7
7
  import * as E from "react";
@@ -194,20 +194,20 @@ var oe = P, se = I, ce = R, le = H, ue = W, Q = {
194
194
  };
195
195
  //#endregion
196
196
  //#region lib/components/PrefPanel/index.tsx
197
- function $({ children: e, id: t, ...i }) {
197
+ function $({ children: e, id: t, ...r }) {
198
198
  return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("input", {
199
199
  type: "radio",
200
200
  id: t,
201
201
  className: n(Q.radioInput, "sr-only"),
202
- ...i
202
+ ...r
203
203
  }), /* @__PURE__ */ k("label", {
204
204
  htmlFor: t,
205
205
  className: Q.radio,
206
- children: [e, /* @__PURE__ */ O(r, { className: Q.check })]
206
+ children: [e, /* @__PURE__ */ O(a, { className: Q.check })]
207
207
  })] });
208
208
  }
209
209
  function de() {
210
- let { theme: n, systemTheme: r, setTheme: l } = e(), u = t();
210
+ let { theme: n, systemTheme: a, setTheme: l } = e(), u = t();
211
211
  return /* @__PURE__ */ k(oe, { children: [/* @__PURE__ */ O(ce, {
212
212
  asChild: !0,
213
213
  children: /* @__PURE__ */ k(c, {
@@ -227,9 +227,9 @@ function de() {
227
227
  checked: n === "system",
228
228
  onChange: () => l("system"),
229
229
  children: [
230
- /* @__PURE__ */ O(i, {}),
230
+ /* @__PURE__ */ O(r, {}),
231
231
  "Auto (",
232
- r,
232
+ a,
233
233
  ")"
234
234
  ]
235
235
  }),
@@ -245,7 +245,7 @@ function de() {
245
245
  name: "theme",
246
246
  checked: n === "dark",
247
247
  onChange: () => l("dark"),
248
- children: [/* @__PURE__ */ O(a, {}), "Dark"]
248
+ children: [/* @__PURE__ */ O(i, {}), "Dark"]
249
249
  })
250
250
  ] })
251
251
  }) })] });
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { L as t, N as n, Z as r, c as i } from "./esm-LCYnNVvi.js";
3
- import { t as a } from "./Button-CjxX21gW.js";
2
+ import { L as t, N as n, Q as r, c as i } from "./esm-CUgR2iUX.js";
3
+ import { t as a } from "./Button-BCbWIPg1.js";
4
4
  import { t as o } from "./Typography-AvvBRu-u.js";
5
5
  import { useEffect as s, useRef as c } from "react";
6
6
  import { jsx as l, jsxs as u } from "react/jsx-runtime";
@@ -1,6 +1,6 @@
1
1
  import { a as e, i as t, n, o as r, r as i, t as a } from "./chunk-jwUa06l-.js";
2
- import { C as o, H as s, K as c, it as l, m as u, ot as d, p as f, rt as p, tt as m, v as h, y as g, z as _ } from "./esm-LCYnNVvi.js";
3
- import { t as v } from "./Button-CjxX21gW.js";
2
+ import { C as o, H as s, K as c, at as l, it as u, m as d, nt as f, p, st as m, v as h, y as g, z as _ } from "./esm-CUgR2iUX.js";
3
+ import { t as v } from "./Button-BCbWIPg1.js";
4
4
  import { d as y, h as b, l as x, m as S, p as C, u as w } from "./es2015-DWa0ZZ7A.js";
5
5
  import { t as ee } from "./dist-J9cXmrDi.js";
6
6
  import { i as T, n as E, r as D, t as O } from "./dist-CE9LFbij.js";
@@ -4501,12 +4501,12 @@ function Wt() {
4501
4501
  }, le = (e) => {
4502
4502
  n(e.target.value);
4503
4503
  }, ue = {
4504
- products: /* @__PURE__ */ F(u, {}),
4504
+ products: /* @__PURE__ */ F(d, {}),
4505
4505
  demo: /* @__PURE__ */ F(o, {}),
4506
- docs: /* @__PURE__ */ F(m, {}),
4507
- blog: /* @__PURE__ */ F(d, {}),
4506
+ docs: /* @__PURE__ */ F(f, {}),
4507
+ blog: /* @__PURE__ */ F(m, {}),
4508
4508
  misc: /* @__PURE__ */ F(_, {}),
4509
- shop: /* @__PURE__ */ F(f, {}),
4509
+ shop: /* @__PURE__ */ F(p, {}),
4510
4510
  file: /* @__PURE__ */ F(s, {})
4511
4511
  };
4512
4512
  return /* @__PURE__ */ I(ie, {
@@ -4601,7 +4601,7 @@ function Wt() {
4601
4601
  className: Z.bottomGroup,
4602
4602
  children: [/* @__PURE__ */ I("div", {
4603
4603
  className: Z.bottomIcons,
4604
- children: [/* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(l, {}) }), /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(p, {}) })]
4604
+ children: [/* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(l, {}) }), /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(u, {}) })]
4605
4605
  }), "Navigate"]
4606
4606
  }),
4607
4607
  /* @__PURE__ */ I("div", {
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { _ as t } from "./esm-LCYnNVvi.js";
2
+ import { _ as t } from "./esm-CUgR2iUX.js";
3
3
  import { t as n } from "./Icon-DJTgdvsG.js";
4
4
  import { t as r } from "./InputSolo-DUdKtZjX.js";
5
5
  import { useCallback as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { st as t } from "./esm-LCYnNVvi.js";
2
+ import { ct as t } from "./esm-CUgR2iUX.js";
3
3
  import { t as n } from "./Icon-DJTgdvsG.js";
4
4
  import { t as r } from "./Typography-AvvBRu-u.js";
5
5
  import { forwardRef as i, useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { M as t, S as n, a as r, ct as i, i as a, k as o, o as s, r as ee, t as c, w as l } from "./esm-LCYnNVvi.js";
2
+ import { M as t, S as n, a as r, i, k as a, lt as o, o as s, r as ee, t as c, w as l } from "./esm-CUgR2iUX.js";
3
3
  import { t as u } from "./Icon-DJTgdvsG.js";
4
4
  import { detectProvider as d, providerPosterUrl as f, useMediaEngine as p } from "./components/VideoPlayer/useMediaEngine.js";
5
5
  import { forwardRef as m, useCallback as h, useEffect as g, useId as _, useImperativeHandle as v, useRef as y, useState as b } from "react";
@@ -216,7 +216,7 @@ var O = m(({ src: m, sources: O, poster: k, muted: re = !1, autoPlay: ie = !1, l
216
216
  break;
217
217
  default:
218
218
  }
219
- }, De = k ?? f(I, m) ?? xe, Oe = V.duration ? E(V.currentTime / V.duration) : 0, ke = V.muted || V.volume === 0 ? ee : V.volume < .5 ? a : r, Ae = {
219
+ }, De = k ?? f(I, m) ?? xe, Oe = V.duration ? E(V.currentTime / V.duration) : 0, ke = V.muted || V.volume === 0 ? ee : V.volume < .5 ? i : r, Ae = {
220
220
  "--vp-radius": `${j}px`,
221
221
  "--vp-gradient": ce,
222
222
  aspectRatio: K ? void 0 : se
@@ -365,7 +365,7 @@ var O = m(({ src: m, sources: O, poster: k, muted: re = !1, autoPlay: ie = !1, l
365
365
  "aria-controls": Q,
366
366
  "aria-label": X ? "Hide transcript" : "Show transcript",
367
367
  children: /* @__PURE__ */ x(u, {
368
- name: i,
368
+ name: o,
369
369
  size: 20
370
370
  })
371
371
  }),
@@ -386,7 +386,7 @@ var O = m(({ src: m, sources: O, poster: k, muted: re = !1, autoPlay: ie = !1, l
386
386
  onClick: $,
387
387
  "aria-label": K ? "Exit fullscreen" : "Enter fullscreen",
388
388
  children: /* @__PURE__ */ x(u, {
389
- name: K ? o : t,
389
+ name: K ? a : t,
390
390
  size: 20
391
391
  })
392
392
  })
@@ -1,7 +1,7 @@
1
- import { n as e } from "./esm-LCYnNVvi.js";
1
+ import { n as e } from "./esm-CUgR2iUX.js";
2
2
  import { t } from "./dist-J9cXmrDi.js";
3
3
  import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist-f0z6DapB.js";
4
- import { t as l } from "./VideoPlayer-BB8jVMa5.js";
4
+ import { t as l } from "./VideoPlayer-UM4M4C5b.js";
5
5
  import { jsx as u, jsxs as d } from "react/jsx-runtime";
6
6
  var f = {
7
7
  close: "ig0T5q_close",
@@ -1,6 +1,6 @@
1
1
  import { s as e } from "./fa-B95RwBpz.js";
2
- import { t } from "./VideoCover-BXIkxFuT.js";
3
- import { t as n } from "./VideoPlayerModal-fnAUwVMI.js";
2
+ import { t } from "./VideoCover-C18NhQcY.js";
3
+ import { t as n } from "./VideoPlayerModal-IRwjMLoy.js";
4
4
  import { jsx as r, jsxs as i } from "react/jsx-runtime";
5
5
  var a = {
6
6
  youtube: "elwCNG_youtube",