@x-wave/blog 1.0.0 → 1.0.2

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 (3) hide show
  1. package/README.md +424 -0
  2. package/index.js +707 -688
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -1,40 +1,40 @@
1
- import { jsxs as d, jsx as e, Fragment as U } from "react/jsx-runtime";
1
+ import { jsxs as i, jsx as e, Fragment as U } from "react/jsx-runtime";
2
2
  import { useTranslation as R } from "react-i18next";
3
- import { useLocation as Y, useNavigate as V, useParams as ge, Link as ie, Navigate as Ie } from "react-router-dom";
4
- import { X as ae, Tag as ke, User as Ce, CalendarBlank as xe, MagnifyingGlass as de, List as ye, Sun as ue, Moon as he, Monitor as me, CaretDown as oe, Globe as Te, CaretRight as Le } from "@phosphor-icons/react";
5
- import { useState as L, useEffect as P, createContext as Se, useContext as Be, useRef as z } from "react";
6
- import Pe from "react-markdown";
7
- import Me from "remark-gfm";
3
+ import { useLocation as Y, useNavigate as V, useParams as ae, Link as de, Navigate as fe, Routes as Ce, Route as ue } from "react-router-dom";
4
+ import { X as se, Tag as xe, User as ye, CalendarBlank as Te, MagnifyingGlass as he, List as Le, Sun as me, Moon as ge, Monitor as _e, CaretDown as oe, Globe as Pe, CaretRight as Se } from "@phosphor-icons/react";
5
+ import { useState as P, useEffect as B, createContext as Be, useContext as Me, useRef as W } from "react";
6
+ import De from "react-markdown";
7
+ import Ee from "remark-gfm";
8
8
  import ne from "i18next";
