@neuralfog/elemix 0.3.0 → 0.5.0

package/README.md

@@ -369,18 +369,3 @@ html`<div .class=${'active highlight'}>String</div>`;
 html`<div .class=${{ active: isActive, disabled: isDisabled }}>Object</div>`;
 ```
 
-## Bind Attributes
-
-Use `.bind-attrs` to dynamically set multiple attributes from an object.
-
-```typescript
-html`<div .bind-attrs=${{ 'data-id': '123', 'aria-label': 'Card' }}>Content</div>`;
-```
-
-## Bind Events
-
-Use `.bind-events` to dynamically attach multiple event handlers from an object.
-
-```typescript
-html`<div .bind-events=${{ click: onClick, input: onInput }}>Content</div>`;
-```

package/dist/decorators.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./types-v1ChTfwQ.js"),t=require("./utilities-COO_YT_a.js");var n=(e,t)=>{customElements.get(e)===void 0&&customElements.define(e,t)},r=e=>r=>{let i=t.t(r.name);r.$styles=e?.styles||[],n(i,r)},i=t=>(n,r)=>{n.stateProperties||=new Map,n.stateProperties.has(r)||n.stateProperties.set(r,t||e.t.LOCAL_STATE)};exports.component=r,exports.state=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./types-CoiQASBn.js"),t=require("./utilities-COO_YT_a.js");var n=(e,t)=>{customElements.get(e)===void 0&&customElements.define(e,t)},r=e=>r=>{let i=t.t(r.name);r.$styles=e?.styles||[],n(i,r)},i=t=>(n,r)=>{n.stateProperties||=new Map,n.stateProperties.has(r)||n.stateProperties.set(r,t||e.t.LOCAL_STATE)};exports.component=r,exports.state=i;

package/dist/directives.d.ts

@@ -1,2 +1 @@
-import { repeat } from '@neuralfog/elemix-renderer/directives';
-export { repeat };
+export { repeat } from './src/renderer/directives';

package/dist/directives.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=require("./chunk-NGjzN6Tu.js").t((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`}),e.repeat=(e,t,n)=>e.map((e,r)=>{let i=t(e,r);return i.key=n?.(e,r)||String(r),i})}))();exports.repeat=e.repeat;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=(e,t,n)=>e.map((e,r)=>{let i=t(e,r);return i.key=n?.(e,r)||String(r),i});exports.repeat=e;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './src/component/Component';
 export * from './src/types';
+export type { HtmlTemplate } from './src/renderer/types';

