highsoft-ui 1.0.173 → 1.0.175

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 (83) hide show
  1. package/CLAUDE.md +90 -1
  2. package/dist/Breadcrumb-CyaMrJfW.js +80 -0
  3. package/dist/{BrowserFrame-CisPLoTR.js → BrowserFrame-_qNod9an.js} +5 -5
  4. package/dist/{Button-CdrrwvXk.js → Button-DFcjZsF4.js} +1 -1
  5. package/dist/{ButtonGroup-JtJaVLlu.js → ButtonGroup-dTeFICBP.js} +1 -1
  6. package/dist/{Checkbox-DU_KGp-P.js → Checkbox-X7FrR_6F.js} +1 -1
  7. package/dist/{CodeBlock-CGBo8nwy.js → CodeBlock-rPC0sIvR.js} +4 -4
  8. package/dist/{CookiePolicyModal-xPb4G_hM.js → CookiePolicyModal-D-IOZSoU.js} +2 -2
  9. package/dist/{CopyCode-72gVieQO.js → CopyCode-DS2T69as.js} +2 -2
  10. package/dist/{Dropdown-DLRtYhFa.js → Dropdown-Ck7IASlc.js} +1 -1
  11. package/dist/{Features-BS-_cksu.js → Features-BQ5o3wcc.js} +8 -8
  12. package/dist/{Footer-CqtCkr_g.js → Footer-C2tXo3oR.js} +7 -7
  13. package/dist/{FooterBottom-B8GCRg2o.js → FooterBottom-BPuLsXI1.js} +24 -24
  14. package/dist/{FooterHelp-D5X2Pco9.js → FooterHelp-99gRcRar.js} +22 -22
  15. package/dist/{FooterLinks-yn_sgcbu.js → FooterLinks-DXTz-d8e.js} +7 -7
  16. package/dist/{Header-CQKgp8xy.js → Header-DqE0a41T.js} +49 -49
  17. package/dist/ImagePair-BH6ZnPcE.js +44 -0
  18. package/dist/{InputGrouped-DLghbzO7.js → InputGrouped-DNiMvxxa.js} +13 -13
  19. package/dist/{Label-B-Xt6XQQ.js → Label-DTIv_3zs.js} +1 -1
  20. package/dist/{List-B1zRI6pm.js → List-CdwPhveO.js} +11 -11
  21. package/dist/{LogoCarousel-TbyB0ot0.js → LogoCarousel-BsmxIlzx.js} +2 -2
  22. package/dist/{NewsletterSignup-BPLup66s.js → NewsletterSignup-CTbjNSnk.js} +12 -12
  23. package/dist/{Notification-DtqcW5FH.js → Notification-CTSGBhJk.js} +3 -3
  24. package/dist/{PrefPanel-6oTpfC5q.js → PrefPanel-CwrWfi3R.js} +8 -8
  25. package/dist/{PrevNextNav-XaxS2FTm.js → PrevNextNav-BwP-lRaG.js} +1 -1
  26. package/dist/{RoadmapDetails-CLQzIxv7.js → RoadmapDetails-B-2pgXHz.js} +5 -5
  27. package/dist/{SearchDropdown-Ow5_Hu21.js → SearchDropdown-g3g30peB.js} +1 -1
  28. package/dist/{VideoCover-25FfvhPg.js → VideoCover-DdN1nXfu.js} +5 -5
  29. package/dist/{VideoPlayer-CB2lOh95.js → VideoPlayer-C0pHiwYx.js} +7 -7
  30. package/dist/{VideoPlayerModal-CVJbPd6n.js → VideoPlayerModal-Bh2u5h8g.js} +2 -2
  31. package/dist/{YoutubeModal-j51vfjYk.js → YoutubeModal-CXSHjsEd.js} +2 -2
  32. package/dist/components/Breadcrumb/index.js +2 -0
  33. package/dist/components/BrowserFrame/index.js +1 -1
  34. package/dist/components/Button/index.js +1 -1
  35. package/dist/components/ButtonGroup/index.js +1 -1
  36. package/dist/components/Checkbox/index.js +1 -1
  37. package/dist/components/CodeBlock/index.js +1 -1
  38. package/dist/components/CopyCode/index.js +1 -1
  39. package/dist/components/Dropdown/index.js +1 -1
  40. package/dist/components/Features/index.js +1 -1
  41. package/dist/components/Figure/ImagePair.js +2 -0
  42. package/dist/components/Figure/ZoomImage.js +70 -0
  43. package/dist/components/Figure/index.js +43 -0
  44. package/dist/components/Footer/CookiePolicyModal.js +1 -1
  45. package/dist/components/Footer/FooterBottom.js +1 -1
  46. package/dist/components/Footer/FooterHelp.js +1 -1
  47. package/dist/components/Footer/FooterLinks.js +1 -1
  48. package/dist/components/Footer/YoutubeModal.js +1 -1
  49. package/dist/components/Footer/index.js +1 -1
  50. package/dist/components/Header/index.js +1 -1
  51. package/dist/components/InputGrouped/index.js +1 -1
  52. package/dist/components/Label/index.js +1 -1
  53. package/dist/components/List/index.js +1 -1
  54. package/dist/components/LogoCarousel/index.js +1 -1
  55. package/dist/components/Modal/ModalContactFooter.js +2 -2
  56. package/dist/components/Modal/index.js +2 -2
  57. package/dist/components/NewsletterSignup/index.js +1 -1
  58. package/dist/components/Notification/index.js +1 -1
  59. package/dist/components/PrefPanel/index.js +1 -1
  60. package/dist/components/PrevNextNav/index.js +1 -1
  61. package/dist/components/RoadmapDetails/index.js +1 -1
  62. package/dist/components/Search/SearchDialog.js +10 -10
  63. package/dist/components/Search/index.js +2 -2
  64. package/dist/components/SearchDropdown/index.js +1 -1
  65. package/dist/components/Sidebar/NavDisclosure.js +1 -1
  66. package/dist/components/Sidebar/NavGroup.js +1 -1
  67. package/dist/components/Sidebar/Sidebar.js +10 -10
  68. package/dist/components/Sidebar/SidebarLayout.js +1 -1
  69. package/dist/components/Sidebar/SidebarSwitcher.js +1 -1
  70. package/dist/components/VideoCover/index.js +1 -1
  71. package/dist/components/VideoPlayer/VideoPlayerModal.js +1 -1
  72. package/dist/components/VideoPlayer/index.js +1 -1
  73. package/dist/{create-element-DvDqDt-f.js → create-element-DHbI55TT.js} +1 -1
  74. package/dist/{esm-zUd-Cmgs.js → esm-DQBytmnt.js} +24 -10
  75. package/dist/highsoft-ui.css +1 -1
  76. package/dist/lib/components/Breadcrumb/index.d.ts +36 -0
  77. package/dist/lib/components/Figure/ImagePair.d.ts +20 -0
  78. package/dist/lib/components/Figure/ZoomImage.d.ts +18 -0
  79. package/dist/lib/components/Figure/index.d.ts +96 -0
  80. package/dist/lib/main.d.ts +4 -0
  81. package/dist/main.js +55 -53
  82. package/dist/{prism-light-oph9ikSp.js → prism-light-D9OePufj.js} +1 -1
  83. package/package.json +1 -1
