highsoft-ui 1.0.17 → 1.0.18

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 (13) hide show
  1. package/dist/components/Button/index.js +25 -25
  2. package/dist/components/Container/index.d.ts +1 -1
  3. package/dist/components/Container/index.js +9 -14
  4. package/dist/components/GPTInput/index.js +38 -38
  5. package/dist/components/Header/index.js +66 -66
  6. package/dist/components/Notification/index.js +1 -1
  7. package/dist/components/PrefPanel/index.js +602 -599
  8. package/dist/highsoft-ui.css +1 -1
  9. package/dist/index-ChurKizy.js +68 -0
  10. package/dist/main.js +1 -1
  11. package/dist/scss/variables.scss +27 -18
  12. package/package.json +1 -1
  13. package/dist/index-xicPMd2c.js +0 -67
package/dist/components/Button/index.js CHANGED
@@ -1,34 +1,34 @@
1
- import { jsx as f } from "react/jsx-runtime";
2
- import { forwardRef as i } from "react";
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import { forwardRef as r } from "react";
3
3
  import { c } from "../../clsx-OuTLNxxd.js";
4
- const h = "_button_hf7ku_286", l = "_neutral_hf7ku_328", k = "_white_hf7ku_352", z = "_transparent_hf7ku_376", p = "_plain_hf7ku_400", b = "_brand_hf7ku_424", d = "_success_hf7ku_448", m = "_attention_hf7ku_472", w = "_danger_hf7ku_496", g = "_full_hf7ku_622", t = {
5
- button: h,
6
- neutral: l,
7
- white: k,
8
- transparent: z,
9
- plain: p,
10
- brand: b,
11
- success: d,
12
- attention: m,
13
- danger: w,
14
- "size-50": "_size-50_hf7ku_520",
15
- "size-100": "_size-100_hf7ku_537",
16
- "size-200": "_size-200_hf7ku_554",
17
- "size-300": "_size-300_hf7ku_571",
18
- "size-400": "_size-400_hf7ku_588",
19
- "size-500": "_size-500_hf7ku_605",
20
- full: g
21
- }, B = i(
4
+ const g = "_button_lp38g_270", u = "_neutral_lp38g_312", z = "_white_lp38g_336", f = "_transparent_lp38g_360", b = "_plain_lp38g_384", d = "_brand_lp38g_408", m = "_success_lp38g_432", w = "_attention_lp38g_456", h = "_danger_lp38g_480", x = "_full_lp38g_606", t = {
5
+ button: g,
6
+ neutral: u,
7
+ white: z,
8
+ transparent: f,
9
+ plain: b,
10
+ brand: d,
11
+ success: m,
12
+ attention: w,
13
+ danger: h,
14
+ "size-50": "_size-50_lp38g_504",
15
+ "size-100": "_size-100_lp38g_521",
16
+ "size-200": "_size-200_lp38g_538",
17
+ "size-300": "_size-300_lp38g_555",
18
+ "size-400": "_size-400_lp38g_572",
19
+ "size-500": "_size-500_lp38g_589",
20
+ full: x
21
+ }, N = r(
22
22
  ({
23
23
  children: _,
24
24
  variant: s = "neutral",
25
25
  size: n = 200,
26
26
  fullWidth: e = !1,
27
- as: u = "button",
27
+ as: l = "button",
28
28
  className: o,
29
29
  ...a
30
- }, r) => /* @__PURE__ */ f(
31
- u,
30
+ }, p) => /* @__PURE__ */ i(
31
+ l,
32
32
  {
33
33
  className: c(
34
34
  o,
@@ -39,12 +39,12 @@ const h = "_button_hf7ku_286", l = "_neutral_hf7ku_328", k = "_white_hf7ku_352",
39
39
  [t.full]: e
40
40
  }
41
41
  ),
42
- ref: r,
42
+ ref: p,
43
43
  ...a,
44
44
  children: _
45
45
  }
46
46
  )
47
47
  );
48
48
  export {
49
- B as Button
49
+ N as Button
50
50
  };
package/dist/components/Container/index.d.ts CHANGED
@@ -2,4 +2,4 @@ import { ElementType, HTMLAttributes } from 'react';
2
2
  export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