package/dist/index.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./types-v1ChTfwQ.js"),t=require("./renderers-BBOJdSjj.js"),n=require("./Reactive-CQV_s8zX.js"),r=require("./App-tMVVu8H5.js");let i=require("@neuralfog/elemix-renderer");var a=class{component;locked=!1;scheduledRenderTriggers=new Set;constructor(e){this.component=e}schedule(e,n=!1){let r=t.n.active;t.n.active=null;let i;try{i=this.component.template()}finally{t.n.active=r}i&&(e&&this.scheduledRenderTriggers.add(e),this.locked||(this.locked=!0,t.t.add(this),setTimeout(()=>{this.render(Array.from(this.scheduledRenderTriggers)),this.scheduledRenderTriggers.clear(),this.locked=!1,t.t.delete(this),n&&(this.component.onMount(),this.component.removeAttribute(`data-cloak`))},0)))}render(e){for(let e of this.component.tracked)e.unsubscribe(this.component);this.component.tracked.clear();let n=t.n.active;t.n.active=this.component;try{(0,i.render)(this.component.template(),this.component.root)}finally{t.n.active=n}this.component.onRender(e)}},o=class{component;constructor(e){this.component=e}initialize(){let e=this.component.constructor.prototype.stateProperties;if(e)for(let[t,r]of e){let e=this.component;e[t]=new n.t(e[t],r).subscribe(this.component).value}}},s=class{component;data={};constructor(e){this.component=e}initialize(){this.data=new n.t(this.data,e.t.PROPS).subscribe(this.component).value}setReactive(e,t){this.data[e]=t}set(e,t){if(typeof t==`object`&&t){this.setReactive(e,t);return}let n=this.data[e];if(typeof t==`function`){this.data[e]||this.setReactive(e,t);return}n!==t&&this.setReactive(e,t)}},c=class{component;styles;constructor(e){this.component=e,this.styles=this.component.constructor.$styles}initialize(){if(this.component.shadowRoot&&this.styles.length){let e=new CSSStyleSheet;e.replaceSync(this.styles.join(` `));let t=r.t.config.baseStyles||[];this.component.shadowRoot.adoptedStyleSheets=[...t,e,...this.component.controlStyles]}}},l=class extends HTMLElement{$props=new s(this);$renderer=new a(this);$localState=new o(this);$styles=new c(this);$controlStyles;tracked=new Set;get root(){return this.shadowRoot}get props(){return this.$props.data}get styles(){return this.$styles}get controlStyles(){return this.$controlStyles||[]}constructor(){super(),this.attachShadow({mode:`open`}),this.setAttribute(`data-cloak`,``)}connectedCallback(){this.beforeMount(),this.$styles.initialize(),this.$props.initialize(),this.$localState.initialize(),this.render(e.t.ON_MOUNT,!0)}disconnectedCallback(){t.t.delete(this.$renderer),this.unsubscribeFromSignals(),this.onDispose()}template(){}onRender(e){}beforeMount(){}onMount(){}onDispose(){}render(e,t=!1){this.$renderer.schedule(e,t)}setControlStyles(e){this.$controlStyles=e}unsubscribeFromSignals(){for(let e of this.tracked)e.unsubscribe(this);this.tracked.clear()}hasSlot(e){return Array.from(this.children).some(t=>t.getAttribute(`slot`)===e)}};exports.Component=l,exports.RenderTrigger=e.t,exports.html=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./render-GbmCSARc.js"),t=require("./types-CoiQASBn.js"),n=require("./renderers-BBOJdSjj.js"),r=require("./Reactive-CQV_s8zX.js"),i=require("./App-tMVVu8H5.js");var a=class{component;locked=!1;scheduledRenderTriggers=new Set;constructor(e){this.component=e}schedule(e,t=!1){let r=n.n.active;n.n.active=null;let i;try{i=this.component.template()}finally{n.n.active=r}i&&(e&&this.scheduledRenderTriggers.add(e),this.locked||(this.locked=!0,n.t.add(this),setTimeout(()=>{this.render(Array.from(this.scheduledRenderTriggers)),this.scheduledRenderTriggers.clear(),this.locked=!1,n.t.delete(this),t&&(this.component.onMount(),this.component.removeAttribute(`data-cloak`))},0)))}render(t){for(let e of this.component.tracked)e.unsubscribe(this.component);this.component.tracked.clear();let r=n.n.active;n.n.active=this.component;try{e.n(this.component.template(),this.component.root)}finally{n.n.active=r}this.component.onRender(t)}},o=class{component;constructor(e){this.component=e}initialize(){let e=this.component.constructor.prototype.stateProperties;if(e)for(let[t,n]of e){let e=this.component;e[t]=new r.t(e[t],n).subscribe(this.component).value}}},s=class{component;data={};constructor(e){this.component=e}initialize(){this.data=new r.t(this.data,t.t.PROPS).subscribe(this.component).value}setReactive(e,t){this.data[e]=t}set(e,t){if(typeof t==`object`&&t){this.setReactive(e,t);return}let n=this.data[e];if(typeof t==`function`){this.data[e]||this.setReactive(e,t);return}n!==t&&this.setReactive(e,t)}},c=class{component;styles;constructor(e){this.component=e,this.styles=this.component.constructor.$styles}initialize(){if(this.component.shadowRoot&&this.styles.length){let e=new CSSStyleSheet;e.replaceSync(this.styles.join(` `));let t=i.t.config.baseStyles||[];this.component.shadowRoot.adoptedStyleSheets=[...t,e,...this.component.controlStyles]}}},l=class extends HTMLElement{$props=new s(this);$renderer=new a(this);$localState=new o(this);$styles=new c(this);$controlStyles;tracked=new Set;get root(){return this.shadowRoot}get props(){return this.$props.data}get styles(){return this.$styles}get controlStyles(){return this.$controlStyles||[]}constructor(){super(),this.attachShadow({mode:`open`}),this.setAttribute(`data-cloak`,``)}connectedCallback(){this.beforeMount(),this.$styles.initialize(),this.$props.initialize(),this.$localState.initialize(),this.render(t.t.ON_MOUNT,!0)}disconnectedCallback(){n.t.delete(this.$renderer),this.unsubscribeFromSignals(),this.onDispose()}template(){}onRender(e){}beforeMount(){}onMount(){}onDispose(){}render(e,t=!1){this.$renderer.schedule(e,t)}setControlStyles(e){this.$controlStyles=e}unsubscribeFromSignals(){for(let e of this.tracked)e.unsubscribe(this);this.tracked.clear()}hasSlot(e){return Array.from(this.children).some(t=>t.getAttribute(`slot`)===e)}};exports.Component=l,exports.RenderTrigger=t.t,exports.html=t.n;

package/dist/render-GbmCSARc.js

