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

package/dist/assets/index-Ctype_yD.js

@@ -1,544 +0,0 @@
-import{r as A,j as t,P as i,b9 as Z,a0 as g,a1 as z,ae as U,cG as Y,n as S,cH as G,cD as W,cI as V,cJ as q,cK as _,T as ee,C as te}from"./index-Drscafxp.js";import{j as ie}from"./url-join-CJw6XrTa.js";import{S as j}from"./Skeleton-jwrjHAcT.js";import{H as ne}from"./Hidden-CuDy4bSo.js";const H=A.createContext(),{Provider:oe}=H,N=(e,o,a=window.location.pathname.replace(/\/$/,"/"))=>e?o?e===a:new RegExp(e).test(a):!1;function D({children:e,steps:o,mode:a}){const[h,m]=A.useState("");!h&&o.length&&m(o[0].key);const p=o.map(n=>n.children?[{key:n.key,hasChild:!0},n.children.map(c=>({parentKey:n.key,key:c.key}))]:{key:n.key}).flat(1/0),d=p.filter(n=>!n.hasChild),y=n=>{let c;const s=p.findIndex(l=>l.key===h?(c=l.parentKey,!0):!1);if(c===n)return"current";const f=p.findIndex(l=>l.key===n);if(f!==-1){if(f===s)return"current";if(f<s)return"before"}return"after"};function b(n){m(n)}function r(n){if(typeof n=="function"){const c=n(d.findIndex(s=>s.key===h));m(d[c].key)}else m(d[n].key)}const u=d.findIndex(n=>n.key===h);A.useEffect(()=>{if(a==="history"){let n="";o.some(c=>c.children&&c.children.length?c.children.some(s=>N(s.path,s.exact)?(n=s.key,!0):!1):N(c.path,c.exact)?(n=c.key,!0):!1),n&&m(n)}return()=>{}},[o,a]);const k={steps:o,totalStepsCount:d.length,getStepStatus:y,setActiveStepByKey:b,setActiveStepByIndex:r,activeStep:u,canBackToStep:n=>a==="memory"&&u!==0&&n<u};return t.jsx(oe,{value:k,children:e})}function P(){return A.useContext(H)}D.propTypes={children:i.any.isRequired,steps:i.array.isRequired,mode:i.string};D.defaultProps={mode:"history"};var se=Object.prototype.hasOwnProperty,ae=Object.prototype.toString;function re(e){if(e==null)return!0;if(typeof e=="boolean")return!1;if(typeof e=="number")return e===0;if(typeof e=="string"||typeof e=="function"||Array.isArray(e))return e.length===0;if(e instanceof Error)return e.message==="";if(e.toString==ae)switch(e.toString()){case"[object File]":case"[object Map]":case"[object Set]":return e.size===0;case"[object Object]":{for(var o in e)if(se.call(e,o))return!1;return!0}}return!1}var le=re;const ce=Z(le),pe="data:image/png;base64,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",C={en:{optional:"Optional",defaultNavSubTitle:"Launching"},zh:{optional:"可选",defaultNavSubTitle:"启动"}},de=e=>C[e]?C[e]:C.en,he=e=>e==="zh"?"启动":"Launching",J=e=>(e==null?void 0:e.title)||(e==null?void 0:e.name)||"";function v({blockletMeta:e,subTitle:o,logoUrl:a,locale:h,navLogo:m,loading:p}){const d=z(k=>k.breakpoints.down("md")),y=d?18:48,b=A.useRef(null),[r,u]=A.useState("");return A.useEffect(()=>{b.current&&b.current.offsetHeight>34&&(r===""?u("middle"):r==="middle"&&u("small"))},[r]),t.jsxs(xe,{className:r==="small"?"center-mode":"",children:[d?t.jsx("div",{className:"app-icon",children:m}):t.jsxs("div",{className:"app-icon",children:[p&&t.jsx(me,{blockletSize:y,isMobile:d}),!p&&t.jsx(X,{blockletSize:y,logoUrl:a})]}),t.jsxs("div",{className:"header-title",children:[d&&o&&t.jsx("div",{className:"header-title-sub",children:o}),t.jsxs("div",{className:"app-name-content",children:[!d&&t.jsx("div",{className:"launching-context",children:o||he(h)}),t.jsx("div",{className:`header-title-name ${r==="middle"||r==="small"?"middle-size":""}`,ref:b,children:t.jsx(M,{logoUrl:a,isMobile:d,blockletMeta:e,blockletSize:y,loading:p})})]})]})]})}v.propTypes={blockletMeta:i.object,subTitle:i.any,logoUrl:i.string,locale:i.string,navLogo:i.any,loading:i.bool};v.defaultProps={subTitle:"",logoUrl:"",locale:"",navLogo:"",loading:!1,blockletMeta:{}};function me({blockletSize:e,isMobile:o}){return o?t.jsx(j,{variant:"rectangular",width:100,height:16,alt:"icon",style:{marginTop:4}}):t.jsx(j,{variant:"rectangular",width:e,height:e})}function X({logoUrl:e,blockletSize:o}){return t.jsx(U,{width:o,height:o,src:e,alt:"blocklet icon",fallback:pe,style:{verticalAlign:"text-bottom"}},`layout-app-icon-${e}`)}function M({isMobile:e,logoUrl:o,blockletMeta:a,blockletSize:h,loading:m}){const p=J(a);return m?t.jsx(j,{variant:"rectangular",width:100,height:16,alt:"icon",style:{marginTop:4}}):ce(a)?t.jsx(j,{variant:"rectangular",animation:!1,width:100,height:16,alt:"icon",style:{marginTop:4}}):e?t.jsxs(ue,{children:[t.jsx(X,{blockletSize:h,logoUrl:o}),t.jsx("span",{className:"ellipsis-title",children:J(a)})]}):t.jsx(fe,{target:"_blank",href:ie((a==null?void 0:a.registryUrl)||"",`/blocklets/${a==null?void 0:a.did}`),title:p,children:p})}const ue=g.div`
-  .ellipsis-title {
-    flex: 1;
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-
-    ${e=>e.theme.breakpoints.down("md")} {
-      left: 26px;
-      width: calc(100% - 26px);
-    }
-  }
-`;M.propTypes={blockletMeta:i.object};M.defaultProps={blockletMeta:{}};const fe=g.a`
-  color: ${e=>e.theme.palette.common.black};
-  text-decoration: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  font-family:
-    Lato,
-    Avenir,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    Roboto,
-    'Helvetica Neue',
-    Arial,
-    sans-serif,
-    'Apple Color Emoji',
-    'Segoe UI Emoji',
-    'Segoe UI Symbol';
-  text-decoration: none;
-  font-weight: 700;
-  -webkit-font-smoothing: antialiased;
-
-  ${e=>e.theme.breakpoints.down("md")} {
-    display: block;
-    max-width: calc(100vw - 150px);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-`,xe=g.div`
-  display: flex;
-  justify-content: flex-start;
-  align-items: flex-start;
-  width: 100%;
-  ${e=>e.theme.breakpoints.up("md")} {
-    min-height: 70px;
-  }
-  ${e=>e.theme.breakpoints.down("md")} {
-    align-items: center;
-  }
-  .app-name-content {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    ${e=>e.theme.breakpoints.up("md")} {
-      align-items: flex-start;
-      flex-direction: column;
-    }
-    ${e=>e.theme.breakpoints.down("md")} {
-      justify-content: flex-start;
-      height: 22px;
-    }
-  }
-  .launching-context {
-    flex-shrink: 0;
-    font-size: 14px;
-    font-weight: 600;
-    color: ${e=>e.theme.palette.grey[500]};
-    ${e=>e.theme.breakpoints.up("md")} {
-      margin-bottom: 4px;
-    }
-    ${e=>e.theme.breakpoints.down("md")} {
-      font-size: 14px;
-      line-height: 15px;
-      &:after {
-        display: inline-block;
-        margin: 0 4px;
-        content: ':';
-      }
-    }
-  }
-
-  &.center-mode {
-    align-items: flex-start;
-    .launching-context {
-      ${e=>e.theme.breakpoints.up("sm")} {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  .app-icon {
-    flex-shrink: 0;
-    > * {
-      display: block;
-      vertical-align: middle;
-    }
-  }
-
-  .header-title {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-    align-items: flex-start;
-    margin-left: 24px;
-    ${e=>e.theme.breakpoints.down("md")} {
-      margin-left: 16px;
-    }
-    .header-title-name {
-      position: relative;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      flex: 1;
-      height: 100%;
-      color: ${e=>e.theme.palette.common.black};
-      font-weight: 700;
-      ${e=>e.theme.breakpoints.up("sm")} {
-        font-size: 18px;
-
-        &.middle-size {
-          font-size: 16px;
-        }
-      }
-      ${e=>e.theme.breakpoints.down("md")} {
-        display: block;
-        max-width: calc(100vw - 100px);
-        font-size: 16px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-    }
-
-    .header-title-sub {
-      color: ${e=>e.theme.palette.grey[700]};
-      font-size: 12px;
-      line-height: 16px;
-
-      ${e=>e.theme.breakpoints.down("md")} {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-    }
-  }
-`;function Q({blockletMeta:e,logoUrl:o,locale:a,useOfSkeleton:h,subTitle:m,loading:p}){const{steps:d,activeStep:y,setActiveStepByKey:b,setActiveStepByIndex:r,getStepStatus:u,canBackToStep:k}=P(),n=h?p:!1,c=(s,f)=>{const l=["step-block"],x=u(s.key);switch(x){case"current":l.push("step-active");break;case"before":l.push("step-checked");break}switch(s.showChild){case"activated":x==="after"&&l.push("hide-step-child");break;case"activating":(x==="after"||x==="before")&&l.push("hide-step-child");break;case"always":l.push("always-step-child");break}return s.optional===!0&&y<f&&l.push("step-optional"),l.join(" ")};return t.jsxs(ge,{children:[t.jsx(v,{blockletMeta:e,loading:p,logoUrl:o,locale:a,subTitle:m}),t.jsx(ye,{className:`${n?"hide-child-step-desc":""}`,children:d.map((s,f)=>{const l=!n&&k(f);return t.jsxs("div",{className:c(s,f),children:[t.jsx("div",{className:"step-icon",children:t.jsx(Y,{style:{fontSize:16}})}),t.jsx("div",{className:"step-line"}),t.jsxs("div",{className:"step-content",title:s.name,children:[t.jsx("span",{className:`step-content-name ${l?" step-clickable":""}`,onClick:()=>{if(l){if(s.key){b(s.key);return}r(f)}},children:n?t.jsx(j,{variant:"text",width:100}):s.name}),s.description&&t.jsx("div",{className:"step-desc",children:s.description}),s.children&&s.children.length&&t.jsx("div",{className:"step-children",children:s.children.map(x=>{let w="";switch(u(x.key)){case"before":w="step-child-block-checked";break;case"current":w="step-child-block-active";break}return t.jsx("div",{className:`step-child-block ${w}`,children:x.name},x.key)})})]})]},s.key)})})]})}const ge=g.div`
-  overflow-y: auto;
-  ${e=>e.theme.breakpoints.up("md")} {
-    padding: 24px;
-    border-right: 1px solid ${e=>e.theme.palette.grey[100]};
-    flex: 0 0 280px;
-    min-height: 48px;
-
-    .MuiStepConnector-vertical {
-      padding: 0;
-    }
-  }
-
-  ${e=>e.theme.breakpoints.down("md")} {
-    padding: 16px;
-
-    .MuiStepConnector-lineVertical {
-      border: none;
-    }
-  }
-
-  .stepper {
-    padding: 0 !important;
-    background: transparent;
-
-    ${e=>e.theme.breakpoints.up("sm")} {
-      margin-top: 100px;
-    }
-
-    ${e=>e.theme.breakpoints.down("md")} {
-      margin-top: 40px;
-    }
-
-    .step {
-      cursor: pointer;
-    }
-  }
-
-  .always-step-child {
-    .step-child-block {
-      animation: none !important;
-    }
-  }
-`,ye=g.div`
-  display: flex;
-  flex-direction: column;
-  margin-top: 60px;
-
-  @media (max-height: 900px) {
-    margin-top: 32px;
-  }
-
-  ${e=>e.theme.breakpoints.down("md")} {
-    margin-top: 30px;
-  }
-  .step-clickable {
-    cursor: pointer;
-    &:hover {
-      color: ${e=>e.theme.palette.primary.main};
-    }
-  }
-  .step-line {
-    display: block;
-    position: absolute;
-    z-index: 1;
-    left: 11px;
-    top: 12px;
-    width: 2px;
-    height: 100%;
-    opacity: 0.5;
-    background-color: ${e=>e.theme.palette.grey[400]};
-    transition: all ease 0.2s;
-  }
-  .step-icon {
-    position: relative;
-    z-index: 2;
-    display: flex;
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    width: 24px;
-    height: 24px;
-    border-radius: 13px;
-    background-color: ${e=>e.theme.palette.grey[400]};
-    color: ${e=>e.theme.palette.common.white};
-    transition: all ease 0.3s;
-    &:before {
-      position: absolute;
-      left: 4px;
-      top: 4px;
-      z-index: 3;
-      display: block;
-      background-color: ${e=>e.theme.palette.common.white};
-      width: 16px;
-      height: 16px;
-      border-radius: 10px;
-      content: '';
-      transform: scale(0);
-      transition: all ease 0.3s;
-    }
-    & > * {
-      transform: scale(0);
-      transition: all ease 0.2s;
-    }
-  }
-  .step-content {
-    position: relative;
-    flex: 1;
-    padding-top: 1px;
-    margin-left: 22px;
-    font-size: 16px;
-    color: ${e=>e.theme.palette.grey[700]};
-    white-space: nowrap;
-  }
-  .step-desc {
-    margin-top: 24px;
-    font-size: 12px;
-    font-weight: 500;
-    height: 17px;
-    color: ${e=>e.theme.palette.grey[700]};
-    transition: all ease 0.3s;
-    overflow: hidden;
-  }
-  ${e=>e.theme.breakpoints.up("md")} {
-    .step-content-name {
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 100%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-  &.hide-child-step-desc {
-    .step-desc {
-      margin: 0;
-      opacity: 0;
-      height: 0;
-    }
-  }
-  .step-block {
-    position: relative;
-    display: flex;
-    min-height: 70px;
-    opacity: 0.5;
-    overflow: hidden;
-    transition: all ease 0.2s;
-    &:last-child {
-      height: auto;
-      min-height: auto;
-    }
-    &.step-optional {
-      height: 0;
-      opacity: 0;
-      min-height: 0px;
-    }
-
-    &.step-checked,
-    &.step-active {
-      .step-desc {
-        margin: 0;
-        opacity: 0;
-        height: 0;
-      }
-    }
-
-    &.step-checked {
-      opacity: 1;
-      .step-icon {
-        color: ${e=>e.theme.palette.common.white};
-        background-color: ${e=>e.theme.palette.primary.main};
-        & > * {
-          transform: scale(1);
-        }
-      }
-
-      .step-line {
-        background-color: ${e=>e.theme.palette.primary.main};
-        opacity: 1;
-      }
-    }
-
-    &.step-active {
-      opacity: 1;
-      .step-icon {
-        background-color: ${e=>e.theme.palette.primary.main};
-      }
-      .step-icon:before {
-        transform: scale(1);
-      }
-      .step-content {
-        color: ${e=>e.theme.palette.primary.main};
-      }
-    }
-
-    &:last-child {
-      .step-line {
-        display: none;
-      }
-
-      .step-child-block {
-        &:last-child {
-          padding-bottom: 0;
-        }
-      }
-    }
-
-    &.hide-step-child {
-      .step-children {
-        .step-child-block {
-          margin-top: 0;
-          height: 0;
-          opacity: 0;
-          &:last-child {
-            padding-bottom: 0;
-          }
-        }
-      }
-    }
-  }
-  .step-children {
-    padding-top: 20px;
-    .step-child-block {
-      margin-top: 4px;
-      height: 24px;
-      line-height: 24px;
-      font-size: 14px;
-      color: #9397a1;
-      transition: all ease 0.3s;
-      &:first-of-type {
-        margin-top: 8px;
-      }
-      &:last-child {
-        padding-bottom: 40px;
-      }
-      &.step-child-block-active {
-        color: ${e=>e.theme.palette.common.black};
-        font-weight: 700;
-      }
-      &.step-child-block-checked {
-        color: ${e=>e.theme.palette.common.black};
-      }
-    }
-  }
-
-  .step-active {
-    .step-child-block {
-      animation: stepChildAnime ease 0.3s;
-    }
-  }
-
-  @keyframes stepChildAnime {
-    0% {
-      height: 0;
-    }
-    100% {
-      height: 24px;
-    }
-  }
-`;Q.propTypes={blockletMeta:i.object.isRequired,logoUrl:i.string,locale:i.string,useOfSkeleton:i.bool,subTitle:i.string,loading:i.bool};Q.defaultProps={logoUrl:"",locale:"",useOfSkeleton:!1,subTitle:"",loading:!1};function T({value:e,size:o,style:a,...h}){return t.jsxs(Ae,{style:{width:o,height:o,...a},...h,children:[t.jsx(S,{variant:"determinate",role:"progressbar",value:100,size:o,"aria-label":"decorative progress bar",thickness:10,style:{color:"#dddddd"}}),t.jsx(S,{variant:"determinate",value:e,role:"progressbar",size:o,thickness:10,"aria-label":"main progress bar"})]})}T.propTypes={value:i.number.isRequired,size:i.number,style:i.object};T.defaultProps={size:10,style:{}};const Ae=g.span`
-  display: inline-block;
-  position: relative;
-  > * {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-  }
-`,B="72px",be=g.div`
-  box-sizing: border-box;
-  display: flex;
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  padding-top: ${B};
-`,ke=g.div`
-  display: flex;
-  min-width: 900px;
-  max-width: ${e=>e.contentMaxWidth};
-  max-height: 880px;
-  border-radius: 8px;
-  background-color: #fff;
-  width: ${e=>e.width||"80%"};
-  height: ${e=>e.height||"80%"};
-
-  @media (max-height: 1200px) {
-    margin-top: ${B};
-    height: 100%;
-    max-height: 100%;
-  }
-`,we=G({typography:{fontSize:14},palette:{primary:{main:"#1dc1c7",contrastText:"#fff"},secondary:{main:"#1976d2",contrastText:"#fff"}}});function K({blockletMeta:e,loading:o,children:a,logoUrl:h,locale:m,header:p,headerEndAddons:d,pcWidth:y,pcHeight:b,navLogo:r,useOfSkeleton:u,stepTip:k,navSubTitle:n,contentMaxWidth:c,theme:s,...f}){const l=z($=>$.breakpoints.down("md")),{activeStep:x,totalStepsCount:w}=P(),E=e||{},F=l?be:ke,O=de(m);r&&!A.isValidElement(r)&&W(r)&&(l?r=r.mobile:r=t.jsx(Ee,{children:r.desktop}));const L=Object.assign(we,s||{});return t.jsx(V,{injectFirst:!0,children:t.jsx(q,{theme:L,children:t.jsx(_,{theme:L,children:t.jsxs(ve,{...f,children:[t.jsxs(je,{maxWidth:c,width:y,className:"ll-header",children:[p&&p,!p&&t.jsxs(t.Fragment,{children:[l&&t.jsx("div",{className:"left",children:t.jsx(v,{blockletMeta:E,navLogo:r,subTitle:t.jsxs("span",{children:[`${n||O.defaultNavSubTitle} ${x+1}/${w}`,t.jsx(T,{value:(x+1)/w*100,style:{marginLeft:3}})]}),logoUrl:h,locale:m,loading:o})}),r&&!l&&t.jsx("div",{className:"left",children:r}),d&&t.jsx("div",{className:"right",children:d})]})]}),t.jsxs(F,{contentMaxWidth:c,className:"ll-container",children:[t.jsx(ne,{mdDown:!0,children:t.jsx(Q,{locale:m,blockletMeta:E,logoUrl:h,useOfSkeleton:u,subTitle:n,loading:o})}),t.jsx(ee,{component:"div",className:"layout-content",children:t.jsx(A.Suspense,{fallback:t.jsx(te,{relative:"parent",children:t.jsx(S,{style:{marginTop:36}})}),children:a})})]})]})})})})}K.propTypes={loading:i.bool,blockletMeta:i.object,children:i.object.isRequired,logoUrl:i.string,locale:i.oneOf(["en","zh"]),header:i.any,headerEndAddons:i.any,pcWidth:i.any,pcHeight:i.any,contentMaxWidth:i.string,navLogo:i.oneOfType([i.node,i.object]),useOfSkeleton:i.bool,stepTip:i.string,navSubTitle:i.string,theme:i.object};K.defaultProps={loading:!1,blockletMeta:{},logoUrl:"",locale:"en",header:null,headerEndAddons:null,pcWidth:"80%",pcHeight:"80%",contentMaxWidth:"1245px",navLogo:"",useOfSkeleton:!0,stepTip:"",navSubTitle:"",theme:null};const I=navigator.userAgent.toLocaleLowerCase();let R="";I.includes("iphone os")&&I.includes("crios")&&(R="height: calc(100vh - 60px);");const je=g.header`
-  width: ${e=>e.width||"80%"};
-  min-width: 900px;
-  box-sizing: border-box;
-  position: absolute;
-  z-index: 200;
-  top: 0;
-  display: flex;
-  max-width: ${e=>e.maxWidth};
-  height: 68px;
-  align-items: center;
-
-  ${e=>e.theme.breakpoints.up("sm")} and (min-height: 900px) {
-    justify-content: flex-end;
-  }
-
-  ${e=>e.theme.breakpoints.down("md")} {
-    min-width: 360px;
-    width: 100%;
-    height: ${B};
-    justify-content: space-between;
-    background: #f6f8fa;
-  }
-
-  .left {
-    flex: 1;
-    display: flex;
-    align-items: center;
-  }
-
-  .right {
-    display: flex;
-    align-items: center;
-    ${e=>e.theme.breakpoints.down("md")} {
-      button,
-      a {
-        padding-left: 8px;
-        padding-right: 8px;
-      }
-    }
-  }
-`,ve=g.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  letter-spacing: normal;
-  ${R}
-
-  header:empty {
-    display: none;
-  }
-
-  header:empty + div {
-    margin-top: 0;
-    padding-top: 0;
-  }
-
-  .circular {
-    display: inline-block;
-    position: relative;
-    width: 15px;
-    height: 12px;
-    > * {
-      position: absolute;
-      left: 3px;
-      top: 2px;
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .layout-content {
-    width: 100%;
-    min-width: 0;
-    flex-grow: 1;
-    height: 100%;
-    padding: 32px;
-
-    ${e=>e.theme.breakpoints.down("md")} {
-      padding: 16px;
-    }
-  }
-
-  ${e=>e.theme.breakpoints.up("sm")} {
-    background: #f6f8fa;
-  }
-
-  ${e=>e.theme.breakpoints.down("md")} {
-    background: ${e=>e.theme.palette.common.white};
-  }
-`,Ee=g.div`
-  display: block;
-  margin-top: 4px;
-`;export{K as L,D as S,P as u};