highsoft-ui 1.0.34 → 1.0.36

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 (5) hide show
  1. package/dist/components/Header/index.d.ts +1 -2
  2. package/dist/components/Header/index.js +117 -118
  3. package/dist/main.d.ts +1 -0
  4. package/dist/main.js +14 -11
  5. package/package.json +1 -1
package/dist/components/Header/index.d.ts CHANGED
@@ -21,12 +21,11 @@ export interface Notification {
21
21
  closable?: boolean;
22
22
  }
23
23
  export declare function Header({ subItems, children, notifications: initialNotifications, // TODO: Fetch these from the internets
24
- link: Link, host, pathname, themeProvider }: {
24
+ link: Link, host, pathname }: {
25
25
  subItems?: Array<SubHeaderItem>;
26
26
  children?: ReactNode;
27
27
  notifications?: Array<Notification>;
28
28
  link?: ElementType;
29
29
  host?: string;
30
30
  pathname?: string;
31
- themeProvider?: boolean;
32
31
  }): import("react/jsx-runtime").JSX.Element;
package/dist/components/Header/index.js CHANGED
@@ -1,15 +1,15 @@
1
- import { jsx as e, jsxs as o, Fragment as z } from "react/jsx-runtime";
2
- import { useState as q, useEffect as F, Fragment as J } from "react";
3
- import { J as A } from "../../index-CMegByeX.js";
1
+ import { jsx as e, jsxs as o, Fragment as V } from "react/jsx-runtime";
2
+ import { useState as N, useEffect as z } from "react";
3
+ import { J } from "../../index-CMegByeX.js";
4
4
  import { _ as d } from "../../extends-hS2Bh-Yp.js";
