highsoft-ui 1.0.86 → 1.0.88

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.
@@ -10,7 +10,7 @@ import { Logo as rt } from "../Logo/index.js";
10
10
  import { NewTag as it } from "../NewTag/index.js";
11
11
  import ct from "../icons/MadeInNorway.js";
12
12
  import { s as c, C as at } from "../../CookiePolicyModal-yxjfkjT3.js";
13
- import { a as H, c as st, v as D } from "../../utils-CT0G9Gzw.js";
13
+ import { a as H, d as st, v as D } from "../../utils-BKDJp1i0.js";
14
14
  import { R as ot, T as nt, P as ht, O as lt, C as ut, a as dt } from "../../index-BSgacgd-.js";
15
15
  import { R as mt } from "../../index-C_wmZvxw.js";
16
16
  var wt = function(r) {
@@ -1,18 +1,18 @@
1
- import { jsx as t, jsxs as i, Fragment as R } from "react/jsx-runtime";
2
- import { useRef as G, useState as H, useEffect as T } from "react";
3
- import { a as S, J as U, b as $ } from "../../utils-CT0G9Gzw.js";
4
- import { A as D } from "../../Announcement03-obPaH4LK.js";
1
+ import { jsx as t, jsxs as i, Fragment as J } from "react/jsx-runtime";
2
+ import { useRef as R, useState as H, useEffect as G } from "react";
3
+ import { a as S, b as U, J as $, c as D } from "../../utils-BKDJp1i0.js";
4
+ import { A as F } from "../../Announcement03-obPaH4LK.js";
5
5
  import { _ as u } from "../../extends-hS2Bh-Yp.js";
6
- import { X as F } from "../../XClose-CCu1vrNS.js";
6
+ import { X as K } from "../../XClose-CCu1vrNS.js";
7
7
  import { c as C } from "../../clsx-OuTLNxxd.js";
8
8
  import { Button as m } from "../Button/index.js";
9
- import { Container as z } from "../Container/index.js";
10
- import { Logo as I } from "../Logo/index.js";
11
- import { NewTag as K } from "../NewTag/index.js";
12
- import { Notification as Y } from "../Notification/index.js";
13
- import { Search as P } from "../Search/index.js";
14
- import { PrefPanel as W } from "../PrefPanel/index.js";
15
- var X = function(n) {
9
+ import { Container as V } from "../Container/index.js";
10
+ import { Logo as T } from "../Logo/index.js";
11
+ import { NewTag as Y } from "../NewTag/index.js";
12
+ import { Notification as X } from "../Notification/index.js";
13
+ import { Search as I } from "../Search/index.js";
14
+ import { PrefPanel as P } from "../PrefPanel/index.js";
15
+ var Z = function(n) {
16
16
  return /* @__PURE__ */ t("svg", u({
17
17
  xmlns: "http://www.w3.org/2000/svg",
18
18
  width: 24,
@@ -28,7 +28,7 @@ var X = function(n) {
28
28
  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"
29
29
  })
30
30
  }));
31
- }, Z = function(n) {
31
+ }, tt = function(n) {
32
32
  return /* @__PURE__ */ t("svg", u({
33
33
  xmlns: "http://www.w3.org/2000/svg",
34
34
  width: 24,
@@ -44,7 +44,7 @@ var X = function(n) {
44
44
  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"
45
45
  })
46
46
  }));
47
- }, tt = function(n) {
47
+ }, et = function(n) {
48
48
  return /* @__PURE__ */ t("svg", u({
49
49
  xmlns: "http://www.w3.org/2000/svg",
50
50
  width: 24,
@@ -60,7 +60,7 @@ var X = function(n) {
60
60
  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"
61
61
  })
62
62
  }));
63
- }, et = function(n) {
63
+ }, nt = function(n) {
64
64
  return /* @__PURE__ */ t("svg", u({
65
65
  xmlns: "http://www.w3.org/2000/svg",
66
66
  width: 24,
@@ -76,7 +76,7 @@ var X = function(n) {
76
76
  d: "M3 12h12M3 6h18M3 18h18"
77
77
  })
78
78
  }));
