@firsthandjs/dom 0.3.0 → 0.4.0

package/dist/attributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../src/attributes.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAQH,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAM9E;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAM5F;AAED,8EAA8E;AAC9E,wBAAgB,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAE7E;AAED,8DAA8D;AAC9D,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAE5E;AAED,yDAAyD;AACzD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAM5D;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAC5C,IAAI,CAeN;AAED,2BAA2B;AAC3B,wBAAgB,QAAQ,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAM1E;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EACzD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,SAAS,GACvE,IAAI,CAmBN"}
+{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../src/attributes.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAUH,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAO9E;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAO5F;AAED,8EAA8E;AAC9E,wBAAgB,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAG7E;AAED,8DAA8D;AAC9D,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAG5E;AAED,yDAAyD;AACzD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAO5D;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAC5C,IAAI,CAeN;AAED,2BAA2B;AAC3B,wBAAgB,QAAQ,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAM1E;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EACzD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,SAAS,GACvE,IAAI,CAmBN"}

package/dist/chunk-QZ5SESOU.js

@@ -0,0 +1 @@
+var C=null,x=new WeakMap;function jn(n){C=n,x=new WeakMap}var E=class extends Error{constructor(e){super(`${e} is not a Firsthand component. If it is a React component, import '@firsthandjs/react/auto' once at startup to render React components directly, or wrap it with fromReact(). Otherwise, declare it with component().`),this.name="FirsthandComponentError"}};function T(n){let e=x.get(n);if(e!==void 0)return e;if(C===null){let o=typeof n=="function"&&n.name!==""?n.name:"The value";throw new E(o)}let t=C(n);return x.set(n,t),t}function Hn(n,e,t){return n}import{bind as dn,getOwner as L,onCleanup as un,runWithOwner as cn}from"@firsthandjs/core";var an=3;function H(n){return typeof n.nodeType=="number"}var D=Symbol("firsthand.part");function In(n){return{[D]:!0,anchor:document.createTextNode(""),thunk:n,owner:L()}}function W(n){return D in n}function _(n,e,t=null){if(typeof e!="function"){p(n,t,null,e);return}let o=null;dn(()=>{let r=e();if(typeof r=="function"){o=w(o),_(n,r,t);return}o=p(n,t,o,r)}),un(()=>{o=w(o)})}function p(n,e,t,o){let r=typeof o;if(o==null||r==="boolean")return w(t);if(r==="string"||r==="number"){let i=String(o);return t!==null&&!Array.isArray(t)&&t.nodeType===an?(t.data=i,t):j(n,e,t,document.createTextNode(i))}if(r==="function")return p(n,e,t,o());if(Array.isArray(o)){let i=[],s=[];if(M(o,i,s),i.length===0)return w(t);fn(n,e,t===null?[]:Array.isArray(t)?t:[t],i);for(let d=0;d<s.length;d++){let l=s[d];cn(l.owner??L(),()=>{_(n,l.thunk,l.anchor)})}return i}return W(o)?p(n,e,t,[o]):H(o)?j(n,e,t,o):p(n,e,t,String(o))}function M(n,e,t){for(let o=0;o<n.length;o++){let r=n[o];if(typeof r=="object"&&r!==null&&W(r)){e.push(r.anchor),t.push(r);continue}for(;typeof r=="function";)r=r();r==null||typeof r=="boolean"||(Array.isArray(r)?M(r,e,t):typeof r=="object"&&H(r)?e.push(r):e.push(document.createTextNode(String(r))))}}function $(n){let e=n.parentNode;e!==null&&e.removeChild(n)}function w(n){if(n!==null)if(Array.isArray(n))for(let e=0;e<n.length;e++)$(n[e]);else $(n);return null}function j(n,e,t,o){return t===o?o:t!==null&&!Array.isArray(t)?(n.replaceChild(o,t),o):(w(t),n.insertBefore(o,e),o)}function fn(n,e,t,o){let r=0,i=0,s=t.length-1,d=o.length-1;for(;r<=s&&i<=d&&t[r]===o[i];)r++,i++;for(;r<=s&&i<=d&&t[s]===o[d];)s--,d--;let l=d+1<o.length?o[d+1]:e;if(r>s){for(let u=i;u<=d;u++)n.insertBefore(o[u],l);return}if(i>d){for(let u=r;u<=s;u++)n.removeChild(t[u]);return}let c=new Map;for(let u=r;u<=s;u++)c.set(t[u],u);let a=d-i+1,f=new Int32Array(a).fill(-1);for(let u=0;u<a;u++){let g=o[i+u],O=c.get(g);O!==void 0&&(f[u]=O,c.delete(g))}for(let u of c.keys())n.removeChild(u);let m=pn(f),k=m.length-1,v=l;for(let u=a-1;u>=0;u--){let g=o[i+u];k>=0&&m[k]===u?k--:n.insertBefore(g,v),v=g}}function pn(n){let e=n.length,t=new Int32Array(e).fill(-1),o=[];for(let s=0;s<e;s++){let d=n[s];if(d===-1)continue;let l=0,c=o.length;for(;l<c;){let a=l+c>>1;n[o[a]]<d?l=a+1:c=a}l>0&&(t[s]=o[l-1]),o[l]=s}let r=[],i=o.length>0?o[o.length-1]:-1;for(;i!==-1;)r.push(i),i=t[i];return r.reverse()}import{signal as mn,createOwner as I,devEnterSetup as F,devExitSetup as h,disposeOwner as gn,getOwner as V,handleError as z,setOwner as y,untrack as B}from"@firsthandjs/core";var K=Symbol.for("firsthand.component"),wn=0,Z="firsthand";function Yn(n){Z=n}function Gn(n,e,t,o){let i=Object.assign(s=>yn(i,s),{[K]:!0,setup:n,options:e,id:t??`c${String(++wn)}`,tag:void 0});return Object.defineProperty(i,"name",{configurable:!0,value:o??(n.name===""?"Component":n.name)}),t===void 0&&(`${i.name}`,void 0),(e?.tag!==void 0||e?.shadow===!0)&&bn(i,typeof e.tag=="string"?e.tag:void 0),i}function Xn(n){return typeof n=="function"&&K in n}function yn(n,e){if(Object.freeze(e),n.setup===void 0)return T(n)(e);if(n.tag!==void 0)return xn(n,e);let t=I(V());n.name;let o=y(t);try{F(n.id);let r=B(()=>n.setup(e));return h(),y(o),r}catch(r){return h(),y(o),z(r,t),null}}function hn(n){let e=n.name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[^a-zA-Z0-9-]/g,"-").toLowerCase();return`${Z}-${e}`}function bn(n,e){let t=n;if(t.tag!==void 0)return t.tag;let o=e??hn(t);return customElements.get(o)!==void 0&&(o=`${o}-${t.id.replace(/[^a-zA-Z0-9]/g,"").toLowerCase()}`),t.tag=o,customElements.define(o,kn(t)),o}function kn(n){let e=n.options?.shadow===!0,t=n.options?.attributes,o=t!==void 0?Object.keys(t):[];return class extends HTMLElement{static observedAttributes=o;constructor(){super(),this.$owner=null,this.$props=null,this.$attrs=null,this.$standalone=!1}connectedCallback(){this.$owner===null&&(this.$standalone=!0,this.$attrs={},this.$props=Cn(this,t,this.$attrs),q(this,n,e))}disconnectedCallback(){!this.$standalone||this.$owner===null||(gn(this.$owner),this.$owner=null)}attributeChangedCallback(i,s,d){let l=this.$attrs?.[i];l!==void 0&&(l.value=t[i]?.(d))}}}function Cn(n,e,t){let o={};if(e!==void 0)for(let r in e){let i=mn(e[r](n.getAttribute(r)));t[r]=i,Object.defineProperty(o,r,{enumerable:!0,get:()=>i.value})}return Object.freeze(o)}function q(n,e,t){let o=I(V());e.name,n.$owner=o;let r=y(o);try{F(e.id);let i=t?n.attachShadow({mode:"open"}):n,s=B(()=>e.setup(n.$props));h(),p(i,null,null,s)}catch(i){h(),z(i,o)}finally{y(r)}}function xn(n,e){let t=document.createElement(n.tag);return t.$props=e,q(t,n,n.options?.shadow===!0),t}import{batch as En,createOwner as G,disposeOwner as Rn,getOwner as Nn,setOwner as R,signal as Y,untrack as X}from"@firsthandjs/core";function te(n,e,t){let o=G(Nn()),r=new Map;return()=>{let i=n(),s=new Map,d=[];return En(()=>{for(let l=0;l<i.length;l++){let c=i[l],a=X(()=>e(c,l));if(s.has(a)){`${String(a)}`;continue}let f=r.get(a);f===void 0?f=Pn(o,c,l,t):(r.delete(a),f.item.value=c,f.index.value=l),s.set(a,f);for(let m=0;m<f.nodes.length;m++)d.push(f.nodes[m])}for(let l of r.values())Rn(l.owner)}),r=s,d}}function Pn(n,e,t,o){let r=G(n),i=Y(e),s=Y(t),d=R(r),l;try{l=X(()=>o(i,s)),R(d)}catch(a){throw R(d),a}let c=[];return J(l,c),{owner:r,item:i,index:s,nodes:c}}function J(n,e){if(!(n==null||typeof n=="boolean")){if(Array.isArray(n)){for(let t=0;t<n.length;t++)J(n[t],e);return}if(typeof n=="object"&&typeof n.nodeType=="number"){e.push(n);return}e.push(document.createTextNode(String(n)))}}var An=new Set(["click","dblclick","contextmenu","input","beforeinput","change","keydown","keyup","keypress","pointerdown","pointerup","pointermove","mousedown","mouseup","mouseover","mouseout","submit","focusin","focusout","touchstart","touchend"]),Q=new Set;function N(n){return`$firsthand$${n}`}function Sn(n){let e=N(n.type),t=n.composedPath(),o=null;Object.defineProperty(n,"currentTarget",{configurable:!0,get:()=>o});for(let r=0;r<t.length;r++){let i=t[r],s=i[e];if(s!==void 0&&(o=i,s.call(i,n),n.cancelBubble)||i===document)break}o=null}function b(n,e,t,o){if(o!==void 0||!An.has(e)){n.addEventListener(e,t,o===!0?void 0:o);return}n[N(e)]=t,Q.has(e)||(Q.add(e),document.addEventListener(e,Sn))}function re(n,e){n[N(e)]=void 0}var vn={class:"className",for:"htmlFor"};function A(n,e,t){t==null||t===!1?n.removeAttribute(e):n.setAttribute(e,t===!0?"":String(t))}function le(n,e,t,o){o==null||o===!1?n.removeAttributeNS(e,t):n.setAttributeNS(e,t,o===!0?"":String(o))}function S(n,e,t){n[vn[e]??e]=t}function de(n,e,t){n[e]=!!t}function nn(n,e){e==null?n.removeAttribute("class"):n.className=String(e)}function en(n,e,t){let o=n.classList;if(t!==void 0)for(let r in t)r in e||o.remove(r);for(let r in e){let i=!!e[r];(t===void 0||!!t[r]!==i)&&o.toggle(r,i)}}function tn(n,e){e==null?n.style.cssText="":n.style.cssText=String(e)}function on(n,e,t){let o=n.style;if(t!==void 0)for(let r in t)r in e||o.removeProperty(P(r));for(let r in e){let i=e[r];(t===void 0||t[r]!==i)&&(i==null?o.removeProperty(P(r)):o.setProperty(P(r),String(i)))}}var On=/[A-Z]/g,U=new Map;function P(n){let e=U.get(n);return e===void 0&&(e=n.startsWith("--")?n:n.replace(On,t=>`-${t.toLowerCase()}`),U.set(n,e)),e}function Tn(n,e,t){if(e==="class"||e==="className"){t!==null&&typeof t=="object"?en(n,t,sn(n,"class",t)):nn(n,t);return}if(e==="style"){t!==null&&typeof t=="object"?on(n,t,sn(n,"style",t)):tn(n,t);return}if(e==="ref"){t(n);return}if(e.startsWith("prop:")){S(n,e.slice(5),t);return}if(e.startsWith("attr:")){A(n,e.slice(5),t);return}if(e.startsWith("on")&&e.length>2&&/[A-Z:]/.test(e[2])){$n(n,e,t);return}if(e in n&&typeof t!="string"){S(n,e,t);return}A(n,e,t)}function $n(n,e,t){let o=e.slice(2).split(":"),r=o[0]==="",i=r?o[1]:o[0].toLowerCase(),s=o[r?2:1];s===void 0?b(n,i,t):s==="native"?b(n,i,t,!0):b(n,i,t,{[s]:!0})}function fe(n,e){for(let t in e)t!=="children"&&Tn(n,t,e[t])}function pe(...n){let e={};for(let t=0;t<n.length;t++){let o=n[t];for(let r of Object.keys(o))Object.defineProperty(e,r,{enumerable:!0,configurable:!0,get:()=>o[r]})}return e}function me(n,e){let t={};for(let o of Object.keys(n))e.includes(o)||Object.defineProperty(t,o,{enumerable:!0,get:()=>n[o]});return Object.freeze(t)}var rn=new WeakMap;function sn(n,e,t){let o=rn.get(n);o===void 0&&(o={},rn.set(n,o));let r=o[e];return o[e]=t,r}export{jn as a,E as b,Hn as c,In as d,_ as e,p as f,fn as g,K as h,Yn as i,Gn as j,Xn as k,yn as l,bn as m,te as n,b as o,re as p,A as q,le as r,S as s,de as t,nn as u,en as v,tn as w,on as x,Tn as y,fe as z,pe as A,me as B};

