@abtnode/blocklet-services 1.16.34-beta-20241126-120125-d0907434 → 1.16.34-beta-20241129-100152-679bd732

package/dist/assets/index-D9Cgh-AY.js

@@ -0,0 +1,721 @@
+import{aN as Re,aM as Ae,aO as Ee,ak as He,aP as D,aS as F,r as p,aQ as Ve,aR as De,j as t,aU as _,aV as We,X as Te,db as Oe,dc as Se,_ as Ue,cc as qe,aB as Q,Z as ie,$ as le,bA as f,ae as Ge,ar as X,aJ as Y,L as W,T as P,b as Qe,aK as de,B as w,bC as Xe,I as E,dd as ce,H as ue,de as pe,a1 as Ye,Q as he,k as q,df as Je,l as H,dg as Ke,dh as Ze}from"./index-jHlcxkEo.js";import{d as xe}from"./Menu-BW47wukv.js";import{T as et}from"./Toolbar-Kng3WhVc.js";import{H as me}from"./Hidden-CXUMFZRF.js";const G={50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",A100:"#a7ffeb",A200:"#64ffda",A400:"#1de9b6",A700:"#00bfa5"};function tt(e){return Re("MuiAppBar",e)}Ae("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);const nt=["className","color","enableColorOnDark","position"],at=e=>{const{color:n,position:a,classes:r}=e,i={root:["root",`color${D(n)}`,`position${D(a)}`]};return We(i,tt,r)},V=(e,n)=>e?`${e==null?void 0:e.replace(")","")}, ${n})`:n,ot=Ee(He,{name:"MuiAppBar",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:a}=e;return[n.root,n[`position${D(a.position)}`],n[`color${D(a.color)}`]]}})(({theme:e,ownerState:n})=>{const a=e.palette.mode==="light"?e.palette.grey[100]:e.palette.grey[900];return F({display:"flex",flexDirection:"column",width:"100%",boxSizing:"border-box",flexShrink:0},n.position==="fixed"&&{position:"fixed",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0,"@media print":{position:"absolute"}},n.position==="absolute"&&{position:"absolute",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0},n.position==="sticky"&&{position:"sticky",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0},n.position==="static"&&{position:"static"},n.position==="relative"&&{position:"relative"},!e.vars&&F({},n.color==="default"&&{backgroundColor:a,color:e.palette.getContrastText(a)},n.color&&n.color!=="default"&&n.color!=="inherit"&&n.color!=="transparent"&&{backgroundColor:e.palette[n.color].main,color:e.palette[n.color].contrastText},n.color==="inherit"&&{color:"inherit"},e.palette.mode==="dark"&&!n.enableColorOnDark&&{backgroundColor:null,color:null},n.color==="transparent"&&F({backgroundColor:"transparent",color:"inherit"},e.palette.mode==="dark"&&{backgroundImage:"none"})),e.vars&&F({},n.color==="default"&&{"--AppBar-background":n.enableColorOnDark?e.vars.palette.AppBar.defaultBg:V(e.vars.palette.AppBar.darkBg,e.vars.palette.AppBar.defaultBg),"--AppBar-color":n.enableColorOnDark?e.vars.palette.text.primary:V(e.vars.palette.AppBar.darkColor,e.vars.palette.text.primary)},n.color&&!n.color.match(/^(default|inherit|transparent)$/)&&{"--AppBar-background":n.enableColorOnDark?e.vars.palette[n.color].main:V(e.vars.palette.AppBar.darkBg,e.vars.palette[n.color].main),"--AppBar-color":n.enableColorOnDark?e.vars.palette[n.color].contrastText:V(e.vars.palette.AppBar.darkColor,e.vars.palette[n.color].contrastText)},!["inherit","transparent"].includes(n.color)&&{backgroundColor:"var(--AppBar-background)"},{color:n.color==="inherit"?"inherit":"var(--AppBar-color)"},n.color==="transparent"&&{backgroundImage:"none",backgroundColor:"transparent",color:"inherit"}))}),rt=p.forwardRef(function(n,a){const r=Ve({props:n,name:"MuiAppBar"}),{className:i,color:d="primary",enableColorOnDark:c=!1,position:s="fixed"}=r,u=De(r,nt),o=F({},r,{color:d,position:s,enableColorOnDark:c}),l=at(o);return t.jsx(ot,F({square:!0,component:"header",ownerState:o,elevation:4,className:_(l.root,i,s==="fixed"&&"mui-fixed"),ref:a},u))});function st(e,n){var a,r=Te(e),i=(a=n==null?void 0:n.wait)!==null&&a!==void 0?a:1e3,d=p.useMemo(function(){return Oe(function(){for(var c=[],s=0;s<arguments.length;s++)c[s]=arguments[s];return r.current.apply(r,Se([],Ue(c),!1))},i,n)},[]);return qe(function(){d.cancel()}),{run:d,cancel:d.cancel,flush:d.flush}}const it=Q(t.jsx("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"ExpandMore"),lt=Q(t.jsx("path",{d:"M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"}),"Menu"),dt=Q(t.jsx("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"}),"MoreHoriz"),fe=p.createContext(null),ct=e=>{const n=p.useContext(fe);return p.useLayoutEffect(()=>{},[]),n};function ut({children:e,...n}){const[a,r]=p.useState({inFullPage:!1,showToggleButton:!1,headerVisibleInFullPage:!0,footerVisibleInFullPage:!1,sidebarVisibleInFullPage:!1}),i=()=>{r(c=>({...c,inFullPage:!c.inFullPage}))},d=p.useMemo(()=>({...a,headerVisible:!a.inFullPage||a.headerVisibleInFullPage,footerVisible:!a.inFullPage||a.footerVisibleInFullPage,sidebarVisible:!a.inFullPage||a.sidebarVisibleInFullPage,toggleFullPage:i,configure:c=>r(s=>({...s,...c}))}),[a]);return t.jsx(fe.Provider,{value:d,...n,children:e})}var J={},pt=le;Object.defineProperty(J,"__esModule",{value:!0});var ge=J.default=void 0,ht=pt(ie()),xt=t;ge=J.default=(0,ht.default)((0,xt.jsx)("path",{d:"M21 11V3h-8l3.29 3.29-10 10L3 13v8h8l-3.29-3.29 10-10z"}),"OpenInFull");var K={},mt=le;Object.defineProperty(K,"__esModule",{value:!0});var be=K.default=void 0,ft=mt(ie()),gt=t;be=K.default=(0,ft.default)((0,gt.jsx)("path",{d:"M22 3.41 16.71 8.7 20 12h-8V4l3.29 3.29L20.59 2zM3.41 22l5.29-5.29L12 20v-8H4l3.29 3.29L2 20.59z"}),"CloseFullscreen");function bt({name:e,size:n=36,alt:a="",color:r="#000000",prefix:i="/images",showBadge:d=!1,style:c={},...s}){const u=`${i}/${e}-${r.replace(/^#/,"")}.png`;return t.jsxs(vt,{style:{width:n,height:n},children:[t.jsx(Ge,{width:n,height:n,alt:a||e,src:u,style:Object.assign({width:n},c),...s}),d&&t.jsx("i",{className:"badge-point"})]})}const vt=f("div")`
+  position: relative;
+  .badge-point {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    border-radius: 10px;
+    background-color: #fe4e44;
+    right: -2px;
+    top: 0;
+    box-shadow:
+      0px 1px 4px rgba(0, 0, 0, 0.3),
+      0px 0px 20px rgba(0, 0, 0, 0.1);
+  }
+`;var ve=function(n){return t.jsx("svg",{...n,children:t.jsxs("g",{fill:"none",fillRule:"evenodd",stroke:"#FFF",children:[t.jsx("path",{d:"M.5 13.077 22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25m-43.301 0 43.301-25"}),t.jsx("path",{d:"m22.15 38.077 10.826-6.25-10.825-18.75-10.825 18.75z"})]})})};ve.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"45",height:"52"};var ye=function(n){return t.jsx("svg",{...n,children:t.jsx("path",{fill:"#FFF",fillRule:"evenodd",d:"M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917h-7.09v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4v2.021c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"})})};ye.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"99",height:"18"};var je=function(n){return t.jsx("svg",{...n,children:t.jsxs("g",{fill:"none",fillRule:"evenodd",stroke:"#000",children:[t.jsx("path",{d:"M.5 13.077 22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25m-43.301 0 43.301-25"}),t.jsx("path",{d:"m22.15 38.077 10.826-6.25-10.825-18.75-10.825 18.75z"})]})})};je.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"45",height:"52"};var we=function(n){return t.jsx("svg",{...n,children:t.jsx("path",{fillRule:"evenodd",d:"M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917h-7.09v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4v2.021c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"})})};we.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"99",height:"18"};function Z({showText:e=!0,showLogo:n=!0,mode:a="dark",layout:r="vertical",size:i,style:d={},...c}){const s=a==="light",u=s?t.jsx(ve,{}):t.jsx(je,{}),o=s?t.jsx(ye,{className:"logo-text"}):t.jsx(we,{className:"logo-text"});return i&&(d.width=`${i}px`,d.height=`${i}px`),t.jsxs(yt,{layout:r,style:d,...c,children:[n&&u,e&&o]})}const yt=f("span")`
+  display: inline-flex;
+  flex-direction: ${e=>e.layout==="horizontal"?"row":"column"};
+  justify-content: center;
+  align-items: center;
+
+  .logo-text {
+    ${e=>e.layout==="vertical"?"margin-top: 8px;":""}
+    ${e=>e.layout==="vertical"?"":"margin-left: 8px;"};
+  }
+`;function jt({images:e,links:n,prefix:a="/images",addons:r,logo:i,...d}){const c=X(),s=Y(),u=(o,l)=>new RegExp(`/${l}`).test(s.pathname);return t.jsxs(wt,{...d,children:[t.jsx(W,{to:"/",className:"sidebar-logo",children:i||t.jsx(Z,{showText:!1,size:20})}),n.map(({url:o,name:l,title:x,showBadge:b})=>{const j=u(o,l);return t.jsxs(kt,{component:W,selected:j,to:o,children:[t.jsx(bt,{name:e[l],size:36,color:j?"#00c2c4":c.typography.color.main,prefix:a,showBadge:b}),t.jsx(P,{component:"span",className:"menu-title",children:x})]},o)}),t.jsx("div",{style:{flex:1}}),r]})}const wt=p.memo(f("div")`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+
+  && .sidebar-logo {
+    display: none;
+    border-bottom: 1px solid #eee;
+    background: ${e=>e.theme.palette.background.default};
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    padding: 10px 0;
+    text-align: center;
+    font-size: 0;
+  }
+  ${e=>e.theme.breakpoints.down("md")} {
+    && .sidebar-logo {
+      display: block;
+    }
+  }
+`),re="linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255, 230, 0))",kt=f(Qe)`
+  && {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    transition: all 200ms ease-in-out;
+    background: ${e=>e.selected?re:""};
+    padding: 24px 0;
+    border-left: 2px solid ${e=>e.selected?G.A700:"transparent"};
+    border-radius: 0;
+
+    &:hover {
+      background: ${re};
+      border-left-color: ${G.A700};
+    }
+
+    .menu-title {
+      margin-top: 8px;
+      font-size: 12px;
+      font-weight: 500;
+      text-align: center;
+      text-transform: capitalize;
+      letter-spacing: normal;
+      width: 80%;
+      color: ${e=>e.theme.palette.text.primary};
+    }
+  }
+`,$t=f(rt)`
+  && {
+    z-index: ${e=>e.theme.zIndex.drawer};
+    background: ${e=>e.theme.palette.background.default};
+    box-shadow: none;
+    top: 0;
+    height: auto;
+  }
+  .header-toolbar {
+    background: ${e=>e.theme.palette.background.default};
+    color: ${e=>e.theme.palette.text.primary};
+    margin: ${e=>e.theme.spacing(1)}px 0;
+  }
+  .header-link {
+    display: flex;
+    text-decoration: none;
+    flex-shrink: 1;
+    overflow: hidden;
+  }
+  .header-logo {
+    margin-right: 20px;
+  }
+  .header-title {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+  }
+  .header-title__primary {
+    font-size: 24px;
+    font-weight: 800;
+    color: ${e=>e.theme.typography.color.main};
+    text-transform: uppercase;
+    display: flex;
+    align-items: center;
+  }
+  .header-title__secondary {
+    font-size: 14px;
+    line-height: 1.71;
+    color: ${e=>e.theme.typography.color.gray};
+  }
+
+  .header-addons {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-shrink: 9999999;
+
+    .user-addon {
+      .header-avatar {
+        width: 32px;
+        border-radius: 16px;
+        height: auto;
+      }
+    }
+  }
+  .header-menu {
+    display: none;
+  }
+  ${e=>e.theme.breakpoints.down("md")} {
+    .header-title {
+      display: none;
+    }
+    .header-title__primary {
+      font-size: 20px;
+    }
+    .header-menu {
+      display: block;
+    }
+  }
+`;function zt({onToggleMenu:e,brand:n,description:a,addons:r,brandAddon:i,homeUrl:d="/",logo:c,children:s,...u}){return t.jsx($t,{position:"sticky",className:"header",...u,children:t.jsxs(et,{disableGutters:!1,className:"header-toolbar",children:[t.jsx(de,{color:"inherit","aria-label":"open drawer",edge:"start",className:"header-menu","aira-label":"header menu button",onClick:e,children:t.jsx(xe,{})}),t.jsxs(W,{to:d,className:"header-link",children:[t.jsx(me,{mdDown:!0,children:t.jsx("div",{className:"header-logo",children:c||t.jsx(Z,{showText:!1})})}),t.jsxs("div",{className:"header-title",children:[t.jsxs(P,{component:"h2",noWrap:!0,className:"header-title__primary",children:[n,i]}),t.jsx(P,{component:"p",noWrap:!0,className:"header-title__secondary",children:a})]})]}),t.jsx(w,{flexGrow:1}),!!s&&t.jsx("div",{className:"header-children",children:s}),t.jsx("div",{className:"header-addons",children:r})]})})}function O(e){var x;const n=Xe(e,O,["dark","style"]),{className:a,copyStart:r,style:i,brand:d,dark:c,addon:s}=n,u=`${new Date().getFullYear()}`,o=`${r}`,l=u===o?u:`${o}-${u}`;return t.jsxs(Nt,{className:a,style:i,dark:c,children:[t.jsx(E,{maxWidth:!1,children:t.jsxs(P,{component:"div",className:"footer",children:[t.jsxs(P,{component:"p",className:"footer-item",children:[t.jsxs("span",{className:"footer-copy",children:["Copyright © ",l," "]}),t.jsx("span",{className:"footer-brand",children:d})]}),s&&t.jsx(P,{component:"div",className:"footer-item",sx:{order:{xs:"-1",md:"initial"},ml:{xs:0,md:"auto"},width:{xs:"100%",md:"auto"}},children:s}),t.jsxs(P,{component:"p",className:"footer-item",style:{justifyContent:"flex-end",flexShrink:0},children:["Powered by",t.jsx(Z,{mode:c?"light":"dark",layout:"horizontal",className:"logo-container"})]})]})}),t.jsx(w,{position:"absolute",right:16,bottom:0,fontSize:12,sx:{color:"transparent","::selection":{background:"#000",color:"#fff"}},children:(x=window==null?void 0:window.blocklet)==null?void 0:x.version})]})}O.defaultProps={dark:!1,className:"",copyStart:"2017",brand:"ArcBlock",style:{},addon:null};const Nt=f("div",{shouldForwardProp:e=>e!=="dark"})`
+  position: relative;
+  margin-top: 64px;
+  padding: 24px 0 32px;
+  border-top: 1px solid ${e=>e.dark?e.theme.palette.grey[900]:"#dee2e7"};
+  box-sizing: border-box;
+  width: 100%;
+
+  @media (max-width: 540px) {
+    padding: 8px 0;
+  }
+
+  .footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .footer-item {
+      color: ${({theme:e,dark:n})=>n?e.palette.grey[500]:e.palette.grey[900]};
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      font-size: 0.9rem;
+    }
+
+    .footer-brand {
+      margin-left: 8px;
+      margin-right: 8px;
+    }
+
+    .logo-container {
+      margin-left: 24px;
+      width: 90px;
+      opacity: 0.5;
+    }
+
+    @media (max-width: 540px) {
+      .footer-item {
+        font-size: 0.7rem;
+      }
+
+      .logo-container {
+        margin: 0 0 0 16px;
+        width: 70px;
+        height: 40px;
+      }
+    }
+
+    @media (max-width: 380px) {
+      .footer-item {
+        font-size: 0.65rem;
+      }
+
+      .logo-container {
+        margin: 0 0 0 8px;
+        height: 24px;
+      }
+    }
+  }
+`,Ct=f("div")`
+  &.dashboard {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+  }
+  .dashboard__body {
+    overflow: hidden;
+    flex: 1;
+  }
+  .dashboard__main {
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    flex: 1;
+  }
+  .dashboard__content {
+    flex: 1;
+  }
+
+  .drawerPaper {
+    position: relative;
+    white-space: nowrap;
+    width: 120px;
+    background: ${e=>e.theme.palette.background.default};
+    box-shadow: 2px 16px 10px 0 rgba(0, 0, 0, ${e=>e.theme.mode==="light"?.05:.5});
+    border: 0;
+  }
+`;function Mt({links:e=[],brand:n="",description:a="",images:r,title:i="Home",brandAddon:d,headerAddon:c,prefix:s="/images",fullWidth:u=!1,contentLayout:o="column",className:l="",homeUrl:x="/",logo:b,children:j,...z}){const m=ce(document.body),v=(m==null?void 0:m.width)||0,[M,I]=p.useState(v>=960?"permanent":"temporary"),[B,R]=p.useState(M==="permanent");p.useEffect(()=>{const k=v>=960?"permanent":"temporary";I(k),R(k!=="temporary")},[v]);const $=()=>{R(!B)},g=u||o==="row";return t.jsxs(Ct,{className:`dashboard ${l}`,...z,children:[t.jsx(ue,{title:`${i}-${n}`}),t.jsx(zt,{className:"dashboard__header",onToggleMenu:$,brand:n,brandAddon:d,description:a,addons:c,homeUrl:x,logo:b}),t.jsxs(w,{display:"flex",className:"dashboard__body",children:[t.jsx(pe,{variant:M,className:"drawer",classes:{paper:"drawerPaper"},open:B,onClose:$,ModalProps:{disablePortal:!0,keepMounted:!0},children:t.jsx(jt,{className:"dashboard__sidebar",images:r,links:e,prefix:s,logo:b})}),t.jsxs(w,{className:"dashboard__main",children:[t.jsx(E,{maxWidth:g?!1:"lg",className:"dashboard__content",children:j}),t.jsx(O,{})]})]})]})}function It({height:e,...n}){return t.jsx(Pt,{height:e,...n})}const Pt=f(w)`
+  overflow: hidden;
+  &:before {
+    content: '';
+    display: inline-block;
+    width: 1px;
+    height: 100%;
+    float: left;
+  }
+  > * {
+    float: left;
+    white-space: nowrap;
+  }
+`;function ke({logo:e=null,brand:n=null,brandAddon:a=null,description:r=null,children:i=null,addons:d=null,prepend:c=null,align:s="left",maxWidth:u,homeLink:o="/",...l}){const x=p.useRef(null),[b,j]=p.useState("0px"),z={minWidth:b};p.useEffect(()=>{const{searchParams:m}=new URL(window.location.href);m.get("inviter")&&window.localStorage.setItem("inviter",m.get("inviter")),x.current&&j(`${x.current.offsetWidth}px`)},[]);const N=()=>{const m=t.jsxs(t.Fragment,{children:[e&&t.jsx("div",{className:"header-logo",ref:x,children:e}),n&&t.jsx(It,{height:44,sx:{flexShrink:{xs:1}},children:t.jsxs("div",{className:"header-brand",children:[t.jsx("div",{className:"header-brand-title",children:t.jsx("h2",{children:n})}),t.jsx("div",{className:"header-brand-desc",children:r})]})})]});return typeof o=="function"?o(m):t.jsx("a",{href:o,children:m})};return t.jsx(Lt,{...l,children:t.jsxs(E,{maxWidth:u,className:"header-container",children:[c,t.jsx("div",{className:"header-brand-wrapper",style:z,children:N()}),t.jsx("div",{className:"header-brand-addon",children:a}),s==="right"&&t.jsx(w,{display:"inline-block",flexGrow:1}),i,s==="left"&&t.jsx(w,{display:"inline-block",flexGrow:1}),t.jsx("div",{className:"header-addons",children:d})]})})}const Lt=f(w)`
+  position: relative;
+  z-index: ${e=>e.theme.zIndex.appBar};
+  font-size: 14px;
+  background: ${e=>e.theme.palette.common.white};
+  .header-container {
+    display: flex;
+    align-items: center;
+    height: 64px;
+  }
+
+  .header-brand-wrapper {
+    flex-shrink: 2;
+    > a {
+      display: flex;
+      align-items: center;
+      height: 100%;
+      line-height: 1;
+      color: inherit;
+      text-decoration: none;
+    }
+  }
+  .header-brand-wrapper .header-logo {
+    display: inline-flex;
+    position: relative;
+    height: 44px;
+    margin-right: 16px;
+    img,
+    svg {
+      width: auto;
+      height: 100%;
+      max-height: 100%;
+    }
+  }
+  .header-brand {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: 44px;
+    margin-right: 16px;
+    line-height: 1;
+    a {
+      color: inherit;
+      text-decoration: none;
+    }
+    .header-brand-title {
+      display: flex;
+      align-items: center;
+      h2 {
+        margin: 0;
+        font-size: 16px;
+      }
+    }
+    .header-brand-desc {
+      margin-top: 4px;
+      color: #9397a1;
+    }
+  }
+  .header-brand-addon {
+    margin-right: 16px;
+  }
+  .header-addons {
+    display: flex;
+    align-items: center;
+  }
+  ${e=>e.theme.breakpoints.down("lg")} {
+    .header-brand {
+      margin-right: 12px;
+      .header-brand-title {
+        h2 {
+          font-size: 14px;
+        }
+      }
+    }
+    .header-brand-addon {
+      display: none;
+    }
+  }
+  ${e=>e.theme.breakpoints.down("md")} {
+    .header-menu {
+      display: inline-block;
+    }
+    .header-logo {
+      height: 32px;
+    }
+    .header-brand {
+      .header-brand-title {
+        h2 {
+          font-size: 13px;
+        }
+      }
+      .header-brand-desc {
+        font-size: 12px;
+      }
+    }
+  }
+`;function _t({menu:e,prepend:n,children:a,...r}){const i=X(),d=Ye(i.breakpoints.down("md")),[c,s]=p.useState(!1),u=typeof a=="function"?a({isMobile:d,closeMenu:()=>s(!1)}):a,o=he({changed:!1,value:"",priority:""});return q(()=>{var l;if((l=document.documentElement)!=null&&l.style){const x=()=>{o.changed&&(o.value?document.documentElement.style.setProperty("overflow",o.value,o.priority):document.documentElement.style.removeProperty("overflow"),o.value="",o.priority="",o.changed=!1)};return c?(o.changed=!0,o.value=document.documentElement.style.getPropertyValue("overflow"),o.priority=document.documentElement.style.getPropertyPriority("overflow"),document.documentElement.style.setProperty("overflow","revert","important")):x(),x}return()=>{}},[c]),a?t.jsxs(Bt,{prepend:n||t.jsx(de,{sx:{color:i.palette.grey[500]},edge:"start",className:"header-menu","aria-label":"header menu button",onClick:()=>s(!c),children:c?t.jsx(Je,{}):t.jsx(xe,{})}),...r,children:[!d&&u,d&&t.jsx(pe,{open:c,onClose:()=>s(!1),ModalProps:{disablePortal:!1,keepMounted:!0,BackdropComponent:void 0},anchor:"top",sx:{top:64,zIndex:i.zIndex.appBar-1},PaperProps:{style:{top:64,bottom:0,boxShadow:"none"}},children:t.jsx(Ft,{children:u})})]}):t.jsx(ke,{prepend:n,...r})}const Bt=f(ke)`
+  .header-menu {
+    display: none;
+  }
+  ${e=>e.theme.breakpoints.down("md")} {
+    .header-menu {
+      display: flex;
+      margin-right: 12px;
+    }
+  }
+`,Ft=f(E)`
+  padding-top: 8px;
+  padding-bottom: 16px;
+  .navmenu {
+    margin: 0 -16px;
+    .navmenu-root > .navmenu-item,
+    .navmenu-root > .navmenu-sub {
+      border: 0;
+    }
+  }
+`,$e=f("nav",{shouldForwardProp:e=>e!=="$bgColor"&&e!=="$textColor"&&e!=="$activeTextColor"})`
+  background-color: ${e=>e.$bgColor};
+  font-size: 16px;
+  // width: 100%;
+  ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  .navmenu-item,
+  .navmenu-sub {
+    display: flex;
+    align-items: center;
+  }
+  a {
+    color: inherit;
+    text-decoration: none;
+  }
+  /* active/hover */
+  .navmenu-item,
+  .navmenu-sub {
+    color: ${e=>e.$textColor};
+  }
+  .navmenu-item--active,
+  .navmenu-item:hover,
+  .navmenu-sub--opened {
+    color: ${e=>e.$activeTextColor};
+  }
+
+  .navmenu-item {
+    position: relative;
+    cursor: pointer;
+    transition: color 0.2s ease-in-out;
+    a {
+      white-space: nowrap;
+    }
+    a::before {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      background-color: transparent;
+      content: '';
+    }
+  }
+
+  .navmenu-sub {
+    position: relative;
+    cursor: pointer;
+  }
+  /* icon & expand icon */
+  .navmenu-item-icon,
+  .navmenu-sub-icon,
+  .navmenu-sub-expand-icon {
+    display: flex;
+    line-height: 1;
+  }
+  .navmenu-item-icon,
+  .navmenu-sub-icon {
+    margin-right: 4px;
+  }
+  .navmenu-item-icon > *,
+  .navmenu-sub-icon > * {
+    width: auto;
+    height: 22px;
+    max-height: 22px;
+    font-size: 1.5em;
+  }
+  .navmenu-sub-expand-icon {
+    margin-left: 8px;
+    > * {
+      width: 0.8em;
+      height: 0.8em;
+      transition: transform 0.2s ease-in-out;
+    }
+  }
+`,Rt=f($e)`
+  padding: 8px 16px;
+  min-width: 50px;
+  // FIXME: @zhanghan 这个只是临时的解决方案，会导致 header align right 不能真正的右对齐，需要修改 header 才能真正解决这个问题
+  flex-grow: 100;
+
+  .navmenu-root {
+    display: flex;
+    align-items: center;
+  }
+  /* 顶级菜单间隔 */
+  .navmenu-root > .navmenu-item,
+  .navmenu-root > .navmenu-sub {
+    margin-left: 24px;
+    white-space: nowrap;
+  }
+  .navmenu-root > .navmenu-item:first-of-type,
+  .navmenu-root > .navmenu-sub:first-of-type {
+    margin-left: 0;
+  }
+
+  /* 子级列表 */
+  .navmenu-sub-container {
+    display: none;
+    position: absolute;
+    top: 100%;
+  }
+  .navmenu-sub-list {
+    padding: 16px;
+    border-radius: 4px;
+    background: #fff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+    .navmenu-item + .navmenu-item {
+      margin-top: 8px;
+    }
+  }
+  /* 二级 sub menu */
+  .navmenu-root > .navmenu-sub {
+    white-space: nowrap;
+    > .navmenu-sub-container {
+      left: 50%;
+      transform: translateX(-50%);
+      padding-top: 16px;
+    }
+    &.navmenu-sub--opened > .navmenu-sub-container {
+      display: block;
+    }
+  }
+`,At=f($e)`
+  font-size: 16px;
+  .navmenu-root {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+  }
+  .navmenu-item,
+  .navmenu-sub {
+    padding: 0 16px;
+  }
+  & .navmenu-sub {
+    flex-wrap: wrap;
+  }
+  /* 顶级 */
+  .navmenu-root > .navmenu-item,
+  .navmenu-root > .navmenu-sub {
+    line-height: 48px;
+    border-bottom: 1px solid #eee;
+  }
+  /* icon */
+  .navmenu-item-icon,
+  .navmenu-sub-icon {
+    width: 30px;
+    margin: 0;
+  }
+  .navmenu-sub-expand-icon {
+    margin-left: auto;
+  }
+  /* 子级列表 */
+  .navmenu-sub-container {
+    display: none;
+    flex: 1 0 100%;
+    margin: 0 -16px;
+    padding-bottom: 8px;
+    .navmenu-item,
+    .navmenu-sub {
+      line-height: 32px;
+    }
+  }
+  .navmenu-sub-list {
+    padding-left: 16px;
+    .navmenu-item,
+    .navmenu-sub {
+      padding-left: 30px;
+      font-size: 13px;
+    }
+  }
+  /* 二级 menu */
+  .navmenu-sub--opened > .navmenu-sub-container {
+    display: block;
+  }
+`,ee=p.createContext(null);function ze(e){return e?p.Children.toArray(e).filter(n=>p.isValidElement(n)?n.type===ne||n.type===T:!1):null}function Ne(e){return p.useRef(e||`navmenu-item-id-${Math.random().toString(36).slice(2)}`).current}function te({items:e=[],mode:n="horizontal",children:a=null,activeId:r=null,textColor:i="#9397a1",activeTextColor:d="#25292f",bgColor:c="#fff",onSelected:s,...u}){var ae;const o=ze(a);if(!(e!=null&&e.length)&&!(o!=null&&o.length))throw new Error("One of 'items' or 'children' is required by NavMenu component.");const l=he({activeId:r,openedIds:[],hiddenItemCount:0}),x=H(h=>{l.activeId=h,s==null||s(h)}),b=H(h=>{l.openedIds.push(h)}),j=H(h=>{l.openedIds=l.openedIds.filter(y=>y!==h)}),z=q(()=>({...l,mode:n,activate:x,open:b,close:j}),[l.activeId,l.hiddenItemCount,l.openedIds,n,x,b,j]),N=p.useRef(null),m=p.useRef([]),v=p.useRef(null),M=l.hiddenItemCount===((ae=m.current)==null?void 0:ae.length),I=M?{marginLeft:"0px"}:void 0,B=q(()=>M?t.jsx(lt,{}):t.jsx(dt,{}),[M]),R=h=>p.Children.map(h,(y,L)=>p.cloneElement(y,{ref:C=>{m.current[L]=C}})),$=ce(N.current),{run:g}=st(H(()=>{let h=0,y=0,L=!1;const C=($==null?void 0:$.width)||0,U=v.current?v.current.offsetWidth+parseFloat(window.getComputedStyle(v.current).marginLeft):0;m.current.forEach((A,Be)=>{if(A){A.style.display="flex";const Fe=Be>0?parseFloat(window.getComputedStyle(A).marginLeft):0,oe=A.offsetWidth+Fe;C-U>=h+oe&&!L?h+=oe:(A.style.display="none",L=!0,y++)}}),y!==l.hiddenItemCount&&(l.hiddenItemCount=y)}),{wait:100});p.useLayoutEffect(()=>{n==="horizontal"&&g()},[$==null?void 0:$.width,n]),p.useEffect(()=>{if(n==="horizontal")return g(),window.addEventListener("resize",g),()=>{window.removeEventListener("resize",g)}},[n,e]),p.useEffect(()=>{r!=null&&(l.activeId=r)},[r]);const k=_("navmenu",`navmenu--${n}`,u.className),S=(h,y,L=!1)=>h!=null&&h.children?t.jsx(T,{id:h.id,icon:h.icon,label:h.label,ref:L?C=>{m.current[y]=C}:void 0,children:h.children.map((C,U)=>S(C,U,!1))},h.id):t.jsx(ne,{id:h.id,icon:h.icon,label:h.label,active:h.active,ref:L?C=>{m.current[y]=C}:void 0},h.id),Le=e?e==null?void 0:e.slice(-l.hiddenItemCount).map((h,y)=>S(h,y)):o==null?void 0:o.slice(-l.hiddenItemCount),_e=n==="inline"?At:Rt;return t.jsx(ee.Provider,{value:z,children:t.jsx(_e,{...u,className:k,$textColor:i,$activeTextColor:d,$bgColor:c,children:t.jsxs("ul",{className:"navmenu-root",ref:N,children:[e?e.map((h,y)=>S(h,y,!0)):R(o||[]),l.hiddenItemCount>0&&t.jsx(T,{expandIcon:!1,icon:B,label:"",ref:v,style:I,children:Le})]})})})}const ne=p.forwardRef(({id:e="",icon:n=null,label:a="",active:r=!1,onClick:i=null,...d},c)=>{const s=Ne(e),{activeId:u,activate:o}=p.useContext(ee)||{},l=_("navmenu-item",{"navmenu-item--active":u===s},d.className);p.useEffect(()=>{r&&(o==null||o(s))},[r]);const x=()=>{i==null||i(),o==null||o(s)};return t.jsxs("li",{...d,className:l,onClick:x,ref:c,children:[n&&t.jsx("span",{className:"navmenu-item-icon",children:n}),t.jsx("span",{className:"navmenu-item-label",children:a})]})}),T=p.forwardRef(({id:e="",icon:n=null,label:a=null,children:r,expandIcon:i=({isOpen:s})=>t.jsx(it,{style:{transform:`rotate(${s?180:0}deg)`}}),...d},c)=>{const s=Ne(e),{openedIds:u,open:o,close:l,mode:x}=p.useContext(ee)||{},b=(u==null?void 0:u.includes(s))??!1,j=_("navmenu-sub",{"navmenu-sub--opened":b},d.className),z=x==="inline",N=z?{onClick:()=>{u!=null&&u.includes(s)?l==null||l(s):o==null||o(s)}}:{onMouseEnter:()=>o==null?void 0:o(s),onMouseLeave:()=>l==null?void 0:l(s)},m=z?{onClick:v=>v.stopPropagation()}:{};return t.jsxs("li",{...d,className:j,...N,ref:c,children:[n&&t.jsx("span",{className:"navmenu-sub-icon",children:n}),t.jsx("span",{className:"navmenu-sub-label",children:a}),i&&t.jsx("span",{className:"navmenu-sub-expand-icon",children:typeof i=="function"?i({isOpen:b}):i}),t.jsx("div",{className:"navmenu-sub-container",...m,children:t.jsx("ul",{className:"navmenu-sub-list",children:ze(r)})})]})});te.Item=ne;te.Sub=T;function Ce({routerLinkComponent:e,to:n,external:a=!1,children:r,...i}){return a?t.jsx("a",{href:n,...i,children:r}):t.jsx(e,{to:n,...i,children:r})}function Me(e){return t.jsx(Ce,{routerLinkComponent:W,...e})}function Et({className:e="",...n}){const a=typeof e=="function"?e():e;return t.jsx(Ce,{routerLinkComponent:Ke,className:a,...n})}function Ie(e,n){var u;if((u=e.children)!=null&&u.length)return Ht(e,n);const{url:a,icon:r,title:i,showBadge:d,external:c,active:s}=e;return t.jsx("li",{className:"layout-sidebar-item",children:t.jsxs(Et,{external:c,to:a,className:()=>_("layout-sidebar-link",{"layout-sidebar-link--active":c?s:!1}),children:[r&&t.jsx("span",{className:`layout-sidebar-icon ${d?"layout-sidebar-badge":""}`,children:r}),t.jsx(P,{component:"span",className:"layout-sidebar-link-text",children:i})]})},`${a}-${n}`)}function Ht(e,n){return t.jsxs("li",{className:"layout-sidebar-group",children:[t.jsx("span",{className:"layout-sidebar-group-title",children:e.title}),t.jsx("ul",{children:e.children.map(Ie)})]},`group-${e.title}-${n}`)}function se({links:e,addons:n,dense:a=!1,...r}){return t.jsxs(Dt,{...r,className:_({"layout-sidebar-dense":a}),children:[t.jsx("ul",{children:e.map(Ie)}),t.jsx("div",{style:{flex:1}}),n]})}const Vt="linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255, 230, 0))",Dt=f("div")`
+  display: flex;
+  flex-direction: column;
+  ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  .layout-sidebar-link {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 22px 24px;
+    color: ${e=>e.theme.palette.text.secondary};
+    text-decoration: none;
+
+    &:hover,
+    &.layout-sidebar-link--active {
+      color: ${e=>e.theme.palette.primary.main};
+      background: ${Vt};
+      border-left-color: ${G.A700};
+    }
+  }
+  .layout-sidebar-icon {
+    display: inline-block;
+    width: 32px;
+    height: 32px;
+    > img,
+    > svg {
+      width: 32px;
+      height: 32px;
+    }
+  }
+  .layout-sidebar-badge {
+    position: relative;
+    &:after {
+      content: '';
+      position: absolute;
+      width: 10px;
+      height: 10px;
+      border-radius: 10px;
+      background-color: #fe4e44;
+      right: -2px;
+      top: 0;
+      box-shadow:
+        0px 1px 4px rgba(0, 0, 0, 0.3),
+        0px 0px 20px rgba(0, 0, 0, 0.1);
+    }
+  }
+  .layout-sidebar-link-text {
+    margin-top: 8px;
+    font-size: 12px;
+    font-weight: 500;
+    text-align: center;
+    text-transform: capitalize;
+    letter-spacing: normal;
+  }
+  /* dense=false 时隐藏 group title */
+  .layout-sidebar-group-title {
+    display: none;
+  }
+  &.layout-sidebar-dense {
+    box-sizing: border-box;
+    padding: 20px 0;
+    font-weight: bold;
+    .layout-sidebar-item {
+      padding: 0 16px;
+    }
+    .layout-sidebar-item + .layout-sidebar-item {
+      margin-top: 1px;
+    }
+    .layout-sidebar-link {
+      box-sizing: border-box;
+      flex-direction: row;
+      align-items: center;
+      width: 100%;
+      padding: 8px;
+      &:hover,
+      &.layout-sidebar-link--active {
+        color: ${e=>e.theme.palette.grey[900]};
+        background: ${e=>e.theme.palette.grey[100]};
+        border: 0;
+        border-radius: 4px;
+      }
+    }
+    .layout-sidebar-icon {
+      display: inline-block;
+      width: 20px;
+      height: 20px;
+      margin-right: 8px;
+      > img,
+      > svg {
+        width: 20px;
+        height: 20px;
+      }
+    }
+    .layout-sidebar-badge {
+      &:after {
+        width: 6px;
+        height: 6px;
+        border-radius: 6px;
+        right: -2px;
+        top: 0;
+      }
+    }
+    .layout-sidebar-link-text {
+      margin-top: 0;
+      font-size: 14px;
+      line-height: 1;
+    }
+    .layout-sidebar-group {
+      color: ${e=>e.theme.palette.text.hint};
+      .layout-sidebar-group-title {
+        display: inline-block;
+        padding: 8px 0 8px 24px;
+        font-size: 13px;
+        text-transform: uppercase;
+      }
+    }
+    .layout-sidebar-group + .layout-sidebar-group,
+    .layout-sidebar-group + .layout-sidebar-item,
+    .layout-sidebar-item + .layout-sidebar-group {
+      margin-top: 16px;
+    }
+  }
+`;function Wt({closeMenu:e,...n}){const a=Y();return p.useEffect(()=>{e()},[a]),t.jsx(te,{...n})}function Pe(e,n){return e.map(a=>{var r;return(r=a.children)!=null&&r.length?{...a,label:a.title,children:Pe(a.children,n)}:{...a,label:t.jsx(Me,{to:a.url,external:a.external,children:a.title}),active:a.external?a.active:!!Ze({path:a.url,end:!1},n.pathname)}})}function Tt({title:e="Home",headerProps:n={},links:a=[],sidebarWidth:r=120,fullWidth:i=!1,dense:d="auto",footerProps:c={},children:s,...u}){const o=X(),{inFullPage:l,showToggleButton:x,headerVisible:b,footerVisible:j,sidebarVisible:z,toggleFullPage:N}=ct(),m=Y(),v=p.useMemo(()=>Pe(a,m),[m,a]),M=v.some(g=>{var k;return!!((k=g.children)!=null&&k.length)}),I=d==="auto"?v.length>=8||M:d,B=_("dashboard",{"dashboard-dense":I},u.className),$={homeLink:g=>{var k;return t.jsx(Me,{to:((k=window.blocklet)==null?void 0:k.prefix)||"/",children:g})},...n};return p.useEffect(()=>{const{searchParams:g}=new URL(window.location.href);g.get("inviter")&&window.localStorage.setItem("inviter",g.get("inviter"))},[]),t.jsxs(Ot,{...u,className:B,sidebarWidth:r,children:[t.jsx(ue,{title:e},e),b&&t.jsx(St,{...$,className:"dashboard-header",children:a!=null&&a.length?({isMobile:g,closeMenu:k})=>g?t.jsx(Wt,{mode:"inline",items:v,closeMenu:k,bgColor:"transparent",activeTextColor:o.palette.primary.main}):null:null}),t.jsxs(w,{display:"flex",className:"dashboard-body",children:[t.jsx(me,{mdDown:!0,children:!!(a!=null&&a.length)&&z&&t.jsx(w,{className:"dashboard-sidebar",children:I?t.jsx(se,{links:a,dense:I}):t.jsx(w,{className:"dashboard-sidebar-container",children:t.jsx(se,{links:a,dense:I})})})}),t.jsxs(w,{className:"dashboard-main",children:[x&&t.jsx(w,{sx:{position:"absolute",top:4,right:4,display:"flex",justifyContent:"center",alignItems:"center",width:24,height:24,color:"#fff",bgcolor:"rgba(158,158,158, 0.6);",borderRadius:1,cursor:"pointer"},onClick:N,children:l?t.jsx(be,{style:{fontSize:18}}):t.jsx(ge,{style:{fontSize:18}})}),t.jsx(E,{className:"dashboard-content",...i&&{maxWidth:!1},children:s}),j&&t.jsx(O,{...c})]})]})]})}const Ot=f("div",{shouldForwardProp:e=>e!=="sidebarWidth"})`
+  &.dashboard {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+  }
+  .dashboard-body {
+    overflow: hidden;
+    flex: 1;
+  }
+  .dashboard-sidebar {
+    box-sizing: border-box;
+    flex: 0 0 auto;
+    width: ${e=>e.sidebarWidth}px;
+    overflow: hidden;
+    &:hover {
+      overflow-y: auto;
+    }
+  }
+  .dashboard-sidebar-container {
+    width: ${e=>e.sidebarWidth}px;
+  }
+  .dashboard-main {
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    flex: 1;
+    position: relative;
+  }
+  .dashboard-content {
+    flex: 1;
+  }
+  &.dashboard-dense {
+    .dashboard-header {
+      border-bottom: 1px solid #eee;
+    }
+    .dashboard-sidebar {
+      width: 256px;
+      border-right: 1px solid #eee;
+    }
+  }
+  ${e=>e.theme.breakpoints.up("md")} {
+    .header-logo {
+      display: flex;
+      justify-content: center;
+    }
+    &.dashboard-dense {
+      .header-logo {
+        /* dense = true 时 logo 与 sidenav icons 不需要对齐 */
+        width: auto;
+      }
+    }
+  }
+`,St=f(_t)`
+  .header-container {
+    max-width: 100%;
+  }
+`;function Xt({legacy:e=!0,...n}){return e?t.jsx(Mt,{...n}):t.jsx(ut,{children:t.jsx(Tt,{...n})})}export{Xt as D,te as N,_t as R,ct as u};