@vielzeug/buildit 2.0.0 → 2.1.0

package/dist/packages/craftit/dist/runtime-lifecycle.js

@@ -0,0 +1,28 @@
+import { S as e, b as t, v as n } from "../../stateit/dist/stateit.js";
+import { e as r, t as i } from "./runtime-core.js";
+//#region ../craftit/dist/runtime-lifecycle.js
+var a = (e) => {
+	i().onMount.push(e);
+}, o = (e) => {
+	r.length > 0 ? i().cleanups.push(e) : t(e);
+}, s = (e) => {
+	r.length > 0 && o(e);
+}, c = (e, t) => {
+	let r = n(e, t);
+	return s(r), r;
+};
+function l(t, n, r) {
+	let i = e(t, n, r);
+	return s(i), i;
+}
+function u(e, t, n, r) {
+	e && (e.addEventListener(t, n, r), o(() => e.removeEventListener(t, n, r)));
+}
+var d = (e, t, n) => c(() => {
+	let n = e.value;
+	if (n) return t(n);
+}, n);
+//#endregion
+export { l as d, u as f, d as m, a as o, o as s, c as u };
+
+//# sourceMappingURL=runtime-lifecycle.js.map

package/dist/packages/craftit/dist/runtime-lifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-lifecycle.js","names":["t","e","r","n","a","i"],"sources":["../../../../../craftit/dist/runtime-lifecycle.js"],"sourcesContent":["import{currentRuntime as e,runtimeStack as t}from\"./runtime-core.js\";import{effect as n,onCleanup as r,signal as i,watch as a}from\"@vielzeug/stateit\";var o=t=>{e().onMount.push(t)},s=n=>{t.length>0?e().cleanups.push(n):r(n)},c=e=>{t.length>0&&s(e)},l=t=>{e().errorHandlers.push(t)},u=(e,t)=>{let r=n(e,t);return c(r),r};function d(e,t,n){let r=a(e,t,n);return c(r),r}function f(e,t,n,r){e&&(e.addEventListener(t,n,r),s(()=>e.removeEventListener(t,n,r)))}var p=()=>{let e=i(null),t=()=>{e.value?.(),e.value=null};return s(t),{clear:t,set:n=>{e.value!==n&&(t(),e.value=n??null)},value:e}},m=(e,t,n)=>u(()=>{let n=e.value;if(n)return t(n)},n);export{p as createCleanupSignal,u as effect,f as handle,s as onCleanup,m as onElement,l as onError,o as onMount,d as watch};\n//# sourceMappingURL=runtime-lifecycle.js.map"],"mappings":";;;AAAsJ,IAAI,KAAE,MAAG;AAAC,IAAG,CAAC,QAAQ,KAAKA,EAAE;GAAE,KAAE,MAAG;AAAC,GAAE,SAAO,IAAEC,GAAG,CAAC,SAAS,KAAK,EAAE,GAACC,EAAE,EAAE;GAAE,KAAE,MAAG;AAAC,GAAE,SAAO,KAAG,EAAED,EAAE;GAAmC,KAAG,GAAE,MAAI;CAAC,IAAI,IAAEE,EAAE,GAAE,EAAE;AAAC,QAAO,EAAE,EAAE,EAAC;;AAAG,SAAS,EAAE,GAAE,GAAE,GAAE;CAAC,IAAI,IAAEC,EAAE,GAAE,GAAE,EAAE;AAAC,QAAO,EAAE,EAAE,EAAC;;AAAE,SAAS,EAAE,GAAE,GAAE,GAAE,GAAE;AAAC,OAAI,EAAE,iBAAiB,GAAE,GAAE,EAAE,EAAC,QAAM,EAAE,oBAAoB,GAAE,GAAE,EAAE,CAAC;;AAAE,IAAqI,KAAG,GAAE,GAAE,MAAI,QAAM;CAAC,IAAI,IAAE,EAAE;AAAM,KAAG,EAAE,QAAO,EAAE,EAAE;GAAE,EAAE"}

package/dist/packages/craftit/dist/runtime.cjs

@@ -0,0 +1,2 @@
+var e={bubbles:!0,cancelable:!0,composed:!0},t={custom(t,n,r={}){return t.dispatchEvent(new CustomEvent(n,{...e,...r}))},event(e,t){return e.dispatchEvent(t)},focus(t,n,r={}){return t.dispatchEvent(new FocusEvent(n,{...e,...r}))},keyboard(t,n,r={}){return t.dispatchEvent(new KeyboardEvent(n,{...e,...r}))},mouse(t,n,r={}){return t.dispatchEvent(new MouseEvent(n,{...e,...r}))},touch(t,n,r={}){return typeof TouchEvent<`u`?t.dispatchEvent(new TouchEvent(n,{...e,...r})):t.dispatchEvent(new CustomEvent(n,{...e,...r}))}};exports.t=t;
+//# sourceMappingURL=runtime.cjs.map

package/dist/packages/craftit/dist/runtime.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.cjs","names":[],"sources":["../../../../../craftit/dist/runtime.js"],"sourcesContent":["import\"./runtime-lifecycle.js\";var e={bubbles:!0,cancelable:!0,composed:!0},t={custom(t,n,r={}){return t.dispatchEvent(new CustomEvent(n,{...e,...r}))},event(e,t){return e.dispatchEvent(t)},focus(t,n,r={}){return t.dispatchEvent(new FocusEvent(n,{...e,...r}))},keyboard(t,n,r={}){return t.dispatchEvent(new KeyboardEvent(n,{...e,...r}))},mouse(t,n,r={}){return t.dispatchEvent(new MouseEvent(n,{...e,...r}))},touch(t,n,r={}){return typeof TouchEvent<`u`?t.dispatchEvent(new TouchEvent(n,{...e,...r})):t.dispatchEvent(new CustomEvent(n,{...e,...r}))}};export{t as fire};\n//# sourceMappingURL=runtime.js.map"],"mappings":"AAA+B,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,OAAO,WAAW,IAAI,EAAE,cAAc,IAAI,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,IAAI,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE"}

package/dist/packages/craftit/dist/runtime.js

@@ -0,0 +1,47 @@
+//#region ../craftit/dist/runtime.js
+var e = {
+	bubbles: !0,
+	cancelable: !0,
+	composed: !0
+}, t = {
+	custom(t, n, r = {}) {
+		return t.dispatchEvent(new CustomEvent(n, {
+			...e,
+			...r
+		}));
+	},
+	event(e, t) {
+		return e.dispatchEvent(t);
+	},
+	focus(t, n, r = {}) {
+		return t.dispatchEvent(new FocusEvent(n, {
+			...e,
+			...r
+		}));
+	},
+	keyboard(t, n, r = {}) {
+		return t.dispatchEvent(new KeyboardEvent(n, {
+			...e,
+			...r
+		}));
+	},
+	mouse(t, n, r = {}) {
+		return t.dispatchEvent(new MouseEvent(n, {
+			...e,
+			...r
+		}));
+	},
+	touch(t, n, r = {}) {
+		return typeof TouchEvent < "u" ? t.dispatchEvent(new TouchEvent(n, {
+			...e,
+			...r
+		})) : t.dispatchEvent(new CustomEvent(n, {
+			...e,
+			...r
+		}));
+	}
+};
+//#endregion
+export { t };
+
+//# sourceMappingURL=runtime.js.map

package/dist/packages/craftit/dist/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","names":[],"sources":["../../../../../craftit/dist/runtime.js"],"sourcesContent":["import\"./runtime-lifecycle.js\";var e={bubbles:!0,cancelable:!0,composed:!0},t={custom(t,n,r={}){return t.dispatchEvent(new CustomEvent(n,{...e,...r}))},event(e,t){return e.dispatchEvent(t)},focus(t,n,r={}){return t.dispatchEvent(new FocusEvent(n,{...e,...r}))},keyboard(t,n,r={}){return t.dispatchEvent(new KeyboardEvent(n,{...e,...r}))},mouse(t,n,r={}){return t.dispatchEvent(new MouseEvent(n,{...e,...r}))},touch(t,n,r={}){return typeof TouchEvent<`u`?t.dispatchEvent(new TouchEvent(n,{...e,...r})):t.dispatchEvent(new CustomEvent(n,{...e,...r}))}};export{t as fire};\n//# sourceMappingURL=runtime.js.map"],"mappings":";AAA+B,IAAI,IAAE;CAAC,SAAQ,CAAC;CAAE,YAAW,CAAC;CAAE,UAAS,CAAC;CAAE,EAAC,IAAE;CAAC,OAAO,GAAE,GAAE,IAAE,EAAE,EAAC;AAAC,SAAO,EAAE,cAAc,IAAI,YAAY,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC;;CAAE,MAAM,GAAE,GAAE;AAAC,SAAO,EAAE,cAAc,EAAE;;CAAE,MAAM,GAAE,GAAE,IAAE,EAAE,EAAC;AAAC,SAAO,EAAE,cAAc,IAAI,WAAW,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC;;CAAE,SAAS,GAAE,GAAE,IAAE,EAAE,EAAC;AAAC,SAAO,EAAE,cAAc,IAAI,cAAc,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC;;CAAE,MAAM,GAAE,GAAE,IAAE,EAAE,EAAC;AAAC,SAAO,EAAE,cAAc,IAAI,WAAW,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC;;CAAE,MAAM,GAAE,GAAE,IAAE,EAAE,EAAC;AAAC,SAAO,OAAO,aAAW,MAAI,EAAE,cAAc,IAAI,WAAW,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC,GAAC,EAAE,cAAc,IAAI,YAAY,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC;;CAAE"}

