@blocklet/pages-kit-inner-components 0.6.23 → 0.6.24

package/lib/es/chunks/{publish-button-CIVPDQb7.js → publish-button-CaPZ_kmc.js}

@@ -10,8 +10,8 @@ import { produce as De } from "immer";
 import Z from "lodash/difference";
 import { useState as D, useMemo as C, useCallback as O, useImperativeHandle as Oe, useEffect as E, useRef as Ae } from "react";
 import { useAsync as je } from "react-use";
-import { L as ve } from "./home-pT8D7Ttx.js";
-import { p as Ce, g as Re } from "./index-BHQcp5eX.js";
+import { L as ve } from "./home-8eDa8KD4.js";
+import { p as Ce, g as Re } from "./index-MrU6URFS.js";
 function ze(s) {
   const [u, g] = D(!1);
   return /* @__PURE__ */ t(

package/lib/es/home.js

@@ -21,8 +21,8 @@ import "react-helmet";
 import "react-router-dom";
 import "react-use";
 import "ufo";
-import "./chunks/index-BHQcp5eX.js";
-import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-pT8D7Ttx.js";
+import "./chunks/index-MrU6URFS.js";
+import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-8eDa8KD4.js";
 import "./chunks/session-C72Dq8zg.js";
 export {
   R as HomeView,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.6.23",
+  "version": "0.6.24",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -203,8 +203,8 @@
     "yaml": "^2.5.0",
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
-    "@blocklet/pages-kit": "^0.6.23",
-    "@blocklet/pages-kit-block-studio": "^0.6.23"
+    "@blocklet/pages-kit": "^0.6.24",
+    "@blocklet/pages-kit-block-studio": "^0.6.24"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",

package/lib/cjs/chunks/index-7_tPWvdE.js

@@ -1,475 +0,0 @@
-"use strict";var Ve=Object.create;var pe=Object.defineProperty;var Je=Object.getOwnPropertyDescriptor;var Ye=Object.getOwnPropertyNames;var Ke=Object.getPrototypeOf,Xe=Object.prototype.hasOwnProperty;var Qe=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ye(t))!Xe.call(e,i)&&i!==n&&pe(e,i,{get:()=>t[i],enumerable:!(r=Je(t,i))||r.enumerable});return e};var Ze=(e,t,n)=>(n=e!=null?Ve(Ke(e)):{},Qe(t||!e||!e.__esModule?pe(n,"default",{value:e,enumerable:!0}):n,e));const o=require("react/jsx-runtime"),et=require("@mui/icons-material"),p=require("@mui/material"),tt=require("lodash/isEmpty"),ot=require("lodash/pick"),h=require("react"),nt=require("lodash/keyBy"),B=require("@arcblock/ux/lib/Theme"),b=require("@emotion/css"),rt=require("lodash/omit"),se=require("react-router-dom"),it=require("@arcblock/ux/lib/Button"),st=require("is-uri"),Be=require("@iconify-icon/react"),k=require("./state-tEydRMV8.js"),at=require("@blocklet/pages-kit/builtin/markdown/markdown-renderer"),Ce=require("@blocklet/pages-kit/contexts/color"),lt=require("react-syntax-highlighter/dist/esm/styles/prism"),ct=require("@arcblock/react-hooks/lib/useBrowser"),dt=require("@arcblock/ux/lib/Colors"),ae=require("@blocklet/pages-kit/components"),xe=require("@blocklet/pages-kit/utils/style"),ut=require("@mui/material/useMediaQuery"),V=require("pathe"),O=require("ufo"),mt=require("@blocklet/embed/message"),pt=require("ahooks"),xt=require("lodash/isEqual"),gt=require("@blocklet/embed/react"),ht=require("@arcblock/ux/lib/Locale/context"),ft=require("@arcblock/ux/lib/Screenshot"),bt=require("react-twitter-embed"),ge=require("react-use"),S=e=>e&&e.__esModule?e:{default:e},yt=S(tt),le=S(ot),vt=S(h),M=S(nt),I=S(rt),wt=S(it),ne=S(st),kt=S(at),jt=S(ct),he=S(dt),Se=S(ut),_t=S(xt),re=S(ft),Y="{{CUSTOM_VALUE}}",Bt=[{title:"None",value:"none",sx:{py:0}},{title:"Small",value:"small",sx:{py:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{py:{xs:5,md:7.5,lg:10,xl:12.5}}},{title:"Large",value:"large",sx:{py:{xs:7.5,md:10,lg:12.5,xl:15}}}],Ct=[{title:"None",value:"none",sx:{py:0}},{title:"Small",value:"small",sx:{py:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{py:{xs:5,md:7,lg:7,xl:9}}},{title:"Large",value:"large",sx:{py:{xs:6,md:9,lg:9,xl:11}}}],St=[{title:"None",value:"none",sx:{px:0}},{title:"Small",value:"small",sx:{px:{xs:2,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{px:{xs:2.5,md:7.5,lg:10,xl:12.5}}},{title:"Large",value:"large",sx:{px:{xs:2.5,md:10,lg:12.5,xl:15}}}],J=(e,t,n)=>{const r=e.breakpoints.values[n];return`${t}${r?` (${r}px)`:""}`},$t=[{title:"100%",value:"full",sx:{maxWidth:"100%"}},{title:e=>J(e,"Small","sm"),value:"sm",sx:{maxWidth:e=>e.breakpoints.values.sm,width:"100%",mx:"auto"}},{title:e=>J(e,"Normal","md"),value:"md",sx:{maxWidth:e=>e.breakpoints.values.md,width:"100%",mx:"auto"}},{title:e=>J(e,"Large","lg"),value:"lg",sx:{maxWidth:e=>e.breakpoints.values.lg,width:"100%",mx:"auto"}},{title:e=>J(e,"Extra Large","xl"),value:"xl",sx:{maxWidth:e=>e.breakpoints.values.xl,width:"100%",mx:"auto"}},{title:"Custom",value:"custom",sx:{maxWidth:Y,width:"100%",mx:"auto"}}],Nt=[{title:"None",value:"none",sx:{gap:0},containerSx:{gap:0}},{title:"Small",value:"small",sx:{gap:{xs:1,md:2,lg:2,xl:3}}},{title:"Normal",value:"normal",sx:{gap:{xs:2,md:3.5,lg:3.5,xl:5}}},{title:"Large",value:"large",sx:{gap:{xs:3,md:5,lg:5,xl:6.5}}}],Mt=[{title:"None",value:"none",sx:{p:0}},{title:"Small",value:"small",sx:{p:{xs:1,md:2,lg:2,xl:3}}},{title:"Normal",value:"normal",sx:{p:{xs:2.5,md:5,lg:5,xl:7.5}}},{title:"Large",value:"large",sx:{p:{xs:3,md:6,lg:6,xl:9}}}],Rt=[{title:"Start",value:"start",sx:{alignContent:"start"}},{title:"Center",value:"center",sx:{alignContent:"center"}},{title:"End",value:"end",sx:{alignContent:"end"}},{title:"Space Between",value:"space-between",sx:{alignContent:"space-between"}},{title:"Space Around",value:"space-around",sx:{alignContent:"space-around"}},{title:"Space Evenly",value:"space-evenly",sx:{alignContent:"space-evenly"}}],It=[{title:"Start",value:"start",sx:{justifyContent:"start"}},{title:"Center",value:"center",sx:{justifyContent:"center"}},{title:"End",value:"end",sx:{justifyContent:"end"}},{title:"Space Between",value:"space-between",sx:{justifyContent:"space-between"}},{title:"Space Around",value:"space-around",sx:{justifyContent:"space-around"}},{title:"Space Evenly",value:"space-evenly",sx:{justifyContent:"space-evenly"}}],Et=[{title:"Solid",value:"solid",sx:{border:"1px solid",borderColor:"divider"},group:"borderFrame"},{title:"Dashed",value:"dashed",sx:{border:"1px dashed",borderColor:"divider"},group:"borderFrame"},{title:"Dotted",value:"dotted",sx:{border:"1px dotted",borderColor:"divider"},group:"borderFrame"},{title:"Custom",value:"custom",sx:{border:Y},group:"borderFrame"}],$e=[{value:"macbook",title:"MacBook",group:"deviceFrame"},{value:"phone",title:"Phone",group:"deviceFrame"}],Ne=e=>$e.some(t=>t.value===e),fe=({hasUrl:e=!1,hasTab:t=!1}={})=>({position:"relative",paddingTop:"2em","&::before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,border:"1px solid",borderColor:"divider",pointerEvents:"none",zIndex:1},"&::after":{content:'""',position:"absolute",top:0,left:0,right:0,height:"2em",backgroundColor:"divider",pointerEvents:"none",zIndex:1},"& > div:first-of-type:before":{display:"block",position:"absolute",content:'""',top:"-1.25em",left:"1em",width:"0.5em",height:"0.5em",borderRadius:"50%",bgcolor:"#f44",boxShadow:"0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5",zIndex:2},"& > div:first-of-type:after":e?{display:"block",position:"absolute",content:'""',top:"-1.6em",left:"5.5em",width:"calc(100% - 7em)",height:"1.2em",borderRadius:.25,bgcolor:"white",zIndex:2}:t?{display:"block",position:"absolute",content:'""',top:"0em",left:"5.5em",width:"20%",height:"0em",borderBottom:"2em solid white",borderLeft:"0.8em solid transparent",borderRight:"0.8em solid transparent",zIndex:2}:{}}),Pt=[{value:"chrome",title:"Chrome",group:"browserFrame",sx:fe()},{value:"chrome-with-url",title:"Chrome (With URL)",group:"browserFrame",sx:fe({hasUrl:!0})}],At=[{value:"shadow-sm",title:"Shadow Low Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[2]}},{value:"shadow-md",title:"Shadow Medium Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[6]}},{value:"shadow-lg",title:"Shadow High Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[12]}},{value:"shadow-xl",title:"Shadow Extra High Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[16]}},{value:"shadow-max",title:"Shadow Max Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[24]}}],Lt=[{title:"None",value:"none",sx:{border:"none"},group:"commonFrame"},...Et,...Pt,...At,...$e],Tt=[{title:"None",value:"none",sx:{borderRadius:0}},{title:"Small",value:"small",sx:{borderRadius:1}},{title:"Medium",value:"medium",sx:{borderRadius:2}},{title:"Large",value:"large",sx:{borderRadius:3}},{title:"Extra Large",value:"xl",sx:{borderRadius:4}},{title:"Rounded",value:"rounded",sx:{borderRadius:"50%"}},{title:"Custom",value:"custom",sx:{borderRadius:Y}}],Wt=M.default(Bt,"value"),zt=M.default(Ct,"value"),Ft=M.default(St,"value"),Ut=M.default($t,"value"),Ot=M.default(Nt,"value"),Dt=M.default(Mt,"value"),qt=M.default(Rt,"value"),Gt=M.default(It,"value"),Ht=M.default(Lt,"value"),Vt=M.default(Tt,"value"),Jt=new Map([["baseSectionPaddingY",Wt],["maxWidth",Ut],["paddingY",zt],["paddingX",Ft],["layoutBlockGap",Ot],["layoutBlockPadding",Dt],["layoutBlockAlignContent",qt],["layoutBlockJustifyContent",Gt],["layoutBlockBorder",Ht],["layoutBlockBorderRadius",Vt]]);function L(e){const{type:t,value:n,format:r="sx",defaultValue:i=null}=e,s=Jt.get(t);if(!s||typeof n!="string"||!n)return i;const c=n.startsWith("custom:"),a=c?"custom":n;if(s?.[a]&&s?.[a]?.[r]){const l=s[a][r];if(c){const d=n.replace("custom:","");try{return JSON.parse(JSON.stringify(l||{}).replaceAll(Y,d))}catch{}}return l}return i}const Me=h.createContext({page:null,getPageMeta:()=>({}),getPageMetaStyle:()=>({})});function Yt(){return h.useContext(Me)}function Kt({page:e,children:t,defaultLocale:n="en",currentLocale:r}){const i=h.useMemo(()=>e?JSON.parse(JSON.stringify(e)):null,[JSON.stringify(e)]),s=h.useCallback(()=>{if(!i)return{};const l=r||n;return i.locales?.[l]??{}},[i,n,r]),c=h.useCallback((l="sx")=>{const d=s();return!d||!d.style?{}:Object.entries(d.style||{}).reduce((u,[g,x])=>{if(!x)return u;const v=`${g}Custom`;d.style[v];const y=L({type:g,value:x,format:l});return y?{...u,...y}:u},{})},[s]),a=h.useMemo(()=>({page:i,getPageMeta:s,getPageMetaStyle:c}),[i,s,c]);return o.jsx(Me.Provider,{value:a,children:t})}const K=["editing","height","locale","dev","sx"];function Xt(e){const{className:t,...n}=e;return o.jsx(Qt,{...n,className:b.cx("BlockBase-root",t)})}const Qt=B.styled(p.Box)`
-  position: relative;
-  color: ${({theme:e})=>e.palette.text.primary};
-`,Re=h.createContext({pages:[],project:void 0}),{Provider:Zt,Consumer:Cn}=Re;function Ie(){return h.useContext(Re)}function eo({icon:e,...t}){return o.jsx(Be.Icon,{icon:e,...t,ref:null})}function to({icon:e,className:t="",size:n="1rem",...r}){return o.jsx(oo,{component:eo,className:b.cx("css-icon",t),size:n,...r,icon:e})}const oo=B.styled(p.Box)`
-  &.css-icon {
-    display: inline-block;
-    width: ${({size:e})=>e};
-    height: ${({size:e})=>e};
-  }
-`;function no({icon:e,className:t="",size:n="1rem",imageMeta:r,...i}){const s=k.autoResizeImage(k.getImageAbsoluteUrl(e),540),[c,a]=h.useState(!1),l=B.useTheme();return c?o.jsx(to,{icon:"i-mdi:image",color:l.palette.grey[500],size:n,className:t,...i}):o.jsx(ro,{className:b.cx("image-icon",t),size:n,...i,children:o.jsx("img",{className:"image-icon__image",src:s,onError:()=>a(!0),width:r?.naturalWidth,height:r?.naturalHeight,alt:r?.filename||"card-icon",loading:"lazy"})})}const ro=B.styled(p.Box)`
-  display: inline-block;
-  width: ${({size:e})=>e};
-  height: ${({size:e})=>e};
-  .image-icon__image {
-    object-fit: contain;
-    height: 100%;
-    width: 100%;
-  }
-`,ce=e=>typeof e=="string"&&/^[\w-_]+:[\w-_]+$/.test(e);function ie({icon:e,size:t="1rem",imageMeta:n,...r}){const i=window.isNaN(t)?t:`${t}px`;return ce(e)?o.jsx(Be.Icon,{icon:e}):o.jsx(io,{component:no,imageMeta:n,className:"base-icon",icon:e,size:i,...r})}const io=B.styled(p.Box)`
-  flex-shrink: 0;
-`;function q({text:e,children:t,icon:n="",endIcon:r,color:i="primary",link:s="",href:c="",...a}){const l=n?o.jsx(ie,{icon:n}):null,d=r?o.jsx(ie,{icon:r}):null,m=s||c,u={...a};return m&&(u.href=m,ne.default(m)&&(u.target=u.target||"_blank")),o.jsx(wt.default,{startIcon:l,endIcon:d,color:i,...u,children:e||t})}function Ee({editing:e,text:t,...n}){const{pages:r=[]}=Ie(),i=r.find(s=>s.id===(n.link||n.linkId));if(e)return o.jsx(q,{...I.default(n,["link","linkId"]),children:t});if(i){const s=i.path||"/";return o.jsx(se.Link,{to:s,children:o.jsx(q,{...I.default(n,["link","linkId"]),children:t})})}return o.jsx(q,{...I.default(n,"linkId"),children:t})}function W({actions:e,center:t,className:n,align:r}){return e&&e?.length?o.jsx(p.Box,{className:b.cx("flex gap-4 flex-wrap","lg:flex-row lg:gap-8",(t||r==="center")&&"justify-center",!t&&r==="right"&&"justify-end",!t&&r==="left"&&"justify-start",n),sx:{alignItems:"center"},children:e}):null}const so="section",ao=p.styled(p.Box)`
-  overflow: hidden;
-
-  .section__title {
-    margin-top: 0;
-    font-weight: 700;
-  }
-  .section__title_non_big {
-    font-size: 32px;
-    @media (max-width: 600px) {
-      font-size: 24px;
-    }
-  }
-  &.base-info .section__tag {
-    margin-top: 0;
-    margin-bottom: 2vw;
-    background-color: ${({theme:e})=>e.palette.primary.main};
-    white-space: nowrap;
-    max-width: 100%;
-    display: inline-block;
-    padding: 0 10px;
-    justify-content: flex-start;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-size: 12px;
-    color: #fff;
-    border-radius: 4px;
-    line-height: 20px;
-  }
-  .section__title {
-    color: ${({theme:e})=>e.palette.text.primary};
-    a {
-      color: ${({theme:e})=>e.palette.primary.main};
-    }
-    p {
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  }
-  .section__description {
-    color: ${({theme:e})=>e.palette.text.primary};
-    margin-bottom: 4vw;
-    margin-top: 0;
-    a {
-      color: ${({theme:e})=>e.palette.primary.main};
-    }
-    p {
-      margin-top: 0;
-      margin-bottom: 0.5rem;
-    }
-  }
-  @media (min-width: ${({theme:e})=>e.breakpoints.values[so]}px) {
-    .section__tag {
-      margin-bottom: 32px;
-    }
-    .section__title {
-      margin-bottom: 32px;
-    }
-    .section__description {
-      margin-bottom: 40px;
-    }
-  }
-`;function X({title:e,description:t,descriptionMarkdown:n,actions:r,className:i="",classes:s={},prepend:c,append:a,level:l=2,tag:d,badge:m,center:u,logo:g,titleAppearance:x,descriptionAppearance:v,...y}){const w=Ce.useColorConvert();if(!e&&!t&&!r&&!m&&!d&&!c&&!a&&!g)return null;const j=Math.max(Math.min(5,l+1),1),_={1:"xl:!text-3xl lg:!text-2xl md:!text-xl",2:"xl:!text-2xl lg:!text-xl md:!text-lg",3:"xl:!text-2xl lg:!text-xl md:!text-lg",4:"xl:!text-xl lg:!text-lg md:!text-md",5:"xl:!text-lg md:!text-md sm:!text-sm",6:"!text-sm"},R=l===0?"big":`h${j}`,$=l===0;return o.jsxs(ao,{className:b.cx("base-info","lg:text-left",u&&"!text-center",i),...y,children:[c&&o.jsx("div",{children:c}),(d||m)&&o.jsx("div",{className:b.cx("section__tag",s?.tag||s?.badge),children:d||m}),g&&o.jsx("img",{className:"w-[120px] m-auto mb-8",src:g,alt:"info",loading:"lazy"}),e&&o.jsx(p.Typography,{sx:{whiteSpace:"pre-wrap",mb:t?"2vw":0,...x?.color&&{color:`${w(x.color)} !important`}},className:b.cx("section__title","text-gray-800","dark:text-gray-50",s.title,"page-kit-section__title",$?"":"section__title_non_big"),component:`h${Math.max(l,1)}`,variant:R,children:e}),t&&(n?o.jsx(p.Box,{sx:{...v?.color&&{color:`${w(v.color)} !important`}},className:b.cx("section__description","text-gray-800","dark:text-gray-100",_[j],s.description,"page-kit-section__description"),children:o.jsx(kt.default,{codeOptions:{showActionButton:!1,theme:lt.materialDark},children:t})}):o.jsx(p.Typography,{sx:{whiteSpace:"pre-wrap",...v?.color&&{color:`${w(v.color)} !important`}},className:b.cx("section__description","text-gray-800","dark:text-gray-100",_[j],s.description,"page-kit-section__description"),component:"div",variant:"body1",gutterBottom:!0,children:t})),o.jsx(W,{actions:r,center:u,className:"mt-8"}),a&&o.jsx("div",{children:a})]})}const Q=["actions","append","badge","tag","center","description","descriptionMarkdown","level","logo","prepend","title","titleAppearance","descriptionAppearance"];function lo(){const e=navigator.userAgent.toLowerCase();return e.includes("safari")&&!e.includes("chrome")}function co(e=""){if(e.startsWith("data:image/svg+xml,"))return!0;const t=/^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/,n=/^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;return t.test(e)||n.test(e)}function D(e){return e?.endsWith(".mp4")||e?.endsWith(".m4v")||e?.endsWith(".webm")}function uo(e){return e?.endsWith(".mp4")||e?.endsWith(".m4v")?"video/mp4":e?.endsWith(".webm")?"video/webm":void 0}function mo(e){let t={};return typeof e=="string"?xe.isGradient(e)?t.image=e:(t.image=k.getImageAbsoluteUrl(e),xe.isColorString(e)&&(t.color=e,t.image="")):t=e,t}function po(){const[e,t]=h.useState(Date.now());return h.useEffect(()=>{const n=()=>{t(Date.now())};return document.addEventListener("visibilitychange",n),()=>{document.removeEventListener("visibilitychange",n)}},[]),e}function be(e,t,n,r,i){let s=null;const{color:c="",image:a}=mo(t);if(a&&co(a)){delete n.backgroundColor;const l=!(e.mobile.apple.device||lo())&&D(a),d=D(a)&&r?k.autoResizeImage(k.getImageAbsoluteUrl(r),1200,"quality"):"";l?s=o.jsx(p.Box,{component:"video",className:"section-bg",autoPlay:!0,loop:!0,muted:!0,controls:!1,playsInline:!0,poster:d,src:D(a)?a:k.autoResizeImage(a,1200,"quality"),sx:{width:"100%",position:"absolute",zIndex:-9999,right:0,left:0,top:0,height:"100%",objectFit:"cover"}},a):s=o.jsx(ae.ResponsiveImage,{src:D(a)&&r?d:a,sizesAttr:{sm:600,md:900,lg:1200},className:"section-bg",alt:"",width:"100%",loading:"lazy",sx:{position:"absolute",zIndex:-9999,right:0,left:0,top:0,width:"100%",height:"100%",objectFit:"cover"}},i||a)}else a?n.backgroundImage=`${a} !important`:c&&(n.backgroundColor=`${c} !important`);return s}function xo({autoWidth:e,children:t,...n}){return e?o.jsx(p.Box,{...n,sx:[{display:"flex"},...Array.isArray(n.sx)?n.sx:[n.sx]],children:t}):o.jsx(p.Container,{...n,children:t})}function Z({dark:e=!1,children:t,className:n,sx:r={},boxed:i={show:!1},padding:s="normal",boxProps:c,type:a,...l}){const d={...r},m=Se.default(x=>x.breakpoints.down("md"));e&&(d.color=he.default.common.white,d.backgroundColor=`${he.default.grey[900]} !important`),i.show&&(d.display="flex");const u=h.useMemo(()=>!Number(l.boxMaxWidth)||m?{width:"100%"}:a==="wall"&&l.boxMaxWidth?{maxWidth:`${l.boxMaxWidth}px !important`,width:"100%"}:{width:"100%"},[l.boxMaxWidth,m,a]),g=L({type:"baseSectionPaddingY",value:s||"normal",defaultValue:""});return o.jsx(go,{component:"section",styles:{...d,...g},className:b.cx("base-section","px-2 md:px-5 lg:px-5 xl:px-10",n,{dark:e}),...I.default(l,"hoverStyle","boxMaxWidth","embedUrl","autoWidth","paddingXY","iframeHeight","titleAppearance","descriptionAppearance"),children:o.jsx(xo,{autoWidth:l?.autoWidth,className:b.cx("section-content h-full"),sx:u,children:i.show?o.jsx(Pe,{...c,boxed:i,children:t}):t})})}function Pe({background:e="",backgroundVideoPoster:t,children:n,sx:r={},boxed:i={show:!1},className:s="",styles:c={},...a}){const l={...c,...r},d=Ce.useColorConvert();let m=null;const u=Se.default(v=>v.breakpoints.up("sm")),g=jt.default(),x=po();return e&&(m=be(g,typeof e=="string"?d(e):e,l,t,x)),i.show&&(l.borderRadius="10px",l.padding===void 0&&(l.padding=u?"50px":"20px"),i?.border&&(l.border="1px solid #c0c0c0"),i?.background&&(m=be(g,typeof i?.background=="string"?d(i?.background):i?.background,l,i?.backgroundVideoPoster,x))),o.jsxs(p.Box,{...a,sx:{...l,...m?{position:"relative",overflow:"hidden",zIndex:0}:{}},className:b.cx(s,i?.boxShadow&&"shadow-xl"),children:[m,n]})}const go=B.styled(Pe)`
-  &:nth-of-type(even) {
-    background: #f8f8f8;
-  }
-
-  @media (max-width: 600px) {
-    .section__title {
-      font-size: 24px;
-    }
-
-    .base-info {
-      > *:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-`;function Ae(e){if(e.type===h.Fragment){const n=(e.props.children||[]).filter(r=>h.isValidElement(r));return n.length===1?Ae(n[0]):n.length>1}return Array.isArray(e)}const A="&>*";function Le({children:e,col:t,gap:n,className:r,align:i,sx:s,type:c,...a}={children:null,className:"",col:3,gap:void 0,sx:{},align:"center",type:"default"}){const l=B.useTheme(),d=Number(Math.floor(100/t*100)/100),m={center:"justify-center items-center",left:"justify-start items-center",right:"justify-end items-center",top:"justify-center items-start",bottom:"justify-center items-end","top-left":"justify-start items-start","top-right":"justify-end items-start","bottom-left":"justify-start items-end","bottom-right":"justify-end items-end"},u=m[i]||m.center;let x=n??({2:6,3:4,4:4,5:3,6:3}[t]||0);Ae(e)||(x=0);const y=(t-1)*x/t;let w={...s,gap:`${x}rem`};const j={[A]:{width:"100%"}},_={},R={},$={};switch(j.gap="1rem",_.gap=`${x/2}rem`,t){case 3:case 4:_[A]={width:`calc(50% - ${x/2}rem)`};break;case 5:case 6:j[A]={width:`calc(50% - ${x/2/2}rem)`},_[A]={width:`calc(50% - ${x/2/2}rem)`},R[A]={width:`calc(33.33% - ${x*2/3}rem)`};break}return w[A]={width:`calc(${d}% - ${y}rem)`},w[`@media (max-width: ${l.breakpoints.values.xl}px)`]=$,w[`@media (max-width: ${l.breakpoints.values.lg}px)`]=R,w[`@media (max-width: ${l.breakpoints.values.md}px)`]=_,w[`@media (max-width: ${l.breakpoints.values.sm}px)`]=j,c==="wall"&&(w={...s,gap:`${x}rem`},w[A]={width:`calc(${d}% - ${y}rem)`},j[A]={width:`calc(45% - ${x/2/2}rem)`},w[`@media (max-width: ${l.breakpoints.values.sm}px)`]=j),o.jsx(p.Box,{className:b.cx("flex flex-wrap flex-row h-full",u,r),sx:w,...a,children:e})}function z({type:e="",icon:t="",size:n="3rem",className:r="",...i}){return o.jsx(ie,{icon:t||e,size:n,className:b.cx("content-icon",r),...i,color:typeof i.color>"u"?"inherit":i.color})}function ho({to:e,base:t,children:n,className:r,activeClassName:i="active",target:s="auto",autoExternalMark:c=!1,useRouterLink:a,...l}){const{pages:d=[],locale:m=""}={},u=t?V.join("/",t):t||"";let g=s==="auto"?"_self":s,x=V.join(u,e);const v=c?ne.default(x):!1;if(t)return x=V.join(u,m,e),o.jsx("a",{className:`no-underline ${r}`,href:O.withoutTrailingSlash(x),rel:"noreferrer noopener",target:g,...l,children:n});if(ne.default(e))s==="auto"&&(g="_blank"),x=e;else{O.isRelative(x)&&(x=V.join(window.location.pathname,x));const y=O.parseURL(`${window.location.origin}${x}`),w=d.some(j=>j.pathname===y.pathname);if(a||w)return o.jsx(se.NavLink,{end:!0,to:O.withoutTrailingSlash(x),className:({isActive:j})=>b.cx(r,j?i:""),...l,children:n})}return o.jsxs("a",{className:`no-underline ${r}`,href:O.withoutTrailingSlash(x),rel:"noreferrer noopener",target:g,...l,children:[n,v&&o.jsx(z,{icon:"i-mdi:arrow-top-right",size:"0.9em",className:"smart-link__mark",style:{marginLeft:5}})]})}function G({prepend:e,append:t,children:n,className:r="",dark:i=!1,border:s=!0,...c}){let a={};const{pages:l=[]}=Ie(),d=l.find(g=>g.id===c.link),m=!n||vt.default.Children.toArray(n).every(g=>g===null);c.link&&(a={component:ho,to:d?.path||c.link,useRouterLink:!0});const u=p.useTheme();return o.jsxs(fo,{className:b.cx("base-card card",{dark:i,"border-transparent":!s},r),sx:{borderColor:u.palette.divider},...a,...I.default(c,["listType","dark","iconColor","link","hoverStyle","imageSize"]),children:[e,!m&&o.jsx("div",{className:"card__body",children:n}),t]})}const fo=B.styled(p.Box)`
-  &.base-card {
-    text-align: left;
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 12px;
-    overflow: hidden;
-    &,
-    &:hover {
-      text-decoration: none;
-    }
-  }
-  .card__body {
-    padding: 15px 15px;
-  }
-`;function H({align:e="left",title:t,titleProps:n={},description:r,descriptionProps:i={}}){return o.jsxs(o.Fragment,{children:[t&&o.jsx(p.Typography,{className:b.cx("card__title text-gray-800","dark:text-gray-50"),component:"h5",variant:"h5",gutterBottom:!0,align:e,...n,children:t}),r&&o.jsx(p.Typography,{className:b.cx("card__description","text-gray-500","dark:text-gray-400"),component:"div",variant:"body1",gutterBottom:!0,align:e,...i,children:r})]})}function bo({image:e,title:t,description:n,imageProps:r={},imageMeta:i,imageSize:s,titleProps:c={},descriptionProps:a={},actions:l,align:d,...m}){const u=ce(e),g=k.autoResizeImage(k.getImageAbsoluteUrl(e),540);return o.jsxs(yo,{className:"card-article",...m,prepend:o.jsx("div",{className:"card__image__wrap",children:u&&e?o.jsx(p.Box,{sx:{position:"absolute",left:0,top:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center"},children:o.jsx(z,{icon:e,color:"primary.main"})}):g&&o.jsx("img",{className:"card__image",src:g,...r,alt:r.alt||i?.filename||"card-image",width:i?.naturalWidth,height:i?.naturalHeight,style:{width:"100%",height:"100%",objectFit:s||"cover",objectPosition:"center"},loading:"lazy"})}),children:[t||n?o.jsx(H,{align:d,title:t,titleProps:c,description:n,descriptionProps:a}):null,l?.length?o.jsx(W,{align:d,actions:l,className:"mt-4"}):null]})}const yo=B.styled(G)`
-  ${e=>e.hoverStyle==="none"?"":e.link?`transition: box-shadow ease .3s;
-              &:hover {
-                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
-              }`:""}
-
-  .card__title {
-    color: ${({theme:e})=>e.palette.text.primary};
-    a {
-      color: ${({theme:e})=>e.palette.primary.main};
-    }
-  }
-  .card__description {
-    color: ${({theme:e})=>e.palette.text.primary};
-    a {
-      color: ${({theme:e})=>e.palette.primary.main};
-    }
-  }
-
-  .card__image__wrap {
-    padding-top: 61.8%;
-    width: 100%;
-    position: relative;
-  }
-  .card__image {
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    width: 100%;
-    height: 100%;
-    object-position: top center;
-  }
-`,ye="section";function ve({title:e,image:t,imageMeta:n,description:r,actions:i,align:s,listType:c="",className:a="",...l}){return o.jsxs(vo,{className:b.cx("card",`list-type-${c}`,a),align:s,...l,children:[t&&o.jsx(z,{icon:t,color:"primary.main",size:c==="icon-title"?"1.2rem":"3rem",imageMeta:n}),e||r?o.jsx(H,{align:s,title:e,description:r}):null,i?.length?o.jsx(W,{align:s,actions:i,className:"mt-4"}):null]})}const vo=B.styled(G)`
-  padding: 5vw 4vw;
-  box-sizing: border-box;
-  /* min-height: 320px; */
-  color: inherit !important;
-  border-radius: 0.5rem;
-  /* ${({dark:e,theme:t})=>`background-color:${e?t.palette.grey[900]:t.palette.common.white};`} */
-  @media (max-width: ${({theme:e})=>e.breakpoints.values[ye]}px) {
-    padding: 1.5rem 2rem;
-  }
-  @media (max-width: ${({theme:e})=>e.breakpoints.values.sm}px) {
-    height: auto;
-    min-height: unset;
-  }
-
-  ${e=>e.hoverStyle==="none"?"":e.link?`transition: box-shadow ease .3s;
-              &:hover {
-                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
-              }`:""}
-
-  .card__title {
-    font-weight: 700;
-    margin-top: 24px;
-    margin-bottom: 12px;
-    color: ${({theme:e})=>e.palette.text.primary};
-    a {
-      color: ${({theme:e})=>e.palette.primary.main};
-    }
-  }
-  .card__description {
-    color: ${({theme:e})=>e.palette.text.primary};
-    a {
-      color: ${({theme:e})=>e.palette.primary.main};
-    }
-  }
-  .card__body {
-    color: ${({theme:e})=>e.palette.text.primary};
-    padding: 0;
-    ${({align:e})=>`text-align:${e||"left"};`}
-  }
-
-  &.list-type-icon-title {
-    padding: 1.2rem;
-    .title-line {
-      display: flex;
-    }
-    .card__title {
-      margin: 0;
-      font-size: 1em;
-    }
-    .css-icon {
-      margin-right: 0.5rem;
-    }
-  }
-
-  @media (min-width: ${({theme:e})=>e.breakpoints.values[ye]}px) {
-    padding: 2rem 2rem;
-    text-align: left;
-    box-sizing: border-box;
-  }
-`;function wo({image:e,title:t,description:n,imageProps:r={},imageMeta:i,imageSize:s,titleProps:c={},descriptionProps:a={},actions:l,align:d,...m}){const u=ce(e),g=k.autoResizeImage(k.getImageAbsoluteUrl(e),540);return o.jsxs(ko,{className:"card-article",...m,prepend:o.jsx("div",{className:"card__image__wrap",children:u&&e?o.jsx(p.Box,{sx:{position:"absolute",left:0,top:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center"},children:o.jsx(z,{icon:e,color:"primary.main"})}):g&&o.jsx(p.Box,{component:"img",className:"card__image",src:g,...r,alt:r.alt||i?.filename||"card-image",style:{width:"100%",height:"100%",objectFit:s||"contain",objectPosition:"center"},loading:"lazy",sx:[{width:i?.naturalWidth,height:i?.naturalHeight},...Array.isArray(r.sx)?r.sx:[r.sx]]})}),children:[t||n?o.jsx(H,{align:d,title:t,titleProps:c,description:n,descriptionProps:a}):null,l?.length?o.jsx(W,{align:d,actions:l,className:"mt-4"}):null]})}const ko=B.styled(G)`
-  ${e=>e.hoverStyle==="none"?"":e.link?`transition: box-shadow ease .3s;
-              &:hover {
-                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
-              }`:""}
-
-  border-radius: 0 !important;
-
-  .card__body {
-    ${({align:e})=>`text-align:${e||"left"};`}
-  }
-
-  .card__image__wrap {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .card__image {
-    max-height: 60px;
-  }
-`,we="section";function jo({title:e,image:t,imageMeta:n,iconSize:r=100,description:i,actions:s,align:c,className:a="",...l}){return o.jsx(_o,{className:b.cx("card",a),...l,children:o.jsxs(p.Box,{className:"flex items-center",children:[t&&o.jsx(z,{icon:t,color:"primary.main",size:r,imageMeta:n}),o.jsxs(p.Box,{className:"flex-1 ml-4",children:[o.jsx(H,{align:c,title:e,description:i}),o.jsx(W,{align:c,actions:s,className:"mt-4"})]})]})})}const _o=B.styled(G)`
-  padding: 5vw 4vw;
-  text-align: left;
-  box-sizing: border-box;
-  /* min-height: 320px; */
-  color: inherit !important;
-  border-radius: 0.5rem;
-  /* ${({dark:e,theme:t})=>`background-color:${e?t.palette.grey[900]:t.palette.common.white};`} */
-  @media (max-width: ${({theme:e})=>e.breakpoints.values[we]}px) {
-    padding: 1.5rem 2rem;
-  }
-  @media (max-width: ${({theme:e})=>e.breakpoints.values.sm}px) {
-    height: auto;
-    min-height: unset;
-  }
-
-  ${e=>e.hoverStyle==="none"?"":e.link?`transition: box-shadow ease .3s;
-              &:hover {
-                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
-              }`:""}
-
-  .card__title {
-    font-weight: 700;
-    margin-bottom: 12px;
-    color: ${({theme:e})=>e.palette.text.primary};
-    a {
-      color: ${({theme:e})=>e.palette.primary.main};
-    }
-  }
-  .card__description {
-    color: ${({theme:e})=>e.palette.text.primary};
-    a {
-      color: ${({theme:e})=>e.palette.primary.main};
-    }
-  }
-  .card__body {
-    padding: 0;
-  }
-
-  &.list-type-icon-title {
-    padding: 1.2rem;
-    .title-line {
-      display: flex;
-    }
-    .card__title {
-      margin: 0;
-      font-size: 1em;
-    }
-    .css-icon {
-      margin-right: 0.5rem;
-    }
-  }
-
-  @media (min-width: ${({theme:e})=>e.breakpoints.values[we]}px) {
-    padding: 2rem 2rem;
-    text-align: left;
-    box-sizing: border-box;
-  }
-`;function Bo({title:e,titleProps:t={},description:n,descriptionProps:r={},image:i,imageMeta:s,className:c="",align:a,hoverStyle:l,...d}){return o.jsxs(Co,{className:b.cx("card-simple",c,`hover-style__${l}`),align:a,...d,children:[i&&o.jsx(z,{icon:i,color:"primary.main",imageMeta:s}),e||n?o.jsx(H,{align:a,title:e,titleProps:t,description:n,descriptionProps:r}):null]})}const Co=B.styled(G)`
-  .card__title {
-    color: ${({theme:e})=>e.palette.text.primary};
-    a {
-      color: ${({theme:e})=>e.palette.primary.main};
-    }
-  }
-  .card__description {
-    color: ${({theme:e})=>e.palette.text.primary};
-    a {
-      color: ${({theme:e})=>e.palette.primary.main};
-    }
-  }
-
-  &.hover-style__default {
-    &.card-simple {
-      &:hover {
-        border-top-right-radius: 36px;
-      }
-    }
-    .card__body {
-      &:hover {
-        &::before {
-          width: 42px;
-          height: 42px;
-          transform: translate(50%, -50%) rotate(45deg);
-        }
-        &::after {
-          transform: none;
-        }
-      }
-    }
-  }
-
-  &.card-simple {
-    border-radius: 8px;
-    border-top-right-radius: 26px;
-
-    .card__body {
-      ${({align:e})=>`text-align:${e||"left"};`}
-    }
-
-    ${e=>e.link?`
-        cursor: pointer;
-        `:""}
-    /* cursor: pointer; */
-    /* &:hover {
-      border-top-right-radius: 36px;
-    } */
-    transition: all 180ms ease 0s;
-    overflow: visible;
-    .card__title {
-      margin: 12px 0;
-    }
-    .card__body {
-      position: relative;
-      padding: 20px 16px 18px;
-      overflow: hidden;
-      transition: all 180ms ease 0s;
-      /* &:hover {
-        &::before {
-          width: 42px;
-          height: 42px;
-          transform: translate(50%, -50%) rotate(45deg);
-        }
-        &::after {
-          transform: none;
-        }
-      } */
-      &::before,
-      &::after {
-        content: ${({border:e})=>e?'""':""};
-        transition: inherit;
-        position: absolute;
-        top: 0px;
-        right: 0px;
-      }
-      &::before {
-        z-index: 3;
-        background: #fff;
-        width: 30px;
-        height: 30px;
-        transform: translate(50%, -50%) rotate(45deg);
-        box-shadow: 0 1px 0 0 #e9eaec;
-      }
-      &::after {
-        z-index: 2;
-        width: 28px;
-        height: 28px;
-        border-bottom-left-radius: 6px;
-        background: #fcfcfd;
-        box-shadow: -1px 1px 0 0 #e9eaec;
-        transform: translate(8px, -8px);
-      }
-    }
-  }
-`;function So({type:e="default",...t}){const r={article:bo,simple:Bo,news:jo,default:ve,wall:wo}[e]||ve;return o.jsx(r,{...e==="news"?t:I.default(t,"iconSize")})}function $o({list:e=[],align:t="top",cards:n,listBorder:r=!0,listType:i="",col:s=3,gap:c,iconColor:a,className:l="",type:d="default",dark:m=!1,textAlign:u="left",hoverStyle:g,...x}){return o.jsx(Le,{type:d,className:b.cx("card-list py-1",l,"items-stretch"),col:s,gap:c,align:t,...x,children:n||e.map(v=>o.jsx(So,{borderColor:r,iconColor:a,type:d,listType:i,dark:m,...v,align:u,style:c===0&&e.length>1?{borderRadius:0,marginRight:"-1px",marginBottom:"-1px"}:{}},v.id))})}const No=["align","cards","list","listBorder","listType","col","gap","iconColor","type","textAlign"];function E(e,t){const n=le.default(e,t),r=I.default(e,t);return[n,r]}const Mo=B.styled(Z)`
-  a .card {
-    color: #404040;
-    cursor: pointer;
-  }
-  a:not(.MuiButton-root) {
-    color: ${({theme:e})=>e.palette.primary.main};
-    &:hover,
-    &:active {
-      color: ${({theme:e})=>e.palette.primary.main};
-    }
-  }
-  a:hover .card {
-    color: #404040;
-  }
-`;function Ro({className:e,...t}){const[n,r]=E(t,Q),[i,s]=E(r,No);return o.jsxs(Mo,{className:b.cx("section--card-list",e),type:t.type,...s,children:[Object.keys(n).length>0&&o.jsx(X,{center:!0,...n,className:"mb-[2.5vw]"}),o.jsx($o,{...i,dark:!!t.dark})]})}const Io=B.styled(Ro)`
-  .card__description {
-    white-space: pre-wrap;
-  }
-  .section__description {
-  }
-  .card {
-    /* background: inherit !important; */
-  }
-  &.dark .card-simple .card__body::before {
-    background: #212121 !important;
-  }
-  .card-simple .card__body::after {
-    background: inherit !important;
-  }
-`;function Eo({section:e,...t}){const[{editing:n},r]=E(t,K),i=h.useMemo(()=>({...I.default(r,["listBorder","list","iconSize","imageSize"]),list:r.list?.map(s=>({...I.default(s,"icon","iconColor"),image:["news","simple","default"].includes(r.type)&&s.icon?s.icon:s.image,actions:s.actions?.map?.(c=>o.jsx(Ee,{...c,editing:n},c.id)),border:r.listBorder,iconSize:r.iconSize,imageSize:r.imageSize,hoverStyle:r.hoverStyle}))}),[r]);return o.jsx(Io,{style:n?{pointerEvents:"none"}:{},...i})}function Po({properties:e,section:t,locale:n,dev:r}){return t?.config?.componentId?o.jsx(ae.CustomComponentRenderer,{instanceId:t.id,componentId:t.config.componentId,blockletId:t.config.blockletId,blockletTitle:t.config.blockletTitle,componentName:t.config.componentName,locale:n,properties:e,dev:r}):o.jsx(p.Box,{sx:{textAlign:"center",py:2},children:o.jsx(p.Typography,{variant:"caption",sx:{color:"text.secondary"},children:"Please select component to render"})})}function Ao({src:e,dataId:t,isEdit:n=!1,height:r="100%",onLoad:i=()=>{}}){return o.jsx(gt.EmbedIframe,{isEdit:n,embedId:t,src:e,height:r,onLoad:()=>{i()}})}function Lo({dataId:e,src:t,actions:n,center:r,onLoad:i,...s}){const[c,a]=E(s,Q);return o.jsxs(Z,{...a,children:[Object.keys(c).length>0&&o.jsx(X,{center:r,...c}),o.jsx(Ao,{dataId:e,src:t,onLoad:i,height:s.iframeHeight?`${s.iframeHeight}px`:"100%"}),o.jsx(W,{actions:n,center:r})]})}const To={src:"",embedUrl:"",title:"",description:"",dark:!1,background:"",center:!0,config:{},id:""};function Wo({section:e,id:t,src:n,...r}){const i=`${t}-${r.locale}`,[{editing:s},c]=E(r,K),a=h.useRef({}),l=JSON.parse(JSON.stringify(c)),{message:d}=mt.useMessage(i,"server"),m=pt.useLatest(JSON.parse(JSON.stringify(c.config)||"{}"));return h.useEffect(()=>{d&&d.onInit(()=>m.current)},[d]),h.useEffect(()=>{const u=JSON.parse(JSON.stringify(c.config)||"{}");_t.default(a.current,u)||(a.current=u,d?.send("config-set",u))},[d,c.config]),n?o.jsx(Lo,{...l,dataId:i,src:n,style:s?{pointerEvents:"none"}:{}}):o.jsx(zo,{children:'Please set the "src" attribute for this block'})}const zo=B.styled("div")`
-  user-select: none;
-  color: #999;
-  padding: 8px;
-  height: 200px;
-`,ke={width:"1px",style:"solid",color:"divider"};function Te(e){return typeof e=="string"&&e.startsWith("custom:")}function Fo(e){if(!Te(e))return ke;try{const t=e?.substring(7)||"",[n="1px",r="solid",...i]=t.split(" ");return{width:n,style:r,color:i.join(" ")||"divider"}}catch{return ke}}function Uo(e){if(!e||e==="none")return{border:"none"};if(Te(e)){const{width:t,style:n,color:r}=Fo(e);return{border:"none",borderWidth:t,borderStyle:n,borderColor:r}}return{}}function We(e){return typeof e=="string"&&e.startsWith("custom:")}function Oo(e){if(!We(e))return"0";try{return e?.substring(7)||"0"}catch{return"0"}}function Do(e){return!e||e==="none"?{borderRadius:0}:We(e)?{borderRadius:Oo(e)}:{}}function qo({ref:e=void 0,type:t,sx:n,children:r,...i}){const s=[{},...Array.isArray(n)?n:[n]];return h.useCallback(()=>{const a=Ne(t);return a?(s.push({img:{objectFit:"contain !important",bgcolor:l=>l.palette.background.default,borderRadius:"0 !important",position:"relative"}}),o.jsx(re.default,{type:t,children:r})):o.jsx(p.Box,{component:a?re.default:"div",ref:e,sx:s,...i,...a?{type:t}:{},children:r})},[t,r,s])()}const Go="none",Ho="none",Vo="transparent",Jo="center",Yo="start",Ko="none",Xo="none",Qo=12,Zo=({gridSettings:e,section:t,index:n,columns:r,simulateMode:i="desktop",isBackground:s})=>{const c=e?.[i]??{},a=c[t.id],l=en(c);return{i:t.id,static:t?.locked||s,...s?{x:0,y:0,w:r,h:1,isResizable:!1}:{x:a?.x??0,y:a?.y??n,w:a?.w??r,h:a?.h??1,isResizable:!0},minH:1,maxH:1,maxY:l}},en=e=>Object.values(e).reduce((t,n)=>Math.max(t,n.y||0),0)||0,tn=e=>{const{dev:t,id:n,section:r,onBlockRender:i}=e,s=t?.mode,c=p.useMediaQuery(f=>f.breakpoints.down("sm")),{t:a}=ht.useLocaleContext(),{sections:l,sectionIds:d,config:m}=r,{columns:u=Qo,gridSettings:g,gap:x,padding:v,background:y,alignContent:w,justifyContent:j,border:_,borderRadius:R,ignoreMaxWidth:$}=m||{},ee=h.useMemo(()=>{const C=L({type:"layoutBlockGap",value:x??Go,format:"sx"}),T={...C,gap:Object.keys(C.gap).reduce((N,P)=>(N[P]=-C.gap[P],N),{})};return{item:C,container:T}},[x]),Fe=h.useMemo(()=>L({type:"layoutBlockPadding",value:v??Ho,format:"sx"}),[v]),te=h.useMemo(()=>L({type:"layoutBlockAlignContent",value:w??Jo,format:"sx"}),[w]),oe=h.useMemo(()=>L({type:"layoutBlockJustifyContent",value:j??Yo,format:"sx"}),[j]),Ue=h.useMemo(()=>{const f=_??Ko,C=Uo(f);return Object.keys(C).length>0?C:L({type:"layoutBlockBorder",value:f,format:"sx"})},[_]),Oe=h.useCallback(f=>Ne(_)?o.jsx(qo,{type:_,...f}):o.jsx(p.Box,{...f}),[_]),De=h.useMemo(()=>{const f=R??Xo,C=Do(f);return Object.keys(C).length>0?C:L({type:"layoutBlockBorderRadius",value:f,format:"sx"})},[R]),de=h.useCallback((f,C=!1,T=0)=>{if(!i||!f||!f.component||f.visibility==="hidden")return null;const N=Zo({gridSettings:g,section:f,index:T,columns:u,simulateMode:c?"mobile":"desktop",isBackground:C}),P=N?.x??0,F=N?.y??0,U=N?.w??u,qe=N?.h??1,Ge=N?.maxY??0,He=!!r?.config?.backgroundSectionId;return o.jsx(p.Box,{className:C?"layout-block-background":"layout-block-component",sx:{...C?{gridColumn:"1 / -1",gridRow:`1 / ${Ge+1}`,zIndex:0,width:"100%",height:"100%","& .BlockBase-root":{width:"100%",height:"100%"}}:{position:"relative",gridColumn:`${P+1} / span ${U}`,gridRow:`${F+(He?0:1)} / span ${qe}`,zIndex:1,minWidth:0,minHeight:0,...F>0?{mt:ee?.item?.gap}:{},...P>0?{ml:ee?.item?.gap}:{},"& > .BlockBase-root":{height:"100%",width:"100%",boxSizing:"border-box",position:"relative",...te,...oe}}},children:i({id:f.id,type:f.component,config:{},section:{...f},mode:s})},f.id)},[n,s,i,g,u,c,ee,te,oe,$]),{backgroundElements:ue,contentElements:me}=h.useMemo(()=>{if(!d||!d.length||!l||!Object.keys(l).length)return{backgroundElements:[],contentElements:[]};const f=[],C=[];return d?.forEach((T,N)=>{const P=l[T];if(!P)return;const F=r?.config?.backgroundSectionId===T,U=de(P,F,N);U&&(F?f.push(U):C.push(U))}),{backgroundElements:f,contentElements:C}},[de,l,d]);return s==="draft"&&!ue?.length&&!me?.length?o.jsxs(p.Box,{sx:{gridColumn:"1 / -1",gridRow:"1",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2,border:f=>`2px dashed ${f.palette.divider}`,borderRadius:2,padding:4,color:"text.secondary",textAlign:"center",minHeight:"160px",position:"relative"},children:[o.jsx(p.Box,{sx:{fontSize:"48px",opacity:.5},children:"📐"}),o.jsx(p.Box,{sx:{fontSize:"16px",fontWeight:500,marginBottom:1},children:"Section Layout"}),o.jsx(p.Box,{sx:{opacity:.7,whiteSpace:"pre-line"},children:a("maker.layoutBlock.draftPlaceholder")}),o.jsx(p.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",opacity:.1,background:f=>`
-                repeating-linear-gradient(
-                  90deg,
-                  transparent,
-                  transparent calc(100% / ${u} - 1px),
-                  ${f.palette.grey[400]} calc(100% / ${u} - 1px),
-                  ${f.palette.grey[400]} calc(100% / ${u})
-                )
-              `}})]}):o.jsxs(Oe,{sx:{position:"relative",display:"grid",gridTemplateColumns:`repeat(${u}, minmax(0, 1fr))`,alignItems:"stretch",width:"100%",height:"100%",minWidth:0,bgcolor:y??Vo,boxSizing:"border-box",...Fe,...te,...oe},children:[r?.id&&o.jsx(p.GlobalStyles,{styles:f=>f.unstable_sx({[`#BlockBase-${r.id}`]:{...$&&{maxWidth:"unset !important",px:0},...Ue,...De,overflow:"hidden"}})}),ue,me]})},on=["title","description","actions","badge","tag","prepend","append","logo"];function nn({image:e,imageBorder:t,imageShadow:n,className:r,reverse:i=!1,fullSizeImage:s,...c}){const[a,l]=E(c,Q),d=Object.keys(a).length>0&&Object.values(le.default(a,on)).filter(Boolean).length>0&&o.jsx(X,{...a}),m=h.isValidElement(e)?e:o.jsx(p.Box,{component:"img",src:e,alt:"",className:"block"}),u=["phone","macbook"].includes(t),g=e&&o.jsx(p.Box,{className:b.cx("section__image","m-auto, leading-[1] text-center",n&&"shadow-xl",a?.center?"flex justify-center items-center":""),sx:{border:t===!0?"1px solid #c0c0c0":void 0,borderRadius:2,overflow:"hidden","> div":u?{width:"100%",video:{borderRadius:"0 !important"}}:void 0},children:u?o.jsx(re.default,{type:t,sx:{width:"100%"},children:m}):m});return o.jsx(Z,{className:b.cx("section--block",r,s&&!i&&b.css`
-            .section-bg {
-              height: 80%;
-            }
-          `),...l,boxProps:s?{sx:{padding:0,overflow:"hidden"}}:void 0,children:o.jsx(Le,{col:e?2:1,className:s?b.css`
-                display: flex;
-                flex-direction: column;
-
-                > .base-info,
-                > .section__image {
-                  width: 100%;
-
-                  > img,
-                  > video {
-                    width: 100%;
-                  }
-                }
-              `:void 0,children:i?o.jsxs(o.Fragment,{children:[g,d]}):o.jsxs(o.Fragment,{children:[d,g]})})})}const rn=[/youtu\.be\/([^#&?]{11})/,/\?v=([^#&?]{11})/,/&v=([^#&?]{11})/,/embed\/([^#&?]{11})/,/\/v\/([^#&?]{11})/];function sn(e){if(/youtu\.?be/.test(e))for(const t of rn){const n=t.exec(e)?.[1];if(n)return n}}function an(e){const t=sn(e);if(t)return`https://youtube.com/embed/${t}`}function ln({src:e}){return h.useEffect(()=>{import("@lottiefiles/lottie-player")},[]),o.jsx("lottie-player",{autoplay:!0,loop:!0,mode:"normal",src:e})}function cn(e){return o.jsx(p.Box,{sx:{maxHeight:400,overflow:"hidden auto"},children:o.jsx(bt.TwitterTimelineEmbed,{...e})})}function dn({url:e}){const t=h.useRef(null),n=495,[r,i]=h.useState(t.current?t.current.offsetWidth*.5625:n),s=h.useCallback(()=>{const c=window.innerWidth>990?1:window.innerWidth>522?1.2:window.innerWidth>400?1.45:1.85,a=t.current?t.current.offsetWidth*.5625:n;return i(Math.floor(a*c))},[]);return h.useEffect(()=>{window.addEventListener("resize",s);const c=window.innerWidth>990?1:window.innerWidth>522?1.2:window.innerWidth>400?1.45:1.85,a=t.current?t.current.offsetWidth*.5625:n;return i(Math.floor(a*c)),function(){window.removeEventListener("resize",s)}},[r,s]),o.jsx(p.Box,{component:"iframe",ref:t,title:"youtube",src:e,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,sx:{width:"100%",height:`${r}px`,display:"block"}})}const un={image:"https://www.arcblock.io/static/ead0cabde7f2b7ff34db8f3e8ceca271/afc4b/builder.png",badge:"Develop · Deploy · Run",title:"The Future is Here: Blockchain and Decentralized Application Development",description:"ArcBlock, your exclusive new decentralized development platform, makes developing decentralized applications, blockchain, and distributed ledger technology straightforward.",reverse:!1,dark:!1,background:"",actions:void 0,hasImage:!0,center:!1},mn=B.styled(nn)`
-  .section__description {
-  }
-`;function pn({hasImage:e,fullSizeImage:t,boxed:n,videoPoster:r,imageMeta:i,imageOptimization:s,imageSize:c,section:a,...l}){const[{editing:d},m]=E({...l,boxed:t?void 0:n},K);let u=xn(m.image,r,t,i,s,c);e||(u=null);let g=null;return m.actions&&(g=m.actions?.map?.((x,v)=>o.jsx(Ee,{...x,editing:d},v))),o.jsx(mn,{...m,style:d?{pointerEvents:"none"}:{},image:u,fullSizeImage:e&&t,actions:g})}function xn(e,t,n,r,i,s){if(e){if(e.endsWith(".json"))return o.jsx(ln,{src:e});if(e.indexOf("twitter.com")!==-1)return o.jsx(cn,{sourceType:"url",url:e});const c=an(e);if(c)return o.jsx(dn,{url:c});const{naturalWidth:a,naturalHeight:l,filename:d}=r||{};if(D(e))return o.jsx("video",{width:a&&`${a}px`,height:l&&`${l}px`,controls:!0,autoPlay:!0,muted:!0,style:{display:"block",objectFit:s||"contain",borderRadius:"8px",width:"100%",height:"100%"},poster:k.autoResizeImage(k.getImageAbsoluteUrl(t),n?1200:540,i),children:o.jsx("source",{src:k.getImageAbsoluteUrl(e),type:uo(e)})},e);const m=i==="quality"?1:.6;return o.jsx(ae.ResponsiveImage,{src:k.getImageAbsoluteUrl(e),sizesAttr:{sm:600*m,md:450*m,lg:540*m,...n&&{md:900*m,lg:1200*m}},width:a&&`${a}px`,height:l&&`${l}px`,alt:d??e,style:{objectFit:s||"contain",display:"block",width:"100%",height:"100%"},loading:"lazy"})}return null}const gn=["production","draft"];function hn({mode:e,version:t}={}){const n=t&&typeof t=="number"?{mode:e,version:t}:{mode:e};return k.api.get(`/api/${k.getProjectIdFromPathnameOrWindow()}/pages`,{params:n}).then(r=>r.data)}function fn({mode:e,routes:t}){return k.api.post(`/api/${k.getProjectIdFromPathnameOrWindow()}/pages/publish`,{mode:e,routes:t}).then(n=>n.data)}function bn({locale:e,sort:t,page:n,limit:r,mode:i}={}){return k.api.get(`/api/${k.getProjectIdFromPathnameOrWindow()}/pages/toc`,{params:{locale:e,sort:t,page:n,limit:r,mode:i}}).then(s=>s.data)}const yn={style:"list",sort:"-updatedAt"},je=20;function vn({style:e,sort:t,section:n,...r}){const[{editing:i,locale:s},c]=E(r,K),[a,l]=E(c,Q),[d,m]=h.useState(),u=h.useRef(!1),g=ge.useUpdate(),x=se.useNavigate(),v=h.useCallback(async()=>{if(!u.current){u.current=!0,g();try{const y=d?Math.floor(d.list.length/je)+1:1,{list:w,total:j}=await bn({locale:s,sort:t,page:y,limit:je});m(_=>({list:(_?.list??[]).concat(w),total:j}))}finally{u.current=!1,g()}}},[d,s,t,g]);return ge.useMount(()=>{v()}),o.jsxs(Z,{...l,sx:i?{pointerEvents:"none"}:{},children:[Object.keys(a).length>0&&o.jsx(X,{...a}),d?o.jsxs(o.Fragment,{children:[o.jsx(p.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:d?.list.map(y=>o.jsx(p.Grid,{size:{xs:12,sm:e==="card"?6:12,md:e==="card"?3:12},children:o.jsxs(wn,{elevation:0,className:b.cx(e==="card"&&"style-card"),onClick:i?void 0:()=>x(y.slug),children:[!!y.image&&o.jsx(p.CardMedia,{component:"img",alt:"",image:k.autoResizeImage(k.getImageAbsoluteUrl(y.image),540),loading:"lazy"}),o.jsxs(p.CardContent,{children:[o.jsx(p.Typography,{variant:"h6",component:"div",className:_e,children:y.title||y.id}),o.jsx(p.Typography,{variant:"body2",className:_e,children:y.description})]})]})},y.id))}),o.jsx(p.Box,{sx:{textAlign:"center",mt:2},children:d.total>d.list.length?o.jsx(q,{variant:"outlined",color:"secondary",onClick:v,loading:u.current,children:"More"}):o.jsx(q,{variant:"outlined",color:"secondary",disabled:!0,children:"No More"})})]}):o.jsx(p.Box,{sx:{p:2,textAlign:"center"},children:o.jsx(p.CircularProgress,{size:24})})]})}const _e=b.css`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,wn=B.styled(p.Card)`
-  border: 1px solid #e0e0e0;
-  background-color: transparent;
-  cursor: pointer;
-  display: flex;
-  color: inherit;
-
-  > .MuiCardMedia-root {
-    width: 30vw;
-    max-height: 50vw;
-  }
-
-  &.style-card {
-    display: block;
-
-    > .MuiCardMedia-root {
-      width: 100%;
-      max-height: 50vw;
-    }
-  }
-`,kn={iframe:Wo,section:pn,"section-card-list":Eo,toc:vn,"custom-component":Po,"layout-block":tn};function ze({id:e,type:t,mode:n,config:r,section:i,ignorePageMetaStyle:s,page:c,...a}){const l=kn[t],{getPageMetaStyle:d}=Yt(),m=h.useMemo(()=>{const{height:x,...v}=r;return t==="layout-block"&&(v.onBlockRender=y=>{const w={...r?.dev,...y?.config?.dev},{defaultLocale:j}=w,_={...le.default(r,["locale","editing"]),...y?.config,dev:w},{locale:R}=_;let $=c?.dataSource?.[y?.id]?.[R];return yt.default($)&&($=c?.dataSource?.[y?.id]?.[j??"en"]),o.jsx(ze,{...y,config:{...y?.section?.properties,...$,..._},page:c,ignorePageMetaStyle:!0})}),v},[r,t]),u=h.useMemo(()=>{const x={};return t!=="custom-component"&&(x.height=r.height),x.sx=s?void 0:d("sx"),x.id=`BlockBase-${e}`,x},[r.height,s,t,d]),g=l&&o.jsx(l,{mode:n,...m,id:e,section:i});return g?o.jsx(Xt,{...a,...u,children:g}):o.jsx(jn,{type:t})}function jn({type:e}){return o.jsx(p.Box,{sx:{p:2},children:o.jsxs(p.Alert,{icon:o.jsx(et.ErrorOutline,{}),color:"error",children:["Unsupported Block `",e,"`"]})})}exports.BlockRenderer=ze;exports.IFrameBlockDefaultProps=To;exports.PageProvider=Kt;exports.Provider=Zt;exports.STATE_MODES=gn;exports.SectionBlockDefaultProps=un;exports.TocDefaultProps=yn;exports.getPages=hn;exports.publishPages=fn;