79
- }, nt = function(n) {
79
+ }, ot = function(n) {
80
80
  return /* @__PURE__ */ t("svg", u({
81
81
  xmlns: "http://www.w3.org/2000/svg",
82
82
  width: 24,
@@ -92,7 +92,7 @@ var X = function(n) {
92
92
  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"
93
93
  })
94
94
  }));
95
- }, ot = function(n) {
95
+ }, rt = function(n) {
96
96
  return /* @__PURE__ */ t("svg", u({
97
97
  xmlns: "http://www.w3.org/2000/svg",
98
98
  width: 24,
@@ -108,7 +108,7 @@ var X = function(n) {
108
108
  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"
109
109
  })
110
110
  }));
111
- }, j = function(n) {
111
+ }, W = function(n) {
112
112
  return /* @__PURE__ */ t("svg", u({
113
113
  xmlns: "http://www.w3.org/2000/svg",
114
114
  width: 24,
@@ -124,7 +124,7 @@ var X = function(n) {
124
124
  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"
125
125
  })
126
126
  }));
127
- }, O = function(n) {
127
+ }, j = function(n) {
128
128
  return /* @__PURE__ */ t("svg", u({
129
129
  xmlns: "http://www.w3.org/2000/svg",
130
130
  width: 24,
@@ -157,71 +157,71 @@ var X = function(n) {
157
157
  })
158
158
  }));
159
159
  };
