@firsthandjs/dom 0.7.0 → 0.8.0

package/dist/chunk-EWYTWH5D.js

@@ -0,0 +1 @@
+var C=null,S=new WeakMap;function Vn(n){C=n,S=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 j(n){let t=S.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 S.set(n,e),e}function qn(n,t,e){return n}import{bind as pn,createOwner as mn,signal as wn,disposeOwner as gn,getOwner as v,onCleanup as yn,runWithOwner as hn,setOwner as _}from"@firsthandjs/core";var bn=3;function W(n){return typeof n.nodeType=="number"}var D=Symbol("firsthand.part");function M(n){return{[D]:!0,anchor:document.createTextNode(""),thunk:n,owner:v()}}function I(n){return D in n}function Xn(n=""){return{slots:[],owner:v(),generation:0,name:n}}function R(n){n.busy=!0}function V(n,t){let e=n.slots[t];if(e!==void 0)return e.seen=n.generation,e;let o={seen:n.generation};return n.slots[t]=o,o}function Jn(n,t){let e=mn(n.owner);return t.owner=e,_(e)}function Qn(n){_(n)}function Un(n,t){let e=n.generation,o=n.slots;for(let r=0;r<o.length;r++){let i=o[r];i===void 0||i.seen===e||(i.owner!==void 0&&gn(i.owner),o[r]=void 0)}return n.generation=e+1,t}function ne(n,t,e){let o=V(n,t),r=o.cell;if(r===void 0){let i=wn(e);return o.cell=i,i}return r.peek()!==e&&(R(n),r.value=e),r}function ee(n,t,e,o,r){let i=V(n,t),s=typeof r;if(s==="string"||s==="number"){let l=String(r);if(l===i.text)return;R(n),i.text=l,i.node=p(e,o,i.node??null,l);return}i.text=void 0,r!==i.last&&(R(n),i.last=r,i.node=p(e,o,i.node??null,r))}function F(n,t,e=null){if(typeof t!="function"){p(n,e,null,t);return}let o=null,r;pn(()=>{let i=t(),s=typeof i;if(s==="string"||s==="number"){let l=String(i);l!==r&&(r=l,o=p(n,e,o,l));return}if(r=void 0,s==="function"){o=g(o),F(n,i,e);return}o=p(n,e,o,i)}),yn(()=>{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===bn?(e.data=i,e):L(n,t,e,document.createTextNode(i))}if(r==="function")return p(n,t,e,o());if(Array.isArray(o)){let i=[],s=[];if(q(o,i,s),i.length===0)return g(e);kn(n,t,e===null?[]:Array.isArray(e)?e:[e],i);for(let l=0;l<s.length;l++){let d=s[l];hn(d.owner??v(),()=>{F(n,d.thunk,d.anchor)})}return i}return I(o)?p(n,t,e,[o]):W(o)?L(n,t,e,o):p(n,t,e,String(o))}function q(n,t,e){for(let o=0;o<n.length;o++){let r=n[o];if(typeof r=="object"&&r!==null&&I(r)){t.push(r.anchor),e.push(r);continue}for(;typeof r=="function";)r=r();r==null||typeof r=="boolean"||(Array.isArray(r)?q(r,t,e):typeof r=="object"&&W(r)?t.push(r):t.push(document.createTextNode(String(r))))}}function H(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++)H(n[t]);else H(n);return null}function L(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 kn(n,t,e,o){let r=0,i=0,s=e.length-1,l=o.length-1;for(;r<=s&&i<=l&&e[r]===o[i];)r++,i++;for(;r<=s&&i<=l&&e[s]===o[l];)s--,l--;let d=l+1<o.length?o[l+1]:t;if(r>s){for(let u=i;u<=l;u++)n.insertBefore(o[u],d);return}if(i>l){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=l-i+1,f=new Int32Array(a).fill(-1);for(let u=0;u<a;u++){let w=o[i+u],$=c.get(w);$!==void 0&&(f[u]=$,c.delete(w))}for(let u of c.keys())n.removeChild(u);let m=xn(f),x=m.length-1,T=d;for(let u=a-1;u>=0;u--){let w=o[i+u];x>=0&&m[x]===u?x--:n.insertBefore(w,T),T=w}}function xn(n){let t=n.length,e=new Int32Array(t).fill(-1),o=[];for(let s=0;s<t;s++){let l=n[s];if(l===-1)continue;let d=0,c=o.length;for(;d<c;){let a=d+c>>1;n[o[a]]<l?d=a+1:c=a}d>0&&(e[s]=o[d-1]),o[d]=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 Cn,createOwner as z,devEnterSetup as B,devExitSetup as h,disposeOwner as Sn,getOwner as K,handleError as Z,setOwner as y,untrack as Y}from"@firsthandjs/core";var G=Symbol.for("firsthand.component"),X=Symbol.for("firsthand.view"),En=0,J="firsthand";function ue(n){J=n}function ce(n,t,e,o){let i=Object.assign(s=>Rn(i,s),{[G]:!0,setup:n,options:t,id:e??`c${String(++En)}`,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)&&Nn(i,typeof t.tag=="string"?t.tag:void 0),i}function ae(n){return typeof n=="function"&&G in n}function fe(n){return n[X]=!0,n}function Rn(n,t){if(Object.freeze(t),n.setup===void 0)return X in n?M(()=>n(t)):j(n)(t);if(n.tag!==void 0)return An(n,t);let e=z(K());n.name;let o=y(e);try{B(n.id);let r=Y(()=>n.setup(t));return h(),y(o),r}catch(r){return h(),y(o),Z(r,e),null}}function vn(n){let t=n.name.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[^a-zA-Z0-9-]/g,"-").toLowerCase();return`${J}-${t}`}function Nn(n,t){let e=n;if(e.tag!==void 0)return e.tag;let o=t??vn(e);return customElements.get(o)!==void 0&&(o=`${o}-${e.id.replace(/[^a-zA-Z0-9]/g,"").toLowerCase()}`),e.tag=o,customElements.define(o,On(e)),o}function On(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=Pn(this,e,this.$attrs),Q(this,n,t))}disconnectedCallback(){!this.$standalone||this.$owner===null||(Sn(this.$owner),this.$owner=null)}attributeChangedCallback(i,s,l){let d=this.$attrs?.[i];d!==void 0&&(d.value=e[i]?.(l))}}}function Pn(n,t,e){let o={};if(t!==void 0)for(let r in t){let i=Cn(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=z(K());t.name,n.$owner=o;let r=y(o);try{B(t.id);let i=e?n.attachShadow({mode:"open"}):n,s=Y(()=>t.setup(n.$props));h(),p(i,null,null,s)}catch(i){h(),Z(i,o)}finally{y(r)}}function An(n,t){let e=document.createElement(n.tag);return e.$props=t,Q(e,n,n.options?.shadow===!0),e}import{batch as Tn,createOwner as nn,disposeOwner as $n,getOwner as jn,setOwner as N,signal as U,untrack as en}from"@firsthandjs/core";function he(n,t,e){let o=nn(jn()),r=new Map;return()=>{let i=n(),s=new Map,l=[];return Tn(()=>{for(let d=0;d<i.length;d++){let c=i[d],a=en(()=>t(c,d));if(s.has(a)){`${String(a)}`;continue}let f=r.get(a);f===void 0?f=Hn(o,c,d,e):(r.delete(a),f.item.value=c,f.index.value=d),s.set(a,f);for(let m=0;m<f.nodes.length;m++)l.push(f.nodes[m])}for(let d of r.values())$n(d.owner)}),r=s,l}}function Hn(n,t,e,o){let r=nn(n),i=U(t),s=U(e),l=N(r),d;try{d=en(()=>o(i,s)),N(l)}catch(a){throw N(l),a}let c=[];return tn(d,c),{owner:r,item:i,index:s,nodes:c}}function tn(n,t){if(!(n==null||typeof n=="boolean")){if(Array.isArray(n)){for(let e=0;e<n.length;e++)tn(n[e],t);return}if(typeof n=="object"&&typeof n.nodeType=="number"){t.push(n);return}t.push(document.createTextNode(String(n)))}}var Ln=new Set(["click","dblclick","contextmenu","input","beforeinput","change","keydown","keyup","keypress","pointerdown","pointerup","pointermove","mousedown","mouseup","mouseover","mouseout","submit","focusin","focusout","touchstart","touchend"]),on=new Set;function b(n){return`$firsthand$${n}`}function _n(n){let t=b(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 k(n,t,e,o){if(o!==void 0||!Ln.has(t)){let r=n,i=o===!0?void 0:o,s=`${b(t)}$${i===void 0?"":Object.keys(i).sort().join(",")}`,l=r[s];l!==void 0&&n.removeEventListener(t,l.handler,l.options),r[s]={handler:e,options:i},n.addEventListener(t,e,i);return}n[b(t)]=e,on.has(t)||(on.add(t),document.addEventListener(t,_n))}function ke(n,t){n[b(t)]=void 0}var Wn={class:"className",for:"htmlFor"};function P(n,t,e){e==null||e===!1?n.removeAttribute(t):n.setAttribute(t,e===!0?"":String(e))}function Se(n,t,e,o){o==null||o===!1?n.removeAttributeNS(t,e):n.setAttributeNS(t,e,o===!0?"":String(o))}function A(n,t,e){n[Wn[t]??t]=e}function Ee(n,t,e){n[t]=!!e}function sn(n,t){t==null?n.removeAttribute("class"):n.className=String(t)}function ln(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 dn(n,t){t==null?n.style.cssText="":n.style.cssText=String(t)}function un(n,t,e){let o=n.style;if(e!==void 0)for(let r in e)r in t||o.removeProperty(O(r));for(let r in t){let i=t[r];(e===void 0||e[r]!==i)&&(i==null?o.removeProperty(O(r)):o.setProperty(O(r),String(i)))}}var Dn=/[A-Z]/g,rn=new Map;function O(n){let t=rn.get(n);return t===void 0&&(t=n.startsWith("--")?n:n.replace(Dn,e=>`-${e.toLowerCase()}`),rn.set(n,t)),t}function Mn(n,t,e){if(t==="class"||t==="className"){e!==null&&typeof e=="object"?ln(n,e,an(n,"class",e)):sn(n,e);return}if(t==="style"){e!==null&&typeof e=="object"?un(n,e,an(n,"style",e)):dn(n,e);return}if(t==="ref"){e(n);return}if(t.startsWith("prop:")){A(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])){In(n,t,e);return}if(t in n&&typeof e!="string"){A(n,t,e);return}P(n,t,e)}function In(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?k(n,i,e):s==="native"?k(n,i,e,!0):k(n,i,e,{[s]:!0})}function Oe(n,t){for(let e in t)e!=="children"&&Mn(n,e,t[e])}function Pe(...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 Ae(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 cn=new WeakMap;function an(n,t,e){let o=cn.get(n);o===void 0&&(o={},cn.set(n,o));let r=o[t];return o[t]=e,r}export{Vn as a,E as b,qn as c,M as d,Xn as e,R as f,V as g,Jn as h,Qn as i,Un as j,ne as k,ee as l,F as m,p as n,kn as o,G as p,X as q,ue as r,ce as s,ae as t,fe as u,Rn as v,Nn as w,he as x,k as y,ke as z,P as A,Se as B,A as C,Ee as D,sn as E,ln as F,dn as G,un as H,Mn as I,Oe as J,Pe as K,Ae as L};

package/dist/component.d.ts

@@ -2,14 +2,22 @@ import type { ReadonlyProps } from '@firsthandjs/core';
 import { type DynamicChild } from './insert.js';
 /** Marks a value as a Firsthand component; used by the JSX runtime and compiler. */
 export declare const COMPONENT: unique symbol;
-export interface ComponentOptions {
+/**
+ * Marks a plain function that returns markup.
+ *
+ * `Symbol.for` rather than a local symbol: the mark has to survive a module
+ * boundary, so a view function compiled in one package is recognised in
+ * another that may hold its own copy of this module.
+ */
+export declare const VIEW: unique symbol;
+export type ComponentOptions = {
     /** Attach a shadow root to the element host. Implies `tag` (ADR-0007). */
     shadow?: boolean;
     /** Host this component in a real custom element (ADR-0003). */
     tag?: true | string;
     /** Explicit attribute codecs for vanilla-HTML consumers of the element. */
     attributes?: Readonly<Record<string, AttributeCodec>>;
-}
+};
 /** Converts an attribute string to a prop value. `null` means "absent". */
 export type AttributeCodec = (raw: string | null) => unknown;
 /**
@@ -23,7 +31,20 @@ export type AttributeCodec = (raw: string | null) => unknown;
  * fragment, and what a component returns when it renders something that has to
  * be bound after it is placed — a route outlet, for instance.
  */
-export type View = Node | string | number | boolean | null | undefined | DynamicChild | readonly View[];
+export type View = Node | string | number | boolean | null | undefined | DynamicChild | readonly View[] | Render;
+/**
+ * A view that is evaluated as a whole, again, when something it read changes.
+ *
+ * This is what a setup returns when it has statements above its markup — an
+ * `if`, a value derived from several signals — and it is an ordinary function,
+ * which is the point: it is a reactive scope like `effect` and `computed`, one
+ * level up.
+ *
+ * ```tsx
+ * component(() => () => (signedIn.value ? <Page /> : <SignIn />));
+ * ```
+ */
+export type Render = () => View;
 /**
  * Props as a *caller* may write them.
  *
@@ -36,7 +57,7 @@ export type View = Node | string | number | boolean | null | undefined | Dynamic
 export type PropsArgument<P> = {
     [K in keyof P]: undefined extends P[K] ? P[K] | undefined : P[K];
 };
-export interface Component<P> {
+export type Component<P> = {
     /**
      * Creates an instance.
      *
@@ -55,7 +76,7 @@ export interface Component<P> {
     readonly name: string;
     /** Registered custom element name, once `defineElement` has run. */
     tag: string | undefined;
-}
+};
 /**
  * Sets the prefix for custom element names. Call once, at startup.
  *
@@ -73,6 +94,20 @@ export declare function setElementPrefix(value: string): void;
  */
 export declare function component<P>(setup: (props: ReadonlyProps<P>) => View, options?: ComponentOptions, id?: string, name?: string): Component<P>;
 export declare function isComponent(value: unknown): value is Component<never>;
+/**
+ * Declares a plain function to be a view.
+ *
+ * A function that returns markup is a view, and a view is a reactive scope:
+ * `<Badge user={user} />` calls it where it stands, and calls it again when
+ * something it read changes. It has no setup, so it owns nothing that has to
+ * survive a run — `signal`, `effect` and their kind belong in a `component`.
+ *
+ * The compiler emits this for every module-level function it compiled markup
+ * into, so that a view imported from another module is still recognised as
+ * ours rather than handed to whatever adapter is installed. Inside one module
+ * the compiler resolves the call itself and this is never consulted.
+ */
+export declare function view<T extends (props: never) => unknown>(target: T): T;
 /**
  * Instantiates a component.
  *

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,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"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"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"}

package/dist/{dev-chunk-2INCAQ6G.js → dev-chunk-2CKM3OGC.js}

@@ -61,9 +61,46 @@ function label(value, kind, name) {
   }
   return value;
 }
+var QUIET = 20;
+function devRan(store2) {
+  if (store2.busy === true) {
+    store2.busy = false;
+    store2.quiet = 0;
+    return;
+  }
+  const quiet = (store2.quiet ?? 0) + 1;
+  store2.quiet = quiet;
+  if (quiet !== QUIET) {
+    return;
+  }
+  devWarnOnce(
+    `quiet-run:${store2.name}`,
+    `<${store2.name}> ran ${String(QUIET)} times and wrote nothing.
+Something it reads in a statement changes more often than what it shows. Move that read into the markup, where it is a part of its own, or move the derivation into a computed in the setup.`
+  );
+}
+function devHandedNewFunction(store2, value) {
+  if (typeof value !== "function") {
+    return;
+  }
+  devWarnOnce(
+    `new-function:${store2.name}`,
+    `<${store2.name}> hands a child a new function on every run, so that child runs again whenever this one does.
+If the handler does not depend on the run, define it in the setup.`
+  );
+}
 
 // packages/dom/src/insert.ts
-import { bind, getOwner, onCleanup, runWithOwner } from "@firsthandjs/core";
+import {
+  bind,
+  createOwner,
+  signal,
+  disposeOwner,
+  getOwner,
+  onCleanup,
+  runWithOwner,
+  setOwner
+} from "@firsthandjs/core";
 var TEXT_NODE = 3;
 function isNode(value) {
   return typeof value.nodeType === "number";
@@ -75,15 +112,103 @@ function part(thunk) {
 function isDynamicChild(value) {
   return PART in value;
 }
+function store(name = "") {
+  return { slots: [], owner: getOwner(), generation: 0, name };
+}
+function wrote(store2) {
+  store2.busy = true;
+}
+function site(store2, index) {
+  const existing = store2.slots[index];
+  if (existing !== void 0) {
+    existing.seen = store2.generation;
+    return existing;
+  }
+  const slot = { seen: store2.generation };
+  store2.slots[index] = slot;
+  return slot;
+}
+function open(store2, slot) {
+  const owner = createOwner(store2.owner);
+  slot.owner = owner;
+  return setOwner(owner);
+}
+function close(previous) {
+  setOwner(previous);
+}
+function ran(store2, value) {
+  devRan(store2);
+  const generation = store2.generation;
+  const slots = store2.slots;
+  for (let i = 0; i < slots.length; i++) {
+    const slot = slots[i];
+    if (slot === void 0 || slot.seen === generation) {
+      continue;
+    }
+    if (slot.owner !== void 0) {
+      disposeOwner(slot.owner);
+    }
+    slots[i] = void 0;
+  }
+  store2.generation = generation + 1;
+  return value;
+}
+function cell(store2, index, value) {
+  const slot = site(store2, index);
+  const existing = slot.cell;
+  if (existing === void 0) {
+    const made = signal(value);
+    slot.cell = made;
+    return made;
+  }
+  if (existing.peek() !== value) {
+    devHandedNewFunction(store2, value);
+    wrote(store2);
+    existing.value = value;
+  }
+  return existing;
+}
+function writeChild(store2, index, parent, marker, value) {
+  const slot = site(store2, index);
+  const type = typeof value;
+  if (type === "string" || type === "number") {
+    const text = String(value);
+    if (text === slot.text) {
+      return;
+    }
+    wrote(store2);
+    slot.text = text;
+    slot.node = applyChild(parent, marker, slot.node ?? null, text);
+    return;
+  }
+  slot.text = void 0;
+  if (value === slot.last) {
+    return;
+  }
+  wrote(store2);
+  slot.last = value;
+  slot.node = applyChild(parent, marker, slot.node ?? null, value);
+}
 function insert(parent, value, marker = null) {
   if (typeof value !== "function") {
     applyChild(parent, marker, null, value);
     return;
   }
   let current = null;
+  let written;
   bind(() => {
     const next = value();
-    if (typeof next === "function") {
+    const type = typeof next;
+    if (type === "string" || type === "number") {
+      const text = String(next);
+      if (text !== written) {
+        written = text;
+        current = applyChild(parent, marker, current, text);
+      }
+      return;
+    }
+    written = void 0;
+    if (type === "function") {
       current = clear(current);
       insert(parent, next, marker);
       return;
@@ -286,17 +411,18 @@ function longestIncreasing(sources) {
 
 // packages/dom/src/component.ts
 import {
-  signal,
-  createOwner,
+  signal as signal2,
+  createOwner as createOwner2,
   devEnterSetup,
   devExitSetup,
-  disposeOwner,
+  disposeOwner as disposeOwner2,
   getOwner as getOwner2,
   handleError,
-  setOwner,
+  setOwner as setOwner2,
   untrack
 } from "@firsthandjs/core";
 var COMPONENT = /* @__PURE__ */ Symbol.for("firsthand.component");
+var VIEW = /* @__PURE__ */ Symbol.for("firsthand.view");
 var sequence = 0;
 var prefix = "firsthand";
 function setElementPrefix(value) {
@@ -333,26 +459,33 @@ function component(setup, options, id, name) {
 function isComponent(value) {
   return typeof value === "function" && COMPONENT in value;
 }
+function view(target) {
+  target[VIEW] = true;
+  return target;
+}
 function createComponent(target, props) {
   Object.freeze(props);
   if (target.setup === void 0) {
+    if (VIEW in target) {
+      return part(() => target(props));
+    }
     return adapt(target)(props);
   }
   if (target.tag !== void 0) {
     return createHost(target, props);
   }
-  const owner = createOwner(getOwner2());
+  const owner = createOwner2(getOwner2());
   devComponent(owner, target.name);
-  const previous = setOwner(owner);
+  const previous = setOwner2(owner);
   try {
     devEnterSetup(target.id);
     const result = untrack(() => target.setup(props));
     devExitSetup();
-    setOwner(previous);
+    setOwner2(previous);
     return result;
   } catch (error) {
     devExitSetup();
-    setOwner(previous);
+    setOwner2(previous);
     handleError(error, owner);
     return null;
   }
@@ -400,13 +533,13 @@ function elementClass(target) {
       if (!this.$standalone || this.$owner === null) {
         return;
       }
-      disposeOwner(this.$owner);
+      disposeOwner2(this.$owner);
       this.$owner = null;
     }
     attributeChangedCallback(name, _old, value) {
-      const cell = this.$attrs?.[name];
-      if (cell !== void 0) {
-        cell.value = codecs[name]?.(value);
+      const cell2 = this.$attrs?.[name];
+      if (cell2 !== void 0) {
+        cell2.value = codecs[name]?.(value);
       }
     }
   };
@@ -416,21 +549,21 @@ 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;
+      const cell2 = signal2(codecs[name](element.getAttribute(name)));
+      cells[name] = cell2;
       Object.defineProperty(props, name, {
         enumerable: true,
-        get: () => cell.value
+        get: () => cell2.value
       });
     }
   }
   return Object.freeze(props);
 }
 function mountHost(element, target, shadow) {
-  const owner = createOwner(getOwner2());
+  const owner = createOwner2(getOwner2());
   devComponent(owner, target.name);
   element.$owner = owner;
-  const previous = setOwner(owner);
+  const previous = setOwner2(owner);
   try {
     devEnterSetup(target.id);
     const root = shadow ? element.attachShadow({ mode: "open" }) : element;
@@ -441,7 +574,7 @@ function mountHost(element, target, shadow) {
     devExitSetup();
     handleError(error, owner);
   } finally {
-    setOwner(previous);
+    setOwner2(previous);
   }
 }
 function createHost(target, props) {
@@ -454,15 +587,15 @@ function createHost(target, props) {
 // packages/dom/src/list.ts
 import {
   batch,
-  createOwner as createOwner2,
-  disposeOwner as disposeOwner2,
+  createOwner as createOwner3,
+  disposeOwner as disposeOwner3,
   getOwner as getOwner3,
-  setOwner as setOwner2,
-  signal as signal2,
+  setOwner as setOwner3,
+  signal as signal3,
   untrack as untrack2
 } from "@firsthandjs/core";
 function list(each, keyOf, render) {
-  const host = createOwner2(getOwner3());
+  const host = createOwner3(getOwner3());
   let rows = /* @__PURE__ */ new Map();
   return () => {
     const items = each();
@@ -492,7 +625,7 @@ function list(each, keyOf, render) {
         }
       }
       for (const row of rows.values()) {
-        disposeOwner2(row.owner);
+        disposeOwner3(row.owner);
       }
     });
     rows = next;
@@ -500,16 +633,16 @@ function list(each, keyOf, render) {
   };
 }
 function createRow(host, item, index, render) {
-  const owner = createOwner2(host);
-  const itemCell = signal2(item);
-  const indexCell = signal2(index);
-  const previous = setOwner2(owner);
+  const owner = createOwner3(host);
+  const itemCell = signal3(item);
+  const indexCell = signal3(index);
+  const previous = setOwner3(owner);
   let result;
   try {
     result = untrack2(() => render(itemCell, indexCell));
-    setOwner2(previous);
+    setOwner3(previous);
   } catch (error) {
-    setOwner2(previous);
+    setOwner3(previous);
     throw error;
   }
   const nodes = [];
@@ -587,7 +720,15 @@ function dispatch(event) {
 }
 function on(node, type, handler, options) {
   if (options !== void 0 || !DELEGATED.has(type)) {
-    node.addEventListener(type, handler, options === true ? void 0 : options);
+    const host = node;
+    const resolved = options === true ? void 0 : options;
+    const slot = `${key(type)}$${resolved === void 0 ? "" : Object.keys(resolved).sort().join(",")}`;
+    const previous = host[slot];
+    if (previous !== void 0) {
+      node.removeEventListener(type, previous.handler, previous.options);
+    }
+    host[slot] = { handler, options: resolved };
+    node.addEventListener(type, handler, resolved);
     return;
   }
   node[key(type)] = handler;
@@ -798,13 +939,23 @@ export {
   FirsthandComponentError,
   label,
   part,
+  store,
+  wrote,
+  site,
+  open,
+  close,
+  ran,
+  cell,
+  writeChild,
   insert,
   applyChild,
   reconcile,
   COMPONENT,
+  VIEW,
   setElementPrefix,
   component,
   isComponent,
+  view,
   createComponent,
   defineElement,
   list,

package/dist/dev.d.ts

@@ -38,4 +38,27 @@ export declare function devComponent(owner: object, name: string): void;
  * emits no call to it at all.
  */
 export declare function label<T>(value: T, kind: string, name: string): T;
+/**
+ * Reports a render function that keeps running and keeps changing nothing.
+ *
+ * Nothing is optimised here and nothing is hidden: this is bookkeeping, said
+ * out loud. A run that produces exactly what is already on screen did work for
+ * no one, and the reason is always the same — it reads something in a
+ * statement that moves more often than what it shows.
+ */
+export declare function devRan(store: {
+    name: string;
+    busy?: boolean;
+    quiet?: number;
+}): void;
+/**
+ * Reports a child that is handed a new function on every run.
+ *
+ * A function made in a run is never equal to the one before it, so the child
+ * it is given to runs again every time its parent does — the `useCallback`
+ * problem, named rather than papered over.
+ */
+export declare function devHandedNewFunction(store: {
+    name: string;
+}, value: unknown): void;
 //# 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;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"}
+{"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;AAKD;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAkBpF;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAUlF"}

package/dist/dev.prod.d.ts

@@ -5,4 +5,12 @@ 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;
+export declare function devRan(_store: {
+    name: string;
+    busy?: boolean;
+    quiet?: number;
+}): void;
+export declare function devHandedNewFunction(_store: {
+    name: string;
+}, _value: unknown): void;
 //# 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;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"}
+{"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;AAED,wBAAgB,MAAM,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAErF;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAEpF"}

package/dist/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAkEH;;;;;;GAMG;AACH,wBAAgB,EAAE,CAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EAC/B,OAAO,CAAC,EAAE,uBAAuB,GAAG,IAAI,GACvC,IAAI,CAUN;AAED,yEAAyE;AACzE,wBAAgB,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAIrD;AAED,kEAAkE;AAClE,wBAAgB,eAAe,IAAI,IAAI,CAKtC"}
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAkEH;;;;;;GAMG;AACH,wBAAgB,EAAE,CAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EAC/B,OAAO,CAAC,EAAE,uBAAuB,GAAG,IAAI,GACvC,IAAI,CA2BN;AAED,yEAAyE;AACzE,wBAAgB,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAIrD;AAED,kEAAkE;AAClE,wBAAgB,eAAe,IAAI,IAAI,CAKtC"}

package/dist/index.d.ts

@@ -6,7 +6,7 @@
 export { component, defineElement, setElementPrefix, createComponent } from './component.js';
 export { setComponentAdapter, FirsthandComponentError } from './adapter.js';
 export type { ComponentAdapter } from './adapter.js';
-export type { Component, ComponentOptions, AttributeCodec, View } from './component.js';
+export type { Component, ComponentOptions, AttributeCodec, View, Render } from './component.js';
 export { render } from './render.js';
 export { portal } from './portal.js';
 export { list } from './list.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC7F,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5E,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACxF,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,WAAW,EACX,OAAO,EACP,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,aAAa,EACb,MAAM,GACP,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC7F,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5E,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,WAAW,EACX,OAAO,EACP,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,aAAa,EACb,MAAM,GACP,MAAM,mBAAmB,CAAC"}

package/dist/index.dev.js

@@ -4,13 +4,14 @@ import {
   component,
   createComponent,
   defineElement,
+  insert,
   list,
   mergeProps,
   off,
   on,
   setComponentAdapter,
   setElementPrefix
-} from "./dev-chunk-2INCAQ6G.js";
+} from "./dev-chunk-2CKM3OGC.js";
 
 // packages/dom/src/render.ts
 import { createRoot, onCleanup, untrack } from "@firsthandjs/core";
@@ -18,8 +19,13 @@ function render(view, container = document.body) {
   let dispose;
   createRoot((stop) => {
     dispose = stop;
+    const result = untrack(view);
+    if (typeof result === "function") {
+      insert(container, result);
+      return;
+    }
     let slot = null;
-    slot = applyChild(container, null, null, untrack(view));
+    slot = applyChild(container, null, null, result);
     onCleanup(() => {
       applyChild(container, null, slot, null);
     });

package/dist/index.js

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

package/dist/insert.d.ts

@@ -1,4 +1,4 @@
-import { type Owner } from '@firsthandjs/core';
+import { type Owner, type Signal } from '@firsthandjs/core';
 /** What a child part currently owns in the DOM. */
 export type ChildSlot = Node | Node[] | null;
 declare const PART: unique symbol;
@@ -16,14 +16,97 @@ declare const PART: unique symbol;
  * to. Once the array is in the DOM, each one is bound through `insert` under
  * its own owner, exactly as a child of a real element would be.
  */
-export interface DynamicChild {
+export type DynamicChild = {
     readonly [PART]: true;
     readonly anchor: Text;
     readonly thunk: () => unknown;
     readonly owner: Owner | null;
-}
+};
 /** Marks a dynamic child of a fragment. Emitted by the compiler. */
 export declare function part(thunk: () => unknown): DynamicChild;
+/**
+ * One place a run writes to, and what it last put there.
+ *
+ * A render function runs as a whole, so the DOM it describes has to be the DOM
+ * it already made: created on the first run, written on every one after. These
+ * records are what survives between runs — the node, and the last value, so a
+ * run that produces what is already on screen writes nothing.
+ */
+export type Slot = {
+    /** What this site made, or what a write currently owns. */
+    node?: ChildSlot;
+    /** The last primitive written here, when the last thing written was one. */
+    text?: string | undefined;
+    /** The last value written to an attribute or a property. */
+    last?: unknown;
+    /** What the site made besides its node: parts, listeners, components. */
+    owner?: Owner;
+    /** The run that last reached this site. */
+    seen?: number;
+    /** A prop a run feeds a child, held so the child keeps its instance. */
+    cell?: Signal<unknown>;
+};
+/**
+ * Where a run keeps its sites.
+ *
+ * One per instance, made in the setup — which runs once, so there is nothing
+ * to look up and nothing ambient. What a site makes belongs to `owner`, the
+ * component's own, rather than to the run that happened to make it: a run's
+ * scope is cleared before it runs again, and anything left there would be
+ * disposed by the second run.
+ */
+export type Store = {
+    slots: (Slot | undefined)[];
+    owner: Owner | null;
+    /** Which run is in progress, so that what it did not reach can be found. */
+    generation: number;
+    /** The component this belongs to, for what development has to say about it. */
+    name: string;
+    /** Whether this run has changed anything. Development only. */
+    busy?: boolean;
+    /** How many runs in a row have changed nothing. Development only. */
+    quiet?: number;
+};
+/** Declared once per instance by the compiler, in the setup. */
+export declare function store(name?: string): Store;
+/** Notes that this run has actually changed something. */
+export declare function wrote(store: Store): void;
+/** The record for one site, made the first time a run reaches it. */
+export declare function site(store: Store, index: number): Slot;
+/**
+ * Opens a site: what it makes now belongs to the instance, not to this run.
+ *
+ * Returns the owner to restore, which the compiler hands back to `close`.
+ */
+export declare function open(store: Store, slot: Slot): Owner | null;
+export declare function close(previous: Owner | null): void;
+/**
+ * Ends a run, and disposes what it did not reach.
+ *
+ * A branch the run has left is gone, not hidden: its components run their
+ * cleanups and its parts stop, exactly as if the markup had never been there.
+ * Coming back builds it again. That is what the control flow says, so it is
+ * what happens.
+ */
+export declare function ran<T>(store: Store, value: T): T;
+/**
+ * A prop whose value belongs to the run, as something the child can hold.
+ *
+ * The child keeps its instance across runs, so its props cannot be getters
+ * over the run that made them — that value belongs to one call. It gets a cell
+ * instead, made the first time and written afterwards, so a prop that did not
+ * change wakes nothing.
+ */
+export declare function cell(store: Store, index: number, value: unknown): Signal<unknown>;
+/**
+ * Writes a child position a run owns.
+ *
+ * The same text twice is not a write: `data` would accept it, and measuring
+ * says that comparing a remembered string costs half what setting one does.
+ * Anything else goes through `applyChild`, where a node that has not moved is
+ * recognised and left where it is.
+ */
+export declare function writeChild(store: Store, index: number, parent: Node, marker: Node | null, value: unknown): void;
 /**
  * Binds a dynamic child position.
  *

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,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"}
+{"version":3,"file":"insert.d.ts","sourceRoot":"","sources":["../src/insert.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,KAAK,EACV,KAAK,MAAM,EACZ,MAAM,mBAAmB,CAAC;AAG3B,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,MAAM,YAAY,GAAG;IACzB,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,CAAC;AAEF,oEAAoE;AACpE,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,OAAO,GAAG,YAAY,CAEvD;AAMD;;;;;;;GAOG;AACH,MAAM,MAAM,IAAI,GAAG;IACjB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yEAAyE;IACzE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;CACxB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,EAAE,CAAC,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,4EAA4E;IAC5E,UAAU,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,IAAI,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,gEAAgE;AAChE,wBAAgB,KAAK,CAAC,IAAI,SAAK,GAAG,KAAK,CAEtC;AAED,0DAA0D;AAC1D,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAExC;AAED,qEAAqE;AACrE,wBAAgB,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAStD;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,GAAG,IAAI,CAI3D;AAED,wBAAgB,KAAK,CAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,CAElD;AAED;;;;;;;GAOG;AACH,wBAAgB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAgBhD;AAED;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAcjF;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,IAAI,GAAG,IAAI,EACnB,KAAK,EAAE,OAAO,GACb,IAAI,CAsBN;AAED;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,GAAE,IAAI,GAAG,IAAW,GAAG,IAAI,CAkDrF;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

@@ -11,13 +11,13 @@
  */
 export declare const PROTOCOL_VERSION = 1;
 export { template, path } from './template.js';
-export { insert, applyChild, reconcile, part } from './insert.js';
-export type { DynamicChild, ChildSlot } from './insert.js';
+export { insert, applyChild, reconcile, part, store, site, open, close, ran, wrote, cell, writeChild, } from './insert.js';
+export type { DynamicChild, ChildSlot, Slot, Store } from './insert.js';
 export { setAttribute, setAttributeNS, setProperty, setBoolean, setClass, setClassList, setStyle, setStyleObject, } from './attributes.js';
 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';
+export { createComponent, isComponent, view, COMPONENT, VIEW } 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;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"}
+{"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,EACL,MAAM,EACN,UAAU,EACV,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,GAAG,EACH,KAAK,EACL,IAAI,EACJ,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACxE,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,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/internal.dev.js

@@ -1,7 +1,10 @@
 import {
   COMPONENT,
+  VIEW,
   applyChild,
   applyProp,
+  cell,
+  close,
   createComponent,
   insert,
   isComponent,
@@ -10,7 +13,9 @@ import {
   mergeProps,
   off,
   on,
+  open,
   part,
+  ran,
   reconcile,
   rest,
   setAttribute,
@@ -21,8 +26,13 @@ import {
   setProperty,
   setStyle,
   setStyleObject,
-  spread
-} from "./dev-chunk-2INCAQ6G.js";
+  site,
+  spread,
+  store,
+  view,
+  writeChild,
+  wrote
+} from "./dev-chunk-2CKM3OGC.js";
 
 // packages/dom/src/template.ts
 function template(html, isFragment = false) {
@@ -54,9 +64,12 @@ var PROTOCOL_VERSION = 1;
 export {
   COMPONENT,
   PROTOCOL_VERSION,
+  VIEW,
   applyChild,
   applyProp,
   bind,
+  cell,
+  close,
   createComponent,
   insert,
   isComponent,
@@ -65,8 +78,10 @@ export {
   mergeProps,
   off,
   on,
+  open,
   part,
   path,
+  ran,
   reconcile,
   rest,
   setAttribute,
@@ -77,6 +92,11 @@ export {
   setProperty,
   setStyle,
   setStyleObject,
+  site,
   spread,
-  template
+  store,
+  template,
+  view,
+  writeChild,
+  wrote
 };

package/dist/internal.js

@@ -1 +1 @@
-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};
+import{A as w,B as L,C as j,D as A,E as F,F as I,G as M,H as R,I as V,J as v,K as B,L as D,c as p,d as s,e as i,f as a,g as m,h as d,i as f,j as c,k as x,l as u,m as C,n as N,o as y,p as h,q as b,t as S,u as O,v as P,x as T,y as g,z as E}from"./chunk-EWYTWH5D.js";function H(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 W(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 X}from"@firsthandjs/core";var k=1;export{h as COMPONENT,k as PROTOCOL_VERSION,b as VIEW,N as applyChild,V as applyProp,X as bind,x as cell,f as close,P as createComponent,C as insert,S as isComponent,p as label,T as list,B as mergeProps,E as off,g as on,d as open,s as part,W as path,c as ran,y as reconcile,D as rest,w as setAttribute,L as setAttributeNS,A as setBoolean,F as setClass,I as setClassList,j as setProperty,M as setStyle,R as setStyleObject,m as site,v as spread,i as store,H as template,O as view,u as writeChild,a as wrote};

package/dist/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C;;;;;;;;GAQG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE,SAAS,GAAE,UAA0B,GAAG,OAAO,CAWvF"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C;;;;;;;;GAQG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE,SAAS,GAAE,UAA0B,GAAG,OAAO,CAmBvF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firsthandjs/dom",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "DOM parts, templates, components, portals and keyed lists for Firsthand.",
   "license": "MIT",
   "type": "module",
@@ -25,7 +25,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@firsthandjs/core": "0.7.0"
+    "@firsthandjs/core": "0.8.0"
   },
   "engines": {
     "node": ">=20.11.0"

package/dist/chunk-QZ5SESOU.js

@@ -1 +0,0 @@
-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};