@vielzeug/craftit 2.0.1 → 3.0.1

package/dist/directives/styleMap.d.ts

@@ -0,0 +1,11 @@
+import { type ReadonlySignal } from '@vielzeug/stateit';
+type StyleInput = string | number | null | undefined | false | (() => string | number | null | undefined | false) | ReadonlySignal<string | number | null | undefined | false>;
+/**
+ * Builds a reactive inline style string from a style object.
+ *
+ * @example
+ * html`<div :style=${styleMap({ backgroundColor: color, width: () => `${size.value}px` })}></div>`
+ */
+export declare const styleMap: (record: Record<string, StyleInput>) => ReadonlySignal<string>;
+export {};
+//# sourceMappingURL=styleMap.d.ts.map

package/dist/directives/styleMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleMap.d.ts","sourceRoot":"","sources":["../../src/directives/styleMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE5E,KAAK,UAAU,GACX,MAAM,GACN,MAAM,GACN,IAAI,GACJ,SAAS,GACT,KAAK,GACL,CAAC,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC,GAClD,cAAc,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC,CAAC;AAY/D;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,KAAG,cAAc,CAAC,MAAM,CAclF,CAAC"}

package/dist/directives/styleMap.js

@@ -0,0 +1,2 @@
+import{computed as e,isSignal as t}from"@vielzeug/stateit";var n=e=>{let n=typeof e==`function`?e():t(e)?e.value:e;return n==null||n===!1?``:String(n)},r=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),i=t=>e(()=>{let e=[];for(let[i,a]of Object.entries(t)){let t=n(a);t&&e.push(`${r(i)}:${t}`)}return e.join(`;`)});export{i as styleMap};
+//# sourceMappingURL=styleMap.js.map

package/dist/directives/styleMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleMap.js","names":[],"sources":["../../src/directives/styleMap.ts"],"sourcesContent":["import { computed, isSignal, type ReadonlySignal } from '@vielzeug/stateit';\n\ntype StyleInput =\n  | string\n  | number\n  | null\n  | undefined\n  | false\n  | (() => string | number | null | undefined | false)\n  | ReadonlySignal<string | number | null | undefined | false>;\n\nconst toStyleValue = (value: StyleInput): string => {\n  const resolved = typeof value === 'function' ? value() : isSignal(value) ? value.value : value;\n\n  if (resolved == null || resolved === false) return '';\n\n  return String(resolved);\n};\n\nconst toKebabCase = (name: string): string => name.replace(/[A-Z]/g, (char) => `-${char.toLowerCase()}`);\n\n/**\n * Builds a reactive inline style string from a style object.\n *\n * @example\n * html`<div :style=${styleMap({ backgroundColor: color, width: () => `${size.value}px` })}></div>`\n */\nexport const styleMap = (record: Record<string, StyleInput>): ReadonlySignal<string> => {\n  return computed(() => {\n    const declarations: string[] = [];\n\n    for (const [name, input] of Object.entries(record)) {\n      const value = toStyleValue(input);\n\n      if (!value) continue;\n\n      declarations.push(`${toKebabCase(name)}:${value}`);\n    }\n\n    return declarations.join(';');\n  });\n};\n"],"mappings":"2DAWA,IAAM,EAAgB,GAA8B,CAClD,IAAM,EAAW,OAAO,GAAU,WAAa,EAAM,EAAI,EAAS,CAAK,EAAI,EAAM,MAAQ,EAIzF,OAFI,GAAY,MAAQ,IAAa,GAAc,GAE5C,OAAO,CAAQ,CACxB,EAEM,EAAe,GAAyB,EAAK,QAAQ,SAAW,GAAS,IAAI,EAAK,YAAY,GAAG,EAQ1F,EAAY,GAChB,MAAe,CACpB,IAAM,EAAyB,CAAC,EAEhC,IAAK,GAAM,CAAC,EAAM,KAAU,OAAO,QAAQ,CAAM,EAAG,CAClD,IAAM,EAAQ,EAAa,CAAK,EAE3B,GAEL,EAAa,KAAK,GAAG,EAAY,CAAI,EAAE,GAAG,GAAO,CACnD,CAEA,OAAO,EAAa,KAAK,GAAG,CAC9B,CAAC"}

package/dist/directives/when.cjs

@@ -1,2 +1,2 @@
-let e=require(`@vielzeug/stateit`);function t(t,n,r){if((0,e.isSignal)(t)||typeof t==`function`){let i=(0,e.isSignal)(t)?()=>t.value:t;return{render:()=>i()?n():r?.()??``}}return t?n():r?.()??``}exports.when=t;
+let e=require(`@vielzeug/stateit`);var t=t=>typeof t==`function`?t():(0,e.isSignal)(t)?t.value:t;function n(n,r,i){return(0,e.computed)(()=>t(n)?r():i?i():``)}exports.when=n;
 //# sourceMappingURL=when.cjs.map

package/dist/directives/when.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"when.cjs","names":[],"sources":["../../src/directives/when.ts"],"sourcesContent":["import { isSignal, type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\nimport type { Directive, HTMLResult } from '../core/internal';\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(isLoggedIn, () => html`<user-panel>`, () => html`<login-form>`)}`\n * html`${when(() => count.value > 0, () => html`<span>${count}</span>`)}`\n */\nexport function when<V extends string | HTMLResult>(\n  condition: Signal<unknown> | ReadonlySignal<unknown> | (() => unknown),\n  thenFn: () => V,\n  elseFn?: () => V,\n): Directive;\nexport function when<V extends string | HTMLResult>(condition: unknown, thenFn: () => V, elseFn?: () => V): V | string;\nexport function when<V extends string | HTMLResult>(\n  condition: unknown,\n  thenFn: () => V,\n  elseFn?: () => V,\n): V | string | Directive {\n  if (isSignal(condition) || typeof condition === 'function') {\n    const get = isSignal(condition) ? () => (condition as ReadonlySignal<unknown>).value : (condition as () => unknown);\n\n    return {\n      render: (): string | HTMLResult => (get() ? thenFn() : (elseFn?.() ?? '')),\n    };\n  }\n\n  return condition ? thenFn() : (elseFn?.() ?? '');\n}\n"],"mappings":"mCAsBA,SAAgB,EACd,EACA,EACA,EACwB,CACxB,IAAA,EAAA,EAAA,UAAa,EAAU,EAAI,OAAO,GAAc,WAAY,CAC1D,IAAM,GAAA,EAAA,EAAA,UAAe,EAAU,KAAU,EAAsC,MAAS,EAExF,MAAO,CACL,WAAoC,GAAK,CAAG,GAAQ,CAAI,KAAU,EAAI,GACvE,CAGH,OAAO,EAAY,GAAQ,CAAI,KAAU,EAAI"}
+{"version":3,"file":"when.cjs","names":[],"sources":["../../src/directives/when.ts"],"sourcesContent":["import { computed, isSignal, type ReadonlySignal } from '@vielzeug/stateit';\n\nimport type { HTMLResult } from '../internal';\n\ntype MaybeReactive<T> = T | (() => T) | ReadonlySignal<T>;\n\ntype WhenRenderable = string | HTMLResult;\n\nconst resolve = <T>(value: MaybeReactive<T>): T => {\n  if (typeof value === 'function') return (value as () => T)();\n\n  if (isSignal(value)) return value.value;\n\n  return value;\n};\n\n/**\n * Conditionally renders one of two branches.\n */\nexport function when(\n  condition: MaybeReactive<boolean>,\n  truthy: () => WhenRenderable,\n  falsy?: () => WhenRenderable,\n): ReadonlySignal<WhenRenderable> {\n  return computed(() => {\n    if (resolve(condition)) return truthy();\n\n    return falsy ? falsy() : '';\n  });\n} // Note: when returns HtmlResult (not DirectiveResult)\n"],"mappings":"mCAQA,IAAM,EAAc,GACd,OAAO,GAAU,WAAoB,EAAkB,GAE3D,EAAA,EAAA,UAAa,CAAK,EAAU,EAAM,MAE3B,EAMT,SAAgB,EACd,EACA,EACA,EACgC,CAChC,OAAA,EAAA,EAAA,cACM,EAAQ,CAAS,EAAU,EAAO,EAE/B,EAAQ,EAAM,EAAI,EAC1B,CACH"}

package/dist/directives/when.d.ts

@@ -1,17 +1,10 @@
-import { type ReadonlySignal, type Signal } from '@vielzeug/stateit';
-import type { Directive, HTMLResult } from '../core/internal';
+import { type ReadonlySignal } from '@vielzeug/stateit';
+import type { HTMLResult } from '../internal';
+type MaybeReactive<T> = T | (() => T) | ReadonlySignal<T>;
+type WhenRenderable = string | HTMLResult;
 /**
- * Conditionally renders one of two templates based on a condition.
- *
- * - **Signal or getter** — returns a reactive function the engine re-runs automatically.
- * - **Static value** — evaluated once at call time, returns the result directly.
- *
- * @example
- * import { when } from '@vielzeug/craftit/directives';
- *
- * html`${when(isLoggedIn, () => html`<user-panel>`, () => html`<login-form>`)}`
- * html`${when(() => count.value > 0, () => html`<span>${count}</span>`)}`
+ * Conditionally renders one of two branches.
  */
-export declare function when<V extends string | HTMLResult>(condition: Signal<unknown> | ReadonlySignal<unknown> | (() => unknown), thenFn: () => V, elseFn?: () => V): Directive;
-export declare function when<V extends string | HTMLResult>(condition: unknown, thenFn: () => V, elseFn?: () => V): V | string;
+export declare function when(condition: MaybeReactive<boolean>, truthy: () => WhenRenderable, falsy?: () => WhenRenderable): ReadonlySignal<WhenRenderable>;
+export {};
 //# sourceMappingURL=when.d.ts.map