160
- const rt = "m_QBtq_buttons", st = "m_QBtq_container", it = "m_QBtq_gpt", ct = "m_QBtq_header", at = "m_QBtq_icon", lt = "m_QBtq_icons", ht = "m_QBtq_links", dt = "m_QBtq_logo", mt = "m_QBtq_main", ut = "m_QBtq_menu", pt = "m_QBtq_mobile", wt = "m_QBtq_mobileOverlay", gt = "m_QBtq_open", ft = "m_QBtq_outer", vt = "m_QBtq_selectableIcon", kt = "m_QBtq_selected", Ct = "m_QBtq_selectedIcon", _t = "m_QBtq_skip", bt = "m_QBtq_sub", xt = "m_QBtq_subContainer", Bt = "m_QBtq_subTitle", e = {
161
- buttons: rt,
162
- container: st,
163
- gpt: it,
164
- header: ct,
165
- icon: at,
166
- icons: lt,
167
- links: ht,
168
- logo: dt,
169
- main: mt,
170
- menu: ut,
171
- mobile: pt,
172
- mobileOverlay: wt,
173
- open: gt,
174
- outer: ft,
175
- selectableIcon: vt,
176
- selected: kt,
177
- selectedIcon: Ct,
178
- skip: _t,
179
- sub: bt,
180
- subContainer: xt,
181
- subTitle: Bt
182
- }, V = [
160
+ const st = "m_QBtq_buttons", it = "m_QBtq_container", ct = "m_QBtq_gpt", at = "m_QBtq_header", lt = "m_QBtq_icon", ht = "m_QBtq_icons", dt = "m_QBtq_links", mt = "m_QBtq_logo", ut = "m_QBtq_main", pt = "m_QBtq_menu", wt = "m_QBtq_mobile", gt = "m_QBtq_mobileOverlay", ft = "m_QBtq_open", vt = "m_QBtq_outer", kt = "m_QBtq_selectableIcon", Ct = "m_QBtq_selected", _t = "m_QBtq_selectedIcon", bt = "m_QBtq_skip", xt = "m_QBtq_sub", Bt = "m_QBtq_subContainer", Nt = "m_QBtq_subTitle", e = {
161
+ buttons: st,
162
+ container: it,
163
+ gpt: ct,
164
+ header: at,
165
+ icon: lt,
166
+ icons: ht,
167
+ links: dt,
168
+ logo: mt,
169
+ main: ut,
170
+ menu: pt,
171
+ mobile: wt,
172
+ mobileOverlay: gt,
173
+ open: ft,
174
+ outer: vt,
175
+ selectableIcon: kt,
176
+ selected: Ct,
177
+ selectedIcon: _t,
178
+ skip: bt,
179
+ sub: xt,
180
+ subContainer: Bt,
181
+ subTitle: Nt
182
+ }, O = [
183
183
  {
184
184
  title: "Products",
185
185
  url: "https://www.highcharts.com/products/",
186
- icon: /* @__PURE__ */ t(Z, {})
186
+ icon: /* @__PURE__ */ t(tt, {})
187
187
  },
188
188
  {
189
189
  title: "Demos",
190
190
  url: "https://www.highcharts.com/demo",
191
- icon: /* @__PURE__ */ t(ot, {})
191
+ icon: /* @__PURE__ */ t(rt, {})
192
192
  },
193
193
  {
194
194
  title: "Support",
195
195
  url: "https://www.highcharts.com/support/",
196
- icon: /* @__PURE__ */ t(nt, {})
196
+ icon: /* @__PURE__ */ t(ot, {})
197
197
  },
198
198
  {
199
199
  title: "Resources",
200
200
  url: "https://www.highcharts.com/resources/",
201
- icon: /* @__PURE__ */ t(tt, {})
201
+ icon: /* @__PURE__ */ t(et, {})
202
202
  },
203
203
  {
204
204
  title: "Pricing",
205
205
  url: "https://shop.highcharts.com/",
206
- icon: /* @__PURE__ */ t(X, {})
206
+ icon: /* @__PURE__ */ t(Z, {})
207
207
  },
208
208
  {
209
209
  title: "Blog",
210
210
  url: "https://www.highcharts.com/blog/home/",
211
- icon: /* @__PURE__ */ t(D, {})
211
+ icon: /* @__PURE__ */ t(F, {})
212
212
  }
213
213
  ];
214
214
  function d(c, n) {
215
215
  return n ? c.replace(n, "") : c;
216
216
  }
217
- function Nt({
217
+ function qt({
218
218
  items: c,
219
219
  link: n = "a",
220
220
  host: f = "https://www.highcharts.com",
221
221
  pathname: l
222
222
  }) {
223
- const h = $();
224
- return /* @__PURE__ */ t("div", { className: C(e.sub, e.outer), children: /* @__PURE__ */ t(z, { className: e.subContainer, as: "ul", children: c.map(
223
+ const h = D();
224
+ return /* @__PURE__ */ t("div", { className: C(e.sub, e.outer), children: /* @__PURE__ */ t(V, { className: e.subContainer, as: "ul", children: c.map(
225
225
  ({ title: N, url: v, icon: _, selectedIcon: b, tag: q, tagVariant: g = "success" }, p) => {
226
226
  const x = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(v, x), k = (!!l || h) && w.origin === x && w.pathname === (l || typeof window < "u" && window.location.pathname);
227
227
  return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ i(
@@ -239,7 +239,7 @@ function Nt({
239
239
  ] }),
240
240
  /* @__PURE__ */ i("span", { className: e.subTitle, children: [
241
241
  N,
242
- q && /* @__PURE__ */ t(K, { variant: g, icon: !1 })
242
+ q && /* @__PURE__ */ t(Y, { variant: g, icon: !1 })
243
243
  ] })
244
244
  ]
245
245
  }
@@ -247,8 +247,9 @@ function Nt({
247
247
  }
248
248
  ) }) });
249
249
  }
250
- const qt = [
250
+ const St = [
251
251
  {
252
+ id: "whats-new",
252
253
  content: [
253
254
  {
254
255
  title: "Grid Pro",
@@ -268,18 +269,18 @@ const qt = [
268
269
  ]
269
270
  }
270
271
  ];
271
- function zt({
272
+ function At({
272
273
  subItems: c,
273
274
  children: n,
274
- notifications: f = qt,
275
+ notifications: f = St,
275
276
  // TODO: Fetch these from the internets
276
277
  link: l = "a",
277
278
  host: h = "https://www.highcharts.com",
278
279
  pathname: N,
279
280
  cssVariable: v
280
281
  }) {
281
- const _ = S("(max-width: 374px)"), b = S("(max-width: 849px)"), q = S("(min-width: 850px) and (max-width: 999px)"), g = G(null), [p, x] = H(!1), [w, k] = H([]);
282
- T(() => {
282
+ const _ = S("(max-width: 374px)"), b = S("(max-width: 849px)"), q = S("(min-width: 850px) and (max-width: 999px)"), g = R(null), [p, x] = H(!1), [w, k] = H([]);
283
+ G(() => {
283
284
  let o = window.scrollY;
284
285
  const r = 82 + w.length * 48 + (c?.length ? 72 : 0), s = -(82 + w.length * 48);
285
286
  let a = s, B = a;
@@ -288,14 +289,14 @@ function zt({
288
289
  `${r + a}px`
289
290
  );
290
291
  const Q = () => {
291
- const L = window.scrollY, J = L - o;
292
- a -= J, a < s ? a = s : a > 0 && (a = 0), g.current && a !== B && (g.current.style.top = `${a}px`, v && document.documentElement.style.setProperty(
292
+ const L = window.scrollY, A = L - o;
293
+ a -= A, a < s ? a = s : a > 0 && (a = 0), g.current && a !== B && (g.current.style.top = `${a}px`, v && document.documentElement.style.setProperty(
293
294
  "--header-bottom",
294
295
  `${r + a}px`
295
296
  )), o = L, B = a;
296
297
  };
297
298
  return window.addEventListener("scroll", Q), () => window.removeEventListener("scroll", Q);
298
- }, [v, w.length]), T(() => {
299
+ }, [v, w.length]), U(() => {
299
300
  if (f.length) {
300
301
  const o = localStorage.getItem("notifications");
301
302
  if (o) {
@@ -309,14 +310,14 @@ function zt({
309
310
  k(f);
310
311
  }
311
312
  }, [f]);
312
- const M = (o) => {
313
+ const y = (o) => {
313
314
  if (o.preventDefault(), !(o.nativeEvent instanceof KeyboardEvent) || o.nativeEvent.code === "Enter" || o.nativeEvent.code === "Space") {
314
315
  const r = document.querySelector("main");
315
316
  r && (r.scrollIntoView(), r.getAttribute("tabindex") !== "-1" && r.setAttribute("tabindex", "-1"), r.focus());
316
317
  }
317
- }, y = () => {
318
+ }, M = () => {
318
319
  x(!p);
319
- }, A = (o) => {
320
+ }, z = (o) => {
320
321
  k(w.filter((s) => !s.id || s.id !== o));
321
322
  const r = localStorage.getItem("notifications");
322
323
  if (r) {
@@ -330,18 +331,18 @@ function zt({
330
331
  })
331
332
  );
332
333
  };
333
- return /* @__PURE__ */ t(U, { children: /* @__PURE__ */ i("header", { className: e.header, ref: g, children: [
334
+ return /* @__PURE__ */ t($, { children: /* @__PURE__ */ i("header", { className: e.header, ref: g, children: [
334
335
  w?.map(({ id: o, content: r, variant: s, closable: a }, B) => /* @__PURE__ */ t(
335
- Y,
336
+ X,
336
337
  {
337
338
  content: r,
338
339
  variant: s,
339
340
  closable: a,
340
- onClose: () => A(o)
341
+ onClose: () => z(o)
341
342
  },
342
343
  B
343
344
  )),
344
- /* @__PURE__ */ t("div", { className: C(e.main, e.outer), children: /* @__PURE__ */ i(z, { as: "nav", className: e.container, children: [
345
+ /* @__PURE__ */ t("div", { className: C(e.main, e.outer), children: /* @__PURE__ */ i(V, { as: "nav", className: e.container, children: [
345
346
  /* @__PURE__ */ t(
346
347
  m,
347
348
  {
@@ -349,8 +350,8 @@ function zt({
349
350
  className: e.skip,
350
351
  size: 500,
351
352
  tabIndex: "0",
352
- onClick: M,
353
- onKeyPress: M,
353
+ onClick: y,
354
+ onKeyPress: y,
354
355
  children: "Skip to content"
355
356
  }
356
357
  ),
@@ -359,10 +360,10 @@ function zt({
359
360
  {
360
361
  className: e.logo,
361
362
  href: d("https://www.highcharts.com/", h),
362
- children: /* @__PURE__ */ t(I, { showText: !q && !_ })
363
+ children: /* @__PURE__ */ t(T, { showText: !q && !_ })
363
364
  }
364
365
  ),
365
- /* @__PURE__ */ t("ul", { className: e.links, children: V.map(({ title: o, url: r }, s) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
366
+ /* @__PURE__ */ t("ul", { className: e.links, children: O.map(({ title: o, url: r }, s) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
366
367
  m,
367
368
  {
368
369
  variant: "plain",
@@ -384,12 +385,12 @@ function zt({
384
385
  ),
385
386
  children: [
386
387
  /* @__PURE__ */ t("span", { className: e.gpt, children: "Highcharts GPT" }),
387
- /* @__PURE__ */ t(j, {})
388
+ /* @__PURE__ */ t(W, {})
388
389
  ]
389
390
  }
390
391
  ),
392
+ /* @__PURE__ */ t(I, {}),
391
393
  /* @__PURE__ */ t(P, {}),
392
- /* @__PURE__ */ t(W, {}),
393
394
  /* @__PURE__ */ t(
394
395
  m,
395
396
  {
@@ -410,7 +411,7 @@ function zt({
410
411
  h
411
412
  ),
412
413
  children: [
413
- /* @__PURE__ */ t(O, {}),
414
+ /* @__PURE__ */ t(j, {}),
414
415
  "Get started"
415
416
  ]
416
417
  }
@@ -420,17 +421,17 @@ function zt({
420
421
  {
421
422
  variant: p ? "white" : "transparent",
422
423
  className: e.menu,
423
- onClick: y,
424
+ onClick: M,
424
425
  children: [
425
426
  p ? "Close" : "Menu",
426
- p ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(et, {})
427
+ p ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ t(nt, {})
427
428
  ]
428
429
  }
429
430
  )
430
431
  ] })
431
432
  ] }) }),
432
433
  !!c?.length && /* @__PURE__ */ t(
433
- Nt,
434
+ qt,
434
435
  {
435
436
  items: c,
436
437
  link: l,
@@ -439,12 +440,12 @@ function zt({
439
440
  }
440
441
  ),
441
442
  n,
442
- b && /* @__PURE__ */ i(R, { children: [
443
+ b && /* @__PURE__ */ i(J, { children: [
443
444
  /* @__PURE__ */ t(
444
445
  "div",
445
446
  {
446
447
  className: C(e.mobileOverlay, { [e.open]: p }),
447
- onClick: y
448
+ onClick: M
448
449
  }
449
450
  ),
450
451
  /* @__PURE__ */ i(
@@ -460,7 +461,7 @@ function zt({
460
461
  {
461
462
  className: e.logo,
462
463
  href: d("https://www.highcharts.com/", h),
463
- children: /* @__PURE__ */ t(I, { showText: !_ })
464
+ children: /* @__PURE__ */ t(T, { showText: !_ })
464
465
  }
465
466
  ),
466
467
  /* @__PURE__ */ i("div", { className: e.buttons, children: [
@@ -475,12 +476,12 @@ function zt({
475
476
  ),
476
477
  children: [
477
478
  /* @__PURE__ */ t("span", { className: e.gpt, children: "Highcharts GPT" }),
478
- /* @__PURE__ */ t(j, {})
479
+ /* @__PURE__ */ t(W, {})
479
480
  ]
480
481
  }
481
482
  ),
482
- /* @__PURE__ */ t(P, {}),
483
- /* @__PURE__ */ t(W, {})
483
+ /* @__PURE__ */ t(I, {}),
484
+ /* @__PURE__ */ t(P, {})
484
485
  ] })
485
486
  ] }),
486
487
  /* @__PURE__ */ i("div", { className: e.buttons, children: [
@@ -511,13 +512,13 @@ function zt({
511
512
  h
512
513
  ),
513
514
  children: [
514
- /* @__PURE__ */ t(O, {}),
515
+ /* @__PURE__ */ t(j, {}),
515
516
  "Get started"
516
517
  ]
517
518
  }
518
519
  )
519
520
  ] }),
520
- /* @__PURE__ */ t("ul", { className: e.links, children: V.map(({ title: o, url: r, icon: s }, a) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ i(
521
+ /* @__PURE__ */ t("ul", { className: e.links, children: O.map(({ title: o, url: r, icon: s }, a) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ i(
521
522
  m,
522
523
  {
523
524
  variant: "plain",
@@ -538,6 +539,6 @@ function zt({
538
539
  ] }) });
539
540
  }
540
541
  export {
541
- zt as Header,
542
- Nt as SubHeader
542
+ At as Header,
543
+ qt as SubHeader
543
544
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as w, jsxs as q, Fragment as ne } from "react/jsx-runtime";
2
- import { z as Qe, b as qe } from "../../utils-CT0G9Gzw.js";
2
+ import { z as Qe, c as qe } from "../../utils-BKDJp1i0.js";
3
3
  import * as g from "react";
4
4
  import { useLayoutEffect as Ge } from "react";
5
5
  import { C as Ue } from "../../Check-Cm4roSEj.js";
package/dist/main.js CHANGED
@@ -1,4 +1,4 @@
1
- import { J as r, z as t, u as m } from "./utils-CT0G9Gzw.js";
1
+ import { J as r, z as t, u as m } from "./utils-BKDJp1i0.js";
2
2
  import { Button as p } from "./components/Button/index.js";
3
3
  import { Container as a } from "./components/Container/index.js";
4
4
  import { Footer as u } from "./components/Footer/index.js";
@@ -1,5 +1,5 @@
1
1
  import * as r from "react";
2
- import { useState as C, useEffect as A, useLayoutEffect as N } from "react";
2
+ import { useLayoutEffect as N, useEffect as A, useState as C } from "react";
3
3
  var R = (e, t, n, s, o, a, d, h) => {
4
4
  let u = document.documentElement, v = ["light", "dark"];
5
5
  function f(c) {
@@ -130,8 +130,9 @@ function ee() {
130
130
  export {
131
131
  G as J,
132
132
  Y as a,
133
- U as b,
134
- q as c,
133
+ D as b,
134
+ U as c,
135
+ q as d,
135
136
  j as e,
136
137
  ee as u,
137
138
  X as v,
package/dist/utils.d.ts CHANGED
@@ -1,6 +1,8 @@
1
+ import { useEffect } from 'react';
1
2
  export declare const emailRegex: RegExp;
2
3
  export declare function validateEmail(email: string): boolean;
3
4
  export declare function useMediaQuery(query: string): boolean;
5
+ export declare const useIsomorphicLayoutEffect: typeof useEffect;
4
6
  export declare function useMounted(): boolean;
5
7
  export declare function useClipboard(): readonly [(text?: string) => Promise<void>, boolean];
6
8
  export declare function useTheme(): string;
package/dist/utils.js CHANGED
@@ -1,10 +1,11 @@
1
- import { e as u, c as i, a as m, b as o, u as r, v as d } from "./utils-CT0G9Gzw.js";
1
+ import { e as u, d as o, b as i, a as m, c as r, u as t, v as d } from "./utils-BKDJp1i0.js";
2
2
  import "react";
3
3
  export {
4
4
  u as emailRegex,
5
- i as useClipboard,
5
+ o as useClipboard,
6
+ i as useIsomorphicLayoutEffect,
6
7
  m as useMediaQuery,
7
- o as useMounted,
8
- r as useTheme,
8
+ r as useMounted,
9
+ t as useTheme,
9
10
  d as validateEmail
10
11
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "highsoft-ui",
3
- "version": "1.0.86",
3
+ "version": "1.0.88",
4
4
  "description": "Highsoft UI",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",