efficient-easel 1.1.0 → 2.0.0

package/dist/chunk-Q6ETRSEA.js

@@ -1,24 +0,0 @@
-import{FieldSelect as e}from"./chunk-PJP46U5L.js";import{TreeSeam as n}from"./chunk-UFY6RNMT.js";import{SettingsField as l,SETTINGS_BUCKETS as t,SettingsTabs as a,SettingsGroup as r}from"./chunk-YNOZ5NXW.js";import{DEFAULT_TREE_WORDS as i}from"./chunk-K56YDHYQ.js";import{DEFAULT_PANEL_WORDS as s}from"./chunk-QTLAVDJE.js";import{EaselMenuItems as o}from"./chunk-EA2HTX37.js";import{FieldNumber as c}from"./chunk-7SQF6LZL.js";import{SettingsSegmented as u}from"./chunk-QLD57GBB.js";import{DEFAULT_FIELDS_WORDS as d}from"./chunk-FPOKPNO4.js";import{useWords as m}from"./chunk-MFIRYGHW.js";import{useTreeDrag as p,gapToMoveIndex as h}from"./chunk-67GNT6PF.js";import{withTip as b}from"./chunk-P2VEMZH5.js";import{ChevronIcon as f,LockIcon as g,MoveUpIcon as v,MoveDownIcon as y,DuplicateIcon as x,TrashIcon as k}from"./chunk-L5KW4HG5.js";import{Textarea as N,Input as w,ContextMenu as O,tabPanelId as C,tabButtonId as j,SearchableSelect as S,Select as D}from"efficient-shell/ui";import{useRef as I,useState as $,useLayoutEffect as F,useId as P}from"react";import{jsx as L,jsxs as T}from"react/jsx-runtime";function A({id:e,value:n,onChange:l,placeholder:t,multiline:a=!1,rows:r=3,readOnly:i=!1,ariaLabel:s,ariaLabelledBy:o}){const c=n??"";return a?/* @__PURE__ */L(N,{id:e,size:"sm",className:"es-fin",value:c,rows:r,placeholder:t,readOnly:i,"aria-label":s,"aria-labelledby":o,onChange:e=>l(e.target.value)}):/* @__PURE__ */L(w,{id:e,size:"sm",className:"es-fin",type:"text",value:c,placeholder:t,readOnly:i,"aria-label":s,"aria-labelledby":o,onChange:e=>l(e.target.value)})}function M(e,n,l){const t=e.slice();return t.splice(Math.max(0,Math.min(n,t.length)),0,l),t}function E(e,n,l){const t=e.slice(),[a]=t.splice(n,1);return t.splice(Math.max(0,Math.min(l,t.length)),0,a),t}function z(e,n){return e.filter((e,l)=>l!==n)}function R(e){return null===e||"object"!=typeof e?e:JSON.parse(JSON.stringify(e))}var H='input, textarea, select, button, [contenteditable]:not([contenteditable="false"]), [tabindex]',B={parentId:"list",slot:"items"};function K({label:e,icon:l,noun:t,items:a,onChange:r,newItem:s,summary:c,itemName:u,thumb:N,min:w=0,max:C,readOnly:j=!1,open:S,onOpen:D,renderItem:P,renderRow:A,canRemove:K,lockedReason:Y,fixed:G=!1,removeOnRow:J=!0,canDuplicate:Q,above:U,head:W=!0}){const q=m("fields",d).list,V=m("tree",i),X=t??q.item,Z=!j&&!G&&("number"!=typeof C||a.length<C),_=a.length<=w,ee=e=>!!K&&!K(a[e],e),ne=e=>!j&&!G&&J&&!_&&!ee(e),le=e=>Z&&(!Q||Q(a[e],e)),te=(e,n)=>u?u(e,n):q.itemName({noun:X,n:n+1}),ae=I([]),re=I(null),[ie,se]=$(null),oe=I(null),[ce,ue]=$(null),[de,me]=$("");F(()=>{for(const e of ae.current){if(!e)continue;null!==e.querySelector(H)||j?e.removeAttribute("tabindex"):e.tabIndex=0}}),F(()=>{const e=re.current;if(!e)return;re.current=null;const n=ae.current[e.index]?.querySelectorAll(H)[e.nth]??ae.current[e.index];if(n?.focus(),n&&null!==e.start&&"setSelectionRange"in n)try{n.setSelectionRange(e.start,e.end)}catch{}});const pe=(e,n)=>{if(n<0||n>=a.length||n===e)return;const l=ae.current[e],t=l?.ownerDocument.activeElement;if(l&&t&&l.contains(t)){const e=[...l.querySelectorAll(H)].indexOf(t),a=t;re.current={index:n,nth:e,start:"number"==typeof a.selectionStart?a.selectionStart:null,end:"number"==typeof a.selectionEnd?a.selectionEnd:null}}r(E(a,e,n));const i=function(e,n,l){return null===e?null:e===n?l:n<e&&l>=e?e-1:n>e&&l<=e?e+1:e}(S,e,n);i!==S&&D(i),me(q.moved({n:n+1,total:a.length}))},he=e=>{Z&&(r(M(a,e,s())),A?(re.current={index:e,nth:0,start:null,end:null},null!==S&&S>=e&&D(S+1)):D(e))},be=e=>{ne(e)&&(r(z(a,e)),S===e?D(null):null!==S&&S>e&&D(S-1))},fe=p({keyOf:e=>String(e),canDrop:(e,n)=>n.parentId===B.parentId&&n.slot===B.slot,onDrop:(e,n)=>{const l=h({...B,index:e},n);l!==e&&pe(e,l)},onStep:(e,n)=>pe(e,e+n),canStep:(e,n)=>e+n>=0&&e+n<a.length,readOnly:j}),ge=e=>{const n=[];return e>0&&n.push({label:q.moveUp,icon:/* @__PURE__ */L(v,{size:14}),shortcut:"⌥↑",onClick:()=>pe(e,e-1)}),e<a.length-1&&n.push({label:q.moveDown,icon:/* @__PURE__ */L(y,{size:14}),shortcut:"⌥↓",onClick:()=>pe(e,e+1)}),le(e)&&n.push({label:q.duplicate,icon:/* @__PURE__ */L(x,{size:14}),onClick:()=>(e=>{le(e)&&(r(M(a,e+1,R(a[e]))),null!==S&&S>e&&D(S+1))})(e)}),ne(e)&&n.push({label:q.delete,icon:/* @__PURE__ */L(k,{size:14}),danger:!0,onClick:()=>be(e)}),n},ve=(e,n,l,t)=>{j||0===ge(e).length||ue({index:e,x:n,y:l,owner:t})},ye=e=>n=>{const l=a.slice();l[e]=n,r(l)};/* @__PURE__ */
-return T("div",{className:"es-list",children:[W?/* @__PURE__ */T("div",{className:"es-list-head",children:[
-/* @__PURE__ */T("span",{className:"es-list-label",children:[l?/* @__PURE__ */L("span",{className:"es-field-icon","aria-hidden":"true",children:l}):null,e]}),
-/* @__PURE__ */L("span",{className:"es-list-count",children:a.length})]}):null,U?/* @__PURE__ */L("div",{className:"es-list-above",children:U}):null,a.length?/* @__PURE__ */T("div",{className:"es-list-rows",...fe.rootProps(),children:[a.map((e,l)=>{const t=fe.row({item:l,place:{...B,index:l}}),a=t.draggable&&ie!==l,r=!A&&S===l,i=!j&&!G&&J&&ee(l),s=["es-list-row",A?"is-inline":"is-item",r?"is-open":"",a?"is-draggable":"",t.dragging?"is-dragging":"",t.drop?`is-drop-${t.drop}`:""].filter(Boolean).join(" ");/* @__PURE__ */
-return T("div",{className:"es-list-entry",children:[l>0?/* @__PURE__ */L("div",{className:"es-list-gap",children:/* @__PURE__ */L(n,{...fe.seam({place:{...B,index:l}}),onAdd:Z?()=>he(l):void 0,label:q.addHere({noun:X})})}):null,
-/* @__PURE__ */T("div",{...t.rowProps,ref:e=>{ae.current[l]=e},className:s,draggable:a||void 0,"aria-keyshortcuts":t.draggable?"Alt+ArrowUp Alt+ArrowDown":void 0,onPointerDown:e=>{const n=e.target.closest?.('input, textarea, select, [contenteditable]:not([contenteditable="false"])'),a=!!n&&n===n.ownerDocument.activeElement;e.currentTarget.draggable=t.draggable&&!a,oe.current=n&&!a?n:null,se(a?l:null)},onDragStart:e=>{const n=oe.current;oe.current=null,n&&n.ownerDocument.activeElement===n&&n.blur(),t.rowProps.onDragStart?.(e)},onContextMenu:e=>{j||(e.preventDefault(),e.stopPropagation(),ve(l,e.clientX,e.clientY,e.currentTarget))},onKeyDown:e=>{if("ContextMenu"===e.key||e.shiftKey&&"F10"===e.key){e.preventDefault();const n=e.currentTarget.ownerDocument,t=e=>e.preventDefault();n.addEventListener("contextmenu",t,{capture:!0,once:!0}),n.defaultView?.setTimeout(()=>n.removeEventListener("contextmenu",t,{capture:!0}),500);const a=e.currentTarget.getBoundingClientRect();return void ve(l,a.left+24,a.bottom,e.currentTarget)}t.rowProps.onKeyDown?.(e)},children:[a?/* @__PURE__ */L("span",{className:"es-list-hint","aria-hidden":"true",children:V.dragHint}):null,A?/* @__PURE__ */L("div",{className:"es-list-row-main",children:A(e,l,ye(l))}):/* @__PURE__ */T("button",{type:"button",className:"es-list-open","aria-expanded":r,onClick:()=>D(r?null:l),children:[N?/* @__PURE__ */L("span",{className:"es-list-thumb","aria-hidden":"true",children:N(e,l)}):null,
-/* @__PURE__ */L("span",{className:"es-list-row-name",children:te(e,l)}),/* @__PURE__ */L("span",c?{className:"es-list-row-summary",children:c(e,l)}:{className:"es-list-row-summary"}),
-/* @__PURE__ */L(f,{size:14,className:"es-list-chev","aria-hidden":"true"})]}),j||G||!J?null:i?b(Y?Y(e,l):q.locked,/* @__PURE__ */L("span",{className:"es-list-lock",role:"img","aria-label":Y?Y(e,l):q.locked,children:/* @__PURE__ */L(g,{size:13})})):b(q.deleteItem({noun:X}),/* @__PURE__ */L("button",{type:"button",className:"es-list-x","aria-label":q.deleteItem({noun:X}),disabled:!ne(l),onClick:()=>be(l),children:"×"}))]}),r?/* @__PURE__ */L("div",{className:"es-list-item",children:P(e,l,ye(l))}):null]},l)}),
-/* @__PURE__ */L("div",{className:"es-list-gap",children:/* @__PURE__ */L(n,{...fe.seam({place:{...B,index:a.length}})})})]}):null,j||G?null:/* @__PURE__ */L("button",{type:"button",className:"es-list-add",disabled:!Z,onClick:()=>he(a.length),children:q.add({noun:X})}),
-/* @__PURE__ */L("span",{className:"es-list-said","aria-live":"polite",children:de}),ce&&ce.index<a.length?
-/* @__PURE__ */L(O,{at:{x:ce.x,y:ce.y},owner:ce.owner,onClose:()=>ue(null),children:/* @__PURE__ */L(o,{items:ge(ce.index),onClose:()=>ue(null)})}):null]})}var Y=(e,n)=>"string"==typeof e.label&&e.label?e.label:n;function G({field:e,name:n,id:l,value:t,onChange:a,readOnly:i,context:s,renderers:o}){const[c,u]=$(!0),d=t&&"object"==typeof t?t:{};/* @__PURE__ */
-return L(r,{id:`${l}-group`,title:Y(e,n),open:c,onToggle:u,children:Object.entries(e.objectFields).map(([e,t])=>/* @__PURE__ */L(Q,{field:t,name:`${n}.${e}`,id:`${l}-${e}`,value:d[e],onChange:n=>a({...d,[e]:n}),readOnly:i,context:s,renderers:o},e))})}function J({field:e,name:n,id:l,value:t,onChange:a,readOnly:r,context:i,renderers:s,openItem:o,onOpenItem:c}){const[u,d]=$(null),m=c?o??null:u,p=c??d,h=Array.isArray(t)?t:[],b=e.getItemSummary;/* @__PURE__ */
-return L(K,{label:Y(e,n),icon:e.icon,noun:"string"==typeof e.noun?e.noun:void 0,items:h,onChange:a,newItem:()=>R({...e.defaultItemProps??{}}),summary:b?(e,n)=>b(e,n):void 0,min:e.min,max:e.max,readOnly:r,open:m,onOpen:p,renderItem:(t,a,o)=>Object.entries(e.arrayFields).map(([e,c])=>/* @__PURE__ */L(Q,{field:c,name:`${n}[${a}].${e}`,id:`${l}-${a}-${e}`,value:t?.[e],onChange:n=>o({...t,[e]:n}),readOnly:r,context:i,renderers:s},e))})}function Q(n){const{field:t,name:a,id:r,value:i,onChange:s,readOnly:o,context:d,renderers:m}=n;if(!t||t.marker||!1===t.visible)return null;const p=m?.[t.type];if(p)return p({field:t,name:a,id:r,value:i,onChange:s,readOnly:o});switch(t.type){case"custom":{const e={...d,field:t,name:a,id:r,value:i,onChange:s,readOnly:o};return t.render(e)}case"text":case"textarea":/* @__PURE__ */
-return L(l,{label:Y(t,a),htmlFor:r,icon:t.icon,hint:t.hint,children:/* @__PURE__ */L(A,{id:r,value:"string"==typeof i?i:null==i?"":String(i),onChange:s,placeholder:t.placeholder,multiline:"textarea"===t.type,readOnly:o})});case"number":/* @__PURE__ */
-return L(l,{label:Y(t,a),htmlFor:r,icon:t.icon,hint:t.hint,children:/* @__PURE__ */L(c,{id:r,value:"number"==typeof i?i:void 0,onChange:s,min:t.min,max:t.max,step:t.step,placeholder:t.placeholder,readOnly:o})});case"select":{const n=`${r}-label`;/* @__PURE__ */
-return L(l,{label:Y(t,a),labelId:n,htmlFor:r,icon:t.icon,hint:t.hint,children:/* @__PURE__ */L(e,{id:r,value:i,options:t.options,onChange:s,readOnly:o,ariaLabelledBy:n})})}case"radio":/* @__PURE__ */
-return L(l,{label:Y(t,a),icon:t.icon,hint:t.hint,children:/* @__PURE__ */L(u,{ariaLabel:Y(t,a),value:i,options:t.options.map(e=>({id:e.value,label:e.label,icon:e.icon,disabled:e.disabled||o})),onChange:e=>{o||s(e)}})});case"object":/* @__PURE__ */
-return L(G,{...n,field:t});case"array":/* @__PURE__ */
-return L(J,{...n,field:t});case"slot":return null}}var U=e=>t.includes(e);function W(e){let n=t[0];const l=[],a=/* @__PURE__ */new Set;for(const[t,r]of Object.entries(e))r&&(U(r.bucket)&&(n=r.bucket),r.marker||!1===r.visible||(l.push({name:t,field:r,bucket:n}),"slot"!==r.type&&a.add(n)));return{rows:l,buckets:t.filter(e=>a.has(e))}}function q(e){return new Map(W(e).rows.map(e=>[e.name,e.bucket]))}function V({fields:e,values:n,onChange:l,readOnly:t=!1,context:r,tab:i,onTab:o,tabs:c=!0,tabIcons:u,renderers:d,idPrefix:p,ariaLabel:h,children:b}){const f=m("panel",s),g=P(),v=p??`es-insp${g.replace(/:/g,"")}`,y=W(e),[x,k]=$(void 0),N=i??x,w=N&&y.buckets.includes(N)?N:y.buckets[0],[O,S]=$(null),D=O&&O.panel===v&&y.rows.some(e=>e.name===O.name)?O:null,I=c&&y.buckets.length>1,F=I&&w?C(v,w):`${v}-rows`;/* @__PURE__ */
-return T("div",{className:"es-insp",children:[I?/* @__PURE__ */L("div",{className:"es-insp-tabs",children:/* @__PURE__ */L(a,{ariaLabel:h??f.settings,activeId:w,onSelect:e=>{const n=e;void 0===i&&k(n),o?.(n)},items:y.buckets.map(e=>({id:e,label:f.buckets[e],icon:u?.[e]})),idPrefix:v})}):null,
-/* @__PURE__ */T("div",{className:"es-insp-rows",id:F,role:I?"tabpanel":void 0,"aria-labelledby":I&&w?j(v,w):void 0,children:[y.rows.map(({name:e,field:a,bucket:i})=>/* @__PURE__ */L("div",{className:"es-insp-row","data-field":e,"data-bucket":i,hidden:!(!I||i===w)||void 0,children:/* @__PURE__ */L(Q,{field:a,name:e,id:`${v}-${e}`,value:n[e],onChange:n=>l(e,n),readOnly:t,context:r,renderers:d,openItem:D&&D.name===e?D.index:null,onOpenItem:n=>S(null===n?null:{panel:v,name:e,index:n})})},e)),b]})]})}function X(e){return"select"===e.type?e.options:"groups"===e.type?e.groups.flatMap(e=>e.options):[]}function Z({value:e,onChange:n,kinds:l,rules:t,filtersFor:a,label:r,readOnly:i}){const s=m("fields",d).link??d.link,[o,c]=$(null),[u,p]=$(null),h=o&&o.against===e?o.kind:t.kindOf(e),b=l.filter(e=>!e.hideWhenEmpty||X(e.target).length>0||e.value===h),f=b.find(e=>"text"===e.target.type),g=b.find(e=>e.value===h)??f??b[0];if(!g)return null;const v="text"!==g.target.type,y=v?t.targetOf(e):e,x=X(g.target),k=x.find(e=>e.value===y),N=e=>({value:e,label:s.unavailable({value:e})}),O="select"===g.target.type&&y&&a?a(y):null,C=O?t.readFilter(e):null,j=C?O?.find(e=>e.param===C.param):void 0,I=u&&u.against===e?u.text:e,F=!v&&""!==I.trim()&&!t.isSafe(I),P=(e,l)=>{c(n=>n?{...n,against:e}:n),void 0===l?n(e):n(e,l)},A=e=>{if(!e)return P("");const n=x.find(n=>n.value===e);P(e,n?.label)},M=(e,n)=>n&&!e.some(e=>e.value===n)?[N(n),...e]:[...e],E=(e,n,l,t,a)=>{const r=[];for(const e of l){const n=r[r.length-1],l={value:e.value,label:e.label};e.group?n&&"options"in n&&n.label===e.group?n.options.push(l):r.push({label:e.group,options:[l]}):r.push(l)}if(a){const a=l.some(e=>""===e.value);/* @__PURE__ */
-return L(S,{"aria-label":e,value:n,options:r,disabled:i,clearable:a,placeholder:l.find(e=>""===e.value)?.label,onChange:t})}/* @__PURE__ */
-return L(D,{size:"sm","aria-label":e,value:n,options:r,readOnly:i,onChange:t})};let z;if("text"===g.target.type)z=/* @__PURE__ */L(w,{size:"sm",type:"text",className:"es-fin",invalid:F,"aria-label":s.address,placeholder:s.addressPlaceholder,value:I,readOnly:i,onChange:n=>(n=>{const l=n.trim();l?t.isSafe(n)?(p({text:n,against:l}),P(l)):p({text:n,against:e}):(p({text:n,against:""}),P(""))})(n.target.value)});else{const e="groups"===g.target.type?g.target.groups.flatMap(e=>e.options.map(n=>({value:n.value,label:n.label,group:e.label}))):g.target.options.map(e=>({value:e.value,label:e.label})),n=[{value:"",label:g.target.placeholder},...M(e,y)];z=E(g.label,y,n,A,e.length>10)}/* @__PURE__ */
-return T("div",{className:"es-flink",role:r?"group":void 0,"aria-label":r,children:[E(s.linkType,g.value,b.map(e=>({value:e.value,label:e.label})),l=>{p(null);const t=b.find(e=>e.value===l);if(!t||"text"===t.target.type)return void c({kind:l,against:e});const a=X(t.target)[0];c({kind:l,against:a?a.value:""}),a?n(a.value,a.label):n("")},!1),z,O&&E(s.filter,C?.param??"",[{value:"",label:s.noFilter},...C&&!j?[N(C.param)]:[],...O.map(e=>({value:e.param,label:e.label}))],e=>{if(!e)return P(y,k?.label);const n=O?.find(n=>n.param===e),l=n?.values[0];l&&P(t.withFilter(y,{param:e,value:l.value}),l.label)},!1),O&&C&&E(s.value,C.value,M((j?.values??[]).map(e=>({value:e.value,label:e.label})),C.value),e=>{if(!C)return;const n=j?.values.find(n=>n.value===e);P(t.withFilter(y,{param:C.param,value:e}),n?.label)},(j?.values.length??0)>10),F&&/* @__PURE__ */L("p",{className:"es-flink-error",role:"alert",children:s.unsafe}),g.hint&&/* @__PURE__ */L("p",{className:"es-flink-hint",children:g.hint}),O&&/* @__PURE__ */L("p",{className:"es-flink-hint",children:s.filterHint})]})}export{A as FieldText,V as Inspector,Q as InspectorField,Z as LinkPicker,K as ListField,q as bucketsOf,R as copyItem,M as insertAt,Y as labelOf,E as moveTo,W as planFields,z as removeAt};

