@geajs/ui 0.2.3 → 0.2.9

package/dist/accordion.d.mts

@@ -7,7 +7,7 @@ declare class Accordion extends ZagComponent {
   value: string[];
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: any;
+    id: string;
     value: any;
     defaultValue: any;
     multiple: any;
@@ -27,7 +27,7 @@ declare class Accordion extends ZagComponent {
     '[data-part="item-indicator"]': (api: any, el: any) => any;
   };
   syncState(api: any): void;
-  template(props: any): string;
+  template(props: any): any;
 }
 //#endregion
 export { Accordion as default };

package/dist/accordion.mjs

@@ -1,15 +1,27 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_ON_PROP_CHANGE, GEA_REGISTER_MAP, GEA_SYNC_MAP } from "@geajs/core";
+import { t as NOOP_DISPOSER } from "./disposer.mjs";
+import { o as GEA_CREATE_TEMPLATE, u as GEA_PROXY_RAW } from "./bind.mjs";
+import { n as _DIRTY_PROPS } from "./dirty-symbols.mjs";
+import { t as reactiveClass } from "./reactive-class.mjs";
+import { n as _rescue, t as keyedList } from "./keyed-list.mjs";
+import { t as GEA_DOM_ITEM } from "./keyed-list-symbols.mjs";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as accordion from "@zag-js/accordion";
 //#region src/components/accordion.tsx
