highsoft-ui 1.0.128 → 1.0.130

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 (47) hide show
  1. package/dist/{Button-FtTHXgq3.js → Button-BP0Qtl-y.js} +1 -1
  2. package/dist/{ButtonGroup-eZng2GQy.js → ButtonGroup-QZcOfEOk.js} +1 -1
  3. package/dist/{Checkbox-CMWwWnbI.js → Checkbox-XmV-ct6i.js} +1 -1
  4. package/dist/{CookiePolicyModal-_zwtaOvm.js → CookiePolicyModal-ZhDUWeuL.js} +2 -2
  5. package/dist/{CopyCode-C7iHMVIg.js → CopyCode-DV4tMvJJ.js} +2 -2
  6. package/dist/{Dropdown-B6J7ph3w.js → Dropdown-CdyVsA2J.js} +1 -1
  7. package/dist/{Footer-Q3Z-Synu.js → Footer-CtbVnoXe.js} +7 -7
  8. package/dist/{FooterBottom-Dbr8oMdf.js → FooterBottom-BED_bbc3.js} +1 -1
  9. package/dist/{FooterHelp-BsApOrYf.js → FooterHelp-D_JeBigK.js} +1 -1
  10. package/dist/{FooterLinks-Dx7GBu-X.js → FooterLinks-C4jnnter.js} +2 -2
  11. package/dist/{Header-DxauB1pI.js → Header-CrmaxbLK.js} +27 -27
  12. package/dist/{InputGrouped-B9jyncxb.js → InputGrouped-C4gOUDMt.js} +12 -12
  13. package/dist/{Label-BHGkcLu9.js → Label-Cdeu77Zv.js} +1 -1
  14. package/dist/{NewsletterSignup-jPKQLKvl.js → NewsletterSignup-ClRW0eNY.js} +4 -4
  15. package/dist/{Notification-CO-mX_7b.js → Notification-D37v6ajG.js} +3 -3
  16. package/dist/{PrefPanel-D-xcKbcr.js → PrefPanel-C52fIBvK.js} +6 -6
  17. package/dist/RoadmapDetails-hMyd6BTO.js +89 -0
  18. package/dist/{Search-DokUD0o9.js → Search-DDAu456d.js} +13 -13
  19. package/dist/{YoutubeModal-T25hkIhQ.js → YoutubeModal-C4vLIssA.js} +1 -1
  20. package/dist/components/Button/index.js +1 -1
  21. package/dist/components/ButtonGroup/index.js +1 -1
  22. package/dist/components/Checkbox/index.js +1 -1
  23. package/dist/components/CopyCode/index.js +1 -1
  24. package/dist/components/Dropdown/index.js +1 -1
  25. package/dist/components/Footer/CookiePolicyModal.js +1 -1
  26. package/dist/components/Footer/FooterBottom.js +1 -1
  27. package/dist/components/Footer/FooterHelp.js +1 -1
  28. package/dist/components/Footer/FooterLinks.js +1 -1
  29. package/dist/components/Footer/YoutubeModal.js +1 -1
  30. package/dist/components/Footer/index.js +1 -1
  31. package/dist/components/Header/index.js +1 -1
  32. package/dist/components/InputGrouped/index.js +1 -1
  33. package/dist/components/Label/index.js +1 -1
  34. package/dist/components/Modal/ModalContactFooter.js +2 -2
  35. package/dist/components/Modal/index.js +2 -2
  36. package/dist/components/NewsletterSignup/index.js +1 -1
  37. package/dist/components/Notification/index.js +1 -1
  38. package/dist/components/PrefPanel/index.js +1 -1
  39. package/dist/components/RoadmapDetails/index.js +2 -0
  40. package/dist/components/Search/index.js +1 -1
  41. package/dist/{esm-vjQoQCu2.js → esm-BZjXJo1W.js} +42 -14
  42. package/dist/highsoft-ui.css +1 -1
  43. package/dist/lib/components/RoadmapDetails/index.d.ts +23 -0
  44. package/dist/lib/main.d.ts +2 -0
  45. package/dist/main.js +16 -15
  46. package/dist/scss/variables.scss +43 -11
  47. package/package.json +5 -1
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-D7D_XZ_-.js";
2
- import { S as t } from "./esm-vjQoQCu2.js";
2
+ import { w as t } from "./esm-BZjXJo1W.js";
3
3
  import { forwardRef as n } from "react";
