highsoft-ui 1.0.139 → 1.0.141

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 (71) hide show
  1. package/README.md +56 -3
  2. package/dist/{Button-Dc8NFRWQ.js → Button-awCDIEXQ.js} +1 -1
  3. package/dist/{ButtonGroup-CYmrw7gQ.js → ButtonGroup-Cwn0djAz.js} +1 -1
  4. package/dist/{Checkbox-CErz7eBz.js → Checkbox-CrF45NBl.js} +1 -1
  5. package/dist/CodeBlock-BIdeK3gz.js +241 -0
  6. package/dist/{CookiePolicyModal-DdXZ2d36.js → CookiePolicyModal-CTA02JGV.js} +2 -2
  7. package/dist/{CopyCode-DH9Jh7PD.js → CopyCode-QiPNPCQN.js} +3 -3
  8. package/dist/{Dropdown-DbXr3sb-.js → Dropdown-0Vn7yro7.js} +1 -1
  9. package/dist/{Footer-DtFs2Sgb.js → Footer-BlCmsIDd.js} +9 -9
  10. package/dist/{FooterBottom-Dtttgp4F.js → FooterBottom-CF5ctutk.js} +1 -1
  11. package/dist/{FooterHelp-COjjt6h7.js → FooterHelp-BthIJ2ye.js} +1 -1
  12. package/dist/{FooterLinks-DZ0uH7HO.js → FooterLinks-BBOOTdRf.js} +2 -2
  13. package/dist/{Header-C7MCiwiz.js → Header-DY4mJxHm.js} +26 -26
  14. package/dist/{InputGrouped-CIokpRn5.js → InputGrouped-DyxraUpb.js} +12 -12
  15. package/dist/InputSolo-DUdKtZjX.js +126 -0
  16. package/dist/{Label-BM4vL0vA.js → Label-DdXaM1Bo.js} +1 -1
  17. package/dist/{Logo-DTfFHBgU.js → Logo-Bz0G2G-k.js} +69 -92
  18. package/dist/{NewsletterSignup-Dw9YbhEh.js → NewsletterSignup-BMRnrbw8.js} +5 -5
  19. package/dist/{Notification-BgmhEw6w.js → Notification-DM31Uzfz.js} +3 -3
  20. package/dist/{PrefPanel-BG4jW8wc.js → PrefPanel-DDD8R_-o.js} +5 -5
  21. package/dist/{RoadmapDetails-DXxJNZh9.js → RoadmapDetails-DsLtsnqg.js} +6 -6
  22. package/dist/{Search-CpJ2XTLG.js → Search-CDOpNByw.js} +12 -12
  23. package/dist/SearchDropdown-D65lySm_.js +176 -0
  24. package/dist/{YoutubeModal-DGj2INF0.js → YoutubeModal-CZgbaRB6.js} +1 -1
  25. package/dist/bash-kQhoNpCD.js +181 -0
  26. package/dist/components/Button/index.js +1 -1
  27. package/dist/components/ButtonGroup/index.js +1 -1
  28. package/dist/components/Checkbox/index.js +1 -1
  29. package/dist/components/CodeBlock/index.js +1 -1
  30. package/dist/components/CopyCode/index.js +1 -1
  31. package/dist/components/Dropdown/index.js +1 -1
  32. package/dist/components/Footer/CookiePolicyModal.js +1 -1
  33. package/dist/components/Footer/FooterBottom.js +1 -1
  34. package/dist/components/Footer/FooterHelp.js +1 -1
  35. package/dist/components/Footer/FooterLinks.js +1 -1
  36. package/dist/components/Footer/YoutubeModal.js +1 -1
  37. package/dist/components/Footer/index.js +1 -1
  38. package/dist/components/Header/index.js +1 -1
  39. package/dist/components/InputGrouped/index.js +1 -1
  40. package/dist/components/InputSolo/index.js +1 -1
  41. package/dist/components/Label/index.js +1 -1
  42. package/dist/components/Logo/index.js +1 -1
  43. package/dist/components/Modal/ModalContactFooter.js +2 -2
  44. package/dist/components/Modal/index.js +2 -2
  45. package/dist/components/NewsletterSignup/index.js +1 -1
  46. package/dist/components/Notification/index.js +1 -1
  47. package/dist/components/PrefPanel/index.js +1 -1
  48. package/dist/components/RoadmapDetails/index.js +1 -1
  49. package/dist/components/Search/index.js +1 -1
  50. package/dist/components/SearchDropdown/index.js +2 -0
  51. package/dist/create-element-CWTzyETe.js +217 -0
  52. package/dist/css-FhcewZZo.js +61 -0
  53. package/dist/{esm-CDDjSK4f.js → esm-VMwHsplm.js} +26 -12
  54. package/dist/highsoft-ui.css +1 -1
  55. package/dist/json-Bfzk2Msc.js +32 -0
  56. package/dist/jsx-B57trbk8.js +5 -0
  57. package/dist/jsx-hpSEtOci.js +182 -0
  58. package/dist/lib/components/CodeBlock/index.d.ts +7 -1
  59. package/dist/lib/components/InputSolo/index.d.ts +11 -0
  60. package/dist/lib/components/Logo/index.d.ts +6 -1
  61. package/dist/lib/components/SearchDropdown/index.d.ts +69 -0
  62. package/dist/lib/main.d.ts +3 -1
  63. package/dist/main.js +29 -28
  64. package/dist/markup-BC51nDBv.js +5 -0
  65. package/dist/markup-BhBs-nbv.js +128 -0
  66. package/dist/prism-light-B3yrtgki.js +1954 -0
  67. package/dist/python-Bt2XI9DF.js +66 -0
  68. package/dist/tsx-CJFgwLf7.js +54 -0
  69. package/package.json +13 -2
  70. package/dist/CodeBlock-DtYddgyU.js +0 -3044
  71. package/dist/InputSolo-2RPRX0wM.js +0 -123