package/dist/packages/craftit/src/directives/choose.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../../stateit/dist/stateit.cjs`);var t=e=>{if(!Array.isArray(e.cases))throw Error(`[craftit:choose] options.cases must be an array of [key, templateFn] entries.`);for(let t=0;t<e.cases.length;t++){let n=e.cases[t];if(!Array.isArray(n)||n.length!==2||typeof n[1]!=`function`)throw Error(`[craftit:choose] Invalid case at index ${t}. Expected [key, templateFn].`)}if(e.fallback!==void 0&&typeof e.fallback!=`function`)throw Error(`[craftit:choose] options.fallback must be a function when provided.`)};function n(n){t(n);let i=new Map(n.cases),a=e=>(i.get(e)??n.fallback??r)(),{value:o}=n;return e.E(o)?()=>a(o.value):typeof o==`function`?()=>a(o()):a(o)}var r=()=>``;exports.choose=n;
+//# sourceMappingURL=choose.cjs.map

package/dist/packages/craftit/src/directives/choose.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"choose.cjs","names":[],"sources":["../../../../../../craftit/src/directives/choose.ts"],"sourcesContent":["import { isSignal, type ReadonlySignal } from '@vielzeug/stateit';\n\nimport type { HTMLResult } from '../internal';\n\ntype TemplateFn = () => string | HTMLResult;\ntype CaseEntry<T> = readonly [T, TemplateFn];\n\nexport type ChooseOptions<T extends PropertyKey> = {\n  cases: ReadonlyArray<CaseEntry<T>>;\n  fallback?: TemplateFn;\n  value: T | ReadonlySignal<T> | (() => T);\n};\n\nconst validateChooseOptions = <T extends PropertyKey>(options: ChooseOptions<T>): void => {\n  if (!Array.isArray(options.cases)) {\n    throw new Error('[craftit:choose] options.cases must be an array of [key, templateFn] entries.');\n  }\n\n  for (let i = 0; i < options.cases.length; i++) {\n    const entry = options.cases[i] as unknown;\n\n    if (!Array.isArray(entry) || entry.length !== 2 || typeof entry[1] !== 'function') {\n      throw new Error(`[craftit:choose] Invalid case at index ${i}. Expected [key, templateFn].`);\n    }\n  }\n\n  if (options.fallback !== undefined && typeof options.fallback !== 'function') {\n    throw new Error('[craftit:choose] options.fallback must be a function when provided.');\n  }\n};\n\n/**\n * Renders the template matching the current value — like a type-safe `switch`.\n * Cases are `[value, templateFn]` pairs evaluated with strict equality (`===`).\n *\n * The discriminant can be a static value, a reactive Signal, or a getter function.\n * When reactive, the rendered output updates automatically when the value changes.\n *\n * @example\n * import { choose } from '@vielzeug/craftit/directives';\n *\n * // Static\n * html`${choose({\n *   value: section,\n *   cases: [\n *     ['home', () => html`<h1>Home</h1>`],\n *     ['about', () => html`<h1>About</h1>`],\n *   ],\n *   fallback: () => html`<h1>Not found</h1>`,\n * })}`\n *\n * // Reactive signal — updates on change\n * const tab = signal('home');\n * html`${choose({ value: tab, cases: [['home', () => html`<home-panel>`], ['about', () => html`<about-panel>`]] })}`\n *\n * // Reactive getter\n * html`${choose({ value: () => props.view.value, cases })}`\n */\nexport function choose<T extends PropertyKey>(options: ChooseOptions<T>): string | HTMLResult | TemplateFn {\n  validateChooseOptions(options);\n\n  const caseMap = new Map(options.cases);\n  const pick = (value: T): string | HTMLResult => (caseMap.get(value) ?? options.fallback ?? emptyTemplate)();\n  const { value } = options;\n\n  if (isSignal(value)) {\n    return () => pick((value as ReadonlySignal<T>).value);\n  }\n\n  if (typeof value === 'function') {\n    return () => pick((value as () => T)());\n  }\n\n  return pick(value as T);\n}\n\nconst emptyTemplate = (): string => '';\n"],"mappings":"qDAaA,IAAM,EAAgD,GAAoC,CACxF,GAAI,CAAC,MAAM,QAAQ,EAAQ,MAAM,CAC/B,MAAU,MAAM,gFAAgF,CAGlG,IAAK,IAAI,EAAI,EAAG,EAAI,EAAQ,MAAM,OAAQ,IAAK,CAC7C,IAAM,EAAQ,EAAQ,MAAM,GAE5B,GAAI,CAAC,MAAM,QAAQ,EAAM,EAAI,EAAM,SAAW,GAAK,OAAO,EAAM,IAAO,WACrE,MAAU,MAAM,0CAA0C,EAAE,+BAA+B,CAI/F,GAAI,EAAQ,WAAa,IAAA,IAAa,OAAO,EAAQ,UAAa,WAChE,MAAU,MAAM,sEAAsE,EA+B1F,SAAgB,EAA8B,EAA6D,CACzG,EAAsB,EAAQ,CAE9B,IAAM,EAAU,IAAI,IAAI,EAAQ,MAAM,CAChC,EAAQ,IAAmC,EAAQ,IAAI,EAAM,EAAI,EAAQ,UAAY,IAAgB,CACrG,CAAE,SAAU,EAUlB,OARI,EAAA,EAAS,EAAM,KACJ,EAAM,EAA4B,MAAM,CAGnD,OAAO,GAAU,eACN,EAAM,GAAmB,CAAC,CAGlC,EAAK,EAAW,CAGzB,IAAM,MAA8B"}

package/dist/packages/craftit/src/directives/choose.js

@@ -0,0 +1,20 @@
+import { E as e } from "../../../stateit/dist/stateit.js";
+//#region ../craftit/src/directives/choose.ts
+var t = (e) => {
+	if (!Array.isArray(e.cases)) throw Error("[craftit:choose] options.cases must be an array of [key, templateFn] entries.");
+	for (let t = 0; t < e.cases.length; t++) {
+		let n = e.cases[t];
+		if (!Array.isArray(n) || n.length !== 2 || typeof n[1] != "function") throw Error(`[craftit:choose] Invalid case at index ${t}. Expected [key, templateFn].`);
+	}
+	if (e.fallback !== void 0 && typeof e.fallback != "function") throw Error("[craftit:choose] options.fallback must be a function when provided.");
+};
+function n(n) {
+	t(n);
+	let i = new Map(n.cases), a = (e) => (i.get(e) ?? n.fallback ?? r)(), { value: o } = n;
+	return e(o) ? () => a(o.value) : typeof o == "function" ? () => a(o()) : a(o);
+}
+var r = () => "";
+//#endregion
+export { n as choose };
+
+//# sourceMappingURL=choose.js.map

package/dist/packages/craftit/src/directives/choose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choose.js","names":[],"sources":["../../../../../../craftit/src/directives/choose.ts"],"sourcesContent":["import { isSignal, type ReadonlySignal } from '@vielzeug/stateit';\n\nimport type { HTMLResult } from '../internal';\n\ntype TemplateFn = () => string | HTMLResult;\ntype CaseEntry<T> = readonly [T, TemplateFn];\n\nexport type ChooseOptions<T extends PropertyKey> = {\n  cases: ReadonlyArray<CaseEntry<T>>;\n  fallback?: TemplateFn;\n  value: T | ReadonlySignal<T> | (() => T);\n};\n\nconst validateChooseOptions = <T extends PropertyKey>(options: ChooseOptions<T>): void => {\n  if (!Array.isArray(options.cases)) {\n    throw new Error('[craftit:choose] options.cases must be an array of [key, templateFn] entries.');\n  }\n\n  for (let i = 0; i < options.cases.length; i++) {\n    const entry = options.cases[i] as unknown;\n\n    if (!Array.isArray(entry) || entry.length !== 2 || typeof entry[1] !== 'function') {\n      throw new Error(`[craftit:choose] Invalid case at index ${i}. Expected [key, templateFn].`);\n    }\n  }\n\n  if (options.fallback !== undefined && typeof options.fallback !== 'function') {\n    throw new Error('[craftit:choose] options.fallback must be a function when provided.');\n  }\n};\n\n/**\n * Renders the template matching the current value — like a type-safe `switch`.\n * Cases are `[value, templateFn]` pairs evaluated with strict equality (`===`).\n *\n * The discriminant can be a static value, a reactive Signal, or a getter function.\n * When reactive, the rendered output updates automatically when the value changes.\n *\n * @example\n * import { choose } from '@vielzeug/craftit/directives';\n *\n * // Static\n * html`${choose({\n *   value: section,\n *   cases: [\n *     ['home', () => html`<h1>Home</h1>`],\n *     ['about', () => html`<h1>About</h1>`],\n *   ],\n *   fallback: () => html`<h1>Not found</h1>`,\n * })}`\n *\n * // Reactive signal — updates on change\n * const tab = signal('home');\n * html`${choose({ value: tab, cases: [['home', () => html`<home-panel>`], ['about', () => html`<about-panel>`]] })}`\n *\n * // Reactive getter\n * html`${choose({ value: () => props.view.value, cases })}`\n */\nexport function choose<T extends PropertyKey>(options: ChooseOptions<T>): string | HTMLResult | TemplateFn {\n  validateChooseOptions(options);\n\n  const caseMap = new Map(options.cases);\n  const pick = (value: T): string | HTMLResult => (caseMap.get(value) ?? options.fallback ?? emptyTemplate)();\n  const { value } = options;\n\n  if (isSignal(value)) {\n    return () => pick((value as ReadonlySignal<T>).value);\n  }\n\n  if (typeof value === 'function') {\n    return () => pick((value as () => T)());\n  }\n\n  return pick(value as T);\n}\n\nconst emptyTemplate = (): string => '';\n"],"mappings":";;AAaA,IAAM,KAAgD,MAAoC;AACxF,KAAI,CAAC,MAAM,QAAQ,EAAQ,MAAM,CAC/B,OAAU,MAAM,gFAAgF;AAGlG,MAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,MAAM,QAAQ,KAAK;EAC7C,IAAM,IAAQ,EAAQ,MAAM;AAE5B,MAAI,CAAC,MAAM,QAAQ,EAAM,IAAI,EAAM,WAAW,KAAK,OAAO,EAAM,MAAO,WACrE,OAAU,MAAM,0CAA0C,EAAE,+BAA+B;;AAI/F,KAAI,EAAQ,aAAa,KAAA,KAAa,OAAO,EAAQ,YAAa,WAChE,OAAU,MAAM,sEAAsE;;AA+B1F,SAAgB,EAA8B,GAA6D;AACzG,GAAsB,EAAQ;CAE9B,IAAM,IAAU,IAAI,IAAI,EAAQ,MAAM,EAChC,KAAQ,OAAmC,EAAQ,IAAI,EAAM,IAAI,EAAQ,YAAY,IAAgB,EACrG,EAAE,aAAU;AAUlB,QARI,EAAS,EAAM,SACJ,EAAM,EAA4B,MAAM,GAGnD,OAAO,KAAU,mBACN,EAAM,GAAmB,CAAC,GAGlC,EAAK,EAAW;;AAGzB,IAAM,UAA8B"}

package/dist/packages/craftit/src/directives/classes.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../../stateit/dist/stateit.cjs`);function t(t){let n=Object.entries(t),r=n.some(([,t])=>e.E(t)||typeof t==`function`),i=()=>n.filter(([,t])=>e.E(t)?t.value:typeof t==`function`?!!t():!!t).map(([e])=>e).join(` `);return r?e.g(i):i()}exports.classes=t;
+//# sourceMappingURL=classes.cjs.map