@@ -1,8 +1,8 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { I as t } from "./esm-zUd-Cmgs.js";
3
- import { t as n } from "./Icon-DJTgdvsG.js";
4
- import { n as r } from "./Typography-DI1AkqiO.js";
5
- import { t as i } from "./Label-B-Xt6XQQ.js";
2
+ import { L as t } from "./esm-DQBytmnt.js";
3
+ import { n } from "./Typography-DI1AkqiO.js";
4
+ import { t as r } from "./Icon-DJTgdvsG.js";
5
+ import { t as i } from "./Label-DTIv_3zs.js";
6
6
  import { jsx as a, jsxs as o } from "react/jsx-runtime";
7
7
  var s = {
8
8
  externalIcon: "N4RQEq_externalIcon",
@@ -267,7 +267,7 @@ var l = {
267
267
  function u({ link: u = "a", host: d = "https://www.highcharts.com" }) {
268
268
  return /* @__PURE__ */ a("div", {
269
269
  className: s.links,
270
- children: Object.entries(l).map(([l, f], p) => /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a(r, {
270
+ children: Object.entries(l).map(([l, f], p) => /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a(n, {
271
271
  as: "h2",
272
272
  size: 100,
273
273
  weight: "medium",
@@ -278,12 +278,12 @@ function u({ link: u = "a", host: d = "https://www.highcharts.com" }) {
278
278
  href: c(f, d),
279
279
  className: e({ [s.tagged]: p }),
280
280
  target: f.includes("highcharts.com") ? void 0 : "_blank",
281
- children: [/* @__PURE__ */ o(r, {
281
+ children: [/* @__PURE__ */ o(n, {
282
282
  as: "span",
283
283
  size: 100,
284
284
  color: "secondary",
285
285
  className: s.linkLabel,
286
- children: [l, !f.includes("highcharts.com") && /* @__PURE__ */ a(n, {
286
+ children: [l, !f.includes("highcharts.com") && /* @__PURE__ */ a(r, {
287
287
  name: t,
288
288
  size: 12,
289
289
  className: s.externalIcon
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import { a as e, d as t, i as n, o as r, u as i } from "./utils-bAjntFD8.js";
3
3
  import { t as a } from "./clsx-BWCAbrjV.js";
4
- import { A as o, V as s, b as c, ct as l, f as u, it as d, j as f, nt as p, p as m, s as h, t as g } from "./esm-zUd-Cmgs.js";
5
- import { t as _ } from "./Button-CdrrwvXk.js";
4
+ import { H as o, M as s, at as c, c as l, j as u, lt as d, m as f, n as p, p as m, rt as h, x as g } from "./esm-DQBytmnt.js";
5
+ import { t as _ } from "./Button-DFcjZsF4.js";
6
6
  import { t as v } from "./Container-BDssaLig.js";
7
7
  import { t as y } from "./Logo-Bz0G2G-k.js";
8
- import { t as b } from "./PrefPanel-6oTpfC5q.js";
9
- import { t as x } from "./Label-B-Xt6XQQ.js";
10
- import { t as S } from "./Notification-DtqcW5FH.js";
8
+ import { t as b } from "./PrefPanel-CwrWfi3R.js";
9
+ import { t as x } from "./Label-DTIv_3zs.js";
10
+ import { t as S } from "./Notification-CTSGBhJk.js";
11
11
  import { Search as C } from "./components/Search/index.js";
12
12
  import { useEffect as w, useRef as T, useState as E } from "react";
13
13
  import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
@@ -76,32 +76,32 @@ var A = {
76
76
  {
77
77
  title: "Products",
78
78
  url: "https://www.highcharts.com/products/",
79
- icon: /* @__PURE__ */ O(p, {})
79
+ icon: /* @__PURE__ */ O(h, {})
80
80
  },
81
81
  {
82
82
  title: "Demos",
83
83
  url: "https://www.highcharts.com/demo",
84
- icon: /* @__PURE__ */ O(c, {})
84
+ icon: /* @__PURE__ */ O(g, {})
85
85
  },
86
86
  {
87
87
  title: "Support",
88
88
  url: "https://www.highcharts.com/support/",
89
- icon: /* @__PURE__ */ O(o, {})
89
+ icon: /* @__PURE__ */ O(u, {})
90
90
  },
91
91
  {
92
92
  title: "Resources",
93
93
  url: "https://www.highcharts.com/resources/",
94
- icon: /* @__PURE__ */ O(s, {})
94
+ icon: /* @__PURE__ */ O(o, {})
95
95
  },
96
96
  {
97
97
  title: "Pricing",
98
98
  url: "https://shop.highcharts.com/",
99
- icon: /* @__PURE__ */ O(d, {})
99
+ icon: /* @__PURE__ */ O(c, {})
100
100
  },
101
101
  {
102
102
  title: "Blog",
103
103
  url: "https://www.highcharts.com/blog/home/",
104
- icon: /* @__PURE__ */ O(l, {})
104
+ icon: /* @__PURE__ */ O(d, {})
105
105
  }
106
106
  ];
107
107
  function B(e, t) {
@@ -194,17 +194,17 @@ function Y() {
194
194
  e && R(M, e);
195
195
  }, [e]), null;
196
196
  }
197
- function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host: c = "https://www.highcharts.com", pathname: l, cssVariable: d, position: p = "sticky" }) {
197
+ function X({ subItems: t, children: r, notifications: o = J, link: c = "a", host: u = "https://www.highcharts.com", pathname: d, cssVariable: h, position: g = "sticky" }) {
198
198
  let x = 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([]);
199
199
  n(() => {
200
200
  let e = P.current;
201
201
  if (!e) return;
202
202
  let n = t?.length ? N ? U : W : 0, r = 82 + V.length * 48 + n, i = -(82 + V.length * 48);
203
- if (p === "static") return e.style.transform = "", d && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
204
- e.style.transform = "", d && document.documentElement.style.removeProperty("--header-bottom");
203
+ if (g === "static") return e.style.transform = "", h && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
204
+ e.style.transform = "", h && document.documentElement.style.removeProperty("--header-bottom");
205
205
  };
206
206
  let a = window.scrollY, o = 0, s = null, c = null, l = () => {
207
- 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);
207
+ c = null, !(!e || s === o) && (e.style.transform = `translate3d(0, ${o}px, 0)`, h && document.documentElement.style.setProperty("--header-bottom", `${r + o}px`), s = o);
208
208
  };
209
209
  l();
210
210
  let u = () => {
@@ -212,19 +212,19 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
212
212
  a = e, o = Math.min(0, Math.max(i, o - t)), c === null && (c = window.requestAnimationFrame(l));
213
213
  };
214
214
  return window.addEventListener("scroll", u, { passive: !0 }), () => {
215
- window.removeEventListener("scroll", u), c !== null && cancelAnimationFrame(c), e.style.transform = "", d && document.documentElement.style.removeProperty("--header-bottom");
215
+ window.removeEventListener("scroll", u), c !== null && cancelAnimationFrame(c), e.style.transform = "", h && document.documentElement.style.removeProperty("--header-bottom");
216
216
  };
217
217
  }, [
218
- d,
218
+ h,
219
219
  N,
220
220
  V.length,
221
- p,
221
+ g,
222
222
  t?.length
223
223
  ]), n(() => {
224
224
  if (!o.length) return;
225
225
  let e = I();
226
226
  H(e ? o.filter((t) => !t.id || !e.closed.includes(t.id)) : o);
227
- }, [c, o]);
227
+ }, [u, o]);
228
228
  let q = (e) => {
229
229
  if (e.preventDefault(), !(e.nativeEvent instanceof KeyboardEvent) || e.nativeEvent.code === "Enter" || e.nativeEvent.code === "Space") {
230
230
  let e = document.querySelector("main");
@@ -265,9 +265,9 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
265
265
  onKeyPress: q,
266
266
  children: "Skip to content"
267
267
  }),
268
- /* @__PURE__ */ O(s, {
268
+ /* @__PURE__ */ O(c, {
269
269
  className: A.logo,
270
- href: B("https://www.highcharts.com/", c),
270
+ href: B("https://www.highcharts.com/", u),
271
271
  children: /* @__PURE__ */ O(y, { showText: !M || w && !x })
272
272
  }),
273
273
  /* @__PURE__ */ O("ul", {
@@ -275,8 +275,8 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
275
275
  children: z.map(({ title: e, url: t }, n) => /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(_, {
276
276
  variant: "plain",
277
277
  size: 300,
278
- as: s,
279
- href: B(t, c),
278
+ as: c,
279
+ href: B(t, u),
280
280
  children: e
281
281
  }) }, n))
282
282
  }),
@@ -285,35 +285,35 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
285
285
  children: [
286
286
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
287
287
  variant: "transparent",
288
- as: s,
289
- href: B("https://www.highcharts.com/chat/gpt/", c),
288
+ as: c,
289
+ href: B("https://www.highcharts.com/chat/gpt/", u),
290
290
  children: [/* @__PURE__ */ O("span", {
291
291
  className: A.gpt,
292
292
  children: "Highcharts Assist"
293
- }), /* @__PURE__ */ O(u, {})]
293
+ }), /* @__PURE__ */ O(m, {})]
294
294
  }) }),
295
295
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(C, {}) }),
296
296
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) }),
297
297
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
298
298
  className: A.cta,
299
299
  variant: "success",
300
- as: s,
301
- href: B("https://shop.highcharts.com/", c),
300
+ as: c,
301
+ href: B("https://shop.highcharts.com/", u),
302
302
  "aria-label": "Buy Now",
303
- children: [/* @__PURE__ */ O(m, {}), "Buy Now"]
303
+ children: [/* @__PURE__ */ O(f, {}), "Buy Now"]
304
304
  }) }),
305
305
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
306
306
  className: A.cta,
307
307
  variant: "brand",
308
- as: s,
309
- href: B("https://www.highcharts.com/download/", c),
310
- children: [/* @__PURE__ */ O(h, {}), "Try for Free"]
308
+ as: c,
309
+ href: B("https://www.highcharts.com/download/", u),
310
+ children: [/* @__PURE__ */ O(l, {}), "Try for Free"]
311
311
  }) }),
