efficient-easel 21.1.0 → 23.0.0

package/dist/copy/index.js

@@ -1,29 +1,29 @@
-import{SettingsSwitch as e}from"../chunk-OECWLNKJ.js";import{TEXT_STYLE_CASES as t}from"../chunk-YHZSBL2N.js";import{selectionToVisible as n,selectionToSource as r,richLayout as l,createHistory as o,colorRunOf as a,textRange as s,selectionBox as c,placeWindow as i,offsetOrigin as u,visibleArea as d,ColorWindow as p,markPress as h,pasteToMarkup as m,richInput as f,editVisible as g,MARKUP_CLIPBOARD_TYPE as y,markupOfRange as v}from"../chunk-MZ5GSSZ3.js";export{ColorWindow,MARKUP_CLIPBOARD_TYPE,TYPING_BURST_MS,colorRunOf,createHistory,editVisible,markupOfRange,newLine,pasteToMarkup,richInput,richLayout,selectionToSource,selectionToVisible,setBullet,startCanvasTyping,textMap,toSource,toSourceStart,toVisible}from"../chunk-MZ5GSSZ3.js";import{DEFAULT_COPY_WORDS as b}from"../chunk-KRL3IUV3.js";import{FieldNumber as k}from"../chunk-Y2T3JX7K.js";import{FieldSelect as x}from"../chunk-KFWNGPW3.js";import{SettingsField as S,SettingsSegmented as w}from"../chunk-S3DUFDQ6.js";import"../chunk-JACEEVVF.js";import{useWords as E}from"../chunk-MFIRYGHW.js";import{registerModalEscapeInterceptor as C,textToolbarRows as N,TextToolbar as D,textAlignWords as T,useShellStrings as L,textAlignOptions as O,TEXT_ALIGNS as K,LinkPicker as R,Tooltip as F,IconButton as j}from"efficient-shell/ui";export{TextToolbar}from"efficient-shell/ui";import{useRef as B,useState as M,useLayoutEffect as V,useEffect as H,useId as W}from"react";import{RETIRED_MARKS as $,applyMark as z,marksIn as P,STANDARD_MARKUP as I,listIn as q,colorIn as U,spanFor as Y,findLink as Z,tokenizeInline as A,colorOver as G,setList as _,unlinkAt as J,removeLink as Q,linkOver as X,writeLink as ee}from"efficient-shell/markup";import{jsxs as te,jsx as ne,Fragment as re}from"react/jsx-runtime";import{ParagraphSpacingIcon as le,LetterSpacingIcon as oe,LineSpacingIcon as ae,TextSizeIcon as se,StylesIcon as ce,TypeIcon as ie,AlignmentIcon as ue,ListFormatIcon as de,CaseIcon as pe,ItalicIcon as he,NumberedListIcon as me,ListIcon as fe,ListNoneIcon as ge,CaseLowerIcon as ye,CaseCapitalizedIcon as ve,CaseUpperIcon as be,CaseNormalIcon as ke}from"efficient-shell/icons/efficient";function xe(e,t,n,r,l){for(const o of l){if(o.kind!==n)continue;if(!e.startsWith(o.open,t))continue;const l=t+o.open.length;if(e.startsWith(r,l)&&e.startsWith(o.close,l+r.length))return o}return null}function Se({value:e,rules:t=I,className:n,layerRef:r}){const l=function(e,t){const n=[];let r=0;for(const l of A(e,t)){if("text"===l.kind){l.text.length>0&&(n.push({kind:"text",text:e.slice(r,r+l.text.length)}),r+=l.text.length);continue}const o=xe(e,r,l.kind,l.text,t);if(!o)return[{kind:"text",text:e}];const a=r+o.open.length,s=a+l.text.length,c=s+o.close.length;n.push({kind:"delimiter",text:e.slice(r,a)}),n.push({kind:l.kind,text:e.slice(a,s)}),n.push({kind:"delimiter",text:e.slice(s,c)}),r=c}return n.map(e=>e.text).join("")!==e?[{kind:"text",text:e}]:n}(e,t);/* @__PURE__ */
-return ne("div",{ref:r,className:["es-gold-layer",n??""].filter(Boolean).join(" "),"aria-hidden":"true",children:l.map((e,t)=>function(e,t){const{kind:n,text:r}=e;switch(n){case"delimiter":/* @__PURE__ */
-return ne("span",{className:"es-gold-delim",children:r},t);case"accent":case"highlight":/* @__PURE__ */
-return ne("em",{className:"es-gold-mark es-gold-accent",children:r},t);case"bold":/* @__PURE__ */
-return ne("strong",{className:"es-gold-mark es-gold-bold",children:r},t);case"italic":/* @__PURE__ */
-return ne("em",{className:"es-gold-mark es-gold-italic",children:r},t);case"strike":/* @__PURE__ */
-return ne("s",{className:"es-gold-mark es-gold-strike",children:r},t);case"quiet":/* @__PURE__ */
-return ne("span",{className:"es-gold-mark es-gold-quiet",children:r},t);default:/* @__PURE__ */
-return ne("span",{className:"es-gold-text",children:r},t)}}(e,t))})}function we({value:e,onInput:t,onCommit:n,onCancel:r,multiline:l=!1,placeholder:o,className:a,rules:s=I,ariaLabel:c,disabled:i=!1,inputRef:u}){const d=B(null),p=B(e),h=B(!1);function m(e){h.current&&(h.current=!1,n?.(e))}/* @__PURE__ */
-return te("div",{className:["es-gold",l?"es-gold-is-multiline":"es-gold-is-single",i?"es-gold-is-off":"",a??""].filter(Boolean).join(" "),children:[
-/* @__PURE__ */ne(Se,{value:e,rules:s,layerRef:d}),o&&""===e?
-/* @__PURE__ */ne("div",{className:"es-gold-placeholder","aria-hidden":"true",children:o}):null,
-/* @__PURE__ */ne("textarea",{ref:u,className:"es-gold-input",disabled:i,value:e,placeholder:o,"aria-label":c,onChange:function(e){h.current=!0,t(e.currentTarget.value)},onFocus:function(){p.current=e,h.current=!1},onBlur:function(){m(e)},onKeyDown:function(t){return"Escape"===t.key?(t.preventDefault(),h.current=!1,void r?.(p.current)):"Enter"!==t.key||l?void 0:(t.preventDefault(),void m(e))},onScroll:function(e){const t=d.current;t&&(t.scrollTop=e.currentTarget.scrollTop,t.scrollLeft=e.currentTarget.scrollLeft)}})]})}function Ee(e,t){const n=t?.selectionStart??e.length;return{start:n,end:t?.selectionEnd??n}}function Ce(e,t,n,r=z){const{start:l,end:o}=Ee(e,n);return r(e,l,o,t)}function Ne(e,t,n){const{start:r,end:l}=Ee(e,n),o=r+t.length;return{text:e.slice(0,r)+t+e.slice(l),selectionStart:o,selectionEnd:o}}function De(e,t,n,r){switch(t){case"bold":return e.createElement("strong");case"italic":return e.createElement("em");case"strike":return e.createElement("s");case"underline":return e.createElement("u");case"sup":return e.createElement("sup");case"sub":return e.createElement("sub");case"color":{const t=e.createElement("span");return t.className="es-rich-color",r&&(t.dataset.color=r,t.title=r.startsWith("#")?r.toUpperCase():r,t.style.color=r.startsWith("#")?r:`var(--es-color-${r}, inherit)`),t}case"link":{const t=e.createElement("a");return t.className="es-rich-link",n&&(t.title=n),t}default:{const n=e.createElement("span");return n.className="highlight"===t||"accent"===t?"es-rich-emphasis":`es-rich-${t}`,n}}}function Te(e,t,n,r){const l=e.layout.lines;if(n===t)return r>=e.lines.length?e.layout.text.length:l[r].vis;const o=e.lines.findIndex(e=>e===n||e.contains(n));if(-1===o)return 0;const a=t.ownerDocument.createRange();a.setStart(e.lines[o],0);try{a.setEnd(n,r)}catch{return l[o].vis}return l[o].vis+Math.min(a.toString().length,l[o].text.length)}function Le(e,t){const n=e.layout.lines;let r=n.length-1;for(let e=0;e<n.length;e+=1)if(t<=n[e].vis+n[e].text.length){r=e;break}let l=Math.max(0,t-n[r].vis);const o=e.lines[r].ownerDocument.createTreeWalker(e.lines[r],4);let a=o.nextNode(),s=null;for(;a;){if(l<=a.data.length)return[a,l];l-=a.data.length,s=a,a=o.nextNode()}return s?[s,s.data.length]:[e.lines[r],0]}function Oe({value:e,rules:t,multiline:o,readOnly:a=!1,placeholder:s,ariaLabel:c,handle:i,onEdit:u,onSelect:d,onHistory:p,onFormat:h,pending:b,onCommit:k,onCancel:x}){const S=B(null),w=B(null),E=B(null),C=B(null),N=B(null),D=B(e),[T,L]=M(0),O=B({value:e,rules:t,multiline:o,readOnly:a,pending:b,onEdit:u,onHistory:p,onFormat:h});O.current={value:e,rules:t,multiline:o,readOnly:a,pending:b,onEdit:u,onHistory:p,onFormat:h};const K=()=>{const e=S.current,t=w.current,n=e?.ownerDocument.getSelection();if(!(e&&t&&n&&0!==n.rangeCount&&n.anchorNode&&e.contains(n.anchorNode)))return null;const r=Te(t,e,n.anchorNode,n.anchorOffset),l=n.focusNode&&e.contains(n.focusNode)?Te(t,e,n.focusNode,n.focusOffset):r;return r<=l?[r,l]:[l,r]},R=(e,t)=>{const n=S.current,r=w.current;if(!n||!r)return;const[l,o]=Le(r,e),[a,s]=Le(r,t);n.ownerDocument.getSelection()?.setBaseAndExtent(l,o,a,s)};i.current={getSource(){const e=K(),t=w.current;if(!e||!t)return null;const[n,l]=r(t.layout,e[0],e[1]);return{start:n,end:l}},setSource(e,t,n){C.current={text:n,src:[e,t]},L(e=>e+1)},focus(){S.current?.focus()},rangeOf(e,t){const r=S.current,l=w.current;if(!r||!l)return null;const[o,a]=n(l.layout,e,t),[s,c]=Le(l,o),[i,u]=Le(l,a),d=r.ownerDocument.createRange();return d.setStart(s,c),d.setEnd(i,u),d}},V(()=>{const r=S.current;if(!r||N.current)return;const o=C.current?null:K();w.current=function(e,t){const n=e.ownerDocument;e.replaceChildren();const r=t.lines.map(t=>{const r=n.createElement("div");r.className=null!=t.number?"es-rich-line is-numbered":t.bullet?"es-rich-line is-bullet":"es-rich-line",null!=t.number&&(r.dataset.number=t.number);const l=[],o=()=>l.length?l[l.length-1].el:r;let a=null;for(const e of t.chars){let t=0;for(;t<l.length&&t<e.marks.length&&l[t].id===e.marks[t].id;)t+=1;(l.length>t||e.marks.length>t)&&(a=null),l.length=t;for(let r=t;r<e.marks.length;r+=1){const t=De(n,e.marks[r].kind,e.marks[r].href,e.marks[r].color);o().appendChild(t),l.push({id:e.marks[r].id,el:t})}a||(a=n.createTextNode(""),o().appendChild(a)),a.data+=e.ch}return 0===t.chars.length&&r.appendChild(n.createElement("br")),e.appendChild(r),r});return{layout:t,lines:r}}(r,l(e,t)),E.current=e;const a=C.current;if(!a||a.text!==e)return void(o&&r.ownerDocument.activeElement===r&&R(o[0],Math.min(o[1],w.current.layout.text.length)));C.current=null;const s=w.current.layout,[c,i]=a.vis??n(s,a.src[0],a.src[1]);r.ownerDocument.activeElement!==r&&r.focus(),R(c,i)},[e,t,T]);const F=(e,t,n)=>{const l=w.current,[o,a]=r(l.layout,t[0],t[1]);C.current={text:e.text,vis:[e.caret,e.caret]},e.text!==O.current.value?O.current.onEdit(e.text,{start:o,end:a},n):L(e=>e+1)};H(()=>{const e=S.current;if(!e)return;const t=t=>{const{value:n,rules:r,multiline:l,readOnly:o,pending:a}=O.current;if("insertCompositionText"===t.inputType)return;if(t.preventDefault(),o)return;const s=w.current,c=K();if(!s||!c)return;const i="function"==typeof t.getTargetRanges?t.getTargetRanges()[0]:void 0,u=i&&!i.collapsed?[Te(s,e,i.startContainer,i.startOffset),Te(s,e,i.endContainer,i.endOffset)]:null,d=f({value:n,rules:r,multiline:l,inputType:t.inputType,data:t.data??t.dataTransfer?.getData("text/plain")??"",html:t.dataTransfer?.getData("text/html"),doc:e.ownerDocument,sel:c,target:u,pending:a});d&&("history"!==d.kind?"format"!==d.kind?F(d.edit,d.range,d.kind):O.current.onFormat(d.style):O.current.onHistory(d.dir))},n=()=>{N.current||L(e=>e+1)};return e.addEventListener("beforeinput",t),e.addEventListener("input",n),()=>{e.removeEventListener("beforeinput",t),e.removeEventListener("input",n)}},[]),H(()=>{const e=S.current;if(!e)return;const t=e.ownerDocument,n=()=>{const e=i.current?.getSource();e&&d(e)};return t.addEventListener("selectionchange",n),()=>t.removeEventListener("selectionchange",n)});const j=(n,r=!1)=>{const l=K();if(!l||l[0]===l[1])return;n.preventDefault();const o=w.current;n.clipboardData.setData("text/plain",o.layout.text.slice(l[0],l[1])),n.clipboardData.setData(y,v(e,t,l[0],l[1])),r&&!a&&F(g(e,t,l[0],l[1],{text:""}),l,"edit")};/* @__PURE__ */
-return te("div",{className:"es-rich-wrap",children:[s&&""===e?/* @__PURE__ */ne("div",{className:"es-rich-placeholder","aria-hidden":"true",children:s}):null,
-/* @__PURE__ */ne("div",{ref:S,className:`es-rich${o?" is-multiline":" is-single"}${a?" is-off":""}`,contentEditable:!a,suppressContentEditableWarning:!0,role:"textbox","aria-multiline":o,"aria-label":c,"aria-readonly":a||void 0,"aria-placeholder":s,tabIndex:a?-1:0,spellCheck:!0,onFocus:()=>{D.current=e},onBlur:()=>{e!==D.current&&k?.(e),D.current=e},onKeyDown:t=>{if("Escape"===t.key)return t.preventDefault(),x?.(D.current),void(D.current=e);"Enter"!==t.key||o||(t.preventDefault(),e!==D.current&&k?.(e),D.current=e)},onCompositionStart:()=>{const e=K()??[0,0];N.current={from:e[0],to:e[1]}},onCompositionEnd:e=>{const t=N.current;if(N.current=null,!t)return;const{value:n,rules:r,pending:l}=O.current;e.data?F(g(n,r,t.from,t.to,{text:e.data,add:l?.add,drop:l?.drop,color:l?.color}),[t.from,t.to],"type"):L(e=>e+1)},onCopy:e=>j(e),onCut:e=>j(e,!0),onPaste:n=>{if(n.preventDefault(),a)return;const r=K();if(!r)return;const l=n.clipboardData.getData(y),s=l?o?l:l.replace(/\s*\r?\n\s*/g," "):m({html:n.clipboardData.getData("text/html"),text:n.clipboardData.getData("text/plain")},{doc:n.currentTarget.ownerDocument,multiline:o,rules:t});F(g(e,t,r[0],r[1],{markup:s}),r,"edit")}})]})}var Ke={fontSize:{key:"fontSize",nameKey:"fontSize",icon:/* @__PURE__ */ne(se,{}),unit:"px",step:1,shiftStep:10,min:5},lineHeight:{key:"lineHeight",nameKey:"lineHeight",icon:/* @__PURE__ */ne(ae,{}),unit:"%",step:1,shiftStep:10,min:50,max:250,scale:100},letterSpacing:{key:"letterSpacing",nameKey:"letterSpacing",icon:/* @__PURE__ */ne(oe,{}),unit:"px",step:.1,shiftStep:1,min:-10},paragraphSpacing:{key:"paragraphSpacing",nameKey:"paragraphSpacing",icon:/* @__PURE__ */ne(le,{}),unit:"px",step:1,shiftStep:10,min:0}};function Re(e,t){return void 0===e?void 0:Number((e*t).toFixed(6))}function Fe({cells:e,words:t,readOnly:n=!1}){const r=t??b.cells,l=W();/* @__PURE__ */
-return ne("div",{className:"es-copy-cells-fit",children:/* @__PURE__ */ne("div",{className:"es-copy-cells",children:e.map(e=>{const t=e.scale??1,o=e.name??(e.nameKey?r[e.nameKey]:e.key),a=e.unit??"",s=e.step??1,c=`${l}-${e.key}`;/* @__PURE__ */
-return te("div",{className:"es-copy-cell",children:[
-/* @__PURE__ */ne("label",{className:"es-field-label es-copy-cell-name",htmlFor:c,children:o}),
-/* @__PURE__ */ne(k,{id:c,value:Re(e.value,t),styleValue:Re(e.styleValue,t),onChange:n=>e.onChange(void 0===n?void 0:Number((n/t).toFixed(6))),min:e.min,max:e.max,step:s,shiftStep:e.shiftStep,icon:e.icon,unit:a||void 0,steppers:"compact",readOnly:n,ariaLabel:o,title:r.tip({name:o,step:s,unit:a})})]},e.key)})})})}function je({target:e,onChange:t}){const n=B(null);return V(()=>{const t=n.current,r=e.current;t&&r&&r.value===t.text&&(n.current=null,r.focus(),r.setSelectionRange(t.start,t.end))}),r=>{const l=r(e.current);t(l.text),n.current={start:l.selectionStart,end:l.selectionEnd,text:l.text}}}var Be=/* @__PURE__ */new Set([...$,"clear"]);function Me({value:t,onChange:n,onCommit:r,onCancel:l,multiline:f=!1,placeholder:g,ariaLabel:y,className:v,readOnly:k=!1,rules:x,tools:S=[],writeMark:w,align:T,actions:L,toolbar:O,barLabel:K,renderFooter:F,inputRef:j,barShows:$="always",richText:A=!0,defaultShowMarks:le=!1,colors:oe,cells:ae,letterCase:se,lastTool:ce}){const ie=E("copy",b),ue=B(null),de=j??ue,[pe,he]=M(!1),[me,fe]=M(null),ge=B(o()).current,ye=B(null);H(()=>{const e=ye.current;e&&t===e.to?ye.current=null:e&&t===e.from||(ye.current=null,ge.reset())},[t,ge]);const ve=e=>{ye.current={from:ye.current?.from??t,to:e},n(e)},be=e=>({text:t,start:e?.selectionStart??me?.start??t.length,end:e?.selectionEnd??me?.end??t.length}),[ke,xe]=M(le),Se=A&&!(f&&ke),Ee=B(null),De=W(),[Te,Le]=M(null),[Ke,Re]=M(!1),Me=()=>{if(!Se)return de.current;const e=Ee.current?.getSource()??me;return e?{selectionStart:e.start,selectionEnd:e.end}:null},Ve=je({target:de,onChange:ve}),He=e=>(fe({start:e.selectionStart,end:e.selectionEnd}),e),We=(e,n)=>{if(!Se)return void Ve(t=>(n&&ge.record(be(t),"edit",Date.now()),He(e(t))));const r=Me(),l=He(e(r));n&&ge.record(be(r),"edit",Date.now()),Le(null),l.text!==t&&ve(l.text),Ee.current?.setSource(l.selectionStart,l.selectionEnd,l.text)},$e=e=>We(e,!0),ze=e=>We(t=>{const n=be(t),r=ge[e](n);return r?{text:r.text,selectionStart:r.start,selectionEnd:r.end}:{text:n.text,selectionStart:n.start,selectionEnd:n.end}},!1),Pe=B(null);V(()=>{const e=Pe.current;e&&(Pe.current=null,Se?Ee.current?.setSource(e.start,e.end,t):(de.current?.focus(),de.current?.setSelectionRange(e.start,e.end),fe(e)))},[Se]);const[Ie,qe]=M(null),Ue=x??I,Ye=("string"==typeof S[0]?S:S.map(e=>e.style)).filter(e=>!Be.has(e)),Ze={};if(me){const e=P(t,me.start,me.end,Ue);for(const t of Ye){const n=e.has(t)||"highlight"===t&&e.has("accent");Ze[t]=!!Te?.add.includes(t)||!Te?.drop.includes(t)&&n}Ze.link=e.has("link")}const Ae=()=>{const e=Me(),n=e?.selectionStart??t.length;return{start:n,end:e?.selectionEnd??n}},Ge=e=>{if("link"!==e&&Y(0,e)){const{start:n,end:r}=Ae();if(n===r&&!Se)return void $e(n=>Ce(t,e,n,(e,t,n,r)=>z(e,t,n,r,Ue,ie.placeholders)));const l=h({value:t,rules:Ue,start:n,end:r,style:e,pending:Te});return void("pending"===l.kind?Le(l.pending):$e(()=>l.result))}if("link"!==e){const n=w??((e,t,n,r)=>z(e,t,n,r,I,ie.placeholders));return void $e(r=>Ce(t,e,r,n))}const n=Me(),r=n?.selectionStart??t.length,l=n?.selectionEnd??r;Re(!1),qe({start:r,end:l,link:Z(t,r,l)})},_e=Boolean(me&&me.start!==me.end),Je=me?q(t,me.start,me.end,Ue):null,Qe=me?Te&&void 0!==Te.color&&Te.at===me.start?Te.color:U(t,me.start,me.end,Ue):null,Xe=a(Qe,oe),et=e=>{Se?e?Ee.current?.setSource(e.start,e.end,t):Ee.current?.focus():(de.current?.focus(),e&&de.current?.setSelectionRange(e.start,e.end))},tt=()=>{const e=Ie;qe(null),et(e?{start:e.start,end:e.end}:me)},nt=()=>{const e=lt.current,t=Boolean(e&&e.querySelector(".es-copy-colors")?.contains(e.ownerDocument.activeElement));Re(!1),t&&et(me)},rt=B(nt);rt.current=nt,H(()=>{if(Ke)return C(e=>{const t=lt.current;return!!("Escape"===e.key&&t&&e.target instanceof Node&&t.contains(e.target))&&(rt.current(),!0)},()=>lt.current?.querySelector(".es-copy-colors"))},[Ke]);const lt=B(null),ot=Ke||null!==Ie;H(()=>{const e=lt.current;if(!ot||!e)return;const t=e.ownerDocument,n=()=>{Re(!1),qe(null)},r=t=>{e.contains(t.target)||n()};let l;const o=r=>{const o=r.relatedTarget;o?e.contains(o)||n():(clearTimeout(l),l=setTimeout(()=>{const r=t.activeElement;t.hasFocus()&&r&&r!==t.body&&!e.contains(r)&&n()},0))};return t.addEventListener("pointerdown",r,!0),e.addEventListener("focusout",o),()=>{clearTimeout(l),t.removeEventListener("pointerdown",r,!0),e.removeEventListener("focusout",o)}},[ot]);const at=Ie??(Ke?me??{start:t.length,end:t.length}:null),st=B(()=>{});st.current=()=>{const e=lt.current,t=e?.querySelector(".rosh-tb-wrap > .es-copy-pop");if(!e||!t||!at)return;const n=Se?null:e.querySelector(".es-gold-layer"),r=Se?Ee.current?.rangeOf(at.start,at.end)??null:n?s(n,at.start,at.end):null,l=r?.endContainer,o=l?1===l.nodeType?l:l.parentElement:null,a=r?c(r,o?.closest(".es-rich-line, .es-gold-layer")??null):null;if(!a)return;const p=i({anchor:a,size:{width:t.offsetWidth,height:t.offsetHeight},within:e.getBoundingClientRect(),clip:d(e),parent:u(t)});t.style.top=`${p.top}px`,t.style.left=`${p.left}px`,t.style.setProperty("--es-pop-point",`${p.point}px`),t.dataset.side=p.above?"above":"below"},V(()=>{const e=lt.current;if(!ot||!e)return;const t=()=>st.current();t();const n=e.ownerDocument.defaultView;n?.addEventListener("resize",t);const r=e.querySelector(".rosh-tb-wrap > .es-copy-pop"),l=n?.ResizeObserver,o=l&&r?new l(t):null;return o&&r&&o.observe(r),()=>{n?.removeEventListener("resize",t),o?.disconnect()}},[ot,Ke,Ie,at?.start,at?.end,Se]);const ct="always"===$||pe||null!==Ie||Ke,it=oe&&oe.length>0?{run:Xe,open:Ke,onToggle:()=>{qe(null),Ke?nt():Re(!0)}}:void 0,ut=ct?ce?ce({className:"rosh-tb-btn",disabled:k,selected:_e,keepCaret:e=>e.preventDefault(),insert:e=>$e(n=>Ne(t,e,n))}):"classic"===O?L:void 0:void 0,dt=new Set(Ye),pt=T?{value:T.value,allow:T.allow,onChange:T.onChange,disabled:T.disabled}:void 0,ht={pressed:Je,onList:e=>{const{start:n,end:r}=Ae(),l=q(t,n,r,Ue);$e(()=>_(t,n,r,l===e?null:e,Ue))}},mt=N({offered:dt,color:it,last:ut,alignment:pt,list:ht,letterCase:se});/* @__PURE__ */
-return te("div",{ref:lt,className:"es-copy"+(v?` ${v}`:""),onFocus:()=>he(!0),onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||he(!1)},onKeyDown:e=>{const t=e.target===de.current||Boolean(e.target.closest?.(".es-rich"));if(k||!t)return;if(e.altKey||e.metaKey===e.ctrlKey)return;const n=e.key.toLowerCase(),r="KeyZ"===e.code||"z"===n,l=("KeyY"===e.code||"y"===n)&&!e.shiftKey;if(r||l)return e.preventDefault(),e.stopPropagation(),void ze(l||e.shiftKey?"redo":"undo");const o={b:"bold",i:"italic",u:"underline",k:"link"}[`${e.shiftKey?"shift+":""}${n}`];o&&Ye.includes(o)&&(e.preventDefault(),e.stopPropagation(),Ge(o))},onPaste:e=>{const n=de.current;if(k||!n||e.target!==n)return;e.preventDefault();const r=m({html:e.clipboardData.getData("text/html"),text:e.clipboardData.getData("text/plain")},{doc:n.ownerDocument,multiline:f,rules:Ue});$e(e=>Ne(t,r,e))},style:oe&&oe.length>0?Object.fromEntries(oe.map(e=>[`--es-color-${e.name}`,e.value])):void 0,onSelect:()=>{const e=de.current;e&&e.ownerDocument.activeElement===e&&fe({start:e.selectionStart??t.length,end:e.selectionEnd??t.length})},children:[ct&&(mt.words||mt.paragraph)?
-/* @__PURE__ */ne(D,{className:"es-copy-toolbar","aria-label":K??ie.formatting,offered:dt,pressed:Ze,onMark:e=>Ge(e),color:it,linkOpen:null!==Ie,last:ut,alignment:pt,list:ht,letterCase:se,disabled:k,windows:/* @__PURE__ */te(re,{children:[Ke&&oe&&oe.length>0?/* @__PURE__ */ne(p,{colors:oe,current:Qe,words:ie.colors??b.colors,onPick:e=>{const{start:n,end:r}=Ae();if(n!==r)$e(()=>G(t,n,r,e,Ue));else{if(!Se)return;Le({add:Te?.add??[],drop:Te?.drop??[],color:e,at:n})}}}):null,Ie?Ie&&/* @__PURE__ */ne(R,{className:"es-copy-link es-copy-pop",value:Ie.link?.href??"",onApply:e=>{const n=Ie;qe(null),$e(()=>Se?X(t,n.start,n.end,e,Ue):ee(t,n.start,n.end,e))},onRemove:Ie.link?()=>{const e=Ie.link,n=Ie;qe(null),e&&$e(()=>Se?J(t,n.start,n.end,Ue):Q(t,e))}:void 0,onCancel:tt}):null]})}):null,ae&&ae.length>0?/* @__PURE__ */ne(Fe,{cells:ae,words:ie.cells??b.cells,readOnly:k}):null,Se?/* @__PURE__ */ne(Oe,{value:t,rules:Ue,multiline:f,readOnly:k,placeholder:g,ariaLabel:y,handle:Ee,pending:Te??void 0,onEdit:(e,n,r)=>{ge.record({text:t,start:n.start,end:n.end},r,Date.now()),Le(null),ve(e)},onSelect:e=>{fe(t=>t&&t.start===e.start&&t.end===e.end?t:e),!Te||e.start===Te.at&&e.end===Te.at||Le(null)},onHistory:ze,onFormat:e=>{Ye.includes(e)&&Ge(e)},onCommit:r,onCancel:l}):/* @__PURE__ */ne(we,{value:t,onInput:e=>{ge.record(be(null),"type",Date.now()),ve(e)},onCommit:r,onCancel:l,multiline:f,placeholder:g,ariaLabel:y,rules:x,disabled:k,inputRef:de,className:"es-copy-box"}),F?F({focused:pe,insert:e=>$e(n=>Ne(t,e,n))}):null,A&&f?
-/* @__PURE__ */te("div",{className:"es-copy-marks",children:[
-/* @__PURE__ */ne(e,{checked:ke,onChange:()=>{const e=Me();Pe.current=e&&null!==e.selectionStart&&null!==e.selectionEnd?{start:e.selectionStart,end:e.selectionEnd}:me,Le(null),xe(e=>!e)},ariaLabelledBy:De,disabled:k}),
-/* @__PURE__ */ne("span",{id:De,className:"es-copy-marks-label",children:ie.showMarks??"Show marks"})]}):null]})}var Ve=["none","bullet","number"],He=t,We={none:/* @__PURE__ */ne(ge,{}),bullet:/* @__PURE__ */ne(fe,{}),number:/* @__PURE__ */ne(me,{})},$e={none:/* @__PURE__ */ne(ke,{}),upper:/* @__PURE__ */ne(be,{}),capitalize:/* @__PURE__ */ne(ve,{}),lower:/* @__PURE__ */ne(ye,{})};function ze({label:e,icon:t,answers:n,names:r,glyphs:l,row:o,readOnly:a}){const s=o.value||o.styleValue||"";/* @__PURE__ */
-return ne(S,{label:e,icon:t,children:/* @__PURE__ */ne(w,{ariaLabel:e,value:s,disabled:a,onChange:e=>{a||o.onChange(function(e,t){return t===e.value||""===e.value&&t===e.styleValue?"":t}(o,e))},options:n.map(e=>({id:e,label:l[e],title:r[e]}))})})}function Pe({kept:e,keptHint:t,readOnly:n=!1,style:r,font:l,italic:o,cells:a,align:s,list:c,letterCase:i}){const u=E("copy",b),d=T(L().textToolbar),p=Object.fromEntries(O(K).map(e=>[e.value,e.icon])),h={...b.panel,...u.panel},m=r&&!n?[r.onEditStyles&&{label:h.editStyles,onSelect:r.onEditStyles},r.onUpdateStyle&&{label:h.updateStyle,onSelect:r.onUpdateStyle}].filter(e=>!!e):[],f=!!o&&(o.value??o.styleValue??!1),g=o?/* @__PURE__ */ne(F,{content:h.italic,children:/* @__PURE__ */ne(j,{size:"md",variant:"ghost","aria-label":h.italic,"aria-pressed":f,disabled:n,onClick:()=>{if(n)return;const e=!f;o.onChange(e===(o.styleValue??!1)?void 0:e)},children:/* @__PURE__ */ne(he,{})})}):null;/* @__PURE__ */
-return te("div",{className:"es-tpp",children:[e?/* @__PURE__ */te("div",{className:"es-tpp-kept",children:[
-/* @__PURE__ */ne(Me,{...e,readOnly:n||e.readOnly}),t?/* @__PURE__ */ne("p",{className:"es-field-hint",children:t}):null]}):null,r?/* @__PURE__ */ne(S,{label:h.style,icon:/* @__PURE__ */ne(ce,{}),children:/* @__PURE__ */ne(x,{ariaLabel:h.style,value:r.value,options:r.options,onChange:r.onChange,changed:r.changed,footer:m,readOnly:n})}):null,l?/* @__PURE__ */ne(S,{label:h.font,icon:/* @__PURE__ */ne(ie,{}),children:/* @__PURE__ */te("div",{className:"es-tpp-font",children:[
-/* @__PURE__ */ne("div",{className:"es-tpp-font-select",children:/* @__PURE__ */ne(x,{ariaLabel:h.font,value:l.value||void 0,placeholder:l.styleValue,options:l.options,onChange:l.onChange,searchable:l.searchable,readOnly:n})}),g]})}):g?
-/* @__PURE__ */ne(S,{label:h.italic,icon:/* @__PURE__ */ne(ie,{}),children:/* @__PURE__ */ne("div",{className:"es-tpp-font",children:g})}):null,a?.length?/* @__PURE__ */ne(Fe,{cells:a,words:u.cells,readOnly:n}):null,s?/* @__PURE__ */ne(ze,{label:u.alignment,icon:/* @__PURE__ */ne(ue,{}),answers:K.filter(e=>!s.allow||s.allow.includes(e)),names:d,glyphs:p,row:s,readOnly:n}):null,c?/* @__PURE__ */ne(ze,{label:h.list,icon:/* @__PURE__ */ne(de,{}),answers:Ve,names:h.lists,glyphs:We,row:c,readOnly:n}):null,i?/* @__PURE__ */ne(ze,{label:h.capitalization,icon:/* @__PURE__ */ne(pe,{}),answers:He,names:h.cases,glyphs:$e,row:i,readOnly:n}):null]})}export{Ke as COPY_CELLS,Me as CopyBox,Fe as CopyCells,Oe as RichBox,Pe as TextPartPanel,Ne as insertSelection,Ce as markSelection,je as useCaretEdit};
+import{TEXT_STYLE_CASES as e}from"../chunk-YHZSBL2N.js";import{selectionToVisible as t,selectionToSource as n,richLayout as r,createHistory as l,colorRunOf as o,textRange as a,selectionBox as s,placeWindow as c,offsetOrigin as i,visibleArea as u,clearRangeOf as d,ColorWindow as p,markPress as h,pasteToMarkup as m,richInput as f,editVisible as g,MARKUP_CLIPBOARD_TYPE as y,markupOfRange as v}from"../chunk-HZSZT3BE.js";export{ColorWindow,MARKUP_CLIPBOARD_TYPE,TYPING_BURST_MS,clearRangeOf,colorRunOf,createHistory,editVisible,markupOfRange,newLine,pasteToMarkup,richInput,richLayout,selectionToSource,selectionToVisible,setBullet,startCanvasTyping,textMap,toSource,toSourceStart,toVisible}from"../chunk-HZSZT3BE.js";import{DEFAULT_COPY_WORDS as b}from"../chunk-KRL3IUV3.js";import{FieldNumber as k}from"../chunk-Y2T3JX7K.js";import{FieldSelect as x}from"../chunk-KFWNGPW3.js";import"../chunk-JACEEVVF.js";import{SettingsSwitch as S}from"../chunk-OECWLNKJ.js";import{SettingsField as E,SettingsSegmented as w}from"../chunk-S3DUFDQ6.js";import{useWords as C}from"../chunk-MFIRYGHW.js";import{registerModalEscapeInterceptor as N,textToolbarRows as D,TextToolbar as T,textAlignWords as O,useShellStrings as L,textAlignOptions as R,TEXT_ALIGNS as K,LinkPicker as B,Tooltip as F,IconButton as j}from"efficient-shell/ui";export{TextToolbar}from"efficient-shell/ui";import{useRef as H,useState as V,useLayoutEffect as W,useEffect as $,useId as M}from"react";import{RETIRED_MARKS as z,applyMark as P,marksIn as I,STANDARD_MARKUP as q,listIn as U,colorIn as Y,clearStyle as Z,spanFor as A,findLink as _,tokenizeInline as G,colorOver as J,setList as Q,unlinkAt as X,removeLink as ee,linkOver as te,writeLink as ne}from"efficient-shell/markup";import{jsxs as re,jsx as le,Fragment as oe}from"react/jsx-runtime";import{ParagraphSpacingIcon as ae,LetterSpacingIcon as se,LineSpacingIcon as ce,TextSizeIcon as ie,StylesIcon as ue,TypeIcon as de,AlignmentIcon as pe,ListFormatIcon as he,CaseIcon as me,ItalicIcon as fe,NumberedListIcon as ge,ListIcon as ye,ListNoneIcon as ve,CaseLowerIcon as be,CaseCapitalizedIcon as ke,CaseUpperIcon as xe,CaseNormalIcon as Se}from"efficient-shell/icons/efficient";function Ee(e,t,n,r,l){for(const o of l){if(o.kind!==n)continue;if(!e.startsWith(o.open,t))continue;const l=t+o.open.length;if(e.startsWith(r,l)&&e.startsWith(o.close,l+r.length))return o}return null}function we({value:e,rules:t=q,className:n,layerRef:r}){const l=function(e,t){const n=[];let r=0;for(const l of G(e,t)){if("text"===l.kind){l.text.length>0&&(n.push({kind:"text",text:e.slice(r,r+l.text.length)}),r+=l.text.length);continue}const o=Ee(e,r,l.kind,l.text,t);if(!o)return[{kind:"text",text:e}];const a=r+o.open.length,s=a+l.text.length,c=s+o.close.length;n.push({kind:"delimiter",text:e.slice(r,a)}),n.push({kind:l.kind,text:e.slice(a,s)}),n.push({kind:"delimiter",text:e.slice(s,c)}),r=c}return n.map(e=>e.text).join("")!==e?[{kind:"text",text:e}]:n}(e,t);/* @__PURE__ */
+return le("div",{ref:r,className:["es-gold-layer",n??""].filter(Boolean).join(" "),"aria-hidden":"true",children:l.map((e,t)=>function(e,t){const{kind:n,text:r}=e;switch(n){case"delimiter":/* @__PURE__ */
+return le("span",{className:"es-gold-delim",children:r},t);case"accent":case"highlight":/* @__PURE__ */
+return le("em",{className:"es-gold-mark es-gold-accent",children:r},t);case"bold":/* @__PURE__ */
+return le("strong",{className:"es-gold-mark es-gold-bold",children:r},t);case"italic":/* @__PURE__ */
+return le("em",{className:"es-gold-mark es-gold-italic",children:r},t);case"strike":/* @__PURE__ */
+return le("s",{className:"es-gold-mark es-gold-strike",children:r},t);case"quiet":/* @__PURE__ */
+return le("span",{className:"es-gold-mark es-gold-quiet",children:r},t);default:/* @__PURE__ */
+return le("span",{className:"es-gold-text",children:r},t)}}(e,t))})}function Ce({value:e,onInput:t,onCommit:n,onCancel:r,multiline:l=!1,placeholder:o,className:a,rules:s=q,ariaLabel:c,disabled:i=!1,inputRef:u}){const d=H(null),p=H(e),h=H(!1);function m(e){h.current&&(h.current=!1,n?.(e))}/* @__PURE__ */
+return re("div",{className:["es-gold",l?"es-gold-is-multiline":"es-gold-is-single",i?"es-gold-is-off":"",a??""].filter(Boolean).join(" "),children:[
+/* @__PURE__ */le(we,{value:e,rules:s,layerRef:d}),o&&""===e?
+/* @__PURE__ */le("div",{className:"es-gold-placeholder","aria-hidden":"true",children:o}):null,
+/* @__PURE__ */le("textarea",{ref:u,className:"es-gold-input",disabled:i,value:e,placeholder:o,"aria-label":c,onChange:function(e){h.current=!0,t(e.currentTarget.value)},onFocus:function(){p.current=e,h.current=!1},onBlur:function(){m(e)},onKeyDown:function(t){return"Escape"===t.key?(t.preventDefault(),h.current=!1,void r?.(p.current)):"Enter"!==t.key||l?void 0:(t.preventDefault(),void m(e))},onScroll:function(e){const t=d.current;t&&(t.scrollTop=e.currentTarget.scrollTop,t.scrollLeft=e.currentTarget.scrollLeft)}})]})}function Ne(e,t){const n=t?.selectionStart??e.length;return{start:n,end:t?.selectionEnd??n}}function De(e,t,n,r=P){const{start:l,end:o}=Ne(e,n);return r(e,l,o,t)}function Te(e,t,n){const{start:r,end:l}=Ne(e,n),o=r+t.length;return{text:e.slice(0,r)+t+e.slice(l),selectionStart:o,selectionEnd:o}}function Oe(e,t,n,r){switch(t){case"bold":return e.createElement("strong");case"italic":return e.createElement("em");case"strike":return e.createElement("s");case"underline":return e.createElement("u");case"sup":return e.createElement("sup");case"sub":return e.createElement("sub");case"color":{const t=e.createElement("span");return t.className="es-rich-color",r&&(t.dataset.color=r,t.title=r.startsWith("#")?r.toUpperCase():r,t.style.color=r.startsWith("#")?r:`var(--es-color-${r}, inherit)`),t}case"link":{const t=e.createElement("a");return t.className="es-rich-link",n&&(t.title=n),t}default:{const n=e.createElement("span");return n.className="highlight"===t||"accent"===t?"es-rich-emphasis":`es-rich-${t}`,n}}}function Le(e,t,n,r){const l=e.layout.lines;if(n===t)return r>=e.lines.length?e.layout.text.length:l[r].vis;const o=e.lines.findIndex(e=>e===n||e.contains(n));if(-1===o)return 0;const a=t.ownerDocument.createRange();a.setStart(e.lines[o],0);try{a.setEnd(n,r)}catch{return l[o].vis}return l[o].vis+Math.min(a.toString().length,l[o].text.length)}function Re(e,t){const n=e.layout.lines;let r=n.length-1;for(let e=0;e<n.length;e+=1)if(t<=n[e].vis+n[e].text.length){r=e;break}let l=Math.max(0,t-n[r].vis);const o=e.lines[r].ownerDocument.createTreeWalker(e.lines[r],4);let a=o.nextNode(),s=null;for(;a;){if(l<=a.data.length)return[a,l];l-=a.data.length,s=a,a=o.nextNode()}return s?[s,s.data.length]:[e.lines[r],0]}function Ke({value:e,rules:l,multiline:o,readOnly:a=!1,placeholder:s,ariaLabel:c,handle:i,onEdit:u,onSelect:d,onHistory:p,onFormat:h,pending:b,onCommit:k,onCancel:x}){const S=H(null),E=H(null),w=H(null),C=H(null),N=H(null),D=H(e),[T,O]=V(0),L=H({value:e,rules:l,multiline:o,readOnly:a,pending:b,onEdit:u,onHistory:p,onFormat:h});L.current={value:e,rules:l,multiline:o,readOnly:a,pending:b,onEdit:u,onHistory:p,onFormat:h};const R=()=>{const e=S.current,t=E.current,n=e?.ownerDocument.getSelection();if(!(e&&t&&n&&0!==n.rangeCount&&n.anchorNode&&e.contains(n.anchorNode)))return null;const r=Le(t,e,n.anchorNode,n.anchorOffset),l=n.focusNode&&e.contains(n.focusNode)?Le(t,e,n.focusNode,n.focusOffset):r;return r<=l?[r,l]:[l,r]},K=(e,t)=>{const n=S.current,r=E.current;if(!n||!r)return;const[l,o]=Re(r,e),[a,s]=Re(r,t);n.ownerDocument.getSelection()?.setBaseAndExtent(l,o,a,s)};i.current={getSource(){const e=R(),t=E.current;if(!e||!t)return null;const[r,l]=n(t.layout,e[0],e[1]);return{start:r,end:l}},setSource(e,t,n){C.current={text:n,src:[e,t]},O(e=>e+1)},focus(){S.current?.focus()},rangeOf(e,n){const r=S.current,l=E.current;if(!r||!l)return null;const[o,a]=t(l.layout,e,n),[s,c]=Re(l,o),[i,u]=Re(l,a),d=r.ownerDocument.createRange();return d.setStart(s,c),d.setEnd(i,u),d}},W(()=>{const n=S.current;if(!n||N.current)return;const o=C.current?null:R();E.current=function(e,t){const n=e.ownerDocument;e.replaceChildren();const r=t.lines.map(t=>{const r=n.createElement("div");r.className=null!=t.number?"es-rich-line is-numbered":t.bullet?"es-rich-line is-bullet":"es-rich-line",null!=t.number&&(r.dataset.number=t.number);const l=[],o=()=>l.length?l[l.length-1].el:r;let a=null;for(const e of t.chars){let t=0;for(;t<l.length&&t<e.marks.length&&l[t].id===e.marks[t].id;)t+=1;(l.length>t||e.marks.length>t)&&(a=null),l.length=t;for(let r=t;r<e.marks.length;r+=1){const t=Oe(n,e.marks[r].kind,e.marks[r].href,e.marks[r].color);o().appendChild(t),l.push({id:e.marks[r].id,el:t})}a||(a=n.createTextNode(""),o().appendChild(a)),a.data+=e.ch}return 0===t.chars.length&&r.appendChild(n.createElement("br")),e.appendChild(r),r});return{layout:t,lines:r}}(n,r(e,l)),w.current=e;const a=C.current;if(!a||a.text!==e)return void(o&&n.ownerDocument.activeElement===n&&K(o[0],Math.min(o[1],E.current.layout.text.length)));C.current=null;const s=E.current.layout,[c,i]=a.vis??t(s,a.src[0],a.src[1]);n.ownerDocument.activeElement!==n&&n.focus(),K(c,i)},[e,l,T]);const B=(e,t,r)=>{const l=E.current,[o,a]=n(l.layout,t[0],t[1]);C.current={text:e.text,vis:[e.caret,e.caret]},e.text!==L.current.value?L.current.onEdit(e.text,{start:o,end:a},r):O(e=>e+1)};$(()=>{const e=S.current;if(!e)return;const t=t=>{const{value:n,rules:r,multiline:l,readOnly:o,pending:a}=L.current;if("insertCompositionText"===t.inputType)return;if(t.preventDefault(),o)return;const s=E.current,c=R();if(!s||!c)return;const i="function"==typeof t.getTargetRanges?t.getTargetRanges()[0]:void 0,u=i&&!i.collapsed?[Le(s,e,i.startContainer,i.startOffset),Le(s,e,i.endContainer,i.endOffset)]:null,d=f({value:n,rules:r,multiline:l,inputType:t.inputType,data:t.data??t.dataTransfer?.getData("text/plain")??"",html:t.dataTransfer?.getData("text/html"),doc:e.ownerDocument,sel:c,target:u,pending:a});d&&("history"!==d.kind?"format"!==d.kind?B(d.edit,d.range,d.kind):L.current.onFormat(d.style):L.current.onHistory(d.dir))},n=()=>{N.current||O(e=>e+1)};return e.addEventListener("beforeinput",t),e.addEventListener("input",n),()=>{e.removeEventListener("beforeinput",t),e.removeEventListener("input",n)}},[]),$(()=>{const e=S.current;if(!e)return;const t=e.ownerDocument,n=()=>{const e=i.current?.getSource();e&&d(e)};return t.addEventListener("selectionchange",n),()=>t.removeEventListener("selectionchange",n)});const F=(t,n=!1)=>{const r=R();if(!r||r[0]===r[1])return;t.preventDefault();const o=E.current;t.clipboardData.setData("text/plain",o.layout.text.slice(r[0],r[1])),t.clipboardData.setData(y,v(e,l,r[0],r[1])),n&&!a&&B(g(e,l,r[0],r[1],{text:""}),r,"edit")};/* @__PURE__ */
+return re("div",{className:"es-rich-wrap",children:[s&&""===e?/* @__PURE__ */le("div",{className:"es-rich-placeholder","aria-hidden":"true",children:s}):null,
+/* @__PURE__ */le("div",{ref:S,className:`es-rich${o?" is-multiline":" is-single"}${a?" is-off":""}`,contentEditable:!a,suppressContentEditableWarning:!0,role:"textbox","aria-multiline":o,"aria-label":c,"aria-readonly":a||void 0,"aria-placeholder":s,tabIndex:a?-1:0,spellCheck:!0,onFocus:()=>{D.current=e},onBlur:()=>{e!==D.current&&k?.(e),D.current=e},onKeyDown:t=>{if("Escape"===t.key)return t.preventDefault(),x?.(D.current),void(D.current=e);"Enter"!==t.key||o||(t.preventDefault(),e!==D.current&&k?.(e),D.current=e)},onCompositionStart:()=>{const e=R()??[0,0];N.current={from:e[0],to:e[1]}},onCompositionEnd:e=>{const t=N.current;if(N.current=null,!t)return;const{value:n,rules:r,pending:l}=L.current;e.data?B(g(n,r,t.from,t.to,{text:e.data,add:l?.add,drop:l?.drop,color:l?.color}),[t.from,t.to],"type"):O(e=>e+1)},onCopy:e=>F(e),onCut:e=>F(e,!0),onPaste:t=>{if(t.preventDefault(),a)return;const n=R();if(!n)return;const r=t.clipboardData.getData(y),s=r?o?r:r.replace(/\s*\r?\n\s*/g," "):m({html:t.clipboardData.getData("text/html"),text:t.clipboardData.getData("text/plain")},{doc:t.currentTarget.ownerDocument,multiline:o,rules:l});B(g(e,l,n[0],n[1],{markup:s}),n,"edit")}})]})}var Be={fontSize:{key:"fontSize",nameKey:"fontSize",icon:/* @__PURE__ */le(ie,{}),unit:"px",step:1,shiftStep:10,min:5},lineHeight:{key:"lineHeight",nameKey:"lineHeight",icon:/* @__PURE__ */le(ce,{}),unit:"%",step:1,shiftStep:10,min:50,max:250,scale:100},letterSpacing:{key:"letterSpacing",nameKey:"letterSpacing",icon:/* @__PURE__ */le(se,{}),unit:"px",step:.1,shiftStep:1,min:-10},paragraphSpacing:{key:"paragraphSpacing",nameKey:"paragraphSpacing",icon:/* @__PURE__ */le(ae,{}),unit:"px",step:1,shiftStep:10,min:0}};function Fe(e,t){return void 0===e?void 0:Number((e*t).toFixed(6))}function je({cells:e,words:t,readOnly:n=!1}){const r=t??b.cells,l=M();/* @__PURE__ */
+return le("div",{className:"es-copy-cells-fit",children:/* @__PURE__ */le("div",{className:"es-copy-cells",children:e.map(e=>{const t=e.scale??1,o=e.name??(e.nameKey?r[e.nameKey]:e.key),a=e.unit??"",s=e.step??1,c=`${l}-${e.key}`;/* @__PURE__ */
+return re("div",{className:"es-copy-cell",children:[
+/* @__PURE__ */le("label",{className:"es-field-label es-copy-cell-name",htmlFor:c,children:o}),
+/* @__PURE__ */le(k,{id:c,value:Fe(e.value,t),styleValue:Fe(e.styleValue,t),onChange:n=>e.onChange(void 0===n?void 0:Number((n/t).toFixed(6))),min:e.min,max:e.max,step:s,shiftStep:e.shiftStep,icon:e.icon,unit:a||void 0,steppers:"compact",readOnly:n,ariaLabel:o,title:r.tip({name:o,step:s,unit:a})})]},e.key)})})})}function He({target:e,onChange:t}){const n=H(null);return W(()=>{const t=n.current,r=e.current;t&&r&&r.value===t.text&&(n.current=null,r.focus(),r.setSelectionRange(t.start,t.end))}),r=>{const l=r(e.current);t(l.text),n.current={start:l.selectionStart,end:l.selectionEnd,text:l.text}}}var Ve=/* @__PURE__ */new Set([...z,"clear"]);function We({value:e,onChange:t,onCommit:n,onCancel:r,multiline:f=!1,placeholder:g,ariaLabel:y,className:v,readOnly:k=!1,rules:x,tools:E=[],writeMark:w,align:O,actions:L,toolbar:R,barLabel:K,renderFooter:F,inputRef:j,barShows:z="always",richText:G=!0,defaultShowMarks:ae=!1,colors:se,cells:ce,letterCase:ie,lastTool:ue}){const de=C("copy",b),pe=H(null),he=j??pe,[me,fe]=V(!1),[ge,ye]=V(null),ve=H(l()).current,be=H(null);$(()=>{const t=be.current;t&&e===t.to?be.current=null:t&&e===t.from||(be.current=null,ve.reset())},[e,ve]);const ke=n=>{be.current={from:be.current?.from??e,to:n},t(n)},xe=t=>({text:e,start:t?.selectionStart??ge?.start??e.length,end:t?.selectionEnd??ge?.end??e.length}),[Se,Ee]=V(ae),we=G&&!(f&&Se),Ne=H(null),Oe=M(),[Le,Re]=V(null),[Be,Fe]=V(!1),We=()=>{if(!we)return he.current;const e=Ne.current?.getSource()??ge;return e?{selectionStart:e.start,selectionEnd:e.end}:null},$e=He({target:he,onChange:ke}),Me=e=>(ye({start:e.selectionStart,end:e.selectionEnd}),e),ze=(t,n)=>{if(!we)return void $e(e=>(n&&ve.record(xe(e),"edit",Date.now()),Me(t(e))));const r=We(),l=Me(t(r));n&&ve.record(xe(r),"edit",Date.now()),Re(null),l.text!==e&&ke(l.text),Ne.current?.setSource(l.selectionStart,l.selectionEnd,l.text)},Pe=e=>ze(e,!0),Ie=e=>ze(t=>{const n=xe(t),r=ve[e](n);return r?{text:r.text,selectionStart:r.start,selectionEnd:r.end}:{text:n.text,selectionStart:n.start,selectionEnd:n.end}},!1),qe=H(null);W(()=>{const t=qe.current;t&&(qe.current=null,we?Ne.current?.setSource(t.start,t.end,e):(he.current?.focus(),he.current?.setSelectionRange(t.start,t.end),ye(t)))},[we]);const[Ue,Ye]=V(null),Ze=x??q,Ae=("string"==typeof E[0]?E:E.map(e=>e.style)).filter(e=>!Ve.has(e)),_e={};if(ge){const t=I(e,ge.start,ge.end,Ze);for(const e of Ae){const n=t.has(e)||"highlight"===e&&t.has("accent");_e[e]=!!Le?.add.includes(e)||!Le?.drop.includes(e)&&n}_e.link=t.has("link")}const Ge=()=>{const t=We(),n=t?.selectionStart??e.length;return{start:n,end:t?.selectionEnd??n}},Je=t=>{if("link"!==t&&A(0,t)){const{start:n,end:r}=Ge();if(n===r&&!we)return void Pe(n=>De(e,t,n,(e,t,n,r)=>P(e,t,n,r,Ze,de.placeholders)));const l=h({value:e,rules:Ze,start:n,end:r,style:t,pending:Le});return void("pending"===l.kind?Re(l.pending):Pe(()=>l.result))}if("link"!==t){const n=w??((e,t,n,r)=>P(e,t,n,r,q,de.placeholders));return void Pe(r=>De(e,t,r,n))}const n=We(),r=n?.selectionStart??e.length,l=n?.selectionEnd??r;Fe(!1),Ye({start:r,end:l,link:_(e,r,l)})},Qe=Boolean(ge&&ge.start!==ge.end),Xe=ge?U(e,ge.start,ge.end,Ze):null,et=ge?Le&&void 0!==Le.color&&Le.at===ge.start?Le.color:Y(e,ge.start,ge.end,Ze):null,tt=o(et,se),nt=t=>{we?t?Ne.current?.setSource(t.start,t.end,e):Ne.current?.focus():(he.current?.focus(),t&&he.current?.setSelectionRange(t.start,t.end))},rt=()=>{const e=Ue;Ye(null),nt(e?{start:e.start,end:e.end}:ge)},lt=()=>{const e=at.current,t=Boolean(e&&e.querySelector(".es-copy-colors")?.contains(e.ownerDocument.activeElement));Fe(!1),t&&nt(ge)},ot=H(lt);ot.current=lt,$(()=>{if(Be)return N(e=>{const t=at.current;return!!("Escape"===e.key&&t&&e.target instanceof Node&&t.contains(e.target))&&(ot.current(),!0)},()=>at.current?.querySelector(".es-copy-colors"))},[Be]);const at=H(null),st=Be||null!==Ue;$(()=>{const e=at.current;if(!st||!e)return;const t=e.ownerDocument,n=()=>{Fe(!1),Ye(null)},r=t=>{e.contains(t.target)||n()};let l;const o=r=>{const o=r.relatedTarget;o?e.contains(o)||n():(clearTimeout(l),l=setTimeout(()=>{const r=t.activeElement;t.hasFocus()&&r&&r!==t.body&&!e.contains(r)&&n()},0))};return t.addEventListener("pointerdown",r,!0),e.addEventListener("focusout",o),()=>{clearTimeout(l),t.removeEventListener("pointerdown",r,!0),e.removeEventListener("focusout",o)}},[st]);const ct=Ue??(Be?ge??{start:e.length,end:e.length}:null),it=H(()=>{});it.current=()=>{const e=at.current,t=e?.querySelector(".rosh-tb-wrap > .es-copy-pop");if(!e||!t||!ct)return;const n=we?null:e.querySelector(".es-gold-layer"),r=we?Ne.current?.rangeOf(ct.start,ct.end)??null:n?a(n,ct.start,ct.end):null,l=r?.endContainer,o=l?1===l.nodeType?l:l.parentElement:null,d=r?s(r,o?.closest(".es-rich-line, .es-gold-layer")??null):null;if(!d)return;const p=c({anchor:d,size:{width:t.offsetWidth,height:t.offsetHeight},within:e.getBoundingClientRect(),clip:u(e),parent:i(t)});t.style.top=`${p.top}px`,t.style.left=`${p.left}px`,t.style.setProperty("--es-pop-point",`${p.point}px`),t.dataset.side=p.above?"above":"below"},W(()=>{const e=at.current;if(!st||!e)return;const t=()=>it.current();t();const n=e.ownerDocument.defaultView;n?.addEventListener("resize",t);const r=e.querySelector(".rosh-tb-wrap > .es-copy-pop"),l=n?.ResizeObserver,o=l&&r?new l(t):null;return o&&r&&o.observe(r),()=>{n?.removeEventListener("resize",t),o?.disconnect()}},[st,Be,Ue,ct?.start,ct?.end,we]);const ut="always"===z||me||null!==Ue||Be,dt=se&&se.length>0?{run:tt,open:Be,onToggle:()=>{Ye(null),Be?lt():Fe(!0)}}:void 0,pt=ut?ue?ue({className:"rosh-tb-btn",disabled:k,selected:Qe,keepCaret:e=>e.preventDefault(),insert:t=>Pe(n=>Te(e,t,n))}):"classic"===R?L:void 0:void 0,ht=new Set(Ae),mt=O?{value:O.value,allow:O.allow,onChange:O.onChange,disabled:O.disabled}:void 0,ft={pressed:Xe,onList:t=>{const{start:n,end:r}=Ge(),l=U(e,n,r,Ze);Pe(()=>Q(e,n,r,l===t?null:t,Ze))}},gt=d(ge,e.length),yt=k||Z(e,gt.start,gt.end,Ze).text===e?void 0:{onClear:()=>{const{start:t,end:n}=d(Ge(),e.length);Pe(()=>Z(e,t,n,Ze))}},vt=D({offered:ht,color:dt,last:pt,alignment:mt,list:ft,letterCase:ie,clear:yt});/* @__PURE__ */
+return re("div",{ref:at,className:"es-copy"+(v?` ${v}`:""),onFocus:()=>fe(!0),onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||fe(!1)},onKeyDown:e=>{const t=e.target===he.current||Boolean(e.target.closest?.(".es-rich"));if(k||!t)return;if(e.altKey||e.metaKey===e.ctrlKey)return;const n=e.key.toLowerCase(),r="KeyZ"===e.code||"z"===n,l=("KeyY"===e.code||"y"===n)&&!e.shiftKey;if(r||l)return e.preventDefault(),e.stopPropagation(),void Ie(l||e.shiftKey?"redo":"undo");const o={b:"bold",i:"italic",u:"underline",k:"link"}[`${e.shiftKey?"shift+":""}${n}`];o&&Ae.includes(o)&&(e.preventDefault(),e.stopPropagation(),Je(o))},onPaste:t=>{const n=he.current;if(k||!n||t.target!==n)return;t.preventDefault();const r=m({html:t.clipboardData.getData("text/html"),text:t.clipboardData.getData("text/plain")},{doc:n.ownerDocument,multiline:f,rules:Ze});Pe(t=>Te(e,r,t))},style:se&&se.length>0?Object.fromEntries(se.map(e=>[`--es-color-${e.name}`,e.value])):void 0,onSelect:()=>{const t=he.current;t&&t.ownerDocument.activeElement===t&&ye({start:t.selectionStart??e.length,end:t.selectionEnd??e.length})},children:[ut&&(vt.words||vt.paragraph)?
+/* @__PURE__ */le(T,{className:"es-copy-toolbar","aria-label":K??de.formatting,offered:ht,pressed:_e,onMark:e=>Je(e),color:dt,linkOpen:null!==Ue,last:pt,alignment:mt,list:ft,letterCase:ie,clear:yt,disabled:k,windows:/* @__PURE__ */re(oe,{children:[Be&&se&&se.length>0?/* @__PURE__ */le(p,{colors:se,current:et,words:de.colors??b.colors,onPick:t=>{const{start:n,end:r}=Ge();if(n!==r)Pe(()=>J(e,n,r,t,Ze));else{if(!we)return;Re({add:Le?.add??[],drop:Le?.drop??[],color:t,at:n})}}}):null,Ue?Ue&&/* @__PURE__ */le(B,{className:"es-copy-link es-copy-pop",value:Ue.link?.href??"",onApply:t=>{const n=Ue;Ye(null),Pe(()=>we?te(e,n.start,n.end,t,Ze):ne(e,n.start,n.end,t))},onRemove:Ue.link?()=>{const t=Ue.link,n=Ue;Ye(null),t&&Pe(()=>we?X(e,n.start,n.end,Ze):ee(e,t))}:void 0,onCancel:rt}):null]})}):null,ce&&ce.length>0?/* @__PURE__ */le(je,{cells:ce,words:de.cells??b.cells,readOnly:k}):null,we?/* @__PURE__ */le(Ke,{value:e,rules:Ze,multiline:f,readOnly:k,placeholder:g,ariaLabel:y,handle:Ne,pending:Le??void 0,onEdit:(t,n,r)=>{ve.record({text:e,start:n.start,end:n.end},r,Date.now()),Re(null),ke(t)},onSelect:e=>{ye(t=>t&&t.start===e.start&&t.end===e.end?t:e),!Le||e.start===Le.at&&e.end===Le.at||Re(null)},onHistory:Ie,onFormat:e=>{Ae.includes(e)&&Je(e)},onCommit:n,onCancel:r}):/* @__PURE__ */le(Ce,{value:e,onInput:e=>{ve.record(xe(null),"type",Date.now()),ke(e)},onCommit:n,onCancel:r,multiline:f,placeholder:g,ariaLabel:y,rules:x,disabled:k,inputRef:he,className:"es-copy-box"}),F?F({focused:me,insert:t=>Pe(n=>Te(e,t,n))}):null,G&&f?
+/* @__PURE__ */re("div",{className:"es-copy-marks",children:[
+/* @__PURE__ */le(S,{checked:Se,onChange:()=>{const e=We();qe.current=e&&null!==e.selectionStart&&null!==e.selectionEnd?{start:e.selectionStart,end:e.selectionEnd}:ge,Re(null),Ee(e=>!e)},ariaLabelledBy:Oe,disabled:k}),
+/* @__PURE__ */le("span",{id:Oe,className:"es-copy-marks-label",children:de.showMarks??"Show marks"})]}):null]})}var $e=["none","bullet","number"],Me=e,ze={none:/* @__PURE__ */le(ve,{}),bullet:/* @__PURE__ */le(ye,{}),number:/* @__PURE__ */le(ge,{})},Pe={none:/* @__PURE__ */le(Se,{}),upper:/* @__PURE__ */le(xe,{}),capitalize:/* @__PURE__ */le(ke,{}),lower:/* @__PURE__ */le(be,{})};function Ie({label:e,icon:t,answers:n,names:r,glyphs:l,row:o,readOnly:a}){const s=o.value||o.styleValue||"";/* @__PURE__ */
+return le(E,{label:e,icon:t,children:/* @__PURE__ */le(w,{ariaLabel:e,value:s,disabled:a,onChange:e=>{a||o.onChange(function(e,t){return t===e.value||""===e.value&&t===e.styleValue?"":t}(o,e))},options:n.map(e=>({id:e,label:l[e],title:r[e]}))})})}function qe({kept:e,keptHint:t,readOnly:n=!1,style:r,font:l,italic:o,cells:a,align:s,list:c,letterCase:i}){const u=C("copy",b),d=O(L().textToolbar),p=Object.fromEntries(R(K).map(e=>[e.value,e.icon])),h={...b.panel,...u.panel},m=r&&!n?[r.onEditStyles&&{label:h.editStyles,onSelect:r.onEditStyles},r.onUpdateStyle&&{label:h.updateStyle,onSelect:r.onUpdateStyle}].filter(e=>!!e):[],f=!!o&&(o.value??o.styleValue??!1),g=o?/* @__PURE__ */le(F,{content:h.italic,children:/* @__PURE__ */le(j,{size:"md",variant:"ghost","aria-label":h.italic,"aria-pressed":f,disabled:n,onClick:()=>{if(n)return;const e=!f;o.onChange(e===(o.styleValue??!1)?void 0:e)},children:/* @__PURE__ */le(fe,{})})}):null;/* @__PURE__ */
+return re("div",{className:"es-tpp",children:[e?/* @__PURE__ */re("div",{className:"es-tpp-kept",children:[
+/* @__PURE__ */le(We,{...e,readOnly:n||e.readOnly}),t?/* @__PURE__ */le("p",{className:"es-field-hint",children:t}):null]}):null,r?/* @__PURE__ */le(E,{label:h.style,icon:/* @__PURE__ */le(ue,{}),children:/* @__PURE__ */le(x,{ariaLabel:h.style,value:r.value,options:r.options,onChange:r.onChange,changed:r.changed,footer:m,readOnly:n})}):null,l?/* @__PURE__ */le(E,{label:h.font,icon:/* @__PURE__ */le(de,{}),children:/* @__PURE__ */re("div",{className:"es-tpp-font",children:[
+/* @__PURE__ */le("div",{className:"es-tpp-font-select",children:/* @__PURE__ */le(x,{ariaLabel:h.font,value:l.value||void 0,placeholder:l.styleValue,options:l.options,onChange:l.onChange,searchable:l.searchable,readOnly:n})}),g]})}):g?
+/* @__PURE__ */le(E,{label:h.italic,icon:/* @__PURE__ */le(de,{}),children:/* @__PURE__ */le("div",{className:"es-tpp-font",children:g})}):null,a?.length?/* @__PURE__ */le(je,{cells:a,words:u.cells,readOnly:n}):null,s?/* @__PURE__ */le(Ie,{label:u.alignment,icon:/* @__PURE__ */le(pe,{}),answers:K.filter(e=>!s.allow||s.allow.includes(e)),names:d,glyphs:p,row:s,readOnly:n}):null,c?/* @__PURE__ */le(Ie,{label:h.list,icon:/* @__PURE__ */le(he,{}),answers:$e,names:h.lists,glyphs:ze,row:c,readOnly:n}):null,i?/* @__PURE__ */le(Ie,{label:h.capitalization,icon:/* @__PURE__ */le(me,{}),answers:Me,names:h.cases,glyphs:Pe,row:i,readOnly:n}):null]})}export{Be as COPY_CELLS,We as CopyBox,je as CopyCells,Ke as RichBox,qe as TextPartPanel,Te as insertSelection,De as markSelection,He as useCaretEdit};