-const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+let _tpl0_root = null;
+function _tpl0_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div data-part=root><!--1-->";
+	return t.content.firstChild;
+}
+let _tpl1_root = null;
+function _tpl1_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div data-part=item class=\"accordion-item border-b\"><h3><button data-part=item-trigger class=\"accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all\"><!--3--><span data-part=item-indicator class=\"accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200\">▶</span></button></h3><div data-part=item-content class=\"accordion-content overflow-hidden text-sm\"><div class=\"pb-4 pt-0\">0";
+	return t.content.firstChild;
+}
+const __rq_L0 = /* @__PURE__ */ new Map();
 var Accordion = class extends ZagComponent {
-	static {
-		this.__geaTagName = "gea-accordion";
-	}
-	#__rowEls_list;
-	#__dc___unresolved_0;
 	createMachine(_props) {
 		return accordion.machine;
 	}
@@ -43,122 +55,80 @@ var Accordion = class extends ZagComponent {
 	syncState(api) {
 		this.value = api.value;
 	}
-	template(props) {
-		const __id = this.id;
-		Component._register(ZagComponent, "zag-component");
-		const items = props.items || [];
-		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}>${items.map((item) => `<div data-gid="${item?.value ?? item}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-item border-b"><h3><button data-part="item-trigger"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all">${item.label}<span data-part="item-indicator"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200">▶</span></button></h3><div data-part="item-content"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-content overflow-hidden text-sm"><div class="pb-4 pt-0">${item.content}</div></div></div>`).join("") + "<!---->"}</div>`;
-	}
-	render__unresolved_0Item(item) {
-		return `<div data-gid="${item?.value ?? item}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="accordion-item border-b"><h3><button data-part="item-trigger"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all">${item.label}<span data-part="item-indicator"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200">▶</span></button></h3><div data-part="item-content"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="accordion-content overflow-hidden text-sm"><div class="pb-4 pt-0">${item.content}</div></div></div>`;
-	}
-	create__unresolved_0Item(item) {
-		var __c = this.#__dc___unresolved_0 || (this.#__dc___unresolved_0 = this.____unresolved_0_container);
-		if (!__c.__geaTpl) try {
-			var __tw = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item({
-				value: 0,
-				label: " ",
-				content: " "
-			});
-			__c.__geaTpl = __tw.content.firstElementChild;
-			__c.__geaTpl?.removeAttribute("data-gid");
-		} catch (__err) {
-			console.error(__err);
-		}
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item);
-			var el = __fw.content.firstElementChild;
-		}
-		el.__ref_0_0 = el.firstElementChild.firstElementChild;
-		el.__ref_0_0_0 = el.firstElementChild.firstElementChild.firstElementChild;
-		el.__ref_1 = el.firstElementChild.nextElementSibling;
-		el.__ref_1_0 = el.firstElementChild.nextElementSibling.firstElementChild;
-		var __av = item.value;
-		if (__av == null || __av === false) el.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (el.getAttribute("data-value") !== __newAttr) el.setAttribute("data-value", __newAttr);
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) el.__ref_0_0.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (el.__ref_0_0.getAttribute("data-value") !== __newAttr) el.__ref_0_0.setAttribute("data-value", __newAttr);
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) el.__ref_0_0_0.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (el.__ref_0_0_0.getAttribute("data-value") !== __newAttr) el.__ref_0_0_0.setAttribute("data-value", __newAttr);
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (el.__ref_1.getAttribute("data-value") !== __newAttr) el.__ref_1.setAttribute("data-value", __newAttr);
-		}
-		if (el.__ref_1_0.textContent !== `${item.content}`) el.__ref_1_0.textContent = `${item.content}`;
-		el[GEA_DOM_KEY] = String(item?.value ?? item);
-		el[GEA_DOM_ITEM] = item;
-		return el;
-	}
-	patch__unresolved_0Item(row, item, __prevItem) {
-		if (!row) return;
-		if (!row.__ref_0_0) row.__ref_0_0 = row.firstElementChild.firstElementChild;
-		if (!row.__ref_0_0_0) row.__ref_0_0_0 = row.firstElementChild.firstElementChild.firstElementChild;
-		if (!row.__ref_1) row.__ref_1 = row.firstElementChild.nextElementSibling;
-		if (!row.__ref_1_0) row.__ref_1_0 = row.firstElementChild.nextElementSibling.firstElementChild;
-		var __av = item.value;
-		if (__av == null || __av === false) row.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (row.getAttribute("data-value") !== __newAttr) row.setAttribute("data-value", __newAttr);
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) row.__ref_0_0.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (row.__ref_0_0.getAttribute("data-value") !== __newAttr) row.__ref_0_0.setAttribute("data-value", __newAttr);
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) row.__ref_0_0_0.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (row.__ref_0_0_0.getAttribute("data-value") !== __newAttr) row.__ref_0_0_0.setAttribute("data-value", __newAttr);
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (row.__ref_1.getAttribute("data-value") !== __newAttr) row.__ref_1.setAttribute("data-value", __newAttr);
-		}
-		if (row.__ref_1_0.textContent !== `${item.content}`) row.__ref_1_0.textContent = `${item.content}`;
-		row[GEA_DOM_KEY] = String(item?.value ?? item);
-		(this.#__rowEls_list || (this.#__rowEls_list = {}))[String(item?.value ?? item)] = row;
-		row[GEA_DOM_ITEM] = item;
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		if (key === "class") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = value || "";
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
+	[GEA_CREATE_TEMPLATE](d) {
+		this.props.items;
+		const root = (_tpl0_root || (_tpl0_root = _tpl0_create())).cloneNode(true);
+		const el0 = root;
+		const anchor1 = root.firstChild;
+		reactiveClass(el0, d, this, () => this.props.class || "");
+		const __ki_L0 = (item, idx, d) => {
+			const root = (_tpl1_root || (_tpl1_root = _tpl1_create())).cloneNode(true);
+			root.setAttribute("data-value", String(item.value));
+			root.firstChild.firstChild.setAttribute("data-value", String(item.value));
+			{
+				const __n = root.firstChild.firstChild.firstChild;
+				__n.nodeValue = `${item.label ?? ""}`;
 			}
-		}
-		if (key === "items") this[GEA_SYNC_MAP](0);
-	}
-	__observe_local_props(__v, __c) {
-		this[GEA_SYNC_MAP](0);
-	}
-	createdHooks() {
-		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => this.$(":scope"), () => {
-			return this.props.items || [];
-		}, (__item) => this.create__unresolved_0Item(__item), "value");
+			root.firstChild.firstChild.childNodes[1].setAttribute("data-value", String(item.value));
+			root.childNodes[1].setAttribute("data-value", String(item.value));
+			{
+				const __n = root.childNodes[1].firstChild.firstChild;
+				__n.nodeValue = `${item.content ?? ""}`;
+			}
+			root[GEA_DOM_ITEM] = item;
+			return root;
+		};
+		const __kp_L0 = (el, item) => {
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("value")) el.setAttribute("data-value", String(item.value));
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("value")) (el.__r0 || (el.__r0 = el.firstChild.firstChild)).setAttribute("data-value", String(item.value));
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("label")) {
+				const __n = el.firstChild.firstChild.firstChild;
+				__n.nodeValue = `${item.label ?? ""}`;
+			}
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("value")) (el.__r1 || (el.__r1 = el.firstChild.firstChild.childNodes[1])).setAttribute("data-value", String(item.value));
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("value")) (el.__r2 || (el.__r2 = el.childNodes[1])).setAttribute("data-value", String(item.value));
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("content")) {
+				const __n = el.__r3 || (el.__r3 = el.childNodes[1].firstChild.firstChild);
+				__n.nodeValue = `${item.content ?? ""}`;
+			}
+		};
+		keyedList({
+			container: anchor1.parentNode,
+			anchor: anchor1,
+			disposer: d,
+			root: this,
+			pending: __rq_L0,
+			path: () => this.props.items || [],
+			key: (item, idx) => item.value,
+			createEntry: (item, idx) => {
+				const __k = item.value;
+				const __r = _rescue(__rq_L0, String(__k), item);
+				if (__r) {
+					const __raw = item && item[GEA_PROXY_RAW] || item;
+					if (__r.item !== __raw) {
+						const __prev = __r.item;
+						__r.item = __raw;
+						__kp_L0(__r.element, item, __prev, idx);
+					}
+					return __r;
+				}
+				const __rd = NOOP_DISPOSER;
+				const __obs = null;
+				const __el = __ki_L0(item, idx, __rd);
+				return {
+					key: __k,
+					item: item && item[GEA_PROXY_RAW] || item,
+					element: __el,
+					disposer: __rd,
+					obs: __obs
+				};
+			},
+			patchEntry: (e, newItem, newIdx) => {
+				e.item = newItem && newItem[GEA_PROXY_RAW] || newItem;
+				__kp_L0(e.element, newItem);
+			}
+		});
+		return root;
 	}
 };
 //#endregion