package/dist/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,EAAc,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAE5D,oFAAoF;AACpF,eAAO,MAAM,SAAS,EAAE,OAAO,MAA0C,CAAC;AAE1E,MAAM,WAAW,gBAAgB;IAC/B,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;CACvD;AAED,2EAA2E;AAC3E,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,MAAM,MAAM,IAAI,GACd,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,IAAI,EAAE,CAAC;AAEvF;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;KAC5B,CAAC,IAAI,MAAM,CAAC,GAAG,SAAS,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC;CACjE,CAAC;AAEF,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B;;;;;;;OAOG;IACH,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,OAAO,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CACzB;AAKD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAEpD;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,CAAC,EACzB,KAAK,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,EACxC,OAAO,CAAC,EAAE,gBAAgB,EAC1B,EAAE,CAAC,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,GACZ,SAAS,CAAC,CAAC,CAAC,CAgCd;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,CAErE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CA+BvE;AAcD,iFAAiF;AACjF,wBAAgB,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,MAAM,CAM7D;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAc5E"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,EAAc,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAE5D,oFAAoF;AACpF,eAAO,MAAM,SAAS,EAAE,OAAO,MAA0C,CAAC;AAE1E,MAAM,WAAW,gBAAgB;IAC/B,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;CACvD;AAED,2EAA2E;AAC3E,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,MAAM,MAAM,IAAI,GACd,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,IAAI,EAAE,CAAC;AAEvF;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;KAC5B,CAAC,IAAI,MAAM,CAAC,GAAG,SAAS,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC;CACjE,CAAC;AAEF,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B;;;;;;;OAOG;IACH,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,OAAO,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CACzB;AAKD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAEpD;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,CAAC,EACzB,KAAK,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,EACxC,OAAO,CAAC,EAAE,gBAAgB,EAC1B,EAAE,CAAC,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,GACZ,SAAS,CAAC,CAAC,CAAC,CAgCd;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,CAErE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAgCvE;AAcD,iFAAiF;AACjF,wBAAgB,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,MAAM,CAM7D;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAc5E"}

package/dist/dev-chunk-2INCAQ6G.js

