@blocklet/pages-kit-inner-components 0.1.1 → 0.1.3

package/lib/{home-eQg2nzvF.mjs → home-DSngH2He.mjs}

@@ -1,115 +1,115 @@
-import { jsx as o, jsxs as _, Fragment as U } from "react/jsx-runtime";
-import { a as R, g as N, i as se, b as ae, E as ce, c as ct, d as lt, e as Tt, u as le, f as de } from "./state-BfVA6vd8.mjs";
-import { useLocaleContext as Et } from "@arcblock/ux/lib/Locale/context";
-import zt from "@arcblock/ux/lib/Result";
-import { useHeaderState as me } from "@blocklet/pages-kit/builtin/page/header";
-import ue from "@blocklet/ui-react/lib/Header";
-import { cx as k, css as ot } from "@emotion/css";
-import { Global as Wt, css as Lt } from "@emotion/react";
-import Ot from "@emotion/styled";
-import { Box as b, Tooltip as pe, styled as Ht, Stack as dt, Typography as P, Container as he, useTheme as fe, createTheme as ge, ThemeProvider as xe, Card as be, CircularProgress as At, Grid as vt, CardMedia as ye, CardContent as we, Button as ve } from "@mui/material";
-import ke from "isomorphic-dompurify";
-import _e from "lodash/isEmpty";
-import Mt, { forwardRef as $e, useState as T, useCallback as mt, useRef as Z, Fragment as Se, isValidElement as Ut, useEffect as L, useMemo as j, createContext as Ce, useContext as Ft, lazy as Vt, Suspense as Ne } from "react";
-import { Helmet as Ie } from "react-helmet";
-import { Link as Pe, NavLink as je, useNavigate as Be, useSearchParams as Re, Routes as Te, Route as X, Navigate as Ee, ScrollRestoration as ze } from "react-router-dom";
-import { useUpdate as We, useMount as Le, useWindowScroll as Oe, useAsync as Gt } from "react-use";
-import { withoutTrailingSlash as tt, isRelative as He, parseURL as Ae, joinURL as Y } from "ufo";
+import { jsx as n, jsxs as _, Fragment as U } from "react/jsx-runtime";
+import { a as R, g as N, i as ae, b as ce, E as le, c as ct, d as lt, e as Et, u as de, f as me } from "./state-C0vjPuun.mjs";
+import { useLocaleContext as zt } from "@arcblock/ux/lib/Locale/context";
+import Wt from "@arcblock/ux/lib/Result";
+import { useHeaderState as ue } from "@blocklet/pages-kit/builtin/page/header";
+import pe from "@blocklet/ui-react/lib/Header";
+import { cx as k, css as nt } from "@emotion/css";
+import { Global as Lt, css as Ot } from "@emotion/react";
+import Ht from "@emotion/styled";
+import { Box as b, Tooltip as he, styled as At, Stack as dt, Typography as P, Container as fe, useTheme as ge, createTheme as xe, ThemeProvider as be, Card as ye, CircularProgress as Mt, Grid as vt, CardMedia as we, CardContent as ve, Button as ke } from "@mui/material";
+import { useLatest as _e, useReactive as $e } from "ahooks";
+import Se from "isomorphic-dompurify";
+import { omit as Ut, cloneDeep as kt, isEqual as Ce } from "lodash";
+import Ne from "lodash/isEmpty";
+import Ft, { forwardRef as Ie, useState as T, useCallback as mt, useRef as F, Fragment as Pe, isValidElement as Vt, useEffect as E, useMemo as j, createContext as je, useContext as Gt, lazy as Dt, Suspense as Be } from "react";
+import { Helmet as Re } from "react-helmet";
+import { Link as Te, NavLink as Ee, useNavigate as ze, useSearchParams as We, Routes as Le, Route as Y, Navigate as Oe, ScrollRestoration as He } from "react-router-dom";
+import { useUpdate as Ae, useMount as Me, useWindowScroll as Ue, useAsync as qt } from "react-use";
+import { withoutTrailingSlash as tt, isRelative as Fe, parseURL as Ve, joinURL as Q } from "ufo";
 import "@mui/icons-material";
-import { AIForm as kt, AIFormResult as _t } from "@blocklet/ai-runtime/components";
-import { deepmerge as Me } from "@mui/utils";
+import { AIForm as _t, AIFormResult as $t } from "@blocklet/ai-runtime/components";
+import { deepmerge as Ge } from "@mui/utils";
 import ut from "lodash/pick";
-import { ErrorBoundary as Ue } from "react-error-boundary";
-import { Icon as nt } from "@iconify/react";
-import Fe from "react-markdown";
-import Ve from "remark-gfm";
-import { LoadingButton as Ge } from "@mui/lab";
+import { ErrorBoundary as De } from "react-error-boundary";
+import { Icon as ot } from "@iconify/react";
+import qe from "react-markdown";
+import Je from "remark-gfm";
+import { LoadingButton as Ke } from "@mui/lab";
 import { useTheme as pt, styled as $ } from "@arcblock/ux/lib/Theme";
-import De from "@arcblock/react-hooks/lib/useBrowser";
-import $t from "@arcblock/ux/lib/Colors";
-import { ResponsiveImage as Dt, CustomComponentRenderer as Je } from "@blocklet/pages-kit/components";
-import Jt from "@mui/material/useMediaQuery";
-import { omit as qt } from "lodash";
-import { Icon as Kt } from "@iconify-icon/react";
-import qe from "@arcblock/ux/lib/Screenshot";
-import z from "lodash/omit";
-import Ke from "@arcblock/ux/lib/Button";
+import Xe from "@arcblock/react-hooks/lib/useBrowser";
+import St from "@arcblock/ux/lib/Colors";
+import { ResponsiveImage as Jt, CustomComponentRenderer as Ye } from "@blocklet/pages-kit/components";
+import Kt from "@mui/material/useMediaQuery";
+import { Icon as Xt } from "@iconify-icon/react";
+import Qe from "@arcblock/ux/lib/Screenshot";
+import W from "lodash/omit";
+import Ze from "@arcblock/ux/lib/Button";
 import rt from "is-uri";