package/dist/chunk-TJ7YIRWQ.js

@@ -1,21 +0,0 @@
-import{DEFAULT_NOTICE_WORDS as e,DEFAULT_CHROME_WORDS as n}from"./chunk-ZJEBF4NB.js";import{holderOf as i,describeAge as a,nameOrSomeone as s}from"./chunk-THWO5YVZ.js";import{DEFAULT_LOCK_WORDS as t}from"./chunk-RE4LP46F.js";import{EaselRail as l}from"./chunk-MJM6SFD3.js";import{DEFAULT_RAIL_WORDS as r}from"./chunk-2OAZYSWJ.js";import{useWords as o}from"./chunk-MFIRYGHW.js";import{PanelLeftIcon as c,PanelRightIcon as d,MediaIcon as u,ImageIcon as h}from"./chunk-L5KW4HG5.js";import{jsx as m,jsxs as v,Fragment as f}from"react/jsx-runtime";import{Tooltip as k,IconButton as p,Segmented as b,Switch as g,ResizeHandle as y,Button as N,Banner as w}from"efficient-shell/ui";function C({children:e}){/* @__PURE__ */
-return m("div",{className:"es-topbar",children:e})}function O({kind:e,style:n,children:i}){/* @__PURE__ */
-return m("div",{className:e?`es-cluster es-cluster--${e}`:"es-cluster",style:n,children:i})}function x(){/* @__PURE__ */
-return m("div",{className:"es-divider-v","aria-hidden":"true"})}function z({items:e,ariaLabel:n,onWords:i}){const a=o("rail",r);/* @__PURE__ */
-return m("div",{className:"es-cluster es-cluster--rail es-rail-fit",children:/* @__PURE__ */m(l,{items:e,ariaLabel:n??a.label,orientation:"row",onLabelsShown:i})})}function B({label:e,onClick:n,disabled:i,state:a,buttonRef:s,children:t}){/* @__PURE__ */
-return m(k,{content:e,side:"bottom",children:/* @__PURE__ */m(p,{ref:s,"aria-label":e,"aria-pressed":a?"active"===a:void 0,className:"es-iconbtn",disabled:i,onClick:n,children:t})})}function L({devices:e,value:i,onChange:a,ariaLabel:s}){const t=o("chrome",n);/* @__PURE__ */
-return m(b,{className:"es-devseg",size:"sm",label:s??t.device,value:i,onChange:e=>{e!==i&&a(e)},options:e.map(e=>({value:e.id,icon:/* @__PURE__ */m(k,{content:e.label,side:"bottom",children:/* @__PURE__ */m("span",{className:"es-devseg-glyph","aria-hidden":"true",children:e.icon})}),label:/* @__PURE__ */m("span",{className:"es-vh",children:e.label})}))})}var R={idle:"is-quiet",saved:"is-quiet is-saved",saving:"is-saving",error:"is-error",off:"is-off","off-unsaved":"is-off is-unsaved"};function W({tone:e,label:n,counting:i,waitMs:a,ringRef:s,role:t}){/* @__PURE__ */
-return v("span",{className:`es-savestate ${R[e]}`,role:t,"aria-live":"polite",children:[/* @__PURE__ */m("span",i?{ref:s,className:"es-savestate-ring is-counting",style:void 0!==a?{"--es-savewait":`${a}ms`}:void 0,"aria-hidden":"true"}:{className:"es-savestate-dot","aria-hidden":"true"}),n]})}function $({pressed:e,title:n,onToggle:i,children:a}){/* @__PURE__ */
-return m("span",{className:"es-savestate-toggle",children:/* @__PURE__ */m(k,{content:n,side:"bottom",children:/* @__PURE__ */m(g,{size:"sm",checked:!e,"aria-label":n,label:a,onChange:()=>i()})})})}function j({side:e,width:i,min:a,max:s,defaultWidth:t,label:l,onResize:r}){const c=o("chrome",n);/* @__PURE__ */
-return m(y,{side:e,width:i,min:a,max:s,defaultWidth:t,label:l,hint:c.resize,onResize:e=>r(e),className:`es-resizer es-resizer--${e}`})}function M({icon:e,name:n,kind:i,actions:a}){/* @__PURE__ */
-return v("div",{className:"es-insp-head",children:[
-/* @__PURE__ */m("span",{className:"es-insp-chip","aria-hidden":"true",children:e}),
-/* @__PURE__ */v("div",{className:"es-insp-titles",children:[
-/* @__PURE__ */m("h2",{className:"es-insp-name",children:n}),
-/* @__PURE__ */m("div",{className:"es-insp-kind",children:i})]}),a?/* @__PURE__ */m("div",{className:"es-insp-actions",children:a}):null]})}function S({label:e,title:n,hasPopup:i,onClick:a,disabled:s,danger:t,expanded:l,buttonRef:r,children:o}){/* @__PURE__ */
-return m(k,{content:n??e,side:"bottom",children:/* @__PURE__ */m(p,{ref:r,variant:t?"ghost-danger":"ghost",className:"es-insp-iconbtn","aria-label":e,"aria-haspopup":i,"aria-expanded":l,disabled:s,onClick:a,children:o})})}function P({name:e,onSelect:i,label:a,inline:s}){const t=o("chrome",n),l=a??t.upLevel,r=/* @__PURE__ */m(k,{content:l,side:"bottom",children:/* @__PURE__ */m(N,{variant:"link",size:"sm",className:"es-insp-up-btn","aria-label":t.upLevelTo({label:l,name:e}),leftIcon:/* @__PURE__ */m("span",{className:"es-insp-up-arrow","aria-hidden":"true",children:"←"}),onClick:i,children:/* @__PURE__ */m("span",{className:"es-insp-up-name",children:e})})});return s?r:/* @__PURE__ */m("div",{className:"es-insp-up",children:r})}function F({context:e,pick:i,onCancel:a,onHide:s,side:t="left"}){const l=o("chrome",n),r=s?/* @__PURE__ */m(S,{label:l.hidePanelLabel({side:t}),title:l.hidePanel,onClick:s,children:/* @__PURE__ */m("left"===t?c:d,{size:16})}):null;if(!i)/* @__PURE__ */
-return m(M,{icon:/* @__PURE__ */m(u,{}),name:l.mediaLibrary,kind:e,actions:r??void 0});const p=l.mediaKinds[i.kind];/* @__PURE__ */
-return m(M,{icon:/* @__PURE__ */m(h,{size:15}),name:l.mediaChoose({kind:p}),kind:i.field?l.mediaFor({field:i.field}):e,actions:/* @__PURE__ */v(f,{children:[
-/* @__PURE__ */m(k,{content:l.mediaKeep({kind:p}),side:"bottom",children:/* @__PURE__ */m(N,{variant:"secondary",size:"sm",className:"es-insp-textbtn",onClick:a,children:l.mediaCancel})}),r?/* @__PURE__ */v(f,{children:[
-/* @__PURE__ */m("span",{className:"es-insp-divider","aria-hidden":"true"}),r]}):null]})})}function H(e){return/svg/i.test(e)?"svg":e.startsWith("video")?"video":"image"}var T={notice:e,lock:t};function Y(e,n,t,l=T){const r=l.notice,o=i(e),c={kind:"reload",label:r.reload};if(n){const e=a(n.secondsAgo,l.lock);return{tone:"warning",urgent:!0,lead:n.savedByYou?r.savedByYou({noun:t,when:e}):r.savedByOther({name:s(n.savedBy,l.lock),noun:t,when:e}),body:r.conflictBody,actions:o?[c,{kind:"take-over",label:r.takeOver,title:r.takeOverWhileDeciding}]:[c]}}if(!o)return null;const d=s(o.name,l.lock),u=a(o.secondsSinceSeen,l.lock);switch(e.kind){case"takenover":return{tone:"warning",urgent:!0,lead:r.tookOver({name:d,noun:t,when:a(o.secondsSinceHeld,l.lock)}),body:r.tookOverBody,actions:[{kind:"take-back",label:r.takeBack},c]};case"readonly":return{tone:"neutral",urgent:!1,lead:r.viewingOnly,body:r.viewingOnlyBody({name:d,noun:t,seen:u}),actions:[{kind:"take-over",label:r.takeOver}]};default:return{tone:"warning",urgent:!1,lead:r.editing({name:d,noun:t}),body:r.editingBody({seen:u}),actions:[{kind:"view-read-only",label:r.viewReadOnly},{kind:"take-over",label:r.takeOver,title:r.takeOverTold}]}}}function J({access:n,conflict:i,noun:a,onTakeOver:s,onViewReadOnly:l,onReload:r}){const c=Y(n,i,a,{notice:o("notice",e),lock:o("lock",t)});if(!c)return null;const d={reload:r,"take-over":s,"take-back":s,"view-read-only":l},u=c.actions.map(e=>e.title?/* @__PURE__ */m(k,{content:e.title,side:"bottom",children:/* @__PURE__ */m(N,{variant:"secondary",size:"sm",onClick:d[e.kind],children:e.label})},e.kind):/* @__PURE__ */m(N,{variant:"secondary",size:"sm",onClick:d[e.kind],children:e.label},e.kind));/* @__PURE__ */
-return m("div",{className:`es-notice is-${c.tone}`,role:c.urgent?"alert":"status",children:/* @__PURE__ */m(w,{tone:"warning"===c.tone?"warning":"info",title:c.lead,action:/* @__PURE__ */m("span",{className:"es-notice-actions",children:u}),children:c.body})})}var K={left:288,right:320},Z=220,q=560;function A(e){return Math.min(560,Math.max(220,Math.round(e)))}function D(e){return{"--es-left-w":`${e.left}px`,"--es-right-w":`${e.right}px`}}function E(e,n){e.style.setProperty("--es-left-w",`${n.left}px`),e.style.setProperty("--es-right-w",`${n.right}px`)}export{K as DEFAULT_PANEL_W,L as DeviceSwitch,B as EaselIconButton,C as EaselTopBar,J as EditNotice,M as InspectorHead,S as InspectorIconButton,P as InspectorUpLevel,q as MAX_PANEL_W,Z as MIN_PANEL_W,F as MediaPanelHead,j as PanelResizeHandle,W as SaveState,$ as SaveStateToggle,O as TopBarCluster,x as TopBarDivider,z as TopBarRail,A as clampPanelWidth,Y as editNotice,H as mediaPickKind,D as panelWidthVars,E as setPanelWidthVars};