package/dist/packages/craftit/src/directives/classes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.cjs","names":[],"sources":["../../../../../../craftit/src/directives/classes.ts"],"sourcesContent":["import { computed, isSignal, type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\ntype ClassValue = boolean | undefined | null | Signal<boolean> | ReadonlySignal<boolean> | (() => boolean);\n\n/**\n * Build a dynamic class string from an object map of class names to conditions.\n * Conditions can be static booleans, reactive Signals, or getter functions.\n * When any condition is reactive the returned value is a `ReadonlySignal<string>`\n * so it can be bound directly to a `class` attribute.\n *\n * @example\n * import { classes } from '@vielzeug/craftit/directives';\n *\n * // Static — returns a plain string\n * html`<div class=${classes({ foo: true, bar: false })}></div>`\n *\n * // Reactive — returns a signal; no arrow-function wrapper needed\n * html`<div class=${classes({ active: isActive, disabled: isDisabled })}></div>`\n */\nexport function classes(map: Record<string, ClassValue>): string | ReadonlySignal<string> {\n  const entries = Object.entries(map);\n  const hasReactive = entries.some(([, v]) => isSignal(v) || typeof v === 'function');\n\n  const build = (): string =>\n    entries\n      .filter(([, v]) => {\n        if (isSignal(v)) return (v as ReadonlySignal<boolean>).value;\n\n        if (typeof v === 'function') return !!(v as () => boolean)();\n\n        return !!v;\n      })\n      .map(([k]) => k)\n      .join(' ');\n\n  return hasReactive ? computed(build) : build();\n}\n"],"mappings":"qDAmBA,SAAgB,EAAQ,EAAkE,CACxF,IAAM,EAAU,OAAO,QAAQ,EAAI,CAC7B,EAAc,EAAQ,MAAM,EAAG,KAAO,EAAA,EAAS,EAAE,EAAI,OAAO,GAAM,WAAW,CAE7E,MACJ,EACG,QAAQ,EAAG,KACN,EAAA,EAAS,EAAE,CAAU,EAA8B,MAEnD,OAAO,GAAM,WAAmB,CAAC,CAAE,GAAqB,CAErD,CAAC,CAAC,EACT,CACD,KAAK,CAAC,KAAO,EAAE,CACf,KAAK,IAAI,CAEd,OAAO,EAAc,EAAA,EAAS,EAAM,CAAG,GAAO"}

package/dist/packages/craftit/src/directives/classes.js

@@ -0,0 +1,10 @@
+import { E as e, g as t } from "../../../stateit/dist/stateit.js";
+//#region ../craftit/src/directives/classes.ts
+function n(n) {
+	let r = Object.entries(n), i = r.some(([, t]) => e(t) || typeof t == "function"), a = () => r.filter(([, t]) => e(t) ? t.value : typeof t == "function" ? !!t() : !!t).map(([e]) => e).join(" ");
+	return i ? t(a) : a();
+}
+//#endregion
+export { n as classes };
+
+//# sourceMappingURL=classes.js.map

package/dist/packages/craftit/src/directives/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.js","names":[],"sources":["../../../../../../craftit/src/directives/classes.ts"],"sourcesContent":["import { computed, isSignal, type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\ntype ClassValue = boolean | undefined | null | Signal<boolean> | ReadonlySignal<boolean> | (() => boolean);\n\n/**\n * Build a dynamic class string from an object map of class names to conditions.\n * Conditions can be static booleans, reactive Signals, or getter functions.\n * When any condition is reactive the returned value is a `ReadonlySignal<string>`\n * so it can be bound directly to a `class` attribute.\n *\n * @example\n * import { classes } from '@vielzeug/craftit/directives';\n *\n * // Static — returns a plain string\n * html`<div class=${classes({ foo: true, bar: false })}></div>`\n *\n * // Reactive — returns a signal; no arrow-function wrapper needed\n * html`<div class=${classes({ active: isActive, disabled: isDisabled })}></div>`\n */\nexport function classes(map: Record<string, ClassValue>): string | ReadonlySignal<string> {\n  const entries = Object.entries(map);\n  const hasReactive = entries.some(([, v]) => isSignal(v) || typeof v === 'function');\n\n  const build = (): string =>\n    entries\n      .filter(([, v]) => {\n        if (isSignal(v)) return (v as ReadonlySignal<boolean>).value;\n\n        if (typeof v === 'function') return !!(v as () => boolean)();\n\n        return !!v;\n      })\n      .map(([k]) => k)\n      .join(' ');\n\n  return hasReactive ? computed(build) : build();\n}\n"],"mappings":";;AAmBA,SAAgB,EAAQ,GAAkE;CACxF,IAAM,IAAU,OAAO,QAAQ,EAAI,EAC7B,IAAc,EAAQ,MAAM,GAAG,OAAO,EAAS,EAAE,IAAI,OAAO,KAAM,WAAW,EAE7E,UACJ,EACG,QAAQ,GAAG,OACN,EAAS,EAAE,GAAU,EAA8B,QAEnD,OAAO,KAAM,aAAmB,CAAC,CAAE,GAAqB,GAErD,CAAC,CAAC,EACT,CACD,KAAK,CAAC,OAAO,EAAE,CACf,KAAK,IAAI;AAEd,QAAO,IAAc,EAAS,EAAM,GAAG,GAAO"}

package/dist/packages/craftit/src/directives/each.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../../stateit/dist/stateit.cjs`),t=require(`../internal.cjs`);var n=RegExp(`u="(\\d+)"`,`g`),r=t.htmlResult(``),i=[],a=(e,n)=>t.isHtmlResult(e)?s(e,n):{bindings:i,html:t.escapeHtml(e)},o=e=>t.isHtmlResult(e)?e:t.htmlResult(t.escapeHtml(e));function s(e,t){let r=new Map,i=[];for(let n of e.__bindings){let e=n.uid,a=r.get(e)??String(t.n++);r.has(e)||r.set(e,a),i.push({...n,uid:a})}return{bindings:i,html:e.__html.replace(n,(e,t)=>`u="${r.get(t)??t}"`).replace(/<!--(\d+)-->/g,(e,t)=>`<!--${r.get(t)??t}-->`)}}function c(e,t,n){let r=``,i=[],o=[],s=new Set,c=[],l={n:0};for(let u=0;u<e.length;u++){let d=n(e[u],u);if(s.has(d))throw Error(`[craftit:each] Duplicate key "${String(d)}" at index ${u}.`);s.add(d),o.push(d);let f=a(t(e[u],u),l);r+=f.html,i.push(...f.bindings),c.push(f)}return{bindings:i,html:r,keys:o,rendered:c}}function l(e,t){let n=``,r=[],i={n:0};for(let o=0;o<e.length;o++){let s=a(t(e[o],o),i);n+=s.html,r.push(...s.bindings)}return{bindings:r,html:n}}var u=e=>typeof e==`function`,d=e=>{if(!u(e.render))throw Error(`[craftit:each] options.render must be a function.`);if(e.key!==void 0&&!u(e.key))throw Error(`[craftit:each] options.key must be a function when provided.`);if(e.select!==void 0&&!u(e.select))throw Error(`[craftit:each] options.select must be a function when provided.`);if(e.fallback!==void 0&&!u(e.fallback))throw Error(`[craftit:each] options.fallback must be a function when provided.`)},f=e=>{if(Array.isArray(e))return e;throw Error(`[craftit:each] source must resolve to an array.`)};function p(n,i){d(i);let{fallback:a,key:s,render:u,select:p}=i;if(Array.isArray(n)){let e=p?n.filter(p):n;if(!e.length){if(a){let e=t.extractResult(o(a()));return t.htmlResult(e.html,e.bindings)}return r}let{bindings:i,html:s}=l(e,u);return t.htmlResult(s,i)}if(!s)throw Error(`[craftit:each] Reactive each() requires options.key for stable reconciliation.`);let m=e.E(n)?()=>n.value:n;return{[t.EACH_SIGNAL]:e.g(()=>{let e=f(m()),n=p?e.filter(p):e;if(!n.length){let e=a?o(a()):void 0;return e?{...t.extractResult(e),items:[],keys:[]}:{bindings:[],html:``,items:[],keys:[]}}let{bindings:r,html:i,keys:l,rendered:d}=c(n,u,s);return{bindings:r,html:i,items:d,keys:l}})}}exports.each=p;
+//# sourceMappingURL=each.cjs.map

package/dist/packages/craftit/src/directives/each.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"each.cjs","names":[],"sources":["../../../../../../craftit/src/directives/each.ts"],"sourcesContent":["import { computed, isSignal, type ReadonlySignal } from '@vielzeug/stateit';\n\nimport {\n  CF_ID_ATTR,\n  EACH_SIGNAL,\n  escapeHtml,\n  extractResult,\n  htmlResult,\n  isHtmlResult,\n  type Binding,\n  type Directive,\n  type HTMLResult,\n} from '../internal';\n\nconst ATTR_ID_RE = new RegExp(`${CF_ID_ATTR}=\"(\\\\d+)\"`, 'g');\n\n/* immutable — shared singleton for empty static lists */\nconst EMPTY = htmlResult('');\nconst NO_BINDINGS: Binding[] = [];\n\nconst toResultEntry = (value: string | HTMLResult, c: { n: number }): { bindings: Binding[]; html: string } =>\n  isHtmlResult(value) ? renumber(value, c) : { bindings: NO_BINDINGS, html: escapeHtml(value) };\n\nconst toHtmlResult = (value: string | HTMLResult): HTMLResult =>\n  isHtmlResult(value) ? value : htmlResult(escapeHtml(value));\n\nfunction renumber(res: HTMLResult, c: { n: number }): { bindings: Binding[]; html: string } {\n  const map = new Map<string, string>();\n  const nb: Binding[] = [];\n\n  for (const b of res.__bindings) {\n    const oldId = b.uid;\n    const newId = map.get(oldId) ?? String(c.n++);\n\n    if (!map.has(oldId)) map.set(oldId, newId);\n\n    nb.push({ ...b, uid: newId });\n  }\n\n  return {\n    bindings: nb,\n    html: res.__html\n      // Re-map element binding ids.\n      .replace(ATTR_ID_RE, (_, id) => `${CF_ID_ATTR}=\"${map.get(id) ?? id}\"`)\n      // Re-map numeric comment markers used by text/html placeholders.\n      .replace(/<!--(\\d+)-->/g, (_, id) => `<!--${map.get(id) ?? id}-->`),\n  };\n}\n\n/** Render loop used by the reactive path (keys + rendered metadata required for reconciliation). */\nfunction renderKeyed<T>(\n  items: T[],\n  template: (item: T, index: number) => string | HTMLResult,\n  keyFn: (item: T, index: number) => string | number,\n): {\n  bindings: Binding[];\n  html: string;\n  keys: (string | number)[];\n  rendered: Array<{ bindings: Binding[]; html: string }>;\n} {\n  let html = '';\n  const allBindings: Binding[] = [];\n  const keys: (string | number)[] = [];\n  const seenKeys = new Set<string | number>();\n  const rendered: Array<{ bindings: Binding[]; html: string }> = [];\n  const c = { n: 0 };\n\n  for (let i = 0; i < items.length; i++) {\n    const nextKey = keyFn(items[i], i);\n\n    if (seenKeys.has(nextKey)) {\n      throw new Error(`[craftit:each] Duplicate key \"${String(nextKey)}\" at index ${i}.`);\n    }\n\n    seenKeys.add(nextKey);\n    keys.push(nextKey);\n\n    const entry = toResultEntry(template(items[i], i), c);\n\n    html += entry.html;\n    allBindings.push(...entry.bindings);\n    rendered.push(entry);\n  }\n\n  return { bindings: allBindings, html, keys, rendered };\n}\n\n/** Render loop used by the static path — no key/reconciliation metadata needed. */\nfunction renderStatic<T>(\n  items: T[],\n  template: (item: T, index: number) => string | HTMLResult,\n): { bindings: Binding[]; html: string } {\n  let html = '';\n  const allBindings: Binding[] = [];\n  const c = { n: 0 };\n\n  for (let i = 0; i < items.length; i++) {\n    const entry = toResultEntry(template(items[i], i), c);\n\n    html += entry.html;\n    allBindings.push(...entry.bindings);\n  }\n\n  return { bindings: allBindings, html };\n}\n\ntype ReactiveSource<T> = ReadonlySignal<T[]> | (() => T[]);\ntype EachSignalResult = Directive & {\n  [EACH_SIGNAL]: ReadonlySignal<{\n    bindings: Binding[];\n    html: string;\n    items?: Array<{ bindings: Binding[]; html: string }>;\n    keys?: (string | number)[];\n  }>;\n};\n\nexport interface EachOptions<T> {\n  fallback?: () => string | HTMLResult;\n  key?: (item: T, index: number) => string | number;\n  render: (item: T, index: number) => string | HTMLResult;\n  /**\n   * Filter predicate. Receives the item and its original array index.\n   * Only items for which `select` returns `true` are rendered.\n   */\n  select?: (item: T, index: number) => boolean;\n}\n\nconst isFunction = (value: unknown): value is (...args: any[]) => any => typeof value === 'function';\n\nconst validateEachOptions = <T>(options: EachOptions<T>): void => {\n  if (!isFunction(options.render)) {\n    throw new Error('[craftit:each] options.render must be a function.');\n  }\n\n  if (options.key !== undefined && !isFunction(options.key)) {\n    throw new Error('[craftit:each] options.key must be a function when provided.');\n  }\n\n  if (options.select !== undefined && !isFunction(options.select)) {\n    throw new Error('[craftit:each] options.select must be a function when provided.');\n  }\n\n  if (options.fallback !== undefined && !isFunction(options.fallback)) {\n    throw new Error('[craftit:each] options.fallback must be a function when provided.');\n  }\n};\n\nconst assertArrayResult = <T>(value: T[] | unknown): T[] => {\n  if (Array.isArray(value)) return value as T[];\n\n  throw new Error('[craftit:each] source must resolve to an array.');\n};\n\n/**\n * Renders a list with keyed DOM reconciliation for reactive sources.\n * Use inside `html` tagged templates.\n *\n * For reactive sources (Signal/getter), you must provide a stable `key` function.\n *\n * For dynamic lists with click handlers, prefer event delegation on a parent node\n * (`@click` + `closest(...)`) over per-item handlers inside `each()`.\n *\n * @example\n * import { each } from '@vielzeug/craftit/directives';\n *\n * // Static array (key optional):\n * html`${each([1, 2, 3], { render: (item) => html`<li>${item}</li>` })}`\n *\n * // Reactive source (key required):\n * html`${each(items, { key: item => item.id, render: (item) => html`<li>${item.name}</li>` })}`\n *\n * // Full example:\n * html`${each(items, {\n *   fallback: () => html`<p>No items</p>`,\n *   key: item => item.id,\n *   render: (item) => html`<li>${item.name}</li>`,\n *   select: item => item.active,\n * })}`\n */\nexport function each<T>(source: T[], options: EachOptions<T>): HTMLResult;\nexport function each<T>(\n  source: ReactiveSource<T>,\n  options: EachOptions<T> & { key: (item: T, index: number) => string | number },\n): EachSignalResult;\nexport function each<T>(source: T[] | ReactiveSource<T>, options: EachOptions<T>): HTMLResult | EachSignalResult {\n  validateEachOptions(options);\n\n  const { fallback, key, render, select } = options;\n\n  if (Array.isArray(source)) {\n    const filtered = select ? source.filter(select) : source;\n\n    if (!filtered.length) {\n      if (fallback) {\n        const er = extractResult(toHtmlResult(fallback()));\n\n        return htmlResult(er.html, er.bindings);\n      }\n\n      return EMPTY;\n    }\n\n    const { bindings, html } = renderStatic(filtered, render);\n\n    return htmlResult(html, bindings);\n  }\n\n  if (!key) {\n    throw new Error('[craftit:each] Reactive each() requires options.key for stable reconciliation.');\n  }\n\n  const getItems = isSignal(source) ? () => (source as ReadonlySignal<T[]>).value : (source as () => T[]);\n\n  return {\n    [EACH_SIGNAL]: computed(() => {\n      const raw = assertArrayResult<T>(getItems());\n      const filtered = select ? raw.filter(select) : raw;\n\n      if (!filtered.length) {\n        const er = fallback ? toHtmlResult(fallback()) : undefined;\n\n        return er ? { ...extractResult(er), items: [], keys: [] } : { bindings: [], html: '', items: [], keys: [] };\n      }\n\n      const { bindings, html, keys, rendered } = renderKeyed(filtered, render, key);\n\n      return { bindings, html, items: rendered, keys };\n    }),\n  };\n}\n"],"mappings":"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"}

package/dist/packages/craftit/src/directives/each.js

