@nil-/xit 0.4.11 → 0.4.13

package/assets/bundler.js

@@ -14,7 +14,7 @@ import Component from "${e.replace(/\\/g,"/")}";
 export const action = (target, context) => {
     const ref = mount(Component, { target, context });
     return { destroy: () => unmount(ref) };
-};`,ml=new Map,uS=/^(@[^/]*\/[^/]*)(?:\/(.*))?$/s,DS=/^([^/]*)(?:\/(.*))?$/s,dS=async(e,A)=>{if(A!=null){const t=new URL(A);return new URL(e,t).href}return e},Fn=async(e,A)=>e.endsWith("..")?(await fetch(new URL(`${e}/index.js`,A),{method:"HEAD"})).url:e.endsWith("/")?(await fetch(new URL(`${e}index.js`,A),{method:"HEAD"})).url:(await fetch(new URL(e,A),{method:"HEAD"})).url,pS=async e=>{const A=await fetch(e);if(A.ok)return JSON.parse(await A.text())},wS=async(e,A)=>{const[t,g,I=""]=e.split(e.startsWith("@")?uS:DS),Q=g=="@nil-/xit"?`${A}/${g}@0.4.11`:`${A}/${g}`,C=`${Q}/package.json`;if(ml.has(C))return{...ml.get(C),rest:I};const i=await pS(C);if(i!=null)return ml.set(C,{base:Q,json:i}),{base:Q,json:i,rest:I}},fS=(e,A)=>({input:t=>({resolved:t}),hook:async(t,g)=>{if(t.startsWith(Xd))return t;if(t.startsWith(".")){if(g!=null&&g.startsWith(Jn))return await dS(t,g);if(g!=null&&g.startsWith(uI))return`${uI}${await Fn(t,g.slice(uI.length))}`}if(t.startsWith("$")){const Q=t.indexOf("/"),C=t.slice(1,Q);return C in A?`${Jn}${A[C]}${t.slice(Q)}`:null}if(t.startsWith("https://"))return null;const I=await wS(t,e);if(I!=null){const Q=lS(I.json,I.rest,{browser:!0,conditions:["svelte","production"]});if(Q!=null){if(Array.isArray(Q)&&Q.length>0)return`${uI}${await Fn(`${I.base}/${Q[0]}`)}`;if(typeof Q=="string")return`${uI}${await Fn(`${I.base}/${Q}`)}`}else{const C=cS(I.json);if(C!=null)return`${uI}${await Fn(`${I.base}/${C}`)}`}}throw"unknown file, should be unreachable"}});function ZA(e,A,t){const g=t._;let I=!1;function Q(i,{next:B,state:s}){B(s)}function C(i,B,s){if(I||!i.type)return;let a;const n={},o={path:B,state:s,next:(f=s)=>{B.push(i);for(const d in i){if(d==="type")continue;const l=i[d];if(l&&typeof l=="object")if(Array.isArray(l)){const c={};l.forEach((h,w)=>{if(h&&typeof h=="object"){const N=C(h,B,f);N&&(c[w]=N)}}),Object.keys(c).length>0&&(n[d]=l.map((h,w)=>c[w]??h))}else{const c=C(l,B,f);c&&(n[d]=c)}}if(B.pop(),Object.keys(n).length>0)return zd(i,n)},stop:()=>{I=!0},visit:(f,d=s)=>{B.push(i);const l=C(f,B,d)??f;return B.pop(),l}};let D=t[i.type]??Q;if(g){let f;a=g(i,{...o,next:(d=s)=>(s=d,f=D(i,{...o,state:d}),f)}),!a&&f&&(a=f)}else a=D(i,o);if(a||Object.keys(n).length>0&&(a=zd(i,n)),a)return a}return C(e,[],A)??e}function zd(e,A){const t={},g=Object.getOwnPropertyDescriptors(e);for(const I in g)Object.defineProperty(t,I,g[I]);for(const I in A)t[I]=A[I];return t}const KQ=/\s/,Nl=/\s+/,Sn=/^\r?\n/,yS=/^\s/,TC=/^[ \t\r\n]+/,$d=/\s$/,_Q=/[ \t\r\n]+$/,PQ=/[^ \t\r\n]/,Ap=/[ \t\n\r\f]+/g,kS=/^[ \t\n\r\f]+$/,ep=/[^\n]/g,tp=/^[a-zA-Z_$][a-zA-Z_$0-9]*$/,GS=/(^[^a-zA-Z_$]|[^a-zA-Z0-9_$])/g,mS=/^[aeiou]/,NS=/^h[1-6]$/,MS=/(^[0-9-.])|[\^$@%&#?!|()[\]{}^*+~;]/,Ln=/[\u202a\u202b\u202c\u202d\u202e\u2066\u2067\u2068\u2069]+/g,Ml=1,Yn=2,RS=4,JS=8,FS=16,SS=1,LS=2,YS=4,US=8,bS=16,qS=1,vS=2,xS=4,HS=1,gp=2,KS=4,_S=8,PS="[",TS="[!",jS="]",OS=1,Ip=2,Qp="http://www.w3.org/2000/svg",Cp="http://www.w3.org/1998/Math/MathML",ZS=["state_snapshot_uncloneable","binding_property_non_reactive","hydration_attribute_changed","hydration_html_changed","ownership_invalid_binding","ownership_invalid_mutation"];function Un(e,A){if(A.length===0)return null;const g=new $S(A).get(e);return g&&g[0][0]>.7?g[0][1]:null}const Rl=2,Jl=3;function VS(e,A){if(e===null&&A===null)throw"Trying to compare two null values";return e===null||A===null?0:(e=String(e),A=String(A),1-WS(e,A)/Math.max(e.length,A.length))}function WS(e,A){const t=[];let g=0,I=0;for(let Q=0;Q<=A.length;Q++)for(let C=0;C<=e.length;C++)Q&&C?e.charAt(C-1)===A.charAt(Q-1)?I=g:I=Math.min(t[C],t[C-1],g)+1:I=Q+C,g=t[C],t[C]=I;return t.pop()}const XS=/[^\w, ]+/;function zS(e,A=2){const t="-"+e.toLowerCase().replace(XS,"")+"-",g=A-t.length,I=[];if(g>0)for(let Q=0;Q<g;++Q)e+="-";for(let Q=0;Q<t.length-A+1;++Q)I.push(t.slice(Q,Q+A));return I}function ip(e,A=2){const t={},g=zS(e,A);let I=0;for(I;I<g.length;++I)g[I]in t?t[g[I]]+=1:t[g[I]]=1;return t}function Bp(e,A){return A[0]-e[0]}class $S{constructor(A){nA(this,"exact_set",{});nA(this,"match_dict",{});nA(this,"items",{});for(let t=Rl;t<Jl+1;++t)this.items[t]=[];for(let t=0;t<A.length;++t)this.add(A[t])}add(A){if(A.toLowerCase()in this.exact_set)return!1;let g=Rl;for(g;g<Jl+1;++g)this._add(A,g)}_add(A,t){const g=A.toLowerCase(),I=this.items[t]||[],Q=I.length;I.push(0);const C=ip(g,t);let i=0,B,s;for(B in C)s=C[B],i+=Math.pow(s,2),B in this.match_dict?this.match_dict[B].push([Q,s]):this.match_dict[B]=[[Q,s]];const a=Math.sqrt(i);I[Q]=[a,g],this.items[t]=I,this.exact_set[g]=A}get(A){const t=A.toLowerCase(),g=this.exact_set[t];if(g)return[[1,g]];for(let I=Jl;I>=Rl;--I){const Q=this.__get(A,I);if(Q.length>0)return Q}return null}__get(A,t){const g=A.toLowerCase(),I={},Q=ip(g,t),C=this.items[t];let i=0,B,s,a,n,o;for(B in Q)if(s=Q[B],i+=Math.pow(s,2),B in this.match_dict)for(a=0;a<this.match_dict[B].length;++a)n=this.match_dict[B][a][0],o=this.match_dict[B][a][1],n in I?I[n]+=s*o:I[n]=s*o;const D=Math.sqrt(i);let f=[],d;for(const h in I)d=I[h],f.push([d/(D*C[h][0]),C[h][1]]);f.sort(Bp);let l=[];const c=Math.min(50,f.length);for(let h=0;h<c;++h)l.push([VS(f[h][1],g),f[h][1]]);f=l,f.sort(Bp),l=[];for(let h=0;h<f.length;++h)f[h][0]===f[0][0]&&l.push([f[h][0],this.exact_set[f[h][1]]]);return l}}function AL(e,A){return e.start<=A&&A<e.end}function sp(e,A={}){const{offsetLine:t=0,offsetColumn:g=0}=A;let I=0;const Q=e.split(`
+};`,ml=new Map,uS=/^(@[^/]*\/[^/]*)(?:\/(.*))?$/s,DS=/^([^/]*)(?:\/(.*))?$/s,dS=async(e,A)=>{if(A!=null){const t=new URL(A);return new URL(e,t).href}return e},Fn=async(e,A)=>e.endsWith("..")?(await fetch(new URL(`${e}/index.js`,A),{method:"HEAD"})).url:e.endsWith("/")?(await fetch(new URL(`${e}index.js`,A),{method:"HEAD"})).url:(await fetch(new URL(e,A),{method:"HEAD"})).url,pS=async e=>{const A=await fetch(e);if(A.ok)return JSON.parse(await A.text())},wS=async(e,A)=>{const[t,g,I=""]=e.split(e.startsWith("@")?uS:DS),Q=g=="@nil-/xit"?`${A}/${g}@0.4.13`:`${A}/${g}`,C=`${Q}/package.json`;if(ml.has(C))return{...ml.get(C),rest:I};const i=await pS(C);if(i!=null)return ml.set(C,{base:Q,json:i}),{base:Q,json:i,rest:I}},fS=(e,A)=>({input:t=>({resolved:t}),hook:async(t,g)=>{if(t.startsWith(Xd))return t;if(t.startsWith(".")){if(g!=null&&g.startsWith(Jn))return await dS(t,g);if(g!=null&&g.startsWith(uI))return`${uI}${await Fn(t,g.slice(uI.length))}`}if(t.startsWith("$")){const Q=t.indexOf("/"),C=t.slice(1,Q);return C in A?`${Jn}${A[C]}${t.slice(Q)}`:null}if(t.startsWith("https://"))return null;const I=await wS(t,e);if(I!=null){const Q=lS(I.json,I.rest,{browser:!0,conditions:["svelte","production"]});if(Q!=null){if(Array.isArray(Q)&&Q.length>0)return`${uI}${await Fn(`${I.base}/${Q[0]}`)}`;if(typeof Q=="string")return`${uI}${await Fn(`${I.base}/${Q}`)}`}else{const C=cS(I.json);if(C!=null)return`${uI}${await Fn(`${I.base}/${C}`)}`}}throw"unknown file, should be unreachable"}});function ZA(e,A,t){const g=t._;let I=!1;function Q(i,{next:B,state:s}){B(s)}function C(i,B,s){if(I||!i.type)return;let a;const n={},o={path:B,state:s,next:(f=s)=>{B.push(i);for(const d in i){if(d==="type")continue;const l=i[d];if(l&&typeof l=="object")if(Array.isArray(l)){const c={};l.forEach((h,w)=>{if(h&&typeof h=="object"){const N=C(h,B,f);N&&(c[w]=N)}}),Object.keys(c).length>0&&(n[d]=l.map((h,w)=>c[w]??h))}else{const c=C(l,B,f);c&&(n[d]=c)}}if(B.pop(),Object.keys(n).length>0)return zd(i,n)},stop:()=>{I=!0},visit:(f,d=s)=>{B.push(i);const l=C(f,B,d)??f;return B.pop(),l}};let D=t[i.type]??Q;if(g){let f;a=g(i,{...o,next:(d=s)=>(s=d,f=D(i,{...o,state:d}),f)}),!a&&f&&(a=f)}else a=D(i,o);if(a||Object.keys(n).length>0&&(a=zd(i,n)),a)return a}return C(e,[],A)??e}function zd(e,A){const t={},g=Object.getOwnPropertyDescriptors(e);for(const I in g)Object.defineProperty(t,I,g[I]);for(const I in A)t[I]=A[I];return t}const KQ=/\s/,Nl=/\s+/,Sn=/^\r?\n/,yS=/^\s/,TC=/^[ \t\r\n]+/,$d=/\s$/,_Q=/[ \t\r\n]+$/,PQ=/[^ \t\r\n]/,Ap=/[ \t\n\r\f]+/g,kS=/^[ \t\n\r\f]+$/,ep=/[^\n]/g,tp=/^[a-zA-Z_$][a-zA-Z_$0-9]*$/,GS=/(^[^a-zA-Z_$]|[^a-zA-Z0-9_$])/g,mS=/^[aeiou]/,NS=/^h[1-6]$/,MS=/(^[0-9-.])|[\^$@%&#?!|()[\]{}^*+~;]/,Ln=/[\u202a\u202b\u202c\u202d\u202e\u2066\u2067\u2068\u2069]+/g,Ml=1,Yn=2,RS=4,JS=8,FS=16,SS=1,LS=2,YS=4,US=8,bS=16,qS=1,vS=2,xS=4,HS=1,gp=2,KS=4,_S=8,PS="[",TS="[!",jS="]",OS=1,Ip=2,Qp="http://www.w3.org/2000/svg",Cp="http://www.w3.org/1998/Math/MathML",ZS=["state_snapshot_uncloneable","binding_property_non_reactive","hydration_attribute_changed","hydration_html_changed","ownership_invalid_binding","ownership_invalid_mutation"];function Un(e,A){if(A.length===0)return null;const g=new $S(A).get(e);return g&&g[0][0]>.7?g[0][1]:null}const Rl=2,Jl=3;function VS(e,A){if(e===null&&A===null)throw"Trying to compare two null values";return e===null||A===null?0:(e=String(e),A=String(A),1-WS(e,A)/Math.max(e.length,A.length))}function WS(e,A){const t=[];let g=0,I=0;for(let Q=0;Q<=A.length;Q++)for(let C=0;C<=e.length;C++)Q&&C?e.charAt(C-1)===A.charAt(Q-1)?I=g:I=Math.min(t[C],t[C-1],g)+1:I=Q+C,g=t[C],t[C]=I;return t.pop()}const XS=/[^\w, ]+/;function zS(e,A=2){const t="-"+e.toLowerCase().replace(XS,"")+"-",g=A-t.length,I=[];if(g>0)for(let Q=0;Q<g;++Q)e+="-";for(let Q=0;Q<t.length-A+1;++Q)I.push(t.slice(Q,Q+A));return I}function ip(e,A=2){const t={},g=zS(e,A);let I=0;for(I;I<g.length;++I)g[I]in t?t[g[I]]+=1:t[g[I]]=1;return t}function Bp(e,A){return A[0]-e[0]}class $S{constructor(A){nA(this,"exact_set",{});nA(this,"match_dict",{});nA(this,"items",{});for(let t=Rl;t<Jl+1;++t)this.items[t]=[];for(let t=0;t<A.length;++t)this.add(A[t])}add(A){if(A.toLowerCase()in this.exact_set)return!1;let g=Rl;for(g;g<Jl+1;++g)this._add(A,g)}_add(A,t){const g=A.toLowerCase(),I=this.items[t]||[],Q=I.length;I.push(0);const C=ip(g,t);let i=0,B,s;for(B in C)s=C[B],i+=Math.pow(s,2),B in this.match_dict?this.match_dict[B].push([Q,s]):this.match_dict[B]=[[Q,s]];const a=Math.sqrt(i);I[Q]=[a,g],this.items[t]=I,this.exact_set[g]=A}get(A){const t=A.toLowerCase(),g=this.exact_set[t];if(g)return[[1,g]];for(let I=Jl;I>=Rl;--I){const Q=this.__get(A,I);if(Q.length>0)return Q}return null}__get(A,t){const g=A.toLowerCase(),I={},Q=ip(g,t),C=this.items[t];let i=0,B,s,a,n,o;for(B in Q)if(s=Q[B],i+=Math.pow(s,2),B in this.match_dict)for(a=0;a<this.match_dict[B].length;++a)n=this.match_dict[B][a][0],o=this.match_dict[B][a][1],n in I?I[n]+=s*o:I[n]=s*o;const D=Math.sqrt(i);let f=[],d;for(const h in I)d=I[h],f.push([d/(D*C[h][0]),C[h][1]]);f.sort(Bp);let l=[];const c=Math.min(50,f.length);for(let h=0;h<c;++h)l.push([VS(f[h][1],g),f[h][1]]);f=l,f.sort(Bp),l=[];for(let h=0;h<f.length;++h)f[h][0]===f[0][0]&&l.push([f[h][0],this.exact_set[f[h][1]]]);return l}}function AL(e,A){return e.start<=A&&A<e.end}function sp(e,A={}){const{offsetLine:t=0,offsetColumn:g=0}=A;let I=0;const Q=e.split(`
 `).map((B,s)=>{const a=I+B.length+1,n={start:I,end:a,line:s};return I=a,n});let C=0;function i(B,s){if(typeof B=="string"&&(B=e.indexOf(B,s??0)),B===-1)return;let a=Q[C];const n=B>=a.end?1:-1;for(;a;){if(AL(a,B))return{line:t+a.line,column:g+B-a.start,character:B};C+=n,a=Q[C]}}return i}const eL=/\r/g;function tL(e){e=e.replace(eL,"");let A=5381,t=e.length;for(;t--;)A=(A<<5)-A^e.charCodeAt(t);return(A>>>0).toString(36)}const gL=["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"];function jC(e){return gL.includes(e)||e.toLowerCase()==="!doctype"}const IL=["arguments","await","break","case","catch","class","const","continue","debugger","default","delete","do","else","enum","eval","export","extends","false","finally","for","function","if","implements","import","in","instanceof","interface","let","new","null","package","private","protected","public","return","static","super","switch","this","throw","true","try","typeof","var","void","while","with","yield"];function Ep(e){return IL.includes(e)}function ap(e){return e.endsWith("capture")&&e!=="gotpointercapture"&&e!=="lostpointercapture"}const QL=["beforeinput","click","change","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"];function op(e){return QL.includes(e)}const np=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","inert","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected","webkitdirectory","defer","disablepictureinpicture","disableremoteplayback"];function Fl(e){return np.includes(e)}const CL={formnovalidate:"formNoValidate",ismap:"isMap",nomodule:"noModule",playsinline:"playsInline",readonly:"readOnly",defaultvalue:"defaultValue",defaultchecked:"defaultChecked",srcobject:"srcObject",novalidate:"noValidate",allowfullscreen:"allowFullscreen",disablepictureinpicture:"disablePictureInPicture",disableremoteplayback:"disableRemotePlayback"};function iL(e){return e=e.toLowerCase(),CL[e]??e}const BL=[...np,"formNoValidate","isMap","noModule","playsInline","readOnly","value","volume","defaultValue","defaultChecked","srcObject","noValidate","allowFullscreen","disablePictureInPicture","disableRemotePlayback"];function sL(e){return BL.includes(e)}const EL=["autofocus","muted","defaultValue","defaultChecked"];function Sl(e){return EL.includes(e)}const aL=["touchstart","touchmove"];function oL(e){return aL.includes(e)}const nL=["textContent","innerHTML","innerText"];function Ll(e){return nL.includes(e)}const rL=["body","embed","iframe","img","link","object","script","style","track"];function bn(e){return rL.includes(e)}const cL=["altGlyph","altGlyphDef","altGlyphItem","animate","animateColor","animateMotion","animateTransform","circle","clipPath","color-profile","cursor","defs","desc","discard","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","font","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignObject","g","glyph","glyphRef","hatch","hatchpath","hkern","image","line","linearGradient","marker","mask","mesh","meshgradient","meshpatch","meshrow","metadata","missing-glyph","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","solidcolor","stop","svg","switch","symbol","text","textPath","tref","tspan","unknown","use","view","vkern"];function Yl(e){return cL.includes(e)}const lL=["annotation","annotation-xml","maction","math","merror","mfrac","mi","mmultiscripts","mn","mo","mover","mpadded","mphantom","mprescripts","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msubsup","msup","mtable","mtd","mtext","mtr","munder","munderover","semantics"];function rp(e){return lL.includes(e)}const cp=["$state","$state.raw","$derived","$derived.by"],hL=[...cp,"$state.snapshot","$props","$props.id","$bindable","$effect","$effect.pre","$effect.tracking","$effect.root","$inspect","$inspect().with","$inspect.trace","$host"];function DI(e){return hL.includes(e)}function uL(e){return cp.includes(e)}function DL(e){return e==null?void 0:e.replace(/\//g,"/​")}let TQ=[],xt,qn,MA,Gt=sp("",{offsetLine:1});function lp(e){const A=Gt(e.start);return`${DL(xt)}:${A==null?void 0:A.line}:${A.column}`}let hp,ZI=[],vn=new Map;function dL(e){const A=new Set([...ZI.at(-1)||[],...e]);ZI.push(A)}function pL(){ZI.pop()}function up(e=()=>!0){hp=e}function vg(e,A){var t;return MA&&!!((t=vn.get(e))!=null&&t.some(g=>g.has(A)))}function Dp(e,A){var g;qn=e;const t=(g=A.rootDir)==null?void 0:g.replace(/\\/g,"/");xt=A.filename.replace(/\\/g,"/"),MA=!!A.dev,typeof t=="string"&&xt.startsWith(t)&&(xt=xt.replace(t,"").replace(/^[/\\]/,"")),Gt=sp(qn,{offsetLine:1}),TQ=[],ZI=[],vn.clear()}const wL=/^\t+/;function Ul(e){return e.replace(wL,A=>A.split("	").join("  "))}function fL(e,A,t){const g=e.split(`
 `),I=Math.max(0,A-2),Q=Math.min(A+3,g.length),C=String(Q+1).length;return g.slice(I,Q).map((i,B)=>{const s=I+B===A,a=String(B+I+1).padStart(C," ");if(s){const n=" ".repeat(C+2+Ul(i.slice(0,t)).length)+"^";return`${a}: ${Ul(i)}
 ${n}`}return`${a}: ${Ul(i)}`}).join(`