package/README.md CHANGED
@@ -1,13 +1,44 @@
1
1
  # Highsoft UI
2
2
 
3
+ The Highsoft design system — a React component library, design tokens, a Storybook component explorer, and the Astro docs site that documents them.
4
+
5
+ **Live**
6
+
7
+ - Design site — https://design.highdev.dev
8
+ - Storybook (component explorer) — https://storybook.highdev.dev
9
+
10
+ > The complete reference lives in [`CLAUDE.md`](./CLAUDE.md): every component's props, the semantic token rules, and the do's & don'ts. It ships inside the published package too.
11
+
12
+ ## What's in this repo
13
+
14
+ | Path | What it is | Build | Ships to |
15
+ | --- | --- | --- | --- |
16
+ | `lib/` | The component library (the published package) | `npm run build` → `dist/` | npm — `highsoft-ui` |
17
+ | `src/` | The Astro docs site (multi-page, React islands) | `npm run build:app` → `dist-app/` | design.highdev.dev |
18
+ | `stories/` | Storybook stories | `npm run build-storybook` | storybook.highdev.dev |
19
+
20
+ `lib/` is the source of truth; the docs site and Storybook both consume it directly (via the `highsoft-ui` alias), so a change to a component shows up in all three.
21
+
22
+ ## For AI agents / LLMs
23
+
24
+ The design system is self-describing for coding agents. A prompt like _"use guidelines from design.highdev.dev"_ should land here:
25
+
26
+ - `/llms.txt` — concise guide: install, core rules, and a **"which component when"** decision matrix
27
+ - `/llms-full.txt` — the full guide **plus the complete component API**
28
+ - `/api.json` — machine-readable component API (props, types, defaults, enums)
29
+ - `/guidelines` → redirects to `/llms.txt`
30
+
31
+ `/llms-full.txt` and `/api.json` are **generated from `lib/` source** by [`scripts/extract-component-api.mjs`](./scripts/extract-component-api.mjs) (runs on `predev` / `prebuild:app`), so they can't drift from the real props. Every page also advertises `/llms.txt` via a `<link rel="alternate">` in its `<head>`.
32
+
3
33
  ## Development
4
34
 
5
35
  ```sh
6
36
  npm i
7
- npm run dev
37
+ npm run dev # docs site (Astro) → http://localhost:4321
38
+ npm run storybook # component explorer → http://localhost:6006
8
39
  ```
9
40
 
10
- This will run the test application located in `src` that uses the component library located in `lib`.
41
+ Both run against the live library in `lib/`, so editing a component hot-reloads here.
11
42
 
12
43
  ## Usage
13
44
 
@@ -17,7 +48,7 @@ This will run the test application located in `src` that uses the component libr
17
48
  npm i highsoft-ui
18
49
  ```
19
50
 
20
- 2. Load the the css somehow:
51
+ 2. Load the CSS — `highsoft-ui/css` bundles the component styles, resets **and** the design tokens (tokens drive the colors and dark mode):
21
52
 
22
53
  ```scss
23
54
  @import 'highsoft-ui/css';
@@ -31,6 +62,28 @@ import { Button } from 'highsoft-ui';
31
62
  <Button variant="brand" size={300}>Hello</Button>
