@prismicio/editor-fields 0.4.81 → 0.4.83

package/dist/index.cjs.js

@@ -206,4 +206,4 @@ img.ProseMirror-separator {
 `).map(t=>({type:"paragraph",content:{text:t}}))}}function A8e(e){const t=e==null?void 0:e.value.map(n=>"content"in n?n.content.text:"").join(`
 `);if(t)return{__TYPE__:"FieldContent",type:"Text",value:t}}function VJ(e){if(de.isRepeatableContent(e))return e;if(de.isLinkContent(e))return{__TYPE__:"RepeatableContent",type:"Link",value:[e]}}function zJ(e){if(de.isLinkContent(e))return e;if(de.isRepeatableContent(e)){const[t]=e.value;if(de.isLinkContent(t))return t}}function m8e(e){var s;const{content:t,id:n,field:r,onContentChange:i,readOnly:o}=e,a={id:n,readOnly:o,onContentChange:i};return(s=r.config)!=null&&s.repeat?l.jsx(lPe,{...a,field:r,content:VJ(t)}):l.jsx(jF,{...a,field:r,content:zJ(t)})}const g8e=({content:e,field:t,id:n,onContentChange:r,readOnly:i})=>{var s,c;const o=Number(e==null?void 0:e.value),a=Number.isFinite(o)?o:void 0;return l.jsxs(A.Field,{children:[l.jsx(A.FieldIcon,{name:"pin"}),l.jsx(A.FieldLabel,{htmlFor:n,children:_r(t)}),l.jsx(A.FieldControl,{children:l.jsx(A.NumberInput,{id:n,value:a,min:(s=t.config)==null?void 0:s.min,max:(c=t.config)==null?void 0:c.max,padding:oQ,placeholder:Hf(t),readOnly:i,onValueChange:u=>r(v8e(u))})})]})};function v8e(e){return e===void 0?void 0:{__TYPE__:"FieldContent",type:"Number",value:String(e)}}function y8e(e){const{content:t,field:n,id:r,readOnly:i,onContentChange:o}=e,{placeholder:a,options:s}=n.config??{},c=!!(s!=null&&s.includes("")),u=C8e(n),d=b8e({content:t,placeholder:a,defaultValue:u,canHaveEmptyValue:c}),f=a&&u===void 0||a===void 0&&!c;return l.jsxs(A.Field,{children:[l.jsx(A.FieldIcon,{name:"arrowDropDownCircle"}),l.jsx(A.FieldLabel,{htmlFor:r,children:_r(n)}),l.jsx(A.FieldControl,{children:l.jsxs(A.Select,{id:r,size:"large",color:"grey",value:d,disabled:i,renderTrigger:()=>l.jsx(A.SelectGhostTrigger,{id:r}),onValueChange:p=>{o(S8e({value:p,placeholder:a}))},children:[f&&l.jsx(A.SelectItem,{value:a||Ov,children:a||""}),s==null?void 0:s.map(p=>l.jsx(A.SelectItem,{value:p||Ov,children:p},p))]})})]})}function b8e(e){const{content:t,placeholder:n,defaultValue:r,canHaveEmptyValue:i}=e;let{value:o}=t??{};return o===""&&i?Ov:(o===""&&(o=void 0),o??r??n??"")}function S8e(e){const{placeholder:t}=e;let{value:n}=e;if(n!==t)return n===Ov&&(n=""),{__TYPE__:"FieldContent",type:"Select",value:n}}function C8e(e){var t,n;return((t=e.config)==null?void 0:t.default_value)===void 0||(n=e.config.options)==null?void 0:n[0]}const Ov=" ",C2=QJ(2,3),w8e={__TYPE__:"TableContent",content:QJ(1,1)};function x8e(e){const{field:t,content:n,onContentChange:r,...i}=e;function o(a){if(!a)return r(w8e);e.onContentChange(I8e(a))}return l.jsx(vO,{...i,field:R8e(t),content:_8e(n),onContentChange:o,shouldReturnEmptyContent:!0,scroll:"x-auto",padding:"zero"})}function QJ(e,t){return Array.from({length:e},()=>({key:crypto.randomUUID(),type:"tableRow",content:Array.from({length:t},()=>({key:crypto.randomUUID(),type:"tableCell",content:{__TYPE__:"StructuredTextContent",value:[{type:"paragraph",content:{text:""}}]}}))}))}function _8e(e){return{__TYPE__:"StructuredTextContent",value:[{type:"table",content:T8e(e)}]}}function T8e(e){const t=de.TableContent.decode(e);return t._tag==="Left"||!t.right.content.some(r=>r.content.some(i=>i.content.value.some(({type:o})=>o)))?C2:t.right.content}function I8e(e){return{__TYPE__:"TableContent",content:e.value.flatMap(t=>t.type==="table"?t.content:[])}}function R8e(e){var t;return{...he.TableCell,config:{...he.TableCell.config,label:(t=e.config)==null?void 0:t.label,allowTargetBlank:!0,multi:[he.TableCell.config.multi,Gc.table].join(",")}}}function E8e(e){const{id:t,readOnly:n,field:r,content:i,onContentChange:o}=e,a=i!=null&&i.value?Ex.dateFromISOString(i.value):void 0;return l.jsxs(A.Field,{children:[l.jsx(A.FieldIcon,{name:"event"}),l.jsx(A.FieldLabel,{id:t,children:_r(r)}),l.jsx(A.FieldControl,{children:l.jsx(A.Box,{padding:{left:4,right:12},width:"100%",flexDirection:"column",justifyContent:"center",children:l.jsx(A.DateInput,{mode:"date-time","aria-labelledby":t,disabled:n,value:a,onValueChange:s=>{o($8e(s))}})})})]})}function $8e(e){if(e)return{__TYPE__:"FieldContent",type:"Timestamp",value:k8e(e)}}function k8e(e){const t=`${e.getUTCFullYear()}`.padStart(4,"0"),n=`${e.getUTCMonth()+1}`.padStart(2,"0"),r=`${e.getUTCDate()}`.padStart(2,"0"),i=`${e.getUTCHours()}`.padStart(2,"0"),o=`${e.getUTCMinutes()}`.padStart(2,"0");return`${t}-${n}-${r}T${i}:${o}:00+00:00`}function eS(e){const{id:t,readOnly:n,content:r,nestableWidget:i}=e,o=ze.useStableCallback(e.onContentChange),a=I.useMemo(()=>{const s={id:t,readOnly:n,onContentChange:o};return i.type==="Boolean"?l.jsx(cLe,{...s,field:i,content:de.isBooleanContent(r)?r:void 0}):i.type==="Date"?l.jsx(fLe,{...s,field:i,content:de.isDateContent(r)?r:void 0}):i.type==="Timestamp"?l.jsx(E8e,{...s,field:i,content:de.isTimestampContent(r)?r:void 0}):i.type==="Image"?l.jsx(bPe,{...s,field:i,content:de.isImageContent(r)?r:void 0}):i.type==="Link"?l.jsx(m8e,{...s,field:i,content:r}):i.type==="Number"?l.jsx(g8e,{...s,field:i,content:de.isNumberContent(r)?r:void 0}):i.type==="StructuredText"?l.jsx(vO,{...s,field:i,content:de.isRichTextContent(r)?r:void 0}):i.type==="Select"?l.jsx(y8e,{...s,field:i,content:de.isSelectContent(r)?r:void 0}):i.type==="Text"?l.jsx(qJ,{...s,field:i,content:de.isTextContent(r)?r:void 0}):i.type==="Embed"?l.jsx(wLe,{...s,field:i,content:de.isEmbedContent(r)?r:void 0}):i.type==="Color"?l.jsx(lLe,{...s,field:i,content:de.isColorContent(r)?r:void 0}):i.type==="GeoPoint"?l.jsx(xLe,{...s,field:i,content:de.isGeoPointContent(r)?r:void 0}):i.type==="IntegrationFields"?l.jsx(FPe,{...s,field:i,content:de.isIntegrationFieldContent(r)?r:void 0}):i.type==="Table"?l.jsx(x8e,{...s,field:i,content:de.isTableContent(r)?r:void 0}):null},[r,t,i,o,n]);return l.jsx(kw,{id:t,children:a})}function HJ(e){const{id:t,readOnly:n,content:r,widget:i}=e,o=ze.useStableCallback(e.onContentChange);return I.useMemo(()=>{const a={id:t,readOnly:n,onContentChange:o};return i.type==="Group"?l.jsx(yF,{...a,group:i,content:de.isGroupContent(r)?r:void 0}):l.jsx(eS,{...a,nestableWidget:i,content:de.isNestableContent(r)?r:void 0})},[r,t,i,o,n])}function yO(e){const{id:t,title:n,addItemButtonTitle:r,content:i,onContentChange:o,readOnly:a,repeatable:s=!0,repeatableZone:c}=e,u=Object.entries(c),d=I.useRef([YJ()]).current;let f=i??d;!s&&f.length>1&&(f=f.slice(0,1));const{scrollOffsetTop:p}=be();function h(x){return x.key}function m(x){const w=Mv([],crypto.randomUUID()),[v]=eLe.repeatableContentWithDefaultNestableContentValues(c,[w]);v&&o(wt.insertAtIndex(f,x,v))}function g(x){const{index:w,offset:v}=x;o(wt.move(f,w,w+v))}function y(x){o(wt.removeIndex(f,x))}function b(x,w,v,S){const C=F8e(x,[v,S]),_=j8e(f,[w,C]);o(_)}return Object.keys(c).length===0?null:l.jsx(A.Group,{title:n??"Repeatable zone",addItemButtonTitle:r??"Add item in repeatable zone",items:f,maxItems:s?void 0:1,getItemKey:h,onAddItem:m,dnd:{scrollOffsetTop:p,onReorder:o,renderDragPreview:({index:x})=>l.jsx(O8e,{title:n??"Repeatable zone",index:x}),renderDropIndicator:M8e},readOnly:a,children:(x,w)=>{const v=new Map(x.value),S=h(x);return l.jsx(A.LazyRender,{keepLoaded:!0,loadWhenSearching:!0,children:l.jsx(A.GroupItem,{index:w,title:`${w+1} • Item`,onMove:g,onDelete:y,readOnly:a,children:u.map(([C,_])=>l.jsx(HJ,{id:`${t}[${S}].${C}`,content:v.get(C),widget:_,onContentChange:R=>b(x,w,C,R),readOnly:a},C))})})}})}function j8e(e,t){const[n,r]=t;return r?e.map((i,o)=>o===n?r:i):e.filter((i,o)=>o!==n)}function F8e(e,t){const[n,r]=t;if(!r){const o=e.value.filter(([a])=>a!==n);return Mv(o,e.key)}const i=Array.from(new Map(e.value).set(n,r));return Mv(i,e.key)}function Mv(e,t){return{__TYPE__:"GroupItemContent",value:e,key:t}}function YJ(){return Mv([],crypto.randomUUID())}function O8e(e){const{title:t,index:n}=e;return l.jsxs(A.Box,{padding:{block:8,inline:12},backgroundColor:"grey3",border:!0,borderRadius:6,alignItems:"center",justifyContent:"space-between",width:"100%",children:[l.jsxs("div",{children:[l.jsx(A.Text,{variant:"smallBold",color:"grey11",children:t??"Repeatable zone"}),l.jsxs(A.Text,{variant:"small",color:"grey11",children:[n+1," • Item"]})]}),l.jsx(A.Icon,{name:"dragIndicator",size:"small",color:"grey8"})]})}function M8e(e){const{isDropTarget:t,itemIndex:n,position:r}=e,i=t?l.jsx(A.Line,{color:"purple",thickness:2,sx:{position:"absolute",left:0,right:0,bottom:n===0&&r==="before"?0:void 0}},"line"):void 0;return l.jsx(A.AnimatedElement,{enterDuration:150,children:i})}function L8e(e,t){let n=e;return n=P8e(n,t),n=D8e(n,t),n=U8e(n,t),n=B8e(n,t),n}function D8e(e,t){return he.flattenSections(t).reduce((r,[i,o])=>!e[i]&&o.type==="Group"?{...r,[i]:GJ()}:r,e)}function U8e(e,t){return de.traverseDocument({document:e,customType:t})({transformWidget({model:n,content:r}){return n?r:void 0},transformSlice(n){return n.model?n.content:void 0}})}function P8e(e,t){return de.traverseDocument({document:e,customType:t})({transformWidget({model:n,content:r}){if((n==null?void 0:n.type)==="Link"){const{repeat:i}=n.config??{};switch(r.__TYPE__){case"LinkContent":return i?VJ(r)??r:r;case"RepeatableContent":return i?r:zJ(r)??r;default:return r}}return r}})}function B8e(e,t){return de.fillDocumentWithDefaultValues(t,e)}function GJ(){return{__TYPE__:"GroupContentType",value:[YJ()]}}const JJ={unclassified:{title:"Draft",color:"amber"},published:{title:"Live",color:"green"},release:{title:"Planned",color:"purple"},archived:{title:"Archived",color:"grey"}},Rx={unclassified:["unclassified","published"],archived:["unclassified","published"],release:["release","published"],published:["published","unclassified"]};function bO(e){const{documentId:t,versionId:n,baseUrl:r,status:i,releaseId:o}=e,a={s:i,v:n,r:o},s=oi.createRouteParams({params:a}),c=new URLSearchParams(s).toString();return new URL(`pages/${t}?${c}`,r)}function W8e(e){const{children:t,...n}=e;return l.jsx(Fn.QueryErrorResetBoundary,{children:({reset:r})=>l.jsx(A.ErrorBoundary,{...n,onReset:r,children:t})})}function K8e(e){const{href:t,tracking:n}=e;return l.jsx(A.Box,{justifyContent:"center",padding:{block:6},children:l.jsxs(A.Text,{href:t,variant:"smallBold",color:"grey11",onClick:()=>void n.track({event:"shared-onboarding:follow-tutorial",source:n.source}),children:["Or watch our in-depth course",l.jsx(A.Icon,{name:"playCircle",color:"grey11",size:"small",sx:{marginLeft:4}})]})})}function N8e(e){const{step:t,stepIndex:n,isOpen:r,onActionClick:i,onClose:o,contentRef:a}=e,[s,c]=I.useState(!1),[u,d]=I.useState(e.isStepComplete);I.useEffect(()=>{r&&d(e.isStepComplete)},[e.isStepComplete,r]);async function f(){if(r)try{c(!0),await i(u)}finally{c(!1)}}return l.jsxs(A.Dialog,{open:r,onOpenChange:o,size:"small",children:[l.jsx(A.DialogHeader,{title:"Onboarding"}),l.jsxs(A.DialogContent,{children:[l.jsx(A.ScrollArea,{children:l.jsxs(A.Box,{ref:a,as:"article",flexDirection:"column",padding:16,gap:16,children:[l.jsx(A.DialogDescription,{asChild:!0,children:l.jsxs("section",{children:[l.jsxs(A.Text,{sx:{marginBottom:4},color:"purple9",variant:"bold",children:["Step ",n+1]}),l.jsx(A.Text,{variant:"h3",children:t.title}),t.content]})}),t.videoUrl&&l.jsx(A.Video,{src:t.videoUrl,sizing:"contain",borderRadius:4,autoPlay:!0,loop:!0})]})}),l.jsxs(A.DialogActions,{children:[l.jsx(A.DialogCancelButton,{size:"medium",children:"Close"}),!t.defaultCompleted&&l.jsx(A.DialogActionButton,{size:"medium",onClick:f,loading:s,color:u?"darkGrey":"purple",children:u?"Undo step":"Complete step"})]})]})]})}function q8e(e){const{steps:t,completedSteps:n,onToggleStep:r,tracking:i,stepOverrides:o}=e,[a,s]=I.useState(!1),[c,u]=I.useState(t[0]),d=I.useRef(null);if(!c)return null;const f=t.findIndex(({id:y})=>y===c.id);function p(y){return n.includes(y.id)}function h(y){u(y),s(!0),i.track({event:"shared-onboarding:step-opened",stepId:y.id,stepTitle:y.title,source:i.source})}async function m(y=!1){var b;if(c&&(await r(c),!y)){(b=d.current)==null||b.animate([{opacity:0},{opacity:1}],{duration:400});const x=g();x?h(x):s(!1)}}function g(){let y=f+1;for(;y<t.length;){const b=t[y];if(b&&!p(b))return b;y++}}return l.jsxs(l.Fragment,{children:[l.jsx(N8e,{contentRef:d,isOpen:a,step:c,stepIndex:f,isStepComplete:p(c),onClose:()=>s(!1),onActionClick:m}),l.jsxs(A.DropdownMenu,{children:[l.jsx(A.DropdownMenuTrigger,{children:l.jsx(A.Button,{size:"large",color:"grey",sx:{width:"100%"},renderStartIcon:V8e,children:n.length>0?"Continue":"Start now"})}),l.jsxs(A.DropdownMenuContent,{side:"right",minWidth:256,collisionPadding:8,children:[l.jsx(A.DropdownMenuLabel,{children:l.jsx(A.Text,{variant:"small",color:"grey11",sx:{marginInline:8},children:"Progress"})}),t.map((y,b)=>{const x=p(y);return l.jsx(A.DropdownMenuItem,{onSelect:(o==null?void 0:o[y.id])??(()=>h(y)),description:y.description,completed:x,endAdornment:l.jsx(A.Icon,{name:"chevronRight",size:"small",color:"grey11"}),children:`${b+1} ${y.title}`},y.id)})]})]})]})}function V8e(){return l.jsx(A.Icon,{name:"arrowForward",size:"small",color:"grey11"})}function z8e(e){const{steps:t,completedSteps:n,tutorialLink:r,tracking:i,onToggleStep:o,onClose:a,stepOverrides:s}=e,c=n.length===t.length;return l.jsx(A.Card,{variant:c?"elevated":"animated-light",paddingBlock:16,onClose:a,children:l.jsxs(A.CardContent,{children:[l.jsxs("div",{children:[l.jsx(A.Text,{variant:"bold",children:`Build your first page in ${t.length.toString()} simple steps`}),l.jsx(A.Text,{color:"grey11",variant:"small",children:"Render a live page with content coming from Prismic."})]}),l.jsx(A.ProgressBar,{value:n.length,max:t.length,displayLabel:!0,getValueLabel:(u,d)=>`${u}/${d}`}),l.jsx(q8e,{steps:t,completedSteps:n,onToggleStep:o,tracking:i,stepOverrides:s}),r&&l.jsx(K8e,{href:r,tracking:i})]})})}function Q8e(e){const{framework:t,projectName:n,starterId:r,repositoryName:i}=e,{frameworkNameLabel:o,createProjectCodeSnippet:a}=H8e(e),s=[{id:"createPrismicProject",title:"Create your Prismic project",description:"Create and set up your project",defaultCompleted:!0,content:l.jsx(A.Text,{children:"A Prismic project is a space for managing and organizing the content of your website."})},{id:"chooseLocale",title:"Select your main locale",description:"Choose your first locale",defaultCompleted:!!r,content:l.jsx(A.Text,{children:"Locales allow you to create and manage multilingual versions of your content within a single Prismic project."})},{id:"createProject",title:`Create a ${o}project`,description:"Create and set up your project",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1727768069/DEV_TOOLS/ONBOARDING_GUIDE/Pagebuilder_onboarding_step_3_puh6fx.mp4",content:l.jsxs(l.Fragment,{children:[l.jsx(A.Text,{sx:{marginBottom:16},children:"Now that you have a Prismic project to manage the content of your website, let's create the code project that will be querying your content."}),!!a&&l.jsx(Gp,{code:`${a} ${i??"<my-project>"}`,language:"bash"}),l.jsx(A.Text,{variant:"small",sx:{marginTop:16},children:"(example for Next.js below)"})]})},{id:"setupSliceMachine",title:"Set up & run Slice Machine",description:"Prepare the code to fetch content",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1727768069/DEV_TOOLS/ONBOARDING_GUIDE/page_builder_onboarding_step_4_yl8fb8.mp4",content:l.jsxs(l.Fragment,{children:[l.jsx(A.Text,{sx:{marginBottom:16},children:`Slice Machine is the Prismic tool for creating your content models.
           Install it in your ${o}project by running these commands:`}),l.jsx(Gp,{code:`cd ${n??"<your project name>"}
-npx @slicemachine/init@latest --repository ${i??"<my-project>"}`,language:"bash",title:"Terminal",showLineNumbers:!1})]})},{id:"createPageType",title:"Create a Page Type",description:"Build the structure of your page",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/Create_page_type_xdn13j.mp4",content:l.jsx(A.Text,{children:"A page type is a base content structure editors will use to create pages in the Page Builder (Prismic's content creation UI). A page type can be reusable (e.g., for multiple blog posts) or single (e.g., for a one-time page like the homepage)."})},{id:"codePage",title:"Code Your Page Type",description:"Prepare code to fetch content",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/Step2_code_your_page_jatiur.mp4",content:l.jsx(A.Text,{children:"Prepare your code to query the content from the Prismic API."})},{id:"createSlice",title:"Create a Slice",description:"Build a reusable website section",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918322/DEV_TOOLS/ONBOARDING_GUIDE/Step3_add_slice_qzmvxf.mp4",content:l.jsx(A.Text,{children:"Slices are website sections that can be reused on different pages with different content. Each slice has a code component automatically generated by Slice Machine. Start with a template and look at your code to see how it's structured."})},{id:"reviewAndPush",title:"Review and Push changes",description:"Enable editors to create content",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/DevTools_Squad_push_changes_ovvmul.mp4",content:l.jsx(A.Text,{children:"Your page types and slices currently exist only in your local project. Push them to your repository to make them available for your content editors."})},{id:"createContent",title:"Create Content",description:"Publish a page to the Prismic API",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1732631905/DEV_TOOLS/ONBOARDING_GUIDE/step_9_create_content_y8m3m0.mp4",content:l.jsx(A.Text,{children:"In Prismic, content creation takes place in the Prismic Page Builder UI. Open the Page Builder and start creating your first page."})},{id:"renderPage",title:"Render Your Page",description:"View your page in the browser",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918321/DEV_TOOLS/ONBOARDING_GUIDE/Step_6_Render_Page_tnauh9.mp4",content:l.jsxs(A.Text,{children:["Now that your content is published, you can run your project in your terminal and visit the page on your local server (e.g.,"," ",l.jsx(A.Text,{component:"code",children:"localhost:3000/example-page"}),"). Your content should now be visible!"]})}],c={next:"https://prismic.dev/course/next",nuxt:"https://prismic.dev/course/nuxt",sveltekit:"https://prismic.dev/course/sveltekit"};return{steps:s,defaultCompletedStepIds:s.flatMap(u=>u.defaultCompleted?[u.id]:[]),tutorialLink:t?c[t]:void 0}}function H8e(e){const{framework:t}=e;if(!t||t==="other")return{frameworkNameLabel:"",createProjectCodeSnippet:""};const n=R2[t];return{frameworkNameLabel:n?`${n} `:"",createProjectCodeSnippet:E2[t]}}const ZC=3e3,w2=400;function Y8e(e){const{onboardingState:t,tracking:n,onToggleStep:r,onToggleGuide:i,fallback:o=null,stepOverrides:a,repositoryName:s,projectName:c}=e,{context:u,isDismissed:d}=t,{steps:f,defaultCompletedStepIds:p,tutorialLink:h}=Q8e({...u,repositoryName:s,projectName:c}),m=x(t.completedSteps),g=G8e(y,w2);if(ze.useOnChange(d,()=>!d&&g.reset()),u.framework==="other")return l.jsx(l.Fragment,{children:o});function y(){i()}async function b(w){const v=await r(w.id);v.includes(w.id)&&n.track({event:"shared-onboarding:step-completed",stepId:w.id,stepTitle:w.title,source:n.source}),x(v).length===f.length&&(n.track({event:"shared-onboarding:completed",source:n.source}),g.start())}function x(w){const v=f.map(({id:S})=>S);return Array.from(new Set([...w.filter(S=>v.includes(S)),...p]))}return d?null:l.jsx(A.AnimatedElement,{enterDuration:0,exitDuration:w2,children:g.status!=="hidden"&&l.jsxs("div",{ref:g.refs.container,style:{position:"relative"},children:[l.jsx(z8e,{steps:f,completedSteps:m,tutorialLink:h,tracking:n,onToggleStep:b,onClose:g.status!=="animating"?y:void 0,stepOverrides:a}),l.jsx("div",{ref:g.refs.cannon,style:{position:"absolute",bottom:0,left:0}})]})})}function G8e(e,t=400){const n=mZ.useConfetti({config:{duration:ZC}}),[r,i]=I.useState("visible"),o=I.useRef(!1),a=I.useCallback(()=>{i("animating"),setTimeout(()=>i("hidden"),ZC-t),o.current||(setTimeout(e,ZC),o.current=!0)},[e,t]),s=()=>{n.throwConfetti(),a()},c=I.useCallback(()=>{i("visible"),o.current=!1},[]);return{refs:{container:n.confettiContainerRef,cannon:n.confettiCannonRef},status:r,start:s,reset:c}}function ZJ(e){const{type:t,value:n}=e,r=t===na?hh.max:Ah.max;return l.jsx(A.Box,{alignItems:"center",children:l.jsx(A.Tooltip,{title:J8e[t],content:e7e[t],stableMount:!0,children:l.jsx(A.Badge,{title:`${n.length} characters`,size:"medium",color:n.length>r?"tomato":"green",sx:{alignSelf:"center"}})})})}const J8e={[na]:"Meta title length",[ls]:"Meta description length"},Z8e=`${hh.min}-${hh.max}`,X8e=`${Ah.min}-${Ah.max}`,e7e={[na]:`For optimal mobile SEO, keep your meta title within ${Z8e} characters to prevent it from being cut off in search results.`,[ls]:`To ensure your meta description isn’t truncated in mobile search results, aim for ${X8e} characters. This helps improve visibility and click-through rates.`};function XJ(e){const{title:t,description:n}=e;return l.jsx(A.Card,{paddingBlock:8,paddingInline:8,variant:"highlighted",children:l.jsxs(A.CardContent,{gap:4,children:[l.jsx(A.Text,{color:"indigo11",variant:"h4",noSelect:!0,children:Ft.overflow(t,hh.max)}),l.jsx(A.Text,{color:"green11",noSelect:!0,children:"https://www.yourdomain.com/"}),l.jsx(A.Text,{variant:"small",color:"grey11",noSelect:!0,children:Ft.overflow(n,Ah.max)})]})})}const eZ=I.createContext({editedUID:{current:!1},onEditUID:()=>{}});function tZ(e){return Object.values(e.json).some(t=>{var n;return((n=t.uid)==null?void 0:n.type)==="UID"})}function t7e(e){const{content:t,customType:n}=e;return tZ(n)&&!t.uid}function nZ(e){const{documentId:t,documentsWithUid:n,uid:r}=e;return n.filter(i=>t!==i.id&&r7e({document:i,uid:r})&&n7e({...e,document:i}))}function n7e(e){const{customTypeId:t,languageId:n,document:r}=e,i=t===r.custom_type_id,o=n===r.language.id;return i&&o}function r7e(e){const{document:t,uid:n}=e,r=t.versions.filter(i=>i.uid===n);return r.length===0?!0:r.some(i=>i.status!=="archived")}function tS(e,t){return`${e}___${t}`}const rZ=I.createContext({ids:[],isSelected:()=>!1,update:()=>{}});function nS(){return I.useContext(rZ)}function i7e(e){const{content:t,id:n,nonRepeatableZone:r,onContentChange:i,readOnly:o}=e,a=I.useMemo(()=>Object.entries(r),[r]);return l.jsx(l.Fragment,{children:a.map(([s,c])=>{const u=t[s];return l.jsx(eS,{id:`${n}.${s}`,readOnly:o,nestableWidget:c,content:de.isNestableContent(u)?u:void 0,onContentChange:d=>{i(o7e(t,s,d))}},s)})})}function o7e(e,t,n){return n?{...e,[t]:n}:Sd.removeKey(e,t)}function a7e(e){const{compositeSlice:t,content:n,onContentChange:r,sliceKey:i,id:o,readOnly:a,header:s}=e,c=nS();function u(){i&&c.update({id:i,requestedFrom:"sliceFieldSet"})}return l.jsxs(A.FieldSet,{id:i&&tS("sliceFieldSet",i),selected:i?c.isSelected(i):!1,onFocus:u,legend:s7e(t),header:s,children:[l.jsx(i7e,{id:o,readOnly:a,nonRepeatableZone:t["non-repeat"]??{},content:n.nonRepeat,onContentChange:d=>{r({...n,nonRepeat:d})}}),l.jsx(yO,{id:o,readOnly:a,repeatableZone:t.repeat??{},content:n.repeat,onContentChange:d=>{r({...n,repeat:d})}})]})}function s7e(e){var t;return((t=e.config)==null?void 0:t.label)??e.fieldset??e.type}const iZ={__TYPE__:"ImageContent",edit:{background:"",crop:{x:0,y:0},zoom:0},height:0,width:0,origin:{height:0,width:0,id:"",url:""},url:""};function c7e(e){const{field:t}=e;if(t.type==="Image")return iZ}function u7e(e){const{content:t,legacySlice:n,sliceKey:r,id:i,readOnly:o,onContentChange:a,header:s}=e,c=nS();function u(){r&&c.update({id:r,requestedFrom:"sliceFieldSet"})}const d=n.type==="Group"?$w(n):_r(n);return l.jsx(A.FieldSet,{id:r&&tS("sliceFieldSet",r),selected:r?c.isSelected(r):!1,onFocus:u,legend:d,header:s,children:n.type==="Group"?l.jsx(yF,{id:i,readOnly:o,onContentChange:a,group:n,content:de.isGroupContent(t)?t:void 0}):l.jsx(eS,{id:i,readOnly:o,nestableWidget:n,content:de.isNestableContent(t)?t:void 0,onContentChange:f=>{const p=c7e({field:n});!f&&p&&a(p),f&&a(f)}})})}function l7e(e){const{content:t,id:n,slicePrimaryZone:r,onContentChange:i,readOnly:o}=e,a=I.useMemo(()=>Object.entries(r),[r]);return l.jsx(l.Fragment,{children:a.map(([s,c])=>{const u=t[s];return l.jsx(HJ,{id:`${n}.${s}`,readOnly:o,widget:c,content:de.isSlicePrimaryContent(u)?u:void 0,onContentChange:d=>{i(d7e(t,s,d))}},s)})})}function d7e(e,t,n){return n?{...e,[t]:n}:Sd.removeKey(e,t)}function oZ(e){const{config:t,content:n,sliceKey:r,readOnly:i=!1,sharedSlice:o,onContentChange:a,...s}=e,c=f7e(o,n.variation),u=I.useId(),f={id:s.id??u,readOnly:i},p=nS();function h(){r&&p.update({id:r,requestedFrom:"sliceFieldSet"})}return c===void 0?null:l.jsx(Nv.Provider,{value:t,children:l.jsx(nLe,{children:l.jsxs(A.FieldSet,{id:r&&tS("sliceFieldSet",r),selected:r?p.isSelected(r):!1,onFocus:h,legend:p7e(o,c),children:[l.jsx(A.LazyRender,{heightEstimate:400,gap:16,keepLoaded:!0,loadWhenSearching:!0,children:l.jsx(l7e,{...f,slicePrimaryZone:c.primary??{},content:n.primary,onContentChange:m=>{a({...n,primary:m})}})}),l.jsx(yO,{...f,repeatableZone:c.items??{},content:n.items,onContentChange:m=>{a({...n,items:m})}})]})})})}function f7e(e,t){return I.useMemo(()=>e.variations.find(n=>n.id===t),[e,t])}function p7e(e,t){return[e.name,t.name].join(" • ")}function x2(e){var c,u;const{sliceZone:t,onChange:n,slices:r,sliceContent:i}=e,o=(u=(c=t.config)==null?void 0:c.labels)==null?void 0:u[i.name];if(!o)return null;const a=o.find(d=>d.name===i.maybeLabel);function s(d){const f=r.value.map(p=>p.key===i.key?{...p,maybeLabel:d}:p);n({...r,value:f})}return l.jsxs(l.Fragment,{children:[l.jsx(A.Text,{component:"span",variant:"smallBold",children:"•"}),l.jsxs(A.DropdownMenu,{children:[l.jsx(A.DropdownMenuTrigger,{children:l.jsx(A.Button,{color:"grey",size:"small",endIcon:"arrowDropDown",invisible:!0,children:(a==null?void 0:a.display)??"Slice variation"})}),l.jsxs(A.DropdownMenuContent,{align:"start",maxHeight:256,children:[l.jsx(A.DropdownMenuItem,{onSelect:()=>s(void 0),endIcon:i.maybeLabel===void 0?l.jsx(A.Icon,{name:"check"}):void 0,children:"..."}),o==null?void 0:o.map(d=>l.jsx(A.DropdownMenuItem,{onSelect:()=>s(d.name),endIcon:d.name===i.maybeLabel?l.jsx(A.Icon,{name:"check"}):void 0,children:d.display??"[Missing display value]"},d.name))]})]})]})}function h7e(e){const{content:t,id:n,onContentChange:r,readOnly:i,sliceZone:o}=e,a=be();return l.jsx(l.Fragment,{children:t==null?void 0:t.value.map((s,c)=>{var p,h;const u=(h=(p=o.config)==null?void 0:p.choices)==null?void 0:h[s.name];if(u===void 0)return null;const d={...s.widget,key:s.key},f={id:`${n}[${s.key}]`,key:s.key,sliceKey:s.key,onContentChange:m=>{const g={...s,widget:m},y=A7e(t,[c,g]);r(y)},readOnly:i};return u.type==="SharedSlice"?de.isSharedSliceContent(d)?l.jsx(oZ,{...f,config:a,sharedSlice:u,content:d}):null:u.type==="Slice"?de.isCompositeSliceContent(d)?l.jsx(a7e,{...f,compositeSlice:u,content:d,header:l.jsx(x2,{sliceContent:s,sliceZone:o,slices:t,onChange:r})}):null:de.isSimpleSliceContent(d)?l.jsx(u7e,{...f,legacySlice:u,content:d,header:l.jsx(x2,{sliceContent:s,sliceZone:o,slices:t,onChange:r})}):null})})}function A7e(e,[t,n]){return{__TYPE__:"SliceContentType",value:e.value.map((r,i)=>i===t?n:r)}}function m7e(e){const{content:t,metadataFieldType:n,documentId:r="new-document",documentContent:i,documentCustomType:o,documentLocale:a,...s}=e,{showAlert:c}=A.useAlert(),[u,d]=I.useState(!1),f=be(),p=I.useMemo(()=>dQ(i,o),[i,o]),h=fQ(p);async function m(){if(!f.aiSeoMetadataEnabled)return;const{trackMetadataGeneration:g,authStrategy:y,documentBaseUrl:b,repository:x}=f;d(!0);try{const w=await lQ(x,b,y,{pageTextContent:p,contentLocale:a});e.onContentChange({__TYPE__:"FieldContent",type:"Text",value:w[n]}),g({documentId:r,locale:a,suggestion:w[n],type:n})}catch{c({id:n,title:"Error",subtitle:`Failed to generate SEO metadata for ${_2[n]}`})}d(!1)}return l.jsx(qJ,{...s,content:t,placeholder:`${_2[n]}..`,endAdornment:l.jsxs(l.Fragment,{children:[l.jsx(ZJ,{type:n,value:(t==null?void 0:t.value)||""}),l.jsx(A.Tooltip,{content:h?"Generate SEO metadata from your page content.":"Your page content is too short to generate SEO metadata.",children:l.jsx(A.Button,{disabled:!h,onClick:m,size:"small",color:"grey",startIcon:"autoFixHigh",loading:u,sx:{alignSelf:"center",marginInline:8},children:"Generate"})})]})})}const _2={[na]:"Meta title",[ls]:"Meta description"};function g7e(e){const{id:t,field:n,content:r,onContentChange:i,readOnly:o}=e,a=ze.useDebounceState({state:(r==null?void 0:r.value)??"",synchronize:!0}),{onEditUID:s}=I.useContext(eZ);function c(d){s();const f=Ft.slugify(d);i(b7e(f)),a.set(f)}function u(d){o||(c(d.clipboardData.getData("Text").trim()),d.preventDefault())}return l.jsxs(A.Field,{children:[l.jsx(A.FieldIcon,{name:"tag"}),l.jsx(A.FieldLabel,{htmlFor:t,children:_r(n)}),l.jsx(A.FieldControl,{children:l.jsx(Cc,{id:t,variant:"success",placeholder:Hf(n,"Enter a unique identifier"),value:a.value,onPaste:u,onValueChange:c,endAdornment:l.jsx(A.AnimatedElement,{enterDuration:150,children:l.jsx(v7e,{uid:a.debouncedValue})}),readOnly:o})})]})}function v7e(e){const{uid:t}=e,n=be();return t?n.uidField?l.jsx(A.ErrorBoundary,{children:l.jsx(I.Suspense,{children:l.jsx(y7e,{uid:t})})}):null:l.jsx(A.Badge,{color:"tomato",title:"Required",size:"medium"})}function y7e(e){const t=S7e(e),n=be();if(!t.documentId)return null;const r=bO({status:t.status,releaseId:t.releaseId,documentId:t.documentId,versionId:t.versionId,baseUrl:n.baseUrl});return l.jsx("a",{href:r.href,target:"_blank",rel:"noreferrer",children:l.jsx(A.Badge,{color:"tomato",size:"medium",title:l.jsxs(A.Text,{color:"tomato11",variant:"small",children:["Value already used in"," ",l.jsx(A.Text,{color:"tomato11",variant:"small",underline:!0,children:"another document"})]})})})}function b7e(e){return e===""?void 0:{__TYPE__:"UIDContent",value:e}}function S7e(e){var p,h,m,g;const{uid:t}=e,n=be();n.uidField||xt("uidField");const{coreApiBaseUrl:r,authStrategy:i,customTypeId:o,localeId:a,documentId:s}=n,{data:c}=_F({baseUrl:r,authStrategy:i,uids:[t]}),u=c.results,f=nZ({customTypeId:o,languageId:a,documentsWithUid:u,documentId:s,uid:t})[0];return f?{documentId:f.id,versionId:(p=f.versions[0])==null?void 0:p.version_id,status:(h=f.versions[0])==null?void 0:h.status,releaseId:((m=f.versions[0])==null?void 0:m.status)==="release"?(g=f.versions[0])==null?void 0:g.release_id:void 0}:{}}function C7e(e){const{id:t,readOnly:n,staticZone:r,content:i,onContentChange:o,documentId:a,documentContent:s,documentCustomType:c,documentLocale:u}=e,d=be(),f=I.useMemo(()=>Object.entries(r),[r]),p=I.useRef(i);if(I.useEffect(()=>{p.current=i},[i]),f.length===0)return null;const h=x7e(f),m=lv(i[na])||"Meta title..",g=lv(i[ls])||"Meta description..";return l.jsxs(A.FieldSet,{legend:"Page data",children:[h&&l.jsx(XJ,{title:m,description:g}),f.map(([y,b])=>{const x={id:`${t}.${y}`,onContentChange:v=>{const{[y]:S,...C}=p.current;o({...C,...v!==void 0&&{[y]:v}})},readOnly:n},w=i[y];return b.type==="UID"?l.jsx(kw,{id:y,children:l.jsx(g7e,{...x,content:de.isUIDContent(w)?w:void 0,field:b})},y):b.type==="Group"?I.createElement(yF,{...x,id:y,content:de.isGroupContent(w)?w:void 0,group:b,key:y}):d.aiSeoMetadataEnabled&&w7e(y)&&b.type==="Text"?l.jsx(kw,{id:y,children:l.jsx(m7e,{...x,content:de.isTextContent(w)?w:void 0,field:b,metadataFieldType:y,documentId:a,documentContent:s,documentCustomType:c,documentLocale:u})},y):I.createElement(eS,{...x,id:y,content:de.isNestableContent(w)?w:void 0,key:y,nestableWidget:b})})]})}function w7e(e){return e===na||e===ls}const x7e=e=>{var t,n;return((t=e[0])==null?void 0:t[0])===na&&((n=e[1])==null?void 0:n[0])===ls};function _7e(e){const{id:t,readOnly:n,section:r,content:i,onContentChange:o,documentId:a,documentContent:s,documentCustomType:c,documentLocale:u}=e,[d,f]=I7e(r),[p,h]=R7e(i);return l.jsxs("div",{style:{display:"flex",flexDirection:"column",position:"relative",zIndex:0},children:[l.jsx(C7e,{id:t,readOnly:n,staticZone:d,documentId:a,content:p,onContentChange:m=>o({...h,...m}),documentContent:s,documentCustomType:c,documentLocale:u}),f.map(([m,g])=>{const y=h[m];return l.jsx(h7e,{id:m,readOnly:n,sliceZone:g,content:y,onContentChange:b=>o({...p,...h,[m]:b})},m)})]})}function T7e(e){return e.type==="Choice"||e.type==="Slices"}function I7e(e){return Object.entries(e).reduce(([t,n],[r,i])=>(T7e(i)?n.push([r,i]):Object.assign(t,{[r]:i}),[t,n]),[{},[]])}function R7e(e){return Object.entries(e).reduce(([t,n],[r,i])=>{const o={[r]:i};return Object.assign(de.isSlicesContent(i)?n:t,o),[t,n]},[{},{}])}function E7e(e){const{config:t,readOnly:n=!1,customType:r,sectionName:i,documentId:o,content:a,locale:s,onContentChange:c}=e,u=I.useId();if(Sd.isEmpty(r.json))return null;const d=$7e(r,i),[f,p]=k7e(d,a);return l.jsx(Nv.Provider,{value:t,children:l.jsx(tLe,{customTypeFormat:r.format,children:l.jsx(_7e,{id:u,readOnly:n,section:d,documentId:o,content:f,onContentChange:h=>c({...p,...h}),documentContent:a,documentCustomType:r,documentLocale:s})})})}function $7e(e,t){const n=e.json[t];if(n===void 0)throw new Error(`Cannot find a section with name '${t}'.`);return n}function k7e(e,t){return Object.entries(t).reduce(([n,r],[i,o])=>{const a=e[i]!==void 0,s={[i]:o};return[{...n,...a?s:{}},{...r,...a?{}:s}]},[{},{}])}exports.APIExplorer=jOe;exports.DeferredBarChart=FOe;exports.DeferredCodeBlock=Gp;exports.Document=HLe;exports.DocumentEditor=E7e;exports.EditorConfigContext=Nv;exports.EditorErrorBoundary=W8e;exports.MediaLibrary=AH;exports.MetadataBadge=ZJ;exports.MetadataPreview=XJ;exports.OnboardingGuide=Y8e;exports.OnboardingStepId=oDe;exports.SelectionManagerProvider=QQ;exports.SharedSliceEditor=oZ;exports.SliceSelectionContext=rZ;exports.TeamSpace=$1;exports.UIDContext=eZ;exports.createSearchParams=SQ;exports.createTeamSpace=xDe;exports.defaultGroupContentWithOneItem=GJ;exports.defaultImageContentWidget=iZ;exports.deleteTeamSpace=TDe;exports.documentKeys=wo;exports.documentMetaSchema=wF;exports.documentStatus=JJ;exports.extractTextFromField=lv;exports.fetchCustomTypes=sFe;exports.frameworkCreateProjectCodeSnippet=E2;exports.frameworkLabels=R2;exports.generateSEOMetadata=lQ;exports.getConflictingUidDocuments=nZ;exports.getCustomTypesOptions=bm;exports.getDocumentById=Im;exports.getDocumentList=xF;exports.getDocumentListOptions=CQ;exports.getOnboarding=aDe;exports.getPageTextContent=dQ;exports.getProfile=DQ;exports.getRepository=E1;exports.getRepositoryTags=RQ;exports.getRepositoryV2=iDe;exports.getRoleLabel=dDe;exports.getRoles=FQ;exports.getRolesOptions=vDe;exports.getSliceSelectionDOMId=tS;exports.getStaticCustomTypeOptions=aF;exports.getTeamSpaces=OQ;exports.getTeamSpacesOptions=CDe;exports.hasUIDField=tZ;exports.invalidateCustomTypes=uFe;exports.invalidateDocumentListData=JLe;exports.isAdminRole=uDe;exports.isDocumentSearchVersion=Ow;exports.isDocumentVersion=gQ;exports.isMissingUID=t7e;exports.isPageContentRelevantForAISeo=fQ;exports.isValidSimulatorURL=IQ;exports.languageSchema=CF;exports.makeSearchFullTextDocumentsQueryString=bQ;exports.metaDescriptionConfig=Ah;exports.metaDescriptionProperty=ls;exports.metaTitleConfig=hh;exports.metaTitleProperty=na;exports.onboardingStateSchema=$Q;exports.onboardingToggleResultSchema=jQ;exports.onboardingToggleStepResultSchema=kQ;exports.prefetchCustomTypes=aFe;exports.prepareDocument=L8e;exports.profileResponse=LQ;exports.repositoryFramework=R1;exports.repositorySchemaV2=EQ;exports.roleMap=EDe;exports.searchDocumentStatus=Rx;exports.searchDocuments=wQ;exports.searchDocumentsQueryOptions=xQ;exports.searchFullTextDocuments=yQ;exports.sliceItemContentSchema=YLe;exports.suppressErrors=bee;exports.throwConfigError=xt;exports.toggleOnboarding=cDe;exports.toggleOnboardingStep=sDe;exports.updateDocumentListData=GLe;exports.updateRoles=yDe;exports.updateTeamSpace=_De;exports.useCustomType=cFe;exports.useCustomTypes=f1;exports.useDocumentList=_F;exports.useInvalidateRoles=bDe;exports.useInvalidateTeamSpaces=wDe;exports.usePrefetchStaticCustomType=pFe;exports.useProfile=RF;exports.useSelectionManager=wc;exports.useSliceSelection=nS;exports.useStaticCustomType=fFe;
+npx @slicemachine/init@latest --repository ${i??"<my-project>"}`,language:"bash",title:"Terminal",showLineNumbers:!1})]})},{id:"createPageType",title:"Create a Page Type",description:"Build the structure of your page",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/Create_page_type_xdn13j.mp4",content:l.jsx(A.Text,{children:"A page type is a base content structure editors will use to create pages in the Page Builder (Prismic's content creation UI). A page type can be reusable (e.g., for multiple blog posts) or single (e.g., for a one-time page like the homepage)."})},{id:"codePage",title:"Code Your Page Type",description:"Prepare code to fetch content",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/Step2_code_your_page_jatiur.mp4",content:l.jsx(A.Text,{children:"Prepare your code to query the content from the Prismic API."})},{id:"createSlice",title:"Create a Slice",description:"Build a reusable website section",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918322/DEV_TOOLS/ONBOARDING_GUIDE/Step3_add_slice_qzmvxf.mp4",content:l.jsx(A.Text,{children:"Slices are website sections that can be reused on different pages with different content. Each slice has a code component automatically generated by Slice Machine. Start with a template and look at your code to see how it's structured."})},{id:"reviewAndPush",title:"Review and Push changes",description:"Enable editors to create content",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/DevTools_Squad_push_changes_ovvmul.mp4",content:l.jsx(A.Text,{children:"Your page types and slices currently exist only in your local project. Push them to your repository to make them available for your content editors."})},{id:"createContent",title:"Create Content",description:"Publish a page to the Prismic API",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1732631905/DEV_TOOLS/ONBOARDING_GUIDE/step_9_create_content_y8m3m0.mp4",content:l.jsx(A.Text,{children:"In Prismic, content creation takes place in the Prismic Page Builder UI. Open the Page Builder and start creating your first page."})},{id:"renderPage",title:"Render Your Page",description:"View your page in the browser",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918321/DEV_TOOLS/ONBOARDING_GUIDE/Step_6_Render_Page_tnauh9.mp4",content:l.jsxs(A.Text,{children:["Now that your content is published, you can run your project in your terminal and visit the page on your local server (e.g.,"," ",l.jsx(A.Text,{component:"code",children:"localhost:3000/example-page"}),"). Your content should now be visible!"]})}],c={next:"https://prismic.dev/course/next",nuxt:"https://prismic.dev/course/nuxt",sveltekit:"https://prismic.dev/course/sveltekit"};return{steps:s,defaultCompletedStepIds:s.flatMap(u=>u.defaultCompleted?[u.id]:[]),tutorialLink:t?c[t]:void 0}}function H8e(e){const{framework:t}=e;if(!t||t==="other")return{frameworkNameLabel:"",createProjectCodeSnippet:""};const n=R2[t];return{frameworkNameLabel:n?`${n} `:"",createProjectCodeSnippet:E2[t]}}const ZC=3e3,w2=400;function Y8e(e){const{onboardingState:t,tracking:n,onToggleStep:r,onToggleGuide:i,fallback:o=null,stepOverrides:a,repositoryName:s,projectName:c}=e,{context:u,isDismissed:d}=t,{steps:f,defaultCompletedStepIds:p,tutorialLink:h}=Q8e({...u,repositoryName:s,projectName:c}),m=x(t.completedSteps),g=G8e(y,w2);if(ze.useOnChange(d,()=>!d&&g.reset()),u.framework==="other")return l.jsx(l.Fragment,{children:o});function y(){i()}async function b(w){const v=await r(w.id);v.includes(w.id)&&n.track({event:"shared-onboarding:step-completed",stepId:w.id,stepTitle:w.title,source:n.source}),x(v).length===f.length&&(n.track({event:"shared-onboarding:completed",source:n.source}),g.start())}function x(w){const v=f.map(({id:S})=>S);return Array.from(new Set([...w.filter(S=>v.includes(S)),...p]))}return d?null:l.jsx(A.AnimatedElement,{enterDuration:0,exitDuration:w2,children:g.status!=="hidden"&&l.jsxs("div",{ref:g.refs.container,style:{position:"relative"},children:[l.jsx(z8e,{steps:f,completedSteps:m,tutorialLink:h,tracking:n,onToggleStep:b,onClose:g.status!=="animating"?y:void 0,stepOverrides:a}),l.jsx("div",{ref:g.refs.cannon,style:{position:"absolute",bottom:0,left:0}})]})})}function G8e(e,t=400){const n=mZ.useConfetti({config:{duration:ZC}}),[r,i]=I.useState("visible"),o=I.useRef(!1),a=I.useCallback(()=>{i("animating"),setTimeout(()=>i("hidden"),ZC-t),o.current||(setTimeout(e,ZC),o.current=!0)},[e,t]),s=()=>{n.throwConfetti(),a()},c=I.useCallback(()=>{i("visible"),o.current=!1},[]);return{refs:{container:n.confettiContainerRef,cannon:n.confettiCannonRef},status:r,start:s,reset:c}}function ZJ(e){const{type:t,value:n}=e,r=t===na?hh.max:Ah.max;return l.jsx(A.Box,{alignItems:"center",children:l.jsx(A.Tooltip,{title:J8e[t],content:e7e[t],stableMount:!0,children:l.jsx(A.Badge,{title:`${n.length} characters`,size:"medium",color:n.length>r?"tomato":"green",sx:{alignSelf:"center"}})})})}const J8e={[na]:"Meta title length",[ls]:"Meta description length"},Z8e=`${hh.min}-${hh.max}`,X8e=`${Ah.min}-${Ah.max}`,e7e={[na]:`For optimal mobile SEO, keep your meta title within ${Z8e} characters to prevent it from being cut off in search results.`,[ls]:`To ensure your meta description isn’t truncated in mobile search results, aim for ${X8e} characters. This helps improve visibility and click-through rates.`};function XJ(e){const{title:t,description:n}=e;return l.jsx(A.Card,{paddingBlock:8,paddingInline:8,variant:"highlighted",children:l.jsxs(A.CardContent,{gap:4,children:[l.jsx(A.Text,{color:"indigo11",variant:"h4",noSelect:!0,children:Ft.overflow(t,hh.max)}),l.jsx(A.Text,{color:"green11",noSelect:!0,children:"https://www.yourdomain.com/"}),l.jsx(A.Text,{variant:"small",color:"grey11",noSelect:!0,children:Ft.overflow(n,Ah.max)})]})})}const eZ=I.createContext({editedUID:{current:!1},onEditUID:()=>{}});function tZ(e){return Object.values(e.json).some(t=>{var n;return((n=t.uid)==null?void 0:n.type)==="UID"})}function t7e(e){const{content:t,customType:n}=e;return tZ(n)&&!t.uid}function nZ(e){const{documentId:t,documentsWithUid:n,uid:r}=e;return n.filter(i=>t!==i.id&&r7e({document:i,uid:r})&&n7e({...e,document:i}))}function n7e(e){const{customTypeId:t,languageId:n,document:r}=e,i=t===r.custom_type_id,o=n===r.language.id;return i&&o}function r7e(e){const{document:t,uid:n}=e,r=t.versions.filter(i=>i.uid===n);return r.length===0?!0:r.some(i=>i.status!=="archived")}function tS(e,t){return`${e}___${t}`}const rZ=I.createContext({ids:[],isSelected:()=>!1,update:()=>{}});function nS(){return I.useContext(rZ)}function i7e(e){const{content:t,id:n,nonRepeatableZone:r,onContentChange:i,readOnly:o}=e,a=I.useMemo(()=>Object.entries(r),[r]);return l.jsx(l.Fragment,{children:a.map(([s,c])=>{const u=t[s];return l.jsx(eS,{id:`${n}.${s}`,readOnly:o,nestableWidget:c,content:de.isNestableContent(u)?u:void 0,onContentChange:d=>{i(o7e(t,s,d))}},s)})})}function o7e(e,t,n){return n?{...e,[t]:n}:Sd.removeKey(e,t)}function a7e(e){const{compositeSlice:t,content:n,onContentChange:r,sliceKey:i,id:o,readOnly:a,header:s}=e,c=nS();function u(){i&&c.update({id:i,requestedFrom:"sliceFieldSet"})}return l.jsxs(A.FieldSet,{id:i&&tS("sliceFieldSet",i),selected:i?c.isSelected(i):!1,onFocus:u,legend:s7e(t),header:s,children:[l.jsx(i7e,{id:o,readOnly:a,nonRepeatableZone:t["non-repeat"]??{},content:n.nonRepeat,onContentChange:d=>{r({...n,nonRepeat:d})}}),l.jsx(yO,{id:o,readOnly:a,repeatableZone:t.repeat??{},content:n.repeat,onContentChange:d=>{r({...n,repeat:d})}})]})}function s7e(e){var t;return((t=e.config)==null?void 0:t.label)??e.fieldset??e.type}const iZ={__TYPE__:"ImageContent",edit:{background:"",crop:{x:0,y:0},zoom:0},height:0,width:0,origin:{height:0,width:0,id:"",url:""},url:""};function c7e(e){const{field:t}=e;if(t.type==="Image")return iZ}function u7e(e){const{content:t,legacySlice:n,sliceKey:r,id:i,readOnly:o,onContentChange:a,header:s}=e,c=nS();function u(){r&&c.update({id:r,requestedFrom:"sliceFieldSet"})}const d=n.type==="Group"?$w(n):_r(n);return l.jsx(A.FieldSet,{id:r&&tS("sliceFieldSet",r),selected:r?c.isSelected(r):!1,onFocus:u,legend:d,header:s,children:n.type==="Group"?l.jsx(yF,{id:i,readOnly:o,onContentChange:a,group:n,content:de.isGroupContent(t)?t:void 0}):l.jsx(eS,{id:i,readOnly:o,nestableWidget:n,content:de.isNestableContent(t)?t:void 0,onContentChange:f=>{const p=c7e({field:n});!f&&p&&a(p),f&&a(f)}})})}function l7e(e){const{content:t,id:n,slicePrimaryZone:r,onContentChange:i,readOnly:o}=e,a=I.useMemo(()=>Object.entries(r),[r]);return l.jsx(l.Fragment,{children:a.map(([s,c])=>{const u=t[s];return l.jsx(HJ,{id:`${n}.${s}`,readOnly:o,widget:c,content:de.isSlicePrimaryContent(u)?u:void 0,onContentChange:d=>{i(d7e(t,s,d))}},s)})})}function d7e(e,t,n){return n?{...e,[t]:n}:Sd.removeKey(e,t)}function oZ(e){const{config:t,content:n,sliceKey:r,readOnly:i=!1,sharedSlice:o,onContentChange:a,...s}=e,c=f7e(o,n.variation),u=I.useId(),f={id:s.id??u,readOnly:i},p=nS();function h(){r&&p.update({id:r,requestedFrom:"sliceFieldSet"})}return c===void 0?null:l.jsx(Nv.Provider,{value:t,children:l.jsx(nLe,{children:l.jsxs(A.FieldSet,{id:r&&tS("sliceFieldSet",r),selected:r?p.isSelected(r):!1,onFocus:h,legend:p7e(o,c),children:[l.jsx(A.LazyRender,{heightEstimate:400,gap:16,keepLoaded:!0,loadWhenSearching:!0,children:l.jsx(l7e,{...f,slicePrimaryZone:c.primary??{},content:n.primary,onContentChange:m=>{a({...n,primary:m})}})}),l.jsx(yO,{...f,repeatableZone:c.items??{},content:n.items,onContentChange:m=>{a({...n,items:m})}})]})})})}function f7e(e,t){return I.useMemo(()=>e.variations.find(n=>n.id===t),[e,t])}function p7e(e,t){return[e.name,t.name].join(" • ")}function x2(e){var c,u;const{sliceZone:t,onChange:n,slices:r,sliceContent:i}=e,o=(u=(c=t.config)==null?void 0:c.labels)==null?void 0:u[i.name];if(!o)return null;const a=o.find(d=>d.name===i.maybeLabel);function s(d){const f=r.value.map(p=>p.key===i.key?{...p,maybeLabel:d}:p);n({...r,value:f})}return l.jsxs(l.Fragment,{children:[l.jsx(A.Text,{component:"span",variant:"smallBold",children:"•"}),l.jsxs(A.DropdownMenu,{children:[l.jsx(A.DropdownMenuTrigger,{children:l.jsx(A.Button,{color:"grey",size:"small",endIcon:"arrowDropDown",invisible:!0,children:(a==null?void 0:a.display)??"Slice variation"})}),l.jsxs(A.DropdownMenuContent,{align:"start",maxHeight:256,children:[l.jsx(A.DropdownMenuItem,{onSelect:()=>s(void 0),endIcon:i.maybeLabel===void 0?l.jsx(A.Icon,{name:"check"}):void 0,children:"..."}),o==null?void 0:o.map(d=>l.jsx(A.DropdownMenuItem,{onSelect:()=>s(d.name),endIcon:d.name===i.maybeLabel?l.jsx(A.Icon,{name:"check"}):void 0,children:d.display??"[Missing display value]"},d.name))]})]})]})}function h7e(e){const{content:t,id:n,onContentChange:r,readOnly:i,sliceZone:o}=e,a=be();return l.jsx(l.Fragment,{children:t==null?void 0:t.value.map((s,c)=>{var p,h;const u=(h=(p=o.config)==null?void 0:p.choices)==null?void 0:h[s.name];if(u===void 0)return null;const d=s.widget,f={id:`${n}[${s.key}]`,key:s.key,sliceKey:s.key,onContentChange:m=>{const g={...s,widget:m},y=A7e(t,[c,g]);r(y)},readOnly:i};return u.type==="SharedSlice"?de.isSharedSliceContent(d)?l.jsx(oZ,{...f,config:a,sharedSlice:u,content:d}):null:u.type==="Slice"?de.isCompositeSliceContent(d)?l.jsx(a7e,{...f,compositeSlice:u,content:d,header:l.jsx(x2,{sliceContent:s,sliceZone:o,slices:t,onChange:r})}):null:de.isSimpleSliceContent(d)?l.jsx(u7e,{...f,legacySlice:u,content:d,header:l.jsx(x2,{sliceContent:s,sliceZone:o,slices:t,onChange:r})}):null})})}function A7e(e,[t,n]){return{__TYPE__:"SliceContentType",value:e.value.map((r,i)=>i===t?n:r)}}function m7e(e){const{content:t,metadataFieldType:n,documentId:r="new-document",documentContent:i,documentCustomType:o,documentLocale:a,...s}=e,{showAlert:c}=A.useAlert(),[u,d]=I.useState(!1),f=be(),p=I.useMemo(()=>dQ(i,o),[i,o]),h=fQ(p);async function m(){if(!f.aiSeoMetadataEnabled)return;const{trackMetadataGeneration:g,authStrategy:y,documentBaseUrl:b,repository:x}=f;d(!0);try{const w=await lQ(x,b,y,{pageTextContent:p,contentLocale:a});e.onContentChange({__TYPE__:"FieldContent",type:"Text",value:w[n]}),g({documentId:r,locale:a,suggestion:w[n],type:n})}catch{c({id:n,title:"Error",subtitle:`Failed to generate SEO metadata for ${_2[n]}`})}d(!1)}return l.jsx(qJ,{...s,content:t,placeholder:`${_2[n]}..`,endAdornment:l.jsxs(l.Fragment,{children:[l.jsx(ZJ,{type:n,value:(t==null?void 0:t.value)||""}),l.jsx(A.Tooltip,{content:h?"Generate SEO metadata from your page content.":"Your page content is too short to generate SEO metadata.",children:l.jsx(A.Button,{disabled:!h,onClick:m,size:"small",color:"grey",startIcon:"autoFixHigh",loading:u,sx:{alignSelf:"center",marginInline:8},children:"Generate"})})]})})}const _2={[na]:"Meta title",[ls]:"Meta description"};function g7e(e){const{id:t,field:n,content:r,onContentChange:i,readOnly:o}=e,a=ze.useDebounceState({state:(r==null?void 0:r.value)??"",synchronize:!0}),{onEditUID:s}=I.useContext(eZ);function c(d){s();const f=Ft.slugify(d);i(b7e(f)),a.set(f)}function u(d){o||(c(d.clipboardData.getData("Text").trim()),d.preventDefault())}return l.jsxs(A.Field,{children:[l.jsx(A.FieldIcon,{name:"tag"}),l.jsx(A.FieldLabel,{htmlFor:t,children:_r(n)}),l.jsx(A.FieldControl,{children:l.jsx(Cc,{id:t,variant:"success",placeholder:Hf(n,"Enter a unique identifier"),value:a.value,onPaste:u,onValueChange:c,endAdornment:l.jsx(A.AnimatedElement,{enterDuration:150,children:l.jsx(v7e,{uid:a.debouncedValue})}),readOnly:o})})]})}function v7e(e){const{uid:t}=e,n=be();return t?n.uidField?l.jsx(A.ErrorBoundary,{children:l.jsx(I.Suspense,{children:l.jsx(y7e,{uid:t})})}):null:l.jsx(A.Badge,{color:"tomato",title:"Required",size:"medium"})}function y7e(e){const t=S7e(e),n=be();if(!t.documentId)return null;const r=bO({status:t.status,releaseId:t.releaseId,documentId:t.documentId,versionId:t.versionId,baseUrl:n.baseUrl});return l.jsx("a",{href:r.href,target:"_blank",rel:"noreferrer",children:l.jsx(A.Badge,{color:"tomato",size:"medium",title:l.jsxs(A.Text,{color:"tomato11",variant:"small",children:["Value already used in"," ",l.jsx(A.Text,{color:"tomato11",variant:"small",underline:!0,children:"another document"})]})})})}function b7e(e){return e===""?void 0:{__TYPE__:"UIDContent",value:e}}function S7e(e){var p,h,m,g;const{uid:t}=e,n=be();n.uidField||xt("uidField");const{coreApiBaseUrl:r,authStrategy:i,customTypeId:o,localeId:a,documentId:s}=n,{data:c}=_F({baseUrl:r,authStrategy:i,uids:[t]}),u=c.results,f=nZ({customTypeId:o,languageId:a,documentsWithUid:u,documentId:s,uid:t})[0];return f?{documentId:f.id,versionId:(p=f.versions[0])==null?void 0:p.version_id,status:(h=f.versions[0])==null?void 0:h.status,releaseId:((m=f.versions[0])==null?void 0:m.status)==="release"?(g=f.versions[0])==null?void 0:g.release_id:void 0}:{}}function C7e(e){const{id:t,readOnly:n,staticZone:r,content:i,onContentChange:o,documentId:a,documentContent:s,documentCustomType:c,documentLocale:u}=e,d=be(),f=I.useMemo(()=>Object.entries(r),[r]),p=I.useRef(i);if(I.useEffect(()=>{p.current=i},[i]),I.useEffect(()=>{window.dispatchEvent(new Event("prismic-static-zone-rendered"))},[]),f.length===0)return null;const h=x7e(f),m=lv(i[na])||"Meta title..",g=lv(i[ls])||"Meta description..";return l.jsxs(A.FieldSet,{legend:"Page data",children:[h&&l.jsx(XJ,{title:m,description:g}),f.map(([y,b])=>{const x={id:`${t}.${y}`,onContentChange:v=>{const{[y]:S,...C}=p.current;o({...C,...v!==void 0&&{[y]:v}})},readOnly:n},w=i[y];return b.type==="UID"?l.jsx(kw,{id:y,children:l.jsx(g7e,{...x,content:de.isUIDContent(w)?w:void 0,field:b})},y):b.type==="Group"?I.createElement(yF,{...x,id:y,content:de.isGroupContent(w)?w:void 0,group:b,key:y}):d.aiSeoMetadataEnabled&&w7e(y)&&b.type==="Text"?l.jsx(kw,{id:y,children:l.jsx(m7e,{...x,content:de.isTextContent(w)?w:void 0,field:b,metadataFieldType:y,documentId:a,documentContent:s,documentCustomType:c,documentLocale:u})},y):I.createElement(eS,{...x,id:y,content:de.isNestableContent(w)?w:void 0,key:y,nestableWidget:b})})]})}function w7e(e){return e===na||e===ls}const x7e=e=>{var t,n;return((t=e[0])==null?void 0:t[0])===na&&((n=e[1])==null?void 0:n[0])===ls};function _7e(e){const{id:t,readOnly:n,section:r,content:i,onContentChange:o,documentId:a,documentContent:s,documentCustomType:c,documentLocale:u}=e,[d,f]=I7e(r),[p,h]=R7e(i);return l.jsxs("div",{style:{display:"flex",flexDirection:"column",position:"relative",zIndex:0},children:[l.jsx(C7e,{id:t,readOnly:n,staticZone:d,documentId:a,content:p,onContentChange:m=>o({...h,...m}),documentContent:s,documentCustomType:c,documentLocale:u}),f.map(([m,g])=>{const y=h[m];return l.jsx(h7e,{id:m,readOnly:n,sliceZone:g,content:y,onContentChange:b=>o({...p,...h,[m]:b})},m)})]})}function T7e(e){return e.type==="Choice"||e.type==="Slices"}function I7e(e){return Object.entries(e).reduce(([t,n],[r,i])=>(T7e(i)?n.push([r,i]):Object.assign(t,{[r]:i}),[t,n]),[{},[]])}function R7e(e){return Object.entries(e).reduce(([t,n],[r,i])=>{const o={[r]:i};return Object.assign(de.isSlicesContent(i)?n:t,o),[t,n]},[{},{}])}function E7e(e){const{config:t,readOnly:n=!1,customType:r,sectionName:i,documentId:o,content:a,locale:s,onContentChange:c}=e,u=I.useId();if(Sd.isEmpty(r.json))return null;const d=$7e(r,i),[f,p]=k7e(d,a);return l.jsx(Nv.Provider,{value:t,children:l.jsx(tLe,{customTypeFormat:r.format,children:l.jsx(_7e,{id:u,readOnly:n,section:d,documentId:o,content:f,onContentChange:h=>c({...p,...h}),documentContent:a,documentCustomType:r,documentLocale:s})})})}function $7e(e,t){const n=e.json[t];if(n===void 0)throw new Error(`Cannot find a section with name '${t}'.`);return n}function k7e(e,t){return Object.entries(t).reduce(([n,r],[i,o])=>{const a=e[i]!==void 0,s={[i]:o};return[{...n,...a?s:{}},{...r,...a?{}:s}]},[{},{}])}exports.APIExplorer=jOe;exports.DeferredBarChart=FOe;exports.DeferredCodeBlock=Gp;exports.Document=HLe;exports.DocumentEditor=E7e;exports.EditorConfigContext=Nv;exports.EditorErrorBoundary=W8e;exports.MediaLibrary=AH;exports.MetadataBadge=ZJ;exports.MetadataPreview=XJ;exports.OnboardingGuide=Y8e;exports.OnboardingStepId=oDe;exports.SelectionManagerProvider=QQ;exports.SharedSliceEditor=oZ;exports.SliceSelectionContext=rZ;exports.TeamSpace=$1;exports.UIDContext=eZ;exports.createSearchParams=SQ;exports.createTeamSpace=xDe;exports.defaultGroupContentWithOneItem=GJ;exports.defaultImageContentWidget=iZ;exports.deleteTeamSpace=TDe;exports.documentKeys=wo;exports.documentMetaSchema=wF;exports.documentStatus=JJ;exports.extractTextFromField=lv;exports.fetchCustomTypes=sFe;exports.frameworkCreateProjectCodeSnippet=E2;exports.frameworkLabels=R2;exports.generateSEOMetadata=lQ;exports.getConflictingUidDocuments=nZ;exports.getCustomTypesOptions=bm;exports.getDocumentById=Im;exports.getDocumentList=xF;exports.getDocumentListOptions=CQ;exports.getOnboarding=aDe;exports.getPageTextContent=dQ;exports.getProfile=DQ;exports.getRepository=E1;exports.getRepositoryTags=RQ;exports.getRepositoryV2=iDe;exports.getRoleLabel=dDe;exports.getRoles=FQ;exports.getRolesOptions=vDe;exports.getSliceSelectionDOMId=tS;exports.getStaticCustomTypeOptions=aF;exports.getTeamSpaces=OQ;exports.getTeamSpacesOptions=CDe;exports.hasUIDField=tZ;exports.invalidateCustomTypes=uFe;exports.invalidateDocumentListData=JLe;exports.isAdminRole=uDe;exports.isDocumentSearchVersion=Ow;exports.isDocumentVersion=gQ;exports.isMissingUID=t7e;exports.isPageContentRelevantForAISeo=fQ;exports.isValidSimulatorURL=IQ;exports.languageSchema=CF;exports.makeSearchFullTextDocumentsQueryString=bQ;exports.metaDescriptionConfig=Ah;exports.metaDescriptionProperty=ls;exports.metaTitleConfig=hh;exports.metaTitleProperty=na;exports.onboardingStateSchema=$Q;exports.onboardingToggleResultSchema=jQ;exports.onboardingToggleStepResultSchema=kQ;exports.prefetchCustomTypes=aFe;exports.prepareDocument=L8e;exports.profileResponse=LQ;exports.repositoryFramework=R1;exports.repositorySchemaV2=EQ;exports.roleMap=EDe;exports.searchDocumentStatus=Rx;exports.searchDocuments=wQ;exports.searchDocumentsQueryOptions=xQ;exports.searchFullTextDocuments=yQ;exports.sliceItemContentSchema=YLe;exports.suppressErrors=bee;exports.throwConfigError=xt;exports.toggleOnboarding=cDe;exports.toggleOnboardingStep=sDe;exports.updateDocumentListData=GLe;exports.updateRoles=yDe;exports.updateTeamSpace=_De;exports.useCustomType=cFe;exports.useCustomTypes=f1;exports.useDocumentList=_F;exports.useInvalidateRoles=bDe;exports.useInvalidateTeamSpaces=wDe;exports.usePrefetchStaticCustomType=pFe;exports.useProfile=RF;exports.useSelectionManager=wc;exports.useSliceSelection=nS;exports.useStaticCustomType=fFe;