312
312
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
313
313
  variant: F ? "soft" : "transparent",
314
314
  className: A.menu,
315
315
  onClick: X,
316
- children: [F ? "Close" : "Menu", O(F ? g : f, {})]
316
+ children: [F ? "Close" : "Menu", O(F ? p : s, {})]
317
317
  }) })
318
318
  ]
319
319
  })
@@ -322,9 +322,9 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
322
322
  }),
323
323
  !!t?.length && /* @__PURE__ */ O(K, {
324
324
  items: t,
325
- link: s,
326
- host: c,
327
- pathname: l
325
+ link: c,
326
+ host: u,
327
+ pathname: d
328
328
  }),
329
329
  r
330
330
  ]
@@ -336,21 +336,21 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
336
336
  children: [
337
337
  /* @__PURE__ */ k("div", {
338
338
  className: A.container,
339
- children: [/* @__PURE__ */ O(s, {
339
+ children: [/* @__PURE__ */ O(c, {
340
340
  className: A.logo,
341
- href: B("https://www.highcharts.com/", c),
341
+ href: B("https://www.highcharts.com/", u),
342
342
  children: /* @__PURE__ */ O(y, { showText: !x })
343
343
  }), /* @__PURE__ */ k("ul", {
344
344
  className: A.buttons,
345
345
  children: [
346
346
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
347
347
  variant: "transparent",
348
- as: s,
349
- href: B("https://www.highcharts.com/chat/gpt/", c),
348
+ as: c,
349
+ href: B("https://www.highcharts.com/chat/gpt/", u),
350
350
  children: [/* @__PURE__ */ O("span", {
351
351
  className: A.gpt,
352
352
  children: "Highcharts Assist"
353
- }), /* @__PURE__ */ O(u, {})]
353
+ }), /* @__PURE__ */ O(m, {})]
354
354
  }) }),
355
355
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(C, {}) }),
356
356
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) })
@@ -362,15 +362,15 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
362
362
  children: [/* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
363
363
  variant: "brand",
364
364
  fullWidth: !0,
365
- as: s,
366
- href: B("https://shop.highcharts.com/", c),
367
- children: [/* @__PURE__ */ O(m, {}), "Buy Now"]
365
+ as: c,
366
+ href: B("https://shop.highcharts.com/", u),
367
+ children: [/* @__PURE__ */ O(f, {}), "Buy Now"]
368
368
  }) }), /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