@@ -0,0 +1 @@
+const e=require("./utils-C1MFaM_r.js");var t={deletes:[],inserts:[],moves:[]},n=(e,n)=>{let i=e.length,a=n.length;if(i===a){let r=!0;for(let t=0;t<i;t++)if(e[t].key!==n[t].key){r=!1;break}if(r)return t}let o=Object.create(null);for(let t=0;t<i;t++)o[e[t].key]=t;let s=new Int32Array(a),c=[],l=[],u=Object.create(null);for(let e=0;e<a;e++){let t=n[e].key;u[t]=!0;let r=o[t];r===void 0?s[e]=-1:(s[e]=r,c.push(r),l.push(e))}let d=r(c),f=new Uint8Array(a);for(let e=0;e<d.length;e++)f[l[d[e]]]=1;let p=[],m=[],h=[];for(let t=0;t<i;t++)u[e[t].key]!==!0&&p.push({key:e[t].key});for(let e=0;e<a;e++){let t=e+1<a?n[e+1].key:void 0;s[e]===-1?m.push({key:n[e].key,value:n[e],beforeKey:t}):f[e]||h.push({key:n[e].key,beforeKey:t})}return{deletes:p,inserts:m,moves:h}},r=e=>{let t=e.length;if(t===0)return[];let n=new Int32Array(t),r=new Int32Array(t),i=0;for(let a=0;a<t;a++){let t=0,o=i;for(;t<o;){let n=t+o>>>1;e[r[n]]<e[a]?t=n+1:o=n}r[t]=a,t===i&&i++,n[a]=t>0?r[t-1]:-1}let a=Array(i),o=r[i-1];for(let e=i-1;e>=0;e--)a[e]=o,o=n[o];return a},i=e=>typeof e==`object`&&!!e&&`strings`in e&&`values`in e,a=/(\S+)(?==(?:["']?)$)/,o=(t,n)=>{let r=t.match(a);if(!r)return;let i=r[1],o={index:n,name:i,value:e.i(n),virtual:!1,type:e.o.STD},s=i[0];return s===`@`?(o.virtual=!0,o.type=e.o.EVENT):s===`:`?(o.virtual=!0,o.type=i.endsWith(`:ref`)?e.o.REF:e.o.PROP):s===`~`&&i.startsWith(`~model`)?(o.virtual=!0,o.type=e.o.MODEL):s===`.`&&i.startsWith(`.class`)&&(o.virtual=!0,o.type=e.o.DIRECT_CLASS),o},s=new Map,c=e=>{let t=s.get(e);if(t)return t;let n=``;for(let t=0;t<e.length;t++){let r=e[t],i=r.charCodeAt(0);n+=i>=48&&i<=57||i>=65&&i<=90||i>=97&&i<=122||r===`-`||r===`_`?r:`\\${r}`}return s.set(e,n),n},l=(e,t,n)=>{for(let r=0,i=t.length;r<i;r++){let i=t[r],a=e.querySelector(`[${c(i.name)}='${i.value}']`);a&&(i.virtual&&a.removeAttribute(i.name),n.set(i.index,S[i.type](a,i)))}},u=e=>Array.isArray(e)?`list`:i(e)?`template`:`string`,d=(e,t,n)=>e===`list`?h(t,n):e===`template`?m(t,n):p(t),f=(e,t,n)=>{let r,i;return e=>{let a=u(e);i&&i!==a&&(r?.dispose(),r=void 0),r||(r=d(a,t,n),i=a),r.update(e)}},p=e=>{let t=document.createTextNode(``);return e.before(t),{update:e=>{let n=e==null?``:String(e);t.textContent!==n&&(t.textContent=n)},dispose:()=>{t.remove()}}},m=(e,t)=>{let n,r,i=[],a=()=>{for(let e=0;e<i.length;e++)i[e].remove();i=[]};return{update:o=>{let s=o;n!==s.strings&&(r=void 0,a()),r||(r=t(s),n=s.strings,i=r.mountBefore(e,s.values)),r.update(s.values)},dispose:a}},h=(e,t)=>{let r=new Map,i=new Map,a=[],o=(n,a)=>{if(!n.key)throw Error(`use repeat directive when rendering the lists`);let o=r.get(n.key);if(!o){o=t(n),r.set(n.key,o);let s=a||e,c=o.mountBefore(s,n.values);c.length&&i.set(n.key,c[c.length-1])}return o},s=()=>{for(let[,e]of i)e.remove();r.clear(),i.clear()},c=e=>{for(let t=0;t<e.length;t++)o(e[t]).update(e[t].values)};return{update:t=>{let l=t;if(!a.length){c(l),a=l;return}if(!l.length){s(),a=l;return}let{deletes:u,inserts:d,moves:f}=n(a,l);if(u.length===l.length||d.length===l.length){s(),c(l),a=l;return}for(let e=u.length-1;e>=0;e--){let t=u[e].key;i.get(t)?.remove(),i.delete(t),r.delete(t)}for(let t=f.length-1;t>=0;t--){let n=i.get(f[t].key),r=i.get(f[t].beforeKey);n&&r?r.before(n):n&&e.before(n)}for(let e=d.length-1;e>=0;e--){let t=i.get(d[e].beforeKey);o(d[e].value,t)}for(let e=0;e<l.length;e++)r.get(l[e].key)?.update(l[e].values);a=l},dispose:()=>{s(),a=[]}}},g=(e,t)=>{let n,{name:r}=t;return t=>{if(t===void 0)return;let i=String(t);n!==i&&(n=i,e.setAttribute(r,i))}},_=(e,t)=>{let n,r=`on${t.name.slice(1)}`;return t=>{t===void 0||n===t||(n=t,e[r]=t)}},v=(e,t)=>{let n=t.name.slice(1);return t=>{let r=e;r.$props&&r.$props.set(n,t)}},y=e=>t=>{if(t===void 0)return;let n=t,r=e;r.value!==n.value&&(r.value=n.value),e.oninput||=e=>{n.value=e.target.value}},b=e=>t=>{t!==void 0&&(t.value=e)},x=t=>{let n=t.getAttribute(`class`)||``,r;return i=>{if(i==null){n.length&&r!==n&&(r=n,t.setAttribute(`class`,n));return}if(typeof i==`string`){let a=e.a(n,i);r!==a&&(r=a,t.setAttribute(`class`,a));return}if(typeof i==`object`){let a=``;for(let[e,t]of Object.entries(i))t&&(a.length&&(a+=` `),a+=e);let o=e.a(n,a);r!==o&&(r=o,t.setAttribute(`class`,o))}}},S={[e.o.STD]:g,[e.o.EVENT]:_,[e.o.PROP]:v,[e.o.MODEL]:e=>y(e),[e.o.REF]:e=>b(e),[e.o.DIRECT_CLASS]:e=>x(e)},C=t=>{let n=new Map,r=[],i,a=``,{strings:s}=t;for(let t=0,n=s.length;t<n;t++)if(a+=s[t],t<n-1){let n=o(s[t],t);n&&r.push(n),a+=e.i(t)}a=e.n(e.t(a));let c=()=>(i||(i=document.createElement(`template`),i.innerHTML=a),i.content.cloneNode(!0)),u=(t,i)=>{let a=document.createTreeWalker(t,NodeFilter.SHOW_COMMENT,null);for(;a.nextNode();){let{nodeValue:t}=a.currentNode;if(t?.startsWith(`₥`)){let r=e.r(t);n.set(r,f(i[r],a.currentNode,C))}}l(t,r,n)};return{mount:(e,t)=>{let n=c();u(n,t),e.appendChild(n)},mountBefore:(e,t)=>{let n=c();u(n,t);let r=Array.from(n.childNodes);return e.before(n),r},update:e=>{for(let[t,r]of n)r(e[t])}}},w=(e,...t)=>({strings:e,values:t,key:``}),T=Symbol(),E=(e,t)=>{if(!t)throw Error(`render method needs to accept instance of HTMLElement`);let n=t;n[T]||(n[T]=new Map);let r=n[T],i=r.get(e.strings);i||(i=C(e),r.set(e.strings,i),i.mount(t,e.values)),i.update(e.values)};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return w}});

package/dist/render.d.ts

@@ -0,0 +1,2 @@
+export { html, render } from './src/renderer/render';
+export type { HtmlTemplate } from './src/renderer/types';

package/dist/render.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./render-GbmCSARc.js");exports.html=e.t,exports.render=e.n;

package/dist/signal.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./types-v1ChTfwQ.js"),t=require("./Reactive-CQV_s8zX.js");var n=(n,r)=>new t.t(n,r||e.t.SIGNAL);exports.signal=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./types-CoiQASBn.js"),t=require("./Reactive-CQV_s8zX.js");var n=(n,r)=>new t.t(n,r||e.t.SIGNAL);exports.signal=n;

package/dist/src/renderer/diff.d.ts

@@ -0,0 +1,19 @@
+import type { HtmlTemplate } from './types';
+export type DiffDeleteOp = {
+    key: string;
+};
+export type DiffInsertOp = {
+    key: string;
+    value: HtmlTemplate;
+    beforeKey?: string;
+};
+export type DiffMoveOp = {
+    key: string;
+    beforeKey?: string;
+};
+export type DiffResult = {
+    deletes: DiffDeleteOp[];
+    inserts: DiffInsertOp[];
+    moves: DiffMoveOp[];
+};
+export declare const diff: (oldArr: HtmlTemplate[], newArr: HtmlTemplate[]) => DiffResult;

package/dist/src/renderer/directives.d.ts

@@ -0,0 +1,2 @@
+import type { HtmlTemplate } from './types';
+export declare const repeat: <T = unknown>(list: T[], callback: (val: T, index: number) => HtmlTemplate, key?: (val: T, index: number) => string) => HtmlTemplate[];

package/dist/src/renderer/fragment.d.ts

@@ -0,0 +1,2 @@
+import type { Fragment, HtmlTemplate } from './types';
+export declare const createFragment: (template: HtmlTemplate) => Fragment;

package/dist/src/renderer/holes.d.ts

@@ -0,0 +1,7 @@
+import { type AttrDef, type Fragment, type Hole, type HtmlTemplate } from './types';
+export declare const isTemplate: (v: unknown) => v is HtmlTemplate;
+export declare const detectAttribute: (raw: string, index: number) => AttrDef | undefined;
+export declare const hydrateAttributes: (frag: DocumentFragment, attrs: AttrDef[], holes: Map<number, Hole>) => void;
+type MkFrag = (t: HtmlTemplate) => Fragment;
+export declare const createContentHole: (_value: unknown, anchor: Comment, mk: MkFrag) => Hole;
+export {};

package/dist/src/renderer/render.d.ts

@@ -0,0 +1,3 @@
+import type { HtmlTemplate } from './types';
+export declare const html: (strings: TemplateStringsArray, ...values: unknown[]) => HtmlTemplate;
+export declare const render: (template: HtmlTemplate, container: HTMLElement | null) => void;

package/dist/src/renderer/types.d.ts

@@ -0,0 +1,28 @@
+export type HtmlTemplate = {
+    strings: TemplateStringsArray;
+    values: unknown[];
+    key: string;
+};
+export type Hole = (value: unknown) => void;
+export type Fragment = {
+    mount(target: ParentNode, values: unknown[]): void;
+    mountBefore(ref: ChildNode, values: unknown[]): ChildNode[];
+    update(values: unknown[]): void;
+};
+export declare const MARKER = "\u20A5";
+export declare const Attr: {
+    readonly EVENT: 0;
+    readonly PROP: 1;
+    readonly MODEL: 2;
+    readonly STD: 3;
+    readonly REF: 4;
+    readonly DIRECT_CLASS: 5;
+};
+export type Attr = (typeof Attr)[keyof typeof Attr];
+export type AttrDef = {
+    index: number;
+    name: string;
+    value: string;
+    virtual: boolean;
+    type: Attr;
+};

package/dist/src/renderer/utils.d.ts

@@ -0,0 +1,14 @@
+export declare const indexFromMarker: (comment: string) => number;
+export declare const makeMarker: (index: number) => string;
+export declare const fixAttributeQuotes: (input: string) => string;
+/**
+ * Browsers do NOT honor XHTML-style self-closing on non-void HTML elements:
+ * `<pf-foo />` is parsed as `<pf-foo>` (open) and everything after becomes
+ * its child until a closing tag is found. This preprocessor rewrites
+ * self-closing non-void tags into explicit open + close so the parser
+ * handles them as intended. The attribute matcher treats quoted strings
+ * as a single unit so embedded `>` (e.g. inside `<!--MARKER-->` hole
+ * placeholders) doesn't terminate the match.
+ */
+export declare const fixSelfClosing: (input: string) => string;
+export declare const mergeClasses: (a: string, b: string) => string;

package/dist/src/testing/html.d.ts

@@ -0,0 +1 @@
+export declare const HTML: (element: HTMLElement) => string;

package/dist/src/testing/mocks/MockCSSStyleSheet.d.ts

@@ -0,0 +1,15 @@
+export declare class MockCSSStyleSheet {
+    cssRules: CSSRuleMock[];
+    constructor();
+    insertRule(rule: string, index?: number): number;
+    deleteRule(index: number): void;
+    replaceSync(cssText: string): void;
+}
+declare class CSSRuleMock {
+    cssText: string;
+    parentRule: CSSRule | null;
+    parentStyleSheet: CSSStyleSheet | null;
+    type: number;
+    constructor(cssText: string);
+}
+export {};

package/dist/src/testing/present.d.ts

@@ -0,0 +1,8 @@
+import type { Template } from './types';
+export type Presenter = {
+    screen(template: Template): Presenter;
+    body(): HTMLElement;
+    root<Component extends HTMLElement>(): Component;
+    getComponent<Component extends HTMLElement>(tag: string): Component;
+};
+export declare const present: () => Presenter;

package/dist/src/testing/shadowRoot.d.ts

@@ -0,0 +1,3 @@
+export declare const queryAll: <T extends HTMLElement = HTMLElement>(root: HTMLElement | ShadowRoot, selector: string) => T[];
+export declare const query: <T extends HTMLElement = HTMLElement>(root: HTMLElement | ShadowRoot, selector: string) => T | undefined;
+export declare const waitFor: <T extends HTMLElement = HTMLElement>(root: HTMLElement | ShadowRoot, selector: string, timeoutMs?: number) => Promise<T>;

package/dist/src/testing/types.d.ts

@@ -0,0 +1,2 @@
+import type { HtmlTemplate } from '../renderer/types';
+export type Template = HtmlTemplate;

package/dist/src/types.d.ts

@@ -1,4 +1,4 @@
-import { type HtmlTemplate } from '@neuralfog/elemix-renderer';
+import type { HtmlTemplate } from './renderer/types';
 export type Template = HtmlTemplate;
 export declare const html: (strings: TemplateStringsArray, ...values: unknown[]) => HtmlTemplate;
 export declare const RenderTrigger: {

package/dist/test/bundle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/component.test.d.ts

@@ -0,0 +1 @@
+import './fixtures/StyledHost';

package/dist/test/decorator-edge.test.d.ts

@@ -0,0 +1 @@
+import './fixtures/DecoratorEdge';

package/dist/test/fixtures/DecoratorEdge.d.ts

@@ -0,0 +1,14 @@
+import { Component } from '../../src/component/Component';
+import { type Template } from '../../src/types';
+export declare class FirstDefinition extends Component {
+    template: () => Template;
+}
+export declare class PreExistingTag extends Component {
+    template: () => Template;
+}
+export declare class RepeatedStateDecorator extends Component {
+    data: {
+        value: string;
+    };
+    template: () => Template;
+}

package/dist/test/fixtures/StyledHost.d.ts

@@ -0,0 +1,14 @@
+import { Component } from '../../src/component/Component';
+import type { Template } from '../../src/types';
+export declare class StyledHost extends Component {
+    template: () => Template;
+}
+export declare class UnstyledHost extends Component {
+    template: () => Template;
+}
+export declare class MultiStyledHost extends Component {
+    template: () => Template;
+}
+export declare class SlotHost extends Component {
+    template: () => Template;
+}

package/dist/test/fixtures/renderer/SelfClosing.d.ts

@@ -0,0 +1,26 @@
+import { Component } from '../../../src/component/Component';
+import { type Template } from '../../../src/types';
+export declare class SelfClosingChild extends Component {
+    template: () => Template;
+}
+export declare class SelfClosingHost extends Component {
+    template: () => Template;
+}
+export declare class SelfClosingSlots extends Component {
+    template: () => Template;
+}
+export declare class SelfClosingSlotHost extends Component {
+    template: () => Template;
+}
+export declare class VoidElementHost extends Component {
+    template: () => Template;
+}
+export declare class ConditionalSelfClose extends Component {
+    showIcon: boolean;
+    template: () => Template;
+}
+export declare class SearchWithClear extends Component {
+    query: string;
+    private clear;
+    template: () => Template;
+}

package/dist/test/reactive-collections.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/renderer/self-closing.test.d.ts

@@ -0,0 +1 @@
+import '../fixtures/renderer/SelfClosing';

package/dist/test/testing-mocks.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/testing-shadow-root.test.d.ts

@@ -0,0 +1 @@
+import './fixtures/StyledHost';

package/dist/test/utilities.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/testing/index.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/testing/present';
+export { query, queryAll, waitFor, } from '../src/testing/shadowRoot';
+export type { Template } from '../src/testing/types';

package/dist/testing/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../render-GbmCSARc.js");var t=(e,n)=>{let r=Array.from(e.querySelectorAll(n)),i=e=>{for(let i of t(e,n))r.includes(i)||r.push(i)};e instanceof HTMLElement&&e.shadowRoot&&i(e.shadowRoot);for(let t of e.querySelectorAll(`*`))t.shadowRoot&&i(t.shadowRoot);return r},n=(e,n)=>t(e,n)[0],r=async(e,t,r=2e3)=>{let i=performance.now();for(;performance.now()-i<r;){let r=n(e,t);if(r)return r;await new Promise(e=>setTimeout(e,25))}throw Error(`Timeout waiting for ${t}`)},i=()=>{let t={screen(n){return e.n(n,document.body),t},body(){return document.body},root(){return document.body.firstElementChild},getComponent(e){return n(document.body,e)}};return t};exports.present=i,exports.query=n,exports.queryAll=t,exports.waitFor=r;

package/dist/testing/mocks.d.ts

@@ -0,0 +1 @@
+export * from '../src/testing/mocks/MockCSSStyleSheet';

package/dist/testing/mocks.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=class{cssRules;constructor(){this.cssRules=[]}insertRule(e,n){if(n===void 0&&(n=this.cssRules.length),n<0||n>this.cssRules.length)throw RangeError(`Index size error`);return this.cssRules.splice(n,0,new t(e)),n}deleteRule(e){if(e<0||e>=this.cssRules.length)throw RangeError(`Index size error`);this.cssRules.splice(e,1)}replaceSync(e){this.cssRules=e.split(/(?<=})\s*/).filter(e=>e.trim()).map(e=>new t(e))}},t=class{cssText;parentRule;parentStyleSheet;type;constructor(e){this.cssText=e,this.parentRule=null,this.parentStyleSheet=null,this.type=CSSRule.STYLE_RULE}};exports.MockCSSStyleSheet=e;

package/dist/testing/snapshots.d.ts

@@ -0,0 +1 @@
+export * from '../src/testing/html';

package/dist/testing/snapshots.js

@@ -0,0 +1,3 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("unified"),l=require("rehype-parse");l=s(l);let u=require("rehype-format");u=s(u);let d=require("rehype-stringify");d=s(d);var f=e=>(0,c.unified)().use(l.default,{fragment:!0}).use(u.default).use(d.default).processSync(e).toString(),p=e=>{if(!e)return``;if(e.nodeType===3&&e.textContent)return e.textContent.trim();if(e.nodeType!==1)return``;let t=``,n=e.cloneNode();if(e.shadowRoot&&(t+=`
+<!-- #shadowroot -->
+`),e=e.shadowRoot||e,e.children.length)for(let n of e.childNodes)n.assignedNodes?n.assignedNodes()[0]?n.nodeName.includes(`-`)?t+=`\n${p(n.assignedNodes()[0])}\n`:t+=p(n.assignedNodes()[0]):n.nodeName.includes(`-`)?t+=`\n${n.innerHTML}\n`:t+=n.innerHTML:n.nodeName.includes(`-`)?t+=`\n${p(n)}\n`:t+=p(n);else t=e.innerHTML;return n.innerHTML=t,n.outerHTML},m=e=>f(p(e));exports.HTML=m;

package/dist/types-CoiQASBn.js

@@ -0,0 +1 @@
+var e=require("./render-GbmCSARc.js").t,t={PROPS:`PROPS`,SIGNAL:`SIGNAL`,LOCAL_STATE:`LOCAL_STATE`,ON_MOUNT:`ON_MOUNT`};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});