32
63
  ```
33
64
 
65
+ ### Design tokens only
66
+
67
+ Need just the tokens — plain CSS/SCSS, WordPress blocks, no React? Install the tokens package on its own:
68
+
69
+ ```sh
70
+ npm i highsoft-design-tokens
71
+ ```
72
+
73
+ ```scss
74
+ // the CSS custom properties — drives the colors and dark mode
75
+ @import 'highsoft-design-tokens/dist/css/tokens.css';
76
+ ```
77
+
78
+ It also ships SCSS mixins, e.g. the link styles:
79
+
80
+ ```scss
81
+ @use 'highsoft-design-tokens/dist/scss/mixins/links' as *;
82
+
83
+ a { @include link; } // subtle underline
84
+ a.fancy { @include link(fancy); } // animated slide-in underline
85
+ ```
86
+
34
87
  ### PHP
35
88
 
36
89
  How to use components that need hydration (running client-side react) in PHP.
package/dist/{Button-Dc8NFRWQ.js → Button-awCDIEXQ.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { C as t } from "./esm-CDDjSK4f.js";
2
+ import { w as t } from "./esm-VMwHsplm.js";
3
3
  import { forwardRef as n } from "react";
4
4
  import { jsx as r, jsxs as i } from "react/jsx-runtime";
5
5
  var a = {
package/dist/{ButtonGroup-CYmrw7gQ.js → ButtonGroup-Cwn0djAz.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { t } from "./Button-Dc8NFRWQ.js";
2
+ import { t } from "./Button-awCDIEXQ.js";
3
3
  import { useEffect as n, useState as r } from "react";
4
4
  import { jsx as i } from "react/jsx-runtime";
5
5
  var a = {
package/dist/{Checkbox-CErz7eBz.js → Checkbox-CrF45NBl.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { S as t } from "./esm-CDDjSK4f.js";
2
+ import { C as t } from "./esm-VMwHsplm.js";
3
3
  import { createContext as n, useCallback as r, useContext as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
4
4
  import { jsx as l, jsxs as u } from "react/jsx-runtime";
5
5
  var d = {
package/dist/CodeBlock-BIdeK3gz.js ADDED
@@ -0,0 +1,241 @@
1
+ import { r as e, s as t } from "./utils-K9S_6_Eq.js";
2
+ import { t as n } from "./clsx-BWCAbrjV.js";
3
+ import { P as r, R as i } from "./esm-VMwHsplm.js";
4
+ import { t as a } from "./Button-awCDIEXQ.js";
5
+ import { t as o } from "./FrameworkIcon-Ds6WrxO0.js";
6
+ import { Fragment as s, forwardRef as c, useCallback as l, useEffect as u, useMemo as d, useState as f } from "react";
7
+ import { jsx as p, jsxs as m } from "react/jsx-runtime";
8
+ var h = {
9
+ add: "L3qApa_add",
10
+ badge: "L3qApa_badge",
11
+ body: "L3qApa_body",
12
+ copyBtn: "L3qApa_copyBtn",
13
+ head: "L3qApa_head",
14
+ lang: "L3qApa_lang",
15
+ langGroup: "L3qApa_langGroup",
16
+ line: "L3qApa_line",
17
+ numbered: "L3qApa_numbered",
18
+ pre: "L3qApa_pre",
19
+ remove: "L3qApa_remove",
20
+ scroll: "L3qApa_scroll",
21
+ wrap: "L3qApa_wrap"
22
+ }, g = null;
23
+ function _() {
24
+ return g ||= Promise.all([
25
+ import("./prism-light-B3yrtgki.js"),
26
+ import("./create-element-CWTzyETe.js").then((e) => e.n),
27
+ import("./jsx-B57trbk8.js"),
28
+ import("./tsx-CJFgwLf7.js"),
29
+ import("./json-Bfzk2Msc.js"),
30
+ import("./bash-kQhoNpCD.js"),
31
+ import("./python-Bt2XI9DF.js"),
32
+ import("./css-FhcewZZo.js"),
33
+ import("./markup-BC51nDBv.js")
34
+ ]).then(([e, t, n, r, i, a, o, s, c]) => {
35
+ let l = e.default;
36
+ return l.registerLanguage("jsx", n.default), l.registerLanguage("tsx", r.default), l.registerLanguage("json", i.default), l.registerLanguage("bash", a.default), l.registerLanguage("python", o.default), l.registerLanguage("css", s.default), l.registerLanguage("markup", c.default), {
37
+ SyntaxHighlighter: l,
38
+ createElement: t.default
39
+ };
40
+ }), g;
41
+ }
42
+ var v = {
43
+ js: "javascript",
44
+ javascript: "javascript",
45
+ ts: "typescript",
46
+ typescript: "typescript",
47
+ html: "html",
48
+ css: "css",
49
+ python: "python"
50
+ }, y = {
51
+ js: "jsx",
52
+ javascript: "jsx",
53
+ jsx: "jsx",
54
+ ts: "tsx",
55
+ typescript: "tsx",
56
+ tsx: "tsx",
57
+ json: "json",
58
+ bash: "bash",
59
+ sh: "bash",
60
+ shell: "bash",
61
+ python: "python",
62
+ py: "python",
63
+ css: "css",
64
+ scss: "css",
65
+ html: "markup",
66
+ xml: "markup",
67
+ markup: "markup"
68
+ }, b = {
69
+ js: {
70
+ label: "Javascript",
71
+ badge: "JS",
72
+ bg: "#f7df1e",
73
+ fg: "#1a1a1a"
74
+ },
75
+ javascript: {
76
+ label: "Javascript",
77
+ badge: "JS",
78
+ bg: "#f7df1e",
79
+ fg: "#1a1a1a"
80
+ },
81
+ ts: {
82
+ label: "Typescript",
83
+ badge: "TS",
84
+ bg: "#3178c6",
85
+ fg: "#ffffff"
86
+ },
87
+ typescript: {
88
+ label: "Typescript",
89
+ badge: "TS",
90
+ bg: "#3178c6",
91
+ fg: "#ffffff"
92
+ },
93
+ python: {
94
+ label: "Python",
95
+ badge: "PY",
96
+ bg: "#3776ab",
97
+ fg: "#ffffff"
98
+ },
99
+ html: {
100
+ label: "HTML",
101
+ badge: "<>",
102
+ bg: "#e34f26",
103
+ fg: "#ffffff"
104
+ },
105
+ css: {
106
+ label: "CSS",
107
+ badge: "CSS",
108
+ bg: "#1572b6",
109
+ fg: "#ffffff"
110
+ },
111
+ json: {
112
+ label: "JSON",
113
+ badge: "{ }",
114
+ bg: "#6b7280",
115
+ fg: "#ffffff"
116
+ },
117
+ bash: {
118
+ label: "Bash",
119
+ badge: ">_",
120
+ bg: "#4b5563",
121
+ fg: "#ffffff"
122
+ },
123
+ text: {
124
+ label: "Text",
125
+ badge: "TXT",
126
+ bg: "#9ca3af",
127
+ fg: "#ffffff"
128
+ }
129
+ }, x = /\s*(?:\/\/|\/\*|#|--|<!--)?\s*\[!code\s+(\+\+?|--?)\]\s*(?:\*\/|-->)?\s*$/;
130
+ function S(e) {
131
+ return e.split("\n").map((e) => {
132
+ let t = e.match(x);
133
+ return t ? {
134
+ text: e.replace(x, ""),
135
+ kind: t[1][0] === "+" ? "add" : "remove"
136
+ } : {
137
+ text: e,
138
+ kind: null
139
+ };
140
+ });
141
+ }
142
+ var C = {}, w = ({ children: e }) => /* @__PURE__ */ p("pre", {
143
+ className: h.pre,
144
+ children: e
145
+ }), T = ({ children: e }) => /* @__PURE__ */ p("code", { children: e }), E = c(({ code: c, html: g, lang: x = "text", showLines: E = !0, syntax: D = !0, diff: O = !0, wrap: k = !0, copyLabel: A = "Copy code", className: j, ...M }, N) => {
146
+ let P = b[x] ?? b.text, F = v[x], [I, L] = e(), [R, z] = t(), B = L || z, V = d(() => O ? S(c) : c.split("\n").map((e) => ({
147
+ text: e,
148
+ kind: null
149
+ })), [c, O]), H = d(() => V.some((e) => e.kind) ? V.filter((e) => e.kind !== "remove").map((e) => e.text).join("\n") : c, [V, c]), U = l(() => {
150
+ R(), I(H);
151
+ }, [
152
+ H,
153
+ I,
154
+ R
155
+ ]), W = n(h.body, {
156
+ [h.numbered]: E,
157
+ [h.scroll]: !k
158
+ }), G = y[x], K = d(() => V.map((e) => e.text).join("\n"), [V]), q = D && !g && !!G && K.trim().length > 0, [J, Y] = f(null);
159
+ u(() => {
160
+ if (!q) return;
161
+ let e = !0;
162
+ return _().then((t) => {
163
+ e && Y(t);
164
+ }), () => {
165
+ e = !1;
166
+ };
167
+ }, [q]);
168
+ let X = (e) => n(h.line, {
169
+ [h.add]: e === "add",
170
+ [h.remove]: e === "remove"
171
+ });
172
+ return /* @__PURE__ */ m("div", {
173
+ ref: N,
174
+ className: n(h.wrap, j),
175
+ ...M,
176
+ children: [/* @__PURE__ */ m("div", {
177
+ className: h.head,
178
+ children: [/* @__PURE__ */ m("span", {
179
+ className: h.langGroup,
180
+ children: [F ? /* @__PURE__ */ p(o, {
181
+ icon: F,
182
+ size: 16,
183
+ "aria-hidden": !0
184
+ }) : /* @__PURE__ */ p("span", {
185
+ className: h.badge,
186
+ style: {
187
+ background: P.bg,
188
+ color: P.fg
189
+ },
190
+ children: P.badge
191
+ }), /* @__PURE__ */ p("span", {
192
+ className: h.lang,
193
+ children: P.label
194
+ })]
195
+ }), /* @__PURE__ */ p(a, {
196
+ variant: B ? "success" : "transparent",
197
+ size: 100,
198
+ iconRight: p(B ? i : r, {}),
199
+ onClick: U,
200
+ "aria-label": B ? "Copied" : A,
201
+ className: h.copyBtn,
202
+ children: B ? "Copied" : A
203
+ })]
204
+ }), g ? /* @__PURE__ */ p("div", {
205
+ className: W,
206
+ dangerouslySetInnerHTML: { __html: g }
207
+ }) : q && J ? /* @__PURE__ */ p("div", {
208
+ className: W,
209
+ children: /* @__PURE__ */ p(J.SyntaxHighlighter, {
210
+ language: G,
211
+ useInlineStyles: !1,
212
+ style: C,
213
+ PreTag: w,
214
+ CodeTag: T,
215
+ wrapLines: !0,
216
+ renderer: ({ rows: e, stylesheet: t, useInlineStyles: n }) => e.map((r, i) => /* @__PURE__ */ m(s, { children: [/* @__PURE__ */ p("span", {
217
+ className: X(V[i]?.kind ?? null),
218
+ children: (r.children ?? []).map((e, r) => J.createElement({
219
+ node: e,
220
+ stylesheet: t,
221
+ useInlineStyles: n,
222
+ key: `c-${i}-${r}`
223
+ }))
224
+ }), i < e.length - 1 ? "\n" : null] }, i)),
225
+ children: K
226
+ })
227
+ }) : /* @__PURE__ */ p("div", {
228
+ className: W,
229
+ children: /* @__PURE__ */ p("pre", {
230
+ className: h.pre,
231
+ children: /* @__PURE__ */ p("code", { children: V.map((e, t) => /* @__PURE__ */ m(s, { children: [/* @__PURE__ */ p("span", {
232
+ className: X(e.kind),
233
+ children: e.text
234
+ }), t < V.length - 1 ? "\n" : null] }, t)) })
235
+ })
236
+ })]
237
+ });
238
+ });
239
+ E.displayName = "CodeBlock";
240
+ //#endregion
241
+ export { E as t };
package/dist/{CookiePolicyModal-DdXZ2d36.js → CookiePolicyModal-CTA02JGV.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { t as e } from "./esm-CDDjSK4f.js";
2
- import { t } from "./Button-Dc8NFRWQ.js";
1
+ import { t as e } from "./esm-VMwHsplm.js";
2
+ import { t } from "./Button-awCDIEXQ.js";
3
3
  import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist-f0z6DapB.js";
4
4
  import { useEffect as l, useRef as u, useState as d } from "react";
5
5
  import { jsx as f, jsxs as p } from "react/jsx-runtime";
package/dist/{CopyCode-DH9Jh7PD.js → CopyCode-QiPNPCQN.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { r as e, s as t } from "./utils-K9S_6_Eq.js";
2
2
  import { t as n } from "./clsx-BWCAbrjV.js";
3
- import { L as r, N as i } from "./esm-CDDjSK4f.js";
4
- import { t as a } from "./Button-Dc8NFRWQ.js";
3
+ import { P as r, R as i } from "./esm-VMwHsplm.js";
4
+ import { t as a } from "./Button-awCDIEXQ.js";
5
5
  import { forwardRef as o, useCallback as s } from "react";
6
6
  import { jsx as c, jsxs as l } from "react/jsx-runtime";
7
7
  var u = {
@@ -26,7 +26,7 @@ var u = {
26
26
  }), /* @__PURE__ */ c(a, {
27
27
  variant: x ? "success" : "soft",
28
28
  size: 200,
29
- iconLeft: c(x ? r : i, {}),
29
+ iconLeft: c(x ? i : r, {}),
30
30
  onClick: (e) => {
31
31
  e.stopPropagation(), S();
32
32
  },
package/dist/{Dropdown-DbXr3sb-.js → Dropdown-0Vn7yro7.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { L as t } from "./esm-CDDjSK4f.js";
2
+ import { R as t } from "./esm-VMwHsplm.js";
3
3
  import { t as n } from "./Icon-VeXJMj8Q.js";
4
4
  import { _ as r, a as i, c as a, d as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, t as g, u as _, v, y } from "./es2015-DWa0ZZ7A.js";
5
5
  import { a as ee, i as b, n as te, r as x, t as S } from "./dist-CE9LFbij.js";
package/dist/{Footer-DtFs2Sgb.js → Footer-BlCmsIDd.js} RENAMED
@@ -1,14 +1,14 @@
1
1
  import { r as e } from "./utils-K9S_6_Eq.js";
2
- import { L as t, P as n } from "./esm-CDDjSK4f.js";
3
- import { t as r } from "./Button-Dc8NFRWQ.js";
2
+ import { F as t, R as n } from "./esm-VMwHsplm.js";
3
+ import { t as r } from "./Button-awCDIEXQ.js";
4
4
  import { t as i } from "./Container-BDssaLig.js";
5
5
  import { t as a } from "./DiscordInvite-CLYxexdH.js";
6
- import { t as o } from "./Logo-DTfFHBgU.js";
7
- import { t as s } from "./NewsletterSignup-Dw9YbhEh.js";
8
- import { t as c } from "./FooterBottom-Dtttgp4F.js";
9
- import { t as l } from "./FooterHelp-COjjt6h7.js";
10
- import { t as u } from "./FooterLinks-DZ0uH7HO.js";
11
- import { t as d } from "./YoutubeModal-DGj2INF0.js";
6
+ import { t as o } from "./Logo-Bz0G2G-k.js";
7
+ import { t as s } from "./NewsletterSignup-BMRnrbw8.js";
8
+ import { t as c } from "./FooterBottom-CF5ctutk.js";
9
+ import { t as l } from "./FooterHelp-BthIJ2ye.js";
10
+ import { t as u } from "./FooterLinks-BBOOTdRf.js";
11
+ import { t as d } from "./YoutubeModal-CZgbaRB6.js";
12
12
  import { jsx as f, jsxs as p } from "react/jsx-runtime";
13
13
  var m = {
14
14
  discordCard: "_4W4F3q_discordCard",
@@ -29,7 +29,7 @@ function g() {
29
29
  return /* @__PURE__ */ p(r, {
30
30
  variant: "neutral",
31
31
  onClick: () => i(o),
32
- children: [o, f(a ? t : n, {})]
32
+ children: [o, f(a ? n : t, {})]
33
33
  });
34
34
  }
35
35
  function _({ link: e = "a", host: t = "https://www.highcharts.com" }) {
package/dist/{FooterBottom-Dtttgp4F.js → FooterBottom-CF5ctutk.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { a as e, t } from "./utils-K9S_6_Eq.js";
2
2
  import { a as n, c as r, i, n as a, o, r as s, s as c, t as l } from "./fa-B95RwBpz.js";
3
3
  import { t as u } from "./Typography-AvvBRu-u.js";
4
- import { t as d } from "./CookiePolicyModal-DdXZ2d36.js";
4
+ import { t as d } from "./CookiePolicyModal-CTA02JGV.js";
5
5
  import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
6
6
  //#region node_modules/react-icons/fa6/index.mjs
7
7
  function h(e) {
package/dist/{FooterHelp-COjjt6h7.js → FooterHelp-BthIJ2ye.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { a as e, t } from "./utils-K9S_6_Eq.js";
2
- import { f as n, s as r } from "./esm-CDDjSK4f.js";
2
+ import { f as n, s as r } from "./esm-VMwHsplm.js";
3
3
  import { t as i } from "./Icon-VeXJMj8Q.js";
4
4
  import { o as a, r as o } from "./fa-B95RwBpz.js";
5
5
  import { t as s } from "./Typography-AvvBRu-u.js";
package/dist/{FooterLinks-DZ0uH7HO.js → FooterLinks-BBOOTdRf.js} RENAMED
@@ -1,8 +1,8 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { w as t } from "./esm-CDDjSK4f.js";
2
+ import { T as t } from "./esm-VMwHsplm.js";
3
3
  import { t as n } from "./Icon-VeXJMj8Q.js";
4
4
  import { t as r } from "./Typography-AvvBRu-u.js";
5
- import { t as i } from "./Label-BM4vL0vA.js";
5
+ import { t as i } from "./Label-DdXaM1Bo.js";
6
6
  import a from "./components/icons/MadeInNorway.js";
7
7
  import { jsx as o, jsxs as s } from "react/jsx-runtime";
8
8
  var c = {
package/dist/{Header-C7MCiwiz.js → Header-DY4mJxHm.js} RENAMED
@@ -1,13 +1,13 @@
1
1
  import { a as e, d as t, i as n, o as r, u as i } from "./utils-K9S_6_Eq.js";
2
2
  import { t as a } from "./clsx-BWCAbrjV.js";
3
- import { B as o, O as s, R as c, U as l, b as u, c as d, h as f, l as p, r as m, t as h, y as g } from "./esm-CDDjSK4f.js";
4
- import { t as _ } from "./Button-Dc8NFRWQ.js";
3
+ import { V as o, W as s, b as c, c as l, g as u, k as d, l as f, r as p, t as m, x as h, z as g } from "./esm-VMwHsplm.js";
4
+ import { t as _ } from "./Button-awCDIEXQ.js";
5
5
  import { t as v } from "./Container-BDssaLig.js";
6
- import { t as y } from "./Logo-DTfFHBgU.js";
7
- import { t as b } from "./PrefPanel-BG4jW8wc.js";
8
- import { t as x } from "./Search-CpJ2XTLG.js";
9
- import { t as S } from "./Label-BM4vL0vA.js";
10
- import { t as C } from "./Notification-BgmhEw6w.js";
6
+ import { t as y } from "./Logo-Bz0G2G-k.js";
7
+ import { t as b } from "./PrefPanel-DDD8R_-o.js";
8
+ import { t as x } from "./Search-CDOpNByw.js";
9
+ import { t as S } from "./Label-DdXaM1Bo.js";
10
+ import { t as C } from "./Notification-DM31Uzfz.js";
11
11
  import { useEffect as w, useRef as T, useState as E } from "react";
12
12
  import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
13
13
  var A = {
@@ -75,22 +75,22 @@ var A = {
75
75
  {
76
76
  title: "Products",
77
77
  url: "https://www.highcharts.com/products/",
78
- icon: /* @__PURE__ */ O(c, {})
78
+ icon: /* @__PURE__ */ O(g, {})
79
79
  },
80
80
  {
81
81
  title: "Demos",
82
82
  url: "https://www.highcharts.com/demo",
83
- icon: /* @__PURE__ */ O(f, {})
83
+ icon: /* @__PURE__ */ O(u, {})
84
84
  },
85
85
  {
86
86
  title: "Support",
87
87
  url: "https://www.highcharts.com/support/",
88
- icon: /* @__PURE__ */ O(g, {})
88
+ icon: /* @__PURE__ */ O(c, {})
89
89
  },
90
90
  {
91
91
  title: "Resources",
92
92
  url: "https://www.highcharts.com/resources/",
93
- icon: /* @__PURE__ */ O(s, {})
93
+ icon: /* @__PURE__ */ O(d, {})
94
94
  },
95
95
  {
96
96
  title: "Pricing",
@@ -100,7 +100,7 @@ var A = {
100
100
  {
101
101
  title: "Blog",
102
102
  url: "https://www.highcharts.com/blog/home/",
103
- icon: /* @__PURE__ */ O(l, {})
103
+ icon: /* @__PURE__ */ O(s, {})
104
104
  }
105
105
  ];
106
106
  function B(e, t) {
@@ -193,17 +193,17 @@ function Y() {
193
193
  e && R(M, e);
194
194
  }, [e]), null;
195
195
  }
196
- function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host: c = "https://www.highcharts.com", pathname: l, cssVariable: f, position: g = "sticky" }) {
196
+ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host: c = "https://www.highcharts.com", pathname: u, cssVariable: d, position: g = "sticky" }) {
197
197
  let S = e("(max-width: 374px)"), w = e("(max-width: 849px)"), M = e("(max-width: 1300px)"), N = G(t), P = T(null), [F, L] = E(!1), [V, H] = E([]);
198
198
  n(() => {
199
199
  let e = P.current;
200
200
  if (!e) return;
201
201
  let n = t?.length ? N ? U : W : 0, r = 82 + V.length * 48 + n, i = -(82 + V.length * 48);
202
- if (g === "static") return e.style.transform = "", f && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
203
- e.style.transform = "", f && document.documentElement.style.removeProperty("--header-bottom");
202
+ if (g === "static") return e.style.transform = "", d && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
203
+ e.style.transform = "", d && document.documentElement.style.removeProperty("--header-bottom");
204
204
  };
205
205
  let a = window.scrollY, o = 0, s = null, c = null, l = () => {
206
- c = null, !(!e || s === o) && (e.style.transform = `translate3d(0, ${o}px, 0)`, f && document.documentElement.style.setProperty("--header-bottom", `${r + o}px`), s = o);
206
+ c = null, !(!e || s === o) && (e.style.transform = `translate3d(0, ${o}px, 0)`, d && document.documentElement.style.setProperty("--header-bottom", `${r + o}px`), s = o);
207
207
  };
208
208
  l();
209
209
  let u = () => {
@@ -211,10 +211,10 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
211
211
  a = e, o = Math.min(0, Math.max(i, o - t)), c === null && (c = window.requestAnimationFrame(l));
212
212
  };
213
213
  return window.addEventListener("scroll", u, { passive: !0 }), () => {
214
- window.removeEventListener("scroll", u), c !== null && cancelAnimationFrame(c), e.style.transform = "", f && document.documentElement.style.removeProperty("--header-bottom");
214
+ window.removeEventListener("scroll", u), c !== null && cancelAnimationFrame(c), e.style.transform = "", d && document.documentElement.style.removeProperty("--header-bottom");
215
215
  };
216
216
  }, [
217
- f,
217
+ d,
218
218
  N,
219
219
  V.length,
220
220
  g,
@@ -289,7 +289,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
289
289
  children: [/* @__PURE__ */ O("span", {
290
290
  className: A.gpt,
291
291
  children: "Highcharts Assist"
292
- }), /* @__PURE__ */ O(d, {})]
292
+ }), /* @__PURE__ */ O(l, {})]
293
293
  }) }),
294
294
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(x, {}) }),
295
295
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) }),
@@ -299,20 +299,20 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
299
299
  as: s,
300
300
  href: B("https://shop.highcharts.com/", c),
301
301
  "aria-label": "Buy Now",
302
- children: [/* @__PURE__ */ O(p, {}), "Buy Now"]
302
+ children: [/* @__PURE__ */ O(f, {}), "Buy Now"]
303
303
  }) }),
304
304
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
305
305
  className: A.cta,
306
306
  variant: "brand",
307
307
  as: s,
308
308
  href: B("https://www.highcharts.com/download/", c),
309
- children: [/* @__PURE__ */ O(m, {}), "Try for Free"]
309
+ children: [/* @__PURE__ */ O(p, {}), "Try for Free"]
310
310
  }) }),
311
311
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
312
312
  variant: F ? "soft" : "transparent",
313
313
  className: A.menu,
314
314
  onClick: X,
315
- children: [F ? "Close" : "Menu", O(F ? h : u, {})]
315
+ children: [F ? "Close" : "Menu", O(F ? m : h, {})]
316
316
  }) })
317
317
  ]
318
318
  })
@@ -323,7 +323,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
323
323
  items: t,
324
324
  link: s,
325
325
  host: c,
326
- pathname: l
326
+ pathname: u
327
327
  }),
328
328
  r
329
329
  ]
@@ -349,7 +349,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
349
349
  children: [/* @__PURE__ */ O("span", {
350
350
  className: A.gpt,
351
351
  children: "Highcharts Assist"
352
- }), /* @__PURE__ */ O(d, {})]
352
+ }), /* @__PURE__ */ O(l, {})]
353
353
  }) }),
354
354
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(x, {}) }),
355
355
  /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) })
@@ -363,13 +363,13 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
363
363
  fullWidth: !0,
364
364
  as: s,
365
365
  href: B("https://shop.highcharts.com/", c),
366
- children: [/* @__PURE__ */ O(p, {}), "Buy Now"]
366
+ children: [/* @__PURE__ */ O(f, {}), "Buy Now"]
367
367
  }) }), /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
368
368
  variant: "success",
369
369
  fullWidth: !0,
370
370
  as: s,
371
371
  href: B("https://www.highcharts.com/download/", c),
372
- children: [/* @__PURE__ */ O(m, {}), "Try for Free"]
372
+ children: [/* @__PURE__ */ O(p, {}), "Try for Free"]
373
373
  }) })]
374
374
  }),
375
375
  /* @__PURE__ */ O("ul", {