4
4
  import { jsx as r, jsxs as i } from "react/jsx-runtime";
5
5
  var a = {
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-D7D_XZ_-.js";
2
- import { t } from "./Button-FtTHXgq3.js";
2
+ import { t } from "./Button-BP0Qtl-y.js";
3
3
  import { useEffect as n, useState as r } from "react";
4
4
  import { jsx as i } from "react/jsx-runtime";
5
5
  var a = {
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-D7D_XZ_-.js";
2
- import { x as t } from "./esm-vjQoQCu2.js";
2
+ import { C as t } from "./esm-BZjXJo1W.js";
3
3
  import { createContext as n, useCallback as r, useContext as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
4
4
  import { jsx as l, jsxs as u } from "react/jsx-runtime";
5
5
  var d = {
@@ -1,5 +1,5 @@
1
- import { t as e } from "./esm-vjQoQCu2.js";
2
- import { t } from "./Button-FtTHXgq3.js";
1
+ import { t as e } from "./esm-BZjXJo1W.js";
2
+ import { t } from "./Button-BP0Qtl-y.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-9h8Pur86.js";
4
4
  import { useEffect as l, useRef as u, useState as d } from "react";
5
5
  import { jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
1
  import { r as e, s as t } from "./utils-BCI5dixg.js";
2
2
  import { t as n } from "./clsx-D7D_XZ_-.js";
3
- import { F as r, j as i } from "./esm-vjQoQCu2.js";
4
- import { t as a } from "./Button-FtTHXgq3.js";
3
+ import { L as r, N as i } from "./esm-BZjXJo1W.js";
4
+ import { t as a } from "./Button-BP0Qtl-y.js";
5
5
  import { forwardRef as o, useCallback as s } from "react";
6
6
  import { jsx as c, jsxs as l } from "react/jsx-runtime";
7
7
  var u = {
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-D7D_XZ_-.js";
2
- import { F as t } from "./esm-vjQoQCu2.js";
2
+ import { L as t } from "./esm-BZjXJo1W.js";
3
3
  import { t as n } from "./Icon-Dwo9ZDNX.js";
4
4
  import { _ as r, a as i, c as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, r as m, s as h, t as ee, u as g, v as _, y as v } from "./es2015-CJyFgdNb.js";
5
5
  import { a as y, i as b, n as te, r as x, t as S } from "./dist-BMBUb7XY.js";
@@ -1,14 +1,14 @@
1
1
  import { r as e } from "./utils-BCI5dixg.js";
2
- import { F as t, M as n } from "./esm-vjQoQCu2.js";
3
- import { t as r } from "./Button-FtTHXgq3.js";
2
+ import { L as t, P as n } from "./esm-BZjXJo1W.js";
3
+ import { t as r } from "./Button-BP0Qtl-y.js";
4
4
  import { t as i } from "./Container-mH6tG_kR.js";
5
5
  import { t as a } from "./DiscordInvite-CR7g5hay.js";
6
6
  import { t as o } from "./Logo-BRXxiQk8.js";
7
- import { t as s } from "./NewsletterSignup-jPKQLKvl.js";
8
- import { t as c } from "./FooterBottom-Dbr8oMdf.js";
9
- import { t as l } from "./FooterHelp-BsApOrYf.js";
10
- import { t as u } from "./FooterLinks-Dx7GBu-X.js";
11
- import { t as d } from "./YoutubeModal-T25hkIhQ.js";
7
+ import { t as s } from "./NewsletterSignup-ClRW0eNY.js";
8
+ import { t as c } from "./FooterBottom-BED_bbc3.js";
9
+ import { t as l } from "./FooterHelp-D_JeBigK.js";
10
+ import { t as u } from "./FooterLinks-C4jnnter.js";
11
+ import { t as d } from "./YoutubeModal-C4vLIssA.js";
12
12
  import { jsx as f, jsxs as p } from "react/jsx-runtime";
13
13
  var m = {
14
14
  discordCard: "_4W4F3q_discordCard",
@@ -1,7 +1,7 @@
1
1
  import { a as e, t } from "./utils-BCI5dixg.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-Ci5IATkb.js";
3
3
  import { t as u } from "./Typography-Dw2_XzMu.js";
4
- import { t as d } from "./CookiePolicyModal-_zwtaOvm.js";
4
+ import { t as d } from "./CookiePolicyModal-ZhDUWeuL.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-BCI5dixg.js";
2
- import { d as n, o as r } from "./esm-vjQoQCu2.js";
2
+ import { f as n, s as r } from "./esm-BZjXJo1W.js";
3
3
  import { t as i } from "./Icon-Dwo9ZDNX.js";
4
4
  import { o as a, r as o } from "./fa-Ci5IATkb.js";
5
5
  import { t as s } from "./Typography-Dw2_XzMu.js";
@@ -1,8 +1,8 @@
1
1
  import { t as e } from "./clsx-D7D_XZ_-.js";
2
- import { C as t } from "./esm-vjQoQCu2.js";
2
+ import { T as t } from "./esm-BZjXJo1W.js";
3
3
  import { t as n } from "./Icon-Dwo9ZDNX.js";
4
4
  import { t as r } from "./Typography-Dw2_XzMu.js";
5
- import { t as i } from "./Label-BHGkcLu9.js";
5
+ import { t as i } from "./Label-Cdeu77Zv.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-BCI5dixg.js";
2
2
  import { t as a } from "./clsx-D7D_XZ_-.js";
3
- import { E as o, I as s, R as c, V as l, c as u, m as d, r as f, s as p, t as m, v as h, y as g } from "./esm-vjQoQCu2.js";
4
- import { t as _ } from "./Button-FtTHXgq3.js";
3
+ import { B as o, O as s, R as c, U as l, b as u, c as d, h as f, l as p, r as m, t as h, x as g } from "./esm-BZjXJo1W.js";
4
+ import { t as _ } from "./Button-BP0Qtl-y.js";
5
5
  import { t as v } from "./Container-mH6tG_kR.js";
6
6
  import { t as y } from "./Logo-BRXxiQk8.js";
7
- import { t as b } from "./PrefPanel-D-xcKbcr.js";
8
- import { t as x } from "./Search-DokUD0o9.js";
9
- import { t as S } from "./Label-BHGkcLu9.js";
10
- import { t as C } from "./Notification-CO-mX_7b.js";
7
+ import { t as b } from "./PrefPanel-C52fIBvK.js";
8
+ import { t as x } from "./Search-DDAu456d.js";
9
+ import { t as S } from "./Label-Cdeu77Zv.js";
10
+ import { t as C } from "./Notification-D37v6ajG.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,27 +75,27 @@ var A = {
75
75
  {
76
76
  title: "Products",
77
77
  url: "https://www.highcharts.com/products/",
78
- icon: /* @__PURE__ */ O(s, {})
78
+ icon: /* @__PURE__ */ O(c, {})
79
79
  },
80
80
  {
81
81
  title: "Demos",
82
82
  url: "https://www.highcharts.com/demo",
83
- icon: /* @__PURE__ */ O(d, {})
83
+ icon: /* @__PURE__ */ O(f, {})
84
84
  },
85
85
  {
86
86
  title: "Support",
87
87
  url: "https://www.highcharts.com/support/",
88
- icon: /* @__PURE__ */ O(h, {})
88
+ icon: /* @__PURE__ */ O(u, {})
89
89
  },
90
90
  {
91
91
  title: "Resources",
92
92
  url: "https://www.highcharts.com/resources/",
93
- icon: /* @__PURE__ */ O(o, {})
93
+ icon: /* @__PURE__ */ O(s, {})
94
94
  },
95
95
  {
96
96
  title: "Pricing",
97
97
  url: "https://shop.highcharts.com/",
98
- icon: /* @__PURE__ */ O(c, {})
98
+ icon: /* @__PURE__ */ O(o, {})
99
99
  },
100
100
  {
101
101
  title: "Blog",
@@ -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: d, position: h = "sticky" }) {
196
+ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host: c = "https://www.highcharts.com", pathname: l, cssVariable: u, position: f = "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 (h === "static") return e.style.transform = "", d && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
203
- e.style.transform = "", d && document.documentElement.style.removeProperty("--header-bottom");
202
+ if (f === "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");
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)`, d && 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)`, u && document.documentElement.style.setProperty("--header-bottom", `${r + o}px`), s = o);
207
207
  };
208
208
  l();
209
- let u = () => {
209
+ let d = () => {
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", u, { passive: !0 }), () => {
214
- window.removeEventListener("scroll", u), c !== null && cancelAnimationFrame(c), e.style.transform = "", d && document.documentElement.style.removeProperty("--header-bottom");
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");
215
215
  };
216
216
  }, [
217
- d,
217
+ u,
218
218
  N,
219
219
  V.length,
220
- h,
220
+ f,
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 GPT"
292
- }), /* @__PURE__ */ O(p, {})]
292
+ }), /* @__PURE__ */ O(d, {})]
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(u, {}), "Buy Now"]
302
+ children: [/* @__PURE__ */ O(p, {}), "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(f, {}), "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 ? m : g, {})]
315
+ children: [F ? "Close" : "Menu", O(F ? h : g, {})]
316
316
  }) })