package/dist/accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.mjs","names":["__v","v","valueOf","Component","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_SYNC_MAP","GEA_REGISTER_MAP","accordion","normalizeProps","ZagComponent","Accordion","__geaTagName","__rowEls_list","__dc___unresolved_0","value","createMachine","_props","machine","getMachineProps","props","id","defaultValue","multiple","collapsible","disabled","orientation","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","HTMLElement","dataset","[data-part=\"item-trigger\"]","getItemTriggerProps","[data-part=\"item-content\"]","getItemContentProps","[data-part=\"item-indicator\"]","getItemIndicatorProps","syncState","template","__id","_register","items","class","String","trim","map","item","label","content","join","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__ref_0_0","__ref_0_0_0","__ref_1","nextElementSibling","__ref_1_0","__av","__newAttr","getAttribute","setAttribute","textContent","patch__unresolved_0Item","row","__prevItem","key","__el","__boundValue","__newClass","replace","className","__observe_local_props","createdHooks","$","__item"],"sources":["../src/components/accordion.tsx"],"sourcesContent":["import * as accordion from '@zag-js/accordion'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Accordion extends ZagComponent {\n  declare value: string[]\n\n  createMachine(_props: any): any {\n    return accordion.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      multiple: props.multiple ?? false,\n      collapsible: props.collapsible ?? false,\n      disabled: props.disabled,\n      orientation: props.orientation ?? 'vertical',\n      onValueChange: (details: accordion.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return accordion.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"item\"]': (api, el) => api.getItemProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-trigger\"]': (api, el) => api.getItemTriggerProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-content\"]': (api, el) => api.getItemContentProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-indicator\"]': (api, el) =>\n        api.getItemIndicatorProps({ value: (el as HTMLElement).dataset.value }),\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {items.map((item: any) => (\n          <div key={item.value} data-part=\"item\" data-value={item.value} class=\"accordion-item border-b\">\n            <h3>\n              <button\n                data-part=\"item-trigger\"\n                data-value={item.value}\n                class=\"accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all\"\n              >\n                {item.label}\n                <span\n                  data-part=\"item-indicator\"\n                  data-value={item.value}\n                  class=\"accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200\"\n                >\n                  &#x25B6;\n                </span>\n              </button>\n            </h3>\n            <div data-part=\"item-content\" data-value={item.value} class=\"accordion-content overflow-hidden text-sm\">\n              <div class=\"pb-4 pt-0\">{item.content}</div>\n            </div>\n          </div>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"accordion.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClass","reactiveAttr","reactiveTextValue","GEA_DIRTY_PROPS","GEA_DOM_ITEM","GEA_PROXY_RAW","_rescue","NOOP_DISPOSER","keyedList","accordion","normalizeProps","ZagComponent","_tpl0_root","_tpl0_create","t","document","createElement","innerHTML","content","firstChild","_tpl1_root","_tpl1_create","__rq_L0","Map","Accordion","value","createMachine","_props","machine","getMachineProps","props","id","defaultValue","multiple","collapsible","disabled","orientation","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","HTMLElement","dataset","[data-part=\"item-trigger\"]","getItemTriggerProps","[data-part=\"item-content\"]","getItemContentProps","[data-part=\"item-indicator\"]","getItemIndicatorProps","syncState","d","items","root","cloneNode","el0","anchor1","class","__ki_L0","item","idx","setAttribute","String","__n","nodeValue","label","childNodes","__kp_L0","has","__r0","__r1","__r2","__r3","container","parentNode","anchor","disposer","pending","path","key","createEntry","__k","__r","__raw","__prev","element","__rd","__obs","__li","__el","obs","patchEntry","e","newItem","newIdx"],"sources":["../src/components/accordion.tsx"],"sourcesContent":["import * as accordion from '@zag-js/accordion'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Accordion extends ZagComponent {\n  declare value: string[]\n\n  createMachine(_props: any): any {\n    return accordion.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      multiple: props.multiple ?? false,\n      collapsible: props.collapsible ?? false,\n      disabled: props.disabled,\n      orientation: props.orientation ?? 'vertical',\n      onValueChange: (details: accordion.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return accordion.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"item\"]': (api, el) => api.getItemProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-trigger\"]': (api, el) => api.getItemTriggerProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-content\"]': (api, el) => api.getItemContentProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-indicator\"]': (api, el) =>\n        api.getItemIndicatorProps({ value: (el as HTMLElement).dataset.value }),\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {items.map((item: any) => (\n          <div key={item.value} data-part=\"item\" data-value={item.value} class=\"accordion-item border-b\">\n            <h3>\n              <button\n                data-part=\"item-trigger\"\n                data-value={item.value}\n                class=\"accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all\"\n              >\n                {item.label}\n                <span\n                  data-part=\"item-indicator\"\n                  data-value={item.value}\n                  class=\"accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200\"\n                >\n                  &#x25B6;\n                </span>\n              </button>\n            </h3>\n            <div data-part=\"item-content\" data-value={item.value} class=\"accordion-content overflow-hidden text-sm\">\n              <div class=\"pb-4 pt-0\">{item.content}</div>\n            </div>\n          </div>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/alert.d.mts

@@ -2,13 +2,13 @@ import { Component } from "@geajs/core";
 
 //#region src/components/alert.d.ts
 declare class Alert extends Component {
-  template(props: any): string;
+  template(props: any): any;
 }
 declare class AlertTitle extends Component {
-  template(props: any): string;
+  template(props: any): any;
 }
 declare class AlertDescription extends Component {
-  template(props: any): string;
+  template(props: any): any;
 }
 //#endregion
 export { Alert, AlertDescription, AlertTitle };

package/dist/alert.mjs

@@ -1,119 +1,57 @@
-import { t as cn } from "./cn.mjs";
-import { Component, GEA_ELEMENT, GEA_INSTANTIATE_CHILD_COMPONENTS, GEA_MOUNT_COMPILED_CHILD_COMPONENTS, GEA_ON_PROP_CHANGE, GEA_PATCH_NODE } from "@geajs/core";
+import { n as cn, t as CompiledComponent } from "./compiled-component.mjs";
+import { o as GEA_CREATE_TEMPLATE } from "./bind.mjs";
+import { t as reactiveText } from "./reactive-text.mjs";
+import { t as reactiveClass } from "./reactive-class.mjs";
 //#region src/components/alert.tsx
 const variants = {
 	default: "bg-background text-foreground",
 	destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
 };
-var Alert = class extends Component {
-	static {
-		this.__geaTagName = "gea-alert";
-	}
-	template(props) {
-		const __id = this.id;
-		const variant = variants[props.variant || "default"] || variants.default;
-		return `<div id="${__id}"${cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variant, props.class) == null || cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variant, props.class) === false ? "" : ` class="${(cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variant, props.class) != null ? String(cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variant, props.class)) : "").trim()}"`} role="alert">${props.children}</div>`;
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		if (key === "variant") {
-			const __el = this[GEA_ELEMENT];
-			const __boundValue = cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variants[this.props.variant || "default"] || variants.default, this.props.class);
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
-			}
-		}
-		if (key === "class") {
-			const __el = this[GEA_ELEMENT];
-			const __boundValue = cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variants[this.props.variant || "default"] || variants.default, value);
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
-			}
-		}
-		if (key === "children") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) {
-				const __tw = document.createElement("template");
-				__tw.innerHTML = value;
-				const __newEl = __tw.content.firstElementChild;
-				const __existEl = __el.firstElementChild;
-				if (__newEl && __existEl && __tw.content.childNodes.length === 1) this.constructor[GEA_PATCH_NODE](__existEl, __newEl, true);
-				else if (__el.innerHTML !== value) {
-					__el.innerHTML = value;
-					this[GEA_INSTANTIATE_CHILD_COMPONENTS]();
-					if (this.parentComponent) this.parentComponent[GEA_MOUNT_COMPILED_CHILD_COMPONENTS]();
-				}
-			}
-		}
+let _tpl0_root = null;
+function _tpl0_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div role=alert>0";
+	return t.content.firstChild;
+}
+function _tpl1_create() {
+	const e = document.createElement("h5");
+	e.textContent = "0";
+	return e;
+}
+function _tpl2_create() {
+	const e = document.createElement("div");
+	e.textContent = "0";
+	return e;
+}
+var Alert = class extends CompiledComponent {
+	[GEA_CREATE_TEMPLATE](d) {
+		variants[this.props.variant || "default"] || variants.default;
+		const root = (_tpl0_root || (_tpl0_root = _tpl0_create())).cloneNode(true);
+		const el0 = root;
+		const marker1 = root.firstChild;
+		reactiveClass(el0, d, this, () => (variants.default, cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variants[this.props.variant || "default"] || variants.default, this.props.class)));
+		reactiveText(marker1, d, this, () => this.props.children);
+		return root;
 	}
 };