package/dist/directives/when.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"when.d.ts","sourceRoot":"","sources":["../../src/directives/when.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE/E,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9D;;;;;;;;;;;GAWG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,GAAG,UAAU,EAChD,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,EACtE,MAAM,EAAE,MAAM,CAAC,EACf,MAAM,CAAC,EAAE,MAAM,CAAC,GACf,SAAS,CAAC;AACb,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,GAAG,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC"}
+{"version":3,"file":"when.d.ts","sourceRoot":"","sources":["../../src/directives/when.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE5E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;AAE1D,KAAK,cAAc,GAAG,MAAM,GAAG,UAAU,CAAC;AAU1C;;GAEG;AACH,wBAAgB,IAAI,CAClB,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,EACjC,MAAM,EAAE,MAAM,cAAc,EAC5B,KAAK,CAAC,EAAE,MAAM,cAAc,GAC3B,cAAc,CAAC,cAAc,CAAC,CAMhC"}

package/dist/directives/when.js

@@ -1,2 +1,2 @@
-import{isSignal as e}from"@vielzeug/stateit";function t(t,n,r){if(e(t)||typeof t==`function`){let i=e(t)?()=>t.value:t;return{render:()=>i()?n():r?.()??``}}return t?n():r?.()??``}export{t as when};
+import{computed as e,isSignal as t}from"@vielzeug/stateit";var n=e=>typeof e==`function`?e():t(e)?e.value:e;function r(t,r,i){return e(()=>n(t)?r():i?i():``)}export{r as when};
 //# sourceMappingURL=when.js.map

package/dist/directives/when.js.map

@@ -1 +1 @@
-{"version":3,"file":"when.js","names":[],"sources":["../../src/directives/when.ts"],"sourcesContent":["import { isSignal, type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\nimport type { Directive, HTMLResult } from '../core/internal';\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(isLoggedIn, () => html`<user-panel>`, () => html`<login-form>`)}`\n * html`${when(() => count.value > 0, () => html`<span>${count}</span>`)}`\n */\nexport function when<V extends string | HTMLResult>(\n  condition: Signal<unknown> | ReadonlySignal<unknown> | (() => unknown),\n  thenFn: () => V,\n  elseFn?: () => V,\n): Directive;\nexport function when<V extends string | HTMLResult>(condition: unknown, thenFn: () => V, elseFn?: () => V): V | string;\nexport function when<V extends string | HTMLResult>(\n  condition: unknown,\n  thenFn: () => V,\n  elseFn?: () => V,\n): V | string | Directive {\n  if (isSignal(condition) || typeof condition === 'function') {\n    const get = isSignal(condition) ? () => (condition as ReadonlySignal<unknown>).value : (condition as () => unknown);\n\n    return {\n      render: (): string | HTMLResult => (get() ? thenFn() : (elseFn?.() ?? '')),\n    };\n  }\n\n  return condition ? thenFn() : (elseFn?.() ?? '');\n}\n"],"mappings":"6CAsBA,SAAgB,EACd,EACA,EACA,EACwB,CACxB,GAAI,EAAS,EAAU,EAAI,OAAO,GAAc,WAAY,CAC1D,IAAM,EAAM,EAAS,EAAU,KAAU,EAAsC,MAAS,EAExF,MAAO,CACL,WAAoC,GAAK,CAAG,GAAQ,CAAI,KAAU,EAAI,GACvE,CAGH,OAAO,EAAY,GAAQ,CAAI,KAAU,EAAI"}
+{"version":3,"file":"when.js","names":[],"sources":["../../src/directives/when.ts"],"sourcesContent":["import { computed, isSignal, type ReadonlySignal } from '@vielzeug/stateit';\n\nimport type { HTMLResult } from '../internal';\n\ntype MaybeReactive<T> = T | (() => T) | ReadonlySignal<T>;\n\ntype WhenRenderable = string | HTMLResult;\n\nconst resolve = <T>(value: MaybeReactive<T>): T => {\n  if (typeof value === 'function') return (value as () => T)();\n\n  if (isSignal(value)) return value.value;\n\n  return value;\n};\n\n/**\n * Conditionally renders one of two branches.\n */\nexport function when(\n  condition: MaybeReactive<boolean>,\n  truthy: () => WhenRenderable,\n  falsy?: () => WhenRenderable,\n): ReadonlySignal<WhenRenderable> {\n  return computed(() => {\n    if (resolve(condition)) return truthy();\n\n    return falsy ? falsy() : '';\n  });\n} // Note: when returns HtmlResult (not DirectiveResult)\n"],"mappings":"2DAQA,IAAM,EAAc,GACd,OAAO,GAAU,WAAoB,EAAkB,EAEvD,EAAS,CAAK,EAAU,EAAM,MAE3B,EAMT,SAAgB,EACd,EACA,EACA,EACgC,CAChC,OAAO,MACD,EAAQ,CAAS,EAAU,EAAO,EAE/B,EAAQ,EAAM,EAAI,EAC1B,CACH"}

package/dist/errors.cjs

@@ -0,0 +1,2 @@
+var e={cleanupFailed:`One or more cleanup callbacks failed during dispose`,defineDuplicate:e=>`define('${e}') was called more than once`,defineFieldRequiresFormAssociated:e=>`defineField() requires define('${e}', { formAssociated: true })`,defineRequiresTag:`define() requires a non-empty tag name`,eachDuplicateKey:(e,t)=>`each() received duplicate key "${e}" at index ${t}`,injectStrictFailed:(e,t)=>`injectStrict() could not resolve key "${e}" in <${t}>`,lifecycleOutsideSetup:`Lifecycle hooks must be called synchronously during component setup`,styleReplaceFailed:`Style sheet replace failed`,unhandledComponentError:e=>`<${e}> threw an unhandled error during setup`};exports.CRAFTIT_ERRORS=e;
+//# sourceMappingURL=errors.cjs.map

package/dist/errors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.cjs","names":[],"sources":["../src/errors.ts"],"sourcesContent":["export const CRAFTIT_ERRORS = {\n  cleanupFailed: 'One or more cleanup callbacks failed during dispose',\n  defineDuplicate: (tag: string): string => `define('${tag}') was called more than once`,\n  defineFieldRequiresFormAssociated: (tag: string): string =>\n    `defineField() requires define('${tag}', { formAssociated: true })`,\n  defineRequiresTag: 'define() requires a non-empty tag name',\n  eachDuplicateKey: (key: string, index: number): string => `each() received duplicate key \"${key}\" at index ${index}`,\n  injectStrictFailed: (key: string, tag: string): string => `injectStrict() could not resolve key \"${key}\" in <${tag}>`,\n  lifecycleOutsideSetup: 'Lifecycle hooks must be called synchronously during component setup',\n  styleReplaceFailed: 'Style sheet replace failed',\n  unhandledComponentError: (tag: string): string => `<${tag}> threw an unhandled error during setup`,\n} as const;\n"],"mappings":"AAAA,IAAa,EAAiB,CAC5B,cAAe,sDACf,gBAAkB,GAAwB,WAAW,EAAI,8BACzD,kCAAoC,GAClC,kCAAkC,EAAI,8BACxC,kBAAmB,yCACnB,kBAAmB,EAAa,IAA0B,kCAAkC,EAAI,aAAa,IAC7G,oBAAqB,EAAa,IAAwB,yCAAyC,EAAI,QAAQ,EAAI,GACnH,sBAAuB,sEACvB,mBAAoB,6BACpB,wBAA0B,GAAwB,IAAI,EAAI,wCAC5D"}

package/dist/errors.d.ts

@@ -0,0 +1,12 @@
+export declare const CRAFTIT_ERRORS: {
+    readonly cleanupFailed: "One or more cleanup callbacks failed during dispose";
+    readonly defineDuplicate: (tag: string) => string;
+    readonly defineFieldRequiresFormAssociated: (tag: string) => string;
+    readonly defineRequiresTag: "define() requires a non-empty tag name";
+    readonly eachDuplicateKey: (key: string, index: number) => string;
+    readonly injectStrictFailed: (key: string, tag: string) => string;
+    readonly lifecycleOutsideSetup: "Lifecycle hooks must be called synchronously during component setup";
+    readonly styleReplaceFailed: "Style sheet replace failed";
+    readonly unhandledComponentError: (tag: string) => string;
+};
+//# sourceMappingURL=errors.d.ts.map

package/dist/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../src/errors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;oCAEF,MAAM,KAAG,MAAM;sDACG,MAAM,KAAG,MAAM;;qCAGhC,MAAM,SAAS,MAAM,KAAG,MAAM;uCAC5B,MAAM,OAAO,MAAM,KAAG,MAAM;;;4CAGvB,MAAM,KAAG,MAAM;CACtC,CAAC"}

package/dist/errors.js

@@ -0,0 +1,2 @@
+var e={cleanupFailed:`One or more cleanup callbacks failed during dispose`,defineDuplicate:e=>`define('${e}') was called more than once`,defineFieldRequiresFormAssociated:e=>`defineField() requires define('${e}', { formAssociated: true })`,defineRequiresTag:`define() requires a non-empty tag name`,eachDuplicateKey:(e,t)=>`each() received duplicate key "${e}" at index ${t}`,injectStrictFailed:(e,t)=>`injectStrict() could not resolve key "${e}" in <${t}>`,lifecycleOutsideSetup:`Lifecycle hooks must be called synchronously during component setup`,styleReplaceFailed:`Style sheet replace failed`,unhandledComponentError:e=>`<${e}> threw an unhandled error during setup`};export{e as CRAFTIT_ERRORS};
+//# sourceMappingURL=errors.js.map

package/dist/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","names":[],"sources":["../src/errors.ts"],"sourcesContent":["export const CRAFTIT_ERRORS = {\n  cleanupFailed: 'One or more cleanup callbacks failed during dispose',\n  defineDuplicate: (tag: string): string => `define('${tag}') was called more than once`,\n  defineFieldRequiresFormAssociated: (tag: string): string =>\n    `defineField() requires define('${tag}', { formAssociated: true })`,\n  defineRequiresTag: 'define() requires a non-empty tag name',\n  eachDuplicateKey: (key: string, index: number): string => `each() received duplicate key \"${key}\" at index ${index}`,\n  injectStrictFailed: (key: string, tag: string): string => `injectStrict() could not resolve key \"${key}\" in <${tag}>`,\n  lifecycleOutsideSetup: 'Lifecycle hooks must be called synchronously during component setup',\n  styleReplaceFailed: 'Style sheet replace failed',\n  unhandledComponentError: (tag: string): string => `<${tag}> threw an unhandled error during setup`,\n} as const;\n"],"mappings":"AAAA,IAAa,EAAiB,CAC5B,cAAe,sDACf,gBAAkB,GAAwB,WAAW,EAAI,8BACzD,kCAAoC,GAClC,kCAAkC,EAAI,8BACxC,kBAAmB,yCACnB,kBAAmB,EAAa,IAA0B,kCAAkC,EAAI,aAAa,IAC7G,oBAAqB,EAAa,IAAwB,yCAAyC,EAAI,QAAQ,EAAI,GACnH,sBAAuB,sEACvB,mBAAoB,6BACpB,wBAA0B,GAAwB,IAAI,EAAI,wCAC5D"}

package/dist/form.cjs

@@ -0,0 +1,2 @@
+const e=require(`./errors.cjs`),t=require(`./runtime.cjs`);require(`@vielzeug/stateit`);var n=new WeakMap,r=r=>{let i=t.currentElementOrThrow();if(!i.constructor.formAssociated)throw Error(e.CRAFTIT_ERRORS.defineFieldRequiresFormAssociated(i.localName));let a=n.get(i)??i.attachInternals();n.set(i,a);let o=r.toFormValue??(e=>e==null?null:e instanceof File||e instanceof FormData?e:String(e));t.effect(()=>{a.setFormValue(o(r.value.value))});let s=r.disabled;if(s){let e=a.states;t.effect(()=>{s.value?e.add(`disabled`):e.delete(`disabled`)})}return{checkValidity:()=>a.checkValidity(),internals:a,reportValidity:()=>a.reportValidity(),setCustomValidity:e=>e?a.setValidity({customError:!0},e):a.setValidity({}),setValidity:a.setValidity.bind(a)}};exports.defineField=r;
+//# sourceMappingURL=form.cjs.map

package/dist/form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.cjs","names":[],"sources":["../src/form.ts"],"sourcesContent":["import { type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\nimport { CRAFTIT_ERRORS } from './errors';\nimport { currentElementOrThrow, effect } from './runtime';\n\n/** @internal */\nconst internalsRegistry = new WeakMap<HTMLElement, ElementInternals>();\n\nexport type FormFieldOptions<T = unknown> = {\n  disabled?: ReadonlySignal<boolean>;\n  toFormValue?: (value: T) => File | FormData | string | null;\n  value: Signal<T> | ReadonlySignal<T>;\n};\n\nexport type FormFieldHandle = {\n  checkValidity: () => boolean;\n  readonly internals: ElementInternals;\n  reportValidity: () => boolean;\n  setCustomValidity: (message: string) => void;\n  setValidity: ElementInternals['setValidity'];\n};\n\nexport const defineField = <T = unknown>(options: FormFieldOptions<T>): FormFieldHandle => {\n  const host = currentElementOrThrow();\n  const ctor = host.constructor as typeof HTMLElement & { formAssociated?: boolean };\n\n  if (!ctor.formAssociated) {\n    throw new Error(CRAFTIT_ERRORS.defineFieldRequiresFormAssociated(host.localName));\n  }\n\n  const internals = internalsRegistry.get(host) ?? host.attachInternals();\n\n  internalsRegistry.set(host, internals);\n\n  const toFormValue =\n    options.toFormValue ??\n    ((v: T): File | FormData | string | null => {\n      if (v == null) return null;\n\n      if (v instanceof File || v instanceof FormData) return v;\n\n      return String(v);\n    });\n\n  effect(() => {\n    internals.setFormValue(toFormValue(options.value.value));\n  });\n\n  const disabled = options.disabled;\n\n  if (disabled) {\n    const states = internals.states as CustomStateSet;\n\n    effect(() => {\n      if (disabled.value) states.add('disabled');\n      else states.delete('disabled');\n    });\n  }\n\n  const checkValidity = () => internals.checkValidity();\n  const reportValidity = () => internals.reportValidity();\n  const setCustomValidity = (message: string) =>\n    message ? internals.setValidity({ customError: true }, message) : internals.setValidity({});\n\n  return {\n    checkValidity,\n    internals,\n    reportValidity,\n    setCustomValidity,\n    setValidity: internals.setValidity.bind(internals),\n  };\n};\n"],"mappings":"wFAMA,IAAM,EAAoB,IAAI,QAgBjB,EAA4B,GAAkD,CACzF,IAAM,EAAO,EAAA,sBAAsB,EAGnC,GAAI,CAFS,EAAK,YAER,eACR,MAAU,MAAM,EAAA,eAAe,kCAAkC,EAAK,SAAS,CAAC,EAGlF,IAAM,EAAY,EAAkB,IAAI,CAAI,GAAK,EAAK,gBAAgB,EAEtE,EAAkB,IAAI,EAAM,CAAS,EAErC,IAAM,EACJ,EAAQ,cACN,GACI,GAAK,KAAa,KAElB,aAAa,MAAQ,aAAa,SAAiB,EAEhD,OAAO,CAAC,GAGnB,EAAA,WAAa,CACX,EAAU,aAAa,EAAY,EAAQ,MAAM,KAAK,CAAC,CACzD,CAAC,EAED,IAAM,EAAW,EAAQ,SAEzB,GAAI,EAAU,CACZ,IAAM,EAAS,EAAU,OAEzB,EAAA,WAAa,CACP,EAAS,MAAO,EAAO,IAAI,UAAU,EACpC,EAAO,OAAO,UAAU,CAC/B,CAAC,CACH,CAOA,MAAO,CACL,kBAN0B,EAAU,cAAc,EAOlD,YACA,mBAP2B,EAAU,eAAe,EAQpD,kBAPyB,GACzB,EAAU,EAAU,YAAY,CAAE,YAAa,EAAK,EAAG,CAAO,EAAI,EAAU,YAAY,CAAC,CAAC,EAO1F,YAAa,EAAU,YAAY,KAAK,CAAS,CACnD,CACF"}

package/dist/form.d.ts

@@ -0,0 +1,15 @@
+import { type ReadonlySignal, type Signal } from '@vielzeug/stateit';
+export type FormFieldOptions<T = unknown> = {
+    disabled?: ReadonlySignal<boolean>;
+    toFormValue?: (value: T) => File | FormData | string | null;
+    value: Signal<T> | ReadonlySignal<T>;
+};
+export type FormFieldHandle = {
+    checkValidity: () => boolean;
+    readonly internals: ElementInternals;
+    reportValidity: () => boolean;
+    setCustomValidity: (message: string) => void;
+    setValidity: ElementInternals['setValidity'];
+};
+export declare const defineField: <T = unknown>(options: FormFieldOptions<T>) => FormFieldHandle;
+//# sourceMappingURL=form.d.ts.map

package/dist/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAQrE,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC1C,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;IAC5D,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC;IACrC,cAAc,EAAE,MAAM,OAAO,CAAC;IAC9B,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,CAAC,GAAG,OAAO,EAAE,SAAS,gBAAgB,CAAC,CAAC,CAAC,KAAG,eAiDvE,CAAC"}

package/dist/form.js

@@ -0,0 +1,2 @@
+import{CRAFTIT_ERRORS as e}from"./errors.js";import{currentElementOrThrow as t,effect as n}from"./runtime.js";import"@vielzeug/stateit";var r=new WeakMap,i=i=>{let a=t();if(!a.constructor.formAssociated)throw Error(e.defineFieldRequiresFormAssociated(a.localName));let o=r.get(a)??a.attachInternals();r.set(a,o);let s=i.toFormValue??(e=>e==null?null:e instanceof File||e instanceof FormData?e:String(e));n(()=>{o.setFormValue(s(i.value.value))});let c=i.disabled;if(c){let e=o.states;n(()=>{c.value?e.add(`disabled`):e.delete(`disabled`)})}return{checkValidity:()=>o.checkValidity(),internals:o,reportValidity:()=>o.reportValidity(),setCustomValidity:e=>e?o.setValidity({customError:!0},e):o.setValidity({}),setValidity:o.setValidity.bind(o)}};export{i as defineField};
+//# sourceMappingURL=form.js.map

package/dist/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":[],"sources":["../src/form.ts"],"sourcesContent":["import { type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\nimport { CRAFTIT_ERRORS } from './errors';\nimport { currentElementOrThrow, effect } from './runtime';\n\n/** @internal */\nconst internalsRegistry = new WeakMap<HTMLElement, ElementInternals>();\n\nexport type FormFieldOptions<T = unknown> = {\n  disabled?: ReadonlySignal<boolean>;\n  toFormValue?: (value: T) => File | FormData | string | null;\n  value: Signal<T> | ReadonlySignal<T>;\n};\n\nexport type FormFieldHandle = {\n  checkValidity: () => boolean;\n  readonly internals: ElementInternals;\n  reportValidity: () => boolean;\n  setCustomValidity: (message: string) => void;\n  setValidity: ElementInternals['setValidity'];\n};\n\nexport const defineField = <T = unknown>(options: FormFieldOptions<T>): FormFieldHandle => {\n  const host = currentElementOrThrow();\n  const ctor = host.constructor as typeof HTMLElement & { formAssociated?: boolean };\n\n  if (!ctor.formAssociated) {\n    throw new Error(CRAFTIT_ERRORS.defineFieldRequiresFormAssociated(host.localName));\n  }\n\n  const internals = internalsRegistry.get(host) ?? host.attachInternals();\n\n  internalsRegistry.set(host, internals);\n\n  const toFormValue =\n    options.toFormValue ??\n    ((v: T): File | FormData | string | null => {\n      if (v == null) return null;\n\n      if (v instanceof File || v instanceof FormData) return v;\n\n      return String(v);\n    });\n\n  effect(() => {\n    internals.setFormValue(toFormValue(options.value.value));\n  });\n\n  const disabled = options.disabled;\n\n  if (disabled) {\n    const states = internals.states as CustomStateSet;\n\n    effect(() => {\n      if (disabled.value) states.add('disabled');\n      else states.delete('disabled');\n    });\n  }\n\n  const checkValidity = () => internals.checkValidity();\n  const reportValidity = () => internals.reportValidity();\n  const setCustomValidity = (message: string) =>\n    message ? internals.setValidity({ customError: true }, message) : internals.setValidity({});\n\n  return {\n    checkValidity,\n    internals,\n    reportValidity,\n    setCustomValidity,\n    setValidity: internals.setValidity.bind(internals),\n  };\n};\n"],"mappings":"wIAMA,IAAM,EAAoB,IAAI,QAgBjB,EAA4B,GAAkD,CACzF,IAAM,EAAO,EAAsB,EAGnC,GAAI,CAFS,EAAK,YAER,eACR,MAAU,MAAM,EAAe,kCAAkC,EAAK,SAAS,CAAC,EAGlF,IAAM,EAAY,EAAkB,IAAI,CAAI,GAAK,EAAK,gBAAgB,EAEtE,EAAkB,IAAI,EAAM,CAAS,EAErC,IAAM,EACJ,EAAQ,cACN,GACI,GAAK,KAAa,KAElB,aAAa,MAAQ,aAAa,SAAiB,EAEhD,OAAO,CAAC,GAGnB,MAAa,CACX,EAAU,aAAa,EAAY,EAAQ,MAAM,KAAK,CAAC,CACzD,CAAC,EAED,IAAM,EAAW,EAAQ,SAEzB,GAAI,EAAU,CACZ,IAAM,EAAS,EAAU,OAEzB,MAAa,CACP,EAAS,MAAO,EAAO,IAAI,UAAU,EACpC,EAAO,OAAO,UAAU,CAC/B,CAAC,CACH,CAOA,MAAO,CACL,kBAN0B,EAAU,cAAc,EAOlD,YACA,mBAP2B,EAAU,eAAe,EAQpD,kBAPyB,GACzB,EAAU,EAAU,YAAY,CAAE,YAAa,EAAK,EAAG,CAAO,EAAI,EAAU,YAAY,CAAC,CAAC,EAO1F,YAAa,EAAU,YAAY,KAAK,CAAS,CACnD,CACF"}

package/dist/host.cjs

@@ -0,0 +1,2 @@
+const e=require(`./errors.cjs`),t=require(`./runtime.cjs`),n=require(`./internal.cjs`);let r=require(`@vielzeug/stateit`);var i=new WeakMap,a=(e,n)=>{let r=t.currentElementOrThrow();i.has(r)||i.set(r,new Map),i.get(r).set(e,n)};function o(e,...n){let r=t.currentElementOrThrow();for(;r;){if(r instanceof HTMLElement){let t=i.get(r)?.get(e);if(t!==void 0)return t}let t=r.getRootNode();r=r.parentElement??(t instanceof ShadowRoot?t.host:null)}return n.length>0?n[0]:void 0}var s=n=>{let r=o(n);if(r!==void 0)return r;let i=t.currentElementOrThrow();throw Error(e.CRAFTIT_ERRORS.injectStrictFailed(String(n),i.localName))};function c(e){return Symbol(e)}var l=e=>e===`role`||e.startsWith(`aria-`)?e:e.startsWith(`aria`)?`aria-${e.slice(4).toLowerCase()}`:`aria-${e}`,u=e=>e===`role`||e.startsWith(`aria-`)?e:e.startsWith(`aria`)?`aria-${e.slice(4).toLowerCase()}`:e,d=(e,t,n)=>{if(n==null||n===!1){e.removeAttribute(t);return}e.setAttribute(t,n===!0?`true`:String(n))},f=(e,n,i={})=>{let{autoCleanup:a=!0}=i,o=[];for(let[t,i]of Object.entries(n)){let n=l(t);if(typeof i==`function`){let t=i;o.push((0,r.effect)(()=>{d(e,n,t())}));continue}d(e,n,i)}let s=()=>{for(;o.length>0;)o.pop()?.()};return a&&t.tryRegisterCleanup(s),s},p=`default`,m=e=>e||p,h=()=>{let e=t.currentElementOrThrow(),n=new Map,i=new Map,a=new Map,o=e=>{let t=n.get(e);return t||(t={elements:(0,r.signal)([]),presence:(0,r.signal)(!1)},n.set(e,t)),t},s=(e,t)=>{if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0},c=e=>{let t=m(e),n=i.get(t),r=[];if(n)for(let e of n)r.push(...e.assignedElements({flatten:!0}));let a=o(t);s(a.elements.value,r)||(a.elements.value=r);let c=r.length>0;a.presence.value!==c&&(a.presence.value=c)},l=e=>{if(a.has(e))return;let t=m(e.getAttribute(`name`)),n=i.get(t)??new Set;n.add(e),i.set(t,n);let r=()=>c(t);e.addEventListener(`slotchange`,r),a.set(e,()=>{e.removeEventListener(`slotchange`,r)}),c(t)},u=()=>{e.shadowRoot?.querySelectorAll(`slot`).forEach(e=>l(e))},d=()=>{for(let e of i.keys())c(e)};return u(),t.onMounted(()=>{u(),d()}),t.onCleanup(()=>{for(let e of a.values())e();a.clear(),i.clear()}),{elements:e=>o(m(e)).elements,has:e=>o(m(e)).presence}},g=()=>{let e=t.currentElementOrThrow();return{bind:(r,i)=>{let a=[];if(r.attr)for(let[t,n]of Object.entries(r.attr)){let r=v(e,u(t),n);r&&a.push(r)}if(r.class&&a.push(b(e,r.class)),r.prop)for(let[t,n]of Object.entries(r.prop)){let{get:r,set:i}=n;Object.defineProperty(e,t,{configurable:!0,enumerable:!0,get:r,...i?{set:i}:{}}),a.push(()=>{let n=Object.getOwnPropertyDescriptor(e,t);!n||n.get!==r||n.set!==i||delete e[t]})}if(r.on)for(let t of Object.keys(r.on)){let o=r.on[t];o&&a.push(n.listen(e,t,o,i))}if(r.style)for(let[t,n]of Object.entries(r.style)){let r=y(e,t,n);r&&a.push(r)}let o=()=>{for(;a.length>0;)a.pop()?.()};return t.onCleanup(o),o},el:e}},_=(e,n)=>{if(typeof e==`function`)return t.effect(()=>n(e()));if((0,r.isSignal)(e))return t.effect(()=>n(e.value));n(e)};function v(e,t,r){return _(r,r=>n.setAttr(e,t,r))}function y(e,t,r){let i=t.startsWith(`--`)?t:n.toKebab(t),a=!1;return _(r,t=>{t!=null&&t!==``?(a=!0,e.style.setProperty(i,String(t))):a&&e.style.removeProperty(i)})}function b(e,n){let i=typeof n==`function`?n:()=>{let e={};for(let[t,i]of Object.entries(n))e[t]=typeof i==`function`?i():(0,r.isSignal)(i)?i.value:!!i;return e},a=new Set;return t.effect(()=>{let t=new Set;for(let[n,r]of Object.entries(i()))r&&(t.add(n),a.has(n)||e.classList.add(n));for(let n of a)t.has(n)||e.classList.remove(n);a=t})}exports.createContext=c,exports.createHost=g,exports.createSlots=h,exports.inject=o,exports.injectStrict=s,exports.provide=a,exports.syncAria=f;
+//# sourceMappingURL=host.cjs.map

package/dist/host.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"host.cjs","names":[],"sources":["../src/host.ts"],"sourcesContent":["/**\n * Host utilities — component context injection, slot observation, and attribute/class reflection.\n *\n * - Context API (provide, inject, createContext)\n * - Slot observation and detection (setup slots)\n * - Host element binding (reflect) for attributes, classes, and host listeners\n */\n\nimport { effect as rawEffect, type ReadonlySignal, type Signal, isSignal, signal } from '@vielzeug/stateit';\n\nimport { CRAFTIT_ERRORS } from './errors';\nimport { listen, setAttr, toKebab } from './internal';\nimport { currentElementOrThrow, effect, onCleanup, onMounted, tryRegisterCleanup } from './runtime';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// CONTEXT API\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst contextRegistry = new WeakMap<HTMLElement, Map<InjectionKey<unknown>, unknown>>();\n\nexport type InjectionKey<T> = symbol & {\n  readonly __craftit_injection_key?: T;\n};\n\nexport const provide = <T>(key: InjectionKey<T>, value: T): void => {\n  const el = currentElementOrThrow();\n\n  if (!contextRegistry.has(el)) contextRegistry.set(el, new Map());\n\n  contextRegistry.get(el)!.set(key, value);\n};\n\nexport function inject<T>(key: InjectionKey<T>): T | undefined;\nexport function inject<T>(key: InjectionKey<T>, fallback: T): T;\nexport function inject<T>(key: InjectionKey<T>, ...rest: [T?]): T | undefined {\n  let node: Node | null = currentElementOrThrow();\n\n  while (node) {\n    if (node instanceof HTMLElement) {\n      const v = contextRegistry.get(node)?.get(key);\n\n      if (v !== undefined) return v as T;\n    }\n\n    const root = node.getRootNode() as Node;\n\n    node = (node as HTMLElement).parentElement ?? (root instanceof ShadowRoot ? root.host : null);\n  }\n\n  return rest.length > 0 ? rest[0] : undefined;\n}\n\nexport const injectStrict = <T>(key: InjectionKey<T>): T => {\n  const resolved = inject<T>(key);\n\n  if (resolved !== undefined) return resolved;\n\n  const host = currentElementOrThrow();\n\n  throw new Error(CRAFTIT_ERRORS.injectStrictFailed(String(key), host.localName));\n};\n\nexport function createContext<T>(description?: string): InjectionKey<T> {\n  return Symbol(description) as InjectionKey<T>;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// ARIA SYNC\n// ─────────────────────────────────────────────────────────────────────────────\n\ntype AriaValue = string | number | boolean | null | undefined | (() => string | number | boolean | null | undefined);\n\ntype AriaConfig = Record<string, AriaValue>;\n\ntype SyncAriaOptions = {\n  autoCleanup?: boolean;\n};\n\nconst toAriaAttr = (key: string): string => {\n  if (key === 'role' || key.startsWith('aria-')) return key;\n\n  return key.startsWith('aria') ? `aria-${key.slice(4).toLowerCase()}` : `aria-${key}`;\n};\n\nconst toHostAttr = (key: string): string => {\n  if (key === 'role' || key.startsWith('aria-')) return key;\n\n  return key.startsWith('aria') ? `aria-${key.slice(4).toLowerCase()}` : key;\n};\n\nconst setA11yAttr = (target: Element, key: string, value: string | number | boolean | null | undefined): void => {\n  if (value == null || value === false) {\n    target.removeAttribute(key);\n\n    return;\n  }\n\n  target.setAttribute(key, value === true ? 'true' : String(value));\n};\n\n/**\n * Reactively syncs ARIA attributes to a target element.\n * Static values are set immediately; getter functions are tracked as effects.\n * Returns a cleanup function that removes all reactive bindings.\n *\n * @example\n * syncAria(element, {\n *   role: 'button',\n *   expanded: () => isOpen.value,\n *   disabled: () => isDisabled.value,\n * });\n */\nexport const syncAria = (target: Element, config: AriaConfig, options: SyncAriaOptions = {}): (() => void) => {\n  const { autoCleanup = true } = options;\n  const disposers: Array<() => void> = [];\n\n  for (const [rawKey, rawValue] of Object.entries(config)) {\n    const key = toAriaAttr(rawKey);\n\n    if (typeof rawValue === 'function') {\n      const getter = rawValue as () => string | number | boolean | null | undefined;\n\n      disposers.push(\n        rawEffect(() => {\n          setA11yAttr(target, key, getter());\n        }),\n      );\n\n      continue;\n    }\n\n    setA11yAttr(target, key, rawValue as string | number | boolean | null | undefined);\n  }\n\n  const cleanup = () => {\n    while (disposers.length > 0) disposers.pop()?.();\n  };\n\n  if (autoCleanup) tryRegisterCleanup(cleanup);\n\n  return cleanup;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// SLOTS API\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst SLOT_DEFAULT = 'default';\nconst normalizeSlotName = (slotName: string | null | undefined): string => slotName || SLOT_DEFAULT;\n\nexport type ComponentSlots = {\n  elements: (name?: string) => ReadonlySignal<Element[]>;\n  has: (name?: string) => ReadonlySignal<boolean>;\n};\n\n/**\n * Creates first-class slot signals for setup context.\n *\n * - `slots.has(name?)`: whether a slot has assigned elements\n * - `slots.elements(name?)`: assigned elements for a slot (flattened)\n */\nexport const createSlots = (): ComponentSlots => {\n  const host = currentElementOrThrow();\n\n  type SlotEntry = {\n    elements: Signal<Element[]>;\n    presence: Signal<boolean>;\n  };\n\n  const slotSignals = new Map<string, SlotEntry>();\n  const slotNodesByName = new Map<string, Set<HTMLSlotElement>>();\n  const slotCleanupMap = new Map<HTMLSlotElement, () => void>();\n\n  const ensureSlotEntry = (normalizedName: string): SlotEntry => {\n    let entry = slotSignals.get(normalizedName);\n\n    if (!entry) {\n      entry = {\n        elements: signal<Element[]>([]),\n        presence: signal(false),\n      };\n      slotSignals.set(normalizedName, entry);\n    }\n\n    return entry;\n  };\n\n  const areElementsEqual = (prev: Element[], next: Element[]): boolean => {\n    if (prev.length !== next.length) return false;\n\n    for (let i = 0; i < prev.length; i++) {\n      if (prev[i] !== next[i]) return false;\n    }\n\n    return true;\n  };\n\n  const recomputeSlot = (name: string): void => {\n    const normalized = normalizeSlotName(name);\n    const slotsForName = slotNodesByName.get(normalized);\n    const assigned: Element[] = [];\n\n    if (slotsForName) {\n      for (const slotEl of slotsForName) {\n        assigned.push(...slotEl.assignedElements({ flatten: true }));\n      }\n    }\n\n    const entry = ensureSlotEntry(normalized);\n\n    if (!areElementsEqual(entry.elements.value, assigned)) entry.elements.value = assigned;\n\n    const hasElements = assigned.length > 0;\n\n    if (entry.presence.value !== hasElements) entry.presence.value = hasElements;\n  };\n\n  const bindSlot = (slotEl: HTMLSlotElement): void => {\n    if (slotCleanupMap.has(slotEl)) return;\n\n    const name = normalizeSlotName(slotEl.getAttribute('name'));\n    const setForName = slotNodesByName.get(name) ?? new Set<HTMLSlotElement>();\n\n    setForName.add(slotEl);\n    slotNodesByName.set(name, setForName);\n\n    const onChange = () => recomputeSlot(name);\n\n    slotEl.addEventListener('slotchange', onChange);\n\n    slotCleanupMap.set(slotEl, () => {\n      slotEl.removeEventListener('slotchange', onChange);\n    });\n\n    recomputeSlot(name);\n  };\n\n  const bindAllSlots = (): void => {\n    host.shadowRoot?.querySelectorAll('slot').forEach((slotEl) => bindSlot(slotEl));\n  };\n\n  const recomputeAllSlots = (): void => {\n    for (const name of slotNodesByName.keys()) {\n      recomputeSlot(name);\n    }\n  };\n\n  // setup() runs before the template is rendered, so bind once now (if any slots\n  // already exist) and schedule another pass after first render.\n  bindAllSlots();\n  onMounted(() => {\n    bindAllSlots();\n    recomputeAllSlots();\n  });\n\n  onCleanup(() => {\n    for (const cleanup of slotCleanupMap.values()) cleanup();\n\n    slotCleanupMap.clear();\n    slotNodesByName.clear();\n  });\n\n  return {\n    elements: (name?: string) => ensureSlotEntry(normalizeSlotName(name)).elements,\n    has: (name?: string) => ensureSlotEntry(normalizeSlotName(name)).presence,\n  };\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// REFLECT API (HOST ATTRIBUTE/EVENT/CLASS BINDING)\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Describes a reactive or static host binding value.\n */\nexport type HostBindingValue =\n  | (() => string | number | boolean | null | undefined)\n  | ReadonlySignal<string | number | boolean | null | undefined>\n  | string\n  | number\n  | boolean\n  | null\n  | undefined;\n\n/**\n * Configuration for host attribute bindings.\n */\nexport type ReflectConfig = Record<string, HostBindingValue>;\n\n/**\n * Describes a reactive property accessor binding on the host element.\n * The getter is called lazily; the optional setter is used when external code\n * assigns `element.propName = value`.\n */\nexport type HostPropDescriptor<T = unknown> = {\n  get: () => T;\n  set?: (value: T) => void;\n};\n\ntype HostClassBindingValue = ReadonlySignal<boolean> | (() => boolean) | boolean;\ntype HostEventListener = (event: any) => void;\n\nexport type HostBindConfig = {\n  attr?: ReflectConfig;\n  class?: (() => Record<string, boolean>) | Record<string, HostClassBindingValue>;\n  on?: Record<string, HostEventListener | undefined>;\n  prop?: Record<string, HostPropDescriptor>;\n  style?: Record<string, HostBindingValue>;\n};\n\nexport type ComponentHost = {\n  bind: (config: HostBindConfig, options?: AddEventListenerOptions) => () => void;\n  el: HTMLElement;\n};\n\nexport const createHost = (): ComponentHost => {\n  const el = currentElementOrThrow();\n\n  const bind = (config: HostBindConfig, options?: AddEventListenerOptions): (() => void) => {\n    const disposers: Array<() => void> = [];\n\n    if (config.attr) {\n      for (const [key, value] of Object.entries(config.attr)) {\n        const name = toHostAttr(key);\n        const dispose = applyAttribute(el, name, value);\n\n        if (dispose) disposers.push(dispose);\n      }\n    }\n\n    if (config.class) {\n      disposers.push(applyClassMap(el, config.class));\n    }\n\n    if (config.prop) {\n      for (const [key, descriptor] of Object.entries(config.prop)) {\n        const { get, set } = descriptor;\n\n        Object.defineProperty(el, key, {\n          configurable: true,\n          enumerable: true,\n          get,\n          ...(set ? { set } : {}),\n        });\n\n        disposers.push(() => {\n          const descriptor = Object.getOwnPropertyDescriptor(el, key);\n\n          if (!descriptor || descriptor.get !== get || descriptor.set !== set) return;\n\n          delete (el as unknown as Record<string, unknown>)[key];\n        });\n      }\n    }\n\n    if (config.on) {\n      for (const event of Object.keys(config.on) as Array<keyof typeof config.on>) {\n        const listener = config.on[event];\n\n        if (!listener) continue;\n\n        disposers.push(listen(el, event as string, listener as EventListener, options));\n      }\n    }\n\n    if (config.style) {\n      for (const [key, value] of Object.entries(config.style)) {\n        const dispose = applyStyle(el, key, value);\n\n        if (dispose) disposers.push(dispose);\n      }\n    }\n\n    const cleanup = () => {\n      while (disposers.length > 0) disposers.pop()?.();\n    };\n\n    onCleanup(cleanup);\n\n    return cleanup;\n  };\n\n  return {\n    bind,\n    el,\n  };\n};\n\nconst applyReactiveBinding = (\n  value: HostBindingValue,\n  updater: (next: string | number | boolean | null | undefined) => void,\n): (() => void) | void => {\n  if (typeof value === 'function') {\n    return effect(() => updater(value()));\n  }\n\n  if (isSignal(value)) {\n    return effect(() => updater(value.value));\n  }\n\n  updater(value);\n};\n\nfunction applyAttribute(host: HTMLElement, name: string, value: HostBindingValue): (() => void) | void {\n  return applyReactiveBinding(value, (next) => setAttr(host, name, next));\n}\n\nfunction applyStyle(host: HTMLElement, name: string, value: HostBindingValue): (() => void) | void {\n  // Normalize camelCase property names to kebab-case for CSS setProperty.\n  // CSS custom properties (--foo) are already kebab-case, so leave them as-is.\n  const cssName = name.startsWith('--') ? name : toKebab(name);\n\n  // Track whether this binding has ever written a value to the inline style.\n  // This prevents removeProperty() from wiping an external inline style that\n  // the component never set (e.g. user-authored style=\"grid-area: main;\").\n  let owned = false;\n\n  const setStyle = (v: any) => {\n    if (v != null && v !== '') {\n      owned = true;\n      host.style.setProperty(cssName, String(v));\n    } else if (owned) {\n      host.style.removeProperty(cssName);\n    }\n  };\n\n  return applyReactiveBinding(value, setStyle);\n}\n\nfunction applyClassMap(\n  host: HTMLElement,\n  value: (() => Record<string, boolean>) | Record<string, HostClassBindingValue>,\n): () => void {\n  const getMap =\n    typeof value === 'function'\n      ? value\n      : (): Record<string, boolean> => {\n          const result: Record<string, boolean> = {};\n\n          for (const [cls, entry] of Object.entries(value)) {\n            result[cls] = typeof entry === 'function' ? entry() : isSignal(entry) ? entry.value : Boolean(entry);\n          }\n\n          return result;\n        };\n\n  let prev = new Set<string>();\n\n  return effect(() => {\n    const next = new Set<string>();\n\n    for (const [cls, active] of Object.entries(getMap())) {\n      if (!active) continue;\n\n      next.add(cls);\n\n      if (!prev.has(cls)) host.classList.add(cls);\n    }\n\n    for (const cls of prev) {\n      if (!next.has(cls)) host.classList.remove(cls);\n    }\n\n    prev = next;\n  });\n}\n"],"mappings":"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"}

package/dist/host.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Host utilities — component context injection, slot observation, and attribute/class reflection.
+ *
+ * - Context API (provide, inject, createContext)
+ * - Slot observation and detection (setup slots)
+ * - Host element binding (reflect) for attributes, classes, and host listeners
+ */
+import { type ReadonlySignal } from '@vielzeug/stateit';
+export type InjectionKey<T> = symbol & {
+    readonly __craftit_injection_key?: T;
+};
+export declare const provide: <T>(key: InjectionKey<T>, value: T) => void;
+export declare function inject<T>(key: InjectionKey<T>): T | undefined;
+export declare function inject<T>(key: InjectionKey<T>, fallback: T): T;
+export declare const injectStrict: <T>(key: InjectionKey<T>) => T;
+export declare function createContext<T>(description?: string): InjectionKey<T>;
+type AriaValue = string | number | boolean | null | undefined | (() => string | number | boolean | null | undefined);
+type AriaConfig = Record<string, AriaValue>;
+type SyncAriaOptions = {
+    autoCleanup?: boolean;
+};
+/**
+ * Reactively syncs ARIA attributes to a target element.
+ * Static values are set immediately; getter functions are tracked as effects.
+ * Returns a cleanup function that removes all reactive bindings.
+ *
+ * @example
+ * syncAria(element, {
+ *   role: 'button',
+ *   expanded: () => isOpen.value,
+ *   disabled: () => isDisabled.value,
+ * });
+ */
+export declare const syncAria: (target: Element, config: AriaConfig, options?: SyncAriaOptions) => (() => void);
+export type ComponentSlots = {
+    elements: (name?: string) => ReadonlySignal<Element[]>;
+    has: (name?: string) => ReadonlySignal<boolean>;
+};
+/**
+ * Creates first-class slot signals for setup context.
+ *
+ * - `slots.has(name?)`: whether a slot has assigned elements
+ * - `slots.elements(name?)`: assigned elements for a slot (flattened)
+ */
+export declare const createSlots: () => ComponentSlots;
+/**
+ * Describes a reactive or static host binding value.
+ */
+export type HostBindingValue = (() => string | number | boolean | null | undefined) | ReadonlySignal<string | number | boolean | null | undefined> | string | number | boolean | null | undefined;
+/**
+ * Configuration for host attribute bindings.
+ */
+export type ReflectConfig = Record<string, HostBindingValue>;
+/**
+ * Describes a reactive property accessor binding on the host element.
+ * The getter is called lazily; the optional setter is used when external code
+ * assigns `element.propName = value`.
+ */
+export type HostPropDescriptor<T = unknown> = {
+    get: () => T;
+    set?: (value: T) => void;
+};
+type HostClassBindingValue = ReadonlySignal<boolean> | (() => boolean) | boolean;
+type HostEventListener = (event: any) => void;
+export type HostBindConfig = {
+    attr?: ReflectConfig;
+    class?: (() => Record<string, boolean>) | Record<string, HostClassBindingValue>;
+    on?: Record<string, HostEventListener | undefined>;
+    prop?: Record<string, HostPropDescriptor>;
+    style?: Record<string, HostBindingValue>;
+};
+export type ComponentHost = {
+    bind: (config: HostBindConfig, options?: AddEventListenerOptions) => () => void;
+    el: HTMLElement;
+};
+export declare const createHost: () => ComponentHost;
+export {};
+//# sourceMappingURL=host.d.ts.map

package/dist/host.d.ts.map

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

package/dist/host.js

@@ -0,0 +1,2 @@
+import{CRAFTIT_ERRORS as e}from"./errors.js";import{currentElementOrThrow as t,effect as n,onCleanup as r,onMounted as i,tryRegisterCleanup as a}from"./runtime.js";import{listen as o,setAttr as s,toKebab as c}from"./internal.js";import{effect as l,isSignal as u,signal as d}from"@vielzeug/stateit";var f=new WeakMap,p=(e,n)=>{let r=t();f.has(r)||f.set(r,new Map),f.get(r).set(e,n)};function m(e,...n){let r=t();for(;r;){if(r instanceof HTMLElement){let t=f.get(r)?.get(e);if(t!==void 0)return t}let t=r.getRootNode();r=r.parentElement??(t instanceof ShadowRoot?t.host:null)}return n.length>0?n[0]:void 0}var h=n=>{let r=m(n);if(r!==void 0)return r;let i=t();throw Error(e.injectStrictFailed(String(n),i.localName))};function g(e){return Symbol(e)}var _=e=>e===`role`||e.startsWith(`aria-`)?e:e.startsWith(`aria`)?`aria-${e.slice(4).toLowerCase()}`:`aria-${e}`,v=e=>e===`role`||e.startsWith(`aria-`)?e:e.startsWith(`aria`)?`aria-${e.slice(4).toLowerCase()}`:e,y=(e,t,n)=>{if(n==null||n===!1){e.removeAttribute(t);return}e.setAttribute(t,n===!0?`true`:String(n))},b=(e,t,n={})=>{let{autoCleanup:r=!0}=n,i=[];for(let[n,r]of Object.entries(t)){let t=_(n);if(typeof r==`function`){let n=r;i.push(l(()=>{y(e,t,n())}));continue}y(e,t,r)}let o=()=>{for(;i.length>0;)i.pop()?.()};return r&&a(o),o},x=`default`,S=e=>e||x,C=()=>{let e=t(),n=new Map,a=new Map,o=new Map,s=e=>{let t=n.get(e);return t||(t={elements:d([]),presence:d(!1)},n.set(e,t)),t},c=(e,t)=>{if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0},l=e=>{let t=S(e),n=a.get(t),r=[];if(n)for(let e of n)r.push(...e.assignedElements({flatten:!0}));let i=s(t);c(i.elements.value,r)||(i.elements.value=r);let o=r.length>0;i.presence.value!==o&&(i.presence.value=o)},u=e=>{if(o.has(e))return;let t=S(e.getAttribute(`name`)),n=a.get(t)??new Set;n.add(e),a.set(t,n);let r=()=>l(t);e.addEventListener(`slotchange`,r),o.set(e,()=>{e.removeEventListener(`slotchange`,r)}),l(t)},f=()=>{e.shadowRoot?.querySelectorAll(`slot`).forEach(e=>u(e))},p=()=>{for(let e of a.keys())l(e)};return f(),i(()=>{f(),p()}),r(()=>{for(let e of o.values())e();o.clear(),a.clear()}),{elements:e=>s(S(e)).elements,has:e=>s(S(e)).presence}},w=()=>{let e=t();return{bind:(t,n)=>{let i=[];if(t.attr)for(let[n,r]of Object.entries(t.attr)){let t=E(e,v(n),r);t&&i.push(t)}if(t.class&&i.push(O(e,t.class)),t.prop)for(let[n,r]of Object.entries(t.prop)){let{get:t,set:a}=r;Object.defineProperty(e,n,{configurable:!0,enumerable:!0,get:t,...a?{set:a}:{}}),i.push(()=>{let r=Object.getOwnPropertyDescriptor(e,n);!r||r.get!==t||r.set!==a||delete e[n]})}if(t.on)for(let r of Object.keys(t.on)){let a=t.on[r];a&&i.push(o(e,r,a,n))}if(t.style)for(let[n,r]of Object.entries(t.style)){let t=D(e,n,r);t&&i.push(t)}let a=()=>{for(;i.length>0;)i.pop()?.()};return r(a),a},el:e}},T=(e,t)=>{if(typeof e==`function`)return n(()=>t(e()));if(u(e))return n(()=>t(e.value));t(e)};function E(e,t,n){return T(n,n=>s(e,t,n))}function D(e,t,n){let r=t.startsWith(`--`)?t:c(t),i=!1;return T(n,t=>{t!=null&&t!==``?(i=!0,e.style.setProperty(r,String(t))):i&&e.style.removeProperty(r)})}function O(e,t){let r=typeof t==`function`?t:()=>{let e={};for(let[n,r]of Object.entries(t))e[n]=typeof r==`function`?r():u(r)?r.value:!!r;return e},i=new Set;return n(()=>{let t=new Set;for(let[n,a]of Object.entries(r()))a&&(t.add(n),i.has(n)||e.classList.add(n));for(let n of i)t.has(n)||e.classList.remove(n);i=t})}export{g as createContext,w as createHost,C as createSlots,m as inject,h as injectStrict,p as provide,b as syncAria};
+//# sourceMappingURL=host.js.map

package/dist/host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"host.js","names":[],"sources":["../src/host.ts"],"sourcesContent":["/**\n * Host utilities — component context injection, slot observation, and attribute/class reflection.\n *\n * - Context API (provide, inject, createContext)\n * - Slot observation and detection (setup slots)\n * - Host element binding (reflect) for attributes, classes, and host listeners\n */\n\nimport { effect as rawEffect, type ReadonlySignal, type Signal, isSignal, signal } from '@vielzeug/stateit';\n\nimport { CRAFTIT_ERRORS } from './errors';\nimport { listen, setAttr, toKebab } from './internal';\nimport { currentElementOrThrow, effect, onCleanup, onMounted, tryRegisterCleanup } from './runtime';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// CONTEXT API\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst contextRegistry = new WeakMap<HTMLElement, Map<InjectionKey<unknown>, unknown>>();\n\nexport type InjectionKey<T> = symbol & {\n  readonly __craftit_injection_key?: T;\n};\n\nexport const provide = <T>(key: InjectionKey<T>, value: T): void => {\n  const el = currentElementOrThrow();\n\n  if (!contextRegistry.has(el)) contextRegistry.set(el, new Map());\n\n  contextRegistry.get(el)!.set(key, value);\n};\n\nexport function inject<T>(key: InjectionKey<T>): T | undefined;\nexport function inject<T>(key: InjectionKey<T>, fallback: T): T;\nexport function inject<T>(key: InjectionKey<T>, ...rest: [T?]): T | undefined {\n  let node: Node | null = currentElementOrThrow();\n\n  while (node) {\n    if (node instanceof HTMLElement) {\n      const v = contextRegistry.get(node)?.get(key);\n\n      if (v !== undefined) return v as T;\n    }\n\n    const root = node.getRootNode() as Node;\n\n    node = (node as HTMLElement).parentElement ?? (root instanceof ShadowRoot ? root.host : null);\n  }\n\n  return rest.length > 0 ? rest[0] : undefined;\n}\n\nexport const injectStrict = <T>(key: InjectionKey<T>): T => {\n  const resolved = inject<T>(key);\n\n  if (resolved !== undefined) return resolved;\n\n  const host = currentElementOrThrow();\n\n  throw new Error(CRAFTIT_ERRORS.injectStrictFailed(String(key), host.localName));\n};\n\nexport function createContext<T>(description?: string): InjectionKey<T> {\n  return Symbol(description) as InjectionKey<T>;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// ARIA SYNC\n// ─────────────────────────────────────────────────────────────────────────────\n\ntype AriaValue = string | number | boolean | null | undefined | (() => string | number | boolean | null | undefined);\n\ntype AriaConfig = Record<string, AriaValue>;\n\ntype SyncAriaOptions = {\n  autoCleanup?: boolean;\n};\n\nconst toAriaAttr = (key: string): string => {\n  if (key === 'role' || key.startsWith('aria-')) return key;\n\n  return key.startsWith('aria') ? `aria-${key.slice(4).toLowerCase()}` : `aria-${key}`;\n};\n\nconst toHostAttr = (key: string): string => {\n  if (key === 'role' || key.startsWith('aria-')) return key;\n\n  return key.startsWith('aria') ? `aria-${key.slice(4).toLowerCase()}` : key;\n};\n\nconst setA11yAttr = (target: Element, key: string, value: string | number | boolean | null | undefined): void => {\n  if (value == null || value === false) {\n    target.removeAttribute(key);\n\n    return;\n  }\n\n  target.setAttribute(key, value === true ? 'true' : String(value));\n};\n\n/**\n * Reactively syncs ARIA attributes to a target element.\n * Static values are set immediately; getter functions are tracked as effects.\n * Returns a cleanup function that removes all reactive bindings.\n *\n * @example\n * syncAria(element, {\n *   role: 'button',\n *   expanded: () => isOpen.value,\n *   disabled: () => isDisabled.value,\n * });\n */\nexport const syncAria = (target: Element, config: AriaConfig, options: SyncAriaOptions = {}): (() => void) => {\n  const { autoCleanup = true } = options;\n  const disposers: Array<() => void> = [];\n\n  for (const [rawKey, rawValue] of Object.entries(config)) {\n    const key = toAriaAttr(rawKey);\n\n    if (typeof rawValue === 'function') {\n      const getter = rawValue as () => string | number | boolean | null | undefined;\n\n      disposers.push(\n        rawEffect(() => {\n          setA11yAttr(target, key, getter());\n        }),\n      );\n\n      continue;\n    }\n\n    setA11yAttr(target, key, rawValue as string | number | boolean | null | undefined);\n  }\n\n  const cleanup = () => {\n    while (disposers.length > 0) disposers.pop()?.();\n  };\n\n  if (autoCleanup) tryRegisterCleanup(cleanup);\n\n  return cleanup;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// SLOTS API\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst SLOT_DEFAULT = 'default';\nconst normalizeSlotName = (slotName: string | null | undefined): string => slotName || SLOT_DEFAULT;\n\nexport type ComponentSlots = {\n  elements: (name?: string) => ReadonlySignal<Element[]>;\n  has: (name?: string) => ReadonlySignal<boolean>;\n};\n\n/**\n * Creates first-class slot signals for setup context.\n *\n * - `slots.has(name?)`: whether a slot has assigned elements\n * - `slots.elements(name?)`: assigned elements for a slot (flattened)\n */\nexport const createSlots = (): ComponentSlots => {\n  const host = currentElementOrThrow();\n\n  type SlotEntry = {\n    elements: Signal<Element[]>;\n    presence: Signal<boolean>;\n  };\n\n  const slotSignals = new Map<string, SlotEntry>();\n  const slotNodesByName = new Map<string, Set<HTMLSlotElement>>();\n  const slotCleanupMap = new Map<HTMLSlotElement, () => void>();\n\n  const ensureSlotEntry = (normalizedName: string): SlotEntry => {\n    let entry = slotSignals.get(normalizedName);\n\n    if (!entry) {\n      entry = {\n        elements: signal<Element[]>([]),\n        presence: signal(false),\n      };\n      slotSignals.set(normalizedName, entry);\n    }\n\n    return entry;\n  };\n\n  const areElementsEqual = (prev: Element[], next: Element[]): boolean => {\n    if (prev.length !== next.length) return false;\n\n    for (let i = 0; i < prev.length; i++) {\n      if (prev[i] !== next[i]) return false;\n    }\n\n    return true;\n  };\n\n  const recomputeSlot = (name: string): void => {\n    const normalized = normalizeSlotName(name);\n    const slotsForName = slotNodesByName.get(normalized);\n    const assigned: Element[] = [];\n\n    if (slotsForName) {\n      for (const slotEl of slotsForName) {\n        assigned.push(...slotEl.assignedElements({ flatten: true }));\n      }\n    }\n\n    const entry = ensureSlotEntry(normalized);\n\n    if (!areElementsEqual(entry.elements.value, assigned)) entry.elements.value = assigned;\n\n    const hasElements = assigned.length > 0;\n\n    if (entry.presence.value !== hasElements) entry.presence.value = hasElements;\n  };\n\n  const bindSlot = (slotEl: HTMLSlotElement): void => {\n    if (slotCleanupMap.has(slotEl)) return;\n\n    const name = normalizeSlotName(slotEl.getAttribute('name'));\n    const setForName = slotNodesByName.get(name) ?? new Set<HTMLSlotElement>();\n\n    setForName.add(slotEl);\n    slotNodesByName.set(name, setForName);\n\n    const onChange = () => recomputeSlot(name);\n\n    slotEl.addEventListener('slotchange', onChange);\n\n    slotCleanupMap.set(slotEl, () => {\n      slotEl.removeEventListener('slotchange', onChange);\n    });\n\n    recomputeSlot(name);\n  };\n\n  const bindAllSlots = (): void => {\n    host.shadowRoot?.querySelectorAll('slot').forEach((slotEl) => bindSlot(slotEl));\n  };\n\n  const recomputeAllSlots = (): void => {\n    for (const name of slotNodesByName.keys()) {\n      recomputeSlot(name);\n    }\n  };\n\n  // setup() runs before the template is rendered, so bind once now (if any slots\n  // already exist) and schedule another pass after first render.\n  bindAllSlots();\n  onMounted(() => {\n    bindAllSlots();\n    recomputeAllSlots();\n  });\n\n  onCleanup(() => {\n    for (const cleanup of slotCleanupMap.values()) cleanup();\n\n    slotCleanupMap.clear();\n    slotNodesByName.clear();\n  });\n\n  return {\n    elements: (name?: string) => ensureSlotEntry(normalizeSlotName(name)).elements,\n    has: (name?: string) => ensureSlotEntry(normalizeSlotName(name)).presence,\n  };\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// REFLECT API (HOST ATTRIBUTE/EVENT/CLASS BINDING)\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Describes a reactive or static host binding value.\n */\nexport type HostBindingValue =\n  | (() => string | number | boolean | null | undefined)\n  | ReadonlySignal<string | number | boolean | null | undefined>\n  | string\n  | number\n  | boolean\n  | null\n  | undefined;\n\n/**\n * Configuration for host attribute bindings.\n */\nexport type ReflectConfig = Record<string, HostBindingValue>;\n\n/**\n * Describes a reactive property accessor binding on the host element.\n * The getter is called lazily; the optional setter is used when external code\n * assigns `element.propName = value`.\n */\nexport type HostPropDescriptor<T = unknown> = {\n  get: () => T;\n  set?: (value: T) => void;\n};\n\ntype HostClassBindingValue = ReadonlySignal<boolean> | (() => boolean) | boolean;\ntype HostEventListener = (event: any) => void;\n\nexport type HostBindConfig = {\n  attr?: ReflectConfig;\n  class?: (() => Record<string, boolean>) | Record<string, HostClassBindingValue>;\n  on?: Record<string, HostEventListener | undefined>;\n  prop?: Record<string, HostPropDescriptor>;\n  style?: Record<string, HostBindingValue>;\n};\n\nexport type ComponentHost = {\n  bind: (config: HostBindConfig, options?: AddEventListenerOptions) => () => void;\n  el: HTMLElement;\n};\n\nexport const createHost = (): ComponentHost => {\n  const el = currentElementOrThrow();\n\n  const bind = (config: HostBindConfig, options?: AddEventListenerOptions): (() => void) => {\n    const disposers: Array<() => void> = [];\n\n    if (config.attr) {\n      for (const [key, value] of Object.entries(config.attr)) {\n        const name = toHostAttr(key);\n        const dispose = applyAttribute(el, name, value);\n\n        if (dispose) disposers.push(dispose);\n      }\n    }\n\n    if (config.class) {\n      disposers.push(applyClassMap(el, config.class));\n    }\n\n    if (config.prop) {\n      for (const [key, descriptor] of Object.entries(config.prop)) {\n        const { get, set } = descriptor;\n\n        Object.defineProperty(el, key, {\n          configurable: true,\n          enumerable: true,\n          get,\n          ...(set ? { set } : {}),\n        });\n\n        disposers.push(() => {\n          const descriptor = Object.getOwnPropertyDescriptor(el, key);\n\n          if (!descriptor || descriptor.get !== get || descriptor.set !== set) return;\n\n          delete (el as unknown as Record<string, unknown>)[key];\n        });\n      }\n    }\n\n    if (config.on) {\n      for (const event of Object.keys(config.on) as Array<keyof typeof config.on>) {\n        const listener = config.on[event];\n\n        if (!listener) continue;\n\n        disposers.push(listen(el, event as string, listener as EventListener, options));\n      }\n    }\n\n    if (config.style) {\n      for (const [key, value] of Object.entries(config.style)) {\n        const dispose = applyStyle(el, key, value);\n\n        if (dispose) disposers.push(dispose);\n      }\n    }\n\n    const cleanup = () => {\n      while (disposers.length > 0) disposers.pop()?.();\n    };\n\n    onCleanup(cleanup);\n\n    return cleanup;\n  };\n\n  return {\n    bind,\n    el,\n  };\n};\n\nconst applyReactiveBinding = (\n  value: HostBindingValue,\n  updater: (next: string | number | boolean | null | undefined) => void,\n): (() => void) | void => {\n  if (typeof value === 'function') {\n    return effect(() => updater(value()));\n  }\n\n  if (isSignal(value)) {\n    return effect(() => updater(value.value));\n  }\n\n  updater(value);\n};\n\nfunction applyAttribute(host: HTMLElement, name: string, value: HostBindingValue): (() => void) | void {\n  return applyReactiveBinding(value, (next) => setAttr(host, name, next));\n}\n\nfunction applyStyle(host: HTMLElement, name: string, value: HostBindingValue): (() => void) | void {\n  // Normalize camelCase property names to kebab-case for CSS setProperty.\n  // CSS custom properties (--foo) are already kebab-case, so leave them as-is.\n  const cssName = name.startsWith('--') ? name : toKebab(name);\n\n  // Track whether this binding has ever written a value to the inline style.\n  // This prevents removeProperty() from wiping an external inline style that\n  // the component never set (e.g. user-authored style=\"grid-area: main;\").\n  let owned = false;\n\n  const setStyle = (v: any) => {\n    if (v != null && v !== '') {\n      owned = true;\n      host.style.setProperty(cssName, String(v));\n    } else if (owned) {\n      host.style.removeProperty(cssName);\n    }\n  };\n\n  return applyReactiveBinding(value, setStyle);\n}\n\nfunction applyClassMap(\n  host: HTMLElement,\n  value: (() => Record<string, boolean>) | Record<string, HostClassBindingValue>,\n): () => void {\n  const getMap =\n    typeof value === 'function'\n      ? value\n      : (): Record<string, boolean> => {\n          const result: Record<string, boolean> = {};\n\n          for (const [cls, entry] of Object.entries(value)) {\n            result[cls] = typeof entry === 'function' ? entry() : isSignal(entry) ? entry.value : Boolean(entry);\n          }\n\n          return result;\n        };\n\n  let prev = new Set<string>();\n\n  return effect(() => {\n    const next = new Set<string>();\n\n    for (const [cls, active] of Object.entries(getMap())) {\n      if (!active) continue;\n\n      next.add(cls);\n\n      if (!prev.has(cls)) host.classList.add(cls);\n    }\n\n    for (const cls of prev) {\n      if (!next.has(cls)) host.classList.remove(cls);\n    }\n\n    prev = next;\n  });\n}\n"],"mappings":"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"}

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./core/internal.cjs`),t=require(`./core/runtime-lifecycle.cjs`),n=require(`./core/utilities.cjs`),r=require(`./core/host.cjs`),i=require(`./core/template.cjs`),a=require(`./core/component.cjs`),o=require(`./labs/observers.cjs`);exports.aria=t.aria,exports.createContext=r.createContext,exports.createFormIds=n.createFormIds,exports.createId=n.createId,exports.css=n.css,exports.defineComponent=a.defineComponent,exports.defineField=a.defineField,exports.effect=t.effect,exports.escapeHtml=n.escapeHtml,exports.fire=t.fire,exports.guard=n.guard,exports.handle=t.handle,exports.html=i.html,exports.inject=r.inject,exports.observeResize=o.observeResize,exports.onCleanup=t.onCleanup,exports.onError=t.onError,exports.onMount=t.onMount,exports.onSlotChange=r.onSlotChange,exports.prop=a.prop,exports.provide=r.provide,exports.ref=e.ref,exports.reflect=r.reflect,exports.refs=e.refs,exports.syncContextProps=r.syncContextProps,exports.toKebab=n.toKebab,exports.typed=a.typed,exports.watch=t.watch;var s=require(`@vielzeug/stateit`);Object.keys(s).forEach(function(e){e!==`default`&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return s[e]}})});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./runtime.cjs`),t=require(`./internal.cjs`),n=require(`./form.cjs`),r=require(`./host.cjs`),i=require(`./props.cjs`),a=require(`./directives/live.cjs`),o=require(`./registration.cjs`),s=require(`./template-compiler.cjs`),c=require(`./directives/each.cjs`),l=require(`./directives/classMap.cjs`),u=require(`./directives/styleMap.cjs`),d=require(`./directives/when.cjs`),f=require(`./directives/guard.cjs`),p=require(`./directives/resource.cjs`),m=require(`./directives/raw.cjs`);let h=require(`@vielzeug/stateit`);Object.defineProperty(exports,`batch`,{enumerable:!0,get:function(){return h.batch}}),exports.classMap=l.classMap,Object.defineProperty(exports,`computed`,{enumerable:!0,get:function(){return h.computed}}),exports.createContext=r.createContext,exports.createId=t.createId,exports.css=t.css,exports.define=o.define,exports.defineField=n.defineField,exports.each=c.each,exports.effect=e.effect,exports.guard=f.guard,exports.html=s.html,exports.inject=r.inject,exports.injectStrict=r.injectStrict,Object.defineProperty(exports,`isSignal`,{enumerable:!0,get:function(){return h.isSignal}}),exports.listen=e.listen,exports.live=a.live,exports.on=e.on,exports.onCleanup=e.onCleanup,exports.onElement=e.onElement,exports.onMounted=e.onMounted,exports.prop=i.prop,exports.provide=r.provide,exports.raw=m.raw,exports.ref=t.ref,exports.refs=t.refs,exports.resource=p.resource,Object.defineProperty(exports,`scope`,{enumerable:!0,get:function(){return h.scope}}),Object.defineProperty(exports,`signal`,{enumerable:!0,get:function(){return h.signal}}),exports.styleMap=u.styleMap,exports.syncAria=r.syncAria,Object.defineProperty(exports,`untrack`,{enumerable:!0,get:function(){return h.untrack}}),Object.defineProperty(exports,`watch`,{enumerable:!0,get:function(){return h.watch}}),exports.when=d.when;