3
3
  as?: ElementType;
4
4
  }
5
- export declare function Container({ children, className, as: Component, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare const Container: import('react').ForwardRefExoticComponent<ContainerProps & import('react').RefAttributes<HTMLDivElement>>;
package/dist/components/Container/index.js CHANGED
@@ -1,16 +1,11 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import { c as s } from "../../clsx-OuTLNxxd.js";
3
- const a = "_container_mh6y2_1", e = {
4
- container: a
5
- };
6
- function f({
7
- children: n,
8
- className: o,
9
- as: t = "div",
10
- ...r
11
- }) {
12
- return /* @__PURE__ */ c(t, { className: s(o, e.container), ...r, children: n });
13
- }
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { forwardRef as c } from "react";
3
+ import { c as e } from "../../clsx-OuTLNxxd.js";
4
+ const i = "_container_mh6y2_1", m = {
5
+ container: i
6
+ }, x = c(
7
+ ({ children: o, className: r, as: n = "div", ...t }, s) => /* @__PURE__ */ a(n, { className: e(r, m.container), ref: s, ...t, children: o })
8
+ );
14
9
  export {
15
- f as Container
10
+ x as Container
16
11
  };
package/dist/components/GPTInput/index.js CHANGED
@@ -1,30 +1,30 @@
1
- import { jsx as e, jsxs as l } from "react/jsx-runtime";
1
+ import { jsx as n, jsxs as l } from "react/jsx-runtime";
2
2
  import { useRef as h, useState as b, useLayoutEffect as x } from "react";
3
- import { c as d } from "../../clsx-OuTLNxxd.js";
4
- import g from "../icons/Bubble.js";
5
- import C from "../icons/Plane.js";
6
- const v = "_inputContainer_1ydpn_286", S = "_bottomFade_1ydpn_289", K = "_inputWrap_1ydpn_292", P = "_textarea_1ydpn_295", N = "_button_1ydpn_361", W = "_primary_1ydpn_396", k = "_secondary_1ydpn_405", D = "_disclaimer_1ydpn_411", r = {
7
- inputContainer: v,
8
- bottomFade: S,
9
- inputWrap: K,
10
- textarea: P,
11
- button: N,
12
- primary: W,
13
- secondary: k,
14
- disclaimer: D
3
+ import { c as y } from "../../clsx-OuTLNxxd.js";
4
+ import j from "../icons/Bubble.js";
5
+ import g from "../icons/Plane.js";
6
+ const C = "_inputContainer_4jy94_270", v = "_bottomFade_4jy94_273", S = "_inputWrap_4jy94_276", K = "_textarea_4jy94_279", P = "_button_4jy94_345", N = "_primary_4jy94_380", W = "_secondary_4jy94_389", k = "_disclaimer_4jy94_395", r = {
7
+ inputContainer: C,
8
+ bottomFade: v,
9
+ inputWrap: S,
10
+ textarea: K,
11
+ button: P,
12
+ primary: N,
13
+ secondary: W,
14
+ disclaimer: k
15
15
  };
16
- function F({
16
+ function D({
17
17
  variant: a = "primary",
18
18
  className: s,
19
- children: n,
19
+ children: e,
20
20
  ...o
21
21
  }) {
22
- return /* @__PURE__ */ e(
22
+ return /* @__PURE__ */ n(
23
23
  "button",
24
24
  {
25
- className: d(r.button, r[a], s),
25
+ className: y(r.button, r[a], s),
26
26
  ...o,
27
- children: /* @__PURE__ */ e("span", { children: n })
27
+ children: /* @__PURE__ */ n("span", { children: e })
28
28
  }
29
29
  );
30
30
  }
@@ -32,49 +32,49 @@ function I({
32
32
  autoFocus: a,
33
33
  onSubmit: s
34
34
  }) {
35
- const n = h(null), [o, i] = b(""), c = o.trim(), p = !!c;
35
+ const e = h(null), [o, i] = b(""), c = o.trim(), u = !!c;
36
36
  x(() => {
37
37
  var t;
38
- a && ((t = n.current) == null || t.focus());
38
+ a && ((t = e.current) == null || t.focus());
39
39
  }, [a]);
40
- const u = () => {
41
- const t = n.current;
40
+ const p = () => {
41
+ const t = e.current;
42
42
  t && (t.style.height = "64px", t.style.height = `${t.scrollHeight + 4}px`);
43
- }, y = (t) => {
44
- i(t.target.value), u();
45
- }, m = (t) => {
46
- t.preventDefault(), s(c), i(""), requestAnimationFrame(u);
47
43
  }, _ = (t) => {
44
+ i(t.target.value), p();
45
+ }, m = (t) => {
46
+ t.preventDefault(), s(c), i(""), requestAnimationFrame(p);
47
+ }, d = (t) => {
48
48
  t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && m(t);
49
49
  }, f = () => {
50
50
  var t;
51
- (t = n.current) == null || t.focus();
51
+ (t = e.current) == null || t.focus();
52
52
  };
53
53
  return /* @__PURE__ */ l(
54
54
  "form",
55
55
  {
56
- className: d(r.inputWrap, { [r.active]: p }),
57
- onKeyDown: _,
56
+ className: y(r.inputWrap, { [r.active]: u }),
57
+ onKeyDown: d,
58
58
  onSubmit: m,
59
59
  children: [
60
- /* @__PURE__ */ e(g, {}),
61
- /* @__PURE__ */ e(
60
+ /* @__PURE__ */ n(j, {}),
61
+ /* @__PURE__ */ n(
62
62
  "textarea",
63
63
  {
64
64
  className: r.textarea,
65
- ref: n,
65
+ ref: e,
66
66
  value: o,
67
- onChange: y
67
+ onChange: _
68
68
  }
69
69
  ),
70
70
  /* @__PURE__ */ l(
71
- F,
71
+ D,
72
72
  {
73
- variant: p ? "primary" : "secondary",
73
+ variant: u ? "primary" : "secondary",
74
74
  onClick: f,
75
75
  children: [
76
- /* @__PURE__ */ e(C, {}),
77
- /* @__PURE__ */ e("span", { className: "sr-only", children: "Send message" })
76
+ /* @__PURE__ */ n(g, {}),
77
+ /* @__PURE__ */ n("span", { className: "sr-only", children: "Send message" })
78
78
  ]
79
79
  }
80
80
  )
@@ -84,5 +84,5 @@ function I({
84
84
  }
85
85
  export {
86
86
  I as GPTInput,
87
- F as default
87
+ D as default
88
88
  };
package/dist/components/Header/index.js CHANGED
@@ -1,13 +1,13 @@
1
- import { jsx as e, jsxs as o, Fragment as V } from "react/jsx-runtime";
1
+ import { jsx as e, jsxs as o, Fragment as q } from "react/jsx-runtime";
2
2
  import { useState as M, useEffect as U } from "react";
3
3
  import { J as z } from "../../index-CMegByeX.js";
4
4
  import { _ as d } from "../../extends-hS2Bh-Yp.js";
5
- import { N as J, X as A } from "../../index-xicPMd2c.js";
5
+ import { N as J, X as A } from "../../index-ChurKizy.js";
6
6
  import { c as g } from "../../clsx-OuTLNxxd.js";
7
7
  import { Button as h } from "../Button/index.js";
8
- import { Container as W } from "../Container/index.js";
9
- import { ThemedLogo as q } from "../Logo/index.js";
10
- import { PrefPanel as N } from "../PrefPanel/index.js";
8
+ import { Container as j } from "../Container/index.js";
9
+ import { ThemedLogo as N } from "../Logo/index.js";
10
+ import { PrefPanel as S } from "../PrefPanel/index.js";
11
11
  import { useMediaQuery as b } from "../../utils.js";
12
12
  var G = function(t) {
13
13
  return /* @__PURE__ */ e("svg", d({
@@ -121,7 +121,7 @@ var G = function(t) {
121
121
  d: "M12 16v5m6 0-3.9514-3.2928c-.7288-.6074-1.0932-.911-1.4999-1.0271a2 2 0 0 0-1.0974 0c-.4067.1161-.7711.4197-1.4999 1.0271L6 21m2-10v1m4-3v3m4-5v5m6-9H2m1 0h18v8.2c0 1.6802 0 2.5202-.327 3.162a3 3 0 0 1-1.311 1.311C18.7202 16 17.8802 16 16.2 16H7.8c-1.6802 0-2.5202 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 13.7202 3 12.8802 3 11.2z"
122
122
  })
123
123
  }));
124
- }, S = function(t) {
124
+ }, L = function(t) {
125
125
  return /* @__PURE__ */ e("svg", d({
126
126
  xmlns: "http://www.w3.org/2000/svg",
127
127
  width: 24,
@@ -137,7 +137,7 @@ var G = function(t) {
137
137
  d: "m21 21-4.35-4.35M19 11c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8"
138
138
  })
139
139
  }));
140
- }, L = function(t) {
140
+ }, T = function(t) {
141
141
  return /* @__PURE__ */ e("svg", d({
142
142
  xmlns: "http://www.w3.org/2000/svg",
143
143
  width: 24,
@@ -153,7 +153,7 @@ var G = function(t) {
153
153
  d: "M4.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.7342 4.5089c-.282.7332-.423 1.0998-.6423 1.4082a3 3 0 0 1-.7064.7064c-.3084.2193-.675.3603-1.4082.6423L4 12l4.5089 1.7342c.7332.282 1.0998.423 1.4082.6423.2733.1943.5121.4331.7064.7064.2193.3084.3603.675.6423 1.4082L13 21l1.7342-4.5089c.282-.7332.423-1.0998.6423-1.4082a3 3 0 0 1 .7064-.7064c.3084-.2193.675-.3603 1.4082-.6423L22 12l-4.5089-1.7342c-.7332-.282-1.0998-.423-1.4082-.6423a3 3 0 0 1-.7064-.7064c-.2193-.3084-.3603-.675-.6423-1.4082z"
154
154
  })
155
155
  }));
156
- }, T = function(t) {
156
+ }, B = function(t) {
157
157
  return /* @__PURE__ */ e("svg", d({
158
158
  xmlns: "http://www.w3.org/2000/svg",
159
159
  width: 24,
@@ -169,7 +169,7 @@ var G = function(t) {
169
169
  d: "m7 15 3-3-3-3m6 6h4m-9.2 6h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8v8.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C5.2798 21 6.1198 21 7.8 21"
170
170
  })
171
171
  }));
172
- }, B = function(t) {
172
+ }, H = function(t) {
173
173
  return /* @__PURE__ */ e("svg", d({
174
174
  xmlns: "http://www.w3.org/2000/svg",
175
175
  width: 24,
@@ -186,7 +186,7 @@ var G = function(t) {
186
186
  })
187
187
  }));
188
188
  };
189
- const R = "_header_1qm4u_286", I = "_outer_1qm4u_297", K = "_main_1qm4u_306", Y = "_container_1qm4u_310", Z = "_links_1qm4u_316", e1 = "_buttons_1qm4u_317", t1 = "_menu_1qm4u_325", r1 = "_logo_1qm4u_330", n1 = "_subContainer_1qm4u_342", o1 = "_selected_1qm4u_370", s1 = "_subTag_1qm4u_382", i1 = "_mobileOverlay_1qm4u_400", a1 = "_show_1qm4u_1", c1 = "_open_1qm4u_412", h1 = "_mobile_1qm4u_400", l1 = "_slideUp_1qm4u_1", d1 = "_sub_1qm4u_342", u1 = "_gpt_1qm4u_478", r = {
189
+ const R = "_header_k7iuf_270", I = "_outer_k7iuf_281", K = "_main_k7iuf_290", Y = "_container_k7iuf_294", Z = "_links_k7iuf_300", e1 = "_buttons_k7iuf_301", t1 = "_menu_k7iuf_309", r1 = "_logo_k7iuf_314", n1 = "_subContainer_k7iuf_326", o1 = "_selected_k7iuf_354", i1 = "_subTag_k7iuf_366", s1 = "_mobileOverlay_k7iuf_384", a1 = "_show_k7iuf_1", c1 = "_open_k7iuf_396", h1 = "_mobile_k7iuf_384", l1 = "_slideUp_k7iuf_1", d1 = "_sub_k7iuf_326", u1 = "_gpt_k7iuf_462", r = {
190
190
  header: R,
191
191
  outer: I,
192
192
  main: K,
@@ -197,17 +197,17 @@ const R = "_header_1qm4u_286", I = "_outer_1qm4u_297", K = "_main_1qm4u_306", Y
197
197
  logo: r1,
198
198
  subContainer: n1,
199
199
  selected: o1,
200
- subTag: s1,
201
- "subTag-success": "_subTag-success_1qm4u_387",
202
- "subTag-brand": "_subTag-brand_1qm4u_391",
203
- mobileOverlay: i1,
200
+ subTag: i1,
201
+ "subTag-success": "_subTag-success_k7iuf_371",
202
+ "subTag-brand": "_subTag-brand_k7iuf_375",
203
+ mobileOverlay: s1,
204
204
  show: a1,
205
205
  open: c1,
206
206
  mobile: h1,
207
207
  slideUp: l1,
208
208
  sub: d1,
209
209
  gpt: u1
210
- }, H = [
210
+ }, W = [
211
211
  {
212
212
  title: "Products",
213
213
  url: "https://highcharts.com/products/",
@@ -246,9 +246,9 @@ function m1({
246
246
  items: n,
247
247
  host: t
248
248
  }) {
249
- return /* @__PURE__ */ e("div", { className: g(r.sub, r.outer), children: /* @__PURE__ */ e(W, { className: r.subContainer, as: "ul", children: n.map(
250
- ({ title: p, url: c, icon: i, tag: w, tagVariant: f = "success", link: _ = "a" }, m) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(_, { href: l(c, t), children: [
251
- i,
249
+ return /* @__PURE__ */ e("div", { className: g(r.sub, r.outer), children: /* @__PURE__ */ e(j, { className: r.subContainer, as: "ul", children: n.map(
250
+ ({ title: p, url: c, icon: s, tag: w, tagVariant: v = "success", link: k = "a" }, m) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(k, { href: l(c, t), children: [
251
+ s,
252
252
  /* @__PURE__ */ o("span", { children: [
253
253
  p,
254
254
  w && /* @__PURE__ */ e(
@@ -256,7 +256,7 @@ function m1({
256
256
  {
257
257
  className: g(
258
258
  r.subTag,
259
- r[`subTag-${f}`]
259
+ r[`subTag-${v}`]
260
260
  ),
261
261
  children: w
262
262
  }
@@ -265,37 +265,37 @@ function m1({
265
265
  ] }) }, m)
266
266
  ) }) });
267
267
  }
268
- function q1({
268
+ function N1({
269
269
  subItems: n,
270
270
  children: t,
271
271
  notifications: p = [],
272
272
  // TODO: Fetch these from the internets
273
273
  link: c = "a",
274
- host: i = "https://www.highcharts.com"
274
+ host: s = "https://www.highcharts.com"
275
275
  }) {
276
- const w = b("(max-width: 374px)"), f = b("(max-width: 849px)"), _ = b("(min-width: 850px) and (max-width: 999px)"), [m, j] = M(!1), [v, k] = M([]);
276
+ const w = b("(max-width: 374px)"), v = b("(max-width: 849px)"), k = b("(min-width: 850px) and (max-width: 999px)"), [m, O] = M(!1), [f, _] = M([]);
277
277
  U(() => {
278
278
  if (p.length) {
279
279
  const a = localStorage.getItem("notifications");
280
280
  if (a) {
281
281
  const u = JSON.parse(a);
282
- k(
282
+ _(
283
283
  p.filter(
284
- (s) => !s.id || !u.closed.includes(s.id)
284
+ (i) => !i.id || !u.closed.includes(i.id)
285
285
  )
286
286
  );
287
287
  } else
288
- k(p);
288
+ _(p);
289
289
  }
290
290
  }, [p]);
291
291
  const x = () => {
292
- j(!m);
293
- }, O = (a) => {
294
- k(v.filter((s) => !s.id || s.id !== a));
292
+ O(!m);
293
+ }, y = (a) => {
294
+ _(f.filter((i) => !i.id || i.id !== a));
295
295
  const u = localStorage.getItem("notifications");
296
296
  if (u) {
297
- const s = JSON.parse(u);
298
- s.closed.includes(a) || (s.closed.push(a), localStorage.setItem("notifications", JSON.stringify(s)));
297
+ const i = JSON.parse(u);
298
+ i.closed.includes(a) || (i.closed.push(a), localStorage.setItem("notifications", JSON.stringify(i)));
299
299
  } else
300
300
  localStorage.setItem(
301
301
  "notifications",
@@ -305,38 +305,38 @@ function q1({
305
305
  );
306
306
  };
307
307
  return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ o("header", { className: r.header, children: [
308
- v == null ? void 0 : v.map(
309
- ({ id: a, title: u, description: s, variant: C, closable: y }, P) => /* @__PURE__ */ e(
308
+ f == null ? void 0 : f.map(
309
+ ({ id: a, title: u, description: i, variant: C, closable: P }, V) => /* @__PURE__ */ e(
310
310
  J,
311
311
  {
312
- description: s,
312
+ description: i,
313
313
  variant: C,
314
- closable: y,
315
- onClose: () => O(a),
314
+ closable: P,
315
+ onClose: () => y(a),
316
316
  children: u
317
317
  },
318
- P
318
+ V
319
319
  )
320
320
  ),
321
- /* @__PURE__ */ e("div", { className: g(r.main, r.outer), children: /* @__PURE__ */ o(W, { as: "nav", className: r.container, children: [
321
+ /* @__PURE__ */ e("div", { className: g(r.main, r.outer), children: /* @__PURE__ */ o(j, { as: "nav", className: r.container, children: [
322
322
  /* @__PURE__ */ e(
323
323
  c,
324
324
  {
325
325
  className: r.logo,
326
- href: l("https://www.highcharts.com/", i),
327
- children: /* @__PURE__ */ e(q, { showText: !_ && !w })
326
+ href: l("https://www.highcharts.com/", s),
327
+ children: /* @__PURE__ */ e(N, { showText: !k && !w })
328
328
  }
329
329
  ),
330
- /* @__PURE__ */ e("ul", { className: r.links, children: H.map(({ title: a, url: u }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
330
+ /* @__PURE__ */ e("ul", { className: r.links, children: W.map(({ title: a, url: u }, i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
331
331
  h,
332
332
  {
333
333
  variant: "plain",
334
334
  size: 300,
335
335
  as: c,
336
- href: l(u, i),
336
+ href: l(u, s),
337
337
  children: a
338
338
  }
339
- ) }, s)) }),
339
+ ) }, i)) }),
340
340
  /* @__PURE__ */ o("div", { className: r.buttons, children: [
341
341
  /* @__PURE__ */ o(
342
342
  h,
@@ -345,24 +345,24 @@ function q1({
345
345
  as: c,
346
346
  href: l(
347
347
  "https://www.highcharts.com/chat/gpt/",
348
- i
348
+ s
349
349
  ),
350
350
  children: [
351
351
  /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
352
- /* @__PURE__ */ e(L, {})
352
+ /* @__PURE__ */ e(T, {})
353
353
  ]
354
354
  }
355
355
  ),
356
- /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(S, {}) }),
357
- /* @__PURE__ */ e(N, {}),
356
+ /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(L, {}) }),
357
+ /* @__PURE__ */ e(S, {}),
358
358
  /* @__PURE__ */ e(
359
359
  h,
360
360
  {
361
361
  variant: "brand",
362
362
  as: c,
363
- href: l("https://shop.highcharts.com/account", i),
363
+ href: l("https://shop.highcharts.com/account", s),
364
364
  "aria-label": "Login",
365
- children: /* @__PURE__ */ e(B, {})
365
+ children: /* @__PURE__ */ e(H, {})
366
366
  }
367
367
  ),
368
368
  /* @__PURE__ */ o(
@@ -372,10 +372,10 @@ function q1({
372
372
  as: c,
373
373
  href: l(
374
374
  "https://www.highcharts.com/download/",
375
- i
375
+ s
376
376
  ),
377
377
  children: [
378
- /* @__PURE__ */ e(T, {}),
378
+ /* @__PURE__ */ e(B, {}),
379
379
  "Get started"
380
380
  ]
381
381
  }
@@ -394,9 +394,9 @@ function q1({
394
394
  )
395
395
  ] })
396
396
  ] }) }),
397
- !!(n != null && n.length) && /* @__PURE__ */ e(m1, { items: n, host: i }),
397
+ !!(n != null && n.length) && /* @__PURE__ */ e(m1, { items: n, host: s }),
398
398
  t,
399
- f && /* @__PURE__ */ o(V, { children: [
399
+ v && /* @__PURE__ */ o(q, { children: [
400
400
  /* @__PURE__ */ e(
401
401
  "div",
402
402
  {
@@ -416,8 +416,8 @@ function q1({
416
416
  c,
417
417
  {
418
418
  className: r.logo,
419
- href: l("https://www.highcharts.com/", i),
420
- children: /* @__PURE__ */ e(q, { showText: !w })
419
+ href: l("https://www.highcharts.com/", s),
420
+ children: /* @__PURE__ */ e(N, { showText: !w })
421
421
  }
422
422
  ),
423
423
  /* @__PURE__ */ o("div", { className: r.buttons, children: [
@@ -428,16 +428,16 @@ function q1({
428
428
  as: c,
429
429
  href: l(
430
430
  "https://www.highcharts.com/chat/gpt/",
431
- i
431
+ s
432
432
  ),
433
433
  children: [
434
434
  /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
435
- /* @__PURE__ */ e(L, {})
435
+ /* @__PURE__ */ e(T, {})
436
436
  ]
437
437
  }
438
438
  ),
439
- /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(S, {}) }),
440
- /* @__PURE__ */ e(N, {})
439
+ /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(L, {}) }),
440
+ /* @__PURE__ */ e(S, {})
441
441
  ] })
442
442
  ] }),
443
443
  /* @__PURE__ */ o("div", { className: r.buttons, children: [
@@ -449,10 +449,10 @@ function q1({
449
449
  as: c,
450
450
  href: l(
451
451
  "https://shop.highcharts.com/account",
452
- i
452
+ s
453
453
  ),
454
454
  children: [
455
- /* @__PURE__ */ e(B, {}),
455
+ /* @__PURE__ */ e(H, {}),
456
456
  "Login"
457
457
  ]
458
458
  }
@@ -465,25 +465,25 @@ function q1({
465
465
  as: c,
466
466
  href: l(
467
467
  "https://www.highcharts.com/download/",
468
- i
468
+ s
469
469
  ),
470
470
  children: [
471
- /* @__PURE__ */ e(T, {}),
471
+ /* @__PURE__ */ e(B, {}),
472
472
  "Get started"
473
473
  ]
474
474
  }
475
475
  )
476
476
  ] }),
477
- /* @__PURE__ */ e("ul", { className: r.links, children: H.map(({ title: a, url: u, icon: s }, C) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
477
+ /* @__PURE__ */ e("ul", { className: r.links, children: W.map(({ title: a, url: u, icon: i }, C) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
478
478
  h,
479
479
  {
480
480
  variant: "plain",
481
481
  size: 500,
482
482
  fullWidth: !0,
483
483
  as: c,
484
- href: l(u, i),
484
+ href: l(u, s),
485
485
  children: [
486
- s,
486
+ i,
487
487
  a
488
488
  ]
489
489
  }
@@ -495,6 +495,6 @@ function q1({
495
495
  ] }) });
496
496
  }
497
497
  export {
498
- q1 as Header,
498
+ N1 as Header,
499
499
  m1 as SubHeader
500
500
  };
package/dist/components/Notification/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { N as f } from "../../index-xicPMd2c.js";
3
+ import { N as f } from "../../index-ChurKizy.js";
4
4
  import "../../clsx-OuTLNxxd.js";
5
5
  import "../Button/index.js";
6
6
  import "../Container/index.js";