-import { join as Q } from "pathe";
-import { useMessage as Xe } from "@blocklet/embed/message";
-import { useLatest as Ye } from "ahooks";
-import Qe from "lodash/isEqual";
-import { EmbedIframe as Ze } from "@blocklet/embed/react";
-import { TwitterTimelineEmbed as to } from "react-twitter-embed";
-import eo from "@blocklet/ui-react/lib/Footer";
-import oo from "webfontloader";
-import { createAuthServiceSessionContext as no } from "@arcblock/did-connect/lib/Session";
-function ro(t, e, n, i) {
-  t.locales || (t.locales = {}), t.locales[n] = t.locales[n] || {}, t.locales[n].title = i.title ?? t.locales[n].title, t.locales[n].image = i.image ?? t.locales[n].image, t.locales[n].description = i.description ?? t.locales[n].description, Object.entries(i.sectionsData).forEach(([r, s]) => {
+import { join as Z } from "pathe";
+import { useMessage as tn } from "@blocklet/embed/message";
+import en from "lodash/isEqual";
+import { EmbedIframe as nn } from "@blocklet/embed/react";
+import { TwitterTimelineEmbed as on } from "react-twitter-embed";
+import rn from "@blocklet/ui-react/lib/Footer";
+import sn from "webfontloader";
+import { createAuthServiceSessionContext as an } from "@arcblock/did-connect/lib/Session";
+function cn(t, e, o, r) {
+  t.locales || (t.locales = {}), t.locales[o] = t.locales[o] || {}, t.locales[o].title = r.title ?? t.locales[o].title, t.locales[o].image = r.image ?? t.locales[o].image, t.locales[o].description = r.description ?? t.locales[o].description, Object.entries(r.sectionsData).forEach(([i, s]) => {
     var c, l, d, u;
     const a = Object.values(t.sections).find(
-      (m) => m.id === r || m.name === r
+      (m) => m.id === i || m.name === i
     );
-    if (a)
-      if (a.locales = a.locales || {}, a.locales[n] = a.locales[n] || {}, a.component === "custom-component") {
+    if (a && a.isTemplateSection)
+      if (a.locales = a.locales || {}, a.locales[o] = a.locales[o] || {}, a.component === "custom-component") {
         const m = (c = a.config) == null ? void 0 : c.componentId;
         if (!m)
           return;
         const h = ((l = e.components[m]) == null ? void 0 : l.data) || ((u = (d = e.resources.components) == null ? void 0 : d[m]) == null ? void 0 : u.component);
         if (!h)
           return;
-        a.locales[n].properties = a.locales[n].properties || {}, Object.entries(s || {}).forEach(([p, y]) => {
+        a.locales[o].properties = a.locales[o].properties || {}, Object.entries(s || {}).forEach(([p, x]) => {
           var f, w;
-          const x = ((f = h == null ? void 0 : h.properties) == null ? void 0 : f[p]) || Object.values((h == null ? void 0 : h.properties) || {}).find((g) => {
+          const y = ((f = h == null ? void 0 : h.properties) == null ? void 0 : f[p]) || Object.values((h == null ? void 0 : h.properties) || {}).find((g) => {
             var v;
             return ((v = g.data) == null ? void 0 : v.key) === p;
           });
-          x && (a.locales[n].properties[(w = x.data) == null ? void 0 : w.id] = {
-            value: y
+          y && (a.locales[o].properties[(w = y.data) == null ? void 0 : w.id] = {
+            value: x
           });
         });
       } else
-        a.locales[n] = {
-          ...a.locales[n],
+        a.locales[o] = {
+          ...a.locales[o],
           ...s || {}
         };
   });
 }
-const io = $e(({ onClick: t, ...e }, n) => {
-  const [i, r] = T(!1), s = mt(
+const ln = Ie(({ onClick: t, ...e }, o) => {
+  const [r, i] = T(!1), s = mt(
     async (a) => {
       try {
-        r(!0), await (t == null ? void 0 : t(a));
+        i(!0), await (t == null ? void 0 : t(a));
       } finally {
-        r(!1);
+        i(!1);
       }
     },
     [t]
   );
-  return /* @__PURE__ */ o(Ge, { ref: n, ...e, loading: e.loading || i, onClick: s });
+  return /* @__PURE__ */ n(Ke, { ref: o, ...e, loading: e.loading || r, onClick: s });
 });
-function so({
+function dn({
   tip: t,
   tipSucceed: e,
-  title: n,
-  titleSucceed: i,
-  icon: r,
+  title: o,
+  titleSucceed: r,
+  icon: i,
   iconSucceed: s,
   autoReset: a,
   placement: c = "top",
   ...l
 }) {
-  const [d, u] = T(!1), [m, h] = T(), p = Z(), y = () => {
+  const [d, u] = T(!1), [m, h] = T(), p = F(), x = () => {
     h(void 0), a && (p.current = window.setTimeout(() => {
       u(!1);
     }, 3e3));
-  }, x = () => {
+  }, y = () => {
     clearTimeout(p.current);
-  }, f = d ? s : r, w = m ? /* @__PURE__ */ o(b, { color: "error", children: m.message }) : d && e || t;
-  return /* @__PURE__ */ o(pe, { title: w, disableInteractive: !0, placement: c, onClose: y, onOpen: x, children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
-    io,
+  }, f = d ? s : i, w = m ? /* @__PURE__ */ n(b, { color: "error", children: m.message }) : d && e || t;
+  return /* @__PURE__ */ n(he, { title: w, disableInteractive: !0, placement: c, onClose: x, onOpen: y, children: /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(
+    ln,
     {
-      startIcon: f && (typeof f == "string" ? /* @__PURE__ */ o(nt, { icon: f }) : f),
+      startIcon: f && (typeof f == "string" ? /* @__PURE__ */ n(ot, { icon: f }) : f),
       loadingPosition: f ? "start" : void 0,
       ...l,
       onClick: async (v) => {
@@ -120,23 +120,23 @@ function so({
             h(I);
           }
       },
-      children: d ? i : n
+      children: d ? r : o
     }
   ) }) });
 }
-const ao = Mt.lazy(() => import("react-syntax-highlighter").then((t) => ({ default: t.Prism }))), co = Ht((t) => /* @__PURE__ */ o(
-  Fe,
+const mn = Ft.lazy(() => import("react-syntax-highlighter").then((t) => ({ default: t.Prism }))), un = At((t) => /* @__PURE__ */ n(
+  qe,
   {
     ...t,
-    remarkPlugins: [Ve],
+    remarkPlugins: [Je],
     components: {
-      pre: lo,
-      code: ({ node: e, inline: n, className: i, children: r, ...s }) => {
-        if (!r) return null;
-        const a = /language-(\w+)/.exec(i || "");
-        return n ? /* @__PURE__ */ o(b, { component: "code", className: i, ...s, children: r }) : /* @__PURE__ */ o(b, { component: ao, language: a == null ? void 0 : a[1], ...s, sx: { borderRadius: 1 }, children: String(r).replace(/\n$/, "") });
+      pre: pn,
+      code: ({ node: e, inline: o, className: r, children: i, ...s }) => {
+        if (!i) return null;
+        const a = /language-(\w+)/.exec(r || "");
+        return o ? /* @__PURE__ */ n(b, { component: "code", className: r, ...s, children: i }) : /* @__PURE__ */ n(b, { component: mn, language: a == null ? void 0 : a[1], ...s, sx: { borderRadius: 1 }, children: String(i).replace(/\n$/, "") });
       },
-      table: ({ className: e, children: n }) => /* @__PURE__ */ o(b, { sx: { overflow: "auto", my: 1 }, children: /* @__PURE__ */ o("table", { className: e, children: n }) })
+      table: ({ className: e, children: o }) => /* @__PURE__ */ n(b, { sx: { overflow: "auto", my: 1 }, children: /* @__PURE__ */ n("table", { className: e, children: o }) })
     }
   }
 ))`
@@ -212,10 +212,10 @@ const ao = Mt.lazy(() => import("react-syntax-highlighter").then((t) => ({ defau
     }
   }
 `;
-function lo({ children: t }) {
+function pn({ children: t }) {
   const e = t == null ? void 0 : t.props;
   if (!(e != null && e.children)) return null;
-  const n = /language-(\w+)/.exec(e.className || ""), i = n == null ? void 0 : n[1];
+  const o = /language-(\w+)/.exec(e.className || ""), r = o == null ? void 0 : o[1];
   return /* @__PURE__ */ _(
     b,
     {
@@ -228,14 +228,14 @@ function lo({ children: t }) {
       },
       children: [
         /* @__PURE__ */ _(dt, { direction: "row", alignItems: "center", p: 0.5, pl: 1.5, borderBottom: 1, borderColor: "grey.200", children: [
-          /* @__PURE__ */ o(b, { children: i }),
-          /* @__PURE__ */ o(b, { flex: 1 }),
-          /* @__PURE__ */ o(
-            so,
+          /* @__PURE__ */ n(b, { children: r }),
+          /* @__PURE__ */ n(b, { flex: 1 }),
+          /* @__PURE__ */ n(
+            dn,
             {
               autoReset: !0,
-              title: /* @__PURE__ */ o(nt, { icon: "tabler:copy" }),
-              titleSucceed: /* @__PURE__ */ o(nt, { icon: "tabler:copy-check" }),
+              title: /* @__PURE__ */ n(ot, { icon: "tabler:copy" }),
+              titleSucceed: /* @__PURE__ */ n(ot, { icon: "tabler:copy-check" }),
               sx: { minWidth: 32, minHeight: 32, p: 0, fontSize: 18 },
               onClick: () => {
                 window.navigator.clipboard.writeText(e.children);
@@ -248,24 +248,24 @@ function lo({ children: t }) {
     }
   );
 }
-function O({ actions: t, center: e, className: n, align: i }) {
-  return t && (t != null && t.length) ? /* @__PURE__ */ o(
+function O({ actions: t, center: e, className: o, align: r }) {
+  return t && (t != null && t.length) ? /* @__PURE__ */ n(
     b,
     {
       className: k(
         "flex gap-4 flex-wrap",
         "lg:flex-row lg:gap-8",
-        (e || i === "center") && "justify-center",
-        !e && i === "right" && "justify-end",
-        !e && i === "left" && "justify-start",
-        n
+        (e || r === "center") && "justify-center",
+        !e && r === "right" && "justify-end",
+        !e && r === "left" && "justify-start",
+        o
       ),
       sx: { alignItems: "center" },
       children: t
     }
   ) : null;
 }
-const mo = "section", uo = Ht(b)`
+const hn = "section", fn = At(b)`
   overflow: hidden;
 
   .section__title {
@@ -314,7 +314,7 @@ const mo = "section", uo = Ht(b)`
       margin-bottom: 0.5rem;
     }
   }
-  @media (min-width: ${({ theme: t }) => t.breakpoints.values[mo]}px) {
+  @media (min-width: ${({ theme: t }) => t.breakpoints.values[hn]}px) {
     .section__tag {
       margin-bottom: 32px;
     }
@@ -326,12 +326,12 @@ const mo = "section", uo = Ht(b)`
     }
   }
 `;
-function F({
+function V({
   title: t,
   description: e,
-  descriptionMarkdown: n,
-  actions: i,
-  className: r = "",
+  descriptionMarkdown: o,
+  actions: r,
+  className: i = "",
   classes: s = {},
   prepend: a,
   append: c,
@@ -341,10 +341,10 @@ function F({
   center: m,
   logo: h,
   titleAppearance: p,
-  descriptionAppearance: y,
-  ...x
+  descriptionAppearance: x,
+  ...y
 }) {
-  if (!t && !e && !i && !u && !d && !a && !c && !h) return null;
+  if (!t && !e && !r && !u && !d && !a && !c && !h) return null;
   const f = Math.max(Math.min(5, l + 1), 1), w = {
     1: "xl:!text-3xl lg:!text-2xl md:!text-xl",
     2: "xl:!text-2xl lg:!text-xl md:!text-lg",
@@ -353,11 +353,11 @@ function F({
     5: "xl:!text-lg md:!text-md sm:!text-sm",
     6: "!text-sm"
   }, g = l === 0 ? "big" : `h${f}`, v = l === 0;
-  return /* @__PURE__ */ _(uo, { className: k("base-info", "lg:text-left", m && "!text-center", r), ...x, children: [
-    a && /* @__PURE__ */ o("div", { children: a }),
-    (d || u) && /* @__PURE__ */ o("div", { className: k("section__tag", (s == null ? void 0 : s.tag) || (s == null ? void 0 : s.badge)), children: d || u }),
-    h && /* @__PURE__ */ o("img", { className: "w-[120px] m-auto mb-8", src: h, alt: "info", loading: "lazy" }),
-    t && /* @__PURE__ */ o(
+  return /* @__PURE__ */ _(fn, { className: k("base-info", "lg:text-left", m && "!text-center", i), ...y, children: [
+    a && /* @__PURE__ */ n("div", { children: a }),
+    (d || u) && /* @__PURE__ */ n("div", { className: k("section__tag", (s == null ? void 0 : s.tag) || (s == null ? void 0 : s.badge)), children: d || u }),
+    h && /* @__PURE__ */ n("img", { className: "w-[120px] m-auto mb-8", src: h, alt: "info", loading: "lazy" }),
+    t && /* @__PURE__ */ n(
       P,
       {
         sx: {
@@ -378,13 +378,13 @@ function F({
         children: t
       }
     ),
-    e && (n ? /* @__PURE__ */ o(
+    e && (o ? /* @__PURE__ */ n(
       b,
       {
         sx: {
-          ...(y == null ? void 0 : y.color) && { color: `${y.color} !important` }
+          ...(x == null ? void 0 : x.color) && { color: `${x.color} !important` }
         },
-        component: co,
+        component: un,
         className: k(
           "section__description",
           "text-gray-800",
@@ -395,12 +395,12 @@ function F({
         ),
         children: e
       }
-    ) : /* @__PURE__ */ o(
+    ) : /* @__PURE__ */ n(
       P,
       {
         sx: {
           whiteSpace: "pre-wrap",
-          ...(y == null ? void 0 : y.color) && { color: `${y.color} !important` }
+          ...(x == null ? void 0 : x.color) && { color: `${x.color} !important` }
         },
         className: k(
           "section__description",
@@ -416,11 +416,11 @@ function F({
         children: e
       }
     )),
-    /* @__PURE__ */ o(O, { actions: i, center: m, className: "mt-8" }),
-    c && /* @__PURE__ */ o("div", { children: c })
+    /* @__PURE__ */ n(O, { actions: r, center: m, className: "mt-8" }),
+    c && /* @__PURE__ */ n("div", { children: c })
   ] });
 }
-const V = [
+const G = [
   "actions",
   "append",
   "badge",
@@ -435,15 +435,15 @@ const V = [
   "titleAppearance",
   "descriptionAppearance"
 ];
-function Xt(t) {
-  if (t.type === Se) {
-    const n = (t.props.children || []).filter((i) => Ut(i));
-    return n.length === 1 ? Xt(n[0]) : n.length > 1;
+function Yt(t) {
+  if (t.type === Pe) {
+    const o = (t.props.children || []).filter((r) => Vt(r));
+    return o.length === 1 ? Yt(o[0]) : o.length > 1;
   }
   return Array.isArray(t);
 }
 const B = "&>*";
-function ht({ children: t, col: e, gap: n, className: i, align: r, sx: s, type: a, ...c } = {
+function ht({ children: t, col: e, gap: o, className: r, align: i, sx: s, type: a, ...c } = {
   children: null,
   className: "",
   col: 3,
@@ -462,16 +462,16 @@ function ht({ children: t, col: e, gap: n, className: i, align: r, sx: s, type:
     "top-right": "justify-end items-start",
     "bottom-left": "justify-start items-end",
     "bottom-right": "justify-end items-end"
-  }, m = u[r] || u.center;
-  let p = n ?? ({
+  }, m = u[i] || u.center;
+  let p = o ?? ({
     2: 6,
     3: 4,
     4: 4,
     5: 3,
     6: 3
   }[e] || 0);
-  Xt(t) || (p = 0);
-  const x = (e - 1) * p / e;
+  Yt(t) || (p = 0);
+  const y = (e - 1) * p / e;
   let f = { ...s, gap: `${p}rem` };
   const w = { [B]: { width: "100%" } }, g = {}, v = {}, I = {};
   switch (w.gap = "1rem", g.gap = `${p / 2}rem`, e) {
@@ -492,42 +492,42 @@ function ht({ children: t, col: e, gap: n, className: i, align: r, sx: s, type:
       };
       break;
   }
-  return f[B] = { width: `calc(${d}% - ${x}rem)` }, f[`@media (max-width: ${l.breakpoints.values.xl}px)`] = I, f[`@media (max-width: ${l.breakpoints.values.lg}px)`] = v, f[`@media (max-width: ${l.breakpoints.values.md}px)`] = g, f[`@media (max-width: ${l.breakpoints.values.sm}px)`] = w, a === "wall" && (f = { ...s, gap: `${p}rem` }, f[B] = { width: `calc(${d}% - ${x}rem)` }, w[B] = { width: `calc(45% - ${p / 2 / 2}rem)` }, f[`@media (max-width: ${l.breakpoints.values.sm}px)`] = w), /* @__PURE__ */ o(b, { className: k("flex flex-wrap flex-row h-full", m, i), sx: f, ...c, children: t });
+  return f[B] = { width: `calc(${d}% - ${y}rem)` }, f[`@media (max-width: ${l.breakpoints.values.xl}px)`] = I, f[`@media (max-width: ${l.breakpoints.values.lg}px)`] = v, f[`@media (max-width: ${l.breakpoints.values.md}px)`] = g, f[`@media (max-width: ${l.breakpoints.values.sm}px)`] = w, a === "wall" && (f = { ...s, gap: `${p}rem` }, f[B] = { width: `calc(${d}% - ${y}rem)` }, w[B] = { width: `calc(45% - ${p / 2 / 2}rem)` }, f[`@media (max-width: ${l.breakpoints.values.sm}px)`] = w), /* @__PURE__ */ n(b, { className: k("flex flex-wrap flex-row h-full", m, r), sx: f, ...c, children: t });
 }
-function po() {
+function gn() {
   const t = navigator.userAgent.toLowerCase();
   return t.includes("safari") && !t.includes("chrome");
 }
-function ho(t = "") {
+function xn(t = "") {
   if (t.startsWith("data:image/svg+xml,")) return !0;
-  const e = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, n = /^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;
-  return e.test(t) || n.test(t);
+  const e = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, o = /^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;
+  return e.test(t) || o.test(t);
 }
 function it(t) {
   return (t == null ? void 0 : t.endsWith(".mp4")) || (t == null ? void 0 : t.endsWith(".m4v")) || (t == null ? void 0 : t.endsWith(".webm"));
 }
-function fo(t) {
+function bn(t) {
   return t != null && t.endsWith(".mp4") || t != null && t.endsWith(".m4v") ? "video/mp4" : t != null && t.endsWith(".webm") ? "video/webm" : void 0;
 }
-function go(t) {
+function yn(t) {
   let e = {};
-  return typeof t == "string" ? se(t) ? e.image = t : (e.image = N(t), ae(t) && (e.color = t, e.image = "")) : e = t, e;
+  return typeof t == "string" ? ae(t) ? e.image = t : (e.image = N(t), ce(t) && (e.color = t, e.image = "")) : e = t, e;
 }
-function xo() {
+function wn() {
   const [t, e] = T(Date.now());
-  return L(() => {
-    const n = () => {
+  return E(() => {
+    const o = () => {
       e(Date.now());
     };
-    return document.addEventListener("visibilitychange", n), () => {
-      document.removeEventListener("visibilitychange", n);
+    return document.addEventListener("visibilitychange", o), () => {
+      document.removeEventListener("visibilitychange", o);
     };
   }, []), t;
 }
-function St(t, e, n, i, r) {
+function Ct(t, e, o, r, i) {
   let s = null;
-  const { color: a = "", image: c } = go(e);
-  return c && ho(c) ? (delete n.backgroundColor, !(t.mobile.apple.device || po()) && it(c) ? s = /* @__PURE__ */ o(
+  const { color: a = "", image: c } = yn(e);
+  return c && xn(c) ? (delete o.backgroundColor, !(t.mobile.apple.device || gn()) && it(c) ? s = /* @__PURE__ */ n(
     b,
     {
       component: "video",
@@ -538,7 +538,7 @@ function St(t, e, n, i, r) {
       muted: !0,
       controls: !1,
       playsInline: !0,
-      poster: R(N(i), 1200, "quality"),
+      poster: R(N(r), 1200, "quality"),
       src: it(c) ? c : R(c, 1200, "quality"),
       sx: {
         position: "absolute",
@@ -552,8 +552,8 @@ function St(t, e, n, i, r) {
       }
     },
     c
-  ) : s = /* @__PURE__ */ o(
-    Dt,
+  ) : s = /* @__PURE__ */ n(
+    Jt,
     {
       src: c,
       sizesAttr: {
@@ -576,32 +576,32 @@ function St(t, e, n, i, r) {
         objectFit: "cover"
       }
     },
-    r || c
-  )) : c ? n.backgroundImage = `${c} !important` : a && (n.backgroundColor = `${a} !important`), s;
+    i || c
+  )) : c ? o.backgroundImage = `${c} !important` : a && (o.backgroundColor = `${a} !important`), s;
 }
-function bo({ autoWidth: t, children: e, ...n }) {
-  return t ? /* @__PURE__ */ o(b, { display: "flex", ...n, children: e }) : /* @__PURE__ */ o(he, { ...n, children: e });
+function vn({ autoWidth: t, children: e, ...o }) {
+  return t ? /* @__PURE__ */ n(b, { display: "flex", ...o, children: e }) : /* @__PURE__ */ n(fe, { ...o, children: e });
 }
-function G({
+function D({
   dark: t = !1,
   children: e,
-  className: n,
-  sx: i = {},
-  boxed: r = { show: !1 },
+  className: o,
+  sx: r = {},
+  boxed: i = { show: !1 },
   padding: s = "normal",
   boxProps: a,
   type: c,
   ...l
 }) {
-  const d = { ...i }, u = Jt((p) => p.breakpoints.down("md"));
-  t && (d.color = $t.common.white, d.backgroundColor = `${$t.grey[900]} !important`);
+  const d = { ...r }, u = Kt((p) => p.breakpoints.down("md"));
+  t && (d.color = St.common.white, d.backgroundColor = `${St.grey[900]} !important`);
   const m = {
     none: "py-0",
     small: "py-5 md:py-8 lg:py-8 xl:py-12",
     normal: "py-10 md:py-15 lg:py-20 xl:py-25",
     large: "py-15 md:py-20 lg:py-25 xl:py-30"
   };
-  r.show && (d.display = "flex");
+  i.show && (d.display = "flex");
   const h = j(() => !Number(l.boxMaxWidth) || u ? {
     width: "100%"
   } : c === "wall" && l.boxMaxWidth ? {
@@ -610,13 +610,13 @@ function G({
   } : {
     width: "100%"
   }, [l.boxMaxWidth, u, c]);
-  return /* @__PURE__ */ o(
-    yo,
+  return /* @__PURE__ */ n(
+    kn,
     {
       component: "section",
       styles: { ...d },
-      className: k("base-section", "px-2 md:px-5 lg:px-5 xl:px-10", m[s], n, { dark: t }),
-      ...qt(
+      className: k("base-section", "px-2 md:px-5 lg:px-5 xl:px-10", m[s], o, { dark: t }),
+      ...Ut(
         l,
         "hoverStyle",
         "boxMaxWidth",
@@ -627,28 +627,28 @@ function G({
         "titleAppearance",
         "descriptionAppearance"
       ),
-      children: /* @__PURE__ */ o(bo, { autoWidth: l == null ? void 0 : l.autoWidth, className: k("section-content h-full"), sx: h, children: r.show ? /* @__PURE__ */ o(Yt, { ...a, boxed: r, children: e }) : e })
+      children: /* @__PURE__ */ n(vn, { autoWidth: l == null ? void 0 : l.autoWidth, className: k("section-content h-full"), sx: h, children: i.show ? /* @__PURE__ */ n(Qt, { ...a, boxed: i, children: e }) : e })
     }
   );
 }
-function Yt({
+function Qt({
   background: t = "",
   backgroundVideoPoster: e,
-  children: n,
-  sx: i = {},
-  boxed: r = { show: !1 },
+  children: o,
+  sx: r = {},
+  boxed: i = { show: !1 },
   className: s = "",
   styles: a = {},
   ...c
 }) {
-  const l = { ...a, ...i };
+  const l = { ...a, ...r };
   let d = null;
-  const u = Jt((p) => p.breakpoints.up("sm")), m = De(), h = xo();
-  return t && (d = St(m, t, l, e, h)), r.show && (l.borderRadius = "10px", l.padding === void 0 && (l.padding = u ? "50px" : "20px"), r != null && r.border && (l.border = "1px solid #c0c0c0"), r != null && r.background && (d = St(
+  const u = Kt((p) => p.breakpoints.up("sm")), m = Xe(), h = wn();
+  return t && (d = Ct(m, t, l, e, h)), i.show && (l.borderRadius = "10px", l.padding === void 0 && (l.padding = u ? "50px" : "20px"), i != null && i.border && (l.border = "1px solid #c0c0c0"), i != null && i.background && (d = Ct(
     m,
-    r == null ? void 0 : r.background,
+    i == null ? void 0 : i.background,
     l,
-    r == null ? void 0 : r.backgroundVideoPoster,
+    i == null ? void 0 : i.backgroundVideoPoster,
     h
   ))), /* @__PURE__ */ _(
     b,
@@ -658,15 +658,15 @@ function Yt({
         ...l,
         ...d ? { position: "relative", overflow: "hidden", zIndex: 0 } : {}
       },
-      className: k(s, (r == null ? void 0 : r.boxShadow) && "shadow-xl"),
+      className: k(s, (i == null ? void 0 : i.boxShadow) && "shadow-xl"),
       children: [
         d,
-        n
+        o
       ]
     }
   );
 }
-const yo = $(Yt)`
+const kn = $(Qt)`
   &:nth-of-type(even) {
     background: #f8f8f8;
   }
@@ -683,30 +683,30 @@ const yo = $(Yt)`
     }
   }
 `;
-function Qt({ icon: t, ...e }) {
-  return /* @__PURE__ */ o(Kt, { icon: t, ...e, ref: null });
+function Zt({ icon: t, ...e }) {
+  return /* @__PURE__ */ n(Xt, { icon: t, ...e, ref: null });
 }
 function C(t, e) {
-  const n = ut(t, e), i = z(t, e);
-  return [n, i];
+  const o = ut(t, e), r = W(t, e);
+  return [o, r];
 }
-const Zt = ["title", "description", "actions", "badge", "tag", "prepend", "append", "logo"];
-function wo({
+const te = ["title", "description", "actions", "badge", "tag", "prepend", "append", "logo"];
+function _n({
   image: t,
   imageBorder: e,
-  imageShadow: n,
-  className: i,
-  reverse: r = !1,
+  imageShadow: o,
+  className: r,
+  reverse: i = !1,
   fullSizeImage: s,
   ...a
 }) {
-  const [c, l] = C(a, V), d = Object.keys(c).length > 0 && Object.values(ut(c, Zt)).filter(Boolean).length > 0 && /* @__PURE__ */ o(F, { ...c }), u = Ut(t) ? t : /* @__PURE__ */ o(b, { component: "img", src: t, alt: "", className: "block" }), m = ["phone", "macbook"].includes(e), h = t && /* @__PURE__ */ o(
+  const [c, l] = C(a, G), d = Object.keys(c).length > 0 && Object.values(ut(c, te)).filter(Boolean).length > 0 && /* @__PURE__ */ n(V, { ...c }), u = Vt(t) ? t : /* @__PURE__ */ n(b, { component: "img", src: t, alt: "", className: "block" }), m = ["phone", "macbook"].includes(e), h = t && /* @__PURE__ */ n(
     b,
     {
       className: k(
         "section__image",
         "m-auto, leading-[1] text-center",
-        n && "shadow-xl",
+        o && "shadow-xl",
         c != null && c.center ? "flex justify-center items-center" : ""
       ),
       sx: {
@@ -718,17 +718,17 @@ function wo({
       },
       children: m ? (
         // @ts-ignore
-        /* @__PURE__ */ o(qe, { type: e, sx: { width: "100%" }, children: u })
+        /* @__PURE__ */ n(Qe, { type: e, sx: { width: "100%" }, children: u })
       ) : u
     }
   );
-  return /* @__PURE__ */ o(
-    G,
+  return /* @__PURE__ */ n(
+    D,
     {
       className: k(
         "section--block",
-        i,
-        s && !r && ot`
+        r,
+        s && !i && nt`
             .section-bg {
               height: 80%;
             }
@@ -736,11 +736,11 @@ function wo({
       ),
       ...l,
       boxProps: s ? { sx: { padding: 0, overflow: "hidden" } } : void 0,
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ n(
         ht,
         {
           col: t ? 2 : 1,
-          className: s ? ot`
+          className: s ? nt`
                 display: flex;
                 flex-direction: column;
 
@@ -754,7 +754,7 @@ function wo({
                   }
                 }
               ` : void 0,
-          children: r ? /* @__PURE__ */ _(U, { children: [
+          children: i ? /* @__PURE__ */ _(U, { children: [
             h,
             d
           ] }) : /* @__PURE__ */ _(U, { children: [
@@ -766,19 +766,19 @@ function wo({
     }
   );
 }
-const D = ["editing", "height", "locale", "dev"];
-function vo(t) {
-  return /* @__PURE__ */ o(ko, { ...t });
+const q = ["editing", "height", "locale", "dev"];
+function $n(t) {
+  return /* @__PURE__ */ n(Sn, { ...t });
 }
-const ko = $(b)`
+const Sn = $(b)`
   position: relative;
 `;
-function _o({
+function Cn({
   widget: t,
   reverse: e,
-  projectId: n,
-  assistantId: i,
-  working: r,
+  projectId: o,
+  assistantId: r,
+  working: i,
   submitTitle: s,
   submitIcon: a,
   submitColor: c,
@@ -787,9 +787,9 @@ function _o({
   section: u,
   ...m
 }) {
-  const [{ editing: h }, p] = C(m, D), [y, x] = C(p, V), f = n && i ? { projectId: n, gitRef: "main", assistantId: i, working: !0 } : void 0, w = {
+  const [{ editing: h }, p] = C(m, q), [x, y] = C(p, G), f = o && r ? { projectId: o, gitRef: "main", assistantId: r, working: !0 } : void 0, w = {
     children: s,
-    endIcon: a ? /* @__PURE__ */ o(Qt, { icon: a }) : void 0,
+    endIcon: a ? /* @__PURE__ */ n(Zt, { icon: a }) : void 0,
     sx: {
       background: c || void 0,
       ":hover": {
@@ -797,10 +797,10 @@ function _o({
         opacity: 0.8
       }
     }
-  }, g = [], v = l && /* @__PURE__ */ o(P, { variant: "caption", color: "text.disabled", children: l }), I = d && /* @__PURE__ */ o(P, { variant: "caption", color: "text.disabled", children: d });
-  Object.keys(y).length > 0 && Object.values(ut(y, Zt)).filter(Boolean).length > 0 && g.push(/* @__PURE__ */ o(F, { ...y }, "base-info")), f && (t === "form" ? g.push(/* @__PURE__ */ o(kt, { identifier: f, SubmitProps: w }, "form")) : t === "result" ? g.push(
-    /* @__PURE__ */ o(
-      _t,
+  }, g = [], v = l && /* @__PURE__ */ n(P, { variant: "caption", color: "text.disabled", children: l }), I = d && /* @__PURE__ */ n(P, { variant: "caption", color: "text.disabled", children: d });
+  Object.keys(x).length > 0 && Object.values(ut(x, te)).filter(Boolean).length > 0 && g.push(/* @__PURE__ */ n(V, { ...x }, "base-info")), f && (t === "form" ? g.push(/* @__PURE__ */ n(_t, { identifier: f, SubmitProps: w }, "form")) : t === "result" ? g.push(
+    /* @__PURE__ */ n(
+      $t,
       {
         identifier: f,
         placeholder: v,
@@ -810,9 +810,9 @@ function _o({
     )
   ) : g.push(
     /* @__PURE__ */ _(dt, { width: "100%", gap: 2, direction: "row", children: [
-      /* @__PURE__ */ o(kt, { identifier: f, BoxProps: { flex: 1 }, SubmitProps: w }),
-      /* @__PURE__ */ o(
-        _t,
+      /* @__PURE__ */ n(_t, { identifier: f, BoxProps: { flex: 1 }, SubmitProps: w }),
+      /* @__PURE__ */ n(
+        $t,
         {
           identifier: f,
           BoxProps: { flex: 1 },
@@ -822,45 +822,45 @@ function _o({
       )
     ] }, "form-result")
   )), e && g.reverse();
-  const H = fe(), K = j(
-    () => ge(Me(H, { palette: { primary: c ? { main: c } : void 0 } })),
+  const H = ge(), X = j(
+    () => xe(Ge(H, { palette: { primary: c ? { main: c } : void 0 } })),
     [c, H]
   );
-  return /* @__PURE__ */ o(Ue, { fallbackRender: ce, children: /* @__PURE__ */ o(xe, { theme: K, children: /* @__PURE__ */ o(G, { ...x, sx: h ? { pointerEvents: "none" } : {}, children: /* @__PURE__ */ o(ht, { col: g.length, children: g }) }) }) });
+  return /* @__PURE__ */ n(De, { fallbackRender: le, children: /* @__PURE__ */ n(be, { theme: X, children: /* @__PURE__ */ n(D, { ...y, sx: h ? { pointerEvents: "none" } : {}, children: /* @__PURE__ */ n(ht, { col: g.length, children: g }) }) }) });
 }
-const te = Ce({
+const ee = je({
   pages: [],
   project: void 0
-}), { Provider: $o, Consumer: Sr } = te;
-function ee() {
-  return Ft(te);
+}), { Provider: Nn, Consumer: Ir } = ee;
+function ne() {
+  return Gt(ee);
 }
-function So({ icon: t, className: e = "", size: n = "1rem", ...i }) {
-  return /* @__PURE__ */ o(Co, { component: Qt, className: k("css-icon", e), size: n, ...i, icon: t });
+function In({ icon: t, className: e = "", size: o = "1rem", ...r }) {
+  return /* @__PURE__ */ n(Pn, { component: Zt, className: k("css-icon", e), size: o, ...r, icon: t });
 }
-const Co = $(b)`
+const Pn = $(b)`
   &.css-icon {
     display: inline-block;
     width: ${({ size: t }) => t};
     height: ${({ size: t }) => t};
   }
 `;
-function No({ icon: t, className: e = "", size: n = "1rem", imageMeta: i, ...r }) {
+function jn({ icon: t, className: e = "", size: o = "1rem", imageMeta: r, ...i }) {
   const s = R(N(t), 540), [a, c] = T(!1), l = pt();
-  return a ? /* @__PURE__ */ o(So, { icon: "i-mdi:image", color: l.palette.grey[500], size: n, className: e, ...r }) : /* @__PURE__ */ o(Io, { className: k("image-icon", e), size: n, ...r, children: /* @__PURE__ */ o(
+  return a ? /* @__PURE__ */ n(In, { icon: "i-mdi:image", color: l.palette.grey[500], size: o, className: e, ...i }) : /* @__PURE__ */ n(Bn, { className: k("image-icon", e), size: o, ...i, children: /* @__PURE__ */ n(
     "img",
     {
       className: "image-icon__image",
       src: s,
       onError: () => c(!0),
-      width: i == null ? void 0 : i.naturalWidth,
-      height: i == null ? void 0 : i.naturalHeight,
-      alt: (i == null ? void 0 : i.filename) || "card-icon",
+      width: r == null ? void 0 : r.naturalWidth,
+      height: r == null ? void 0 : r.naturalHeight,
+      alt: (r == null ? void 0 : r.filename) || "card-icon",
       loading: "lazy"
     }
   ) });
 }
-const Io = $(b)`
+const Bn = $(b)`
   display: inline-block;
   width: ${({ size: t }) => t};
   height: ${({ size: t }) => t};
@@ -870,92 +870,92 @@ const Io = $(b)`
     width: 100%;
   }
 `, ft = (t) => typeof t == "string" && /^[\w-_]+:[\w-_]+$/.test(t);
-function st({ icon: t, size: e = "1rem", imageMeta: n, ...i }) {
-  const r = window.isNaN(e) ? e : `${e}px`;
-  return ft(t) ? /* @__PURE__ */ o(Kt, { icon: t }) : /* @__PURE__ */ o(Po, { component: No, imageMeta: n, className: "base-icon", icon: t, size: r, ...i });
+function st({ icon: t, size: e = "1rem", imageMeta: o, ...r }) {
+  const i = window.isNaN(e) ? e : `${e}px`;
+  return ft(t) ? /* @__PURE__ */ n(Xt, { icon: t }) : /* @__PURE__ */ n(Rn, { component: jn, imageMeta: o, className: "base-icon", icon: t, size: i, ...r });
 }
-const Po = $(b)`
+const Rn = $(b)`
   flex-shrink: 0;
 `;
-function M({ text: t, children: e, icon: n = "", endIcon: i, color: r = "primary", link: s = "", href: a = "", ...c }) {
-  const l = n ? /* @__PURE__ */ o(st, { icon: n }) : null, d = i ? /* @__PURE__ */ o(st, { icon: i }) : null, u = s || a, m = { ...c };
-  return u && (m.href = u, rt(u) && (m.target = m.target || "_blank")), /* @__PURE__ */ o(Ke, { startIcon: l, endIcon: d, color: r, ...m, children: t || e });
+function M({ text: t, children: e, icon: o = "", endIcon: r, color: i = "primary", link: s = "", href: a = "", ...c }) {
+  const l = o ? /* @__PURE__ */ n(st, { icon: o }) : null, d = r ? /* @__PURE__ */ n(st, { icon: r }) : null, u = s || a, m = { ...c };
+  return u && (m.href = u, rt(u) && (m.target = m.target || "_blank")), /* @__PURE__ */ n(Ze, { startIcon: l, endIcon: d, color: i, ...m, children: t || e });
 }
-function oe({ editing: t, text: e, ...n }) {
-  const { pages: i = [] } = ee(), r = i.find((s) => s.id === (n.link || n.linkId));
+function oe({ editing: t, text: e, ...o }) {
+  const { pages: r = [] } = ne(), i = r.find((s) => s.id === (o.link || o.linkId));
   if (t)
-    return /* @__PURE__ */ o(M, { ...z(n, ["link", "linkId"]), children: e });
-  if (r) {
-    const s = r.path || "/";
-    return /* @__PURE__ */ o(Pe, { to: s, children: /* @__PURE__ */ o(M, { ...z(n, ["link", "linkId"]), children: e }) });
+    return /* @__PURE__ */ n(M, { ...W(o, ["link", "linkId"]), children: e });
+  if (i) {
+    const s = i.path || "/";
+    return /* @__PURE__ */ n(Te, { to: s, children: /* @__PURE__ */ n(M, { ...W(o, ["link", "linkId"]), children: e }) });
   }
-  return /* @__PURE__ */ o(M, { ...z(n, "linkId"), children: e });
+  return /* @__PURE__ */ n(M, { ...W(o, "linkId"), children: e });
 }
-function E({ type: t = "", icon: e = "", size: n = "3rem", className: i = "", ...r }) {
-  return /* @__PURE__ */ o(st, { icon: e || t, size: n, className: k("content-icon", i), ...r });
+function z({ type: t = "", icon: e = "", size: o = "3rem", className: r = "", ...i }) {
+  return /* @__PURE__ */ n(st, { icon: e || t, size: o, className: k("content-icon", r), ...i });
 }
-E.propTypes = {};
-E.defaultProps = {
+z.propTypes = {};
+z.defaultProps = {
   type: "",
   icon: "",
   size: "3rem",
   color: "inherit",
   className: ""
 };
-function jo({
+function Tn({
   to: t,
   base: e,
-  children: n,
-  className: i,
-  activeClassName: r = "active",
+  children: o,
+  className: r,
+  activeClassName: i = "active",
   target: s = "auto",
   autoExternalMark: a = !1,
   useRouterLink: c,
   ...l
 }) {
-  const { pages: d = [], locale: u = "" } = {}, m = e ? Q("/", e) : e || "";
-  let h = s === "auto" ? "_self" : s, p = Q(m, t);
-  const y = a ? rt(p) : !1;
+  const { pages: d = [], locale: u = "" } = {}, m = e ? Z("/", e) : e || "";
+  let h = s === "auto" ? "_self" : s, p = Z(m, t);
+  const x = a ? rt(p) : !1;
   if (e)
-    return p = Q(m, u, t), /* @__PURE__ */ o(
+    return p = Z(m, u, t), /* @__PURE__ */ n(
       "a",
       {
-        className: `no-underline ${i}`,
+        className: `no-underline ${r}`,
         href: tt(p),
         rel: "noreferrer noopener",
         target: h,
         ...l,
-        children: n
+        children: o
       }
     );
   if (rt(t))
     s === "auto" && (h = "_blank"), p = t;
   else {
-    He(p) && (p = Q(window.location.pathname, p));
-    const x = Ae(`${window.location.origin}${p}`), f = d.some((w) => w.pathname === x.pathname);
+    Fe(p) && (p = Z(window.location.pathname, p));
+    const y = Ve(`${window.location.origin}${p}`), f = d.some((w) => w.pathname === y.pathname);
     if (c || f)
-      return /* @__PURE__ */ o(
-        je,
+      return /* @__PURE__ */ n(
+        Ee,
         {
           end: !0,
           to: tt(p),
-          className: ({ isActive: w }) => k(i, w ? r : ""),
+          className: ({ isActive: w }) => k(r, w ? i : ""),
           ...l,
-          children: n
+          children: o
         }
       );
   }
   return /* @__PURE__ */ _(
     "a",
     {
-      className: `no-underline ${i}`,
+      className: `no-underline ${r}`,
       href: tt(p),
       rel: "noreferrer noopener",
       target: h,
       ...l,
       children: [
-        n,
-        y && /* @__PURE__ */ o(E, { icon: "i-mdi:arrow-top-right", size: "0.9em", className: "smart-link__mark", style: { marginLeft: 5 } })
+        o,
+        x && /* @__PURE__ */ n(z, { icon: "i-mdi:arrow-top-right", size: "0.9em", className: "smart-link__mark", style: { marginLeft: 5 } })
       ]
     }
   );
@@ -963,39 +963,39 @@ function jo({
 function J({
   prepend: t,
   append: e,
-  children: n,
-  className: i = "",
-  dark: r = !1,
+  children: o,
+  className: r = "",
+  dark: i = !1,
   border: s = !0,
   ...a
 }) {
   let c = {};
-  const { pages: l = [] } = ee(), d = l.find((h) => h.id === a.link), u = !n || Mt.Children.toArray(n).every((h) => h === null);
+  const { pages: l = [] } = ne(), d = l.find((h) => h.id === a.link), u = !o || Ft.Children.toArray(o).every((h) => h === null);
   return a.link && (c = {
-    component: jo,
+    component: Tn,
     to: (d == null ? void 0 : d.path) || a.link,
     useRouterLink: !0
   }), /* @__PURE__ */ _(
-    Bo,
+    En,
     {
       className: k(
         "base-card card",
         { "border-gray-200": s },
-        { "dark:border-gray-500": r && s },
-        { dark: r, "border-transparent": !s },
-        i
+        { "dark:border-gray-500": i && s },
+        { dark: i, "border-transparent": !s },
+        r
       ),
       ...c,
-      ...z(a, ["listType", "dark", "iconColor", "link", "hoverStyle", "imageSize"]),
+      ...W(a, ["listType", "dark", "iconColor", "link", "hoverStyle", "imageSize"]),
       children: [
         t,
-        !u && /* @__PURE__ */ o("div", { className: "card__body", children: n }),
+        !u && /* @__PURE__ */ n("div", { className: "card__body", children: o }),
         e
       ]
     }
   );
 }
-const Bo = $(b)`
+const En = $(b)`
   &.base-card {
     text-align: left;
     border-width: 1px;
@@ -1011,15 +1011,15 @@ const Bo = $(b)`
     padding: 15px 15px;
   }
 `;
-function q({
+function K({
   align: t = "left",
   title: e,
-  titleProps: n = {},
-  description: i,
-  descriptionProps: r = {}
+  titleProps: o = {},
+  description: r,
+  descriptionProps: i = {}
 }) {
   return /* @__PURE__ */ _(U, { children: [
-    e && /* @__PURE__ */ o(
+    e && /* @__PURE__ */ n(
       P,
       {
         className: k("card__title text-gray-800", "dark:text-gray-50"),
@@ -1027,11 +1027,11 @@ function q({
         variant: "h5",
         gutterBottom: !0,
         align: t,
-        ...n,
+        ...o,
         children: e
       }
     ),
-    i && /* @__PURE__ */ o(
+    r && /* @__PURE__ */ n(
       P,
       {
         className: k("card__description", "text-gray-500", "dark:text-gray-400"),
@@ -1039,18 +1039,18 @@ function q({
         variant: "body1",
         gutterBottom: !0,
         align: t,
-        ...r,
-        children: i
+        ...i,
+        children: r
       }
     )
   ] });
 }
-function Ro({
+function zn({
   image: t,
   title: e,
-  description: n,
-  imageProps: i = {},
-  imageMeta: r,
+  description: o,
+  imageProps: r = {},
+  imageMeta: i,
   imageSize: s,
   titleProps: a = {},
   descriptionProps: c = {},
@@ -1060,11 +1060,11 @@ function Ro({
 }) {
   const m = ft(t), h = R(N(t), 540);
   return /* @__PURE__ */ _(
-    To,
+    Wn,
     {
       className: "card-article",
       ...u,
-      prepend: /* @__PURE__ */ o("div", { className: "card__image__wrap", children: m && t ? /* @__PURE__ */ o(
+      prepend: /* @__PURE__ */ n("div", { className: "card__image__wrap", children: m && t ? /* @__PURE__ */ n(
         b,
         {
           sx: {
@@ -1077,38 +1077,38 @@ function Ro({
             alignItems: "center",
             justifyContent: "center"
           },
-          children: /* @__PURE__ */ o(E, { icon: t, color: "primary.main" })
+          children: /* @__PURE__ */ n(z, { icon: t, color: "primary.main" })
         }
-      ) : h && /* @__PURE__ */ o(
+      ) : h && /* @__PURE__ */ n(
         "img",
         {
           className: "card__image",
           src: h,
-          ...i,
-          alt: i.alt || (r == null ? void 0 : r.filename) || "card-image",
-          width: r == null ? void 0 : r.naturalWidth,
-          height: r == null ? void 0 : r.naturalHeight,
+          ...r,
+          alt: r.alt || (i == null ? void 0 : i.filename) || "card-image",
+          width: i == null ? void 0 : i.naturalWidth,
+          height: i == null ? void 0 : i.naturalHeight,
           style: { width: "100%", height: "100%", objectFit: s || "cover", objectPosition: "center" },
           loading: "lazy"
         }
       ) }),
       children: [
-        e || n ? /* @__PURE__ */ o(
-          q,
+        e || o ? /* @__PURE__ */ n(
+          K,
           {
             align: d,
             title: e,
             titleProps: a,
-            description: n,
+            description: o,
             descriptionProps: c
           }
         ) : null,
-        l != null && l.length ? /* @__PURE__ */ o(O, { align: d, actions: l, className: "mt-4" }) : null
+        l != null && l.length ? /* @__PURE__ */ n(O, { align: d, actions: l, className: "mt-4" }) : null
       ]
     }
   );
 }
-const To = $(J)`
+const Wn = $(J)`
   ${(t) => t.hoverStyle === "none" ? "" : t.link ? `transition: box-shadow ease .3s;
               &:hover {
                 box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
@@ -1129,40 +1129,40 @@ const To = $(J)`
     height: 100%;
     object-position: top center;
   }
-`, Ct = "section";
-function Nt({
+`, Nt = "section";
+function It({
   title: t,
   image: e,
-  imageMeta: n,
-  description: i,
-  actions: r,
+  imageMeta: o,
+  description: r,
+  actions: i,
   align: s,
   listType: a = "",
   className: c = "",
   ...l
 }) {
-  return /* @__PURE__ */ _(Eo, { className: k("card", `list-type-${a}`, c), align: s, ...l, children: [
-    e && /* @__PURE__ */ o(
-      E,
+  return /* @__PURE__ */ _(Ln, { className: k("card", `list-type-${a}`, c), align: s, ...l, children: [
+    e && /* @__PURE__ */ n(
+      z,
       {
         icon: e,
         color: "primary.main",
         size: a === "icon-title" ? "1.2rem" : "3rem",
-        imageMeta: n
+        imageMeta: o
       }
     ),
-    t || i ? /* @__PURE__ */ o(q, { align: s, title: t, description: i }) : null,
-    r != null && r.length ? /* @__PURE__ */ o(O, { align: s, actions: r, className: "mt-4" }) : null
+    t || r ? /* @__PURE__ */ n(K, { align: s, title: t, description: r }) : null,
+    i != null && i.length ? /* @__PURE__ */ n(O, { align: s, actions: i, className: "mt-4" }) : null
   ] });
 }
-const Eo = $(J)`
+const Ln = $(J)`
   padding: 5vw 4vw;
   box-sizing: border-box;
   /* min-height: 320px; */
   color: inherit !important;
   border-radius: 0.5rem;
   /* ${({ dark: t, theme: e }) => `background-color:${t ? e.palette.grey[900] : e.palette.common.white};`} */
-  @media (max-width: ${({ theme: t }) => t.breakpoints.values[Ct]}px) {
+  @media (max-width: ${({ theme: t }) => t.breakpoints.values[Nt]}px) {
     padding: 1.5rem 2rem;
   }
   @media (max-width: ${({ theme: t }) => t.breakpoints.values.sm}px) {
@@ -1207,18 +1207,18 @@ const Eo = $(J)`
     }
   }
 
-  @media (min-width: ${({ theme: t }) => t.breakpoints.values[Ct]}px) {
+  @media (min-width: ${({ theme: t }) => t.breakpoints.values[Nt]}px) {
     padding: 2rem 2rem;
     text-align: left;
     box-sizing: border-box;
   }
 `;
-function zo({
+function On({
   image: t,
   title: e,
-  description: n,
-  imageProps: i = {},
-  imageMeta: r,
+  description: o,
+  imageProps: r = {},
+  imageMeta: i,
   imageSize: s,
   titleProps: a = {},
   descriptionProps: c = {},
@@ -1228,11 +1228,11 @@ function zo({
 }) {
   const m = ft(t), h = R(N(t), 540);
   return /* @__PURE__ */ _(
-    Wo,
+    Hn,
     {
       className: "card-article",
       ...u,
-      prepend: /* @__PURE__ */ o("div", { className: "card__image__wrap", children: m && t ? /* @__PURE__ */ o(
+      prepend: /* @__PURE__ */ n("div", { className: "card__image__wrap", children: m && t ? /* @__PURE__ */ n(
         b,
         {
           sx: {
@@ -1245,39 +1245,39 @@ function zo({
             alignItems: "center",
             justifyContent: "center"
           },
-          children: /* @__PURE__ */ o(E, { icon: t, color: "primary.main" })
+          children: /* @__PURE__ */ n(z, { icon: t, color: "primary.main" })
         }
-      ) : h && /* @__PURE__ */ o(
+      ) : h && /* @__PURE__ */ n(
         b,
         {
           component: "img",
           className: "card__image",
           src: h,
-          ...i,
-          alt: i.alt || (r == null ? void 0 : r.filename) || "card-image",
-          width: r == null ? void 0 : r.naturalWidth,
-          height: r == null ? void 0 : r.naturalHeight,
+          ...r,
+          alt: r.alt || (i == null ? void 0 : i.filename) || "card-image",
+          width: i == null ? void 0 : i.naturalWidth,
+          height: i == null ? void 0 : i.naturalHeight,
           style: { width: "100%", height: "100%", objectFit: s || "contain", objectPosition: "center" },
           loading: "lazy"
         }
       ) }),
       children: [
-        e || n ? /* @__PURE__ */ o(
-          q,
+        e || o ? /* @__PURE__ */ n(
+          K,
           {
             align: d,
             title: e,
             titleProps: a,
-            description: n,
+            description: o,
             descriptionProps: c
           }
         ) : null,
-        l != null && l.length ? /* @__PURE__ */ o(O, { align: d, actions: l, className: "mt-4" }) : null
+        l != null && l.length ? /* @__PURE__ */ n(O, { align: d, actions: l, className: "mt-4" }) : null
       ]
     }
   );
 }
-const Wo = $(J)`
+const Hn = $(J)`
   ${(t) => t.hoverStyle === "none" ? "" : t.link ? `transition: box-shadow ease .3s;
               &:hover {
                 box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
@@ -1301,27 +1301,27 @@ const Wo = $(J)`
   .card__image {
     max-height: 60px;
   }
-`, It = "section";
-function Lo({
+`, Pt = "section";
+function An({
   title: t,
   image: e,
-  imageMeta: n,
-  iconSize: i = 100,
-  description: r,
+  imageMeta: o,
+  iconSize: r = 100,
+  description: i,
   actions: s,
   align: a,
   className: c = "",
   ...l
 }) {
-  return /* @__PURE__ */ o(Oo, { className: k("card", c), ...l, children: /* @__PURE__ */ _(b, { className: "flex items-center", children: [
-    e && /* @__PURE__ */ o(E, { icon: e, color: "primary.main", size: i, imageMeta: n }),
+  return /* @__PURE__ */ n(Mn, { className: k("card", c), ...l, children: /* @__PURE__ */ _(b, { className: "flex items-center", children: [
+    e && /* @__PURE__ */ n(z, { icon: e, color: "primary.main", size: r, imageMeta: o }),
     /* @__PURE__ */ _(b, { className: "flex-1 ml-4", children: [
-      /* @__PURE__ */ o(q, { align: a, title: t, description: r }),
-      /* @__PURE__ */ o(O, { align: a, actions: s, className: "mt-4" })
+      /* @__PURE__ */ n(K, { align: a, title: t, description: i }),
+      /* @__PURE__ */ n(O, { align: a, actions: s, className: "mt-4" })
     ] })
   ] }) });
 }
-const Oo = $(J)`
+const Mn = $(J)`
   padding: 5vw 4vw;
   text-align: left;
   box-sizing: border-box;
@@ -1329,7 +1329,7 @@ const Oo = $(J)`
   color: inherit !important;
   border-radius: 0.5rem;
   /* ${({ dark: t, theme: e }) => `background-color:${t ? e.palette.grey[900] : e.palette.common.white};`} */
-  @media (max-width: ${({ theme: t }) => t.breakpoints.values[It]}px) {
+  @media (max-width: ${({ theme: t }) => t.breakpoints.values[Pt]}px) {
     padding: 1.5rem 2rem;
   }
   @media (max-width: ${({ theme: t }) => t.breakpoints.values.sm}px) {
@@ -1372,39 +1372,39 @@ const Oo = $(J)`
     }
   }
 
-  @media (min-width: ${({ theme: t }) => t.breakpoints.values[It]}px) {
+  @media (min-width: ${({ theme: t }) => t.breakpoints.values[Pt]}px) {
     padding: 2rem 2rem;
     text-align: left;
     box-sizing: border-box;
   }
 `;
-function Ho({
+function Un({
   title: t,
   titleProps: e = {},
-  description: n,
-  descriptionProps: i = {},
-  image: r,
+  description: o,
+  descriptionProps: r = {},
+  image: i,
   imageMeta: s,
   className: a = "",
   align: c,
   hoverStyle: l,
   ...d
 }) {
-  return /* @__PURE__ */ _(Ao, { className: k("card-simple", a, `hover-style__${l}`), align: c, ...d, children: [
-    r && /* @__PURE__ */ o(E, { icon: r, color: "primary.main", imageMeta: s }),
-    t || n ? /* @__PURE__ */ o(
-      q,
+  return /* @__PURE__ */ _(Fn, { className: k("card-simple", a, `hover-style__${l}`), align: c, ...d, children: [
+    i && /* @__PURE__ */ n(z, { icon: i, color: "primary.main", imageMeta: s }),
+    t || o ? /* @__PURE__ */ n(
+      K,
       {
         align: c,
         title: t,
         titleProps: e,
-        description: n,
-        descriptionProps: i
+        description: o,
+        descriptionProps: r
       }
     ) : null
   ] });
 }
-const Ao = $(J)`
+const Fn = $(J)`
   ${({ dark: t, theme: e }) => `background-color:${t ? e.palette.grey[900] : e.palette.common.white};`}
 
   &.hover-style__default {
@@ -1490,22 +1490,22 @@ const Ao = $(J)`
     }
   }
 `;
-function Mo({ type: t = "default", ...e }) {
-  const i = {
-    article: Ro,
-    simple: Ho,
-    news: Lo,
-    default: Nt,
-    wall: zo
-  }[t] || Nt;
-  return /* @__PURE__ */ o(i, { ...t === "news" ? e : qt(e, "iconSize") });
-}
-function Uo({
+function Vn({ type: t = "default", ...e }) {
+  const r = {
+    article: zn,
+    simple: Un,
+    news: An,
+    default: It,
+    wall: On
+  }[t] || It;
+  return /* @__PURE__ */ n(r, { ...t === "news" ? e : Ut(e, "iconSize") });
+}
+function Gn({
   list: t = [],
   align: e = "top",
-  cards: n,
-  listBorder: i = !0,
-  listType: r = "",
+  cards: o,
+  listBorder: r = !0,
+  listType: i = "",
   col: s = 3,
   gap: a,
   iconColor: c,
@@ -1516,7 +1516,7 @@ function Uo({
   hoverStyle: h,
   ...p
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ n(
     ht,
     {
       type: d,
@@ -1525,15 +1525,15 @@ function Uo({
       gap: a,
       align: e,
       ...p,
-      children: n || t.map((y) => /* @__PURE__ */ o(
-        Mo,
+      children: o || t.map((x) => /* @__PURE__ */ n(
+        Vn,
         {
-          borderColor: i,
+          borderColor: r,
           iconColor: c,
           type: d,
-          listType: r,
+          listType: i,
           dark: u,
-          ...y,
+          ...x,
           align: m,
           sx: {
             bgcolor: d === "wall" ? void 0 : u ? "grey.900" : "common.white"
@@ -1544,12 +1544,12 @@ function Uo({
             marginBottom: "-1px"
           } : {}
         },
-        y.id
+        x.id
       ))
     }
   );
 }
-const Fo = [
+const Dn = [
   "align",
   "cards",
   "list",
@@ -1560,7 +1560,7 @@ const Fo = [
   "iconColor",
   "type",
   "textAlign"
-], Vo = $(G)`
+], qn = $(D)`
   a .card {
     color: #404040;
     cursor: pointer;
@@ -1576,14 +1576,14 @@ const Fo = [
     color: #404040;
   }
 `;
-function Go({ className: t, ...e }) {
-  const [n, i] = C(e, V), [r, s] = C(i, Fo);
-  return /* @__PURE__ */ _(Vo, { className: k("section--card-list", t), type: e.type, ...s, children: [
-    Object.keys(n).length > 0 && /* @__PURE__ */ o(F, { center: !0, ...n, className: "mb-[2.5vw]" }),
-    /* @__PURE__ */ o(Uo, { ...r, dark: !!e.dark })
+function Jn({ className: t, ...e }) {
+  const [o, r] = C(e, G), [i, s] = C(r, Dn);
+  return /* @__PURE__ */ _(qn, { className: k("section--card-list", t), type: e.type, ...s, children: [
+    Object.keys(o).length > 0 && /* @__PURE__ */ n(V, { center: !0, ...o, className: "mb-[2.5vw]" }),
+    /* @__PURE__ */ n(Gn, { ...i, dark: !!e.dark })
   ] });
 }
-const Do = $(Go)`
+const Kn = $(Jn)`
   .card__description {
     white-space: pre-wrap;
   }
@@ -1599,100 +1599,100 @@ const Do = $(Go)`
     background: inherit !important;
   }
 `;
-function Jo({ section: t, ...e }) {
-  const [{ editing: n }, i] = C(e, D), r = j(() => {
+function Xn({ section: t, ...e }) {
+  const [{ editing: o }, r] = C(e, q), i = j(() => {
     var s;
     return {
-      ...z(i, ["listBorder", "list", "iconSize", "imageSize"]),
-      list: (s = i.list) == null ? void 0 : s.map((a) => {
+      ...W(r, ["listBorder", "list", "iconSize", "imageSize"]),
+      list: (s = r.list) == null ? void 0 : s.map((a) => {
         var c, l;
         return {
-          ...z(a, "icon", "iconColor"),
-          image: ["news", "simple", "default"].includes(i.type) && a.icon ? a.icon : a.image,
-          actions: (l = (c = a.actions) == null ? void 0 : c.map) == null ? void 0 : l.call(c, (d) => /* @__PURE__ */ o(oe, { ...d, editing: n }, d.id)),
-          border: i.listBorder,
-          iconSize: i.iconSize,
-          imageSize: i.imageSize,
-          hoverStyle: i.hoverStyle
+          ...W(a, "icon", "iconColor"),
+          image: ["news", "simple", "default"].includes(r.type) && a.icon ? a.icon : a.image,
+          actions: (l = (c = a.actions) == null ? void 0 : c.map) == null ? void 0 : l.call(c, (d) => /* @__PURE__ */ n(oe, { ...d, editing: o }, d.id)),
+          border: r.listBorder,
+          iconSize: r.iconSize,
+          imageSize: r.imageSize,
+          hoverStyle: r.hoverStyle
         };
       })
     };
-  }, [i]);
-  return /* @__PURE__ */ o(Do, { style: n ? { pointerEvents: "none" } : {}, ...r });
+  }, [r]);
+  return /* @__PURE__ */ n(Kn, { style: o ? { pointerEvents: "none" } : {}, ...i });
 }
-function qo({
+function Yn({
   properties: t,
   section: e,
-  locale: n,
-  dev: i
+  locale: o,
+  dev: r
 }) {
-  var r;
-  return (r = e == null ? void 0 : e.config) != null && r.componentId ? /* @__PURE__ */ o(
-    Je,
+  var i;
+  return (i = e == null ? void 0 : e.config) != null && i.componentId ? /* @__PURE__ */ n(
+    Ye,
     {
       instanceId: e.id,
       componentId: e.config.componentId,
       blockletId: e.config.blockletId,
       blockletTitle: e.config.blockletTitle,
       componentName: e.config.componentName,
-      locale: n,
+      locale: o,
       properties: t,
-      dev: i
+      dev: r
     }
-  ) : /* @__PURE__ */ o(b, { textAlign: "center", py: 2, children: /* @__PURE__ */ o(P, { variant: "caption", color: "text.secondary", children: "Please select component to render" }) });
+  ) : /* @__PURE__ */ n(b, { textAlign: "center", py: 2, children: /* @__PURE__ */ n(P, { variant: "caption", color: "text.secondary", children: "Please select component to render" }) });
 }
-function Ko({
+function Qn({
   src: t,
   dataId: e,
-  isEdit: n = !1,
-  height: i = "100%",
-  onLoad: r = () => {
+  isEdit: o = !1,
+  height: r = "100%",
+  onLoad: i = () => {
   }
 }) {
-  return /* @__PURE__ */ o(
-    Ze,
+  return /* @__PURE__ */ n(
+    nn,
     {
-      isEdit: n,
+      isEdit: o,
       embedId: e,
       src: t,
-      height: i,
+      height: r,
       onLoad: () => {
-        r();
+        i();
       }
     }
   );
 }
-function Xo({ dataId: t, src: e, actions: n, center: i, onLoad: r, ...s }) {
-  const [a, c] = C(s, V);
-  return /* @__PURE__ */ _(G, { ...c, children: [
-    Object.keys(a).length > 0 && /* @__PURE__ */ o(F, { center: i, ...a }),
-    /* @__PURE__ */ o(
-      Ko,
+function Zn({ dataId: t, src: e, actions: o, center: r, onLoad: i, ...s }) {
+  const [a, c] = C(s, G);
+  return /* @__PURE__ */ _(D, { ...c, children: [
+    Object.keys(a).length > 0 && /* @__PURE__ */ n(V, { center: r, ...a }),
+    /* @__PURE__ */ n(
+      Qn,
       {
         dataId: t,
         src: e,
-        onLoad: r,
+        onLoad: i,
         height: s.iframeHeight ? `${s.iframeHeight}px` : "100%"
       }
     ),
-    /* @__PURE__ */ o(O, { actions: n, center: i })
+    /* @__PURE__ */ n(O, { actions: o, center: r })
   ] });
 }
-function Yo({ section: t, id: e, src: n, ...i }) {
-  const r = `${e}-${i.locale}`, [{ editing: s }, a] = C(i, D), c = Z({}), l = JSON.parse(JSON.stringify(a)), { message: d } = Xe(r, "server"), u = Ye(JSON.parse(JSON.stringify(a.config) || "{}"));
-  return L(() => {
+function to({ section: t, id: e, src: o, ...r }) {
+  const i = `${e}-${r.locale}`, [{ editing: s }, a] = C(r, q), c = F({}), l = JSON.parse(JSON.stringify(a)), { message: d } = tn(i, "server"), u = _e(JSON.parse(JSON.stringify(a.config) || "{}"));
+  return E(() => {
     d && d.onInit(() => u.current);
-  }, [d]), L(() => {
+  }, [d]), E(() => {
     const m = JSON.parse(JSON.stringify(a.config) || "{}");
-    Qe(c.current, m) || (c.current = m, d == null || d.send("config-set", m));
-  }, [d, a.config]), n ? /* @__PURE__ */ o(Xo, { ...l, dataId: r, src: n, style: s ? { pointerEvents: "none" } : {} }) : /* @__PURE__ */ o(Qo, { children: 'Please set the "src" attribute for this block' });
+    en(c.current, m) || (c.current = m, d == null || d.send("config-set", m));
+  }, [d, a.config]), o ? /* @__PURE__ */ n(Zn, { ...l, dataId: i, src: o, style: s ? { pointerEvents: "none" } : {} }) : /* @__PURE__ */ n(eo, { children: 'Please set the "src" attribute for this block' });
 }
-const Qo = $("div")`
+const eo = $("div")`
   user-select: none;
   color: #999;
   padding: 8px;
   height: 200px;
-`, Zo = [
+`, no = [
   /youtu\.be\/([^#&?]{11})/,
   // youtu.be/<id>
   /\?v=([^#&?]{11})/,
@@ -1704,49 +1704,49 @@ const Qo = $("div")`
   /\/v\/([^#&?]{11})/
   // /v/<id>
 ];
-function tn(t) {
+function oo(t) {
   var e;
   if (/youtu\.?be/.test(t))
-    for (const n of Zo) {
-      const i = (e = n.exec(t)) == null ? void 0 : e[1];
-      if (i)
-        return i;
+    for (const o of no) {
+      const r = (e = o.exec(t)) == null ? void 0 : e[1];
+      if (r)
+        return r;
     }
 }
-function en(t) {
-  const e = tn(t);
+function ro(t) {
+  const e = oo(t);
   if (e)
     return `https://youtube.com/embed/${e}`;
 }
-function on({ src: t }) {
-  return L(() => {
+function io({ src: t }) {
+  return E(() => {
     import("@lottiefiles/lottie-player");
-  }, []), /* @__PURE__ */ o("lottie-player", { autoplay: !0, loop: !0, mode: "normal", src: t });
+  }, []), /* @__PURE__ */ n("lottie-player", { autoplay: !0, loop: !0, mode: "normal", src: t });
 }
-function nn(t) {
-  return /* @__PURE__ */ o(b, { maxHeight: 400, overflow: "hidden auto", children: /* @__PURE__ */ o(to, { ...t }) });
+function so(t) {
+  return /* @__PURE__ */ n(b, { maxHeight: 400, overflow: "hidden auto", children: /* @__PURE__ */ n(on, { ...t }) });
 }
-function rn({ url: t }) {
-  const e = Z(null), n = 495, [i, r] = T(
-    e.current ? e.current.offsetWidth * 0.5625 : n
+function ao({ url: t }) {
+  const e = F(null), o = 495, [r, i] = T(
+    e.current ? e.current.offsetWidth * 0.5625 : o
   ), s = mt(() => {
-    const a = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, c = e.current ? e.current.offsetWidth * 0.5625 : n;
-    return r(Math.floor(c * a));
+    const a = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, c = e.current ? e.current.offsetWidth * 0.5625 : o;
+    return i(Math.floor(c * a));
   }, []);
-  return L(() => {
+  return E(() => {
     window.addEventListener("resize", s);
-    const a = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, c = e.current ? e.current.offsetWidth * 0.5625 : n;
-    return r(Math.floor(c * a)), function() {
+    const a = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, c = e.current ? e.current.offsetWidth * 0.5625 : o;
+    return i(Math.floor(c * a)), function() {
       window.removeEventListener("resize", s);
     };
-  }, [i, s]), /* @__PURE__ */ o(
+  }, [r, s]), /* @__PURE__ */ n(
     b,
     {
       component: "iframe",
       ref: e,
       title: "youtube",
       width: "100%",
-      height: `${i}px`,
+      height: `${r}px`,
       src: t,
       frameBorder: "0",
       allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
@@ -1755,28 +1755,28 @@ function rn({ url: t }) {
     }
   );
 }
-const sn = $(wo)`
+const co = $(_n)`
   .section__description {
   }
 `;
-function an({
+function lo({
   hasImage: t,
   fullSizeImage: e,
-  boxed: n,
-  videoPoster: i,
-  imageMeta: r,
+  boxed: o,
+  videoPoster: r,
+  imageMeta: i,
   imageOptimization: s,
   imageSize: a,
   section: c,
   ...l
 }) {
-  var p, y;
-  const [{ editing: d }, u] = C({ ...l, boxed: e ? void 0 : n }, D);
-  let m = cn(u.image, i, e, r, s, a);
+  var p, x;
+  const [{ editing: d }, u] = C({ ...l, boxed: e ? void 0 : o }, q);
+  let m = mo(u.image, r, e, i, s, a);
   t || (m = null);
   let h = null;
-  return u.actions && (h = (y = (p = u.actions) == null ? void 0 : p.map) == null ? void 0 : y.call(p, (x, f) => /* @__PURE__ */ o(oe, { ...x, editing: d }, f))), /* @__PURE__ */ o(
-    sn,
+  return u.actions && (h = (x = (p = u.actions) == null ? void 0 : p.map) == null ? void 0 : x.call(p, (y, f) => /* @__PURE__ */ n(oe, { ...y, editing: d }, f))), /* @__PURE__ */ n(
+    co,
     {
       ...u,
       style: d ? { pointerEvents: "none" } : {},
@@ -1786,18 +1786,18 @@ function an({
     }
   );
 }
-function cn(t, e, n, i, r, s) {
+function mo(t, e, o, r, i, s) {
   if (t) {
     if (t.endsWith(".json"))
-      return /* @__PURE__ */ o(on, { src: t });
+      return /* @__PURE__ */ n(io, { src: t });
     if (t.indexOf("twitter.com") !== -1)
-      return /* @__PURE__ */ o(nn, { sourceType: "url", url: t });
-    const a = en(t);
+      return /* @__PURE__ */ n(so, { sourceType: "url", url: t });
+    const a = ro(t);
     if (a)
-      return /* @__PURE__ */ o(rn, { url: a });
-    const { naturalWidth: c, naturalHeight: l, filename: d } = i || {};
+      return /* @__PURE__ */ n(ao, { url: a });
+    const { naturalWidth: c, naturalHeight: l, filename: d } = r || {};
     if (it(t))
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ n(
         "video",
         {
           width: c && `${c}px`,
@@ -1812,21 +1812,21 @@ function cn(t, e, n, i, r, s) {
             width: "100%",
             height: "100%"
           },
-          poster: R(N(e), n ? 1200 : 540, r),
-          children: /* @__PURE__ */ o("source", { src: N(t), type: fo(t) })
+          poster: R(N(e), o ? 1200 : 540, i),
+          children: /* @__PURE__ */ n("source", { src: N(t), type: bn(t) })
         },
         t
       );
-    const u = r === "quality" ? 1 : 0.6;
-    return /* @__PURE__ */ o(
-      Dt,
+    const u = i === "quality" ? 1 : 0.6;
+    return /* @__PURE__ */ n(
+      Jt,
       {
         src: N(t),
         sizesAttr: {
           sm: 600 * u,
           md: 450 * u,
           lg: 540 * u,
-          ...n && {
+          ...o && {
             md: 900 * u,
             lg: 1200 * u
           }
@@ -1841,30 +1841,30 @@ function cn(t, e, n, i, r, s) {
   }
   return null;
 }
-const ln = ["production", "draft"];
-function dn({ mode: t, version: e } = {}) {
-  const n = e && typeof e == "number" ? { mode: t, version: e } : { mode: t };
-  return ct.get(`/api/${lt()}/pages`, { params: n }).then((i) => i.data);
+const uo = ["production", "draft"];
+function po({ mode: t, version: e } = {}) {
+  const o = e && typeof e == "number" ? { mode: t, version: e } : { mode: t };
+  return ct.get(`/api/${lt()}/pages`, { params: o }).then((r) => r.data);
 }
-function Cr({ mode: t, pages: e }) {
-  return ct.post(`/api/${lt()}/pages/publish`, { mode: t, pages: e }).then((n) => n.data);
+function Pr({ mode: t, pages: e }) {
+  return ct.post(`/api/${lt()}/pages/publish`, { mode: t, pages: e }).then((o) => o.data);
 }
-function mn({
+function ho({
   locale: t,
   sort: e,
-  page: n,
-  limit: i,
-  mode: r
+  page: o,
+  limit: r,
+  mode: i
 } = {}) {
-  return ct.get(`/api/${lt()}/pages/toc`, { params: { locale: t, sort: e, page: n, limit: i, mode: r } }).then((s) => s.data);
+  return ct.get(`/api/${lt()}/pages/toc`, { params: { locale: t, sort: e, page: o, limit: r, mode: i } }).then((s) => s.data);
 }
-const Pt = 20;
-function un({ style: t, sort: e, section: n, ...i }) {
-  const [{ editing: r, locale: s }, a] = C(i, D), [c, l] = C(a, V), [d, u] = T(), m = Z(!1), h = We(), p = Be(), y = mt(async () => {
+const jt = 20;
+function fo({ style: t, sort: e, section: o, ...r }) {
+  const [{ editing: i, locale: s }, a] = C(r, q), [c, l] = C(a, G), [d, u] = T(), m = F(!1), h = Ae(), p = ze(), x = mt(async () => {
     if (!m.current) {
       m.current = !0, h();
       try {
-        const x = d ? Math.floor(d.list.length / Pt) + 1 : 1, { list: f, total: w } = await mn({ locale: s, sort: e, page: x, limit: Pt });
+        const y = d ? Math.floor(d.list.length / jt) + 1 : 1, { list: f, total: w } = await ho({ locale: s, sort: e, page: y, limit: jt });
         u((g) => ({
           list: ((g == null ? void 0 : g.list) ?? []).concat(f),
           total: w
@@ -1874,45 +1874,45 @@ function un({ style: t, sort: e, section: n, ...i }) {
       }
     }
   }, [d, s, e, h]);
-  return Le(() => {
-    y();
-  }), /* @__PURE__ */ _(G, { ...l, sx: r ? { pointerEvents: "none" } : {}, children: [
-    Object.keys(c).length > 0 && /* @__PURE__ */ o(F, { ...c }),
+  return Me(() => {
+    x();
+  }), /* @__PURE__ */ _(D, { ...l, sx: i ? { pointerEvents: "none" } : {}, children: [
+    Object.keys(c).length > 0 && /* @__PURE__ */ n(V, { ...c }),
     d ? /* @__PURE__ */ _(U, { children: [
-      /* @__PURE__ */ o(vt, { container: !0, spacing: 2, justifyContent: "center", children: d == null ? void 0 : d.list.map((x) => /* @__PURE__ */ o(vt, { item: !0, xs: 12, sm: t === "card" ? 6 : 12, md: t === "card" ? 3 : 12, children: /* @__PURE__ */ _(
-        pn,
+      /* @__PURE__ */ n(vt, { container: !0, spacing: 2, justifyContent: "center", children: d == null ? void 0 : d.list.map((y) => /* @__PURE__ */ n(vt, { item: !0, xs: 12, sm: t === "card" ? 6 : 12, md: t === "card" ? 3 : 12, children: /* @__PURE__ */ _(
+        go,
         {
           elevation: 0,
           className: k(t === "card" && "style-card"),
-          onClick: r ? void 0 : () => p(x.slug),
+          onClick: i ? void 0 : () => p(y.slug),
           children: [
-            !!x.image && /* @__PURE__ */ o(
-              ye,
+            !!y.image && /* @__PURE__ */ n(
+              we,
               {
                 component: "img",
                 alt: "",
-                image: R(N(x.image), 540),
+                image: R(N(y.image), 540),
                 loading: "lazy"
               }
             ),
-            /* @__PURE__ */ _(we, { children: [
-              /* @__PURE__ */ o(P, { variant: "h6", component: "div", className: jt, children: x.title || x.id }),
-              /* @__PURE__ */ o(P, { variant: "body2", className: jt, children: x.description })
+            /* @__PURE__ */ _(ve, { children: [
+              /* @__PURE__ */ n(P, { variant: "h6", component: "div", className: Bt, children: y.title || y.id }),
+              /* @__PURE__ */ n(P, { variant: "body2", className: Bt, children: y.description })
             ] })
           ]
         }
-      ) }, x.id)) }),
-      /* @__PURE__ */ o(b, { textAlign: "center", mt: 2, children: d.total > d.list.length ? /* @__PURE__ */ o(M, { variant: "outlined", color: "secondary", onClick: y, loading: m.current, children: "More" }) : /* @__PURE__ */ o(M, { variant: "outlined", color: "secondary", disabled: !0, children: "No More" }) })
-    ] }) : /* @__PURE__ */ o(b, { p: 2, textAlign: "center", children: /* @__PURE__ */ o(At, { size: 24 }) })
+      ) }, y.id)) }),
+      /* @__PURE__ */ n(b, { textAlign: "center", mt: 2, children: d.total > d.list.length ? /* @__PURE__ */ n(M, { variant: "outlined", color: "secondary", onClick: x, loading: m.current, children: "More" }) : /* @__PURE__ */ n(M, { variant: "outlined", color: "secondary", disabled: !0, children: "No More" }) })
+    ] }) : /* @__PURE__ */ n(b, { p: 2, textAlign: "center", children: /* @__PURE__ */ n(Mt, { size: 24 }) })
   ] });
 }
-const jt = ot`
+const Bt = nt`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   text-overflow: ellipsis;
-`, pn = $(be)`
+`, go = $(ye)`
   border: 1px solid #e0e0e0;
   background-color: transparent;
   cursor: pointer;
@@ -1932,34 +1932,34 @@ const jt = ot`
       max-height: 50vw;
     }
   }
-`, hn = {
-  iframe: Yo,
-  section: an,
-  "section-card-list": Jo,
-  toc: un,
-  "ai-runtime": _o,
-  "custom-component": qo
+`, xo = {
+  iframe: to,
+  section: lo,
+  "section-card-list": Xn,
+  toc: fo,
+  "ai-runtime": Cn,
+  "custom-component": Yn
 };
-function fn({ id: t, type: e, mode: n, config: i, section: r, ...s }) {
-  const a = hn[e], c = a && /* @__PURE__ */ o(a, { mode: n, ...i, id: t, section: r });
-  return e === "custom-component" ? c : /* @__PURE__ */ o(vo, { ...s, height: i.height, children: c });
+function bo({ id: t, type: e, mode: o, config: r, section: i, ...s }) {
+  const a = xo[e], c = a && /* @__PURE__ */ n(a, { mode: o, ...r, id: t, section: i });
+  return e === "custom-component" ? c : /* @__PURE__ */ n($n, { ...s, height: r.height, children: c });
 }
-const gn = $(eo, { shouldForwardProp: (t) => !!t })`
+const yo = $(rn, { shouldForwardProp: (t) => !!t })`
   & > div > .MuiContainer-root {
     max-width: unset;
   }
 `;
-function xn({ meta: t, ...e }) {
-  const n = pt();
-  return /* @__PURE__ */ o(gn, { ...e, meta: t, theme: n || {} });
+function wo({ meta: t, ...e }) {
+  const o = pt();
+  return /* @__PURE__ */ n(yo, { ...e, meta: t, theme: o || {} });
 }
-function bn(t) {
-  return /* @__PURE__ */ o(b, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ o(At, { size: 30 }) });
+function vo(t) {
+  return /* @__PURE__ */ n(b, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ n(Mt, { size: 30 }) });
 }
-function yn(t) {
-  return /* @__PURE__ */ o(wn, { ...t });
+function ko(t) {
+  return /* @__PURE__ */ n(_o, { ...t });
 }
-const wn = $(b)`
+const _o = $(b)`
   position: fixed;
   left: 0;
   top: 0;
@@ -1970,8 +1970,8 @@ const wn = $(b)`
   opacity: 0.7;
   transform: translateX(-23%) translateY(70%) rotate(-45deg);
   pointer-events: none;
-`, vn = (t) => new Promise((e, n) => {
-  (t == null ? void 0 : t.length) > 0 ? oo.load({
+`, $o = (t) => new Promise((e, o) => {
+  (t == null ? void 0 : t.length) > 0 ? sn.load({
     google: {
       families: t
     },
@@ -1979,120 +1979,120 @@ const wn = $(b)`
       e("success");
     },
     fontinactive: () => {
-      n(new Error("load font fail"));
+      o(new Error("load font fail"));
     }
   }) : e("success");
-}), Bt = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`, Rt = {};
-function kn({
+}), Rt = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`, Tt = {};
+function So({
   titleFontFamily: t,
   descriptionFontFamily: e
 }) {
-  const n = async (i) => {
-    if (i && !document.querySelectorAll(`link[href*="${i}" i]`).length)
+  const o = async (r) => {
+    if (r && !document.querySelectorAll(`link[href*="${r}" i]`).length)
       try {
-        Rt[i] || (await vn([i]), Rt[i] = !0);
-      } catch (r) {
-        console.error(r);
+        Tt[r] || (await $o([r]), Tt[r] = !0);
+      } catch (i) {
+        console.error(i);
       }
   };
-  return L(() => {
-    t && n(t), e && n(e);
-  }, [t, e]), /* @__PURE__ */ o(
-    Wt,
+  return E(() => {
+    t && o(t), e && o(e);
+  }, [t, e]), /* @__PURE__ */ n(
+    Lt,
     {
-      styles: Lt`
+      styles: Ot`
         #app {
           .page-kit-section__title {
-            font-family: ${JSON.stringify(t)}, ${Bt};
+            font-family: ${JSON.stringify(t)}, ${Rt};
           }
 
           .page-kit-section__description {
-            font-family: ${JSON.stringify(e)}, ${Bt};
+            font-family: ${JSON.stringify(e)}, ${Rt};
           }
         }
       `
     }
   );
 }
-const { SessionProvider: Nr, SessionContext: _n, SessionConsumer: Ir, withSession: Pr } = no();
+const { SessionProvider: jr, SessionContext: Co, SessionConsumer: Br, withSession: Rr } = an();
 function gt() {
-  return Ft(_n);
+  return Gt(Co);
 }
-function $n(...t) {
-  var n;
+function No(...t) {
+  var o;
   const { session: e } = gt();
-  return t.includes((n = e.user) == null ? void 0 : n.role);
+  return t.includes((o = e.user) == null ? void 0 : o.role);
 }
-function Sn(...t) {
-  var i;
-  const { session: e } = gt(), n = $n(...t);
-  return ((i = window.blocklet) == null ? void 0 : i.tenantMode) === "multiple" ? !!e.user : n;
+function Io(...t) {
+  var r;
+  const { session: e } = gt(), o = No(...t);
+  return ((r = window.blocklet) == null ? void 0 : r.tenantMode) === "multiple" ? !!e.user : o;
 }
-function Cn(t) {
+function Po(t) {
   return t != null;
 }
-function jr() {
-  const [t] = Re(), { session: e } = gt(), n = Sn("owner", "admin", "pagesEditor", "member"), i = j(() => {
+function Tr() {
+  const [t] = We(), { session: e } = gt(), o = Io("owner", "admin", "pagesEditor", "member"), r = j(() => {
     const s = t.get("mode");
-    return ln.includes(s) ? s : "production";
-  }, [t]), r = i === "production" ? i : e.user ? n ? i : "production" : null;
-  return r ? /* @__PURE__ */ o(Nn, { mode: r }) : null;
+    return uo.includes(s) ? s : "production";
+  }, [t]), i = r === "production" ? r : e.user ? o ? r : "production" : null;
+  return i ? /* @__PURE__ */ n(jo, { mode: i }) : null;
 }
-function Nn({ mode: t }) {
+function jo({ mode: t }) {
   if (t !== "draft") {
     const e = window.__PAGE_STATE__;
-    return e ? /* @__PURE__ */ o(et, { mode: t, state: e }) : /* @__PURE__ */ o(Pn, { mode: t, children: ({ state: n }) => /* @__PURE__ */ o(et, { mode: t, state: n }) });
+    return e ? /* @__PURE__ */ n(et, { mode: t, state: e }) : /* @__PURE__ */ n(Ro, { mode: t, children: ({ state: o }) => /* @__PURE__ */ n(et, { mode: t, state: o }) });
   }
-  return /* @__PURE__ */ o(In, { children: ({ state: e }) => /* @__PURE__ */ o(et, { mode: t, state: e }) });
+  return /* @__PURE__ */ n(Bo, { children: ({ state: e }) => /* @__PURE__ */ n(et, { mode: t, state: e }) });
 }
-const In = Vt(() => import("./draft-data-BR6QMafP.mjs"));
-function Pn({
+const Bo = Dt(() => import("./draft-data-Bbv-4GaF.mjs"));
+function Ro({
   mode: t,
   children: e
 }) {
-  const n = document.querySelector('meta[property="pages:version"]'), i = n == null ? void 0 : n.content, r = le(), s = j(() => {
-    if (i === "{{pagesPublishedAt}}") {
-      const l = localStorage.getItem(de(r ?? ""));
+  const o = document.querySelector('meta[property="pages:version"]'), r = o == null ? void 0 : o.content, i = de(), s = j(() => {
+    if (r === "{{pagesPublishedAt}}") {
+      const l = localStorage.getItem(me(i ?? ""));
       return Number(l) ? Number(l) : (/* @__PURE__ */ new Date()).getTime();
     }
-    return Number(i);
-  }, [i]), { loading: a, value: c } = Gt(() => dn({ mode: t, version: s }), [t, s]);
-  return a ? /* @__PURE__ */ o(bn, {}) : c ? e({ state: c }) : null;
+    return Number(r);
+  }, [r]), { loading: a, value: c } = qt(() => po({ mode: t, version: s }), [t, s]);
+  return a ? /* @__PURE__ */ n(vo, {}) : c ? e({ state: c }) : null;
 }
 function et({ mode: t, state: e }) {
-  var y, x, f, w;
-  const { t: n, locale: i } = Et(), {
-    pageIds: r,
+  var x, y, f, w;
+  const { t: o, locale: r } = zt(), {
+    pageIds: i,
     pages: s,
     supportedLocales: a,
     config: { defaultLocale: c },
     resources: l
-  } = e, d = Tt(e), u = j(
-    () => a != null && a.some((g) => g.locale === i) ? i : void 0,
-    [i, a]
+  } = e, d = Et(e), u = j(
+    () => a != null && a.some((g) => g.locale === r) ? r : void 0,
+    [r, a]
   ), m = Object.values(s).find((g) => (g == null ? void 0 : g.slug) === "/") ? void 0 : Object.values(s)[0], h = j(
-    () => r.map((g) => {
+    () => i.map((g) => {
       const v = s[g];
       return v && {
         id: v.id,
-        path: Y("/", u || "", v.slug, t !== "production" ? `?mode=${t}` : "")
+        path: Q("/", u || "", v.slug, t !== "production" ? `?mode=${t}` : "")
       };
-    }).filter(Cn),
-    [r, s, u, t]
+    }).filter(Po),
+    [i, s, u, t]
   ), p = ([...g]) => (t !== "production" && g.unshift(
-    /* @__PURE__ */ o(Ne, { fallback: /* @__PURE__ */ o("div", {}), children: /* @__PURE__ */ o(jn, { mode: "production", state: e }) })
+    /* @__PURE__ */ n(Be, { fallback: /* @__PURE__ */ n("div", {}), children: /* @__PURE__ */ n(To, { mode: "production", state: e }) })
   ), g);
-  return /* @__PURE__ */ _($o, { value: { pages: h }, children: [
-    /* @__PURE__ */ _(Te, { children: [
-      m && /* @__PURE__ */ o(X, { index: !0, element: /* @__PURE__ */ o(Ee, { to: Y("/", u || "", m.slug) }) }),
-      r.map((g) => {
+  return /* @__PURE__ */ _(Nn, { value: { pages: h }, children: [
+    /* @__PURE__ */ _(Le, { children: [
+      m && /* @__PURE__ */ n(Y, { index: !0, element: /* @__PURE__ */ n(Oe, { to: Q("/", u || "", m.slug) }) }),
+      i.map((g) => {
         const v = s[g];
-        return v ? /* @__PURE__ */ o(
-          X,
+        return v ? /* @__PURE__ */ n(
+          Y,
           {
-            path: Y(":projectIdOrSlug?", v.slug),
-            element: /* @__PURE__ */ o(
+            path: Q(":projectIdOrSlug?", v.slug),
+            element: /* @__PURE__ */ n(
               at,
               {
                 mode: t,
@@ -2107,11 +2107,11 @@ function et({ mode: t, state: e }) {
           v.id
         ) : null;
       }),
-      l.pages && Object.values(l.pages).map(({ blockletId: g, page: v }) => /* @__PURE__ */ o(
-        X,
+      l.pages && Object.values(l.pages).map(({ blockletId: g, page: v }) => /* @__PURE__ */ n(
+        Y,
         {
-          path: Y("/", `@${g}`, v.slug),
-          element: /* @__PURE__ */ o(
+          path: Q("/", `@${g}`, v.slug),
+          element: /* @__PURE__ */ n(
             at,
             {
               mode: t,
@@ -2125,180 +2125,196 @@ function et({ mode: t, state: e }) {
         },
         v.id
       )),
-      /* @__PURE__ */ o(
-        X,
+      /* @__PURE__ */ n(
+        Y,
         {
           path: "*",
-          element: /* @__PURE__ */ o(b, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ o(zt, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ o(re, { href: "/", children: n("common.back") }) }) })
+          element: /* @__PURE__ */ n(b, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(Wt, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ n(ie, { href: "/", children: o("common.back") }) }) })
         }
       )
     ] }),
-    t !== "production" && /* @__PURE__ */ o(yn, { sx: { bgcolor: "info.light" }, children: t }),
-    /* @__PURE__ */ o(
-      kn,
+    t !== "production" && /* @__PURE__ */ n(ko, { sx: { bgcolor: "info.light" }, children: t }),
+    /* @__PURE__ */ n(
+      So,
       {
-        titleFontFamily: (x = (y = e.config) == null ? void 0 : y.fontFamily) == null ? void 0 : x.title,
+        titleFontFamily: (y = (x = e.config) == null ? void 0 : x.fontFamily) == null ? void 0 : y.title,
         descriptionFontFamily: (w = (f = e.config) == null ? void 0 : f.fontFamily) == null ? void 0 : w.description
       }
     )
   ] });
 }
-function Br({
+function Er({
   mode: t,
   state: e,
-  path: n,
-  pageData: i
+  path: o,
+  pageData: r
 }) {
-  const { t: r, locale: s } = Et(), {
+  const { t: i, locale: s } = zt(), {
     pages: a,
     supportedLocales: c,
     config: { defaultLocale: l },
     resources: d
-  } = e, u = Object.values(a).find((x) => (x == null ? void 0 : x.slug) === n), m = Object.values(d.pages || {}).find((x) => x.page.slug === n), h = j(
-    () => c != null && c.some((x) => x.locale === s) ? s : void 0,
+  } = e, u = Object.values(a).find((f) => (f == null ? void 0 : f.slug) === o), m = Object.values(d.pages || {}).find((f) => f.page.slug === o), h = j(
+    () => c != null && c.some((f) => f.locale === s) ? s : void 0,
     [s, c]
-  );
-  if (!u && !(m != null && m.page))
-    return /* @__PURE__ */ o(b, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ o(zt, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ o(re, { href: "/", children: r("common.back") }) }) });
-  const p = u || (m == null ? void 0 : m.page);
-  i && ro(p, e, h, i);
-  const y = Tt(e);
-  return /* @__PURE__ */ o(at, { mode: t, components: y, page: p, locale: h, defaultLocale: l });
+  ), p = $e({
+    page: null
+  });
+  E(() => {
+    const f = u || (m == null ? void 0 : m.page) || null;
+    f ? p.page = kt(f) : p.page = null;
+  }, [u, m]);
+  const x = F();
+  if (E(() => {
+    Ce(r, x.current) || r && p.page && (cn(p.page, e, h, r), x.current = kt(r));
+  }, [{}]), !u && !(m != null && m.page))
+    return /* @__PURE__ */ n(b, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(Wt, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ n(ie, { href: "/", children: i("common.back") }) }) });
+  const y = Et(e);
+  return p.page ? /* @__PURE__ */ n(
+    at,
+    {
+      mode: t,
+      components: y,
+      page: p.page,
+      locale: h,
+      defaultLocale: l
+    }
+  ) : null;
 }
 function at({
   mode: t,
   components: e,
-  page: n,
-  locale: i,
-  defaultLocale: r,
+  page: o,
+  locale: r,
+  defaultLocale: i,
   headerAddons: s
 }) {
-  var f, w, g, v, I, H, K, xt, bt;
-  const a = ((f = n.locales) == null ? void 0 : f[i]) ?? ((w = n.locales) == null ? void 0 : w[r]) ?? {}, c = a.title || ((g = window.blocklet) == null ? void 0 : g.appName), l = a.description || ((v = window.blocklet) == null ? void 0 : v.appDescription), d = R(N(a.image), 540), { logo: u, brand: m, description: h, ...p } = me(), y = j(
-    () => (W) => {
+  var f, w, g, v, I, H, X, xt, bt;
+  const a = ((f = o.locales) == null ? void 0 : f[r]) ?? ((w = o.locales) == null ? void 0 : w[i]) ?? {}, c = a.title || ((g = window.blocklet) == null ? void 0 : g.appName), l = a.description || ((v = window.blocklet) == null ? void 0 : v.appDescription), d = R(N(a.image), 540), { logo: u, brand: m, description: h, ...p } = ue(), x = j(
+    () => (L) => {
       var A;
-      let S = (s == null ? void 0 : s(W)) ?? W;
+      let S = (s == null ? void 0 : s(L)) ?? L;
       return S = ((A = p.addons) == null ? void 0 : A.call(p, S)) ?? S, S;
     },
     [p.addons, s]
-  ), x = (I = a.header) != null && I.translucent ? Rn : ne;
+  ), y = (I = a.header) != null && I.translucent ? zo : re;
   return /* @__PURE__ */ _(U, { children: [
-    !!a.backgroundColor && /* @__PURE__ */ o(
-      Wt,
+    !!a.backgroundColor && /* @__PURE__ */ n(
+      Lt,
       {
-        styles: Lt`
+        styles: Ot`
             body {
               background-color: ${a.backgroundColor} !important;
             }
           `
       }
     ),
-    /* @__PURE__ */ o(
-      x,
+    /* @__PURE__ */ n(
+      y,
       {
         hideNavMenu: !!((H = a.header) != null && H.hideNavMenus),
-        translucentTextColor: (K = a.header) == null ? void 0 : K.translucentTextColor,
+        translucentTextColor: (X = a.header) == null ? void 0 : X.translucentTextColor,
         ...u ? { logo: u } : {},
         ...m ? { brand: m } : {},
         ...h ? { description: h } : {},
         className: k(((xt = a.header) == null ? void 0 : xt.sticky) && "sticky", "page-header"),
         maxWidth: !1,
-        addons: y
+        addons: x
       }
     ),
-    /* @__PURE__ */ o(ze, {}),
-    /* @__PURE__ */ _(Ie, { children: [
-      /* @__PURE__ */ o("title", { children: c }),
-      /* @__PURE__ */ o("meta", { name: "og:title", content: c }),
-      /* @__PURE__ */ o("meta", { name: "og:description", content: l }),
-      /* @__PURE__ */ o("meta", { name: "og:image", content: d }),
-      /* @__PURE__ */ o("meta", { name: "twitter:image:src", content: d }),
-      /* @__PURE__ */ o("meta", { name: "twitter:image", content: d }),
-      /* @__PURE__ */ o("meta", { property: "twitter:description", content: l }),
-      /* @__PURE__ */ o("meta", { property: "twitter:title", content: c }),
-      /* @__PURE__ */ o("meta", { name: "description", content: l })
+    /* @__PURE__ */ n(He, {}),
+    /* @__PURE__ */ _(Re, { children: [
+      /* @__PURE__ */ n("title", { children: c }),
+      /* @__PURE__ */ n("meta", { name: "og:title", content: c }),
+      /* @__PURE__ */ n("meta", { name: "og:description", content: l }),
+      /* @__PURE__ */ n("meta", { name: "og:image", content: d }),
+      /* @__PURE__ */ n("meta", { name: "twitter:image:src", content: d }),
+      /* @__PURE__ */ n("meta", { name: "twitter:image", content: d }),
+      /* @__PURE__ */ n("meta", { property: "twitter:description", content: l }),
+      /* @__PURE__ */ n("meta", { property: "twitter:title", content: c }),
+      /* @__PURE__ */ n("meta", { name: "description", content: l })
     ] }),
-    /* @__PURE__ */ o(dt, { flexGrow: 1, children: n.sectionIds.map((W) => {
+    /* @__PURE__ */ n(dt, { flexGrow: 1, children: o.sectionIds.map((L) => {
       var yt, wt;
-      const S = n.sections[W];
+      const S = o.sections[L];
       if (!S || S.visibility === "hidden") return null;
-      const A = (yt = S.locales) == null ? void 0 : yt[i], ie = ((wt = S.locales) == null ? void 0 : wt[r]) ?? {};
-      return /* @__PURE__ */ o(
-        fn,
+      const A = (yt = S.locales) == null ? void 0 : yt[r], se = ((wt = S.locales) == null ? void 0 : wt[i]) ?? {};
+      return /* @__PURE__ */ n(
+        bo,
         {
-          id: W,
+          id: L,
           type: S.component,
           mode: t,
           section: S,
           config: {
-            ..._e(A) ? ie : A,
-            locale: i,
+            ...Ne(A) ? se : A,
+            locale: r,
             dev: t === "draft" ? {
               mode: t,
               components: e,
-              defaultLocale: r
+              defaultLocale: i
             } : { mode: t }
           }
         },
-        W
+        L
       );
     }) }),
-    !((bt = a.footer) != null && bt.hidden) && /* @__PURE__ */ o(xn, {})
+    !((bt = a.footer) != null && bt.hidden) && /* @__PURE__ */ n(wo, {})
   ] });
 }
-const jn = Vt(() => import("./publish-button-CKgx9XuN.mjs")), ne = Ot(ue)`
+const To = Dt(() => import("./publish-button-B0t_3Z4M.mjs")), re = Ht(pe)`
   &.sticky {
     position: sticky;
     top: 0;
   }
 `;
-function Bn({ logo: t }) {
-  const [e, n] = T(), { value: i } = Gt(() => new Promise((r) => {
+function Eo({ logo: t }) {
+  const [e, o] = T(), { value: r } = qt(() => new Promise((i) => {
     fetch("/.well-known/service/blocklet/logo-rect").then((s) => {
       const a = s.headers.get("content-type");
       a != null && a.includes("svg") && s.text().then((c) => {
-        n(c), r(null);
-      }), r(s.url);
+        o(c), i(null);
+      }), i(s.url);
     });
   }), []);
   if (t)
     return t;
   if (e)
-    return /* @__PURE__ */ o(b, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: ke.sanitize(e) } });
-  if (i) {
-    const r = new URL(i);
-    r.searchParams.set("imageFilter", "convert"), r.searchParams.set("f", "png"), r.searchParams.set("h", "88"), r.searchParams.set("hash", "00c22ff");
-    const s = r.toString();
-    return /* @__PURE__ */ o("img", { src: s, alt: "logo" });
+    return /* @__PURE__ */ n(b, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Se.sanitize(e) } });
+  if (r) {
+    const i = new URL(r);
+    i.searchParams.set("imageFilter", "convert"), i.searchParams.set("f", "png"), i.searchParams.set("h", "88"), i.searchParams.set("hash", "00c22ff");
+    const s = i.toString();
+    return /* @__PURE__ */ n("img", { src: s, alt: "logo" });
   }
   return null;
 }
-function Rn({
+function zo({
   logo: t,
   translucentTextColor: e,
-  ...n
+  ...o
 }) {
-  const { y: i } = Oe();
-  let r = Math.min(i / 800, 1), s = "";
-  if (r > 0.1) {
-    r = Math.max(r, 0.6);
-    const a = Math.round(255 * Math.min(1 - r, 0.2));
+  const { y: r } = Ue();
+  let i = Math.min(r / 800, 1), s = "";
+  if (i > 0.1) {
+    i = Math.max(i, 0.6);
+    const a = Math.round(255 * Math.min(1 - i, 0.2));
     s = `rgb(${a}, ${a}, ${a})`;
   } else
     s = e || "#EEEEEE";
-  return /* @__PURE__ */ o(
-    ne,
+  return /* @__PURE__ */ n(
+    re,
     {
-      logo: /* @__PURE__ */ o(Bn, { logo: t }),
-      ...n,
-      className: k(r <= 0.7 && "reverse-color"),
+      logo: /* @__PURE__ */ n(Eo, { logo: t }),
+      ...o,
+      className: k(i <= 0.7 && "reverse-color"),
       style: {
-        backgroundColor: `rgba(255,255,255,${r})`,
+        backgroundColor: `rgba(255,255,255,${i})`,
         // @ts-ignore
-        "--logo-invert": r <= 0.7 ? 1 - r / 6 : 1 - r
+        "--logo-invert": i <= 0.7 ? 1 - i / 6 : 1 - i
       },
       sx: {
-        backdropFilter: r >= 0.6 ? "blur(10px)" : "blur(0px)",
+        backdropFilter: i >= 0.6 ? "blur(10px)" : "blur(0px)",
         transition: "all 0.3s ease",
         position: "fixed !important",
         left: 0,
@@ -2320,15 +2336,15 @@ function Rn({
     }
   );
 }
-const re = Ot(ve)``;
+const ie = Ht(ke)``;
 export {
-  jr as H,
-  bn as L,
+  Tr as H,
+  vo as L,
   et as P,
-  Rn as T,
-  Nn as a,
-  Br as b,
+  zo as T,
+  jo as a,
+  Er as b,
   at as c,
-  dn as g,
-  Cr as p
+  po as g,
+  Pr as p
 };