@@ -0,0 +1,825 @@
+// packages/dom/src/adapter.ts
+var adapter = null;
+var adapted = /* @__PURE__ */ new WeakMap();
+function setComponentAdapter(next) {
+  adapter = next;
+  adapted = /* @__PURE__ */ new WeakMap();
+}
+var FirsthandComponentError = class extends Error {
+  constructor(name) {
+    super(
+      `${name} is not a Firsthand component. If it is a React component, import '@firsthandjs/react/auto' once at startup to render React components directly, or wrap it with fromReact(). Otherwise, declare it with component().`
+    );
+    this.name = "FirsthandComponentError";
+  }
+};
+function adapt(target) {
+  const existing = adapted.get(target);
+  if (existing !== void 0) {
+    return existing;
+  }
+  if (adapter === null) {
+    const name = typeof target === "function" && target.name !== "" ? target.name : "The value";
+    throw new FirsthandComponentError(name);
+  }
+  const component_ = adapter(target);
+  adapted.set(target, component_);
+  return component_;
+}
+
+// packages/dom/src/dev.ts
+function devWarn(message) {
+  console.warn(`[firsthand] ${message}`);
+}
+var seen = /* @__PURE__ */ new Set();
+function devWarnOnce(key2, message) {
+  if (!seen.has(key2)) {
+    seen.add(key2);
+    devWarn(message);
+  }
+}
+function devWarnRenderedObject(value) {
+  const cellish = "peek" in value && typeof value.peek === "function" && "value" in value;
+  devWarnOnce(
+    cellish ? "rendered-cell" : "rendered-object",
+    cellish ? 'A signal or computed was rendered directly, so the page shows "[object Object]". Read it instead: {count.value} rather than {count}.' : `An object was rendered as text, so the page shows "${String(value)}". Render a string, a number or a node.`
+  );
+}
+function hook() {
+  const installed2 = globalThis.__FIRSTHAND_DEVTOOLS__;
+  return installed2 !== void 0 && installed2.attached ? installed2 : void 0;
+}
+function devPart(node, property) {
+  hook()?.part(node, property);
+}
+function devComponent(owner, name) {
+  hook()?.component(owner, name);
+}
+function label(value, kind, name) {
+  if (typeof value === "object" && value !== null) {
+    hook()?.label(value, kind, name);
+  }
+  return value;
+}
+
+// packages/dom/src/insert.ts
+import { bind, getOwner, onCleanup, runWithOwner } from "@firsthandjs/core";
+var TEXT_NODE = 3;
+function isNode(value) {
+  return typeof value.nodeType === "number";
+}
+var PART = /* @__PURE__ */ Symbol("firsthand.part");
+function part(thunk) {
+  return { [PART]: true, anchor: document.createTextNode(""), thunk, owner: getOwner() };
+}
+function isDynamicChild(value) {
+  return PART in value;
+}
+function insert(parent, value, marker = null) {
+  if (typeof value !== "function") {
+    applyChild(parent, marker, null, value);
+    return;
+  }
+  let current = null;
+  bind(() => {
+    const next = value();
+    if (typeof next === "function") {
+      current = clear(current);
+      insert(parent, next, marker);
+      return;
+    }
+    current = applyChild(parent, marker, current, next);
+  });
+  onCleanup(() => {
+    current = clear(current);
+  });
+}
+function applyChild(parent, marker, current, value) {
+  const type = typeof value;
+  if (value == null || type === "boolean") {
+    devPart(parent, "text");
+    return clear(current);
+  }
+  if (type === "string" || type === "number") {
+    devPart(parent, "text");
+    const text = String(value);
+    if (current !== null && !Array.isArray(current) && current.nodeType === TEXT_NODE) {
+      current.data = text;
+      return current;
+    }
+    return single(parent, marker, current, document.createTextNode(text));
+  }
+  if (type === "function") {
+    return applyChild(parent, marker, current, value());
+  }
+  if (Array.isArray(value)) {
+    const next = [];
+    const dynamic = [];
+    flatten(value, next, dynamic);
+    if (next.length === 0) {
+      return clear(current);
+    }
+    reconcile(
+      parent,
+      marker,
+      current === null ? [] : Array.isArray(current) ? current : [current],
+      next
+    );
+    for (let i = 0; i < dynamic.length; i++) {
+      const child = dynamic[i];
+      runWithOwner(child.owner ?? getOwner(), () => {
+        insert(parent, child.thunk, child.anchor);
+      });
+    }
+    return next;
+  }
+  if (isDynamicChild(value)) {
+    return applyChild(parent, marker, current, [value]);
+  }
+  if (isNode(value)) {
+    return single(parent, marker, current, value);
+  }
+  devWarnRenderedObject(value);
+  return applyChild(parent, marker, current, String(value));
+}
+function flatten(value, out, dynamic) {
+  for (let i = 0; i < value.length; i++) {
+    let item = value[i];
+    if (typeof item === "object" && item !== null && isDynamicChild(item)) {
+      out.push(item.anchor);
+      dynamic.push(item);
+      continue;
+    }
+    while (typeof item === "function") {
+      item = item();
+    }
+    if (item == null || typeof item === "boolean") {
+      continue;
+    }
+    if (Array.isArray(item)) {
+      flatten(item, out, dynamic);
+    } else if (typeof item === "object" && isNode(item)) {
+      out.push(item);
+    } else {
+      out.push(document.createTextNode(String(item)));
+    }
+  }
+}
+function detach(node) {
+  const owner = node.parentNode;
+  if (owner !== null) {
+    owner.removeChild(node);
+  }
+}
+function clear(current) {
+  if (current !== null) {
+    if (Array.isArray(current)) {
+      for (let i = 0; i < current.length; i++) {
+        detach(current[i]);
+      }
+    } else {
+      detach(current);
+    }
+  }
+  return null;
+}
+function single(parent, marker, current, node) {
+  if (current === node) {
+    return node;
+  }
+  if (current !== null && !Array.isArray(current)) {
+    parent.replaceChild(node, current);
+    return node;
+  }
+  clear(current);
+  parent.insertBefore(node, marker);
+  return node;
+}
+function reconcile(parent, marker, a, b) {
+  let aStart = 0;
+  let bStart = 0;
+  let aEnd = a.length - 1;
+  let bEnd = b.length - 1;
+  while (aStart <= aEnd && bStart <= bEnd && a[aStart] === b[bStart]) {
+    aStart++;
+    bStart++;
+  }
+  while (aStart <= aEnd && bStart <= bEnd && a[aEnd] === b[bEnd]) {
+    aEnd--;
+    bEnd--;
+  }
+  const after = bEnd + 1 < b.length ? b[bEnd + 1] : marker;
+  if (aStart > aEnd) {
+    for (let i = bStart; i <= bEnd; i++) {
+      parent.insertBefore(b[i], after);
+    }
+    return;
+  }
+  if (bStart > bEnd) {
+    for (let i = aStart; i <= aEnd; i++) {
+      parent.removeChild(a[i]);
+    }
+    return;
+  }
+  const oldIndex = /* @__PURE__ */ new Map();
+  for (let i = aStart; i <= aEnd; i++) {
+    oldIndex.set(a[i], i);
+  }
+  const middle = bEnd - bStart + 1;
+  const sources = new Int32Array(middle).fill(-1);
+  for (let j = 0; j < middle; j++) {
+    const node = b[bStart + j];
+    const found = oldIndex.get(node);
+    if (found !== void 0) {
+      sources[j] = found;
+      oldIndex.delete(node);
+    }
+  }
+  for (const node of oldIndex.keys()) {
+    parent.removeChild(node);
+  }
+  const keep = longestIncreasing(sources);
+  let k = keep.length - 1;
+  let anchor = after;
+  for (let j = middle - 1; j >= 0; j--) {
+    const node = b[bStart + j];
+    if (k >= 0 && keep[k] === j) {
+      k--;
+    } else {
+      parent.insertBefore(node, anchor);
+    }
+    anchor = node;
+  }
+}
+function longestIncreasing(sources) {
+  const length = sources.length;
+  const predecessor = new Int32Array(length).fill(-1);
+  const tails = [];
+  for (let i = 0; i < length; i++) {
+    const value = sources[i];
+    if (value === -1) {
+      continue;
+    }
+    let low = 0;
+    let high = tails.length;
+    while (low < high) {
+      const mid = low + high >> 1;
+      if (sources[tails[mid]] < value) {
+        low = mid + 1;
+      } else {
+        high = mid;
+      }
+    }
+    if (low > 0) {
+      predecessor[i] = tails[low - 1];
+    }
+    tails[low] = i;
+  }
+  const result = [];
+  let cursor = tails.length > 0 ? tails[tails.length - 1] : -1;
+  while (cursor !== -1) {
+    result.push(cursor);
+    cursor = predecessor[cursor];
+  }
+  return result.reverse();
+}
+
+// packages/dom/src/component.ts
+import {
+  signal,
+  createOwner,
+  devEnterSetup,
+  devExitSetup,
+  disposeOwner,
+  getOwner as getOwner2,
+  handleError,
+  setOwner,
+  untrack
+} from "@firsthandjs/core";
+var COMPONENT = /* @__PURE__ */ Symbol.for("firsthand.component");
+var sequence = 0;
+var prefix = "firsthand";
+function setElementPrefix(value) {
+  prefix = value;
+}
+function component(setup, options, id, name) {
+  const instantiate = (props) => (
+    // The relaxation is in the signature only: the object itself is the
+    // caller's, and `P` is what the setup function sees.
+    createComponent(declared, props)
+  );
+  const declared = Object.assign(instantiate, {
+    [COMPONENT]: true,
+    setup,
+    options,
+    id: id ?? `c${String(++sequence)}`,
+    tag: void 0
+  });
+  Object.defineProperty(declared, "name", {
+    configurable: true,
+    value: name ?? (setup.name === "" ? "Component" : setup.name)
+  });
+  if (id === void 0) {
+    devWarnOnce(
+      "no-compiler",
+      `${declared.name} was declared without the Firsthand compiler, so component ids are generated at runtime and are not stable across builds. Element names and devtools labels degrade.`
+    );
+  }
+  if (options?.tag !== void 0 || options?.shadow === true) {
+    defineElement(declared, typeof options.tag === "string" ? options.tag : void 0);
+  }
+  return declared;
+}
+function isComponent(value) {
+  return typeof value === "function" && COMPONENT in value;
+}
+function createComponent(target, props) {
+  Object.freeze(props);
+  if (target.setup === void 0) {
+    return adapt(target)(props);
+  }
+  if (target.tag !== void 0) {
+    return createHost(target, props);
+  }
+  const owner = createOwner(getOwner2());
+  devComponent(owner, target.name);
+  const previous = setOwner(owner);
+  try {
+    devEnterSetup(target.id);
+    const result = untrack(() => target.setup(props));
+    devExitSetup();
+    setOwner(previous);
+    return result;
+  } catch (error) {
+    devExitSetup();
+    setOwner(previous);
+    handleError(error, owner);
+    return null;
+  }
+}
+function tagNameFor(target) {
+  const base = target.name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[^a-zA-Z0-9-]/g, "-").toLowerCase();
+  return `${prefix}-${base}`;
+}
+function defineElement(target, tag) {
+  const declared = target;
+  if (declared.tag !== void 0) {
+    return declared.tag;
+  }
+  let name = tag ?? tagNameFor(declared);
+  if (customElements.get(name) !== void 0) {
+    name = `${name}-${declared.id.replace(/[^a-zA-Z0-9]/g, "").toLowerCase()}`;
+  }
+  declared.tag = name;
+  customElements.define(name, elementClass(declared));
+  return name;
+}
+function elementClass(target) {
+  const shadow = target.options?.shadow === true;
+  const codecs = target.options?.attributes;
+  const observed = codecs !== void 0 ? Object.keys(codecs) : [];
+  const ctor = class extends HTMLElement {
+    static observedAttributes = observed;
+    constructor() {
+      super();
+      this.$owner = null;
+      this.$props = null;
+      this.$attrs = null;
+      this.$standalone = false;
+    }
+    connectedCallback() {
+      if (this.$owner !== null) {
+        return;
+      }
+      this.$standalone = true;
+      this.$attrs = {};
+      this.$props = attributeProps(this, codecs, this.$attrs);
+      mountHost(this, target, shadow);
+    }
+    disconnectedCallback() {
+      if (!this.$standalone || this.$owner === null) {
+        return;
+      }
+      disposeOwner(this.$owner);
+      this.$owner = null;
+    }
+    attributeChangedCallback(name, _old, value) {
+      const cell = this.$attrs?.[name];
+      if (cell !== void 0) {
+        cell.value = codecs[name]?.(value);
+      }
+    }
+  };
+  return ctor;
+}
+function attributeProps(element, codecs, cells) {
+  const props = {};
+  if (codecs !== void 0) {
+    for (const name in codecs) {
+      const cell = signal(codecs[name](element.getAttribute(name)));
+      cells[name] = cell;
+      Object.defineProperty(props, name, {
+        enumerable: true,
+        get: () => cell.value
+      });
+    }
+  }
+  return Object.freeze(props);
+}
+function mountHost(element, target, shadow) {
+  const owner = createOwner(getOwner2());
+  devComponent(owner, target.name);
+  element.$owner = owner;
+  const previous = setOwner(owner);
+  try {
+    devEnterSetup(target.id);
+    const root = shadow ? element.attachShadow({ mode: "open" }) : element;
+    const result = untrack(() => target.setup(element.$props));
+    devExitSetup();
+    applyChild(root, null, null, result);
+  } catch (error) {
+    devExitSetup();
+    handleError(error, owner);
+  } finally {
+    setOwner(previous);
+  }
+}
+function createHost(target, props) {
+  const element = document.createElement(target.tag);
+  element.$props = props;
+  mountHost(element, target, target.options?.shadow === true);
+  return element;
+}
+
+// packages/dom/src/list.ts
+import {
+  batch,
+  createOwner as createOwner2,
+  disposeOwner as disposeOwner2,
+  getOwner as getOwner3,
+  setOwner as setOwner2,
+  signal as signal2,
+  untrack as untrack2
+} from "@firsthandjs/core";
+function list(each, keyOf, render) {
+  const host = createOwner2(getOwner3());
+  let rows = /* @__PURE__ */ new Map();
+  return () => {
+    const items = each();
+    const next = /* @__PURE__ */ new Map();
+    const nodes = [];
+    batch(() => {
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        const key2 = untrack2(() => keyOf(item, i));
+        if (next.has(key2)) {
+          devWarn(
+            `Duplicate list key ${String(key2)}. Keys must be unique, or rows will be dropped.`
+          );
+          continue;
+        }
+        let row = rows.get(key2);
+        if (row === void 0) {
+          row = createRow(host, item, i, render);
+        } else {
+          rows.delete(key2);
+          row.item.value = item;
+          row.index.value = i;
+        }
+        next.set(key2, row);
+        for (let n = 0; n < row.nodes.length; n++) {
+          nodes.push(row.nodes[n]);
+        }
+      }
+      for (const row of rows.values()) {
+        disposeOwner2(row.owner);
+      }
+    });
+    rows = next;
+    return nodes;
+  };
+}
+function createRow(host, item, index, render) {
+  const owner = createOwner2(host);
+  const itemCell = signal2(item);
+  const indexCell = signal2(index);
+  const previous = setOwner2(owner);
+  let result;
+  try {
+    result = untrack2(() => render(itemCell, indexCell));
+    setOwner2(previous);
+  } catch (error) {
+    setOwner2(previous);
+    throw error;
+  }
+  const nodes = [];
+  collect(result, nodes);
+  return { owner, item: itemCell, index: indexCell, nodes };
+}
+function collect(value, out) {
+  if (value == null || typeof value === "boolean") {
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (let i = 0; i < value.length; i++) {
+      collect(value[i], out);
+    }
+    return;
+  }
+  if (typeof value === "object" && typeof value.nodeType === "number") {
+    out.push(value);
+    return;
+  }
+  out.push(document.createTextNode(String(value)));
+}
+
+// packages/dom/src/events.ts
+var DELEGATED = /* @__PURE__ */ new Set([
+  "click",
+  "dblclick",
+  "contextmenu",
+  "input",
+  "beforeinput",
+  "change",
+  "keydown",
+  "keyup",
+  "keypress",
+  "pointerdown",
+  "pointerup",
+  "pointermove",
+  "mousedown",
+  "mouseup",
+  "mouseover",
+  "mouseout",
+  "submit",
+  "focusin",
+  "focusout",
+  "touchstart",
+  "touchend"
+]);
+var installed = /* @__PURE__ */ new Set();
+function key(type) {
+  return `$firsthand$${type}`;
+}
+function dispatch(event) {
+  const name = key(event.type);
+  const path = event.composedPath();
+  let current = null;
+  Object.defineProperty(event, "currentTarget", {
+    configurable: true,
+    get: () => current
+  });
+  for (let i = 0; i < path.length; i++) {
+    const node = path[i];
+    const handler = node[name];
+    if (handler !== void 0) {
+      current = node;
+      handler.call(node, event);
+      if (event.cancelBubble) {
+        break;
+      }
+    }
+    if (node === document) {
+      break;
+    }
+  }
+  current = null;
+}
+function on(node, type, handler, options) {
+  if (options !== void 0 || !DELEGATED.has(type)) {
+    node.addEventListener(type, handler, options === true ? void 0 : options);
+    return;
+  }
+  node[key(type)] = handler;
+  if (!installed.has(type)) {
+    installed.add(type);
+    document.addEventListener(type, dispatch);
+  }
+}
+function off(node, type) {
+  node[key(type)] = void 0;
+}
+
+// packages/dom/src/attributes.ts
+var PROPERTY_ALIASES = {
+  class: "className",
+  for: "htmlFor"
+};
+function setAttribute(node, name, value) {
+  devPart(node, name);
+  if (value == null || value === false) {
+    node.removeAttribute(name);
+  } else {
+    node.setAttribute(name, value === true ? "" : String(value));
+  }
+}
+function setAttributeNS(node, ns, name, value) {
+  devPart(node, name);
+  if (value == null || value === false) {
+    node.removeAttributeNS(ns, name);
+  } else {
+    node.setAttributeNS(ns, name, value === true ? "" : String(value));
+  }
+}
+function setProperty(node, name, value) {
+  devPart(node, name);
+  node[PROPERTY_ALIASES[name] ?? name] = value;
+}
+function setBoolean(node, name, value) {
+  devPart(node, name);
+  node[name] = !!value;
+}
+function setClass(node, value) {
+  devPart(node, "class");
+  if (value == null) {
+    node.removeAttribute("class");
+  } else {
+    node.className = String(value);
+  }
+}
+function setClassList(node, value, previous) {
+  const list2 = node.classList;
+  if (previous !== void 0) {
+    for (const name in previous) {
+      if (!(name in value)) {
+        list2.remove(name);
+      }
+    }
+  }
+  for (const name in value) {
+    const enabled = !!value[name];
+    if (previous === void 0 || !!previous[name] !== enabled) {
+      list2.toggle(name, enabled);
+    }
+  }
+}
+function setStyle(node, value) {
+  if (value == null) {
+    node.style.cssText = "";
+  } else {
+    node.style.cssText = String(value);
+  }
+}
+function setStyleObject(node, value, previous) {
+  const style = node.style;
+  if (previous !== void 0) {
+    for (const name in previous) {
+      if (!(name in value)) {
+        style.removeProperty(hyphenate(name));
+      }
+    }
+  }
+  for (const name in value) {
+    const next = value[name];
+    if (previous === void 0 || previous[name] !== next) {
+      if (next == null) {
+        style.removeProperty(hyphenate(name));
+      } else {
+        style.setProperty(hyphenate(name), String(next));
+      }
+    }
+  }
+}
+var HYPHENATE = /[A-Z]/g;
+var hyphenateCache = /* @__PURE__ */ new Map();
+function hyphenate(name) {
+  let result = hyphenateCache.get(name);
+  if (result === void 0) {
+    result = name.startsWith("--") ? name : name.replace(HYPHENATE, (letter) => `-${letter.toLowerCase()}`);
+    hyphenateCache.set(name, result);
+  }
+  return result;
+}
+
+// packages/dom/src/props.ts
+function applyProp(node, name, value) {
+  if (name === "class" || name === "className") {
+    if (value !== null && typeof value === "object") {
+      setClassList(node, value, remember(node, "class", value));
+    } else {
+      setClass(node, value);
+    }
+    return;
+  }
+  if (name === "style") {
+    if (value !== null && typeof value === "object") {
+      setStyleObject(
+        node,
+        value,
+        remember(node, "style", value)
+      );
+    } else {
+      setStyle(node, value);
+    }
+    return;
+  }
+  if (name === "ref") {
+    value(node);
+    return;
+  }
+  if (name.startsWith("prop:")) {
+    setProperty(node, name.slice(5), value);
+    return;
+  }
+  if (name.startsWith("attr:")) {
+    setAttribute(node, name.slice(5), value);
+    return;
+  }
+  if (name.startsWith("on") && name.length > 2 && /[A-Z:]/.test(name[2])) {
+    applyEvent(node, name, value);
+    return;
+  }
+  if (name in node && typeof value !== "string") {
+    setProperty(node, name, value);
+    return;
+  }
+  setAttribute(node, name, value);
+}
+function applyEvent(node, name, value) {
+  const parts = name.slice(2).split(":");
+  const literal = parts[0] === "";
+  const type = literal ? parts[1] : parts[0].toLowerCase();
+  const modifier = parts[literal ? 2 : 1];
+  if (modifier === void 0) {
+    on(node, type, value);
+  } else if (modifier === "native") {
+    on(node, type, value, true);
+  } else {
+    on(node, type, value, { [modifier]: true });
+  }
+}
+function spread(node, props) {
+  for (const name in props) {
+    if (name !== "children") {
+      applyProp(node, name, props[name]);
+    }
+  }
+}
+function mergeProps(...sources) {
+  const target = {};
+  for (let i = 0; i < sources.length; i++) {
+    const source = sources[i];
+    for (const name of Object.keys(source)) {
+      Object.defineProperty(target, name, {
+        enumerable: true,
+        configurable: true,
+        get: () => source[name]
+      });
+    }
+  }
+  return target;
+}
+function rest(props, omit) {
+  const remaining = {};
+  for (const name of Object.keys(props)) {
+    if (!omit.includes(name)) {
+      Object.defineProperty(remaining, name, {
+        enumerable: true,
+        get: () => props[name]
+      });
+    }
+  }
+  return Object.freeze(remaining);
+}
+var records = /* @__PURE__ */ new WeakMap();
+function remember(node, slot, value) {
+  let record = records.get(node);
+  if (record === void 0) {
+    record = {};
+    records.set(node, record);
+  }
+  const previous = record[slot];
+  record[slot] = value;
+  return previous;
+}
+
+export {
+  setComponentAdapter,
+  FirsthandComponentError,
+  label,
+  part,
+  insert,
+  applyChild,
+  reconcile,
+  COMPONENT,
+  setElementPrefix,
+  component,
+  isComponent,
+  createComponent,
+  defineElement,
+  list,
+  on,
+  off,
+  setAttribute,
+  setAttributeNS,
+  setProperty,
+  setBoolean,
+  setClass,
+  setClassList,
+  setStyle,
+  setStyleObject,
+  applyProp,
+  spread,
+  mergeProps,
+  rest
+};