369
369
  variant: "success",
370
370
  fullWidth: !0,
371
- as: s,
372
- href: B("https://www.highcharts.com/download/", c),
373
- children: [/* @__PURE__ */ O(h, {}), "Try for Free"]
371
+ as: c,
372
+ href: B("https://www.highcharts.com/download/", u),
373
+ children: [/* @__PURE__ */ O(l, {}), "Try for Free"]
374
374
  }) })]
375
375
  }),
376
376
  /* @__PURE__ */ O("ul", {
@@ -379,8 +379,8 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
379
379
  variant: "plain",
380
380
  size: 500,
381
381
  fullWidth: !0,
382
- as: s,
383
- href: B(t, c),
382
+ as: c,
383
+ href: B(t, u),
384
384
  children: [n, e]
385
385
  }) }, r))
386
386
  })
@@ -0,0 +1,44 @@
1
+ import { t as e } from "./clsx-BWCAbrjV.js";
2
+ import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
3
+ var i = {
4
+ bordered: "a722Tq_bordered",
5
+ caption: "a722Tq_caption",
6
+ card: "a722Tq_card",
7
+ center: "a722Tq_center",
8
+ closeButton: "a722Tq_closeButton",
9
+ dark: "a722Tq_dark",
10
+ figure: "a722Tq_figure",
11
+ image: "a722Tq_image",
12
+ light: "a722Tq_light",
13
+ lightbox: "a722Tq_lightbox",
14
+ lightboxBar: "a722Tq_lightboxBar",
15
+ lightboxBody: "a722Tq_lightboxBody",
16
+ lightboxCaption: "a722Tq_lightboxCaption",
17
+ lightboxImage: "a722Tq_lightboxImage",
18
+ media: "a722Tq_media",
19
+ zoomBadge: "a722Tq_zoomBadge",
20
+ zoomButton: "a722Tq_zoomButton"
21
+ };
22
+ //#endregion
23
+ //#region lib/components/Figure/ImagePair.tsx
24
+ function a({ src: a, srcDark: o, alt: s, width: c, height: l, loading: u, srcSet: d, sizes: f, className: p }) {
25
+ return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("img", {
26
+ className: e(i.image, p, o && i.light),
27
+ src: a,
28
+ alt: s,
29
+ width: c,
30
+ height: l,
31
+ loading: u,
32
+ srcSet: d,
33
+ sizes: f
34
+ }), o && /* @__PURE__ */ n("img", {
35
+ className: e(i.image, p, i.dark),
36
+ src: o,
37
+ alt: s,
38
+ width: c,
39
+ height: l,
40
+ loading: u
41
+ })] });
42
+ }
43
+ //#endregion
44
+ export { i as n, a as t };
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { t as e } from "./clsx-BWCAbrjV.js";
3
- import { $ as t, U as n, W as r } from "./esm-zUd-Cmgs.js";
4
- import { t as i } from "./Button-CdrrwvXk.js";
3
+ import { G as t, W as n, et as r } from "./esm-DQBytmnt.js";
4
+ import { t as i } from "./Button-DFcjZsF4.js";
5
5
  import { forwardRef as a, useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
6
6
  import { jsx as u, jsxs as d } from "react/jsx-runtime";
7
7
  var f = {
@@ -42,7 +42,7 @@ function m({ children: t, className: n }) {
42
42
  children: t
43
43
  });
44
44
  }
