@blocklet/pages-kit-inner-components 0.4.108 → 0.4.110

package/lib/cjs/add-component.js

@@ -1,4 +1,4 @@
-"use strict";var XI=Object.create;var II=Object.defineProperty;var TI=Object.getOwnPropertyDescriptor;var WI=Object.getOwnPropertyNames;var xI=Object.getPrototypeOf,YI=Object.prototype.hasOwnProperty;var rI=(C,s,w,A)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of WI(s))!YI.call(C,o)&&o!==w&&II(C,o,{get:()=>s[o],enumerable:!(A=TI(s,o))||A.enumerable});return C};var hI=(C,s,w)=>(w=C!=null?XI(xI(C)):{},rI(s||!C||!C.__esModule?II(w,"default",{value:C,enumerable:!0}):w,C));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react/jsx-runtime"),H=require("./chunks/state-BoXTl4DM.js"),ZI=require("@arcblock/ux/lib/Empty"),X=require("@arcblock/ux/lib/Locale/context"),R=require("@iconify-icon/react"),QI=require("@mui/icons-material/Check"),i=require("@mui/material"),u=require("ahooks"),m=require("react"),r=require("./chunks/array-BMkoDb_A.js"),U=require("./chunks/config-color-Da8lKUL0.js"),kI=require("lodash/cloneDeep"),Y=require("@mui/icons-material"),CI=require("react-dnd");require("@arcblock/ux/lib/Tabs");require("@blocklet/pages-kit/utils/style");require("lodash/pick");const f=require("@arcblock/ux/lib/Theme"),RI=require("@mui/lab"),a=require("immer"),pI=require("./theme.js"),v=require("react-use"),JI=require("@arcblock/ux/lib/Toast"),UI=require("@mui/material/Tooltip"),fI=require("@mui/icons-material/KeyboardArrowLeft"),GI=require("@mui/material/Box"),VI=require("@mui/material/DialogTitle"),vI=require("@mui/material/IconButton"),PI=require("@mui/material/Dialog"),_I=require("@mui/material/useMediaQuery"),OI=require("@emotion/react"),qI=require("@mui/material/Alert"),$I=require("@mui/material/AlertTitle"),IC=require("react-error-boundary"),CC=require("ufo"),gC=require("@emotion/styled"),AC=require("@mui/material/Typography"),iC=require("joi"),mI=require("@blocklet/ai-kit/api"),sC=require("@blocklet/js-sdk"),SI=require("@mui/x-date-pickers"),oC=require("@mui/x-date-pickers/AdapterDayjs"),wC=require("@mui/x-date-pickers/LocalizationProvider"),gI=require("circular-natal-horoscope-js/dist"),MC=require("dayjs"),LC=require("dayjs/plugin/timezone"),jC=require("dayjs/plugin/utc"),JC=require("fast-deep-equal"),OC=require("lodash/isNil"),mC=require("tz-lookup"),SC=require("@mui/icons-material/CheckCircleOutline"),BC=require("lodash/uniq"),yC=require("@emotion/css"),DC=require("lodash/get"),eC=require("lodash/set"),bC=require("@blocklet/pages-kit/components"),F=C=>C&&C.__esModule?C:{default:C},BI=F(ZI),NC=F(QI),yI=F(m),KC=F(kI),DI=F(JI),dC=F(UI),P=F(fI),x=F(GI),_=F(VI),q=F(vI),cC=F(PI),zC=F(_I),FC=F(qI),aC=F($I),Z=F(gC),AI=F(AC),E=F(iC),h=F(MC),lC=F(LC),tC=F(jC),HC=F(JC),EC=F(OC),eI=F(mC),uC=F(SC),iI=F(BC),nC=F(DC),XC=F(eC);function TC({htmlId:C,dragType:s,dropType:w=s,index:A,id:o,title:g,move:M,actions:j,...O}){const[{isDragging:L},e,y]=CI.useDrag(()=>({type:s,item:{id:o,index:A},options:{dropEffect:"move"},collect:b=>({isDragging:b.isDragging()}),end:(b,N)=>{const{id:S,index:B}=b;N.didDrop()||M(S,B)}}),[s,o,A,M]),[,J]=CI.useDrop(()=>({accept:w,hover(b){b.id!==o&&M(b.id,A)}}),[w,o,A,M]),D=L?.3:1;return I.jsxs(WC,{...O,id:C,ref:b=>J(y(b)),sx:{...O.sx,opacity:D},children:[I.jsx("div",{className:"drag",ref:b=>e(b),children:I.jsx(Y.DragIndicator,{})}),I.jsx("div",{className:"name",children:g}),I.jsx("div",{className:"actions",onClick:b=>b.stopPropagation(),children:j})]})}const WC=i.styled(i.Box)`
+"use strict";var XI=Object.create;var II=Object.defineProperty;var TI=Object.getOwnPropertyDescriptor;var WI=Object.getOwnPropertyNames;var xI=Object.getPrototypeOf,YI=Object.prototype.hasOwnProperty;var rI=(C,s,w,A)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of WI(s))!YI.call(C,o)&&o!==w&&II(C,o,{get:()=>s[o],enumerable:!(A=TI(s,o))||A.enumerable});return C};var hI=(C,s,w)=>(w=C!=null?XI(xI(C)):{},rI(s||!C||!C.__esModule?II(w,"default",{value:C,enumerable:!0}):w,C));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react/jsx-runtime"),H=require("./chunks/state-DDwYX2mu.js"),ZI=require("@arcblock/ux/lib/Empty"),X=require("@arcblock/ux/lib/Locale/context"),R=require("@iconify-icon/react"),QI=require("@mui/icons-material/Check"),i=require("@mui/material"),u=require("ahooks"),m=require("react"),r=require("./chunks/array-COVLO-B9.js"),U=require("./chunks/config-color-BBSht7j-.js"),kI=require("lodash/cloneDeep"),Y=require("@mui/icons-material"),CI=require("react-dnd");require("@arcblock/ux/lib/Tabs");require("@blocklet/pages-kit/utils/style");require("lodash/pick");const f=require("@arcblock/ux/lib/Theme"),RI=require("@mui/lab"),a=require("immer"),pI=require("./theme.js"),v=require("react-use"),JI=require("@arcblock/ux/lib/Toast"),UI=require("@mui/material/Tooltip"),fI=require("@mui/icons-material/KeyboardArrowLeft"),GI=require("@mui/material/Box"),VI=require("@mui/material/DialogTitle"),vI=require("@mui/material/IconButton"),PI=require("@mui/material/Dialog"),_I=require("@mui/material/useMediaQuery"),OI=require("@emotion/react"),qI=require("@mui/material/Alert"),$I=require("@mui/material/AlertTitle"),IC=require("react-error-boundary"),CC=require("ufo"),gC=require("@emotion/styled"),AC=require("@mui/material/Typography"),iC=require("joi"),mI=require("@blocklet/ai-kit/api"),sC=require("@blocklet/js-sdk"),SI=require("@mui/x-date-pickers"),oC=require("@mui/x-date-pickers/AdapterDayjs"),wC=require("@mui/x-date-pickers/LocalizationProvider"),gI=require("circular-natal-horoscope-js/dist"),MC=require("dayjs"),LC=require("dayjs/plugin/timezone"),jC=require("dayjs/plugin/utc"),JC=require("fast-deep-equal"),OC=require("lodash/isNil"),mC=require("tz-lookup"),SC=require("@mui/icons-material/CheckCircleOutline"),BC=require("lodash/uniq"),yC=require("@emotion/css"),DC=require("lodash/get"),eC=require("lodash/set"),bC=require("@blocklet/pages-kit/components"),F=C=>C&&C.__esModule?C:{default:C},BI=F(ZI),NC=F(QI),yI=F(m),KC=F(kI),DI=F(JI),dC=F(UI),P=F(fI),x=F(GI),_=F(VI),q=F(vI),cC=F(PI),zC=F(_I),FC=F(qI),aC=F($I),Z=F(gC),AI=F(AC),E=F(iC),h=F(MC),lC=F(LC),tC=F(jC),HC=F(JC),EC=F(OC),eI=F(mC),uC=F(SC),iI=F(BC),nC=F(DC),XC=F(eC);function TC({htmlId:C,dragType:s,dropType:w=s,index:A,id:o,title:g,move:M,actions:j,...O}){const[{isDragging:L},e,y]=CI.useDrag(()=>({type:s,item:{id:o,index:A},options:{dropEffect:"move"},collect:b=>({isDragging:b.isDragging()}),end:(b,N)=>{const{id:S,index:B}=b;N.didDrop()||M(S,B)}}),[s,o,A,M]),[,J]=CI.useDrop(()=>({accept:w,hover(b){b.id!==o&&M(b.id,A)}}),[w,o,A,M]),D=L?.3:1;return I.jsxs(WC,{...O,id:C,ref:b=>J(y(b)),sx:{...O.sx,opacity:D},children:[I.jsx("div",{className:"drag",ref:b=>e(b),children:I.jsx(Y.DragIndicator,{})}),I.jsx("div",{className:"name",children:g}),I.jsx("div",{className:"actions",onClick:b=>b.stopPropagation(),children:j})]})}const WC=i.styled(i.Box)`
   display: flex;
   align-items: center;
   padding: 8px;