@@ -0,0 +1,102 @@
+import { E as e, g as t } from "../../../stateit/dist/stateit.js";
+import { EACH_SIGNAL as n, escapeHtml as r, extractResult as i, htmlResult as a, isHtmlResult as o } from "../internal.js";
+//#region ../craftit/src/directives/each.ts
+var s = RegExp("u=\"(\\d+)\"", "g"), c = a(""), l = [], u = (e, t) => o(e) ? f(e, t) : {
+	bindings: l,
+	html: r(e)
+}, d = (e) => o(e) ? e : a(r(e));
+function f(e, t) {
+	let n = /* @__PURE__ */ new Map(), r = [];
+	for (let i of e.__bindings) {
+		let e = i.uid, a = n.get(e) ?? String(t.n++);
+		n.has(e) || n.set(e, a), r.push({
+			...i,
+			uid: a
+		});
+	}
+	return {
+		bindings: r,
+		html: e.__html.replace(s, (e, t) => `u="${n.get(t) ?? t}"`).replace(/<!--(\d+)-->/g, (e, t) => `<!--${n.get(t) ?? t}-->`)
+	};
+}
+function p(e, t, n) {
+	let r = "", i = [], a = [], o = /* @__PURE__ */ new Set(), s = [], c = { n: 0 };
+	for (let l = 0; l < e.length; l++) {
+		let d = n(e[l], l);
+		if (o.has(d)) throw Error(`[craftit:each] Duplicate key "${String(d)}" at index ${l}.`);
+		o.add(d), a.push(d);
+		let f = u(t(e[l], l), c);
+		r += f.html, i.push(...f.bindings), s.push(f);
+	}
+	return {
+		bindings: i,
+		html: r,
+		keys: a,
+		rendered: s
+	};
+}
+function m(e, t) {
+	let n = "", r = [], i = { n: 0 };
+	for (let a = 0; a < e.length; a++) {
+		let o = u(t(e[a], a), i);
+		n += o.html, r.push(...o.bindings);
+	}
+	return {
+		bindings: r,
+		html: n
+	};
+}
+var h = (e) => typeof e == "function", g = (e) => {
+	if (!h(e.render)) throw Error("[craftit:each] options.render must be a function.");
+	if (e.key !== void 0 && !h(e.key)) throw Error("[craftit:each] options.key must be a function when provided.");
+	if (e.select !== void 0 && !h(e.select)) throw Error("[craftit:each] options.select must be a function when provided.");
+	if (e.fallback !== void 0 && !h(e.fallback)) throw Error("[craftit:each] options.fallback must be a function when provided.");
+}, _ = (e) => {
+	if (Array.isArray(e)) return e;
+	throw Error("[craftit:each] source must resolve to an array.");
+};
+function v(r, o) {
+	g(o);
+	let { fallback: s, key: l, render: u, select: f } = o;
+	if (Array.isArray(r)) {
+		let e = f ? r.filter(f) : r;
+		if (!e.length) {
+			if (s) {
+				let e = i(d(s()));
+				return a(e.html, e.bindings);
+			}
+			return c;
+		}
+		let { bindings: t, html: n } = m(e, u);
+		return a(n, t);
+	}
+	if (!l) throw Error("[craftit:each] Reactive each() requires options.key for stable reconciliation.");
+	let h = e(r) ? () => r.value : r;
+	return { [n]: t(() => {
+		let e = _(h()), t = f ? e.filter(f) : e;
+		if (!t.length) {
+			let e = s ? d(s()) : void 0;
+			return e ? {
+				...i(e),
+				items: [],
+				keys: []
+			} : {
+				bindings: [],
+				html: "",
+				items: [],
+				keys: []
+			};
+		}
+		let { bindings: n, html: r, keys: a, rendered: o } = p(t, u, l);
+		return {
+			bindings: n,
+			html: r,
+			items: o,
+			keys: a
+		};
+	}) };
+}
+//#endregion
+export { v as each };
+
+//# sourceMappingURL=each.js.map

package/dist/packages/craftit/src/directives/each.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"each.js","names":[],"sources":["../../../../../../craftit/src/directives/each.ts"],"sourcesContent":["import { computed, isSignal, type ReadonlySignal } from '@vielzeug/stateit';\n\nimport {\n  CF_ID_ATTR,\n  EACH_SIGNAL,\n  escapeHtml,\n  extractResult,\n  htmlResult,\n  isHtmlResult,\n  type Binding,\n  type Directive,\n  type HTMLResult,\n} from '../internal';\n\nconst ATTR_ID_RE = new RegExp(`${CF_ID_ATTR}=\"(\\\\d+)\"`, 'g');\n\n/* immutable — shared singleton for empty static lists */\nconst EMPTY = htmlResult('');\nconst NO_BINDINGS: Binding[] = [];\n\nconst toResultEntry = (value: string | HTMLResult, c: { n: number }): { bindings: Binding[]; html: string } =>\n  isHtmlResult(value) ? renumber(value, c) : { bindings: NO_BINDINGS, html: escapeHtml(value) };\n\nconst toHtmlResult = (value: string | HTMLResult): HTMLResult =>\n  isHtmlResult(value) ? value : htmlResult(escapeHtml(value));\n\nfunction renumber(res: HTMLResult, c: { n: number }): { bindings: Binding[]; html: string } {\n  const map = new Map<string, string>();\n  const nb: Binding[] = [];\n\n  for (const b of res.__bindings) {\n    const oldId = b.uid;\n    const newId = map.get(oldId) ?? String(c.n++);\n\n    if (!map.has(oldId)) map.set(oldId, newId);\n\n    nb.push({ ...b, uid: newId });\n  }\n\n  return {\n    bindings: nb,\n    html: res.__html\n      // Re-map element binding ids.\n      .replace(ATTR_ID_RE, (_, id) => `${CF_ID_ATTR}=\"${map.get(id) ?? id}\"`)\n      // Re-map numeric comment markers used by text/html placeholders.\n      .replace(/<!--(\\d+)-->/g, (_, id) => `<!--${map.get(id) ?? id}-->`),\n  };\n}\n\n/** Render loop used by the reactive path (keys + rendered metadata required for reconciliation). */\nfunction renderKeyed<T>(\n  items: T[],\n  template: (item: T, index: number) => string | HTMLResult,\n  keyFn: (item: T, index: number) => string | number,\n): {\n  bindings: Binding[];\n  html: string;\n  keys: (string | number)[];\n  rendered: Array<{ bindings: Binding[]; html: string }>;\n} {\n  let html = '';\n  const allBindings: Binding[] = [];\n  const keys: (string | number)[] = [];\n  const seenKeys = new Set<string | number>();\n  const rendered: Array<{ bindings: Binding[]; html: string }> = [];\n  const c = { n: 0 };\n\n  for (let i = 0; i < items.length; i++) {\n    const nextKey = keyFn(items[i], i);\n\n    if (seenKeys.has(nextKey)) {\n      throw new Error(`[craftit:each] Duplicate key \"${String(nextKey)}\" at index ${i}.`);\n    }\n\n    seenKeys.add(nextKey);\n    keys.push(nextKey);\n\n    const entry = toResultEntry(template(items[i], i), c);\n\n    html += entry.html;\n    allBindings.push(...entry.bindings);\n    rendered.push(entry);\n  }\n\n  return { bindings: allBindings, html, keys, rendered };\n}\n\n/** Render loop used by the static path — no key/reconciliation metadata needed. */\nfunction renderStatic<T>(\n  items: T[],\n  template: (item: T, index: number) => string | HTMLResult,\n): { bindings: Binding[]; html: string } {\n  let html = '';\n  const allBindings: Binding[] = [];\n  const c = { n: 0 };\n\n  for (let i = 0; i < items.length; i++) {\n    const entry = toResultEntry(template(items[i], i), c);\n\n    html += entry.html;\n    allBindings.push(...entry.bindings);\n  }\n\n  return { bindings: allBindings, html };\n}\n\ntype ReactiveSource<T> = ReadonlySignal<T[]> | (() => T[]);\ntype EachSignalResult = Directive & {\n  [EACH_SIGNAL]: ReadonlySignal<{\n    bindings: Binding[];\n    html: string;\n    items?: Array<{ bindings: Binding[]; html: string }>;\n    keys?: (string | number)[];\n  }>;\n};\n\nexport interface EachOptions<T> {\n  fallback?: () => string | HTMLResult;\n  key?: (item: T, index: number) => string | number;\n  render: (item: T, index: number) => string | HTMLResult;\n  /**\n   * Filter predicate. Receives the item and its original array index.\n   * Only items for which `select` returns `true` are rendered.\n   */\n  select?: (item: T, index: number) => boolean;\n}\n\nconst isFunction = (value: unknown): value is (...args: any[]) => any => typeof value === 'function';\n\nconst validateEachOptions = <T>(options: EachOptions<T>): void => {\n  if (!isFunction(options.render)) {\n    throw new Error('[craftit:each] options.render must be a function.');\n  }\n\n  if (options.key !== undefined && !isFunction(options.key)) {\n    throw new Error('[craftit:each] options.key must be a function when provided.');\n  }\n\n  if (options.select !== undefined && !isFunction(options.select)) {\n    throw new Error('[craftit:each] options.select must be a function when provided.');\n  }\n\n  if (options.fallback !== undefined && !isFunction(options.fallback)) {\n    throw new Error('[craftit:each] options.fallback must be a function when provided.');\n  }\n};\n\nconst assertArrayResult = <T>(value: T[] | unknown): T[] => {\n  if (Array.isArray(value)) return value as T[];\n\n  throw new Error('[craftit:each] source must resolve to an array.');\n};\n\n/**\n * Renders a list with keyed DOM reconciliation for reactive sources.\n * Use inside `html` tagged templates.\n *\n * For reactive sources (Signal/getter), you must provide a stable `key` function.\n *\n * For dynamic lists with click handlers, prefer event delegation on a parent node\n * (`@click` + `closest(...)`) over per-item handlers inside `each()`.\n *\n * @example\n * import { each } from '@vielzeug/craftit/directives';\n *\n * // Static array (key optional):\n * html`${each([1, 2, 3], { render: (item) => html`<li>${item}</li>` })}`\n *\n * // Reactive source (key required):\n * html`${each(items, { key: item => item.id, render: (item) => html`<li>${item.name}</li>` })}`\n *\n * // Full example:\n * html`${each(items, {\n *   fallback: () => html`<p>No items</p>`,\n *   key: item => item.id,\n *   render: (item) => html`<li>${item.name}</li>`,\n *   select: item => item.active,\n * })}`\n */\nexport function each<T>(source: T[], options: EachOptions<T>): HTMLResult;\nexport function each<T>(\n  source: ReactiveSource<T>,\n  options: EachOptions<T> & { key: (item: T, index: number) => string | number },\n): EachSignalResult;\nexport function each<T>(source: T[] | ReactiveSource<T>, options: EachOptions<T>): HTMLResult | EachSignalResult {\n  validateEachOptions(options);\n\n  const { fallback, key, render, select } = options;\n\n  if (Array.isArray(source)) {\n    const filtered = select ? source.filter(select) : source;\n\n    if (!filtered.length) {\n      if (fallback) {\n        const er = extractResult(toHtmlResult(fallback()));\n\n        return htmlResult(er.html, er.bindings);\n      }\n\n      return EMPTY;\n    }\n\n    const { bindings, html } = renderStatic(filtered, render);\n\n    return htmlResult(html, bindings);\n  }\n\n  if (!key) {\n    throw new Error('[craftit:each] Reactive each() requires options.key for stable reconciliation.');\n  }\n\n  const getItems = isSignal(source) ? () => (source as ReadonlySignal<T[]>).value : (source as () => T[]);\n\n  return {\n    [EACH_SIGNAL]: computed(() => {\n      const raw = assertArrayResult<T>(getItems());\n      const filtered = select ? raw.filter(select) : raw;\n\n      if (!filtered.length) {\n        const er = fallback ? toHtmlResult(fallback()) : undefined;\n\n        return er ? { ...extractResult(er), items: [], keys: [] } : { bindings: [], html: '', items: [], keys: [] };\n      }\n\n      const { bindings, html, keys, rendered } = renderKeyed(filtered, render, key);\n\n      return { bindings, html, items: rendered, keys };\n    }),\n  };\n}\n"],"mappings":"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"}

package/dist/packages/craftit/src/directives/index.cjs

@@ -0,0 +1 @@
+require(`./choose.cjs`),require(`./classes.cjs`),require(`./each.cjs`),require(`./raw.cjs`),require(`./when.cjs`);

package/dist/packages/craftit/src/directives/index.js

@@ -0,0 +1,5 @@
+import "./choose.js";
+import "./classes.js";
+import "./each.js";
+import "./raw.js";
+import "./when.js";