5
- import { N as G, X as Q } from "../../index-ChurKizy.js";
5
+ import { N as A, X as G } 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 O } from "../Container/index.js";
9
- import { ThemedLogo as S } from "../Logo/index.js";
10
- import { PrefPanel as L } from "../PrefPanel/index.js";
11
- import { useMediaQuery as M } from "../../utils.js";
12
- var $ = function(t) {
8
+ import { Container as y } from "../Container/index.js";
9
+ import { ThemedLogo as q } from "../Logo/index.js";
10
+ import { PrefPanel as S } from "../PrefPanel/index.js";
11
+ import { useMediaQuery as j } from "../../utils.js";
12
+ var F = function(t) {
13
13
  return /* @__PURE__ */ e("svg", d({
14
14
  xmlns: "http://www.w3.org/2000/svg",
15
15
  width: 24,
@@ -25,7 +25,7 @@ var $ = function(t) {
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
- }, R = function(t) {
28
+ }, Q = function(t) {
29
29
  return /* @__PURE__ */ e("svg", d({
30
30
  xmlns: "http://www.w3.org/2000/svg",
31
31
  width: 24,
@@ -41,7 +41,7 @@ var $ = function(t) {
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
- }, X = function(t) {
44
+ }, R = function(t) {
45
45
  return /* @__PURE__ */ e("svg", d({
46
46
  xmlns: "http://www.w3.org/2000/svg",
47
47
  width: 24,
@@ -57,7 +57,7 @@ var $ = function(t) {
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
- }, D = function(t) {
60
+ }, X = function(t) {
61
61
  return /* @__PURE__ */ e("svg", d({
62
62
  xmlns: "http://www.w3.org/2000/svg",
63
63
  width: 24,
@@ -73,7 +73,7 @@ var $ = function(t) {
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
- }, E = function(t) {
76
+ }, $ = function(t) {
77
77
  return /* @__PURE__ */ e("svg", d({
78
78
  xmlns: "http://www.w3.org/2000/svg",
79
79
  width: 24,
@@ -89,7 +89,7 @@ var $ = function(t) {
89
89
  d: "M3 12h12M3 6h18M3 18h18"
90
90
  })
91
91
  }));
92
- }, I = function(t) {
92
+ }, D = function(t) {
93
93
  return /* @__PURE__ */ e("svg", d({
94
94
  xmlns: "http://www.w3.org/2000/svg",
95
95
  width: 24,
@@ -105,7 +105,7 @@ var $ = function(t) {
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
- }, K = function(t) {
108
+ }, E = function(t) {
109
109
  return /* @__PURE__ */ e("svg", d({
110
110
  xmlns: "http://www.w3.org/2000/svg",
111
111
  width: 24,
@@ -121,7 +121,7 @@ var $ = 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
- }, T = 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 $ = 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
- }, B = 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 $ = 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
- }, W = 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,
@@ -186,130 +186,129 @@ var $ = function(t) {
186
186
  })
187
187
  }));
188
188
  };
189
- const Y = "_header_1jacq_270", Z = "_outer_1jacq_281", e1 = "_main_1jacq_290", t1 = "_container_1jacq_294", n1 = "_links_1jacq_300", r1 = "_buttons_1jacq_301", o1 = "_menu_1jacq_309", a1 = "_logo_1jacq_314", s1 = "_subContainer_1jacq_326", i1 = "_selected_1jacq_354", c1 = "_subTag_1jacq_366", h1 = "_mobileOverlay_1jacq_384", l1 = "_show_1jacq_1", d1 = "_open_1jacq_396", u1 = "_mobile_1jacq_384", m1 = "_slideUp_1jacq_1", w1 = "_sub_1jacq_326", p1 = "_gpt_1jacq_460", n = {
190
- header: Y,
191
- outer: Z,
192
- main: e1,
193
- container: t1,
194
- links: n1,
195
- buttons: r1,
196
- menu: o1,
197
- logo: a1,
198
- subContainer: s1,
199
- selected: i1,
200
- subTag: c1,
189
+ const I = "_header_1jacq_270", K = "_outer_1jacq_281", Y = "_main_1jacq_290", Z = "_container_1jacq_294", e1 = "_links_1jacq_300", t1 = "_buttons_1jacq_301", n1 = "_menu_1jacq_309", r1 = "_logo_1jacq_314", o1 = "_subContainer_1jacq_326", s1 = "_selected_1jacq_354", a1 = "_subTag_1jacq_366", i1 = "_mobileOverlay_1jacq_384", c1 = "_show_1jacq_1", h1 = "_open_1jacq_396", l1 = "_mobile_1jacq_384", d1 = "_slideUp_1jacq_1", u1 = "_sub_1jacq_326", m1 = "_gpt_1jacq_460", n = {
190
+ header: I,
191
+ outer: K,
192
+ main: Y,
193
+ container: Z,
194
+ links: e1,
195
+ buttons: t1,
196
+ menu: n1,
197
+ logo: r1,
198
+ subContainer: o1,
199
+ selected: s1,
200
+ subTag: a1,
201
201
  "subTag-success": "_subTag-success_1jacq_371",
202
202
  "subTag-brand": "_subTag-brand_1jacq_375",
203
- mobileOverlay: h1,
204
- show: l1,
205
- open: d1,
206
- mobile: u1,
207
- slideUp: m1,
208
- sub: w1,
209
- gpt: p1
210
- }, y = [
203
+ mobileOverlay: i1,
204
+ show: c1,
205
+ open: h1,
206
+ mobile: l1,
207
+ slideUp: d1,
208
+ sub: u1,
209
+ gpt: m1
210
+ }, W = [
211
211
  {
212
212
  title: "Products",
213
213
  url: "https://highcharts.com/products/",
214
- icon: /* @__PURE__ */ e(X, {})
214
+ icon: /* @__PURE__ */ e(R, {})
215
215
  },
216
216
  {
217
217
  title: "Demos",
218
218
  url: "https://www.highcharts.com/demo",
219
- icon: /* @__PURE__ */ e(K, {})
219
+ icon: /* @__PURE__ */ e(E, {})
220
220
  },
221
221
  {
222
222
  title: "Support",
223
223
  url: "https://www.highcharts.com/support/",
224
- icon: /* @__PURE__ */ e(I, {})
224
+ icon: /* @__PURE__ */ e(D, {})
225
225
  },
226
226
  {
227
227
  title: "Resources",
228
228
  url: "https://www.highcharts.com/",
229
- icon: /* @__PURE__ */ e(D, {})
229
+ icon: /* @__PURE__ */ e(X, {})
230
230
  },
231
231
  {
232
232
  title: "Pricing",
233
233
  url: "https://shop.highcharts.com/",
234
- icon: /* @__PURE__ */ e(R, {})
234
+ icon: /* @__PURE__ */ e(Q, {})
235
235
  },
236
236
  {
237
237
  title: "Blog",
238
238
  url: "https://www.highcharts.com/blog/",
239
- icon: /* @__PURE__ */ e($, {})
239
+ icon: /* @__PURE__ */ e(F, {})
240
240
  }
241
241
  ];
242
242
  function l(r, t) {
243
243
  return t ? r.replace(t, "") : r;
244
244
  }
245
- function g1({
245
+ function w1({
246
246
  items: r,
247
247
  link: t = "a",
248
- host: w = "https://www.highcharts.com",
249
- pathname: s = typeof window < "u" ? window.location.pathname : ""
248
+ host: p = "https://www.highcharts.com",
249
+ pathname: a = typeof window < "u" ? window.location.pathname : ""
250
250
  }) {
251
- return /* @__PURE__ */ e("div", { className: g(n.sub, n.outer), children: /* @__PURE__ */ e(O, { className: n.subContainer, as: "ul", children: r.map(({ title: i, url: f, icon: k, tag: v, tagVariant: C = "success" }, b) => {
252
- const m = typeof window < "u" && window.location.origin || "http://example.com", _ = new URL(f, m), p = _.origin === m && _.pathname === s;
251
+ return /* @__PURE__ */ e("div", { className: g(n.sub, n.outer), children: /* @__PURE__ */ e(y, { className: n.subContainer, as: "ul", children: r.map(({ title: i, url: f, icon: _, tag: k, tagVariant: b = "success" }, m) => {
252
+ const C = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(f, C), v = w.origin === C && w.pathname === a;
253
253
  return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
254
254
  t,
255
255
  {
256
- href: l(f, w),
256
+ href: l(f, p),
257
257
  className: g({
258
- [n.selected]: p
258
+ [n.selected]: v
259
259
  }),
260
260
  children: [
261
- k,
261
+ _,
262
262
  /* @__PURE__ */ o("span", { children: [
263
263
  i,
264
- v && /* @__PURE__ */ e(
264
+ k && /* @__PURE__ */ e(
265
265
  "span",
266
266
  {
267
267
  className: g(
268
268
  n.subTag,
269
- n[`subTag-${C}`]
269
+ n[`subTag-${b}`]
270
270
  ),
271
- children: v
271
+ children: k
272
272
  }
273
273
  )
274
274
  ] })
275
275
  ]
276
276
  }
277
- ) }, b);
277
+ ) }, m);
278
278
  }) }) });
279
279
  }
280
- function L1({
280
+ function N1({
281
281
  subItems: r,
282
282
  children: t,
283
- notifications: w = [],
283
+ notifications: p = [],
284
284
  // TODO: Fetch these from the internets
285
- link: s = "a",
285
+ link: a = "a",
286
286
  host: i = "https://www.highcharts.com",
287
- pathname: f = typeof window < "u" ? window.location.pathname : "",
288
- themeProvider: k = !0
287
+ pathname: f = typeof window < "u" ? window.location.pathname : ""
289
288
  }) {
290
- const v = M("(max-width: 374px)"), C = M("(max-width: 849px)"), b = M("(min-width: 850px) and (max-width: 999px)"), [m, _] = q(!1), [p, x] = q([]);
291
- F(() => {
292
- if (w.length) {
289
+ const _ = j("(max-width: 374px)"), k = j("(max-width: 849px)"), b = j("(min-width: 850px) and (max-width: 999px)"), [m, C] = N(!1), [w, v] = N([]);
290
+ z(() => {
291
+ if (p.length) {
293
292
  const c = localStorage.getItem("notifications");
294
293
  if (c) {
295
294
  const u = JSON.parse(c);
296
- x(
297
- w.filter(
298
- (a) => !a.id || !u.closed.includes(a.id)
295
+ v(
296
+ p.filter(
297
+ (s) => !s.id || !u.closed.includes(s.id)
299
298
  )
300
299
  );
301
300
  } else
302
- x(w);
301
+ v(p);
303
302
  }
304
- }, [w]);
305
- const N = () => {
306
- _(!m);
307
- }, P = (c) => {
308
- x(p.filter((a) => !a.id || a.id !== c));
303
+ }, [p]);
304
+ const M = () => {
305
+ C(!m);
306
+ }, O = (c) => {
307
+ v(w.filter((s) => !s.id || s.id !== c));
309
308
  const u = localStorage.getItem("notifications");
310
309
  if (u) {
311
- const a = JSON.parse(u);
312
- a.closed.includes(c) || (a.closed.push(c), localStorage.setItem("notifications", JSON.stringify(a)));
310
+ const s = JSON.parse(u);
311
+ s.closed.includes(c) || (s.closed.push(c), localStorage.setItem("notifications", JSON.stringify(s)));
313
312
  } else
314
313
  localStorage.setItem(
315
314
  "notifications",
@@ -318,62 +317,62 @@ function L1({
318
317
  })
319
318
  );
320
319
  };
321
- return /* @__PURE__ */ e(k ? A : J, { children: /* @__PURE__ */ o("header", { className: n.header, children: [
322
- p == null ? void 0 : p.map(
323
- ({ id: c, title: u, description: a, variant: j, closable: U }, V) => /* @__PURE__ */ e(
324
- G,
320
+ return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ o("header", { className: n.header, children: [
321
+ w == null ? void 0 : w.map(
322
+ ({ id: c, title: u, description: s, variant: x, closable: P }, U) => /* @__PURE__ */ e(
323
+ A,
325
324
  {
326
- description: a,
327
- variant: j,
328
- closable: U,
329
- onClose: () => P(c),
325
+ description: s,
326
+ variant: x,
327
+ closable: P,
328
+ onClose: () => O(c),
330
329
  children: u
331
330
  },
332
- V
331
+ U
333
332
  )
334
333
  ),
335
- /* @__PURE__ */ e("div", { className: g(n.main, n.outer), children: /* @__PURE__ */ o(O, { as: "nav", className: n.container, children: [
334
+ /* @__PURE__ */ e("div", { className: g(n.main, n.outer), children: /* @__PURE__ */ o(y, { as: "nav", className: n.container, children: [
336
335
  /* @__PURE__ */ e(
337
- s,
336
+ a,
338
337
  {
339
338
  className: n.logo,
340
339
  href: l("https://www.highcharts.com/", i),
341
- children: /* @__PURE__ */ e(S, { showText: !b && !v })
340
+ children: /* @__PURE__ */ e(q, { showText: !b && !_ })
342
341
  }
343
342
  ),
344
- /* @__PURE__ */ e("ul", { className: n.links, children: y.map(({ title: c, url: u }, a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
343
+ /* @__PURE__ */ e("ul", { className: n.links, children: W.map(({ title: c, url: u }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
345
344
  h,
346
345
  {
347
346
  variant: "plain",
348
347
  size: 300,
349
- as: s,
348
+ as: a,
350
349
  href: l(u, i),
351
350
  children: c
352
351
  }
353
- ) }, a)) }),
352
+ ) }, s)) }),
354
353
  /* @__PURE__ */ o("div", { className: n.buttons, children: [
355
354
  /* @__PURE__ */ o(
356
355
  h,
357
356
  {
358
357
  variant: "transparent",
359
- as: s,
358
+ as: a,
360
359
  href: l(
361
360
  "https://www.highcharts.com/chat/gpt/",
362
361
  i
363
362
  ),
364
363
  children: [
365
364
  /* @__PURE__ */ e("span", { className: n.gpt, children: "Highcharts GPT" }),
366
- /* @__PURE__ */ e(B, {})
365
+ /* @__PURE__ */ e(T, {})
367
366
  ]
368
367
  }
369
368
  ),
370
- /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(T, {}) }),
371
- /* @__PURE__ */ e(L, {}),
369
+ /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(L, {}) }),
370
+ /* @__PURE__ */ e(S, {}),
372
371
  /* @__PURE__ */ e(
373
372
  h,
374
373
  {
375
374
  variant: "brand",
376
- as: s,
375
+ as: a,
377
376
  href: l("https://shop.highcharts.com/account", i),
378
377
  "aria-label": "Login",
379
378
  children: /* @__PURE__ */ e(H, {})
@@ -383,13 +382,13 @@ function L1({
383
382
  h,
384
383
  {
385
384
  variant: "success",
386
- as: s,
385
+ as: a,
387
386
  href: l(
388
387
  "https://www.highcharts.com/download/",
389
388
  i
390
389
  ),
391
390
  children: [
392
- /* @__PURE__ */ e(W, {}),
391
+ /* @__PURE__ */ e(B, {}),
393
392
  "Get started"
394
393
  ]
395
394
  }
@@ -399,31 +398,31 @@ function L1({
399
398
  {
400
399
  variant: m ? "white" : "transparent",
401
400
  className: n.menu,
402
- onClick: N,
401
+ onClick: M,
403
402
  children: [
404
403
  m ? "Close" : "Menu",
405
- m ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ e(E, {})
404
+ m ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ e($, {})
406
405
  ]
407
406
  }
408
407
  )
409
408
  ] })
410
409
  ] }) }),
411
410
  !!(r != null && r.length) && /* @__PURE__ */ e(
412
- g1,
411
+ w1,
413
412
  {
414
413
  items: r,
415
- link: s,
414
+ link: a,
416
415
  host: i,
417
416
  pathname: f
418
417
  }
419
418
  ),
420
419
  t,
421
- C && /* @__PURE__ */ o(z, { children: [
420
+ k && /* @__PURE__ */ o(V, { children: [
422
421
  /* @__PURE__ */ e(
423
422
  "div",
424
423
  {
425
424
  className: g(n.mobileOverlay, { [n.open]: m }),
426
- onClick: N
425
+ onClick: M
427
426
  }
428
427
  ),
429
428
  /* @__PURE__ */ o(
@@ -435,11 +434,11 @@ function L1({
435
434
  children: [
436
435
  /* @__PURE__ */ o("div", { className: n.container, children: [
437
436
  /* @__PURE__ */ e(
438
- s,
437
+ a,
439
438
  {
440
439
  className: n.logo,
441
440
  href: l("https://www.highcharts.com/", i),
442
- children: /* @__PURE__ */ e(S, { showText: !v })
441
+ children: /* @__PURE__ */ e(q, { showText: !_ })
443
442
  }
444
443
  ),
445
444
  /* @__PURE__ */ o("div", { className: n.buttons, children: [
@@ -447,19 +446,19 @@ function L1({
447
446
  h,
448
447
  {
449
448
  variant: "transparent",
450
- as: s,
449
+ as: a,
451
450
  href: l(
452
451
  "https://www.highcharts.com/chat/gpt/",
453
452
  i
454
453
  ),
455
454
  children: [
456
455
  /* @__PURE__ */ e("span", { className: n.gpt, children: "Highcharts GPT" }),
457
- /* @__PURE__ */ e(B, {})
456
+ /* @__PURE__ */ e(T, {})
458
457
  ]
459
458
  }
460
459
  ),
461
- /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(T, {}) }),
462
- /* @__PURE__ */ e(L, {})
460
+ /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(L, {}) }),
461
+ /* @__PURE__ */ e(S, {})
463
462
  ] })
464
463
  ] }),
465
464
  /* @__PURE__ */ o("div", { className: n.buttons, children: [
@@ -468,7 +467,7 @@ function L1({
468
467
  {
469
468
  variant: "brand",
470
469
  fullWidth: !0,
471
- as: s,
470
+ as: a,
472
471
  href: l(
473
472
  "https://shop.highcharts.com/account",
474
473
  i
@@ -484,32 +483,32 @@ function L1({
484
483
  {
485
484
  variant: "success",
486
485
  fullWidth: !0,
487
- as: s,
486
+ as: a,
488
487
  href: l(
489
488
  "https://www.highcharts.com/download/",
490
489
  i
491
490
  ),
492
491
  children: [
493
- /* @__PURE__ */ e(W, {}),
492
+ /* @__PURE__ */ e(B, {}),
494
493
  "Get started"
495
494
  ]
496
495
  }
497
496
  )
498
497
  ] }),
499
- /* @__PURE__ */ e("ul", { className: n.links, children: y.map(({ title: c, url: u, icon: a }, j) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
498
+ /* @__PURE__ */ e("ul", { className: n.links, children: W.map(({ title: c, url: u, icon: s }, x) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
500
499
  h,
501
500
  {
502
501
  variant: "plain",
503
502
  size: 500,
504
503
  fullWidth: !0,
505
- as: s,
504
+ as: a,
506
505
  href: l(u, i),
507
506
  children: [
508
- a,
507
+ s,
509
508
  c
510
509
  ]
511
510
  }
512
- ) }, j)) })
511
+ ) }, x)) })
513
512
  ]
514
513
  }
515
514
  )
@@ -517,6 +516,6 @@ function L1({
517
516
  ] }) });
518
517
  }
519
518
  export {
520
- L1 as Header,
521
- g1 as SubHeader
519
+ N1 as Header,
520
+ w1 as SubHeader
522
521
  };
package/dist/main.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ export { ThemeProvider, useTheme } from 'next-themes';
1
2
  export { Button } from './components/Button';
2
3
  export { Container } from './components/Container';
3
4
  export { GPTInput } from './components/GPTInput';
package/dist/main.js CHANGED
@@ -1,15 +1,18 @@
1
- import { Button as t } from "./components/Button/index.js";
2
- import { Container as f } from "./components/Container/index.js";
3
- import { GPTInput as m } from "./components/GPTInput/index.js";
4
- import { Header as a, SubHeader as n } from "./components/Header/index.js";
5
- import { Logo as u } from "./components/Logo/index.js";
1
+ import { J as e, z as t } from "./index-CMegByeX.js";
2
+ import { Button as f } from "./components/Button/index.js";
3
+ import { Container as a } from "./components/Container/index.js";
4
+ import { GPTInput as i } from "./components/GPTInput/index.js";
5
+ import { Header as s, SubHeader as u } from "./components/Header/index.js";
6
+ import { Logo as T } from "./components/Logo/index.js";
6
7
  import { N as H } from "./index-ChurKizy.js";
7
8
  export {
8
- t as Button,
9
- f as Container,
10
- m as GPTInput,
11
- a as Header,
12
- u as Logo,
9
+ f as Button,
10
+ a as Container,
11
+ i as GPTInput,
12
+ s as Header,
13
+ T as Logo,
13
14
  H as Notification,
14
- n as SubHeader
15
+ u as SubHeader,
16
+ e as ThemeProvider,
17
+ t as useTheme
15
18
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "highsoft-ui",
3
- "version": "1.0.34",
3
+ "version": "1.0.36",
4
4
  "description": "Highsoft UI",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",