package/dist/index.es.js

@@ -2,9 +2,9 @@ var aee = Object.defineProperty;
 var see = (e, t, n) => t in e ? aee(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var He = (e, t, n) => (see(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { jsxs as E, jsx as f, Fragment as oe } from "react/jsx-runtime";
-import { Box as B, Text as j, ErrorBoundary as Bt, Alert as Qy, Skeleton as Ot, LazyCodeBlock as cee, ComboBox as OA, ComboBoxInput as FA, ComboBoxContent as MA, ComboBoxItem as Nd, Badge as Gn, AnimatedFormError as uee, FormInput as Ar, FormField as hB, Dialog as Eo, DialogHeader as as, DialogContent as $o, DialogDescription as Lc, DialogActions as ss, DialogActionLink as AB, DialogCancelButton as cs, DialogActionButton as xc, FormDateInput as TS, ActionList as mB, ActionListItem as gB, IconButton as Va, DropdownMenu as $i, DropdownMenuTrigger as ki, Button as Be, DropdownMenuContent as Oi, DropdownMenuItem as At, Icon as Le, Select as Wh, SelectItem as In, SelectSeparator as vB, RadioGroup as lee, ButtonGroup as Hy, RadioItem as lx, Form as dee, useToast as yB, Kbd as dx, Tooltip as Jt, Switch as Yy, Card as us, CardContent as Ga, ToastProvider as fee, TooltipProvider as pee, Separator as nT, LazyBarChart as hee, Field as Fi, FieldIcon as mr, FieldLabel as Mi, FieldControl as Li, ColorInput as Aee, DateInput as bB, TextInput as mee, PreviewCard as rT, PreviewImage as CB, PreviewContent as iT, FieldFooter as g_, CardHeaderTitle as gee, CardHeader as vee, BlankSlate as Uc, BlankSlateIcon as ls, BlankSlateTitle as Ja, BlankSlateActions as SB, useAlert as ds, BlankSlateDescription as Cf, FileUploadButton as Kh, FormSearchInput as LA, Portal as yee, FileDropZone as wB, DefaultErrorMessage as _B, dialogErrorImage as IB, useMediaQuery as bee, MediaCard as TB, AnimatedElement as Sf, ScrollArea as wf, Toast as oT, UnorderedList as Cee, ListItem as fx, CheckerBoard as RB, Image as Gy, MediaCardPlaceholder as EB, ProgressBar as $B, Tab as px, FormInputField as v_, ContentEditable as y_, Avatar as aT, AnimatedList as kB, ComboboxAction as See, Checkbox as sT, DialogOptions as OB, DialogOptionsItem as b_, Cropper as wee, Slider as _ee, CardHeaderActions as Iee, ConjoinedIcons as FB, BackgroundIcon as Tee, Dot as Ree, CardFooter as Eee, TextOverflow as $ee, FilterField as C_, DialogTitle as MB, theme as Ld, InlineLabel as LB, Popover as kee, DropdownMenuLabel as Jy, FieldSet as xA, Draggable as Oee, HairlineButton as Fee, Line as xB, Carousel as Mee, CarouselItem as Lee, tableFieldStyles as vc, rawDragIndicatorIcon as xee, rawAddIcon as Uee, ToolbarToggleButton as Pee, ToolbarSeparator as UA, ToolbarButtonGroup as Dee, ToolbarButton as S_, ToolbarToggleButtonGroup as Bee, ToolbarToggleButtonGroupItem as Wee, Toolbar as Kee, contentEditableMultilinePlaceholderClass as Nee, contentEditableNoPaddingClass as jee, contentEditableClassWithIcon as qee, contentEditableClass as Vee, NumberInput as zee, SelectGhostTrigger as Qee, Group as Hee, LazyRender as UB, GroupItem as Yee, Video as Gee } from "@prismicio/editor-ui";
+import { Box as B, Text as j, ErrorBoundary as Bt, Alert as Qy, Skeleton as Ot, LazyCodeBlock as cee, ComboBox as OA, ComboBoxInput as FA, ComboBoxContent as MA, ComboBoxItem as Nd, Badge as Gn, AnimatedFormError as uee, FormInput as Ar, FormField as hB, Dialog as Eo, DialogHeader as as, DialogContent as $o, DialogDescription as Lc, DialogActions as ss, DialogActionLink as AB, DialogCancelButton as cs, DialogActionButton as xc, FormDateInput as TS, ActionList as mB, ActionListItem as gB, IconButton as Va, DropdownMenu as $i, DropdownMenuTrigger as ki, Button as We, DropdownMenuContent as Oi, DropdownMenuItem as At, Icon as Le, Select as Wh, SelectItem as In, SelectSeparator as vB, RadioGroup as lee, ButtonGroup as Hy, RadioItem as lx, Form as dee, useToast as yB, Kbd as dx, Tooltip as Jt, Switch as Yy, Card as us, CardContent as Ga, ToastProvider as fee, TooltipProvider as pee, Separator as nT, LazyBarChart as hee, Field as Fi, FieldIcon as mr, FieldLabel as Mi, FieldControl as Li, ColorInput as Aee, DateInput as bB, TextInput as mee, PreviewCard as rT, PreviewImage as CB, PreviewContent as iT, FieldFooter as g_, CardHeaderTitle as gee, CardHeader as vee, BlankSlate as Uc, BlankSlateIcon as ls, BlankSlateTitle as Ja, BlankSlateActions as SB, useAlert as ds, BlankSlateDescription as Cf, FileUploadButton as Kh, FormSearchInput as LA, Portal as yee, FileDropZone as wB, DefaultErrorMessage as _B, dialogErrorImage as IB, useMediaQuery as bee, MediaCard as TB, AnimatedElement as Sf, ScrollArea as wf, Toast as oT, UnorderedList as Cee, ListItem as fx, CheckerBoard as RB, Image as Gy, MediaCardPlaceholder as EB, ProgressBar as $B, Tab as px, FormInputField as v_, ContentEditable as y_, Avatar as aT, AnimatedList as kB, ComboboxAction as See, Checkbox as sT, DialogOptions as OB, DialogOptionsItem as b_, Cropper as wee, Slider as _ee, CardHeaderActions as Iee, ConjoinedIcons as FB, BackgroundIcon as Tee, Dot as Ree, CardFooter as Eee, TextOverflow as $ee, FilterField as C_, DialogTitle as MB, theme as Ld, InlineLabel as LB, Popover as kee, DropdownMenuLabel as Jy, FieldSet as xA, Draggable as Oee, HairlineButton as Fee, Line as xB, Carousel as Mee, CarouselItem as Lee, tableFieldStyles as vc, rawDragIndicatorIcon as xee, rawAddIcon as Uee, ToolbarToggleButton as Pee, ToolbarSeparator as UA, ToolbarButtonGroup as Dee, ToolbarButton as S_, ToolbarToggleButtonGroup as Bee, ToolbarToggleButtonGroupItem as Wee, Toolbar as Kee, contentEditableMultilinePlaceholderClass as Nee, contentEditableNoPaddingClass as jee, contentEditableClassWithIcon as qee, contentEditableClass as Vee, NumberInput as zee, SelectGhostTrigger as Qee, Group as Hee, LazyRender as UB, GroupItem as Yee, Video as Gee } from "@prismicio/editor-ui";
 import * as Ue from "react";
-import qt, { Suspense as Ft, useState as V, useRef as De, useCallback as kr, useEffect as We, useMemo as $e, createContext as oi, useContext as On, useLayoutEffect as _f, forwardRef as dl, startTransition as PB, useTransition as jd, useId as cT, useDebugValue as DB, useImperativeHandle as Jee, createElement as w_ } from "react";
+import qt, { Suspense as Ft, useState as V, useRef as Be, useCallback as kr, useEffect as De, useMemo as $e, createContext as oi, useContext as On, useLayoutEffect as _f, forwardRef as dl, startTransition as PB, useTransition as jd, useId as cT, useDebugValue as DB, useImperativeHandle as Jee, createElement as w_ } from "react";
 import { toURL as ta, getUrlTitle as BB, createRouteParams as Zee } from "@prismicio/editor-support/URL";
 import { sort as fl, uniqBy as Xee, range as pl, insertAtIndex as WB, removeIndex as KB, move as NB, last as __ } from "@prismicio/editor-support/Array";
 import { useDebounce as uT, useOnChange as eo, useStableCallback as bo, useDebounceState as hl, refContainsTarget as ete } from "@prismicio/editor-support/React";
@@ -4677,7 +4677,7 @@ const Fe = {
 };
 function Ao(e) {
   var m;
-  const { path: t, setPath: n, description: r, allowedPaths: i, context: o } = e, [a, s] = V(t), c = De(null), u = Object.keys(((m = o0()) == null ? void 0 : m.types) ?? {}), l = kr(
+  const { path: t, setPath: n, description: r, allowedPaths: i, context: o } = e, [a, s] = V(t), c = Be(null), u = Object.keys(((m = o0()) == null ? void 0 : m.types) ?? {}), l = kr(
     (v) => {
       v.endsWith("[field]") && (v = v.replace("[field]", ""), requestAnimationFrame(() => {
         var y;
@@ -4686,7 +4686,7 @@ function Ao(e) {
     },
     [n, i, u, o]
   );
-  We(() => {
+  De(() => {
     Ix(t, { allowedPaths: i, customTypeIds: u, context: o }) && s(t);
   }, [t, i, u, o]);
   const d = $e(() => {
@@ -4806,7 +4806,7 @@ function a0(e) {
 }
 function ry(e) {
   const { value: t, onValueChange: n, ...r } = e, [i, o] = V(() => t.join(", "));
-  We(() => {
+  De(() => {
     o(t.join(", "));
   }, [t]);
   function a(s) {
@@ -5400,7 +5400,7 @@ function Tre(e) {
 function Rre(e) {
   const { onSelect: t } = e;
   return /* @__PURE__ */ E($i, { children: [
-    /* @__PURE__ */ f(ki, { children: /* @__PURE__ */ f(Be, { startIcon: "add", color: "grey", children: "Add" }) }),
+    /* @__PURE__ */ f(ki, { children: /* @__PURE__ */ f(We, { startIcon: "add", color: "grey", children: "Add" }) }),
     /* @__PURE__ */ f(Oi, { align: "start", minWidth: "full-trigger-width", children: i0.map(({ type: n, icon: r }) => /* @__PURE__ */ f(
       At,
       {
@@ -5556,7 +5556,7 @@ function kre(e) {
               description: `Sort by ${u === "asc" ? "ascending" : "descending"} order.`,
               children: /* @__PURE__ */ f(lee, { value: u, onChange: l, asChild: !0, children: /* @__PURE__ */ E(Hy, { density: "compact", children: [
                 /* @__PURE__ */ f(lx, { value: "asc", asChild: !0, children: /* @__PURE__ */ f(
-                  Be,
+                  We,
                   {
                     startIcon: "arrowUpward",
                     color: u === "asc" ? "purple" : "grey",
@@ -5564,7 +5564,7 @@ function kre(e) {
                   }
                 ) }),
                 /* @__PURE__ */ f(lx, { value: "desc", asChild: !0, children: /* @__PURE__ */ f(
-                  Be,
+                  We,
                   {
                     startIcon: "arrowDownward",
                     color: u === "desc" ? "purple" : "grey",
@@ -5621,7 +5621,7 @@ function Ore() {
         removeOrdering: s
       }
     ),
-    /* @__PURE__ */ f(Be, { startIcon: "add", color: "grey", onClick: o, children: "Add" }),
+    /* @__PURE__ */ f(We, { startIcon: "add", color: "grey", onClick: o, children: "Add" }),
     /* @__PURE__ */ f(
       kre,
       {
@@ -5767,7 +5767,7 @@ function mW() {
     },
     [e]
   );
-  if (We(() => {
+  if (De(() => {
     var s;
     t && !((s = e.options[e.type]) != null && s.tag) && t[0] && n(t[0]);
   }, [e.options, e.type, t, n]), !t || !t.length)
@@ -27732,7 +27732,7 @@ function LH(e) {
     },
     [n]
   );
-  if (We(() => {
+  if (De(() => {
     var u;
     t && !((u = n.options[n.type]) != null && u.type) && t[0] && r(t[0].id);
   }, [n.options, n.type, t, r]), !t || t.length === 0)
@@ -28584,9 +28584,9 @@ const Txe = (e) => {
   }, [c, u] = V({
     status: "idle"
   });
-  return We(() => {
+  return De(() => {
     s.run();
-  }, []), uT(i, 200, s.run), We(() => {
+  }, []), uT(i, 200, s.run), De(() => {
     uh.write(
       hh,
       JSON.stringify(i)
@@ -28857,14 +28857,14 @@ var Wxe = /* @__PURE__ */ oi({
   return On(Wxe);
 };
 function Nxe(e) {
-  var t = De(void 0);
+  var t = Be(void 0);
   return WH(t.current, e) || (t.current = e), t.current;
 }
 var sU = function(t) {
   t.stopPropagation(), t.preventDefault(), t.stopImmediatePropagation();
-}, jxe = typeof window < "u" ? _f : We;
+}, jxe = typeof window < "u" ? _f : De;
 function cU(e, t, n, r) {
-  var i = De(null), o = De(!1), a = n instanceof Array ? r instanceof Array ? void 0 : r : n, s = NL(e) ? e.join(a == null ? void 0 : a.splitKey) : e, c = n instanceof Array ? n : r instanceof Array ? r : void 0, u = kr(t, c ?? []), l = De(u);
+  var i = Be(null), o = Be(!1), a = n instanceof Array ? r instanceof Array ? void 0 : r : n, s = NL(e) ? e.join(a == null ? void 0 : a.splitKey) : e, c = n instanceof Array ? n : r instanceof Array ? r : void 0, u = kr(t, c ?? []), l = Be(u);
   c ? l.current = u : l.current = t;
   var d = Nxe(a), p = Kxe(), h = p.enabledScopes, A = Bxe();
   return jxe(function() {
@@ -28988,7 +28988,7 @@ function zxe() {
     enableOnFormTags: !0,
     enableOnContentEditable: !0
   }), /* @__PURE__ */ E($i, { children: [
-    /* @__PURE__ */ f(ki, { children: /* @__PURE__ */ f(Be, { startIcon: "link", color: "grey", children: "Share" }) }),
+    /* @__PURE__ */ f(ki, { children: /* @__PURE__ */ f(We, { startIcon: "link", color: "grey", children: "Share" }) }),
     /* @__PURE__ */ E(Oi, { align: "start", children: [
       t.repository && /* @__PURE__ */ E(
         At,
@@ -29420,7 +29420,7 @@ const NH = ({ className: e, name: t, value: n, setValue: r, handleKeyPress: i, s
 }, areChildrenBeingEdited: () => !1, dragSource: { path: null, pathString: null }, setDragSource: () => {
 }, tabDirection: "next", setTabDirection: () => {
 } }), lUe = ({ children: e }) => {
-  const [t, n] = V(null), [r, i] = V(null), [o, a] = V({ path: null, pathString: null }), s = De(null), c = De("next"), u = De(null);
+  const [t, n] = V(null), [r, i] = V(null), [o, a] = V({ path: null, pathString: null }), s = Be(null), c = Be("next"), u = Be(null);
   return f(QH.Provider, { value: { collapseState: t, setCollapseState: (l) => {
     n(l), l !== null && setTimeout(() => n(null), 2e3);
   }, doesPathMatch: (l) => {
@@ -29439,7 +29439,7 @@ const NH = ({ className: e, name: t, value: n, setValue: r, handleKeyPress: i, s
     c.current = l;
   }, dragSource: o, setDragSource: a }, children: e });
 }, Og = () => On(QH), nI = "**INVALID_FUNCTION**", dUe = ({ value: e, setValue: t, isEditing: n, path: r, setIsEditing: i, handleEdit: o, stringTruncate: a, showStringQuotes: s, nodeData: c, handleKeyboard: u, keyboardCommon: l }) => {
-  const { getStyles: d } = Oa(), p = De(null), h = Gp(r), A = s ? '"' : "";
+  const { getStyles: d } = Oa(), p = Be(null), h = Gp(r), A = s ? '"' : "";
   return n ? f(NH, { className: "jer-input-text", textAreaRef: p, name: h, value: e, setValue: t, isEditing: n, handleKeyPress: (m) => {
     u(m, Object.assign({ stringConfirm: o, stringLineBreak: () => {
       const v = VH(p, `
@@ -29458,8 +29458,8 @@ const NH = ({ className: e, name: t, value: n, setValue: r, handleKeyPress: i, s
     l.key === " " && l.preventDefault(), s(l, Object.assign({ booleanConfirm: o, booleanToggle: () => t(!e) }, c));
   }, autoFocus: !0 }) : f("span", { onDoubleClick: () => i(!0), className: "jer-value-boolean", style: u("boolean", a), children: String(e) });
 }, hUe = ({ value: e, isEditing: t, setIsEditing: n, handleEdit: r, nodeData: i, handleKeyboard: o, keyboardCommon: a }) => {
-  const { getStyles: s } = Oa(), c = De();
-  We(() => {
+  const { getStyles: s } = Oa(), c = Be();
+  De(() => {
     if (t)
       return c.current = window.setTimeout(() => window.addEventListener("keydown", u), 100), () => window.removeEventListener("keydown", u);
     window.clearTimeout(c.current);
@@ -29601,7 +29601,7 @@ const NH = ({ className: e, name: t, value: n, setValue: r, handleKeyPress: i, s
     const re = o({ currentData: z.fullData, newValue: L, currentValue: D, name: Y, path: K });
     N(re);
   }, [o]);
-  We(() => {
+  De(() => {
     N(typeof t == "function" ? nI : t), vn(rv(t, qe));
   }, [t, M]);
   const { CustomNode: _e, customNodeProps: ot, hideKey: Ct, showEditTools: ct = !0, showOnEdit: gt, showOnView: sn } = qe, Dn = [..._Ue, ...y.filter(({ showInTypesSelector: L = !1, name: re }) => L && !!re).map(({ name: L }) => L)], cn = $e(() => {
@@ -29704,7 +29704,7 @@ const NH = ({ className: e, name: t, value: n, setValue: r, handleKeyPress: i, s
   }
 }, XH = (e) => {
   const { getStyles: t } = Oa(), { collapseState: n, setCollapseState: r, doesPathMatch: i, currentlyEditingElement: o, setCurrentlyEditingElement: a, areChildrenBeingEdited: s } = Og(), { mainContainerRef: c, data: u, nodeData: l, parentData: d, showCollectionCount: p, onEdit: h, onAdd: A, onDelete: m, canDragOnto: v, collapseFilter: y, collapseAnimationTime: w, onMove: S, enableClipboard: g, searchFilter: b, searchText: C, indent: _, sort: T, showArrayIndices: R, defaultValue: $, translate: O, customNodeDefinitions: D, jsonParse: N, jsonStringify: q, TextEditor: z, keyboardControls: K, handleKeyboard: Y, insertAtTop: te } = e, [x, F] = V(q(u)), M = y(l), { contentRef: H, isAnimating: ae, maxHeight: Ae, collapsed: xe, animateCollapse: Qe } = ((ve, pt, Zs, Go) => {
-    const [Qg, Hg] = V(Zs ? 0 : void 0), [bS, oee] = V(Zs), CS = De(!1), SS = De(null), sx = De(0), cx = De();
+    const [Qg, Hg] = V(Zs ? 0 : void 0), [bS, oee] = V(Zs), CS = Be(!1), SS = Be(null), sx = Be(0), cx = Be();
     return { contentRef: SS, isAnimating: CS.current, animateCollapse: (wS) => {
       var _S, IS;
       if (bS !== wS) {
@@ -29724,16 +29724,16 @@ const NH = ({ className: e, name: t, value: n, setValue: r, handleKeyPress: i, s
         }, pt);
       }
     }, maxHeight: Qg, collapsed: bS };
-  })(u, w, M, c), { pathString: kt, nodeData: Ie, path: qe, name: wt, size: vn, canEdit: an, canDelete: _e, canAdd: ot, canDrag: Ct, error: ct, setError: gt, onError: sn, handleEditKey: Dn, derivedValues: cn } = GH({ props: e, collapsed: xe }), { dragSourceProps: Ut, getDropTargetProps: Qr, BottomDropTarget: Yt, DropTargetPadding: un } = JH({ canDrag: Ct, canDragOnto: v, path: qe, nodeData: Ie, onMove: S, onError: sn, translate: O }), yn = De(!M);
-  We(() => {
+  })(u, w, M, c), { pathString: kt, nodeData: Ie, path: qe, name: wt, size: vn, canEdit: an, canDelete: _e, canAdd: ot, canDrag: Ct, error: ct, setError: gt, onError: sn, handleEditKey: Dn, derivedValues: cn } = GH({ props: e, collapsed: xe }), { dragSourceProps: Ut, getDropTargetProps: Qr, BottomDropTarget: Yt, DropTargetPadding: un } = JH({ canDrag: Ct, canDragOnto: v, path: qe, nodeData: Ie, onMove: S, onError: sn, translate: O }), yn = Be(!M);
+  De(() => {
     F(q(u)), Wn && a(null);
-  }, [u]), We(() => {
+  }, [u]), De(() => {
     const ve = y(Ie) && !cn.isEditing;
     yn.current = !ve, Qe(ve);
-  }, [y]), We(() => {
+  }, [y]), De(() => {
     n !== null && i(qe) && (yn.current = !0, Qe(n.collapsed));
   }, [n]);
-  const Hr = De(null), Yr = $e(() => (ve, pt) => typeof $ != "function" ? $ : $(ve, pt), [$]), { CustomNode: Me, customNodeProps: ke, CustomWrapper: P, wrapperProps: U = {}, hideKey: W, showEditTools: de = !0, showOnEdit: L, showOnView: re, showCollectionWrapper: he = !0 } = $e(() => YH(D, Ie), []), ue = s(kt);
+  const Hr = Be(null), Yr = $e(() => (ve, pt) => typeof $ != "function" ? $ : $(ve, pt), [$]), { CustomNode: Me, customNodeProps: ke, CustomWrapper: P, wrapperProps: U = {}, hideKey: W, showEditTools: de = !0, showOnEdit: L, showOnView: re, showCollectionWrapper: he = !0 } = $e(() => YH(D, Ie), []), ue = s(kt);
   if (ue && xe && Qe(!1), !(jH("collection", Ie, b, C) || Ie.level === 0) && !ue)
     return null;
   const Ce = Array.isArray(u) ? "array" : "object", ft = Ce === "array" ? { open: "[", close: "]" } : { open: "{", close: "}" }, Bn = (ve) => {
@@ -29836,11 +29836,11 @@ const kUe = ({ data: e, setData: t, rootName: n = "root", onUpdate: r = () => {
     const [P, U] = V(Me ? void 0 : ke), W = kr((de) => {
       Me ? Me(de) : U(de);
     }, [Me]);
-    return We(() => {
+    return De(() => {
       Me || U(ke);
     }, [ke]), [Me ? ke : P, W];
-  })({ setData: t, data: e }), Ct = De(null);
-  We(() => {
+  })({ setData: t, data: e }), Ct = Be(null);
+  De(() => {
     Ie(null);
     const Me = setTimeout(() => an(b), C);
     return () => clearTimeout(Me);
@@ -29900,7 +29900,7 @@ const kUe = ({ data: e, setData: t, rootName: n = "root", onUpdate: r = () => {
 }, OUe = (e) => {
   var t;
   const [n, r] = V();
-  We(() => {
+  De(() => {
     const a = document.documentElement;
     r(a);
   }, []);
@@ -29920,7 +29920,7 @@ const kUe = ({ data: e, setData: t, rootName: n = "root", onUpdate: r = () => {
 }, MUe = (e) => Array.isArray(e) && e.length === 2 && ["error", "value"].includes(e[0]);
 function eY() {
   const [e, t] = V(!1);
-  We(() => {
+  De(() => {
     if (!e)
       return;
     const r = setTimeout(() => {
@@ -29957,7 +29957,7 @@ function LUe() {
             children: [
               /* @__PURE__ */ f(j, { variant: "small", component: "h2", color: "grey9", children: "Response" }),
               (e.status === "success" || e.status === "error") && /* @__PURE__ */ f(
-                Be,
+                We,
                 {
                   startIcon: "refresh",
                   color: "grey",
@@ -30003,7 +30003,7 @@ function xUe() {
     ] }),
     /* We don't display the button is the repository is already set (i.e. running in a Prismic repository) */
     !t.repository && /* @__PURE__ */ f(
-      Be,
+      We,
       {
         sx: { marginTop: 16 },
         onClick: n,
@@ -30110,7 +30110,7 @@ function WUe(e) {
       children: /* @__PURE__ */ E("div", { style: { zIndex: 0 }, children: [
         /* @__PURE__ */ f("div", { style: { position: "sticky", top: 0, left: 0, zIndex: 1 }, children: /* @__PURE__ */ E(B, { position: "absolute", top: 16, right: 16, gap: 8, children: [
           /* @__PURE__ */ f(
-            Be,
+            We,
             {
               startIcon: i ? "check" : "contentCopy",
               color: "grey",
@@ -30118,7 +30118,7 @@ function WUe(e) {
               children: "Copy"
             }
           ),
-          t.url && /* @__PURE__ */ f(Be, { endIcon: "link", asChild: !0, color: "grey", children: /* @__PURE__ */ f(
+          t.url && /* @__PURE__ */ f(We, { endIcon: "link", asChild: !0, color: "grey", children: /* @__PURE__ */ f(
             "a",
             {
               href: t.url,
@@ -33812,7 +33812,7 @@ const hu = dl(
   )
 };
 function EY(e) {
-  const { debouncedUrl: t, content: n, onContentChange: r, selected: i } = e, o = De(null), [a, s] = V(!1);
+  const { debouncedUrl: t, content: n, onContentChange: r, selected: i } = e, o = Be(null), [a, s] = V(!1);
   eo(t, () => {
     var u;
     a && (s(!1), (u = o.current) == null || u.reset());
@@ -33869,7 +33869,7 @@ function IDe(e) {
 }
 function TDe(e) {
   const { url: t, onContentChange: n } = e, { embedApiEndpoint: r } = Se(), i = gr(RDe, [t, r]), o = bo(n);
-  return We(() => {
+  return De(() => {
     o(i);
   }, [i, o]), i;
 }
@@ -33967,7 +33967,7 @@ function kDe(e) {
             onValueChange: s,
             variant: ta(a.value) ? "link" : "normal",
             endAdornment: !n && /* @__PURE__ */ f(
-              Be,
+              We,
               {
                 startIcon: "close",
                 color: "grey",
@@ -34031,7 +34031,7 @@ function ODe(e) {
         onBlur: r ? void 0 : s,
         variant: u ? "link" : "normal",
         endAdornment: !r && /* @__PURE__ */ f(
-          Be,
+          We,
           {
             startIcon: "close",
             color: "grey",
@@ -34251,7 +34251,7 @@ function OY(e) {
           ),
           /* @__PURE__ */ f(Ja, { children: n ? "Preparing your image..." : "You haven't selected an image" }),
           !r && /* @__PURE__ */ f(SB, { children: /* @__PURE__ */ f(
-            Be,
+            We,
             {
               disabled: n,
               onClick: () => i(!0),
@@ -35006,8 +35006,8 @@ function Pg(e) {
 function DBe(e) {
   const { assetType: t, keyword: n, mode: r, tagIds: i } = e, o = Se();
   o.mediaLibrary || Wt("mediaLibrary");
-  const { onAnalyticsEvent: a } = o, s = e0(po), c = s[s.length - 1], u = De(c);
-  u.current = c, We(() => {
+  const { onAnalyticsEvent: a } = o, s = e0(po), c = s[s.length - 1], u = Be(c);
+  u.current = c, De(() => {
     if (!a || !n || !u.current || u.current.keyword !== n)
       return;
     const l = String(n.split(" ").length), d = String(u.current.total), p = i.join(",");
@@ -35023,8 +35023,8 @@ function DBe(e) {
   }, [n, t, r, a, i]);
 }
 function BBe(e) {
-  const { assetType: t, mediaDialogOpen: n } = e, r = Se(), i = e0(po), o = De(0);
-  We(() => {
+  const { assetType: t, mediaDialogOpen: n } = e, r = Se(), i = e0(po), o = Be(0);
+  De(() => {
     n && (o.current = performance.now());
   }, [n]);
   function a(s) {
@@ -35299,7 +35299,7 @@ function QBe(e) {
     initialState: n,
     initialTotalItemCount: r,
     isSelectAllEnabled: i = !1
-  } = e, o = De(), a = De(r || 0);
+  } = e, o = Be(), a = Be(r || 0);
   function s() {
     if (n && n.selectedIds) {
       const _ = [...n.selectedIds].pop();
@@ -35340,7 +35340,7 @@ function QBe(e) {
       excludedIds: /* @__PURE__ */ new Set()
     });
   });
-  We(() => {
+  De(() => {
     const { isAllSelected: _, selectedIds: T, excludedIds: R } = c, $ = a.current;
     if (!($ === 0 || !i)) {
       if (_ && R.size === $) {
@@ -35446,7 +35446,7 @@ function hd(e) {
   } = t;
   n !== void 0 && n !== o && i(n);
   const u = bo(r);
-  return We(() => {
+  return De(() => {
     u == null || u(s());
   }, [s, u, a]), {
     ...c,
@@ -35572,7 +35572,7 @@ function ZBe(e) {
   }), v = (w) => {
     m(bA({ ...A, ...w }));
   };
-  We(() => {
+  De(() => {
     l && (h(!1), d(!1));
   }, [l]);
   function y() {
@@ -35642,7 +35642,7 @@ function XBe(e) {
     },
     [t, r]
   );
-  return We(s, [a, r, n]), {
+  return De(s, [a, r, n]), {
     isUploading: o,
     uploadingFiles: r,
     onFilesSelected: c,
@@ -35932,7 +35932,7 @@ function rWe() {
                 Kh,
                 {
                   onFilesSelected: e,
-                  renderButton: (t) => /* @__PURE__ */ f(B, { display: "inline-flex", as: "span", children: /* @__PURE__ */ f(Be, { onClick: t, color: "grey", children: "Upload media" }) })
+                  renderButton: (t) => /* @__PURE__ */ f(B, { display: "inline-flex", as: "span", children: /* @__PURE__ */ f(We, { onClick: t, color: "grey", children: "Upload media" }) })
                 }
               ),
               /* @__PURE__ */ f(Cf, { children: "Maximum upload size file: 128 MB" })
@@ -36085,7 +36085,7 @@ function cWe() {
     isMediaRevalidationInProgress: o,
     setOpenMediaSection: a,
     isFetchingMedia: s
-  } = xt(), c = hd(), u = De(null);
+  } = xt(), c = hd(), u = Be(null);
   function l(h) {
     c.toggleSelection({
       id: h,
@@ -36215,7 +36215,7 @@ function pG(e) {
                   title: lf.warning.uploadWhileUploading.title,
                   content: lf.warning.uploadWhileUploading.description,
                   visible: n,
-                  children: /* @__PURE__ */ f(B, { display: "inline-flex", as: "span", children: /* @__PURE__ */ f(Be, { disabled: i, onClick: o, invisible: !0, children: "upload" }) })
+                  children: /* @__PURE__ */ f(B, { display: "inline-flex", as: "span", children: /* @__PURE__ */ f(We, { disabled: i, onClick: o, invisible: !0, children: "upload" }) })
                 }
               )
             }
@@ -36742,7 +36742,7 @@ function vG(e) {
     /* @__PURE__ */ E(B, { justifyContent: "space-between", children: [
       /* @__PURE__ */ f(j, { color: "grey12", variant: "bold", children: r() }),
       /* @__PURE__ */ f(
-        Be,
+        We,
         {
           startIcon: "edit",
           invisible: !0,
@@ -36797,8 +36797,8 @@ function vG(e) {
   ] });
 }
 function SWe(e) {
-  const { searchTerm: t, setSearchTerm: n } = e, r = De(null), { openMediaSection: i, setOpenMediaSection: o } = xt();
-  return We(() => {
+  const { searchTerm: t, setSearchTerm: n } = e, r = Be(null), { openMediaSection: i, setOpenMediaSection: o } = xt();
+  return De(() => {
     var a;
     i === "tags" && ((a = r.current) == null || a.focus(), o(void 0));
   }, [i, o]), /* @__PURE__ */ f(
@@ -37353,7 +37353,7 @@ function NWe(e) {
     /* @__PURE__ */ E(B, { justifyContent: "space-between", children: [
       /* @__PURE__ */ f(Gn, { title: t.name, color: "purple", size: "medium", onEdit: c }),
       /* @__PURE__ */ f(
-        Be,
+        We,
         {
           invisible: !0,
           color: "tomato",
@@ -37435,7 +37435,7 @@ function qWe() {
     ),
     /* @__PURE__ */ f(Ja, { size: "big", children: "Oops!" }),
     /* @__PURE__ */ f(Cf, { width: 360, children: "We couldn't load your media tags." }),
-    /* @__PURE__ */ f(SB, { children: /* @__PURE__ */ f(Be, { onClick: e == null ? void 0 : e.reset, size: "medium", children: "Try again" }) })
+    /* @__PURE__ */ f(SB, { children: /* @__PURE__ */ f(We, { onClick: e == null ? void 0 : e.reset, size: "medium", children: "Try again" }) })
   ] }) });
 }
 function VWe(e) {
@@ -37553,7 +37553,7 @@ const ZWe = dl(function(t, n) {
       content: `You can only pick ${(a == null ? void 0 : a.toLocaleLowerCase()) ?? "this type of media"}`,
       visible: i,
       children: /* @__PURE__ */ f(
-        Be,
+        We,
         {
           startIcon: r,
           endIcon: "arrowDropDown",
@@ -37608,7 +37608,7 @@ function eKe() {
   return /* @__PURE__ */ E(oe, { children: [
     /* @__PURE__ */ E($i, { open: o, onOpenChange: u, children: [
       /* @__PURE__ */ f(ki, { children: /* @__PURE__ */ f(
-        Be,
+        We,
         {
           startIcon: "label",
           endIcon: "arrowDropDown",
@@ -37664,7 +37664,7 @@ function eKe() {
               }
             ) }),
             /* @__PURE__ */ f(See, { children: /* @__PURE__ */ f(
-              Be,
+              We,
               {
                 invisible: !0,
                 startIcon: "edit",
@@ -37744,7 +37744,7 @@ function nKe() {
   }
   return /* @__PURE__ */ E($i, { open: i, onOpenChange: c, children: [
     /* @__PURE__ */ f(ki, { children: /* @__PURE__ */ f(
-      Be,
+      We,
       {
         startIcon: "people",
         renderStartIcon: (l) => a ? /* @__PURE__ */ f(
@@ -37941,7 +37941,7 @@ lT.registerFetcherConfig(CG, {
   revalidationStrategy: { type: "never" }
 });
 function lKe(e, t) {
-  const n = De(), r = Se(), i = gr(CG, [e, t]);
+  const n = Be(), r = Se(), i = gr(CG, [e, t]);
   return uT(t, 1e3, () => {
     var o;
     n.current && t !== n.current && ((o = r.onAnalyticsEvent) == null || o.call(r, "Unsplash Image Searched")), n.current = t;
@@ -38024,7 +38024,7 @@ function pKe() {
 function hKe(e) {
   var u;
   const { term: t, onSelectedChange: n } = e, { unsplashApiBaseUrl: r } = Se(), i = lKe(r, t || "citrus fruit"), o = (u = i == null ? void 0 : i[0]) == null ? void 0 : u.id, [a, s] = V();
-  We(() => {
+  De(() => {
     n == null || n([]), s(void 0);
   }, [o, n]);
   function c(l) {
@@ -38044,7 +38044,7 @@ function l2(e) {
   const { open: t, onOpenChange: n, onMediaSelected: r, assetType: i } = e, o = Se(), a = o.mediaLibrary, [s, c] = V(
     () => a ? "media" : "unsplash"
   ), [u, l] = V(/* @__PURE__ */ new Set()), [d, p] = V([]), h = u.size + d.length, A = e0(po);
-  We(() => {
+  De(() => {
     !t || !a || ZY({ config: o, assetType: i });
   }, [t, o, i, a]);
   function m(b) {
@@ -38372,7 +38372,7 @@ function yKe(e) {
       children: [
         /* @__PURE__ */ E(B, { gap: 8, height: 32, alignItems: "flex-start", width: "100%", children: [
           /* @__PURE__ */ f(Jt, { content: "Center", children: /* @__PURE__ */ f(
-            Be,
+            We,
             {
               color: "grey",
               size: "medium",
@@ -38381,7 +38381,7 @@ function yKe(e) {
             }
           ) }),
           /* @__PURE__ */ f(Jt, { content: "Cover", children: /* @__PURE__ */ f(
-            Be,
+            We,
             {
               color: "grey",
               size: "medium",
@@ -38581,7 +38581,7 @@ function wKe(e) {
               bKe,
               {
                 trigger: /* @__PURE__ */ f(
-                  Be,
+                  We,
                   {
                     startIcon: "crop",
                     disabled: a,
@@ -38595,14 +38595,14 @@ function wKe(e) {
               }
             ),
             /* @__PURE__ */ f(Jt, { content: "Replace", children: /* @__PURE__ */ f(
-              Be,
+              We,
               {
                 startIcon: "imageSearch",
                 hiddenLabel: "Replace",
                 onClick: () => l(!0)
               }
             ) }),
-            /* @__PURE__ */ f(Jt, { content: "Clear", children: /* @__PURE__ */ f(Be, { onClick: c, startIcon: "delete", hiddenLabel: "Clear" }) })
+            /* @__PURE__ */ f(Jt, { content: "Clear", children: /* @__PURE__ */ f(We, { onClick: c, startIcon: "delete", hiddenLabel: "Clear" }) })
           ] })
         ]
       }
@@ -38637,8 +38637,8 @@ function il(e) {
         children: [
           s,
           /* @__PURE__ */ E(Hy, { size: "medium", color: "grey", sx: { justifySelf: "end" }, children: [
-            o && /* @__PURE__ */ f(Be, { startIcon: "edit", onClick: o }),
-            a && /* @__PURE__ */ f(Be, { startIcon: "linkOff", onClick: a })
+            o && /* @__PURE__ */ f(We, { startIcon: "edit", onClick: o }),
+            a && /* @__PURE__ */ f(We, { startIcon: "linkOff", onClick: a })
           ] })
         ]
       }
@@ -39009,7 +39009,7 @@ function NKe(e) {
   ] });
 }
 function dI(e) {
-  const [t, n] = V(!1), r = De(null);
+  const [t, n] = V(!1), r = Be(null);
   return /* @__PURE__ */ f(
     Bt,
     {
@@ -39476,7 +39476,7 @@ function MG(e) {
       i === void 0 ? "unlinked" : "linked"
     ),
     !t && !r && !m && /* @__PURE__ */ f(
-      Be,
+      We,
       {
         startIcon: Bd({ selectType: i }),
         color: "grey",
@@ -39488,7 +39488,7 @@ function MG(e) {
       }
     ),
     t && !d && !m && /* @__PURE__ */ f(
-      Be,
+      We,
       {
         startIcon: "close",
         color: "grey",
@@ -39499,7 +39499,7 @@ function MG(e) {
     ),
     t && d && /* @__PURE__ */ E(Hy, { density: "compact", children: [
       /* @__PURE__ */ f(
-        Be,
+        We,
         {
           startIcon: Bd({ selectType: i }),
           renderEndIcon: () => c && i === "web" ? /* @__PURE__ */ f(Le, { name: "openInNew", size: "extraSmall", color: "indigo11" }) : null,
@@ -39513,7 +39513,7 @@ function MG(e) {
         }
       ),
       /* @__PURE__ */ f(
-        Be,
+        We,
         {
           startIcon: "close",
           color: "grey",
@@ -39594,14 +39594,14 @@ function t3e(e) {
       ] })
     ] }),
     /* @__PURE__ */ E(Hy, { size: "medium", color: "grey", children: [
-      i && /* @__PURE__ */ f(Jt, { content: "Edit link", side: "top", container: a, children: /* @__PURE__ */ f(Be, { startIcon: "edit", onClick: i }) }),
-      o && /* @__PURE__ */ f(Jt, { content: "Remove link", side: "top", container: a, children: /* @__PURE__ */ f(Be, { startIcon: "linkOff", onClick: o }) })
+      i && /* @__PURE__ */ f(Jt, { content: "Edit link", side: "top", container: a, children: /* @__PURE__ */ f(We, { startIcon: "edit", onClick: i }) }),
+      o && /* @__PURE__ */ f(Jt, { content: "Remove link", side: "top", container: a, children: /* @__PURE__ */ f(We, { startIcon: "linkOff", onClick: o }) })
     ] })
   ] });
 }
 function n3e(e) {
   var N, q, z;
-  const { field: t, content: n, onContentChange: r } = e, i = w(), o = ((N = t.config) == null ? void 0 : N.allowText) ?? !1, a = o && (n == null ? void 0 : n.value.text) || void 0, s = ((q = t.config) == null ? void 0 : q.variants) ?? [], u = (n == null ? void 0 : n.value.variant) && s.includes(n == null ? void 0 : n.value.variant) ? n == null ? void 0 : n.value.variant : s[0], [l, d] = V(y), p = pe.FilledExternalLinkContent.is(n == null ? void 0 : n.value) && (n == null ? void 0 : n.value.target) || void 0, [h, A] = V(!1), m = De(null);
+  const { field: t, content: n, onContentChange: r } = e, i = w(), o = ((N = t.config) == null ? void 0 : N.allowText) ?? !1, a = o && (n == null ? void 0 : n.value.text) || void 0, s = ((q = t.config) == null ? void 0 : q.variants) ?? [], u = (n == null ? void 0 : n.value.variant) && s.includes(n == null ? void 0 : n.value.variant) ? n == null ? void 0 : n.value.variant : s[0], [l, d] = V(y), p = pe.FilledExternalLinkContent.is(n == null ? void 0 : n.value) && (n == null ? void 0 : n.value.target) || void 0, [h, A] = V(!1), m = Be(null);
   eo(i, O);
   const v = l ? r3e[l] : void 0;
   function y() {
@@ -40453,7 +40453,7 @@ function y3e(e) {
           }
         ),
         !r && /* @__PURE__ */ f(
-          Be,
+          We,
           {
             startIcon: "add",
             color: "grey",
@@ -41139,7 +41139,7 @@ function Ed(e) {
         onFocus: o
       },
       endAdornment: /* @__PURE__ */ f(
-        Be,
+        We,
         {
           startIcon: "close",
           color: "grey",
@@ -49504,7 +49504,7 @@ function i9e() {
 }
 process.env.NODE_ENV === "production" ? MI.exports = r9e() : MI.exports = i9e();
 var o9e = MI.exports;
-const a9e = typeof window < "u" ? _f : We;
+const a9e = typeof window < "u" ? _f : De;
 class s9e {
   constructor(t) {
     this.transactionNumber = 0, this.lastTransactionNumber = 0, this.subscribers = /* @__PURE__ */ new Set(), this.editor = t, this.lastSnapshot = { editor: t, transactionNumber: 0 }, this.getSnapshot = this.getSnapshot.bind(this), this.getServerSnapshot = this.getServerSnapshot.bind(this), this.watch = this.watch.bind(this), this.subscribe = this.subscribe.bind(this);
@@ -49687,10 +49687,10 @@ class M2 {
   }
 }
 function l9e(e = {}, t = []) {
-  const n = De(e);
+  const n = Be(e);
   n.current = e;
   const [r] = V(() => new M2(n)), i = sS.useSyncExternalStore(r.subscribe, r.getEditor, r.getServerSnapshot);
-  return DB(i), We(r.onRender(t)), c9e({
+  return DB(i), De(r.onRender(t)), c9e({
     editor: i,
     selector: ({ transactionNumber: o }) => e.shouldRerenderOnTransaction === !1 ? null : e.immediatelyRender && o === 0 ? 0 : o + 1
   }), i;
@@ -49701,7 +49701,7 @@ const mZ = oi({
 mZ.Consumer;
 const d9e = () => On(mZ), Zw = (e) => {
   const [t, n] = V(null), { editor: r } = d9e();
-  return We(() => {
+  return De(() => {
     var i;
     if (!t || !((i = e.editor) === null || i === void 0) && i.isDestroyed || r != null && r.isDestroyed)
       return;
@@ -51418,7 +51418,7 @@ const $8e = (e, t, n) => {
   const r = /* @__PURE__ */ new Map(), i = { platform: R8e, ...n }, o = { ...i.platform, _c: r };
   return p8e(e, t, { ...i, platform: o });
 };
-var Kv = typeof document < "u" ? _f : We;
+var Kv = typeof document < "u" ? _f : De;
 function Wy(e, t) {
   if (e === t)
     return !0;
@@ -51530,7 +51530,7 @@ function k8e(e) {
     floating: b
   }), [s, C, T, R, g, b]);
 }
-var fc = typeof document < "u" ? _f : We;
+var fc = typeof document < "u" ? _f : De;
 function O8e() {
   const e = /* @__PURE__ */ new Map();
   return {
@@ -51697,13 +51697,13 @@ function ec(e) {
   e.preventDefault(), e.stopPropagation();
 }
 function B8e(e) {
-  const t = De(e);
+  const t = Be(e);
   return fc(() => {
     t.current = e;
   }), t;
 }
 function FD(e) {
-  const t = De();
+  const t = Be();
   return fc(() => {
     t.current = e;
   }, [e]), t.current;
@@ -52289,7 +52289,7 @@ const zZ = ["ArrowDown", "ArrowUp", "End", "Home"], QZ = ["Enter"], H8e = ["Esca
   });
   _f(() => {
     d(i);
-  }, [d, i]), We(() => {
+  }, [d, i]), De(() => {
     let _;
     const T = () => {
       _ = window.setTimeout(() => {
@@ -52302,7 +52302,7 @@ const zZ = ["ArrowDown", "ArrowUp", "End", "Home"], QZ = ["Enter"], H8e = ["Esca
       o.off("focus", T).off("blur", R), clearTimeout(_);
     };
   }, [o]);
-  const [A, m] = V(0), v = De([]);
+  const [A, m] = V(0), v = Be([]);
   eo(a, () => {
     m(0), v.current = [];
   });
@@ -52694,7 +52694,7 @@ const KI = P9e.extend({
 ), HZ = o7e;
 function YZ(e) {
   const { editor: t, getPos: n, node: r } = e, [i, o] = V(!1);
-  return We(() => {
+  return De(() => {
     function a() {
       const { from: c, to: u } = t.state.selection, l = n(), d = n() + r.nodeSize, p = c <= l && u >= d;
       o(p);
@@ -52732,7 +52732,7 @@ function a7e(e, t, n) {
 }
 function s7e(e, t, n, r) {
   const { editor: i, getPos: o, node: a } = e, [s, c] = V(!0);
-  We(() => {
+  De(() => {
     !s || !e.editor.isFocused || setTimeout(() => {
       var l;
       return (l = n.current) == null ? void 0 : l.focus();
@@ -52747,7 +52747,7 @@ function s7e(e, t, n, r) {
   return { containerRef: r, inputRef: n, onKeyDown: u };
 }
 function c7e(e) {
-  const t = De(null), n = De(null), { onKeyDown: r, url: i, urlChanged: o, onContentChange: a, debouncedUrl: s, content: c } = a7e(e, t, n), { selected: u } = YZ(e), l = !e.editor.isEditable;
+  const t = Be(null), n = Be(null), { onKeyDown: r, url: i, urlChanged: o, onContentChange: a, debouncedUrl: s, content: c } = a7e(e, t, n), { selected: u } = YZ(e), l = !e.editor.isEditable;
   return /* @__PURE__ */ f(vZ, { className: "custom-embed", children: /* @__PURE__ */ E("div", { contentEditable: "false", suppressContentEditableWarning: !0, children: [
     /* @__PURE__ */ E(B, { flexGrow: 1, alignItems: "center", children: [
       /* @__PURE__ */ f(Le, { size: "small", name: "cloud", color: "grey11" }),
@@ -53034,7 +53034,7 @@ function h7e(e) {
   };
 }
 function A7e(e) {
-  const { node: t } = e, n = t.attrs.content, { selected: r } = YZ(e), i = De(null), o = {
+  const { node: t } = e, n = t.attrs.content, { selected: r } = YZ(e), i = Be(null), o = {
     width: void 0,
     height: void 0,
     name: Zp
@@ -58049,7 +58049,7 @@ function FVe(e) {
   const { labels: t, editor: n } = e, r = n.getAttributes("label").label;
   return /* @__PURE__ */ E(oe, { children: [
     /* @__PURE__ */ E($i, { children: [
-      /* @__PURE__ */ f(ki, { disabled: t.length === 0, children: /* @__PURE__ */ f(Be, { endIcon: "arrowDropDown", size: "small", color: "grey", children: cB(r ?? "Labels") }) }),
+      /* @__PURE__ */ f(ki, { disabled: t.length === 0, children: /* @__PURE__ */ f(We, { endIcon: "arrowDropDown", size: "small", color: "grey", children: cB(r ?? "Labels") }) }),
       /* @__PURE__ */ f(
         Oi,
         {
@@ -58447,7 +58447,7 @@ function ZVe(e) {
   const { items: t, editor: n } = e;
   return t.length === 0 ? null : /* @__PURE__ */ E(oe, { children: [
     /* @__PURE__ */ E($i, { children: [
-      /* @__PURE__ */ f(ki, { disabled: t.length === 1, children: /* @__PURE__ */ f(Be, { endIcon: "arrowDropDown", size: "small", color: "grey", children: ((r = t.find((i) => i.isActive(n))) == null ? void 0 : r.text) ?? "" }) }),
+      /* @__PURE__ */ f(ki, { disabled: t.length === 1, children: /* @__PURE__ */ f(We, { endIcon: "arrowDropDown", size: "small", color: "grey", children: ((r = t.find((i) => i.isActive(n))) == null ? void 0 : r.text) ?? "" }) }),
       /* @__PURE__ */ f(
         Oi,
         {
@@ -58487,7 +58487,7 @@ function XVe(e) {
   const { editor: t, nodeTypes: n, labels: r, hideDisabledOptions: i = !1 } = e, [o, a] = V(), s = n.includes(me.RichTextNodeType.hyperlink), c = !o, { shouldShowBubbleMenu: u, shouldShowPopover: l } = tze({
     editor: t
   }), [d, p] = V(!0);
-  We(() => {
+  De(() => {
     p(!1);
   }, []);
   function h(v) {
@@ -58620,7 +58620,7 @@ const nze = [
 ], VX = dl(
   function(t, n) {
     const { targetTriggerElementRef: r, style: i, ...o } = t;
-    return We(() => {
+    return De(() => {
       if (r.current)
         for (const [a, s] of Object.entries(o))
           rze(a, s) && ize(r.current, a, s);
@@ -58920,13 +58920,13 @@ function Aze(e) {
   );
 }
 function HX(e, t) {
-  const n = De(), [r, i] = V(!1), { strategy: o, floating: a, reference: s, x: c, y: u } = VZ({
+  const n = Be(), [r, i] = V(!1), { strategy: o, floating: a, reference: s, x: c, y: u } = VZ({
     open: r,
     onOpenChange: i,
     placement: e === "column" ? "bottom-start" : "right-start",
     strategy: "fixed"
   });
-  return We(() => vo.listen("handleClick", {
+  return De(() => vo.listen("handleClick", {
     editor: t,
     callback: (l) => {
       l.type === e && (s(l.referenceElement), n.current = l.referenceElement, i(!0));
@@ -58968,7 +58968,7 @@ function mze(e) {
 }
 function gze(e) {
   const [t, n] = V(!1), { onAnalyticsEvent: r } = Se();
-  return We(() => vo.listen("addAtLimit", {
+  return De(() => vo.listen("addAtLimit", {
     editor: e,
     callback: (i) => {
       r == null || r("Table Limit Reached", { type: i.type }), n(!0);
@@ -58991,7 +58991,7 @@ function J2(e) {
   }), A = d == null ? void 0 : d().threads, v = yze({
     field: n,
     conditionalExtensions: h ? [h] : [o4e]
-  }), y = De(), w = $e(() => {
+  }), y = Be(), w = $e(() => {
     var b;
     if (t)
       return (b = xI.converter(v.nodeExtensions).fromPrismic(p, v.schema, v.nodeTypes, t, A)) == null ? void 0 : b.toJSON();
@@ -59020,7 +59020,7 @@ function J2(e) {
     },
     [v, i]
   );
-  return We(() => {
+  return De(() => {
     g != null && g.isInitialized && y.current !== t && g.commands.setContent(w ?? null, !1);
   }, [g, t, w]), g ? /* @__PURE__ */ E(Fi, { display: a === "x-auto" ? "grid" : "flex", children: [
     c && /* @__PURE__ */ f(mr, { name: c }),
@@ -59105,7 +59105,7 @@ function Sze(e) {
 }
 function YX(e) {
   var l;
-  const { content: t, field: n, id: r, onContentChange: i, readOnly: o, placeholder: a } = e, s = De(), c = t == null ? void 0 : t.value, u = $e(() => {
+  const { content: t, field: n, id: r, onContentChange: i, readOnly: o, placeholder: a } = e, s = Be(), c = t == null ? void 0 : t.value, u = $e(() => {
     var d, p, h;
     return ((p = (d = s.current) == null ? void 0 : d.plainText) == null ? void 0 : p.value) === c ? (h = s.current) == null ? void 0 : h.richText : wze(c);
   }, [c]);
@@ -59518,7 +59518,7 @@ function Z2(e) {
     readOnly: a,
     repeatable: s = !0,
     repeatableZone: c
-  } = e, u = Object.entries(c), l = De([eee()]).current;
+  } = e, u = Object.entries(c), l = Be([eee()]).current;
   let d = i ?? l;
   !s && d.length > 1 && (d = d.slice(0, 1));
   const { scrollOffsetTop: p } = Se();
@@ -59777,7 +59777,7 @@ function Jze(e) {
 }
 function Zze(e) {
   const { step: t, stepIndex: n, isOpen: r, onActionClick: i, onClose: o, contentRef: a } = e, [s, c] = V(!1), [u, l] = V(e.isStepComplete);
-  We(() => {
+  De(() => {
     r && l(e.isStepComplete);
   }, [e.isStepComplete, r]);
   async function d() {
@@ -59838,7 +59838,7 @@ function Zze(e) {
   ] });
 }
 function Xze(e) {
-  const { steps: t, completedSteps: n, onToggleStep: r, tracking: i, stepOverrides: o } = e, [a, s] = V(!1), [c, u] = V(t[0]), l = De(null);
+  const { steps: t, completedSteps: n, onToggleStep: r, tracking: i, stepOverrides: o } = e, [a, s] = V(!1), [c, u] = V(t[0]), l = Be(null);
   if (!c)
     return null;
   const d = t.findIndex(({ id: v }) => v === c.id);
@@ -59887,7 +59887,7 @@ function Xze(e) {
     ),
     /* @__PURE__ */ E($i, { children: [
       /* @__PURE__ */ f(ki, { children: /* @__PURE__ */ f(
-        Be,
+        We,
         {
           size: "large",
           color: "grey",
@@ -60152,7 +60152,7 @@ function aYe(e) {
   ] }) });
 }
 function iQe(e, t = 400) {
-  const n = Ote({ config: { duration: m_ } }), [r, i] = V("visible"), o = De(!1), a = kr(() => {
+  const n = Ote({ config: { duration: m_ } }), [r, i] = V("visible"), o = Be(!1), a = kr(() => {
     i("animating"), setTimeout(() => i("hidden"), m_ - t), o.current || (setTimeout(e, m_), o.current = !0);
   }, [e, t]), s = () => {
     n.throwConfetti(), a();
@@ -60533,7 +60533,7 @@ function fB(e) {
   return /* @__PURE__ */ E(oe, { children: [
     /* @__PURE__ */ f(j, { component: "span", variant: "smallBold", children: "•" }),
     /* @__PURE__ */ E($i, { children: [
-      /* @__PURE__ */ f(ki, { children: /* @__PURE__ */ f(Be, { color: "grey", size: "small", endIcon: "arrowDropDown", invisible: !0, children: (a == null ? void 0 : a.display) ?? "Slice variation" }) }),
+      /* @__PURE__ */ f(ki, { children: /* @__PURE__ */ f(We, { color: "grey", size: "small", endIcon: "arrowDropDown", invisible: !0, children: (a == null ? void 0 : a.display) ?? "Slice variation" }) }),
       /* @__PURE__ */ E(Oi, { align: "start", maxHeight: 256, children: [
         /* @__PURE__ */ f(
           At,
@@ -60563,7 +60563,7 @@ function $Qe(e) {
     const u = (h = (p = o.config) == null ? void 0 : p.choices) == null ? void 0 : h[s.name];
     if (u === void 0)
       return null;
-    const l = { ...s.widget, key: s.key }, d = {
+    const l = s.widget, d = {
       id: `${n}[${s.key}]`,
       key: s.key,
       sliceKey: s.key,
@@ -60701,7 +60701,7 @@ function OQe(e) {
           {
             content: h ? "Generate SEO metadata from your page content." : "Your page content is too short to generate SEO metadata.",
             children: /* @__PURE__ */ f(
-              Be,
+              We,
               {
                 disabled: !h,
                 onClick: A,
@@ -60818,10 +60818,12 @@ function PQe(e) {
     documentContent: s,
     documentCustomType: c,
     documentLocale: u
-  } = e, l = Se(), d = $e(() => Object.entries(r), [r]), p = De(i);
-  if (We(() => {
+  } = e, l = Se(), d = $e(() => Object.entries(r), [r]), p = Be(i);
+  if (De(() => {
     p.current = i;
-  }, [i]), d.length === 0)
+  }, [i]), De(() => {
+    window.dispatchEvent(new Event("prismic-static-zone-rendered"));
+  }, []), d.length === 0)
     return null;
   const h = BQe(d), A = cI(i[Gs]) || "Meta title..", m = cI(i[Au]) || "Meta description..";
   return /* @__PURE__ */ E(xA, { legend: "Page data", children: [

package/package.json

@@ -3,7 +3,7 @@
     "@floating-ui/react-dom-interactions": "0.9.3",
     "@liveblocks/react": "2.24.3",
     "@prismicio/client": "7.15.1",
-    "@prismicio/editor-support": "0.4.81",
+    "@prismicio/editor-support": "0.4.83",
     "@prismicio/richtext": "2.1.1",
     "@prismicio/types-internal": "3.15.0-alpha.0",
     "@tiptap/core": "2.11.5",
@@ -42,7 +42,7 @@
     "@liveblocks/react": "2.24.3",
     "@liveblocks/react-tiptap": "2.24.3",
     "@liveblocks/react-ui": "2.24.3",
-    "@prismicio/editor-ui": "^0.4.81",
+    "@prismicio/editor-ui": "^0.4.83",
     "@testing-library/react": "15.0.7",
     "@tiptap/extension-collaboration": "2.22.3",
     "@tiptap/extension-collaboration-cursor": "2.22.3",
@@ -87,7 +87,7 @@
     "@liveblocks/react": "2.18.3",
     "@liveblocks/react-tiptap": "2.18.3",
     "@liveblocks/react-ui": "2.18.3",
-    "@prismicio/editor-ui": "^0.4.81",
+    "@prismicio/editor-ui": "^0.4.83",
     "@tanstack/react-query": "5.55.4",
     "@tiptap/extension-collaboration": "2.11.5",
     "@tiptap/extension-collaboration-cursor": "2.11.5",
@@ -147,5 +147,5 @@
   },
   "sideEffects": false,
   "types": "./dist/index.d.ts",
-  "version": "0.4.81"
+  "version": "0.4.83"
 }