317
317
  ]
318
318
  })
@@ -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 GPT"
352
- }), /* @__PURE__ */ O(p, {})]
352
+ }), /* @__PURE__ */ O(d, {})]
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(u, {}), "Buy Now"]
366
+ children: [/* @__PURE__ */ O(p, {}), "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(f, {}), "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-D7D_XZ_-.js";
2
- import { N as t, O as n, k as r } from "./esm-vjQoQCu2.js";
3
- import { t as i } from "./Button-FtTHXgq3.js";
2
+ import { A as t, F as n, j as r } from "./esm-BZjXJo1W.js";
3
+ import { t as i } from "./Button-BP0Qtl-y.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 = {
@@ -40,7 +40,7 @@ function m({ children: t, className: n }) {
40
40
  children: t
41
41
  });
42
42
  }
43
- 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, value: E, defaultValue: D, ...O }, k) => {
43
+ var h = a(({ label: n, 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, value: E, defaultValue: D, ...O }, k) => {
44
44
  let A = c(null), j = k || A, [M, N] = l(!1), [P, F] = l(!1), [I, L] = l(!1), R = C === "password", [z, B] = l(D === void 0 ? "" : String(D)), V = E !== void 0, H = V ? String(E).length > 0 : z.length > 0, U = o((e) => {
45
45
  N(!0), w?.(e);
46
46
  }, [w]), W = o((e) => {
@@ -80,14 +80,14 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
80
80
  children: [/* @__PURE__ */ d("div", {
81
81
  className: f.leftContent,
82
82
  children: [
83
- t && /* @__PURE__ */ d("div", {
83
+ n && /* @__PURE__ */ d("div", {
84
84
  className: f.labelRow,
85
85
  children: [h && /* @__PURE__ */ u("span", {
86
86
  className: f.labelIcon,
87
87
  children: h
88
88
  }), /* @__PURE__ */ d("span", {
89
89
  className: f.label,
90
- children: [t, a && /* @__PURE__ */ u("span", {
90
+ children: [n, a && /* @__PURE__ */ u("span", {
91
91
  className: f.required,
92
92
  children: " *"
93
93
  })]
@@ -98,7 +98,7 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
98
98
  type: J,
99
99
  className: e(f.inputElement, x),
100
100
  disabled: b,
101
- "aria-label": t,
101
+ "aria-label": n,
102
102
  "aria-required": a,
103
103
  "aria-invalid": v,
104
104
  value: E,
@@ -129,14 +129,14 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
129
129
  e.stopPropagation(), L((e) => !e);
130
130
  },
131
131
  "aria-label": I ? "Hide password" : "Show password",
132
- children: u(I ? n : r, {})
132
+ children: u(I ? t : r, {})
133
133
  }),
134
134
  _
135
135
  ]
136
136
  })]
137
137
  })
138
138
  });
139
- }), 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, value: S, defaultValue: C, ...w }, T) => {
139
+ }), g = a(({ label: t, 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, value: S, defaultValue: C, ...w }, T) => {
140
140
  let E = c(null), D = T || E, [O, k] = l(!1), [A, j] = l(!1), [M, N] = l(C === void 0 ? "" : String(C)), P = S !== void 0, F = P ? String(S).length > 0 : M.length > 0, I = o((e) => {
141
141
  k(!0), b?.(e);
142
142
  }, [b]), L = o((e) => {
@@ -169,14 +169,14 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
169
169
  children: [/* @__PURE__ */ d("div", {
170
170
  className: f.leftContent,
171
171
  children: [
172
- n && /* @__PURE__ */ d("div", {
172
+ t && /* @__PURE__ */ d("div", {
173
173
  className: f.labelRow,
174
174
  children: [s && /* @__PURE__ */ u("span", {
175
175
  className: f.labelIcon,
176
176
  children: s
177
177
  }), /* @__PURE__ */ d("span", {
178
178
  className: f.label,
179
- children: [n, r && /* @__PURE__ */ u("span", {
179
+ children: [t, r && /* @__PURE__ */ u("span", {
180
180
  className: f.required,
181
181
  children: " *"
182
182
  })]
@@ -186,7 +186,7 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
186
186
  ref: D,
187
187
  className: e(f.inputElement, f.selectElement, g),
188
188
  disabled: h,
189
- "aria-label": n,
189
+ "aria-label": t,
190
190
  "aria-required": r,
191
191
  "aria-invalid": p,
192
192
  value: S,
@@ -211,7 +211,7 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
211
211
  className: f.rightContent,
212
212
  children: /* @__PURE__ */ u("span", {
213
213
  className: e(f.iconRight, f.chevron),
214
- children: /* @__PURE__ */ u(t, {})
214
+ children: /* @__PURE__ */ u(n, {})
215
215
  })
216
216
  })]
217
217
  })
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-D7D_XZ_-.js";
2
- import { a as t } from "./esm-vjQoQCu2.js";
2
+ import { o as t } from "./esm-BZjXJo1W.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 { l as e } from "./utils-BCI5dixg.js";
2
2
  import { t } from "./clsx-D7D_XZ_-.js";
3
- import { P as n, T as r, V as i } from "./esm-vjQoQCu2.js";
4
- import { t as a } from "./Button-FtTHXgq3.js";
3
+ import { D as n, I as r, U as i } from "./esm-BZjXJo1W.js";
4
+ import { t as a } from "./Button-BP0Qtl-y.js";
5
5
  import { t as o } from "./Icon-Dwo9ZDNX.js";
6
6
  import { t as s } from "./Link-DGMiLJES.js";
7
7
  import { t as c } from "./InputSolo-DOZp13Mv.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: r,
81
+ name: n,
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: n,
107
+ name: r,
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-D7D_XZ_-.js";
2
- import { t } from "./esm-vjQoQCu2.js";
3
- import { t as n } from "./Button-FtTHXgq3.js";
2
+ import { t } from "./esm-BZjXJo1W.js";
3
+ import { t as n } from "./Button-BP0Qtl-y.js";
4
4
  import { t as r } from "./Container-mH6tG_kR.js";
5
- import { t as i } from "./Label-BHGkcLu9.js";
5
+ import { t as i } from "./Label-Cdeu77Zv.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 = {
@@ -1,7 +1,7 @@
1
1
  import { d as e, o as t } from "./utils-BCI5dixg.js";
2
2
  import { t as n } from "./clsx-D7D_XZ_-.js";
3
- import { F as r, _ as i, g as a, i as o, u as s } from "./esm-vjQoQCu2.js";
4
- import { t as c } from "./Button-FtTHXgq3.js";
3
+ import { L as r, a as i, d as a, v as o, y as s } from "./esm-BZjXJo1W.js";
4
+ import { t as c } from "./Button-BP0Qtl-y.js";
5
5
  import { _ as l, a as u, c as d, f, h as p, i as m, l as h, m as g, n as ee, o as _, r as v, t as y, u as b, y as x } from "./es2015-CJyFgdNb.js";
6
6
  import { a as S, i as C, n as w, r as te, t as T } from "./dist-MBZ50zVE.js";
7
7
  import * as E from "react";
@@ -212,7 +212,7 @@ function de() {
212
212
  children: /* @__PURE__ */ k(c, {
213
213
  variant: "transparent",
214
214
  "aria-label": "Preferences",
215
- children: [/* @__PURE__ */ O(s, {}), /* @__PURE__ */ O(se, { className: Q.anchor })]
215
+ children: [/* @__PURE__ */ O(a, {}), /* @__PURE__ */ O(se, { className: Q.anchor })]
216
216
  })
217
217
  }), /* @__PURE__ */ O(le, { children: /* @__PURE__ */ O(ue, {
218
218
  sideOffset: 8,
@@ -226,7 +226,7 @@ function de() {
226
226
  checked: n === "system",
227
227
  onChange: () => l("system"),
228
228
  children: [
229
- /* @__PURE__ */ O(i, {}),
229
+ /* @__PURE__ */ O(s, {}),
230
230
  "Auto (",
231
231
  r,
232
232
  ")"
@@ -237,14 +237,14 @@ function de() {
237
237
  name: "theme",
238
238
  checked: n === "light",
239
239
  onChange: () => l("light"),
240
- children: [/* @__PURE__ */ O(o, {}), "Light"]
240
+ children: [/* @__PURE__ */ O(i, {}), "Light"]
241
241
  }),
242
242
  /* @__PURE__ */ k($, {
243
243
  id: "dark",
244
244
  name: "theme",
245
245
  checked: n === "dark",
246
246
  onChange: () => l("dark"),
247
- children: [/* @__PURE__ */ O(a, {}), "Dark"]
247
+ children: [/* @__PURE__ */ O(o, {}), "Dark"]
248
248
  })
249
249
  ] })
250
250
  }) })] });
@@ -0,0 +1,89 @@
1
+ import { t as e } from "./clsx-D7D_XZ_-.js";
2
+ import { F as t, g as n, i as r } from "./esm-BZjXJo1W.js";
3
+ import { t as i } from "./Button-BP0Qtl-y.js";
4
+ import { t as a } from "./Typography-Dw2_XzMu.js";
5
+ import { useEffect as o, useRef as s } from "react";
6
+ import { jsx as c, jsxs as l } from "react/jsx-runtime";
7
+ var u = {
8
+ actions: "oRbWvq_actions",
9
+ chevron: "oRbWvq_chevron",
10
+ item: "oRbWvq_item",
11
+ itemIcon: "oRbWvq_itemIcon",
12
+ items: "oRbWvq_items",
13
+ itemText: "oRbWvq_itemText",
14
+ root: "oRbWvq_root",
15
+ summary: "oRbWvq_summary",
16
+ title: "oRbWvq_title"
17
+ };
18
+ //#endregion
19
+ //#region lib/components/RoadmapDetails/index.tsx
20
+ function d({ title: d, items: f, primaryAction: p, secondaryAction: m, open: h, defaultOpen: g = !1, onOpenChange: _, className: v, style: y }) {
21
+ let b = h !== void 0, x = s(null);
22
+ o(() => {
23
+ let e = x.current;
24
+ e && (e.open = b ? h : g);
25
+ }, []), o(() => {
26
+ if (!b) return;
27
+ let e = x.current;
28
+ !e || e.open === h || (e.open = h);
29
+ }, [b, h]);
30
+ let S = (e) => {
31
+ _?.(e.currentTarget.open);
32
+ }, C = (e, t) => {
33
+ let r = e.icon === null ? void 0 : e.icon === void 0 ? t === "neutral" ? /* @__PURE__ */ c(n, {}) : void 0 : e.icon;
34
+ return /* @__PURE__ */ c(i, {
35
+ variant: t,
36
+ size: 200,
37
+ href: e.href,
38
+ onClick: (t) => {
39
+ t.stopPropagation(), e.onClick?.();
40
+ },
41
+ iconLeft: r,
42
+ children: e.label
43
+ });
44
+ };
45
+ return /* @__PURE__ */ l("details", {
46
+ ref: x,
47
+ className: e("hsui-roadmap-details", u.root, v),
48
+ onToggle: S,
49
+ style: y,
50
+ children: [
51
+ /* @__PURE__ */ l("summary", {
52
+ className: u.summary,
53
+ children: [/* @__PURE__ */ c(a, {
54
+ as: "span",
55
+ size: 300,
56
+ weight: "medium",
57
+ className: u.title,
58
+ children: d
59
+ }), /* @__PURE__ */ c("span", {
60
+ className: u.chevron,
61
+ "aria-hidden": "true",
62
+ children: /* @__PURE__ */ c(t, {})
63
+ })]
64
+ }),
65
+ f && f.length > 0 && /* @__PURE__ */ c("ul", {
66
+ className: u.items,
67
+ children: f.map((e, t) => /* @__PURE__ */ l("li", {
68
+ className: u.item,
69
+ children: [/* @__PURE__ */ c("span", {
70
+ className: u.itemIcon,
71
+ "aria-hidden": "true",
72
+ children: e.icon ?? /* @__PURE__ */ c(r, {})
73
+ }), /* @__PURE__ */ c(a, {
74
+ as: "span",
75
+ size: 200,
76
+ className: u.itemText,
77
+ children: e.text
78
+ })]
79
+ }, t))
80
+ }),
81
+ (p || m) && /* @__PURE__ */ l("div", {
82
+ className: u.actions,
83
+ children: [p && C(p, "neutral"), m && C(m, "plain")]
84
+ })
85
+ ]
86
+ });
87
+ }
88
+ //#endregion
89
+ export { d as t };
@@ -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-foFoljWS.js";
2
- import { A as o, B as s, D as c, H as l, L as u, c as d, f, h as p, l as m, p as h, w as g, z as _ } from "./esm-vjQoQCu2.js";
3
- import { t as v } from "./Button-FtTHXgq3.js";
2
+ import { E as o, H as s, M as c, V as l, W as u, _ as d, k as f, l as p, m, p as h, u as g, z as _ } from "./esm-BZjXJo1W.js";
3
+ import { t as v } from "./Button-BP0Qtl-y.js";
4
4
  import { c as y, f as b, h as x, l as S, m as ee, u as C } from "./es2015-CJyFgdNb.js";
5
5
  import { t as te } from "./dist-SfVqm611.js";
6
6
  import { i as w, n as T, r as E, t as D } from "./dist-BMBUb7XY.js";
@@ -4405,13 +4405,13 @@ function Wt() {
4405
4405
  }, R = (e) => {
4406
4406
  n(e.target.value);
4407
4407
  }, de = {
4408
- products: /* @__PURE__ */ P(m, {}),
4409
- demo: /* @__PURE__ */ P(p, {}),
4410
- docs: /* @__PURE__ */ P(u, {}),
4411
- blog: /* @__PURE__ */ P(l, {}),
4412
- misc: /* @__PURE__ */ P(g, {}),
4413
- shop: /* @__PURE__ */ P(d, {}),
4414
- file: /* @__PURE__ */ P(c, {})
4408
+ products: /* @__PURE__ */ P(g, {}),
4409
+ demo: /* @__PURE__ */ P(d, {}),
4410
+ docs: /* @__PURE__ */ P(_, {}),
4411
+ blog: /* @__PURE__ */ P(u, {}),
4412
+ misc: /* @__PURE__ */ P(o, {}),
4413
+ shop: /* @__PURE__ */ P(p, {}),
4414
+ file: /* @__PURE__ */ P(f, {})
4415
4415
  };
4416
4416
  return /* @__PURE__ */ F(O, {
4417
4417
  open: a,
@@ -4421,7 +4421,7 @@ function Wt() {
4421
4421
  children: /* @__PURE__ */ P(v, {
4422
4422
  variant: "transparent",
4423
4423
  "aria-label": "Search",
4424
- children: /* @__PURE__ */ P(f, {})
4424
+ children: /* @__PURE__ */ P(h, {})
4425
4425
  })
4426
4426
  }), /* @__PURE__ */ F(k, { children: [/* @__PURE__ */ P(ie, { className: Z.overlay }), /* @__PURE__ */ F(ne, {
4427
4427
  className: Z.search,
@@ -4430,7 +4430,7 @@ function Wt() {
4430
4430
  /* @__PURE__ */ P(te, { children: /* @__PURE__ */ P(re, { children: "Search" }) }),
4431
4431
  /* @__PURE__ */ F("label", {
4432
4432
  className: Z.label,
4433
- children: [/* @__PURE__ */ P(h, {}), /* @__PURE__ */ P("input", {
4433
+ children: [/* @__PURE__ */ P(m, {}), /* @__PURE__ */ P("input", {
4434
4434
  className: Z.input,
4435
4435
  placeholder: "Search charts, tutorials, blog posts, or keywords...",
4436
4436
  ref: S,
@@ -4505,14 +4505,14 @@ function Wt() {
4505
4505
  className: Z.bottomGroup,
4506
4506
  children: [/* @__PURE__ */ F("div", {
4507
4507
  className: Z.bottomIcons,
4508
- children: [/* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(s, {}) }), /* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(_, {}) })]
4508
+ children: [/* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(s, {}) }), /* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(l, {}) })]
4509
4509
  }), "Navigate"]
4510
4510
  }),
4511
4511
  /* @__PURE__ */ F("div", {
4512
4512
  className: Z.bottomGroup,
4513
4513
  children: [/* @__PURE__ */ P("div", {
4514
4514
  className: Z.bottomIcons,
4515
- children: /* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(o, {}) })
4515
+ children: /* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(c, {}) })
4516
4516
  }), "Select"]
4517
4517
  }),
4518
4518
  /* @__PURE__ */ F("div", {
@@ -1,4 +1,4 @@
1
- import { n as e } from "./esm-vjQoQCu2.js";
1
+ import { n as e } from "./esm-BZjXJo1W.js";
2
2
  import { s as t } from "./fa-Ci5IATkb.js";
3
3
  import { t as n } from "./dist-SfVqm611.js";
4
4
  import { a as r, i, n as a, o, r as s, s as c, t as l } from "./dist-9h8Pur86.js";
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../Button-FtTHXgq3.js";
1
+ import { t as e } from "../../Button-BP0Qtl-y.js";
2
2
  export { e as Button };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../ButtonGroup-eZng2GQy.js";
1
+ import { t as e } from "../../ButtonGroup-QZcOfEOk.js";
2
2
  export { e as ButtonGroup };
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../../Checkbox-CMWwWnbI.js";
1
+ import { n as e, t } from "../../Checkbox-XmV-ct6i.js";
2
2
  export { t as Checkbox, e as CheckboxGroup };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../CopyCode-C7iHMVIg.js";
1
+ import { t as e } from "../../CopyCode-DV4tMvJJ.js";
2
2
  export { e as CopyCode };
@@ -1,2 +1,2 @@
1
- import { n as e, r as t, t as n } from "../../Dropdown-B6J7ph3w.js";
1
+ import { n as e, r as t, t as n } from "../../Dropdown-CdyVsA2J.js";
2
2
  export { n as Dropdown, e as DropdownItem, t as DropdownSeparator };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../CookiePolicyModal-_zwtaOvm.js";
1
+ import { t as e } from "../../CookiePolicyModal-ZhDUWeuL.js";
2
2
  export { e as default };