package/dist/packages/craftit/src/directives/raw.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../../stateit/dist/stateit.cjs`),t=require(`../internal.cjs`);function n(n){return e.E(n)?e.g(()=>t.htmlResult(n.value)):typeof n==`function`?e.g(()=>t.htmlResult(n())):t.htmlResult(n)}exports.raw=n;
+//# sourceMappingURL=raw.cjs.map

package/dist/packages/craftit/src/directives/raw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raw.cjs","names":[],"sources":["../../../../../../craftit/src/directives/raw.ts"],"sourcesContent":["import { computed, isSignal, type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\nimport { htmlResult, type HTMLResult } from '../internal';\n\n/**\n * Renders a trusted HTML string without escaping.\n * **Only use with content you control** — passing user-supplied strings\n * directly is an XSS risk.\n *\n * Supports static strings, writable Signals, and getter functions.\n * When reactive, the DOM is updated in-place whenever the value changes.\n *\n * @example\n * import { raw } from '@vielzeug/craftit/directives';\n *\n * // Static\n * html`<div>${raw('<strong>bold</strong>')}</div>`\n *\n * // Reactive signal\n * const content = signal('<em>hello</em>');\n * html`<div>${raw(content)}</div>`\n *\n * // Getter\n * html`<div>${raw(() => sanitize(props.body.value))}</div>`\n */\nexport function raw(\n  value: string | Signal<string> | ReadonlySignal<string> | (() => string),\n): HTMLResult | ReadonlySignal<HTMLResult> {\n  if (isSignal(value)) {\n    return computed(() => htmlResult((value as ReadonlySignal<string>).value));\n  }\n\n  if (typeof value === 'function') {\n    return computed(() => htmlResult((value as () => string)()));\n  }\n\n  return htmlResult(value);\n}\n"],"mappings":"kFAyBA,SAAgB,EACd,EACyC,CASzC,OARI,EAAA,EAAS,EAAM,CACV,EAAA,MAAe,EAAA,WAAY,EAAiC,MAAM,CAAC,CAGxE,OAAO,GAAU,WACZ,EAAA,MAAe,EAAA,WAAY,GAAwB,CAAC,CAAC,CAGvD,EAAA,WAAW,EAAM"}

package/dist/packages/craftit/src/directives/raw.js

@@ -0,0 +1,10 @@
+import { E as e, g as t } from "../../../stateit/dist/stateit.js";
+import { htmlResult as n } from "../internal.js";
+//#region ../craftit/src/directives/raw.ts
+function r(r) {
+	return e(r) ? t(() => n(r.value)) : typeof r == "function" ? t(() => n(r())) : n(r);
+}
+//#endregion
+export { r as raw };
+
+//# sourceMappingURL=raw.js.map

package/dist/packages/craftit/src/directives/raw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"raw.js","names":[],"sources":["../../../../../../craftit/src/directives/raw.ts"],"sourcesContent":["import { computed, isSignal, type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\nimport { htmlResult, type HTMLResult } from '../internal';\n\n/**\n * Renders a trusted HTML string without escaping.\n * **Only use with content you control** — passing user-supplied strings\n * directly is an XSS risk.\n *\n * Supports static strings, writable Signals, and getter functions.\n * When reactive, the DOM is updated in-place whenever the value changes.\n *\n * @example\n * import { raw } from '@vielzeug/craftit/directives';\n *\n * // Static\n * html`<div>${raw('<strong>bold</strong>')}</div>`\n *\n * // Reactive signal\n * const content = signal('<em>hello</em>');\n * html`<div>${raw(content)}</div>`\n *\n * // Getter\n * html`<div>${raw(() => sanitize(props.body.value))}</div>`\n */\nexport function raw(\n  value: string | Signal<string> | ReadonlySignal<string> | (() => string),\n): HTMLResult | ReadonlySignal<HTMLResult> {\n  if (isSignal(value)) {\n    return computed(() => htmlResult((value as ReadonlySignal<string>).value));\n  }\n\n  if (typeof value === 'function') {\n    return computed(() => htmlResult((value as () => string)()));\n  }\n\n  return htmlResult(value);\n}\n"],"mappings":";;;AAyBA,SAAgB,EACd,GACyC;AASzC,QARI,EAAS,EAAM,GACV,QAAe,EAAY,EAAiC,MAAM,CAAC,GAGxE,OAAO,KAAU,aACZ,QAAe,EAAY,GAAwB,CAAC,CAAC,GAGvD,EAAW,EAAM"}

package/dist/packages/craftit/src/directives/when.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../../stateit/dist/stateit.cjs`);var t=e=>{if(e.then!==void 0&&e.then!==null&&typeof e.then!=`function`)throw Error(`[craftit:when] options.then must be a function when provided.`);if(e.else!==void 0&&e.else!==null&&typeof e.else!=`function`)throw Error(`[craftit:when] options.else must be a function when provided.`)};function n(n){t(n);let{condition:i}=n,{else:a,then:o}=n,s=()=>r(i)?o?.()??``:a?.()??``;return e.E(i)||typeof i==`function`?{render:s}:s()}var r=t=>e.E(t)?t.value:typeof t==`function`?t():t;exports.when=n;
+//# sourceMappingURL=when.cjs.map

package/dist/packages/craftit/src/directives/when.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"when.cjs","names":[],"sources":["../../../../../../craftit/src/directives/when.ts"],"sourcesContent":["import { isSignal, type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\nimport type { Directive, HTMLResult } from '../internal';\n\ntype TemplateFn<V extends string | HTMLResult = string | HTMLResult> = () => V;\n\nexport type WhenOptions<V extends string | HTMLResult = string | HTMLResult> = {\n  condition: Signal<unknown> | ReadonlySignal<unknown> | (() => unknown) | unknown;\n  else?: TemplateFn<V> | null;\n  then?: TemplateFn<V> | null;\n};\n\nconst validateWhenOptions = <V extends string | HTMLResult>(options: WhenOptions<V>): void => {\n  if (options.then !== undefined && options.then !== null && typeof options.then !== 'function') {\n    throw new Error('[craftit:when] options.then must be a function when provided.');\n  }\n\n  if (options.else !== undefined && options.else !== null && typeof options.else !== 'function') {\n    throw new Error('[craftit:when] options.else must be a function when provided.');\n  }\n};\n\n/**\n * Conditionally renders one of two templates based on a condition.\n *\n * - **Signal or getter** — returns a reactive function the engine re-runs automatically.\n * - **Static value** — evaluated once at call time, returns the result directly.\n *\n * @example\n * import { when } from '@vielzeug/craftit/directives';\n *\n * html`${when({ condition: isLoggedIn, then: () => html`<user-panel>`, else: () => html`<login-form>` })}`\n * html`${when({ condition: () => count.value > 0, then: () => html`<span>${count}</span>` })}`\n */\nexport function when<V extends string | HTMLResult>(options: WhenOptions<V>): Directive | V | string {\n  validateWhenOptions(options);\n\n  const { condition } = options;\n  const { else: resolvedElse, then: resolvedThen } = options;\n  const renderResolved = (): V | string =>\n    conditionValue(condition) ? (resolvedThen?.() ?? '') : (resolvedElse?.() ?? '');\n\n  if (isSignal(condition) || typeof condition === 'function') {\n    return {\n      render: renderResolved,\n    };\n  }\n\n  return renderResolved();\n}\n\nconst conditionValue = (condition: WhenOptions['condition']): unknown => {\n  if (isSignal(condition)) return (condition as ReadonlySignal<unknown>).value;\n\n  if (typeof condition === 'function') return (condition as () => unknown)();\n\n  return condition;\n};\n"],"mappings":"qDAYA,IAAM,EAAsD,GAAkC,CAC5F,GAAI,EAAQ,OAAS,IAAA,IAAa,EAAQ,OAAS,MAAQ,OAAO,EAAQ,MAAS,WACjF,MAAU,MAAM,gEAAgE,CAGlF,GAAI,EAAQ,OAAS,IAAA,IAAa,EAAQ,OAAS,MAAQ,OAAO,EAAQ,MAAS,WACjF,MAAU,MAAM,gEAAgE,EAgBpF,SAAgB,EAAoC,EAAiD,CACnG,EAAoB,EAAQ,CAE5B,GAAM,CAAE,aAAc,EAChB,CAAE,KAAM,EAAc,KAAM,GAAiB,EAC7C,MACJ,EAAe,EAAU,CAAI,KAAgB,EAAI,GAAO,KAAgB,EAAI,GAQ9E,OANI,EAAA,EAAS,EAAU,EAAI,OAAO,GAAc,WACvC,CACL,OAAQ,EACT,CAGI,GAAgB,CAGzB,IAAM,EAAkB,GAClB,EAAA,EAAS,EAAU,CAAU,EAAsC,MAEnE,OAAO,GAAc,WAAoB,GAA6B,CAEnE"}

package/dist/packages/craftit/src/directives/when.js

@@ -0,0 +1,16 @@
+import { E as e } from "../../../stateit/dist/stateit.js";
+//#region ../craftit/src/directives/when.ts
+var t = (e) => {
+	if (e.then !== void 0 && e.then !== null && typeof e.then != "function") throw Error("[craftit:when] options.then must be a function when provided.");
+	if (e.else !== void 0 && e.else !== null && typeof e.else != "function") throw Error("[craftit:when] options.else must be a function when provided.");
+};
+function n(n) {
+	t(n);
+	let { condition: i } = n, { else: a, then: o } = n, s = () => r(i) ? o?.() ?? "" : a?.() ?? "";
+	return e(i) || typeof i == "function" ? { render: s } : s();
+}
+var r = (t) => e(t) ? t.value : typeof t == "function" ? t() : t;
+//#endregion
+export { n as when };
+
+//# sourceMappingURL=when.js.map