package/dist/utilities.d.ts

@@ -1,2 +1,2 @@
-export { mergeClasses } from '@neuralfog/elemix-renderer/utils';
+export { mergeClasses } from './src/renderer/utils';
 export * from './src/utilities';

package/dist/utilities.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./chunk-NGjzN6Tu.js"),t=require("./utilities-COO_YT_a.js");var n=e.t((e=>{var t={EVENT:0,PROP:1,MODEL:2,STD:3,REF:4,BIND_ATTRS:5,BIND_EVENTS:6,DIRECT_CLASS:7},n=RegExp(`₥(\\d+)`),r=e=>{let t=e.match(n);if(!t)throw Error(`Unable to extract index from hole comment`);return Number(t[1])},i=e=>`<!--₥${e}-->`,a=e=>e.replace(/(\S+)=((<!--[\s\S]*?-->)|([^\s">]+))/g,`$1="$2"`),o=new Set([`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`link`,`meta`,`source`,`track`,`wbr`]),s=/<([a-zA-Z][a-zA-Z0-9-]*)([^>]*?)\s*\/>/g,c=e=>e.replace(s,(e,t,n)=>o.has(t.toLowerCase())?e:`<${t}${n}></${t}>`),l=e=>e.replace(/([A-Z])/g,e=>`-${e.toLowerCase()}`),u=(e,t)=>{let n=new Set,r=``,i=e=>{let t=e.split(` `);for(let e=0;e<t.length;e++){let i=t[e];i&&!n.has(i)&&(n.add(i),r.length&&(r+=` `),r+=i)}};return i(e),i(t),r};Object.defineProperty(e,"a",{enumerable:!0,get:function(){return i}}),Object.defineProperty(e,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(e,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(e,"o",{enumerable:!0,get:function(){return u}}),Object.defineProperty(e,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(e,"s",{enumerable:!0,get:function(){return t}}),Object.defineProperty(e,"t",{enumerable:!0,get:function(){return l}})})),r=e.t((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`}),e.mergeClasses=n().o}))();exports.camelToKebabCase=t.t,exports.fastUID=t.n,exports.makeCssStylesheet=t.r,Object.defineProperty(exports,"mergeClasses",{enumerable:!0,get:function(){return r.mergeClasses}}),exports.ref=t.i,exports.render=t.a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./utils-C1MFaM_r.js"),t=require("./utilities-COO_YT_a.js");exports.camelToKebabCase=t.t,exports.fastUID=t.n,exports.makeCssStylesheet=t.r,exports.mergeClasses=e.a,exports.ref=t.i,exports.render=t.a;