-var AlertTitle = class extends Component {
-	static {
-		this.__geaTagName = "alert-title";
-	}
-	template(props) {
-		return `<h5 id="${this.id}"${cn("mb-1 font-medium leading-none tracking-tight", props.class) == null || cn("mb-1 font-medium leading-none tracking-tight", props.class) === false ? "" : ` class="${(cn("mb-1 font-medium leading-none tracking-tight", props.class) != null ? String(cn("mb-1 font-medium leading-none tracking-tight", props.class)) : "").trim()}"`}>${props.children}</h5>`;
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		if (key === "class") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = cn("mb-1 font-medium leading-none tracking-tight", value);
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
-			}
-		}
-		if (key === "children") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) {
-				const __tw = document.createElement("template");
-				__tw.innerHTML = value;
-				const __newEl = __tw.content.firstElementChild;
-				const __existEl = __el.firstElementChild;
-				if (__newEl && __existEl && __tw.content.childNodes.length === 1) this.constructor[GEA_PATCH_NODE](__existEl, __newEl, true);
-				else if (__el.innerHTML !== value) {
-					__el.innerHTML = value;
-					this[GEA_INSTANTIATE_CHILD_COMPONENTS]();
-					if (this.parentComponent) this.parentComponent[GEA_MOUNT_COMPILED_CHILD_COMPONENTS]();
-				}
-			}
-		}
+var AlertTitle = class extends CompiledComponent {
+	[GEA_CREATE_TEMPLATE](d) {
+		const root = _tpl1_create();
+		const el0 = root;
+		const marker1 = root.firstChild;
+		reactiveClass(el0, d, this, () => cn("mb-1 font-medium leading-none tracking-tight", this.props.class));
+		reactiveText(marker1, d, this, () => this.props.children);
+		return root;
 	}
 };