9
- import { createPortal as pe } from "react-dom";
10
- const De = "_tabContainer_yggpc_1", Ee = "_tab_yggpc_1", Oe = "_active_yggpc_45", G = {
11
- tabContainer: De,
12
- tab: Ee,
13
- active: Oe
9
+ import { createPortal as ve } from "react-dom";
10
+ const Oe = "_tabContainer_yggpc_1", Re = "_tab_yggpc_1", je = "_active_yggpc_45", G = {
11
+ tabContainer: Oe,
12
+ tab: Re,
13
+ active: je
14
14
  };
15
- function Re({ hasAdvanced: t }) {
16
- const { t: n } = R(), a = Y(), o = V();
15
+ function Ae({ hasAdvanced: t }) {
16
+ const { t: n } = R(), o = Y(), a = V();
17
17
  if (!t) return null;
18
- const s = new URLSearchParams(a.search).has("advanced"), u = () => {
18
+ const s = new URLSearchParams(o.search).has("advanced"), h = () => {
19
19
  if (s) {
20
- const p = new URLSearchParams(a.search);
21
- p.delete("advanced");
22
- const v = p.toString(), $ = v ? `?${v}` : "";
23
- o(`${a.pathname}${$}${a.hash}`);
20
+ const u = new URLSearchParams(o.search);
21
+ u.delete("advanced");
22
+ const v = u.toString(), N = v ? `?${v}` : "";
23
+ a(`${o.pathname}${N}${o.hash}`);
24
24
  }
25
- }, r = () => {
25
+ }, _ = () => {
26
26
  if (!s) {
27
- const p = new URLSearchParams(a.search);
28
- p.set("advanced", ""), o(`${a.pathname}?${p.toString()}${a.hash}`);
27
+ const u = new URLSearchParams(o.search);
28
+ u.set("advanced", ""), a(`${o.pathname}?${u.toString()}${o.hash}`);
29
29
  }
30
30
  };
31
- return /* @__PURE__ */ d("div", { className: G.tabContainer, children: [
31
+ return /* @__PURE__ */ i("div", { className: G.tabContainer, children: [
32
32
  /* @__PURE__ */ e(
33
33
  "button",
34
34
  {
35
35
  type: "button",
36
36
  className: `${G.tab} ${s ? "" : G.active}`,
37
- onClick: u,
37
+ onClick: h,
38
38
  children: n("ui.simple")
39
39
  }
40
40
  ),
@@ -43,65 +43,65 @@ function Re({ hasAdvanced: t }) {
43
43
  {
44
44
  type: "button",
45
45
  className: `${G.tab} ${s ? G.active : ""}`,
46
- onClick: r,
46
+ onClick: _,
47
47
  children: n("ui.advanced")
48
48
  }
49
49
  )
50
50
  ] });
51
51
  }
52
- function fe(t) {
53
- function n(a) {
54
- const o = a.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
55
- if (!o) return { frontmatter: {}, content: a };
56
- const l = {}, s = o[1];
57
- let u = "", r = !1;
58
- const p = [];
59
- for (const $ of s.split(`
52
+ function be(t) {
53
+ function n(o) {
54
+ const a = o.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
55
+ if (!a) return { frontmatter: {}, content: o };
56
+ const r = {}, s = a[1];
57
+ let h = "", _ = !1;
58
+ const u = [];
59
+ for (const N of s.split(`
60
60
  `)) {
61
- const m = $.trim();
62
- if (m.startsWith("-")) {
63
- if (r) {
64
- const g = m.substring(1).trim();
65
- p.push(g);
61
+ const g = N.trim();
62
+ if (g.startsWith("-")) {
63
+ if (_) {
64
+ const f = g.substring(1).trim();
65
+ u.push(f);
66
66
  }
67
67
  continue;
68
68
  }
69
- if (r && !m.startsWith("-") && (l[u] = p.slice(), p.length = 0, r = !1), m != null && m.includes(":")) {
70
- const [g, ...c] = m.split(":"), f = c.join(":").trim();
71
- if (u = g.trim(), !f) {
72
- r = !0;
69
+ if (_ && !g.startsWith("-") && (r[h] = u.slice(), u.length = 0, _ = !1), g != null && g.includes(":")) {
70
+ const [f, ...c] = g.split(":"), p = c.join(":").trim();
71
+ if (h = f.trim(), !p) {
72
+ _ = !0;
73
73
  continue;
74
74
  }
75
- f === "true" ? l[u] = !0 : f === "false" ? l[u] = !1 : l[u] = f;
75
+ p === "true" ? r[h] = !0 : p === "false" ? r[h] = !1 : r[h] = p;
76
76
  }
77
77
  }
78
- r && p.length > 0 && (l[u] = p);
79
- const v = a.replace(
78
+ _ && u.length > 0 && (r[h] = u);
79
+ const v = o.replace(
80
80
  /^---\s*\n[\s\S]*?\n---\s*\n/,
81
81
  ""
82
82
  );
83
- return { frontmatter: l, content: v };
83
+ return { frontmatter: r, content: v };
84
84
  }
85
85
  return {
86
86
  /**
87
87
  * Load MDX content for a given language and slug.
88
88
  * Automatically loads the advanced variant if `advanced` is true.
89
89
  */
90
- async loadMDXContent(a, o, l = !1) {
91
- const s = l ? `${o}-advanced.mdx` : `${o}.mdx`, u = `./docs/${a}/${s}`, r = t[u];
92
- if (!r) throw new Error(`File not found: ${u}`);
93
- const p = await r(), { frontmatter: v, content: $ } = n(p);
94
- return { content: $, frontmatter: v };
90
+ async loadMDXContent(o, a, r = !1) {
91
+ const s = r ? `${a}-advanced.mdx` : `${a}.mdx`, h = `./docs/${o}/${s}`, _ = t[h];
92
+ if (!_) throw new Error(`File not found: ${h}`);
93
+ const u = await _(), { frontmatter: v, content: N } = n(u);
94
+ return { content: N, frontmatter: v };
95
95
  },
96
96
  /**
97
97
  * Load English content for generating consistent heading IDs.
98
98
  * All heading anchors are derived from English content for stability across translations.
99
99
  */
100
- async loadEnglishContent(a, o = !1) {
101
- const s = `./docs/en/${o ? `${a}-advanced.mdx` : `${a}.mdx`}`, u = t[s];
102
- if (!u) throw new Error(`File not found: ${s}`);
103
- const r = await u(), { content: p } = n(r);
104
- return p;
100
+ async loadEnglishContent(o, a = !1) {
101
+ const s = `./docs/en/${a ? `${o}-advanced.mdx` : `${o}.mdx`}`, h = t[s];
102
+ if (!h) throw new Error(`File not found: ${s}`);
103
+ const _ = await h(), { content: u } = n(_);
104
+ return u;
105
105
  },
106
106
  /**
107
107
  * Build a tag index from all MDX files.
@@ -110,244 +110,245 @@ function fe(t) {
110
110
  * @param language - Language code to scan (defaults to 'en')
111
111
  * @returns Promise resolving to tag index mapping tag names to document info
112
112
  */
113
- async buildTagIndex(a = "en") {
114
- const o = {}, l = `./docs/${a}/`, s = Object.keys(t).filter(
115
- (u) => u.startsWith(l)
113
+ async buildTagIndex(o = "en") {
114
+ const a = {}, r = `./docs/${o}/`, s = Object.keys(t).filter(
115
+ (h) => h.startsWith(r)
116
116
  );
117
- for (const u of s)
117
+ for (const h of s)
118
118
  try {
119
- const r = t[u], p = await r(), { frontmatter: v, content: $ } = n(p), m = u.split("/").pop() || "", g = m.replace(".mdx", "").replace("-advanced", ""), c = $.match(/^#\s+(.+)$/m), f = c ? c[1].trim() : g;
120
- if (m.includes("-advanced")) continue;
121
- const _ = v.tags;
122
- if (_ && Array.isArray(_))
123
- for (const b of _)
124
- o[b] || (o[b] = []), o[b].some((y) => y.slug === g) || o[b].push({ slug: g, title: f });
125
- } catch (r) {
126
- console.warn(`Failed to process ${u}:`, r);
119
+ const _ = t[h], u = await _(), { frontmatter: v, content: N } = n(u), g = h.split("/").pop() || "", f = g.replace(".mdx", "").replace("-advanced", ""), c = N.match(/^#\s+(.+)$/m), p = c ? c[1].trim() : f;
120
+ if (g.includes("-advanced")) continue;
121
+ const l = v.tags;
122
+ if (l && Array.isArray(l))
123
+ for (const b of l)
124
+ a[b] || (a[b] = []), a[b].some((C) => C.slug === f) || a[b].push({ slug: f, title: p });
125
+ } catch (_) {
126
+ console.warn(`Failed to process ${h}:`, _);
127
127
  }
128
- return o;
128
+ return a;
129
129
  }
130
130
  };
131
131
  }
132
- function So(t) {
133
- const n = fe(t);
132
+ function Do(t) {
133
+ const n = be(t);
134
134
  return {
135
135
  mdxFiles: t,
136
136
  loadContent: n.loadMDXContent,
137
137
  loadEnglishContent: n.loadEnglishContent
138
138
  };
139
139
  }
140
- const ve = "app-theme", be = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", _e = (t) => t === "system" ? be() : t, je = () => typeof window > "u" ? "system" : localStorage.getItem(ve) || "system", we = () => {
141
- const [t, n] = L(je);
142
- return P(() => {
143
- const o = _e(t), l = document.documentElement;
144
- if (l.classList.remove("light", "dark"), l.classList.add(o), document.body.classList.remove("light", "dark"), document.body.classList.add(o), t === "system") {
145
- const s = window.matchMedia("(prefers-color-scheme: dark)"), u = () => {
146
- const r = be();
147
- l.classList.remove("light", "dark"), l.classList.add(r), document.body.classList.remove("light", "dark"), document.body.classList.add(r);
140
+ const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", pe = (t) => t === "system" ? $e() : t, He = () => typeof window > "u" ? "system" : localStorage.getItem(we) || "system", Ne = () => {
141
+ const [t, n] = P(He);
142
+ return B(() => {
143
+ const a = pe(t), r = document.documentElement;
144
+ if (r.classList.remove("light", "dark"), r.classList.add(a), document.body.classList.remove("light", "dark"), document.body.classList.add(a), t === "system") {
145
+ const s = window.matchMedia("(prefers-color-scheme: dark)"), h = () => {
146
+ const _ = $e();
147
+ r.classList.remove("light", "dark"), r.classList.add(_), document.body.classList.remove("light", "dark"), document.body.classList.add(_);
148
148
  };
149
- return s.addEventListener("change", u), () => s.removeEventListener("change", u);
149
+ return s.addEventListener("change", h), () => s.removeEventListener("change", h);
150
150
  }
151
151
  }, [t]), {
152
152
  theme: t,
153
- setTheme: (o) => {
154
- localStorage.setItem(ve, o), n(o);
153
+ setTheme: (a) => {
154
+ localStorage.setItem(we, a), n(a);
155
155
  },
156
- effectiveTheme: _e(t)
156
+ effectiveTheme: pe(t)
157
157
  };
158
- }, Ae = (t) => "items" in t, te = (t, n) => t.map((a) => Ae(a) ? {
159
- title: ne.getFixedT(n)(a.title),
160
- items: a.items.map((o) => ({
161
- title: ne.getFixedT(n)(o.title),
162
- slug: o.slug,
163
- ...o.hasAdvanced && { hasAdvanced: o.hasAdvanced },
164
- ...o.showTableOfContents !== void 0 && {
165
- showTableOfContents: o.showTableOfContents
158
+ }, ze = (t) => "items" in t, te = (t, n) => t.map((o) => ze(o) ? {
159
+ title: ne.getFixedT(n)(o.title),
160
+ items: o.items.map((a) => ({
161
+ title: ne.getFixedT(n)(a.title),
162
+ slug: a.slug,
163
+ ...a.hasAdvanced && { hasAdvanced: a.hasAdvanced },
164
+ ...a.showTableOfContents !== void 0 && {
165
+ showTableOfContents: a.showTableOfContents
166
166
  }
167
167
  }))
168
168
  } : {
169
- title: ne.getFixedT(n)(a.title),
170
- slug: a.slug,
171
- ...a.hasAdvanced && { hasAdvanced: a.hasAdvanced },
172
- ...a.showTableOfContents !== void 0 && {
173
- showTableOfContents: a.showTableOfContents
169
+ title: ne.getFixedT(n)(o.title),
170
+ slug: o.slug,
171
+ ...o.hasAdvanced && { hasAdvanced: o.hasAdvanced },
172
+ ...o.showTableOfContents !== void 0 && {
173
+ showTableOfContents: o.showTableOfContents
174
174
  }
175
- }), X = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ne = Se(null);
176
- function Bo({ children: t, config: n, blog: a }) {
177
- we();
178
- const [o, l] = L({});
179
- P(() => {
180
- const { buildTagIndex: u } = fe(a.mdxFiles), r = n.supportedLanguages.map(async (p) => {
175
+ }), X = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ie = Be(null);
176
+ function Eo({ children: t, config: n, blog: o }) {
177
+ Ne();
178
+ const [a, r] = P({});
179
+ B(() => {
180
+ const { buildTagIndex: h } = be(o.mdxFiles), _ = n.supportedLanguages.map(async (u) => {
181
181
  try {
182
- const v = await u(p);
183
- return { language: p, index: v };
182
+ const v = await h(u);
183
+ return { language: u, index: v };
184
184
  } catch (v) {
185
- return console.error(`Failed to build tag index for ${p}:`, v), { language: p, index: {} };
185
+ return console.error(`Failed to build tag index for ${u}:`, v), { language: u, index: {} };
186
186
  }
187
187
  });
188
- Promise.all(r).then((p) => {
188
+ Promise.all(_).then((u) => {
189
189
  const v = {};
190
- for (const $ of p)
191
- v[$.language] = $.index;
192
- l(v);
193
- }).catch((p) => {
194
- console.error("Failed to build tag indices:", p);
190
+ for (const N of u)
191
+ v[N.language] = N.index;
192
+ r(v);
193
+ }).catch((u) => {
194
+ console.error("Failed to build tag indices:", u);
195
195
  });
196
- }, [a.mdxFiles, n.supportedLanguages]);
197
- const s = { ...n, tagIndex: o };
196
+ }, [o.mdxFiles, n.supportedLanguages]);
197
+ const s = { ...n, tagIndex: a };
198
198
  return /* @__PURE__ */ e(
199
- Ne.Provider,
199
+ Ie.Provider,
200
200
  {
201
201
  value: {
202
202
  config: s,
203
- loadContent: a.loadContent,
204
- loadEnglishContent: a.loadEnglishContent
203
+ loadContent: o.loadContent,
204
+ loadEnglishContent: o.loadEnglishContent
205
205
  },
206
206
  children: t
207
207
  }
208
208
  );
209
209
  }
210
- function W() {
211
- const t = Be(Ne);
210
+ function H() {
211
+ const t = Me(Ie);
212
212
  if (!t)
213
213
  throw new Error("useBlogConfig must be used within a BlogProvider");
214
214
  return t;
215
215
  }
216
- const He = "_tableOfContents_vn5e4_1", ze = "_header_vn5e4_20", We = "_title_vn5e4_24", Fe = "_nav_vn5e4_33", Ke = "_list_vn5e4_39", Ue = "_link_vn5e4_46", qe = "_active_vn5e4_70", Ge = "_level1_vn5e4_86", Qe = "_level2_vn5e4_92", Xe = "_level3_vn5e4_97", Ye = "_level4_vn5e4_103", Ve = "_level5_vn5e4_109", Je = "_level6_vn5e4_115", A = {
217
- tableOfContents: He,
218
- header: ze,
219
- title: We,
220
- nav: Fe,
221
- list: Ke,
222
- link: Ue,
223
- active: qe,
224
- level1: Ge,
225
- level2: Qe,
226
- level3: Xe,
227
- level4: Ye,
228
- level5: Ve,
229
- level6: Je
216
+ const We = "_tableOfContents_vn5e4_1", Fe = "_header_vn5e4_20", Ke = "_title_vn5e4_24", Ue = "_nav_vn5e4_33", qe = "_list_vn5e4_39", Ge = "_link_vn5e4_46", Qe = "_active_vn5e4_70", Xe = "_level1_vn5e4_86", Ye = "_level2_vn5e4_92", Ve = "_level3_vn5e4_97", Je = "_level4_vn5e4_103", Ze = "_level5_vn5e4_109", et = "_level6_vn5e4_115", A = {
217
+ tableOfContents: We,
218
+ header: Fe,
219
+ title: Ke,
220
+ nav: Ue,
221
+ list: qe,
222
+ link: Ge,
223
+ active: Qe,
224
+ level1: Xe,
225
+ level2: Ye,
226
+ level3: Ve,
227
+ level4: Je,
228
+ level5: Ze,
229
+ level6: et
230
230
  };
231
- function Ze({
231
+ function tt({
232
232
  content: t,
233
233
  englishContent: n
234
234
  }) {
235
- const { t: a } = R(), o = Y(), l = V(), [s, u] = L([]), [r, p] = L(""), v = z(null);
236
- P(() => {
237
- p(""), (() => {
238
- const g = /^(#{1,6})\s+(.+)$/gm, c = [];
239
- let f = g.exec(t);
240
- const _ = [];
241
- for (; f !== null; ) {
242
- const h = f[1].length, C = f[2].trim();
243
- _.push({ level: h, text: C }), f = g.exec(t);
235
+ const { t: o } = R(), a = Y(), r = V(), [s, h] = P([]), [_, u] = P(""), v = W(null);
236
+ B(() => {
237
+ u(""), (() => {
238
+ const f = /^(#{1,6})\s+(.+)$/gm, c = [];
239
+ let p = f.exec(t);
240
+ const l = [];
241
+ for (; p !== null; ) {
242
+ const m = p[1].length, x = p[2].trim();
243
+ l.push({ level: m, text: x }), p = f.exec(t);
244
244
  }
245
245
  const b = /^(#{1,6})\s+(.+)$/gm;
246
- let y = b.exec(n), S = 0;
247
- for (; y !== null && S < _.length; ) {
248
- const h = y[2].trim(), C = X(h);
246
+ let C = b.exec(n), T = 0;
247
+ for (; C !== null && T < l.length; ) {
248
+ const m = C[2].trim(), x = X(m);
249
249
  c.push({
250
- id: C,
251
- text: _[S].text,
250
+ id: x,
251
+ text: l[T].text,
252
252
  // Use localized text for display
253
- level: _[S].level
254
- }), S++, y = b.exec(n);
253
+ level: l[T].level
254
+ }), T++, C = b.exec(n);
255
255
  }
256
- u(c);
256
+ h(c);
257
257
  })();
258
- }, [t, n]), P(() => {
258
+ }, [t, n]), B(() => {
259
259
  if (s.length === 0) return;
260
- const m = setTimeout(() => {
261
- const g = s.filter(
260
+ const g = setTimeout(() => {
261
+ const f = s.filter(
262
262
  (c) => !document.getElementById(c.id)
263
263
  );
264
- g.length > 0 && console.warn("Some heading elements not found:", g);
264
+ f.length > 0 && console.warn("Some heading elements not found:", f);
265
265
  }, 100);
266
- return () => clearTimeout(m);
267
- }, [s]), P(() => {
266
+ return () => clearTimeout(g);
267
+ }, [s]), B(() => {
268
268
  if (s.length === 0) return;
269
269
  v.current && v.current.disconnect();
270
- const m = setTimeout(() => {
271
- const g = s.map((c) => document.getElementById(c.id)).filter(Boolean);
272
- g.length !== 0 && (v.current = new IntersectionObserver(
270
+ const g = setTimeout(() => {
271
+ const f = s.map((c) => document.getElementById(c.id)).filter(Boolean);
272
+ f.length !== 0 && (v.current = new IntersectionObserver(
273
273
  (c) => {
274
- const f = c.filter((_) => _.isIntersecting);
275
- if (f.length > 0) {
276
- const _ = f.reduce((b, y) => b.boundingClientRect.top < y.boundingClientRect.top ? b : y);
277
- p(_.target.id);
274
+ const p = c.filter((l) => l.isIntersecting);
275
+ if (p.length > 0) {
276
+ const l = p.reduce((b, C) => b.boundingClientRect.top < C.boundingClientRect.top ? b : C);
277
+ u(l.target.id);
278
278
  }
279
279
  },
280
280
  {
281
281
  rootMargin: "-80px 0% -80% 0%",
282
282
  threshold: 0
283
283
  }
284
- ), g.forEach((c) => {
284
+ ), f.forEach((c) => {
285
285
  v.current && v.current.observe(c);
286
286
  }));
287
287
  }, 150);
288
288
  return () => {
289
- clearTimeout(m), v.current && v.current.disconnect();
289
+ clearTimeout(g), v.current && v.current.disconnect();
290
290
  };
291
- }, [s]), P(() => () => {
291
+ }, [s]), B(() => () => {
292
292
  v.current && v.current.disconnect();
293
293
  }, []);
294
- const $ = (m) => {
295
- const g = document.getElementById(m);
296
- if (g) {
297
- const c = new URLSearchParams(o.search);
298
- c.set("a", m), l(
299
- `${o.pathname}?${c.toString()}${o.hash}`,
294
+ const N = (g) => {
295
+ const f = document.getElementById(g);
296
+ if (f) {
297
+ const c = new URLSearchParams(a.search);
298
+ c.set("a", g), r(
299
+ `${a.pathname}?${c.toString()}${a.hash}`,
300
300
  {
301
301
  replace: !0
302
302
  }
303
303
  );
304
- const b = g.getBoundingClientRect().top + window.pageYOffset - 80;
304
+ const b = f.getBoundingClientRect().top + window.pageYOffset - 80;
305
305
  window.scrollTo({
306
306
  top: b,
307
307
  behavior: "smooth"
308
308
  });
309
309
  }
310
310
  };
311
- return s.length === 0 ? null : /* @__PURE__ */ d("aside", { className: A.tableOfContents, children: [
312
- /* @__PURE__ */ e("div", { className: A.header, children: /* @__PURE__ */ e("span", { className: A.title, children: a("ui.onThisPage", "On this page") }) }),
313
- /* @__PURE__ */ e("nav", { className: A.nav, children: /* @__PURE__ */ e("ul", { className: A.list, children: s.map((m) => /* @__PURE__ */ e("li", { className: A.item, children: /* @__PURE__ */ e(
311
+ return s.length === 0 ? null : /* @__PURE__ */ i("aside", { className: A.tableOfContents, children: [
312
+ /* @__PURE__ */ e("div", { className: A.header, children: /* @__PURE__ */ e("span", { className: A.title, children: o("ui.onThisPage", "On this page") }) }),
313
+ /* @__PURE__ */ e("nav", { className: A.nav, children: /* @__PURE__ */ e("ul", { className: A.list, children: s.map((g) => /* @__PURE__ */ e("li", { className: A.item, children: /* @__PURE__ */ e(
314
314
  "button",
315
315
  {
316
- className: `${A.link} ${A[`level${m.level}`]} ${r === m.id ? A.active : ""}`,
317
- onClick: () => $(m.id),
316
+ className: `${A.link} ${A[`level${g.level}`]} ${_ === g.id ? A.active : ""}`,
317
+ onClick: () => N(g.id),
318
318
  type: "button",
319
- children: m.text
319
+ children: g.text
320
320
  }
321
- ) }, m.id)) }) })
321
+ ) }, g.id)) }) })
322
322
  ] });
323
323
  }
324
- const et = "_overlay_s7p1r_1", tt = "_modal_s7p1r_26", nt = "_header_s7p1r_50", ot = "_title_s7p1r_58", at = "_closeButton_s7p1r_65", st = "_results_s7p1r_86", ct = "_resultsList_s7p1r_94", rt = "_resultItem_s7p1r_100", lt = "_resultTitle_s7p1r_119", it = "_resultSlug_s7p1r_124", dt = "_noResults_s7p1r_130", E = {
325
- overlay: et,
326
- modal: tt,
327
- header: nt,
328
- title: ot,
329
- closeButton: at,
330
- results: st,
331
- resultsList: ct,
332
- resultItem: rt,
333
- resultTitle: lt,
334
- resultSlug: it,
335
- noResults: dt
324
+ const nt = "_overlay_s7p1r_1", ot = "_modal_s7p1r_26", at = "_header_s7p1r_50", st = "_title_s7p1r_58", ct = "_closeButton_s7p1r_65", rt = "_results_s7p1r_86", lt = "_resultsList_s7p1r_94", it = "_resultItem_s7p1r_100", dt = "_resultTitle_s7p1r_119", ut = "_resultSlug_s7p1r_124", ht = "_noResults_s7p1r_130", E = {
325
+ overlay: nt,
326
+ modal: ot,
327
+ header: at,
328
+ title: st,
329
+ closeButton: ct,
330
+ results: rt,
331
+ resultsList: lt,
332
+ resultItem: it,
333
+ resultTitle: dt,
334
+ resultSlug: ut,
335
+ noResults: ht
336
336
  };
337
- function ut({
337
+ function mt({
338
338
  tag: t,
339
339
  results: n,
340
- language: a,
341
- onClose: o
340
+ language: o,
341
+ onClose: a
342
342
  }) {
343
- const { t: l } = R(), s = V(), u = (r) => {
344
- s(`/${a}/${r}`), o();
343
+ const { t: r } = R(), { config: s } = H(), h = V(), _ = (u) => {
344
+ const v = s.basePath || "";
345
+ h(`${v}/${o}/${u}`), a();
345
346
  };
346
- return pe(
347
- /* @__PURE__ */ e("div", { className: E.overlay, onClick: o, children: /* @__PURE__ */ d("div", { className: E.modal, onClick: (r) => r.stopPropagation(), children: [
348
- /* @__PURE__ */ d("div", { className: E.header, children: [
349
- /* @__PURE__ */ d("h2", { className: E.title, children: [
350
- l("ui.tagResults"),
347
+ return ve(
348
+ /* @__PURE__ */ e("div", { className: E.overlay, onClick: a, children: /* @__PURE__ */ i("div", { className: E.modal, onClick: (u) => u.stopPropagation(), children: [
349
+ /* @__PURE__ */ i("div", { className: E.header, children: [
350
+ /* @__PURE__ */ i("h2", { className: E.title, children: [
351
+ r("ui.tagResults"),
351
352
  ": ",
352
353
  t
353
354
  ] }),
@@ -356,54 +357,54 @@ function ut({
356
357
  {
357
358
  type: "button",
358
359
  className: E.closeButton,
359
- onClick: o,
360
+ onClick: a,
360
361
  "aria-label": "Close",
361
- children: /* @__PURE__ */ e(ae, {})
362
+ children: /* @__PURE__ */ e(se, {})
362
363
  }
363
364
  )
364
365
  ] }),
365
- /* @__PURE__ */ e("div", { className: E.results, children: n.length === 0 ? /* @__PURE__ */ e("div", { className: E.noResults, children: l("ui.noTagResults") }) : /* @__PURE__ */ e("ul", { className: E.resultsList, children: n.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
366
+ /* @__PURE__ */ e("div", { className: E.results, children: n.length === 0 ? /* @__PURE__ */ e("div", { className: E.noResults, children: r("ui.noTagResults") }) : /* @__PURE__ */ e("ul", { className: E.resultsList, children: n.map((u) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
366
367
  "button",
367
368
  {
368
369
  type: "button",
369
370
  className: E.resultItem,
370
- onClick: () => u(r.slug),
371
+ onClick: () => _(u.slug),
371
372
  children: [
372
- /* @__PURE__ */ e("div", { className: E.resultTitle, children: r.title }),
373
- /* @__PURE__ */ d("div", { className: E.resultSlug, children: [
373
+ /* @__PURE__ */ e("div", { className: E.resultTitle, children: u.title }),
374
+ /* @__PURE__ */ i("div", { className: E.resultSlug, children: [
374
375
  "/",
375
- r.slug
376
+ u.slug
376
377
  ] })
377
378
  ]
378
379
  }
379
- ) }, r.slug)) }) })
380
+ ) }, u.slug)) }) })
380
381
  ] }) }),
381
382
  document.body
382
383
  );
383
384
  }
384
- const ht = "_tags_8uc6s_1", mt = "_compact_8uc6s_9", _t = "_tagLabel_8uc6s_15", gt = "_tagIcon_8uc6s_25", pt = "_tagList_8uc6s_30", ft = "_tag_8uc6s_1", K = {
385
- tags: ht,
386
- compact: mt,
387
- tagLabel: _t,
388
- tagIcon: gt,
389
- tagList: pt,
390
- tag: ft
385
+ const gt = "_tags_8uc6s_1", _t = "_compact_8uc6s_9", pt = "_tagLabel_8uc6s_15", ft = "_tagIcon_8uc6s_25", vt = "_tagList_8uc6s_30", bt = "_tag_8uc6s_1", K = {
386
+ tags: gt,
387
+ compact: _t,
388
+ tagLabel: pt,
389
+ tagIcon: ft,
390
+ tagList: vt,
391
+ tag: bt
391
392
  };
392
- function vt({ tags: t, variant: n = "default", onTagClick: a }) {
393
- const { t: o } = R();
393
+ function wt({ tags: t, variant: n = "default", onTagClick: o }) {
394
+ const { t: a } = R();
394
395
  if (!t || t.length === 0) return null;
395
- const l = (s) => {
396
- a && a(s);
396
+ const r = (s) => {
397
+ o && o(s);
397
398
  };
398
- return /* @__PURE__ */ d(
399
+ return /* @__PURE__ */ i(
399
400
  "div",
400
401
  {
401
402
  className: `${K.tags} ${n === "compact" ? K.compact : ""}`,
402
403
  children: [
403
- n === "default" && /* @__PURE__ */ d("div", { className: K.tagLabel, children: [
404
- /* @__PURE__ */ e(ke, { className: K.tagIcon, weight: "duotone" }),
405
- /* @__PURE__ */ d("span", { children: [
406
- o("ui.tags"),
404
+ n === "default" && /* @__PURE__ */ i("div", { className: K.tagLabel, children: [
405
+ /* @__PURE__ */ e(xe, { className: K.tagIcon, weight: "duotone" }),
406
+ /* @__PURE__ */ i("span", { children: [
407
+ a("ui.tags"),
407
408
  ":"
408
409
  ] })
409
410
  ] }),
@@ -412,8 +413,8 @@ function vt({ tags: t, variant: n = "default", onTagClick: a }) {
412
413
  {
413
414
  type: "button",
414
415
  className: K.tag,
415
- onClick: () => l(s),
416
- "aria-label": `${o("ui.filterByTag")}: ${s}`,
416
+ onClick: () => r(s),
417
+ "aria-label": `${a("ui.filterByTag")}: ${s}`,
417
418
  children: s
418
419
  },
419
420
  s
@@ -422,52 +423,52 @@ function vt({ tags: t, variant: n = "default", onTagClick: a }) {
422
423
  }
423
424
  );
424
425
  }
425
- const bt = "_contentPage_godc9_1", wt = "_metadata_godc9_20", Nt = "_author_godc9_30", $t = "_date_godc9_31", It = "_loadingContainer_godc9_48", kt = "_errorContainer_godc9_49", Ct = "_skeletonTitle_godc9_71", xt = "_skeletonParagraph_godc9_80", yt = "_skeletonParagraphShort_godc9_93", Tt = "_errorText_godc9_107", Lt = "_mdxContent_godc9_112", St = "_withMetadata_godc9_125", Bt = "_codeBlock_godc9_300", Pt = "_codeLanguage_godc9_304", B = {
426
- contentPage: bt,
427
- metadata: wt,
428
- author: Nt,
429
- date: $t,
430
- loadingContainer: It,
431
- errorContainer: kt,
432
- skeletonTitle: Ct,
433
- skeletonParagraph: xt,
434
- skeletonParagraphShort: yt,
435
- errorText: Tt,
436
- mdxContent: Lt,
437
- withMetadata: St,
438
- codeBlock: Bt,
439
- codeLanguage: Pt
426
+ const $t = "_contentPage_godc9_1", Nt = "_metadata_godc9_20", It = "_author_godc9_30", kt = "_date_godc9_31", Ct = "_loadingContainer_godc9_48", xt = "_errorContainer_godc9_49", yt = "_skeletonTitle_godc9_71", Tt = "_skeletonParagraph_godc9_80", Lt = "_skeletonParagraphShort_godc9_93", Pt = "_errorText_godc9_107", St = "_mdxContent_godc9_112", Bt = "_withMetadata_godc9_125", Mt = "_codeBlock_godc9_300", Dt = "_codeLanguage_godc9_304", S = {
427
+ contentPage: $t,
428
+ metadata: Nt,
429
+ author: It,
430
+ date: kt,
431
+ loadingContainer: Ct,
432
+ errorContainer: xt,
433
+ skeletonTitle: yt,
434
+ skeletonParagraph: Tt,
435
+ skeletonParagraphShort: Lt,
436
+ errorText: Pt,
437
+ mdxContent: St,
438
+ withMetadata: Bt,
439
+ codeBlock: Mt,
440
+ codeLanguage: Dt
440
441
  };
441
- function Po({ language: t }) {
442
- var le;
443
- const { slug: n } = ge(), a = Y(), { t: o } = R(), { config: l, loadContent: s, loadEnglishContent: u } = W(), [r, p] = L(""), [v, $] = L(""), [m, g] = L({}), [c, f] = L(!0), [_, b] = L(null), [y, S] = L(!0), [h, C] = L(null), M = z(0), q = z([]), J = ((i) => {
442
+ function Et({ language: t }) {
443
+ var ie;
444
+ const { slug: n } = ae(), o = Y(), { t: a } = R(), { config: r, loadContent: s, loadEnglishContent: h } = H(), [_, u] = P(""), [v, N] = P(""), [g, f] = P({}), [c, p] = P(!0), [l, b] = P(null), [C, T] = P(!0), [m, x] = P(null), M = W(0), q = W([]), J = ((d) => {
444
445
  const w = {
445
446
  advanced: !1,
446
447
  anchor: ""
447
448
  };
448
- if (!i) return w;
449
- const N = (i.startsWith("?") ? i.substring(1) : i).split("&");
450
- for (const x of N)
451
- x === "advanced" ? w.advanced = !0 : x.startsWith("a=") && (w.anchor = x.substring(2));
449
+ if (!d) return w;
450
+ const $ = (d.startsWith("?") ? d.substring(1) : d).split("&");
451
+ for (const y of $)
452
+ y === "advanced" ? w.advanced = !0 : y.startsWith("a=") && (w.anchor = y.substring(2));
452
453
  return w;
453
- })(a.search), j = J.advanced;
454
- if (P(() => {
454
+ })(o.search), j = J.advanced;
455
+ if (B(() => {
455
456
  (async () => {
456
457
  if (!n) return;
457
- f(!0), b(null), M.current = 0;
458
+ p(!0), b(null), M.current = 0;
458
459
  let w = !0;
459
- for (const I of l.navigationData)
460
+ for (const I of r.navigationData)
460
461
  if ("items" in I) {
461
- const N = I.items.find((x) => x.slug === n);
462
- if (N) {
463
- w = N.showTableOfContents !== !1;
462
+ const $ = I.items.find((y) => y.slug === n);
463
+ if ($) {
464
+ w = $.showTableOfContents !== !1;
464
465
  break;
465
466
  }
466
467
  } else if (I.slug === n) {
467
468
  w = I.showTableOfContents !== !1;
468
469
  break;
469
470
  }
470
- S(w);
471
+ T(w);
471
472
  try {
472
473
  let I;
473
474
  try {
@@ -478,350 +479,351 @@ function Po({ language: t }) {
478
479
  else
479
480
  throw new Error("Content not found");
480
481
  }
481
- let N = "";
482
+ let $ = "";
482
483
  try {
483
- N = await u(n, j);
484
+ $ = await h(n, j);
484
485
  } catch {
485
- j && (N = await u(n, !1));
486
+ j && ($ = await h(n, !1));
486
487
  }
487
- const x = /^(#{1,6})\s+(.+)$/gm, O = [];
488
- let F = x.exec(N);
488
+ const y = /^(#{1,6})\s+(.+)$/gm, O = [];
489
+ let F = y.exec($);
489
490
  for (; F !== null; ) {
490
491
  const Z = F[2].trim();
491
- O.push(Z), F = x.exec(N);
492
+ O.push(Z), F = y.exec($);
492
493
  }
493
- q.current = O, $(N), p(I.content), g(I.frontmatter);
494
+ q.current = O, N($), u(I.content), f(I.frontmatter);
494
495
  } catch (I) {
495
496
  b(I instanceof Error ? I.message : "Failed to load content");
496
497
  } finally {
497
- f(!1);
498
+ p(!1);
498
499
  }
499
500
  })();
500
501
  }, [
501
502
  n,
502
503
  t,
503
504
  j,
504
- l.navigationData,
505
+ r.navigationData,
505
506
  s,
506
- u
507
- ]), P(() => {
507
+ h
508
+ ]), B(() => {
508
509
  if (!c && J.anchor) {
509
- const i = setTimeout(() => {
510
+ const d = setTimeout(() => {
510
511
  const w = document.getElementById(J.anchor);
511
512
  if (w) {
512
- const x = w.getBoundingClientRect().top + window.pageYOffset - 80;
513
+ const y = w.getBoundingClientRect().top + window.pageYOffset - 80;
513
514
  window.scrollTo({
514
- top: x,
515
+ top: y,
515
516
  behavior: "smooth"
516
517
  });
517
518
  }
518
519
  }, 150);
519
- return () => clearTimeout(i);
520
+ return () => clearTimeout(d);
520
521
  }
521
522
  }, [c, J.anchor]), c)
522
- return /* @__PURE__ */ e("div", { className: B.contentPage, children: /* @__PURE__ */ d("div", { className: B.loadingContainer, children: [
523
- /* @__PURE__ */ e("div", { className: B.skeletonTitle }),
524
- /* @__PURE__ */ e("div", { className: B.skeletonParagraph }),
525
- /* @__PURE__ */ e("div", { className: B.skeletonParagraph }),
526
- /* @__PURE__ */ e("div", { className: B.skeletonParagraphShort })
523
+ return /* @__PURE__ */ e("div", { className: S.contentPage, children: /* @__PURE__ */ i("div", { className: S.loadingContainer, children: [
524
+ /* @__PURE__ */ e("div", { className: S.skeletonTitle }),
525
+ /* @__PURE__ */ e("div", { className: S.skeletonParagraph }),
526
+ /* @__PURE__ */ e("div", { className: S.skeletonParagraph }),
527
+ /* @__PURE__ */ e("div", { className: S.skeletonParagraphShort })
527
528
  ] }) });
528
- if (_)
529
- return /* @__PURE__ */ e("div", { className: B.contentPage, children: /* @__PURE__ */ e("div", { className: B.errorContainer, children: /* @__PURE__ */ d("div", { className: B.errorText, children: [
529
+ if (l)
530
+ return /* @__PURE__ */ e("div", { className: S.contentPage, children: /* @__PURE__ */ e("div", { className: S.errorContainer, children: /* @__PURE__ */ i("div", { className: S.errorText, children: [
530
531
  "Error: ",
531
- _
532
+ l
532
533
  ] }) }) });
533
534
  M.current = 0;
534
- let re = !1;
535
- const $e = () => /* @__PURE__ */ d("div", { className: B.metadata, children: [
536
- m.author && /* @__PURE__ */ d("span", { className: B.author, children: [
537
- /* @__PURE__ */ e(Ce, { size: 16, weight: "regular" }),
538
- m.author
535
+ let le = !1;
536
+ const ke = () => /* @__PURE__ */ i("div", { className: S.metadata, children: [
537
+ g.author && /* @__PURE__ */ i("span", { className: S.author, children: [
538
+ /* @__PURE__ */ e(ye, { size: 16, weight: "regular" }),
539
+ g.author
539
540
  ] }),
540
- m.date && /* @__PURE__ */ d("span", { className: B.date, children: [
541
- /* @__PURE__ */ e(xe, { size: 16, weight: "regular" }),
542
- o("ui.lastEdited"),
541
+ g.date && /* @__PURE__ */ i("span", { className: S.date, children: [
542
+ /* @__PURE__ */ e(Te, { size: 16, weight: "regular" }),
543
+ a("ui.lastEdited"),
543
544
  ": ",
544
- m.date
545
+ g.date
545
546
  ] })
546
547
  ] });
547
- return /* @__PURE__ */ d(U, { children: [
548
- /* @__PURE__ */ d("div", { className: B.contentPage, children: [
549
- /* @__PURE__ */ e(Re, { hasAdvanced: m.hasAdvanced || !1 }),
550
- /* @__PURE__ */ e("div", { className: B.mdxContent, children: /* @__PURE__ */ e(
551
- Pe,
548
+ return /* @__PURE__ */ i(U, { children: [
549
+ /* @__PURE__ */ i("div", { className: S.contentPage, children: [
550
+ /* @__PURE__ */ e(Ae, { hasAdvanced: g.hasAdvanced || !1 }),
551
+ /* @__PURE__ */ e("div", { className: S.mdxContent, children: /* @__PURE__ */ e(
552
+ De,
552
553
  {
553
- remarkPlugins: [Me],
554
+ remarkPlugins: [Ee],
554
555
  components: {
555
- h1: ({ children: i }) => {
556
- const w = M.current++, I = q.current[w] || "", N = X(I), x = j ? `?advanced&a=${N}` : `?a=${N}`, O = `#/${t}/${n}${x}`, F = !re;
557
- re = !0;
558
- const Z = m.date || m.author;
559
- return /* @__PURE__ */ d(U, { children: [
556
+ h1: ({ children: d }) => {
557
+ const w = M.current++, I = q.current[w] || "", $ = X(I), y = j ? `?advanced&a=${$}` : `?a=${$}`, O = `#/${t}/${n}${y}`, F = !le;
558
+ le = !0;
559
+ const Z = g.date || g.author;
560
+ return /* @__PURE__ */ i(U, { children: [
560
561
  /* @__PURE__ */ e(
561
562
  "h1",
562
563
  {
563
- id: N,
564
- className: F && Z ? B.withMetadata : void 0,
564
+ id: $,
565
+ className: F && Z ? S.withMetadata : void 0,
565
566
  children: /* @__PURE__ */ e(
566
567
  "a",
567
568
  {
568
569
  href: O,
569
570
  style: { color: "inherit", textDecoration: "none" },
570
- children: i
571
+ children: d
571
572
  }
572
573
  )
573
574
  }
574
575
  ),
575
- F && Z && /* @__PURE__ */ e($e, {})
576
+ F && Z && /* @__PURE__ */ e(ke, {})
576
577
  ] });
577
578
  },
578
- h2: ({ children: i }) => {
579
- const w = M.current++, I = q.current[w] || "", N = X(I), x = j ? `?advanced&a=${N}` : `?a=${N}`, O = `#/${t}/${n}${x}`;
580
- return /* @__PURE__ */ e("h2", { id: N, children: /* @__PURE__ */ e(
579
+ h2: ({ children: d }) => {
580
+ const w = M.current++, I = q.current[w] || "", $ = X(I), y = j ? `?advanced&a=${$}` : `?a=${$}`, O = `#/${t}/${n}${y}`;
581
+ return /* @__PURE__ */ e("h2", { id: $, children: /* @__PURE__ */ e(
581
582
  "a",
582
583
  {
583
584
  href: O,
584
585
  style: { color: "inherit", textDecoration: "none" },
585
- children: i
586
+ children: d
586
587
  }
587
588
  ) });
588
589
  },
589
- h3: ({ children: i }) => {
590
- const w = M.current++, I = q.current[w] || "", N = X(I), x = j ? `?advanced&a=${N}` : `?a=${N}`, O = `#/${t}/${n}${x}`;
591
- return /* @__PURE__ */ e("h3", { id: N, children: /* @__PURE__ */ e(
590
+ h3: ({ children: d }) => {
591
+ const w = M.current++, I = q.current[w] || "", $ = X(I), y = j ? `?advanced&a=${$}` : `?a=${$}`, O = `#/${t}/${n}${y}`;
592
+ return /* @__PURE__ */ e("h3", { id: $, children: /* @__PURE__ */ e(
592
593
  "a",
593
594
  {
594
595
  href: O,
595
596
  style: { color: "inherit", textDecoration: "none" },
596
- children: i
597
+ children: d
597
598
  }
598
599
  ) });
599
600
  },
600
- h4: ({ children: i }) => {
601
- const w = M.current++, I = q.current[w] || "", N = X(I), x = j ? `?advanced&a=${N}` : `?a=${N}`, O = `#/${t}/${n}${x}`;
602
- return /* @__PURE__ */ e("h4", { id: N, children: /* @__PURE__ */ e(
601
+ h4: ({ children: d }) => {
602
+ const w = M.current++, I = q.current[w] || "", $ = X(I), y = j ? `?advanced&a=${$}` : `?a=${$}`, O = `#/${t}/${n}${y}`;
603
+ return /* @__PURE__ */ e("h4", { id: $, children: /* @__PURE__ */ e(
603
604
  "a",
604
605
  {
605
606
  href: O,
606
607
  style: { color: "inherit", textDecoration: "none" },
607
- children: i
608
+ children: d
608
609
  }
609
610
  ) });
610
611
  },
611
- h5: ({ children: i }) => {
612
+ h5: ({ children: d }) => {
612
613
  const w = `h5-${M.current++}`;
613
- return /* @__PURE__ */ e("h5", { id: w, children: i });
614
+ return /* @__PURE__ */ e("h5", { id: w, children: d });
614
615
  },
615
- h6: ({ children: i }) => {
616
+ h6: ({ children: d }) => {
616
617
  const w = `h6-${M.current++}`;
617
- return /* @__PURE__ */ e("h6", { id: w, children: i });
618
+ return /* @__PURE__ */ e("h6", { id: w, children: d });
618
619
  },
619
- p: ({ children: i }) => /* @__PURE__ */ e("p", { children: i }),
620
- ul: ({ children: i }) => /* @__PURE__ */ e("ul", { children: i }),
621
- ol: ({ children: i }) => /* @__PURE__ */ e("ol", { children: i }),
622
- li: ({ children: i }) => /* @__PURE__ */ e("li", { children: i }),
623
- code: ({ className: i, children: w, ...I }) => {
624
- if (!i)
620
+ p: ({ children: d }) => /* @__PURE__ */ e("p", { children: d }),
621
+ ul: ({ children: d }) => /* @__PURE__ */ e("ul", { children: d }),
622
+ ol: ({ children: d }) => /* @__PURE__ */ e("ol", { children: d }),
623
+ li: ({ children: d }) => /* @__PURE__ */ e("li", { children: d }),
624
+ code: ({ className: d, children: w, ...I }) => {
625
+ if (!d)
625
626
  return /* @__PURE__ */ e("code", { ...I, children: w });
626
- const x = (i == null ? void 0 : i.replace("language-", "")) || "";
627
- return /* @__PURE__ */ d("div", { className: B.codeBlock, children: [
628
- x && /* @__PURE__ */ e("div", { className: B.codeLanguage, children: x }),
629
- /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: i, ...I, children: w }) })
627
+ const y = (d == null ? void 0 : d.replace("language-", "")) || "";
628
+ return /* @__PURE__ */ i("div", { className: S.codeBlock, children: [
629
+ y && /* @__PURE__ */ e("div", { className: S.codeLanguage, children: y }),
630
+ /* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: d, ...I, children: w }) })
630
631
  ] });
631
632
  },
632
- pre: ({ children: i }) => /* @__PURE__ */ e(U, { children: i }),
633
+ pre: ({ children: d }) => /* @__PURE__ */ e(U, { children: d }),
633
634
  // Let code component handle pre styling
634
- blockquote: ({ children: i }) => /* @__PURE__ */ e("blockquote", { children: i }),
635
- a: ({ href: i, children: w, ...I }) => {
636
- if (i != null && i.startsWith("./")) {
637
- const N = i.slice(2), x = `#/${t}/${N}`;
638
- return /* @__PURE__ */ e("a", { href: x, ...I, children: w });
635
+ blockquote: ({ children: d }) => /* @__PURE__ */ e("blockquote", { children: d }),
636
+ a: ({ href: d, children: w, ...I }) => {
637
+ if (d != null && d.startsWith("./")) {
638
+ const $ = d.slice(2), y = `#/${t}/${$}`;
639
+ return /* @__PURE__ */ e("a", { href: y, ...I, children: w });
639
640
  }
640
- return i != null && i.startsWith("http://") || i != null && i.startsWith("https://") ? /* @__PURE__ */ e(
641
+ return d != null && d.startsWith("http://") || d != null && d.startsWith("https://") ? /* @__PURE__ */ e(
641
642
  "a",
642
643
  {
643
- href: i,
644
+ href: d,
644
645
  target: "_blank",
645
646
  rel: "noopener noreferrer",
646
647
  ...I,
647
648
  children: w
648
649
  }
649
- ) : /* @__PURE__ */ e("a", { href: i, ...I, children: w });
650
+ ) : /* @__PURE__ */ e("a", { href: d, ...I, children: w });
650
651
  },
651
- strong: ({ children: i }) => /* @__PURE__ */ e("strong", { children: i }),
652
- em: ({ children: i }) => /* @__PURE__ */ e("em", { children: i })
652
+ strong: ({ children: d }) => /* @__PURE__ */ e("strong", { children: d }),
653
+ em: ({ children: d }) => /* @__PURE__ */ e("em", { children: d })
653
654
  },
654
- children: r
655
+ children: _
655
656
  }
656
657
  ) }),
657
- m.tags && m.tags.length > 0 && /* @__PURE__ */ e(
658
- vt,
658
+ g.tags && g.tags.length > 0 && /* @__PURE__ */ e(
659
+ wt,
659
660
  {
660
- tags: m.tags,
661
+ tags: g.tags,
661
662
  variant: "compact",
662
- onTagClick: (i) => C(i)
663
+ onTagClick: (d) => x(d)
663
664
  }
664
665
  )
665
666
  ] }),
666
- y && /* @__PURE__ */ e(Ze, { content: r, englishContent: v }),
667
- h && ((le = l.tagIndex) == null ? void 0 : le[t]) && /* @__PURE__ */ e(
668
- ut,
667
+ C && /* @__PURE__ */ e(tt, { content: _, englishContent: v }),
668
+ m && ((ie = r.tagIndex) == null ? void 0 : ie[t]) && /* @__PURE__ */ e(
669
+ mt,
669
670
  {
670
- tag: h,
671
- results: l.tagIndex[t][h] || [],
671
+ tag: m,
672
+ results: r.tagIndex[t][m] || [],
672
673
  language: t,
673
- onClose: () => C(null)
674
+ onClose: () => x(null)
674
675
  }
675
676
  )
676
677
  ] });
677
678
  }
678
- const Mt = "_searchButton_royne_1", Dt = "_searchIcon_royne_17", Et = "_searchHint_royne_23", Ot = "_kbd_royne_27", Rt = "_searchOverlay_royne_42", jt = "_searchModal_royne_67", At = "_searchHeader_royne_91", Ht = "_searchInput_royne_105", zt = "_closeButton_royne_123", Wt = "_searchResults_royne_144", Ft = "_resultsList_royne_152", Kt = "_resultItem_royne_158", Ut = "_selected_royne_173", qt = "_resultTitle_royne_176", Gt = "_resultSlug_royne_180", Qt = "_noResults_royne_186", Xt = "_searchHints_royne_193", Yt = "_hint_royne_210", T = {
679
- searchButton: Mt,
680
- searchIcon: Dt,
681
- searchHint: Et,
682
- kbd: Ot,
683
- searchOverlay: Rt,
684
- searchModal: jt,
685
- searchHeader: At,
686
- searchInput: Ht,
687
- closeButton: zt,
688
- searchResults: Wt,
689
- resultsList: Ft,
690
- resultItem: Kt,
691
- selected: Ut,
692
- resultTitle: qt,
693
- resultSlug: Gt,
694
- noResults: Qt,
695
- searchHints: Xt,
696
- hint: Yt
679
+ const Ot = "_searchButton_royne_1", Rt = "_searchIcon_royne_17", jt = "_searchHint_royne_23", At = "_kbd_royne_27", Ht = "_searchOverlay_royne_42", zt = "_searchModal_royne_67", Wt = "_searchHeader_royne_91", Ft = "_searchInput_royne_105", Kt = "_closeButton_royne_123", Ut = "_searchResults_royne_144", qt = "_resultsList_royne_152", Gt = "_resultItem_royne_158", Qt = "_selected_royne_173", Xt = "_resultTitle_royne_176", Yt = "_resultSlug_royne_180", Vt = "_noResults_royne_186", Jt = "_searchHints_royne_193", Zt = "_hint_royne_210", L = {
680
+ searchButton: Ot,
681
+ searchIcon: Rt,
682
+ searchHint: jt,
683
+ kbd: At,
684
+ searchOverlay: Ht,
685
+ searchModal: zt,
686
+ searchHeader: Wt,
687
+ searchInput: Ft,
688
+ closeButton: Kt,
689
+ searchResults: Ut,
690
+ resultsList: qt,
691
+ resultItem: Gt,
692
+ selected: Qt,
693
+ resultTitle: Xt,
694
+ resultSlug: Yt,
695
+ noResults: Vt,
696
+ searchHints: Jt,
697
+ hint: Zt
697
698
  };
698
- function Vt({ language: t }) {
699
- const { t: n } = R(), { config: a } = W(), o = V(), [l, s] = L(!1), [u, r] = L(""), [p, v] = L([]), [$, m] = L(0), g = z(null), c = z(null), _ = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", b = te(
700
- a.navigationData,
699
+ function en({ language: t }) {
700
+ const { t: n } = R(), { config: o } = H(), a = V(), [r, s] = P(!1), [h, _] = P(""), [u, v] = P([]), [N, g] = P(0), f = W(null), c = W(null), l = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", b = te(
701
+ o.navigationData,
701
702
  t
702
- ).flatMap((h) => "items" in h ? h.items.map((C) => ({
703
- title: C.title,
704
- slug: C.slug
705
- })) : [{ title: h.title, slug: h.slug }]);
706
- P(() => {
707
- if (!u.trim()) {
708
- v([]), m(0);
703
+ ).flatMap((m) => "items" in m ? m.items.map((x) => ({
704
+ title: x.title,
705
+ slug: x.slug
706
+ })) : [{ title: m.title, slug: m.slug }]);
707
+ B(() => {
708
+ if (!h.trim()) {
709
+ v([]), g(0);
709
710
  return;
710
711
  }
711
- const h = u.toLowerCase(), C = b.filter(
712
- (M) => M.title.toLowerCase().includes(h) || M.slug.toLowerCase().includes(h)
712
+ const m = h.toLowerCase(), x = b.filter(
713
+ (M) => M.title.toLowerCase().includes(m) || M.slug.toLowerCase().includes(m)
713
714
  );
714
- v(C), m(0);
715
- }, [u]), P(() => {
716
- const h = (C) => {
717
- (C.metaKey || C.ctrlKey) && C.key === "k" && (C.preventDefault(), s(!0), setTimeout(() => {
715
+ v(x), g(0);
716
+ }, [h]), B(() => {
717
+ const m = (x) => {
718
+ (x.metaKey || x.ctrlKey) && x.key === "k" && (x.preventDefault(), s(!0), setTimeout(() => {
718
719
  var M;
719
- return (M = g.current) == null ? void 0 : M.focus();
720
- }, 100)), C.key === "Escape" && l && (s(!1), r(""));
720
+ return (M = f.current) == null ? void 0 : M.focus();
721
+ }, 100)), x.key === "Escape" && r && (s(!1), _(""));
721
722
  };
722
- return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
723
- }, [l]);
724
- const y = (h) => {
725
- h.key === "ArrowDown" ? (h.preventDefault(), m((C) => Math.min(C + 1, p.length - 1))) : h.key === "ArrowUp" ? (h.preventDefault(), m((C) => Math.max(C - 1, 0))) : h.key === "Enter" && p[$] && (h.preventDefault(), S(p[$].slug));
723
+ return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
724
+ }, [r]);
725
+ const C = (m) => {
726
+ m.key === "ArrowDown" ? (m.preventDefault(), g((x) => Math.min(x + 1, u.length - 1))) : m.key === "ArrowUp" ? (m.preventDefault(), g((x) => Math.max(x - 1, 0))) : m.key === "Enter" && u[N] && (m.preventDefault(), T(u[N].slug));
726
727
  };
727
- P(() => {
728
- const h = (C) => {
729
- c.current && !c.current.contains(C.target) && (s(!1), r(""));
728
+ B(() => {
729
+ const m = (x) => {
730
+ c.current && !c.current.contains(x.target) && (s(!1), _(""));
730
731
  };
731
- return l && document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
732
- }, [l]);
733
- const S = (h) => {
734
- o(`/${t}/${h}`), s(!1), r("");
732
+ return r && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
733
+ }, [r]);
734
+ const T = (m) => {
735
+ const x = o.basePath || "";
736
+ a(`${x}/${t}/${m}`), s(!1), _("");
735
737
  };
736
- return /* @__PURE__ */ d(U, { children: [
737
- /* @__PURE__ */ d(
738
+ return /* @__PURE__ */ i(U, { children: [
739
+ /* @__PURE__ */ i(
738
740
  "button",
739
741
  {
740
742
  type: "button",
741
- className: T.searchButton,
743
+ className: L.searchButton,
742
744
  onClick: () => {
743
745
  s(!0), setTimeout(() => {
744
- var h;
745
- return (h = g.current) == null ? void 0 : h.focus();
746
+ var m;
747
+ return (m = f.current) == null ? void 0 : m.focus();
746
748
  }, 100);
747
749
  },
748
750
  "aria-label": n("ui.search"),
749
751
  children: [
750
- /* @__PURE__ */ e(de, { className: T.searchIcon }),
751
- /* @__PURE__ */ e("span", { className: T.searchHint, children: n("ui.search") }),
752
- /* @__PURE__ */ e("kbd", { className: T.kbd, children: _ })
752
+ /* @__PURE__ */ e(he, { className: L.searchIcon }),
753
+ /* @__PURE__ */ e("span", { className: L.searchHint, children: n("ui.search") }),
754
+ /* @__PURE__ */ e("kbd", { className: L.kbd, children: l })
753
755
  ]
754
756
  }
755
757
  ),
756
- l && pe(
758
+ r && ve(
757
759
  /* @__PURE__ */ e(
758
760
  "div",
759
761
  {
760
- className: T.searchOverlay,
762
+ className: L.searchOverlay,
761
763
  onClick: () => {
762
- s(!1), r("");
764
+ s(!1), _("");
763
765
  },
764
- children: /* @__PURE__ */ d(
766
+ children: /* @__PURE__ */ i(
765
767
  "div",
766
768
  {
767
- className: T.searchModal,
769
+ className: L.searchModal,
768
770
  ref: c,
769
- onClick: (h) => h.stopPropagation(),
771
+ onClick: (m) => m.stopPropagation(),
770
772
  children: [
771
- /* @__PURE__ */ d("div", { className: T.searchHeader, children: [
772
- /* @__PURE__ */ e(de, { className: T.searchIcon }),
773
+ /* @__PURE__ */ i("div", { className: L.searchHeader, children: [
774
+ /* @__PURE__ */ e(he, { className: L.searchIcon }),
773
775
  /* @__PURE__ */ e(
774
776
  "input",
775
777
  {
776
- ref: g,
778
+ ref: f,
777
779
  type: "text",
778
- className: T.searchInput,
780
+ className: L.searchInput,
779
781
  placeholder: n("ui.searchPlaceholder"),
780
- value: u,
781
- onChange: (h) => r(h.target.value),
782
- onKeyDown: y
782
+ value: h,
783
+ onChange: (m) => _(m.target.value),
784
+ onKeyDown: C
783
785
  }
784
786
  ),
785
787
  /* @__PURE__ */ e(
786
788
  "button",
787
789
  {
788
790
  type: "button",
789
- className: T.closeButton,
791
+ className: L.closeButton,
790
792
  onClick: () => {
791
- s(!1), r("");
793
+ s(!1), _("");
792
794
  },
793
795
  "aria-label": "Close search",
794
- children: /* @__PURE__ */ e(ae, {})
796
+ children: /* @__PURE__ */ e(se, {})
795
797
  }
796
798
  )
797
799
  ] }),
798
- u && /* @__PURE__ */ e("div", { className: T.searchResults, children: p.length === 0 ? /* @__PURE__ */ e("div", { className: T.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: T.resultsList, children: p.map((h, C) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
800
+ h && /* @__PURE__ */ e("div", { className: L.searchResults, children: u.length === 0 ? /* @__PURE__ */ e("div", { className: L.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: L.resultsList, children: u.map((m, x) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
799
801
  "button",
800
802
  {
801
803
  type: "button",
802
- className: `${T.resultItem} ${C === $ ? T.selected : ""}`,
803
- onClick: () => S(h.slug),
804
- onMouseEnter: () => m(C),
804
+ className: `${L.resultItem} ${x === N ? L.selected : ""}`,
805
+ onClick: () => T(m.slug),
806
+ onMouseEnter: () => g(x),
805
807
  children: [
806
- /* @__PURE__ */ e("div", { className: T.resultTitle, children: h.title }),
807
- /* @__PURE__ */ d("div", { className: T.resultSlug, children: [
808
+ /* @__PURE__ */ e("div", { className: L.resultTitle, children: m.title }),
809
+ /* @__PURE__ */ i("div", { className: L.resultSlug, children: [
808
810
  "/",
809
- h.slug
811
+ m.slug
810
812
  ] })
811
813
  ]
812
814
  }
813
- ) }, h.slug)) }) }),
814
- !u && /* @__PURE__ */ d("div", { className: T.searchHints, children: [
815
- /* @__PURE__ */ d("div", { className: T.hint, children: [
815
+ ) }, m.slug)) }) }),
816
+ !h && /* @__PURE__ */ i("div", { className: L.searchHints, children: [
817
+ /* @__PURE__ */ i("div", { className: L.hint, children: [
816
818
  /* @__PURE__ */ e("kbd", { children: "↑" }),
817
819
  /* @__PURE__ */ e("kbd", { children: "↓" }),
818
820
  /* @__PURE__ */ e("span", { children: n("ui.searchNavigate") })
819
821
  ] }),
820
- /* @__PURE__ */ d("div", { className: T.hint, children: [
822
+ /* @__PURE__ */ i("div", { className: L.hint, children: [
821
823
  /* @__PURE__ */ e("kbd", { children: "↵" }),
822
824
  /* @__PURE__ */ e("span", { children: n("ui.searchSelect") })
823
825
  ] }),
824
- /* @__PURE__ */ d("div", { className: T.hint, children: [
826
+ /* @__PURE__ */ i("div", { className: L.hint, children: [
825
827
  /* @__PURE__ */ e("kbd", { children: "esc" }),
826
828
  /* @__PURE__ */ e("span", { children: n("ui.searchClose") })
827
829
  ] })
@@ -835,36 +837,36 @@ function Vt({ language: t }) {
835
837
  )
836
838
  ] });
837
839
  }
838
- const Jt = "_header_15xr7_1", Zt = "_container_15xr7_24", en = "_content_15xr7_36", tn = "_leftSection_15xr7_43", nn = "_mobileMenuButton_15xr7_49", on = "_burgerIcon_15xr7_87", an = "_logo_15xr7_92", sn = "_nav_15xr7_98", cn = "_navLink_15xr7_109", rn = "_externalIcon_15xr7_135", ln = "_supportDropdown_15xr7_141", dn = "_themeDropdown_15xr7_145", un = "_themeButton_15xr7_149", hn = "_themeIcon_15xr7_171", mn = "_supportButton_15xr7_177", _n = "_caretIcon_15xr7_198", gn = "_dropdownMenu_15xr7_208", pn = "_dropdownItem_15xr7_221", fn = "_dropdownIcon_15xr7_244", k = {
839
- header: Jt,
840
- container: Zt,
841
- content: en,
842
- leftSection: tn,
843
- mobileMenuButton: nn,
844
- burgerIcon: on,
845
- logo: an,
846
- nav: sn,
847
- navLink: cn,
848
- externalIcon: rn,
849
- supportDropdown: ln,
850
- themeDropdown: dn,
851
- themeButton: un,
852
- themeIcon: hn,
853
- supportButton: mn,
854
- caretIcon: _n,
855
- dropdownMenu: gn,
856
- dropdownItem: pn,
857
- dropdownIcon: fn
840
+ const tn = "_header_15xr7_1", nn = "_container_15xr7_24", on = "_content_15xr7_36", an = "_leftSection_15xr7_43", sn = "_mobileMenuButton_15xr7_49", cn = "_burgerIcon_15xr7_87", rn = "_logo_15xr7_92", ln = "_nav_15xr7_98", dn = "_navLink_15xr7_109", un = "_externalIcon_15xr7_135", hn = "_supportDropdown_15xr7_141", mn = "_themeDropdown_15xr7_145", gn = "_themeButton_15xr7_149", _n = "_themeIcon_15xr7_171", pn = "_supportButton_15xr7_177", fn = "_caretIcon_15xr7_198", vn = "_dropdownMenu_15xr7_208", bn = "_dropdownItem_15xr7_221", wn = "_dropdownIcon_15xr7_244", k = {
841
+ header: tn,
842
+ container: nn,
843
+ content: on,
844
+ leftSection: an,
845
+ mobileMenuButton: sn,
846
+ burgerIcon: cn,
847
+ logo: rn,
848
+ nav: ln,
849
+ navLink: dn,
850
+ externalIcon: un,
851
+ supportDropdown: hn,
852
+ themeDropdown: mn,
853
+ themeButton: gn,
854
+ themeIcon: _n,
855
+ supportButton: pn,
856
+ caretIcon: fn,
857
+ dropdownMenu: vn,
858
+ dropdownItem: bn,
859
+ dropdownIcon: wn
858
860
  };
859
- function vn({ onMobileMenuToggle: t }) {
860
- const { t: n, i18n: a } = R(), { config: o } = W(), l = o.header ?? {}, s = l.navLinks ?? [], u = l.dropdownItems ?? [], [r, p] = L(!1), [v, $] = L(!1), { theme: m, setTheme: g } = we(), c = z(null), f = z(null);
861
- return P(() => {
862
- const _ = (b) => {
863
- c.current && !c.current.contains(b.target) && p(!1), f.current && !f.current.contains(b.target) && $(!1);
861
+ function $n({ onMobileMenuToggle: t }) {
862
+ const { t: n, i18n: o } = R(), { config: a } = H(), r = a.header ?? {}, s = r.navLinks ?? [], h = r.dropdownItems ?? [], [_, u] = P(!1), [v, N] = P(!1), { theme: g, setTheme: f } = Ne(), c = W(null), p = W(null);
863
+ return B(() => {
864
+ const l = (b) => {
865
+ c.current && !c.current.contains(b.target) && u(!1), p.current && !p.current.contains(b.target) && N(!1);
864
866
  };
865
- return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
866
- }, []), /* @__PURE__ */ e("header", { className: k.header, children: /* @__PURE__ */ e("div", { className: k.container, children: /* @__PURE__ */ d("div", { className: k.content, children: [
867
- /* @__PURE__ */ d("div", { className: k.leftSection, children: [
867
+ return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
868
+ }, []), /* @__PURE__ */ e("header", { className: k.header, children: /* @__PURE__ */ e("div", { className: k.container, children: /* @__PURE__ */ i("div", { className: k.content, children: [
869
+ /* @__PURE__ */ i("div", { className: k.leftSection, children: [
868
870
  /* @__PURE__ */ e(
869
871
  "button",
870
872
  {
@@ -872,84 +874,84 @@ function vn({ onMobileMenuToggle: t }) {
872
874
  className: k.mobileMenuButton,
873
875
  onClick: t,
874
876
  "aria-label": "Open menu",
875
- children: /* @__PURE__ */ e(ye, { className: k.burgerIcon })
877
+ children: /* @__PURE__ */ e(Le, { className: k.burgerIcon })
876
878
  }
877
879
  ),
878
880
  /* @__PURE__ */ e("div", { className: k.logo })
879
881
  ] }),
880
- /* @__PURE__ */ d("nav", { className: k.nav, children: [
881
- /* @__PURE__ */ e(Vt, { language: a.language }),
882
- /* @__PURE__ */ d("div", { className: k.themeDropdown, ref: f, children: [
883
- /* @__PURE__ */ d(
882
+ /* @__PURE__ */ i("nav", { className: k.nav, children: [
883
+ /* @__PURE__ */ e(en, { language: o.language }),
884
+ /* @__PURE__ */ i("div", { className: k.themeDropdown, ref: p, children: [
885
+ /* @__PURE__ */ i(
884
886
  "button",
885
887
  {
886
888
  type: "button",
887
889
  className: k.themeButton,
888
- onClick: () => $(!v),
890
+ onClick: () => N(!v),
889
891
  "aria-expanded": v,
890
892
  "aria-haspopup": "true",
891
893
  "aria-label": n("ui.theme"),
892
894
  children: [
893
- m === "light" && /* @__PURE__ */ e(ue, { className: k.themeIcon }),
894
- m === "dark" && /* @__PURE__ */ e(he, { className: k.themeIcon }),
895
- m === "system" && /* @__PURE__ */ e(me, { className: k.themeIcon }),
895
+ g === "light" && /* @__PURE__ */ e(me, { className: k.themeIcon }),
896
+ g === "dark" && /* @__PURE__ */ e(ge, { className: k.themeIcon }),
897
+ g === "system" && /* @__PURE__ */ e(_e, { className: k.themeIcon }),
896
898
  /* @__PURE__ */ e(oe, { className: k.caretIcon })
897
899
  ]
898
900
  }
899
901
  ),
900
- v && /* @__PURE__ */ d("div", { className: k.dropdownMenu, children: [
901
- /* @__PURE__ */ d(
902
+ v && /* @__PURE__ */ i("div", { className: k.dropdownMenu, children: [
903
+ /* @__PURE__ */ i(
902
904
  "button",
903
905
  {
904
906
  type: "button",
905
907
  onClick: () => {
906
- g("light"), $(!1);
908
+ f("light"), N(!1);
907
909
  },
908
910
  className: k.dropdownItem,
909
911
  children: [
910
- /* @__PURE__ */ e(ue, { className: k.dropdownIcon }),
912
+ /* @__PURE__ */ e(me, { className: k.dropdownIcon }),
911
913
  n("ui.light")
912
914
  ]
913
915
  }
914
916
  ),
915
- /* @__PURE__ */ d(
917
+ /* @__PURE__ */ i(
916
918
  "button",
917
919
  {
918
920
  type: "button",
919
921
  onClick: () => {
920
- g("dark"), $(!1);
922
+ f("dark"), N(!1);
921
923
  },
922
924
  className: k.dropdownItem,
923
925
  children: [
924
- /* @__PURE__ */ e(he, { className: k.dropdownIcon }),
926
+ /* @__PURE__ */ e(ge, { className: k.dropdownIcon }),
925
927
  n("ui.dark")
926
928
  ]
927
929
  }
928
930
  ),
929
- /* @__PURE__ */ d(
931
+ /* @__PURE__ */ i(
930
932
  "button",
931
933
  {
932
934
  type: "button",
933
935
  onClick: () => {
934
- g("system"), $(!1);
936
+ f("system"), N(!1);
935
937
  },
936
938
  className: k.dropdownItem,
937
939
  children: [
938
- /* @__PURE__ */ e(me, { className: k.dropdownIcon }),
940
+ /* @__PURE__ */ e(_e, { className: k.dropdownIcon }),
939
941
  n("ui.system")
940
942
  ]
941
943
  }
942
944
  )
943
945
  ] })
944
946
  ] }),
945
- u.length > 0 && /* @__PURE__ */ d("div", { className: k.supportDropdown, ref: c, children: [
946
- /* @__PURE__ */ d(
947
+ h.length > 0 && /* @__PURE__ */ i("div", { className: k.supportDropdown, ref: c, children: [
948
+ /* @__PURE__ */ i(
947
949
  "button",
948
950
  {
949
951
  type: "button",
950
952
  className: k.supportButton,
951
- onClick: () => p(!r),
952
- "aria-expanded": r,
953
+ onClick: () => u(!_),
954
+ "aria-expanded": _,
953
955
  "aria-haspopup": "true",
954
956
  children: [
955
957
  n("ui.support"),
@@ -957,36 +959,36 @@ function vn({ onMobileMenuToggle: t }) {
957
959
  ]
958
960
  }
959
961
  ),
960
- r && /* @__PURE__ */ e("div", { className: k.dropdownMenu, children: u.map((_, b) => {
961
- const y = _.target ?? (_.url.startsWith("http") ? "_blank" : "_self"), S = _.rel ?? (y === "_blank" ? "noopener noreferrer" : void 0), h = _.icon;
962
- return /* @__PURE__ */ d(
962
+ _ && /* @__PURE__ */ e("div", { className: k.dropdownMenu, children: h.map((l, b) => {
963
+ const C = l.target ?? (l.url.startsWith("http") ? "_blank" : "_self"), T = l.rel ?? (C === "_blank" ? "noopener noreferrer" : void 0), m = l.icon;
964
+ return /* @__PURE__ */ i(
963
965
  "a",
964
966
  {
965
- href: _.url,
966
- target: y,
967
- rel: S,
967
+ href: l.url,
968
+ target: C,
969
+ rel: T,
968
970
  className: k.dropdownItem,
969
971
  children: [
970
- h && /* @__PURE__ */ e(h, { className: k.dropdownIcon }),
971
- _.label
972
+ m && /* @__PURE__ */ e(m, { className: k.dropdownIcon }),
973
+ l.label
972
974
  ]
973
975
  },
974
976
  b
975
977
  );
976
978
  }) })
977
979
  ] }),
978
- s.map((_, b) => {
979
- const y = _.target ?? (typeof _.url == "string" && _.url.startsWith("http") ? "_blank" : "_self"), S = _.rel ?? (y === "_blank" ? "noopener noreferrer" : void 0), h = _.icon;
980
- return /* @__PURE__ */ d(
980
+ s.map((l, b) => {
981
+ const C = l.target ?? (typeof l.url == "string" && l.url.startsWith("http") ? "_blank" : "_self"), T = l.rel ?? (C === "_blank" ? "noopener noreferrer" : void 0), m = l.icon;
982
+ return /* @__PURE__ */ i(
981
983
  "a",
982
984
  {
983
- href: _.url,
984
- target: y,
985
- rel: S,
986
- className: _.className ?? k.navLink,
985
+ href: l.url,
986
+ target: C,
987
+ rel: T,
988
+ className: l.className ?? k.navLink,
987
989
  children: [
988
- _.label,
989
- h && /* @__PURE__ */ e(h, { className: k.externalIcon })
990
+ l.label,
991
+ m && /* @__PURE__ */ e(m, { className: k.externalIcon })
990
992
  ]
991
993
  },
992
994
  b
@@ -996,103 +998,112 @@ function vn({ onMobileMenuToggle: t }) {
996
998
  ] }) }) });
997
999
  }
998
1000
  const Q = (t) => "items" in t;
999
- function se({
1001
+ function ce({
1000
1002
  styles: t,
1001
1003
  onLanguageChange: n
1002
1004
  }) {
1003
- const { i18n: a } = R(), o = Y(), l = V(), { config: s } = W(), [u, r] = L(!1), p = z(null), v = a.language, $ = (g) => {
1004
- const c = o.pathname.split("/").filter(Boolean), f = c[0];
1005
- let _ = "";
1006
- s.supportedLanguages.includes(f) ? (c[0] = g, _ = `/${c.join("/")}`) : _ = `/${g}${o.pathname}`;
1007
- const b = _ + o.search + o.hash;
1008
- a.changeLanguage(g), l(b), r(!1), n == null || n();
1005
+ const { i18n: o } = R(), a = Y(), r = V(), { config: s } = H(), [h, _] = P(!1), u = W(null), v = o.language, N = (f) => {
1006
+ const c = s.basePath || "";
1007
+ let p = a.pathname;
1008
+ c && p.startsWith(c) && (p = p.slice(c.length));
1009
+ const l = p.split("/").filter(Boolean), b = l[0];
1010
+ let C = "";
1011
+ s.supportedLanguages.includes(b) ? (l[0] = f, C = `${c}/${l.join("/")}`) : C = `${c}/${f}${p}`;
1012
+ const T = C + a.search + a.hash;
1013
+ o.changeLanguage(f), r(T), _(!1), n == null || n();
1009
1014
  };
1010
- P(() => {
1011
- const g = (c) => {
1012
- p.current && !p.current.contains(c.target) && r(!1);
1015
+ B(() => {
1016
+ const f = (c) => {
1017
+ u.current && !u.current.contains(c.target) && _(!1);
1013
1018
  };
1014
- return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
1019
+ return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
1015
1020
  }, []);
1016
- const m = (g) => a.getFixedT(g)("language") || g;
1017
- return /* @__PURE__ */ d("div", { className: t.languageSelect, ref: p, children: [
1018
- /* @__PURE__ */ d(
1021
+ const g = (f) => o.getFixedT(f)("language") || f;
1022
+ return /* @__PURE__ */ i("div", { className: t.languageSelect, ref: u, children: [
1023
+ /* @__PURE__ */ i(
1019
1024
  "button",
1020
1025
  {
1021
1026
  type: "button",
1022
1027
  className: t.languageButton,
1023
- onClick: () => r(!u),
1024
- "aria-expanded": u,
1028
+ onClick: () => _(!h),
1029
+ "aria-expanded": h,
1025
1030
  "aria-haspopup": "listbox",
1026
1031
  children: [
1027
- /* @__PURE__ */ e(Te, { className: t.icon }),
1028
- m(v),
1032
+ /* @__PURE__ */ e(Pe, { className: t.icon }),
1033
+ g(v),
1029
1034
  /* @__PURE__ */ e(oe, { className: t.chevron })
1030
1035
  ]
1031
1036
  }
1032
1037
  ),
1033
- u && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: s.supportedLanguages.map((g) => /* @__PURE__ */ e(
1038
+ h && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: s.supportedLanguages.map((f) => /* @__PURE__ */ e(
1034
1039
  "button",
1035
1040
  {
1036
1041
  type: "button",
1037
- className: `${t.languageOption} ${g === v ? t.selected : ""}`,
1038
- onClick: () => $(g),
1042
+ className: `${t.languageOption} ${f === v ? t.selected : ""}`,
1043
+ onClick: () => N(f),
1039
1044
  role: "option",
1040
- "aria-selected": g === v,
1041
- children: m(g)
1045
+ "aria-selected": f === v,
1046
+ children: g(f)
1042
1047
  },
1043
- g
1048
+ f
1044
1049
  )) })
1045
1050
  ] });
1046
1051
  }
1047
- function ce({ styles: t, onLinkClick: n }) {
1048
- const { i18n: a } = R(), o = Y(), { config: l } = W(), [s, u] = L(() => {
1049
- const c = a.language;
1050
- return te(l.navigationData, c).reduce(
1051
- (_, b, y) => {
1052
+ function re({ styles: t, onLinkClick: n }) {
1053
+ const { i18n: o } = R(), a = Y(), { config: r } = H(), [s, h] = P(() => {
1054
+ const c = o.language;
1055
+ return te(r.navigationData, c).reduce(
1056
+ (l, b, C) => {
1052
1057
  if (Q(b)) {
1053
- const S = l.navigationData[y], h = Q(S) && S.defaultOpen === !0;
1054
- _[b.title] = h;
1058
+ const T = r.navigationData[C], m = Q(T) && T.defaultOpen === !0;
1059
+ l[b.title] = m;
1055
1060
  }
1056
- return _;
1061
+ return l;
1057
1062
  },
1058
1063
  {}
1059
1064
  );
1060
- }), r = a.language, p = te(
1061
- l.navigationData,
1062
- r
1065
+ }), _ = o.language, u = te(
1066
+ r.navigationData,
1067
+ _
1063
1068
  );
1064
- P(() => {
1065
- const f = te(
1066
- l.navigationData,
1067
- r
1069
+ B(() => {
1070
+ const p = te(
1071
+ r.navigationData,
1072
+ _
1068
1073
  ).reduce(
1069
- (_, b, y) => {
1074
+ (l, b, C) => {
1070
1075
  if (Q(b)) {
1071
- const S = l.navigationData[y], h = Q(S) && S.defaultOpen === !0;
1072
- _[b.title] = h;
1076
+ const T = r.navigationData[C], m = Q(T) && T.defaultOpen === !0;
1077
+ l[b.title] = m;
1073
1078
  }
1074
- return _;
1079
+ return l;
1075
1080
  },
1076
1081
  {}
1077
1082
  );
1078
- u(f);
1079
- }, [r, l.navigationData]);
1083
+ h(p);
1084
+ }, [_, r.navigationData]);
1080
1085
  const v = (c) => {
1081
- u((f) => ({
1082
- ...f,
1083
- [c]: !f[c]
1086
+ h((p) => ({
1087
+ ...p,
1088
+ [c]: !p[c]
1084
1089
  }));
1085
- }, $ = (c) => {
1086
- const f = o.pathname.split("/").filter(Boolean);
1087
- return f[f.length - 1] === c;
1088
- }, m = (c) => {
1089
- const f = o.pathname.split("/").filter(Boolean);
1090
- return f[0] && l.supportedLanguages.includes(f[0]) ? `/${f[0]}/${c}` : `/${r}/${c}`;
1091
- }, g = () => {
1090
+ }, N = (c) => {
1091
+ const p = r.basePath || "";
1092
+ let l = a.pathname;
1093
+ p && l.startsWith(p) && (l = l.slice(p.length));
1094
+ const b = l.split("/").filter(Boolean);
1095
+ return b[b.length - 1] === c;
1096
+ }, g = (c) => {
1097
+ const p = r.basePath || "";
1098
+ let l = a.pathname;
1099
+ p && l.startsWith(p) && (l = l.slice(p.length));
1100
+ const b = l.split("/").filter(Boolean);
1101
+ return b[0] && r.supportedLanguages.includes(b[0]) ? `${p}/${b[0]}/${c}` : `${p}/${_}/${c}`;
1102
+ }, f = () => {
1092
1103
  n == null || n();
1093
1104
  };
1094
- return /* @__PURE__ */ e("div", { className: t.navigation, children: p.map((c) => Q(c) ? /* @__PURE__ */ d("div", { className: t.section, children: [
1095
- /* @__PURE__ */ d(
1105
+ return /* @__PURE__ */ e("div", { className: t.navigation, children: u.map((c) => Q(c) ? /* @__PURE__ */ i("div", { className: t.section, children: [
1106
+ /* @__PURE__ */ i(
1096
1107
  "button",
1097
1108
  {
1098
1109
  type: "button",
@@ -1100,80 +1111,80 @@ function ce({ styles: t, onLinkClick: n }) {
1100
1111
  onClick: () => v(c.title),
1101
1112
  children: [
1102
1113
  c.title,
1103
- /* @__PURE__ */ e(Le, { className: t.icon })
1114
+ /* @__PURE__ */ e(Se, { className: t.icon })
1104
1115
  ]
1105
1116
  }
1106
1117
  ),
1107
- s[c.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: c.items.map((f) => /* @__PURE__ */ e(
1108
- ie,
1118
+ s[c.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: c.items.map((p) => /* @__PURE__ */ e(
1119
+ de,
1109
1120
  {
1110
- to: m(f.slug),
1111
- className: `${t.navItem} ${$(f.slug) ? t.active : ""}`,
1112
- onClick: g,
1113
- children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: f.title }) })
1121
+ to: g(p.slug),
1122
+ className: `${t.navItem} ${N(p.slug) ? t.active : ""}`,
1123
+ onClick: f,
1124
+ children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: p.title }) })
1114
1125
  },
1115
- f.slug
1126
+ p.slug
1116
1127
  )) })
1117
1128
  ] }, c.title) : /* @__PURE__ */ e(
1118
- ie,
1129
+ de,
1119
1130
  {
1120
- to: m(c.slug),
1121
- className: `${t.navItem} ${$(c.slug) ? t.active : ""}`,
1122
- onClick: g,
1131
+ to: g(c.slug),
1132
+ className: `${t.navItem} ${N(c.slug) ? t.active : ""}`,
1133
+ onClick: f,
1123
1134
  children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: c.title }) })
1124
1135
  },
1125
1136
  c.slug
1126
1137
  )) });
1127
1138
  }
1128
- function Mo({
1139
+ function Oo({
1129
1140
  styles: t,
1130
1141
  onLinkClick: n,
1131
- onLanguageChange: a
1142
+ onLanguageChange: o
1132
1143
  }) {
1133
- return /* @__PURE__ */ d(U, { children: [
1134
- /* @__PURE__ */ e(se, { styles: t, onLanguageChange: a }),
1135
- /* @__PURE__ */ e(ce, { styles: t, onLinkClick: n })
1144
+ return /* @__PURE__ */ i(U, { children: [
1145
+ /* @__PURE__ */ e(ce, { styles: t, onLanguageChange: o }),
1146
+ /* @__PURE__ */ e(re, { styles: t, onLinkClick: n })
1136
1147
  ] });
1137
1148
  }
1138
- const bn = "_backdrop_17kcj_1", wn = "_open_17kcj_13", Nn = "_mobileMenu_17kcj_18", $n = "_header_17kcj_37", In = "_brand_17kcj_46", kn = "_cloudIcon_17kcj_53", Cn = "_title_17kcj_62", xn = "_closeButton_17kcj_69", yn = "_closeIcon_17kcj_101", Tn = "_languageSection_17kcj_106", Ln = "_languageSelect_17kcj_112", Sn = "_languageButton_17kcj_117", Bn = "_icon_17kcj_156", Pn = "_chevron_17kcj_162", Mn = "_languageDropdown_17kcj_172", Dn = "_languageOption_17kcj_185", En = "_selected_17kcj_226", On = "_scrollArea_17kcj_231", Rn = "_navigation_17kcj_237", jn = "_section_17kcj_241", An = "_sectionButton_17kcj_245", Hn = "_expanded_17kcj_285", zn = "_sectionItems_17kcj_289", Wn = "_navItem_17kcj_297", Fn = "_active_17kcj_310", Kn = "_navItemContent_17kcj_316", Un = "_navItemTitle_17kcj_322", D = {
1139
- backdrop: bn,
1140
- open: wn,
1141
- mobileMenu: Nn,
1142
- header: $n,
1143
- brand: In,
1144
- cloudIcon: kn,
1145
- title: Cn,
1146
- closeButton: xn,
1147
- closeIcon: yn,
1148
- languageSection: Tn,
1149
- languageSelect: Ln,
1150
- languageButton: Sn,
1151
- icon: Bn,
1152
- chevron: Pn,
1153
- languageDropdown: Mn,
1154
- languageOption: Dn,
1155
- selected: En,
1156
- scrollArea: On,
1157
- navigation: Rn,
1158
- section: jn,
1159
- sectionButton: An,
1160
- expanded: Hn,
1161
- sectionItems: zn,
1162
- navItem: Wn,
1163
- active: Fn,
1164
- navItemContent: Kn,
1165
- navItemTitle: Un
1149
+ const Nn = "_backdrop_17kcj_1", In = "_open_17kcj_13", kn = "_mobileMenu_17kcj_18", Cn = "_header_17kcj_37", xn = "_brand_17kcj_46", yn = "_cloudIcon_17kcj_53", Tn = "_title_17kcj_62", Ln = "_closeButton_17kcj_69", Pn = "_closeIcon_17kcj_101", Sn = "_languageSection_17kcj_106", Bn = "_languageSelect_17kcj_112", Mn = "_languageButton_17kcj_117", Dn = "_icon_17kcj_156", En = "_chevron_17kcj_162", On = "_languageDropdown_17kcj_172", Rn = "_languageOption_17kcj_185", jn = "_selected_17kcj_226", An = "_scrollArea_17kcj_231", Hn = "_navigation_17kcj_237", zn = "_section_17kcj_241", Wn = "_sectionButton_17kcj_245", Fn = "_expanded_17kcj_285", Kn = "_sectionItems_17kcj_289", Un = "_navItem_17kcj_297", qn = "_active_17kcj_310", Gn = "_navItemContent_17kcj_316", Qn = "_navItemTitle_17kcj_322", D = {
1150
+ backdrop: Nn,
1151
+ open: In,
1152
+ mobileMenu: kn,
1153
+ header: Cn,
1154
+ brand: xn,
1155
+ cloudIcon: yn,
1156
+ title: Tn,
1157
+ closeButton: Ln,
1158
+ closeIcon: Pn,
1159
+ languageSection: Sn,
1160
+ languageSelect: Bn,
1161
+ languageButton: Mn,
1162
+ icon: Dn,
1163
+ chevron: En,
1164
+ languageDropdown: On,
1165
+ languageOption: Rn,
1166
+ selected: jn,
1167
+ scrollArea: An,
1168
+ navigation: Hn,
1169
+ section: zn,
1170
+ sectionButton: Wn,
1171
+ expanded: Fn,
1172
+ sectionItems: Kn,
1173
+ navItem: Un,
1174
+ active: qn,
1175
+ navItemContent: Gn,
1176
+ navItemTitle: Qn
1166
1177
  };
1167
- function qn({ isOpen: t, onClose: n }) {
1168
- const { config: a } = W(), o = a.logo;
1169
- return P(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
1178
+ function Xn({ isOpen: t, onClose: n }) {
1179
+ const { config: o } = H(), a = o.logo;
1180
+ return B(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
1170
1181
  document.body.style.overflow = "unset";
1171
- }), [t]), P(() => {
1172
- const l = (s) => {
1182
+ }), [t]), B(() => {
1183
+ const r = (s) => {
1173
1184
  s.key === "Escape" && t && n();
1174
1185
  };
1175
- return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
1176
- }, [t, n]), /* @__PURE__ */ d(U, { children: [
1186
+ return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
1187
+ }, [t, n]), /* @__PURE__ */ i(U, { children: [
1177
1188
  /* @__PURE__ */ e(
1178
1189
  "div",
1179
1190
  {
@@ -1181,11 +1192,11 @@ function qn({ isOpen: t, onClose: n }) {
1181
1192
  onClick: n
1182
1193
  }
1183
1194
  ),
1184
- /* @__PURE__ */ d("div", { className: `${D.mobileMenu} ${t ? D.open : ""}`, children: [
1185
- /* @__PURE__ */ d("div", { className: D.header, children: [
1186
- /* @__PURE__ */ d("div", { className: D.brand, children: [
1187
- o && /* @__PURE__ */ e(o, { className: D.cloudIcon }),
1188
- /* @__PURE__ */ e("h1", { className: D.title, children: a.title })
1195
+ /* @__PURE__ */ i("div", { className: `${D.mobileMenu} ${t ? D.open : ""}`, children: [
1196
+ /* @__PURE__ */ i("div", { className: D.header, children: [
1197
+ /* @__PURE__ */ i("div", { className: D.brand, children: [
1198
+ a && /* @__PURE__ */ e(a, { className: D.cloudIcon }),
1199
+ /* @__PURE__ */ e("h1", { className: D.title, children: o.title })
1189
1200
  ] }),
1190
1201
  /* @__PURE__ */ e(
1191
1202
  "button",
@@ -1194,95 +1205,103 @@ function qn({ isOpen: t, onClose: n }) {
1194
1205
  className: D.closeButton,
1195
1206
  onClick: n,
1196
1207
  "aria-label": "Close menu",
1197
- children: /* @__PURE__ */ e(ae, { className: D.closeIcon })
1208
+ children: /* @__PURE__ */ e(se, { className: D.closeIcon })
1198
1209
  }
1199
1210
  )
1200
1211
  ] }),
1201
- /* @__PURE__ */ e("div", { className: D.languageSection, children: /* @__PURE__ */ e(se, { styles: D, onLanguageChange: n }) }),
1202
- /* @__PURE__ */ e("div", { className: D.scrollArea, children: /* @__PURE__ */ e(ce, { styles: D, onLinkClick: n }) })
1212
+ /* @__PURE__ */ e("div", { className: D.languageSection, children: /* @__PURE__ */ e(ce, { styles: D, onLanguageChange: n }) }),
1213
+ /* @__PURE__ */ e("div", { className: D.scrollArea, children: /* @__PURE__ */ e(re, { styles: D, onLinkClick: n }) })
1203
1214
  ] })
1204
1215
  ] });
1205
1216
  }
1206
- const Gn = "_sidebar_1pfbz_1", Qn = "_header_1pfbz_17", Xn = "_brand_1pfbz_29", Yn = "_cloudIcon_1pfbz_35", Vn = "_title_1pfbz_44", Jn = "_languageSelect_1pfbz_52", Zn = "_languageButton_1pfbz_58", eo = "_icon_1pfbz_96", to = "_chevron_1pfbz_101", no = "_languageDropdown_1pfbz_111", oo = "_languageOption_1pfbz_125", ao = "_selected_1pfbz_144", so = "_scrollArea_1pfbz_149", co = "_navigation_1pfbz_155", ro = "_section_1pfbz_161", lo = "_sectionButton_1pfbz_167", io = "_expanded_1pfbz_210", uo = "_sectionItems_1pfbz_214", ho = "_navItem_1pfbz_222", mo = "_active_1pfbz_235", _o = "_navItemContent_1pfbz_240", H = {
1207
- sidebar: Gn,
1208
- header: Qn,
1209
- brand: Xn,
1210
- cloudIcon: Yn,
1211
- title: Vn,
1212
- languageSelect: Jn,
1213
- languageButton: Zn,
1214
- icon: eo,
1215
- chevron: to,
1216
- languageDropdown: no,
1217
- languageOption: oo,
1218
- selected: ao,
1219
- scrollArea: so,
1220
- navigation: co,
1221
- section: ro,
1222
- sectionButton: lo,
1223
- expanded: io,
1224
- sectionItems: uo,
1225
- navItem: ho,
1226
- active: mo,
1227
- navItemContent: _o
1217
+ const Yn = "_sidebar_1pfbz_1", Vn = "_header_1pfbz_17", Jn = "_brand_1pfbz_29", Zn = "_cloudIcon_1pfbz_35", eo = "_title_1pfbz_44", to = "_languageSelect_1pfbz_52", no = "_languageButton_1pfbz_58", oo = "_icon_1pfbz_96", ao = "_chevron_1pfbz_101", so = "_languageDropdown_1pfbz_111", co = "_languageOption_1pfbz_125", ro = "_selected_1pfbz_144", lo = "_scrollArea_1pfbz_149", io = "_navigation_1pfbz_155", uo = "_section_1pfbz_161", ho = "_sectionButton_1pfbz_167", mo = "_expanded_1pfbz_210", go = "_sectionItems_1pfbz_214", _o = "_navItem_1pfbz_222", po = "_active_1pfbz_235", fo = "_navItemContent_1pfbz_240", z = {
1218
+ sidebar: Yn,
1219
+ header: Vn,
1220
+ brand: Jn,
1221
+ cloudIcon: Zn,
1222
+ title: eo,
1223
+ languageSelect: to,
1224
+ languageButton: no,
1225
+ icon: oo,
1226
+ chevron: ao,
1227
+ languageDropdown: so,
1228
+ languageOption: co,
1229
+ selected: ro,
1230
+ scrollArea: lo,
1231
+ navigation: io,
1232
+ section: uo,
1233
+ sectionButton: ho,
1234
+ expanded: mo,
1235
+ sectionItems: go,
1236
+ navItem: _o,
1237
+ active: po,
1238
+ navItemContent: fo
1228
1239
  };
1229
- function go() {
1230
- const { config: t } = W(), n = t.logo;
1231
- return /* @__PURE__ */ d("div", { className: H.sidebar, children: [
1232
- /* @__PURE__ */ d("div", { className: H.header, children: [
1233
- /* @__PURE__ */ d("div", { className: H.brand, children: [
1234
- n && /* @__PURE__ */ e(n, { className: H.cloudIcon }),
1235
- /* @__PURE__ */ e("h1", { className: H.title, children: t.title })
1240
+ function vo() {
1241
+ const { config: t } = H(), n = t.logo;
1242
+ return /* @__PURE__ */ i("div", { className: z.sidebar, children: [
1243
+ /* @__PURE__ */ i("div", { className: z.header, children: [
1244
+ /* @__PURE__ */ i("div", { className: z.brand, children: [
1245
+ n && /* @__PURE__ */ e(n, { className: z.cloudIcon }),
1246
+ /* @__PURE__ */ e("h1", { className: z.title, children: t.title })
1236
1247
  ] }),
1237
- /* @__PURE__ */ e(se, { styles: H })
1248
+ /* @__PURE__ */ e(ce, { styles: z })
1238
1249
  ] }),
1239
- /* @__PURE__ */ e("div", { className: H.scrollArea, children: /* @__PURE__ */ e(ce, { styles: H }) })
1250
+ /* @__PURE__ */ e("div", { className: z.scrollArea, children: /* @__PURE__ */ e(re, { styles: z }) })
1240
1251
  ] });
1241
1252
  }
1242
- const po = "_app_1vinw_1", fo = "_layout_1vinw_9", vo = "_main_1vinw_15", bo = "_contentWrapper_1vinw_27", ee = {
1243
- app: po,
1244
- layout: fo,
1245
- main: vo,
1246
- contentWrapper: bo
1253
+ const bo = "_app_1vinw_1", wo = "_layout_1vinw_9", $o = "_main_1vinw_15", No = "_contentWrapper_1vinw_27", ee = {
1254
+ app: bo,
1255
+ layout: wo,
1256
+ main: $o,
1257
+ contentWrapper: No
1247
1258
  };
1248
- function Do({ children: t }) {
1249
- const { language: n } = ge(), { i18n: a } = R(), { config: o } = W(), [l, s] = L(!1);
1250
- P(() => {
1251
- n && o.supportedLanguages.includes(n) && a.changeLanguage(n);
1252
- }, [n, a, o.supportedLanguages]);
1253
- const u = () => {
1254
- s(!l);
1255
- }, r = () => {
1259
+ function Io({ children: t }) {
1260
+ const { language: n } = ae(), { i18n: o } = R(), { config: a } = H(), [r, s] = P(!1);
1261
+ B(() => {
1262
+ n && a.supportedLanguages.includes(n) && o.changeLanguage(n);
1263
+ }, [n, o, a.supportedLanguages]);
1264
+ const h = () => {
1265
+ s(!r);
1266
+ }, _ = () => {
1256
1267
  s(!1);
1257
1268
  };
1258
- return !n || !o.supportedLanguages.includes(n) ? /* @__PURE__ */ e(Ie, { to: "/en/welcome", replace: !0 }) : /* @__PURE__ */ d("div", { className: ee.app, children: [
1259
- /* @__PURE__ */ e(vn, { onMobileMenuToggle: u }),
1260
- /* @__PURE__ */ e(qn, { isOpen: l, onClose: r }),
1261
- /* @__PURE__ */ d("div", { className: ee.layout, children: [
1262
- /* @__PURE__ */ e(go, {}),
1269
+ return !n || !a.supportedLanguages.includes(n) ? /* @__PURE__ */ e(fe, { to: "/en/welcome", replace: !0 }) : /* @__PURE__ */ i("div", { className: ee.app, children: [
1270
+ /* @__PURE__ */ e($n, { onMobileMenuToggle: h }),
1271
+ /* @__PURE__ */ e(Xn, { isOpen: r, onClose: _ }),
1272
+ /* @__PURE__ */ i("div", { className: ee.layout, children: [
1273
+ /* @__PURE__ */ e(vo, {}),
1263
1274
  /* @__PURE__ */ e("main", { className: ee.main, children: /* @__PURE__ */ e("div", { className: ee.contentWrapper, children: t }) })
1264
1275
  ] })
1265
1276
  ] });
1266
1277
  }
1278
+ function Ro() {
1279
+ const { language: t } = ae();
1280
+ return /* @__PURE__ */ e(Io, { children: /* @__PURE__ */ i(Ce, { children: [
1281
+ /* @__PURE__ */ e(ue, { path: "/:slug", element: /* @__PURE__ */ e(Et, { language: t }) }),
1282
+ /* @__PURE__ */ e(ue, { path: "/", element: /* @__PURE__ */ e(fe, { to: "welcome", replace: !0 }) })
1283
+ ] }) });
1284
+ }
1267
1285
  export {
1268
- Re as AdvancedModeToggle,
1269
- Bo as BlogProvider,
1270
- Po as ContentPage,
1271
- Do as DocumentationLayout,
1272
- vn as Header,
1273
- se as LanguageSelector,
1274
- qn as MobileMenu,
1275
- Mo as NavigationContent,
1276
- ce as NavigationMenu,
1277
- Vt as SearchBar,
1278
- go as Sidebar,
1279
- Ze as TableOfContents,
1280
- ut as TagResultsModal,
1281
- vt as Tags,
1282
- So as createBlogUtils,
1283
- fe as createContentLoaders,
1286
+ Ae as AdvancedModeToggle,
1287
+ Eo as BlogProvider,
1288
+ Et as ContentPage,
1289
+ Io as DocumentationLayout,
1290
+ Ro as DocumentationRoutes,
1291
+ $n as Header,
1292
+ ce as LanguageSelector,
1293
+ Xn as MobileMenu,
1294
+ Oo as NavigationContent,
1295
+ re as NavigationMenu,
1296
+ en as SearchBar,
1297
+ vo as Sidebar,
1298
+ tt as TableOfContents,
1299
+ mt as TagResultsModal,
1300
+ wt as Tags,
1301
+ Do as createBlogUtils,
1302
+ be as createContentLoaders,
1284
1303
  X as generateHeadingId,
1285
1304
  te as getNavigationData,
1286
- W as useBlogConfig,
1287
- we as useTheme
1305
+ H as useBlogConfig,
1306
+ Ne as useTheme
1288
1307
  };