package/dist/utils-C1MFaM_r.js

@@ -0,0 +1 @@
+var e={EVENT:0,PROP:1,MODEL:2,STD:3,REF:4,DIRECT_CLASS:5},t=RegExp(`₥(\\d+)`),n=e=>{let n=e.match(t);if(!n)throw Error(`Unable to extract index from hole comment`);return Number(n[1])},r=e=>`<!--₥${e}-->`,i=e=>e.replace(/(\S+)=((<!--[\s\S]*?-->)|([^\s">]+))/g,`$1="$2"`),a=new Set([`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`link`,`meta`,`source`,`track`,`wbr`]),o=/<([a-zA-Z][a-zA-Z0-9-]*)((?:"<!--[\s\S]*?-->"|"[^"<>]*"|'[^'<>]*'|[^<>])*?)\s*\/>/g,s=e=>e.replace(o,(e,t,n)=>a.has(t.toLowerCase())?e:`<${t}${n}></${t}>`),c=(e,t)=>{let n=new Set,r=``,i=e=>{let t=e.split(` `);for(let e=0;e<t.length;e++){let i=t[e];i&&!n.has(i)&&(n.add(i),r.length&&(r+=` `),r+=i)}};return i(e),i(t),r};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@neuralfog/elemix",
-    "version": "0.3.0",
+    "version": "0.5.0",
     "license": "MIT",
     "author": "brownhounds",
     "main": "dist/index.js",
@@ -10,11 +10,15 @@
         ".": "./dist/index.js",
         "./decorators": "./dist/decorators.js",
         "./directives": "./dist/directives.js",
+        "./render": "./dist/render.js",
         "./signal": "./dist/signal.js",
         "./reactive": "./dist/reactive.js",
         "./config": "./dist/config.js",
         "./app": "./dist/app.js",
-        "./utilities": "./dist/utilities.js"
+        "./utilities": "./dist/utilities.js",
+        "./testing": "./dist/testing/index.js",
+        "./testing/snapshots": "./dist/testing/snapshots.js",
+        "./testing/mocks": "./dist/testing/mocks.js"
     },
     "scripts": {
         "clean": "rm -rf ./dist ./bundle ./coverage",
@@ -30,19 +34,32 @@
         "lint:fix": "biome format --write && biome lint --fix",
         "release": "npm run clean && npm run build && npm publish --access public"
     },
+    "peerDependencies": {
+        "rehype-format": "5.0.1",
+        "rehype-parse": "9.0.1",
+        "rehype-stringify": "10.0.1",
+        "unified": "11.0.5"
+    },
+    "peerDependenciesMeta": {
+        "rehype-format": { "optional": true },
+        "rehype-parse": { "optional": true },
+        "rehype-stringify": { "optional": true },
+        "unified": { "optional": true }
+    },
     "devDependencies": {
         "@neuralfog/biome-config": "0.1.2",
-        "@neuralfog/elemix-testing": "0.2.0",
         "@neuralfog/ts-config": "0.1.2",
+        "@types/node": "25.9.1",
         "@vitest/coverage-v8": "4.1.7",
         "@vitest/ui": "4.1.7",
         "esbuild": "0.28.0",
         "jsdom": "29.1.1",
+        "rehype-format": "5.0.1",
+        "rehype-parse": "9.0.1",
+        "rehype-stringify": "10.0.1",
         "typescript": "6.0.3",
+        "unified": "11.0.5",
         "vite": "8.0.14",
         "vitest": "4.1.7"
-    },
-    "peerDependencies": {
-        "@neuralfog/elemix-renderer": "0.4.0"
     }
 }

package/dist/chunk-NGjzN6Tu.js

@@ -1 +0,0 @@
-var e=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports);Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/dist/types-v1ChTfwQ.js

@@ -1 +0,0 @@
-var e=require("@neuralfog/elemix-renderer").html,t={PROPS:`PROPS`,SIGNAL:`SIGNAL`,LOCAL_STATE:`LOCAL_STATE`,ON_MOUNT:`ON_MOUNT`};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});