package/dist/packages/craftit/src/directives/when.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when.js","names":[],"sources":["../../../../../../craftit/src/directives/when.ts"],"sourcesContent":["import { isSignal, type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\nimport type { Directive, HTMLResult } from '../internal';\n\ntype TemplateFn<V extends string | HTMLResult = string | HTMLResult> = () => V;\n\nexport type WhenOptions<V extends string | HTMLResult = string | HTMLResult> = {\n  condition: Signal<unknown> | ReadonlySignal<unknown> | (() => unknown) | unknown;\n  else?: TemplateFn<V> | null;\n  then?: TemplateFn<V> | null;\n};\n\nconst validateWhenOptions = <V extends string | HTMLResult>(options: WhenOptions<V>): void => {\n  if (options.then !== undefined && options.then !== null && typeof options.then !== 'function') {\n    throw new Error('[craftit:when] options.then must be a function when provided.');\n  }\n\n  if (options.else !== undefined && options.else !== null && typeof options.else !== 'function') {\n    throw new Error('[craftit:when] options.else must be a function when provided.');\n  }\n};\n\n/**\n * Conditionally renders one of two templates based on a condition.\n *\n * - **Signal or getter** — returns a reactive function the engine re-runs automatically.\n * - **Static value** — evaluated once at call time, returns the result directly.\n *\n * @example\n * import { when } from '@vielzeug/craftit/directives';\n *\n * html`${when({ condition: isLoggedIn, then: () => html`<user-panel>`, else: () => html`<login-form>` })}`\n * html`${when({ condition: () => count.value > 0, then: () => html`<span>${count}</span>` })}`\n */\nexport function when<V extends string | HTMLResult>(options: WhenOptions<V>): Directive | V | string {\n  validateWhenOptions(options);\n\n  const { condition } = options;\n  const { else: resolvedElse, then: resolvedThen } = options;\n  const renderResolved = (): V | string =>\n    conditionValue(condition) ? (resolvedThen?.() ?? '') : (resolvedElse?.() ?? '');\n\n  if (isSignal(condition) || typeof condition === 'function') {\n    return {\n      render: renderResolved,\n    };\n  }\n\n  return renderResolved();\n}\n\nconst conditionValue = (condition: WhenOptions['condition']): unknown => {\n  if (isSignal(condition)) return (condition as ReadonlySignal<unknown>).value;\n\n  if (typeof condition === 'function') return (condition as () => unknown)();\n\n  return condition;\n};\n"],"mappings":";;AAYA,IAAM,KAAsD,MAAkC;AAC5F,KAAI,EAAQ,SAAS,KAAA,KAAa,EAAQ,SAAS,QAAQ,OAAO,EAAQ,QAAS,WACjF,OAAU,MAAM,gEAAgE;AAGlF,KAAI,EAAQ,SAAS,KAAA,KAAa,EAAQ,SAAS,QAAQ,OAAO,EAAQ,QAAS,WACjF,OAAU,MAAM,gEAAgE;;AAgBpF,SAAgB,EAAoC,GAAiD;AACnG,GAAoB,EAAQ;CAE5B,IAAM,EAAE,iBAAc,GAChB,EAAE,MAAM,GAAc,MAAM,MAAiB,GAC7C,UACJ,EAAe,EAAU,GAAI,KAAgB,IAAI,KAAO,KAAgB,IAAI;AAQ9E,QANI,EAAS,EAAU,IAAI,OAAO,KAAc,aACvC,EACL,QAAQ,GACT,GAGI,GAAgB;;AAGzB,IAAM,KAAkB,MAClB,EAAS,EAAU,GAAU,EAAsC,QAEnE,OAAO,KAAc,aAAoB,GAA6B,GAEnE"}

package/dist/packages/craftit/src/internal.cjs

@@ -0,0 +1,2 @@
+var e=Symbol(`craftit.htmlResultBrand`);function t(t,n=[]){let r={__bindings:n,__html:t,toString(){return t}};return Object.defineProperty(r,e,{configurable:!1,enumerable:!1,value:!0,writable:!1}),r}var n=t=>typeof t==`object`&&!!t&&t[e]===!0;function r(e){return typeof e==`string`?{bindings:[],html:e}:{bindings:e.__bindings,html:e.__html}}var i=Symbol(`craftit.eachSignal`),a={"'":`&#39;`,'"':`&quot;`,"&":`&amp;`,"<":`&lt;`,">":`&gt;`},o=e=>String(e).replace(/[&<>"']/g,e=>a[e]);exports.EACH_SIGNAL=i,exports.escapeHtml=o,exports.extractResult=r,exports.htmlResult=t,exports.isHtmlResult=n;
+//# sourceMappingURL=internal.cjs.map

package/dist/packages/craftit/src/internal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.cjs","names":[],"sources":["../../../../../craftit/src/internal.ts"],"sourcesContent":["/**\n * @internal — Binding type system, compiler/runtime helpers, and engine internals.\n *\n * These types and helpers define the contract between the template compiler, binding engine,\n * and component runtime.\n * They are NOT part of the public API and importing directly is an unstable contract.\n *\n * Selected author-facing exports (such as css(), CSSResult, EmitFn, HTMLResult, Directive,\n * ref(), and refs()) are re-exported from the main entry point.\n */\n\nimport { signal, type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\nimport { fire } from './runtime';\nimport { currentRuntime } from './runtime-core';\n\nconst HTML_RESULT_BRAND: unique symbol = Symbol('craftit.htmlResultBrand');\n\nlet _idCounter = 0;\n\n/** @internal — resets the ID counter. Used by _resetCounters in test/test.ts. */\nexport const _resetIdCounter = (): void => {\n  _idCounter = 0;\n};\n\n/**\n * Creates a unique, stable ID string — suitable for `aria-labelledby`, `aria-describedby`,\n * and similar accessibility linkages. Call once per component instance (at setup time or inside `onMount`).\n */\nexport const createId = (prefix?: string): string => `${prefix ? `${prefix}-` : 'cft-'}${++_idCounter}`;\n\n// ─────────────────────────────────────────────────────────────────────────────\n// REF TYPES\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * A reactive reference to a DOM element.\n *\n * Backed by a Signal — reactivity is built-in. Use with onElement()\n * for first-class element lifecycle management.\n *\n * @example\n * const inputRef = ref<HTMLInputElement>();\n *\n * onElement(inputRef, (input) => {\n *   input.focus();\n *   return () => { };  // cleanup\n * });\n *\n * // In template\n * <input ref=${inputRef} />\n */\nexport type Ref<T extends Element> = Signal<T | null>;\n\n/**\n * Create a reactive element reference.\n *\n * Returns a Signal that tracks the mounted/unmounted state of a DOM element.\n * Automatically reactive — use directly in effects or with onElement().\n *\n * @see onElement for element lifecycle integration\n *\n * @example\n * const ref = ref<HTMLInputElement>();\n * // Type: Signal<HTMLInputElement | null>\n * // Automatically updates when element mounts/unmounts\n */\nexport function ref<T extends Element>(): Ref<T> {\n  return signal<T | null>(null);\n}\n\nexport type Refs<T extends Element> = T[];\n\nexport function refs<T extends Element>(): Refs<T> {\n  return [];\n}\n\nexport type RefCallback<T extends Element> = (el: T | null) => void;\n\n// ─────────────────────────────────────────────────────────────────────────────\n// HTML RESULT\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface HTMLResult {\n  __bindings: Binding[];\n  __html: string;\n  toString(): string;\n}\n\n/** @internal — construct an HTMLResult from a pre-built html string and bindings. */\nexport function htmlResult(html: string, bindings: Binding[] = []): HTMLResult {\n  const result = {\n    __bindings: bindings,\n    __html: html,\n    toString() {\n      return html;\n    },\n  };\n\n  Object.defineProperty(result, HTML_RESULT_BRAND, {\n    configurable: false,\n    enumerable: false,\n    value: true,\n    writable: false,\n  });\n\n  return result as HTMLResult;\n}\n\n/** @internal — strict HTMLResult runtime type guard. */\nexport const isHtmlResult = (value: unknown): value is HTMLResult =>\n  typeof value === 'object' && !!value && (value as Record<symbol, unknown>)[HTML_RESULT_BRAND] === true;\n\n/** @internal — extract html and bindings from a string or HTMLResult. */\nexport function extractResult(v: string | HTMLResult): { bindings: Binding[]; html: string } {\n  return typeof v === 'string' ? { bindings: [], html: v } : { bindings: v.__bindings, html: v.__html };\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// DIRECTIVES\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface DirectiveContext {\n  /** The cleanup registration function for the component. */\n  registerCleanup: (fn: () => void) => void;\n}\n\nexport interface Directive {\n  /** Invoked when the element is mounted in the DOM. */\n  mount?(el: HTMLElement, context: DirectiveContext): void;\n  /** Invoked by the template engine to render content (interpolation directives). */\n  render?(): HTMLResult | string;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// BINDING TYPES\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type TextBinding = {\n  signal: ReadonlySignal<unknown>;\n  type: 'text';\n  uid: string;\n};\n\nexport type AttrBinding = {\n  mode: 'bool' | 'attr';\n  name: string;\n  signal?: ReadonlySignal<unknown>;\n  type: 'attr';\n  uid: string;\n  value?: unknown;\n};\n\nexport type PropBinding = {\n  /** Optional writable source used for native two-way bridge (.value/.checked). */\n  model?: Signal<unknown>;\n  name: string;\n  signal?: ReadonlySignal<unknown>;\n  type: 'prop';\n  uid: string;\n  value?: unknown;\n};\n\nexport type EventBinding = {\n  handler: (e: Event) => void;\n  modifiers?: {\n    capture?: boolean;\n    once?: boolean;\n    passive?: boolean;\n    prevent?: boolean;\n    self?: boolean;\n    stop?: boolean;\n  };\n  name: string;\n  type: 'event';\n  uid: string;\n};\n\nexport type RefBinding = {\n  ref: Ref<Element> | Refs<Element> | RefCallback<Element>;\n  type: 'ref';\n  uid: string;\n};\n\nexport type CallbackBinding = {\n  apply: (el: HTMLElement, registerCleanup: (fn: () => void) => void) => void;\n  type: 'callback';\n  uid: string;\n};\n\nexport type HtmlBinding = {\n  keyed?: boolean;\n  signal: ReadonlySignal<{\n    bindings: Binding[];\n    html: string;\n    items?: Array<{ bindings: Binding[]; html: string }>;\n    keys?: (string | number)[];\n  }>;\n  type: 'html';\n  uid: string;\n};\n\nexport type Binding =\n  | TextBinding\n  | AttrBinding\n  | PropBinding\n  | EventBinding\n  | RefBinding\n  | CallbackBinding\n  | HtmlBinding;\n\n// ─────────────────────────────────────────────────────────────────────────────\n// INTERNAL MARKERS & CONSTANTS\n// ─────────────────────────────────────────────────────────────────────────────\n\n/** @internal — opaque marker for each() reactive results. */\nexport const EACH_SIGNAL: unique symbol = Symbol('craftit.eachSignal');\n\n/** @internal — binding element identifier attribute. */\nexport const CF_ID_ATTR = 'u';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// INTERNAL DOM & EVENT UTILITIES\n// ─────────────────────────────────────────────────────────────────────────────\n\n/** @internal — Iterate an iterable and call every function in it. */\nexport const runAll = (fns: Iterable<() => void>): void => {\n  const callbacks = [...fns];\n\n  for (let index = callbacks.length - 1; index >= 0; index--) {\n    callbacks[index]?.();\n  }\n};\n\n/** @internal — Set an attribute on an element, handling boolean and null values. */\nexport const setAttr = (el: Element, name: string, val: unknown): void => {\n  // Avoid inline event-handler attributes (onclick, onerror, ...) to reduce injection risk.\n  if (/^on/i.test(name)) {\n    el.removeAttribute(name);\n\n    return;\n  }\n\n  if (val == null || val === false) {\n    el.removeAttribute(name);\n  } else if (val === true) {\n    el.setAttribute(name, name.startsWith('aria-') ? 'true' : '');\n  } else {\n    el.setAttribute(name, String(val));\n  }\n};\n\n/** @internal — Attach an event listener with automatic cleanup. */\nexport const listen = (\n  el: EventTarget,\n  name: string,\n  handler: (e: any) => void,\n  options?: AddEventListenerOptions,\n): (() => void) => {\n  const listener: EventListener = handler as EventListener;\n\n  el.addEventListener(name, listener, options);\n\n  return () => el.removeEventListener(name, listener, options);\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// INTERNAL STRING UTILITIES\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const toKebab = (str: string): string => str.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);\n\nconst ESC: Record<string, string> = { \"'\": '&#39;', '\"': '&quot;', '&': '&amp;', '<': '&lt;', '>': '&gt;' };\n\n/** @internal — Escape untrusted text for HTML text/attribute contexts. */\nexport const escapeHtml = (value: unknown): string => String(value).replace(/[&<>\"']/g, (c) => ESC[c]);\n\n// ─────────────────────────────────────────────────────────────────────────────\n// INTERNAL EMIT TYPES & HELPERS\n// ─────────────────────────────────────────────────────────────────────────────\n\ntype NoDetail = void | undefined | never;\ntype KeysWithoutDetail<T extends Record<string, unknown>> = {\n  [P in keyof T]: [T[P]] extends [NoDetail] ? P : never;\n}[keyof T];\n\nexport type EmitFn<T extends Record<string, unknown>> = {\n  <K extends KeysWithoutDetail<T>>(event: K): void;\n  <K extends Exclude<keyof T, KeysWithoutDetail<T>>>(event: K, detail: T[K]): void;\n};\n\n/** @internal — Create a type-safe custom event emitter for the current runtime host. */\nexport const createEmitFn = <T extends Record<string, unknown>>(): EmitFn<T> => {\n  const el = currentRuntime().el;\n\n  return ((event: keyof T, ...rest: unknown[]) => {\n    fire.custom(el, String(event), rest.length > 0 ? { detail: rest[0] } : undefined);\n  }) as EmitFn<T>;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// INTERNAL CSS & STYLESHEET UTILITIES\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type CSSResult = {\n  content: string;\n  toString(): string;\n};\n\nconst cssResultToString = function (this: CSSResult): string {\n  return this.content;\n};\n\n/** @internal — Compile CSS template strings into a CSSResult. */\nexport const css = (strings: TemplateStringsArray, ...values: unknown[]): CSSResult => {\n  let content = '';\n\n  for (let i = 0; i < strings.length; i++) {\n    content += strings[i];\n\n    if (i < values.length) {\n      const v = values[i];\n\n      content += v && typeof v === 'object' && 'content' in v ? (v as CSSResult).content : (v ?? '');\n    }\n  }\n\n  return { content: content.trim(), toString: cssResultToString };\n};\n\nconst stylesheetStringCache = new Map<string, CSSStyleSheet>();\n\n/** @internal — Load a stylesheet string or CSSResult into an adoptedStyleSheet. */\nexport const loadStylesheet = (style: string | CSSStyleSheet | CSSResult): CSSStyleSheet => {\n  if (style instanceof CSSStyleSheet) return style;\n\n  const cssText = typeof style === 'string' ? style : style.content;\n  const cached = stylesheetStringCache.get(cssText);\n\n  if (cached) return cached;\n\n  const sheet = new CSSStyleSheet();\n\n  try {\n    sheet.replaceSync(cssText);\n    stylesheetStringCache.set(cssText, sheet);\n  } catch (err) {\n    console.error(`[craftit:E2] style replace failed`, err);\n  }\n\n  return sheet;\n};\n"],"mappings":"AAgBA,IAAM,EAAmC,OAAO,0BAA0B,CA0E1E,SAAgB,EAAW,EAAc,EAAsB,EAAE,CAAc,CAC7E,IAAM,EAAS,CACb,WAAY,EACZ,OAAQ,EACR,UAAW,CACT,OAAO,GAEV,CASD,OAPA,OAAO,eAAe,EAAQ,EAAmB,CAC/C,aAAc,GACd,WAAY,GACZ,MAAO,GACP,SAAU,GACX,CAAC,CAEK,EAIT,IAAa,EAAgB,GAC3B,OAAO,GAAU,UAAY,CAAC,CAAC,GAAU,EAAkC,KAAuB,GAGpG,SAAgB,EAAc,EAA+D,CAC3F,OAAO,OAAO,GAAM,SAAW,CAAE,SAAU,EAAE,CAAE,KAAM,EAAG,CAAG,CAAE,SAAU,EAAE,WAAY,KAAM,EAAE,OAAQ,CAqGvG,IAAa,EAA6B,OAAO,qBAAqB,CAwDhE,EAA8B,CAAE,IAAK,QAAS,IAAK,SAAU,IAAK,QAAS,IAAK,OAAQ,IAAK,OAAQ,CAG9F,EAAc,GAA2B,OAAO,EAAM,CAAC,QAAQ,WAAa,GAAM,EAAI,GAAG"}

package/dist/packages/craftit/src/internal.js

@@ -0,0 +1,38 @@
+//#region ../craftit/src/internal.ts
+var e = Symbol("craftit.htmlResultBrand");
+function t(t, n = []) {
+	let r = {
+		__bindings: n,
+		__html: t,
+		toString() {
+			return t;
+		}
+	};
+	return Object.defineProperty(r, e, {
+		configurable: !1,
+		enumerable: !1,
+		value: !0,
+		writable: !1
+	}), r;
+}
+var n = (t) => typeof t == "object" && !!t && t[e] === !0;
+function r(e) {
+	return typeof e == "string" ? {
+		bindings: [],
+		html: e
+	} : {
+		bindings: e.__bindings,
+		html: e.__html
+	};
+}
+var i = Symbol("craftit.eachSignal"), a = {
+	"'": "'",
+	"\"": """,
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;"
+}, o = (e) => String(e).replace(/[&<>"']/g, (e) => a[e]);
+//#endregion
+export { i as EACH_SIGNAL, o as escapeHtml, r as extractResult, t as htmlResult, n as isHtmlResult };
+
+//# sourceMappingURL=internal.js.map

package/dist/packages/craftit/src/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","names":[],"sources":["../../../../../craftit/src/internal.ts"],"sourcesContent":["/**\n * @internal — Binding type system, compiler/runtime helpers, and engine internals.\n *\n * These types and helpers define the contract between the template compiler, binding engine,\n * and component runtime.\n * They are NOT part of the public API and importing directly is an unstable contract.\n *\n * Selected author-facing exports (such as css(), CSSResult, EmitFn, HTMLResult, Directive,\n * ref(), and refs()) are re-exported from the main entry point.\n */\n\nimport { signal, type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\nimport { fire } from './runtime';\nimport { currentRuntime } from './runtime-core';\n\nconst HTML_RESULT_BRAND: unique symbol = Symbol('craftit.htmlResultBrand');\n\nlet _idCounter = 0;\n\n/** @internal — resets the ID counter. Used by _resetCounters in test/test.ts. */\nexport const _resetIdCounter = (): void => {\n  _idCounter = 0;\n};\n\n/**\n * Creates a unique, stable ID string — suitable for `aria-labelledby`, `aria-describedby`,\n * and similar accessibility linkages. Call once per component instance (at setup time or inside `onMount`).\n */\nexport const createId = (prefix?: string): string => `${prefix ? `${prefix}-` : 'cft-'}${++_idCounter}`;\n\n// ─────────────────────────────────────────────────────────────────────────────\n// REF TYPES\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * A reactive reference to a DOM element.\n *\n * Backed by a Signal — reactivity is built-in. Use with onElement()\n * for first-class element lifecycle management.\n *\n * @example\n * const inputRef = ref<HTMLInputElement>();\n *\n * onElement(inputRef, (input) => {\n *   input.focus();\n *   return () => { };  // cleanup\n * });\n *\n * // In template\n * <input ref=${inputRef} />\n */\nexport type Ref<T extends Element> = Signal<T | null>;\n\n/**\n * Create a reactive element reference.\n *\n * Returns a Signal that tracks the mounted/unmounted state of a DOM element.\n * Automatically reactive — use directly in effects or with onElement().\n *\n * @see onElement for element lifecycle integration\n *\n * @example\n * const ref = ref<HTMLInputElement>();\n * // Type: Signal<HTMLInputElement | null>\n * // Automatically updates when element mounts/unmounts\n */\nexport function ref<T extends Element>(): Ref<T> {\n  return signal<T | null>(null);\n}\n\nexport type Refs<T extends Element> = T[];\n\nexport function refs<T extends Element>(): Refs<T> {\n  return [];\n}\n\nexport type RefCallback<T extends Element> = (el: T | null) => void;\n\n// ─────────────────────────────────────────────────────────────────────────────\n// HTML RESULT\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface HTMLResult {\n  __bindings: Binding[];\n  __html: string;\n  toString(): string;\n}\n\n/** @internal — construct an HTMLResult from a pre-built html string and bindings. */\nexport function htmlResult(html: string, bindings: Binding[] = []): HTMLResult {\n  const result = {\n    __bindings: bindings,\n    __html: html,\n    toString() {\n      return html;\n    },\n  };\n\n  Object.defineProperty(result, HTML_RESULT_BRAND, {\n    configurable: false,\n    enumerable: false,\n    value: true,\n    writable: false,\n  });\n\n  return result as HTMLResult;\n}\n\n/** @internal — strict HTMLResult runtime type guard. */\nexport const isHtmlResult = (value: unknown): value is HTMLResult =>\n  typeof value === 'object' && !!value && (value as Record<symbol, unknown>)[HTML_RESULT_BRAND] === true;\n\n/** @internal — extract html and bindings from a string or HTMLResult. */\nexport function extractResult(v: string | HTMLResult): { bindings: Binding[]; html: string } {\n  return typeof v === 'string' ? { bindings: [], html: v } : { bindings: v.__bindings, html: v.__html };\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// DIRECTIVES\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface DirectiveContext {\n  /** The cleanup registration function for the component. */\n  registerCleanup: (fn: () => void) => void;\n}\n\nexport interface Directive {\n  /** Invoked when the element is mounted in the DOM. */\n  mount?(el: HTMLElement, context: DirectiveContext): void;\n  /** Invoked by the template engine to render content (interpolation directives). */\n  render?(): HTMLResult | string;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// BINDING TYPES\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type TextBinding = {\n  signal: ReadonlySignal<unknown>;\n  type: 'text';\n  uid: string;\n};\n\nexport type AttrBinding = {\n  mode: 'bool' | 'attr';\n  name: string;\n  signal?: ReadonlySignal<unknown>;\n  type: 'attr';\n  uid: string;\n  value?: unknown;\n};\n\nexport type PropBinding = {\n  /** Optional writable source used for native two-way bridge (.value/.checked). */\n  model?: Signal<unknown>;\n  name: string;\n  signal?: ReadonlySignal<unknown>;\n  type: 'prop';\n  uid: string;\n  value?: unknown;\n};\n\nexport type EventBinding = {\n  handler: (e: Event) => void;\n  modifiers?: {\n    capture?: boolean;\n    once?: boolean;\n    passive?: boolean;\n    prevent?: boolean;\n    self?: boolean;\n    stop?: boolean;\n  };\n  name: string;\n  type: 'event';\n  uid: string;\n};\n\nexport type RefBinding = {\n  ref: Ref<Element> | Refs<Element> | RefCallback<Element>;\n  type: 'ref';\n  uid: string;\n};\n\nexport type CallbackBinding = {\n  apply: (el: HTMLElement, registerCleanup: (fn: () => void) => void) => void;\n  type: 'callback';\n  uid: string;\n};\n\nexport type HtmlBinding = {\n  keyed?: boolean;\n  signal: ReadonlySignal<{\n    bindings: Binding[];\n    html: string;\n    items?: Array<{ bindings: Binding[]; html: string }>;\n    keys?: (string | number)[];\n  }>;\n  type: 'html';\n  uid: string;\n};\n\nexport type Binding =\n  | TextBinding\n  | AttrBinding\n  | PropBinding\n  | EventBinding\n  | RefBinding\n  | CallbackBinding\n  | HtmlBinding;\n\n// ─────────────────────────────────────────────────────────────────────────────\n// INTERNAL MARKERS & CONSTANTS\n// ─────────────────────────────────────────────────────────────────────────────\n\n/** @internal — opaque marker for each() reactive results. */\nexport const EACH_SIGNAL: unique symbol = Symbol('craftit.eachSignal');\n\n/** @internal — binding element identifier attribute. */\nexport const CF_ID_ATTR = 'u';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// INTERNAL DOM & EVENT UTILITIES\n// ─────────────────────────────────────────────────────────────────────────────\n\n/** @internal — Iterate an iterable and call every function in it. */\nexport const runAll = (fns: Iterable<() => void>): void => {\n  const callbacks = [...fns];\n\n  for (let index = callbacks.length - 1; index >= 0; index--) {\n    callbacks[index]?.();\n  }\n};\n\n/** @internal — Set an attribute on an element, handling boolean and null values. */\nexport const setAttr = (el: Element, name: string, val: unknown): void => {\n  // Avoid inline event-handler attributes (onclick, onerror, ...) to reduce injection risk.\n  if (/^on/i.test(name)) {\n    el.removeAttribute(name);\n\n    return;\n  }\n\n  if (val == null || val === false) {\n    el.removeAttribute(name);\n  } else if (val === true) {\n    el.setAttribute(name, name.startsWith('aria-') ? 'true' : '');\n  } else {\n    el.setAttribute(name, String(val));\n  }\n};\n\n/** @internal — Attach an event listener with automatic cleanup. */\nexport const listen = (\n  el: EventTarget,\n  name: string,\n  handler: (e: any) => void,\n  options?: AddEventListenerOptions,\n): (() => void) => {\n  const listener: EventListener = handler as EventListener;\n\n  el.addEventListener(name, listener, options);\n\n  return () => el.removeEventListener(name, listener, options);\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// INTERNAL STRING UTILITIES\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const toKebab = (str: string): string => str.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);\n\nconst ESC: Record<string, string> = { \"'\": '&#39;', '\"': '&quot;', '&': '&amp;', '<': '&lt;', '>': '&gt;' };\n\n/** @internal — Escape untrusted text for HTML text/attribute contexts. */\nexport const escapeHtml = (value: unknown): string => String(value).replace(/[&<>\"']/g, (c) => ESC[c]);\n\n// ─────────────────────────────────────────────────────────────────────────────\n// INTERNAL EMIT TYPES & HELPERS\n// ─────────────────────────────────────────────────────────────────────────────\n\ntype NoDetail = void | undefined | never;\ntype KeysWithoutDetail<T extends Record<string, unknown>> = {\n  [P in keyof T]: [T[P]] extends [NoDetail] ? P : never;\n}[keyof T];\n\nexport type EmitFn<T extends Record<string, unknown>> = {\n  <K extends KeysWithoutDetail<T>>(event: K): void;\n  <K extends Exclude<keyof T, KeysWithoutDetail<T>>>(event: K, detail: T[K]): void;\n};\n\n/** @internal — Create a type-safe custom event emitter for the current runtime host. */\nexport const createEmitFn = <T extends Record<string, unknown>>(): EmitFn<T> => {\n  const el = currentRuntime().el;\n\n  return ((event: keyof T, ...rest: unknown[]) => {\n    fire.custom(el, String(event), rest.length > 0 ? { detail: rest[0] } : undefined);\n  }) as EmitFn<T>;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// INTERNAL CSS & STYLESHEET UTILITIES\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type CSSResult = {\n  content: string;\n  toString(): string;\n};\n\nconst cssResultToString = function (this: CSSResult): string {\n  return this.content;\n};\n\n/** @internal — Compile CSS template strings into a CSSResult. */\nexport const css = (strings: TemplateStringsArray, ...values: unknown[]): CSSResult => {\n  let content = '';\n\n  for (let i = 0; i < strings.length; i++) {\n    content += strings[i];\n\n    if (i < values.length) {\n      const v = values[i];\n\n      content += v && typeof v === 'object' && 'content' in v ? (v as CSSResult).content : (v ?? '');\n    }\n  }\n\n  return { content: content.trim(), toString: cssResultToString };\n};\n\nconst stylesheetStringCache = new Map<string, CSSStyleSheet>();\n\n/** @internal — Load a stylesheet string or CSSResult into an adoptedStyleSheet. */\nexport const loadStylesheet = (style: string | CSSStyleSheet | CSSResult): CSSStyleSheet => {\n  if (style instanceof CSSStyleSheet) return style;\n\n  const cssText = typeof style === 'string' ? style : style.content;\n  const cached = stylesheetStringCache.get(cssText);\n\n  if (cached) return cached;\n\n  const sheet = new CSSStyleSheet();\n\n  try {\n    sheet.replaceSync(cssText);\n    stylesheetStringCache.set(cssText, sheet);\n  } catch (err) {\n    console.error(`[craftit:E2] style replace failed`, err);\n  }\n\n  return sheet;\n};\n"],"mappings":";AAgBA,IAAM,IAAmC,OAAO,0BAA0B;AA0E1E,SAAgB,EAAW,GAAc,IAAsB,EAAE,EAAc;CAC7E,IAAM,IAAS;EACb,YAAY;EACZ,QAAQ;EACR,WAAW;AACT,UAAO;;EAEV;AASD,QAPA,OAAO,eAAe,GAAQ,GAAmB;EAC/C,cAAc;EACd,YAAY;EACZ,OAAO;EACP,UAAU;EACX,CAAC,EAEK;;AAIT,IAAa,KAAgB,MAC3B,OAAO,KAAU,YAAY,CAAC,CAAC,KAAU,EAAkC,OAAuB;AAGpG,SAAgB,EAAc,GAA+D;AAC3F,QAAO,OAAO,KAAM,WAAW;EAAE,UAAU,EAAE;EAAE,MAAM;EAAG,GAAG;EAAE,UAAU,EAAE;EAAY,MAAM,EAAE;EAAQ;;AAqGvG,IAAa,IAA6B,OAAO,qBAAqB,EAwDhE,IAA8B;CAAE,KAAK;CAAS,MAAK;CAAU,KAAK;CAAS,KAAK;CAAQ,KAAK;CAAQ,EAG9F,KAAc,MAA2B,OAAO,EAAM,CAAC,QAAQ,aAAa,MAAM,EAAI,GAAG"}

package/dist/packages/stateit/dist/stateit.cjs

@@ -0,0 +1,2 @@
+var e=Symbol(`stateit.uninitialized`),t=100,n=e=>Object.assign(e,{dispose:e,[Symbol.dispose]:e}),r=(e,t)=>{let n=[];for(let t of e)try{t()}catch(e){n.push(e)}if(n.length===1)throw n[0];if(n.length>1)throw AggregateError(n,`[stateit] ${t}`)},i=e=>{let t=[];for(let n of[...e])try{n()}catch(e){t.push(e)}if(t.length===1)throw t[0];if(t.length>1)throw AggregateError(t,`[stateit] subscriber errors`)},a={cleanups:null,deps:null,effect:null},o=(e,t,n,r)=>{let i=a;a={cleanups:n,deps:t,effect:e};try{return r()}finally{a=i}},s=0,c=new Set,l=class{subscribers=new Set;track(){!a.effect||!a.deps||(this.subscribers.add(a.effect),a.deps.add(()=>this.subscribers.delete(a.effect)))}hasSubscribers(){return this.subscribers.size>0}notify(){if(this.subscribers.size!==0){if(s>0){for(let e of this.subscribers)c.add(e);return}i(this.subscribers)}}},u=class extends l{value_;equals_;constructor(e,t){super(),this.value_=e,this.equals_=t??Object.is}get value(){return this.track(),this.value_}set value(e){this.equals_(this.value_,e)||(this.value_=e,this.notify())}update(e){this.value=e(this.value_)}},d=class extends l{value_=e;dirty_=!0;disposed_=!1;deps_=new Set;compute_;equals_;onDepChange=()=>{if(!this.disposed_){if(this.subscribers.size===0){this.dirty_=!0;return}this.recompute()&&this.notify()}};constructor(e,t){super(),this.compute_=e,this.equals_=t??Object.is,this.recompute()}recompute(){for(let e of this.deps_)e();this.deps_.clear();let t=o(this.onDepChange,this.deps_,null,this.compute_);return this.dirty_=!1,this.value_===e||!this.equals_(this.value_,t)?(this.value_=t,!0):!1}get value(){if(this.disposed_)throw Error(`[stateit] Cannot read disposed computed signal`);return this.dirty_&&this.recompute(),this.track(),this.value_}get stale(){return this.dirty_}dispose(){if(!this.disposed_){this.disposed_=!0,this.dirty_=!0;for(let e of this.deps_)e();this.deps_.clear()}}[Symbol.dispose](){this.dispose()}},f=(e,t)=>new u(e,t?.equals),p=(e,t)=>{let n=new d(e,t?.equals);return a.effect!==null&&a.cleanups!==null&&g(()=>n.dispose()),n},m=(e,i)=>{let a,s=new Set,c=!1,l=!1,u=!1,d=i?.maxIterations??t,f=()=>{let e=[];a&&e.push(a),a=void 0;for(let t of s)e.push(t);s.clear(),r(e,`effect teardown errors`)},p=()=>{if(!u){if(c){l=!0;return}c=!0;try{let t=0;do{if(++t>d)throw Error(`[stateit] infinite effect loop (> ${d} iterations)`);l=!1,f();let n=[],i=o(p,s,n,e);i&&n.push(i),n.length>0&&(a=()=>{r(n,`effect cleanup errors`)})}while(l&&!u)}finally{c=!1}}};return p(),n(()=>{u||(u=!0,f())})},h=e=>o(null,null,null,e),g=e=>{if(a.cleanups===null)throw Error(`[stateit] onCleanup() must be called from inside an active effect.`);a.cleanups.push(e)},_=(e,t,n)=>{let r=n?.equals??Object.is,i=h(()=>e.value);n?.immediate&&t(i,i);let a=m(()=>{let o=e.value;if(r(i,o))return;let s=i;i=o,t(o,s),n?.once&&a()});return a};function v(e,t,r,i){if(typeof r==`function`){let a=t,o=r,s=p(()=>a(e.value)),c=_(s,o,i);return n(()=>{c(),s.dispose()})}return _(e,t,r)}var y=e=>typeof e!=`object`||!e?!1:`value`in e;exports.E=y,exports.S=v,exports.b=g,exports.g=p,exports.h=f,exports.v=m;
+//# sourceMappingURL=stateit.cjs.map

package/dist/packages/stateit/dist/stateit.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateit.cjs","names":[],"sources":["../../../../../stateit/dist/stateit.js"],"sourcesContent":["//#region src/stateit.ts\nvar e = Symbol(\"stateit.uninitialized\"), t = 100, n = (e) => Object.assign(e, {\n\tdispose: e,\n\t[Symbol.dispose]: e\n}), r = (e, t) => {\n\tif (typeof e != \"object\" || !e || Array.isArray(e)) throw TypeError(t);\n}, i = (e) => structuredClone(e), a = (e, t) => {\n\tlet n = [];\n\tfor (let t of e) try {\n\t\tt();\n\t} catch (e) {\n\t\tn.push(e);\n\t}\n\tif (n.length === 1) throw n[0];\n\tif (n.length > 1) throw AggregateError(n, `[stateit] ${t}`);\n}, o = (e) => {\n\tlet t = [];\n\tfor (let n of [...e]) try {\n\t\tn();\n\t} catch (e) {\n\t\tt.push(e);\n\t}\n\tif (t.length === 1) throw t[0];\n\tif (t.length > 1) throw AggregateError(t, \"[stateit] subscriber errors\");\n}, s = {\n\tcleanups: null,\n\tdeps: null,\n\teffect: null\n}, c = (e, t, n, r) => {\n\tlet i = s;\n\ts = {\n\t\tcleanups: n,\n\t\tdeps: t,\n\t\teffect: e\n\t};\n\ttry {\n\t\treturn r();\n\t} finally {\n\t\ts = i;\n\t}\n}, l = 0, u = /* @__PURE__ */ new Set(), d = () => {\n\tfor (; u.size > 0;) {\n\t\tlet e = [...u];\n\t\tu.clear(), o(new Set(e));\n\t}\n}, f = class {\n\tsubscribers = /* @__PURE__ */ new Set();\n\ttrack() {\n\t\t!s.effect || !s.deps || (this.subscribers.add(s.effect), s.deps.add(() => this.subscribers.delete(s.effect)));\n\t}\n\thasSubscribers() {\n\t\treturn this.subscribers.size > 0;\n\t}\n\tnotify() {\n\t\tif (this.subscribers.size !== 0) {\n\t\t\tif (l > 0) {\n\t\t\t\tfor (let e of this.subscribers) u.add(e);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\to(this.subscribers);\n\t\t}\n\t}\n}, p = class extends f {\n\tvalue_;\n\tequals_;\n\tconstructor(e, t) {\n\t\tsuper(), this.value_ = e, this.equals_ = t ?? Object.is;\n\t}\n\tget value() {\n\t\treturn this.track(), this.value_;\n\t}\n\tset value(e) {\n\t\tthis.equals_(this.value_, e) || (this.value_ = e, this.notify());\n\t}\n\tupdate(e) {\n\t\tthis.value = e(this.value_);\n\t}\n}, m = class extends f {\n\tvalue_ = e;\n\tdirty_ = !0;\n\tdisposed_ = !1;\n\tdeps_ = /* @__PURE__ */ new Set();\n\tcompute_;\n\tequals_;\n\tonDepChange = () => {\n\t\tif (!this.disposed_) {\n\t\t\tif (this.subscribers.size === 0) {\n\t\t\t\tthis.dirty_ = !0;\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tthis.recompute() && this.notify();\n\t\t}\n\t};\n\tconstructor(e, t) {\n\t\tsuper(), this.compute_ = e, this.equals_ = t ?? Object.is, this.recompute();\n\t}\n\trecompute() {\n\t\tfor (let e of this.deps_) e();\n\t\tthis.deps_.clear();\n\t\tlet t = c(this.onDepChange, this.deps_, null, this.compute_);\n\t\treturn this.dirty_ = !1, this.value_ === e || !this.equals_(this.value_, t) ? (this.value_ = t, !0) : !1;\n\t}\n\tget value() {\n\t\tif (this.disposed_) throw Error(\"[stateit] Cannot read disposed computed signal\");\n\t\treturn this.dirty_ && this.recompute(), this.track(), this.value_;\n\t}\n\tget stale() {\n\t\treturn this.dirty_;\n\t}\n\tdispose() {\n\t\tif (!this.disposed_) {\n\t\t\tthis.disposed_ = !0, this.dirty_ = !0;\n\t\t\tfor (let e of this.deps_) e();\n\t\t\tthis.deps_.clear();\n\t\t}\n\t}\n\t[Symbol.dispose]() {\n\t\tthis.dispose();\n\t}\n}, h = (e, t) => new p(e, t?.equals), g = (e, t) => {\n\tlet n = new m(e, t?.equals);\n\treturn s.effect !== null && s.cleanups !== null && b(() => n.dispose()), n;\n}, _ = (e) => {\n\tl++;\n\ttry {\n\t\tlet t = e();\n\t\treturn --l === 0 && d(), t;\n\t} catch (e) {\n\t\tthrow --l === 0 && d(), e;\n\t}\n}, v = (e, r) => {\n\tlet i, o = /* @__PURE__ */ new Set(), s = !1, l = !1, u = !1, d = r?.maxIterations ?? t, f = () => {\n\t\tlet e = [];\n\t\ti && e.push(i), i = void 0;\n\t\tfor (let t of o) e.push(t);\n\t\to.clear(), a(e, \"effect teardown errors\");\n\t}, p = () => {\n\t\tif (!u) {\n\t\t\tif (s) {\n\t\t\t\tl = !0;\n\t\t\t\treturn;\n\t\t\t}\n\t\t\ts = !0;\n\t\t\ttry {\n\t\t\t\tlet t = 0;\n\t\t\t\tdo {\n\t\t\t\t\tif (++t > d) throw Error(`[stateit] infinite effect loop (> ${d} iterations)`);\n\t\t\t\t\tl = !1, f();\n\t\t\t\t\tlet n = [], r = c(p, o, n, e);\n\t\t\t\t\tr && n.push(r), n.length > 0 && (i = () => {\n\t\t\t\t\t\ta(n, \"effect cleanup errors\");\n\t\t\t\t\t});\n\t\t\t\t} while (l && !u);\n\t\t\t} finally {\n\t\t\t\ts = !1;\n\t\t\t}\n\t\t}\n\t};\n\treturn p(), n(() => {\n\t\tu || (u = !0, f());\n\t});\n}, y = (e) => c(null, null, null, e), b = (e) => {\n\tif (s.cleanups === null) throw Error(\"[stateit] onCleanup() must be called from inside an active effect.\");\n\ts.cleanups.push(e);\n}, x = (e, t, n) => {\n\tlet r = n?.equals ?? Object.is, i = y(() => e.value);\n\tn?.immediate && t(i, i);\n\tlet a = v(() => {\n\t\tlet o = e.value;\n\t\tif (r(i, o)) return;\n\t\tlet s = i;\n\t\ti = o, t(o, s), n?.once && a();\n\t});\n\treturn a;\n};\nfunction S(e, t, r, i) {\n\tif (typeof r == \"function\") {\n\t\tlet a = t, o = r, s = g(() => a(e.value)), c = x(s, o, i);\n\t\treturn n(() => {\n\t\t\tc(), s.dispose();\n\t\t});\n\t}\n\treturn x(e, t, r);\n}\nvar C = (e, t) => {\n\tr(e, \"[stateit] store() requires a plain object initial state.\");\n\tlet n = i(e), a = h(i(e), t);\n\treturn {\n\t\tpatch(e) {\n\t\t\tif (typeof e != \"object\" || !e || Array.isArray(e)) throw TypeError(\"[stateit] store.patch() requires a plain object partial.\");\n\t\t\ta.value = {\n\t\t\t\t...a.value,\n\t\t\t\t...e\n\t\t\t};\n\t\t},\n\t\treset() {\n\t\t\ta.value = i(n);\n\t\t},\n\t\tupdate(e) {\n\t\t\tlet t = e(a.value);\n\t\t\tr(t, \"[stateit] store.update() must return a plain object.\"), a.value = t;\n\t\t},\n\t\tget value() {\n\t\t\treturn a.value;\n\t\t},\n\t\tset value(e) {\n\t\t\tr(e, \"[stateit] Store value must always be a plain object.\"), a.value = e;\n\t\t}\n\t};\n}, w = (e) => e, T = (e) => e, E = (e) => typeof e != \"object\" || !e ? !1 : \"value\" in e, D = (e) => E(e) ? e.value : e, O = (e) => E(e) ? e.value : typeof e == \"function\" ? e() : e;\n//#endregion\nexport { _ as batch, g as computed, v as effect, E as isSignal, b as onCleanup, D as peekValue, w as readonly, h as signal, C as store, O as toValue, y as untrack, S as watch, T as writable };\n\n//# sourceMappingURL=stateit.js.map"],"mappings":"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"}