package/lib/cjs/chunks/array-COVLO-B9.js

@@ -0,0 +1,507 @@
+"use strict";var St=Object.create;var nt=Object.defineProperty;var Bt=Object.getOwnPropertyDescriptor;var Ct=Object.getOwnPropertyNames;var Nt=Object.getPrototypeOf,It=Object.prototype.hasOwnProperty;var Pt=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Ct(e))!It.call(t,r)&&r!==n&&nt(t,r,{get:()=>e[r],enumerable:!(i=Bt(e,r))||i.enumerable});return t};var rt=(t,e,n)=>(n=t!=null?St(Nt(t)):{},Pt(e||!t||!t.__esModule?nt(n,"default",{value:t,enumerable:!0}):n,t));const o=require("react/jsx-runtime");require("@mui/icons-material");const u=require("@mui/material"),f=require("react"),Rt=require("lodash/keyBy"),w=require("./state-DDwYX2mu.js"),U=require("@blocklet/ai-runtime/components"),Tt=require("@mui/utils"),Wt=require("lodash/pick"),zt=require("react-error-boundary"),pt=require("@blocklet/pages-kit/contexts/color"),y=require("@emotion/css"),H=require("@iconify/react"),qt=require("react-markdown"),Et=require("remark-gfm"),Lt=require("@mui/lab"),_=require("@arcblock/ux/lib/Theme"),At=require("@arcblock/react-hooks/lib/useBrowser"),Ft=require("@arcblock/ux/lib/Colors"),J=require("@blocklet/pages-kit/components"),it=require("@blocklet/pages-kit/utils/style"),Ut=require("@mui/material/useMediaQuery"),Ot=require("lodash/omit"),ht=require("@iconify-icon/react"),Dt=require("@arcblock/ux/lib/Screenshot"),X=require("react-router-dom"),Mt=require("@arcblock/ux/lib/Button"),Ht=require("is-uri"),O=require("pathe"),T=require("ufo"),Vt=require("@blocklet/embed/message"),Yt=require("ahooks"),Gt=require("lodash/isEqual"),Jt=require("@blocklet/embed/react"),Xt=require("react-twitter-embed"),st=require("react-use"),$=t=>t&&t.__esModule?t:{default:t},ft=$(f),M=$(Rt),K=$(Wt),Kt=$(qt),Qt=$(Et),Zt=$(At),at=$(Ft),gt=$(Ut),C=$(Ot),te=$(Dt),ee=$(Mt),V=$(Ht),oe=$(Gt),ne=[{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}}}],re=[{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}}}],ie=[{title:"None",value:"none",sx:{px:0}},{title:"Small",value:"small",sx:{px:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{px:{xs:5,md:7.5,lg:10,xl:12.5}}},{title:"Large",value:"large",sx:{px:{xs:7.5,md:10,lg:12.5,xl:15}}}],D=(t,e,n)=>{const i=t.breakpoints.values[n];return`${e}${i?` (${i}px)`:""}`},se=[{title:"100%",value:"full",sx:{maxWidth:"100%"}},{title:t=>D(t,"Small","sm"),value:"sm",sx:{maxWidth:t=>t.breakpoints.values.sm,width:"100%",mx:"auto"}},{title:t=>D(t,"Normal","md"),value:"md",sx:{maxWidth:t=>t.breakpoints.values.md,width:"100%",mx:"auto"}},{title:t=>D(t,"Large","lg"),value:"lg",sx:{maxWidth:t=>t.breakpoints.values.lg,width:"100%",mx:"auto"}},{title:t=>D(t,"Extra Large","xl"),value:"xl",sx:{maxWidth:t=>t.breakpoints.values.xl,width:"100%",mx:"auto"}}],ae=M.default(ne,"value"),le=M.default(re,"value"),ce=M.default(ie,"value"),de=M.default(se,"value"),ue=new Map([["baseSectionPaddingY",ae],["maxWidth",de],["paddingY",le],["paddingX",ce]]);function bt(t){var c;const{type:e,value:n,format:i="sx",defaultValue:r=null}=t,s=ue.get(e);return s&&s!=null&&s[n]&&(c=s==null?void 0:s[n])!=null&&c[i]?s[n][i]:r}const yt=f.createContext({page:null,getPageMeta:()=>({}),getPageMetaStyle:()=>({})});function me(){return f.useContext(yt)}function xe({page:t,children:e,defaultLocale:n="en",currentLocale:i}){const r=f.useMemo(()=>t?JSON.parse(JSON.stringify(t)):null,[JSON.stringify(t)]),s=f.useCallback(()=>{var d;if(!r)return{};const l=i||n;return((d=r.locales)==null?void 0:d[l])??{}},[r,n,i]),c=f.useCallback((l="sx")=>{const d=s();return!d||!d.style?{}:Object.entries(d.style||{}).reduce((x,[h,p])=>{if(!p)return x;const g=bt({type:h,value:p,format:l});return g?{...x,...g}:x},{})},[s]),a=f.useMemo(()=>({page:r,getPageMeta:s,getPageMetaStyle:c}),[r,s,c]);return o.jsx(yt.Provider,{value:a,children:e})}const pe=f.forwardRef(({onClick:t,...e},n)=>{const[i,r]=f.useState(!1),s=f.useCallback(async c=>{try{r(!0),await(t==null?void 0:t(c))}finally{r(!1)}},[t]);return o.jsx(Lt.LoadingButton,{ref:n,...e,loading:e.loading||i,onClick:s})});function he({tip:t,tipSucceed:e,title:n,titleSucceed:i,icon:r,iconSucceed:s,autoReset:c,placement:a="top",...l}){const[d,m]=f.useState(!1),[x,h]=f.useState(),p=f.useRef(),g=()=>{h(void 0),c&&(p.current=window.setTimeout(()=>{m(!1)},3e3))},j=()=>{clearTimeout(p.current)},b=d?s:r,k=x?o.jsx(u.Box,{color:"error",children:x.message}):d&&e||t,v=d?i:n;return o.jsx(u.Tooltip,{title:k,disableInteractive:!0,placement:a,onClose:g,onOpen:j,children:o.jsx("span",{children:o.jsx(pe,{startIcon:b&&(typeof b=="string"?o.jsx(H.Icon,{icon:b}):b),loadingPosition:b?"start":void 0,...l,onClick:async B=>{if(l.onClick)try{await l.onClick(B),m(!0)}catch(N){h(N)}},children:v})})})}const fe=ft.default.lazy(()=>import("react-syntax-highlighter").then(t=>({default:t.Prism}))),ge=u.styled(t=>o.jsx(Kt.default,{...t,remarkPlugins:[Qt.default],components:{pre:be,code:({node:e,inline:n,className:i,children:r,...s})=>{if(!r)return null;const c=/language-(\w+)/.exec(i||"");return n?o.jsx(u.Box,{component:"code",className:i,...s,children:r}):o.jsx(u.Box,{component:fe,language:c==null?void 0:c[1],...s,sx:{borderRadius:1},children:String(r).replace(/\n$/,"")})},table:({className:e,children:n})=>o.jsx(u.Box,{sx:{overflow:"auto",my:1},children:o.jsx("table",{className:e,children:n})})}}))`
+  width: 100%;
+  overflow: hidden;
+  word-break: break-word;
+
+  > * {
+    &:first-child /* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */ {
+      margin-top: 0;
+    }
+    &:last-child /* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */ {
+      margin-bottom: 0;
+    }
+  }
+
+  pre {
+    overflow: auto;
+  }
+
+  li {
+    margin: 0;
+    padding: 0;
+  }
+
+  li p {
+    display: inline-block;
+    vertical-align: top;
+    margin: 0;
+    padding: 0;
+  }
+
+  table {
+    border-collapse: collapse;
+    white-space: nowrap;
+
+    th,
+    td {
+      border: 1px solid grey;
+      padding: 4px 8px;
+    }
+  }
+
+  a {
+    color: ${({theme:t})=>t.palette.primary.main};
+
+    :hover {
+      text-decoration: underline;
+    }
+  }
+
+  &.writing > *:last-child {
+    &:after {
+      content: '';
+      display: inline-block;
+      vertical-align: middle;
+      height: 1.2em;
+      margin-top: -0.2em;
+      margin-left: 0.1em;
+      border-right: 0.2em solid orange;
+      border-radius: 10px;
+      animation: blink-caret 0.75s step-end infinite;
+
+      @keyframes blink-caret {
+        from,
+        to {
+          border-color: transparent;
+        }
+        50% {
+          border-color: ${({theme:t})=>t.palette.secondary.main};
+        }
+      }
+    }
+  }
+`;function be({children:t}){const e=t==null?void 0:t.props;if(!(e!=null&&e.children))return null;const n=/language-(\w+)/.exec(e.className||""),i=n==null?void 0:n[1];return o.jsxs(u.Box,{component:"div",sx:{fontSize:14,borderRadius:1,bgcolor:"rgb(245, 242, 240)","> pre":{mt:"0 !important"}},children:[o.jsxs(u.Stack,{direction:"row",alignItems:"center",p:.5,pl:1.5,borderBottom:1,borderColor:"grey.200",children:[o.jsx(u.Box,{children:i}),o.jsx(u.Box,{flex:1}),o.jsx(he,{autoReset:!0,title:o.jsx(H.Icon,{icon:"tabler:copy"}),titleSucceed:o.jsx(H.Icon,{icon:"tabler:copy-check"}),sx:{minWidth:32,minHeight:32,p:0,fontSize:18},onClick:()=>{window.navigator.clipboard.writeText(e.children)}})]}),t]})}function R({actions:t,center:e,className:n,align:i}){return t&&(t!=null&&t.length)?o.jsx(u.Box,{className:y.cx("flex gap-4 flex-wrap","lg:flex-row lg:gap-8",(e||i==="center")&&"justify-center",!e&&i==="right"&&"justify-end",!e&&i==="left"&&"justify-start",n),sx:{alignItems:"center"},children:t}):null}const ye="section",we=u.styled(u.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:t})=>t.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 {
+    a {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+    p {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+  }
+  .section__description {
+    margin-bottom: 4vw;
+    margin-top: 0;
+    a {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+    p {
+      margin-top: 0;
+      margin-bottom: 0.5rem;
+    }
+  }
+  @media (min-width: ${({theme:t})=>t.breakpoints.values[ye]}px) {
+    .section__tag {
+      margin-bottom: 32px;
+    }
+    .section__title {
+      margin-bottom: 32px;
+    }
+    .section__description {
+      margin-bottom: 40px;
+    }
+  }
+`;function z({title:t,description:e,descriptionMarkdown:n,actions:i,className:r="",classes:s={},prepend:c,append:a,level:l=2,tag:d,badge:m,center:x,logo:h,titleAppearance:p,descriptionAppearance:g,...j}){const b=pt.useColorConvert();if(!t&&!e&&!i&&!m&&!d&&!c&&!a&&!h)return null;const k=Math.max(Math.min(5,l+1),1),v={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"},B=l===0?"big":`h${k}`,N=l===0;return o.jsxs(we,{className:y.cx("base-info","lg:text-left",x&&"!text-center",r),...j,children:[c&&o.jsx("div",{children:c}),(d||m)&&o.jsx("div",{className:y.cx("section__tag",(s==null?void 0:s.tag)||(s==null?void 0:s.badge)),children:d||m}),h&&o.jsx("img",{className:"w-[120px] m-auto mb-8",src:h,alt:"info",loading:"lazy"}),t&&o.jsx(u.Typography,{sx:{whiteSpace:"pre-wrap",mb:e?"2vw":0,...(p==null?void 0:p.color)&&{color:`${b(p.color)} !important`}},className:y.cx("section__title","text-gray-800","dark:text-gray-50",s.title,"page-kit-section__title",N?"":"section__title_non_big"),component:`h${Math.max(l,1)}`,variant:B,children:t}),e&&(n?o.jsx(u.Box,{sx:{...(g==null?void 0:g.color)&&{color:`${b(g.color)} !important`}},component:ge,className:y.cx("section__description","text-gray-800","dark:text-gray-100",v[k],s.description,"page-kit-section__description"),children:e}):o.jsx(u.Typography,{sx:{whiteSpace:"pre-wrap",...(g==null?void 0:g.color)&&{color:`${b(g.color)} !important`}},className:y.cx("section__description","text-gray-800","dark:text-gray-100",v[k],s.description,"page-kit-section__description"),component:"div",variant:"body1",gutterBottom:!0,children:e})),o.jsx(R,{actions:i,center:x,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 wt(t){if(t.type===f.Fragment){const n=(t.props.children||[]).filter(i=>f.isValidElement(i));return n.length===1?wt(n[0]):n.length>1}return Array.isArray(t)}const I="&>*";function Q({children:t,col:e,gap:n,className:i,align:r,sx:s,type:c,...a}={children:null,className:"",col:3,gap:void 0,sx:{},align:"center",type:"default"}){const l=_.useTheme(),d=Number(Math.floor(100/e*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"},x=m[r]||m.center;let p=n??({2:6,3:4,4:4,5:3,6:3}[e]||0);wt(t)||(p=0);const j=(e-1)*p/e;let b={...s,gap:`${p}rem`};const k={[I]:{width:"100%"}},v={},B={},N={};switch(k.gap="1rem",v.gap=`${p/2}rem`,e){case 3:case 4:v[I]={width:`calc(50% - ${p/2}rem)`};break;case 5:case 6:k[I]={width:`calc(50% - ${p/2/2}rem)`},v[I]={width:`calc(50% - ${p/2/2}rem)`},B[I]={width:`calc(33.33% - ${p*2/3}rem)`};break}return b[I]={width:`calc(${d}% - ${j}rem)`},b[`@media (max-width: ${l.breakpoints.values.xl}px)`]=N,b[`@media (max-width: ${l.breakpoints.values.lg}px)`]=B,b[`@media (max-width: ${l.breakpoints.values.md}px)`]=v,b[`@media (max-width: ${l.breakpoints.values.sm}px)`]=k,c==="wall"&&(b={...s,gap:`${p}rem`},b[I]={width:`calc(${d}% - ${j}rem)`},k[I]={width:`calc(45% - ${p/2/2}rem)`},b[`@media (max-width: ${l.breakpoints.values.sm}px)`]=k),o.jsx(u.Box,{className:y.cx("flex flex-wrap flex-row h-full",x,i),sx:b,...a,children:t})}function je(){const t=navigator.userAgent.toLowerCase();return t.includes("safari")&&!t.includes("chrome")}function ve(t=""){if(t.startsWith("data:image/svg+xml,"))return!0;const e=/^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/,n=/^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;return e.test(t)||n.test(t)}function Y(t){return(t==null?void 0:t.endsWith(".mp4"))||(t==null?void 0:t.endsWith(".m4v"))||(t==null?void 0:t.endsWith(".webm"))}function ke(t){return t!=null&&t.endsWith(".mp4")||t!=null&&t.endsWith(".m4v")?"video/mp4":t!=null&&t.endsWith(".webm")?"video/webm":void 0}function _e(t){let e={};return typeof t=="string"?it.isGradient(t)?e.image=t:(e.image=w.getImageAbsoluteUrl(t),it.isColorString(t)&&(e.color=t,e.image="")):e=t,e}function $e(){const[t,e]=f.useState(Date.now());return f.useEffect(()=>{const n=()=>{e(Date.now())};return document.addEventListener("visibilitychange",n),()=>{document.removeEventListener("visibilitychange",n)}},[]),t}function lt(t,e,n,i,r){let s=null;const{color:c="",image:a}=_e(e);return a&&ve(a)?(delete n.backgroundColor,!(t.mobile.apple.device||je())&&Y(a)?s=o.jsx(u.Box,{component:"video",className:"section-bg",width:"100%",autoPlay:!0,loop:!0,muted:!0,controls:!1,playsInline:!0,poster:w.autoResizeImage(w.getImageAbsoluteUrl(i),1200,"quality"),src:Y(a)?a:w.autoResizeImage(a,1200,"quality"),sx:{position:"absolute",zIndex:-9999,right:0,left:0,top:0,width:"100%",height:"100%",objectFit:"cover"}},a):s=o.jsx(J.ResponsiveImage,{src: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"}},r||a)):a?n.backgroundImage=`${a} !important`:c&&(n.backgroundColor=`${c} !important`),s}function Se({autoWidth:t,children:e,...n}){return t?o.jsx(u.Box,{display:"flex",...n,children:e}):o.jsx(u.Container,{...n,children:e})}function E({dark:t=!1,children:e,className:n,sx:i={},boxed:r={show:!1},padding:s="normal",boxProps:c,type:a,...l}){const d={...i},m=gt.default(p=>p.breakpoints.down("md"));t&&(d.color=at.default.common.white,d.backgroundColor=`${at.default.grey[900]} !important`),r.show&&(d.display="flex");const x=f.useMemo(()=>!Number(l.boxMaxWidth)||m?{width:"100%"}:a==="wall"&&l.boxMaxWidth?{maxWidth:`${l.boxMaxWidth}px !important`,width:"100%"}:{width:"100%"},[l.boxMaxWidth,m,a]),h=bt({type:"baseSectionPaddingY",value:s||"normal",defaultValue:""});return o.jsx(Be,{component:"section",styles:{...d,...h},className:y.cx("base-section","px-2 md:px-5 lg:px-5 xl:px-10",n,{dark:t}),...C.default(l,"hoverStyle","boxMaxWidth","embedUrl","autoWidth","paddingXY","iframeHeight","titleAppearance","descriptionAppearance"),children:o.jsx(Se,{autoWidth:l==null?void 0:l.autoWidth,className:y.cx("section-content h-full"),sx:x,children:r.show?o.jsx(jt,{...c,boxed:r,children:e}):e})})}function jt({background:t="",backgroundVideoPoster:e,children:n,sx:i={},boxed:r={show:!1},className:s="",styles:c={},...a}){const l={...c,...i},d=pt.useColorConvert();let m=null;const x=gt.default(g=>g.breakpoints.up("sm")),h=Zt.default(),p=$e();return t&&(m=lt(h,typeof t=="string"?d(t):t,l,e,p)),r.show&&(l.borderRadius="10px",l.padding===void 0&&(l.padding=x?"50px":"20px"),r!=null&&r.border&&(l.border="1px solid #c0c0c0"),r!=null&&r.background&&(m=lt(h,typeof(r==null?void 0:r.background)=="string"?d(r==null?void 0:r.background):r==null?void 0:r.background,l,r==null?void 0:r.backgroundVideoPoster,p))),o.jsxs(u.Box,{...a,sx:{...l,...m?{position:"relative",overflow:"hidden",zIndex:0}:{}},className:y.cx(s,(r==null?void 0:r.boxShadow)&&"shadow-xl"),children:[m,n]})}const Be=_.styled(jt)`
+  &:nth-of-type(even) {
+    background: #f8f8f8;
+  }
+
+  @media (max-width: 600px) {
+    .section__title {
+      font-size: 24px;
+    }
+
+    .base-info {
+      > *:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+`;function Z({icon:t,...e}){return o.jsx(ht.Icon,{icon:t,...e,ref:null})}function S(t,e){const n=K.default(t,e),i=C.default(t,e);return[n,i]}const vt=["title","description","actions","badge","tag","prepend","append","logo"];function Ce({image:t,imageBorder:e,imageShadow:n,className:i,reverse:r=!1,fullSizeImage:s,...c}){const[a,l]=S(c,q),d=Object.keys(a).length>0&&Object.values(K.default(a,vt)).filter(Boolean).length>0&&o.jsx(z,{...a}),m=f.isValidElement(t)?t:o.jsx(u.Box,{component:"img",src:t,alt:"",className:"block"}),x=["phone","macbook"].includes(e),h=t&&o.jsx(u.Box,{className:y.cx("section__image","m-auto, leading-[1] text-center",n&&"shadow-xl",a!=null&&a.center?"flex justify-center items-center":""),sx:{border:e===!0?"1px solid #c0c0c0":void 0,borderRadius:2,overflow:"hidden","> div":x?{width:"100%",video:{borderRadius:"0 !important"}}:void 0},children:x?o.jsx(te.default,{type:e,sx:{width:"100%"},children:m}):m});return o.jsx(E,{className:y.cx("section--block",i,s&&!r&&y.css`
+            .section-bg {
+              height: 80%;
+            }
+          `),...l,boxProps:s?{sx:{padding:0,overflow:"hidden"}}:void 0,children:o.jsx(Q,{col:t?2:1,className:s?y.css`
+                display: flex;
+                flex-direction: column;
+
+                > .base-info,
+                > .section__image {
+                  width: 100%;
+
+                  > img,
+                  > video {
+                    width: 100%;
+                  }
+                }
+              `:void 0,children:r?o.jsxs(o.Fragment,{children:[h,d]}):o.jsxs(o.Fragment,{children:[d,h]})})})}const L=["editing","height","locale","dev","sx"];function Ne(t){const{className:e,...n}=t;return o.jsx(Ie,{...n,className:y.cx("BlockBase-root",e)})}const Ie=_.styled(u.Box)`
+  position: relative;
+`;function Pe({widget:t,reverse:e,projectId:n,assistantId:i,working:r,submitTitle:s,submitIcon:c,submitColor:a,placeholder:l,loadingIndicator:d,section:m,...x}){const[{editing:h},p]=S(x,L),[g,j]=S(p,q),b=n&&i?{projectId:n,gitRef:"main",assistantId:i,working:!0}:void 0,k={children:s,endIcon:c?o.jsx(Z,{icon:c}):void 0,sx:{background:a||void 0,":hover":{background:a||void 0,opacity:.8}}},v=[],B=l&&o.jsx(u.Typography,{variant:"caption",color:"text.disabled",children:l}),N=d&&o.jsx(u.Typography,{variant:"caption",color:"text.disabled",children:d});Object.keys(g).length>0&&Object.values(K.default(g,vt)).filter(Boolean).length>0&&v.push(o.jsx(z,{...g},"base-info")),b&&(t==="form"?v.push(o.jsx(U.AIForm,{identifier:b,SubmitProps:k},"form")):t==="result"?v.push(o.jsx(U.AIFormResult,{identifier:b,placeholder:B,loadingIndicator:N},"result")):v.push(o.jsxs(u.Stack,{width:"100%",gap:2,direction:"row",children:[o.jsx(U.AIForm,{identifier:b,BoxProps:{flex:1},SubmitProps:k}),o.jsx(U.AIFormResult,{identifier:b,BoxProps:{flex:1},placeholder:B,loadingIndicator:N})]},"form-result"))),e&&v.reverse();const ot=u.useTheme(),$t=f.useMemo(()=>u.createTheme(Tt.deepmerge(ot,{palette:{primary:a?{main:a}:void 0}})),[a,ot]);return o.jsx(zt.ErrorBoundary,{fallbackRender:w.ErrorView,children:o.jsx(u.ThemeProvider,{theme:$t,children:o.jsx(E,{...j,sx:h?{pointerEvents:"none"}:{},children:o.jsx(Q,{col:v.length,children:v})})})})}const kt=f.createContext({pages:[],project:void 0}),{Provider:Re,Consumer:Io}=kt;function _t(){return f.useContext(kt)}function Te({icon:t,className:e="",size:n="1rem",...i}){return o.jsx(We,{component:Z,className:y.cx("css-icon",e),size:n,...i,icon:t})}const We=_.styled(u.Box)`
+  &.css-icon {
+    display: inline-block;
+    width: ${({size:t})=>t};
+    height: ${({size:t})=>t};
+  }
+`;function ze({icon:t,className:e="",size:n="1rem",imageMeta:i,...r}){const s=w.autoResizeImage(w.getImageAbsoluteUrl(t),540),[c,a]=f.useState(!1),l=_.useTheme();return c?o.jsx(Te,{icon:"i-mdi:image",color:l.palette.grey[500],size:n,className:e,...r}):o.jsx(qe,{className:y.cx("image-icon",e),size:n,...r,children:o.jsx("img",{className:"image-icon__image",src:s,onError:()=>a(!0),width:i==null?void 0:i.naturalWidth,height:i==null?void 0:i.naturalHeight,alt:(i==null?void 0:i.filename)||"card-icon",loading:"lazy"})})}const qe=_.styled(u.Box)`
+  display: inline-block;
+  width: ${({size:t})=>t};
+  height: ${({size:t})=>t};
+  .image-icon__image {
+    object-fit: contain;
+    height: 100%;
+    width: 100%;
+  }
+`,tt=t=>typeof t=="string"&&/^[\w-_]+:[\w-_]+$/.test(t);function G({icon:t,size:e="1rem",imageMeta:n,...i}){const r=window.isNaN(e)?e:`${e}px`;return tt(t)?o.jsx(ht.Icon,{icon:t}):o.jsx(Ee,{component:ze,imageMeta:n,className:"base-icon",icon:t,size:r,...i})}const Ee=_.styled(u.Box)`
+  flex-shrink: 0;
+`;function W({text:t,children:e,icon:n="",endIcon:i,color:r="primary",link:s="",href:c="",...a}){const l=n?o.jsx(G,{icon:n}):null,d=i?o.jsx(G,{icon:i}):null,m=s||c,x={...a};return m&&(x.href=m,V.default(m)&&(x.target=x.target||"_blank")),o.jsx(ee.default,{startIcon:l,endIcon:d,color:r,...x,children:t||e})}function et({editing:t,text:e,...n}){const{pages:i=[]}=_t(),r=i.find(s=>s.id===(n.link||n.linkId));if(t)return o.jsx(W,{...C.default(n,["link","linkId"]),children:e});if(r){const s=r.path||"/";return o.jsx(X.Link,{to:s,children:o.jsx(W,{...C.default(n,["link","linkId"]),children:e})})}return o.jsx(W,{...C.default(n,"linkId"),children:e})}function P({type:t="",icon:e="",size:n="3rem",className:i="",...r}){return o.jsx(G,{icon:e||t,size:n,className:y.cx("content-icon",i),...r})}P.propTypes={};P.defaultProps={type:"",icon:"",size:"3rem",color:"inherit",className:""};function Le({to:t,base:e,children:n,className:i,activeClassName:r="active",target:s="auto",autoExternalMark:c=!1,useRouterLink:a,...l}){const{pages:d=[],locale:m=""}={},x=e?O.join("/",e):e||"";let h=s==="auto"?"_self":s,p=O.join(x,t);const g=c?V.default(p):!1;if(e)return p=O.join(x,m,t),o.jsx("a",{className:`no-underline ${i}`,href:T.withoutTrailingSlash(p),rel:"noreferrer noopener",target:h,...l,children:n});if(V.default(t))s==="auto"&&(h="_blank"),p=t;else{T.isRelative(p)&&(p=O.join(window.location.pathname,p));const j=T.parseURL(`${window.location.origin}${p}`),b=d.some(k=>k.pathname===j.pathname);if(a||b)return o.jsx(X.NavLink,{end:!0,to:T.withoutTrailingSlash(p),className:({isActive:k})=>y.cx(i,k?r:""),...l,children:n})}return o.jsxs("a",{className:`no-underline ${i}`,href:T.withoutTrailingSlash(p),rel:"noreferrer noopener",target:h,...l,children:[n,g&&o.jsx(P,{icon:"i-mdi:arrow-top-right",size:"0.9em",className:"smart-link__mark",style:{marginLeft:5}})]})}function A({prepend:t,append:e,children:n,className:i="",dark:r=!1,border:s=!0,...c}){let a={};const{pages:l=[]}=_t(),d=l.find(h=>h.id===c.link),m=!n||ft.default.Children.toArray(n).every(h=>h===null);c.link&&(a={component:Le,to:(d==null?void 0:d.path)||c.link,useRouterLink:!0});const x=r&&s;return o.jsxs(Ae,{className:y.cx("base-card card",{"border-gray-200":s},{"dark:border-gray-500":x},{dark:r,"border-transparent":!s},i),...a,...C.default(c,["listType","dark","iconColor","link","hoverStyle","imageSize"]),children:[t,!m&&o.jsx("div",{className:"card__body",children:n}),e]})}const Ae=_.styled(u.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 F({align:t="left",title:e,titleProps:n={},description:i,descriptionProps:r={}}){return o.jsxs(o.Fragment,{children:[e&&o.jsx(u.Typography,{className:y.cx("card__title text-gray-800","dark:text-gray-50"),component:"h5",variant:"h5",gutterBottom:!0,align:t,...n,children:e}),i&&o.jsx(u.Typography,{className:y.cx("card__description","text-gray-500","dark:text-gray-400"),component:"div",variant:"body1",gutterBottom:!0,align:t,...r,children:i})]})}function Fe({image:t,title:e,description:n,imageProps:i={},imageMeta:r,imageSize:s,titleProps:c={},descriptionProps:a={},actions:l,align:d,...m}){const x=tt(t),h=w.autoResizeImage(w.getImageAbsoluteUrl(t),540);return o.jsxs(Ue,{className:"card-article",...m,prepend:o.jsx("div",{className:"card__image__wrap",children:x&&t?o.jsx(u.Box,{sx:{position:"absolute",left:0,top:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center"},children:o.jsx(P,{icon:t,color:"primary.main"})}):h&&o.jsx("img",{className:"card__image",src:h,...i,alt:i.alt||(r==null?void 0:r.filename)||"card-image",width:r==null?void 0:r.naturalWidth,height:r==null?void 0:r.naturalHeight,style:{width:"100%",height:"100%",objectFit:s||"cover",objectPosition:"center"},loading:"lazy"})}),children:[e||n?o.jsx(F,{align:d,title:e,titleProps:c,description:n,descriptionProps:a}):null,l!=null&&l.length?o.jsx(R,{align:d,actions:l,className:"mt-4"}):null]})}const Ue=_.styled(A)`
+  ${t=>t.hoverStyle==="none"?"":t.link?`transition: box-shadow ease .3s;
+              &:hover {
+                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
+              }`:""}
+
+  .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;
+  }
+`,ct="section";function dt({title:t,image:e,imageMeta:n,description:i,actions:r,align:s,listType:c="",className:a="",...l}){return o.jsxs(Oe,{className:y.cx("card",`list-type-${c}`,a),align:s,...l,children:[e&&o.jsx(P,{icon:e,color:"primary.main",size:c==="icon-title"?"1.2rem":"3rem",imageMeta:n}),t||i?o.jsx(F,{align:s,title:t,description:i}):null,r!=null&&r.length?o.jsx(R,{align:s,actions:r,className:"mt-4"}):null]})}const Oe=_.styled(A)`
+  padding: 5vw 4vw;
+  box-sizing: border-box;
+  /* min-height: 320px; */
+  color: inherit !important;
+  border-radius: 0.5rem;
+  /* ${({dark:t,theme:e})=>`background-color:${t?e.palette.grey[900]:e.palette.common.white};`} */
+  @media (max-width: ${({theme:t})=>t.breakpoints.values[ct]}px) {
+    padding: 1.5rem 2rem;
+  }
+  @media (max-width: ${({theme:t})=>t.breakpoints.values.sm}px) {
+    height: auto;
+    min-height: unset;
+  }
+
+  ${t=>t.hoverStyle==="none"?"":t.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;
+    a {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+  }
+  .card__description {
+    a {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+  }
+  .card__body {
+    padding: 0;
+    ${({align:t})=>`text-align:${t||"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:t})=>t.breakpoints.values[ct]}px) {
+    padding: 2rem 2rem;
+    text-align: left;
+    box-sizing: border-box;
+  }
+`;function De({image:t,title:e,description:n,imageProps:i={},imageMeta:r,imageSize:s,titleProps:c={},descriptionProps:a={},actions:l,align:d,...m}){const x=tt(t),h=w.autoResizeImage(w.getImageAbsoluteUrl(t),540);return o.jsxs(Me,{className:"card-article",...m,prepend:o.jsx("div",{className:"card__image__wrap",children:x&&t?o.jsx(u.Box,{sx:{position:"absolute",left:0,top:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center"},children:o.jsx(P,{icon:t,color:"primary.main"})}):h&&o.jsx(u.Box,{component:"img",className:"card__image",src:h,...i,alt:i.alt||(r==null?void 0:r.filename)||"card-image",width:r==null?void 0:r.naturalWidth,height:r==null?void 0:r.naturalHeight,style:{width:"100%",height:"100%",objectFit:s||"contain",objectPosition:"center"},loading:"lazy"})}),children:[e||n?o.jsx(F,{align:d,title:e,titleProps:c,description:n,descriptionProps:a}):null,l!=null&&l.length?o.jsx(R,{align:d,actions:l,className:"mt-4"}):null]})}const Me=_.styled(A)`
+  ${t=>t.hoverStyle==="none"?"":t.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:t})=>`text-align:${t||"left"};`}
+  }
+
+  .card__image__wrap {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .card__image {
+    max-height: 60px;
+  }
+`,ut="section";function He({title:t,image:e,imageMeta:n,iconSize:i=100,description:r,actions:s,align:c,className:a="",...l}){return o.jsx(Ve,{className:y.cx("card",a),...l,children:o.jsxs(u.Box,{className:"flex items-center",children:[e&&o.jsx(P,{icon:e,color:"primary.main",size:i,imageMeta:n}),o.jsxs(u.Box,{className:"flex-1 ml-4",children:[o.jsx(F,{align:c,title:t,description:r}),o.jsx(R,{align:c,actions:s,className:"mt-4"})]})]})})}const Ve=_.styled(A)`
+  padding: 5vw 4vw;
+  text-align: left;
+  box-sizing: border-box;
+  /* min-height: 320px; */
+  color: inherit !important;
+  border-radius: 0.5rem;
+  /* ${({dark:t,theme:e})=>`background-color:${t?e.palette.grey[900]:e.palette.common.white};`} */
+  @media (max-width: ${({theme:t})=>t.breakpoints.values[ut]}px) {
+    padding: 1.5rem 2rem;
+  }
+  @media (max-width: ${({theme:t})=>t.breakpoints.values.sm}px) {
+    height: auto;
+    min-height: unset;
+  }
+
+  ${t=>t.hoverStyle==="none"?"":t.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;
+    a {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+  }
+  .card__description {
+    a {
+      color: ${({theme:t})=>t.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:t})=>t.breakpoints.values[ut]}px) {
+    padding: 2rem 2rem;
+    text-align: left;
+    box-sizing: border-box;
+  }
+`;function Ye({title:t,titleProps:e={},description:n,descriptionProps:i={},image:r,imageMeta:s,className:c="",align:a,hoverStyle:l,...d}){return o.jsxs(Ge,{className:y.cx("card-simple",c,`hover-style__${l}`),align:a,...d,children:[r&&o.jsx(P,{icon:r,color:"primary.main",imageMeta:s}),t||n?o.jsx(F,{align:a,title:t,titleProps:e,description:n,descriptionProps:i}):null]})}const Ge=_.styled(A)`
+  ${({dark:t,theme:e})=>`background-color:${t?e.palette.grey[900]:e.palette.common.white};`}
+
+  &.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:t})=>`text-align:${t||"left"};`}
+    }
+
+    ${t=>t.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:t})=>t?'""':""};
+        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 Je({type:t="default",...e}){const i={article:Fe,simple:Ye,news:He,default:dt,wall:De}[t]||dt;return o.jsx(i,{...t==="news"?e:C.default(e,"iconSize")})}function Xe({list:t=[],align:e="top",cards:n,listBorder:i=!0,listType:r="",col:s=3,gap:c,iconColor:a,className:l="",type:d="default",dark:m=!1,textAlign:x="left",hoverStyle:h,...p}){return o.jsx(Q,{type:d,className:y.cx("card-list py-1",l,"items-stretch"),col:s,gap:c,align:e,...p,children:n||t.map(g=>o.jsx(Je,{borderColor:i,iconColor:a,type:d,listType:r,dark:m,...g,align:x,sx:{bgcolor:d==="wall"?void 0:m?"grey.900":"common.white"},style:c===0&&t.length>1?{borderRadius:0,marginRight:"-1px",marginBottom:"-1px"}:{}},g.id))})}const Ke=["align","cards","list","listBorder","listType","col","gap","iconColor","type","textAlign"],Qe=_.styled(E)`
+  a .card {
+    color: #404040;
+    cursor: pointer;
+  }
+  a:not(.MuiButton-root) {
+    color: ${({theme:t})=>t.palette.primary.main};
+    &:hover,
+    &:active {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+  }
+  a:hover .card {
+    color: #404040;
+  }
+`;function Ze({className:t,...e}){const[n,i]=S(e,q),[r,s]=S(i,Ke);return o.jsxs(Qe,{className:y.cx("section--card-list",t),type:e.type,...s,children:[Object.keys(n).length>0&&o.jsx(z,{center:!0,...n,className:"mb-[2.5vw]"}),o.jsx(Xe,{...r,dark:!!e.dark})]})}const to=_.styled(Ze)`
+  .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:t,...e}){const[{editing:n},i]=S(e,L),r=f.useMemo(()=>{var s;return{...C.default(i,["listBorder","list","iconSize","imageSize"]),list:(s=i.list)==null?void 0:s.map(c=>{var a,l;return{...C.default(c,"icon","iconColor"),image:["news","simple","default"].includes(i.type)&&c.icon?c.icon:c.image,actions:(l=(a=c.actions)==null?void 0:a.map)==null?void 0:l.call(a,d=>o.jsx(et,{...d,editing:n},d.id)),border:i.listBorder,iconSize:i.iconSize,imageSize:i.imageSize,hoverStyle:i.hoverStyle}})}},[i]);return o.jsx(to,{style:n?{pointerEvents:"none"}:{},...r})}function oo({properties:t,section:e,locale:n,dev:i}){var r;return(r=e==null?void 0:e.config)!=null&&r.componentId?o.jsx(J.CustomComponentRenderer,{instanceId:e.id,componentId:e.config.componentId,blockletId:e.config.blockletId,blockletTitle:e.config.blockletTitle,componentName:e.config.componentName,locale:n,properties:t,dev:i}):o.jsx(u.Box,{textAlign:"center",py:2,children:o.jsx(u.Typography,{variant:"caption",color:"text.secondary",children:"Please select component to render"})})}function no({src:t,dataId:e,isEdit:n=!1,height:i="100%",onLoad:r=()=>{}}){return o.jsx(Jt.EmbedIframe,{isEdit:n,embedId:e,src:t,height:i,onLoad:()=>{r()}})}function ro({dataId:t,src:e,actions:n,center:i,onLoad:r,...s}){const[c,a]=S(s,q);return o.jsxs(E,{...a,children:[Object.keys(c).length>0&&o.jsx(z,{center:i,...c}),o.jsx(no,{dataId:t,src:e,onLoad:r,height:s.iframeHeight?`${s.iframeHeight}px`:"100%"}),o.jsx(R,{actions:n,center:i})]})}const io={src:"",embedUrl:"",title:"",description:"",dark:!1,background:"",center:!0,config:{},id:""};function so({section:t,id:e,src:n,...i}){const r=`${e}-${i.locale}`,[{editing:s},c]=S(i,L),a=f.useRef({}),l=JSON.parse(JSON.stringify(c)),{message:d}=Vt.useMessage(r,"server"),m=Yt.useLatest(JSON.parse(JSON.stringify(c.config)||"{}"));return f.useEffect(()=>{d&&d.onInit(()=>m.current)},[d]),f.useEffect(()=>{const x=JSON.parse(JSON.stringify(c.config)||"{}");oe.default(a.current,x)||(a.current=x,d==null||d.send("config-set",x))},[d,c.config]),n?o.jsx(ro,{...l,dataId:r,src:n,style:s?{pointerEvents:"none"}:{}}):o.jsx(ao,{children:'Please set the "src" attribute for this block'})}const ao=_.styled("div")`
+  user-select: none;
+  color: #999;
+  padding: 8px;
+  height: 200px;
+`,lo=[/youtu\.be\/([^#&?]{11})/,/\?v=([^#&?]{11})/,/&v=([^#&?]{11})/,/embed\/([^#&?]{11})/,/\/v\/([^#&?]{11})/];function co(t){var e;if(/youtu\.?be/.test(t))for(const n of lo){const i=(e=n.exec(t))==null?void 0:e[1];if(i)return i}}function uo(t){const e=co(t);if(e)return`https://youtube.com/embed/${e}`}function mo({src:t}){return f.useEffect(()=>{import("@lottiefiles/lottie-player")},[]),o.jsx("lottie-player",{autoplay:!0,loop:!0,mode:"normal",src:t})}function xo(t){return o.jsx(u.Box,{maxHeight:400,overflow:"hidden auto",children:o.jsx(Xt.TwitterTimelineEmbed,{...t})})}function po({url:t}){const e=f.useRef(null),n=495,[i,r]=f.useState(e.current?e.current.offsetWidth*.5625:n),s=f.useCallback(()=>{const c=window.innerWidth>990?1:window.innerWidth>522?1.2:window.innerWidth>400?1.45:1.85,a=e.current?e.current.offsetWidth*.5625:n;return r(Math.floor(a*c))},[]);return f.useEffect(()=>{window.addEventListener("resize",s);const c=window.innerWidth>990?1:window.innerWidth>522?1.2:window.innerWidth>400?1.45:1.85,a=e.current?e.current.offsetWidth*.5625:n;return r(Math.floor(a*c)),function(){window.removeEventListener("resize",s)}},[i,s]),o.jsx(u.Box,{component:"iframe",ref:e,title:"youtube",width:"100%",height:`${i}px`,src:t,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,sx:{display:"block"}})}const ho={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},fo=_.styled(Ce)`
+  .section__description {
+  }
+`;function go({hasImage:t,fullSizeImage:e,boxed:n,videoPoster:i,imageMeta:r,imageOptimization:s,imageSize:c,section:a,...l}){var p,g;const[{editing:d},m]=S({...l,boxed:e?void 0:n},L);let x=bo(m.image,i,e,r,s,c);t||(x=null);let h=null;return m.actions&&(h=(g=(p=m.actions)==null?void 0:p.map)==null?void 0:g.call(p,(j,b)=>o.jsx(et,{...j,editing:d},b))),o.jsx(fo,{...m,style:d?{pointerEvents:"none"}:{},image:x,fullSizeImage:t&&e,actions:h})}function bo(t,e,n,i,r,s){if(t){if(t.endsWith(".json"))return o.jsx(mo,{src:t});if(t.indexOf("twitter.com")!==-1)return o.jsx(xo,{sourceType:"url",url:t});const c=uo(t);if(c)return o.jsx(po,{url:c});const{naturalWidth:a,naturalHeight:l,filename:d}=i||{};if(Y(t))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:w.autoResizeImage(w.getImageAbsoluteUrl(e),n?1200:540,r),children:o.jsx("source",{src:w.getImageAbsoluteUrl(t),type:ke(t)})},t);const m=r==="quality"?1:.6;return o.jsx(J.ResponsiveImage,{src:w.getImageAbsoluteUrl(t),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??t,style:{objectFit:s||"contain",display:"block",width:"100%",height:"100%"},loading:"lazy"})}return null}const yo=["production","draft"];function wo({mode:t,version:e}={}){const n=e&&typeof e=="number"?{mode:t,version:e}:{mode:t};return w.api.get(`/api/${w.getProjectIdFromPathnameOrWindow()}/pages`,{params:n}).then(i=>i.data)}function jo({mode:t,pages:e}){return w.api.post(`/api/${w.getProjectIdFromPathnameOrWindow()}/pages/publish`,{mode:t,pages:e}).then(n=>n.data)}function vo({locale:t,sort:e,page:n,limit:i,mode:r}={}){return w.api.get(`/api/${w.getProjectIdFromPathnameOrWindow()}/pages/toc`,{params:{locale:t,sort:e,page:n,limit:i,mode:r}}).then(s=>s.data)}const ko={style:"list",sort:"-updatedAt"},mt=20;function _o({style:t,sort:e,section:n,...i}){const[{editing:r,locale:s},c]=S(i,L),[a,l]=S(c,q),[d,m]=f.useState(),x=f.useRef(!1),h=st.useUpdate(),p=X.useNavigate(),g=f.useCallback(async()=>{if(!x.current){x.current=!0,h();try{const j=d?Math.floor(d.list.length/mt)+1:1,{list:b,total:k}=await vo({locale:s,sort:e,page:j,limit:mt});m(v=>({list:((v==null?void 0:v.list)??[]).concat(b),total:k}))}finally{x.current=!1,h()}}},[d,s,e,h]);return st.useMount(()=>{g()}),o.jsxs(E,{...l,sx:r?{pointerEvents:"none"}:{},children:[Object.keys(a).length>0&&o.jsx(z,{...a}),d?o.jsxs(o.Fragment,{children:[o.jsx(u.Grid,{container:!0,spacing:2,justifyContent:"center",children:d==null?void 0:d.list.map(j=>o.jsx(u.Grid,{item:!0,xs:12,sm:t==="card"?6:12,md:t==="card"?3:12,children:o.jsxs($o,{elevation:0,className:y.cx(t==="card"&&"style-card"),onClick:r?void 0:()=>p(j.slug),children:[!!j.image&&o.jsx(u.CardMedia,{component:"img",alt:"",image:w.autoResizeImage(w.getImageAbsoluteUrl(j.image),540),loading:"lazy"}),o.jsxs(u.CardContent,{children:[o.jsx(u.Typography,{variant:"h6",component:"div",className:xt,children:j.title||j.id}),o.jsx(u.Typography,{variant:"body2",className:xt,children:j.description})]})]})},j.id))}),o.jsx(u.Box,{textAlign:"center",mt:2,children:d.total>d.list.length?o.jsx(W,{variant:"outlined",color:"secondary",onClick:g,loading:x.current,children:"More"}):o.jsx(W,{variant:"outlined",color:"secondary",disabled:!0,children:"No More"})})]}):o.jsx(u.Box,{p:2,textAlign:"center",children:o.jsx(u.CircularProgress,{size:24})})]})}const xt=y.css`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,$o=_.styled(u.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;
+    }
+  }
+`,So={iframe:so,section:go,"section-card-list":eo,toc:_o,"ai-runtime":Pe,"custom-component":oo};function Bo({id:t,type:e,mode:n,config:i,section:r,...s}){const c=So[e],{getPageMetaStyle:a}=me(),l=f.useMemo(()=>{const{height:x,...h}=i;return h},[i]),d=f.useMemo(()=>{const x={};return e!=="custom-component"&&(x.height=i.height),x.sx=a("sx"),x},[i.height,e,a]),m=c&&o.jsx(c,{mode:n,...l,id:t,section:r});return o.jsx(Ne,{...s,...d,children:m})}function Co(t){return t!=null}exports.Action=et;exports.BlockRenderer=Bo;exports.IFrameBlockDefaultProps=io;exports.Icon=Z;exports.PageProvider=xe;exports.Provider=Re;exports.STATE_MODES=yo;exports.SectionBlockDefaultProps=ho;exports.TocDefaultProps=ko;exports.getPages=wo;exports.nonNullable=Co;exports.publishPages=jo;

package/lib/cjs/chunks/config-color-BBSht7j-.js

@@ -0,0 +1,21 @@
+"use strict";const r=require("react/jsx-runtime");require("@arcblock/ux/lib/Locale/context");const S=require("@arcblock/ux/lib/Theme");require("@blocklet/pages-kit/builtin/color-picker");require("@emotion/css");const n=require("@mui/material");require("ahooks");require("lodash/without");const a=require("react"),e=require("@mui/material/colors"),l=require("@blocklet/pages-kit/builtin/uploader"),z=require("@iconify-icon/react"),v=require("react-use"),q=require("./state-DDwYX2mu.js");e.red[300],e.pink[300],e.purple[300],e.indigo[300],e.blue[300],e.cyan[300],e.teal[300],e.green[300],e.lime[300],e.yellow[300],e.amber[300],e.orange[300],e.brown[300],e.grey[300],e.blueGrey[300];const w=a.forwardRef(function({showMarkdown:y,markdown:h,onMarkdownChange:u,showUploader:I,value:c,meta:P,onChange:s,...m},j){const[i,d]=a.useState("");a.useEffect(()=>{d(c||"")},[c,d]);const f=async()=>{if(i!==c){const t=q.getImageAbsoluteUrl(i);if(!t){s(i,void 0);return}const o=await l.getImageSize(t).catch(()=>l.getVideoSize(t)).catch(()=>{});s(i,{...o,filename:i})}};v.useDebounce(()=>{i!==c&&s(i)},300,[i]),a.useImperativeHandle(j,()=>({submit:f}));const b={};return I&&(b.InputProps={sx:{pr:0},endAdornment:r.jsx(n.InputAdornment,{position:"end",sx:{mx:.5},children:r.jsx(l.UploaderButton,{onChange:async({response:t})=>{var p;const o=(p=t==null?void 0:t.data)==null?void 0:p.filename,g=q.getImageAbsoluteUrl(o)||"";let x={};g&&(x=await l.getImageSize(g).catch(()=>l.getVideoSize(g)).catch(()=>{})),s(o,{...x,filename:o})}})})}),r.jsx(n.TextField,{size:"small",fullWidth:!0,...m,label:r.jsxs(n.Stack,{direction:"row",spacing:1,alignItems:"center",children:[m.label,y&&r.jsxs(r.Fragment,{children:[" (",r.jsx(n.FormControlLabel,{checked:h,label:r.jsx(n.Box,{component:z.Icon,icon:"tabler:markdown",sx:{verticalAlign:"middle"}}),labelPlacement:"start",control:r.jsx(n.Switch,{size:"small"}),sx:{ml:.25,pr:1},onChange:(t,o)=>u==null?void 0:u(o)}),")"]})]}),InputLabelProps:{shrink:!0,...m.InputLabelProps},value:i,onChange:t=>d(t.target.value),...b,onKeyDown:t=>{t.keyCode!==229&&t.key==="Enter"&&f()}})});S.styled(n.Box)`
+  .color-item {
+    position: relative;
+  }
+  .color-item__checked {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: rgba(255, 255, 255, 0.85);
+  }
+  .color-item__delete {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+`;exports.ConfigString=w;

package/lib/cjs/chunks/{draft-data-UP_7unuZ.js → draft-data-DPTVTTlh.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("./state-BoXTl4DM.js");function n({children:e}){const r=t.useProjectId();return s.jsx(t.StoreProvider,{url:t.getWssURL(r??""),name:"root",waitingSynced:!0,children:s.jsx(o,{children:e})})}function o({children:e}){const{state:r}=t.useStore();return e({state:r})}exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("./state-DDwYX2mu.js");function n({children:e}){const r=t.useProjectId();return s.jsx(t.StoreProvider,{url:t.getWssURL(r??""),name:"root",waitingSynced:!0,children:s.jsx(o,{children:e})})}function o({children:e}){const{state:r}=t.useStore();return e({state:r})}exports.default=n;