@element-editor/ui 0.0.0-stage → 0.2.1

package/dist/GeoJSONModal-Dd-nBufy.cjs

@@ -0,0 +1,9 @@
+"use strict";var Jt=Object.defineProperty;var Wt=(e,n,t)=>n in e?Jt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var ot=(e,n,t)=>Wt(e,typeof n!="symbol"?n+"":n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),k=require("react"),oe=require("./useAdapterControls-BBObhzVX.cjs"),ee=require("./index-DG4wEjGj.cjs"),Je=require("./useAccentStyle-hsGvyHZc.cjs"),We=require("@element-editor/core"),zt=require("react-dom"),le=require("@phosphor-icons/react"),Fe=require("./useWindowFocus-EemgNOuz.cjs"),te=require("@codemirror/view"),D=require("@codemirror/state"),Ht=require("@codemirror/lang-json"),Bt=require("@codemirror/theme-one-dark"),Gt=require("codemirror"),rt=require("@codemirror/lint"),Ut=require("./useFocusTrap-BBjPCfDR.cjs"),Vt=require("./useJumpToFeature-LwjxGzfy.cjs"),we=require("./EditToolbarBtn-Ch9HCLHq.cjs");function $t(e){const{_validation:n,...t}=e,o=JSON.stringify(t,null,2).split(`
+`);for(let r=0;r<o.length;r++)o[r]="    "+o[r];return o}function Le(e,n,t){const o=JSON.stringify({type:"FeatureCollection",metadata:{schemas:e,groups:n},features:[]},null,2);return(t?o:o.slice(0,-3)).split(`
+`)}const Ct=["  ]","}"];function je(e,n,t=[]){for(let o=0;o<e.length;o++){const r=n(e[o]);for(let s=0;s<r.length;s++)t.push(r[s]);o<e.length-1&&(t[t.length-1]+=",")}return t}function st(e,n,t,o){const r=Le(n,t,e.length===0),s={features:e,counts:e.map(h=>o(h).length),headerLines:r.length,schemas:n,groups:t};if(!e.length)return{text:D.Text.of(r),map:s};const l=je(e,o,r);return l.push(...Ct),{text:D.Text.of(l),map:s}}function*Yt(e,n,t,o){if(yield Le(n,t,e.length===0),!!e.length){for(let r=0;r<e.length;r++){const s=o(e[r]);if(r===e.length-1){yield s;break}const l=s.slice();l[l.length-1]+=",",yield l}yield Ct}}function Kt(e,n,t,o){return{features:e,counts:e.map(r=>o(r).length),headerLines:Le(n,t,e.length===0).length,schemas:n,groups:t}}const Xt=(e,n)=>e===n||e.length===n.length&&e.every((t,o)=>t===n[o]);function pe(e){const n=new Array(e.counts.length);let t=e.headerLines+1;for(let o=0;o<e.counts.length;o++)n[o]=t,t+=e.counts[o];return n}function Zt(e,n){let t=e.headerLines+1;for(let o=0;o<e.counts.length;o++){if(n<t)return-1;if(n<t+e.counts[o])return o;t+=e.counts[o]}return-1}function Qt(e,n,t,o,r,s){const l=n.features;if(!l.length||!t.length)return null;const h=pe(n),v=c=>c===l.length-1,j=c=>e.line(h[c]).from,i=c=>e.line(h[c]+n.counts[c]-1).to-(v(c)?0:1),p=[];let T=n.headerLines;if(o!==n.schemas||r!==n.groups){const c=Le(o,r,!1);p.push({from:0,to:e.line(n.headerLines).to,insert:D.Text.of(c)}),T=c.length}let S=0;const B=Math.min(l.length,t.length);for(;S<B&&l[S]===t[S];)S++;let A=0;for(;A<B-S&&l[l.length-1-A]===t[t.length-1-A];)A++;const m=l.length-A,I=t.length-A,J=n.counts.slice(0,S);if(m-S===I-S)for(let c=S;c<m;c++){if(l[c]===t[c]||Xt(s(l[c]),s(t[c]))){J.push(n.counts[c]);continue}p.push({from:j(c),to:i(c),insert:D.Text.of(s(t[c]))}),J.push(s(t[c]).length)}else{const c=t.slice(S,I);for(const b of c)J.push(s(b).length);if(m>S&&c.length)p.push({from:j(S),to:i(m-1),insert:D.Text.of(je(c,s))});else if(m>S)S>0?p.push({from:i(S-1),to:i(m-1)}):p.push({from:j(0),to:j(m)});else{const b=je(c,s);S>0?p.push({from:i(S-1),insert:D.Text.of([",",...b])}):(b[b.length-1]+=",",b.push(""),p.push({from:j(0),insert:D.Text.of(b)}))}}for(let c=m;c<l.length;c++)J.push(n.counts[c]);return{changes:p,map:{features:t,counts:J,headerLines:T,schemas:o,groups:r}}}const en=["Point","MultiPoint","LineString","MultiLineString","Polygon","MultiPolygon","GeometryCollection"],kt=e=>{const n=e;return!n||typeof n!="object"||!en.includes(n.type)?!1:n.type==="GeometryCollection"?Array.isArray(n.geometries)&&n.geometries.every(kt):Array.isArray(n.coordinates)};function Ce(e){return!!e&&typeof e=="object"&&e.type==="Feature"&&kt(e.geometry)}function ct(e){return!e||typeof e!="object"||Array.isArray(e)?'Expected a feature: { "type": "Feature", … }':e.type!=="Feature"?'A feature needs "type": "Feature"':'A feature needs a geometry with a valid "type" and "coordinates"'}function it(e){const n=e.length;let t=0;const o=(i,p=t)=>{throw new lt(p,i)},r=()=>{for(;t<n;t++){const i=e.charCodeAt(t);if(i!==32&&i!==10&&i!==13&&i!==9)break}},s=/-?(?:0|[1-9]\d*)(?:\.\d+)?(?:[eE][+-]?\d+)?/y,l='"\\/bfnrt',h=()=>{const i=t++;for(;;){t>=n&&o("Missing a closing quote",i);const p=e.charCodeAt(t);if(p===34){t++;return}if(p===92){const T=e[t+1];T==="u"&&/^[0-9a-fA-F]{4}$/.test(e.slice(t+2,t+6))?t+=6:T!==void 0&&l.includes(T)?t+=2:o("Invalid escape in a string (a backslash must be doubled)")}else p<32?o(p===10?"Missing a closing quote":"Control character in a string",p===10?i:t):t++}},v=(i,p)=>{t++;for(let T=0;;T++){r();let S=0;for(;e[t]===",";)t++,S++,r();if(t>=n&&o(`Missing a closing ${i}`),e[t]===i){t++;return}T&&!S&&o(`Expected a comma or a closing ${i}`),p()}},j=()=>{r();const i=e[t];if(i===void 0)o("Expected a value, the text ends here");else if(i==="{")v("}",()=>{e[t]!=='"'&&o("Expected a property name in double quotes"),h(),r(),e[t]!==":"&&o("Expected a colon after the property name"),t++,j()});else if(i==="[")v("]",j);else if(i==='"')h();else if(i==="-"||i>="0"&&i<="9"){s.lastIndex=t;const p=s.exec(e);p||o("Invalid number"),t+=p[0].length}else{const p=["true","false","null"].find(T=>e.startsWith(T,t));p||o("Expected a value (text needs double quotes)"),t+=p.length}};try{if(!e.trim())return null;for(j(),r();e[t]===",";)t++,r();return t<n&&o("Unexpected text after the end"),null}catch(i){return i instanceof lt?{pos:i.pos,message:i.message}:null}}class lt{constructor(n,t){this.pos=n,this.message=t}}function tn(e,n,t,o){const r=n.features.length;if(!r)return{kind:"full"};const s=pe(n),l=c=>e.line(s[c]).from,h=c=>e.line(s[c]+n.counts[c]-1).to,v=c=>h(c)-(c===r-1?0:1),j=c=>{const b=e.lineAt(c).number;let w=0,L=r-1;for(;w<L;){const g=w+L+1>>1;s[g]<=b?w=g:L=g-1}return w},i=[];let p=!1;if(t.iterChangedRanges((c,b)=>{if(p)return;if(c<l(0)||b>h(r-1)){p=!0;return}let w=j(c),L=Math.max(w,j(b));c>v(w)&&(L===w?L=w+1:w++),b>v(L)&&L<r-1&&L++;const g=i[i.length-1];g&&w<=g[1]?g[1]=Math.max(g[1],L):i.push([w,L])}),p||!i.length)return{kind:"full"};const T=n.features.slice(),S=n.counts.slice(),B=[];let A=!1,m=null;for(let c=i.length-1;c>=0;c--){const[b,w]=i[c],L=t.mapPos(l(b),-1),g=t.mapPos(v(w),1),R=ze("["+o.sliceString(L,g)+"]");if(!Array.isArray(R)||!R.every(Ce)){m={from:L,to:g};continue}m||(T.splice(b,w-b+1,...R),R.length===1?S.splice(b,w-b+1,o.lineAt(g).number-o.lineAt(L).number+1):R.length?A=!0:S.splice(b,w-b+1),B[c]=R.length)}if(m)return{kind:"invalid",...m};const I=[];let J=0;return i.forEach(([c,b],w)=>{const L=c+J;for(let g=L-1;g<=L+B[w];g++)I.push(g);J+=B[w]-(b-c+1)}),{kind:"ok",features:T,counts:A?null:S,around:I,runs:i.map(([c,b],w)=>({i:c,j:b,length:B[w]}))}}function Et(e,n,t=0){if(e===n)return null;const o=Math.min(e.length,n.length);let r=0;for(;r<o&&e.charCodeAt(r)===n.charCodeAt(r);)r++;let s=0;for(;s<o-r&&e.charCodeAt(e.length-1-s)===n.charCodeAt(n.length-1-s);)s++;return{from:t+r,to:t+e.length-s,insert:n.slice(r,n.length-s)}}function nn(e,n,t,o,r,s,l){const h=n.features.length,v=pe(n),j=m=>e.line(v[m]).from,i=m=>e.line(v[m]+n.counts[m]-1).to,p=[];let T=0;for(const m of r){const I=p[p.length-1];I&&m.i===I.j+1?(I.j=m.j,I.length+=m.length):p.push({...m,at:m.i+T}),T+=m.length-(m.j-m.i+1)}const S=[],B=[];let A=0;for(const{i:m,j:I,at:J,length:c}of p){for(;A<m;A++)B.push(n.counts[A]);A=I+1;const b=s.slice(J,J+c);for(const P of b)B.push(l(P).length);const w=m>0,L=I<h-1,g=t.mapPos(w?i(m-1)-1:j(0)-1,-1),R=t.mapPos(L?j(I+1):i(h-1)+1,1),ae=c?(w?",":"")+`
+`+je(b,l).join(`
+`)+(L?",":"")+`
+`:(w&&L?",":"")+`
+`,ue=Et(o.sliceString(g,R),ae,g);ue&&S.push(ue)}for(;A<h;A++)B.push(n.counts[A]);return{changes:S,counts:B}}function on(e,n,t,o){const r=t.length;if(!r)return null;const s=pe({headerLines:n,counts:t}),l=[];for(const h of o){if(h<0||h>=r)continue;const v=s[h],j=v+t[h]-1;if(j+1>e.lines||e.line(v).text!=="    {")return null;const i=e.line(j);if(h<r-1){if(i.text!=="    },")return null;continue}if(e.line(j+1).text!=="  ]")return null;if(i.text==="    },")l.push({from:i.to-1,to:i.to+1,insert:`
+`});else if(i.text!=="    }")return null}return l}function rn(e,n){const t=[];e.iterChangedRanges((r,s)=>{t.push([r,s])});let o=!1;return n.iterChangedRanges((r,s)=>{o||(o=t.some(([l,h])=>l<=s&&r<=h))}),o}function Ie(e,n,t=1){let o=0,r=t,s=-1,l=-1;for(const h=e.iterLines(t);!h.next().done;r++){const v=h.value;if(v==="    {"){if(s!==-1)return{start:s,end:r-1};o++===n&&(s=r)}else s!==-1&&l===-1&&(v==="    }"||v==="    },")&&(l=r)}return s===-1?null:{start:s,end:l===-1?s:l}}function ze(e){if(!e.trim())return{type:"FeatureCollection",features:[]};try{return JSON.parse(e)}catch{}const n=[];let t=0,o=!1,r="";for(let s=0;s<e.length;s++){const l=e[s];if(o){l==="\\"?s++:l==='"'&&(o=!1);continue}if(l==='"'){o=!0,r=l;continue}if(!(l===" "||l===`
+`||l==="\r"||l==="	")){if(l===","){let h=s+1;for(;h<e.length&&/\s/.test(e[h]);)h++;const v=e[h];if(r==="["||r==="{"||r===","||v==="]"||v==="}"||v===","||v===void 0){n.push(e.slice(t,s)),t=s+1;continue}}r=l}}n.push(e.slice(t));try{return JSON.parse(n.join(""))}catch{return null}}const at="elm_code_win_size",ut=100,ft=2e6,sn={syntax:e=>`Invalid JSON at line ${e}`,feature:e=>`Invalid feature at line ${e}`,collection:()=>"Not a GeoJSON FeatureCollection"},Pe=new WeakMap;function dt(e,n,t){n=Math.max(0,Math.min(n,e.length));const o=e.lineAt(n);let r=n;for(;r<o.to&&(r===n||!/[\s,:{}[\]]/.test(o.text[r-o.from]));)r++;return{kind:"syntax",from:n,to:r,message:t}}function _e(e,n,t,o){const r=e.line(Math.max(1,Math.min(n,e.lines)));return{kind:t,from:r.from+(r.text.length-r.text.trimStart().length),to:r.to,message:o}}const He=D.StateEffect.define(),cn=te.Decoration.line({class:"cm-feature-highlight"}),ke=D.StateField.define({create:()=>null,update(e,n){for(const t of n.effects)if(t.is(He))return t.value;return e&&n.docChanged?{from:n.changes.mapPos(e.from,1),to:n.changes.mapPos(e.to,-1)}:e}});function ht(e){const n=e.state.field(ke);if(!n)return te.Decoration.none;const t=e.state.doc,o=new D.RangeSetBuilder;let r=0;for(const{from:s,to:l}of e.visibleRanges){const h=Math.min(l,n.to);for(let v=Math.max(s,n.from,r);v<=h;){const j=t.lineAt(v);o.add(j.from,j.from,cn),v=r=j.to+1}}return o.finish()}const ln=[ke,te.ViewPlugin.fromClass(class{constructor(e){ot(this,"decorations");this.decorations=ht(e)}update(e){(e.docChanged||e.viewportChanged||e.startState.field(ke)!==e.state.field(ke))&&(this.decorations=ht(e.view))}},{decorations:e=>e.decorations})],Ee=D.Annotation.define(),he=[Ee.of(!0),D.Transaction.addToHistory.of(!1)],qe=5e3,mt=12,an=200,gt=2e4;function Mt(e,n){if(!e)return 1;if(e.type==="GeometryCollection")return e.geometries.reduce((o,r)=>o+Mt(r,n),0);const t=o=>{if(!Array.isArray(o)||typeof o[0]=="number")return 1;let r=0;for(const s of o)if(r+=t(s),r>n)break;return r};return t(e.coordinates)}const Me=()=>{const e=globalThis.scheduler;return e!=null&&e.yield?e.yield():new Promise(n=>setTimeout(n,0))};async function pt(e,n){const o=[];for(let r=0;r<e.length;r+=1048576)o.push(e.sliceString(r,Math.min(e.length,r+1048576))),o.length%4===0&&await Me();return new Blob(o,{type:n})}const un=te.EditorView.theme({"&":{height:"100%",fontSize:"14px"},"&.cm-focused":{outline:"none"},".cm-scroller":{fontFamily:"var(--elm-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)",lineHeight:"1.65",overflow:"auto"}}),bt=D.Prec.highest(te.EditorView.theme({"&":{backgroundColor:"transparent",color:"var(--elm-text, #262626)"},".cm-gutters":{backgroundColor:"transparent",color:"var(--elm-text-subtle, #a3a3a3)",borderRight:"1px solid var(--elm-border, #e5e5e5)"},".cm-activeLine":{backgroundColor:"rgb(0 0 0 / 0.03)"},".cm-activeLineGutter":{backgroundColor:"rgb(0 0 0 / 0.04)",color:"var(--elm-text-secondary, #525252)"},".cm-cursor, .cm-dropCursor":{borderLeftColor:"var(--elm-text, #262626)"},"&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection":{backgroundColor:"var(--elm-border, #e5e5e5)"},".cm-selectionMatch":{backgroundColor:"rgb(0 0 0 / 0.06)"},"&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket":{backgroundColor:"rgb(0 0 0 / 0.1)",outline:"none"},".cm-searchMatch":{backgroundColor:"rgb(0 0 0 / 0.08)",outline:"1px solid rgb(0 0 0 / 0.15)"},".cm-foldPlaceholder":{backgroundColor:"var(--elm-surface-hover, #f5f5f5)",border:"1px solid var(--elm-border, #e5e5e5)",color:"var(--elm-text-muted, #737373)"},".cm-tooltip, .cm-panels":{backgroundColor:"var(--elm-surface-raised, #ffffff)",border:"1px solid var(--elm-border, #e5e5e5)"},".cm-feature-highlight":{backgroundColor:"rgb(0 0 0 / 0.05)"}})),xt=[Bt.oneDark,D.Prec.highest(te.EditorView.theme({"&":{backgroundColor:"transparent",color:"var(--elm-text, #e5e5e5)"},".cm-gutters":{backgroundColor:"transparent",color:"var(--elm-text-subtle, #737373)",borderRight:"1px solid var(--elm-border, #404040)"},".cm-activeLine":{backgroundColor:"rgb(255 255 255 / 0.04)"},".cm-activeLineGutter":{backgroundColor:"rgb(255 255 255 / 0.06)",color:"var(--elm-text-secondary, #d4d4d4)"},".cm-cursor, .cm-dropCursor":{borderLeftColor:"var(--elm-text, #e5e5e5)"},"&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection":{backgroundColor:"var(--elm-border, #404040)"},".cm-selectionMatch":{backgroundColor:"rgb(255 255 255 / 0.1)"},"&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket":{backgroundColor:"rgb(255 255 255 / 0.15)",outline:"none"},".cm-searchMatch":{backgroundColor:"rgb(255 255 255 / 0.12)",outline:"1px solid rgb(255 255 255 / 0.2)"},".cm-foldPlaceholder":{backgroundColor:"var(--elm-surface-raised, #262626)",border:"1px solid var(--elm-border, #404040)",color:"var(--elm-text-muted, #a3a3a3)"},".cm-tooltip, .cm-panels":{backgroundColor:"var(--elm-surface-raised, #262626)",border:"1px solid var(--elm-border, #404040)"},".cm-feature-highlight":{backgroundColor:"rgb(255 255 255 / 0.07)"}},{dark:!0}))],yt=320,vt=240,wt=520,St=480,Se=`flex ${ee.panelHeaderIconBtn}`;function fn({onClose:e}){const{uiStore:n}=oe.useGeoStore(),t=Je.useElementEditorConfig(),[o,r]=k.useState(ee.useInitialCodeDocked()),[s,l]=k.useState(()=>!oe.inspectorOpenedOnLoad.has(n)),h=()=>{r(!o),l(!0),We.writeStorage(ee.CODE_DOCKED_KEY,o?"0":"1",t)};return x.jsx(dn,{onClose:e,autoFocus:s,docked:o,onToggleDock:h},String(o))}function dn({onClose:e,autoFocus:n,docked:t,onToggleDock:o}){var Xe;const r=(Xe=k.useContext(oe.EventContext))==null?void 0:Xe.emit,{pos:s,onHandleMouseDown:l}=Fe.useDragWindow("elm_code_win",{x:100,y:100}),h=Je.useElementEditorConfig(),{zIndex:v,focus:j}=Fe.useWindowFocus(),{dataStore:i,uiStore:p}=oe.useGeoStore(),T=oe.useDataStore(a=>a.features),S=oe.useDataStore(a=>a.schemas),B=oe.useDataStore(a=>a.groups),A=oe.useDataStore(a=>a.selectedIds),m=oe.useTheme(),I=Je.useAccentStyle(),J=ee.useCodeDock(t),c=k.useRef(null),b=k.useRef(null),w=k.useRef(new D.Compartment),L=k.useRef(new D.Compartment),g=k.useRef(null),R=k.useRef(null),ae=k.useRef(null),ue=k.useRef(()=>{}),P=k.useRef(null),Be=k.useRef(m),me=k.useRef(null),Ge=k.useRef(null),Ne=k.useRef(null),Ue=Vt.useJumpToFeature(),Ve=k.useRef(Ue);Ve.current=Ue;const[se,jt]=k.useState(!0),[Lt,Nt]=k.useState(0),[Te,$e]=k.useState(!1),[be,Tt]=k.useState(null),[xe,Rt]=k.useState(()=>{try{const a=We.readStorage(at,h);return a?JSON.parse(a):{w:wt,h:St}}catch{return{w:wt,h:St}}}),Dt=k.useCallback((a,E)=>{We.writeStorage(at,JSON.stringify({w:a,h:E}),h)},[h]);k.useEffect(()=>{Be.current=m},[m]),ee.usePanelOffset(me,t),ee.useWindowEscape(me,!0,e,v,{topWindow:!t});function Ot(a){a.preventDefault(),a.stopPropagation();const E=a.clientX,$=a.clientY,O=xe.w,Z=xe.h,Y=ee.startDragShield("se-resize");function G(K){const _=Math.max(yt,Math.min(window.innerWidth*.9,O+K.clientX-E)),ne=Math.max(vt,Math.min(window.innerHeight*.85,Z+K.clientY-$));Rt({w:_,h:ne})}function U(){Y(),document.removeEventListener("mousemove",G),document.removeEventListener("mouseup",U);const K=me.current;K&&Dt(K.offsetWidth,K.offsetHeight)}document.addEventListener("mousemove",G),document.addEventListener("mouseup",U)}k.useEffect(()=>{if(!c.current)return;let a=!1,E=!1,$=!0,O=!1,Z=null,Y=null;const G=new WeakMap,U=u=>{let d=G.get(u);return d||(d=$t(u),G.set(u,d)),d};let K=0;function _(u){E||!u&&!Z||(Z=u,N.dispatch(rt.setDiagnostics(N.state,u?[{from:u.from,to:u.to,severity:"error",message:u.message}]:[])),Tt(u&&{kind:u.kind,line:N.state.doc.lineAt(u.from).number}))}function ne(){O=!1,Y=null,_(null)}function ye(u,d){const f=N.state.doc,C="["+f.sliceString(u,d)+"]",y=it(C),M=y?null:ze(C);if(!Array.isArray(M))return dt(f,u+(y?y.pos-1:0),(y==null?void 0:y.message)??"Invalid JSON");const z=Math.max(0,M.findIndex(V=>!Ce(V))),q=Ie(f,z,f.lineAt(u).number);return _e(f,q?q.start:f.lineAt(u).number,"feature",ct(M[z]))}function Pt(u,d){const f=N.state.doc;if(!d){const M=it(u);return dt(f,M?M.pos:0,(M==null?void 0:M.message)??"Invalid JSON")}if(d.type!=="FeatureCollection"||!Array.isArray(d.features))return _e(f,1,"collection",'Expected { "type": "FeatureCollection", "features": [ … ] }');const C=d.features.findIndex(M=>!Ce(M)),y=Ie(f,C);return _e(f,y?y.start:1,"feature",ct(d.features[C]))}function ge(u=!1){const d=g.current,f=R.current,C=i.getState(),y=C.features;if(d&&d.features!==y)return;let M=null;if(d&&f){const H=tn(f.base,d,f.changes,N.state.doc);if(H.kind==="ok"&&H.features.length){const Oe=H.counts&&on(N.state.doc,d.headerLines,H.counts,H.around);C.updateFeaturesFromEditor({type:"FeatureCollection",features:H.features});const de=i.getState().features;if(de===y){_(null);return}if(ne(),R.current=null,ae.current=de,Oe)Oe.length&&N.dispatch({changes:Oe,annotations:Ee.of(!0)}),g.current={...d,features:de,counts:H.counts};else{const Ae=nn(f.base,d,f.changes,N.state.doc,H.runs,de,U);Ae.changes.length&&N.dispatch({changes:Ae.changes,annotations:he}),g.current={...d,features:de,counts:Ae.counts}}Ze(de);return}if(H.kind==="invalid"&&(M=H,N.state.doc.length>ft)){_(ye(H.from,H.to));return}}const z=N.state.doc,q=z.length>ft&&!u?z.length/1e4-(performance.now()-K):0;if(q>0){P.current=setTimeout(ge,q);return}const V=z.toString(),F=ze(V);if((F==null?void 0:F.type)!=="FeatureCollection"||!Array.isArray(F.features)||!F.features.every(Ce)){_(M?ye(M.from,M.to):Pt(V,F));return}C.updateFeaturesFromEditor(F);const re=i.getState().features;if(re===y){_(null);return}ne(),R.current=null,ae.current=re;const{schemas:ce,groups:Q}=i.getState(),{text:X,map:ie}=st(re,ce,Q,U);if(X.eq(z))g.current=ie;else if(JSON.stringify(F.metadata)===JSON.stringify({schemas:ce,groups:Q})){const H=Et(V,X.toString());H&&N.dispatch({changes:H,annotations:he}),g.current=ie}else g.current=null;Ze(re)}function Ze(u){const d=p.getState(),f=d.dialogState;f.type==="edit"&&!u.some(C=>C.id===f.featureId)&&d.closeDialog()}const Re=i.getState();let W=Pe.get(i)??null;Pe.delete(i),W&&!W.map&&!(W.store.features===Re.features&&W.store.schemas===Re.schemas&&W.store.groups===Re.groups)&&(W=null);const N=new te.EditorView({state:D.EditorState.create({doc:W?W.doc:"",extensions:[Gt.basicSetup,Ht.json(),ln,L.current.of(D.EditorState.readOnly.of(!0)),w.current.of(Be.current==="dark"?xt:bt),un,te.EditorView.updateListener.of(u=>{if(u.selectionSet&&!u.docChanged&&u.transactions.some(f=>f.isUserEvent("select.pointer"))){const f=u.state.selection.main,C=g.current;if(f.empty&&C&&!R.current){const y=C.features[Zt(C,u.state.doc.lineAt(f.head).number)],{selectedIds:M,selectFeature:z}=i.getState();y&&!(M.length===1&&M[0]===y.id)&&(Ne.current=y.id,z(y.id),Ve.current(y))}}let d=!1;for(const f of u.transactions){if(!f.docChanged||f.annotation(Ee)||(d=!0,!g.current))continue;const C=R.current;R.current=C?{base:C.base,changes:C.changes.compose(f.changes)}:{base:f.startState.doc,changes:f.changes}}d&&(O=!0,K=performance.now(),u.transactions.some(f=>f.docChanged&&f.annotation(Ee))&&(g.current=null,R.current=null),P.current&&clearTimeout(P.current),P.current=setTimeout(ge,ut))})]}),parent:c.current});let Qe=!0;const et=()=>{const u=Qe||p.getState().readonly;u!==$&&($=u,N.dispatch({effects:L.current.reconfigure(D.EditorState.readOnly.of(u))}))},tt=u=>{Qe=u,et()},_t=p.subscribe((u,d)=>{u.readonly!==d.readonly&&et()});async function qt(u,d,f){P.current&&clearTimeout(P.current),R.current=null,g.current=null,O=!1,_(null);let C=0,y=[];const M=async()=>{for(let q=0;q<y.length;q+=gt){const V=y.slice(q,q+gt),F=N.state.doc;if(N.dispatch({changes:C++?{from:F.length,insert:D.Text.of(["",...V])}:{from:0,to:F.length,insert:D.Text.of(V)},annotations:he}),await Me(),a)return!1}return y=[],!0};let z=performance.now();for(const q of Yt(u,d,f,U)){for(const V of q)y.push(V);if(C<2?!C||y.length>an:performance.now()-z>mt){if(!await M())return!1;z=performance.now()}}return await M()?(g.current=Kt(u,d,f,U),!0):!1}let ve=!1,De=!1;async function nt(){if(ve){De=!0;return}ve=!0;let u=!1;try{do{De=!1;const{features:d,schemas:f,groups:C}=i.getState(),y=g.current,M=y??Y;if(M&&M.features===d&&M.schemas===f&&M.groups===C)continue;Y=null;const z=d.filter(X=>!G.has(X));let q=0;for(const X of z)if(q+=Mt(X.geometry,qe),q>qe)break;const V=!y||!y.features.length||!d.length;if(q>qe){if(u=!0,tt(!0),V){if(!await qt(d,f,C))return;continue}if(await Me(),a)return;let X=performance.now();for(const ie of z)if(U(ie),performance.now()-X>mt){if(await Me(),a)return;X=performance.now()}}const F=R.current,re=F?F.base:N.state.doc,ce=y&&!V?Qt(re,y,d,f,C,U):null,Q=ce&&D.ChangeSet.of(ce.changes,re.length);if(Q&&!F)N.dispatch({changes:Q,annotations:he}),g.current=ce.map;else if(Q&&F&&!rn(Q,F.changes))N.dispatch({changes:Q.map(F.changes),annotations:he}),R.current={base:Q.apply(re),changes:F.changes.map(Q,!0)},g.current=ce.map,P.current&&clearTimeout(P.current),P.current=setTimeout(ge,ut);else{P.current&&clearTimeout(P.current),R.current=null;const{text:X,map:ie}=st(d,f,C,U);N.dispatch({changes:{from:0,to:N.state.doc.length,insert:X},annotations:he}),g.current=ie,O=!1,_(null)}}while(De)}finally{ve=!1,a||(tt(!1),jt(!1),u&&Nt(d=>d+1))}}return b.current=N,g.current=W?W.map:null,R.current=W?W.edit:null,W&&(O=!0,Y=W.map?null:W.store,P.current=setTimeout(ge,0)),ue.current=()=>{nt()},n&&N.focus(),nt(),()=>{if(_t(),ue.current=()=>{},E=!0,P.current&&clearTimeout(P.current),O&&!ve&&ge(!0),a=!0,O){const{features:u,schemas:d,groups:f}=i.getState();Pe.set(i,{doc:N.state.doc,map:g.current,edit:R.current,store:{features:u,schemas:d,groups:f}})}N.destroy(),b.current=null}},[]),k.useEffect(()=>{if(T===ae.current){ae.current=null;return}ue.current()},[T,S,B]),k.useEffect(()=>{const a=b.current,E=m==="dark"?xt:bt;!a||w.current.get(a.state)===E||a.dispatch({effects:w.current.reconfigure(E)})},[m]),k.useEffect(()=>{const a=b.current;if(!a||se)return;const E=A[0]??null,$=E!==Ge.current;Ge.current=E;const O=Ne.current===E;if(Ne.current=null,E===null){a.dispatch({effects:He.of(null)});return}const Z=a.state.doc,Y=R.current?null:g.current;let G;if(Y){const _=Y.features.findIndex(ye=>ye.id===E);if(_===-1)return;const ne=pe(Y)[_];G={start:ne,end:ne+Y.counts[_]-1}}else{const _=T.findIndex(ne=>ne.id===E);if(_===-1)return;G=Ie(Z,_)}if(!G||G.start>Z.lines)return;const U=Z.line(G.start).from,K=$&&!O?[te.EditorView.scrollIntoView(U,{y:"center"})]:[];a.dispatch({effects:[He.of({from:U,to:Z.line(Math.min(G.end,Z.lines)).to}),...K]})},[A,T,se,Lt]),Ut.useFocusTrap(me,!t);function At(){const a=b.current;if(!a)return;const E=a.state.doc;Promise.resolve().then(()=>typeof ClipboardItem<"u"?navigator.clipboard.write([new ClipboardItem({"text/plain":pt(E,"text/plain")})]):navigator.clipboard.writeText(E.toString())).then(()=>{$e(!0),setTimeout(()=>$e(!1),2e3)},O=>r==null?void 0:r(ee.clipboardErrorEvent(O)))}function Ft(){const a=b.current;if(!a)return;let E=-1;rt.forEachDiagnostic(a.state,($,O)=>{E<0&&(E=O)}),!(E<0)&&(a.dispatch({selection:{anchor:E},effects:te.EditorView.scrollIntoView(E,{y:"center"})}),a.focus())}async function It(){const a=b.current;if(!a)return;const E=await pt(a.state.doc,"application/geo+json"),$=URL.createObjectURL(E),O=document.createElement("a");O.href=$,O.download="features.geojson",document.body.appendChild(O),O.click(),document.body.removeChild(O),URL.revokeObjectURL($)}const Ye=T.length,fe=16,Ke=x.jsxs("div",{ref:me,onMouseDownCapture:t?void 0:j,role:t?"region":"dialog","aria-label":"GeoJSON inspector",[ee.WINDOW_ATTR]:"","aria-busy":se||void 0,"data-loading":se||void 0,"data-elm-code-docked":t||void 0,className:t?J.className:"fixed flex flex-col bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm-raised rounded-elm-window overflow-hidden",style:t?J.style:{left:s.x,top:s.y,zIndex:v,minWidth:yt,minHeight:vt,width:xe.w,height:xe.h,maxWidth:"90vw",maxHeight:"85vh"},children:[t&&x.jsx("div",{onMouseDown:J.onHandleMouseDown,className:ee.resizeEdgeLeft,title:"Drag to resize panel"}),x.jsxs("div",{onMouseDown:t?void 0:l,className:`flex items-center justify-between border-b border-elm-border flex-shrink-0 select-none ${t?"px-3 py-1.5 bg-elm-surface-sunken":"px-4 py-3"}`,style:t?void 0:{cursor:"grab"},children:[x.jsx("span",{className:t?"text-xs font-medium text-elm-text-secondary":"text-sm font-semibold text-(--elm-text,var(--color-gray-900)) dark:text-(--elm-text,var(--color-gray-100))",children:"GeoJSON"}),x.jsxs("div",{className:`flex items-center gap-0.5 ${t?"h-6":""}`,children:[x.jsxs("span",{className:"text-xs text-elm-text-subtle mr-1.5",children:[Ye," feature",Ye!==1?"s":""]}),x.jsx(we.Tooltip,{content:Te?"Copied":"Copy",side:"bottom",children:x.jsx("button",{onMouseDown:a=>a.stopPropagation(),onClick:At,disabled:se,"aria-label":Te?"Copied":"Copy",className:Se,children:Te?x.jsx(le.Check,{size:fe,className:"text-green-500"}):x.jsx(le.Copy,{size:fe})})}),x.jsx(we.Tooltip,{content:"Download",side:"bottom",children:x.jsx("button",{onMouseDown:a=>a.stopPropagation(),onClick:It,disabled:se,"aria-label":"Download GeoJSON",className:Se,children:x.jsx(le.DownloadSimple,{size:fe})})}),x.jsx(we.Tooltip,{content:t?"Undock":"Dock to the side",side:"bottom",children:x.jsx("button",{onMouseDown:a=>a.stopPropagation(),onClick:o,"aria-label":t?"Undock GeoJSON inspector":"Dock GeoJSON inspector",className:Se,children:t?x.jsx(le.ArrowSquareOut,{size:fe}):x.jsx(le.SidebarSimple,{size:fe,className:"-scale-x-100"})})}),t?x.jsx(we.Tooltip,{content:"Close",side:"bottom",children:x.jsx("button",{onClick:e,"aria-label":"Close",className:Se,children:x.jsx(le.X,{size:fe})})}):x.jsx(Fe.CloseButton,{onClick:e})]})]}),x.jsxs("div",{className:"relative flex-1 flex flex-col min-h-0",children:[x.jsx("div",{ref:c,className:"flex-1 overflow-hidden min-h-0"}),se&&x.jsx("div",{className:"absolute bottom-2 right-4 text-xs text-elm-text-subtle pointer-events-none",children:"Loading…"})]}),x.jsx("div",{role:"status","aria-live":"polite",className:"flex-shrink-0",children:be&&x.jsxs("button",{type:"button",onClick:Ft,title:"Go to the error","data-elm-inspector-problem":be.kind,className:`flex w-full items-center gap-1.5 border-t border-elm-border py-1.5 text-left text-xs text-(--elm-text-secondary,var(--color-gray-600)) dark:text-(--elm-text-secondary,var(--color-gray-300)) hover:bg-(--elm-surface-hover,var(--color-gray-50)) dark:hover:bg-(--elm-surface-hover,color-mix(in_oklab,var(--color-gray-800)_60%,transparent)) ${t?"px-3":"pl-4 pr-6"}`,children:[x.jsx(le.WarningCircle,{size:14,className:"flex-shrink-0 text-elm-text-muted"}),x.jsxs("span",{className:"min-w-0 truncate",children:[sn[be.kind](be.line)," — no changes apply until it's fixed"]})]})}),!t&&x.jsx("div",{onMouseDown:Ot,className:"absolute bottom-0 right-0 w-4 h-4 cursor-se-resize select-none",style:{zIndex:10},"aria-hidden":!0,children:x.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",className:"absolute bottom-1 right-1 text-elm-text-disabled",children:x.jsx("path",{d:"M9 1L1 9M9 5L5 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]});return t?Ke:zt.createPortal(x.jsx("div",{"data-elm-theme":m,style:I,children:Ke}),document.body)}exports.default=fn;

package/dist/SchemaEditor-B4L17K1e.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),B=require("clsx"),b=require("@phosphor-icons/react"),v=require("./useAdapterControls-BBObhzVX.cjs"),K=require("zustand/react/shallow"),S=require("@element-editor/core/internal"),h=require("./EditToolbarBtn-Ch9HCLHq.cjs");function M({field:l,existingKeys:o,onUpdate:i,onDelete:k,isProtected:d}){const[u,g]=c.useState(!1),[n,j]=c.useState(""),[x,p]=c.useState(l.label);c.useEffect(()=>p(l.label),[l.label]);function y(){if(x===l.label)return;const t=d?l.key:S.uniqueKey(x,o);i({label:x,key:t})}function w(){const t=n.trim();if(!t)return;const a=l.options??[];a.includes(t)||(i({options:[...a,t]}),j(""))}function N(t){i({options:(l.options??[]).filter(a=>a!==t)})}return r.jsxs("div",{className:"bg-elm-surface-raised border border-elm-border rounded-elm-card p-3 space-y-2",children:[r.jsxs("div",{className:"flex items-center justify-between",children:[r.jsxs("p",{className:"text-xs text-elm-text-subtle",children:["key: ",r.jsx("code",{className:"font-elm-mono text-elm-text-muted",children:l.key})]}),r.jsx(h.Tooltip,{content:d?"Required field — cannot be removed":"Remove field",children:r.jsx("button",{onClick:k,disabled:d,className:"flex-shrink-0 text-elm-text disabled:opacity-25 disabled:cursor-not-allowed transition-colors p-1 rounded-elm-chip hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700))","aria-label":d?"Cannot remove required field":"Remove field",children:r.jsx(b.X,{size:14})})})]}),r.jsx(h.Input,{value:x,onChange:t=>p(t.target.value),onBlur:y,onKeyDown:t=>t.key==="Enter"&&t.target.blur(),placeholder:"Field label",className:"w-full text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-200))"}),r.jsx(h.SelectInput,{value:l.type,onChange:t=>{const a=t.target.value;i({type:a,options:a==="select"?l.options??[]:void 0}),g(a==="select")},className:"w-full text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-200))",children:S.FIELD_TYPES.map(t=>r.jsx("option",{value:t.value,children:t.label},t.value))}),r.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-elm-text-muted cursor-pointer select-none w-fit",children:[r.jsx("input",{type:"checkbox",checked:l.required,onChange:t=>i({required:t.target.checked}),className:"elm-checkbox"}),"Required"]}),l.type==="number"&&r.jsxs("div",{className:"flex items-center gap-2 pt-1 border-t border-(--elm-border-subtle,var(--color-gray-100)) dark:border-(--elm-border-subtle,var(--color-gray-700))",children:[r.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-elm-text-muted w-1/2",children:["Min",r.jsx(h.Input,{type:"number",value:l.min??"",onChange:t=>i({min:t.target.value?parseFloat(t.target.value):void 0}),className:"flex-1 w-full min-w-0",placeholder:"Any"})]}),r.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-elm-text-muted w-1/2",children:["Max",r.jsx(h.Input,{type:"number",value:l.max??"",onChange:t=>i({max:t.target.value?parseFloat(t.target.value):void 0}),className:"flex-1 w-full min-w-0",placeholder:"Any"})]})]}),l.type==="select"&&r.jsxs("div",{className:"space-y-1.5 pt-1 border-t border-(--elm-border-subtle,var(--color-gray-100)) dark:border-(--elm-border-subtle,var(--color-gray-700))",children:[r.jsxs("button",{onClick:()=>g(t=>!t),className:"text-xs text-primary-500 hover:text-primary-700 hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) rounded-elm-chip px-1 -mx-1 py-0.5 flex items-center gap-1 transition-colors",children:[u?r.jsx(b.CaretUp,{size:11}):r.jsx(b.CaretDown,{size:11}),u?"Hide options":`Options (${(l.options??[]).length})`]}),u&&r.jsxs("div",{className:"space-y-1",children:[(l.options??[]).map(t=>r.jsxs("div",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:"flex-1 text-xs text-elm-text-secondary bg-(--elm-surface-sunken,var(--color-gray-50)) dark:bg-(--elm-surface-sunken,var(--color-gray-700)) border border-(--elm-border,var(--color-gray-200)) dark:border-(--elm-border,var(--color-gray-600)) rounded-elm-chip px-2 py-1 truncate",children:t}),r.jsx("button",{onClick:()=>N(t),className:"text-elm-text hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) transition-colors p-0.5 rounded-elm-chip","aria-label":`Remove "${t}" option`,children:r.jsx(b.X,{size:12})})]},t)),r.jsxs("div",{className:"flex items-center gap-1.5 pt-1",children:[r.jsx(h.Input,{value:n,onChange:t=>j(t.target.value),onKeyDown:t=>t.key==="Enter"&&w(),placeholder:"New option…",className:"flex-1 min-w-0 text-xs text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-200))"}),r.jsx(h.Button,{variant:"secondary",size:"sm",onClick:w,children:"Add"})]})]})]})]})}const z=c.forwardRef(function({schema:o,onRename:i},k){const[d,u]=c.useState(o.name);c.useEffect(()=>u(o.name),[o.name]);function g(){const n=d.trim();if(!n){u(o.name);return}n!==o.name&&i(n)}return r.jsx("input",{ref:k,type:"text",value:d,onChange:n=>u(n.target.value),onBlur:g,onKeyDown:n=>n.key==="Enter"&&n.target.blur(),className:"w-full text-sm font-semibold text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-100)) bg-transparent border-b border-transparent hover:border-(--elm-border-strong,var(--color-gray-300)) dark:hover:border-(--elm-border-strong,var(--color-gray-600)) focus:border-primary-400 focus:outline-none px-0 py-0 leading-snug"})});function O({containerRef:l}){var C,q,D;const o=v.useDataStore(K.useShallow(e=>e.getVisibleSchemas())),i=v.useDataStore(e=>e.addSchema),k=v.useDataStore(e=>e.updateSchema),d=v.useDataStore(e=>e.deleteSchema),u=v.useDataStore(e=>e.addSchemaField),g=v.useDataStore(e=>e.updateSchemaField),n=v.useDataStore(e=>e.removeSchemaField),[j,x]=c.useState(((C=o[0])==null?void 0:C.id)??null),[p,y]=c.useState(null),w=c.useRef(new Map),N=c.useRef(null),t=c.useRef(null),a=o.find(e=>e.id===j)??o[0]??null;c.useEffect(()=>{if(!a||t.current!==a.id)return;t.current=null;const e=N.current;e&&(e.focus(),e.select())},[a==null?void 0:a.id]);function F(e){const m=new Set(e.fields.map(f=>f.key)),s=S.uniqueKey("field",m);u(e.id,{key:s,label:"",type:"text",required:!1})}function I(){const e=i("New schema",[{key:S.uniqueKey("field",new Set),label:"",type:"text",required:!1}]);t.current=e,x(e)}function A(e,m){var f;e.preventDefault();const s=((f=l==null?void 0:l.current)==null?void 0:f.getBoundingClientRect())??{left:0,top:0};y({schemaId:m,offsetX:e.clientX-s.left,offsetY:e.clientY-s.top})}function E(e){var s;if(o.length<=1)return;d(e);const m=o.filter(f=>f.id!==e);x(((s=m[0])==null?void 0:s.id)??null),y(null)}return r.jsxs("div",{className:"flex h-full min-h-0",onClick:()=>y(null),children:[r.jsx("div",{className:"w-44 flex-shrink-0 flex flex-col border-r border-elm-border min-h-0",children:r.jsxs("div",{className:"flex-1 overflow-y-auto min-h-0 py-1",children:[o.map(e=>{const m=((a==null?void 0:a.id)??j)===e.id;return r.jsx("button",{ref:s=>{s?w.current.set(e.id,s):w.current.delete(e.id)},onClick:()=>x(e.id),onContextMenu:s=>A(s,e.id),className:B.clsx("w-full text-left px-3 py-2 text-sm transition-colors flex items-center gap-1.5",m?"bg-primary-50 dark:bg-white/10 hover:bg-primary-100 dark:hover:bg-white/15 text-primary-700 dark:text-primary-300 font-medium border-r-2 border-primary-500":"text-elm-text-muted hover:bg-(--elm-surface-hover,var(--color-gray-50)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-800)) hover:text-(--elm-text,var(--color-gray-800)) dark:hover:text-(--elm-text,var(--color-gray-200)) border-r-2 border-transparent"),children:r.jsx("span",{className:"flex-1 truncate leading-snug",children:e.name})},e.id)}),r.jsxs("button",{onClick:I,className:"w-full flex items-center gap-1.5 px-3 py-2 text-xs text-elm-text-subtle hover:text-(--elm-text-secondary,var(--color-gray-700)) dark:hover:text-(--elm-text-secondary,var(--color-gray-200)) hover:bg-(--elm-surface-hover,var(--color-gray-50)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-800)) transition-colors border-r-2 border-transparent",children:[r.jsx(b.Plus,{size:11}),"Add schema"]})]})}),a?r.jsxs("div",{className:"flex-1 flex flex-col min-w-0 min-h-0 bg-(--elm-surface-sunken,color-mix(in_oklab,var(--color-gray-50)_60%,transparent)) dark:bg-(--elm-surface-sunken,color-mix(in_oklab,var(--color-gray-800)_30%,transparent))",children:[r.jsxs("div",{className:"flex items-center gap-2 px-3 py-2.5 border-b border-elm-border-subtle flex-shrink-0",children:[r.jsx("div",{className:"flex-1 min-w-0",children:r.jsx(z,{ref:N,schema:a,onRename:e=>k(a.id,{name:e})},a.id)}),r.jsxs("button",{onClick:()=>F(a),className:"flex-shrink-0 flex items-center gap-1 text-xs text-elm-text-subtle hover:text-primary-500 dark:hover:text-primary-400 transition-colors px-1.5 py-1 rounded-elm-chip hover:bg-primary-50 dark:hover:bg-white/5",children:[r.jsx(b.Plus,{size:11}),"Add field"]})]}),r.jsx("div",{className:"flex-1 overflow-y-auto min-h-0 p-3 space-y-2",children:a.fields.map(e=>{const m=new Set(a.fields.map(s=>s.key).filter(s=>s!==e.key));return r.jsx(M,{field:e,existingKeys:m,onUpdate:s=>g(a.id,e.key,s),onDelete:()=>n(a.id,e.key),isProtected:e.key==="name"},e.key)})})]}):r.jsx("div",{className:"flex-1 flex items-center justify-center text-sm text-elm-text-disabled",children:"Select a schema"}),p&&r.jsx(h.ContextMenu,{x:(((q=l==null?void 0:l.current)==null?void 0:q.getBoundingClientRect().left)??0)+p.offsetX,y:(((D=l==null?void 0:l.current)==null?void 0:D.getBoundingClientRect().top)??0)+p.offsetY,onClose:()=>y(null),items:[{label:o.length<=1?"Cannot delete last":"Delete schema",icon:r.jsx(b.Trash,{size:16}),disabled:o.length<=1,onClick:()=>E(p.schemaId)}]})]})}exports.default=O;

