efficient-easel 0.99.0 → 0.99.2

package/dist/drag/index.js

@@ -1,7 +1,6 @@
-import{DEFAULT_DRAG_WORDS as e}from"../chunk-O2NLQBFX.js";import{scrollBoxOf as t,startAutoScroll as n,isNoOpDrop as l}from"../chunk-6PS6STGA.js";export{AUTO_SCROLL_EDGE,AUTO_SCROLL_MAX_SPEED,autoScrollDelta,autoScrollSpeed,createDragSession,dropOnRow,gapToMoveIndex,isNoOpDrop,scrollBoxOf,scrollParent,startAutoScroll,stepGap,useTreeDrag}from"../chunk-6PS6STGA.js";import{useCanvasLayout as a,useCanvasEvent as r}from"../chunk-MCLBHENY.js";import{framePointToHost as o,elementScale as s,frameRectToLayer as i,clientPointToLayer as c}from"../chunk-ZNCEOSXO.js";import{CloseIcon as d,SearchIcon as u}from"../chunk-PI26YXYD.js";import{parseZoneKey as h}from"../chunk-KRXQM65X.js";import"../chunk-NKB3KVAB.js";import{useRef as p,useEffect as m,useState as f,useCallback as g,useMemo as b,useSyncExternalStore as y,useId as v}from"react";import{jsxs as x,jsx as k}from"react/jsx-runtime";var w=(e,t,n)=>t>=e.left&&t<=e.left+e.width&&n>=e.top&&n<=e.top+e.height,N=e=>e.width*e.height;function D(e,t,n){let l=null;for(const a of e)w(a.box,t,n)&&(!l||N(a.box)<=N(l.box))&&(l=a);return l}function S(e,t,n){const l="x"===e.axis?t:n;let a=0;for(const t of e.children){l>("x"===e.axis?t.left+t.width/2:t.top+t.height/2)&&(a+=1)}return a}function A(e,t){const n=e.children;if("x"===e.axis){const l=n[t-1],a=n[t],r=l&&a?(l.left+l.width+a.left)/2:l?l.left+l.width:a?a.left:e.box.left,o=a??l??e.box;return{left:r-1,top:o.top,width:2,height:o.height}}const l=n[t-1],a=n[t],r=l&&a?(l.top+l.height+a.top)/2:l?l.top+l.height:a?a.top:e.box.top;return{left:e.box.left,top:r-1,width:e.box.width,height:2}}function T(e,t,n,l,a=()=>!1){const r=e.filter(e=>w(e.box,t,n)).sort((e,t)=>N(e.box)-N(t.box));for(const e of r){const r=S(e,t,n),o={...e.list,index:r};if(a(o))return null;if(l(o))return{zone:e,to:o,line:A(e,r)}}return null}function z(e,t=e.key){const n=[];for(let l=1;l<e.children.length;l++){const a=e.children[l-1],r=e.children[l],o=a.top+a.height;n.push({key:`${t}:${l}`,place:{...e.list,index:l},box:{left:e.box.left,top:o,width:e.box.width,height:Math.max(r.top-o,0)}})}return n}var C={nodes:[],zones:[]},E="data-puck-dropzone",L="data-puck-component";function O(e,t){if(e.length>=2){const[t,n]=e;return Math.abs(n.top-t.top)<Math.min(t.height,n.height)/2&&n.left>t.left?"x":"y"}const n=t.ownerDocument.defaultView?.getComputedStyle(t);return n&&n.display.includes("flex")&&n.flexDirection.startsWith("row")?"x":"y"}function j(e,t){const{frame:n,document:l}=e,a=e=>i(n,function(e){const t=e.getBoundingClientRect();return{left:t.left,top:t.top,width:t.width,height:t.height}}(e),t),r=[],o=[];for(const e of l.querySelectorAll(`[${E}]`)){const t=e.getAttribute(E)??"";let n;try{n=h(t)}catch{continue}const l=[...e.querySelectorAll(`[${L}]`)].filter(t=>t.parentElement?.closest(`[${E}]`)===e),s=l.map(a);o.push({key:t,list:n,box:a(e),axis:O(s,e),children:s}),l.forEach((e,t)=>{const l=e.getAttribute(L);l&&r.push({id:l,place:{...n,index:t},box:s[t]})})}return{nodes:r,zones:o}}var B=140,M=e=>({left:e.left,top:e.top,width:e.width,height:e.height});function K(i){const{canvas:d,session:u,readOnly:h,words:v=e.canvas}=i,w=p(i);m(()=>{w.current=i});const N=p(null),S=a(d),[A,z]=f(0),E=g(()=>z(e=>e+1),[]),[L,O]=f(C);m(()=>{const e=N.current;d&&e&&O((w.current.measure??j)(d,e))},[d,S,i.revision,A]);const B=i.model,K=b(()=>B(L),[B,L]),X=y(u.subscribe,u.shown,u.shown),[P,$]=f(null),[R,Y]=f(null),_=p(null),G=()=>{_.current&&clearTimeout(_.current),_.current=null},q=()=>{G(),_.current=setTimeout(()=>{u.get()||$(null)},140)};m(()=>G,[]),r(d,"mousemove",e=>{const t=N.current;if(!d||!t||w.current.readOnly||u.get())return;G();const n=o(d.frame,e.clientX,e.clientY,t),l=s(t),a=D(K.sources,n.x/l,n.y/l);$(e=>e?.key===a?.key&&e?.box===a?.box?e:a)}),r(d,"mouseout",e=>{e.relatedTarget||q()}),r(d,"mouseover",e=>{e.relatedTarget||E()});const I=p(null),Z=g(()=>{I.current?.(),I.current=null,Y(null)},[]);m(()=>u.subscribe(()=>{u.get()?E():Z()}),[u,Z,E]),m(()=>Z,[Z]);const F=e=>{const t=u.get(),n=N.current;if(!t||!n)return null;const a=c(n,e.clientX,e.clientY),r=T(K.zones,a.x,a.y,e=>w.current.canDrop(t.item,e),e=>!!t.from&&l(t.from,e));return r?{h:t,t:r}:null},Q={onDragEnter:e=>{if(I.current)return;const l=t(e.currentTarget.parentElement?.parentElement??null);I.current=l?n(l):null},onDragOver:e=>{const t=F(e);if(!t)return void Y(null);e.preventDefault(),e.dataTransfer.dropEffect=/move|all|uninitialized/i.test(e.dataTransfer.effectAllowed)?"move":"copy";const n={zoneKey:t.t.zone.key,line:t.t.line,axis:t.t.zone.axis};Y(e=>e&&e.zoneKey===n.zoneKey&&e.line.left===n.line.left&&e.line.top===n.line.top?e:n)},onDragLeave:e=>{const t=e.relatedTarget;t&&e.currentTarget.contains(t)||Y(null)},onDrop:e=>{const t=F(e);t&&(e.preventDefault(),u.end(),Z(),w.current.onDrop(t.h.item,t.t.to))}},U={draggable:!h&&!!P,onMouseEnter:G,onMouseLeave:()=>!u.get()&&q(),onDragStart:e=>{if(P&&!h){u.start({key:P.key,item:P.item,from:P.from}),e.dataTransfer.effectAllowed="move";try{e.dataTransfer.setData("text/plain",P.key)}catch{}}else e.preventDefault()},onDragEnd:()=>{u.end(),Z()},onClick:()=>{P&&!h&&w.current.onPick?.(P.item)}},{seams:V=[]}=K,H=K.zones.filter(e=>0===e.children.length);/* @__PURE__ */
-return x("div",{ref:N,className:"es-canvas-layer",children:[X||!i.onSeamAdd||h?null:V.map(e=>/* @__PURE__ */k("div",{className:"es-canvas-seam",style:{left:e.box.left,top:e.box.top+e.box.height/2-8,width:e.box.width,height:16},children:/* @__PURE__ */k("button",{type:"button",className:"es-canvas-seam-add",onClick:()=>i.onSeamAdd?.(e.place),children:v.addButton({label:i.seamLabel??v.addSection})})},e.key)),i.onZoneAdd&&!h?H.map(e=>/* @__PURE__ */k("button",{type:"button",className:R?.zoneKey===e.key?"es-canvas-empty is-over":"es-canvas-empty",style:M(e.box),onClick:()=>i.onZoneAdd?.({...e.list,index:0}),children:v.addButton({label:i.zoneAddLabel??v.addBlock})},e.key)):null,X?/* @__PURE__ */k("div",{className:"es-canvas-catch",...Q}):null,R&&!H.some(e=>e.key===R.zoneKey)?/* @__PURE__ */k("div",{className:`es-canvas-line is-${R.axis}`,style:M(R.line)}):null,
-/* @__PURE__ */x("div",{className:["es-canvas-handle",P&&!h?"is-shown":"",X?"is-dragging":""].filter(Boolean).join(" "),style:P?{left:P.box.left+2,top:Math.max(P.box.top-11,0)}:void 0,title:P?P.title??v.handle({label:P.label}):void 0,...U,children:[
-/* @__PURE__ */k("span",{className:"es-canvas-grip","aria-hidden":"true",children:"⋮⋮"}),P?.label]})]})}var X=e=>e.tiles.length>0&&e.tiles.every(e=>null!=e.cover);function P({groups:t,session:n,itemFor:l,onInsert:a,at:r,hint:o,searchLabel:s,readOnly:i,words:c=e.add}){const h=o??c.hint,p=s??c.search,[m,g]=f(""),b=v(),y=m.trim().toLowerCase(),w=t.map(e=>({...e,tiles:y?e.tiles.filter(e=>((e,t)=>e.label.toLowerCase().includes(t)||(e.keywords??[]).some(e=>e.toLowerCase().includes(t)))(e,y)):e.tiles})).filter(e=>e.tiles.length>0);/* @__PURE__ */
+import{DEFAULT_DRAG_WORDS as e}from"../chunk-O2NLQBFX.js";import{scrollBoxOf as t,startAutoScroll as n,isNoOpDrop as l}from"../chunk-6PS6STGA.js";export{AUTO_SCROLL_EDGE,AUTO_SCROLL_MAX_SPEED,autoScrollDelta,autoScrollSpeed,createDragSession,dropOnRow,gapToMoveIndex,isNoOpDrop,scrollBoxOf,scrollParent,startAutoScroll,stepGap,useTreeDrag}from"../chunk-6PS6STGA.js";import{useCanvasLayout as a,useCanvasEvent as r}from"../chunk-MCLBHENY.js";import{framePointToHost as o,elementScale as s,frameRectToLayer as i,clientPointToLayer as c}from"../chunk-ZNCEOSXO.js";import{CloseIcon as d,SearchIcon as u}from"../chunk-PI26YXYD.js";import{parseZoneKey as h}from"../chunk-KRXQM65X.js";import"../chunk-NKB3KVAB.js";import{useRef as p,useEffect as m,useState as f,useCallback as g,useMemo as b,useSyncExternalStore as y,useId as v}from"react";import{jsxs as x,jsx as k}from"react/jsx-runtime";var w=(e,t,n)=>t>=e.left&&t<=e.left+e.width&&n>=e.top&&n<=e.top+e.height,N=e=>e.width*e.height;function A(e,t,n){let l=null;for(const a of e)w(a.box,t,n)&&(!l||N(a.box)<=N(l.box))&&(l=a);return l}function D(e,t,n){const l="x"===e.axis?t:n;let a=0;for(const t of e.children){l>("x"===e.axis?t.left+t.width/2:t.top+t.height/2)&&(a+=1)}return a}function S(e,t){const n=e.children;if("x"===e.axis){const l=n[t-1],a=n[t],r=l&&a?(l.left+l.width+a.left)/2:l?l.left+l.width:a?a.left:e.box.left,o=a??l??e.box;return{left:r-1,top:o.top,width:2,height:o.height}}const l=n[t-1],a=n[t],r=l&&a?(l.top+l.height+a.top)/2:l?l.top+l.height:a?a.top:e.box.top;return{left:e.box.left,top:r-1,width:e.box.width,height:2}}function z(e,t,n,l,a=()=>!1){const r=e.filter(e=>w(e.box,t,n)).sort((e,t)=>N(e.box)-N(t.box));for(const e of r){const r=D(e,t,n),o={...e.list,index:r};if(a(o))return null;if(l(o))return{zone:e,to:o,line:S(e,r)}}return null}function T(e,t=e.key){const n=[];for(let l=1;l<e.children.length;l++){const a=e.children[l-1],r=e.children[l],o=a.top+a.height;n.push({key:`${t}:${l}`,place:{...e.list,index:l},box:{left:e.box.left,top:o,width:e.box.width,height:Math.max(r.top-o,0)}})}return n}var C={nodes:[],zones:[]},E="data-puck-dropzone",L="data-puck-component";function O(e,t){if(e.length>=2){const[t,n]=e;return Math.abs(n.top-t.top)<Math.min(t.height,n.height)/2&&n.left>t.left?"x":"y"}const n=t.ownerDocument.defaultView?.getComputedStyle(t);return n&&n.display.includes("flex")&&n.flexDirection.startsWith("row")?"x":"y"}function j(e,t){const{frame:n,document:l}=e,a=e=>i(n,function(e){const t=e.getBoundingClientRect();return{left:t.left,top:t.top,width:t.width,height:t.height}}(e),t),r=[],o=[];for(const e of l.querySelectorAll(`[${E}]`)){const t=e.getAttribute(E)??"";let n;try{n=h(t)}catch{continue}const l=[...e.querySelectorAll(`[${L}]`)].filter(t=>t.parentElement?.closest(`[${E}]`)===e),s=l.map(a);o.push({key:t,list:n,box:a(e),axis:O(s,e),children:s}),l.forEach((e,t)=>{const l=e.getAttribute(L);l&&r.push({id:l,place:{...n,index:t},box:s[t]})})}return{nodes:r,zones:o}}var B="data-es-empty-cell",M="data-puck-dropzone",$=140,K=e=>({left:e.left,top:e.top,width:e.width,height:e.height});function X(i){const{canvas:d,session:u,readOnly:h,words:v=e.canvas}=i,w=p(i);m(()=>{w.current=i});const N=p(null),D=a(d),[S,T]=f(0),E=g(()=>T(e=>e+1),[]),[L,O]=f(C);m(()=>{const e=N.current;d&&e&&O((w.current.measure??j)(d,e))},[d,D,i.revision,S]);const $=i.model,X=b(()=>$(L),[$,L]),P=y(u.subscribe,u.shown,u.shown),[q,R]=f(null),[Y,_]=f(null),G=p(null),I=()=>{G.current&&clearTimeout(G.current),G.current=null},Z=()=>{I(),G.current=setTimeout(()=>{u.get()||R(null)},140)};m(()=>I,[]),r(d,"mousemove",e=>{const t=N.current;if(!d||!t||w.current.readOnly||u.get())return;I();const n=o(d.frame,e.clientX,e.clientY,t),l=s(t),a=A(X.sources,n.x/l,n.y/l);R(e=>e?.key===a?.key&&e?.box===a?.box?e:a)}),r(d,"mouseout",e=>{e.relatedTarget||Z()}),r(d,"mouseover",e=>{e.relatedTarget||E()});const F=p(null),Q=g(()=>{F.current?.(),F.current=null,_(null)},[]);m(()=>u.subscribe(()=>{u.get()?E():Q()}),[u,Q,E]),m(()=>Q,[Q]);const U=e=>{const t=u.get(),n=N.current;if(!t||!n)return null;const a=c(n,e.clientX,e.clientY),r=z(X.zones,a.x,a.y,e=>w.current.canDrop(t.item,e),e=>!!t.from&&l(t.from,e));return r?{h:t,t:r}:null},V={onDragEnter:e=>{if(F.current)return;const l=t(e.currentTarget.parentElement?.parentElement??null);F.current=l?n(l):null},onDragOver:e=>{const t=U(e);if(!t)return void _(null);e.preventDefault(),e.dataTransfer.dropEffect=/move|all|uninitialized/i.test(e.dataTransfer.effectAllowed)?"move":"copy";const n={zoneKey:t.t.zone.key,line:t.t.line,axis:t.t.zone.axis};_(e=>e&&e.zoneKey===n.zoneKey&&e.line.left===n.line.left&&e.line.top===n.line.top?e:n)},onDragLeave:e=>{const t=e.relatedTarget;t&&e.currentTarget.contains(t)||_(null)},onDrop:e=>{const t=U(e);t&&(e.preventDefault(),u.end(),Q(),w.current.onDrop(t.h.item,t.t.to))}},H={draggable:!h&&!!q,onMouseEnter:I,onMouseLeave:()=>!u.get()&&Z(),onDragStart:e=>{if(q&&!h){u.start({key:q.key,item:q.item,from:q.from}),e.dataTransfer.effectAllowed="move";try{e.dataTransfer.setData("text/plain",q.key)}catch{}}else e.preventDefault()},onDragEnd:()=>{u.end(),Q()},onClick:()=>{q&&!h&&w.current.onPick?.(q.item)}},{seams:W=[]}=X,J=X.zones.filter(e=>0===e.children.length),ee=i.onZoneAdd&&!h?J:[],te=ee.map(e=>e.key).join("\n");return m(()=>{const e=d?.document;if(!e)return;const t=new Set(te?te.split("\n"):[]);for(const n of e.querySelectorAll(`[${M}]`))n.toggleAttribute(B,t.has(n.getAttribute(M)??""));return()=>{for(const t of e.querySelectorAll(`[${B}]`))t.removeAttribute(B)}},[d,te,L,D,S]),/* @__PURE__ */x("div",{ref:N,className:"es-canvas-layer",children:[P||!i.onSeamAdd||h?null:W.map(e=>/* @__PURE__ */k("div",{className:"es-canvas-seam",style:{left:e.box.left,top:e.box.top+e.box.height/2-8,width:e.box.width,height:16},children:/* @__PURE__ */k("button",{type:"button",className:"es-canvas-seam-add",onClick:()=>i.onSeamAdd?.(e.place),children:v.addButton({label:i.seamLabel??v.addSection})})},e.key)),ee.length?ee.map(e=>/* @__PURE__ */k("button",{type:"button",className:Y?.zoneKey===e.key?"es-canvas-empty is-over":"es-canvas-empty",style:K(e.box),onClick:()=>i.onZoneAdd?.({...e.list,index:0}),children:/* @__PURE__ */k("span",{className:"es-canvas-empty-add",children:v.addButton({label:i.zoneAddLabel??v.addBlock})})},e.key)):null,P?/* @__PURE__ */k("div",{className:"es-canvas-catch",...V}):null,Y&&!J.some(e=>e.key===Y.zoneKey)?/* @__PURE__ */k("div",{className:`es-canvas-line is-${Y.axis}`,style:K(Y.line)}):null,
+/* @__PURE__ */x("div",{className:["es-canvas-handle",q&&!h?"is-shown":"",P?"is-dragging":""].filter(Boolean).join(" "),style:q?{left:q.box.left+2,top:Math.max(q.box.top-11,0)}:void 0,title:q?q.title??v.handle({label:q.label}):void 0,...H,children:[
+/* @__PURE__ */k("span",{className:"es-canvas-grip","aria-hidden":"true",children:"⋮⋮"}),q?.label]})]})}var P=e=>e.tiles.length>0&&e.tiles.every(e=>null!=e.cover);function q({groups:t,session:n,itemFor:l,onInsert:a,at:r,hint:o,searchLabel:s,readOnly:i,words:c=e.add}){const h=o??c.hint,p=s??c.search,[m,g]=f(""),b=v(),y=m.trim().toLowerCase(),w=t.map(e=>({...e,tiles:y?e.tiles.filter(e=>((e,t)=>e.label.toLowerCase().includes(t)||(e.keywords??[]).some(e=>e.toLowerCase().includes(t)))(e,y)):e.tiles})).filter(e=>e.tiles.length>0);/* @__PURE__ */
 return x("div",{className:"es-add",children:[r?/* @__PURE__ */x("div",{className:"es-add-at",role:"status",children:[
 /* @__PURE__ */k("span",{children:r.label}),
 /* @__PURE__ */k("button",{type:"button",className:"es-add-at-clear","aria-label":c.stop,title:c.stop,onClick:r.onClear,children:/* @__PURE__ */k(d,{size:12,"aria-hidden":"true"})})]}):null,
@@ -14,5 +13,5 @@ return x("div",{className:"es-add",children:[r?/* @__PURE__ */x("div",{className
 /* @__PURE__ */x("div",{className:"es-add-group-head",children:[
 /* @__PURE__ */k("span",{className:"es-add-group-title",children:e.title}),
 /* @__PURE__ */k("span",{className:"es-add-group-count",children:e.tiles.length})]}),
-/* @__PURE__ */k("div",{className:X(e)?"es-add-grid is-cards":"es-add-grid",children:e.tiles.map(e=>{/* @__PURE__ */return x("button",{type:"button",className:null!=e.cover?"es-add-tile has-cover":"es-add-tile",draggable:!i,"aria-disabled":i||void 0,"aria-label":c.tile({label:e.label}),title:i?void 0:e.title??c.tile({label:e.label}),onDragStart:(t=e.type,e=>{if(i)e.preventDefault();else{n.start({key:`new:${t}`,item:l(t)}),e.dataTransfer.effectAllowed="copy";try{e.dataTransfer.setData("text/plain",t)}catch{}}}),onDragEnd:()=>n.end(),onClick:()=>!i&&a(e.type),children:[null!=e.cover?/* @__PURE__ */k("span",{className:"es-add-tile-cover","aria-hidden":"true",children:e.cover}):e.icon?/* @__PURE__ */k("span",{className:"es-add-tile-glyph","aria-hidden":"true",children:e.icon}):null,
-/* @__PURE__ */k("span",{className:"es-add-tile-label",children:e.label})]},e.type);var t})})]},e.title))]})}export{P as AddPanel,K as CanvasDragLayer,C as EMPTY_MEASURE,B as HANDLE_GRACE_MS,T as canvasTarget,w as contains,S as gapInZone,A as gapLine,j as measureCanvas,D as pickSource,z as seamsBetween};
+/* @__PURE__ */k("div",{className:P(e)?"es-add-grid is-cards":"es-add-grid",children:e.tiles.map(e=>{/* @__PURE__ */return x("button",{type:"button",className:null!=e.cover?"es-add-tile has-cover":"es-add-tile",draggable:!i,"aria-disabled":i||void 0,"aria-label":c.tile({label:e.label}),title:i?void 0:e.title??c.tile({label:e.label}),onDragStart:(t=e.type,e=>{if(i)e.preventDefault();else{n.start({key:`new:${t}`,item:l(t)}),e.dataTransfer.effectAllowed="copy";try{e.dataTransfer.setData("text/plain",t)}catch{}}}),onDragEnd:()=>n.end(),onClick:()=>!i&&a(e.type),children:[null!=e.cover?/* @__PURE__ */k("span",{className:"es-add-tile-cover","aria-hidden":"true",children:e.cover}):e.icon?/* @__PURE__ */k("span",{className:"es-add-tile-glyph","aria-hidden":"true",children:e.icon}):null,
+/* @__PURE__ */k("span",{className:"es-add-tile-label",children:e.label})]},e.type);var t})})]},e.title))]})}export{q as AddPanel,X as CanvasDragLayer,C as EMPTY_MEASURE,$ as HANDLE_GRACE_MS,z as canvasTarget,w as contains,D as gapInZone,S as gapLine,j as measureCanvas,A as pickSource,T as seamsBetween};