package/dist/index.d.ts

@@ -1,10 +1,17 @@
-export * from '@vielzeug/stateit';
-export { aria, effect, fire, handle, onCleanup, onError, onMount, watch } from './core/runtime-lifecycle';
-export { defineComponent, defineField, prop, typed, type BuildPropSchema, type DefineComponentOptions, type DefineComponentSetupContext, type FormFieldCallbacks, type FormFieldHandle, type FormFieldOptions, type InferPropsSignals, type PropDef, type PropOptions, } from './core/component';
-export { createContext, inject, onSlotChange, provide, syncContextProps, type InjectionKey, type Slots, } from './core/host';
-export { reflect, type HostBindingValue, type ReflectConfig } from './core/host';
-export { html, type KeyedNode } from './core/template';
-export { ref, refs, type Directive, type HTMLResult, type Ref, type RefCallback, type Refs } from './core/internal';
-export { createFormIds, createId, css, escapeHtml, guard, toKebab, type CSSResult, type EmitFn, } from './core/utilities';
-export { observeResize } from './labs/observers';
+export { batch, computed, isSignal, scope, signal, untrack, watch, type ReadonlySignal, type Scope, type Signal, type WatchOptions, } from '@vielzeug/stateit';
+export { effect, listen, on, onCleanup, onElement, onMounted } from './runtime';
+export { define, type ComponentDefinition, type InferPropsFromDefs, type InferPropsSignals, prop, type PropDef, type PropInputDefs, type PropsDef, type PropOptions, type SetupContextBag, } from './registration';
+export type { ComponentTemplate } from './registration';
+export { defineField, type FormFieldHandle, type FormFieldOptions } from './form';
+export { createContext, inject, injectStrict, provide, syncAria, type ComponentHost, type ComponentSlots, type HostBindingValue, type HostPropDescriptor, type InjectionKey, type ReflectConfig, } from './host';
+export { html } from './template-compiler';
+export { each } from './directives/each';
+export { classMap } from './directives/classMap';
+export { styleMap } from './directives/styleMap';
+export { when } from './directives/when';
+export { guard } from './directives/guard';
+export { live } from './directives/live';
+export { resource, type ResourceState } from './directives/resource';
+export { raw } from './directives/raw';
+export { css, createId, ref, refs, type CSSResult, type EmitFn, type HTMLResult, type Ref, type RefCallback, type Refs, } from './internal';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE1G,OAAO,EACL,eAAe,EACf,WAAW,EACX,IAAI,EACJ,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,2BAA2B,EAChC,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,OAAO,EACZ,KAAK,WAAW,GACjB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,aAAa,EACb,MAAM,EACN,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,KAAK,YAAY,EACjB,KAAK,KAAK,GACX,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,GAAG,EAAE,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEpH,OAAO,EACL,aAAa,EACb,QAAQ,EACR,GAAG,EACH,UAAU,EACV,KAAK,EACL,OAAO,EACP,KAAK,SAAS,EACd,KAAK,MAAM,GACZ,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,cAAc,EACnB,KAAK,KAAK,EACV,KAAK,MAAM,EACX,KAAK,YAAY,GAClB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEhF,OAAO,EACL,MAAM,EACN,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,IAAI,EACJ,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAElF,OAAO,EACL,aAAa,EACb,MAAM,EACN,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,KAAK,aAAa,GACnB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EACL,GAAG,EACH,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,MAAM,EACX,KAAK,UAAU,EACf,KAAK,GAAG,EACR,KAAK,WAAW,EAChB,KAAK,IAAI,GACV,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-import{ref as e,refs as t}from"./core/internal.js";import{aria as n,effect as r,fire as i,handle as a,onCleanup as o,onError as s,onMount as c,watch as l}from"./core/runtime-lifecycle.js";import{createFormIds as u,createId as d,css as f,escapeHtml as p,guard as m,toKebab as h}from"./core/utilities.js";import{createContext as g,inject as _,onSlotChange as v,provide as y,reflect as b,syncContextProps as x}from"./core/host.js";import{html as S}from"./core/template.js";import{defineComponent as C,defineField as w,prop as T,typed as E}from"./core/component.js";import{observeResize as D}from"./labs/observers.js";export*from"@vielzeug/stateit";export{n as aria,g as createContext,u as createFormIds,d as createId,f as css,C as defineComponent,w as defineField,r as effect,p as escapeHtml,i as fire,m as guard,a as handle,S as html,_ as inject,D as observeResize,o as onCleanup,s as onError,c as onMount,v as onSlotChange,T as prop,y as provide,e as ref,b as reflect,t as refs,x as syncContextProps,h as toKebab,E as typed,l as watch};
+import{effect as e,listen as t,on as n,onCleanup as r,onElement as i,onMounted as a}from"./runtime.js";import{createId as o,css as s,ref as c,refs as l}from"./internal.js";import{defineField as u}from"./form.js";import{createContext as d,inject as f,injectStrict as p,provide as m,syncAria as h}from"./host.js";import{prop as g}from"./props.js";import{live as _}from"./directives/live.js";import{define as v}from"./registration.js";import{html as y}from"./template-compiler.js";import{each as b}from"./directives/each.js";import{classMap as x}from"./directives/classMap.js";import{styleMap as S}from"./directives/styleMap.js";import{when as C}from"./directives/when.js";import{guard as w}from"./directives/guard.js";import{resource as T}from"./directives/resource.js";import{raw as E}from"./directives/raw.js";import{batch as D,computed as O,isSignal as k,scope as A,signal as j,untrack as M,watch as N}from"@vielzeug/stateit";export{D as batch,x as classMap,O as computed,d as createContext,o as createId,s as css,v as define,u as defineField,b as each,e as effect,w as guard,y as html,f as inject,p as injectStrict,k as isSignal,t as listen,_ as live,n as on,r as onCleanup,i as onElement,a as onMounted,g as prop,m as provide,E as raw,c as ref,l as refs,T as resource,A as scope,j as signal,S as styleMap,h as syncAria,M as untrack,N as watch,C as when};