package/dist/SchemaEditor-ryoTgaLb.js

@@ -0,0 +1,293 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { useState as f, useRef as S, useEffect as D, forwardRef as _ } from "react";
+import { clsx as j } from "clsx";
+import { Plus as q, Trash as L, X as z, CaretUp as X, CaretDown as Y } from "@phosphor-icons/react";
+import { f as p } from "./useAdapterControls-DVjkwRZ_.js";
+import { useShallow as T } from "zustand/react/shallow";
+import { uniqueKey as F, FIELD_TYPES as $ } from "@element-editor/core/internal";
+import { C as H, f as R, I as C, c as V, B as G } from "./EditToolbarBtn-SR4xHd8G.js";
+function J({
+  field: l,
+  existingKeys: s,
+  onUpdate: i,
+  onDelete: y,
+  isProtected: d
+}) {
+  const [m, v] = f(!1), [c, k] = f(""), [x, h] = f(l.label);
+  D(() => h(l.label), [l.label]);
+  function b() {
+    if (x === l.label) return;
+    const r = d ? l.key : F(x, s);
+    i({ label: x, key: r });
+  }
+  function w() {
+    const r = c.trim();
+    if (!r) return;
+    const a = l.options ?? [];
+    a.includes(r) || (i({ options: [...a, r] }), k(""));
+  }
+  function N(r) {
+    i({ options: (l.options ?? []).filter((a) => a !== r) });
+  }
+  return /* @__PURE__ */ n("div", { className: "bg-elm-surface-raised border border-elm-border rounded-elm-card p-3 space-y-2", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ n("p", { className: "text-xs text-elm-text-subtle", children: [
+        "key: ",
+        /* @__PURE__ */ t("code", { className: "font-elm-mono text-elm-text-muted", children: l.key })
+      ] }),
+      /* @__PURE__ */ t(R, { content: d ? "Required field — cannot be removed" : "Remove field", children: /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: y,
+          disabled: d,
+          className: "flex-shrink-0 text-elm-text disabled:opacity-25 disabled:cursor-not-allowed transition-colors p-1 rounded-elm-chip hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700))",
+          "aria-label": d ? "Cannot remove required field" : "Remove field",
+          children: /* @__PURE__ */ t(z, { size: 14 })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t(
+      C,
+      {
+        value: x,
+        onChange: (r) => h(r.target.value),
+        onBlur: b,
+        onKeyDown: (r) => r.key === "Enter" && r.target.blur(),
+        placeholder: "Field label",
+        className: "w-full text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-200))"
+      }
+    ),
+    /* @__PURE__ */ t(
+      V,
+      {
+        value: l.type,
+        onChange: (r) => {
+          const a = r.target.value;
+          i({ type: a, options: a === "select" ? l.options ?? [] : void 0 }), v(a === "select");
+        },
+        className: "w-full text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-200))",
+        children: $.map((r) => /* @__PURE__ */ t("option", { value: r.value, children: r.label }, r.value))
+      }
+    ),
+    /* @__PURE__ */ n("label", { className: "flex items-center gap-1.5 text-xs text-elm-text-muted cursor-pointer select-none w-fit", children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          type: "checkbox",
+          checked: l.required,
+          onChange: (r) => i({ required: r.target.checked }),
+          className: "elm-checkbox"
+        }
+      ),
+      "Required"
+    ] }),
+    l.type === "number" && /* @__PURE__ */ n("div", { className: "flex items-center gap-2 pt-1 border-t border-(--elm-border-subtle,var(--color-gray-100)) dark:border-(--elm-border-subtle,var(--color-gray-700))", children: [
+      /* @__PURE__ */ n("label", { className: "flex items-center gap-1.5 text-xs text-elm-text-muted w-1/2", children: [
+        "Min",
+        /* @__PURE__ */ t(
+          C,
+          {
+            type: "number",
+            value: l.min ?? "",
+            onChange: (r) => i({ min: r.target.value ? parseFloat(r.target.value) : void 0 }),
+            className: "flex-1 w-full min-w-0",
+            placeholder: "Any"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("label", { className: "flex items-center gap-1.5 text-xs text-elm-text-muted w-1/2", children: [
+        "Max",
+        /* @__PURE__ */ t(
+          C,
+          {
+            type: "number",
+            value: l.max ?? "",
+            onChange: (r) => i({ max: r.target.value ? parseFloat(r.target.value) : void 0 }),
+            className: "flex-1 w-full min-w-0",
+            placeholder: "Any"
+          }
+        )
+      ] })
+    ] }),
+    l.type === "select" && /* @__PURE__ */ n("div", { className: "space-y-1.5 pt-1 border-t border-(--elm-border-subtle,var(--color-gray-100)) dark:border-(--elm-border-subtle,var(--color-gray-700))", children: [
+      /* @__PURE__ */ n(
+        "button",
+        {
+          onClick: () => v((r) => !r),
+          className: "text-xs text-primary-500 hover:text-primary-700 hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) rounded-elm-chip px-1 -mx-1 py-0.5 flex items-center gap-1 transition-colors",
+          children: [
+            m ? /* @__PURE__ */ t(X, { size: 11 }) : /* @__PURE__ */ t(Y, { size: 11 }),
+            m ? "Hide options" : `Options (${(l.options ?? []).length})`
+          ]
+        }
+      ),
+      m && /* @__PURE__ */ n("div", { className: "space-y-1", children: [
+        (l.options ?? []).map((r) => /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ t("span", { className: "flex-1 text-xs text-elm-text-secondary bg-(--elm-surface-sunken,var(--color-gray-50)) dark:bg-(--elm-surface-sunken,var(--color-gray-700)) border border-(--elm-border,var(--color-gray-200)) dark:border-(--elm-border,var(--color-gray-600)) rounded-elm-chip px-2 py-1 truncate", children: r }),
+          /* @__PURE__ */ t("button", { onClick: () => N(r), className: "text-elm-text hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) transition-colors p-0.5 rounded-elm-chip", "aria-label": `Remove "${r}" option`, children: /* @__PURE__ */ t(z, { size: 12 }) })
+        ] }, r)),
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5 pt-1", children: [
+          /* @__PURE__ */ t(
+            C,
+            {
+              value: c,
+              onChange: (r) => k(r.target.value),
+              onKeyDown: (r) => r.key === "Enter" && w(),
+              placeholder: "New option…",
+              className: "flex-1 min-w-0 text-xs text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-200))"
+            }
+          ),
+          /* @__PURE__ */ t(G, { variant: "secondary", size: "sm", onClick: w, children: "Add" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+const P = _(
+  function({ schema: s, onRename: i }, y) {
+    const [d, m] = f(s.name);
+    D(() => m(s.name), [s.name]);
+    function v() {
+      const c = d.trim();
+      if (!c) {
+        m(s.name);
+        return;
+      }
+      c !== s.name && i(c);
+    }
+    return /* @__PURE__ */ t(
+      "input",
+      {
+        ref: y,
+        type: "text",
+        value: d,
+        onChange: (c) => m(c.target.value),
+        onBlur: v,
+        onKeyDown: (c) => c.key === "Enter" && c.target.blur(),
+        className: "w-full text-sm font-semibold text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-100)) bg-transparent border-b border-transparent hover:border-(--elm-border-strong,var(--color-gray-300)) dark:hover:border-(--elm-border-strong,var(--color-gray-600)) focus:border-primary-400 focus:outline-none px-0 py-0 leading-snug"
+      }
+    );
+  }
+);
+function ae({ containerRef: l }) {
+  var A, B, I;
+  const s = p(T((e) => e.getVisibleSchemas())), i = p((e) => e.addSchema), y = p((e) => e.updateSchema), d = p((e) => e.deleteSchema), m = p((e) => e.addSchemaField), v = p((e) => e.updateSchemaField), c = p((e) => e.removeSchemaField), [k, x] = f(((A = s[0]) == null ? void 0 : A.id) ?? null), [h, b] = f(null), w = S(/* @__PURE__ */ new Map()), N = S(null), r = S(null), a = s.find((e) => e.id === k) ?? s[0] ?? null;
+  D(() => {
+    if (!a || r.current !== a.id) return;
+    r.current = null;
+    const e = N.current;
+    e && (e.focus(), e.select());
+  }, [a == null ? void 0 : a.id]);
+  function M(e) {
+    const u = new Set(e.fields.map((g) => g.key)), o = F("field", u);
+    m(e.id, { key: o, label: "", type: "text", required: !1 });
+  }
+  function E() {
+    const e = i("New schema", [{ key: F("field", /* @__PURE__ */ new Set()), label: "", type: "text", required: !1 }]);
+    r.current = e, x(e);
+  }
+  function K(e, u) {
+    var g;
+    e.preventDefault();
+    const o = ((g = l == null ? void 0 : l.current) == null ? void 0 : g.getBoundingClientRect()) ?? { left: 0, top: 0 };
+    b({ schemaId: u, offsetX: e.clientX - o.left, offsetY: e.clientY - o.top });
+  }
+  function O(e) {
+    var o;
+    if (s.length <= 1) return;
+    d(e);
+    const u = s.filter((g) => g.id !== e);
+    x(((o = u[0]) == null ? void 0 : o.id) ?? null), b(null);
+  }
+  return /* @__PURE__ */ n("div", { className: "flex h-full min-h-0", onClick: () => b(null), children: [
+    /* @__PURE__ */ t("div", { className: "w-44 flex-shrink-0 flex flex-col border-r border-elm-border min-h-0", children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-y-auto min-h-0 py-1", children: [
+      s.map((e) => {
+        const u = ((a == null ? void 0 : a.id) ?? k) === e.id;
+        return /* @__PURE__ */ t(
+          "button",
+          {
+            ref: (o) => {
+              o ? w.current.set(e.id, o) : w.current.delete(e.id);
+            },
+            onClick: () => x(e.id),
+            onContextMenu: (o) => K(o, e.id),
+            className: j(
+              "w-full text-left px-3 py-2 text-sm transition-colors flex items-center gap-1.5",
+              u ? "bg-primary-50 dark:bg-white/10 hover:bg-primary-100 dark:hover:bg-white/15 text-primary-700 dark:text-primary-300 font-medium border-r-2 border-primary-500" : "text-elm-text-muted hover:bg-(--elm-surface-hover,var(--color-gray-50)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-800)) hover:text-(--elm-text,var(--color-gray-800)) dark:hover:text-(--elm-text,var(--color-gray-200)) border-r-2 border-transparent"
+            ),
+            children: /* @__PURE__ */ t("span", { className: "flex-1 truncate leading-snug", children: e.name })
+          },
+          e.id
+        );
+      }),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          onClick: E,
+          className: "w-full flex items-center gap-1.5 px-3 py-2 text-xs text-elm-text-subtle hover:text-(--elm-text-secondary,var(--color-gray-700)) dark:hover:text-(--elm-text-secondary,var(--color-gray-200)) hover:bg-(--elm-surface-hover,var(--color-gray-50)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-800)) transition-colors border-r-2 border-transparent",
+          children: [
+            /* @__PURE__ */ t(q, { size: 11 }),
+            "Add schema"
+          ]
+        }
+      )
+    ] }) }),
+    a ? /* @__PURE__ */ n("div", { className: "flex-1 flex flex-col min-w-0 min-h-0 bg-(--elm-surface-sunken,color-mix(in_oklab,var(--color-gray-50)_60%,transparent)) dark:bg-(--elm-surface-sunken,color-mix(in_oklab,var(--color-gray-800)_30%,transparent))", children: [
+      /* @__PURE__ */ n("div", { className: "flex items-center gap-2 px-3 py-2.5 border-b border-elm-border-subtle flex-shrink-0", children: [
+        /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ t(
+          P,
+          {
+            ref: N,
+            schema: a,
+            onRename: (e) => y(a.id, { name: e })
+          },
+          a.id
+        ) }),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            onClick: () => M(a),
+            className: "flex-shrink-0 flex items-center gap-1 text-xs text-elm-text-subtle hover:text-primary-500 dark:hover:text-primary-400 transition-colors px-1.5 py-1 rounded-elm-chip hover:bg-primary-50 dark:hover:bg-white/5",
+            children: [
+              /* @__PURE__ */ t(q, { size: 11 }),
+              "Add field"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto min-h-0 p-3 space-y-2", children: a.fields.map((e) => {
+        const u = new Set(
+          a.fields.map((o) => o.key).filter((o) => o !== e.key)
+        );
+        return /* @__PURE__ */ t(
+          J,
+          {
+            field: e,
+            existingKeys: u,
+            onUpdate: (o) => v(a.id, e.key, o),
+            onDelete: () => c(a.id, e.key),
+            isProtected: e.key === "name"
+          },
+          e.key
+        );
+      }) })
+    ] }) : /* @__PURE__ */ t("div", { className: "flex-1 flex items-center justify-center text-sm text-elm-text-disabled", children: "Select a schema" }),
+    h && /* @__PURE__ */ t(
+      H,
+      {
+        x: (((B = l == null ? void 0 : l.current) == null ? void 0 : B.getBoundingClientRect().left) ?? 0) + h.offsetX,
+        y: (((I = l == null ? void 0 : l.current) == null ? void 0 : I.getBoundingClientRect().top) ?? 0) + h.offsetY,
+        onClose: () => b(null),
+        items: [{
+          label: s.length <= 1 ? "Cannot delete last" : "Delete schema",
+          icon: /* @__PURE__ */ t(L, { size: 16 }),
+          disabled: s.length <= 1,
+          onClick: () => O(h.schemaId)
+        }]
+      }
+    )
+  ] });
+}
+export {
+  ae as default
+};

package/dist/SchemaModal-DvMbWskS.js

@@ -0,0 +1,95 @@
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { useRef as _, useState as k, useCallback as H, useEffect as C } from "react";
+import { u as I, W as L, s as R } from "./index-CILw1Du5.js";
+import { u as $, e as T } from "./useAccentStyle-CPo2XqAn.js";
+import { readStorage as Y, writeStorage as j } from "@element-editor/core";
+import { createPortal as O } from "react-dom";
+import { u as X, a as A, C as B } from "./useWindowFocus-DuQVjnHE.js";
+import { u as F } from "./useFocusTrap-CKxKT8De.js";
+import J from "./SchemaEditor-ryoTgaLb.js";
+import { d as P } from "./useAdapterControls-DVjkwRZ_.js";
+const f = "elm_schema_win_size", r = 450, p = 200;
+function ne({ onClose: c }) {
+  const { pos: m, onHandleMouseDown: w } = X("elm_schema_win", { x: 80, y: 120 }), i = $(), { zIndex: l, focus: x } = A(), v = P(), b = T(), o = _(null), [n, g] = k(() => {
+    try {
+      const e = Y(f, i);
+      return e ? JSON.parse(e) : { w: r, h: 520 };
+    } catch {
+      return { w: r, h: 520 };
+    }
+  }), S = H((e, a) => {
+    j(f, JSON.stringify({ w: e, h: a }), i);
+  }, [i]);
+  function M(e) {
+    e.preventDefault(), e.stopPropagation();
+    const a = e.clientX, y = e.clientY, W = n.w, E = n.h, N = R("se-resize");
+    function d(s) {
+      const z = Math.max(r, Math.min(window.innerWidth * 0.9, W + s.clientX - a)), D = Math.max(p, Math.min(window.innerHeight * 0.85, E + s.clientY - y));
+      g({ w: z, h: D });
+    }
+    function u() {
+      N(), document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", u);
+      const s = o.current;
+      s && S(s.offsetWidth, s.offsetHeight);
+    }
+    document.addEventListener("mousemove", d), document.addEventListener("mouseup", u);
+  }
+  return F(o), I(o, !0, c, l), C(() => {
+    var e;
+    (e = o.current) == null || e.focus();
+  }, []), O(
+    /* @__PURE__ */ t("div", { "data-elm-theme": v, style: b, children: /* @__PURE__ */ h(
+      "div",
+      {
+        ref: o,
+        [L]: "",
+        onMouseDownCapture: x,
+        role: "dialog",
+        "aria-label": "Schema editor",
+        tabIndex: -1,
+        className: "fixed flex flex-col bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm-raised rounded-elm-window overflow-hidden outline-none",
+        style: {
+          // Clamp into the viewport so a saved/default position never pushes the window off-screen on narrow screens.
+          left: `clamp(8px, ${m.x}px, calc(100vw - min(${n.w}px, 90vw) - 8px))`,
+          top: `clamp(8px, ${m.y}px, calc(100vh - min(${n.h}px, 85vh) - 8px))`,
+          zIndex: l,
+          minWidth: `min(${r}px, 90vw)`,
+          minHeight: p,
+          width: n.w,
+          height: n.h,
+          maxWidth: "90vw",
+          maxHeight: "85vh"
+        },
+        children: [
+          /* @__PURE__ */ h(
+            "div",
+            {
+              onMouseDown: w,
+              className: "flex items-center justify-between px-4 py-3 border-b border-elm-border flex-shrink-0 select-none",
+              style: { cursor: "grab" },
+              children: [
+                /* @__PURE__ */ t("span", { className: "text-sm font-semibold text-(--elm-text,var(--color-gray-900)) dark:text-(--elm-text,var(--color-gray-100))", children: "Schema" }),
+                /* @__PURE__ */ t(B, { onClick: c, label: "Close schema editor" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "flex-1 overflow-hidden min-h-0", children: /* @__PURE__ */ t(J, { containerRef: o }) }),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              onMouseDown: M,
+              className: "absolute bottom-0 right-0 w-4 h-4 cursor-se-resize select-none",
+              style: { zIndex: 10 },
+              "aria-hidden": !0,
+              children: /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 10 10", className: "absolute bottom-1 right-1 text-elm-text-disabled", children: /* @__PURE__ */ t("path", { d: "M9 1L1 9M9 5L5 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })
+            }
+          )
+        ]
+      }
+    ) }),
+    document.body
+  );
+}
+export {
+  ne as default
+};

package/dist/SchemaModal-gAuDkd-L.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),l=require("./index-DG4wEjGj.cjs"),f=require("./useAccentStyle-hsGvyHZc.cjs"),p=require("@element-editor/core"),H=require("react-dom"),d=require("./useWindowFocus-EemgNOuz.cjs"),C=require("./useFocusTrap-BBjPCfDR.cjs"),I=require("./SchemaEditor-B4L17K1e.cjs"),L=require("./useAdapterControls-BBObhzVX.cjs"),v="elm_schema_win_size",i=450,b=200;function R({onClose:u}){const{pos:m,onHandleMouseDown:g}=d.useDragWindow("elm_schema_win",{x:80,y:120}),c=f.useElementEditorConfig(),{zIndex:h,focus:S}=d.useWindowFocus(),y=L.useTheme(),M=f.useAccentStyle(),o=r.useRef(null),[n,W]=r.useState(()=>{try{const e=p.readStorage(v,c);return e?JSON.parse(e):{w:i,h:520}}catch{return{w:i,h:520}}}),j=r.useCallback((e,a)=>{p.writeStorage(v,JSON.stringify({w:e,h:a}),c)},[c]);function E(e){e.preventDefault(),e.stopPropagation();const a=e.clientX,N=e.clientY,q=n.w,D=n.h,z=l.startDragShield("se-resize");function x(s){const _=Math.max(i,Math.min(window.innerWidth*.9,q+s.clientX-a)),k=Math.max(b,Math.min(window.innerHeight*.85,D+s.clientY-N));W({w:_,h:k})}function w(){z(),document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",w);const s=o.current;s&&j(s.offsetWidth,s.offsetHeight)}document.addEventListener("mousemove",x),document.addEventListener("mouseup",w)}return C.useFocusTrap(o),l.useWindowEscape(o,!0,u,h),r.useEffect(()=>{var e;(e=o.current)==null||e.focus()},[]),H.createPortal(t.jsx("div",{"data-elm-theme":y,style:M,children:t.jsxs("div",{ref:o,[l.WINDOW_ATTR]:"",onMouseDownCapture:S,role:"dialog","aria-label":"Schema editor",tabIndex:-1,className:"fixed flex flex-col bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm-raised rounded-elm-window overflow-hidden outline-none",style:{left:`clamp(8px, ${m.x}px, calc(100vw - min(${n.w}px, 90vw) - 8px))`,top:`clamp(8px, ${m.y}px, calc(100vh - min(${n.h}px, 85vh) - 8px))`,zIndex:h,minWidth:`min(${i}px, 90vw)`,minHeight:b,width:n.w,height:n.h,maxWidth:"90vw",maxHeight:"85vh"},children:[t.jsxs("div",{onMouseDown:g,className:"flex items-center justify-between px-4 py-3 border-b border-elm-border flex-shrink-0 select-none",style:{cursor:"grab"},children:[t.jsx("span",{className:"text-sm font-semibold text-(--elm-text,var(--color-gray-900)) dark:text-(--elm-text,var(--color-gray-100))",children:"Schema"}),t.jsx(d.CloseButton,{onClick:u,label:"Close schema editor"})]}),t.jsx("div",{className:"flex-1 overflow-hidden min-h-0",children:t.jsx(I.default,{containerRef:o})}),t.jsx("div",{onMouseDown:E,className:"absolute bottom-0 right-0 w-4 h-4 cursor-se-resize select-none",style:{zIndex:10},"aria-hidden":!0,children:t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",className:"absolute bottom-1 right-1 text-elm-text-disabled",children:t.jsx("path",{d:"M9 1L1 9M9 5L5 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]})}),document.body)}exports.default=R;