package/dist/{editor/editor.css → easel/easel.css}

@@ -1,5 +1,5 @@
 /*
- * efficient-easel/editor — the canvas's own marks (blueprint 5.1): the
+ * efficient-easel/easel — the canvas's own marks (blueprint 5.1): the
  * lists' empty and selected states, and the outlines over the selected and
  * hovered block. Puck's `puck.css` drew these until now; the rules follow it.
  *
@@ -42,6 +42,15 @@
   background: color-mix(in srgb, var(--es-accent, #2563eb) 6%, transparent);
   outline: 2px dashed color-mix(in srgb, var(--es-accent, #2563eb) 35%, transparent);
 }
+/* …except an empty list the drag layer draws its "+ Add block" cell over
+   (`data-es-empty-cell`, efficient-easel/drag): at rest that slot draws
+   NOTHING, and the cell shows on hover (owner design B, 2026-10-06). The
+   states above still draw on it. A rule of its own rather than a :not() on
+   `.es-zone:empty`: hosts read that selector by its spelling. */
+.es-zone:empty[data-es-empty-cell]:not(.is-area-selected):not(.is-hovering-area:not(.is-root)) {
+  background: none;
+  outline: none;
+}
 
 .es-canvas-outline {
   pointer-events: none;

package/dist/easel/index.d.ts

@@ -0,0 +1,385 @@
+import { E as EaselConfig, a as EaselView, b as EaselAction, P as Permissions, c as EaselCore, d as EaselUi } from '../types-BOSGNvil.js';
+export { A as AppState, e as EaselHistory, f as EditorAction, g as EditorConfig, h as EditorCore, i as EditorHistory, j as EditorUi, k as EditorView, H as HistoryEntry, S as SetDataPatch } from '../types-BOSGNvil.js';
+import { N as NodeSelection } from '../plan-DChbUXdS.js';
+export { I as ItemSelector } from '../plan-DChbUXdS.js';
+import { DataInput } from '../data/index.js';
+import { S as SlotAddress, D as Data, P as Place } from '../types-41704JE4.js';
+import { c as ResolveTrigger, a as ResolveCache, R as ResolvableItem } from '../resolve-D68pb3Bx.js';
+import * as react from 'react';
+import { ReactNode, CSSProperties, ComponentType, ReactElement } from 'react';
+import { b as NodeOpsHost, C as ClipboardEntry } from '../useNodeOps-BF0fQsif.js';
+import { I as InspectorFields } from '../types-C7HFvdtk.js';
+import '../buckets-CuLM47h9.js';
+
+interface EaselOptions<C extends EaselConfig = EaselConfig> {
+    config: C;
+    /** The document — Puck 0.20's shape, unchanged. */
+    data: DataInput | Data;
+    /** The host's own UI keys to start with (and an `itemSelector`, if any). */
+    ui?: Record<string, unknown>;
+    /** Called with the new document after every change that changed it — once
+     *  per `batch`, once per undo / redo. Not called for `load`. */
+    onChange?: (data: Data) => void;
+    /** Easel-wide permissions, under each block's own (Puck's `permissions`). */
+    permissions?: Partial<Permissions>;
+    /**
+     * Changes recorded closer together than this collapse into ONE undo step —
+     * Puck's 250 ms history debounce, so a word typed into a field is undone as
+     * a word and not as letters. A `batch` is never collapsed into its
+     * neighbours. 0 records every change on its own.
+     */
+    historyCoalesceMs?: number;
+    /** The clock, for tests. */
+    now?: () => number;
+}
+interface Easel<C extends EaselConfig = EaselConfig> {
+    /** What `useEasel` reads. The same object until the state changes. */
+    getState: () => EaselView<C>;
+    subscribe: (listener: () => void) => () => void;
+    /** One Puck action. Outside a `batch`, one undo step when it records. */
+    dispatch: (action: EaselAction) => void;
+    /**
+     * Run several changes as ONE: one undo step, one `onChange`, and one
+     * notification to subscribers. Each dispatch inside sees the ones before it.
+     * Throwing inside puts everything back. Batches nest; only the outer one
+     * records.
+     */
+    batch: (fn: () => void) => void;
+    /** Select a node by id, or nothing. Selection is not an undo step. */
+    select: (id: string | null) => void;
+    /** Select a slot — a column — or nothing. */
+    selectSlot: (address: SlotAddress | null) => void;
+    /** Apply a node-ops plan (`{ data, select }`) as one change. */
+    run: (plan: {
+        data: Data;
+        select?: NodeSelection | undefined;
+    }) => void;
+    /**
+     * Put a different document in WITHOUT remounting anything — Puck needed a
+     * new `key` on `<Puck>` for that, which threw away every subscriber's state.
+     * The history starts again at this document unless `keepHistory`.
+     */
+    load: (data: DataInput | Data, options?: {
+        keepHistory?: boolean;
+        selection?: NodeSelection;
+    }) => void;
+    undo: () => void;
+    redo: () => void;
+    setPermissions: (permissions: Partial<Permissions>) => void;
+    /**
+     * Run every block's `resolveData` over the document, as `<Puck>` did when it
+     * mounted (trigger `'load'`), and write what changed as ONE change folded
+     * into the step it happens in — a resolver bringing a stale document up to
+     * date is not an undo step (Puck made it one, which undid back to the stale
+     * document). `onChange` hears it, as Puck's did. `EaselProvider` runs this
+     * on mount; a node changed by hand while it ran is left as the hand left it.
+     */
+    resolveAll: (options?: {
+        trigger?: ResolveTrigger;
+        metadata?: Record<string, unknown>;
+    }) => Promise<void>;
+    /** This easel's memory of the last change each node was resolved for —
+     *  Puck kept one per editor, shared by every write that resolves. */
+    readonly resolveCache: ResolveCache;
+    /**
+     * Swap the config in place — `<Puck>` took a new `config` prop live. The
+     * website editor rebuilds a few blocks' fields when the site's gap moves; the
+     * document, the selection and the history are untouched.
+     */
+    setConfig: (config: C) => void;
+    /** The config in force now. */
+    readonly config: C;
+}
+/**
+ * Puck 0.20's UI at mount (`defaultAppState.ui`), less the selection, which
+ * the store holds by id. A host's chrome reads these — the website editor
+ * opens its side panels from `leftSideBarVisible` / `rightSideBarVisible` — so
+ * a host moving off `<Puck>` finds them where they were.
+ */
+declare const DEFAULT_UI: Record<string, unknown>;
+/**
+ * THE EASEL STORE (blueprint step 5.1): the document, the selection by id and
+ * the host's UI keys, with Puck's actions, Puck's history and a `batch` Puck
+ * never had. Framework-free — `useEasel` (./react) is the React binding.
+ */
+declare function createEasel<C extends EaselConfig>(options: EaselOptions<C>): Easel<C>;
+/** @deprecated The name before the Easel rename: `EaselOptions`. */
+type EditorOptions<C extends EaselConfig = EaselConfig> = EaselOptions<C>;
+/** @deprecated The name before the Easel rename: `Easel`. */
+type Editor<C extends EaselConfig = EaselConfig> = Easel<C>;
+/** @deprecated The name before the Easel rename: `createEasel`. */
+declare const createEditor: typeof createEasel;
+
+/**
+ * Puck 0.20's reducer, on `efficient-easel/data` — blueprint step 5.1.
+ *
+ * Each action means what it meant to Puck, so the apps' `dispatch` calls move
+ * over unchanged (`reorder`'s and `move`'s indexes, `replaceRoot` MERGING
+ * props, `duplicate` selecting the copy, `insert` leaving the selection where
+ * it was). Two things differ, on purpose:
+ *
+ *   - THE SELECTION IS BY ID. Puck held `itemSelector` — a place — so a node
+ *     inserted or removed above the selected one silently moved the selection
+ *     onto its neighbour, and both editors carried patches for exactly that.
+ *     Here `itemSelector` is derived from the id on every read, and a
+ *     selection whose node is gone becomes nothing rather than whatever now
+ *     sits in its place.
+ *   - A SLOT CAN BE SELECTED (a column): `ui.selectedSlot`, which Puck had no
+ *     way to say.
+ */
+/** Whether Puck records an action in history when the action does not say:
+ *  everything but the state-setters. */
+declare function recordsByDefault(action: EaselAction): boolean;
+/** The UI as Puck shows it: the host's keys, with the selection translated. */
+declare function uiView(core: EaselCore, config: EaselConfig): EaselUi;
+/** A selection that still points at something; otherwise nothing. */
+declare function validSelection(data: Data, config: EaselConfig, selection: NodeSelection): NodeSelection;
+/** One action, applied. Pure: the same core and action give the same core. */
+declare function reduce(core: EaselCore, action: EaselAction, config: EaselConfig): EaselCore;
+
+interface EaselProviderProps {
+    easel: Easel;
+    hotkeys?: boolean;
+    /** Run every block's `resolveData` once the easel mounts, as `<Puck>` did
+     *  (`easel.resolveAll`). On by default. */
+    resolveOnMount?: boolean;
+    children?: ReactNode;
+}
+/** Puts one easel in reach of everything under it — `<Puck>`'s provider
+ *  half — and, as `<Puck>` did, binds undo / redo to the page's keyboard
+ *  (`hotkeys={false}` for a host that binds its own) and runs every block's
+ *  `resolveData` once on mount (`resolveOnMount={false}` to skip). */
+declare function EaselProvider({ easel, hotkeys, resolveOnMount, children }: EaselProviderProps): react.JSX.Element;
+/** The easel itself, for handlers that read the state at the moment they run
+ *  (`useGetPuck`'s job) and for `dispatch` / `batch` / `select`. */
+declare function useEaselApi<C extends EaselConfig = EaselConfig>(): Easel<C>;
+/**
+ * Read a slice of the easel and re-render when it changes — `usePuck` /
+ * `createUsePuck()`'s selector form, over the same state shape, so the apps'
+ * selectors move over by renaming the hook.
+ *
+ * A selector may return a fresh object; the snapshot is cached per state and
+ * per selector, so React sees the same value for the same state and does not
+ * loop. A primitive or an unchanged reference does not re-render.
+ */
+declare function useEasel<T, C extends EaselConfig = EaselConfig>(selector: (view: EaselView<C>) => T): T;
+/**
+ * A typed `useEasel` for one config — `createUsePuck<Config>()`'s shape, so
+ * a file that made its own typed hook keeps the one line that made it.
+ */
+declare function createUseEasel<C extends EaselConfig = EaselConfig>(): <T>(selector: (view: EaselView<C>) => T) => T;
+/** @deprecated The name before the Easel rename: `EaselProvider`, whose prop
+ *  is `easel`. This one still takes the store as `editor`. */
+declare function EditorProvider({ editor, ...rest }: Omit<EaselProviderProps, 'easel'> & {
+    editor: Easel;
+}): react.JSX.Element;
+/** @deprecated The name before the Easel rename: `useEaselApi`. */
+declare const useEditorApi: typeof useEaselApi;
+/** @deprecated The name before the Easel rename: `useEasel`. */
+declare const useEditor: typeof useEasel;
+/** @deprecated The name before the Easel rename: `createUseEasel`. */
+declare const createUseEditor: typeof createUseEasel;
+
+/** What a slot component accepts — Puck's. */
+interface CanvasSlotProps {
+    className?: string;
+    style?: CSSProperties;
+    allow?: string[];
+    disallow?: string[];
+    minEmptyHeight?: number;
+    collisionAxis?: unknown;
+}
+interface CanvasFrameProps {
+    children?: ReactNode;
+    /** `preview-frame` by default — the id the apps' canvas watchers look for. */
+    id?: string;
+    /**
+     * The frame's accessible name. Default "Canvas", in the strings provider's
+     * language (`EaselStrings.canvas.frame`).
+     */
+    title?: string;
+    className?: string;
+    style?: CSSProperties;
+    /** Copy the host page's stylesheets into the frame, and keep them in step.
+     *  On by default: the blocks are styled by the app's own CSS. */
+    mirrorStyles?: boolean;
+    /** Called with the frame's document once it is ready, and null when it goes. */
+    onDocument?: (doc: Document | null) => void;
+    /**
+     * `'auto'` (the default, Puck's): the frame is as tall as its content, and
+     * the host's pane scrolls it — so the canvas reads like the page it is.
+     * `'fill'`: the frame fills its parent and scrolls itself.
+     */
+    height?: 'auto' | 'fill';
+    /**
+     * The page's CSP nonce, for a host whose policy allows styles by nonce
+     * (`style-src 'nonce-…'`). The frame is the host page's own document, so the
+     * same policy applies in it, and a stylesheet without the nonce is refused.
+     * Given, it is set on every stylesheet the canvas puts in the frame: each
+     * `<style>` and `<link rel="stylesheet">` copied in from the host
+     * (`mirrorStyles`), and each sheet `useCanvasStyle` / `upsertCanvasStyle`
+     * (`efficient-easel/canvas`) creates there. Left out, nothing changes.
+     *
+     * Read when the frame is built, like `mirrorStyles`: a nonce is the page's
+     * for as long as the page lives.
+     */
+    nonce?: string;
+}
+/**
+ * An iframe of the easel's own, with the content portalled in. No `src`: the
+ * frame's first document is used — there to write into at once, with no load
+ * to wait for and nothing fetched. The host's stylesheets are copied into its
+ * head and copied again whenever the host's head changes (a route's CSS
+ * arriving late, a dev reload).
+ *
+ * ⚠️ THAT FIRST DOCUMENT HAS NO DOCTYPE, SO IT RENDERS IN QUIRKS MODE, and it
+ * is rewritten with one before anything is drawn. Puck's frame was a
+ * `<!DOCTYPE html>` srcdoc, so every block was written against standards mode;
+ * in quirks mode a `height: 100%` resolves through auto-height ancestors (an
+ * empty slot grew to the frame's full height), tables stop inheriting the
+ * page's font, and an image's line box changes. (0.89.0–0.92.0 shipped the
+ * quirks-mode frame.)
+ */
+declare function CanvasFrame({ children, id, title, className, style, mirrorStyles, onDocument, height, nonce, }: CanvasFrameProps): react.JSX.Element;
+/**
+ * The whole document, for editing. Works in a `CanvasFrame` or on its own.
+ *
+ * `metadata` is the easel-wide metadata: the root's `puck.metadata`, and —
+ * under each block's own — every block's (see the header).
+ */
+declare function EditDocument({ metadata }: {
+    metadata?: Record<string, unknown>;
+}): react.JSX.Element;
+/** What a host may wrap an outline in — Puck's `componentOverlay`: render
+ *  `children` to draw it, or nothing to hide it (a text part open on the
+ *  block, say). */
+type CanvasOverlay = ComponentType<{
+    componentId: string;
+    kind: 'selected' | 'hover';
+    children: ReactNode;
+}>;
+interface EaselCanvasProps {
+    /** Draw in an iframe of the easel's own (default), or straight into the page. */
+    frame?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    /**
+     * The easel-wide metadata — what the published page passes `Render` as
+     * `metadata`. Every block reads it as `puck.metadata` (its own `metadata`
+     * laid over it) and the root as it is. Change it whenever the host's data
+     * changes: the blocks redraw in place, nothing remounts, and it never enters
+     * the document or the undo history.
+     */
+    metadata?: Record<string, unknown>;
+    /** Copy the host's stylesheets into the frame (default true). */
+    mirrorStyles?: boolean;
+    /** The frame's height: as tall as its content (default, Puck's), or filling its parent. */
+    height?: 'auto' | 'fill';
+    /**
+     * The frame's accessible name — an iframe with none is announced as "frame".
+     * Default "Canvas", in the strings provider's language. Unused with
+     * `frame={false}`, where there is no frame to name.
+     */
+    title?: string;
+    /** The page's CSP nonce for the frame's stylesheets — see `CanvasFrameProps.nonce`. Unused with `frame={false}`. */
+    nonce?: string;
+    onDocument?: (doc: Document | null) => void;
+    /**
+     * Wraps everything drawn in the frame, and is handed the frame's document —
+     * Puck's `overrides.iframe`: where a host syncs its theme onto the frame's
+     * `<html>` or adds frame-only CSS.
+     */
+    frameWrapper?: ComponentType<{
+        document?: Document;
+        children: ReactNode;
+    }>;
+    /** Wraps each outline — Puck's `componentOverlay`; see `CanvasOverlay`. */
+    overlay?: CanvasOverlay;
+    /** Drawn inside the frame, after the document — a host's canvas-only layer. */
+    children?: ReactNode;
+}
+/**
+ * `<Puck.Preview>`, ours: the document for editing, its outlines, and the
+ * clicks that select. Must sit under an `EaselProvider`.
+ */
+declare function EaselCanvas({ frame, className, style, metadata, mirrorStyles, onDocument, height, title, nonce, frameWrapper: FrameWrapper, overlay, children, }: EaselCanvasProps): ReactElement;
+/** @deprecated The name before the Easel rename: `EaselCanvasProps`. */
+type EditorCanvasProps = EaselCanvasProps;
+/** @deprecated The name before the Easel rename: `EaselCanvas`. */
+declare const EditorCanvas: typeof EaselCanvas;
+
+/**
+ * THE PARTS, ON THE STORE (blueprint step 5.2).
+ *
+ * Every part built in steps 2.1–4.9 takes a HOST — what to read, how to write
+ * — so it never knew Puck. Until now each app wrote that host twice, once per
+ * editor, against Puck's store: `EmailFields` and `SiteFields` for the settings
+ * panel, the node-ops host for the menus. These are the hosts, written ONCE,
+ * against the engine's store; the parts' own APIs do not change.
+ */
+/** `useNodeOps` with the store as its host: reads the document, and writes one
+ *  `run` — one undo step, the selection travelling with it. */
+declare function useEaselNodeOps(options?: Omit<NodeOpsHost, 'data' | 'config' | 'commit'>): {
+    held: ClipboardEntry | null;
+    remove: (id: string) => boolean;
+    duplicate: (id: string) => boolean;
+    move: (id: string, to: Place) => boolean;
+    step: (id: string, dir: -1 | 1) => boolean;
+    canStep: (id: string, dir: -1 | 1) => boolean;
+    setProps: (id: string, patch: Record<string, unknown>) => boolean;
+    copy: (id: string, label: string) => boolean;
+    cut: (id: string, label: string) => boolean;
+    paste: (at: Place) => boolean;
+    parentOf: (selection: NodeSelection) => NodeSelection;
+};
+interface SelectedFields {
+    /** The selected node's id, or `"root"` with nothing selected. */
+    id: string;
+    /** The node the fields are for — the selected one, or the root as `{ type: 'root', props }`. */
+    node: ResolvableItem;
+    /** Its fields, resolved as Puck resolved them (`resolveFields` with Puck's params, parent included). */
+    fields: InspectorFields;
+    /** What the fields show. */
+    values: Record<string, unknown>;
+    /** The block's (or the root's) `edit` permission is off. */
+    readOnly: boolean;
+    /** Write one field: `resolveData` as Puck ran it, then ONE replace — one undo step. */
+    onChange: (name: string, value: unknown) => void;
+}
+/**
+ * The settings panel's host: the selected node's fields and the write that
+ * changes one — what `EmailFields` and `SiteFields` each did against Puck,
+ * here once:
+ *   - fields resolve through `useResolvedFields` (Puck's
+ *     `useRegisterFieldsSlice`: `changed`, `lastFields`, `appState`, `parent`);
+ *   - a change runs the block's `resolveData` (`resolveNodeData`, Puck's
+ *     `resolveComponentData`, with this easel's own memory of the last
+ *     change) and then writes ONE `replace` of the node, or ONE `replaceRoot`.
+ *
+ * The write reads the node AT THE MOMENT IT RUNS, by id: a field changed while
+ * a resolver is still running writes onto what is current, never onto what was
+ * selected when the change began.
+ */
+declare function useSelectedFields(): SelectedFields;
+/** @deprecated The name before the Easel rename: `useEaselNodeOps`. */
+declare const useEditorNodeOps: typeof useEaselNodeOps;
+
+/**
+ * UNDO AND REDO ON THE KEYBOARD — Puck's own six bindings, which both editors
+ * relied on without writing any: ⌘Z / Ctrl+Z undo; ⇧⌘Z, ⌘Y, Ctrl+Shift+Z and
+ * Ctrl+Y redo.
+ *
+ * Exact combinations, read off the physical key (`code`, as Puck read it), so
+ * a layout that moves Z still undoes and ⌥⌘Z does nothing.
+ *
+ * ⚠️ PUCK FIRED THESE IN A TEXT FIELD TOO, and so does this: ⌘Z while typing
+ * in a setting undoes the easel's last step — which, since a field writes as
+ * it is typed, is the typing — and the browser's own text undo is prevented,
+ * so there are never two undo histories answering one key.
+ *
+ * Bound per DOCUMENT: the host page (`EaselProvider`) and the canvas frame
+ * (`EaselCanvas`), because a key pressed in the frame never reaches the page.
+ */
+declare function bindUndoKeys(doc: Document, easel: Pick<Easel, 'undo' | 'redo'>): () => void;
+
+export { CanvasFrame, type CanvasFrameProps, type CanvasOverlay, type CanvasSlotProps, DEFAULT_UI, type Easel, EaselAction, EaselCanvas, type EaselCanvasProps, EaselConfig, EaselCore, type EaselOptions, EaselProvider, type EaselProviderProps, EaselUi, EaselView, EditDocument, type Editor, EditorCanvas, type EditorCanvasProps, type EditorOptions, EditorProvider, NodeSelection, Permissions, type SelectedFields, bindUndoKeys, createEasel, createEditor, createUseEasel, createUseEditor, recordsByDefault, reduce, uiView, useEasel, useEaselApi, useEaselNodeOps, useEditor, useEditorApi, useEditorNodeOps, useSelectedFields, validSelection };

package/dist/easel/index.js

@@ -0,0 +1 @@
+export{CanvasFrame,DEFAULT_UI,EaselCanvas,EaselProvider,EditDocument,EditorCanvas,EditorProvider,bindUndoKeys,createEasel,createEditor,createUseEasel,createUseEditor,recordsByDefault,reduce,uiView,useEasel,useEaselApi,useEaselNodeOps,useEditor,useEditorApi,useEditorNodeOps,useSelectedFields,validSelection}from"../chunk-F2PIG3AA.js";import"../chunk-D2BCHTQR.js";import"../chunk-AELNNAFM.js";import"../chunk-YRLPFZW3.js";import"../chunk-MFIRYGHW.js";import"../chunk-ZNCEOSXO.js";import"../chunk-KRXQM65X.js";import"../chunk-NKB3KVAB.js";

package/dist/edit-lock/index.d.ts

@@ -177,7 +177,7 @@ declare const documentPermissions: (canEdit: boolean) => DocumentPermissions;
 /**
  * "just now" / "2 minutes ago" — one phrasing, shared by every notice.
  *
- * `words` is the host's language (`useEditorStrings().lock`, 0.95.0); left out,
+ * `words` is the host's language (`useEaselStrings().lock`, 0.95.0); left out,
  * it is the English it always was. The thresholds are not words and do not
  * move: under 45 seconds is "just now", then whole minutes, then whole hours.
  */
@@ -192,7 +192,9 @@ declare const nameOrSomeone: (name: string, words?: LockWords) => string;
  * a reload IS a new editor session, and a remembered id would let a closed tab's
  * claim look alive.
  */
-declare function newEditorClientId(): string;
+declare function newEaselClientId(): string;
+/** @deprecated The name before the Easel rename: `newEaselClientId`. */
+declare const newEditorClientId: typeof newEaselClientId;
 /**
  * The `code` of a document write refused because somebody else TOOK the
  * document from this tab (backend `efficient/editlock.py`,
@@ -351,4 +353,4 @@ type EditLock = {
 /** Bind the decisions to one editor's HTTP client and document type. */
 declare function createEditLock(adapter: EditLockAdapter): EditLock;
 
-export { type ClaimBeatDeps, type DocumentPermissions, EDIT_LOCK_TAKEN, type EditAccess, type EditLock, type EditLockAdapter, type EditLockBody, type EditLockFailure, type HeldWrite, type LockHolder, type LockWords, type SaveConflict, accessForNewDocument, canWriteDocument, createEditLock, describeAge, documentPermissions, documentVersionMoved, holderOf, nameOrSomeone, newEditorClientId, readLockHolder, reloadIfVersionMoved, shouldReleaseHeldWrite, shouldReloadAfterTakeover };
+export { type ClaimBeatDeps, type DocumentPermissions, EDIT_LOCK_TAKEN, type EditAccess, type EditLock, type EditLockAdapter, type EditLockBody, type EditLockFailure, type HeldWrite, type LockHolder, type LockWords, type SaveConflict, accessForNewDocument, canWriteDocument, createEditLock, describeAge, documentPermissions, documentVersionMoved, holderOf, nameOrSomeone, newEaselClientId, newEditorClientId, readLockHolder, reloadIfVersionMoved, shouldReleaseHeldWrite, shouldReloadAfterTakeover };

package/dist/edit-lock/index.js

@@ -1 +1 @@
-export{EDIT_LOCK_TAKEN,accessForNewDocument,canWriteDocument,createEditLock,describeAge,documentPermissions,documentVersionMoved,holderOf,nameOrSomeone,newEditorClientId,readLockHolder,reloadIfVersionMoved,shouldReleaseHeldWrite,shouldReloadAfterTakeover}from"../chunk-TDA4HH54.js";import"../chunk-RE4LP46F.js";
+export{EDIT_LOCK_TAKEN,accessForNewDocument,canWriteDocument,createEditLock,describeAge,documentPermissions,documentVersionMoved,holderOf,nameOrSomeone,newEaselClientId,newEditorClientId,readLockHolder,reloadIfVersionMoved,shouldReleaseHeldWrite,shouldReloadAfterTakeover}from"../chunk-672FAEKU.js";import"../chunk-RE4LP46F.js";