highsoft-ui 1.0.16 → 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 +34 -34
  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 +29 -29
  5. package/dist/components/Header/index.js +108 -108
  6. package/dist/components/Notification/index.js +1 -1
  7. package/dist/components/PrefPanel/index.js +600 -597
  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 +29 -19
  12. package/package.json +1 -1
  13. package/dist/index-CDZ29FbL.js +0 -60
package/dist/components/Header/index.js CHANGED
@@ -2,21 +2,21 @@ 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-CDZ29FbL.js";
6
- import { c as w } from "../../clsx-OuTLNxxd.js";
5
+ import { N as J, X as A } from "../../index-ChurKizy.js";
6
+ import { c as g } from "../../clsx-OuTLNxxd.js";
7
7
  import { Button as h } from "../Button/index.js";
8
8
  import { Container as j } from "../Container/index.js";
9
9
  import { ThemedLogo as N } from "../Logo/index.js";
10
10
  import { PrefPanel as S } from "../PrefPanel/index.js";
11
11
  import { useMediaQuery as b } from "../../utils.js";
12
- var G = function(r) {
12
+ var G = function(t) {
13
13
  return /* @__PURE__ */ e("svg", d({
14
14
  xmlns: "http://www.w3.org/2000/svg",
15
15
  width: 24,
16
16
  height: 24,
17
17
  fill: "none",
18
18
  viewBox: "0 0 24 24"
19
- }, r, {
19
+ }, t, {
20
20
  children: /* @__PURE__ */ e("path", {
21
21
  stroke: "currentColor",
22
22
  strokeLinecap: "round",
@@ -25,14 +25,14 @@ var G = function(r) {
25
25
  d: "M18.5 16c1.933 0 3.5-2.9101 3.5-6.5C22 5.9102 20.433 3 18.5 3m0 13c-1.933 0-3.5-2.9101-3.5-6.5C15 5.9102 16.567 3 18.5 3m0 13L5.4435 13.6261c-.9275-.1686-1.3912-.253-1.7662-.4371a3 3 0 0 1-1.5632-1.8731C2 10.914 2 10.4427 2 9.5s0-1.414.1141-1.816a3 3 0 0 1 1.5632-1.873c.375-.1841.8388-.2685 1.7662-.4371L18.5 3M5 14l.3939 5.514c.0374.5236.056.7855.17.9839a1 1 0 0 0 .4324.4026c.206.0995.4685.0995.9935.0995h1.7824c.6001 0 .9002 0 1.1223-.1197a1 1 0 0 0 .4397-.4748c.1023-.2306.0793-.5298.0333-1.1282L10 14.5"
26
26
  })
27
27
  }));
28
- }, F = function(r) {
28
+ }, F = function(t) {
29
29
  return /* @__PURE__ */ e("svg", d({
30
30
  xmlns: "http://www.w3.org/2000/svg",
31
31
  width: 24,
32
32
  height: 24,
33
33
  fill: "none",
34
34
  viewBox: "0 0 24 24"
35
- }, r, {
35
+ }, t, {
36
36
  children: /* @__PURE__ */ e("path", {
37
37
  stroke: "currentColor",
38
38
  strokeLinecap: "round",
@@ -41,14 +41,14 @@ var G = function(r) {
41
41
  d: "M6 11v4m12-6v4m-1-9c2.4487 0 3.7731.3748 4.4321.6654.0878.0388.1317.0581.2583.179.0759.0724.2145.285.2501.3837.0595.1646.0595.2546.0595.4346v10.7484c0 .9088 0 1.3632-.1363 1.5968-.1386.2375-.2723.348-.5318.4393-.255.0897-.7699-.0092-1.7997-.2071A13.45 13.45 0 0 0 17 18c-3 0-6 2-10 2-2.4487 0-3.7731-.3748-4.4321-.6654-.0878-.0388-.1317-.0581-.2583-.179-.076-.0724-.2145-.285-.2501-.3837C2 18.6073 2 18.5173 2 18.3373V7.5889c0-.9088 0-1.3632.1363-1.5968.1386-.2375.2723-.348.5318-.4393.255-.0898.77.0092 1.7997.207A13.44 13.44 0 0 0 7 6c3 0 6-2 10-2m-2.5 8c0 1.3807-1.1193 2.5-2.5 2.5S9.5 13.3807 9.5 12s1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5"
42
42
  })
43
43
  }));
44
- }, Q = function(r) {
44
+ }, Q = function(t) {
45
45
  return /* @__PURE__ */ e("svg", d({
46
46
  xmlns: "http://www.w3.org/2000/svg",
47
47
  width: 24,
48
48
  height: 24,
49
49
  fill: "none",
50
50
  viewBox: "0 0 24 24"
51
- }, r, {
51
+ }, t, {
52
52
  children: /* @__PURE__ */ e("path", {
53
53
  stroke: "currentColor",
54
54
  strokeLinecap: "round",
@@ -57,14 +57,14 @@ var G = function(r) {
57
57
  d: "M11 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8v8.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C5.2798 21 6.1198 21 7.8 21h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V13m-9-5h4v4m-.5-8.5V2m3.9393 2.5607L20.5 3.5m.0103 5h1.5M3 13.3471c.652.1007 1.3199.1529 2 .1529 4.3864 0 8.2653-2.1724 10.6197-5.5"
58
58
  })
59
59
  }));
60
- }, X = function(r) {
60
+ }, X = function(t) {
61
61
  return /* @__PURE__ */ e("svg", d({
62
62
  xmlns: "http://www.w3.org/2000/svg",
63
63
  width: 24,
64
64
  height: 24,
65
65
  fill: "none",
66
66
  viewBox: "0 0 24 24"
67
- }, r, {
67
+ }, t, {
68
68
  children: /* @__PURE__ */ e("path", {
69
69
  stroke: "currentColor",
70
70
  strokeLinecap: "round",
@@ -73,14 +73,14 @@ var G = function(r) {
73
73
  d: "M14 2.2695v4.1306c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C14.7599 8 15.0399 8 15.6 8h4.1305M16 13H8m8 4H8m2-8H8m6-7H8.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C4 4.2798 4 5.1198 4 6.8v10.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C6.2798 22 7.1198 22 8.8 22h6.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C20 19.7202 20 18.8802 20 17.2V8z"
74
74
  })
75
75
  }));
76
- }, $ = function(r) {
76
+ }, $ = function(t) {
77
77
  return /* @__PURE__ */ e("svg", d({
78
78
  xmlns: "http://www.w3.org/2000/svg",
79
79
  width: 24,
80
80
  height: 24,
81
81
  fill: "none",
82
82
  viewBox: "0 0 24 24"
83
- }, r, {
83
+ }, t, {
84
84
  children: /* @__PURE__ */ e("path", {
85
85
  stroke: "currentColor",
86
86
  strokeLinecap: "round",
@@ -89,14 +89,14 @@ var G = function(r) {
89
89
  d: "M3 12h12M3 6h18M3 18h18"
90
90
  })
91
91
  }));
92
- }, D = function(r) {
92
+ }, D = function(t) {
93
93
  return /* @__PURE__ */ e("svg", d({
94
94
  xmlns: "http://www.w3.org/2000/svg",
95
95
  width: 24,
96
96
  height: 24,
97
97
  fill: "none",
98
98
  viewBox: "0 0 24 24"
99
- }, r, {
99
+ }, t, {
100
100
  children: /* @__PURE__ */ e("path", {
101
101
  stroke: "currentColor",
102
102
  strokeLinecap: "round",
@@ -105,14 +105,14 @@ var G = function(r) {
105
105
  d: "M10 8.0022a2.2485 2.2485 0 0 1 2.501-1.4698 2.248 2.248 0 0 1 1.8682 2.2193c0 1.4989-2.2483 2.2483-2.2483 2.2483m.029 3h.01M7 18v2.3355c0 .5329 0 .7993.1092.9361a.5.5 0 0 0 .3913.1881c.1751-.0002.3832-.1666.7993-.4995l2.3854-1.9084c.4873-.3898.731-.5847 1.0023-.7233a3 3 0 0 1 .7617-.2672C12.7477 18 13.0597 18 13.6837 18H16.2c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 15.7202 21 14.8802 21 13.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8V14c0 .93 0 1.395.1022 1.7765a3 3 0 0 0 2.1213 2.1213C5.605 18 6.07 18 7 18"
106
106
  })
107
107
  }));
108
- }, E = function(r) {
108
+ }, E = function(t) {
109
109
  return /* @__PURE__ */ e("svg", d({
110
110
  xmlns: "http://www.w3.org/2000/svg",
111
111
  width: 24,
112
112
  height: 24,
113
113
  fill: "none",
114
114
  viewBox: "0 0 24 24"
115
- }, r, {
115
+ }, t, {
116
116
  children: /* @__PURE__ */ e("path", {
117
117
  stroke: "currentColor",
118
118
  strokeLinecap: "round",
@@ -121,14 +121,14 @@ var G = function(r) {
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
- }, L = function(r) {
124
+ }, L = function(t) {
125
125
  return /* @__PURE__ */ e("svg", d({
126
126
  xmlns: "http://www.w3.org/2000/svg",
127
127
  width: 24,
128
128
  height: 24,
129
129
  fill: "none",
130
130
  viewBox: "0 0 24 24"
131
- }, r, {
131
+ }, t, {
132
132
  children: /* @__PURE__ */ e("path", {
133
133
  stroke: "currentColor",
134
134
  strokeLinecap: "round",
@@ -137,14 +137,14 @@ var G = function(r) {
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
- }, T = function(r) {
140
+ }, T = function(t) {
141
141
  return /* @__PURE__ */ e("svg", d({
142
142
  xmlns: "http://www.w3.org/2000/svg",
143
143
  width: 24,
144
144
  height: 24,
145
145
  fill: "none",
146
146
  viewBox: "0 0 24 24"
147
- }, r, {
147
+ }, t, {
148
148
  children: /* @__PURE__ */ e("path", {
149
149
  stroke: "currentColor",
150
150
  strokeLinecap: "round",
@@ -153,14 +153,14 @@ var G = function(r) {
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
- }, B = function(r) {
156
+ }, B = function(t) {
157
157
  return /* @__PURE__ */ e("svg", d({
158
158
  xmlns: "http://www.w3.org/2000/svg",
159
159
  width: 24,
160
160
  height: 24,
161
161
  fill: "none",
162
162
  viewBox: "0 0 24 24"
163
- }, r, {
163
+ }, t, {
164
164
  children: /* @__PURE__ */ e("path", {
165
165
  stroke: "currentColor",
166
166
  strokeLinecap: "round",
@@ -169,14 +169,14 @@ var G = function(r) {
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
- }, H = function(r) {
172
+ }, H = function(t) {
173
173
  return /* @__PURE__ */ e("svg", d({
174
174
  xmlns: "http://www.w3.org/2000/svg",
175
175
  width: 24,
176
176
  height: 24,
177
177
  fill: "none",
178
178
  viewBox: "0 0 24 24"
179
- }, r, {
179
+ }, t, {
180
180
  children: /* @__PURE__ */ e("path", {
181
181
  stroke: "currentColor",
182
182
  strokeLinecap: "round",
@@ -186,22 +186,22 @@ var G = function(r) {
186
186
  })
187
187
  }));
188
188
  };
189
- const R = "_header_ap7gr_285", I = "_outer_ap7gr_296", K = "_main_ap7gr_305", Y = "_container_ap7gr_309", Z = "_links_ap7gr_315", e1 = "_buttons_ap7gr_316", r1 = "_menu_ap7gr_324", t1 = "_logo_ap7gr_329", n1 = "_subContainer_ap7gr_341", o1 = "_selected_ap7gr_369", s1 = "_subTag_ap7gr_381", a1 = "_mobileOverlay_ap7gr_399", i1 = "_show_ap7gr_1", c1 = "_open_ap7gr_411", h1 = "_mobile_ap7gr_399", l1 = "_slideUp_ap7gr_1", d1 = "_sub_ap7gr_341", u1 = "_gpt_ap7gr_477", t = {
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,
193
193
  container: Y,
194
194
  links: Z,
195
195
  buttons: e1,
196
- menu: r1,
197
- logo: t1,
196
+ menu: t1,
197
+ logo: r1,
198
198
  subContainer: n1,
199
199
  selected: o1,
200
- subTag: s1,
201
- "subTag-success": "_subTag-success_ap7gr_386",
202
- "subTag-brand": "_subTag-brand_ap7gr_390",
203
- mobileOverlay: a1,
204
- show: i1,
200
+ subTag: i1,
201
+ "subTag-success": "_subTag-success_k7iuf_371",
202
+ "subTag-brand": "_subTag-brand_k7iuf_375",
203
+ mobileOverlay: s1,
204
+ show: a1,
205
205
  open: c1,
206
206
  mobile: h1,
207
207
  slideUp: l1,
@@ -239,105 +239,105 @@ const R = "_header_ap7gr_285", I = "_outer_ap7gr_296", K = "_main_ap7gr_305", Y
239
239
  icon: /* @__PURE__ */ e(G, {})
240
240
  }
241
241
  ];
242
- function l(n, r) {
243
- return r ? n.replace(r, "") : n;
242
+ function l(n, t) {
243
+ return t ? n.replace(t, "") : n;
244
244
  }
245
- function p1({
245
+ function m1({
246
246
  items: n,
247
- host: r
247
+ host: t
248
248
  }) {
249
- return /* @__PURE__ */ e("div", { className: w(t.sub, t.outer), children: /* @__PURE__ */ e(j, { className: t.subContainer, as: "ul", children: n.map(
250
- ({ title: m, url: c, icon: a, tag: g, tagVariant: f = "success", link: _ = "a" }, p) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(_, { href: l(c, r), children: [
251
- a,
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
- m,
254
- g && /* @__PURE__ */ e(
253
+ p,
254
+ w && /* @__PURE__ */ e(
255
255
  "span",
256
256
  {
257
- className: w(
258
- t.subTag,
259
- t[`subTag-${f}`]
257
+ className: g(
258
+ r.subTag,
259
+ r[`subTag-${v}`]
260
260
  ),
261
- children: g
261
+ children: w
262
262
  }
263
263
  )
264
264
  ] })
265
- ] }) }, p)
265
+ ] }) }, m)
266
266
  ) }) });
267
267
  }
268
268
  function N1({
269
269
  subItems: n,
270
- children: r,
271
- notifications: m = [],
270
+ children: t,
271
+ notifications: p = [],
272
272
  // TODO: Fetch these from the internets
273
273
  link: c = "a",
274
- host: a = "https://www.highcharts.com"
274
+ host: s = "https://www.highcharts.com"
275
275
  }) {
276
- const g = b("(max-width: 374px)"), f = b("(max-width: 849px)"), _ = b("(min-width: 850px) and (max-width: 999px)"), [p, O] = 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
- if (m.length) {
279
- const i = localStorage.getItem("notifications");
280
- if (i) {
281
- const u = JSON.parse(i);
282
- k(
283
- m.filter(
284
- (s) => !s.id || !u.closed.includes(s.id)
278
+ if (p.length) {
279
+ const a = localStorage.getItem("notifications");
280
+ if (a) {
281
+ const u = JSON.parse(a);
282
+ _(
283
+ p.filter(
284
+ (i) => !i.id || !u.closed.includes(i.id)
285
285
  )
286
286
  );
287
287
  } else
288
- k(m);
288
+ _(p);
289
289
  }
290
- }, [m]);
290
+ }, [p]);
291
291
  const x = () => {
292
- O(!p);
293
- }, y = (i) => {
294
- k(v.filter((s) => !s.id || s.id !== i));
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(i) || (s.closed.push(i), 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",
302
302
  JSON.stringify({
303
- closed: [i]
303
+ closed: [a]
304
304
  })
305
305
  );
306
306
  };
307
- return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ o("header", { className: t.header, children: [
308
- v == null ? void 0 : v.map(
309
- ({ id: i, title: u, description: s, variant: C, closable: P }, V) => /* @__PURE__ */ e(
307
+ return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ o("header", { className: r.header, children: [
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
314
  closable: P,
315
- onClose: () => y(i),
315
+ onClose: () => y(a),
316
316
  children: u
317
317
  },
318
318
  V
319
319
  )
320
320
  ),
321
- /* @__PURE__ */ e("div", { className: w(t.main, t.outer), children: /* @__PURE__ */ o(j, { as: "nav", className: t.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
- className: t.logo,
326
- href: l("https://www.highcharts.com/", a),
327
- children: /* @__PURE__ */ e(N, { showText: !_ && !g })
325
+ className: r.logo,
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: t.links, children: W.map(({ title: i, 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, a),
337
- children: i
336
+ href: l(u, s),
337
+ children: a
338
338
  }
339
- ) }, s)) }),
340
- /* @__PURE__ */ o("div", { className: t.buttons, children: [
339
+ ) }, i)) }),
340
+ /* @__PURE__ */ o("div", { className: r.buttons, children: [
341
341
  /* @__PURE__ */ o(
342
342
  h,
343
343
  {
@@ -345,10 +345,10 @@ function N1({
345
345
  as: c,
346
346
  href: l(
347
347
  "https://www.highcharts.com/chat/gpt/",
348
- a
348
+ s
349
349
  ),
350
350
  children: [
351
- /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
351
+ /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
352
352
  /* @__PURE__ */ e(T, {})
353
353
  ]
354
354
  }
@@ -360,7 +360,7 @@ function N1({
360
360
  {
361
361
  variant: "brand",
362
362
  as: c,
363
- href: l("https://shop.highcharts.com/account", a),
363
+ href: l("https://shop.highcharts.com/account", s),
364
364
  "aria-label": "Login",
365
365
  children: /* @__PURE__ */ e(H, {})
366
366
  }
@@ -372,7 +372,7 @@ function N1({
372
372
  as: c,
373
373
  href: l(
374
374
  "https://www.highcharts.com/download/",
375
- a
375
+ s
376
376
  ),
377
377
  children: [
378
378
  /* @__PURE__ */ e(B, {}),
@@ -383,44 +383,44 @@ function N1({
383
383
  /* @__PURE__ */ o(
384
384
  h,
385
385
  {
386
- variant: p ? "white" : "transparent",
387
- className: t.menu,
386
+ variant: m ? "white" : "transparent",
387
+ className: r.menu,
388
388
  onClick: x,
389
389
  children: [
390
- p ? "Close" : "Menu",
391
- p ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e($, {})
390
+ m ? "Close" : "Menu",
391
+ m ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e($, {})
392
392
  ]
393
393
  }
394
394
  )
395
395
  ] })
396
396
  ] }) }),
397
- !!(n != null && n.length) && /* @__PURE__ */ e(p1, { items: n, host: a }),
398
- r,
399
- f && /* @__PURE__ */ o(q, { children: [
397
+ !!(n != null && n.length) && /* @__PURE__ */ e(m1, { items: n, host: s }),
398
+ t,
399
+ v && /* @__PURE__ */ o(q, { children: [
400
400
  /* @__PURE__ */ e(
401
401
  "div",
402
402
  {
403
- className: w(t.mobileOverlay, { [t.open]: p }),
403
+ className: g(r.mobileOverlay, { [r.open]: m }),
404
404
  onClick: x
405
405
  }
406
406
  ),
407
407
  /* @__PURE__ */ o(
408
408
  "nav",
409
409
  {
410
- className: w(t.mobile, {
411
- [t.open]: p
410
+ className: g(r.mobile, {
411
+ [r.open]: m
412
412
  }),
413
413
  children: [
414
- /* @__PURE__ */ o("div", { className: t.container, children: [
414
+ /* @__PURE__ */ o("div", { className: r.container, children: [
415
415
  /* @__PURE__ */ e(
416
416
  c,
417
417
  {
418
- className: t.logo,
419
- href: l("https://www.highcharts.com/", a),
420
- children: /* @__PURE__ */ e(N, { showText: !g })
418
+ className: r.logo,
419
+ href: l("https://www.highcharts.com/", s),
420
+ children: /* @__PURE__ */ e(N, { showText: !w })
421
421
  }
422
422
  ),
423
- /* @__PURE__ */ o("div", { className: t.buttons, children: [
423
+ /* @__PURE__ */ o("div", { className: r.buttons, children: [
424
424
  /* @__PURE__ */ o(
425
425
  h,
426
426
  {
@@ -428,10 +428,10 @@ function N1({
428
428
  as: c,
429
429
  href: l(
430
430
  "https://www.highcharts.com/chat/gpt/",
431
- a
431
+ s
432
432
  ),
433
433
  children: [
434
- /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
434
+ /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
435
435
  /* @__PURE__ */ e(T, {})
436
436
  ]
437
437
  }
@@ -440,7 +440,7 @@ function N1({
440
440
  /* @__PURE__ */ e(S, {})
441
441
  ] })
442
442
  ] }),
443
- /* @__PURE__ */ o("div", { className: t.buttons, children: [
443
+ /* @__PURE__ */ o("div", { className: r.buttons, children: [
444
444
  /* @__PURE__ */ o(
445
445
  h,
446
446
  {
@@ -449,7 +449,7 @@ function N1({
449
449
  as: c,
450
450
  href: l(
451
451
  "https://shop.highcharts.com/account",
452
- a
452
+ s
453
453
  ),
454
454
  children: [
455
455
  /* @__PURE__ */ e(H, {}),
@@ -465,7 +465,7 @@ function N1({
465
465
  as: c,
466
466
  href: l(
467
467
  "https://www.highcharts.com/download/",
468
- a
468
+ s
469
469
  ),
470
470
  children: [
471
471
  /* @__PURE__ */ e(B, {}),
@@ -474,17 +474,17 @@ function N1({
474
474
  }
475
475
  )
476
476
  ] }),
477
- /* @__PURE__ */ e("ul", { className: t.links, children: W.map(({ title: i, 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, a),
484
+ href: l(u, s),
485
485
  children: [
486
- s,
487
- i
486
+ i,
487
+ a
488
488
  ]
489
489
  }
490
490
  ) }, C)) })
@@ -496,5 +496,5 @@ function N1({
496
496
  }
497
497
  export {
498
498
  N1 as Header,
499
- p1 as SubHeader
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-CDZ29FbL.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";