1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2377],{12528:(e,r,t)=>{t.d(r,{Ci:()=>oV,Df:()=>rJ,dw:()=>rZ,wC:()=>rV});var o=t(23972),n=t(96470),a=t(95384),i=t(39972),l=t(58481),c=t(33445),u=t(11240),s=t(81660),d=t(27746),p=t(12115),v=t(95155),_=t(4714),k=t(35532),m=t(79124),h=t(60709),g=t(41414),f=t(83091),b=t(2551),x=t(86241),y=t(52219),w=t(49062),I=t(47650),z=t(95899),j=t(42610),C=t(38223),S=t(26734),E=t(84597),P=t(29054);function A(e,r,t){let o=r.split("."),n=(0,d.IA)({},e),a=n;for(let e=0;e<o.length;e++){let[r,n]=o[e].replace("]","").split("["),i=e===o.length-1;if(void 0!==n){Array.isArray(a[r])||(a[r]=[]);let e=Number(n);if(i){a[r][e]=t;continue}void 0===a[r][e]&&(a[r][e]={}),a=a[r][e];continue}if(i){a[r]=t;continue}void 0===a[r]&&(a[r]={}),a=a[r]}return(0,d.IA)((0,d.IA)({},e),n)}(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var D=/^(data-.*)$/,L=e=>{let r={};for(let t in e)Object.prototype.hasOwnProperty.call(e,t)&&D.test(t)&&(r[t]=e[t]);return r},M=(0,u.d)("Button",{Button:"_Button_oe4qj_1","Button--medium":"_Button--medium_oe4qj_34","Button--large":"_Button--large_oe4qj_62","Button-icon":"_Button-icon_oe4qj_89","Button--primary":"_Button--primary_oe4qj_93","Button--disabled":"_Button--disabled_oe4qj_123","Button--secondary":"_Button--secondary_oe4qj_135","Button--flush":"_Button--flush_oe4qj_171","Button--fullWidth":"_Button--fullWidth_oe4qj_179","Button-spinner":"_Button-spinner_oe4qj_184"}),B=e=>{var{children:r,href:t,onClick:o,variant:n="primary",type:a,disabled:l,tabIndex:c,newTab:u,fullWidth:s,icon:_,size:k="medium",loading:m=!1}=e,h=(0,d.YG)(e,["children","href","onClick","variant","type","disabled","tabIndex","newTab","fullWidth","icon","size","loading"]);let[g,f]=(0,p.useState)(m);(0,p.useEffect)(()=>f(m),[m]);let b=L(h);return(0,v.jsxs)(t?"a":a?"button":"span",(0,d.ko)((0,d.IA)({className:M({primary:"primary"===n,secondary:"secondary"===n,disabled:l,fullWidth:s,[k]:!0}),onClick:e=>{o&&(f(!0),Promise.resolve(o(e)).then(()=>{f(!1)}))},type:a,disabled:l||g,tabIndex:c,target:u?"_blank":void 0,rel:u?"noreferrer":void 0,href:t},b),{children:[_&&(0,v.jsx)("div",{className:M("icon"),children:_}),r,g&&(0,v.jsx)("div",{className:M("spinner"),children:(0,v.jsx)(i.aH,{size:14})})]}))};(0,d.hY)(),(0,d.hY)();var T={InputWrapper:"_InputWrapper_qyenz_1","Input-label":"_Input-label_qyenz_5","Input-labelIcon":"_Input-labelIcon_qyenz_17","Input-disabledIcon":"_Input-disabledIcon_qyenz_24","Input-input":"_Input-input_qyenz_29","Input-select":"_Input-select_qyenz_61","Input-selectIcon":"_Input-selectIcon_qyenz_71",Input:"_Input_qyenz_1","Input--readOnly":"_Input--readOnly_qyenz_111","Input-radioGroupItems":"_Input-radioGroupItems_qyenz_150","Input-radio":"_Input-radio_qyenz_150","Input-radioInner":"_Input-radioInner_qyenz_179","Input-radioInput":"_Input-radioInput_qyenz_261"},N=(0,u.d)("Input",T),F=({children:e,icon:r,label:t,el:o="label",readOnly:n,className:a})=>(0,v.jsxs)(o,{className:a,children:[(0,v.jsxs)("div",{className:N("label"),children:[r?(0,v.jsx)("div",{className:N("labelIcon"),children:r}):(0,v.jsx)(v.Fragment,{}),t,n&&(0,v.jsx)("div",{className:N("disabledIcon"),title:"Read-only",children:(0,v.jsx)(i.LM,{size:"12"})})]}),e]}),R=({children:e,icon:r,label:t,el:o="label",readOnly:n})=>{let a=(0,i.CU)(e=>e.overrides),l=(0,p.useMemo)(()=>a.fieldLabel||F,[a]);return t?(0,v.jsx)(l,{label:t,icon:r,className:N({readOnly:n}),readOnly:n,el:o,children:e}):(0,v.jsx)(v.Fragment,{children:e})};(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var O={ArrayField:"_ArrayField_62huh_5","ArrayField--isDraggingFrom":"_ArrayField--isDraggingFrom_62huh_30","ArrayField-addButton":"_ArrayField-addButton_62huh_38","ArrayField--hasItems":"_ArrayField--hasItems_62huh_58","ArrayField-inner":"_ArrayField-inner_62huh_93",ArrayFieldItem:"_ArrayFieldItem_62huh_101","ArrayFieldItem--isDragging":"_ArrayFieldItem--isDragging_62huh_110","ArrayFieldItem--isExpanded":"_ArrayFieldItem--isExpanded_62huh_114","ArrayFieldItem-summary":"_ArrayFieldItem-summary_62huh_132","ArrayFieldItem--noFields":"_ArrayFieldItem--noFields_62huh_167","ArrayField--addDisabled":"_ArrayField--addDisabled_62huh_176","ArrayFieldItem-body":"_ArrayFieldItem-body_62huh_228","ArrayFieldItem-fieldset":"_ArrayFieldItem-fieldset_62huh_237","ArrayFieldItem-rhs":"_ArrayFieldItem-rhs_62huh_250","ArrayFieldItem-actions":"_ArrayFieldItem-actions_62huh_256"};function Y(e,r){let t=(0,p.useContext)(e);if(!t)throw Error("useContextStore must be used inside context");return(0,k.P)(t,(0,_.k)(r))}(0,d.hY)(),(0,d.hY)();var U=function(e){let r=(0,p.createContext)((0,m.y)((0,h.eh)(()=>e)));return{ctx:r,Provider:({children:e,value:t})=>{let[o]=(0,p.useState)(()=>(0,m.y)(()=>t));return(0,v.jsx)(r.Provider,{value:o,children:e})}}}({}),H=()=>(0,p.useContext)(U.ctx);function q(e){let r=(0,p.useContext)(U.ctx);if(!r)throw Error("useContextStore must be used inside context");return(0,k.P)(r,(0,_.k)(e))}(0,d.hY)(),(0,d.hY)();var V=(0,u.d)("DragIcon",{DragIcon:"_DragIcon_5e515_1","DragIcon--disabled":"_DragIcon--disabled_5e515_10"}),$=({isDragDisabled:e})=>(0,v.jsx)("div",{className:V({disabled:e}),children:(0,v.jsx)("svg",{viewBox:"0 0 20 20",width:"12",fill:"
1currentColor",children:(0,v.jsx)("path",{d:"M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"})})});(0,d.hY)(),(0,d.hY)();var{Delay:Z,Distance:W}=f.il,G=[new Z({value:200,tolerance:10})],K=[new Z({value:200,tolerance:10}),new W({value:5})],X=({other:e=K,mouse:r,touch:t=G}={touch:G,other:K})=>{let[o]=(0,p.useState)(()=>[f.AN.configure({activationConstraints(o,n){var a;let{pointerType:i,target:l}=o;return"mouse"===i&&(0,b.vq)(l)&&(n.handle===l||(null==(a=n.handle)?void 0:a.contains(l)))?r:"touch"===i?t:e}})]);return o};(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var Q=(e,r,t,o,n)=>{},J="increasing",ee=(e,r)=>{var t;let{dragOperation:o,droppable:n}=e,{shape:a}=n,{position:i}=o,l=null==(t=o.shape)?void 0:t.current;if(!l||!a)return null;let c=a.center,u=Math.sqrt(Math.pow(c.x-r.x,2)+Math.pow(c.y-r.y,2)),s=Math.sqrt(Math.pow(c.x-i.current.x,2)+Math.pow(c.y-i.current.y,2));return(J=s===u?J:s<u?"decreasing":"increasing",Q(l.center,c,n.id.toString(),"rebe
1ccapurple"),"decreasing"===J)?{id:n.id,value:1,type:x.Bp.Collision}:null};(0,d.hY)();var er=(e,r)=>{if("dynamic"===e){if(!(Math.abs(r.y)>Math.abs(r.x)))return 0===r.x?null:r.x>0?"right":"left"}else if("x"===e)return 0===r.x?null:r.x>0?"right":"left";return 0===r.y?null:r.y>0?"down":"up"};(0,d.hY)();var et=(e,r,t,o=0)=>{let n=e.boundingRectangle,a=r.center;if("down"===t){let e=o*r.boundingRectangle.height;return n.bottom>=a.y+e}if("up"===t){let e=o*r.boundingRectangle.height;return n.top<a.y-e}if("left"===t){let e=o*r.boundingRectangle.width;return a.x-e>=n.left}let i=o*r.boundingRectangle.width;return n.right-i>=a.x};(0,d.hY)();var eo={current:{x:0,y:0},delta:{x:0,y:0},previous:{x:0,y:0},direction:null},en=(e,r="dynamic")=>(eo.current=e,eo.delta={x:e.x-eo.previous.x,y:e.y-eo.previous.y},eo.direction=er(r,eo.delta)||eo.direction,(Math.abs(eo.delta.x)>10||Math.abs(eo.delta.y)>10)&&(eo.previous=y.bR.from(e)),eo);(0,d.hY)();var ea=({dragOperation:e,droppable:r})=>{let t=e.position.current;if(!t)return null;let{id:o}=r;return r.shape&&r.shape.containsPoint(t)?{id:o,value:1/y.bR.distance(r.shape.center,t),type:x.Bp.PointerIntersection,priority:x.zY.High}:null},ei=e=>{let{dragOperation:r,droppable:t}=e,{shape:o,position:n}=r;if(!t.shape)return null;let a=o?y.M_.from(o.current.boundingRectangle).corners:void 0,i=y.M_.from(t.shape.boundingRectangle).corners.reduce((e,r,t)=>{var o;return e+y.bR.distance(y.bR.from(r),null!=(o=null==a?void 0:a[t])?o:n.current)},0);return{id:t.id,value:1/(i/4),type:x.Bp.Collision,priority:x.zY.Normal}};(0,d.hY)();var el=(0,m.y)(()=>({fallbackEnabled:!1})),ec="",eu=(e,r=.05)=>t=>{var o,n,a,i,l;let{dragOperation:c,droppable:u}=t,{position:s}=c,p=null==(o=c.shape)?void 0:o.current,{shape:v}=u;if(!p||!v)return null;let{center:_}=p,{fallbackEnabled:k}=el.getState(),m=en(s.current,e),h={direction:m.direction},{center:g}=v,f=et(p,v,m.direction,r);if((null==(n=c.source)?void 0:n.id)===u.id){let e=ee(t,m.previous);if(Q(_,g,u.id.toString(),"yellow"),e)return(0,d.ko)((0,d.IA)({},e),{priority:x.zY.Highest,data:h})}let b=p.intersectionArea(v),y=b/v.area;if(b&&f){Q(_,g,u.id.toString(),"green",m.direction);let e={id:u.id,value:y,priority:x.zY.High,type:x.Bp.Collision},r=ec===u.id;return ec="",(0,d.ko)((0,d.IA)({},e),{id:r?"flush":e.id,data:h})}if(k&&(null==(a=c.source)?void 0:a.id)!==u.id){let r=v.boundingRectangle.right>p.boundingRectangle.left&&v.boundingRectangle.left<p.boundingRectangle.right,o=v.boundingRectangle.bottom>p.boundingRectangle.top&&v.boundingRectangle.top<p.boundingRectangle.bottom;if("y"===e&&r||o){let r=ei(t);if(r){let t=er(e,{x:p.center.x-((null==(i=u.shape)?void 0:i.center.x)||0),y:p.center.y-((null==(l=u.shape)?void 0:l.center.y)||0)});return(h.direction=t,b)?(Q(_,g,u.id.toString(),"red",t||""),ec=u.id,(0,d.ko)((0,d.IA)({},r),{priority:x.zY.Low,data:h})):(Q(_,g,u.id.toString(),"orange",t||""),(0,d.ko)((0,d.IA)({},r),{priority:x.zY.Lowest,data:h}))}}}return Q(_,g,u.id.toString(),"hotpink"),null},es=({children:e,onDragStart:r,onDragEnd:t,onMove:o})=>{let n=X({mouse:[new f.il.Distance({value:5})]});return(0,v.jsx)(g.XU,{sensors:n,onDragStart:e=>{var t,o;return r(null!=(o=null==(t=e.operation.source)?void 0:t.id.toString())?o:"")},onDragOver:(e,r)=>{var t;e.preventDefault();let{operation:n}=e,{source:a,target:i}=n;if(!a||!i)return;let l=a.data.index,c=i.data.index,u=null==(t=r.collisionObserver.collisions[0])?void 0:t.data;l!==c&&a.id!==i.id&&(c>=l&&(c-=1),"after"==((null==u?void 0:u.direction)==="up"?"before":"after")&&(c+=1),o({source:l,target:c}))},onDragEnd:()=>{setTimeout(()=>{t()},250)},children:e})},ed=({id:e,index:r,disabled:t,children:o,type:n="item"})=>{let{ref:a,isDragging:i,isDropping:l,handleRef:c}=(0,w.gl)({id:e,type:n,index:r,disabled:t,data:{index:r},collisionDetector:eu("y")});return o({isDragging:i,isDropping:l,ref:a,handleRef:c})};(0,d.hY)();var ep=(0,p.createContext)({}),ev=()=>{let e=(0,p.useContext)(ep);return(0,d.ko)((0,d.IA)({},e),{readOnlyFields:e.readOnlyFields||{}})},e_=({children:e,name:r,subName:t,wildcardName:o=r,readOnlyFields:n})=>{let a=`${r}.${t}`,i=`${o}.${t}`,l=(0,p.useMemo)(()=>Object.keys(n).reduce((e,t)=>
1{if(t.indexOf(a)>-1||t.indexOf(i)>-1){let a=new RegExp(`^(${r}|${o}).`.replace(/\[/g,"\\[").replace(/\]/g,"\\]").replace(/\./g,"\\.").replace(/\*/g,"\\*")),i=t.replace(a,"");return(0,d.ko)((0,d.IA)({},e),{[i]:n[t]})}return e},{}),[r,t,o,n]);return(0,v.jsx)(ep.Provider,{value:{readOnlyFields:l,localName:t},children:e})};(0,d.hY)();var ek=(e,r)=>r.split(".").reduce((e,r)=>{if(!e)return;let[t,o]=r.replace("]","").split("["),n=e[t];return o&&n?n[parseInt(o)]:n},e);(0,d.hY)();var em=(0,p.memo)(({field:e,id:r,index:t,name:o,subName:n,localName:a,onChange:i,forceReadOnly:l})=>{let c=void 0!==t?`${o}[${t}]`:o,u=o?`${c}.${n}`:n,s=void 0!==t?`${a}[${t}]`:null!=a?a:n,p=void 0!==t?`${a}[*]`:a,_=`${s}.${n}`,k=`${p}.${n}`,{readOnlyFields:m}=ev(),h=l||(void 0!==m[u]?m[_]:m[k]),g=e.label||n;return(0,v.jsx)(e_,{name:s,wildcardName:p,subName:n,readOnlyFields:m,children:(0,v.jsx)(e$,{name:u,label:g,id:r,readOnly:h,field:(0,d.ko)((0,d.IA)({},e),{label:g}),onChange:(e,r)=>{i(e,r,n)}})})}),eh=(0,u.d)("ArrayField",O),eg=(0,u.d)("ArrayFieldItem",O),ef=(0,p.memo)(({index:e,originalIndex:r,field:t,name:o})=>{let n=q(r=>ek(r,`${[o]}[${e}]`));return(0,p.useMemo)(()=>n&&t.getItemSummary?t.getItemSummary(n,e):`Item #${r}`,[n,t,r,e])}),eb=(0,p.memo)(({id:e,arrayId:r,index:t,dragIndex:o,originalIndex:n,field:a,onChange:l,onToggleExpand:c,readOnly:u,actions:s,name:d,localName:_})=>{let k=(0,i.CU)(t=>{var o;return(null==(o=t.state.ui.arrayState[r])?void 0:o.openId)===e}),m=(0,i.CU)(e=>e.permissions.getPermissions({item:e.selectedItem}).edit),h=(0,p.useMemo)(()=>!!a.arrayFields&&Object.values(a.arrayFields).some(e=>"slot"!==e.type&&!1!==e.visible),[a.arrayFields]);return(0,v.jsx)(ed,{id:e,index:o,disabled:u,children:({isDragging:r,ref:o,handleRef:i})=>(0,v.jsxs)("div",{ref:o,className:eg({isExpanded:k&&h,isDragging:r,noFields:!h}),children:[(0,v.jsxs)("div",{ref:i,onClick:t=>{!r&&(t.preventDefault(),t.stopPropagation(),h&&c(e,k))},className:eg("summary"),children:[(0,v.jsx)(ef,{index:t,originalIndex:n,field:a,name:d}),(0,v.jsxs)("div",{className:eg("rhs"),children:[!u&&(0,v.jsx)("div",{className:eg("actions"),children:s}),(0,v.jsx)("div",{children:(0,v.jsx)($,{})})]})]}),(0,v.jsx)("div",{className:eg("body"),children:k&&h&&(0,v.jsx)("fieldset",{className:eg("fieldset"),children:Object.keys(a.arrayFields).map(r=>{let o=a.arrayFields[r];return(0,v.jsx)(em,{id:`${e}_${r}`,name:d,index:t,subName:r,localName:_,field:o,onChange:l,forceReadOnly:!m},`${e}_${r}_${t}`)})})})]})})});(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var ex=e=>q(r=>ek(r,e));(0,d.hY)();var ey=e=>(0,i.CU)(r=>r.state.ui.field.focus===e),ew=(e,r)=>{let t=ex(e),o=ey(e),[n,a]=(0,p.useState)(null==t?void 0:t.toString()),i=(0,p.useCallback)(e=>{a(e),r(e)},[r]);return(0,p.useEffect)(()=>{o||a(t)},[o,t]),[null!=n?n:"",i]},eI=(0,u.d)("Input",T),ez=({field:e,onChange:r,readOnly:t,id:o,name:n=o,label:a,labelIcon:l,Label:c})=>{let[u,s]=ew(n,r);return(0,v.jsx)(c,{label:a||n,icon:l||(0,v.jsxs)(v.Fragment,{children:["text"===e.type&&(0,v.jsx)(i.ZU,{size:16}),"number"===e.type&&(0,v.jsx)(i.Vw,{size:16})]}),readOnly:t,children:(0,v.jsx)("input",{className:eI("input"),autoComplete:"off",type:e.type,title:a||n,name:n,value:u,onChange:r=>{if("number"===e.type){let t=Number(r.currentTarget.value);void 0!==e.min&&t<e.min||void 0!==e.max&&t>e.max||s(t)}else s(r.currentTarget.value)},readOnly:t,tabIndex:t?-1:void 0,id:o,min:"number"===e.type?e.min:void 0,max:"number"===e.type?e.max:void 0,placeholder:"text"===e.type||"number"===e.type?e.placeholder:void 0,step:"number"===e.type?e.step:void 0})})};(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var ej={"ExternalInput-actions":"_ExternalInput-actions_143vl_1","ExternalInput-button":"_ExternalInput-button_143vl_5","ExternalInput--dataSelected":"_ExternalInput--dataSelected_143vl_34","ExternalInput--readOnly":"_ExternalInput--readOnly_143vl_41","ExternalInput-detachButton":"_ExternalInput-detachButton_143vl_48",ExternalInput:"_ExternalInput_143vl_1",ExternalInputModal:"_Exter
1nalInputModal_143vl_118","ExternalInputModal-grid":"_ExternalInputModal-grid_143vl_128","ExternalInputModal--filtersToggled":"_ExternalInputModal--filtersToggled_143vl_139","ExternalInputModal-filters":"_ExternalInputModal-filters_143vl_144","ExternalInputModal-masthead":"_ExternalInputModal-masthead_143vl_164","ExternalInputModal-tableWrapper":"_ExternalInputModal-tableWrapper_143vl_173","ExternalInputModal-table":"_ExternalInputModal-table_143vl_173","ExternalInputModal-thead":"_ExternalInputModal-thead_143vl_189","ExternalInputModal-th":"_ExternalInputModal-th_143vl_189","ExternalInputModal-td":"_ExternalInputModal-td_143vl_204","ExternalInputModal-tr":"_ExternalInputModal-tr_143vl_210","ExternalInputModal-tbody":"_ExternalInputModal-tbody_143vl_217","ExternalInputModal--hasData":"_ExternalInputModal--hasData_143vl_244","ExternalInputModal-loadingBanner":"_ExternalInputModal-loadingBanner_143vl_248","ExternalInputModal--isLoading":"_ExternalInputModal--isLoading_143vl_265","ExternalInputModal-searchForm":"_ExternalInputModal-searchForm_143vl_269","ExternalInputModal-search":"_ExternalInputModal-search_143vl_269","ExternalInputModal-searchIcon":"_ExternalInputModal-searchIcon_143vl_306","ExternalInputModal-searchIconText":"_ExternalInputModal-searchIconText_143vl_333","ExternalInputModal-searchInput":"_ExternalInputModal-searchInput_143vl_343","ExternalInputModal-searchActions":"_ExternalInputModal-searchActions_143vl_358","ExternalInputModal-searchActionIcon":"_ExternalInputModal-searchActionIcon_143vl_371","ExternalInputModal-footerContainer":"_ExternalInputModal-footerContainer_143vl_375","ExternalInputModal-footer":"_ExternalInputModal-footer_143vl_375","ExternalInputModal-field":"_ExternalInputModal-field_143vl_388"};(0,d.hY)(),(0,d.hY)();var eC=(0,u.d)("Modal",{Modal:"_Modal_g5xob_1","Modal--isOpen":"_Modal--isOpen_g5xob_15","Modal-inner":"_Modal-inner_g5xob_19"}),eS=({children:e,onClose:r,isOpen:t})=>{let[o,n]=(0,p.useState)(null);return((0,p.useEffect)(()=>{n(document.getElementById("puck-portal-root"))},[]),o)?(0,I.createPortal)((0,v.jsx)("div",{className:eC({isOpen:t}),onClick:r,children:(0,v.jsx)("div",{className:eC("inner"),onClick:e=>e.stopPropagation(),children:e})}),o):(0,v.jsx)("div",{})};(0,d.hY)(),(0,d.hY)();var eE=(0,u.d)("Heading",{Heading:"_Heading_97eh4_1","Heading--xxxxl":"_Heading--xxxxl_97eh4_12","Heading--xxxl":"_Heading--xxxl_97eh4_18","Heading--xxl":"_Heading--xxl_97eh4_22","Heading--xl":"_Heading--xl_97eh4_26","Heading--l":"_Heading--l_97eh4_30","Heading--m":"_Heading--m_97eh4_34","Heading--s":"_Heading--s_97eh4_38","Heading--xs":"_Heading--xs_97eh4_42"}),eP=({children:e,rank:r,size:t="m"})=>{let o=r?`h${r}`:"span";return(0,v.jsx)(o,{className:eE({[t]:!0}),children:e})};(0,d.hY)();var eA=(0,u.d)("ExternalInput",ej),eD=(0,u.d)("ExternalInputModal",ej),eL={},eM=({field:e,onChange:r,value:t=null,name:o,id:n,readOnly:a})=>{var l;let{mapProp:c=e=>e,mapRow:u=e=>e,filterFields:s}=e||{},{enabled:_}=null!=(l=e.cache)?l:{enabled:!0},[k,m]=(0,p.useState)([]),[h,g]=(0,p.useState)(!1),[f,b]=(0,p.useState)(!0),x=!!s,[y,w]=(0,p.useState)(e.initialFilters||{}),[I,z]=(0,p.useState)(x),j=(0,p.useMemo)(()=>k.map(u),[k]),C=(0,p.useMemo)(()=>{let e=new Set;for(let r of j)for(let t of Object.keys(r))("string"==typeof r[t]||"number"==typeof r[t]||(0,p.isValidElement)(r[t]))&&e.add(t);return Array.from(e)},[j]),[S,E]=(0,p.useState)(e.initialQuery||""),P=(0,p.useCallback)((r,t)=>(0,d.BU)(null,null,function*(){let o;b(!0);let a=`${n}-${r}-${JSON.stringify(t)}`;(o=_&&eL[a]?eL[a]:yield e.fetchList({query:r,filters:t}))&&(m(o),b(!1),_&&(eL[a]=o))}),[n,e]),A=(0,p.useCallback)(r=>e.renderFooter?e.renderFooter(r):(0,v.jsxs)("span",{className:eD("footer"),children:[r.items.length," result",1===r.items.length?"":"s"]}),[e.renderFooter]);return(0,p.useEffect)(()=>{P(S,y)},[]),(0,v.jsxs)("div",{className:eA({dataSelected:!!t,modalVisible:h,readOnly:a}),id:n,children:[(0,v.jsxs)("div",{className:eA("actions"),children:[(0,v.jsx)("button",{type:"button",onClick:()=>g(!0),className:eA("button"),disabled:a,children:t?e.getItemSummary?e.getItemSummary(t):"External item":(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(i.N_,{size:"16"}),(0,v.jsx)("span",{children:e.placeholder})]})}),t&&(0,v.jsx)("button",{type:"button",className:eA("detachButton"),onClick:()=>{r(null)},disabled:a,children:(0,v.jsx)(i.eV,{size:16})})]}),(0,v.jsx)(eS,{onClose:()=>g(!1),isOpen:h,children:(0,v.jsxs)("form",{className:eD({isLoading:f,loaded:!f,hasData:j.length>0,filtersToggled:I}),onSubmit:e=>{e.preventDefault(),e.stopPropagation(),P(S,y)},children:[(0,v.jsx)("div",{className:eD("masthead"),children:e.showSearch?(0,v.jsxs)("div",{className:eD("searchForm"),children:[(0,v.jsxs)("label",{className:eD("search"),children:[(0,v.jsx)("span",{className:eD("searchIconText"),children:"Search"}
1),(0,v.jsx)("div",{className:eD("searchIcon"),children:(0,v.jsx)(i.vj,{size:"18"})}),(0,v.jsx)("input",{className:eD("searchInput"),name:"q",type:"search",placeholder:e.placeholder,onChange:e=>{E(e.currentTarget.value)},autoComplete:"off",value:S})]}),(0,v.jsxs)("div",{className:eD("searchActions"),children:[(0,v.jsx)(B,{type:"submit",loading:f,fullWidth:!0,children:"Search"}),x&&(0,v.jsx)("div",{className:eD("searchActionIcon"),children:(0,v.jsx)(i.K0,{type:"button",title:"Toggle filters",onClick:e=>{e.preventDefault(),e.stopPropagation(),z(!I)},children:(0,v.jsx)(i.lC,{size:20})})})]})]}):(0,v.jsx)(eP,{rank:"2",size:"xs",children:e.placeholder||"Select data"})}),(0,v.jsxs)("div",{className:eD("grid"),children:[x&&(0,v.jsx)("div",{className:eD("filters"),children:x&&Object.keys(s).map(e=>{let r=s[e];return(0,v.jsx)("div",{className:eD("field"),children:(0,v.jsx)(F,{label:r.label||e,children:(0,v.jsx)(eW,{field:r,id:`external_field_${e}_filter`,value:y[e],onChange:r=>{w(t=>{let o=(0,d.ko)((0,d.IA)({},t),{[e]:r});return P(S,o),o})}})})},e)})}),(0,v.jsxs)("div",{className:eD("tableWrapper"),children:[(0,v.jsxs)("table",{className:eD("table"),children:[(0,v.jsx)("thead",{className:eD("thead"),children:(0,v.jsx)("tr",{className:eD("tr"),children:C.map(e=>(0,v.jsx)("th",{className:eD("th"),style:{textAlign:"left"},children:e},e))})}),(0,v.jsx)("tbody",{className:eD("tbody"),children:j.map((e,t)=>(0,v.jsx)("tr",{style:{whiteSpace:"nowrap"},className:eD("tr"),onClick:()=>{r(c(k[t])),g(!1)},children:C.map(r=>(0,v.jsx)("td",{className:eD("td"),children:e[r]},r))},t))})]}),(0,v.jsx)("div",{className:eD("loadingBanner"),children:(0,v.jsx)(i.aH,{size:24})})]})]}),(0,v.jsx)("div",{className:eD("footerContainer"),children:(0,v.jsx)(A,{items:j})})]})})]})};(0,d.hY)();var eB=(0,u.d)("Input",T);(0,d.hY)();var eT=(0,u.d)("Input",T);(0,d.hY)();var eN=(0,u.d)("Input",T);(0,d.hY)(),(0,d.hY)();var eF=(0,p.memo)(e=>{var r;return(0,v.jsx)(o.I,(0,d.ko)((0,d.IA)({},e),{editor:null,menu:(0,v.jsx)(a.s,{field:e.field,editor:null,editorState:null,readOnly:null!=(r=e.readOnly)&&r}),children:(0,v.jsx)("div",{className:"rich-text",dangerouslySetInnerHTML:{__html:e.content},contentEditable:!0})}))});eF.displayName="EditorFallback";var eR=(0,p.lazy)(()=>Promise.all([t.e(277),t.e(5004),t.e(3580),t.e(4481),t.e(8064),t.e(1276)]).then(t.bind(t,71276)).then(e=>({default:e.Editor})));(0,d.hY)(),(0,d.hY)();var eO=(0,u.d)("ObjectField",{ObjectField:"_ObjectField_c5reb_1","ObjectField-fieldset":"_ObjectField-fieldset_c5reb_10"});(0,d.hY)();var eY=()=>{if(void 0!==p.useId)return p.useId();let[e]=(0,p.useState)((0,l.$C)());return e},eU=(0,u.d)("Input",T),eH=(0,u.d)("InputWrapper",T),eq={array:({field:e,onChange:r,id:t,name:o=t,label:n,labelIcon:a,readOnly:c,Label:u=e=>(0,v.jsx)("div",(0,d.IA)({},e))})=>{let _=(0,i.CU)(e=>e.setUi),k=(0,i.sL)(),m=H(),{localName:h=o}=ev(),g=()=>{var e;return null!=(e=ek(m.getState(),o))?e:[]},f=(0,p.useCallback)(()=>{var e;let{state:r}=k.getState(),o=r.ui.arrayState[t];return(null==(e=null==o?void 0:o.items)?void 0:e.length)?o:{items:Array.from(g()||[]).map((e,r)=>({_originalIndex:r,_currentIndex:r,_arrayId:`${t}-${r}`})),openId:""}},[k,t,g,o]),b=q(()=>g().length),x=(0,p.useMemo)(f,[f]),y=(0,i.CU)(e=>{let r=e.state.ui.arrayState[t];return null!=r?r:x}),w=(0,i.sL)(),I=(0,p.useCallback)(e=>{let r=w.getState().state;return{arrayState:(0,d.ko)((0,d.IA)({},r.ui.arrayState),{[t]:(0,d.IA)((0,d.IA)({},f()),e)})}},[w]),z=(0,p.useCallback)(()=>f().items.reduce((e,r)=>r._originalIndex>e?r._originalIndex:e,-1),[]),j=(0,p.useCallback)(e=>{let r=z(),o=f(),n=Array.from(e||[]).map((e,n)=>{var a,i,l;let c=o.items[n],u={_originalIndex:null!=(a=null==c?void 0:c._originalIndex)?a:r+1,_currentIndex:null!=(i=null==c?void 0:c._currentIndex)?i:n,_arrayId:(null==(l=o.items[n])?void 0:l._arrayId)||`${t}-${r+1}`};return u._originalIndex>r&&(r=u._originalIndex),u});return(0,d.ko)((0,d.IA)({},o),{items:n})},[]),[C,S]=(0,p.useState)(""),E=!!C,P=(0,p.useRef)([]);(0,p.useEffect)(()=>{P.current=g()},[]);let D=(0,p.useCallback)(r=>{if("array"!==e.type||!e.arrayFields)return;let t=w.getState().config;return(0,s.Ur)({value:r,fields:e.arrayFields,mappers:{slot:({value:e})=>e.map(e=>(0,l.fq)(e,t,!0))},config:t})},[w,e]),L=(0,p.useCallback)(()=>{let e=f(),r=e.items.map((e,r)=>(0,d.ko)((0,d.IA)({},e),{_currentIndex:r})),o=w.getState().state;_({arrayState:(0,d.ko)((0,d.IA)({},o.ui.arrayState),{[t]:(0,d.ko)((0,d.IA)({},e),{items:r})})},!1)},[]),M=(0,p.useCallback)(e=>{_(I(j(e)),!1),r(e)},[j,_,I,r]);if((0,p.useEffect)(()=>
1{_(I(j(g())),!1)},[b]),"array"!==e.type||!e.arrayFields)return null;let B=void 0!==e.max&&(null==y?void 0:y.items.length)>=e.max||c;return(0,v.jsx)(u,{label:n||o,icon:a||(0,v.jsx)(i.B8,{size:16}),el:"div",readOnly:c,children:(0,v.jsx)(es,{onDragStart:e=>{P.current=g(),S(e),L()},onDragEnd:()=>{S(""),r(P.current);let e=m.getState();m.setState(A(e,o,P.current)),L()},onMove:e=>{let r=f();if(r.items[e.source]._arrayId!==C)return;let o=(0,i.FQ)(P.current,e.source,e.target),n=(0,i.FQ)(r.items,e.source,e.target),a=w.getState().state;_({arrayState:(0,d.ko)((0,d.IA)({},a.ui.arrayState),{[t]:(0,d.ko)((0,d.IA)({},r),{items:n})})},!1),P.current=o},children:(0,v.jsxs)("div",{className:eh({hasItems:b>0,addDisabled:B}),children:[y.items.length>0&&(0,v.jsx)("div",{className:eh("inner"),"data-dnd-container":!0,children:y.items.map((n,a)=>{let{_arrayId:l=`${t}-${a}`,_originalIndex:u=a,_currentIndex:s=a}=n;return(0,v.jsx)(eb,{index:s,dragIndex:a,originalIndex:u,arrayId:t,id:l,readOnly:c,field:e,name:o,localName:h,onChange:(e,t,o)=>{let n=g(),l=Array.from(n||[])[a]||{};r((0,i.HC)(n,a,(0,d.ko)((0,d.IA)({},l),{[o]:e})),t)},onToggleExpand:(e,r)=>{r?_(I({openId:""})):_(I({openId:e}))},actions:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{className:eg("action"),children:(0,v.jsx)(i.K0,{type:"button",disabled:!!B,onClick:e=>{e.stopPropagation();let r=[...g()||[]],t=D(r[a]);r.splice(a,0,t),M(r)},title:"Duplicate",children:(0,v.jsx)(i.QR,{size:16})})}),(0,v.jsx)("div",{className:eg("action"),children:(0,v.jsx)(i.K0,{type:"button",disabled:void 0!==e.min&&e.min>=y.items.length,onClick:e=>{e.stopPropagation();let r=[...g()||[]];r.splice(a,1),M(r)},title:"Delete",children:(0,v.jsx)(i.lM,{size:16})})})]})},l)})}),!B&&(0,v.jsx)("button",{type:"button",className:eh("addButton"),onClick:()=>{var r;if(E)return;let t=g()||[],o="function"==typeof e.defaultItemProps?e.defaultItemProps(t.length):null!=(r=e.defaultItemProps)?r:{};M([...t,(0,s.lH)(D(o),e.arrayFields)])},children:(0,v.jsx)(i.FW,{size:21})})]})})})},external:({field:e,onChange:r,id:t,name:o=t,label:n,labelIcon:a,Label:l,readOnly:c})=>{var u,s,_;let k=ex(o);return((0,p.useEffect)(()=>{e.adaptor&&console.error("Warning: The `adaptor` API is deprecated. Please use updated APIs on the `external` field instead. This will be a breaking change in a future release.")},[]),"external"!==e.type)?null:(0,v.jsx)(l,{label:n||o,icon:a||(0,v.jsx)(i.N_,{size:16}),el:"div",children:(0,v.jsx)(eM,{name:o,field:(0,d.ko)((0,d.IA)({},e),{placeholder:(null==(u=e.adaptor)?void 0:u.name)?`Select from ${e.adaptor.name}`:e.placeholder||"Select data",mapProp:(null==(s=e.adaptor)?void 0:s.mapProp)||e.mapProp,mapRow:e.mapRow,fetchList:(null==(_=e.adaptor)?void 0:_.fetchList)?()=>(0,d.BU)(null,null,function*(){return yield e.adaptor.fetchList(e.adaptorParams)}):e.fetchList}),onChange:r,value:k,id:t,readOnly:c})})},object:({field:e,onChange:r,id:t,name:o=t,label:n,labelIcon:a,Label:l,readOnly:c})=>{let{localName:u=o}=ev(),s=H(),p=(0,i.CU)(e=>e.permissions.getPermissions({item:e.selectedItem}).edit),_=()=>{var e;return null!=(e=ek(s.getState(),o))?e:{}};return"object"===e.type&&e.objectFields?(0,v.jsx)(l,{label:n||o,icon:a||(0,v.jsx)(i.Yb,{size:16}),el:"div",readOnly:c,children:(0,v.jsx)("div",{className:eO(),children:(0,v.jsx)("fieldset",{className:eO("fieldset"),children:Object.keys(e.objectFields).map(n=>{let a=e.objectFields[n],i=`${u}.${n}`;return(0,v.jsx)(em,{id:`${t}_${n}`,name:o,subName:n,localName:u,field:a,forceReadOnly:!p,onChange:(e,t,o)=>{let n=_();n[o]!==e&&r((0,d.ko)((0,d.IA)({},n),{[o]:e}),t)}},i)})})})}):null},select:({field:e,onChange:r,label:t,labelIcon:o,Label:n,id:a,name:l=a,readOnly:c})=>{let u=ex(l);return"select"===e.type&&e.options?(0,v.jsx)(n,{label:t||l,icon:o||(0,v.jsx)(i.yQ,{size:16}),readOnly:c,children:(0,v.jsxs)("div",{className:eT("select"),children:[(0,v.jsx)("select",{id:a,title:t||l,className:eT("input"),disabled:c,onChange:e=>{r(JSON.parse(e.target.value).value)},value:JSON.stringify({value:u}),children:e.options.map(e=>(0,v.jsx)("option",{label:e.label,value:JSON.stringify({value:e.value})},e.label+JSON.stringify(e.value)))}),(0,v.jsx)(i.yQ,{size:18,className:eT("selectIcon")})]})}):null},textarea:({field:e,onChange:r,readOnly:t,id:o,name:n=o,label:a,labelIcon:l,Label:c})=>{let[u,s]=ew(n,r);return(0,v.jsx)(c,{label:a||n,icon:l||(0,v.jsx)(i.ZU,{size:16}),readOnly:t,children:(0,v.jsx)("textarea",{id:o,className:eN("input"),autoComplete:"off",name:n,value:void 0===u?"":u,onCh
1ange:e=>s(e.currentTarget.value),readOnly:t,tabIndex:t?-1:void 0,rows:5,placeholder:"textarea"===e.type?e.placeholder:void 0})})},radio:({field:e,onChange:r,readOnly:t,id:o,name:n=o,label:a,labelIcon:l,Label:c})=>{let u=ex(n);return"radio"===e.type&&e.options?(0,v.jsx)(c,{icon:l||(0,v.jsx)(i.Dc,{size:16}),label:a||n,readOnly:t,el:"div",children:(0,v.jsx)("div",{className:eB("radioGroupItems"),id:o,children:e.options.map(e=>{var o;return(0,v.jsxs)("label",{className:eB("radio"),children:[(0,v.jsx)("input",{type:"radio",className:eB("radioInput"),value:JSON.stringify({value:e.value}),name:n,onChange:e=>{r(JSON.parse(e.target.value).value)},disabled:t,checked:u===e.value}),(0,v.jsx)("div",{className:eB("radioInner"),children:e.label||(null==(o=e.value)?void 0:o.toString())})]},e.label+e.value)})})}):null},text:ez,number:ez,richtext:({onChange:e,readOnly:r=!1,id:t,name:o=t,label:n,labelIcon:a,Label:l,field:c})=>{let u={onChange:e,content:ex(o),readOnly:r,field:c,id:t,name:o};return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(l,{label:n||o,icon:a||(0,v.jsx)(i.ZU,{size:16}),readOnly:r,el:"div",children:(0,v.jsx)(p.Suspense,{fallback:(0,v.jsx)(eF,(0,d.IA)({},u)),children:(0,v.jsx)(eR,(0,d.IA)({},u))})})})}};function eV(e){var r;let t=(0,i.CU)(e=>e.dispatch),o=(0,i.CU)(e=>e.overrides),n=(0,i.CU)((0,_.k)(e=>{var r;return null==(r=e.selectedItem)?void 0:r.readOnly})),a=(0,p.useContext)(ep),{id:l,Label:c=R}=e,u=e.field,s=u.label,k=u.labelIcon,m=eY(),h=l||m,g=(0,p.useMemo)(()=>{var e,r,t,n,a,i,l,c,u,s;return(0,d.ko)((0,d.IA)({},o.fieldTypes),{custom:null==(e=o.fieldTypes)?void 0:e.custom,array:(null==(r=o.fieldTypes)?void 0:r.array)||eq.array,external:(null==(t=o.fieldTypes)?void 0:t.external)||eq.external,object:(null==(n=o.fieldTypes)?void 0:n.object)||eq.object,select:(null==(a=o.fieldTypes)?void 0:a.select)||eq.select,textarea:(null==(i=o.fieldTypes)?void 0:i.textarea)||eq.textarea,radio:(null==(l=o.fieldTypes)?void 0:l.radio)||eq.radio,text:(null==(c=o.fieldTypes)?void 0:c.text)||eq.text,number:(null==(u=o.fieldTypes)?void 0:u.number)||eq.number,richtext:(null==(s=o.fieldTypes)?void 0:s.richtext)||eq.richtext})},[o]),f=q(r=>{var t,n;if("custom"===u.type||(null==(t=o.fieldTypes)?void 0:t[u.type]))return ek(r,null!=(n=e.name)?n:h)}),b=(0,p.useMemo)(()=>(0,d.ko)((0,d.IA)({},e),{field:u,label:s,labelIcon:k,Label:c,id:h,value:f}),[e,u,s,k,c,h,f]),x=(0,p.useCallback)(e=>{b.name&&("INPUT"===e.target.nodeName||"TEXTAREA"===e.target.nodeName)&&(e.stopPropagation(),t({type:"setUi",ui:{field:{focus:b.name}}}))},[b.name]),y=(0,p.useCallback)(e=>{"name"in e.target&&t({type:"setUi",ui:{field:{focus:null}}})},[]),w=(0,p.useMemo)(()=>"custom"!==u.type&&"slot"!==u.type?eq[u.type]:e=>null,[u.type]),I="custom"===u.type?u.key:void 0,z=(0,p.useMemo)(()=>"custom"!==u.type||g[u.type]?"slot"!==u.type?g[u.type]:void 0:u.render?u.render:null,[u.type,I,g]),{visible:j=!0}=e.field;if(!j||"slot"===u.type)return null;if(!z)throw Error(`Field type for ${u.type} did not exist.`);return(0,v.jsx)(ep.Provider,{value:{readOnlyFields:a.readOnlyFields||n||{},localName:null!=(r=a.localName)?r:b.name},children:(0,v.jsx)("div",{className:eH(),onFocus:x,onBlur:y,onClick:e=>{e.stopPropagation()},children:(0,v.jsx)(z,(0,d.ko)((0,d.IA)({},b),{children:(0,v.jsx)(w,(0,d.IA)({},b))}))})})}function e$(e){return(0,v.jsx)(eV,(0,d.IA)({},e))}function eZ(e){var{value:r}=e,t=(0,d.YG)(e,["value"]);let o=(0,p.useMemo)(()=>e=>(0,v.jsx)("div",(0,d.ko)((0,d.IA)({},e),{className:eU({readOnly:t.readOnly})})),[t.readOnly]),n=H(),a=(0,p.useCallback)(e=>{t.id&&(n.setState({[t.id]:e}),t.onChange(e))},[n,t.onChange,t.id]);return(0,p.useEffect)(()=>{t.id&&n.setState({[t.id]:r})},[t.id,r,n]),(0,v.jsx)(eV,(0,d.ko)((0,d.IA)({},t),{onChange:a,Label:o}))}function eW(e){let r=eY();return"slot"===e.field.type?null:(0,v.jsx)(U.Provider,{value:{[r]:e.value},children:(0,v.jsx)(eZ,(0,d.ko)((0,d.IA)({},e),{id:r}))})}function eG(e){let r={x:0,y:0},t=e;for(;t&&t!==document.documentElement;){let e=t.parentElement;e&&(r.x+=e.scrollLeft,r.y+=e.scrollTop),t=e}return r}(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var eK=(0,p.createContext)(null),eX=(0,p.createContext)((0,m.y)(()=>({zoneDepthIndex:{},nextZoneDepthIndex:{},areaDepthIndex:{},nextAreaDepthIndex:{},draggedItem:null,previewIndex:{},enabledIndex:{},hoveringComponent:null,registerRootVirtualizer:()=>{},unregisterRootVirtualizer:()=>{},scrollToComponent:()=>!1}))),eQ=({children:e,store:r})=>(0,v.jsx)(eX.Provider,{value:r,children:e}),eJ=({children:e,value:r})=>{let t=(0,i.CU)(e=>e.dispatch),o=(0,p.useCallback)(e=>{t({type:"registerZone",zone:e})},[t]),n=(0,p.useMemo)(()=>(0,d.IA)({registerZone:o},r),[r]);return(0,v.jsx)(v.Fragment,{children:n&&(0,v.jsx)(eK.Provider,{value:n,children:e})})};(0,d.hY)();var e0=(e,r=[])=>{let t=(0,i.sL)();return(0,p.useCallback)(()=>{let r=()=>{},o=t=>{t?e(!1):(setTimeout(()=>{e(!0)}
1,0),r&&r())},n=t.getState().state.ui.isDragging;return o(n),n&&(r=t.subscribe(e=>e.state.ui.isDragging,e=>{o(e)})),r},[t,...r])};function e1(e,r){e.forEach(e=>{"function"==typeof e?e(r):e&&"object"==typeof e&&"current"in e&&(e.current=r)})}(0,d.hY)();var e2=(0,u.d)("DraggableComponent",{DraggableComponent:"_DraggableComponent_1627v_1","DraggableComponent-overlayWrapper":"_DraggableComponent-overlayWrapper_1627v_6","DraggableComponent-overlay":"_DraggableComponent-overlay_1627v_6","DraggableComponent-loadingOverlay":"_DraggableComponent-loadingOverlay_1627v_38","DraggableComponent--hover":"_DraggableComponent--hover_1627v_54","DraggableComponent--isSelected":"_DraggableComponent--isSelected_1627v_72","DraggableComponent-actionsOverlay":"_DraggableComponent-actionsOverlay_1627v_89","DraggableComponent-actions":"_DraggableComponent-actions_1627v_89","DraggableComponent-actionsAction":"_DraggableComponent-actionsAction_1627v_111"}),e4=({label:e,children:r,parentAction:t})=>(0,v.jsxs)(i.E7,{children:[(0,v.jsxs)(i.E7.Group,{children:[t,e&&(0,v.jsx)(i.E7.Label,{label:e})]}),(0,v.jsx)(i.E7.Group,{children:r})]}),e3=({children:e})=>(0,v.jsx)(v.Fragment,{children:e}),e6=({children:e,depth:r,componentType:t,id:n,index:a,zoneCompound:c,isLoading:u=!1,isSelected:s=!1,debug:k,label:m,autoDragAxis:h,userDragAxis:g,inDroppableZone:b=!0,itemRef:x})=>{let y=(0,i.CU)(e=>{var r;return(null==(r=e.selectedItem)?void 0:r.props.id)===n?e.zoomConfig.zoom:1}),z=(0,i.CU)(e=>e._experimentalFullScreenCanvas),j=(0,i.CU)(e=>e.overrides),C=(0,i.CU)(e=>e.dispatch),S=(0,i.CU)(e=>e.iframe),E=(0,p.useRef)(0),P=(0,p.useContext)(eK),[A,D]=(0,p.useState)({}),L=(0,p.useCallback)((e,r)=>{var t;null==(t=null==P?void 0:P.registerLocalZone)||t.call(P,e,r),D(t=>(0,d.ko)((0,d.IA)({},t),{[e]:r}))},[D]),M=(0,p.useCallback)(e=>{var r;null==(r=null==P?void 0:P.unregisterLocalZone)||r.call(P,e),D(r=>{let t=(0,d.IA)({},r);return delete t[e],t})},[D]),B=Object.values(A).filter(Boolean).length>0,T=(0,i.CU)((0,_.k)(e=>{var r;return null==(r=e.state.indexes.nodes[n])?void 0:r.path})),N=(0,i.CU)((0,_.k)(e=>{let r=(0,l.Gq)({index:a,zone:c},e.state);return e.permissions.getPermissions({item:r})})),F=(0,p.useContext)(eX),[R,O]=(0,p.useState)(g||h),U=(0,p.useMemo)(()=>eu(R),[R]),{ref:H,isDragging:q,sortable:V}=(0,w.gl)({id:n,index:a,group:c,type:"component",data:{areaId:null==P?void 0:P.areaId,zone:c,index:a,componentType:t,containsActiveZone:B,depth:r,path:T||[],inDroppableZone:b},collisionPriority:r,collisionDetector:U,transition:{duration:200,easing:"cubic-bezier(0.2, 0, 0, 1)"},plugins:e=>[...e,f.Gb.configure({feedback:"clone"})]});(0,p.useEffect)(()=>{let e=F.getState().enabledIndex[c];V.droppable.disabled=!e,V.draggable.disabled=!N.drag;let r=F.subscribe(e=>{V.droppable.disabled=!e.enabledIndex[c]});return Z.current&&!N.drag?(Z.current.setAttribute("data-puck-disabled",""),()=>{var e;null==(e=Z.current)||e.removeAttribute("data-puck-disabled"),r()}):r},[N.drag,c]);let[,$]=(0,p.useState)(0),Z=(0,p.useRef)(null),W=(0,p.useCallback)(e=>{H(e),Z.current!==e&&(Z.current=e,$(e=>e+1),x&&e1([x],e))},[x,H]),[G,K]=(0,p.useState)();(0,p.useEffect)(()=>{var e,r,t;K(S.enabled?null==(e=Z.current)?void 0:e.ownerDocument.body:null!=(t=null==(r=Z.current)?void 0:r.closest("[data-puck-preview]"))?t:document.body)},[S.enabled]);let X=(0,p.useCallback)(()=>{var e,r;if(!Z.current)return;let t=Z.current,o=t.getBoundingClientRect(),n=S.enabled?null:t.closest("[data-puck-preview]"),a=(()=>{let e=t;for(;e&&e!==document.documentElement;){if("fixed"===getComputedStyle(e).position)return!0;e=e.parentElement}return!1})(),i=null==n?void 0:n.getBoundingClientRect(),l=n?eG(n):{x:0,y:0},c=a?{x:0,y:0}:eG(t),u=a?{x:0,y:0}:{x:c.x-l.x-(null!=(e=null==i?void 0:i.left)?e:0),y:c.y-l.y-(null!=(r=null==i?void 0:i.top)?r:0)};return{left:`${o.left+u.x}px`,top:`${o.top+u.y}px`,height:`${o.height}px`,width:`${o.width}px`,position:a?"fixed":void 0}},[S.enabled]),[Q,J]=(0,p.useState)(),ee=(0,p.useRef)(null),er=(0,p.useRef)(null),et=(0,p.useCallback)(()=>{J(X()),x&&e1([x],Z.current)},[X,x]),eo=(0,p.useCallback)(()=>{null==er.current&&(er.current=requestAnimationFrame(()=>{er.current=null,et()}))},[et]);(0,p.useEffect)(()=>()=>{null!=er.current&&(cancelAnimationFrame(er.current),er.current=null)},[]),(0,p.useEffect)(()=>
1{if(Z.current){let e=new ResizeObserver(()=>{eo()});return e.observe(Z.current),()=>{e.disconnect()}}},[eo,x]);let en=(0,i.CU)(e=>e.nodes.registerNode),ea=(0,i.CU)(e=>e.nodes.unregisterNode),ei=(0,p.useCallback)(()=>{ex(!1)},[]),el=(0,p.useCallback)(()=>{ex(!0)},[]),ec=(0,p.useRef)({sync:()=>null,hideOverlay:()=>null,showOverlay:()=>null});(0,p.useLayoutEffect)(()=>{ec.current.sync=et,ec.current.hideOverlay=ei,ec.current.showOverlay=el},[ei,el,et]),(0,p.useEffect)(()=>(en(n,ec.current),()=>{ea(n)}),[n,en,ea]);let es=(0,p.useMemo)(()=>j.actionBar||e4,[j.actionBar]),ed=(0,p.useMemo)(()=>j.componentOverlay||e3,[j.componentOverlay]),ep=(0,p.useCallback)(e=>{F.getState().draggedItem||(e.target.closest("[data-puck-overlay-portal]")||e.stopPropagation(),z?C({type:"setUi",ui:{itemSelector:s?null:{index:a,zone:c}}}):C({type:"setUi",ui:{itemSelector:{index:a,zone:c}}}))},[a,c,n,s,z]),ev=(0,i.sL)(),e_=(0,p.useCallback)(()=>{let{nodes:e,zones:r}=ev.getState().state.indexes,t=e[n],o=(null==t?void 0:t.parentId)?e[null==t?void 0:t.parentId]:null;if(!o||!t.parentId)return;let a=`${o.parentId}:${o.zone}`,i=r[a].contentIds.indexOf(t.parentId);C({type:"setUi",ui:{itemSelector:{zone:a,index:i}}})},[P,T]),ek=(0,p.useCallback)(()=>{C({type:"duplicate",sourceIndex:a,sourceZone:c})},[a,c]),em=(0,p.useCallback)(()=>{C({type:"remove",index:a,zone:c})},[a,c]),[eh,eg]=(0,p.useState)(!1),ef=Y(eX,e=>e.hoveringComponent===n);(0,p.useEffect)(()=>{if(!Z.current)return;let e=Z.current,r=e=>{F.getState().draggedItem?q?eg(!0):eg(!1):eg(!0),e.stopPropagation()},t=e=>{e.stopPropagation(),eg(!1)};return e.setAttribute("data-puck-component",n),e.setAttribute("data-puck-dnd",n),e.style.position="relative",e.addEventListener("click",ep),e.addEventListener("mouseover",r),e.addEventListener("mouseout",t),()=>{e.removeAttribute("data-puck-component"),e.removeAttribute("data-puck-dnd"),e.removeEventListener("click",ep),e.removeEventListener("mouseover",r),e.removeEventListener("mouseout",t)}},[Z.current,ep,B,c,n,q,b]);let[eb,ex]=(0,p.useState)(!1),[ey,ew]=(0,p.useState)(!0),[eI,ez]=(0,p.useTransition)();(0,p.useEffect)(()=>{ez(()=>{eh||ef||s?(eo(),ex(!0),eC(!1)):ex(!1)})},[eh,ef,s,S]);let[ej,eC]=(0,p.useState)(!1),eS=e0(e=>{e?ez(()=>{et(),ew(!0)}):ew(!1)});(0,p.useEffect)(()=>{q&&eC(!0)},[q]),(0,p.useEffect)(()=>{if(ej)return eS()},[ej,eS]),(0,p.useEffect)(()=>{if(!ey||!(s||q))return;let e=Z.current;if(!e)return;let r=e.ownerDocument,t=r.defaultView;if(!t)return;E.current=0,eo();let o=()=>eo(),n=()=>eo();r.addEventListener("scroll",o,!0),t.addEventListener("resize",n);let a=0,i=e=>{if(e-E.current>=100){E.current=e;let r=Z.current;if(r){let e=r.getBoundingClientRect(),t=ee.current;(!t||Math.abs(e.x-t.x)>.5||Math.abs(e.y-t.y)>.5||Math.abs(e.width-t.width)>.5||Math.abs(e.height-t.height)>.5)&&(ee.current=e,eo())}}a=requestAnimationFrame(i)};return a=requestAnimationFrame(i),()=>{r.removeEventListener("scroll",o,!0),t.removeEventListener("resize",n),cancelAnimationFrame(a)}},[ey,s,q,eo]);let eE=(0,p.useCallback)(e=>{if(e&&e.ownerDocument.defaultView){let r=e.getBoundingClientRect(),t=r.x<0,o=r.y;t&&(e.style.transformOrigin="left top",e.style.left="0px"),o<0&&(e.style.top="12px",t||(e.style.transformOrigin="right top"))}},[y]),eP=(0,p.useRef)(null);(0,p.useEffect)(()=>{eE(eP.current)},[eP.current,eE]),(0,p.useEffect)(()=>{if(g){O(g);return}if(Z.current){let e=window.getComputedStyle(Z.current);if("inline"===e.display||"inline-block"===e.display){O("x");return}}O(h)},[Z,g,h]);let eA=(0,p.useMemo)(()=>(null==P?void 0:P.areaId)&&(null==P?void 0:P.areaId)!=="root"&&(0,v.jsx)(i.E7.Action,{onClick:e_,label:"Select parent",children:(0,v.jsx)(i.AB,{size:16})}),[null==P?void 0:P.areaId]),eD=(0,p.useMemo)(()=>(0,d.ko)((0,d.IA)({},P),{areaId:n,zoneCompound:c,index:a,depth:r+1,registerLocalZone:L,unregisterLocalZone:M}),[P,n,c,a,r,L,M]),eL=(0,i.CU)(e=>{var r;return(null==(r=e.currentRichText)?void 0:r.inlineComponentId)===n?e.currentRichText:null}),eM=N.duplicate||N.delete;return(0,v.jsxs)(eJ,{value:eD,children:[ey&&eb&&(0,I.createPortal)((0,v.jsxs)("div",{className:e2({isSelected:s,isDragging:q,hover:eh||ef}),style:(0,d.IA)({},Q),"data-puck-overlay":!0,children:[k,u&&(0,v.jsx)("div",{className:e2("loadingOverlay"),children:(0,v.jsx)(i.aH,{})}
1),(0,v.jsx)("div",{className:e2("actionsOverlay"),style:{top:52/y},children:(0,v.jsx)("div",{className:e2("actions"),style:{transform:`scale(${1/y}`,top:-44/y,right:0,paddingLeft:8,paddingRight:8},ref:eP,children:(0,v.jsxs)(es,{parentAction:eA,label:m,children:[eL&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(o.e,{editor:eL.editor,field:eL.field,inline:!0,readOnly:!1}),eM&&(0,v.jsx)(i.E7.Separator,{})]}),N.duplicate&&(0,v.jsx)(i.E7.Action,{onClick:ek,label:"Duplicate",children:(0,v.jsx)(i.QR,{className:e2("actionsAction")})}),N.delete&&(0,v.jsx)(i.E7.Action,{onClick:em,label:"Delete",children:(0,v.jsx)(i.lM,{className:e2("actionsAction")})})]})})}),(0,v.jsx)("div",{className:e2("overlayWrapper"),children:(0,v.jsx)(ed,{componentId:n,componentType:t,hover:eh,isSelected:s,children:(0,v.jsx)("div",{className:e2("overlay")})})})]}),G||document.body),e(W)]})};(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var e5={Drawer:"_Drawer_1n90m_1","Drawer-draggable":"_Drawer-draggable_1n90m_8","Drawer-draggableBg":"_Drawer-draggableBg_1n90m_12","DrawerItem-draggable":"_DrawerItem-draggable_1n90m_22","DrawerItem--disabled":"_DrawerItem--disabled_1n90m_38",DrawerItem:"_DrawerItem_1n90m_22","Drawer--isDraggingFrom":"_Drawer--isDraggingFrom_1n90m_48","DrawerItem-name":"_DrawerItem-name_1n90m_72"};(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var e7=()=>{if("undefined"==typeof window)return;let e=document.querySelector("#preview-frame");return(null==e?void 0:e.tagName)==="IFRAME"?e.contentDocument||document:(null==e?void 0:e.ownerDocument)||document};(0,d.hY)();var e8=class{constructor(e,r){var t;this.scaleFactor=1,this.frameEl=null,this.frameRect=null,this.target=e,this.original=r,this.frameEl=document.querySelector("iframe#preview-frame"),this.frameEl&&(this.frameRect=this.frameEl.getBoundingClientRect(),this.scaleFactor=this.frameRect.width/((null==(t=this.frameEl.contentWindow)?void 0:t.innerWidth)||1))}get x(){return this.original.x}get y(){return this.original.y}get global(){return document!==this.target.ownerDocument&&this.frameRect?{x:this.x*this.scaleFactor+this.frameRect.left,y:this.y*this.scaleFactor+this.frameRect.top}:this.original}get frame(){return document===this.target.ownerDocument&&this.frameRect?{x:(this.x-this.frameRect.left)/this.scaleFactor,y:(this.y-this.frameRect.top)/this.scaleFactor}:this.original}};(0,d.hY)();var e9="undefined"!=typeof PointerEvent?PointerEvent:Event,re=class extends e9{constructor(e,r){super(e,r),this._originalTarget=null,this.originalTarget=r.originalTarget}set originalTarget(e){this._originalTarget=e}get originalTarget(){return this._originalTarget}},rr=e=>e.sort((e,r)=>{let t=e.data,o=r.data;return t.depth>o.depth?1:o.depth>t.depth?-1:0}),rt=e=>{let r=null==e?void 0:e.id;if(!e)return null;if("component"===e.type){let t=e.data;r=t.containsActiveZone?null:t.zone}else if("void"===e.type)return"void";return r},ro=(e,r)=>{let t=[],o=e.target.ownerDocument.elementsFromPoint(e.x,e.y),n=o.find(e=>e.getAttribute("data-puck-preview")),a=o.find(e=>e.getAttribute("data-puck-drawer"));if(a&&(o=[a]),n){let r=e7();r&&(o=r.elementsFromPoint(e.frame.x,e.frame.y))}if(o)for(let n=0;n<o.length;n++){let a=o[n],i=a.getAttribute("data-puck-dropzone"),l=a.getAttribute("data-puck-dnd"),c=a.hasAttribute("data-puck-dnd-void");if((i||l)&&!c){let r=a.getBoundingClientRect(),t={left:r.left+6,right:r.right-6,top:r.top+6,bottom:r.bottom-6};if(e.frame.x<t.left||e.frame.x>t.right||e.frame.y>t.bottom||e.frame.y<t.top)continue}if(i){let e=r.registry.droppables.get(i);e&&t.push(e)}if(l){let e=r.registry.droppables.get(l);e&&t.push(e)}}return t},rn=(e,r)=>{var t;let o=ro(e,r);if(o.length>0){let e=rr(o),n=r.dragOperation.source,a=e.findIndex(e=>e.id===(null==n?void 0:n.id)),i=null==n?void 0:n.id,l=[...e];i&&a>-1&&l.splice(a,1),(l=l.filter(e=>{let r=e.data;if(i&&a>-1&&r.path.indexOf(i)>-1)return!1;if("dropzone"===e.type){let r=e.data;if(!r.isDroppableTarget||r.areaId===i)return!1}else if("component"===e.type&&!e.data.inDroppableZone)return!1;return!0})).reverse();let c=l[0];if(!c)return{zone:null,area:null};let u=c.data,s="containsActiveZone"in u;return{zone:rt(c),area:s&&u.containsActiveZone?l[0].id:null==(t=l[0])?void 0:t.data.areaId}}return{zone:s.Ln,area:s.ho}},ra=({onChange:e},r)=>class extends x.k_{constructor(t,o){if(super(t),"undefined"==typeof window)return;this.registerEffect(()=>{let o=function(e,r){let t;let o=()=>performance.now(),n=0;return function(...r){let a=o(),i=this;a-n>=50?(e.apply(i,r),n=a):(null==t||t(),t=function(e,r){let t=setTimeout(e,r);return()=>clearTimeout(t)}(()=>{e.apply(i,r),n=o()},50-(a-n)))}}(o=>{let n=new e8(o instanceof re&&o.originalTarget||o.target,{x:o.clientX,y:o.clientY});document.elementsFromPoint(n.global.x,n.global.y).some(e=>e.id===r)&&e(rn(n,t),t)},0),n=e=>{o(e)};return document.body.addEventListener("pointermove",n,{capture:!0}),()=>{document.body.removeEventListener("pointermove",n,{capture:!0})}})}};(0,d.hY)(),(0,d.hY)();var ri=(e,r)=>{let t=e.indexes.nodes[r];if(!t)return;let o=`${t.parentId}:${t.zone}`,n=e.indexes.zones[o].contentIds.indexOf(r);return{zone:o,index:n}},rl=(e,r,t,o)=>(0,d.BU)(null,null,function*(){let{getState:n}=o,a=(0,l.$C)(e),i={type:"insert",componentType:e,destinationIndex:t,destinationZone:r,i
1d:a},c=n().state,u=(0,l.Qk)(c,i,n()),s=n().dispatch;s((0,d.ko)((0,d.IA)({},i),{recordHistory:!0}));let p={index:t,zone:r};s({type:"setUi",ui:{itemSelector:p}});let v=(0,l.Gq)(p,u);if(!v)return;let _=n().resolveComponentData,k=yield _(v,"insert");if(!k.didChange)return;let m=ri(n().state,a);m&&s({type:"replace",destinationZone:m.zone,destinationIndex:m.index,data:k.node})});(0,d.hY)();var rc=(e,r,t,o)=>(0,d.BU)(null,null,function*(){var n,a,i,l;let c=o.getState().dispatch;c({type:"move",sourceIndex:r.index,sourceZone:null!=(n=r.zone)?n:s.Ln,destinationIndex:t.index,destinationZone:null!=(a=t.zone)?a:s.Ln,recordHistory:!1});let u=null==(i=o.getState().state.indexes.nodes[e])?void 0:i.data;if(!u)return;let d=o.getState().resolveComponentData,p=yield d(u,"move"),v=ri(o.getState().state,u.props.id);v&&p.didChange&&c({type:"replace",data:p.node,destinationIndex:v.index,destinationZone:null!=(l=v.zone)?l:s.Ln})});(0,d.hY)();var ru=(0,p.createContext)({dragListeners:{}}),rs=e=>{let r=(0,p.useRef)(null);return(0,p.useCallback)(t=>{el.setState({fallbackEnabled:!1});let o=(0,l.$C)();r.current=o,setTimeout(()=>{r.current===o&&(el.setState({fallbackEnabled:!0}),t.collisionObserver.forceUpdate(!0))},e)},[])},rd=({children:e,disableAutoScroll:r})=>{let t=(0,i.CU)(e=>e.dispatch),o=(0,i.CU)(e=>e.instanceId),n=(0,i.sL)(),a=(0,p.useRef)(null),c=rs(100),[u]=(0,p.useState)(()=>{let e=new Map;return(0,m.y)(()=>({zoneDepthIndex:{},nextZoneDepthIndex:{},areaDepthIndex:{},nextAreaDepthIndex:{},draggedItem:null,previewIndex:{},enabledIndex:{},hoveringComponent:null,registerRootVirtualizer:(r,t)=>{e.set(r,t)},unregisterRootVirtualizer:r=>{e.delete(r)},scrollToComponent:r=>{let t=Array.from(e.values());if(t.length>0)for(let e of t){let t=e.resolveIndex(r);t<0||e.virtualizer.scrollToIndex(t,{behavior:"auto",align:"auto"})}
1else{let e=e7(),t=null==e?void 0:e.querySelector(`[data-puck-component="${r}"]`);null==t||t.scrollIntoView({behavior:"smooth"})}}}))}),s=(0,p.useCallback)(e=>{let{zoneDepthIndex:r={},areaDepthIndex:t={}}=u.getState()||{},o=Object.keys(r).length>0,n=Object.keys(t).length>0,a=!1,i=!1;return e.zone&&!r[e.zone]?a=!0:!e.zone&&o&&(a=!0),e.area&&!t[e.area]?i=!0:!e.area&&n&&(i=!0),{zoneChanged:a,areaChanged:i}},[u]),d=(0,p.useCallback)((e,r)=>{let{zoneChanged:t,areaChanged:o}=s(e);(t||o)&&(u.setState({zoneDepthIndex:e.zone?{[e.zone]:!0}:{},areaDepthIndex:e.area?{[e.area]:!0}:{}}),c(r),setTimeout(()=>{r.collisionObserver.forceUpdate(!0)},50),a.current=null)},[u]),_=(0,z.YQ)(d,100),k=()=>{_.cancel(),a.current=null};(0,p.useEffect)(()=>{},[]);let[h]=(0,p.useState)(()=>[...r?f.FS.plugins.filter(e=>e!==f.ys):f.FS.plugins,ra({onChange:(e,r)=>{let t=u.getState(),{zoneChanged:o,areaChanged:n}=s(e),i=r.dragOperation.status.dragging;if(n||o){let r={},t={};e.zone&&(r={[e.zone]:!0}),e.area&&(t={[e.area]:!0}),u.setState({nextZoneDepthIndex:r,nextAreaDepthIndex:t})}if("void"!==e.zone&&(null==t?void 0:t.zoneDepthIndex.void)){d(e,r);return}if(n){if(i){let t=a.current;t&&t.area===e.area&&t.zone===e.zone||(k(),_(e,r),a.current=e)}else k(),d(e,r);return}o&&d(e,r),k()}},o)]),b=X(),[x,y]=(0,p.useState)({}),w=(0,p.useRef)(null),I=(0,p.useRef)(void 0),C=(0,p.useMemo)(()=>({mode:"edit",areaId:"root",depth:0}),[]);return(0,v.jsx)(ru.Provider,{value:{dragListeners:x,setDragListeners:y},children:(0,v.jsx)(g.XU,{plugins:h,sensors:b,onDragEnd:(e,r)=>{var o,a;let i;let l=null==(o=e7())?void 0:o.querySelector("[data-puck-entry]");null==l||l.removeAttribute("data-puck-dragging");let{source:c,target:s}=e.operation;if(!c){u.setState({draggedItem:null});return}let{zone:d,index:p}=c.data,{previewIndex:v={}}=u.getState()||{},_=(null==(a=v[d])?void 0:a.props.id)===c.id?v[d]:null,k=()=>{var o,a,i,l;if(u.setState({draggedItem:null}),e.canceled||(null==s?void 0:s.type)==="void"){u.setState({previewIndex:{}}),null==(o=x.dragend)||o.forEach(t=>{t(e,r)}),t({type:"setUi",ui:{itemSelector:null,isDragging:!1}});return}_&&(u.setState({previewIndex:{}}),"insert"===_.type?rl(_.componentType,_.zone,_.index,n):I.current&&rc(_.props.id,I.current,_,n)),t({type:"setUi",ui:{itemSelector:{index:p,zone:d},isDragging:!1},recordHistory:(null==(a=I.current)?void 0:a.zone)!==(null==_?void 0:_.zone)||(null==(i=I.current)?void 0:i.index)!==(null==_?void 0:_.index)}),null==(l=x.dragend)||l.forEach(t=>{t(e,r)})};i=(0,j.QZ)(()=>{"idle"===c.status&&(k(),null==i||i())})},onDragOver:(e,r)=>{var t,o,a,i;if(e.preventDefault(),!(null==(t=u.getState())?void 0:t.draggedItem))return;k();let{source:c,target:s}=e.operation;if(!s||!c||"void"===s.type)return;let[d]=c.id.split(":"),[p]=s.id.split(":"),v=c.data,_=v.zone,m=v.index,h="",g=0;if("component"===s.type){let e=s.data;h=e.zone,g=e.index;let t=null==(o=r.collisionObserver.collisions[0])?void 0:o.data,n=function(e){return e?function e(r){return r?r.getAttribute("dir")||e(r.parentElement):"ltr"}(e):"ltr"}(s.element);g>=m&&_===h&&(g-=1),"after"==((null==t?void 0:t.direction)==="up"||"ltr"===n&&(null==t?void 0:t.direction)==="left"||"rtl"===n&&(null==t?void 0:t.direction)==="right"?"before":"after")&&(g+=1)}else h=s.id.toString(),g=0;let f=(null==(a=n.getState().state.indexes.nodes[s.id])?void 0:a.path)||[];if(!(p===d||f.find(e=>{let[r]=e.split(":");return r===d}))){if("new"===w.current)u.setState({previewIndex:{[h]:{componentType:v.componentType,type:"insert",index:g,zone:h,element:c.element,props:{id:c.id.toString()}}}});else{I.current||(I.current={zone:v.zone,index:v.index});let e=(0,l.Gq)(I.current,n.getState().state);e&&u.setState({previewIndex:{[h]:{componentType:v.componentType,type:"move",index:g,zone:h,props:e.props,element:c.element}}})}null==(i=x.dragover)||i.forEach(t=>{t(e,r)})}},onDragStart:(e,r)=>{var t;let{source:o}=e.operation;if(o&&"void"!==o.type){let e=o.data,r=(0,l.Gq)({zone:e.zone,index:e.index},n.getState().state);r&&u.setState({previewIndex:{[e.zone]:{componentType:e.componentType,type:"move",index:e.index,zone:e.zone,props:r.props,element:o.element}}})}null==(t=x.dragstart)||t.forEach(t=>{t(e,r)})},onBeforeDragStart:e=>{var r,o,a,i;let l=(null==(r=e.operation.source)?void 0:r.type)==="drawer";w.current=l?"new":"existing",I.current=void 0,u.setState({draggedItem:e.operation.source}),(null==(o=n.getState().selectedItem)?void 0:o.props.id)!==(null==(a=e.operation.source)?void 0:a.id)?t({type:"setUi",ui:{itemSelector:null,isDragging:!0},recordHistory:!1}):t({type:"setUi",ui:{isDragging:!0},recordHistory:!1});let c=null==(i=e7())?void 0:i.querySelector("[data-puck-entry]");null==c||c.setAttribute("data-puck-dragging","true")},children:(0,v.jsx)(eQ,{store:u,children:(0,v.jsx)(eJ,{value:C,children:e})})})})},rp=({children:e,disableAutoScroll:r})=>"LOADING"===(0,i.CU)(e=>e.status)?e:(0,v.jsx)(rd,{disableAutoScroll:r,children:e}),rv=(0,u.d)("Drawer",e5),r_=(0,u.d)("DrawerItem",e5),rk=({children:e,name:r,label:t,dragRef:o,isDragDisabled:n})=>{let a=(0,p.useMemo)(()=>e||(({children:e})=>(0,v.jsx)("div",{className:r_("default"),children:e})),[e]);return(0,v.jsx)("div",{className:r_({disabled:n}),ref:o,onMouseDown:e=>e.preventDefault(),"data-testid":o?`drawer-item:${r}`:"","data-puck-drawer-item":!0,children:(0,v.jsx)(a,{name:r,children:(0,v.jsx)("div",{className:r_("draggableWrapper"),children:(0,v.jsxs)("div",{className:r_("draggable"),children:[(0,v.jsx)("div",{className:r_("name"),children:null!=t?t:r}),(0,v.jsx)("div",{className:r_("icon"),children:(0,v.jsx)($,{})})]})})})})},rm=({children:e,name:r,label:t,id:o,isDragDisabled:n})=>{let{ref:a}=(0,g.PM)({id:o,data:{componentType:r},disabled:n,type:"drawer"});return(0,v.jsxs)("div",{className:rv("draggable"),children:[(0,v.jsx)("div",{className:rv("draggableBg"),children:(0,v.jsx)(rk,{name:r,label:t,children:e})}),(0,v.jsx)("div",{className:rv("draggableFg"),children:(0,v.jsx)(rk,{name:r,label:t,dragRef:a,isDragDisabled:n,children:e})})]})},rh=({children:e,droppableId:r,direction:t})=>{r&&console.error("Warning: The `droppableId` prop on Drawer is deprecated and no longer required."),t&&console.error("Warning: The `direction` prop on Drawer is deprecated and no longer required to achieve multi-directional dragging.");let o=eY(),{ref:n}=(0,g.zM)({id:o,type:"void",collisionPriority:0});return(0,v.jsx)("div",{className:rv(),ref:n,"data-puck-dnd":o,"data-puck-drawer":!0,"data-puck-dnd-void":!0,children:e})};rh.Item=({name:e,children:r,id:t,label:o,index:n,isDragDisabled:a})=>{let i=t||e,[c,u]=(0,p.useState)((0,l.$C)(i));return void 0!==n&&console.error("Warning: The `index` prop on Drawer.Item is deprecated and no longer required."),function(e,r,t=[]){let{setDragListeners:o}=(0,p.useContext)(ru);(0,p.useEffect)(()=>{o&&o(t=>(0,d.ko)((0,d.IA)({},t),{[e]:[...t[e]||[],r]}))},t)}("dragend",()=>{u((0,l.$C)(i))},[i]),(0,v.jsx)("div",{children:(0,v.jsx)(rm,{name:e,label:o,id:c,isDragDisabled:a,children:r})},c)},(0,d.hY)();var rg=(e,r)=>e.getState().state.indexes.zones[r].contentIds.length,rf=({zoneCompound:e,userMinEmptyHeight:r,ref:t})=>{let o=(0,i.sL)(),[n,a]=(0,p.useState)(0),[l,c]=(0,p.useState)(!1),{draggedItem:u,isZone:s}=Y(eX,r=>{var t,o;return{draggedItem:(null==(t=r.draggedItem)?void 0:t.data.zone)===e?r.draggedItem:null,isZone:(null==(o=r.draggedItem)?void 0:o.data.zone)===e}}),d=(0,p.useRef)(0),v=e0(r=>{if(r){let r=rg(o,e);
1if(a(0),r||0===d.current){c(!1);return}let t=o.getState().selectedItem,n=o.getState().state.indexes.zones,i=o.getState().nodes;i.setOverlayVisible(null==t?void 0:t.props.id,!1),setTimeout(()=>{var r;let o=(null==(r=n[e])?void 0:r.contentIds)||[];i.syncNodes(o),t&&setTimeout(()=>{i.syncNode(t.props.id),i.setOverlayVisible(t.props.id,!0)},200),c(!1)},100)}},[o,n,e]);(0,p.useEffect)(()=>{if(u&&t.current&&s){let r=t.current.getBoundingClientRect();return d.current=rg(o,e),a(r.height),c(!0),v()}},[t.current,u,v]);let _=isNaN(Number(r))?r:`${r}px`;return[n?`${n}px`:_,l]};(0,d.hY)(),(0,d.hY)();var rb=(e,r)=>{let t=(0,p.useContext)(eX),o=Y(eX,e=>e.previewIndex[r]),n=(0,i.CU)(e=>e.state.ui.isDragging),[a,c]=(0,p.useState)(e),[u,s]=(0,p.useState)(o),v=function(e,r){let t=(0,g.uF)();return(0,p.useCallback)((...r)=>(0,d.BU)(null,null,function*(){return yield null==t?void 0:t.renderer.rendering,e(...r)}),[...r,t])}((e,r,t,o,n)=>{(!t||n)&&(r?"insert"===r.type?c((0,l.Yr)(e.filter(e=>e!==r.props.id),r.index,r.props.id)):c((0,l.Yr)(e.filter(e=>e!==r.props.id),r.index,r.props.id)):c(n?e.filter(e=>e!==o):e),s(r))},[]);return(0,p.useEffect)(()=>{var r;let a=t.getState();v(e,o,n,null==(r=a.draggedItem)?void 0:r.id,Object.keys(a.previewIndex||{}).length>0)},[e,o,n]),[a,u]};(0,d.hY)();var rx=(e,r)=>{let t=(0,i.CU)(e=>e.status),[o,n]=(0,p.useState)(r||"y"),a=(0,p.useCallback)(()=>{if(e.current){let r=window.getComputedStyle(e.current);"grid"===r.display?n("dynamic"):"flex"===r.display&&"row"===r.flexDirection?n("x"):n("y")}},[e.current]);return(0,p.useEffect)(()=>{let e=()=>{a()};return window.addEventListener("viewportchange",e),()=>{window.removeEventListener("viewportchange",e)}},[]),(0,p.useEffect)(a,[t,r]),[o,a]};(0,d.hY)();var ry=({componentId:e,zone:r})=>{let t=(0,i.CU)(e=>e.config),o=(0,i.CU)(e=>e.metadata),a=(0,i.CU)((0,_.k)(t=>{var o,n;let a=t.state.indexes;return(null!=(n=null==(o=a.zones[`${e}:${r}`])?void 0:o.contentIds)?n:[]).map(e=>a.nodes[e].flatData)}));return(0,v.jsx)(n.vO,{content:a,zone:r,config:t,metadata:o})};(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var rw=(e,r={})=>{if(!e)return;let{disableDrag:t=!1,disableDragOnFocus:o=!0}=r,n=e=>{e.stopPropagation()};e.addEventListener("mouseover",n,{capture:!0});let a=()=>{setTimeout(()=>{e.addEventListener("pointerdown",n,{capture:!0})},200)},i=()=>{e.removeEventListener("pointerdown",n,{capture:!0})};return t?e.addEventListener("pointerdown",n,{capture:!0}):o&&(e.addEventListener("focus",a,{capture:!0}),e.addEventListener("blur",i,{capture:!0})),e.setAttribute("data-puck-overlay-portal","true"),()=>{e.removeEventListener("mouseover",n,{capture:!0}),t?e.removeEventListener("pointerdown",n,{capture:!0}):o&&(e.removeEventListener("focus",a,{capture:!0}),e.removeEventListener("blur",i,{capture:!0})),e.removeAttribute("data-puck-overlay-portal")}};(0,d.hY)();var rI=(0,u.d)("InlineTextField",{InlineTextField:"_InlineTextField_104qp_1"}),rz=(0,p.memo)(({propPath:e,componentId:r,value:t,isReadOnly:o,opts:n={}})=>{var a;let l=(0,p.useRef)(null),c=(0,i.sL)(),u=null!=(a=n.disableLineBreaks)&&a;(0,p.useEffect)(()=>{let o=c.getState(),n=o.state.indexes.nodes[r].data;if(!o.getComponentConfig(n.type))throw Error(`InlineTextField Error: No config defined for ${n.type}`);if(l.current){let o=null!=t?t:"";o!==l.current.innerText&&l.current.replaceChildren(o);let n=rw(l.current),a=t=>(0,d.BU)(null,null,function*(){var o;let n=c.getState(),a=n.state.indexes.nodes[r],i=`${a.parentId}:${a.zone}`,l=null==(o=n.state.indexes.zones[i])?void 0:o.contentIds.indexOf(r),s=t.target.innerText;u&&(s=s.replaceAll(/\n/gm,""));let p=A(a.data.props,e,s),v=yield n.resolveComponentData((0,d.ko)((0,d.IA)({},a.data),{props:p}),"replace");n.dispatch({type:"replace",data:v.node,destinationIndex:l,destinationZone:i})});return l.current.addEventListener("input",a),()=>{var e;null==(e=l.current)||e.removeEventListener("input",a),null==n||n()}}},[c,l.current,t,u]);let[s,_]=(0,p.useState)(!1),[k,m]=(0,p.useState)(!1);return(0,v.jsx)("span",{className:rI(),ref:l,contentEditable:s||k?"plaintext-only":"false",onClick:e=>{e.preventDefault(),e.stopPropagation()},onClickCapture:e=>{e.preventDefault(),e.stopPropagation();let t=ri(c.getState().state,r);c.getState().setUi({itemSelector:t})},onKeyDown:e=>{e.stopPropagation(),(u&&"Enter"===e.key||o)&&e.preventDefault()},onKeyUp:e=>{e.stopPropagation(),e.preventDefault()},onMouseOverCapture:()=>_(!0),onMouseOutCapture:()=>_(!1),onFocus:()=>m(!0),onBlur:()=>m(!1)})}),rj=()=>({text:({value:e,componentId:r,field:t,propPath:o,isReadOnly:n})=>t.contentEditable?(0,v.jsx)(rz,{propPath:o,componentId:r,value:e,opts:{disableLineBreaks:!0},isReadOnly:n}):e,textarea:({value:e,componentId:r,field:t,propPath:o,isReadOnly:n})=>t.contentEditable?(0,v.jsx)(rz,{propPath:o,componentId:r,value:e,isReadOnly:n}):e,custom:({value:e,componentId:r,field:t,propPath:o,isReadOnly:n})=>t.contentEditable&&"string"==typeof e?(0,v.jsx)(rz,{propPath:o,componentId:r,value:e,isReadOnly:n}):e});(0,d.hY)();var rC=(0,p.lazy)(()=>
1Promise.all([t.e(277),t.e(5004),t.e(3580),t.e(4481),t.e(8064),t.e(1276)]).then(t.bind(t,71276)).then(e=>({default:e.Editor}))),rS=(0,p.lazy)(()=>Promise.all([t.e(277),t.e(5004),t.e(3580),t.e(8064),t.e(1420)]).then(t.bind(t,11420)).then(e=>({default:e.RichTextRender}))),rE=(0,p.memo)(({value:e,componentId:r,propPath:t,field:o,id:a})=>{let l=(0,p.useRef)(null),c=(0,i.sL)();(0,p.useEffect)(()=>{if(!l.current)return;let e=rw(l.current,{disableDragOnFocus:!0});return()=>null==e?void 0:e()},[l.current]);let u=(0,p.useCallback)((e,o)=>(0,d.BU)(null,null,function*(){var n;let a=c.getState(),i=a.state.indexes.nodes[r],l=`${i.parentId}:${i.zone}`,u=null==(n=a.state.indexes.zones[l])?void 0:n.contentIds.indexOf(r),s=A(i.data.props,t,e),p=yield a.resolveComponentData((0,d.ko)((0,d.IA)({},i.data),{props:s}),"replace");a.dispatch({type:"replace",data:p.node,destinationIndex:u,destinationZone:l,ui:o})}),[c,r,t]),s=(0,p.useCallback)(e=>{c.setState({currentRichText:{inlineComponentId:r,inline:!0,field:o,editor:e,id:a}})},[o,r]);if(!o.contentEditable)return(0,v.jsx)(p.Suspense,{fallback:(0,v.jsx)(n.Sj,{content:e}),children:(0,v.jsx)(rS,{content:e,field:o})});let _={content:e,onChange:u,field:o,inline:!0,onFocus:s,id:a,name:t};return(0,v.jsx)("div",{ref:l,onClick:e=>{e.preventDefault(),e.stopPropagation()},onClickCapture:e=>{e.preventDefault(),e.stopPropagation();let t=ri(c.getState().state,r);c.getState().setUi({itemSelector:t})},children:(0,v.jsx)(p.Suspense,{fallback:(0,v.jsx)(eF,(0,d.IA)({},_)),children:(0,v.jsx)(rC,(0,d.IA)({},_))})})});rE.displayName="InlineEditorWrapper";var rP=()=>({richtext:({value:e,componentId:r,field:t,propPath:o,isReadOnly:n})=>{let{contentEditable:a=!0,tiptap:i}=t;if(!1===a||n)return(0,v.jsx)(rS,{content:e,field:t});let l=`${r}_${t.type}_${o}`;return(0,v.jsx)(rE,{value:e,componentId:r,propPath:o,field:t,id:l},l)}});(0,d.hY)(),(0,d.hY)();var rA=(0,p.memo)(({Component:e,componentProps:r})=>(0,v.jsx)(e,(0,d.IA)({},r)),(e,r)=>{let t=!0;return"puck"in e.componentProps&&"puck"in r.componentProps&&(t=(0,C.bD)(e.componentProps.puck,r.componentProps.puck)),e.Component===r.Component&&function(e,r,t=[]){if(Object.is(e,r))return!0;if("object"!=typeof e||null===e||"object"!=typeof r||null===r||Object.getPrototypeOf(e)!==Object.getPrototypeOf(r))return!1;let o=new Set(t),n=Object.keys(e).filter(e=>!o.has(e)),a=Object.keys(r).filter(e=>!o.has(e));if(n.length!==a.length)return!1;for(let t=0;t<n.length;t++){let o=n[t];if(!Object.prototype.hasOwnProperty.call(r,o)||!Object.is(e[o],r[o]))return!1}return!0}(e.componentProps,r.componentProps,["puck"])&&t});(0,d.hY)();var rD=new Map,rL=e=>{var r;return null!=(r=rD.get(e))?r:320},rM=(e,r)=>{r<=0||rD.set(e,r)},rB=({contentIds:e,zoneCompound:r,renderItem:t})=>{let o=(0,i.CU)(e=>{var r,t;return null!=(t=null==(r=e.selectedItem)?void 0:r.props.id)?t:null}),n=e7(),a=(0,p.useContext)(eX),l=Y(eX,e=>{var r;let t=null==(r=e.draggedItem)?void 0:r.id;return t?String(t):null}),c=Y(eX,e=>{var r,t;if(null==(r=e.draggedItem)?void 0:r.id){let r=Object.keys(null!=(t=e.previewIndex)?t:{})[0];return null==r?void 0:r.split(":")[0]}return null}),u=null==n?void 0:n.defaultView,s=(0,p.useRef)(new Map),d=(0,i.sL)(),_=(0,p.useCallback)(r=>{var t,o,n,a;if(!r||"root"===r)return -1;let i=e.indexOf(r);if(i>-1)return i;let l=null!=(n=null==(o=null==(t=d.getState().state.indexes.nodes)?void 0:t[r])?void 0:o.path)?n:[];for(let r=l.length-1;r>=0;r-=1){let t=null==(a=l[r])?void 0:a.split(":")[0];if(!t||"root"===t)continue;let o=e.indexOf(t);if(o>-1)return o}return -1},[d,e]),k=(0,p.useMemo)(()=>{let e=new Set;return[o,l,c].forEach(r=>{let t=_(r);t>-1&&e.add(t)}),Array.from(e).sort((e,r)=>e-r)},[c,l,_,o]),m=(0,p.useCallback)(e=>{let r=(0,S.vp)(e);return k.forEach(e=>{r.includes(e)||r.push(e)}),r.sort((e,r)=>e-r),r},[k]),h=(0,E.Te)({count:e.length,getItemKey:r=>e[r],estimateSize:r=>rL(e[r]),getScrollElement:()=>null!=u?u:null,overscan:5,observeElementRect:(e,r)=>u?(0,S.TH)(e,r):(0,S.T6)(e,r),observeElementOffset:(e,r)=>u?(0,S.MH)(e,r):(0,S.AO)(e,r),scrollToFn:(e,r,t)=>u?(0,S.e8)(e,r,t):(0,S.Ox)(e,r,t),rangeExtractor:m,initialOffset:()=>u?u.scrollY:0});(0,p.useEffect)(()=>(a.getState().registerRootVirtualizer(r,{resolveIndex:e=>_(e),virtualizer:h}),()=>
1{a.getState().unregisterRootVirtualizer(r)}),[_,h,r,a]);let g=(0,p.useCallback)(e=>{let r=s.current.get(e);if(r)return r;let t=r=>{if(!r)return;let t=Math.ceil(r.getBoundingClientRect().height)||320;"number"==typeof t&&t>0&&rM(e,t)};return s.current.set(e,t),t},[]);(0,p.useEffect)(()=>{let r=new Set(e);Array.from(s.current.keys()).forEach(e=>{r.has(e)||s.current.delete(e)})},[e]);let f=h.getVirtualItems(),b=h.getTotalSize(),x=(0,p.useMemo)(()=>{let r=[],o=0,n=-1;f.forEach(a=>{if(!a)return;let i=e[a.index],l=Math.max(a.start-o,0);l>0&&r.push((0,v.jsx)("div",{style:{height:`${l}px`}},`gap:${n}:${a.index}`)),r.push(t({componentId:i,index:a.index,measureRef:g(i)})),o=a.end,n=a.index});let a=Math.max(b-o,0);return a>0&&r.push((0,v.jsx)("div",{style:{height:`${a}px`}},`gap:${n}:end`)),r},[b,f,g]);return(0,v.jsx)(v.Fragment,{children:x})},rT=(0,u.d)("DropZone",{DropZone:"_DropZone_ybznu_1","DropZone--hasChildren":"_DropZone--hasChildren_ybznu_11","DropZone--isAreaSelected":"_DropZone--isAreaSelected_ybznu_24","DropZone--hoveringOverArea":"_DropZone--hoveringOverArea_ybznu_25","DropZone--isRootZone":"_DropZone--isRootZone_ybznu_25","DropZone-item":"_DropZone-item_ybznu_39","DropZone-hitbox":"_DropZone-hitbox_ybznu_43","DropZone--isEnabled":"_DropZone--isEnabled_ybznu_51","DropZone--isAnimating":"_DropZone--isAnimating_ybznu_62"}),rN=({element:e,label:r,override:t})=>e?(0,v.jsx)("div",{dangerouslySetInnerHTML:{__html:e.outerHTML}}):(0,v.jsx)(rk,{name:r,children:t}),rF=e=>(0,v.jsx)(rO,(0,d.IA)({},e)),rR=(0,p.memo)(({zoneCompound:e,componentId:r,index:t,dragAxis:o,collisionAxis:a,inDroppableZone:l,itemRef:c})=>{var u,k;let m=(0,i.CU)(e=>e.metadata),h=(0,p.useContext)(eK),{depth:g=1}=null!=h?h:{},f=(0,p.useContext)(eX),b=(0,i.CU)((0,_.k)(e=>{var t;return null==(t=e.state.indexes.nodes[r])?void 0:t.flatData.props})),x=(0,i.CU)(e=>{var t;return null==(t=e.state.indexes.nodes[r])?void 0:t.data.type}),y=(0,i.CU)((0,_.k)(e=>{var t;return null==(t=e.state.indexes.nodes[r])?void 0:t.data.readOnly})),w=(0,i.sL)(),I=(0,p.useMemo)(()=>{if(b)return(0,s.hE)({type:x,props:b});let t=f.getState().previewIndex[e];return r===(null==t?void 0:t.props.id)?{type:t.componentType,props:t.props,previewType:t.type,element:t.element}:null},[w,r,e,x,b]),z=(0,i.CU)(e=>(null==I?void 0:I.type)?e.config.components[I.type]:null),j=(0,p.useMemo)(()=>({renderDropZone:rF,isEditing:!0,dragRef:null,metadata:(0,d.IA)((0,d.IA)({},m),null==z?void 0:z.metadata)}),[m,null==z?void 0:z.metadata]),C=(0,i.CU)(e=>e.overrides),S=(0,i.CU)(e=>{var t;return(null==(t=e.componentState[r])?void 0:t.loadingCount)>0}),E=(0,i.CU)(e=>{var t;return(null==(t=e.selectedItem)?void 0:t.props.id)===r}),P=null!=(k=null!=(u=null==z?void 0:z.label)?u:null==I?void 0:I.type.toString())?k:"Component",A=(0,p.useMemo)(()=>(0,d.ko)((0,d.IA)((0,d.IA)({},null==z?void 0:z.defaultProps),null==I?void 0:I.props),{puck:j,editMode:!0}),[null==z?void 0:z.defaultProps,null==I?void 0:I.props,j]),D=(0,p.useMemo)(()=>{var e;return{type:null!=(e=null==I?void 0:I.type)?e:x,props:A}},[null==I?void 0:I.type,x,A]),L=(0,i.CU)(e=>e.config),M=(0,i.CU)(e=>e.plugins),B=(0,i.CU)(e=>e.fieldTransforms),T=function(e,r,t,o,a){let i=(0,p.useRef)(null),l=(0,p.useRef)(null),c=(0,p.useRef)(r.props),u=(0,p.useMemo)(()=>(0,n.hB)(t,o,a),[t,o,a]),v=(0,p.useMemo)(()=>{var t,o,n,a;let p;let v="root"===r.type?e.root:null==(t=e.components)?void 0:t[r.type],_=null!=(o=null==v?void 0:v.fields)?o:{},k=i.current!==u,m=!1;if(!l.current||k)for(let e in r.props)(null==(n=_[e])?void 0:n.type)==="slot"&&(m=!0);else for(let e of(p=["id"],new Set([...Object.keys(r.props),...Object.keys(l.current)])))r.props[e]!==l.current[e]&&(p.push(e),(null==(a=_[e])?void 0:a.type)==="slot"&&(m=!0));let h=(0,s.YP)(r,u,e,!1,m,p).props;return l.current=r.props,i.current=u,c.current=p?(0,d.IA)((0,d.IA)({},c.current),h):h,c.current},[e,r,u]);return(0,p.useMemo)(()=>(0,d.IA)((0,d.IA)({},r.props),v),[r.props,v])}(L,D,(0,p.useMemo)(()=>(0,d.IA)((0,d.IA)((0,d.IA)((0,d.IA)((0,d.IA)({},(0,n.BQ)(rF,e=>(0,v.jsx)(ry,{componentId:r,zone:e.zone}))),rj()),rP()),M.reduce((e,r)=>(0,d.IA)((0,d.IA)({},e),r.fieldTransforms),{})),B),[M,B]),y,S);if(!I)return;let N=z?z.render:()=>(0,v.jsxs)("div",{style:{padding:48,textAlign:"center"},children:["No configuration for ",I.type]}),F=I.type,R="previewType"in I&&"insert"===I.previewType;return(0,v.jsx)(e6,{id:r,componentType:F,zoneCompound:e,depth:g+1,index:t,isLoading:S,isSelected:E,label:P,autoDragAxis:o,userDragAxis:a,inDroppableZone:l,itemRef:c,children:e=>{var r;return(null==z?void 0:z.inline)&&!R?(0,v.jsx)(rA,{Component:N,componentProps:(0,d.ko)((0,d.IA)({},T),{puck:(0,d.ko)((0,d.IA)({},T.puck),{dragRef:e})})}):(0,v.jsx)("div",{ref:e,children:R?(0,v.jsx)(rN,{label:P,override:null!=(r=C.componentItem)?r:C.drawerItem,element:"element"in I&&I.element?I.element:void 0}):(0,v.jsx)(rA,{Component:N,componentProps:T})})}})}),rO=(0,p.forwardRef)(function({zone:e,allow:r,disallow:t,style:o,className:n,minEmptyHeight:a="128px",collisionAxis:l,as:c},u){let k=(0,p.useContext)(eK),m=(0,i.sL)(),{areaId:h,depth:f=0,registerLocalZone:b,unregisterLocalZone:x}=null!=k?k:{},y=(0,i.CU)((0,_.k)(e=>{var r;return h?null==(r=e.state.indexes.nodes[h])?void 0:r.path:null})),w=s.Ln;h&&e!==s.Ln&&(w=`${h}:${e}`);let I=w===s.Ln||e===s.Ln||"root"===h,z=Y(eX,e=>e.nextAreaDepthIndex[h||""]),j=(0,i.CU)((0,_.k)(e=>{var r;return null==(r=e.state.indexes.zones[w])?void 0:r.contentIds})),C=(0,i.CU)((0,_.k)(e=>{var r;return null==(r=e.state.indexes.zones[w])?void 0:r.type}));(0,p.useEffect)(()=>{(!C||"dropzone"===C)&&(null==k?void 0:k.registerZone)&&(null==k||k.registerZone(w))},[C,m]),(0,p.useEffect)(()=>{"dropzone"===C&&w!==s.Ln&&console.warn("DropZones have been deprecated
1in favor of slot fields and will be removed in a future version of Puck. Please see the migration guide: https://www.puckeditor.com/docs/guides/migrations/dropzones-to-slots")},[C]);let S=(0,p.useMemo)(()=>j||[],[j]),E=(0,p.useRef)(null),P=(0,p.useCallback)(e=>{if(!e)return!0;if(t){let o=r||[];if(-1!==(t||[]).filter(e=>-1===o.indexOf(e)).indexOf(e))return!1}else if(r&&-1===r.indexOf(e))return!1;return!0},[r,t]),A=Y(eX,e=>{var r;return P(null==(r=e.draggedItem)?void 0:r.data.componentType)}),D=z||I,L=Y(eX,e=>{var r;let t=!0;return(t=null!=(r=e.zoneDepthIndex[w])&&r)&&(t=A),t});(0,p.useEffect)(()=>(b&&b(w,A||L),()=>{x&&x(w)}),[A,L,w]);let[M,B]=rb(S,w),T=L&&(B?1===M.length:0===M.length),N=(0,p.useContext)(eX);(0,p.useEffect)(()=>{let{enabledIndex:e}=N.getState();N.setState({enabledIndex:(0,d.ko)((0,d.IA)({},e),{[w]:L})})},[L,N,w]);let F={id:w,collisionPriority:L?f:0,disabled:!T,collisionDetector:ea,type:"dropzone",data:{areaId:h,depth:f,isDroppableTarget:A,path:y||[]}},{ref:R}=(0,g.zM)(F),O=(0,i.CU)(e=>(null==e?void 0:e.selectedItem)&&h===(null==e?void 0:e.selectedItem.props.id)),[U]=rx(E,l),[H,q]=rf({zoneCompound:w,userMinEmptyHeight:a,ref:E}),V=(0,p.useCallback)(e=>{e1([E,R,u],e)},[R]),$=(0,i.CU)(e=>e._experimentalVirtualization),Z=(null!=h?h:s.ho)===s.ho&&0===f;return(0,v.jsx)(null!=c?c:"div",{className:`${rT({isRootZone:I,hoveringOverArea:D,isEnabled:L,isAreaSelected:O,hasChildren:S.length>0,isAnimating:q})}${n?` ${n}`:""}`,ref:V,"data-testid":`dropzone:${w}`,"data-puck-dropzone":w,style:(0,d.ko)((0,d.IA)({},o),{"--puck-slot-min-empty-height":H,backgroundColor:null==o?void 0:o.backgroundColor}),children:$&&Z?(0,v.jsx)(rB,{contentIds:M,zoneCompound:w,renderItem:e=>(0,v.jsx)(rR,{zoneCompound:w,componentId:e.componentId,dragAxis:U,index:e.index,collisionAxis:l,inDroppableZone:A,itemRef:e.measureRef},e.componentId)}):M.map((e,r)=>(0,v.jsx)(rR,{zoneCompound:w,componentId:e,dragAxis:U,index:r,collisionAxis:l,inDroppableZone:A},e))})}),rY=({config:e,item:r,metadata:t})=>{let o=e.components[r.type],a=(0,n.Ht)(e,r,r=>(0,v.jsx)(n.vO,(0,d.ko)((0,d.IA)({},r),{config:e,metadata:t}))),i=(0,p.useMemo)(()=>({areaId:a.id,depth:1}),[a]),l=(0,n.tw)(o.fields,a);return(0,v.jsx)(eJ,{value:i,children:(0,v.jsx)(o.render,(0,d.ko)((0,d.IA)((0,d.IA)({},a),l),{puck:(0,d.ko)((0,d.IA)({},a.puck),{renderDropZone:rU,metadata:(0,d.IA)((0,d.IA)({},t),o.metadata)})}))},a.id)},rU=e=>(0,v.jsx)(rH,(0,d.IA)({},e)),rH=(0,p.forwardRef)(function({className:e,style:r,zone:t,as:o},n){let a=(0,p.useContext)(eK),{areaId:i="root"}=a||{},{config:l,data:c,metadata:u}=(0,p.useContext)(r$),d=`${i}:${t}`,_=(null==c?void 0:c.content)||[];return((0,p.useEffect)(()=>{!_&&(null==a?void 0:a.registerZone)&&(null==a||a.registerZone(d))},[_]),c&&l)?(d!==s.Ln&&(_=(0,s.W8)(c,d).zones[d]),(0,v.jsx)(null!=o?o:"div",{className:e,style:r,ref:n,children:_.map(e=>l.components[e.type]?(0,v.jsx)(rY,{config:l,item:e,metadata:u},e.props.id):null)})):null}),rq=e=>(0,v.jsx)(rV,(0,d.IA)({},e)),rV=(0,p.forwardRef)(function(e,r){let t=(0,p.useContext)(eK);return(null==t?void 0:t.mode)==="edit"?(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(rO,(0,d.ko)((0,d.IA)({},e),{ref:r}))}):(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(rH,(0,d.ko)((0,d.IA)({},e),{ref:r}))})}),r$=p.createContext({config:{components:{}},data:{root:{},content:[]},metadata:{}});function rZ({config:e,data:r,metadata:t={}}){var o,a;let i=(0,d.ko)((0,d.IA)({},r),{root:r.root||{},content:r.content||[]}),l="props"in i.root?i.root.props:i.root,c=(null==l?void 0:l.title)||"",u=(0,d.ko)((0,d.IA)({},l),{puck:{renderDropZone:rq,isEditing:!1,dragRef:null,metadata:t},title:c,editMode:!1,id:"puck-root"}),_=(0,n.Ht)(e,{type:"root",props:u},r=>(0,v.jsx)(n.P7,(0,d.ko)((0,d.IA)({},r),{config:e,metadata:t}))),k=(0,n.tw)(null==(o=e.root)?void 0:o.fields,u),m=(0,p.useMemo)(()=>({mode:"render",depth:0}),[]);return(null==(a=e.root)?void 0:a.render)?(0,v.jsx)(r$.Provider,{value:{config:e,data:i,metadata:t},children:(0,v.jsx)(eJ,{value:m,children:(0,v.jsx)(e.root.render,(0,d.ko)((0,d.IA)((0,d.IA)({},_),k),{children:(0,v.jsx)(rU,{zone:s.bo})}))})}):(0,v.jsx)(r$.Provider,{value:{config:e,data:i,metadata:t},children:(0,v.jsx)(eJ,{value:m,children:(0,v.jsx)(rU,{zone:s.bo})})})}function rW(e,r,t="force"){return(0,d.BU)(this,null,function*(){let o=yield r().resolveComponentData(e,t);if(!o.didChange)return;let n=ri(r().state,o.node.props.id);if(!n){console.warn(`Warning: Could not find component with id "${e.props.id}" to resolve its data. Component may have been removed or the id is invali
1d.`);return}r().dispatch({type:"replace",data:(0,s.Rn)(o.node),destinationIndex:n.index,destinationZone:n.zone})})}(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var rG=(e,r)=>{let t={back:e.history.back,forward:e.history.forward,setHistories:e.history.setHistories,setHistoryIndex:e.history.setHistoryIndex,hasPast:e.history.hasPast(),hasFuture:e.history.hasFuture(),histories:e.history.histories,index:e.history.index},o={appState:(0,l.Vg)(e.state),config:e.config,dispatch:e.dispatch,getPermissions:e.permissions.getPermissions,refreshPermissions:e.permissions.refreshPermissions,resolveDataById:(e,t)=>(function(e,r,t){return(0,d.BU)(this,null,function*(){let o=r().state.indexes.nodes[e];if(!o){console.warn(`Warning: Could not find component with id "${e}" to resolve its data. Component may have been removed or the id is invalid.`);return}yield rW(o.data,r,t)})})(e,r,t),resolveDataBySelector:(e,t)=>(function(e,r,t){return(0,d.BU)(this,null,function*(){let o=(0,l.Gq)(e,r().state);if(!o){console.warn(`Warning: Could not find component for selector "${JSON.stringify(e)}" to resolve its data. Component may have been removed or the selector is invalid.`);return}let n=(0,s.Rn)(o);yield rW(n,r,t)})})(e,r,t),history:t,selectedItem:e.selectedItem||null,getItemBySelector:r=>(0,l.Gq)(r,e.state),getItemById:r=>e.state.indexes.nodes[r].data,getSelectorForId:r=>ri(e.state,r),getParentById:r=>{let t=e.state.indexes.nodes[r].parentId;if(null===t)return;let o=e.state.indexes.nodes[t];if(o)return o.data}};return o.__private={appState:e.state},o},rK=(0,p.createContext)(null),rX=e=>({state:e.state,config:e.config,dispatch:e.dispatch,permissions:e.permissions,history:e.history,selectedItem:e.selectedItem}),rQ=e=>{let[r]=(0,p.useState)(()=>(0,m.y)(()=>rG(rX(e.getState()),e.getState)));return(0,p.useEffect)(()=>e.subscribe(e=>rX(e),t=>{r.setState(rG(t,e.getState))}),[]),r};function rJ(){return(0,p.useEffect)(()=>{console.warn("You're using the `usePuck` method without a selector, which may cause unnecessary re-renders. Replace with `createUsePuck` and provide a selector for improved performance.")},[]),function(e){let r=(0,p.useContext)(rK);if(!r)throw Error("usePuck must be used inside <Puck>.");return(0,k.P)(r,null!=e?e:e=>e)}(e=>e)}(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var r0=(0,u.d)("ComponentList",{ComponentList:"_ComponentList_htktj_1","ComponentList--isExpanded":"_ComponentList--isExpanded_htktj_5","ComponentList-content":"_ComponentList-content_htktj_9","ComponentList-title":"_ComponentList-title_htktj_17","ComponentList-titleIcon":"_ComponentList-titleIcon_htktj_63"}),r1=({name:e,label:r})=>{var t;let o=(0,i.CU)(e=>e.overrides),n=(0,i.CU)(r=>r.permissions.getPermissions({type:e}).insert);return(0,p.useEffect)(()=>{o.componentItem&&console.warn("The `componentItem` override has been deprecated and renamed to `drawerItem`")},[o]),(0,v.jsx)(rh.Item,{label:r,name:e,isDragDisabled:!n,children:null!=(t=o.componentItem)?t:o.drawerItem})},r2=({children:e,title:r,id:t})=>{let o=(0,i.CU)(e=>e.config),n=(0,i.CU)(e=>e.setUi),a=(0,i.CU)(e=>e.state.ui.componentList),{expanded:l=!0}=a[t]||{},c=`puck-drawer-category-${t}`;return(0,v.jsxs)("div",{className:r0({isExpanded:l}),children:[r&&(0,v.jsxs)("button",{type:"button",className:r0("title"),"aria-expanded":l,"aria-controls":c,onClick:()=>n({componentList:(0,d.ko)((0,d.IA)({},a),{[t]:(0,d.ko)((0,d.IA)({},a[t]),{expanded:!l})})}),title:l?`Collapse${r?` ${r}`:""}`:`Expand${r?` ${r}`:""}`,children:[(0,v.jsx)("div",{children:r}),(0,v.jsx)("div",{className:r0("titleIcon"),children:l?(0,v.jsx)(i.rX,{size:12}):(0,v.jsx)(i.yQ,{size:12})})]}),(0,v.jsx)("div",{className:r0("content"),id:c,children:(0,v.jsx)(rh,{children:e||Object.keys(o.components).map(e=>{var r;return(0,v.jsx)(r1,{label:null!=(r=o.components[e].label)?r:e,name:e},e)})})})]})};r2.Item=r1;var r4=()=>{let[e,r]=(0,p.useState)(),t=(0,i.CU)(e=>e.config),o=(0,i.CU)(e=>e.state.ui.componentList);return(0,p.useEffect)(()=>{var e,n,a;if(Object.keys(o).length>0){let i;let l=[];i=Object.entries(o).map(([e,r])=>
1r.components?(r.components.forEach(e=>{l.push(e)}),!1===r.visible)?null:(0,v.jsx)(r2,{id:e,title:r.title||e,children:r.components.map((e,r)=>{var o;let n=t.components[e]||{};return(0,v.jsx)(r2.Item,{label:null!=(o=n.label)?o:e,name:e,index:r},e)})},e):null);let c=Object.keys(t.components).filter(e=>-1===l.indexOf(e));!(c.length>0)||(null==(e=o.other)?void 0:e.components)||(null==(n=o.other)?void 0:n.visible)===!1||i.push((0,v.jsx)(r2,{id:"other",title:(null==(a=o.other)?void 0:a.title)||"Other",children:c.map((e,r)=>{var o;let n=t.components[e]||{};return(0,v.jsx)(r2.Item,{name:e,label:null!=(o=n.label)?o:e,index:r},e)})},"other")),r(i)}},[t.categories,t.components,o]),e},r3=()=>{let e=(0,i.CU)(e=>e.overrides),r=r4(),t=(0,p.useMemo)(()=>(e.components&&console.warn("The `components` override has been deprecated and renamed to `drawer`"),e.components||e.drawer||"div"),[e]);return(0,v.jsx)(t,{children:r||(0,v.jsx)(r2,{id:"all"})})};(0,d.hY)();var r6=(0,u.d)("BlocksPlugin",{BlocksPlugin:"_BlocksPlugin_9af19_1"}),r5=()=>({name:"blocks",label:"Blocks",render:()=>(0,v.jsx)("div",{className:r6(),children:(0,v.jsx)(r3,{})}),icon:(0,v.jsx)(i.pj,{})});(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var r7={LayerTree:"_LayerTree_1vltj_1","LayerTree-zoneTitle":"_LayerTree-zoneTitle_1vltj_11","LayerTree-helper":"_LayerTree-helper_1vltj_17",Layer:"_Layer_1vltj_1","Layer-inner":"_Layer-inner_1vltj_30","Layer--containsZone":"_Layer--containsZone_1vltj_37","Layer-clickable":"_Layer-clickable_1vltj_41","Layer--isSelected":"_Layer--isSelected_1vltj_63","Layer-chevron":"_Layer-chevron_1vltj_91","Layer--childIsSelected":"_Layer--childIsSelected_1vltj_92","Layer-zones":"_Layer-zones_1vltj_96","Layer-title":"_Layer-title_1vltj_110","Layer-name":"_Layer-name_1vltj_119","Layer-icon":"_Layer-icon_1vltj_125","Layer-zoneIcon":"_Layer-zoneIcon_1vltj_130"},r8=(0,u.d)("LayerTree",r7),r9=(0,u.d)("Layer",r7),te=new Map,tr=e=>Object.keys(e).reduce((e,r)=>{let[t]=r.split(":");return e[t]=[...e[t]||[],r],e},{}),tt=(e,r,t,o)=>{var n,a,i,l;if(void 0!==o)return o;let[c,u]=e.split(":");if(!u)return;let d=null==(n=r[c])?void 0:n.data.type,p=d&&d!==s.ho?t.components[d]:t.root;return null!=(l=null==(i=null==(a=null==p?void 0:p.fields)?void 0:a[u])?void 0:i.label)?l:u},to=({config:e,itemId:r,index:t,nodes:o,zoneCompound:n,zones:a,zonesByParent:i})=>{var l,c,u;let s=o[r],d=(null==(l=null==s?void 0:s.data.type)?void 0:l.toString())||"Component",p=null!=(u=null==(c=e.components[d])?void 0:c.label)?u:d;return{childZones:(i[r]||[]).map(r=>tn({config:e,nodes:o,zoneCompound:r,zones:a,zonesByParent:i})),componentType:d,index:t,itemId:r,label:p,zoneCompound:n}},tn=({config:e,label:r,nodes:t,zoneCompound:o,zones:n,zonesByParent:a=tr(n)})=>{var i,l;return{items:(null!=(l=null==(i=n[o])?void 0:i.contentIds)?l:[]).map((r,i)=>to({config:e,itemId:r,index:i,nodes:t,zoneCompound:o,zones:n,zonesByParent:a})),label:tt(o,t,e,r),zoneCompound:o}},ta=e=>{var r;return null!=(r=te.get(e))?r:32},ti=(e,r)=>{r<=0||te.set(e,r)},tl=e=>{var r;let t=null!=(r=null==e?void 0:e.parentElement)?r:null;for(;t;){let{overflow:e,overflowY:r}=getComputedStyle(t);if([e,r].some(e=>/auto|scroll/.test(e)))return t;t=t.parentElement}return null},tc=(0,p.forwardRef)(function({childIsSelected:e,dataIndex:r,depth:t,isSelected:o,node:n,selectedId:a,selectedPathIds:l},c){let u=(0,i.CU)(e=>e.dispatch),s=(0,p.useContext)(eX),d=Y(eX,e=>e.hoveringComponent===n.itemId),_=n.childZones.length>0,k=(0,p.useCallback)(e=>{u({type:"setUi",ui:{itemSelector:e}})},[u]),m=o||e;return(0,v.jsxs)("li",{ref:c,className:r9({childIsSelected:e,containsZone:_,isHovering:d,isSelected:o}),"data-index":r,"data-puck-layer-tree-id":n.itemId,children:[(0,v.jsx)("div",{className:r9("inner"),children:(0,v.jsxs)("button",{type:"button",className:r9("clickable"),onClick:()=>{if(o){k(null);return}k({index:n.index,zone:n.zoneCompound}),s.getState().scrollToComponent(n.itemId)},onMouseEnter:e=>{e.stopPropagation(),s.setState({hoveringComponent:n.itemId})},onMouseLeave:e=>{e.stopPropagation(),s.setState({hoveringComponent:null})},children:[_&&(0,v.jsx)("div",{className:r9("chevron"),title:o?"Collapse":"Expand",children:(0,v.jsx)(i.yQ,{size:"12"})}),(0,v.jsxs)("div",{className:r9("title"),children:[(0,v.jsx)("div",{className:r9("icon"),children:"Text"===n.componentType||"Heading"===n.componentType?(0,v.jsx)(i.ZU,{size:"16"}):(0,v.jsx)(i.D6,{size:"16"})}),(0,v.jsx)("div",{className:r9("name"),children:n.label})]})]})}),_&&m&&n.childZones.map(e=>(0,v.jsx)("div",{className:r9("zones"),children:(0,v.jsx)(tu,{depth:t+1,selectedId:a,selectedPathIds:l,tree:e})},e.zoneCompound))]})}),tu=({depth:e,selectedId:r,selectedPathIds:t,tree:o})=>{let n=0===e&&o.items.length>=25;return(0,v.jsxs)(v.Fragment,{children:[o.label&&(0,v.jsxs)("div",{className:r8("zoneTitle"),children:[(0,v.jsx)("div",{className:r8("zoneIcon"),children:(0,v.jsx)(i.zg,{size:"16"})}),o.label]}),n?(0,v.jsx)(td,{depth:e,selectedId:r,selectedPathIds:t,tree:o}):(0,v.jsx)(ts,{depth:e,selectedId:r,selectedPathIds:t,tree:o})]})},ts=({depth:e,selectedId:r,selectedPathIds:t,tree:o})=>(0,v.jsxs)("ul",{className:r8(),children:[0===o.items.length&&(0,v.jsx)("div",{className:r8("helper"),children:"No items"}),o.items.map(o=>(0,v.jsx)(tc,{childIsSelected:t.has(o.itemId),depth:e,isSelected:r===o.itemId,node:o,selectedId:r,selectedPathIds:t},o.itemId))]}),td=({depth:e,selectedId:r,selectedPathIds:t,tree:o})=>{let n=(0,p.useRef)(null),a=(0,E.Te)({count:o.items.length,estimateSize:e=>ta(o.items[e].itemId),getItemKey:e=>o.items[e].itemId,getScrollElement:()=>tl(n.current),overscan:8,measureElement:e=>{let r=Math.ceil(e.getBoundingClientRect().height),t=e.dataset.puckLayerTreeId;return t&&ti(t,r),r||32}}),i=a.getVirtualItems(),l=a.getTotalSize(),c=[],u=0,s=-1;
1i.forEach(n=>{let i=o.items[n.index],l=Math.max(n.start-u,0);l>0&&c.push((0,v.jsx)("li",{"aria-hidden":"true",style:{height:`${l}px`}},`gap:${o.zoneCompound}:${s}:${n.index}`)),c.push((0,v.jsx)(tc,{childIsSelected:t.has(i.itemId),dataIndex:n.index,depth:e,isSelected:r===i.itemId,node:i,ref:a.measureElement,selectedId:r,selectedPathIds:t},i.itemId)),u=n.end,s=n.index});let d=Math.max(l-u,0);return d>0&&c.push((0,v.jsx)("li",{"aria-hidden":"true",style:{height:`${d}px`}},`gap:${o.zoneCompound}:${s}:end`)),(0,v.jsxs)("ul",{className:r8(),ref:n,children:[0===o.items.length&&(0,v.jsx)("div",{className:r8("helper"),children:"No items"}),c]})},tp=({selectedId:e,selectedPathIds:r,trees:t})=>(0,v.jsx)(v.Fragment,{children:t.map(t=>(0,v.jsx)(tu,{depth:0,selectedId:e,selectedPathIds:r,tree:t},t.zoneCompound))});(0,d.hY)();var tv=(e,r)=>Object.keys(e.indexes.zones).filter(e=>e.split(":")[0]===r),t_=()=>{let e=(0,i.CU)(e=>e.overrides.outline),r=(0,i.CU)(e=>e.config),t=(0,i.CU)(e=>e.state.indexes.nodes),o=(0,i.CU)(e=>e.state.indexes.zones),n=(0,i.CU)(e=>{var r;return(null==(r=e.selectedItem)?void 0:r.props.id)||null}),a=(0,i.CU)((0,_.k)(e=>tv(e.state,"root"))),l=(0,p.useMemo)(()=>{var e;let r=n?null==(e=t[n])?void 0:e.path:null;return new Set((null==r?void 0:r.map(e=>e.split(":")[0]).filter(Boolean))||[])},[t,n]),c=(0,p.useMemo)(()=>a.map(e=>tn({config:r,label:1===a.length?"":e.split(":")[1],nodes:t,zoneCompound:e,zones:o})),[r,t,a,o]),u=(0,p.useMemo)(()=>e||"div",[e]);return(0,v.jsx)(u,{children:(0,v.jsx)(tp,{selectedId:n,selectedPathIds:l,trees:c})})};(0,d.hY)();var tk=(0,u.d)("OutlinePlugin",{OutlinePlugin:"_OutlinePlugin_16k03_1"}),tm=()=>({name:"outline",label:"Outline",render:()=>(0,v.jsx)("div",{className:tk(),children:(0,v.jsx)(t_,{})}),icon:(0,v.jsx)(i.zg,{})});(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var th=e=>{let r=(0,i.CU)(e=>{var r;return null==(r=e.selectedItem)?void 0:r.props.id}),t=(0,i.CU)(e=>e.config),o=(0,i.CU)(e=>{var t;return null==(t=e.state.indexes.nodes[r])?void 0:t.path}),n=(0,i.sL)();return(0,p.useMemo)(()=>{let r=(null==o?void 0:o.map(e=>{var r,o,a,i;let[l]=e.split(":");if("root"===l)return{label:(null==(r=null==t?void 0:t.root)?void 0:r.label)||"Page",selector:null};let c=n.getState().state.indexes.nodes[l],u=c.path[c.path.length-1],s=((null==(o=n.getState().state.indexes.zones[u])?void 0:o.contentIds)||[]).indexOf(l);return{label:c?null!=(i=null==(a=t.components[c.data.type])?void 0:a.label)?i:c.data.type:"Component",selector:c?{index:s,zone:c.path[c.path.length-1]}:null}}))||[];return e?r.slice(r.length-e):r},[o,e])},tg=(0,u.d)("Breadcrumbs",{Breadcrumbs:"_Breadcrumbs_8c6w5_1","Breadcrumbs-breadcrumbLabel":"_Breadcrumbs-breadcrumbLabel_8c6w5_7","Breadcrumbs-breadcrumb":"_Breadcrumbs-breadcrumb_8c6w5_7"}),tf=({children:e,numParents:r=1})=>{let t=(0,i.CU)(e=>e.setUi),o=th(r);return(0,v.jsxs)("div",{className:tg(),children:[o.map((e,r)=>(0,v.jsxs)("div",{className:tg("breadcrumb"),children:[(0,v.jsx)("button",{type:"button",className:tg("breadcrumbLabel"),onClick:()=>t({itemSelector:e.selector}),children:e.label}),(0,v.jsx)(i.c_,{size:16})]},r)),e]})};(0,d.hY)(),(0,d.hY)();var tb=(0,u.d)("PuckFields",{PuckFields:"_PuckFields_wnj25_1","PuckFields--isLoading":"_PuckFields--isLoading_wnj25_6","PuckFields-loadingOverlay":"_PuckFields-loadingOverlay_wnj25_10","PuckFields-loadingOverlayInner":"_PuckFields-loadingOverlayInner_wnj25_25","PuckFields-field":"_PuckFields-field_wnj25_32","PuckFields--wrapFields":"_PuckFields--wrapFields_wnj25_36"}),tx=({children:e})=>(0,v.jsx)(v.Fragment,{children:e}),ty=(e,r)=>(t,o)=>(0,d.BU)(null,null,function*(){let{dispatch:n,state:a,selectedItem:i,resolveComponentData:l}=r.getState(),{data:c,ui:u}=a,{itemSelector:p}=u,v=c.root.props||c.root,_=i?i.props:v,k=(0,d.ko)((0,d.IA)({},_),{[e]:t});if(i&&p){let e=yield l((0,d.ko)((0,d.IA)({},i),{props:k}),"replace"),t=ri(r.getState().state,i.props.id);if(!t)return;n({type:"replace",destinationIndex:t.index,destinationZone:t.zone||s.Ln,data:e.node,ui:o});return}if(c.root.props){n({type:"replaceRoot",root:(yield l((0,d.ko)((0,d.IA)({},c.root),{props:k}),"replace")).node,ui:(0,d.IA)((0,d.IA)({},u),o),recordHistory:!0});return}n({type:"setData",data:{root:k}})}),tw=({fieldName:e})=>{let r=(0,i.CU)(r=>r.fields.fields[e]),t=(0,i.CU)(r=>((r.selectedItem?r.selectedItem.readOnly:r.state.data.root.readOnly)||{})[e]),o=(0,i.CU)(t=>r?t.selectedItem?`${t.selectedItem.props.id}_${r.type}_${e}`:`root_${r.type}_${e}`:null),n=(0,i.CU)((0,_.k)(e=>{let{selectedItem:r,permissions:t}=e;return r?t.getPermissions({item:r}):t.getPermissions({root:!0})}
1)),a=(0,i.sL)(),l=(0,p.useCallback)(ty(e,a),[e]),{visible:c=!0}=null!=r?r:{},u=(0,p.useContext)(U.ctx);return((0,p.useEffect)(()=>a.subscribe(r=>{var t;return null==(t=r.getCurrentData().props)?void 0:t[e]},r=>{u.setState({[e]:r})}),[a,u]),r&&o&&c&&"slot"!==r.type)?(0,v.jsx)("div",{className:tb("field"),children:(0,v.jsx)(e$,{field:r,name:e,id:o,readOnly:!n.edit||t,onChange:l})},o):null},tI=(0,p.memo)(({fieldName:e})=>{let r=(0,i.sL)(),t=(0,p.useMemo)(()=>{var t;let o=null==(t=r.getState().getCurrentData().props)?void 0:t[e];return{[e]:o}},[]);return(0,v.jsx)(U.Provider,{value:t,children:(0,v.jsx)(tw,{fieldName:e})})}),tz=(0,p.memo)(({wrapFields:e=!0})=>{let r=(0,i.CU)(e=>e.overrides),t=(0,i.CU)(e=>{var r,t;let o=e.selectedItem?null==(r=e.componentState[e.selectedItem.props.id])?void 0:r.loadingCount:null==(t=e.componentState.root)?void 0:t.loadingCount;return(null!=o?o:0)>0}),o=(0,i.CU)((0,_.k)(e=>e.state.ui.itemSelector)),n=(0,i.CU)(e=>{var r;return null==(r=e.selectedItem)?void 0:r.props.id}),a=(0,i.sL)();(0,i.os)(a,n);let l=(0,i.CU)(e=>e.fields.loading),c=(0,i.CU)((0,_.k)(e=>e.fields.id===n?Object.keys(e.fields.fields):[])),u=l||t,s=(0,p.useMemo)(()=>r.fields||tx,[r]);return(0,v.jsxs)("form",{className:tb({wrapFields:e}),onSubmit:e=>{e.preventDefault()},children:[(0,v.jsx)(s,{isLoading:u,itemSelector:o,children:c.map(e=>(0,v.jsx)(tI,{fieldName:e},e))}),u&&(0,v.jsx)("div",{className:tb("loadingOverlay"),children:(0,v.jsx)("div",{className:tb("loadingOverlayInner"),children:(0,v.jsx)(i.aH,{size:16})})})]})});(0,d.hY)();var tj=(0,u.d)("FieldsPlugin",{FieldsPlugin:"_FieldsPlugin_18cj3_1","FieldsPlugin-header":"_FieldsPlugin-header_18cj3_7"}),tC=()=>(0,i.CU)(e=>{var r,t;let o=e.selectedItem;return o?null!=(t=null==(r=e.config.components[o.type])?void 0:r.label)?t:o.type:"Page"}),tS=({desktopSideBar:e="right"}={})=>({name:"fields",label:"Fields",render:()=>(0,v.jsxs)("div",{className:tj(),children:[(0,v.jsx)("div",{className:tj("header"),children:(0,v.jsx)(tf,{numParents:2,children:(0,v.jsx)(tC,{})})}),(0,v.jsx)(tz,{})]}),icon:(0,v.jsx)(i.fL,{}),mobileOnly:"right"===e});(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var tE=`@import "https://rsms.me/inter/inter.css"; 2 3/* styles/color.css */ 4@layer puck-tokens { 5 :root { 6 --puck-color-rose-01: #4a001c; 7 --puck-color-rose-02: #670833; 8 --puck-color-rose-03: #87114c; 9 --puck-color-rose-04: #a81a66; 10 --puck-color-rose-05: #bc5089; 11 --puck-color-rose-06: #cc7ca5; 12 --puck-color-rose-07: #d89aba; 13 --puck-color-rose-08: #e3b8cf; 14 --puck-color-rose-09: #efd6e3; 15 --puck-color-rose-10: #f6eaf1; 16 --puck-color-rose-11: #faf4f8; 17 --puck-color-rose-12: #fef8fc; 18 --puck-color-azure-01: #00175d; 19 --puck-color-azure-02: #002c77; 20 --puck-color-azure-03: #014292; 21 --puck-color-azure-04: #0158ad; 22 --puck-color-azure-05: #3479be; 23 --puck-color-azure-06: #6499cf; 24 --puck-color-azure-07: #88b0da; 25 --puck-color-azure-08: #abc7e5; 26 --puck-color-azure-09: #cfdff0; 27 --puck-color-azure-10: #e7eef7; 28 --puck-color-azure-11: #f3f6fb; 29 --puck-color-azure-12: #f7faff; 30 --puck-color-green-01: #002000; 31 --puck-color-green-02: #043604; 32 --puck-color-green-03: #084e08; 33 --puck-color-green-04: #0c680c; 34 --puck-color-green-05: #1d882f; 35 --puck-color-green-06: #2faa53; 36 --puck-color-green-07: #56c16f; 37 --puck-color-green-08: #7dd78b; 38 --puck-color-green-09: #b8e8bf; 39 --puck-color-green-10: #ddf3e0; 40 --puck-color-green-11: #eff8f0; 41 --puck-color-green-12: #f3fcf4; 42 --puck-color-yellow-01: #211000; 43 --puck-color-yellow-02: #362700; 44 --puck-color-yellow-03: #4c4000; 45 --puck-color-yellow-04: #645a00; 46 --puck-color-yellow-05: #877614; 47 --puck-color-yellow-06: #ab9429; 48 --puck-color-yellow-07: #bfac4e; 49 --puck-color-yellow-08: #d4c474; 50 --puck-color-yellow-09: #e6deb1; 51 --puck-color-yellow-10: #f3efd9; 52 --puck-color-yellow-11: #f9f7ed; 53 --puck-color-yellow-12: #fcfaf0; 54 --puck-color-red-01: #4c0000; 55 --puck-color-red-02: #6a0a10; 56 --puck-color-red-03: #8a1422; 57 --puck-color-red-04: #ac1f35; 58 --puck-color-red-05: #bf5366; 59 --puck-color-red-06: #ce7e8e; 60 --puck-color-red-07: #d99ca8; 61 --puck-color-red-08: #e4b9c2; 62 --puck-color-red-09: #efd7db; 63 --puck-color-red-10: #f6eaec; 64 --puck-color-red-11: #faf4f5; 65 --puck-color-red-12: #fff9fa; 66 --puck-color-grey-01: #181818; 67 --puck-color-grey-02: #292929; 68 --puck-color-grey-03: #404040; 69 --puck-color-grey-04: #5a5a5a; 70 --puck-color-grey-05: #767676; 71 --puck-color-grey-06: #949494; 72 --puck-color-grey-07: #ababab; 73 --puck-color-grey-08: #c3c3c3; 74 --puck-color-grey-09: #dcdcdc; 75 --puck-color-grey-10: #efefef; 76 --puck-color-grey-11: #f5f5f5; 77 --puck-color-grey-12: #fafafa; 78 --puck-color-black: #000000; 79 --puck-color-white: #ffffff; 80 } 81} 82 83/* styles/tokens.css */ 84@layer puck-tokens { 85 :root { 86 --puck-color-surface: var(--puck-color-white); 87 --puck-color-surface-muted: var(--puck-color-grey-11); 88 --puck-color-surface-subtle: var(--puck-color-grey-12); 89 --puck-color-surface-inverse: var(--puck-color-grey-01); 90 --puck-color-border: var(--puck-color-grey-09); 91 --puck-color-border-hover: var(--puck-color-grey-05); 92 --puck-color-border-muted: var(--puck-color-grey-10); 93 --puck-color-border-inverse: var(--puck-color-grey-05); 94 --puck-color-text: var(--puck-color-black); 95 --puck-color-text-secondary: var(--puck-color-grey-04); 96 --puck-color-text-muted: var(--puck-color-grey-05);
97 --puck-color-text-subtle: var(--puck-color-grey-07); 98 --puck-color-text-inverse: var(--puck-color-white); 99 --puck-opacity-text-inverse: 0.75; 100 --puck-color-interactive: var(--puck-color-azure-04); 101 --puck-color-interactive-hover: var(--puck-color-azure-03); 102 --puck-color-interactive-active: var(--puck-color-azure-02); 103 --puck-color-interactive-subtle: var(--puck-color-azure-10); 104 --puck-color-interactive-soft: var(--puck-color-azure-11); 105 --puck-color-interactive-soft-hover: var(--puck-color-azure-12); 106 --puck-color-interactive-neutral-hover: var(--puck-color-grey-10); 107 --puck-color-interactive-inverse-hover: var(--puck-color-azure-06); 108 --puck-color-interactive-inverse-active: var(--puck-color-azure-07); 109 --puck-color-focus-ring: var(--puck-color-azure-05); 110 --puck-color-selection-bg: color-mix( in srgb, var(--puck-color-azure-09) 30%, transparent ); 111 --puck-color-selection-border: var(--puck-color-azure-08); 112 --puck-color-highlight: var(--puck-color-rose-07); 113 --puck-color-bg-disabled: var(--puck-color-grey-07); 114 --puck-color-text-disabled: var(--puck-color-grey-03); 115 --puck-color-overlay-backdrop: color-mix( in srgb, var(--puck-color-black) 75%, transparent ); 116 --puck-space-1: 4px; 117 --puck-space-2: 8px; 118 --puck-space-3: 12px; 119 --puck-space-4: 16px; 120 --puck-space-5: 24px; 121 --puck-space-chrome-gutter: var(--puck-space-4); 122 --puck-radius-none: 0; 123 --puck-radius-xs: 2px; 124 --puck-radius-s: 3px; 125 --puck-radius-m: 4px; 126 --puck-radius-l: 8px; 127 --puck-radius-pill: 30px; 128 --puck-radius-round: 100%; 129 --puck-border-width-hairline: 0.5px; 130 --puck-border-width-regular: 1px; 131 --puck-border-width-focus: 2px; 132 --puck-border-width-strong: 4px; 133 --puck-duration-fast: 50ms; 134 --puck-duration-medium: 150ms; 135 --puck-duration-slow: 250ms; 136 --puck-ease-exit: ease-in; 137 --puck-ease-emphasized: ease-in-out; 138 --puck-ease-entrance: ease-out; 139 --puck-font-weight-regular: 400; 140 --puck-font-weight-medium: 500; 141 --puck-font-weight-semibold: 600; 142 --puck-font-weight-bold: 700; 143 --puck-font-weight-heavy: 800; 144 --puck-letter-spacing-ui: 0.05ch; 145 --puck-letter-spacing-heading: 0.08ch; 146 --puck-icon-size-s: 16px; 147 --puck-icon-size-m: 18px; 148 --puck-icon-size-l: 24px; 149 --puck-space-m-unitless: 24; 150 --puck-user-sidebar-left-width: var(--puck-sidebar-width); 151 --puck-user-sidebar-right-width: var(--puck-sidebar-width); 152 --puck-slot-min-empty-height: 128px; 153 } 154} 155 156/* styles/typography.css */ 157@layer puck-tokens { 158 :root { 159 --puck-font-size-scale-base-unitless: 12; 160 --puck-font-size-xxxs-unitless: 12; 161 --puck-font-size-xxs-unitless: 14; 162 --puck-font-size-xs-unitless: 16; 163 --puck-font-size-s-unitless: 18; 164 --puck-font-size-m-unitless: 21; 165 --puck-font-size-l-unitless: 24; 166 --puck-font-size-xl-unitless: 28; 167 --puck-font-size-xxl-unitless: 36; 168 --puck-font-size-xxxl-unitless: 48; 169 --puck-font-size-xxxxl-unitless: 56; 170 --puck-font-size-xxxs: calc( 1rem * var(--puck-font-size-xxxs-unitless) / 16 ); 171 --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16); 172 --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16); 173 --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16); 174 --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16); 175 --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16); 176 --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16); 177 --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16); 178 --puck-font-size-xxxl: calc( 1rem * var(--puck-font-size-xxxl-unitless) / 16 ); 179 --puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 ); 180 --puck-font-size-base: var(--puck-font-size-xs); 181 --puck-line-height-reset: 1; 182 --puck-line-height-xs: calc( var(--puck-space-m-unitless) / var(--puck-font-size-m-unitless) ); 183 --puck-line-height-s: calc( var(--puck-space-m-unitless) / var(--puck-font-size-s-unitless) ); 184 --puck-line-height-m: calc( var(--puck-space-m-unitless) / var(--puck-font-size-xs-unitless) ); 185 --puck-line-height-l: calc( var(--puck-space-m-unitless) / var(--puck-font-size-xxs-unitless) ); 186 --puck-line-height-xl: calc( var(--puck-space-m-unitless) / var(--puck-font-size-scale-base-unitless) ); 187 --puck-line-height-base: var(--puck-line-height-m); 188 --puck-fallback-font-stack: 189 -apple-system, 190 BlinkMacSystemFont, 191 Segoe UI, 192 Helvetica Neue, 193 sans-serif, 194 Apple Color Emoji, 195 Segoe UI Emoji, 196 Segoe UI Symbol; 197 --puck-font-family: Inter, var(--puck-fallback-font-stack); 198 --puck-font-family-monospaced: 199 ui-monospace, 200 "Cascadia Code", 201 "Source Code Pro", 202 Menlo, 203 Consolas, 204 "DejaVu Sans Mono", 205 monospace; 206 } 207 @supports (font-variation-settings: normal) { 208 :root { 209 --puck-font-family: InterVariable, var(--puck-fallback-font-stack); 210 } 211 } 212} 213 214/* bundle/core.css */ 215:root { 216 --_puck-styles-loaded: "true"; 217} 218#frame-root { 219 height: 1px; 220 min-height: 100vh; 221} 222[data-puck-entry] { 223 position: relative; 224 z-index: 0; 225} 226 227/* bundle/index.css */ 228
229/* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */ 230._ActionBar_5vdfr_1 { 231 align-items: center; 232 cursor: default; 233 display: flex; 234 width: auto; 235 padding-top: var(--puck-actionbar-space-y, var(--puck-space-1)); 236 padding-bottom: var(--puck-actionbar-space-y, var(--puck-space-1)); 237 padding-inline-start: var(--puck-actionbar-space-x, 0); 238 padding-inline-end: var(--puck-actionbar-space-x, 0); 239 border-radius: var(--puck-actionbar-radius, var(--puck-radius-l)); 240 background: var(--puck-actionbar-color-bg, var(--puck-color-surface-inverse)); 241 color: var(--puck-color-text-inverse); 242 font-family: var(--puck-font-family); 243 min-height: 26px; 244} 245._ActionBar-label_5vdfr_17 { 246 color: var(--puck-actionbar-color-text, var(--puck-color-text-inverse)); 247 font-size: var(--puck-actionbar-font-size, var(--puck-font-size-xxxs)); 248 opacity: var(--puck-actionbar-opacity-text, var(--puck-opacity-text-inverse)); 249 font-weight: var(--puck-font-weight-medium); 250 padding-inline-start: var(--puck-space-2); 251 padding-inline-end: var(--puck-space-2); 252 margin-inline-start: var(--puck-space-1); 253 margin-inline-end: var(--puck-space-1); 254 text-overflow: ellipsis; 255 white-space: nowrap; 256} 257._ActionBarAction_5vdfr_30 + ._ActionBar-label_5vdfr_17 { 258 padding-inline-start: 0; 259} 260._ActionBar-label_5vdfr_17 + ._ActionBarAction_5vdfr_30 { 261 margin-inline-start: calc(var(--puck-space-1) * -1); 262} 263._ActionBar-group_5vdfr_38 { 264 align-items: center; 265 border-inline-start: var(--puck-border-width-hairline) solid var(--puck-actionbar-color-separator, var(--puck-color-border-inverse)); 266 display: flex; 267 height: 100%; 268 padding-inline-start: var(--puck-space-1); 269 padding-inline-end: var(--puck-space-1); 270} 271._ActionBar-group_5vdfr_38:first-of-type { 272 border-inline-start: 0; 273} 274._ActionBar-group_5vdfr_38:empty { 275 display: none; 276} 277._ActionBarAction_5vdfr_30 { 278 background: transparent; 279 border: none; 280 color: var(--puck-actionbar-color-text, var(--puck-color-text-inverse)); 281 cursor: pointer; 282 padding: var(--puck-actionbar-action-space, 6px); 283 margin-inline-start: var(--puck-space-1); 284 margin-inline-end: var(--puck-space-1); 285 border-radius: var(--puck-radius-m); 286 overflow: hidden; 287 display: flex; 288 align-items: center; 289 justify-content: center; 290 opacity: var(--puck-actionbar-opacity-text, var(--puck-opacity-text-inverse)); 291 transition: color var(--puck-duration-fast) var(--puck-ease-exit), opacity var(--puck-duration-fast) var(--puck-ease-exit); 292} 293._ActionBarAction--disabled_5vdfr_74 { 294 cursor: auto; 295 color: var( --puck-actionbar-color-action-disabled, var(--puck-color-text-inverse) ); 296 opacity: var(--puck-actionbar-opacity-action-disabled, 0.54); 297} 298._ActionBarAction_5vdfr_30 svg { 299 max-width: none !important; 300} 301._ActionBarAction_5vdfr_30:focus-visible { 302 outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring); 303 outline-offset: calc(var(--puck-border-width-focus) * -1); 304} 305@media (hover: hover) and (pointer: fine) { 306 ._ActionBarAction_5vdfr_30:hover:not(._ActionBarAction--disabled_5vdfr_74) { 307 color: var( --puck-actionbar-color-action-hover, var(--puck-color-interactive-inverse-hover) ); 308 opacity: 1; 309 transition: none; 310 } 311} 312._ActionBarAction_5vdfr_30:active:not(._ActionBarAction--disabled_5vdfr_74), 313._ActionBarAction--active_5vdfr_104 { 314 color: var( --puck-actionbar-color-action-active, var(--puck-color-interactive-inverse-active) ); 315 opacity: 1; 316 transition: none; 317} 318._ActionBar-group_5vdfr_38 * { 319 margin: 0; 320} 321._ActionBar-separator_5vdfr_117 { 322 background: var( --puck-actionbar-color-separator, var(--puck-color-border-inverse) ); 323 margin-inline: var(--puck-space-1); 324 width: var( --puck-border-width-hairline ); 325 height: 100%; 326} 327 328/* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */ 329._InputWrapper_qyenz_1 + ._InputWrapper_qyenz_1 { 330 margin-top: var(--puck-space-3); 331} 332._Input-label_qyenz_5 { 333 align-items: center; 334 color: var(--puck-field-label-color-text, var(--puck-color-text-secondary)); 335 display: flex; 336 padding-bottom: var(--puck-field-label-space-y, var(--puck-space-3)); 337 font-size: var(--puck-field-label-font-size, var(--puck-font-size-xxs));
338 font-weight: var( --puck-field-label-font-weight, var(--puck-font-weight-semibold) ); 339} 340._Input-labelIcon_qyenz_17 { 341 color: var(--puck-field-label-color-icon, var(--puck-color-text-subtle)); 342 display: flex; 343 margin-inline-end: var(--puck-space-1); 344 padding-inline-start: var(--puck-space-1); 345} 346._Input-disabledIcon_qyenz_24 { 347 color: var(--puck-color-text-muted); 348 margin-inline-start: auto; 349} 350._Input-input_qyenz_29 { 351 background: var(--puck-field-color-bg, var(--puck-color-surface)); 352 border-width: var( --puck-field-border-width, var(--puck-border-width-regular) ); 353 border-style: solid; 354 border-color: var(--puck-field-color-border, var(--puck-color-border)); 355 border-radius: var(--puck-field-radius, var(--puck-radius-m)); 356 box-sizing: border-box; 357 color: var(--puck-field-color-text, var(--puck-color-text)); 358 font-family: inherit; 359 font-size: var(--puck-font-size-xs); 360 padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc( var(--puck-space-4) - var(--puck-field-border-width, var(--puck-border-width-regular)) ) ); 361 transition: border-color var(--puck-duration-fast) var(--puck-ease-exit); 362 width: 100%; 363 max-width: 100%; 364} 365@media (min-width: 458px) { 366 ._Input-input_qyenz_29 { 367 font-size: var(--puck-field-font-size, var(--puck-font-size-xxs)); 368 } 369} 370._Input-select_qyenz_61 { 371 position: relative; 372 width: 100%; 373} 374select._Input-input_qyenz_29 { 375 appearance: none; 376 cursor: pointer; 377} 378._Input-selectIcon_qyenz_71 { 379 position: absolute; 380 right: 12px; 381 top: 50%; 382 transform: translateY(-50%); 383 pointer-events: none; 384 fill: var(--puck-field-color-border, var(--puck-color-border)); 385 stroke-width: 0; 386} 387._Input-selectIcon_qyenz_71:dir(rtl) { 388 right: auto; 389 left: 12px; 390} 391@media (hover: hover) and (pointer: fine) { 392 ._Input_qyenz_1:has(> input):hover ._Input-input_qyenz_29:not([readonly]), 393 ._Input_qyenz_1:has(> textarea):hover ._Input-input_qyenz_29:not([readonly]) { 394 border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) ); 395 transition: none; 396 } 397 ._Input_qyenz_1:has(> ._Input-select_qyenz_61):hover ._Input-input_qyenz_29:not([disabled]) { 398 color: var( --puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)) ); 399 background-color: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) ); 400 border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) ); 401 transition: none; 402 } 403 ._Input_qyenz_1:not(._Input--readOnly_qyenz_111):has(> ._Input-select_qyenz_61):hover ._Input-selectIcon_qyenz_71 { 404 fill: var(--puck-field-color-border-hover, var(--puck-color-border-hover)); 405 } 406} 407._Input-input_qyenz_29:focus { 408 border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) ); 409 outline: var(--puck-border-width-focus) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring)); 410 transition: none; 411} 412._Input--readOnly_qyenz_111 > ._Input-input_qyenz_29, 413._Input--readOnly_qyenz_111 > ._Input-select_qyenz_61 > select._Input-input_qyenz_29 { 414 background-color: var( --puck-field-color-bg-disabled, var(--puck-color-surface-muted) ); 415 border-color: var( --puck-field-color-border-disabled, var(--puck-color-border) ); 416 color: var( --puck-field-color-text-disabled, var(--puck-color-text-secondary) ); 417 cursor: default; 418 opacity: 1; 419 outline: 0; 420 transition: none; 421} 422._Input--readOnly_qyenz_111 > ._Input-select_qyenz_61 > select._Input-input_qyenz_29 ~ ._Input-selectIcon_qyenz_71 { 423 fill: var(--puck-field-color-text-disabled, var(--puck-color-text-secondary)); 424} 425._Input-radioGroupItems_qyenz_150 { 426 --_puck-field-radio-radius: var(--puck-field-radius, var(--puck-radius-m)); 427 --_puck-field-radio-border-width: var( --puck-field-border-width, var(--puck-border-width-regular) ); 428 --_puck-field-radio-border-color: var( --puck-field-color-border, var(--puck-color-border) ); 429 display: flex; 430 border: var(--_puck-field-radio-border-width) solid var(--_puck-field-radio-border-color); 431 border-radius: var(--_puck-field-radio-radius); 432 flex-wrap: wrap; 433} 434._Input-radio_qyenz_150 { 435 border-inline-end: var(--_puck-field-radio-border-width) solid var(--_puck-field-radio-border-color); 436 flex-grow: 1; 437} 438._Input-radio_qyenz_150:first-of-type { 439 border-bottom-left-radius: var(--_puck-field-radio-radius); 440 border-top-left-radius: var(--_puck-field-radio-radius); 441} 442._Input-radio_qyenz_150:first-of-type ._Input-radioInner_qyenz_179 { 443 border-bottom-left-radius: calc(var(--_puck-field-radio-radius) - var(--_puck-field-radio-border-width)); 444 border-top-left-radius: calc(var(--_puck-field-radio-radius) - var(--_puck-field-radio-border-width)); 445} 446._Input-radio_qyenz_150:last-of-type { 447 border-bottom-right-radius: var(--_puck-field-radio-radius); 448 border-inline-end: 0; 449 border-top-right-radius: var(--_puck-field-radio-radius); 450} 451._Input-radio_qyenz_150:last-of-type ._Input-radioInner_qyenz_179 { 452 border-bottom-right-radius: calc(var(--_puck-field-radio-radius) - var(--_puck-field-radio-border-width)); 453 border-top-right-radius: calc(var(--_puck-field-radio-radius) - var(--_puck-field-radio-border-width)); 454} 455._Input-radioInner_qyenz_179 { 456 background-color: var(--puck-field-color-bg, var(--puck-color-surface)); 457 color: var(--puck-field-color-text, var(--puck-color-text)); 458 cursor: pointer; 459 font-size: var(--puck-field-font-size, var(--puck-font-size-xxs)); 460 padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc(var(--puck-space-4) - var(--_puck-field-radio-border-width)) ); 461 text-align: center; 462 transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit); 463} 464._Input-radio_qyenz_150:has(:focus-visible) { 465 outline: var(--puck-border-width-focus) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring)); 466 outline-offset: var(--puck-border-width-focus); 467 position: relative; 468} 469@media (hover: hover) and (pointer: fine) { 470 ._Input-radioInner_qyenz_179:hover { 471 background-color: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) ); 472 color: var( --puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)) ); 473 transition: none; 474 } 475} 476._Input--readOnly_qyenz_111 ._Input-radioGroupItems_qyenz_150 { 477 border-color: var( --puck-field-color-border-disabled, var(--puck-color-border) ); 478} 479._Input--readOnly_qyenz_111 ._Input-radioInner_qyenz_179 { 480 background-color: var(--puck-field-color-bg, var(--puck-color-surface)); 481 color: var(--puck-field-color-text, var(--puck-color-text-secondary)); 482 cursor: default; 483} 484._Input--readOnly_qyenz_111 ._Input-radio_qyenz_150 { 485 border-inline-end: var(--_puck-field-radio-border-width) solid var(--puck-field-color-border-disabled, var(--puck-color-border)); 486} 487._Input--readOnly_qyenz_111 ._Input-radio_qyenz_150:last-of-type { 488 border-inline-end: 0; 489} 490._Input-radio_qyenz_150 ._Input-radioInput_qyenz_261:checked ~ ._Input-radioInner_qyenz_179 { 491 background-color: var( --puck-field-color-bg-active, var(--puck-color-interactive-soft) ); 492 color: var(--puck-field-color-text-active, var(--puck-color-interactive)); 493 font-weight: var(--puck-font-weight-medium); 494} 495._Input--readOnly_qyenz_111 ._Input-radioInput_qyenz_261:checked ~ ._Input-radioInner_qyenz_179 { 496 background-color: var( --puck-field-color-bg-disabled, var(--puck-color-surface-muted) ); 497 color: var( --puck-field-color-text-disabled, var(--puck-color-text-secondary) ); 498} 499._Input-radio_qyenz_150 ._Input-radioInput_qyenz_261 { 500 clip: rect(0 0 0 0); 501 clip-path: inset(100%); 502 height: 1px; 503 overflow: hidden; 504 position: absolute; 505 white-space: nowrap; 506 width: 1px; 507} 508textarea._Input-input_qyenz_29 { 509 margin-bottom: calc(var(--puck-space-1) * -1); 510} 511 512/* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data */ 513._ArrayField_62huh_5 { 514 --_puck-field-array-border-color: var( --puck-field-color-border, var(--puck-color-border) ); 515 --_puck-field-array-border-width: var( --puck-field-border-width, var(--puck-border-width-regular) ); 516 --_puck-field-array-radius: var(--puck-field-radius, var(--puck-radius-m)); 517 --_puck-field-array-radius-inner: calc( var(--_puck-field-array-radius) - var(--_puck-field-array-border-width) ); 518 display: flex; 519 flex-direction: column; 520 background: var( --puck-field-color-bg-active, var(--puck-color-interactive-soft) ); 521 border: var(--_puck-field-array-border-width) solid var(--_puck-field-array-border-color); 522 border-radius: var(--_puck-field-array-radius); 523} 524._ArrayField--isDraggingFrom_62huh_30 { 525 background-color: var( --puck-field-color-bg-active, var(--puck-color-interactive-soft) ); 526 overflow: hidden; 527} 528._ArrayField-addButton_62huh_38 { 529 background-color: var(--puck-field-color-bg, var(--puck-color-surface)); 530 border: none; 531 border-radius: var(--_puck-field-array-radius-inner); 532 display: flex; 533 color: var(--puck-field-array-add-color-icon, var(--puck-color-interactive)); 534 justify-content: center; 535 cursor: pointer; 536 width: 100%; 537 margin: 0; 538 padding: calc(var(--puck-field-space-y, var(--puck-space-3)) + 2px) var( --puck-field-space-x, calc(var(--puck-space-4) - var(--_puck-field-array-border-width)) ); 539 text-align: left; 540 transition: background-color var(--puck-duration-fast) var(--puck-ease-exit); 541} 542._ArrayField--hasItems_62huh_58 > ._ArrayField-addButton_62huh_38 { 543 border-top: var(--_puck-field-array-border-width) solid var(--_puck-field-array-border-color); 544 border-top-left-radius: 0; 545 border-top-right-radius: 0; 546} 547._ArrayField-addButton_62huh_38:focus-visible { 548 outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring); 549 outline-offset: var(--puck-border-width-focus); 550 position: relative; 551} 552@media (hover: hover) and (pointer: fine) { 553 ._ArrayField_62huh_5:not(._ArrayField--isDraggingFrom_62huh_30) > ._ArrayField-addButton_62huh_38:hover { 554 background: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) ); 555 color: var( --puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)) ); 556 transition: none; 557 } 558} 559._ArrayField_62huh_5:not(._ArrayField--isDraggingFrom_62huh_30) > ._ArrayField-addButton_62huh_38:active { 560 background: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) ); 561 transition: none; 562} 563._ArrayField-inner_62huh_93 {
564 margin-top: -1px; 565} 566._ArrayFieldItem_62huh_101 { 567 display: block; 568 position: relative; 569 border-top-left-radius: var(--_puck-field-array-radius-inner); 570 border-top-right-radius: var(--_puck-field-array-radius-inner); 571 border-top: var(--_puck-field-array-border-width) solid var(--_puck-field-array-border-color); 572} 573._ArrayFieldItem--isDragging_62huh_110 { 574 border-top: transparent; 575} 576._ArrayFieldItem--isExpanded_62huh_114::before { 577 display: none; 578} 579._ArrayFieldItem--isExpanded_62huh_114 { 580 border-bottom: 0; 581 outline-offset: 0px !important; 582 outline: var(--_puck-field-array-border-width) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring)) !important; 583 z-index: 2; 584} 585._ArrayFieldItem--isDragging_62huh_110 { 586 outline: var(--puck-border-width-focus) var(--puck-field-color-border-dragging, var(--puck-color-selection-border)) solid !important; 587} 588._ArrayFieldItem--isDragging_62huh_110 ._ArrayFieldItem-summary_62huh_132:active { 589 background-color: var(--puck-field-color-bg, var(--puck-color-surface)); 590} 591._ArrayFieldItem_62huh_101 + ._ArrayFieldItem_62huh_101 { 592 border-top-left-radius: 0; 593 border-top-right-radius: 0; 594} 595._ArrayFieldItem-summary_62huh_132 { 596 --_puck-drag-icon-color: var(--puck-field-color-text, var(--puck-color-text)); 597 --_puck-drag-icon-color-hover: var( --puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)) ); 598 background: var(--puck-field-color-bg, var(--puck-color-surface)); 599 color: var(--puck-field-color-text, var(--puck-color-text)); 600 cursor: pointer; 601 display: flex; 602 align-items: center; 603 gap: 2px; 604 justify-content: space-between; 605 font-size: var(--puck-field-font-size, var(--puck-font-size-xxs)); 606 list-style: none; 607 padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc(var(--puck-space-4) - var(--_puck-field-array-border-width)) ); 608 position: relative; 609 overflow: hidden; 610 transition: background-color var(--puck-duration-fast) var(--puck-ease-exit); 611} 612._ArrayFieldItem--noFields_62huh_167 > ._ArrayFieldItem-summary_62huh_132 { 613 cursor: grab; 614} 615._ArrayFieldItem_62huh_101:first-of-type > ._ArrayFieldItem-summary_62huh_132 { 616 border-top-left-radius: var(--_puck-field-array-radius-inner); 617 border-top-right-radius: var(--_puck-field-array-radius-inner); 618} 619._ArrayField--addDisabled_62huh_176 > ._ArrayField-inner_62huh_93 > ._ArrayFieldItem_62huh_101:last-of-type:not(._ArrayFieldItem--isExpanded_62huh_114) > ._ArrayFieldItem-summary_62huh_132 { 620 border-bottom-left-radius: var(--_puck-field-array-radius-inner); 621 border-bottom-right-radius: var(--_puck-field-array-radius-inner); 622} 623._ArrayField--addDisabled_62huh_176 > ._ArrayField-inner_62huh_93 > ._ArrayFieldItem--isExpanded_62huh_114:last-of-type { 624 border-bottom-left-radius: var(--_puck-field-array-radius-inner); 625 border-bottom-right-radius: var(--_puck-field-array-radius-inner); 626} 627._ArrayFieldItem-summary_62huh_132:focus-visible { 628 outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring); 629 outline-offset: var(--puck-border-width-focus); 630} 631@media (hover: hover) and (pointer: fine) { 632 ._ArrayFieldItem-summary_62huh_132:hover { 633 background-color: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) ); 634 color: var( --puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)) ); 635 transition: none; 636 } 637} 638._ArrayFieldItem-summary_62huh_132:active { 639 background-color: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) ); 640 transition: none; 641} 642._ArrayFieldItem--isExpanded_62huh_114 > ._ArrayFieldItem-summary_62huh_132 { 643 background: var( --puck-field-color-bg-active, var(--puck-color-interactive-soft) ); 644 color: var(--puck-field-color-text-active, var(--puck-color-interactive)); 645 font-weight: var(--puck-font-weight-semibold); 646 transition: none; 647} 648._ArrayFieldItem-body_62huh_228 { 649 background: var(--puck-field-color-surface, var(--puck-color-surface)); 650 display: none; 651} 652._ArrayFieldItem--isExpanded_62huh_114 > ._ArrayFieldItem-body_62huh_228 { 653 display: block; 654} 655._ArrayFieldItem-fieldset_62huh_237 { 656 border: none; 657 border-top: var(--_puck-field-array-border-width) solid var(--_puck-field-array-border-color); 658 margin: 0; 659 min-width: 0; 660 padding: var(--puck-field-space-surface-y, var(--puck-space-4)) var( --puck-field-space-surface-x, calc(var(--puck-space-4) - var(--_puck-field-array-border-width)) ); 661} 662._ArrayFieldItem-rhs_62huh_250 { 663 display: flex; 664 gap: var(--puck-space-1); 665 align-items: center; 666} 667._ArrayFieldItem-actions_62huh_256 { 668 color: var(--puck-color-text-secondary); 669 display: flex; 670 gap: var(--puck-space-1); 671 opacity: 0; 672} 673._ArrayFieldItem-summary_62huh_132:focus-within > ._ArrayFieldItem-rhs_62huh_250 > ._ArrayFieldItem-actions_62huh_256, 674._ArrayFieldItem-summary_62huh_132:hover > ._ArrayFieldItem-rhs_62huh_250 > ._ArrayFieldItem-actions_62huh_256 { 675 opacity: 1; 676} 677 678/* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */ 679._IconButton_yuha3_1 { 680 align-items: center; 681 background: var(--puck-iconbutton-color-bg, transparent); 682 border: none; 683 border-radius: var(--puck-iconbutton-radius, var(--puck-radius-m)); 684 color: var(--puck-iconbutton-color-icon, currentColor); 685 display: flex; 686 font-family: var(--puck-font-family); 687 justify-content: center; 688 padding: var(--puck-iconbutton-space, var(--puck-space-1)); 689 transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit); 690} 691._IconButton--active_yuha3_15 { 692 color: var( --puck-iconbutton-color-icon-active, var(--puck-color-interactive) ); 693} 694._IconButton_yuha3_1:focus-visible { 695 outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring); 696 outline-offset: calc(var(--puck-border-width-focus) * -1); 697} 698@media (hover: hover) and (pointer: fine) { 699 ._IconButton_yuha3_1:hover:not(._IconButton--disabled_yuha3_28) { 700 background: var( --puck-iconbutton-color-bg-hover, var(--puck-color-interactive-neutral-hover) ); 701 color: var( --puck-iconbutton-color-icon-hover, var(--puck-color-interactive) ); 702 cursor: pointer; 703 transition: none; 704 } 705} 706._IconButton_yuha3_1:active { 707 background: var( --puck-iconbutton-color-bg-active, var(--puck-color-interactive-soft) ); 708 transition: none; 709} 710._IconButton--disabled_yuha3_28 { 711 color: var( --puck-iconbutton-color-icon-disabled, var(--puck-color-text-subtle) ); 712} 713 714/* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */ 715@keyframes _loader-animation_1w5zn_1 { 716 0% { 717 transform: rotate(0deg) scale(1); 718 } 719 50% { 720 transform: rotate(180deg) scale(0.8); 721 } 722 100% { 723 transform: rotate(360deg) scale(1); 724 } 725} 726._Loader_1w5zn_13 { 727 background: transparent; 728 border-radius: var(--puck-radius-round); 729 border: var(--puck-border-width-focus) solid currentColor; 730 border-bottom-color: transparent; 731 display: inline-block; 732 animation: _loader-animation_1w5zn_1 1s 0s infinite linear; 733 animation-fill-mode: both; 734} 735 736/* css-module:/home/runner/work/puck/puck/packages/core/components/DragIcon/styles.module.css/#css-module-data */ 737._DragIcon_5e515_1 { 738 color: var(--_puck-drag-icon-color, var(--puck-color-text-muted)); 739 cursor: grab; 740 padding: var(--puck-space-1); 741 border-radius: var(--puck-radius-m); 742} 743._DragIcon--disabled_5e515_10 {
744 cursor: no-drop; 745} 746@media (hover: hover) and (pointer: fine) { 747 ._DragIcon_5e515_1:not(._DragIcon--disabled_5e515_10):hover { 748 color: var(--_puck-drag-icon-color-hover, var(--puck-color-focus-ring)); 749 } 750} 751 752/* components/Sortable/styles.css */ 753[data-dnd-placeholder] * { 754 opacity: 0 !important; 755} 756[data-dnd-placeholder] { 757 background: var( --_puck-field-array-color-placeholder, var(--puck-color-azure-06) ) !important; 758 border: none !important; 759 color: transparent !important; 760 opacity: 0.3 !important; 761 outline: none !important; 762 transition: none !important; 763} 764 765/* css-module:/home/runner/work/puck/puck/packages/core/components/ExternalInput/styles.module.css/#css-module-data */ 766._ExternalInput-actions_143vl_1 { 767 display: flex; 768} 769._ExternalInput-button_143vl_5 { 770 display: flex; 771 gap: var(--puck-space-2); 772 align-items: center; 773 justify-content: center; 774 background-color: var(--puck-field-color-bg, var(--puck-color-surface)); 775 border: var(--puck-field-border-width, var(--puck-border-width-regular)) solid var(--puck-field-color-border, var(--puck-color-border)); 776 border-radius: var(--puck-field-radius, var(--puck-radius-m)); 777 color: var(--puck-field-color-text-active, var(--puck-color-interactive)); 778 padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc( var(--puck-space-4) - var(--puck-field-border-width, var(--puck-border-width-regular)) ) ); 779 font-size: var(--puck-field-font-size, var(--puck-font-size-xxs)); 780 font-weight: var(--puck-font-weight-medium); 781 white-space: nowrap; 782 text-overflow: ellipsis; 783 transition: background-color var(--puck-duration-fast) var(--puck-ease-exit); 784 position: relative; 785 overflow: hidden; 786 flex-grow: 1; 787 cursor: pointer; 788} 789._ExternalInput--dataSelected_143vl_34 ._ExternalInput-button_143vl_5 { 790 color: var(--puck-field-color-text, var(--puck-color-text)); 791 display: block; 792 border-top-right-radius: 0px; 793 border-bottom-right-radius: 0px; 794} 795._ExternalInput--readOnly_143vl_41 ._ExternalInput-button_143vl_5 { 796 background-color: var( --puck-field-color-bg-disabled, var(--puck-color-surface-muted) ); 797} 798._ExternalInput-detachButton_143vl_48 { 799 border: var(--puck-field-border-width, var(--puck-border-width-regular)) solid var(--puck-field-color-border, var(--puck-color-border)); 800 border-top-right-radius: var(--puck-field-radius, var(--puck-radius-m)); 801 border-bottom-right-radius: var(--puck-field-radius, var(--puck-radius-m)); 802 background-color: var( --puck-field-external-detach-color-bg, var(--puck-color-surface-subtle) ); 803 color: var( --puck-field-external-detach-color-text, var(--puck-color-text-muted) ); 804 display: flex; 805 gap: var(--puck-space-2); 806 align-items: center; 807 justify-content: center; 808 padding: var(--puck-space-2) var(--puck-space-3); 809 position: relative; 810 transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit); 811 margin-inline-start: -1px; 812 cursor: pointer; 813} 814._ExternalInput-button_143vl_5:focus-visible, 815._ExternalInput-detachButton_143vl_48:focus-visible { 816 outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring); 817 outline-offset: var(--puck-border-width-focus); 818 z-index: 1; 819} 820@media (hover: hover) and (pointer: fine) { 821 ._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-button_143vl_5:hover, 822 ._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-detachButton_143vl_48:hover { 823 background: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) ); 824 transition: none; 825 } 826 ._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-detachButton_143vl_48:hover { 827 color: var( --puck-field-color-text-hover, var(--puck-field-external-detach-color-text, var(--puck-color-text-muted)) ); 828 } 829 ._ExternalInput--dataSelected_143vl_34:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-button_143vl_5:hover { 830 color: var( --puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)) ); 831 } 832}
833._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-button_143vl_5:active, 834._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-detachButton_143vl_48:active { 835 background: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) ); 836 transition: none; 837} 838._ExternalInputModal_143vl_118 { 839 color: var(--puck-color-text); 840 display: grid; 841 grid-template-rows: min-content minmax(128px, 100%) min-content; 842 grid-template-columns: 100%; 843 position: relative; 844 min-height: 50dvh; 845 max-height: 90dvh; 846} 847._ExternalInputModal-grid_143vl_128 { 848 display: flex; 849 flex-direction: column; 850} 851@media (min-width: 458px) { 852 ._ExternalInputModal-grid_143vl_128 { 853 display: grid; 854 grid-template-columns: 100%; 855 } 856 ._ExternalInputModal--filtersToggled_143vl_139 ._ExternalInputModal-grid_143vl_128 { 857 grid-template-columns: 25% 75%; 858 } 859} 860._ExternalInputModal-filters_143vl_144 { 861 border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border); 862} 863._ExternalInputModal--filtersToggled_143vl_139 ._ExternalInputModal-filters_143vl_144 { 864 display: none; 865} 866@media (min-width: 458px) { 867 ._ExternalInputModal-filters_143vl_144 { 868 border-inline-end: var(--puck-border-width-regular) solid var(--puck-color-border); 869 display: none; 870 } 871 ._ExternalInputModal--filtersToggled_143vl_139 ._ExternalInputModal-filters_143vl_144 { 872 display: block; 873 } 874} 875._ExternalInputModal-masthead_143vl_164 { 876 background-color: var(--puck-color-surface-subtle); 877 border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border); 878 display: flex; 879 flex-wrap: wrap; 880 gap: var(--puck-space-5); 881 padding: var(--puck-space-5); 882} 883._ExternalInputModal-tableWrapper_143vl_173 { 884 position: relative; 885 overflow-x: auto; 886 overflow-y: auto; 887 flex-grow: 1; 888} 889._ExternalInputModal-table_143vl_173 { 890 border-collapse: unset; 891 border-spacing: 0px; 892 color: var(--puck-color-text); 893 position: relative; 894 z-index: 0; 895 min-width: 100%; 896} 897._ExternalInputModal-thead_143vl_189 { 898 background-color: var(--puck-color-surface); 899 position: sticky; 900 top: 0; 901 z-index: 1; 902} 903._ExternalInputModal-th_143vl_189 { 904 border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border); 905 color: var(--puck-color-text-secondary); 906 font-weight: var(--puck-font-weight-medium); 907 font-size: var(--puck-font-size-xxs); 908 padding: var(--puck-space-4) var(--puck-space-5); 909} 910._ExternalInputModal-td_143vl_204 { 911 border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border-muted); 912 padding: var(--puck-space-4) var(--puck-space-5); 913} 914._ExternalInputModal-tr_143vl_210 ._ExternalInputModal-td_143vl_204:first-of-type { 915 font-weight: var(--puck-font-weight-medium); 916 width: 1%; 917 white-space: nowrap; 918} 919@media (hover: hover) and (pointer: fine) { 920 ._ExternalInputModal-tbody_143vl_217 ._ExternalInputModal-tr_143vl_210:hover { 921 background: var(--puck-color-interactive-soft-hover); 922 color: var(--puck-color-interactive); 923 cursor: pointer; 924 position: relative; 925 margin-inline-start: -5px; 926 } 927 ._ExternalInputModal-tbody_143vl_217 ._ExternalInputModal-tr_143vl_210:hover ._ExternalInputModal-td_143vl_204:first-of-type { 928 border-inline-start: var(--puck-border-width-strong) solid var(--puck-color-interactive); 929 padding-inline-start: 20px; 930 } 931} 932._ExternalInputModal-tbody_143vl_217 ._ExternalInputModal-tr_143vl_210:last-of-type ._ExternalInputModal-td_143vl_204 { 933 border-bottom: none; 934} 935._ExternalInputModal-tableWrapper_143vl_173 { 936 display: none; 937} 938._ExternalInputModal--hasData_143vl_244 ._ExternalInputModal-tableWrapper_143vl_173 { 939 display: block; 940} 941._ExternalInputModal-loadingBanner_143vl_248 { 942 display: none; 943 background-color: color-mix(in srgb, var(--puck-color-surface) 90%, transparent); 944 padding: 64px; 945 align-items: center; 946 justify-content: center; 947 position: absolute; 948 top: 0; 949 left: 0; 950 right: 0; 951 bottom: 0; 952} 953._ExternalInputModal--isLoading_143vl_265 ._ExternalInputModal-loadingBanner_143vl_248 { 954 display: flex; 955} 956._ExternalInputModal-searchForm_143vl_269 { 957 display: flex; 958 flex-wrap: wrap; 959 gap: var(--puck-space-3); 960 flex-grow: 1; 961} 962@media (min-width: 458px) { 963 ._ExternalInputModal-searchForm_143vl_269 { 964 flex-wrap: nowrap; 965 } 966}
967._ExternalInputModal-search_143vl_269 { 968 display: flex; 969 background: var(--puck-color-surface); 970 border-width: var(--puck-border-width-regular); 971 border-style: solid; 972 border-color: var(--puck-color-border); 973 border-radius: var(--puck-radius-m); 974 flex-grow: 1; 975 transition: border-color var(--puck-duration-fast) var(--puck-ease-exit); 976} 977._ExternalInputModal-search_143vl_269:focus-within { 978 border-color: var(--puck-color-border-hover); 979 outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring); 980 transition: none; 981} 982@media (hover: hover) and (pointer: fine) { 983 ._ExternalInputModal-search_143vl_269:hover { 984 border-color: var(--puck-color-border-hover); 985 transition: none; 986 } 987} 988._ExternalInputModal-searchIcon_143vl_306 { 989 align-items: center; 990 background: var(--puck-color-surface-subtle); 991 border-bottom-left-radius: var(--puck-radius-m); 992 border-top-left-radius: var(--puck-radius-m); 993 border-inline-end: var(--puck-border-width-regular) solid var(--puck-color-border); 994 color: var(--puck-color-text-subtle); 995 display: flex; 996 justify-content: center; 997 padding: var(--puck-space-3) calc(var(--puck-space-4) - var(--puck-border-width-regular)); 998 transition: color var(--puck-duration-fast) var(--puck-ease-exit); 999} 1000._ExternalInputModal-search_143vl_269:focus-within ._ExternalInputModal-searchIcon_143vl_306 { 1001 color: var(--puck-color-text-secondary); 1002 transition: none; 1003} 1004@media (hover: hover) and (pointer: fine) { 1005 ._ExternalInputModal-search_143vl_269:hover ._ExternalInputModal-searchIcon_143vl_306 { 1006 color: var(--puck-color-text-secondary); 1007 transition: none; 1008 } 1009} 1010._ExternalInputModal-searchIconText_143vl_333 { 1011 clip: rect(0 0 0 0); 1012 clip-path: inset(100%); 1013 height: 1px; 1014 overflow: hidden; 1015 position: absolute; 1016 white-space: nowrap; 1017 width: 1px; 1018} 1019._ExternalInputModal-searchInput_143vl_343 { 1020 border: none; 1021 border-radius: var(--puck-radius-m); 1022 background: var(--puck-color-surface); 1023 font-family: inherit; 1024 font-size: var(--puck-font-size-xxs); 1025 padding: var(--puck-space-3) calc(var(--puck-space-4) - var(--puck-border-width-regular)); 1026 width: 100%; 1027} 1028._ExternalInputModal-searchInput_143vl_343:focus { 1029 outline: 0; 1030} 1031._ExternalInputModal-searchActions_143vl_358 { 1032 display: flex; 1033 gap: var(--puck-space-2); 1034 height: 44px; 1035 width: 100%; 1036} 1037@media (min-width: 458px) { 1038 ._ExternalInputModal-searchActions_143vl_358 { 1039 width: auto; 1040 } 1041} 1042._ExternalInputModal-searchActionIcon_143vl_371 { 1043 align-self: center; 1044} 1045._ExternalInputModal-footerContainer_143vl_375 { 1046 background-color: var(--puck-color-surface-subtle); 1047 border-top: var(--puck-border-width-regular) solid var(--puck-color-border); 1048 color: var(--puck-color-text-secondary); 1049 padding: var(--puck-space-4); 1050} 1051._ExternalInputModal-footer_143vl_375 { 1052 font-weight: var(--puck-font-weight-medium); 1053 font-size: var(--puck-font-size-xxs); 1054 text-align: right; 1055} 1056._ExternalInputModal-field_143vl_388 { 1057 color: var(--puck-color-text-secondary); 1058 margin: var(--puck-space-4); 1059 margin-bottom: var(--puck-space-3); 1060 display: block; 1061} 1062 1063/* css-module:/home/runner/work/puck/puck/packages/core/components/Modal/styles.module.css/#css-module-data */ 1064._Modal_g5xob_1 { 1065 background: var(--puck-color-overlay-backdrop); 1066 display: none; 1067 justify-content: center; 1068 align-items: center; 1069 position: fixed; 1070 top: 0; 1071 left: 0; 1072 bottom: 0; 1073 right: 0; 1074 z-index: 1; 1075 padding: 32px; 1076} 1077._Modal--isOpen_g5xob_15 { 1078 display: flex; 1079} 1080._Modal-inner_g5xob_19 { 1081 width: 100%; 1082 max-width: 1024px; 1083 border-radius: var(--puck-radius-l); 1084 overflow: hidden; 1085 background: var(--puck-color-surface); 1086 display: flex; 1087 flex-direction: column; 1088 max-height: 90dvh; 1089} 1090 1091/* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */ 1092._Heading_97eh4_1 { 1093 display: block; 1094 color: var(--_puck-heading-color, var(--puck-color-text)); 1095 font-weight: var(--puck-font-weight-bold); 1096 margin: 0; 1097} 1098._Heading_97eh4_1 b { 1099 font-weight: var(--puck-font-weight-bold); 1100} 1101._Heading--xxxxl_97eh4_12 { 1102 font-size: var(--puck-font-size-xxxxl); 1103 letter-spacing: var(--puck-letter-spacing-heading); 1104 font-weight: var(--puck-font-weight-heavy); 1105} 1106._Heading--xxxl_97eh4_18 { 1107 font-size: var(--puck-font-size-xxxl); 1108} 1109._Heading--xxl_97eh4_22 { 1110 font-size: var(--puck-font-size-xxl); 1111} 1112._Heading--xl_97eh4_26 { 1113 font-size: var(--puck-font-size-xl); 1114} 1115._Heading--l_97eh4_30 { 1116 font-size: var(--puck-font-size-l); 1117} 1118._Heading--m_97eh4_34 { 1119 font-size: var(--puck-font-size-m); 1120} 1121._Heading--s_97eh4_38 { 1122 font-size: var(--puck-font-size-s); 1123} 1124._Heading--xs_97eh4_42 { 1125 font-size: var(--puck-font-size-xs); 1126} 1127 1128/* css-module:/home/runner/work/puck/puck/packages/core/components/Button/Button.module.css/#css-module-data */ 1129._Button_oe4qj_1 { 1130 --_puck-button-default-space-x: 20px; 1131 --_puck-button-default-font-size: var(--puck-font-size-xxs);
1132 --_puck-button-default-font-weight: var(--puck-font-weight-regular); 1133 --_puck-button-default-color-bg-disabled: var(--puck-color-bg-disabled); 1134 --_puck-button-default-color-text-disabled: var(--puck-color-text-disabled); 1135 appearance: none; 1136 background: none; 1137 border: var(--puck-border-width-regular) solid transparent; 1138 border-radius: var(--puck-button-radius, var(--puck-radius-m)); 1139 color: var(--puck-color-text-inverse); 1140 display: inline-flex; 1141 align-items: center; 1142 gap: var(--puck-space-2); 1143 letter-spacing: var(--puck-letter-spacing-ui); 1144 font-family: var(--puck-font-family); 1145 box-sizing: border-box; 1146 line-height: 1; 1147 text-align: center; 1148 text-decoration: none; 1149 transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit); 1150 cursor: pointer; 1151 white-space: nowrap; 1152 margin: 0; 1153} 1154._Button_oe4qj_1:hover, 1155._Button_oe4qj_1:active { 1156 transition: none; 1157} 1158._Button--medium_oe4qj_34 { 1159 min-height: 34px; 1160 padding-bottom: var( --puck-button-medium-space-y, calc(var(--puck-space-2) - var(--puck-border-width-regular)) ); 1161 padding-inline-start: var( --puck-button-medium-space-x, calc(var(--_puck-button-default-space-x) - var(--puck-border-width-regular)) ); 1162 padding-inline-end: var( --puck-button-medium-space-x, calc(var(--_puck-button-default-space-x) - var(--puck-border-width-regular)) ); 1163 padding-top: var( --puck-button-medium-space-y, calc(var(--puck-space-2) - var(--puck-border-width-regular)) ); 1164 font-weight: var( --puck-button-medium-font-weight, var(--_puck-button-default-font-weight) ); 1165 font-size: var( --puck-button-medium-font-size, var(--_puck-button-default-font-size) ); 1166} 1167._Button--large_oe4qj_62 { 1168 padding-bottom: var( --puck-button-large-space-y, calc(var(--puck-space-3) - var(--puck-border-width-regular)) ); 1169 padding-inline-start: var( --puck-button-large-space-x, calc(var(--_puck-button-default-space-x) - var(--puck-border-width-regular)) ); 1170 padding-inline-end: var( --puck-button-large-space-x, calc(var(--_puck-button-default-space-x) - var(--puck-border-width-regular)) ); 1171 padding-top: var( --puck-button-large-space-y, calc(var(--puck-space-3) - var(--puck-border-width-regular)) ); 1172 font-weight: var( --puck-button-large-font-weight, var(--_puck-button-default-font-weight) ); 1173 font-size: var( --puck-button-large-font-size, var(--_puck-button-default-font-size) ); 1174} 1175._Button-icon_oe4qj_89 { 1176 margin-top: 2px; 1177} 1178._Button--primary_oe4qj_93 { 1179 background: var( --puck-button-primary-color-bg, var(--puck-color-interactive) ); 1180 border-color: var(--puck-button-primary-color-border, transparent); 1181 color: var(--puck-button-primary-color-text, var(--puck-color-text-inverse)); 1182} 1183._Button_oe4qj_1:focus-visible { 1184 outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring); 1185 outline-offset: var(--puck-border-width-focus); 1186} 1187@media (hover: hover) and (pointer: fine) { 1188 ._Button--primary_oe4qj_93:hover { 1189 background-color: var( --puck-button-primary-color-bg-hover, var(--puck-color-interactive-hover) ); 1190 } 1191} 1192._Button--primary_oe4qj_93:active { 1193 background-color: var( --puck-button-primary-color-bg-active, var(--puck-color-interactive-active) ); 1194} 1195._Button--primary_oe4qj_93._Button--disabled_oe4qj_123, 1196._Button--primary_oe4qj_93._Button--disabled_oe4qj_123:hover { 1197 background-color: var( --puck-button-primary-color-bg-disabled, var(--_puck-button-default-color-bg-disabled) ); 1198 color: var( --puck-button-primary-color-text-disabled, var(--_puck-button-default-color-text-disabled) ); 1199} 1200._Button--secondary_oe4qj_135 { 1201 background: var(--puck-button-secondary-color-bg, transparent); 1202 border-color: var(--puck-button-secondary-color-border, currentColor); 1203 color: var(--puck-button-secondary-color-text, currentColor); 1204} 1205@media (hover: hover) and (pointer: fine) { 1206 ._Button--secondary_oe4qj_135:hover { 1207 background-color: var( --puck-button-secondary-color-bg-hover, var(--puck-color-interactive-soft) ); 1208 color: var(--puck-button-secondary-color-text, var(--puck-color-text)); 1209 } 1210} 1211._Button--secondary_oe4qj_135:active { 1212 background-color: var( --puck-button-secondary-color-bg-active, var(--puck-color-interactive-soft) ); 1213 color: var(--puck-button-secondary-color-text, var(--puck-color-text)); 1214} 1215._Button--secondary_oe4qj_135._Button--disabled_oe4qj_123, 1216._Button--secondary_oe4qj_135._Button--disabled_oe4qj_123:hover { 1217 background-color: var( --puck-button-secondary-color-bg-disabled, var(--_puck-button-default-color-bg-disabled) ); 1218 color: var( --puck-button-secondary-color-text-disabled, var(--_puck-button-default-color-text-disabled) ); 1219} 1220._Button--flush_oe4qj_171 { 1221 border-radius: var(--puck-radius-none); 1222} 1223._Button--disabled_oe4qj_123:hover {
1224 cursor: not-allowed; 1225} 1226._Button--fullWidth_oe4qj_179 { 1227 justify-content: center; 1228 width: 100%; 1229} 1230._Button-spinner_oe4qj_184 { 1231 padding-inline-start: var(--puck-space-2); 1232} 1233 1234/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */ 1235._RichTextMenu_1ve2j_1 { 1236 display: flex; 1237 flex-direction: row; 1238 flex-wrap: nowrap; 1239} 1240._RichTextMenu--form_1ve2j_7 { 1241 border-top-left-radius: var(--puck-field-radius, var(--puck-radius-m)); 1242 border-top-right-radius: var(--puck-field-radius, var(--puck-radius-m)); 1243 padding: var(--puck-field-richtext-menu-space-y, 6px) var(--puck-field-richtext-menu-space-x, 6px); 1244 background-color: var( --puck-field-richtext-menu-color-bg, var(--puck-color-surface-subtle) ); 1245 position: relative; 1246 scrollbar-width: none; 1247 overflow-x: auto; 1248} 1249._RichTextMenu-group_1ve2j_21 { 1250 display: flex; 1251 align-items: space-between; 1252 flex-direction: row; 1253 flex-wrap: nowrap; 1254 padding-inline: 6px; 1255 gap: 2px; 1256 position: relative; 1257} 1258._RichTextMenu-group_1ve2j_21:first-of-type { 1259 padding-left: 0; 1260} 1261._RichTextMenu-group_1ve2j_21:last-of-type { 1262 padding-right: 0; 1263} 1264._RichTextMenu--inline_1ve2j_39 ._RichTextMenu-group_1ve2j_21 { 1265 color: var(--puck-color-text-inverse); 1266 gap: 0px; 1267 flex-wrap: nowrap; 1268} 1269._RichTextMenu-group_1ve2j_21 + ._RichTextMenu-group_1ve2j_21 { 1270 border-left: var(--puck-border-width-regular) solid var( --puck-field-richtext-menu-color-separator, var(--puck-color-border-muted) ); 1271} 1272._RichTextMenu--inline_1ve2j_39 ._RichTextMenu-group_1ve2j_21 + ._RichTextMenu-group_1ve2j_21 { 1273 border-left: var(--puck-border-width-hairline) solid var(--puck-color-border-inverse); 1274} 1275 1276/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */ 1277._Control_id4pm_1 .lucide { 1278 height: var(--puck-icon-size-m); 1279 width: var(--puck-icon-size-m); 1280} 1281._Control--inline_id4pm_6 .lucide { 1282 height: var(--puck-actionbar-action-size, var(--puck-icon-size-s)); 1283 width: var(--puck-actionbar-action-size, var(--puck-icon-size-s)); 1284} 1285 1286/* css-module:/home/runner/work/puck/puck/packages/core/components/Select/styles.module.css/#css-module-data */ 1287._Select_1n4iv_1 { 1288 position: relative; 1289 z-index: 1; 1290} 1291._Select-buttonInner_1n4iv_6 { 1292 align-items: center; 1293 display: flex; 1294} 1295._Select-buttonIcon_1n4iv_11 { 1296 align-items: center; 1297 display: flex; 1298 justify-content: center; 1299} 1300._Select--standalone_1n4iv_17 ._Select-buttonIcon_1n4iv_11 .lucide { 1301 height: var(--puck-icon-size-m); 1302 width: var(--puck-icon-size-m); 1303} 1304._Select--actionBar_1n4iv_22 ._Select-buttonIcon_1n4iv_11 .lucide { 1305 height: var(--puck-actionbar-action-size, var(--puck-icon-size-s)); 1306 width: var(--puck-actionbar-action-size, var(--puck-icon-size-s)); 1307} 1308._Select-items_1n4iv_27 { 1309 background: var(--puck-color-surface); 1310 border: var(--puck-border-width-regular) solid var(--puck-color-border); 1311 border-radius: var(--puck-radius-l); 1312 margin: 10px 8px; 1313 margin-left: 0; 1314 padding: var(--puck-space-1); 1315 z-index: 2; 1316 list-style: none; 1317} 1318._SelectItem_1n4iv_38 { 1319 background: transparent; 1320 border-radius: var(--puck-radius-m); 1321 border: none; 1322 color: var(--puck-color-text-secondary); 1323 cursor: pointer; 1324 display: flex; 1325 gap: var(--puck-space-2); 1326 align-items: center; 1327 font-size: var(--puck-font-size-xxs); 1328 margin: 0; 1329 padding: var(--puck-space-2) var(--puck-space-3); 1330 width: 100%; 1331} 1332._SelectItem--isSelected_1n4iv_53 { 1333 background: var(--puck-color-interactive-soft); 1334 color: var(--puck-color-interactive); 1335 font-weight: var(--puck-font-weight-medium); 1336} 1337._SelectItem--isSelected_1n4iv_53 ._SelectItem-icon_1n4iv_59 { 1338 color: var(--puck-color-interactive); 1339} 1340._SelectItem_1n4iv_38:hover { 1341 background: var(--puck-color-interactive-soft); 1342 color: var(--puck-color-interactive); 1343} 1344 1345/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */ 1346._RichTextEditor_5wzos_1 .ProseMirror { 1347 white-space: pre-wrap; 1348 word-wrap: break-word; 1349 cursor: text; 1350 outline: none; 1351 position: relative; 1352} 1353._RichTextEditor_5wzos_1 .rich-text * { 1354 white-space: pre-wrap; 1355 user-select: auto; 1356 -webkit-user-select: auto; 1357} 1358._RichTextEditor_5wzos_1 .rich-text blockquote { 1359 margin: 1em 0; 1360 padding: 0 1em; 1361 border-left: var(--puck-border-width-strong) solid var(--puck-color-border); 1362} 1363._RichTextEditor_5wzos_1 .rich-text code { 1364 background-color: var(--puck-color-surface-muted); 1365 padding: var(--puck-space-1) var(--puck-space-2); 1366 border-radius: var(--puck-radius-m); 1367} 1368._RichTextEditor_5wzos_1 .rich-text p:empty::before { 1369 content: "\\a0"; 1370} 1371._RichTextEditor_5wzos_1 .rich-text pre code { 1372 display: block; 1373 padding: var(--puck-space-2) var(--puck-space-3); 1374} 1375._RichTextEditor_5wzos_1 .rich-text > *:first-child, 1376._RichTextEditor_5wzos_1 .ProseMirror > *:first-child, 1377._RichTextEditor_5wzos_1 .rich-text * p:first-of-type { 1378 margin-top: 0; 1379} 1380._RichTextEditor_5wzos_1 .rich-text > *:last-child, 1381._RichTextEditor_5wzos_1 .ProseMirror > *:last-child, 1382._RichTextEditor_5wzos_1 .rich-text * p:last-of-type { 1383 margin-bottom: 0; 1384} 1385._RichTextEditor--editor_5wzos_50 { 1386 color: var(--puck-field-color-text, var(--puck-color-text)); 1387 background: var(--puck-field-color-bg, var(--puck-color-surface)); 1388 border-width: var( --puck-field-border-width, var(--puck-border-width-regular) ); 1389 border-style: solid; 1390 border-color: var(--puck-field-color-border, var(--puck-color-border)); 1391 border-radius: var(--puck-field-radius, var(--puck-radius-m)); 1392 box-sizing: border-box; 1393 display: flex; 1394 flex-direction: column; 1395 font-family: inherit; 1396 font-size: var(--puck-field-font-size, var(--puck-font-size-xxs)); 1397 resize: vertical; 1398 text-align: initial; 1399 transition: border-color var(--puck-duration-fast) var(--puck-ease-exit); 1400 width: 100%; 1401 max-width: 100%; 1402 min-height: 128px; 1403} 1404._RichTextEditor--editor_5wzos_50 .rich-text { 1405 flex-grow: 1; 1406} 1407._RichTextEditor--editor_5wzos_50 .rich-text:not(:has(.ProseMirror)), 1408._RichTextEditor--editor_5wzos_50 .rich-text .ProseMirror { 1409 height: 100%; 1410 padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc( var(--puck-space-4) - var(--puck-field-border-width, var(--puck-border-width-regular)) ) ); 1411} 1412._RichTextEditor--editor_5wzos_50 .rich-text ul, 1413._RichTextEditor--editor_5wzos_50 .rich-text ol { 1414 padding-left: var(--puck-space-5); 1415} 1416._RichTextEditor--editor_5wzos_50 .rich-text li { 1417 line-height: 1.5; 1418} 1419._RichTextEditor--editor_5wzos_50 .rich-text p { 1420 margin-block: var(--puck-space-3); 1421} 1422._RichTextEditor--editor_5wzos_50 .rich-text ul { 1423 list-style: disc; 1424} 1425._RichTextEditor--editor_5wzos_50 .rich-text ol { 1426 list-style: decimal; 1427} 1428._RichTextEditor--editor_5wzos_50:focus-within { 1429 border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) ); 1430 outline: var(--puck-border-width-focus) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring)); 1431 transition: none; 1432} 1433@media (hover: hover) and (pointer: fine) { 1434 ._RichTextEditor--editor_5wzos_50:hover:not(._RichTextEditor--disabled_5wzos_123) { 1435 border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) ); 1436 transition: none; 1437 } 1438} 1439._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 { 1440 background: var( --puck-field-color-bg-disabled, var(--puck-color-surface-muted) ); 1441 border-color: var( --puck-field-color-border-disabled, var(--puck-color-border) ); 1442} 1443._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .rich-text:not(:has(.ProseMirror)), 1444._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .rich-text .ProseMirror { 1445 color: var( --puck-field-color-text-disabled, var(--puck-color-text-secondary) ); 1446} 1447._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .ProseMirror[contenteditable=false] { 1448 cursor: default; 1449} 1450._RichTextEditor_5wzos_1:not(:focus-within):not(._RichTextEditor--isActive_5wzos_159) .ProseMirror ::selection { 1451 background-color: transparent; 1452} 1453._RichTextEditor-menu_5wzos_165 { 1454 border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border-muted); 1455 position: sticky; 1456 top: 0; 1457 z-index: 1; 1458} 1459._RichTextEditor--disabled_5wzos_123 ._RichTextEditor-menu_5wzos_165 { 1460 border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border); 1461} 1462 1463/* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */ 1464._ObjectField_c5reb_1 { 1465 display: flex; 1466 flex-direction: column; 1467 background-color: var(--puck-field-color-surface, var(--puck-color-surface)); 1468 border: var(--puck-field-border-width, var(--puck-border-width-regular)) solid var(--puck-field-color-border, var(--puck-color-border)); 1469 border-radius: var(--puck-field-radius, var(--puck-radius-m)); 1470} 1471._ObjectField-fieldset_c5reb_10 { 1472 border: none; 1473 margin: 0; 1474 min-width: 0; 1475 padding: var(--puck-field-space-surface-y, var(--puck-space-4)) var( --puck-field-space-surface-x, calc( var(--puck-space-4) - var(--puck-field-border-width, var(--puck-border-width-regular)) ) ); 1476} 1477 1478/* css-module:/home/runner/work/puck/puck/packages/core/components/Drawer/styles.module.css/#css-module-data */
1479._Drawer_1n90m_1 { 1480 display: flex; 1481 flex-direction: column; 1482 font-family: var(--puck-font-family); 1483 gap: var(--puck-space-3); 1484} 1485._Drawer-draggable_1n90m_8 { 1486 position: relative; 1487} 1488._Drawer-draggableBg_1n90m_12 { 1489 position: absolute; 1490 top: 0; 1491 right: 0; 1492 bottom: 0; 1493 left: 0; 1494 pointer-events: none; 1495 z-index: -1; 1496} 1497._DrawerItem-draggable_1n90m_22 { 1498 background: var(--puck-drawer-item-color-bg, var(--puck-color-surface)); 1499 color: var(--puck-drawer-item-color-text, var(--puck-color-text)); 1500 cursor: grab; 1501 padding: var(--puck-drawer-item-space, var(--puck-space-3)); 1502 display: flex; 1503 border: var(--puck-drawer-item-border-width, var(--puck-border-width-regular)) var(--puck-drawer-item-color-border, var(--puck-color-border)) solid; 1504 border-radius: var(--puck-drawer-item-radius, var(--puck-radius-m)); 1505 font-size: var(--puck-drawer-item-font-size, var(--puck-font-size-xxs)); 1506 justify-content: space-between; 1507 align-items: center; 1508 transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit); 1509} 1510._DrawerItem--disabled_1n90m_38 ._DrawerItem-draggable_1n90m_22 { 1511 background: var(--puck-color-surface-muted); 1512 color: var(--puck-color-text-muted); 1513 cursor: not-allowed; 1514} 1515._DrawerItem_1n90m_22:focus-visible { 1516 outline: 0; 1517} 1518._Drawer_1n90m_1:not(._Drawer--isDraggingFrom_1n90m_48) ._DrawerItem_1n90m_22:focus-visible ._DrawerItem-draggable_1n90m_22 { 1519 border-radius: var(--puck-radius-m); 1520 outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring); 1521 outline-offset: var(--puck-border-width-focus); 1522} 1523@media (hover: hover) and (pointer: fine) { 1524 ._Drawer_1n90m_1:not(._Drawer--isDraggingFrom_1n90m_48) ._DrawerItem_1n90m_22:not(._DrawerItem--disabled_1n90m_38) ._DrawerItem-draggable_1n90m_22:hover { 1525 background-color: var( --puck-drawer-item-color-bg-hover, var(--puck-color-interactive-soft-hover) ); 1526 color: var( --puck-drawer-item-color-text-hover, var(--puck-color-interactive) ); 1527 transition: none; 1528 } 1529} 1530._DrawerItem-name_1n90m_72 { 1531 overflow-x: hidden; 1532 text-overflow: ellipsis; 1533 white-space: nowrap; 1534} 1535 1536/* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */ 1537._DraggableComponent_1627v_1 { 1538 position: absolute; 1539 pointer-events: none; 1540} 1541._DraggableComponent-overlayWrapper_1627v_6 { 1542 height: 100%; 1543 width: 100%; 1544 top: 0; 1545 position: absolute; 1546 pointer-events: none; 1547 box-sizing: border-box; 1548 z-index: 1; 1549} 1550._DraggableComponent-overlay_1627v_6 { 1551 cursor: pointer; 1552 height: 100%; 1553 outline: var( --puck-slot-component-border-width, var(--puck-border-width-focus) ) var( --puck-slot-component-color-overlay-border, var(--puck-color-selection-border) ) solid; 1554 outline-offset: calc(var(--puck-slot-component-border-width, var(--puck-border-width-focus)) * -1); 1555 width: 100%; 1556} 1557._DraggableComponent_1627v_1:focus-visible > ._DraggableComponent-overlayWrapper_1627v_6 { 1558 outline: var(--puck-border-width-regular) solid var(--puck-color-focus-ring); 1559} 1560._DraggableComponent-loadingOverlay_1627v_38 { 1561 background: var(--puck-color-surface); 1562 color: var(--puck-color-text); 1563 border-radius: var(--puck-radius-m); 1564 display: flex; 1565 padding: var(--puck-space-2); 1566 top: var(--puck-space-2); 1567 right: var(--puck-space-2); 1568 position: absolute; 1569 z-index: 1; 1570 pointer-events: all; 1571 box-sizing: border-box; 1572 opacity: 0.8; 1573 z-index: 1; 1574} 1575._DraggableComponent--hover_1627v_54 > ._DraggableComponent-overlayWrapper_1627v_6 > ._DraggableComponent-overlay_1627v_6 { 1576 background: var( --puck-slot-component-color-overlay, var(--puck-color-selection-bg) ); 1577 outline: var( --puck-slot-component-border-width, var(--puck-border-width-focus) ) var( --puck-slot-component-color-overlay-border, var(--puck-color-selection-border) ) solid; 1578} 1579._DraggableComponent--isSelected_1627v_72 > ._DraggableComponent-overlayWrapper_1627v_6 > ._DraggableComponent-overlay_1627v_6 { 1580 outline-color: var( --puck-slot-component-color-border-selected, var(--puck-color-selection-border) ); 1581} 1582._DraggableComponent_1627v_1:has(._DraggableComponent--hover_1627v_54 > ._DraggableComponent-overlayWrapper_1627v_6) > ._DraggableComponent-overlayWrapper_1627v_6 { 1583 display: none; 1584} 1585._DraggableComponent-actionsOverlay_1627v_89 { 1586 position: sticky; 1587 opacity: 0; 1588 pointer-events: none; 1589 z-index: 2; 1590} 1591._DraggableComponent--isSelected_1627v_72 ._DraggableComponent-actionsOverlay_1627v_89 { 1592 opacity: 1; 1593 pointer-events: auto; 1594} 1595._DraggableComponent-actions_1627v_89 { 1596 position: absolute; 1597 width: auto; 1598 cursor: grab; 1599 display: flex; 1600 box-sizing: border-box; 1601 transform-origin: right top; 1602 min-height: 36px; 1603} 1604._DraggableComponent-actionsAction_1627v_111 { 1605 height: var(--puck-actionbar-action-size, var(--puck-icon-size-s)); 1606 width: var(--puck-actionbar-action-size, var(--puck-icon-size-s)); 1607} 1608 1609/* components/DraggableComponent/styles.css */ 1610[data-puck-component] * { 1611 pointer-events: none; 1612 user-select: none; 1613 -webkit-user-select: none; 1614} 1615[data-puck-component] { 1616 cursor: grab; 1617 pointer-events: auto !important; 1618 user-select: none; 1619 -webkit-user-select: none; 1620} 1621[data-puck-dropzone] { 1622 pointer-events: auto !important; 1623} 1624[data-puck-disabled] { 1625 cursor: pointer; 1626} 1627[data-dnd-placeholder] { 1628 background: var( --puck-slot-component-color-placeholder, var(--puck-color-azure-06) ) !important; 1629 border: none !important; 1630 color: transparent !important; 1631 opacity: 0.3 !important; 1632 outline: none !important; 1633 transition: none !important; 1634} 1635[data-dnd-placeholder] *, 1636[data-dnd-placeholder]::after, 1637[data-dnd-placeholder]::before { 1638 opacity: 0 !important; 1639} 1640[data-dnd-dragging][data-puck-component] { 1641 pointer-events: none !important; 1642 outline: var( --puck-slot-component-border-width, var(--puck-border-width-focus) ) var(--puck-slot-component-color-border-dragging, var(--puck-color-azure-09)) solid !important; 1643 outline-offset: calc(var(--puck-slot-component-border-width, var(--puck-border-width-focus)) * -1) !important; 1644} 1645[data-dnd-dragging][data-puck-component] > :first-child { 1646 margin-top: 0 !important; 1647} 1648[data-dnd-dragging][data-puck-component] > :last-child { 1649 margin-bottom: 0 !important; 1650} 1651 1652/* css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css/#css-module-data */ 1653._DropZone_ybznu_1 { 1654 position: relative; 1655 height: 100%; 1656 min-height: var(--puck-slot-min-empty-height); 1657 outline-offset: calc(var(--puck-slot-border-width, var(--puck-border-width-focus)) * -1); 1658 width: 100%; 1659} 1660._DropZone--hasChildren_ybznu_11 { 1661 min-height: 0; 1662} 1663._DropZone_ybznu_1:empty { 1664 min-height: var(--puck-slot-min-empty-height); 1665} 1666[data-puck-entry]:not([data-puck-dragging]) ._DropZone_ybznu_1 { 1667 transition: min-height var(--puck-duration-medium) var(--puck-ease-exit); 1668} 1669._DropZone--isAreaSelected_ybznu_24, 1670._DropZone--hoveringOverArea_ybznu_25:not(._DropZone--isRootZone_ybznu_25) { 1671 background: var(--puck-slot-color-bg, var(--puck-color-selection-bg)); 1672 outline: var(--puck-slot-border-width, var(--puck-border-width-focus)) var(--puck-slot-border-style, dashed) var(--puck-slot-color-border, var(--puck-color-selection-border)); 1673} 1674._DropZone_ybznu_1:empty { 1675 background: var(--puck-slot-color-bg, var(--puck-color-selection-bg)); 1676 outline: var(--puck-slot-border-width, var(--puck-border-width-focus)) var(--puck-slot-border-style, dashed) var(--puck-slot-color-border, var(--puck-color-selection-border)); 1677} 1678._DropZone-item_ybznu_39 { 1679 position: relative; 1680} 1681._DropZone-hitbox_ybznu_43 { 1682 position: absolute; 1683 bottom: calc(var(--puck-space-3) * -1); 1684 height: var(--puck-space-5); 1685 width: 100%; 1686 z-index: 1; 1687} 1688[data-puck-dragging] ._DropZone--isEnabled_ybznu_51 { 1689 outline: var(--puck-slot-border-width, var(--puck-border-width-focus)) var(--puck-slot-border-style, dashed) var(--puck-slot-color-border, var(--puck-color-selection-border)); 1690} 1691._DropZone_ybznu_1 > *:not([data-puck-component]) { 1692 opacity: 0; 1693}
1694body:has(._DropZone--isAnimating_ybznu_62:empty) [data-puck-overlay] { 1695 opacity: 0 !important; 1696} 1697 1698/* lib/overlay-portal/styles.css */ 1699[data-puck-overlay-portal], 1700[data-puck-overlay-portal] * { 1701 pointer-events: auto !important; 1702} 1703[data-puck-entry][data-puck-preview-mode=edit] [data-puck-overlay-portal]:hover { 1704 outline: 2px var(--puck-color-azure-09, #cfdff0) dashed; 1705 outline-offset: 2px; 1706} 1707[data-puck-entry][data-puck-preview-mode=edit] [data-puck-overlay-portal]:focus-within { 1708 outline: 2px var(--puck-color-azure-07, #88b0da) dashed; 1709 outline-offset: 2px; 1710} 1711 1712/* css-module:/home/runner/work/puck/puck/packages/core/components/InlineTextField/styles.module.css/#css-module-data */ 1713._InlineTextField_104qp_1 { 1714 cursor: text; 1715 display: inline-block; 1716 white-space: pre-wrap; 1717 text-decoration: inherit; 1718} 1719[data-dnd-dragging] ._InlineTextField_104qp_1 { 1720 cursor: none; 1721 caret-color: transparent; 1722} 1723[data-dnd-dragging] ._InlineTextField_104qp_1::selection { 1724 display: none; 1725} 1726 1727/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Fields/styles.module.css/#css-module-data */ 1728._PuckFields_wnj25_1 { 1729 position: relative; 1730 font-family: var(--puck-font-family); 1731} 1732._PuckFields--isLoading_wnj25_6 { 1733 min-height: 48px; 1734} 1735._PuckFields-loadingOverlay_wnj25_10 { 1736 background: var(--puck-color-surface); 1737 display: flex; 1738 justify-content: flex-end; 1739 align-items: flex-start; 1740 height: 100%; 1741 width: 100%; 1742 top: 0px; 1743 position: absolute; 1744 z-index: 1; 1745 pointer-events: all; 1746 box-sizing: border-box; 1747 opacity: 0.8; 1748} 1749._PuckFields-loadingOverlayInner_wnj25_25 { 1750 display: flex; 1751 padding: var(--puck-space-4); 1752 position: sticky; 1753 top: 0; 1754} 1755._PuckFields-field_wnj25_32 * { 1756 box-sizing: border-box; 1757} 1758._PuckFields--wrapFields_wnj25_36 ._PuckFields-field_wnj25_32 { 1759 color: var(--puck-color-text-secondary); 1760 padding: var(--puck-space-4); 1761 padding-bottom: var(--puck-space-3); 1762 display: block; 1763} 1764._PuckFields--wrapFields_wnj25_36 ._PuckFields-field_wnj25_32 + ._PuckFields-field_wnj25_32 { 1765 border-top: var(--puck-border-width-regular) solid var(--puck-color-border); 1766 margin-top: var(--puck-space-2); 1767} 1768 1769/* css-module:/home/runner/work/puck/puck/packages/core/components/ComponentList/styles.module.css/#css-module-data */ 1770._ComponentList_htktj_1 { 1771 max-width: 100%; 1772} 1773._ComponentList--isExpanded_htktj_5 + ._ComponentList_htktj_1 { 1774 margin-top: var(--puck-space-3); 1775} 1776._ComponentList-content_htktj_9 { 1777 display: none; 1778} 1779._ComponentList--isExpanded_htktj_5 > ._ComponentList-content_htktj_9 { 1780 display: block; 1781} 1782._ComponentList-title_htktj_17 { 1783 background-color: transparent; 1784 border: 0; 1785 color: var(--puck-drawer-category-color-text, var(--puck-color-text-muted)); 1786 cursor: pointer; 1787 display: flex; 1788 font: inherit; 1789 font-size: var(--puck-drawer-category-font-size, var(--puck-font-size-xxxs)); 1790 list-style: none; 1791 margin-bottom: 6px; 1792 padding: var(--puck-drawer-category-space, var(--puck-space-2)); 1793 text-transform: uppercase; 1794 transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit); 1795 gap: var(--puck-space-1); 1796 border-radius: var(--puck-radius-m); 1797 width: 100%; 1798} 1799._ComponentList-title_htktj_17:focus-visible { 1800 outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring); 1801 outline-offset: var(--puck-border-width-focus); 1802} 1803@media (hover: hover) and (pointer: fine) { 1804 ._ComponentList-title_htktj_17:hover { 1805 background-color: var( --puck-drawer-category-color-bg-hover, var(--puck-color-interactive-soft) ); 1806 color: var( --puck-drawer-category-color-text-hover, var(--puck-color-interactive) ); 1807 transition: none; 1808 } 1809} 1810._ComponentList-title_htktj_17:active { 1811 background-color: var( --puck-drawer-category-color-bg-active, var(--puck-color-interactive-subtle) ); 1812 transition: none; 1813} 1814._ComponentList-titleIcon_htktj_63 { 1815 margin-inline-start: auto; 1816} 1817 1818/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Preview/styles.module.css/#css-module-data */ 1819._PuckPreview_z2rgu_1 { 1820 position: relative; 1821 height: 100%; 1822} 1823._PuckPreview-frame_z2rgu_6 { 1824 border: none; 1825 height: 100%; 1826 width: 100%; 1827} 1828 1829/* css-module:/home/runner/work/puck/puck/packages/core/components/LayerTree/styles.module.css/#css-module-data */ 1830._LayerTree_1vltj_1 { 1831 color: var(--puck-outline-color-text, var(--puck-color-text-secondary)); 1832 font-family: var(--puck-font-family); 1833 font-size: var(--puck-outline-font-size, var(--puck-font-size-xxs)); 1834 margin: 0; 1835 position: relative; 1836 list-style: none; 1837 padding: 0; 1838} 1839._LayerTree-zoneTitle_1vltj_11 { 1840 color: var(--puck-outline-zone-color-text, var(--puck-color-text-muted)); 1841 font-size: var(--puck-outline-zone-font-size, var(--puck-font-size-xxxs)); 1842 text-transform: uppercase; 1843} 1844._LayerTree-helper_1vltj_17 { 1845 text-align: center; 1846 color: var(--puck-color-text-subtle); 1847 margin: var(--puck-space-2) var(--puck-space-1); 1848} 1849._Layer_1vltj_1 { 1850 position: relative; 1851 border: var(--puck-outline-border-width, var(--puck-border-width-regular)) solid transparent; 1852 border-radius: var(--puck-outline-radius, var(--puck-radius-m)); 1853} 1854._Layer-inner_1vltj_30 { 1855 border: var(--puck-outline-border-width, var(--puck-border-width-regular)) solid transparent; 1856 border-radius: var(--puck-outline-radius, var(--puck-radius-m)); 1857 transition: color var(--puck-duration-fast) var(--puck-ease-exit); 1858} 1859._Layer--containsZone_1vltj_37 > ._Layer-inner_1vltj_30 { 1860 padding-inline-start: 0; 1861} 1862._Layer-clickable_1vltj_41 { 1863 align-items: center; 1864 background: none; 1865 border: 0; 1866 border-radius: var(--puck-outline-radius, var(--puck-radius-m)); 1867 color: inherit; 1868 cursor: pointer; 1869 display: flex; 1870 font: inherit; 1871 padding-inline-start: var(--puck-space-3); 1872 padding-inline-end: var(--puck-space-1); 1873 width: 100%; 1874} 1875._Layer-clickable_1vltj_41:focus-visible { 1876 outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring); 1877 outline-offset: var(--puck-border-width-focus); 1878 position: relative; 1879 z-index: 1; 1880} 1881@media (hover: hover) and (pointer: fine) { 1882 ._Layer_1vltj_1:not(._Layer--isSelected_1vltj_63) > ._Layer-inner_1vltj_30:hover { 1883 border-color: var( --puck-outline-color-border-hover, var(--puck-color-interactive-subtle) ); 1884 background: var( --puck-outline-color-bg-hover, var(--puck-color-interactive-soft) ); 1885 color: var(--puck-outline-color-text-hover, var(--puck-color-interactive)); 1886 transition: none; 1887 } 1888} 1889._Layer--isSelected_1vltj_63 { 1890 border-color: var( --puck-outline-color-border-selected, var(--puck-color-selection-border) ); 1891} 1892._Layer--isSelected_1vltj_63 > ._Layer-inner_1vltj_30 { 1893 background: var( --puck-outline-color-bg-selected, var(--puck-color-interactive-subtle) ); 1894} 1895._Layer--isSelected_1vltj_63 > ._Layer-inner_1vltj_30 > ._Layer-clickable_1vltj_41 > ._Layer-chevron_1vltj_91, 1896._Layer--childIsSelected_1vltj_92 > ._Layer-inner_1vltj_30 > ._Layer-clickable_1vltj_41 > ._Layer-chevron_1vltj_91 { 1897 transform: scaleY(-1); 1898} 1899._Layer-zones_1vltj_96 { 1900 display: none; 1901 margin-inline-start: var(--puck-space-3); 1902} 1903._Layer--isSelected_1vltj_63 > ._Layer-zones_1vltj_96, 1904._Layer--childIsSelected_1vltj_92 > ._Layer-zones_1vltj_96 { 1905 display: block; 1906} 1907._Layer-zones_1vltj_96 > ._LayerTree_1vltj_1 { 1908 margin-inline-start: var(--puck-space-3); 1909} 1910._Layer-title_1vltj_110, 1911._LayerTree-zoneTitle_1vltj_11 { 1912 display: flex; 1913 gap: var(--puck-space-2); 1914 align-items: center; 1915 margin: var(--puck-space-2) var(--puck-space-1); 1916 overflow-x: hidden; 1917} 1918._Layer-name_1vltj_119 { 1919 overflow-x: hidden; 1920 text-overflow: ellipsis; 1921 white-space: nowrap; 1922} 1923._Layer-icon_1vltj_125 { 1924 color: var(--puck-outline-color-icon, var(--puck-color-highlight)); 1925 margin-top: var(--puck-space-1); 1926} 1927._Layer-zoneIcon_1vltj_130 { 1928 color: var(--puck-outline-zone-color-text, var(--puck-color-text-muted)); 1929 margin-top: var(--puck-space-1); 1930} 1931 1932/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css/#css-module-data */ 1933._Puck_mr27u_19 { 1934 font-family: var(--puck-font-family); 1935 overflow-x: hidden; 1936 visibility: visible !important; 1937} 1938@media (min-width: 766px) { 1939 ._Puck_mr27u_19 { 1940 overflow-x: auto; 1941 } 1942} 1943._Puck-portal_mr27u_31 { 1944 position: relative; 1945 z-index: 2; 1946} 1947._PuckLayout_mr27u_36 { 1948 height: 100dvh; 1949} 1950._PuckLayout-inner_mr27u_40 { 1951 --puck-frame-width: auto; 1952 --puck-pluginbar-width: min-content; 1953 --puck-sidebar-width: 0px; 1954 --puck-sidebar-left-width: var( --puck-user-sidebar-left-width, var(--puck-sidebar-width) ); 1955 --puck-sidebar-right-width: var( --puck-user-sidebar-right-width, var(--puck-sidebar-width) ); 1956 background-color: var(--puck-color-surface-subtle); 1957 display: grid; 1958 grid-template-areas: "header" "editor" "left" "right" "sidenav"; 1959 grid-template-columns: var(--puck-frame-width); 1960 grid-template-rows: min-content auto 0 0 var(--puck-pluginbar-width); 1961 height: 100%; 1962 position: relative; 1963 transition: grid-template-rows var(--puck-duration-medium) var(--puck-ease-exit); 1964 z-index: 0; 1965 overflow: hidden; 1966} 1967@media (min-width: 638px) { 1968 ._PuckLayout-inner_mr27u_40 { 1969 --puck-pluginbar-width: 68px; 1970 grid-template-areas: "header header header header" "sidenav left editor right"; 1971 grid-template-columns: var(--puck-pluginbar-width) 0 var(--puck-frame-width) 0; 1972 grid-template-rows: min-content auto; 1973 } 1974 ._Puck--hidePlugins_mr27u_73 ._PuckLayout-inner_mr27u_40 { 1975 --puck-pluginbar-width: 0; 1976 } 1977} 1978._PuckLayout--mounted_mr27u_78 ._PuckLayout-inner_mr27u_40 { 1979 --puck-sidebar-width: 186px; 1980} 1981._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40 { 1982 grid-template-rows: 0 auto 30% 0 var(--puck-pluginbar-width); 1983 transition: grid-template-rows var(--puck-duration-medium) var(--puck-ease-entrance); 1984} 1985._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--isExpanded_mr27u_90 ._PuckLayout-inner_mr27u_40 { 1986 grid-template-rows: 0 auto 55% 0 var(--puck-pluginbar-width); 1987 transition: grid-template-rows var(--puck-duration-medium) var(--puck-ease-entrance); 1988} 1989@media (min-width: 638px) { 1990 ._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40 { 1991 grid-template-columns: var(--puck-pluginbar-width) var(--puck-sidebar-left-width) var( --puck-frame-width ) 0; 1992 grid-template-rows: min-content auto; 1993 } 1994} 1995._PuckLayout--mobilePanelHeightMinContent_mr27u_110._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40, 1996._PuckLayout--mobilePanelHeightMinContent_mr27u_110._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--isExpanded_mr27u_90 ._PuckLayout-inner_mr27u_40 { 1997 grid-template-rows: 0 auto min-content 0 var(--puck-pluginbar-width); 1998} 1999@media (min-width: 638px) { 2000 ._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40, 2001 ._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--isExpanded_mr27u_90 ._PuckLayout-inner_mr27u_40, 2002 ._PuckLayout--mobilePanelHeightMinContent_mr27u_110._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40, 2003 ._PuckLayout--mobilePanelHeightMinContent_mr27u_110._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--isExpanded_mr27u_90 ._PuckLayout-inner_mr27u_40 { 2004 grid-template-columns: var(--puck-pluginbar-width) var(--puck-sidebar-left-width) var( --puck-frame-width ) 0; 2005 grid-template-rows: min-content auto; 2006 } 2007} 2008@media (min-width: 638px) { 2009 ._PuckLayout--rightSideBarVisible_mr27u_137 ._PuckLayout-inner_mr27u_40 { 2010 grid-template-columns: var(--puck-pluginbar-width) 0 var(--puck-frame-width) var(--puck-sidebar-right-width); 2011 } 2012} 2013@media (min-width: 638px) { 2014 ._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--rightSideBarVisible_mr27u_137 ._PuckLayout-inner_mr27u_40 { 2015 grid-template-columns: var(--puck-pluginbar-width) var(--puck-sidebar-left-width) var( --puck-frame-width ) var(--puck-sidebar-right-width); 2016 } 2017} 2018@media (min-width: 458px) { 2019 ._PuckLayout-mounted_mr27u_156 ._PuckLayout-inner_mr27u_40 { 2020 --puck-frame-width: minmax(266px, auto); 2021 } 2022} 2023@media (min-width: 638px) { 2024 ._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 { 2025 --puck-sidebar-width: minmax(186px, 250px); 2026 } 2027} 2028@media (min-width: 766px) { 2029 ._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 { 2030 --puck-frame-width: auto; 2031 } 2032} 2033@media (min-width: 990px) { 2034 ._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 { 2035 --puck-sidebar-width: 256px; 2036 } 2037} 2038@media (min-width: 1198px) { 2039 ._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 { 2040 --puck-sidebar-width: 274px; 2041 } 2042} 2043@media (min-width: 1398px) { 2044 ._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 { 2045 --puck-sidebar-width: 290px; 2046 } 2047} 2048@media (min-width: 1598px) { 2049 ._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 { 2050 --puck-sidebar-width: 320px; 2051 } 2052} 2053._PuckLayout-nav_mr27u_197 { 2054 border-top: var(--puck-border-width-regular) solid var(--puck-color-border); 2055 background-color: var( --puck-pluginbar-color-bg, var(--puck-color-surface-subtle) ); 2056 grid-area: sidenav; 2057 overflow: hidden; 2058 width: 100%; 2059} 2060@media (min-width: 638px) { 2061 ._PuckLayout-nav_mr27u_197 { 2062 border-top: 0; 2063 border-right: var(--puck-border-width-regular) solid var(--puck-color-border); 2064 box-sizing: border-box; 2065 } 2066} 2067._PuckLayout-header_mr27u_217 { 2068 grid-area: header; 2069} 2070._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-header_mr27u_217 { 2071 overflow: hidden; 2072} 2073@media (min-width: 638px) { 2074 ._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-header_mr27u_217 { 2075 overflow: auto; 2076 } 2077} 2078._PuckPluginTab_mr27u_231 { 2079 display: none; 2080 flex-grow: 1; 2081 max-height: 100%; 2082} 2083._PuckPluginTab--visible_mr27u_237 { 2084 display: flex; 2085 flex-direction: column; 2086} 2087._PuckPluginTab-body_mr27u_242 { 2088 flex-grow: 1; 2089 max-height: 100%; 2090} 2091 2092/* css-module:/home/runner/work/puck/puck/packages/core/components/MenuBar/styles.module.css/#css-module-data */ 2093._MenuBar_1hxnj_1 { 2094 background-color: var(--_puck-menu-bar-color-bg, var(--puck-color-surface)); 2095 border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border); 2096 display: none; 2097 left: 0;
2098 margin-top: 1px; 2099 padding: var(--puck-space-2) var(--puck-space-4); 2100 position: absolute; 2101 right: 0; 2102 top: 100%; 2103 z-index: 2; 2104} 2105._MenuBar--menuOpen_1hxnj_14 { 2106 display: block; 2107} 2108@media (min-width: 638px) { 2109 ._MenuBar_1hxnj_1 { 2110 border: none; 2111 display: block; 2112 margin-top: 0; 2113 overflow-y: visible; 2114 padding: 0; 2115 position: static; 2116 } 2117} 2118._MenuBar-inner_1hxnj_29 { 2119 align-items: center; 2120 display: flex; 2121 flex-wrap: wrap; 2122 gap: var(--puck-space-2) var(--puck-space-4); 2123 justify-content: flex-end; 2124} 2125@media (min-width: 638px) { 2126 ._MenuBar-inner_1hxnj_29 { 2127 display: flex; 2128 flex-direction: row; 2129 flex-wrap: nowrap; 2130 } 2131} 2132._MenuBar-history_1hxnj_45 { 2133 display: flex; 2134} 2135 2136/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Header/styles.module.css/#css-module-data */ 2137._PuckHeader_c2nei_1 { 2138 --_puck-menu-bar-color-bg: var( --puck-header-color-bg, var(--puck-color-surface) ); 2139 background: var(--puck-header-color-bg, var(--puck-color-surface)); 2140 border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border); 2141 color: var(--puck-header-color-text, var(--puck-color-text)); 2142 --_puck-heading-color: var(--puck-header-color-text, var(--puck-color-text)); 2143 grid-area: header; 2144 position: relative; 2145 max-width: 100vw; 2146} 2147@media (min-width: 638px) { 2148 ._PuckHeader_c2nei_1 { 2149 padding-left: 67px; 2150 } 2151 ._PuckHeader--hidePlugins_c2nei_21 { 2152 padding-left: 0; 2153 } 2154}
2155._PuckHeader-inner_c2nei_26 { 2156 align-items: end; 2157 display: grid; 2158 gap: var(--puck-space-chrome-gutter); 2159 grid-template-areas: "left middle right"; 2160 grid-template-columns: 1fr auto 1fr; 2161 grid-template-rows: auto; 2162 padding: var(--puck-space-chrome-gutter); 2163} 2164@media (min-width: 638px) { 2165 ._PuckHeader-inner_c2nei_26 { 2166 border-left: var(--puck-border-width-regular) solid var(--puck-color-border); 2167 } 2168 ._PuckHeader--hidePlugins_c2nei_21 ._PuckHeader-inner_c2nei_26 { 2169 border-left: none; 2170 } 2171} 2172._PuckHeader-toggle_c2nei_46 { 2173 display: flex; 2174 margin-inline-start: calc(var(--puck-space-1) * -1); 2175 padding-top: 2px; 2176} 2177._PuckHeader-rightSideBarToggle_c2nei_52, 2178._PuckHeader-leftSideBarToggle_c2nei_53 { 2179 display: none; 2180} 2181@media (min-width: 638px) { 2182 ._PuckHeader-rightSideBarToggle_c2nei_52, 2183 ._PuckHeader-leftSideBarToggle_c2nei_53 { 2184 display: block; 2185 } 2186} 2187._PuckHeader-title_c2nei_64 { 2188 align-self: center; 2189} 2190._PuckHeader-path_c2nei_68 { 2191 font-family: var(--puck-font-family-monospaced); 2192 font-size: var(--puck-font-size-xxs); 2193 font-weight: normal; 2194 word-break: break-all; 2195} 2196._PuckHeader-tools_c2nei_75 { 2197 display: flex; 2198 gap: var(--puck-space-4); 2199 justify-content: flex-end; 2200} 2201._PuckHeader-menuButton_c2nei_81 { 2202 color: var(--puck-color-text-muted); 2203 margin-inline-start: calc(var(--puck-space-1) * -1); 2204} 2205._PuckHeader--menuOpen_c2nei_86 ._PuckHeader-menuButton_c2nei_81 { 2206 color: var(--puck-color-text); 2207} 2208@media (min-width: 638px) { 2209 ._PuckHeader-menuButton_c2nei_81 { 2210 display: none; 2211 } 2212} 2213 2214/* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */ 2215._SidebarSection_1uv88_1 { 2216 display: flex; 2217 position: relative; 2218 flex-direction: column; 2219 color: var(--puck-color-text); 2220} 2221._SidebarSection_1uv88_1:last-of-type { 2222 flex-grow: 1; 2223} 2224._SidebarSection-title_1uv88_12 { 2225 background: var(--_puck-sidebar-section-color-bg, var(--puck-color-surface)); 2226 padding: var(--puck-space-4); 2227 border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border); 2228 border-top: var(--puck-border-width-regular) solid var(--puck-color-border); 2229 overflow-x: auto; 2230} 2231._SidebarSection--noBorderTop_1uv88_20 > ._SidebarSection-title_1uv88_12 { 2232 border-top: 0px; 2233} 2234._SidebarSection-content_1uv88_24:last-child { 2235 padding-bottom: var(--puck-space-1); 2236} 2237._SidebarSection_1uv88_1:last-of-type ._SidebarSection-content_1uv88_24 { 2238 border-bottom: none; 2239 flex-grow: 1; 2240} 2241._SidebarSection-breadcrumbLabel_1uv88_33 { 2242 background: none; 2243 border: 0; 2244 border-radius: var(--puck-radius-xs); 2245 color: var(--puck-color-interactive); 2246 cursor: pointer; 2247 font: inherit; 2248 flex-shrink: 0; 2249 padding: 0; 2250 transition: color var(--puck-duration-fast) var(--puck-ease-exit); 2251} 2252._SidebarSection-breadcrumbLabel_1uv88_33:focus-visible { 2253 outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring); 2254 outline-offset: var(--puck-border-width-focus); 2255} 2256@media (hover: hover) and (pointer: fine) { 2257 ._SidebarSection-breadcrumbLabel_1uv88_33:hover { 2258 color: var(--puck-color-interactive-hover); 2259 transition: none; 2260 } 2261} 2262._SidebarSection-breadcrumbLabel_1uv88_33:active { 2263 color: var(--puck-color-interactive-active); 2264 transition: none; 2265} 2266._SidebarSection-breadcrumbs_1uv88_62 { 2267 align-items: center; 2268 display: flex; 2269 gap: var(--puck-space-1); 2270} 2271._SidebarSection-breadcrumb_1uv88_33 { 2272 align-items: center; 2273 display: flex; 2274 gap: var(--puck-space-1); 2275} 2276._SidebarSection-heading_1uv88_74 { 2277 padding-inline-end: var(--puck-space-4); 2278} 2279._SidebarSection-loadingOverlay_1uv88_78 { 2280 background: var(--puck-color-surface); 2281 display: flex; 2282 justify-content: center; 2283 align-items: center; 2284 height: 100%; 2285 width: 100%; 2286 top: 0; 2287 position: absolute; 2288 z-index: 1; 2289 pointer-events: all; 2290 box-sizing: border-box; 2291 opacity: 0.8; 2292} 2293 2294/* css-module:/home/runner/work/puck/puck/packages/core/components/Breadcrumbs/styles.module.css/#css-module-data */ 2295._Breadcrumbs_8c6w5_1 { 2296 align-items: center; 2297 display: flex; 2298 gap: var(--puck-space-1); 2299} 2300._Breadcrumbs-breadcrumbLabel_8c6w5_7 { 2301 background: none; 2302 border: 0; 2303 border-radius: var(--puck-radius-xs); 2304 color: var(--puck-color-interactive); 2305 cursor: pointer; 2306 font: inherit; 2307 flex-shrink: 0; 2308 padding: 0; 2309 transition: color var(--puck-duration-fast) var(--puck-ease-exit); 2310} 2311._Breadcrumbs-breadcrumbLabel_8c6w5_7:focus-visible { 2312 outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring); 2313 outline-offset: var(--puck-border-width-focus); 2314} 2315@media (hover: hover) and (pointer: fine) { 2316 ._Breadcrumbs-breadcrumbLabel_8c6w5_7:hover { 2317 color: var(--puck-color-interactive-hover); 2318 transition: none; 2319 } 2320} 2321._Breadcrumbs-breadcrumbLabel_8c6w5_7:active { 2322 color: var(--puck-color-interactive-active); 2323 transition: none; 2324} 2325._Breadcrumbs-breadcrumb_8c6w5_7 { 2326 align-items: center; 2327 display: flex; 2328 gap: var(--puck-space-1); 2329} 2330 2331/* css-module:/home/runner/work/puck/puck/packages/core/components/ViewportControls/styles.module.css/#css-module-data */ 2332._ViewportControls_v26yb_1 { 2333 position: relative; 2334} 2335._ViewportControls--fullScreen_v26yb_5 { 2336 border-radius: 32px; 2337 display: flex; 2338 position: absolute; 2339 bottom: var(--puck-space-3); 2340 right: var(--puck-space-3); 2341 overflow: hidden; 2342} 2343._ViewportControls-toggleButton_v26yb_14 { 2344 display: none; 2345} 2346._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-toggleButton_v26yb_14 { 2347 align-items: center; 2348 background-color: var(--puck-color-surface-inverse); 2349 border: var(--puck-border-width-regular) solid var(--puck-color-border-inverse); 2350 border-radius: var(--puck-radius-pill); 2351 cursor: pointer;
2352 color: var(--puck-color-text-inverse); 2353 display: flex; 2354 justify-content: center; 2355 width: 42px; 2356 height: 42px; 2357 z-index: 1; 2358} 2359._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-toggleButton_v26yb_14:hover { 2360 color: var(--puck-color-interactive-inverse-hover); 2361 border: var(--puck-border-width-regular) solid var(--puck-color-interactive-inverse-hover); 2362} 2363._ViewportControls-actions_v26yb_39 { 2364 display: flex; 2365} 2366._ViewportControls-actionsInner_v26yb_43 { 2367 display: flex; 2368 box-sizing: border-box; 2369 justify-content: center; 2370 margin-left: auto; 2371 margin-right: auto; 2372 z-index: 0; 2373 overflow: hidden; 2374} 2375._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-actionsInner_v26yb_43 { 2376 background: var(--puck-color-surface-muted); 2377 border: var(--puck-border-width-regular) solid var(--puck-color-border); 2378 border-radius: var(--puck-radius-pill); 2379 margin-left: none; 2380 margin-right: none; 2381 padding-right: 42px; 2382} 2383._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-actionsInner_v26yb_43 { 2384 transform: translateX(100%); 2385 transition: transform var(--puck-duration-medium) var(--puck-ease-emphasized); 2386} 2387._ViewportControls--fullScreen_v26yb_5._ViewportControls--isExpanded_v26yb_67 ._ViewportControls-actionsInner_v26yb_43 { 2388 transform: translateX(42px); 2389} 2390._ViewportControls-divider_v26yb_72 { 2391 border-inline-end: var(--puck-border-width-regular) solid var(--puck-color-border); 2392 margin-bottom: var(--puck-space-2); 2393 margin-top: var(--puck-space-2); 2394} 2395._ViewportControls-zoomSelect_v26yb_79 { 2396 appearance: none; 2397 background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat; 2398 background-size: 10px; 2399 color: currentColor; 2400 background-position: calc(100% - 12px) calc(50% + 3px); 2401 background-repeat: no-repeat; 2402 border: 0; 2403 font-size: var(--puck-font-size-xxxs); 2404 padding: 0; 2405 padding-left: var(--puck-space-2); 2406 width: 96px; 2407} 2408._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-zoom_v26yb_79 { 2409 display: none; 2410} 2411@media (min-width: 638px) { 2412 ._ViewportControls-zoom_v26yb_79, 2413 ._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-zoom_v26yb_79 { 2414 display: flex; 2415 justify-content: center; 2416 } 2417} 2418._ViewportControls-zoomSelect_v26yb_79:dir(rtl) { 2419 background-position: 12px calc(50% + 3px); 2420} 2421._ViewportButton-inner_v26yb_110 { 2422 align-items: center; 2423 display: flex; 2424 justify-content: center; 2425 height: 32px; 2426 width: 32px; 2427} 2428._ViewportButton--isActive_v26yb_118 ._ViewportButton-inner_v26yb_110 { 2429 color: var(--puck-color-interactive); 2430} 2431 2432/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css/#css-module-data */ 2433._PuckCanvas_zw9iy_1 { 2434 color: var(--puck-canvas-color-text, var(--puck-color-text)); 2435 background: var(--puck-canvas-color-bg, var(--puck-color-surface-muted)); 2436 display: flex; 2437 grid-area: editor; 2438 flex-direction: column; 2439 padding: var(--puck-space-chrome-gutter); 2440 position: relative; 2441 overflow: auto; 2442} 2443@media (min-width: 1198px) { 2444 ._PuckCanvas_zw9iy_1 { 2445 padding: calc(var(--puck-space-chrome-gutter) * 1.5); 2446 padding-top: calc(var(--puck-space-chrome-gutter) * 0.5); 2447 } 2448 ._PuckCanvas_zw9iy_1:not(._PuckCanvas_zw9iy_1:has(._PuckCanvas-controls_zw9iy_18)) { 2449 padding-top: calc(var(--puck-space-chrome-gutter) * 1.5); 2450 } 2451} 2452._PuckCanvas--fullScreen_zw9iy_23 { 2453 padding: 0; 2454 overflow: hidden; 2455} 2456@media (min-width: 1198px) { 2457 ._PuckCanvas--fullScreen_zw9iy_23 { 2458 padding: 0; 2459 } 2460} 2461._PuckCanvas-inner_zw9iy_34 { 2462 display: flex; 2463 height: 100%; 2464 justify-content: center; 2465 min-width: 288px; 2466 position: relative; 2467 width: 100%; 2468} 2469._PuckCanvas-root_zw9iy_43 { 2470 background: var(--puck-canvas-preview-color-bg, var(--puck-color-surface)); 2471 outline: var(--puck-border-width-regular) solid var(--puck-color-border); 2472 box-sizing: content-box; 2473 min-width: 321px; 2474 position: absolute; 2475 pointer-events: none; 2476 transform-origin: top; 2477 top: 0; 2478 bottom: 0; 2479 opacity: 0; 2480} 2481@media (min-width: 1198px) { 2482 ._PuckCanvas-root_zw9iy_43 { 2483 min-width: unset; 2484 } 2485} 2486@media (prefers-reduced-motion: reduce) { 2487 ._PuckCanvas-root_zw9iy_43 { 2488 transition: none !important; 2489 } 2490} 2491._PuckCanvas--ready_zw9iy_68 ._PuckCanvas-root_zw9iy_43 { 2492 pointer-events: unset; 2493 opacity: 1; 2494} 2495._PuckCanvas-loader_zw9iy_73 { 2496 align-items: center; 2497 color: var(--puck-color-text-subtle); 2498 display: flex; 2499 height: 100%; 2500 justify-content: center; 2501 transition: opacity var(--puck-duration-slow) var(--puck-ease-entrance); 2502 opacity: 0; 2503 pointer-events: none; 2504} 2505._PuckCanvas--showLoader_zw9iy_84 ._PuckCanvas-loader_zw9iy_73 { 2506 opacity: 1; 2507} 2508._PuckCanvas--showLoader_zw9iy_84._PuckCanvas--ready_zw9iy_68 ._PuckCanvas-loader_zw9iy_73 { 2509 opacity: 0; 2510 height: 0; 2511 transition: none; 2512} 2513._PuckCanvas-controls_zw9iy_18 { 2514 padding-bottom: calc(var(--puck-space-chrome-gutter) * 0.5); 2515} 2516._PuckCanvas--fullScreen_zw9iy_23 ._PuckCanvas-controls_zw9iy_18 { 2517 padding-bottom: 0; 2518 z-index: 1; 2519} 2520 2521/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/ResizeHandle/styles.module.css/#css-module-data */ 2522@media (min-width: 766px) { 2523 ._ResizeHandle_144bf_2 { 2524 position: absolute; 2525 width: 5px; 2526 height: 100%; 2527 cursor: col-resize; 2528 z-index: 10; 2529 background: transparent; 2530 top: 0; 2531 } 2532 ._ResizeHandle_144bf_2:hover { 2533 background: rgba(0, 0, 0, 0.1); 2534 } 2535 ._ResizeHandle--left_144bf_16 { 2536 right: -3px; 2537 } 2538 ._ResizeHandle--right_144bf_20 { 2539 left: -3px; 2540 } 2541} 2542 2543/* components/Puck/components/ResizeHandle/styles.css */ 2544[data-resize-overlay] { 2545 position: fixed; 2546 top: 0; 2547 left: 0; 2548 right: 0; 2549 bottom: 0; 2550 z-index: 9999; 2551 cursor: col-resize; 2552} 2553 2554/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Sidebar/styles.module.css/#css-module-data */ 2555._Sidebar_16oed_1 { 2556 border-block-start: var(--puck-border-width-regular) solid var(--puck-color-border); 2557 position: relative; 2558 display: none; 2559 flex-direction: column; 2560 overflow-y: auto; 2561} 2562._Sidebar--isVisible_16oed_10 { 2563 display: flex; 2564} 2565._Sidebar--left_16oed_14 { 2566 --_puck-sidebar-section-color-bg: var( --puck-sidebar-left-color-bg, var(--puck-color-surface) ); 2567 background: var( --puck-sidebar-left-color-bg, var(--puck-color-surface-subtle) ); 2568 grid-area: left; 2569} 2570@media (min-width: 766px) { 2571 ._Sidebar--left_16oed_14 { 2572 border-block-start: 0; 2573 border-inline-end: var(--puck-border-width-regular) solid var(--puck-color-border); 2574 } 2575} 2576._Sidebar--right_16oed_34 { 2577 --_puck-sidebar-section-color-bg: var( --puck-sidebar-right-color-bg, var(--puck-color-surface) ); 2578 background: var(--puck-sidebar-right-color-bg, var(--puck-color-surface)); 2579 grid-area: right; 2580} 2581@media (min-width: 766px) { 2582 ._Sidebar--right_16oed_34 { 2583 border-block-start: 0; 2584 border-inline-start: var(--puck-border-width-regular) solid var(--puck-color-border); 2585 } 2586} 2587._Sidebar-resizeHandle_16oed_51 { 2588 position: absolute; 2589 height: 100%; 2590} 2591._Sidebar--left_16oed_14 + ._Sidebar-resizeHandle_16oed_51 { 2592 grid-area: left; 2593 justify-self: end; 2594} 2595._Sidebar--right_16oed_34 + ._Sidebar-resizeHandle_16oed_51 { 2596 grid-area: right; 2597 justify-self: start; 2598} 2599 2600/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Nav/styles.module.css/#css-module-data */ 2601._Nav_vll2r_1 { 2602 display: flex; 2603}
2604._Nav-list_vll2r_5 { 2605 display: flex; 2606 list-style: none; 2607 margin: 0; 2608 padding: 0; 2609 overflow-x: auto; 2610 gap: var(--puck-space-2); 2611} 2612@media (min-width: 638px) { 2613 ._Nav-list_vll2r_5 { 2614 padding-top: 32px; 2615 flex-direction: column; 2616 gap: var(--puck-space-4); 2617 width: 100%; 2618 } 2619} 2620._Nav-mobileActions_vll2r_23 { 2621 align-items: center; 2622 display: flex; 2623 justify-content: center; 2624 margin-inline-start: auto; 2625 padding: var(--puck-space-1) var(--puck-space-4); 2626 border-inline-start: var(--puck-border-width-regular) solid var(--puck-color-border); 2627} 2628@media (min-width: 638px) { 2629 ._Nav-mobileActions_vll2r_23 { 2630 display: none; 2631 } 2632} 2633._NavItem-link_vll2r_39 { 2634 text-align: center; 2635 align-items: center; 2636 color: var(--puck-pluginbar-color-text, var(--puck-color-text-secondary)); 2637 display: flex; 2638 gap: var(--puck-space-2); 2639 text-decoration: none; 2640 cursor: pointer; 2641 border-radius: var(--puck-radius-m); 2642 padding: var(--puck-space-2) var(--puck-space-1); 2643 width: 64px; 2644 box-sizing: border-box; 2645} 2646@media (min-width: 638px) { 2647 ._NavItem-link_vll2r_39 { 2648 width: auto; 2649 } 2650} 2651._NavItem_vll2r_39:first-of-type { 2652 padding-left: var(--puck-space-4); 2653} 2654._NavItem_vll2r_39:last-of-type { 2655 padding-right: var(--puck-space-4); 2656} 2657@media (min-width: 638px) { 2658 ._NavItem_vll2r_39:first-of-type, 2659 ._NavItem_vll2r_39:last-of-type { 2660 padding: 0; 2661 } 2662} 2663._NavItem-link_vll2r_39 { 2664 border-top: var(--puck-border-width-strong) solid transparent; 2665 border-bottom: var(--puck-border-width-strong) solid transparent; 2666 border-radius: var(--puck-radius-none); 2667 flex-direction: column; 2668 font-size: var(--puck-pluginbar-font-size, var(--puck-font-size-xxxs)); 2669} 2670@media (min-width: 638px) { 2671 ._NavItem-link_vll2r_39 { 2672 border: 0; 2673 border-left: var(--puck-border-width-strong) solid transparent; 2674 border-right: var(--puck-border-width-strong) solid transparent; 2675 } 2676} 2677._NavItem-linkIcon_vll2r_90 { 2678 height: 2em; 2679 width: 2em; 2680} 2681._NavItem-linkIcon_vll2r_90 svg { 2682 height: 100%; 2683 width: 100%; 2684} 2685._NavItem--active_vll2r_100 > ._NavItem-link_vll2r_39 { 2686 background-color: var(--puck-color-interactive-subtle); 2687 color: var( --puck-pluginbar-color-text-selected, var(--puck-color-interactive) ); 2688 font-weight: var(--puck-font-weight-semibold); 2689} 2690._NavItem--active_vll2r_100 > ._NavItem-link_vll2r_39 { 2691 background-color: transparent; 2692 border-top-color: var(--puck-color-interactive); 2693 border-top-right-radius: 0; 2694 border-bottom-right-radius: 0; 2695 font-weight: var(--puck-font-weight-semibold); 2696} 2697@media (min-width: 638px) { 2698 ._NavItem--active_vll2r_100 > ._NavItem-link_vll2r_39 { 2699 border-top-color: transparent; 2700 border-right-color: var( --puck-pluginbar-color-text-selected, var(--puck-color-interactive) ); 2701 } 2702} 2703._NavItem_vll2r_39:not(._NavItem--active_vll2r_100) > ._NavItem-link_vll2r_39:hover { 2704 background-color: var( --puck-pluginbar-color-bg-hover, var(--puck-color-interactive-soft) ); 2705 color: var(--puck-pluginbar-color-text-hover, var(--puck-color-interactive)); 2706} 2707@media (min-width: 638px) { 2708 ._NavItem--mobileOnly_vll2r_136 { 2709 display: none; 2710 } 2711} 2712._NavItem--desktopOnly_vll2r_141 { 2713 display: none; 2714} 2715@media (min-width: 638px) { 2716 ._NavItem--desktopOnly_vll2r_141 { 2717 display: block; 2718 } 2719} 2720 2721/* css-module:/home/runner/work/puck/puck/packages/core/plugins/blocks/styles.module.css/#css-module-data */ 2722._BlocksPlugin_9af19_1 { 2723 padding: var(--puck-drawer-space, var(--puck-space-4)); 2724 height: 100%; 2725 overflow-y: auto; 2726 box-sizing: border-box; 2727} 2728 2729/* css-module:/home/runner/work/puck/puck/packages/core/plugins/outline/styles.module.css/#css-module-data */ 2730._OutlinePlugin_16k03_1 { 2731 padding: var(--puck-space-4); 2732 height: 100%; 2733 overflow-y: auto; 2734 box-sizing: border-box; 2735} 2736 2737/* css-module:/home/runner/work/puck/puck/packages/core/plugins/fields/styles.module.css/#css-module-data */ 2738._FieldsPlugin_18cj3_1 { 2739 background: var(--puck-color-surface); 2740 height: 100%; 2741 overflow-y: auto; 2742} 2743._FieldsPlugin-header_18cj3_7 { 2744 border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border); 2745 font-weight: var(--puck-font-weight-semibold); 2746 padding-bottom: var(--puck-space-2); 2747 padding-left: var(--puck-space-4); 2748 padding-right: var(--puck-space-4); 2749 padding-top: var(--puck-space-2); 2750} 2751@media (min-width: 638px) { 2752 ._FieldsPlugin-header_18cj3_7 { 2753 padding: var(--puck-space-4); 2754 } 2755}`,tP="data-puck-style-source",tA="puck",tD={uiDefault:"ui-default",iframeInteractions:"iframe-styles"},tL=new WeakMap,tM=e=>e||("undefined"!=typeof document?document:void 0),tB=e=>{let r=tL.get(e);if(r)return r;let t=new Map;return tL.set(e,t),t},tT=(e,r,t=!1)=>{let o=e.head;if(o){if(r.parentElement!==o){t?o.prepend(r):o.append(r);return}t&&o.firstChild!==r&&o.prepend(r),t||o.lastChild===r||o.append(r)}},tN=(e,r,t,o=!1)=>{let n=e.createElement("style");return n.setAttribute(tP,tA),n.setAttribute("data-puck-style-id",r),n.textContent=t,tT(e,n,o),n},tF=e=>(null==e?void 0:e.getAttribute(tP))===tA,tR=e=>{let r=tM(null==e?void 0:e.document);(0,p.useInsertionEffect)(()=>
2755{if(!e||!r)return;let t=tB(r),o=t.get(e.id);if(o)o.count=o.count+1,o.el.textContent!==e.cssText&&(o.el.textContent=e.cssText),tT(r,o.el,e.prepend);else{let o=tN(r,e.id,e.cssText,e.prepend);t.set(e.id,{count:1,el:o})}return()=>{let r=t.get(e.id);r&&(r.count=r.count-1,r.count<=0&&(r.el.remove(),t.delete(e.id)))}},[null==e?void 0:e.cssText,null==e?void 0:e.id,null==e?void 0:e.prepend,null==e?void 0:e.document,r])},tO=null,tY=()=>null!==tO?tO:"undefined"!=typeof document&&(tO=""!==getComputedStyle(document.documentElement).getPropertyValue("--_puck-styles-loaded").trim()),tU=()=>{tR(tY()?null:{cssText:tE,id:tD.uiDefault,prepend:!0}),(0,p.useEffect)(()=>{},[])},tH=e=>{tR(e?{cssText:'/* styles/color.css */\n@layer puck-tokens {\n :root {\n --puck-color-rose-01: #4a001c;\n --puck-color-rose-02: #670833;\n --puck-color-rose-03: #87114c;\n --puck-color-rose-04: #a81a66;\n --puck-color-rose-05: #bc5089;\n --puck-color-rose-06: #cc7ca5;\n --puck-color-rose-07: #d89aba;\n --puck-color-rose-08: #e3b8cf;\n --puck-color-rose-09: #efd6e3;\n --puck-color-rose-10: #f6eaf1;\n --puck-color-rose-11: #faf4f8;\n --puck-color-rose-12: #fef8fc;\n --puck-color-azure-01: #00175d;\n --puck-color-azure-02: #002c77;\n --puck-color-azure-03: #014292;\n --puck-color-azure-04: #0158ad;\n --puck-color-azure-05: #3479be;\n --puck-color-azure-06: #6499cf;\n --puck-color-azure-07: #88b0da;\n --puck-color-azure-08: #abc7e5;\n --puck-color-azure-09: #cfdff0;\n --puck-color-azure-10: #e7eef7;\n --puck-color-azure-11: #f3f6fb;\n --puck-color-azure-12: #f7faff;\n --puck-color-green-01: #002000;\n --puck-color-green-02: #043604;\n --puck-color-green-03: #084e08;\n --puck-color-green-04: #0c680c;\n --puck-color-green-05: #1d882f;\n --puck-color-green-06: #2faa53;\n --puck-color-green-07: #56c16f;\n --puck-color-green-08: #7dd78b;\n --puck-color-green-09: #b8e8bf;\n --puck-color-green-10: #ddf3e0;\n --puck-color-green-11: #eff8f0;\n --puck-color-green-12: #f3fcf4;\n --puck-color-yellow-01: #211000;\n --puck-color-yellow-02: #362700;\n --puck-color-yellow-03: #4c4000;\n --puck-color-yellow-04: #645a00;\n --puck-color-yellow-05: #877614;\n --puck-color-yellow-06: #ab9429;\n --puck-color-yellow-07: #bfac4e;\n --puck-color-yellow-08: #d4c474;\n --puck-color-yellow-09: #e6deb1;\n --puck-color-yellow-10: #f3efd9;\n --puck-color-yellow-11: #f9f7ed;\n --puck-color-yellow-12: #fcfaf0;\n --puck-color-red-01: #4c0000;\n --puck-color-red-02: #6a0a10;\n --puck-color-red-03: #8a1422;\n --puck-color-red-04: #ac1f35;\n --puck-color-red-05: #bf5366;\n --puck-color-red-06: #ce7e8e;\n --puck-color-red-07: #d99ca8;\n --puck-color-red-08: #e4b9c2;\n --puck-color-red-09: #efd7db;\n --puck-color-red-10: #f6eaec;\n --puck-color-red-11: #faf4f5;\n --puck-color-red-12: #fff9fa;\n --puck-color-grey-01: #181818;\n --puck-color-grey-02: #292929;\n --puck-color-grey-03: #404040;\n --puck-color-grey-04: #5a5a5a;\n --puck-color-grey-05: #767676;\n --puck-color-grey-06: #949494;\n --puck-color-grey-07: #ababab;\n --puck-color-grey-08: #c3c3c3;\n --puck-color-grey-09: #dcdcdc;\n --puck-color-grey-10: #efefef;\n --puck-color-grey-11: #f5f5f5;\n --puck-color-grey-12: #fafafa;\n --puck-color-black: #000000;\n --puck-color-white: #ffffff;\n }\n}\n\n/* styles/tokens.css */\n@layer puck-tokens {\n :root {\n --puck-color-surface: var(--puck-color-white);\n --puck-color-surface-muted: var(--puck-color-grey-11);\n --puck-color-surface-subtle: var(--puck-color-grey-12);\n --puck-color-surface-inverse: var(--puck-color-grey-01);\n --puck-color-border: var(--puck-color-grey-09);\n --puck-color-border-hover: var(--puck-color-grey-05);\n --puck-color-border-muted: var(--puck-color-grey-10);\n --puck-color-border-inverse: var(--puck-color-grey-05);\n --puck-color-text: var(--puck-color-black);\n --puck-color-text-secondary: var(--puck-color-grey-04);\n --puck-color-text-muted: var(--puck-color-grey-05);
2755\n --puck-color-text-subtle: var(--puck-color-grey-07);\n --puck-color-text-inverse: var(--puck-color-white);\n --puck-opacity-text-inverse: 0.75;\n --puck-color-interactive: var(--puck-color-azure-04);\n --puck-color-interactive-hover: var(--puck-color-azure-03);\n --puck-color-interactive-active: var(--puck-color-azure-02);\n --puck-color-interactive-subtle: var(--puck-color-azure-10);\n --puck-color-interactive-soft: var(--puck-color-azure-11);\n --puck-color-interactive-soft-hover: var(--puck-color-azure-12);\n --puck-color-interactive-neutral-hover: var(--puck-color-grey-10);\n --puck-color-interactive-inverse-hover: var(--puck-color-azure-06);\n --puck-color-interactive-inverse-active: var(--puck-color-azure-07);\n --puck-color-focus-ring: var(--puck-color-azure-05);\n --puck-color-selection-bg: color-mix( in srgb, var(--puck-color-azure-09) 30%, transparent );\n --puck-color-selection-border: var(--puck-color-azure-08);\n --puck-color-highlight: var(--puck-color-rose-07);\n --puck-color-bg-disabled: var(--puck-color-grey-07);\n --puck-color-text-disabled: var(--puck-color-grey-03);\n --puck-color-overlay-backdrop: color-mix( in srgb, var(--puck-color-black) 75%, transparent );\n --puck-space-1: 4px;\n --puck-space-2: 8px;\n --puck-space-3: 12px;\n --puck-space-4: 16px;\n --puck-space-5: 24px;\n --puck-space-chrome-gutter: var(--puck-space-4);\n --puck-radius-none: 0;\n --puck-radius-xs: 2px;\n --puck-radius-s: 3px;\n --puck-radius-m: 4px;\n --puck-radius-l: 8px;\n --puck-radius-pill: 30px;\n --puck-radius-round: 100%;\n --puck-border-width-hairline: 0.5px;\n --puck-border-width-regular: 1px;\n --puck-border-width-focus: 2px;\n --puck-border-width-strong: 4px;\n --puck-duration-fast: 50ms;\n --puck-duration-medium: 150ms;\n --puck-duration-slow: 250ms;\n --puck-ease-exit: ease-in;\n --puck-ease-emphasized: ease-in-out;\n --puck-ease-entrance: ease-out;\n --puck-font-weight-regular: 400;\n --puck-font-weight-medium: 500;\n --puck-font-weight-semibold: 600;\n --puck-font-weight-bold: 700;\n --puck-font-weight-heavy: 800;\n --puck-letter-spacing-ui: 0.05ch;\n --puck-letter-spacing-heading: 0.08ch;\n --puck-icon-size-s: 16px;\n --puck-icon-size-m: 18px;\n --puck-icon-size-l: 24px;\n --puck-space-m-unitless: 24;\n --puck-user-sidebar-left-width: var(--puck-sidebar-width);\n --puck-user-sidebar-right-width: var(--puck-sidebar-width);\n --puck-slot-min-empty-height: 128px;\n }\n}\n\n/* styles/typography.css */\n@layer puck-tokens {\n :root {\n --puck-font-size-scale-base-unitless: 12;\n --puck-font-size-xxxs-unitless: 12;\n --puck-font-size-xxs-unitless: 14;\n --puck-font-size-xs-unitless: 16;\n --puck-font-size-s-unitless: 18;\n --puck-font-size-m-unitless: 21;\n --puck-font-size-l-unitless: 24;\n --puck-font-size-xl-unitless: 28;\n --puck-font-size-xxl-unitless: 36;\n --puck-font-size-xxxl-unitless: 48;\n --puck-font-size-xxxxl-unitless: 56;\n --puck-font-size-xxxs: calc( 1rem * var(--puck-font-size-xxxs-unitless) / 16 );\n --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);\n --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);\n --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);\n --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);\n --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);\n --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);\n --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);\n --puck-font-size-xxxl: calc( 1rem * var(--puck-font-size-xxxl-unitless) / 16 );\n --puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );\n --puck-font-size-base: var(--puck-font-size-xs);\n --puck-line-height-reset: 1;\n --puck-line-height-xs: calc( var(--puck-space-m-unitless) / var(--puck-font-size-m-unitless) );\n --puck-line-height-s: calc( var(--puck-space-m-unitless) / var(--puck-font-size-s-unitless) );\n --puck-line-height-m: calc( var(--puck-space-m-unitless) / var(--puck-font-size-xs-unitless) );\n --puck-line-height-l: calc( var(--puck-space-m-unitless) / var(--puck-font-size-xxs-unitless) );\n --puck-line-height-xl: calc( var(--puck-space-m-unitless) / var(--puck-font-size-scale-base-unitless) );\n --puck-line-height-base: var(--puck-line-height-m);\n --puck-fallback-font-stack:\n -apple-system,\n BlinkMacSystemFont,\n Segoe UI,\n Helvetica Neue,\n sans-serif,\n Apple Color Emoji,\n Segoe UI Emoji,\n Segoe UI Symbol;\n --puck-font-family: Inter, var(--puck-fallback-font-stack);\n --puck-font-family-monospaced:\n ui-monospace,\n "Cascadia Code",\n "Source Code Pro",\n Menlo,\n Consolas,\n "DejaVu Sans Mono",\n monospace;\n }\n @supports (font-variation-settings: normal) {\n :root {\n --puck-font-family: InterVariable, var(--puck-fallback-font-stack);\n }\n }\n}\n\n/* bundle/core.css */\n:root {\n --_puck-styles-loaded: "true";\n}\n#frame-root {\n height: 1px;\n min-height: 100vh;\n}\n[data-puck-entry] {\n position: relative;\n z-index: 0;\n}\n\n/* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */\n._ActionBar_5vdfr_1 {\n align-items: center;
2755\n cursor: default;\n display: flex;\n width: auto;\n padding-top: var(--puck-actionbar-space-y, var(--puck-space-1));\n padding-bottom: var(--puck-actionbar-space-y, var(--puck-space-1));\n padding-inline-start: var(--puck-actionbar-space-x, 0);\n padding-inline-end: var(--puck-actionbar-space-x, 0);\n border-radius: var(--puck-actionbar-radius, var(--puck-radius-l));\n background: var(--puck-actionbar-color-bg, var(--puck-color-surface-inverse));\n color: var(--puck-color-text-inverse);\n font-family: var(--puck-font-family);\n min-height: 26px;\n}\n._ActionBar-label_5vdfr_17 {\n color: var(--puck-actionbar-color-text, var(--puck-color-text-inverse));\n font-size: var(--puck-actionbar-font-size, var(--puck-font-size-xxxs));\n opacity: var(--puck-actionbar-opacity-text, var(--puck-opacity-text-inverse));\n font-weight: var(--puck-font-weight-medium);\n padding-inline-start: var(--puck-space-2);\n padding-inline-end: var(--puck-space-2);\n margin-inline-start: var(--puck-space-1);\n margin-inline-end: var(--puck-space-1);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n._ActionBarAction_5vdfr_30 + ._ActionBar-label_5vdfr_17 {\n padding-inline-start: 0;\n}\n._ActionBar-label_5vdfr_17 + ._ActionBarAction_5vdfr_30 {\n margin-inline-start: calc(var(--puck-space-1) * -1);\n}\n._ActionBar-group_5vdfr_38 {\n align-items: center;\n border-inline-start: var(--puck-border-width-hairline) solid var(--puck-actionbar-color-separator, var(--puck-color-border-inverse));\n display: flex;\n height: 100%;\n padding-inline-start: var(--puck-space-1);\n padding-inline-end: var(--puck-space-1);\n}\n._ActionBar-group_5vdfr_38:first-of-type {\n border-inline-start: 0;\n}\n._ActionBar-group_5vdfr_38:empty {\n display: none;\n}\n._ActionBarAction_5vdfr_30 {\n background: transparent;\n border: none;\n color: var(--puck-actionbar-color-text, var(--puck-color-text-inverse));\n cursor: pointer;\n padding: var(--puck-actionbar-action-space, 6px);\n margin-inline-start: var(--puck-space-1);\n margin-inline-end: var(--puck-space-1);\n border-radius: var(--puck-radius-m);\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: var(--puck-actionbar-opacity-text, var(--puck-opacity-text-inverse));\n transition: color var(--puck-duration-fast) var(--puck-ease-exit), opacity var(--puck-duration-fast) var(--puck-ease-exit);\n}\n._ActionBarAction--disabled_5vdfr_74 {\n cursor: auto;\n color: var( --puck-actionbar-color-action-disabled, var(--puck-color-text-inverse) );\n opacity: var(--puck-actionbar-opacity-action-disabled, 0.54);\n}\n._ActionBarAction_5vdfr_30 svg {\n max-width: none !important;\n}\n._ActionBarAction_5vdfr_30:focus-visible {\n outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);\n outline-offset: calc(var(--puck-border-width-focus) * -1);\n}\n@media (hover: hover) and (pointer: fine) {\n ._ActionBarAction_5vdfr_30:hover:not(._ActionBarAction--disabled_5vdfr_74) {\n color: var( --puck-actionbar-color-action-hover, var(--puck-color-interactive-inverse-hover) );\n opacity: 1;\n transition: none;\n }\n}\n._ActionBarAction_5vdfr_30:active:not(._ActionBarAction--disabled_5vdfr_74),\n._ActionBarAction--active_5vdfr_104 {\n color: var( --puck-actionbar-color-action-active, var(--puck-color-interactive-inverse-active) );\n opacity: 1;\n transition: none;\n}\n._ActionBar-group_5vdfr_38 * {\n margin: 0;\n}\n._ActionBar-separator_5vdfr_117 {\n background: var( --puck-actionbar-color-separator, var(--puck-color-border-inverse) );\n margin-inline: var(--puck-space-1);\n width: var( --puck-border-width-hairline );\n height: 100%;\n}\n\n/* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */\n._DraggableComponent_1627v_1 {\n position: absolute;\n pointer-events: none;\n}\n._DraggableComponent-overlayWrapper_1627v_6 {\n height: 100%;\n width: 100%;\n top: 0;\n position: absolute;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 1;\n}\n._DraggableComponent-overlay_1627v_6 {\n cursor: pointer;\n height: 100%;\n outline: var( --puck-slot-component-border-width, var(--puck-border-width-focus) ) var( --puck-slot-component-color-overlay-border, var(--puck-color-selection-border) ) solid;\n outline-offset: calc(var(--puck-slot-component-border-width, var(--puck-border-width-focus)) * -1);\n width: 100%;\n}\n._DraggableComponent_1627v_1:focus-visible > ._DraggableComponent-overlayWrapper_1627v_6 {\n outline: var(--puck-border-width-regular) solid var(--puck-color-focus-ring);\n}\n._DraggableComponent-loadingOverlay_1627v_38 {\n background: var(--puck-color-surface);\n color: var(--puck-color-text);\n border-radius: var(--puck-radius-m);\n display: flex;\n padding: var(--puck-space-2);\n top: var(--puck-space-2);\n right: var(--puck-space-2);\n position: absolute;\n z-index: 1;\n pointer-events: all;\n box-sizing: border-box;\n opacity: 0.8;\n z-index: 1;\n}\n._DraggableComponent--hover_1627v_54 > ._DraggableComponent-overlayWrapper_1627v_6 > ._DraggableComponent-overlay_1627v_6 {\n background: var( --puck-slot-component-color-overlay, var(--puck-color-selection-bg) );\n outline: var( --puck-slot-component-border-width, var(--puck-border-width-focus) ) var( --puck-slot-component-color-overlay-border, var(--puck-color-selection-border) ) solid;\n}\n._DraggableComponent--isSelected_1627v_72 > ._DraggableComponent-overlayWrapper_1627v_6 > ._DraggableComponent-overlay_1627v_6 {\n outline-color: var( --puck-slot-component-color-border-selected, var(--puck-color-selection-border) );\n}\n._DraggableComponent_1627v_1:has(._DraggableComponent--hover_1627v_54 > ._DraggableComponent-overlayWrapper_1627v_6) > ._DraggableComponent-overlayWrapper_1627v_6 {\n display: none;\n}\n._DraggableComponent-actionsOverlay_1627v_89 {\n position: sticky;\n opacity: 0;\n pointer-events: none;\n z-index: 2;\n}\n._DraggableComponent--isSelected_1627v_72 ._DraggableComponent-actionsOverlay_1627v_89 {\n opacity: 1;\n pointer-events: auto;\n}\n._DraggableComponent-actions_1627v_89 {\n position: absolute;\n width: auto;\n cursor: grab;\n display: flex;\n box-sizing: border-box;\n transform-origin: right top;\n min-height: 36px;\n}\n._DraggableComponent-actionsAction_1627v_111 {\n height: var(--puck-actionbar-action-size, var(--puck-icon-size-s));\n width: var(--puck-actionbar-action-size, var(--puck-icon-size-s));\n}\n\n/* css-module:/home/runner/work/puck/puck/packages/core/components/Drawer/styles.module.css/#css-module-data */\n._Drawer_1n90m_
27551 {\n display: flex;\n flex-direction: column;\n font-family: var(--puck-font-family);\n gap: var(--puck-space-3);\n}\n._Drawer-draggable_1n90m_8 {\n position: relative;\n}\n._Drawer-draggableBg_1n90m_12 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n z-index: -1;\n}\n._DrawerItem-draggable_1n90m_22 {\n background: var(--puck-drawer-item-color-bg, var(--puck-color-surface));\n color: var(--puck-drawer-item-color-text, var(--puck-color-text));\n cursor: grab;\n padding: var(--puck-drawer-item-space, var(--puck-space-3));\n display: flex;\n border: var(--puck-drawer-item-border-width, var(--puck-border-width-regular)) var(--puck-drawer-item-color-border, var(--puck-color-border)) solid;\n border-radius: var(--puck-drawer-item-radius, var(--puck-radius-m));\n font-size: var(--puck-drawer-item-font-size, var(--puck-font-size-xxs));\n justify-content: space-between;\n align-items: center;\n transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);\n}\n._DrawerItem--disabled_1n90m_38 ._DrawerItem-draggable_1n90m_22 {\n background: var(--puck-color-surface-muted);\n color: var(--puck-color-text-muted);\n cursor: not-allowed;\n}\n._DrawerItem_1n90m_22:focus-visible {\n outline: 0;\n}\n._Drawer_1n90m_1:not(._Drawer--isDraggingFrom_1n90m_48) ._DrawerItem_1n90m_22:focus-visible ._DrawerItem-draggable_1n90m_22 {\n border-radius: var(--puck-radius-m);\n outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);\n outline-offset: var(--puck-border-width-focus);\n}\n@media (hover: hover) and (pointer: fine) {\n ._Drawer_1n90m_1:not(._Drawer--isDraggingFrom_1n90m_48) ._DrawerItem_1n90m_22:not(._DrawerItem--disabled_1n90m_38) ._DrawerItem-draggable_1n90m_22:hover {\n background-color: var( --puck-drawer-item-color-bg-hover, var(--puck-color-interactive-soft-hover) );\n color: var( --puck-drawer-item-color-text-hover, var(--puck-color-interactive) );\n transition: none;\n }\n}\n._DrawerItem-name_1n90m_72 {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css/#css-module-data */\n._DropZone_ybznu_1 {\n position: relative;\n height: 100%;\n min-height: var(--puck-slot-min-empty-height);\n outline-offset: calc(var(--puck-slot-border-width, var(--puck-border-width-focus)) * -1);\n width: 100%;\n}\n._DropZone--hasChildren_ybznu_11 {\n min-height: 0;\n}\n._DropZone_ybznu_1:empty {\n min-height: var(--puck-slot-min-empty-height);\n}\n[data-puck-entry]:not([data-puck-dragging]) ._DropZone_ybznu_1 {\n transition: min-height var(--puck-duration-medium) var(--puck-ease-exit);\n}\n._DropZone--isAreaSelected_ybznu_24,\n._DropZone--hoveringOverArea_ybznu_25:not(._DropZone--isRootZone_ybznu_25) {\n background: var(--puck-slot-color-bg, var(--puck-color-selection-bg));\n outline: var(--puck-slot-border-width, var(--puck-border-width-focus)) var(--puck-slot-border-style, dashed) var(--puck-slot-color-border, var(--puck-color-selection-border));\n}\n._DropZone_ybznu_1:empty {\n background: var(--puck-slot-color-bg, var(--puck-color-selection-bg));\n outline: var(--puck-slot-border-width, var(--puck-border-width-focus)) var(--puck-slot-border-style, dashed) var(--puck-slot-color-border, var(--puck-color-selection-border));\n}\n._DropZone-item_ybznu_39 {\n position: relative;\n}\n._DropZone-hitbox_ybznu_43 {\n position: absolute;\n bottom: calc(var(--puck-space-3) * -1);\n height: var(--puck-space-5);\n width: 100%;\n z-index: 1;\n}\n[data-puck-dragging] ._DropZone--isEnabled_ybznu_51 {\n outline: var(--puck-slot-border-width, var(--puck-border-width-focus)) var(--puck-slot-border-style, dashed) var(--puck-slot-color-border, var(--puck-color-selection-border));\n}\n._DropZone_ybznu_1 > *:not([data-puck-component]) {\n opacity: 0;\n}
2755\nbody:has(._DropZone--isAnimating_ybznu_62:empty) [data-puck-overlay] {\n opacity: 0 !important;\n}\n\n/* css-module:/home/runner/work/puck/puck/packages/core/components/InlineTextField/styles.module.css/#css-module-data */\n._InlineTextField_104qp_1 {\n cursor: text;\n display: inline-block;\n white-space: pre-wrap;\n text-decoration: inherit;\n}\n[data-dnd-dragging] ._InlineTextField_104qp_1 {\n cursor: none;\n caret-color: transparent;\n}\n[data-dnd-dragging] ._InlineTextField_104qp_1::selection {\n display: none;\n}\n\n/* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */\n@keyframes _loader-animation_1w5zn_1 {\n 0% {\n transform: rotate(0deg) scale(1);\n }\n 50% {\n transform: rotate(180deg) scale(0.8);\n }\n 100% {\n transform: rotate(360deg) scale(1);\n }\n}\n._Loader_1w5zn_13 {\n background: transparent;\n border-radius: var(--puck-radius-round);\n border: var(--puck-border-width-focus) solid currentColor;\n border-bottom-color: transparent;\n display: inline-block;\n animation: _loader-animation_1w5zn_1 1s 0s infinite linear;\n animation-fill-mode: both;\n}\n\n/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */\n._RichTextMenu_1ve2j_1 {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n}\n._RichTextMenu--form_1ve2j_7 {\n border-top-left-radius: var(--puck-field-radius, var(--puck-radius-m));\n border-top-right-radius: var(--puck-field-radius, var(--puck-radius-m));\n padding: var(--puck-field-richtext-menu-space-y, 6px) var(--puck-field-richtext-menu-space-x, 6px);\n background-color: var( --puck-field-richtext-menu-color-bg, var(--puck-color-surface-subtle) );\n position: relative;\n scrollbar-width: none;\n overflow-x: auto;\n}\n._RichTextMenu-group_1ve2j_21 {\n display: flex;\n align-items: space-between;\n flex-direction: row;\n flex-wrap: nowrap;\n padding-inline: 6px;\n gap: 2px;\n position: relative;\n}\n._RichTextMenu-group_1ve2j_21:first-of-type {\n padding-left: 0;\n}\n._RichTextMenu-group_1ve2j_21:last-of-type {\n padding-right: 0;\n}\n._RichTextMenu--inline_1ve2j_39 ._RichTextMenu-group_1ve2j_21 {\n color: var(--puck-color-text-inverse);\n gap: 0px;\n flex-wrap: nowrap;\n}\n._RichTextMenu-group_1ve2j_21 + ._RichTextMenu-group_1ve2j_21 {\n border-left: var(--puck-border-width-regular) solid var( --puck-field-richtext-menu-color-separator, var(--puck-color-border-muted) );\n}\n._RichTextMenu--inline_1ve2j_39 ._RichTextMenu-group_1ve2j_21 + ._RichTextMenu-group_1ve2j_21 {\n border-left: var(--puck-border-width-hairline) solid var(--puck-color-border-inverse);\n}\n\n/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */\n._Control_id4pm_1 .lucide {\n height: var(--puck-icon-size-m);\n width: var(--puck-icon-size-m);\n}\n._Control--inline_id4pm_6 .lucide {\n height: var(--puck-actionbar-action-size, var(--puck-icon-size-s));\n width: var(--puck-actionbar-action-size, var(--puck-icon-size-s));\n}\n\n/* components/DraggableComponent/styles.css */\n[data-puck-component] * {\n pointer-events: none;\n user-select: none;\n -webkit-user-select: none;\n}\n[data-puck-component] {\n cursor: grab;\n pointer-events: auto !important;\n user-select: none;\n -webkit-user-select: none;\n}\n[data-puck-dropzone] {\n pointer-events: auto !important;\n}\n[data-puck-disabled] {\n cursor: pointer;\n}\n[data-dnd-placeholder] {\n background: var( --puck-slot-component-color-placeholder, var(--puck-color-azure-06) ) !important;\n border: none !important;\n color: transparent !important;\n opacity: 0.3 !important;\n outline: none !important;\n transition: none !important;\n}\n[data-dnd-placeholder] *,\n[data-dnd-placeholder]::after,\n[data-dnd-placeholder]::before {\n opacity: 0 !important;\n}\n[data-dnd-dragging][data-puck-component] {\n pointer-events: none !important;\n outline: var( --puck-slot-component-border-width, var(--puck-border-width-focus) ) var(--puck-slot-component-color-border-dragging, var(--puck-color-azure-09)) solid !important;\n outline-offset: calc(var(--puck-slot-component-border-width, var(--puck-border-width-focus)) * -1) !important;\n}\n[data-dnd-dragging][data-puck-component] > :first-child {\n margin-top: 0 !important;\n}\n[data-dnd-dragging][data-puck-component] > :last-child {\n margin-bottom: 0 !important;\n}\n\n/* lib/overlay-portal/styles.css */\n[data-puck-overlay-portal],\n[data-puck-overlay-portal] * {\n pointer-events: auto !important;\n}\n[data-puck-entry][data-puck-preview-mode=edit] [data-puck-overlay-portal]:hover {\n outline: 2px var(--puck-color-azure-09, #cfdff0) dashed;\n outline-offset: 2px;\n}\n[data-puck-entry][data-puck-preview-mode=edit] [data-puck-overlay-portal]:focus-within {\n outline: 2px var(--puck-color-azure-07, #88b0da) dashed;\n outline-offset: 2px;\n}',document:e,id:tD.iframeInteractions}:null)},tq='style, link[rel="stylesheet"]',tV="data-puck-style-mirror",t$=e=>!(!e.matches(tq)||tF(e))&&("STYLE"!==e.tagName||!!e.innerHTML.trim()),tZ=e=>{let r=[];
2755return e.querySelectorAll(tq).forEach(e=>{t$(e)&&r.push(e)}),r},tW=e=>Array.from(document.styleSheets).find(r=>r.ownerNode.href===e.href),tG=e=>{if(e)try{return Array.from(e.cssRules).map(e=>e.cssText).join("")}catch(r){console.warn("Access to stylesheet %s is denied. Ignoringâ¦",e.href)}return""},tK=(e,r)=>{let t=e.attributes;(null==t?void 0:t.length)>0&&Array.from(t).forEach(e=>{r.setAttribute(e.name,e.value)})},tX=e=>setTimeout(e,0),tQ=({children:e,debug:r=!1,onStylesLoaded:t=()=>null,syncHostStyles:o=!0})=>{let{document:n,window:a}=t0();return tH(n),(0,p.useEffect)(()=>{if(!a||!n)return()=>{};let e=[],i={},l=()=>{e.forEach(({mirror:e})=>{e.remove()}),e=[],Array.from(n.head.querySelectorAll(`[${tV}="true"]`)).forEach(e=>{e.remove()}),Object.keys(i).forEach(e=>{delete i[e]})},c=r=>e.findIndex(e=>e.original===r),u=(e,t=!1)=>(0,d.BU)(null,null,function*(){let o;if("LINK"===e.nodeName&&t){(o=document.createElement("style")).type="text/css";let t=tW(e);t||(yield new Promise(r=>{let t=()=>{r(),e.removeEventListener("load",t)};e.addEventListener("load",t)}),t=tW(e));let n=tG(t);if(!n){r&&console.warn("Tried to load styles for link element, but couldn't find them. Skipping...");return}o.innerHTML=n,o.setAttribute("data-href",e.getAttribute("href"))}else o=e.cloneNode(!0);return o.setAttribute(tV,"true"),o}),s=t=>(0,d.BU)(null,null,function*(){let o=c(t);if(o>-1){r&&console.log("Tried to add an element that was already mirrored. Updating instead..."),e[o].mirror.innerText=t.innerText;return}let a=yield u(t);if(!a)return;let l=P(a.outerHTML);if(i[l]){r&&console.log("iframe already contains element that is being mirrored. Skipping...");return}i[l]=!0,n.head.append(a),e.push({original:t,mirror:a}),r&&console.log(`Added style node ${t.outerHTML}`)}),p=t=>{var o,n;let a=c(t);if(-1===a){r&&console.log("Tried to remove an element that did not exist. Skipping...");return}let l=P(t.outerHTML);null==(n=null==(o=e[a])?void 0:o.mirror)||n.remove(),delete i[l],r&&console.log(`Removed style node ${t.outerHTML}`)},v=new MutationObserver(e=>{e.forEach(e=>{"childList"===e.type&&(e.addedNodes.forEach(e=>{if(e.nodeType===Node.TEXT_NODE||e.nodeType===Node.ELEMENT_NODE){let r=e.nodeType===Node.TEXT_NODE?e.parentElement:e;r&&t$(r)&&tX(()=>s(r))}}),e.removedNodes.forEach(e=>{if(e.nodeType===Node.TEXT_NODE||e.nodeType===Node.ELEMENT_NODE){let r=e.nodeType===Node.TEXT_NODE?e.parentElement:e;r&&r.matches(tq)&&!tF(r)&&tX(()=>p(r))}}))})});if(!o)return t(),()=>{v.disconnect(),l()};let _=a.parent.document,k=tZ(_),m=[],h=0;return tK(_.getElementsByTagName("html")[0],n.documentElement),tK(_.getElementsByTagName("body")[0],n.body),Promise.all(k.map((r,t)=>(0,d.BU)(null,null,function*(){if("LINK"===r.nodeName){let e=r.href;if(m.indexOf(e)>-1)return;m.push(e)}let t=yield u(r);if(t)return e.push({original:r,mirror:t}),t}))).then(e=>{let r=e.filter(e=>void 0!==e);r.forEach(e=>{e.onload=()=>{(h+=1)>=r.length&&t()},e.onerror=()=>{let o=e instanceof HTMLLinkElement?e.href:void 0;console.warn(`AutoFrame couldn't load a stylesheet${o?`: ${o}`:""}. This can happen if the parent document's stylesheet is blocked by the iframe's CSP, returns a non-2xx status, or fails to reach the network.`),(h+=1)>=r.length&&t()}}),n.head.querySelectorAll(`[${tV}="true"]`).forEach(e=>{e.remove()}),n.head.append(...r),r.forEach(e=>{"STYLE"===e.nodeName&&(h+=1)}),h>=r.length&&t(),v.observe(_.head,{childList:!0,subtree:!0}),r.forEach(e=>{i[P(e.outerHTML)]=!0})}),()=>{v.disconnect(),l()}},[o]),(0,v.jsx)(v.Fragment,{children:e})},tJ=(0,p.createContext)({}),t0=()=>(0,p.useContext)(tJ);function t1(e){var{children:r,className:t,debug:o,id:n,onReady:a=()=>{},onNotReady:i=()=>{},frameRef:l,syncHostStyles:c=!0}=e,u=(0,d.YG)(e,["children","className","debug","id","onReady","onNotReady","frameRef","syncHostStyles"]);let[s,_]=(0,p.useState)(!1),[k,m]=(0,p.useState)({}),[h,g]=(0,p.useState)(),[f,b]=(0,p.useState)(!1);return(0,p.useEffect)(()=>{s&&b(!c)},[s,c]),(0,p.useEffect)(()=>{var e;if(l.current){let r=l.current.contentDocument,t=l.current.contentWindow;m({document:r||void 0,window:t||void 0}),g(null==(e=l.current.contentDocument)?void 0:e.getElementById("frame-root")),r&&t&&f?a():i()}},[l,s,f]),(0,v.jsx)("iframe",(0,d.ko)((0,d.IA)({},u),{className:t,id:n,srcDoc:'<!DOCTYPE html><html><head></head><body><div id="frame-root" data-puck-entry></div></body></html>',ref:l,onLoad:()=>{_(!0)},children:(0,v.jsx)(tJ.Provider,{value:k,children:s&&h&&(0,v.jsx)(tQ,{debug:o,onStylesLoaded:()=>b(!0),syncHostStyles:c,children:(0,I.createPortal)(r,h)})})}))}t1.displayName="AutoFrame",(0,d.hY)();var t2=(0,u.d)("PuckPreview",{PuckPreview:"_PuckPreview_z2rgu_1","PuckPreview-frame":"_PuckPreview-frame_z2rgu_6"}),t4=e=>{let r=(0,i.CU)(e=>e.status);(0,p.useEffect)(()=>
2755{if(e.current&&"READY"===r){let r=e.current,t=e=>{let t=new re("pointermove",(0,d.ko)((0,d.IA)({},e),{bubbles:!0,cancelable:!1,clientX:e.clientX,clientY:e.clientY,pointerId:e.pointerId,pointerType:e.pointerType,isPrimary:e.isPrimary,originalTarget:e.target}));r.dispatchEvent(t)},o=()=>{var e;null==(e=r.contentDocument)||e.removeEventListener("pointermove",t)};return(()=>{var e;o(),null==(e=r.contentDocument)||e.addEventListener("pointermove",t,{capture:!0})})(),()=>{o()}}},[r])},t3=e=>{let r=(0,i.CU)(e=>e.state.ui.previewMode),t=(0,i.CU)(e=>e.status),o=(0,i.CU)(e=>e.iframe.enabled);(0,p.useEffect)(()=>{var t,n;let a=o?null==(n=null==(t=e.current)?void 0:t.contentDocument)?void 0:n.querySelector("[data-puck-entry]"):e.current;null==a||a.setAttribute("data-puck-preview-mode",r)},[r,t,o])},t6=(0,p.memo)(e=>{var r,t,o,a,{config:i}=e,l=(0,d.YG)(e,["config"]);let c=(0,n.Ht)(i,{type:"root",props:l},rF),u=(0,n.tw)(null!=(t=null==(r=i.root)?void 0:r.fields)?t:{},l);return(null==(o=i.root)?void 0:o.render)?null==(a=i.root)?void 0:a.render((0,d.IA)((0,d.IA)({id:"puck-root"},c),u)):(0,v.jsx)(v.Fragment,{children:c.children})});t6.displayName="Page";var t5=({id:e="puck-preview"})=>{let r=(0,i.CU)(e=>e.dispatch),t=(0,i.CU)(e=>e.state.data.root),o=(0,i.CU)(e=>e.config),n=(0,i.CU)(e=>e.setStatus),a=(0,i.CU)(e=>e.iframe),l=(0,i.CU)(e=>e.overrides),c=(0,i.CU)(e=>e.metadata),u=(0,i.CU)(e=>"edit"===e.state.ui.previewMode?null:e.state.data),_=(0,p.useMemo)(()=>l.iframe,[l]),k=t.props||t,m=(0,p.useRef)(null);t4(m),t3(m);let h=u?(0,v.jsx)(rZ,{data:u,config:o,metadata:c}):(0,v.jsx)(t6,(0,d.ko)((0,d.IA)({},k),{config:o,puck:{renderDropZone:rq,isEditing:!0,dragRef:null,metadata:c},editMode:!0,children:(0,v.jsx)(rq,{zone:s.Ln})}));return(0,p.useEffect)(()=>{a.enabled||n("READY")},[a.enabled]),(0,v.jsx)("div",{className:t2(),id:e,"data-puck-preview":!0,onClick:e=>{let t=e.target;t.hasAttribute("data-puck-component")||t.hasAttribute("data-puck-dropzone")||r({type:"setUi",ui:{itemSelector:null}})},children:a.enabled?(0,v.jsx)(t1,{id:"preview-frame",className:t2("frame"),"data-rfd-iframe":!0,syncHostStyles:a.syncHostStyles,onReady:()=>{n("READY")},onNotReady:()=>{n("MOUNTED")},frameRef:m,children:(0,v.jsx)(tJ.Consumer,{children:({document:e})=>_?(0,v.jsx)(_,{document:e,children:h}):h})}):(0,v.jsx)("div",{id:"preview-frame",className:t2("frame"),ref:m,"data-puck-entry":!0,children:h})})};(0,d.hY)(),(0,d.hY)();var t7=({overrides:e,plugins:r})=>{let t=(0,d.IA)({},e);return null==r||r.forEach(e=>{e.overrides&&Object.keys(e.overrides).forEach(r=>{var o;if(!(null==(o=e.overrides)?void 0:o[r]))return;if("fieldTypes"===r){let r=e.overrides.fieldTypes;Object.keys(r).forEach(e=>{t.fieldTypes=t.fieldTypes||{};let o=t.fieldTypes[e];t.fieldTypes[e]=t=>r[e]((0,d.ko)((0,d.IA)({},t),{children:o?o(t):t.children}))});return}let n=t[r];t[r]=t=>e.overrides[r]((0,d.ko)((0,d.IA)({},t),{children:n?n(t):t.children}))})}),t},t8=({overrides:e,plugins:r})=>(0,p.useMemo)(()=>t7({overrides:e,plugins:r}),[r,e]);(0,d.hY)(),(0,d.hY)();var t9={Puck:"_Puck_mr27u_19","Puck-portal":"_Puck-portal_mr27u_31",PuckLayout:"_PuckLayout_mr27u_36","PuckLayout-inner":"_PuckLayout-inner_mr27u_40","Puck--hidePlugins":"_Puck--hidePlugins_mr27u_73","PuckLayout--mounted":"_PuckLayout--mounted_mr27u_78","PuckLayout--mobilePanelHeightToggle":"_PuckLayout--mobilePanelHeightToggle_mr27u_82","PuckLayout--leftSideBarVisible":"_PuckLayout--leftSideBarVisible_mr27u_82","PuckLayout--isExpanded":"_PuckLayout--isExpanded_mr27u_90","PuckLayout--mobilePanelHeightMinContent":"_PuckLayout--mobilePanelHeightMinContent_mr27u_110","PuckLayout--rightSideBarVisible":"_PuckLayout--rightSideBarVisible_mr27u_137","PuckLayout-mounted":"_PuckLayout-mounted_mr27u_156","PuckLayout-nav":"_PuckLayout-nav_mr27u_197","PuckLayout-header":"_PuckLayout-header_mr27u_217",PuckPluginTab:"_PuckPluginTab_mr27u_231","PuckPluginTab--visible":"_PuckPluginTab--visible_mr27u_237","PuckPluginTab-body":"_PuckPluginTab-body_mr27u_242"};(0,d.hY)();var oe=({children:e})=>(0,v.jsx)(v.Fragment,{children:e});(0,d.hY)();var or=()=>{let e=(0,i.sL)(),r=(0,p.useCallback)(()=>{(0,e.getState().dispatch)({type:"setUi",ui:e=>({previewMode:"edit"===e.previewMode?"interactive":"edit"})})},[e]);(0,i.EE)({meta:!0,i:!0},r),(0,i.EE)({ctrl:!0,i:!0},r)};(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var ot=(0,u.d)("MenuBar",{MenuBar:"_MenuBar_1hxnj_1","MenuBar--menuOpen":"_MenuBar--menuOpen_1hxnj_14","MenuBar-inner":"_MenuBar-inner_1hxnj_29","MenuBar-history":"_MenuBar-history_1hxnj_45"});function oo({menuOpen:e=!1,renderHeaderActions:r,setMenuOpen:t}){let o=(0,i.CU)(e=>e.history.back),n=(0,i.CU)(e=>e.history.forward),a=(0,i.CU)(e=>e.history.hasFuture()),l=(0,i.CU)(e=>
2755e.history.hasPast());return(0,v.jsx)("div",{className:ot({menuOpen:e}),onClick:e=>{var r;let o=e.target;!window.matchMedia("(min-width: 638px)").matches&&"A"===o.tagName&&(null==(r=o.getAttribute("href"))?void 0:r.startsWith("#"))&&t(!1)},children:(0,v.jsxs)("div",{className:ot("inner"),children:[(0,v.jsxs)("div",{className:ot("history"),children:[(0,v.jsx)(i.K0,{type:"button",title:"undo",disabled:!l,onClick:o,children:(0,v.jsx)(i.bE,{size:21})}),(0,v.jsx)(i.K0,{type:"button",title:"redo",disabled:!a,onClick:n,children:(0,v.jsx)(i.HZ,{size:21})})]}),(0,v.jsx)(v.Fragment,{children:r&&r()})]})})}(0,d.hY)();var on=(0,u.d)("PuckHeader",{PuckHeader:"_PuckHeader_c2nei_1","PuckHeader--hidePlugins":"_PuckHeader--hidePlugins_c2nei_21","PuckHeader-inner":"_PuckHeader-inner_c2nei_26","PuckHeader-toggle":"_PuckHeader-toggle_c2nei_46","PuckHeader-rightSideBarToggle":"_PuckHeader-rightSideBarToggle_c2nei_52","PuckHeader-leftSideBarToggle":"_PuckHeader-leftSideBarToggle_c2nei_53","PuckHeader-title":"_PuckHeader-title_c2nei_64","PuckHeader-path":"_PuckHeader-path_c2nei_68","PuckHeader-tools":"_PuckHeader-tools_c2nei_75","PuckHeader-menuButton":"_PuckHeader-menuButton_c2nei_81","PuckHeader--menuOpen":"_PuckHeader--menuOpen_c2nei_86"}),oa=(0,p.memo)(({hidePlugins:e})=>{let{onPublish:r,renderHeader:t,renderHeaderActions:o,headerTitle:n,headerPath:a,iframe:l}=oH(),c=(0,i.CU)(e=>e.dispatch),u=(0,i.sL)(),s=(0,p.useMemo)(()=>t?(console.warn("`renderHeader` is deprecated. Please use `overrides.header` and the `usePuck` hook instead"),e=>{var{actions:r}=e,o=(0,d.YG)(e,["actions"]);let n=(0,i.CU)(e=>e.state);return(0,v.jsx)(t,(0,d.ko)((0,d.IA)({},o),{dispatch:c,state:n,children:r}))}):oe,[t]),_=(0,p.useMemo)(()=>o?(console.warn("`renderHeaderActions` is deprecated. Please use `overrides.headerActions` and the `usePuck` hook instead."),e=>{let r=(0,i.CU)(e=>e.state);return(0,v.jsx)(o,(0,d.ko)((0,d.IA)({},e),{dispatch:c,state:r}))}):oe,[o]),k=(0,i.CU)(e=>e.overrides.header||s),m=(0,i.CU)(e=>e.overrides.headerActions||_),[h,g]=(0,p.useState)(!1),f=(0,i.CU)(e=>{var r,t;return null!=(t=(null==(r=e.state.indexes.nodes.root)?void 0:r.data).props.title)?t:""}),b=(0,i.CU)(e=>e.state.ui.leftSideBarVisible),x=(0,i.CU)(e=>e.state.ui.rightSideBarVisible),y=(0,p.useCallback)(e=>{let r=window.matchMedia("(min-width: 638px)").matches,t="left"===e?b:x;c({type:"setUi",ui:(0,d.IA)({[`${e}SideBarVisible`]:!t},r?{}:{["left"===e?"rightSideBarVisible":"leftSideBarVisible"]:!1})})},[c,b,x]);return(0,v.jsx)(k,{actions:(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(m,{children:(0,v.jsx)(B,{onClick:()=>{let e=u.getState().state.data;r&&r(e)},icon:(0,v.jsx)(i.qz,{size:"14px"}),children:"Publish"})})}),children:(0,v.jsx)("header",{className:on({leftSideBarVisible:b,rightSideBarVisible:x,hidePlugins:e}),children:(0,v.jsxs)("div",{className:on("inner"),children:[(0,v.jsxs)("div",{className:on("toggle"),children:[(0,v.jsx)("div",{className:on("leftSideBarToggle"),children:(0,v.jsx)(i.K0,{type:"button",onClick:()=>{y("left")},title:"Toggle left sidebar",children:(0,v.jsx)(i.e6,{focusable:"false"})})}),(0,v.jsx)("div",{className:on("rightSideBarToggle"),children:(0,v.jsx)(i.K0,{type:"button",onClick:()=>{y("right")},title:"Toggle right sidebar",children:(0,v.jsx)(i.jz,{focusable:"false"})})})]}),(0,v.jsx)("div",{className:on("title"),children:(0,v.jsxs)(eP,{rank:"2",size:"xs",children:[n||f||"Page",a&&(0,v.jsxs)(v.Fragment,{children:[" ",(0,v.jsx)("code",{className:on("path"),children:a})]})]})}),(0,v.jsxs)("div",{className:on("tools"),children:[(0,v.jsx)("div",{className:on("menuButton"),children:(0,v.jsx)(i.K0,{type:"button",onClick:()=>g(!h),title:"Toggle menu bar",children:h?(0,v.jsx)(i.rX,{focusable:"false"}):(0,v.jsx)(i.yQ,{focusable:"false"})})}),(0,v.jsx)(oo,{dispatch:c,onPublish:r,menuOpen:h,renderHeaderActions:()=>(0,v.jsx)(m,{children:(0,v.jsx)(B,{onClick:()=>{let e=u.getState().state.data;r&&r(e)},icon:(0,v.jsx)(i.qz,{size:"14px"}),children:"Publish"})}),setMenuOpen:g})]})]})})})});(0,d.hY)(),(0,d.hY)();var oi=(0,u.d)("SidebarSection",{SidebarSection:"_SidebarSection_1uv88_1","SidebarSection-title":"_SidebarSection-title_1uv88_12","SidebarSection--noBorderTop":"_SidebarSection--noBorderTop_1uv88_20","SidebarSection-content":"_SidebarSection-content_1uv88_24","SidebarSection-breadcrumbLabel":"_SidebarSection-breadcrumbLabel_1uv88_33","SidebarSection-breadcrumbs":"_SidebarSection-breadcrumbs_1uv88_62","SidebarSection-breadcrumb":"_SidebarSection-breadcrumb_1uv88_33","SidebarSection-heading":"_SidebarSection-heading_1uv88_74","SidebarSection-loadingOverlay":"_SidebarSection-loadingOverlay_1uv88_78"}),ol=({children:e,title:r,background:t,showBreadcrumbs:o,noBorderTop:n,isLoading:a})=>(0,v.jsxs)("div",{className:oi({noBorderTop:n}),style:{background:t},children:[(0,v.jsx)("div",{className:oi("title"),children:(0,v.jsxs)("div",{className:oi("breadcrumbs"),children:[o&&(0,v.jsx)(tf,{}),(0,v.jsx)("div",{className:oi("heading"),children:(0,v.jsx)(eP,{rank:"2",size:"xs",children:r})})]})}),(0,v.jsx)("div",{className:oi("content"),children:e}),a&&(0,v.jsx)("div",{className:oi("loadingOverlay"),children:(0,v.jsx)(i.aH,{size:32})})]});(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var oc={ViewportControls:"_ViewportControls_v26yb_1","ViewportControls--fullScreen":"_ViewportControls--fullScreen_v26yb_5","ViewportControls-toggleButton":"_ViewportControls-toggleButton_v26yb_14","ViewportControls-actions":"_ViewportControls-actions_v26yb_39","ViewportControls-actionsInner":"_ViewportControls-actionsInner_v26yb_43","ViewportControls--isExpanded":"_ViewportControls--isExpanded_v26yb_67","ViewportControls-divider":"_ViewportControls-divider_v26yb_72","ViewportControls-zoomSelect":"_ViewportControls-zoomSelect_v26yb_79","ViewportControls-zoom":"_ViewportControls-zoom_v26yb_79","ViewportButton-inner":"_ViewportButton-inner_v26yb_110","Vie
2755wportButton--isActive":"_ViewportButton--isActive_v26yb_118"},ou={Smartphone:(0,v.jsx)(i.wO,{size:16}),Tablet:(0,v.jsx)(i.jp,{size:16}),Monitor:(0,v.jsx)(i.VA,{size:16}),FullWidth:(0,v.jsx)(i.J,{size:16})},os=(0,u.d)("ViewportControls",oc),od=(0,u.d)("ViewportButton",oc),op=({children:e,title:r,onClick:t,isActive:o,disabled:n})=>(0,v.jsx)("span",{className:od({isActive:o}),suppressHydrationWarning:!0,children:(0,v.jsx)(i.K0,{type:"button",title:r,disabled:n||o,onClick:t,suppressHydrationWarning:!0,children:(0,v.jsx)("span",{className:od("inner"),children:e})})}),ov=[{label:"25%",value:.25},{label:"50%",value:.5},{label:"75%",value:.75},{label:"100%",value:1},{label:"125%",value:1.25},{label:"150%",value:1.5},{label:"200%",value:2}],o_=({autoZoom:e,zoom:r,onViewportChange:t,onZoom:o,fullScreen:n})=>{var a,l;let c=(0,i.CU)(e=>e.viewports),u=(0,i.CU)(e=>e.state.ui.viewports),s=ov.find(r=>r.value===e),d=(0,p.useMemo)(()=>[...ov,...s?[]:[{value:e,label:`${(100*e).toFixed(0)}% (Auto)`}]].filter(r=>r.value<=e).sort((e,r)=>e.value>r.value?1:-1),[e]),[_,k]=(0,p.useState)(u.current.width);(0,p.useEffect)(()=>{k(u.current.width)},[u.current]);let[m,h]=(0,p.useState)(!1);return(0,v.jsxs)("div",{className:os({isExpanded:m,fullScreen:n}),suppressHydrationWarning:!0,children:[(0,v.jsx)("div",{className:os("actions"),children:(0,v.jsxs)("div",{className:os("actionsInner"),children:[c.map((e,r)=>(0,v.jsx)(op,{title:e.label?`Switch to ${e.label} viewport`:"Switch viewport",onClick:()=>{k(e.width),t(e)},isActive:_===e.width,children:"string"==typeof e.icon?ou[e.icon]||e.icon:e.icon||ou.Smartphone},r)),(0,v.jsx)("div",{className:os("divider")}),(0,v.jsx)(op,{title:"Zoom viewport out",disabled:r<=(null==(a=d[0])?void 0:a.value),onClick:e=>{e.stopPropagation(),o(d[Math.max(d.findIndex(e=>e.value===r)-1,0)].value)},children:(0,v.jsx)(i.en,{size:16})}),(0,v.jsx)(op,{title:"Zoom viewport in",disabled:r>=(null==(l=d[d.length-1])?void 0:l.value),onClick:e=>{e.stopPropagation(),o(d[Math.min(d.findIndex(e=>e.value===r)+1,d.length-1)].value)},children:(0,v.jsx)(i.$Z,{size:16})}),(0,v.jsxs)("div",{className:os("zoom"),children:[(0,v.jsx)("div",{className:os("divider")}),(0,v.jsx)("select",{className:os("zoomSelect"),value:r.toString(),onClick:e=>{e.stopPropagation()},onChange:e=>{o(parseFloat(e.currentTarget.value))},children:d.map(e=>(0,v.jsx)("option",{value:e.value,label:e.label},e.label))})]})]})}),(0,v.jsx)("button",{className:os("toggleButton"),title:"Toggle viewport menu",onClick:()=>h(e=>!e),children:m?(0,v.jsx)(i.X,{size:16}):(0,v.jsx)(i.VA,{size:16})})]})};(0,d.hY)(),(0,d.hY)();var ok=(0,p.createContext)(null),om=({children:e})=>{let r=(0,p.useRef)(null),t=(0,p.useMemo)(()=>({frameRef:r}),[]);return(0,v.jsx)(ok.Provider,{value:t,children:e})},oh=()=>{let e=(0,p.useContext)(ok);if(null===e)throw Error("useCanvasFrame must be used within a FrameProvider");return e},og=(0,u.d)("PuckCanvas",{PuckCanvas:"_PuckCanvas_zw9iy_1","PuckCanvas-controls":"_PuckCanvas-controls_zw9iy_18","PuckCanvas--fullScreen":"_PuckCanvas--fullScreen_zw9iy_23","PuckCanvas-inner":"_PuckCanvas-inner_zw9iy_34","PuckCanvas-root":"_PuckCanvas-root_zw9iy_43","PuckCanvas--ready":"_PuckCanvas--ready_zw9iy_68","PuckCanvas-loader":"_PuckCanvas-loader_zw9iy_73","PuckCanvas--showLoader":"_PuckCanvas--showLoader_zw9iy_84"}),of=()=>{var e;let{frameRef:r}=oh(),t=(0,i.Zr)(r),{viewports:o=c.lu,ui:n}=oH(),{dispatch:a,overrides:l,setUi:u,zoomConfig:s,setZoomConfig:k,status:m,iframe:h,_experimentalFullScreenCanvas:g}=(0,i.CU)((0,_.k)(e=>({dispatch:e.dispatch,overrides:e.overrides,setUi:e.setUi,zoomConfig:e.zoomConfig,setZoomConfig:e.setZoomConfig,status:e.status,iframe:e.iframe,_experimentalFullScreenCanvas:e._experimentalFullScreenCanvas}))),{leftSideBarVisible:f,rightSideBarVisible:b,leftSideBarWidth:x,rightSideBarWidth:y,viewports:w}=(0,i.CU)((0,_.k)(e=>({leftSideBarVisible:e.state.ui.leftSideBarVisible,rightSideBarVisible:e.state.ui.rightSideBarVisible,leftSideBarWidth:e.state.ui.leftSideBarWidth,rightSideBarWidth:e.state.ui.rightSideBarWidth,viewports:e.state.ui.viewports}))),[I,z]=(0,p.useState)(!1),j=(0,p.useRef)(!1),C=(0,p.useMemo)(()=>({children:e})=>(0,v.jsx)(v.Fragment,{children:e}),[]),S=(0,p.useMemo)(()=>l.preview||C,[l]),E=(0,p.useCallback)(()=>
2755{if(r.current){let e=r.current,t=(0,i.YH)(e);return{width:t.contentBox.width,height:t.contentBox.height}}return{width:0,height:0}},[r]);(0,p.useEffect)(()=>{t()},[r,f,b,x,y,w]),(0,p.useEffect)(()=>{let{height:e}=E();"auto"===w.current.height&&k((0,d.ko)((0,d.IA)({},s),{rootHeight:e/s.zoom}))},[s.zoom,E,k]),(0,p.useEffect)(()=>{t()},[w.current.width,w]),(0,p.useEffect)(()=>{if(!r.current)return;let e=new ResizeObserver(()=>{j.current||t()});return e.observe(r.current),()=>{e.disconnect()}},[r.current]);let[P,A]=(0,p.useState)(!1);(0,p.useEffect)(()=>{setTimeout(()=>{A(!0)},500)},[]);let D=(0,i.sL)();return(0,p.useEffect)(()=>{var e,t;if("undefined"==typeof window||(null==(e=null==n?void 0:n.viewports)?void 0:e.current))return;let a=window.innerWidth,i=null==(t=r.current)?void 0:t.getBoundingClientRect().width;if(!a||!i||0===o.length)return;let l=Object.values(o).find(e=>"100%"===e.width),c=Object.entries(o).filter(([e,r])=>"100%"!==r.width).map(([e,r])=>({key:e,diff:Math.abs(a-("string"==typeof r.width?a:r.width)),value:r})).sort((e,r)=>e.diff>r.diff?1:-1)[0].value;if(c.width<i&&l&&(c=l),h.enabled){let e=D.getState(),r={state:(0,d.ko)((0,d.IA)({},e.state),{ui:(0,d.ko)((0,d.IA)({},e.state.ui),{viewports:(0,d.ko)((0,d.IA)({},e.state.ui.viewports),{current:(0,d.ko)((0,d.IA)({},e.state.ui.viewports.current),{height:(null==c?void 0:c.height)||"auto",width:null==c?void 0:c.width})})})})},t=e.history;1===e.history.histories.length&&(t=(0,d.ko)((0,d.IA)({},t),{histories:[r]})),D.setState((0,d.ko)((0,d.IA)({},r),{history:t}))}},[o,r.current,h,D,null==(e=null==n?void 0:n.viewports)?void 0:e.current]),(0,v.jsxs)("div",{className:og({ready:"READY"===m||!h.enabled||!h.waitForStyles,showLoader:P,fullScreen:g}),onClick:e=>{let r=e.target;r.hasAttribute("data-puck-component")||r.hasAttribute("data-puck-dropzone")||a({type:"setUi",ui:{itemSelector:null},recordHistory:!1})},children:[w.controlsVisible&&h.enabled&&(0,v.jsx)("div",{className:og("controls"),children:(0,v.jsx)(o_,{fullScreen:g,autoZoom:s.autoZoom,zoom:s.zoom,onViewportChange:e=>{z(!0),j.current=!0;let r=(0,d.ko)((0,d.IA)({},e),{height:e.height||"auto",zoom:s.zoom});u({viewports:(0,d.ko)((0,d.IA)({},w),{current:r})}),t({viewports:(0,d.ko)((0,d.IA)({},w),{current:r})})},onZoom:e=>{z(!0),j.current=!0,k((0,d.ko)((0,d.IA)({},s),{zoom:e}))}})}),(0,v.jsxs)("div",{className:og("inner"),ref:r,children:[(0,v.jsx)("div",{className:og("root"),style:{width:h.enabled?w.current.width:"100%",height:s.rootHeight,transform:h.enabled?`scale(${s.zoom})`:void 0,transition:I?"width 150ms ease-out, height 150ms ease-out, transform 150ms ease-out":"",overflow:h.enabled?void 0:"auto"},suppressHydrationWarning:!0,id:"puck-canvas-root",onTransitionEnd:()=>{z(!1),j.current=!1},children:(0,v.jsx)(S,{children:(0,v.jsx)(t5,{})})}),(0,v.jsx)("div",{className:og("loader"),children:(0,v.jsx)(i.aH,{size:24})})]})]})};function ob(e,r){let[t,o]=(0,p.useState)(null),n=(0,p.useRef)(null),a=(0,i.CU)(r=>"left"===e?r.state.ui.leftSideBarWidth:r.state.ui.rightSideBarWidth);return(0,p.useEffect)(()=>{if("undefined"!=typeof window&&!a)try{let t=localStorage.getItem("puck-sidebar-widths");if(t){let o=JSON.parse(t)[e],n="left"===e?"leftSideBarWidth":"rightSideBarWidth";o&&r({type:"setUi",ui:{[n]:o}})}}catch(r){console.error(`Failed to load ${e} sidebar width from localStorage`,r)}},[r,e,a]),(0,p.useEffect)(()=>{void 0!==a&&o(a)},[a]),{width:t,setWidth:o,sidebarRef:n,handleResizeEnd:(0,p.useCallback)(t=>{r({type:"setUi",ui:{["left"===e?"leftSideBarWidth":"rightSideBarWidth"]:t}});let o={};try{let e=localStorage.getItem("puck-sidebar-widths");o=e?JSON.parse(e):{}}catch(r){console.error(`Failed to save ${e} sidebar width to localStorage`,r)}finally{localStorage.setItem("puck-sidebar-widths",JSON.stringify((0,d.ko)((0,d.IA)({},o),{[e]:t})))}window.dispatchEvent(new CustomEvent("viewportchange",{bubbles:!0,cancelable:!1}))},[r,e])}}(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)();var ox=(0,u.d)("ResizeHandle",{ResizeHandle:"_ResizeHandle_144bf_2","ResizeHandle--left":"_ResizeHandle--left_144bf_16","ResizeHandle--right":"_ResizeHandle--right_144bf_20"}),oy=({position:e,sidebarRef:r,onResize:t,onResizeEnd:o})=>{let{frameRef:n}=oh(),a=(0,i.Zr)(n),l=(0,p.useRef)(null),c=(0,p.useRef)(!1),u=(0,p.useRef)(0),s=(0,p.useRef)(0),d=(0,p.useCallback)(r=>{if(!c.current)return;let o=r.clientX-u.current;t(Math.max(192,"left"===e?s.current+o:s.current-o)),r.preventDefault()},[t,e]),_=(0,p.useCallback)(()=>{var e;if(!c.current)return;c.current=!1,document.body.style.cursor="",document.body.style.userSelect="";let t=document.getElementById("resize-overlay");t&&document.body.removeChild(t),document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",_),o((null==(e=r.current)?void 0:e.getBoundingClientRect().width)||0),a()},[o]),k=(0,p.useCallback)(e=>{var t;c.current=!0,u.current=e.clientX,s.current=(null==(t=r.current)?void 0:t.getBoundingClientRect().width)||0,document.body.style.cursor="col-resize",document.body.style.userSelect="none";let o=document.createElement("div");o.id="resize-overlay",o.setAttribute("data-resize-overlay",""),document.body.appendChild(o),document.addEventListener("mousemove",d),document.addEventListener("mouseup",_),e.preventDefault()},[e,d,_]);return(0,v.jsx)("div",{ref:l,className:ox({[e]:!0}),onMouseDown:k})};(0,d.hY)();var ow=(0,u.d)("Sidebar",{Sidebar:"_Sidebar_16oed_1","Sidebar--isVisible":"_Sidebar--isVisible_16oed_10","Sidebar--left":"_Sidebar--left_16oed_14","Sidebar--right":"_Sidebar--right_16oed_34","Sidebar-resizeHandle":"_Sidebar-resizeHandle_16oed_51"}),oI=({position:e,sidebarRef:r,isVisible:t,onResize:o,onResizeEnd:n,children:a})=>(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{ref:r,className:ow({[e]:!0,isVisible:t}),children:a}),(0,v.jsx)("div",{className:`${ow("resizeHandle")}`,children:(0,v.jsx)(oy,{position:e,sidebarRef:r,onResize:o,onResizeEnd:n}
2755)})]});(0,d.hY)();var oz=e=>{let r=e;for(;r&&r!==document.body;){let e=window.getComputedStyle(r);if("none"===e.display||"hidden"===e.visibility||"0"===e.opacity||"true"===r.getAttribute("aria-hidden")||r.hasAttribute("hidden"))return!1;r=r.parentElement}return!0},oj=e=>{var r;if(null==e?void 0:e.defaultPrevented)return!0;let t=(null==(r=null==e?void 0:e.composedPath)?void 0:r.call(e)[0])||(null==e?void 0:e.target)||document.activeElement;if(t instanceof HTMLElement){let e=t.tagName.toLowerCase();if("input"===e||"textarea"===e||"select"===e||t.isContentEditable)return!0;let r=t.getAttribute("role");if("textbox"===r||"combobox"===r||"searchbox"===r||"listbox"===r||"grid"===r)return!0}let o=document.querySelector('dialog[open], [aria-modal="true"], [role="dialog"], [role="alertdialog"]');return!!(o&&oz(o))},oC=()=>{let e=(0,i.sL)(),r=(0,p.useCallback)(r=>{var t;if(oj(r))return!1;let{state:o,dispatch:n,permissions:a,selectedItem:i}=e.getState(),l=null==(t=o.ui)?void 0:t.itemSelector;return null==l||!l.zone||!i||!a.getPermissions({item:i}).delete||(n({type:"remove",index:l.index,zone:l.zone}),!0)},[e]);(0,i.EE)({delete:!0},r),(0,i.EE)({backspace:!0},r)};(0,d.hY)(),(0,d.hY)();var oS={Nav:"_Nav_vll2r_1","Nav-list":"_Nav-list_vll2r_5","Nav-mobileActions":"_Nav-mobileActions_vll2r_23","NavItem-link":"_NavItem-link_vll2r_39",NavItem:"_NavItem_vll2r_39","NavItem-linkIcon":"_NavItem-linkIcon_vll2r_90","NavItem--active":"_NavItem--active_vll2r_100","NavItem--mobileOnly":"_NavItem--mobileOnly_vll2r_136","NavItem--desktopOnly":"_NavItem--desktopOnly_vll2r_141"},oE=(0,u.d)("Nav",oS),oP=(0,u.d)("NavItem",oS),oA=({label:e,icon:r,onClick:t,isActive:o,mobileOnly:n,desktopOnly:a})=>(0,v.jsx)("li",{className:oP({active:o,mobileOnly:n,desktopOnly:a}),children:t&&(0,v.jsxs)("div",{className:oP("link"),onClick:t,children:[r&&(0,v.jsx)("span",{className:oP("linkIcon"),children:r}),(0,v.jsx)("span",{className:oP("linkLabel"),children:e})]})}),oD=({items:e,mobileActions:r})=>(0,v.jsxs)("nav",{className:oE(),children:[(0,v.jsx)("ul",{className:oE("list"),children:Object.entries(e).map(([e,r])=>(0,v.jsx)(oA,(0,d.IA)({},r),e))}),r&&(0,v.jsx)("div",{className:oE("mobileActions"),children:r})]});(0,d.hY)();var oL=e=>(0,d.IA)({enabled:!0,waitForStyles:!0,syncHostStyles:!0},e),oM=(0,u.d)("Puck",t9),oB=(0,u.d)("PuckLayout",t9),oT=(0,u.d)("PuckPluginTab",t9),oN="undefined"==typeof window?p.useEffect:p.useLayoutEffect,oF=()=>{let e=(0,i.CU)(e=>{var r,t,o;return e.selectedItem?null!=(t=null==(r=e.config.components[e.selectedItem.type])?void 0:r.label)?t:e.selectedItem.type.toString():(null==(o=e.config.root)?void 0:o.label)||"Page"});return(0,v.jsx)(ol,{noBorderTop:!0,showBreadcrumbs:!0,title:e,children:(0,v.jsx)(tz,{})})},oR=({children:e,visible:r,mobileOnly:t})=>(0,v.jsx)("div",{className:oT({visible:r,mobileOnly:t}),children:(0,v.jsx)("div",{className:oT("body"),children:e})}),oO=({children:e})=>{var r,t;let{iframe:o,dnd:n,initialHistory:a,plugins:l,height:c}=oH(),u=(0,p.useMemo)(()=>oL(o),[o]);tU();let s=(0,i.CU)(e=>e.dispatch),_=(0,i.CU)(e=>e.state.ui.leftSideBarVisible),k=(0,i.CU)(e=>e.state.ui.rightSideBarVisible),m=(0,i.CU)(e=>e.instanceId),{width:h,setWidth:g,sidebarRef:f,handleResizeEnd:b}=ob("left",s),{width:x,setWidth:y,sidebarRef:w,handleResizeEnd:I}=ob("right",s);(0,p.useEffect)(()=>{window.matchMedia("(min-width: 638px)").matches||s({type:"setUi",ui:{leftSideBarVisible:!1,rightSideBarVisible:!1}});let e=()=>{window.matchMedia("(min-width: 638px)").matches||s({type:"setUi",ui:e=>(0,d.IA)((0,d.IA)({},e),e.rightSideBarVisible?{leftSideBarVisible:!1}:{})})};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);let z=(0,i.CU)(e=>e.overrides),j=(0,p.useMemo)(()=>z.puck||oe,[z]),[C,S]=(0,p.useState)(!1);oN(()=>{S(!0)},[]);let E=(0,i.CU)(e=>"READY"===e.status);(0,i.RU)(),(0,p.useEffect)(()=>{if(E&&u.enabled){let e=e7();if(e)return(0,i.uK)(e)}},[E,u.enabled]),or(),oC();let P={};h&&(P["--puck-user-sidebar-left-width"]=`${h}px`),x&&(P["--puck-user-sidebar-right-width"]=`${x}px`);let A=(0,i.CU)(e=>e.setUi),D=(0,i.CU)(e=>{var r;return null==(r=e.state.ui.plugin)?void 0:r.current}),L=(0,i.sL)(),M=(0,p.useMemo)(()=>!!(null==l?void 0:l.find(e=>"legacy-side-bar"===e.name)),[l]),B=(0,p.useMemo)(()=>{let e={},r=[r5(),tm()],t=e=>"legacy-side-bar"===e.name?-1:0,o=[...r,...null!=l?l:[]].sort((e,r)=>t(e)-t(r));return(null==l?void 0:l.some(e=>"fields"===e.name))||o.push(tS()),null==o||o.forEach(r=>{var t,o,n;r.name&&r.render&&(e[r.name]&&delete e[r.name],e[r.name]={label:null!=(t=r.label)?t:r.name,icon:null!=(o=r.icon)?o:(0,v.jsx)(i.Yf,{}),onClick:()=>{r.name===D?_?A({leftSideBarVisible:!1}):A({leftSideBarVisible:!0}):r.name&&A({plugin:{current:r.name},leftSideBarVisible:!0})},isActive:_&&D===r.name,render:r.render,mobilePanelHeight:null!=(n=r.mobilePanelHeight)?n:"toggle",mobileOnly:M||r.mobileOnly,desktopOnly:"legacy-side-bar"===r.name||r.desktopOnly})}),e},[l,D,L,_]),T=null!=D?D:Object.keys(B)[0],N=null!=(t=null==(r=B[T])?void 0:r.mobilePanelHeight)?t:"toggle";(0,p.useEffect)(()=>{D||A({plugin:{current:Object.keys(B)[0]}})},[B,D]);let F=B.fields&&!1===B.fields.mobileOnly,R=(0,i.CU)(e=>{var r;return null!=(r=e.state.ui.mobilePanelExpanded)&&r});return(0,v.jsxs)("div",{className:`Puck ${oM({hidePlugins:M})}`,id:m,style:{height:c,visibility:"hidden"},children:[(0,v.jsx)(rp,{disableAutoScroll:null==n?void 0:n.disableAutoScroll,children:(0,v.jsx)(j,{children:e||(0,v.jsx)(om,{children:(0,v.jsx)("div",{className:oB({leftSideBarVisible:_,mounted:C,rightSideBarVisible:!F&&k,isExpanded:R,mobilePanelHeightToggle:"toggle"===N,mobilePanelHeightMinContent:"min-content"===N}),style:{height:c},children:(0,v.jsxs)("div",{className:oB("inner"),style:P,children:[(0,v.jsx)("div",{className:oB("header"),children:(0,v.jsx)(oa,{hidePlugins:M})}),(0,v.jsx)("div",{className:oB("nav"),children:(0,v.jsx)(oD,{items:B,mobileActions:_&&"toggle"===N&&(0,v.jsx)(i.K0,{type:"button",title:"maximize",onClick:()=>{A({mobilePanelExpanded:!R})},children:R?(0,v.jsx)(i.xq,{size:21}):(0,v.jsx)(i.h1,{size:21})})})}),(0,v.jsx)(oI,{position:"left",sidebarRef:f,isVisible:_,onResize:g,onResizeEnd:b,children:Object.entries(B).map(([e,{mobileOnly:r,render:t,label:o}])=>(0,v.jsx)(oR,{visible:D===e,mobileOnly:r,children:(0,v.jsx)(t,{})},e))}),(0,v.jsx)(of,{}),!F&&(0,v.jsx)(oI,{position:"right",sidebarRef:w,isVisible:k,onResize:y,onResizeEnd:I,children:(0,v.jsx)(oF,{})})]})})})})}),(0,v.jsx)("div",{id:"puck-portal-root",className:oM("portal")})]})},oY=(0,p.createContext)({});function oU(e){return(0,v.jsx)(oY.Provider,{value:e,children:e.children})}var oH=()=>(0,p.useContext)(oY);function oq({children:e}){let{config:r,data:t,ui:o,onChange:n,permissions:a={},plugins:u,overrides:_,viewports:k=c.lu,iframe:m,initialHistory:h,metadata:g,onAction:f,fieldTransforms:b,_experimentalFullScreenCanvas:x,_experimentalVirtualization:y}=oH(),w=(0,p.useMemo)(()=>oL(m),[m]),[I]=(0,p.useState)(()=>{var e,n,a;let i=(0,d.IA)((0,d.IA)({},c.Kn.ui),o);!(Object.keys((null==t?void 0:t.root)||{}).length>0)||(null==(e=null==t?void 0:t.root)?void 0:e.props)||console.warn("Warning: Defining props on `root` is deprecated. Please use `root.props`, or republish this page to migrate automatically.");let u=(null==(n=null==t?void 0:t.root)?void 0:n.props)||(null==t?void 0:t.root)||{},p=(0,d.IA)((0,d.IA)({},null==(a=r.root)?void 0:a.defaultProps),u),v=(0,l.fq)((0,s.Rn)((0,d.ko)((0,d.IA)({},null==t?void 0:t.root),{props:p})),r),_=(0,d.ko)((0,d.IA)({},c.Kn),{data:(0,d.ko)((0,d.IA)({},t),{root:(0,d.ko)((0,d.IA)({},null==t?void 0:t.root),{props:v.props}),content:t.content||[]}),ui:(0,d.ko)((0,d.IA)((0,d.IA)({},i),{}),{componentList:r.categories?Object.entries(r.categories).reduce((e,[r,t])=>(0,d.ko)((0,d.IA)({},e),{[r]:{title:t.title,components:t.components,expanded:t.defaultExpanded,visible:t.visible}}),{}):{}})});return(0,s.CS)(_,r)}),{appendData:z=!0}=h||{},[j]=(0,p.useState)([...(null==h?void 0:h.histories)||[],...z?[{state:I}]:[]].map(e=>{let t=(0,d.IA)((0,d.IA)({},I),e.state);return e.state.indexes||(t=(0,s.CS)(t,r)),(0,d.ko)((0,d.IA)({},e),{state:t})})),S=(0,p.useMemo)(()=>(null==h?void 0:h.index)!==void 0&&(null==h?void 0:h.index)>=0&&(null==h?void 0:h.index)<j.length?null==h?void 0:h.index:j.length-1,[]),E=j[S].state,P=t8({overrides:_,plugins:u}),A=(0,p.useMemo)(()=>{let e=(u||[]).reduce((e,r)=>(0,d.IA)((0,d.IA)({},e),r.fieldTransforms),{});return(0,d.IA)((0,d.IA)({},e),b)},[b,u]),D=eY(),L=(0,p.useCallback)(e=>({instanceId:D,state:e,config:r,plugins:u||[],overrides:P,viewports:k,iframe:w,_experimentalFullScreenCanvas:!!x,_experimentalVirtualization:!!y,onAction:f,metadata:g,fieldTransforms:A}),[D,E,r,u,P,k,w,x,y,f,g,A]),[M]=(0,p.useState)(()=>(0,i.pq)(L(E)));(0,p.useEffect)(()=>{},[M]),(0,p.useEffect)(()=>{let e=M.getState().state;M.setState((0,d.IA)({},L(e)))},[L]),(0,i.Fz)(M,{histories:j,index:S,initialAppState:E});let B=(0,p.useRef)(null);(0,p.useEffect)(()=>M.subscribe(e=>e.state.data,e=>{n&&!(0,C.bD)(e,B.current)&&(n(e),B.current=e)}),[n]),(0,i.DQ)(M,a);let T=rQ(M);return(0,p.useEffect)(()=>{let{resolveAndCommitData:e}=M.getState();setTimeout(()=>{e()},0)},[]),(0,v.jsx)(i.u0.Provider,{value:M,children:(0,v.jsx)(rK.Provider,{value:T,children:e})})}function oV(e){return(0,v.jsx)(oU,(0,d.ko)((0,d.IA)({},e),{children:(0,v.jsx)(oq,(0,d.ko)((0,d.IA)({},e),{children:(0,v.jsx)(oO,{children:e.children})}))}))}oV.Components=r3,oV.Fields=tz,oV.Layout=oO,oV.Outline=t_,oV.Preview=t5,(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)(),(0,d.hY)()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.