package/dist/chunk-W3XX2CNW.js

@@ -1,16 +0,0 @@
-import{DEFAULT_DRAG_WORDS as e}from"./chunk-O2NLQBFX.js";import{dropEffectFor as t,scrollBoxOf as n,frameScrollBox as l,startAutoScroll as r,isNoOpDrop as a}from"./chunk-67GNT6PF.js";import{useCanvasLayout as o,useCanvasEvent as s}from"./chunk-PAELDYYS.js";import{framePointToHost as i,elementScale as c,frameRectToLayer as d,clientPointToLayer as u}from"./chunk-ZNCEOSXO.js";import{withTip as h}from"./chunk-P2VEMZH5.js";import{CloseIcon as p,SearchIcon as f}from"./chunk-L5KW4HG5.js";import{parseZoneKey as m}from"./chunk-KRXQM65X.js";import{useRef as b,useEffect as g,useState as y,useCallback as v,useMemo as x,useSyncExternalStore as k,useId as w,useLayoutEffect as N}from"react";import{Tooltip as A}from"efficient-shell/ui";import{jsxs as D,jsx as z}from"react/jsx-runtime";var T=(e,t,n)=>t>=e.left&&t<=e.left+e.width&&n>=e.top&&n<=e.top+e.height,C=e=>e.width*e.height;function S(e,t,n){let l=null;for(const r of e)T(r.box,t,n)&&(!l||C(r.box)<=C(l.box))&&(l=r);return l}function E(e,t,n){const l="x"===e.axis?t:n;let r=0;for(const t of e.children){l>("x"===e.axis?t.left+t.width/2:t.top+t.height/2)&&(r+=1)}return r}function $(e,t){const n=e.children;if("x"===e.axis){const l=n[t-1],r=n[t],a=l&&r?(l.left+l.width+r.left)/2:l?l.left+l.width:r?r.left:e.box.left,o=r??l??e.box;return{left:a-1,top:o.top,width:2,height:o.height}}const l=n[t-1],r=n[t],a=l&&r?(l.top+l.height+r.top)/2:l?l.top+l.height:r?r.top:e.box.top;return{left:e.box.left,top:a-1,width:e.box.width,height:2}}function L(e,t,n,l,r=()=>!1,a=()=>!0){const o=e.filter(e=>T(e.box,t,n)).sort((e,t)=>C(e.box)-C(t.box));for(const e of o){const o=E(e,t,n),s={...e.list,index:o};if(r(s))return null;if(l(s))return{zone:e,to:s,line:$(e,o)};if(!a(s))return null}return null}function j(e,t=e.key){const n=[];for(let l=1;l<e.children.length;l++){const r=e.children[l-1],a=e.children[l],o=r.top+r.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(a.top-o,0)}})}return n}var M={nodes:[],zones:[]},B="data-puck-dropzone",K="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 X(e,t){const{frame:n,document:l}=e,r=e=>d(n,function(e){const t=e.getBoundingClientRect();return{left:t.left,top:t.top,width:t.width,height:t.height}}(e),t),a=[],o=[];for(const e of l.querySelectorAll(`[${B}]`)){const t=e.getAttribute(B)??"";let n;try{n=m(t)}catch{continue}const l=[...e.querySelectorAll(`[${K}]`)].filter(t=>t.parentElement?.closest(`[${B}]`)===e),s=l.map(r);o.push({key:t,list:n,box:r(e),axis:O(s,e),children:s}),l.forEach((e,t)=>{const l=e.getAttribute(K);l&&a.push({id:l,place:{...n,index:t},box:s[t]})})}return{nodes:a,zones:o}}var q="data-es-empty-cell",P="data-puck-dropzone",Y=140;var Z=e=>({left:e.left,top:e.top,width:e.width,height:e.height});function F(d){const{canvas:h,session:p,readOnly:f,words:m=e.canvas}=d,w=b(d);g(()=>{w.current=d});const T=b(null),C=o(h),[E,$]=y(0),j=v(()=>$(e=>e+1),[]),[B,K]=y(M);g(()=>{const e=T.current;h&&e&&K((w.current.measure??X)(h,e))},[h,C,d.revision,E]);const O=d.model,Y=x(()=>O(B),[O,B]),F=k(p.subscribe,p.shown,p.shown),[R,G]=y(null),[H,Q]=y(null),V=b(null),W=()=>{V.current&&clearTimeout(V.current),V.current=null},I=()=>{W(),V.current=setTimeout(()=>{p.get()||G(null)},140)};g(()=>W,[]);const J=b(null);s(h,"mousemove",e=>{const t=T.current;if(!h||!t)return;const n=i(h.frame,e.clientX,e.clientY,t),l=c(t),r={x:n.x/l,y:n.y/l};if(J.current=r,w.current.readOnly||p.get())return;W();const a=S(Y.sources,r.x,r.y);G(e=>e?.key===a?.key&&e?.box===a?.box?e:a)}),s(h,"mouseout",e=>{e.relatedTarget||(J.current=null,I())}),s(h,"mouseover",e=>{e.relatedTarget||j()});const U=b(null),_=v(()=>{U.current?.(),U.current=null,Q(null)},[]);g(()=>p.subscribe(()=>{p.get()?j():_()}),[p,_,j]),g(()=>_,[_]),("undefined"==typeof document?g:N)(()=>{if(p.get())return;const e=J.current;G(t=>f?null:e?S(Y.sources,e.x,e.y):t?Y.sources.find(e=>e.key===t.key)??null:null)},[Y,F,p,f]);const ee=e=>{const t=p.get(),n=T.current;if(!t||!n)return null;const l=u(n,e.clientX,e.clientY);J.current=l;const r=L(Y.zones,l.x,l.y,e=>w.current.canDrop(t.item,e),e=>!!t.from&&a(t.from,e),e=>w.current.fallThrough?.(t.item,e,t.from)??!0);return r?{h:t,t:r}:null},te={onDragEnter:e=>{if(U.current)return;const t=n(e.currentTarget.parentElement?.parentElement??null),a=h?l(h.document):null,o=[];t&&o.push(r(t)),a&&h&&o.push(r(a,h.frame)),U.current=o.length?()=>o.forEach(e=>e()):null},onDragOver:e=>{const n=ee(e);if(!n)return void Q(null);e.preventDefault(),e.dataTransfer.dropEffect=t(e.dataTransfer.effectAllowed);const l={zoneKey:n.t.zone.key,line:n.t.line,axis:n.t.zone.axis};Q(e=>e&&e.zoneKey===l.zoneKey&&e.line.left===l.line.left&&e.line.top===l.line.top?e:l)},onDragLeave:e=>{const t=e.relatedTarget;t&&e.currentTarget.contains(t)||(J.current=null,Q(null))},onDrop:e=>{const t=ee(e);t&&(e.preventDefault(),p.end(),_(),w.current.onDrop(t.h.item,t.t.to))}},ne={draggable:!f&&!!R,onMouseEnter:W,onMouseLeave:()=>!p.get()&&I(),onDragStart:e=>{if(R&&!f){p.start({key:R.key,item:R.item,from:R.from}),e.dataTransfer.effectAllowed="move";try{e.dataTransfer.setData("text/plain",R.key)}catch{}}else e.preventDefault()},onDragEnd:()=>{p.end(),_()},onClick:()=>{R&&!f&&w.current.onPick?.(R.item)}},{seams:le=[]}=Y,re=Y.zones.filter(e=>0===e.children.length),ae=d.onZoneAdd&&!f?re:[],oe=ae.map(e=>e.key).join("\n");return g(()=>{const e=h?.document;if(!e)return;const t=new Set(oe?oe.split("\n"):[]);for(const n of e.querySelectorAll(`[${P}]`))n.toggleAttribute(q,t.has(n.getAttribute(P)??""));return()=>{for(const t of e.querySelectorAll(`[${q}]`))t.removeAttribute(q)}},[h,oe,B,C,E]),/* @__PURE__ */D("div",{ref:T,className:"es-canvas-layer",children:[F||!d.onSeamAdd||f?null:le.map(e=>/* @__PURE__ */z("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__ */z("button",{type:"button",className:"es-canvas-seam-add",onClick:()=>d.onSeamAdd?.(e.place),children:m.addButton({label:d.seamLabel??m.addSection})})},e.key)),ae.length?ae.map(e=>/* @__PURE__ */z("button",{type:"button",className:H?.zoneKey===e.key?"es-canvas-empty is-over":"es-canvas-empty",style:Z(e.box),onClick:()=>d.onZoneAdd?.({...e.list,index:0}),children:/* @__PURE__ */z("span",{className:"es-canvas-empty-add",children:m.addButton({label:d.zoneAddLabel??m.addBlock})})},e.key)):null,F?/* @__PURE__ */z("div",{className:"es-canvas-catch",...te}):null,H&&!re.some(e=>e.key===H.zoneKey)?/* @__PURE__ */z("div",{className:`es-canvas-line is-${H.axis}`,style:Z(H.line)}):null,
-/* @__PURE__ */z("div",{className:"es-canvas-handle-spot",style:R?{"--es-handle-x":`${R.box.left+2}px`,"--es-handle-y":`${Math.max(R.box.top-11,0)}px`}:void 0,children:/* @__PURE__ */z(A,{className:"es-canvas-handle-tip",side:"top",content:!R||f||F?null:R.title??m.handle({label:R.label}),children:/* @__PURE__ */D("div",{className:["es-canvas-handle",R&&!f?"is-shown":"",F?"is-dragging":""].filter(Boolean).join(" "),...ne,children:[
-/* @__PURE__ */z("span",{className:"es-canvas-grip","aria-hidden":"true",children:"⋮⋮"}),R?.label]})})})]})}var R=e=>e.tiles.length>0&&e.tiles.every(e=>null!=e.cover);function G({groups:t,session:n,itemFor:l,onInsert:r,at:a,hint:o,searchLabel:s,readOnly:i,words:c=e.add}){const d=o??c.hint,u=s??c.search,[m,b]=y(""),g=w(),v=m.trim().toLowerCase(),x=function(e){const t=/* @__PURE__ */new Map;return e.map(e=>{const n=e.key??e.title,l=t.get(n)??0;return t.set(n,l+1),0===l?n:`${n}\0${l}`})}(t),k=t.map((e,t)=>({...e,key:x[t],tiles:v?e.tiles.filter(e=>((e,t)=>e.label.toLowerCase().includes(t)||(e.keywords??[]).some(e=>e.toLowerCase().includes(t)))(e,v)):e.tiles})).filter(e=>e.tiles.length>0),N=(e,t)=>r=>{if(t)r.preventDefault();else{n.start({key:`new:${e}`,item:l(e)}),r.dataTransfer.effectAllowed="copy";try{r.dataTransfer.setData("text/plain",e)}catch{}}};/* @__PURE__ */
-return D("div",{className:"es-add",children:[a?/* @__PURE__ */D("div",{className:"es-add-at",role:"status",children:[
-/* @__PURE__ */z("span",{children:a.label}),h(c.stop,/* @__PURE__ */z("button",{type:"button",className:"es-add-at-clear","aria-label":c.stop,onClick:a.onClear,children:/* @__PURE__ */z(p,{size:12,"aria-hidden":"true"})}))]}):null,
-/* @__PURE__ */z("p",{className:"es-add-hint",children:d}),
-/* @__PURE__ */D("div",{className:"es-add-search",children:[
-/* @__PURE__ */z(f,{size:16,"aria-hidden":"true"}),
-/* @__PURE__ */z("input",{id:g,type:"search","aria-label":u,placeholder:c.searchPlaceholder({label:u}),value:m,onChange:e=>b(e.target.value)}),m?/* @__PURE__ */z("button",{type:"button",className:"es-add-search-clear","aria-label":c.clearSearch,onClick:()=>b(""),children:/* @__PURE__ */z(p,{size:12,"aria-hidden":"true"})}):null]}),0===k.length?/* @__PURE__ */D("div",{className:"es-add-empty",role:"status",children:[
-/* @__PURE__ */z("div",{className:"es-add-empty-title",children:c.nothing({query:m.trim()})}),
-/* @__PURE__ */z("div",{className:"es-add-empty-sub",children:c.tryAnother})]}):k.map(e=>/* @__PURE__ */D("section",{className:"es-add-group","aria-label":e.title,children:[
-/* @__PURE__ */D("div",{className:"es-add-group-head",children:[
-/* @__PURE__ */z("span",{className:"es-add-group-title",children:e.title}),
-/* @__PURE__ */z("span",{className:"es-add-group-count",children:e.tiles.length})]}),
-/* @__PURE__ */z("div",{className:R(e)?"es-add-grid is-cards":"es-add-grid",children:e.tiles.map(e=>{const t=Boolean(i||e.disabled),l=i?void 0:e.disabled?e.disabledReason:e.title??c.tile({label:e.label});return h(l,/* @__PURE__ */D("button",{type:"button",className:null!=e.cover?"es-add-tile has-cover":"es-add-tile",draggable:!t,"aria-disabled":t||void 0,"aria-label":c.tile({label:e.label}),onDragStart:N(e.type,t),onDragEnd:()=>n.end(),onClick:()=>!t&&r(e.type),children:[null!=e.cover?/* @__PURE__ */z("span",{className:"es-add-tile-cover","aria-hidden":"true",children:e.cover}):e.icon?/* @__PURE__ */z("span",{className:"es-add-tile-glyph","aria-hidden":"true",children:e.icon}):null,
-/* @__PURE__ */z("span",{className:"es-add-tile-label",children:e.label})]},e.type))})})]},e.key))]})}export{G as AddPanel,F as CanvasDragLayer,M as EMPTY_MEASURE,Y as HANDLE_GRACE_MS,L as canvasTarget,T as contains,E as gapInZone,$ as gapLine,X as measureCanvas,S as pickSource,j as seamsBetween};

package/dist/chunk-X6DQWK2C.js

@@ -1 +0,0 @@
-var a={railWidth:46,railPaddingY:8,railGap:4,railRadius:"var(--radius-xl)",buttonSize:36,iconSize:18,color:{background:"var(--surface)",shadow:"0 1px 2px rgba(0, 0, 0, 0.05), 0 10px 30px rgba(0, 0, 0, 0.06)"}},i={railWidth:"--es-rail-w",railPaddingY:"--es-rail-pad-y",railGap:"--es-rail-gap",railRadius:"--es-rail-radius",buttonSize:"--es-rail-btn-size",iconSize:"--es-rail-icon-size",background:"--es-rail-bg",shadow:"--es-rail-shadow"};export{i as railCssVars,a as railTokens};