package/dist/dev.d.ts

@@ -20,4 +20,22 @@ export declare function devWarnOnce(key: string, message: string): void;
  * it: `dev.prod.ts` replaces this with an empty function.
  */
 export declare function devWarnRenderedObject(value: object): void;
+/**
+ * Reports the node and property a part is writing.
+ *
+ * Called from inside the part's own effect, so devtools can attribute it to
+ * whatever is running and turn an anonymous effect into `button.disabled`.
+ */
+export declare function devPart(node: object, property: string): void;
+/** Names the scope a component instance runs in. */
+export declare function devComponent(owner: object, name: string): void;
+/**
+ * Names a cell, from a label the compiler wrote.
+ *
+ * The value is returned so the call can wrap the expression it names, which
+ * keeps `signal` unchanged and leaves a cell created any other way simply
+ * unnamed. In a production build this is an empty function and the compiler
+ * emits no call to it at all.
+ */
+export declare function label<T>(value: T, kind: string, name: string): T;
 //# sourceMappingURL=dev.d.ts.map

package/dist/dev.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../src/dev.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAE7C;AAID,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAK9D;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAWzD"}
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../src/dev.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAE7C;AAID,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAK9D;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAWzD;AAkBD;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAE5D;AAED,oDAAoD;AACpD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAE9D;AAED;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,CAKhE"}

