highsoft-ui 1.0.87 → 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,7 +247,7 @@ function Nt({
247
247
  }
248
248
  ) }) });
249
249
  }
250
- const qt = [
250
+ const St = [
251
251
  {
252
252
  id: "whats-new",
253
253
  content: [
@@ -269,18 +269,18 @@ const qt = [
269
269
  ]
270
270
  }
271
271
  ];
272
- function zt({
272
+ function At({
273
273
  subItems: c,
274
274
  children: n,
275
- notifications: f = qt,
275
+ notifications: f = St,
276
276
  // TODO: Fetch these from the internets
277
277
  link: l = "a",
278
278
  host: h = "https://www.highcharts.com",
279
279
  pathname: N,
280
280
  cssVariable: v
281
281
  }) {
282
- 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([]);
283
- 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(() => {
284
284
  let o = window.scrollY;
285
285
  const r = 82 + w.length * 48 + (c?.length ? 72 : 0), s = -(82 + w.length * 48);
286
286
  let a = s, B = a;
@@ -289,14 +289,14 @@ function zt({
289
289
  `${r + a}px`
290
290
  );
291
291
  const Q = () => {
292
- const L = window.scrollY, J = L - o;
293
- 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(
294
294
  "--header-bottom",
295
295
  `${r + a}px`
296
296
  )), o = L, B = a;
297
297
  };
298
298
  return window.addEventListener("scroll", Q), () => window.removeEventListener("scroll", Q);
299
- }, [v, w.length]), T(() => {
299
+ }, [v, w.length]), U(() => {
300
300
  if (f.length) {
301
301
  const o = localStorage.getItem("notifications");
302
302
  if (o) {
@@ -310,14 +310,14 @@ function zt({
310
310
  k(f);
311
311
  }
312
312
  }, [f]);
313
- const M = (o) => {
313
+ const y = (o) => {
314
314
  if (o.preventDefault(), !(o.nativeEvent instanceof KeyboardEvent) || o.nativeEvent.code === "Enter" || o.nativeEvent.code === "Space") {
315
315
  const r = document.querySelector("main");
316
316
  r && (r.scrollIntoView(), r.getAttribute("tabindex") !== "-1" && r.setAttribute("tabindex", "-1"), r.focus());
317
317
  }
318
- }, y = () => {
318
+ }, M = () => {
319
319
  x(!p);
320
- }, A = (o) => {
320
+ }, z = (o) => {
321
321
  k(w.filter((s) => !s.id || s.id !== o));
322
322
  const r = localStorage.getItem("notifications");
323
323
  if (r) {
@@ -331,18 +331,18 @@ function zt({
331
331
  })
332
332
  );
333
333
  };
334
- 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: [
335
335
  w?.map(({ id: o, content: r, variant: s, closable: a }, B) => /* @__PURE__ */ t(
336
- Y,
336
+ X,
337
337
  {
338
338
  content: r,
339
339
  variant: s,
340
340
  closable: a,
341
- onClose: () => A(o)
341
+ onClose: () => z(o)
342
342
  },
343
343
  B
344
344
  )),
345
- /* @__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: [
346
346
  /* @__PURE__ */ t(
347
347
  m,
348
348
  {
@@ -350,8 +350,8 @@ function zt({
350
350
  className: e.skip,
351
351
  size: 500,
352
352
  tabIndex: "0",
353
- onClick: M,
354
- onKeyPress: M,
353
+ onClick: y,
354
+ onKeyPress: y,
355
355
  children: "Skip to content"
356
356
  }
357
357
  ),
@@ -360,10 +360,10 @@ function zt({
360
360
  {
361
361
  className: e.logo,
362
362
  href: d("https://www.highcharts.com/", h),
363
- children: /* @__PURE__ */ t(I, { showText: !q && !_ })
363
+ children: /* @__PURE__ */ t(T, { showText: !q && !_ })
364
364
  }
365
365
  ),
366
- /* @__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(
367
367
  m,
368
368
  {
369
369
  variant: "plain",
@@ -385,12 +385,12 @@ function zt({
385
385
  ),
386
386
  children: [
387
387
  /* @__PURE__ */ t("span", { className: e.gpt, children: "Highcharts GPT" }),
388
- /* @__PURE__ */ t(j, {})
388
+ /* @__PURE__ */ t(W, {})
389
389
  ]
390
390
  }
391
391
  ),
392
+ /* @__PURE__ */ t(I, {}),
392
393
  /* @__PURE__ */ t(P, {}),
393
- /* @__PURE__ */ t(W, {}),
394
394
  /* @__PURE__ */ t(
395
395
  m,
396
396
  {
@@ -411,7 +411,7 @@ function zt({
411
411
  h
412
412
  ),
413
413
  children: [
414
- /* @__PURE__ */ t(O, {}),
414
+ /* @__PURE__ */ t(j, {}),
415
415
  "Get started"
416
416
  ]
417
417
  }
@@ -421,17 +421,17 @@ function zt({
421
421
  {
422
422
  variant: p ? "white" : "transparent",
423
423
  className: e.menu,
424
- onClick: y,
424
+ onClick: M,
425
425
  children: [
426
426
  p ? "Close" : "Menu",
427
- p ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(et, {})
427
+ p ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ t(nt, {})
428
428
  ]
429
429
  }
430
430
  )
431
431
  ] })
432
432
  ] }) }),
433
433
  !!c?.length && /* @__PURE__ */ t(
434
- Nt,
434
+ qt,
435
435
  {
436
436
  items: c,
437
437
  link: l,
@@ -440,12 +440,12 @@ function zt({
440
440
  }
441
441
  ),
442
442
  n,
443
- b && /* @__PURE__ */ i(R, { children: [
443
+ b && /* @__PURE__ */ i(J, { children: [
444
444
  /* @__PURE__ */ t(
445
445
  "div",
446
446
  {
447
447
  className: C(e.mobileOverlay, { [e.open]: p }),
448
- onClick: y
448
+ onClick: M
449
449
  }
450
450
  ),
451
451
  /* @__PURE__ */ i(
@@ -461,7 +461,7 @@ function zt({
461
461
  {
462
462
  className: e.logo,
463
463
  href: d("https://www.highcharts.com/", h),
464
- children: /* @__PURE__ */ t(I, { showText: !_ })
464
+ children: /* @__PURE__ */ t(T, { showText: !_ })
465
465
  }
466
466
  ),
467
467
  /* @__PURE__ */ i("div", { className: e.buttons, children: [
@@ -476,12 +476,12 @@ function zt({
476
476
  ),
477
477
  children: [
478
478
  /* @__PURE__ */ t("span", { className: e.gpt, children: "Highcharts GPT" }),
479
- /* @__PURE__ */ t(j, {})
479
+ /* @__PURE__ */ t(W, {})
480
480
  ]
481
481
  }
482
482
  ),
483
- /* @__PURE__ */ t(P, {}),
484
- /* @__PURE__ */ t(W, {})
483
+ /* @__PURE__ */ t(I, {}),
484
+ /* @__PURE__ */ t(P, {})
485
485
  ] })
486
486
  ] }),
487
487
  /* @__PURE__ */ i("div", { className: e.buttons, children: [
@@ -512,13 +512,13 @@ function zt({
512
512
  h
513
513
  ),
514
514
  children: [
515
- /* @__PURE__ */ t(O, {}),
515
+ /* @__PURE__ */ t(j, {}),
516
516
  "Get started"
517
517
  ]
518
518
  }
519
519
  )
520
520
  ] }),
521
- /* @__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(
522
522
  m,
523
523
  {
524
524
  variant: "plain",
@@ -539,6 +539,6 @@ function zt({
539
539
  ] }) });
540
540
  }
541
541
  export {
542
- zt as Header,
543
- Nt as SubHeader
542
+ At as Header,
543
+ qt as SubHeader
544
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.87",
3
+ "version": "1.0.88",
4
4
  "description": "Highsoft UI",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",