package/dist/data/index.d.ts

@@ -1,29 +1,37 @@
-import { D as Data, a as DataConfig, N as Node, S as SlotAddress, F as Found, P as Place, b as SlotEntry, W as WalkInfo } from '../types-41704JE4.js';
-export { B as BlockShape, c as FieldShape, d as FieldsShape, e as NodeProps, R as RootData } from '../types-41704JE4.js';
-export { R as ResolvableItem, a as ResolveCache, b as ResolveOptions, c as ResolveTrigger, d as changedProps, e as createResolveCache, f as deepEqual, r as resolveNodeData } from '../resolve-D68pb3Bx.js';
+import { N as Node, D as Data, a as DataConfig, S as SlotAddress, F as Found, P as Place, b as SlotEntry, W as WalkInfo } from '../types-Dq180WRV.js';
+export { B as BlockShape, c as FieldShape, d as FieldsShape, e as NodeProps, R as RootData } from '../types-Dq180WRV.js';
+export { R as ResolvableItem, a as ResolveCache, b as ResolveOptions, c as ResolveTrigger, d as changedProps, e as createResolveCache, f as deepEqual, r as resolveNodeData } from '../resolve-Bz4mszpL.js';
 
 /**
  * Finding a node's slots, and reading or writing a value at a prop path.
  *
- * A slot is found the way Puck finds one: by the FIELDS, not by the value. A
+ * A slot is found the way the old library finds one: by the FIELDS, not by the value. A
  * prop is a slot when its field says `type: 'slot'`; a slot can also sit inside
  * an `object` field or inside each item of an `array` field, and its name is
- * then the prop path Puck gives it — `items[0].content`, `box.content`.
+ * then the prop path the old library gives it — `items[0].content`, `box.content`.
  *
- * One deliberate difference from Puck: Puck also walks an object whose field is
+ * One deliberate difference from the old library: the old library also walks an object whose field is
  * NOT an `object` field using the PARENT's field map, so a key there that
  * happens to share a slot's name is treated as a slot. No document relies on
- * that (a non-array value there crashes Puck's own walk), and a rule that
+ * that (a non-array value there crashes the old library's own walk), and a rule that
  * depends on a coincidence of names is not one to copy.
  *
  * Order is DECLARATION order — the order the fields are written in the config,
- * which is the order a person reads the block in (`col1` before `col2`). Puck
+ * which is the order a person reads the block in (`col1` before `col2`). The old library
  * visits slots in reverse, as a side effect of how it fills empty ones; nothing
  * in either app depends on that.
  */
 
 /** One step of a prop path: a key, or an index into an array. */
 type Segment = string | number;