45
- 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
+ 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) => {
46
46
  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) => {
47
47
  P(!0), w?.(e);
48
48
  }, [w]), G = o((e) => {
@@ -82,14 +82,14 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
82
82
  children: [/* @__PURE__ */ d("div", {
83
83
  className: f.leftContent,
84
84
  children: [
85
- t && /* @__PURE__ */ d("div", {
85
+ r && /* @__PURE__ */ d("div", {
86
86
  className: f.labelRow,
87
87
  children: [h && /* @__PURE__ */ u("span", {
88
88
  className: f.labelIcon,
89
89
  children: h
90
90
  }), /* @__PURE__ */ d("span", {
91
91
  className: f.label,
92
- children: [t, a && /* @__PURE__ */ u("span", {
92
+ children: [r, a && /* @__PURE__ */ u("span", {
93
93
  className: f.required,
94
94
  children: " *"
95
95
  })]
@@ -100,7 +100,7 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
100
100
  type: Y,
101
101
  className: e(f.inputElement, x),
102
102
  disabled: b,
103
- "aria-label": t,
103
+ "aria-label": r,
104
104
  "aria-required": a,
105
105
  "aria-invalid": v,
106
106
  value: D,
@@ -131,7 +131,7 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
131
131
  e.stopPropagation(), R((e) => !e);
132
132
  },
133
133
  "aria-label": L ? "Hide password" : "Show password",
134
- children: u(L ? n : r, {})
134
+ children: u(L ? n : t, {})
135
135
  }),
136
136
  _
137
137
  ]
@@ -140,7 +140,7 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
140
140
  });
141
141
  });
142
142
  h.displayName = "InputGrouped";
143
- 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
+ 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) => {
144
144
  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) => {
145
145
  A(!0), b?.(e);
146
146
  }, [b]), R = o((e) => {
@@ -173,14 +173,14 @@ var g = a(({ label: n, required: r = !1, helpText: i, showHelpText: a = !1, labe
173
173
  children: [/* @__PURE__ */ d("div", {
174
174
  className: f.leftContent,
175
175
  children: [
176
- n && /* @__PURE__ */ d("div", {
176
+ t && /* @__PURE__ */ d("div", {
177
177
  className: f.labelRow,
178
178
  children: [s && /* @__PURE__ */ u("span", {
179
179
  className: f.labelIcon,
180
180
  children: s
181
181
  }), /* @__PURE__ */ d("span", {
182
182
  className: f.label,
183
- children: [n, r && /* @__PURE__ */ u("span", {
183
+ children: [t, n && /* @__PURE__ */ u("span", {
184
184
  className: f.required,
185
185
  children: " *"
186
186
  })]
@@ -190,8 +190,8 @@ var g = a(({ label: n, required: r = !1, helpText: i, showHelpText: a = !1, labe
190
190
  ref: O,
191
191
  className: e(f.inputElement, f.selectElement, g),
192
192
  disabled: h,
193
- "aria-label": n,
194
- "aria-required": r,
193
+ "aria-label": t,
194
+ "aria-required": n,
195
195
  "aria-invalid": p,
196
196
  value: C,
197
197
  defaultValue: w,
@@ -215,7 +215,7 @@ var g = a(({ label: n, required: r = !1, helpText: i, showHelpText: a = !1, labe
215
215
  className: f.rightContent,
216
216
  children: /* @__PURE__ */ u("span", {
217
217
  className: e(f.iconRight, f.chevron),
218
- children: /* @__PURE__ */ u(t, {})
218
+ children: /* @__PURE__ */ u(r, {})
219
219
  })
220
220
  })]
221
221
  })
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { u as t } from "./esm-zUd-Cmgs.js";
2
+ import { d as t } from "./esm-DQBytmnt.js";
3
3
  import { jsx as n, jsxs as r } from "react/jsx-runtime";
4
4
  var i = {
5
5
  attention: "UwHMOW_attention",
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import { t as e } from "./clsx-BWCAbrjV.js";
3
- import { ot as t } from "./esm-zUd-Cmgs.js";
4
- import { t as n } from "./Icon-DJTgdvsG.js";
5
- import { t as r } from "./Typography-DI1AkqiO.js";
3
+ import { st as t } from "./esm-DQBytmnt.js";
4
+ import { t as n } from "./Typography-DI1AkqiO.js";
5
+ import { t as r } from "./Icon-DJTgdvsG.js";
6
6
  import { createContext as i, forwardRef as a, useContext as o } from "react";
7
7
  import { jsx as s, jsxs as c } from "react/jsx-runtime";
8
8
  var l = {
@@ -23,26 +23,26 @@ var l = {
23
23
  100: 12,
24
24
  200: 16,
25
25
  300: 16
26
- }, d = i(null), f = a(({ variant: n = "bullet", size: i = 200, icon: a = t, color: o = "primary", iconColor: c, start: u, className: f, style: p, children: m, ...h }, g) => {
26
+ }, d = i(null), f = a(({ variant: r = "bullet", size: i = 200, icon: a = t, color: o = "primary", iconColor: c, start: u, className: f, style: p, children: m, ...h }, g) => {
27
27
  let _ = {
28
- "--hsui-list-color": r[o],
29
- ...c && { "--hsui-list-icon-color": r[c] },
28
+ "--hsui-list-color": n[o],
29
+ ...c && { "--hsui-list-icon-color": n[c] },
30
30
  ...u !== void 0 && { "--hsui-list-start": u - 1 },
31
31
  ...p
32
32
  }, v = {
33
33
  ref: g,
34
34
  role: "list",
35
- className: e("hsui-list", f, l.list, l[n], l[`size-${i}`]),
35
+ className: e("hsui-list", f, l.list, l[r], l[`size-${i}`]),
36
36
  style: _,
37
37
  ...h
38
38
  };
39
39
  return /* @__PURE__ */ s(d.Provider, {
40
40
  value: {
41
- variant: n,
41
+ variant: r,
42
42
  size: i,
43
43
  icon: a
44
44
  },
45
- children: n === "number" ? /* @__PURE__ */ s("ol", {
45
+ children: r === "number" ? /* @__PURE__ */ s("ol", {
46
46
  ...v,
47
47
  start: u,
48
48
  children: m
@@ -55,7 +55,7 @@ var l = {
55
55
  f.displayName = "List";
56
56
  var p = a(({ icon: i, iconColor: a, className: f, style: p, children: m, ...h }, g) => {
57
57
  let _ = o(d), v = _?.variant ?? "bullet", y = _?.size ?? 200, b = i ?? _?.icon ?? t, x = a ? {
58
- "--hsui-list-icon-color": r[a],
58
+ "--hsui-list-icon-color": n[a],
59
59
  ...p
60
60
  } : p;
61
61
  return /* @__PURE__ */ c("li", {
@@ -66,7 +66,7 @@ var p = a(({ icon: i, iconColor: a, className: f, style: p, children: m, ...h },
66
66
  children: [/* @__PURE__ */ s("span", {
67
67
  className: l.marker,
68
68
  "aria-hidden": "true",
69
- children: v === "bullet" && /* @__PURE__ */ s(n, {
69
+ children: v === "bullet" && /* @__PURE__ */ s(r, {
70
70
  name: b,
71
71
  size: u[y]
72
72
  })
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import { a as e } from "./utils-bAjntFD8.js";
3
3
  import { t } from "./clsx-BWCAbrjV.js";
4
- import { T as n, x as r } from "./esm-zUd-Cmgs.js";
5
- import { t as i } from "./Button-CdrrwvXk.js";
4
+ import { E as n, S as r } from "./esm-DQBytmnt.js";
5
+ import { t as i } from "./Button-DFcjZsF4.js";
6
6
  import { n as a, t as o } from "./ClientLogo-Dj7K48YL.js";
7
7
  import { useEffect as s, useRef as c, useState as l } from "react";
8
8
  import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import { l as e } from "./utils-bAjntFD8.js";
3
3
  import { t } from "./clsx-BWCAbrjV.js";
4
- import { B as n, ct as r, et as i } from "./esm-zUd-Cmgs.js";
5
- import { t as a } from "./Button-CdrrwvXk.js";
6
- import { t as o } from "./Icon-DJTgdvsG.js";
7
- import { t as s } from "./Link-CYR92_U0.js";
8
- import { t as c } from "./InputSolo-CbnsJlJu.js";
9
- import { n as l } from "./Typography-DI1AkqiO.js";
4
+ import { V as n, lt as r, tt as i } from "./esm-DQBytmnt.js";
5
+ import { t as a } from "./Button-DFcjZsF4.js";
6
+ import { n as o } from "./Typography-DI1AkqiO.js";
7
+ import { t as s } from "./Icon-DJTgdvsG.js";
8
+ import { t as c } from "./Link-CYR92_U0.js";
9
+ import { t as l } from "./InputSolo-CbnsJlJu.js";
10
10
  import { useEffect as u, useRef as d, useState as f } from "react";
11
11
  import { jsx as p, jsxs as m } from "react/jsx-runtime";
12
12
  var h = {
@@ -72,13 +72,13 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
72
72
  }),
73
73
  "data-theme": L ? "light" : void 0,
74
74
  children: [
75
- /* @__PURE__ */ m("h2", { children: [/* @__PURE__ */ p(o, {
75
+ /* @__PURE__ */ m("h2", { children: [/* @__PURE__ */ p(s, {
76
76
  name: r,
77
77
  size: 12
78
78
  }), "Stay in the Loop"] }),
79
79
  L ? /* @__PURE__ */ m("div", {
80
80
  className: h.content,
81
- children: [/* @__PURE__ */ p(o, {
81
+ children: [/* @__PURE__ */ p(s, {
82
82
  name: n,
83
83
  size: 16
84
84
  }), E ? "Check your inbox and confirm your email to finish signing up." : "You’re already subscribed to our newsletter."]
@@ -90,7 +90,7 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
90
90
  className: h.errorTip,
91
91
  role: "alert",
92
92
  children: M
93
- }), /* @__PURE__ */ p(c, {
93
+ }), /* @__PURE__ */ p(l, {
94
94
  ref: C,
95
95
  placeholder: "Email address",
96
96
  type: "email",
@@ -104,7 +104,7 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
104
104
  size: 200,
105
105
  variant: "success",
106
106
  disabled: !0,
107
- children: [/* @__PURE__ */ p(o, {
107
+ children: [/* @__PURE__ */ p(s, {
108
108
  name: i,
109
109
  size: 16
110
110
  }), "You’re in"]
@@ -117,13 +117,13 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
117
117
  })
118
118
  })]
119
119
  }),
120
- /* @__PURE__ */ m(l, {
120
+ /* @__PURE__ */ m(o, {
121
121
  as: "p",
122
122
  size: 75,
123
123
  children: [
124
124
  "By signing up, you agree to the",
125
125
  " ",
126
- /* @__PURE__ */ p(s, {
126
+ /* @__PURE__ */ p(c, {
127
127
  as: g,
128
128
  href: _,
129
129
  variant: "fancy",
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import { t as e } from "./clsx-BWCAbrjV.js";
3
- import { t } from "./esm-zUd-Cmgs.js";
4
- import { t as n } from "./Button-CdrrwvXk.js";
3
+ import { n as t } from "./esm-DQBytmnt.js";
4
+ import { t as n } from "./Button-DFcjZsF4.js";
5
5
  import { t as r } from "./Container-BDssaLig.js";
6
- import { t as i } from "./Label-B-Xt6XQQ.js";
6
+ import { t as i } from "./Label-DTIv_3zs.js";
7
7
  import { useEffect as a, useState as o } from "react";
8
8
  import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
9
9
  var u = {
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import { d as e, o as t } from "./utils-bAjntFD8.js";
3
3
  import { t as n } from "./clsx-BWCAbrjV.js";
4
- import { D as r, E as i, h as a, l as o, tt as s } from "./esm-zUd-Cmgs.js";
5
- import { t as c } from "./Button-CdrrwvXk.js";
4
+ import { D as r, O as i, g as a, nt as o, u as s } from "./esm-DQBytmnt.js";
5
+ import { t as c } from "./Button-DFcjZsF4.js";
6
6
  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-DGI5uxql.js";
7
7
  import { a as S, i as te, n as C, r as w, t as T } from "./dist-D5nNWgEm.js";
8
8
  import * as E from "react";
@@ -204,11 +204,11 @@ function $({ children: e, id: t, ...r }) {
204
204
  }), /* @__PURE__ */ k("label", {
205
205
  htmlFor: t,
206
206
  className: Q.radio,
207
- children: [e, /* @__PURE__ */ O(s, { className: Q.check })]
207
+ children: [e, /* @__PURE__ */ O(o, { className: Q.check })]
208
208
  })] });
209
209
  }
210
210
  function de() {
211
- let { theme: n, systemTheme: s, setTheme: l } = e(), u = t();
211
+ let { theme: n, systemTheme: o, setTheme: l } = e(), u = t();
212
212
  return /* @__PURE__ */ k(oe, { children: [/* @__PURE__ */ O(ce, {
213
213
  asChild: !0,
214
214
  children: /* @__PURE__ */ k(c, {
@@ -228,9 +228,9 @@ function de() {
228
228
  checked: n === "system",
229
229
  onChange: () => l("system"),
230
230
  children: [
231
- /* @__PURE__ */ O(r, {}),
231
+ /* @__PURE__ */ O(i, {}),
232
232
  "Auto (",
233
- s,
233
+ o,
234
234
  ")"
235
235
  ]
236
236
  }),
@@ -239,14 +239,14 @@ function de() {
239
239
  name: "theme",
240
240
  checked: n === "light",
241
241
  onChange: () => l("light"),
242
- children: [/* @__PURE__ */ O(o, {}), "Light"]
242
+ children: [/* @__PURE__ */ O(s, {}), "Light"]
243
243
  }),
244
244
  /* @__PURE__ */ k($, {
245
245
  id: "dark",
246
246
  name: "theme",
247
247
  checked: n === "dark",
248
248
  onChange: () => l("dark"),
249
- children: [/* @__PURE__ */ O(i, {}), "Dark"]
249
+ children: [/* @__PURE__ */ O(r, {}), "Dark"]
250
250
  })
251
251
  ] })
252
252
  }) })] });
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { Q as t, Z as n } from "./esm-zUd-Cmgs.js";
2
+ import { $ as t, Q as n } from "./esm-DQBytmnt.js";
3
3
  import { t as r } from "./Icon-DJTgdvsG.js";
4
4
  import { forwardRef as i } from "react";
5
5
  import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";