package/components/layouts/Container.svelte

@@ -1,4 +1,6 @@
-<script lang="ts">let { children } = $props();
+<script lang="ts">
+    import type { Snippet } from "svelte";
+    let { children }: { children: Snippet } = $props();
 </script>
 
 <div class="container">

package/components/layouts/Scrollable.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">let { children } = $props();
+<script lang="ts">
+    let { children } = $props();
 </script>
 
 <div>

package/components/layouts/Split.svelte

@@ -1,47 +1,73 @@
-<script lang="ts">import Container from "./Container.svelte";
-import DividerOverlay from "../utilities/DividerOverlay.svelte";
-import { create } from "../utilities/draggable.js";
-let {
-  min = 2,
-  side_a,
-  side_b,
-  divider,
-  offset = $bindable(0),
-  vertical = false,
-  alt = false
-} = $props();
-let active = $state(false);
-let width = $state(offset + min + 1);
-let height = $state(offset + min + 1);
-let max = $derived((vertical ? width : height) - min - 1);
-const clamped = $derived(Math.max(Math.min(offset, max), min));
-let last = null;
-const draggable = create({
-  reset: () => $state.snapshot(clamped),
-  move: (value) => {
-    offset = value;
-  },
-  move_start: () => {
-    active = true;
-  },
-  move_end: () => {
-    active = false;
-  },
-  dbltap: () => {
-    if (offset > min) {
-      last = offset;
-      offset = min;
-    } else if (last != null) {
-      offset = last;
-      last = null;
-    }
-  },
-  tap: () => {
-    if (offset > min) {
-      last = offset;
-    }
-  }
-});
+<script lang="ts">
+    import Container from "./Container.svelte";
+    import DividerOverlay from "../utilities/DividerOverlay.svelte";
+
+    import type { Snippet } from "svelte";
+
+    import { create } from "../utilities/draggable.js";
+
+    type Props = {
+        min?: number;
+        side_a: Snippet;
+        side_b: Snippet;
+        divider?: Snippet<
+            [
+                {
+                    active: boolean;
+                    alt: boolean;
+                    vertical: boolean;
+                }
+            ]
+        >;
+        offset?: number;
+        vertical?: boolean;
+        alt?: boolean;
+    };
+
+    let {
+        min = 2,
+        side_a,
+        side_b,
+        divider,
+        offset = $bindable(0),
+        vertical = false,
+        alt = false
+    }: Props = $props();
+
+    let active = $state(false);
+    let width = $state(offset + min + 1);
+    let height = $state(offset + min + 1);
+    let max = $derived((vertical ? width : height) - min - 1);
+
+    const clamped = $derived(Math.max(Math.min(offset, max), min));
+
+    let last: number | null = null;
+    const draggable = create({
+        reset: () => $state.snapshot(clamped),
+        move: (value) => {
+            offset = value;
+        },
+        move_start: () => {
+            active = true;
+        },
+        move_end: () => {
+            active = false;
+        },
+        dbltap: () => {
+            if (offset > min) {
+                last = offset;
+                offset = min;
+            } else if (last != null) {
+                offset = last;
+                last = null;
+            }
+        },
+        tap: () => {
+            if (offset > min) {
+                last = offset;
+            }
+        }
+    });
 </script>
 
 <div