+/** One document node: a string `type` and a `props` object. */
+declare const isNode: (value: unknown) => value is Node;
+/**
+ * A slot's array, read by its SHAPE: non-empty, every item a node. A list field
+ * (stats rows, ticker items) fails and is left alone. The one answer for the
+ * easel and its hosts, so no walk keeps a private copy that drifts.
+ */
+declare const isNodeList: (value: unknown) => value is Node[];
 declare function getIn(value: unknown, segments: readonly Segment[]): unknown;
 
 /** One translated value, and the fingerprint of the base value it was made from. */
@@ -195,7 +203,7 @@ declare function copyTranslation(overlay: TranslationOverlay | null | undefined,
 /**
  * efficient-easel/data — the document, as pure functions.
  *
- * The bottom layer of the engine that replaces Puck (the blueprint "Puck From
+ * The bottom layer of the engine that replaces the old library (the blueprint "From
  * The Ground Up For Efficient Editor", 2026-09-29, step 1.1). Every function
  * takes a document and returns a new one; nothing here holds state, knows
  * about React, or touches a browser global, so a server component, a Node
@@ -213,17 +221,17 @@ declare function copyTranslation(overlay: TranslationOverlay | null | undefined,
  * round-trip spec pins each one:
  *
  *   1. An empty slot is written as `[]`, and `zones` is written as `{}`.
- *   2. Default props follow Puck: a new block is created WITH its
+ *   2. Default props follow the old library: a new block is created WITH its
  *      `defaultProps`; the root's `defaultProps` are filled in on open; an
  *      existing block is never back-filled.
  *   3. A root prop that no field declares (a site's `theme`, `fonts`, `scales`)
  *      is kept exactly as it is. Nothing here drops a key it doesn't know.
  *   4. The two older formats are READ — root props written directly on `root`,
- *      and children parked in `zones` — and converted on open, the way Puck's
+ *      and children parked in `zones` — and converted on open, the way the old library's
  *      `migrate()` converts them. They are never written back.
  *
  * KEY ORDER. The backend stores these documents in Postgres `jsonb`, which does
- * not keep key order, so "the same document as Puck" means the same keys and
+ * not keep key order, so "the same document as the old library" means the same keys and
  * values. What this layer does promise is stronger for its own round trip: a
  * document that is already in shape comes back as THE SAME OBJECT (so
  * `normalizeData(doc) === doc`), and every edit copies only the nodes on the
@@ -239,7 +247,7 @@ declare function copyTranslation(overlay: TranslationOverlay | null | undefined,
  */
 
 /**
- * What `normalizeData` accepts: any saved document, as loosely as Puck's own
+ * What `normalizeData` accepts: any saved document, as loosely as the old library's own
  * `Data` type describes one (`root.props` optional). Converting the older
  * shapes is its job, so it must take them without a cast. Every OTHER function
  * here takes the normalised `Data` it returns.
@@ -259,9 +267,9 @@ declare const ROOT_ID = "root";
 declare const ROOT_SLOT = "default-zone";
 /** The top-level list, as an address. */
 declare const ROOT_LIST: SlotAddress;
-/** `{ parentId, slot }` → Puck's zone key `"<parentId>:<slot>"`. */
+/** `{ parentId, slot }` → the old library's zone key `"<parentId>:<slot>"`. */
 declare const zoneKey: ({ parentId, slot }: SlotAddress) => string;
-/** Puck's zone key → `{ parentId, slot }`. Ids and prop paths hold no colon. */
+/** The old library's zone key → `{ parentId, slot }`. Ids and prop paths hold no colon. */
 declare function parseZoneKey(key: string): SlotAddress;
 type DataErrorCode = 'not-found' | 'no-slot' | 'bad-index' | 'duplicate-id' | 'cycle' | 'id-change' | 'unknown-type';
 declare class DataError extends Error {
@@ -294,7 +302,7 @@ declare function find(data: Data, config: DataConfig, id: string): Found | null;
 /** The list at an address, or `null` when no such slot exists. */
 declare function getList(data: Data, config: DataConfig, address: SlotAddress): Node[] | null;
 /**
- * What the easel does to a document when it opens it — the same result Puck
+ * What the easel does to a document when it opens it — the same result the old library
  * reaches on load, with the older formats converted (rule 4):
  *
  *   - `root` holding its props directly becomes `{ props: { …those keys } }`;
@@ -309,7 +317,7 @@ declare function getList(data: Data, config: DataConfig, address: SlotAddress):
  */
 declare function normalizeData(data: DataInput | Data, config: DataConfig): Data;
 /**
- * A new block, the way the Add panel makes one — Puck's `insert` recipe:
+ * A new block, the way the Add panel makes one — the old library's `insert` recipe:
  * `{ ...defaultProps, id }`, plus any `props` the caller starts it with. The
  * defaults are copied, so two blocks never share an array or object, and every
  * child a default slot seeds gets its own id.
@@ -328,7 +336,7 @@ declare function insert(data: Data, config: DataConfig, place: Place, node: Node
 declare function remove(data: Data, config: DataConfig, id: string): Data;
 /**
  * Move a node to `to`. Within one list, `to.index` is the node's index AFTER
- * the move (Puck's rule), so `0 … length-1`; into another list it is the index
+ * the move (the old library's rule), so `0 … length-1`; into another list it is the index
  * to insert at, `0 … length`. A move into the node's own subtree is refused.
  */
 declare function move(data: Data, config: DataConfig, id: string, to: Place): Data;
@@ -336,7 +344,7 @@ declare function move(data: Data, config: DataConfig, id: string, to: Place): Da
  * Copy a node, and everything under it, to the place just after it. Every
  * copied node gets a fresh id. `strip` sees each copied node (with its new id)
  * and returns what to keep — the hook for "a copy must not claim the
- * original's baked image" (`bakedId`), which Puck's own duplicate copied
+ * original's baked image" (`bakedId`), which the old library's own duplicate copied
  * verbatim.
  */
 declare function duplicate(data: Data, config: DataConfig, id: string, options?: {
@@ -354,7 +362,7 @@ declare function copyNode(node: Node, config: DataConfig, options?: {
     strip?: (node: Node) => Node;
 }): Node;
 /**
- * Merge `patch` into a node's props — Puck's `replace`, for the common case of
+ * Merge `patch` into a node's props — the old library's `replace`, for the common case of
  * changing some props. A key keeps its place; a new key goes on the end;
  * `undefined` clears a key (JSON drops it on save). New children in a patched
  * slot are brought into shape. Changing `id` is refused. A patch that changes
@@ -362,7 +370,7 @@ declare function copyNode(node: Node, config: DataConfig, options?: {
  */
 declare function setProps(data: Data, config: DataConfig, id: string, patch: Record<string, unknown>): Data;
 /**
- * Replace a node wholesale — Puck's `replace` action: the node keeps its place
+ * Replace a node wholesale — the old library's `replace` action: the node keeps its place
  * and its id, and every prop is the new node's (a key it does not carry is
  * gone, which `setProps` cannot do). Children in its slots that arrive without
  * an id get one, and an id another node already holds is refused, as `insert`
@@ -372,4 +380,4 @@ declare function replaceNode(data: Data, config: DataConfig, id: string, node: N
 /** Merge `patch` into the root's props, the same way `setProps` does. */
 declare function setRoot(data: Data, config: DataConfig, patch: Record<string, unknown>): Data;
 
-export { Data, DataConfig, DataError, type DataErrorCode, type DataInput, Found, Node, Place, ROOT_ID, ROOT_LIST, ROOT_SLOT, type Segment, SlotAddress, SlotEntry, type TranslatableItem, type TranslatablePath, type TranslatedValue, type TranslationEntries, type TranslationOverlay, type TranslationRef, type TranslationStatus, WalkInfo, applyTranslation, copyNode, copyTranslation, createNode, duplicate, extractTranslation, find, getIn, getList, insert, mapIds, move, newId, normalizeData, parseZoneKey, pruneTranslation, rebaseTranslation, remove, replaceNode, setProps, setRoot, slotsOf, translatablePaths, translationFingerprint, translationStatus, walk, zoneKey };
+export { Data, DataConfig, DataError, type DataErrorCode, type DataInput, Found, Node, Place, ROOT_ID, ROOT_LIST, ROOT_SLOT, type Segment, SlotAddress, SlotEntry, type TranslatableItem, type TranslatablePath, type TranslatedValue, type TranslationEntries, type TranslationOverlay, type TranslationRef, type TranslationStatus, WalkInfo, applyTranslation, copyNode, copyTranslation, createNode, duplicate, extractTranslation, find, getIn, getList, insert, isNode, isNodeList, mapIds, move, newId, normalizeData, parseZoneKey, pruneTranslation, rebaseTranslation, remove, replaceNode, setProps, setRoot, slotsOf, translatablePaths, translationFingerprint, translationStatus, walk, zoneKey };

package/dist/data/index.js

@@ -1 +1 @@
-export{DataError,ROOT_ID,ROOT_LIST,ROOT_SLOT,applyTranslation,changedProps,copyNode,copyTranslation,createNode,createResolveCache,deepEqual,duplicate,extractTranslation,find,getList,insert,mapIds,move,newId,normalizeData,parseZoneKey,pruneTranslation,rebaseTranslation,remove,replaceNode,resolveNodeData,setProps,setRoot,slotsOf,translatablePaths,translationFingerprint,translationStatus,walk,zoneKey}from"../chunk-K7BTCBWD.js";export{getIn}from"../chunk-L55YIXDC.js";
+export{DataError,ROOT_ID,ROOT_LIST,ROOT_SLOT,applyTranslation,changedProps,copyNode,copyTranslation,createNode,createResolveCache,deepEqual,duplicate,extractTranslation,find,getList,insert,mapIds,move,newId,normalizeData,parseZoneKey,pruneTranslation,rebaseTranslation,remove,replaceNode,resolveNodeData,setProps,setRoot,slotsOf,translatablePaths,translationFingerprint,translationStatus,walk,zoneKey}from"../chunk-TGZCD6IP.js";export{getIn,isNode,isNodeList}from"../chunk-KXM6YRG2.js";

package/dist/drag/drag.css

@@ -33,7 +33,8 @@
   display: inline-flex;
   pointer-events: none;
 }
-.es-canvas-handle {
+.es-canvas-handle,
+.es-canvas-tag {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -51,6 +52,14 @@
   pointer-events: none;
   transition: opacity 0.12s;
 }
+/* The selected part's name tag (`tag`, Lewis 2026-10-26): the handle's look
+   (above), placed where it is drawn, never taking the pointer. After the
+   shared rule, so its place and opacity win. */
+.es-canvas-tag {
+  position: absolute;
+  cursor: default;
+  opacity: 1;
+}
 .es-canvas-handle.is-shown {
   opacity: 1;
   pointer-events: auto;

package/dist/drag/index.d.ts

@@ -1,11 +1,11 @@
 import * as react from 'react';
 import { HTMLAttributes, CSSProperties, ReactNode } from 'react';
-import { P as Place } from '../types-41704JE4.js';
-import { D as DragSession } from '../session-DSQFmIvx.js';
-export { a as DragHeld, c as createDragSession } from '../session-DSQFmIvx.js';
-export { B as Box, a as CanvasDragLayer, b as CanvasDragLayerProps, C as CanvasDragModel, c as CanvasDropTarget, d as CanvasSeam, e as CanvasSource, f as CanvasZone, E as EMPTY_MEASURE, H as HANDLE_GRACE_MS, M as MeasuredCanvas, g as MeasuredNode, h as canvasTarget, i as contains, j as gapInZone, k as gapLine, l as insertSeams, m as measureCanvas, p as pickSource, s as seamsBetween, n as sourcesAt } from '../CanvasDragLayer-CFUcBbgc.js';
+import { P as Place } from '../types-Dq180WRV.js';
+import { D as DragSession } from '../session-EsjORLQ0.js';
+export { a as DragHeld, c as createDragSession } from '../session-EsjORLQ0.js';
+export { B as Box, a as CanvasDragLayer, b as CanvasDragLayerProps, C as CanvasDragModel, c as CanvasDropTarget, d as CanvasSeam, e as CanvasSource, f as CanvasZone, E as EMPTY_MEASURE, H as HANDLE_GRACE_MS, M as MeasuredCanvas, g as MeasuredNode, h as canvasTarget, i as contains, j as gapInZone, k as gapLine, l as insertSeams, m as measureCanvas, p as pickSource, s as seamsBetween, n as sourcesAt } from '../CanvasDragLayer-NZpaX6aq.js';
 import { D as DragWords } from '../words-SD4neL0n.js';
-import '../watch-D8xZow3y.js';
+import '../watch-Unf6SfUf.js';
 
 /**
  * Where a drop lands — the engine's one hit rule, as pure functions (blueprint

package/dist/drag/index.js

@@ -1 +1 @@
-export{AddPanel,CanvasDragLayer,CanvasInsert,EMPTY_MEASURE,HANDLE_GRACE_MS,canvasTarget,contains,gapInZone,gapLine,insertSeams,measureCanvas,pickSource,seamsBetween,sourcesAt}from"../chunk-WJJ7H42G.js";import"../chunk-TQ5Y6S2X.js";export{AUTO_SCROLL_EDGE,AUTO_SCROLL_MAX_SPEED,autoScrollDelta,autoScrollSpeed,createDragSession,dropEffectFor,dropOnRow,frameScrollBox,gapToMoveIndex,isNoOpDrop,scrollBoxOf,scrollParent,startAutoScroll,stepGap,useTreeDrag}from"../chunk-3S5N4HLJ.js";import"../chunk-P2VEMZH5.js";import"../chunk-4FD7TAOE.js";import"../chunk-LF3FUSCQ.js";import"../chunk-K7BTCBWD.js";import"../chunk-L55YIXDC.js";
+export{AddPanel,CanvasDragLayer,CanvasInsert,EMPTY_MEASURE,HANDLE_GRACE_MS,canvasTarget,contains,gapInZone,gapLine,insertSeams,measureCanvas,pickSource,seamsBetween,sourcesAt}from"../chunk-LN43DP2A.js";import"../chunk-TQ5Y6S2X.js";export{AUTO_SCROLL_EDGE,AUTO_SCROLL_MAX_SPEED,autoScrollDelta,autoScrollSpeed,createDragSession,dropEffectFor,dropOnRow,frameScrollBox,gapToMoveIndex,isNoOpDrop,scrollBoxOf,scrollParent,startAutoScroll,stepGap,useTreeDrag}from"../chunk-6NJHYXJM.js";import"../chunk-P2VEMZH5.js";import"../chunk-YU3WHLGI.js";import"../chunk-LF3FUSCQ.js";import"../chunk-TGZCD6IP.js";import"../chunk-KXM6YRG2.js";

package/dist/draw/index.d.ts

@@ -6,6 +6,6 @@ export { RowNameRule, rootRowName, sectionRenameProp, slotChildName, slotChildRe
 export { FOOTER_TYPE, HEADER_TYPE, NodeLocation, ROOT_ZONE, SlotConfigView, TREE_MAX_DEPTH, TreeItem, blockNodeActions, childSlotsOf, locateNode, missingPinnedTypes, nestsInTree, newNodeId, pinnedDuplicateIds, pinnedDuplicateIndices, slotChildrenIn, slotFieldsOf } from '../screen/lib/document/content-tree.js';
 export { AUTO_RULES, AutoRule, FOLLOW_RULES, VIEW_DESKTOP_MIN, VIEW_TABLET_MIN, VIEW_TIERS, VIEW_TIER_LABEL, ViewTier, ViewValueKind, ViewValues, isAuto, phoneKey, resolveViewValue, tabletKey, viewTierForWidth } from '../screen/lib/content/view-tiers.js';
 export { HERO_SLIDER_GOTO_EVENT, HeroSliderGotoDetail } from '../screen/lib/document/preview-events.js';
-export { R as REPEAT_ATTRIBUTE, a as REPEAT_INDEX_ATTRIBUTE } from '../repeat-BNgSq2Nw.js';
+export { R as REPEAT_ATTRIBUTE, a as REPEAT_INDEX_ATTRIBUTE } from '../repeat-D65bJS8d.js';
 export { TEXT_STYLE_CASES, TEXT_STYLE_CASE_CSS, TextStyleCase, TextStyleCaseCss, isTextStyleCase, textStyleCaseCss, textStyleCaseOfCss } from '../text-styles/model.js';
-import '../words-gIDCeRv3.js';
+import '../words-B5Gb7KFq.js';

package/dist/easel/easel.css

@@ -1,7 +1,7 @@
 /*
  * 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.
+ * hovered block. The old library's stylesheet drew these until now; the rules follow it.
  *
  * The canvas is an iframe of its own, so this sheet must reach it: import it
  * once in the host, and `CanvasFrame` copies the host's stylesheets into the
@@ -44,16 +44,14 @@
   box-shadow: var(--elevation-panel);
 }
 
-/* The frame's root (CanvasFrame). Puck's `[data-puck-entry]` rule: a stacking
-   context of its own, so a block's z-index stays inside the page.
-   `data-puck-entry` is the old name, drawn beside the new one until easel 22. */
-[data-easel-entry],
-[data-puck-entry] {
+/* The frame's root (CanvasFrame): a stacking context of its own, so a block's
+   z-index stays inside the page. */
+[data-easel-entry] {
   position: relative;
   z-index: 0;
 }
 /* A frame that FILLS its parent (`height="fill"`): the page is at least as tall
-   as the frame, as Puck's `#frame-root` was, so a short page's background and
+   as the frame, as the old library's `#frame-root` was, so a short page's background and
    its top list reach the bottom of the canvas. `height: 1px` gives the root a
    height of its own for a list's `height: 100%` to resolve against. Not on an
    `auto` frame, whose height comes FROM the page: there `100vh` is the frame
@@ -128,10 +126,17 @@
    is measured from the words' bounding box, so words on three lines get one
    rectangle, not a line round each. Its colour is the one outline colour
    above: without its fallback the outline is not drawn in the canvas. */
-.es-canvas-outline.is-typing {
+.es-canvas-outline.is-typing,
+.es-canvas-outline.is-selected.is-words {
   outline: 2px solid var(--es-canvas-outline-colour);
-  outline-offset: 4px;
-}
+  outline-offset: var(--es-words-clear);
+}
+/* The 4px is WORDS_CLEAR in canvas/dom, the one home: the canvas sets
+   `--es-words-clear` from it on both boxes; no literal here. Selected words
+   wear that same box from the click on (Lewis 2026-10-26, option B): a
+   double-click puts the caret in it and moves nothing. The drag layer keeps
+   the handle, the name and the hint on its corners, measured from the same
+   constant. */
 /* THE POINTER (Lewis 2026-10-20, mockup v4 decision c): on the canvas it is
    the arrow — over words, and over the links and buttons the page drew, which
    the canvas never follows — and the I-beam only inside the words being