-var AlertDescription = class extends Component {
-	static {
-		this.__geaTagName = "alert-description";
-	}
-	template(props) {
-		return `<div id="${this.id}"${cn("text-sm [&_p]:leading-relaxed", props.class) == null || cn("text-sm [&_p]:leading-relaxed", props.class) === false ? "" : ` class="${(cn("text-sm [&_p]:leading-relaxed", props.class) != null ? String(cn("text-sm [&_p]:leading-relaxed", props.class)) : "").trim()}"`}>${props.children}</div>`;
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		if (key === "class") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = cn("text-sm [&_p]:leading-relaxed", value);
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
-			}
-		}
-		if (key === "children") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) {
-				const __tw = document.createElement("template");
-				__tw.innerHTML = value;
-				const __newEl = __tw.content.firstElementChild;
-				const __existEl = __el.firstElementChild;
-				if (__newEl && __existEl && __tw.content.childNodes.length === 1) this.constructor[GEA_PATCH_NODE](__existEl, __newEl, true);
-				else if (__el.innerHTML !== value) {
-					__el.innerHTML = value;
-					this[GEA_INSTANTIATE_CHILD_COMPONENTS]();
-					if (this.parentComponent) this.parentComponent[GEA_MOUNT_COMPILED_CHILD_COMPONENTS]();
-				}
-			}
-		}
+var AlertDescription = class extends CompiledComponent {
+	[GEA_CREATE_TEMPLATE](d) {
+		const root = _tpl2_create();
+		const el0 = root;
+		const marker1 = root.firstChild;
+		reactiveClass(el0, d, this, () => cn("text-sm [&_p]:leading-relaxed", this.props.class));
+		reactiveText(marker1, d, this, () => this.props.children);
+		return root;
 	}
 };
 //#endregion