package/components/loaders/Helpers.d.ts

@@ -1,6 +1,6 @@
 import type { Writable } from "svelte/store";
 import type { CoDec } from "../..";
-export type MapType = {
+type MapType = {
     boolean: boolean;
     number: number;
     double: number;
@@ -8,20 +8,20 @@ export type MapType = {
     buffer: Uint8Array;
     json: any;
 };
-export type Prettify<T> = {
+type Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
-export interface ToType {
+interface ToType {
     output: this extends {
         type: infer T extends keyof MapType;
     } ? MapType[T] : never;
 }
-export interface ToWritableType {
+interface ToWritableType {
     output: this extends {
         type: infer T extends keyof MapType;
     } ? Writable<MapType[T]> : never;
 }
-export interface ExtractItem {
+interface ExtractItem {
     output: this extends {
         mask: infer Mask extends {
             output: any;
@@ -36,7 +36,7 @@ export interface ExtractItem {
         })["output"];
     } : never;
 }
-export interface ExtractItems {
+interface ExtractItems {
     output: this extends {
         mask: infer Mask;
         items: infer Items;
@@ -48,7 +48,7 @@ export interface ExtractItems {
         mask: Mask;
     })["output"] : Items extends readonly [] ? {} : never : never;
 }
-export interface ExtractFrames {
+interface ExtractFrames {
     output: this extends {
         mask: infer Mask;
         frames: infer Frames;
@@ -65,7 +65,7 @@ export interface ExtractFrames {
         })["output"]
     ] : Frames extends readonly [] ? [] : never : never;
 }
-export type ItemDetail<T extends keyof MapType> = T extends "json" ? {
+type ItemDetail<T extends keyof MapType> = T extends "json" ? {
     key: string;
     type: T;
     default: MapType[T];
@@ -89,3 +89,4 @@ export type ReadOnlyFrames<T> = (ExtractFrames & {
     frames: T;
     mask: ToType;
 })["output"];
+export {};

package/components/loaders/Reactive.svelte

@@ -1,43 +1,57 @@
-<script lang="ts" module></script>
-
-<script lang="ts" generics="const T extends readonly FrameDetails[]">import { onDestroy } from "svelte";
-import { xit } from "../..";
-const { frames, loaded_data } = $props();
-const { load_frame_data } = xit();
-let unmounted = false;
-const unsubs = [];
-let data = $state(frames.map((v) => ({})));
-const load = async (frame, index) => {
-  const frame_data = await load_frame_data(frame.id, frame.tag);
-  if (unmounted) {
-    frame_data.unsub();
-  } else {
-    unsubs.push(frame_data.unsub);
-    for (const item of frame.items) {
-      if (item.type == "boolean") {
-        data[index][item.key] = frame_data.values.boolean(item.key, item.default);
-      } else if (item.type == "double") {
-        data[index][item.key] = frame_data.values.double(item.key, item.default);
-      } else if (item.type == "number") {
-        data[index][item.key] = frame_data.values.number(item.key, item.default);
-      } else if (item.type == "string") {
-        data[index][item.key] = frame_data.values.string(item.key, item.default);
-      } else if (item.type == "buffer") {
-        data[index][item.key] = frame_data.values.buffer(item.key, item.default);
-      } else if (item.type == "json") {
-        data[index][item.key] = frame_data.values.json(
-          item.key,
-          item.default,
-          item.codec
-        );
-      }
-    }
-  }
-};
-onDestroy(() => {
-  unmounted = true;
-  unsubs.forEach((c) => c());
-});
+<script lang="ts" module>
+    import type { FrameDetails, ReactiveFrames, Prettify } from "./Helpers";
+</script>
+
+<script lang="ts" generics="const T extends readonly FrameDetails[]">
+    import { onDestroy } from "svelte";
+    import type { Snippet } from "svelte";
+
+    import { xit } from "../..";
+
+    type Props = {
+        frames: T;
+        loaded_data?: Snippet<[ReactiveFrames<T>]>;
+    };
+
+    const { frames, loaded_data }: Props = $props();
+
+    const { load_frame_data } = xit();
+
+    let unmounted = false;
+    const unsubs: (() => void)[] = [];
+    let data = $state(frames.map((v) => ({}))) as any;
+    const load = async (frame: FrameDetails, index: number) => {
+        const frame_data = await load_frame_data(frame.id, frame.tag);
+        if (unmounted) {
+            frame_data.unsub();
+        } else {
+            unsubs.push(frame_data.unsub);
+            for (const item of frame.items) {
+                if (item.type == "boolean") {
+                    data[index][item.key] = frame_data.values.boolean(item.key, item.default);
+                } else if (item.type == "double") {
+                    data[index][item.key] = frame_data.values.double(item.key, item.default);
+                } else if (item.type == "number") {
+                    data[index][item.key] = frame_data.values.number(item.key, item.default);
+                } else if (item.type == "string") {
+                    data[index][item.key] = frame_data.values.string(item.key, item.default);
+                } else if (item.type == "buffer") {
+                    data[index][item.key] = frame_data.values.buffer(item.key, item.default);
+                } else if (item.type == "json") {
+                    data[index][item.key] = frame_data.values.json(
+                        item.key,
+                        item.default,
+                        item.codec
+                    );
+                }
+            }
+        }
+    };
+
+    onDestroy(() => {
+        unmounted = true;
+        unsubs.forEach((c) => c());
+    });
 </script>
 
 {#if loaded_data != null}

package/components/loaders/ReadOnly.svelte

@@ -1,52 +1,78 @@
-<script lang="ts" module></script>
-
-<script lang="ts" generics="const T extends readonly FrameDetails[]">import { onDestroy } from "svelte";
-import { xit } from "../..";
-const { frames, loaded_data } = $props();
-const { load_frame_data } = xit();
-let unmounted = false;
-const unsubs = [];
-let data = $state(frames.map((v) => ({})));
-const load = async (frame, index) => {
-  const frame_data = await load_frame_data(frame.id, frame.tag);
-  if (unmounted) {
-    frame_data.unsub();
-  } else {
-    unsubs.push(frame_data.unsub);
-    for (const item of frame.items) {
-      const { key } = item;
-      if (item.type == "boolean") {
-        unsubs.push(
-          frame_data.values.boolean(item.key, item.default).subscribe((v) => data[index][key] = v)
-        );
-      } else if (item.type == "double") {
-        unsubs.push(
-          frame_data.values.double(item.key, item.default).subscribe((v) => data[index][key] = v)
-        );
-      } else if (item.type == "number") {
-        unsubs.push(
-          frame_data.values.number(item.key, item.default).subscribe((v) => data[index][key] = v)
-        );
-      } else if (item.type == "string") {
-        unsubs.push(
-          frame_data.values.string(item.key, item.default).subscribe((v) => data[index][key] = v)
-        );
-      } else if (item.type == "buffer") {
-        unsubs.push(
-          frame_data.values.buffer(item.key, item.default).subscribe((v) => data[index] = v)
-        );
-      } else if (item.type == "json") {
-        unsubs.push(
-          frame_data.values.json(item.key, item.default, item.codec).subscribe((v) => data[index][key] = v)
-        );
-      }
-    }
-  }
-};
-onDestroy(() => {
-  unmounted = true;
-  unsubs.forEach((c) => c());
-});
+<script lang="ts" module>
+    import type { FrameDetails, ReadOnlyFrames } from "./Helpers";
+</script>
+
+<script lang="ts" generics="const T extends readonly FrameDetails[]">
+    import { onDestroy } from "svelte";
+    import type { Snippet } from "svelte";
+
+    import { xit } from "../..";
+
+    type Props = {
+        frames: T;
+        loaded_data?: Snippet<[ReadOnlyFrames<T>]>;
+    };
+
+    const { frames, loaded_data }: Props = $props();
+
+    const { load_frame_data } = xit();
+
+    let unmounted = false;
+    const unsubs: (() => void)[] = [];
+    let data = $state(frames.map((v) => ({}))) as any;
+    const load = async (frame: FrameDetails, index: number) => {
+        const frame_data = await load_frame_data(frame.id, frame.tag);
+        if (unmounted) {
+            frame_data.unsub();
+        } else {
+            unsubs.push(frame_data.unsub);
+            for (const item of frame.items) {
+                const { key } = item;
+                if (item.type == "boolean") {
+                    unsubs.push(
+                        frame_data.values
+                            .boolean(item.key, item.default)
+                            .subscribe((v) => (data[index][key] = v))
+                    );
+                } else if (item.type == "double") {
+                    unsubs.push(
+                        frame_data.values
+                            .double(item.key, item.default)
+                            .subscribe((v) => (data[index][key] = v))
+                    );
+                } else if (item.type == "number") {
+                    unsubs.push(
+                        frame_data.values
+                            .number(item.key, item.default)
+                            .subscribe((v) => (data[index][key] = v))
+                    );
+                } else if (item.type == "string") {
+                    unsubs.push(
+                        frame_data.values
+                            .string(item.key, item.default)
+                            .subscribe((v) => (data[index][key] = v))
+                    );
+                } else if (item.type == "buffer") {
+                    unsubs.push(
+                        frame_data.values
+                            .buffer(item.key, item.default)
+                            .subscribe((v) => (data[index] = v))
+                    );
+                } else if (item.type == "json") {
+                    unsubs.push(
+                        frame_data.values
+                            .json(item.key, item.default, item.codec)
+                            .subscribe((v) => (data[index][key] = v))
+                    );
+                }
+            }
+        }
+    };
+
+    onDestroy(() => {
+        unmounted = true;
+        unsubs.forEach((c) => c());
+    });
 </script>
 
 {#if loaded_data != null}

package/components/utilities/DividerOverlay.svelte

@@ -1,7 +1,10 @@
-<script lang="ts">let { vertical, alt, active } = $props();
-const title = $derived(
-  `Collapse ${vertical ? alt ? "left" : "right" : alt ? "top" : "bottom"}`
-);
+<script lang="ts">
+    type Props = { vertical: boolean; alt: boolean; active: boolean };
+    let { vertical, alt, active }: Props = $props();
+
+    const title = $derived(
+        `Collapse ${vertical ? (alt ? "left" : "right") : alt ? "top" : "bottom"}`
+    );
 </script>
 
 <div

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nil-/xit",
-  "version": "0.4.11",
+  "version": "0.4.13",
   "peerDependencies": {
     "svelte": "^5.7.1"
   },
@@ -12,8 +12,7 @@
       "default": "./index.js"
     },
     "./*.svelte": {
-      "types": "./*.d.ts",
-      "svelte": "./*"
+      "svelte": "./*.svelte"
     }
   }
 }