package/dist/dev.prod.d.ts

@@ -2,4 +2,7 @@
 export declare function devWarn(_message: string): void;
 export declare function devWarnOnce(_key: string, _message: string): void;
 export declare function devWarnRenderedObject(_value: object): void;
+export declare function devPart(_node: object, _property: string): void;
+export declare function devComponent(_owner: object, _name: string): void;
+export declare function label<T>(value: T, _kind: string, _name: string): T;
 //# sourceMappingURL=dev.prod.d.ts.map

package/dist/dev.prod.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev.prod.d.ts","sourceRoot":"","sources":["../src/dev.prod.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAE3E,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAE9C;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAEhE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAE1D"}
+{"version":3,"file":"dev.prod.d.ts","sourceRoot":"","sources":["../src/dev.prod.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAE3E,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAE9C;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAEhE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAE1D;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAE9D;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAEhE;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAElE"}

package/dist/index.dev.js

@@ -0,0 +1,109 @@
+import {
+  FirsthandComponentError,
+  applyChild,
+  component,
+  createComponent,
+  defineElement,
+  list,
+  mergeProps,
+  off,
+  on,
+  setComponentAdapter,
+  setElementPrefix
+} from "./dev-chunk-2INCAQ6G.js";
+
+// packages/dom/src/render.ts
+import { createRoot, onCleanup, untrack } from "@firsthandjs/core";
+function render(view, container = document.body) {
+  let dispose;
+  createRoot((stop) => {
+    dispose = stop;
+    let slot = null;
+    slot = applyChild(container, null, null, untrack(view));
+    onCleanup(() => {
+      applyChild(container, null, slot, null);
+    });
+  });
+  return dispose;
+}
+
+// packages/dom/src/portal.ts
+import { onCleanup as onCleanup2 } from "@firsthandjs/core";
+function portal(view, target) {
+  const nodes = [];
+  collectNodes(view, nodes);
+  for (let i = 0; i < nodes.length; i++) {
+    target.appendChild(nodes[i]);
+  }
+  onCleanup2(() => {
+    for (let i = 0; i < nodes.length; i++) {
+      const node = nodes[i];
+      node.parentNode?.removeChild(node);
+    }
+  });
+  return null;
+}
+function collectNodes(value, out) {
+  if (value == null || typeof value === "boolean") {
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (let i = 0; i < value.length; i++) {
+      collectNodes(value[i], out);
+    }
+    return;
+  }
+  if (typeof value === "object" && typeof value.nodeType === "number") {
+    out.push(value);
+    return;
+  }
+  out.push(document.createTextNode(String(value)));
+}
+
+// packages/dom/src/index.ts
+import {
+  signal,
+  computed,
+  effect,
+  batch,
+  untrack as untrack2,
+  onCleanup as onCleanup3,
+  createRoot as createRoot2,
+  catchError,
+  runWithOwner,
+  createContext,
+  provide,
+  useContext,
+  FirsthandContextError,
+  FirsthandCycleError,
+  FirsthandReadonlyError
+} from "@firsthandjs/core";
+export {
+  FirsthandComponentError,
+  FirsthandContextError,
+  FirsthandCycleError,
+  FirsthandReadonlyError,
+  batch,
+  catchError,
+  component,
+  computed,
+  createComponent,
+  createContext,
+  createRoot2 as createRoot,
+  defineElement,
+  effect,
+  list,
+  mergeProps,
+  off,
+  on,
+  onCleanup3 as onCleanup,
+  portal,
+  provide,
+  render,
+  runWithOwner,
+  setComponentAdapter,
+  setElementPrefix,
+  signal,
+  untrack2 as untrack,
+  useContext
+};

package/dist/index.js

@@ -1 +1 @@
-import{a as d,b as i,e as p,h as s,i as m,k as f,l as a,m as c,n as u,o as C,z as x}from"./chunk-6OI7S46K.js";import{createRoot as y,onCleanup as h,untrack as N}from"@firsthandjs/core";function g(e,r=document.body){let o;return y(t=>{o=t;let n=null;n=p(r,null,null,N(e)),h(()=>{p(r,null,n,null)})}),o}import{onCleanup as E}from"@firsthandjs/core";function b(e,r){let o=[];l(e,o);for(let t=0;t<o.length;t++)r.appendChild(o[t]);return E(()=>{for(let t=0;t<o.length;t++){let n=o[t];n.parentNode?.removeChild(n)}}),null}function l(e,r){if(!(e==null||typeof e=="boolean")){if(Array.isArray(e)){for(let o=0;o<e.length;o++)l(e[o],r);return}if(typeof e=="object"&&typeof e.nodeType=="number"){r.push(e);return}r.push(document.createTextNode(String(e)))}}import{signal as z,computed as B,effect as G,batch as H,untrack as I,onCleanup as J,createRoot as K,catchError as L,runWithOwner as M,createContext as Q,provide as U,useContext as X,FirsthandContextError as Y,FirsthandCycleError as Z,FirsthandReadonlyError as _}from"@firsthandjs/core";export{i as FirsthandComponentError,Y as FirsthandContextError,Z as FirsthandCycleError,_ as FirsthandReadonlyError,H as batch,L as catchError,m as component,B as computed,f as createComponent,Q as createContext,K as createRoot,a as defineElement,G as effect,c as list,x as mergeProps,C as off,u as on,J as onCleanup,b as portal,U as provide,g as render,M as runWithOwner,d as setComponentAdapter,s as setElementPrefix,z as signal,I as untrack,X as useContext};
+import{A as x,a as d,b as i,f as p,i as s,j as m,l as f,m as a,n as c,o as u,p as C}from"./chunk-QZ5SESOU.js";import{createRoot as y,onCleanup as h,untrack as N}from"@firsthandjs/core";function g(e,r=document.body){let o;return y(t=>{o=t;let n=null;n=p(r,null,null,N(e)),h(()=>{p(r,null,n,null)})}),o}import{onCleanup as E}from"@firsthandjs/core";function b(e,r){let o=[];l(e,o);for(let t=0;t<o.length;t++)r.appendChild(o[t]);return E(()=>{for(let t=0;t<o.length;t++){let n=o[t];n.parentNode?.removeChild(n)}}),null}function l(e,r){if(!(e==null||typeof e=="boolean")){if(Array.isArray(e)){for(let o=0;o<e.length;o++)l(e[o],r);return}if(typeof e=="object"&&typeof e.nodeType=="number"){r.push(e);return}r.push(document.createTextNode(String(e)))}}import{signal as z,computed as B,effect as G,batch as H,untrack as I,onCleanup as J,createRoot as K,catchError as L,runWithOwner as M,createContext as Q,provide as U,useContext as X,FirsthandContextError as Y,FirsthandCycleError as Z,FirsthandReadonlyError as _}from"@firsthandjs/core";export{i as FirsthandComponentError,Y as FirsthandContextError,Z as FirsthandCycleError,_ as FirsthandReadonlyError,H as batch,L as catchError,m as component,B as computed,f as createComponent,Q as createContext,K as createRoot,a as defineElement,G as effect,c as list,x as mergeProps,C as off,u as on,J as onCleanup,b as portal,U as provide,g as render,M as runWithOwner,d as setComponentAdapter,s as setElementPrefix,z as signal,I as untrack,X as useContext};

package/dist/insert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"insert.d.ts","sourceRoot":"","sources":["../src/insert.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGxF,mDAAmD;AACnD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;AAQ7C,QAAA,MAAM,IAAI,EAAE,OAAO,MAAiC,CAAC;AAErD;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,OAAO,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CAC9B;AAED,oEAAoE;AACpE,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,OAAO,GAAG,YAAY,CAEvD;AAMD;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,GAAE,IAAI,GAAG,IAAW,GAAG,IAAI,CA4BrF;AAED,6EAA6E;AAC7E,wBAAgB,UAAU,CACxB,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,IAAI,GAAG,IAAI,EACnB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,OAAO,GACb,SAAS,CAyDX;AAmED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAqEvF"}
+{"version":3,"file":"insert.d.ts","sourceRoot":"","sources":["../src/insert.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGxF,mDAAmD;AACnD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;AAQ7C,QAAA,MAAM,IAAI,EAAE,OAAO,MAAiC,CAAC;AAErD;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,OAAO,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CAC9B;AAED,oEAAoE;AACpE,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,OAAO,GAAG,YAAY,CAEvD;AAMD;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,GAAE,IAAI,GAAG,IAAW,GAAG,IAAI,CA4BrF;AAED,6EAA6E;AAC7E,wBAAgB,UAAU,CACxB,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,IAAI,GAAG,IAAI,EACnB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,OAAO,GACb,SAAS,CAiEX;AAmED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAqEvF"}

package/dist/internal.d.ts

@@ -17,6 +17,7 @@ export { setAttribute, setAttributeNS, setProperty, setBoolean, setClass, setCla
 export { on, off } from './events.js';
 export { applyProp, spread, mergeProps, rest } from './props.js';
 export { bind } from '@firsthandjs/core';
+export { label } from './dev.js';
 export { list } from './list.js';
 export { createComponent, isComponent, COMPONENT } from './component.js';
 //# sourceMappingURL=internal.d.ts.map

package/dist/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../src/internal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,cAAc,EACd,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../src/internal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,cAAc,EACd,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/internal.dev.js

@@ -0,0 +1,82 @@
+import {
+  COMPONENT,
+  applyChild,
+  applyProp,
+  createComponent,
+  insert,
+  isComponent,
+  label,
+  list,
+  mergeProps,
+  off,
+  on,
+  part,
+  reconcile,
+  rest,
+  setAttribute,
+  setAttributeNS,
+  setBoolean,
+  setClass,
+  setClassList,
+  setProperty,
+  setStyle,
+  setStyleObject,
+  spread
+} from "./dev-chunk-2INCAQ6G.js";
+
+// packages/dom/src/template.ts
+function template(html, isFragment = false) {
+  let source;
+  return () => {
+    if (source === void 0) {
+      const element = document.createElement("template");
+      element.innerHTML = html;
+      source = isFragment ? element.content : element.content.firstChild;
+    }
+    return source.cloneNode(true);
+  };
+}
+function path(root, ...indices) {
+  let node = root;
+  for (let i = 0; i < indices.length; i++) {
+    let child = node.firstChild;
+    for (let step = indices[i]; step > 0; step--) {
+      child = child.nextSibling;
+    }
+    node = child;
+  }
+  return node;
+}
+
+// packages/dom/src/internal.ts
+import { bind } from "@firsthandjs/core";
+var PROTOCOL_VERSION = 1;
+export {
+  COMPONENT,
+  PROTOCOL_VERSION,
+  applyChild,
+  applyProp,
+  bind,
+  createComponent,
+  insert,
+  isComponent,
+  label,
+  list,
+  mergeProps,
+  off,
+  on,
+  part,
+  path,
+  reconcile,
+  rest,
+  setAttribute,
+  setAttributeNS,
+  setBoolean,
+  setClass,
+  setClassList,
+  setProperty,
+  setStyle,
+  setStyleObject,
+  spread,
+  template
+};

package/dist/internal.js

@@ -1 +1 @@
-import{A as L,c as l,d as s,e as i,f as a,g as m,j as d,k as f,m as c,n as u,o as x,p as N,q as y,r as C,s as h,t as b,u as O,v as S,w as P,x as T,y as g,z as E}from"./chunk-6OI7S46K.js";function j(r,o=!1){let e;return()=>{if(e===void 0){let t=document.createElement("template");t.innerHTML=r,e=o?t.content:t.content.firstChild}return e.cloneNode(!0)}}function A(r,...o){let e=r;for(let t=0;t<o.length;t++){let n=e.firstChild;for(let p=o[t];p>0;p--)n=n.nextSibling;e=n}return e}import{bind as k}from"@firsthandjs/core";var M=1;export{m as COMPONENT,M as PROTOCOL_VERSION,i as applyChild,T as applyProp,k as bind,f as createComponent,s as insert,d as isComponent,c as list,E as mergeProps,x as off,u as on,l as part,A as path,a as reconcile,L as rest,N as setAttribute,y as setAttributeNS,h as setBoolean,b as setClass,O as setClassList,C as setProperty,S as setStyle,P as setStyleObject,g as spread,j as template};
+import{A as L,B as j,c as p,d as s,e as a,f as i,g as m,h as d,k as f,l as c,n as x,o as u,p as N,q as y,r as C,s as h,t as b,u as O,v as S,w as P,x as T,y as g,z as E}from"./chunk-QZ5SESOU.js";function A(r,o=!1){let e;return()=>{if(e===void 0){let t=document.createElement("template");t.innerHTML=r,e=o?t.content:t.content.firstChild}return e.cloneNode(!0)}}function F(r,...o){let e=r;for(let t=0;t<o.length;t++){let n=e.firstChild;for(let l=o[t];l>0;l--)n=n.nextSibling;e=n}return e}import{bind as q}from"@firsthandjs/core";var R=1;export{d as COMPONENT,R as PROTOCOL_VERSION,i as applyChild,g as applyProp,q as bind,c as createComponent,a as insert,f as isComponent,p as label,x as list,L as mergeProps,N as off,u as on,s as part,F as path,m as reconcile,j as rest,y as setAttribute,C as setAttributeNS,b as setBoolean,O as setClass,S as setClassList,h as setProperty,P as setStyle,T as setStyleObject,E as spread,A as template};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firsthandjs/dom",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "DOM parts, templates, components, portals and keyed lists for Firsthand.",
   "license": "MIT",
   "type": "module",
@@ -8,10 +8,12 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "development": "./dist/index.dev.js",
       "default": "./dist/index.js"
     },
     "./internal": {
       "types": "./dist/internal.d.ts",
+      "development": "./dist/internal.dev.js",
       "default": "./dist/internal.js"
     }
   },
@@ -23,7 +25,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@firsthandjs/core": "0.3.0"
+    "@firsthandjs/core": "0.4.0"
   },
   "engines": {
     "node": ">=20.11.0"

package/dist/chunk-6OI7S46K.js

@@ -1 +0,0 @@
-var C=null,x=new WeakMap;function $n(n){C=n,x=new WeakMap}var E=class extends Error{constructor(t){super(`${t} is not a Firsthand component. If it is a React component, import '@firsthandjs/react/auto' once at startup to render React components directly, or wrap it with fromReact(). Otherwise, declare it with component().`),this.name="FirsthandComponentError"}};function T(n){let t=x.get(n);if(t!==void 0)return t;if(C===null){let o=typeof n=="function"&&n.name!==""?n.name:"The value";throw new E(o)}let e=C(n);return x.set(n,e),e}import{bind as ln,getOwner as L,onCleanup as dn,runWithOwner as un}from"@firsthandjs/core";var cn=3;function H(n){return typeof n.nodeType=="number"}var D=Symbol("firsthand.part");function Mn(n){return{[D]:!0,anchor:document.createTextNode(""),thunk:n,owner:L()}}function W(n){return D in n}function M(n,t,e=null){if(typeof t!="function"){p(n,e,null,t);return}let o=null;ln(()=>{let r=t();if(typeof r=="function"){o=g(o),M(n,r,e);return}o=p(n,e,o,r)}),dn(()=>{o=g(o)})}function p(n,t,e,o){let r=typeof o;if(o==null||r==="boolean")return g(e);if(r==="string"||r==="number"){let i=String(o);return e!==null&&!Array.isArray(e)&&e.nodeType===cn?(e.data=i,e):j(n,t,e,document.createTextNode(i))}if(r==="function")return p(n,t,e,o());if(Array.isArray(o)){let i=[],s=[];if(I(o,i,s),i.length===0)return g(e);an(n,t,e===null?[]:Array.isArray(e)?e:[e],i);for(let d=0;d<s.length;d++){let l=s[d];un(l.owner??L(),()=>{M(n,l.thunk,l.anchor)})}return i}return W(o)?p(n,t,e,[o]):H(o)?j(n,t,e,o):p(n,t,e,String(o))}function I(n,t,e){for(let o=0;o<n.length;o++){let r=n[o];if(typeof r=="object"&&r!==null&&W(r)){t.push(r.anchor),e.push(r);continue}for(;typeof r=="function";)r=r();r==null||typeof r=="boolean"||(Array.isArray(r)?I(r,t,e):typeof r=="object"&&H(r)?t.push(r):t.push(document.createTextNode(String(r))))}}function $(n){let t=n.parentNode;t!==null&&t.removeChild(n)}function g(n){if(n!==null)if(Array.isArray(n))for(let t=0;t<n.length;t++)$(n[t]);else $(n);return null}function j(n,t,e,o){return e===o?o:e!==null&&!Array.isArray(e)?(n.replaceChild(o,e),o):(g(e),n.insertBefore(o,t),o)}function an(n,t,e,o){let r=0,i=0,s=e.length-1,d=o.length-1;for(;r<=s&&i<=d&&e[r]===o[i];)r++,i++;for(;r<=s&&i<=d&&e[s]===o[d];)s--,d--;let l=d+1<o.length?o[d+1]:t;if(r>s){for(let u=i;u<=d;u++)n.insertBefore(o[u],l);return}if(i>d){for(let u=r;u<=s;u++)n.removeChild(e[u]);return}let c=new Map;for(let u=r;u<=s;u++)c.set(e[u],u);let a=d-i+1,f=new Int32Array(a).fill(-1);for(let u=0;u<a;u++){let w=o[i+u],v=c.get(w);v!==void 0&&(f[u]=v,c.delete(w))}for(let u of c.keys())n.removeChild(u);let m=fn(f),k=m.length-1,O=l;for(let u=a-1;u>=0;u--){let w=o[i+u];k>=0&&m[k]===u?k--:n.insertBefore(w,O),O=w}}function fn(n){let t=n.length,e=new Int32Array(t).fill(-1),o=[];for(let s=0;s<t;s++){let d=n[s];if(d===-1)continue;let l=0,c=o.length;for(;l<c;){let a=l+c>>1;n[o[a]]<d?l=a+1:c=a}l>0&&(e[s]=o[l-1]),o[l]=s}let r=[],i=o.length>0?o[o.length-1]:-1;for(;i!==-1;)r.push(i),i=e[i];return r.reverse()}import{signal as pn,createOwner as F,devEnterSetup as V,devExitSetup as y,disposeOwner as mn,getOwner as _,handleError as z,setOwner as h,untrack as B}from"@firsthandjs/core";var K=Symbol.for("firsthand.component"),wn=0,Z="firsthand";function Kn(n){Z=n}function Zn(n,t,e,o){let i=Object.assign(s=>gn(i,s),{[K]:!0,setup:n,options:t,id:e??`c${String(++wn)}`,tag:void 0});return Object.defineProperty(i,"name",{configurable:!0,value:o??(n.name===""?"Component":n.name)}),e===void 0&&(`${i.name}`,void 0),(t?.tag!==void 0||t?.shadow===!0)&&yn(i,typeof t.tag=="string"?t.tag:void 0),i}function qn(n){return typeof n=="function"&&K in n}function gn(n,t){if(Object.freeze(t),n.setup===void 0)return T(n)(t);if(n.tag!==void 0)return Cn(n,t);let e=F(_()),o=h(e);try{V(n.id);let r=B(()=>n.setup(t));return y(),h(o),r}catch(r){return y(),h(o),z(r,e),null}}function hn(n){let t=n.name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[^a-zA-Z0-9-]/g,"-").toLowerCase();return`${Z}-${t}`}function yn(n,t){let e=n;if(e.tag!==void 0)return e.tag;let o=t??hn(e);return customElements.get(o)!==void 0&&(o=`${o}-${e.id.replace(/[^a-zA-Z0-9]/g,"").toLowerCase()}`),e.tag=o,customElements.define(o,bn(e)),o}function bn(n){let t=n.options?.shadow===!0,e=n.options?.attributes,o=e!==void 0?Object.keys(e):[];return class extends HTMLElement{static observedAttributes=o;constructor(){super(),this.$owner=null,this.$props=null,this.$attrs=null,this.$standalone=!1}connectedCallback(){this.$owner===null&&(this.$standalone=!0,this.$attrs={},this.$props=kn(this,e,this.$attrs),q(this,n,t))}disconnectedCallback(){!this.$standalone||this.$owner===null||(mn(this.$owner),this.$owner=null)}attributeChangedCallback(i,s,d){let l=this.$attrs?.[i];l!==void 0&&(l.value=e[i]?.(d))}}}function kn(n,t,e){let o={};if(t!==void 0)for(let r in t){let i=pn(t[r](n.getAttribute(r)));e[r]=i,Object.defineProperty(o,r,{enumerable:!0,get:()=>i.value})}return Object.freeze(o)}function q(n,t,e){let o=F(_());n.$owner=o;let r=h(o);try{V(t.id);let i=e?n.attachShadow({mode:"open"}):n,s=B(()=>t.setup(n.$props));y(),p(i,null,null,s)}catch(i){y(),z(i,o)}finally{h(r)}}function Cn(n,t){let e=document.createElement(n.tag);return e.$props=t,q(e,n,n.options?.shadow===!0),e}import{batch as xn,createOwner as G,disposeOwner as En,getOwner as Rn,setOwner as R,signal as Y,untrack as X}from"@firsthandjs/core";function Un(n,t,e){let o=G(Rn()),r=new Map;return()=>{let i=n(),s=new Map,d=[];return xn(()=>{for(let l=0;l<i.length;l++){let c=i[l],a=X(()=>t(c,l));if(s.has(a)){`${String(a)}`;continue}let f=r.get(a);f===void 0?f=Nn(o,c,l,e):(r.delete(a),f.item.value=c,f.index.value=l),s.set(a,f);for(let m=0;m<f.nodes.length;m++)d.push(f.nodes[m])}for(let l of r.values())En(l.owner)}),r=s,d}}function Nn(n,t,e,o){let r=G(n),i=Y(t),s=Y(e),d=R(r),l;try{l=X(()=>o(i,s)),R(d)}catch(a){throw R(d),a}let c=[];return J(l,c),{owner:r,item:i,index:s,nodes:c}}function J(n,t){if(!(n==null||typeof n=="boolean")){if(Array.isArray(n)){for(let e=0;e<n.length;e++)J(n[e],t);return}if(typeof n=="object"&&typeof n.nodeType=="number"){t.push(n);return}t.push(document.createTextNode(String(n)))}}var An=new Set(["click","dblclick","contextmenu","input","beforeinput","change","keydown","keyup","keypress","pointerdown","pointerup","pointermove","mousedown","mouseup","mouseover","mouseout","submit","focusin","focusout","touchstart","touchend"]),Q=new Set;function N(n){return`$firsthand$${n}`}function Pn(n){let t=N(n.type),e=n.composedPath(),o=null;Object.defineProperty(n,"currentTarget",{configurable:!0,get:()=>o});for(let r=0;r<e.length;r++){let i=e[r],s=i[t];if(s!==void 0&&(o=i,s.call(i,n),n.cancelBubble)||i===document)break}o=null}function b(n,t,e,o){if(o!==void 0||!An.has(t)){n.addEventListener(t,e,o===!0?void 0:o);return}n[N(t)]=e,Q.has(t)||(Q.add(t),document.addEventListener(t,Pn))}function ee(n,t){n[N(t)]=void 0}var Sn={class:"className",for:"htmlFor"};function P(n,t,e){e==null||e===!1?n.removeAttribute(t):n.setAttribute(t,e===!0?"":String(e))}function oe(n,t,e,o){o==null||o===!1?n.removeAttributeNS(t,e):n.setAttributeNS(t,e,o===!0?"":String(o))}function S(n,t,e){n[Sn[t]??t]=e}function re(n,t,e){n[t]=!!e}function nn(n,t){t==null?n.removeAttribute("class"):n.className=String(t)}function en(n,t,e){let o=n.classList;if(e!==void 0)for(let r in e)r in t||o.remove(r);for(let r in t){let i=!!t[r];(e===void 0||!!e[r]!==i)&&o.toggle(r,i)}}function tn(n,t){t==null?n.style.cssText="":n.style.cssText=String(t)}function on(n,t,e){let o=n.style;if(e!==void 0)for(let r in e)r in t||o.removeProperty(A(r));for(let r in t){let i=t[r];(e===void 0||e[r]!==i)&&(i==null?o.removeProperty(A(r)):o.setProperty(A(r),String(i)))}}var On=/[A-Z]/g,U=new Map;function A(n){let t=U.get(n);return t===void 0&&(t=n.startsWith("--")?n:n.replace(On,e=>`-${e.toLowerCase()}`),U.set(n,t)),t}function vn(n,t,e){if(t==="class"||t==="className"){e!==null&&typeof e=="object"?en(n,e,sn(n,"class",e)):nn(n,e);return}if(t==="style"){e!==null&&typeof e=="object"?on(n,e,sn(n,"style",e)):tn(n,e);return}if(t==="ref"){e(n);return}if(t.startsWith("prop:")){S(n,t.slice(5),e);return}if(t.startsWith("attr:")){P(n,t.slice(5),e);return}if(t.startsWith("on")&&t.length>2&&/[A-Z:]/.test(t[2])){Tn(n,t,e);return}if(t in n&&typeof e!="string"){S(n,t,e);return}P(n,t,e)}function Tn(n,t,e){let o=t.slice(2).split(":"),r=o[0]==="",i=r?o[1]:o[0].toLowerCase(),s=o[r?2:1];s===void 0?b(n,i,e):s==="native"?b(n,i,e,!0):b(n,i,e,{[s]:!0})}function de(n,t){for(let e in t)e!=="children"&&vn(n,e,t[e])}function ue(...n){let t={};for(let e=0;e<n.length;e++){let o=n[e];for(let r of Object.keys(o))Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>o[r]})}return t}function ce(n,t){let e={};for(let o of Object.keys(n))t.includes(o)||Object.defineProperty(e,o,{enumerable:!0,get:()=>n[o]});return Object.freeze(e)}var rn=new WeakMap;function sn(n,t,e){let o=rn.get(n);o===void 0&&(o={},rn.set(n,o));let r=o[t];return o[t]=e,r}export{$n as a,E as b,Mn as c,M as d,p as e,an as f,K as g,Kn as h,Zn as i,qn as j,gn as k,yn as l,Un as m,b as n,ee as o,P as p,oe as q,S as r,re as s,nn as t,en as u,tn as v,on as w,vn as x,de as y,ue as z,ce as A};