package/dist/alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.mjs","names":["Component","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_NODE","GEA_INSTANTIATE_CHILD_COMPONENTS","GEA_MOUNT_COMPILED_CHILD_COMPONENTS","cn","variants","Record","default","destructive","Alert","__geaTagName","template","props","__id","id","variant","class","String","trim","children","key","value","__el","__boundValue","__newClass","replace","className","__tw","document","createElement","innerHTML","__newEl","content","firstElementChild","__existEl","childNodes","length","constructor","parentComponent","AlertTitle","AlertDescription"],"sources":["../src/components/alert.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nconst variants: Record<string, string> = {\n  default: 'bg-background text-foreground',\n  destructive: 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',\n}\n\nexport class Alert extends Component {\n  template(props: any) {\n    const variant = variants[props.variant || 'default'] || variants.default\n\n    return (\n      <div\n        class={cn(\n          'relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7',\n          variant,\n          props.class,\n        )}\n        role=\"alert\"\n      >\n        {props.children}\n      </div>\n    )\n  }\n}\n\nexport class AlertTitle extends Component {\n  template(props: any) {\n    return <h5 class={cn('mb-1 font-medium leading-none tracking-tight', props.class)}>{props.children}</h5>\n  }\n}\n\nexport class AlertDescription extends Component {\n  template(props: any) {\n    return <div class={cn('text-sm [&_p]:leading-relaxed', props.class)}>{props.children}</div>\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"alert.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClass","reactiveText","CompiledComponent","Component","cn","variants","Record","default","destructive","_tpl0_root","_tpl0_create","t","document","createElement","innerHTML","content","firstChild","_tpl1_create","e","textContent","_tpl2_create","Alert","d","variant","props","root","cloneNode","el0","marker1","class","t1","children","AlertTitle","AlertDescription"],"sources":["../src/components/alert.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nconst variants: Record<string, string> = {\n  default: 'bg-background text-foreground',\n  destructive: 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',\n}\n\nexport class Alert extends Component {\n  template(props: any) {\n    const variant = variants[props.variant || 'default'] || variants.default\n\n    return (\n      <div\n        class={cn(\n          'relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7',\n          variant,\n          props.class,\n        )}\n        role=\"alert\"\n      >\n        {props.children}\n      </div>\n    )\n  }\n}\n\nexport class AlertTitle extends Component {\n  template(props: any) {\n    return <h5 class={cn('mb-1 font-medium leading-none tracking-tight', props.class)}>{props.children}</h5>\n  }\n}\n\nexport class AlertDescription extends Component {\n  template(props: any) {\n    return <div class={cn('text-sm [&_p]:leading-relaxed', props.class)}>{props.children}</div>\n  }\n}\n"],"mappings":";;;;;AAGA,MAAMM,WAAmC;CACvCE,SAAS;CACTC,aAAa;CACd;AACD,IAAIC,aAAa;AACjB,SAASC,eAAe;CACtB,MAAMC,IAAIC,SAASC,cAAc,WAAW;AAC5CF,GAAEG,YAAY;AACd,QAAOH,EAAEI,QAAQC;;AAEnB,SAASC,eAAe;CACtB,MAAMC,IAAIN,SAASC,cAAc,KAAK;AACtCK,GAAEC,cAAc;AAChB,QAAOD;;AAET,SAASE,eAAe;CACtB,MAAMF,IAAIN,SAASC,cAAc,MAAM;AACvCK,GAAEC,cAAc;AAChB,QAAOD;;AAET,IAAaG,QAAb,cAA2BnB,kBAAkB;CAC3C,CAACH,qBAAqBuB,GAAG;AACPjB,WAAS,KAAKmB,MAAMD,WAAW,cAAclB,SAASE;EACtE,MAAMkB,QAAQhB,eAAeA,aAAaC,cAAc,GAAGgB,UAAU,KAAK;EAC1E,MAAMC,MAAMF;EACZ,MAAMG,UAAUH,KAAKT;AACrBhB,gBAAc2B,KAAKL,GAAG,aAAkBjB,SAASE,SAASH,GAAG,2KAA2KC,SAAS,KAAKmB,MAAMD,WAAW,cAAclB,SAASE,SAAS,KAAKiB,MAAMK,MAAM,EAAE;AAE1T5B,eAAa6B,SAAIR,GAAG,YAAY,KAAKE,MAAMO,SAAS;AACpD,SAAON;;;AAGX,IAAaO,aAAb,cAAgC9B,kBAAkB;CAChD,CAACH,qBAAqBuB,GAAG;EACvB,MAAMG,OAAOR,cAAc;EAC3B,MAAMU,MAAMF;EACZ,MAAMG,UAAUH,KAAKT;AACrBhB,gBAAc2B,KAAKL,GAAG,YAAYlB,GAAG,gDAAgD,KAAKoB,MAAMK,MAAM,CAAC;AAEvG5B,eAAa6B,SAAIR,GAAG,YAAY,KAAKE,MAAMO,SAAS;AACpD,SAAON;;;AAGX,IAAaQ,mBAAb,cAAsC/B,kBAAkB;CACtD,CAACH,qBAAqBuB,GAAG;EACvB,MAAMG,OAAOL,cAAc;EAC3B,MAAMO,MAAMF;EACZ,MAAMG,UAAUH,KAAKT;AACrBhB,gBAAc2B,KAAKL,GAAG,YAAYlB,GAAG,iCAAiC,KAAKoB,MAAMK,MAAM,CAAC;AAExF5B,eAAa6B,SAAIR,GAAG,YAAY,KAAKE,MAAMO,SAAS;AACpD,SAAON"}

package/dist/avatar.d.mts

@@ -7,7 +7,7 @@ declare class Avatar extends ZagComponent {
   loaded: boolean;
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: any;
+    id: string;
     onStatusChange: any;
   };
   connectApi(service: any): avatar.Api<_$_zag_js_types0.PropTypes<{
@@ -19,7 +19,7 @@ declare class Avatar extends ZagComponent {
     '[data-part="fallback"]': string;
   };
   syncState(api: any): void;
-  template(props: any): string;
+  template(props: any): any;
 }
 //#endregion
 export { Avatar as default };