package/dist/internal.cjs

@@ -0,0 +1,2 @@
+const e=require(`./errors.cjs`),t=require(`./runtime.cjs`);let n=require(`@vielzeug/stateit`);function r(){return(0,n.signal)(null)}function i(){return[]}var a=e=>typeof e==`object`&&!!e&&e.__craftitDirective===!0&&typeof e.mount==`function`;function o(e,t=[]){return{__bindings:t,__craftitHtmlResult:!0,__html:e,toString(){return e}}}var s=e=>typeof e==`object`&&!!e&&e.__craftitHtmlResult===!0;function c(e){return typeof e==`string`?{bindings:[],html:e}:{bindings:e.__bindings,html:e.__html}}var l=e=>typeof e==`object`&&!!e&&e.__craftitCssResult===!0,u=t=>{let n=[];for(let e=t.length-1;e>=0;e--)try{t[e]()}catch(e){n.push(e)}if(n.length>0)throw AggregateError(n,e.CRAFTIT_ERRORS.cleanupFailed)},d=e=>{for(let t of e)t.remove()},f=(e,t,n)=>{if(/^on/i.test(t)){e.removeAttribute(t);return}n==null||n===!1?e.removeAttribute(t):e.setAttribute(t,n===!0?`true`:String(n))},p=(e,t,n,r)=>{if(!e)return()=>{};let i=n;return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},m=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),h={"'":`&#39;`,'"':`&quot;`,"&":`&amp;`,"<":`&lt;`,">":`&gt;`},g=e=>String(e).replace(/[&<>"']/g,e=>h[e]),_=()=>{let e=t.currentElementOrThrow();return((t,...n)=>{y.custom(e,String(t),n.length>0?{detail:n[0]}:void 0)})},v={bubbles:!0,cancelable:!0,composed:!0},y={custom(e,t,n={}){return e.dispatchEvent(new CustomEvent(t,{...v,...n}))},event(e,t){return e.dispatchEvent(t)},focus(e,t,n={}){return e.dispatchEvent(new FocusEvent(t,{...v,...n}))},keyboard(e,t,n={}){return e.dispatchEvent(new KeyboardEvent(t,{...v,...n}))},mouse(e,t,n={}){return e.dispatchEvent(new MouseEvent(t,{...v,...n}))},touch(e,t,n={}){return typeof TouchEvent<`u`?e.dispatchEvent(new TouchEvent(t,{...v,...n})):e.dispatchEvent(new CustomEvent(t,{...v,...n}))}},b=0,x=()=>{b=0},S=e=>`${e?`${e}-`:`cft-`}${++b}`,C=RegExp(`u="([^"]+)"`,`g`),w=()=>{let e=0;return()=>String(e++)},T=(e,t)=>{let n=new Map,r=e=>{let r=n.get(e);if(r)return r;let i=t();return n.set(e,i),i};return{bindings:e.__bindings.map(e=>({...e,uid:r(e.uid)})),html:e.__html.replace(C,(e,t)=>`u="${r(t)}"`).replace(/<!--(\d+)-->/g,(e,t)=>`<!--${r(t)}-->`)}},E=function(){return this.content},D=(e,...t)=>{let n=``;for(let r=0;r<e.length;r++)if(n+=e[r],r<t.length){let e=t[r];n+=l(e)?e.content:e??``}return{__craftitCssResult:!0,content:n.trim(),toString:E}},O=new Map,k=t=>{if(t instanceof CSSStyleSheet)return t;let n=typeof t==`string`?t:t.content,r=O.get(n);if(r)return r;let i=new CSSStyleSheet;try{i.replaceSync(n)}catch(t){console.error(e.CRAFTIT_ERRORS.styleReplaceFailed,t)}return O.set(n,i),i};exports._resetIdCounter=x,exports.createEmitFn=_,exports.createId=S,exports.createMarkerIdFactory=w,exports.css=D,exports.escapeHtml=g,exports.extractResult=c,exports.fire=y,exports.htmlResult=o,exports.isDirectiveResult=a,exports.isHtmlResult=s,exports.listen=p,exports.loadStylesheet=k,exports.ref=r,exports.refs=i,exports.rekeyHtmlResult=T,exports.removeNodes=d,exports.runAll=u,exports.setAttr=f,exports.toKebab=m;
+//# sourceMappingURL=internal.cjs.map

package/dist/internal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.cjs","names":[],"sources":["../src/internal.ts"],"sourcesContent":["import { signal, type ReadonlySignal, type Signal } from '@vielzeug/stateit';\n\nimport { CRAFTIT_ERRORS } from './errors';\nimport { currentElementOrThrow } from './runtime';\n\nexport type Ref<T extends Element> = Signal<T | null>;\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\nexport type TextBinding = {\n  signal: ReadonlySignal<unknown>;\n  type: 'text';\n  uid: string;\n};\n\nexport type AttrBinding = {\n  /** When true the binding uses live-write semantics: stale app-state writes are\n   * skipped if the DOM value has diverged from the last programmatic write. */\n  live?: true;\n  mode: 'bool' | 'attr';\n  name: string;\n  signal?: ReadonlySignal<unknown>;\n  type: 'attr';\n  uid: string;\n  value?: unknown;\n};\n\nexport type EventBinding = {\n  handler: (e: Event) => void;\n  name: string;\n  options?: AddEventListenerOptions;\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 HtmlBindingPayload = {\n  bindings: Binding[];\n  html: string;\n};\n\nexport type RuntimeDirective = {\n  __craftitDirective: true;\n  mount: (anchor: Comment, registerCleanup: (fn: () => void) => void) => void;\n};\n\nexport type DirectiveResult = RuntimeDirective;\n\nexport const isDirectiveResult = (value: unknown): value is DirectiveResult =>\n  typeof value === 'object' &&\n  value !== null &&\n  (value as RuntimeDirective).__craftitDirective === true &&\n  typeof (value as RuntimeDirective).mount === 'function';\n\nexport type HtmlBinding = {\n  signal: ReadonlySignal<HtmlBindingPayload>;\n  type: 'html';\n  uid: string;\n};\n\nexport type DirectiveBinding = {\n  directive: RuntimeDirective;\n  type: 'directive';\n  uid: string;\n};\n\nexport type Binding = TextBinding | AttrBinding | EventBinding | RefBinding | HtmlBinding | DirectiveBinding;\n\nexport interface HTMLResult {\n  __bindings: Binding[];\n  __craftitHtmlResult: true;\n  __html: string;\n  toString(): string;\n}\n\nexport function htmlResult(html: string, bindings: Binding[] = []): HTMLResult {\n  return {\n    __bindings: bindings,\n    __craftitHtmlResult: true,\n    __html: html,\n    toString() {\n      return html;\n    },\n  };\n}\n\nexport const isHtmlResult = (value: unknown): value is HTMLResult =>\n  typeof value === 'object' && value !== null && (value as HTMLResult).__craftitHtmlResult === true;\n\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\nexport type CSSResult = {\n  __craftitCssResult: true;\n  content: string;\n  toString(): string;\n};\n\nexport const isCssResult = (value: unknown): value is CSSResult =>\n  typeof value === 'object' && !!value && (value as CSSResult).__craftitCssResult === true;\n\n// ─────────────────────────────────────────────────────────────────────────────\n// DOM UTILITIES\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const runAll = (fns: (() => void)[]): void => {\n  const errors: unknown[] = [];\n\n  for (let i = fns.length - 1; i >= 0; i--) {\n    try {\n      fns[i]();\n    } catch (err) {\n      errors.push(err);\n    }\n  }\n\n  if (errors.length > 0) {\n    throw new AggregateError(errors, CRAFTIT_ERRORS.cleanupFailed);\n  }\n};\n\nexport const removeNodes = (nodes: Node[]): void => {\n  for (const node of nodes) {\n    (node as ChildNode).remove();\n  }\n};\n\nexport const setAttr = (el: Element, name: string, val: unknown): void => {\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 {\n    el.setAttribute(name, val === true ? 'true' : String(val));\n  }\n};\n\nexport const listen = (\n  el: EventTarget | null | undefined,\n  name: string,\n  handler: (e: any) => void,\n  options?: AddEventListenerOptions,\n): (() => void) => {\n  if (!el) return () => {};\n\n  const listener: EventListener = handler as EventListener;\n\n  el.addEventListener(name, listener, options);\n\n  return () => el.removeEventListener(name, listener, options);\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\nexport const escapeHtml = (value: unknown): string => String(value).replace(/[&<>\"']/g, (c) => ESC[c]);\n\n// ─────────────────────────────────────────────────────────────────────────────\n// EMIT UTILITIES\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\ntype StrictEmitFn<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\ntype LooseEmitFn = (event: string, detail?: unknown) => void;\n\nexport type EmitFn<T extends Record<string, unknown>> = StrictEmitFn<T> & LooseEmitFn;\n\nexport const createEmitFn = <T extends Record<string, unknown>>(): EmitFn<T> => {\n  const el = currentElementOrThrow();\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// FIRE UTILITIES\n// ─────────────────────────────────────────────────────────────────────────────\n\ntype FireDefaults = Pick<EventInit, 'bubbles' | 'cancelable' | 'composed'>;\n\nexport type FireApi = {\n  custom<Detail = unknown>(target: EventTarget, type: string, options?: CustomEventInit<Detail>): boolean;\n  event(target: EventTarget, event: Event): boolean;\n  focus(target: EventTarget, type: string, options?: FocusEventInit): boolean;\n  keyboard(target: EventTarget, type: string, options?: KeyboardEventInit): boolean;\n  mouse(target: EventTarget, type: string, options?: MouseEventInit): boolean;\n  touch(target: EventTarget, type: string, options?: TouchEventInit): boolean;\n};\n\nconst DEFAULT_FIRE_OPTIONS: FireDefaults = { bubbles: true, cancelable: true, composed: true };\n\nexport const fire: FireApi = {\n  custom<Detail = unknown>(target: EventTarget, type: string, options: CustomEventInit<Detail> = {}) {\n    return target.dispatchEvent(new CustomEvent<Detail>(type, { ...DEFAULT_FIRE_OPTIONS, ...options }));\n  },\n  event(target, event) {\n    return target.dispatchEvent(event);\n  },\n  focus(target, type, options = {}) {\n    return target.dispatchEvent(new FocusEvent(type, { ...DEFAULT_FIRE_OPTIONS, ...options }));\n  },\n  keyboard(target, type, options = {}) {\n    return target.dispatchEvent(new KeyboardEvent(type, { ...DEFAULT_FIRE_OPTIONS, ...options }));\n  },\n  mouse(target, type, options = {}) {\n    return target.dispatchEvent(new MouseEvent(type, { ...DEFAULT_FIRE_OPTIONS, ...options }));\n  },\n  touch(target, type, options = {}) {\n    if (typeof TouchEvent !== 'undefined') {\n      return target.dispatchEvent(new TouchEvent(type, { ...DEFAULT_FIRE_OPTIONS, ...options }));\n    }\n\n    return target.dispatchEvent(new CustomEvent(type, { ...DEFAULT_FIRE_OPTIONS, ...options }));\n  },\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// ID UTILITIES\n// ─────────────────────────────────────────────────────────────────────────────\n\nlet _idCounter = 0;\n\nexport const _resetIdCounter = (): void => {\n  _idCounter = 0;\n};\n\nexport const createId = (prefix?: string): string => `${prefix ? `${prefix}-` : 'cft-'}${++_idCounter}`;\n\nexport const CF_ID_ATTR = 'u';\n\nconst ATTR_ID_RE = new RegExp(`${CF_ID_ATTR}=\"([^\"]+)\"`, 'g');\n\nexport const createMarkerIdFactory = (): (() => string) => {\n  let n = 0;\n\n  return () => String(n++);\n};\n\nexport const rekeyHtmlResult = (result: HTMLResult, getNextId: () => string): { bindings: Binding[]; html: string } => {\n  const idMap = new Map<string, string>();\n  const getMappedId = (id: string): string => {\n    const mapped = idMap.get(id);\n\n    if (mapped) return mapped;\n\n    const next = getNextId();\n\n    idMap.set(id, next);\n\n    return next;\n  };\n\n  return {\n    bindings: result.__bindings.map((binding) => ({ ...binding, uid: getMappedId(binding.uid) }) as Binding),\n    html: result.__html\n      .replace(ATTR_ID_RE, (_, id: string) => `${CF_ID_ATTR}=\"${getMappedId(id)}\"`)\n      .replace(/<!--(\\d+)-->/g, (_, id: string) => `<!--${getMappedId(id)}-->`),\n  };\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// CSS UTILITIES\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst cssResultToString = function (this: CSSResult): string {\n  return this.content;\n};\n\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 += isCssResult(v) ? v.content : (v ?? '');\n    }\n  }\n\n  return { __craftitCssResult: true as const, content: content.trim(), toString: cssResultToString };\n};\n\nconst stylesheetStringCache = new Map<string, CSSStyleSheet>();\n\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  } catch (err) {\n    console.error(CRAFTIT_ERRORS.styleReplaceFailed, err);\n  }\n\n  stylesheetStringCache.set(cssText, sheet);\n\n  return sheet;\n};\n"],"mappings":"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"}