@geajs/ui 0.2.4 → 0.2.9

package/dist/file-upload.mjs

@@ -1,33 +1,42 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_APPLY_LIST_CHANGES, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_ENSURE_ARRAY_CONFIGS, GEA_OBSERVE, GEA_ON_PROP_CHANGE, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_RENDERED, GEA_SETUP_LOCAL_STATE_OBSERVERS, GEA_STORE_ROOT, geaCondPatchedSymbol, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { o as GEA_CREATE_TEMPLATE, u as GEA_PROXY_RAW } from "./bind.mjs";
+import { n as _DIRTY_PROPS, t as _DIRTY } from "./dirty-symbols.mjs";
+import { n as reactiveTextValue } from "./reactive-text.mjs";
+import { t as reactiveClass } from "./reactive-class.mjs";
+import { t as conditionalTruthy } from "./conditional-truthy.mjs";
+import { t as GEA_DOM_ITEM } from "./keyed-list-symbols.mjs";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as fileUpload from "@zag-js/file-upload";
 //#region src/components/file-upload.tsx
+let _tpl0_root = null;
+function _tpl0_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div data-part=root><!--1--><div data-part=dropzone class=\"file-upload-dropzone flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 p-8 text-center hover:border-muted-foreground/50 transition-colors\"><p class=\"text-sm text-muted-foreground mb-2\">Drag and drop files here</p><button data-part=trigger class=\"file-upload-trigger inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow hover:bg-primary/90\">Choose Files</button></div><input data-part=hidden-input type=file class=sr-only><!--2-->";
+	return t.content.firstChild;
+}
+let _tpl1_root = null;
+function _tpl1_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<label data-part=label class=\"file-upload-label text-sm font-medium mb-2 block\">0";
+	return t.content.firstChild;
+}
+let _tpl2_root = null;
+function _tpl2_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div class=\"file-upload-file-list mt-3 space-y-1\"><!--0--><button data-part=clear-trigger class=\"file-upload-clear text-xs text-muted-foreground hover:text-foreground mt-1\">Clear all";
+	return t.content.firstChild;
+}
+let _tpl3_root = null;
+function _tpl3_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div class=\"flex items-center justify-between rounded-md border px-3 py-2 text-sm\"><span>0";
+	return t.content.firstChild;
+}
 var FileUpload = class extends ZagComponent {
-	static {
-		this.__geaTagName = "file-upload";
-	}
-	#__rowEls_list;
-	#__dc_acceptedFiles;
-	constructor(...args) {
-		super(...args);
-		this.props;
-		this[geaCondValueSymbol(0)] = !!this.props.label;
-		this[geaCondValueSymbol(1)] = !!(this.acceptedFiles.length > 0);
-		this[GEA_REGISTER_COND](0, "c0", () => {
-			this.props;
-			return this.props.label;
-		}, () => {
-			this.props;
-			return `<label data-part="label" class="file-upload-label text-sm font-medium mb-2 block">${geaEscapeHtml(String(this.props.label))}</label>`;
-		}, null);
-		this[GEA_REGISTER_COND](1, "c1", () => {
-			this.props;
-			return this.acceptedFiles.length > 0;
-		}, () => {
-			this.props;
-			return `<div class="file-upload-file-list mt-3 space-y-1">${this.acceptedFiles.map((file) => this.renderAcceptedFilesItem(file)).join("")}<button data-part="clear-trigger" class="file-upload-clear text-xs text-muted-foreground hover:text-foreground mt-1">Clear all</button></div>`;
-		}, null);
+	constructor(..._args) {
+		super(..._args);
+		this.acceptedFiles = [];
+		this.rejectedFiles = [];
 	}
 	createMachine(_props) {
 		return fileUpload.machine;
@@ -67,104 +76,310 @@ var FileUpload = class extends ZagComponent {
 		this.acceptedFiles = api.acceptedFiles;
 		this.rejectedFiles = api.rejectedFiles;
 	}
-	template(props) {
-		const __id = this.id;
-		Component._register(ZagComponent, "zag-component");
-		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="file-upload-label text-sm font-medium mb-2 block">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c0-end"}--><div data-part="dropzone" class="file-upload-dropzone flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 p-8 text-center hover:border-muted-foreground/50 transition-colors"><p class="text-sm text-muted-foreground mb-2">Drag and drop files here</p><button data-part="trigger" class="file-upload-trigger inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow hover:bg-primary/90">Choose Files</button></div><input data-part="hidden-input" type="file" class="sr-only" /><!--${__id + "-c1"}-->${this.acceptedFiles.length > 0 && `<div class="file-upload-file-list mt-3 space-y-1">${this.acceptedFiles.map((file) => this.renderAcceptedFilesItem(file)).join("")}<button data-part="clear-trigger" class="file-upload-clear text-xs text-muted-foreground hover:text-foreground mt-1">Clear all</button></div>` || ""}<!--${__id + "-c1-end"}--></div>`;
-	}
-	[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;
-			}
-		}
-		if (key === "label") this[GEA_PATCH_COND](0);
-		this[GEA_PATCH_COND](1);
-	}
-	__observe_local_acceptedFiles(value, change) {
-		if (this[GEA_RENDERED]) {
-			if (!this[geaCondPatchedSymbol(1)]) {
-				this[geaCondPatchedSymbol(1)] = this[GEA_PATCH_COND](1);
-				if (this[geaCondPatchedSymbol(1)]) queueMicrotask(() => this[geaCondPatchedSymbol(1)] = false);
-			}
-		}
-		if (!this.__acceptedFiles_container) this.__acceptedFiles_container = this.$(":scope");
-		if (!this.__acceptedFiles_container) return;
-		if (Array.isArray(value) && value.length === 0) {
-			this.#__rowEls_list = null;
-			this.__acceptedFiles_container.textContent = "";
-			return;
-		}
-		this[GEA_ENSURE_ARRAY_CONFIGS]();
-		this[GEA_APPLY_LIST_CHANGES](this.__acceptedFiles_container, value, change, this.__acceptedFilesListConfig);
-	}
-	__observe_local_acceptedFiles__join(value, change) {
-		if (this[GEA_RENDERED]) {
-			if (!this[geaCondPatchedSymbol(1)]) {
-				this[geaCondPatchedSymbol(1)] = this[GEA_PATCH_COND](1);
-				if (this[geaCondPatchedSymbol(1)]) queueMicrotask(() => this[geaCondPatchedSymbol(1)] = false);
+	[GEA_CREATE_TEMPLATE](d) {
+		const root = (_tpl0_root || (_tpl0_root = _tpl0_create())).cloneNode(true);
+		const el0 = root;
+		const anchor1 = root.firstChild;
+		const anchor2 = root.childNodes[3];
+		reactiveClass(el0, d, this, () => this.props.class || "");
+		conditionalTruthy(anchor1.parentNode, anchor1, d, this, () => this.props.label, (d) => {
+			const root = (_tpl1_root || (_tpl1_root = _tpl1_create())).cloneNode(true);
+			const t0 = root.firstChild;
+			reactiveTextValue(t0, d, this, () => this.props.label);
+			return root;
+		});
+		conditionalTruthy(anchor2.parentNode, anchor2, d, this, () => this.acceptedFiles.length > 0, (d) => {
+			const root = (_tpl2_root || (_tpl2_root = _tpl2_create())).cloneNode(true);
+			const anchor0 = root.firstChild;
+			const __ki_L0 = (file, idx, d) => {
+				const root = (_tpl3_root || (_tpl3_root = _tpl3_create())).cloneNode(true);
+				{
+					const __n = root.firstChild.firstChild;
+					__n.nodeValue = `${file.name ?? ""}`;
+				}
+				root[GEA_DOM_ITEM] = file;
+				return root;
+			};
+			const __kp_L0 = (el, item) => {
+				if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("name")) {
+					const __n = el.__r0 || (el.__r0 = el.firstChild.firstChild);
+					__n.nodeValue = `${item.name ?? ""}`;
+				}
+			};
+			{
+				const __kl_container = anchor0.parentNode;
+				const __kl_anchor = anchor0;
+				const __kl_root = this;
+				const __kl_key = (file, idx) => file.name;
+				const __kl_create = (item, idx) => {
+					const __k = item.name;
+					const __el = __ki_L0(item, idx);
+					return {
+						key: __k,
+						item: item && item[GEA_PROXY_RAW] || item,
+						element: __el
+					};
+				};
+				const __kl_patch = (e, newItem, newIdx) => {
+					e.item = newItem && newItem[GEA_PROXY_RAW] || newItem;
+					__kp_L0(e.element, newItem);
+				};
+				const __kl_unwrap = (v) => v && typeof v === "object" && v[GEA_PROXY_RAW] || v;
+				const __kl_resolve = () => {
+					const v = __kl_root?.["acceptedFiles"];
+					return Array.isArray(v) ? v : [];
+				};
+				let __kl_entries = [];
+				const __kl_byKey = /* @__PURE__ */ new Map();
+				const __kl_remove = (entry) => {
+					entry.disposer?.dispose();
+					__kl_byKey.delete(entry.key);
+					if (entry.element.parentNode) entry.element.parentNode.removeChild(entry.element);
+				};
+				const __kl_first = __kl_resolve();
+				if (__kl_first.length > 0) {
+					const frag = __kl_container.ownerDocument.createDocumentFragment();
+					for (let i = 0; i < __kl_first.length; i++) {
+						const item = __kl_first[i];
+						const entry = __kl_create(item, i);
+						__kl_entries.push(entry);
+						__kl_byKey.set(entry.key, entry);
+						frag.appendChild(entry.element);
+						if (item && typeof item === "object") {
+							item[_DIRTY] = false;
+							item[_DIRTY_PROPS]?.clear();
+						}
+					}
+					__kl_container.insertBefore(frag, __kl_anchor);
+				}
+				let __kl_prev = __kl_first;
+				const __kl_reconcile = (arr, changes) => {
+					if (arr === __kl_prev && __kl_entries.length === arr.length) {
+						let structural = false;
+						let aipuOnly = changes && changes.length > 0;
+						if (changes && changes.length > 0) for (let i = 0; i < changes.length; i++) {
+							const change = changes[i];
+							if (change.type === "append" || change.type === "remove" || change.type === "delete" || change.type === "reorder") {
+								structural = true;
+								aipuOnly = false;
+								break;
+							}
+							if (!change.aipu) aipuOnly = false;
+							else structural = true;
+						}
+						if (aipuOnly && changes.length === 2) {
+							const a = changes[0].arix;
+							const b = changes[1].arix;
+							if (a >= 0 && b >= 0 && a < __kl_entries.length && b < __kl_entries.length && a !== b) {
+								const entryA = __kl_entries[a];
+								const entryB = __kl_entries[b];
+								const newAKey = __kl_key(arr[a], a);
+								const newBKey = __kl_key(arr[b], b);
+								if (entryA.key === newBKey && entryB.key === newAKey) {
+									const refB = entryB.element.nextSibling;
+									__kl_container.insertBefore(entryB.element, entryA.element);
+									if (refB) __kl_container.insertBefore(entryA.element, refB);
+									else __kl_container.appendChild(entryA.element);
+									__kl_entries[a] = entryB;
+									__kl_entries[b] = entryA;
+									if (__kl_unwrap(arr[a]) !== entryB.item) __kl_patch(entryB, arr[a], a);
+									if (__kl_unwrap(arr[b]) !== entryA.item) __kl_patch(entryA, arr[b], b);
+									__kl_prev = arr;
+									return;
+								}
+							}
+						}
+						if (!structural) {
+							const raw = arr[GEA_PROXY_RAW] || arr;
+							for (let i = 0; i < raw.length; i++) {
+								const item = raw[i];
+								if (item && typeof item === "object" && item[_DIRTY]) {
+									__kl_patch(__kl_entries[i], item, i);
+									item[_DIRTY] = false;
+									item[_DIRTY_PROPS]?.clear();
+									__kl_entries[i].item = item;
+								}
+							}
+							return;
+						}
+					}
+					if (changes && changes.length > 0 && __kl_entries.length < arr.length) {
+						let onlyAppends = true;
+						let appendCount = 0;
+						for (let i = 0; i < changes.length; i++) {
+							if (changes[i].type !== "append") {
+								onlyAppends = false;
+								break;
+							}
+							appendCount += changes[i].count || 0;
+						}
+						if (onlyAppends && appendCount === arr.length - __kl_entries.length) {
+							const start = __kl_entries.length;
+							const frag = __kl_container.ownerDocument.createDocumentFragment();
+							for (let i = start; i < arr.length; i++) {
+								const entry = __kl_create(arr[i], i);
+								__kl_entries.push(entry);
+								__kl_byKey.set(entry.key, entry);
+								frag.appendChild(entry.element);
+							}
+							__kl_container.insertBefore(frag, __kl_anchor);
+							__kl_prev = arr;
+							return;
+						}
+					}
+					if (changes && changes.length > 0 && __kl_entries.length > arr.length) {
+						let onlyRemoves = true;
+						let totalRemoved = 0;
+						for (let i = 0; i < changes.length; i++) {
+							const change = changes[i];
+							if (change.type !== "remove") {
+								onlyRemoves = false;
+								break;
+							}
+							totalRemoved += change.count || 0;
+						}
+						if (onlyRemoves && __kl_entries.length - arr.length === totalRemoved) {
+							if (changes.length === 1 && changes[0].count === 1) {
+								const idx = changes[0].start;
+								if (idx >= 0 && idx < __kl_entries.length) {
+									__kl_remove(__kl_entries[idx]);
+									__kl_entries.splice(idx, 1);
+								}
+								__kl_prev = arr;
+								return;
+							}
+							const removed = [];
+							for (let i = 0; i < changes.length; i++) {
+								const start = changes[i].start;
+								const count = changes[i].count;
+								for (let j = 0; j < count; j++) removed.push(start + j);
+							}
+							removed.sort((a, b) => b - a);
+							for (let i = 0; i < removed.length; i++) {
+								const idx = removed[i];
+								if (idx >= 0 && idx < __kl_entries.length) {
+									__kl_remove(__kl_entries[idx]);
+									__kl_entries.splice(idx, 1);
+								}
+							}
+							__kl_prev = arr;
+							return;
+						}
+					}
+					const newLen = arr.length;
+					const oldLen = __kl_entries.length;
+					if (oldLen === 0 && newLen > 0) {
+						const nextEntries = new Array(newLen);
+						const frag = __kl_container.ownerDocument.createDocumentFragment();
+						for (let i = 0; i < newLen; i++) {
+							const entry = __kl_create(arr[i], i);
+							nextEntries[i] = entry;
+							__kl_byKey.set(entry.key, entry);
+							frag.appendChild(entry.element);
+						}
+						__kl_container.insertBefore(frag, __kl_anchor);
+						__kl_entries = nextEntries;
+						__kl_prev = arr;
+						return;
+					}
+					const newKeys = new Array(newLen);
+					for (let i = 0; i < newLen; i++) newKeys[i] = __kl_key(arr[i], i);
+					if (newLen === 0) {
+						if (__kl_container.childNodes.length === oldLen + (__kl_anchor ? 1 : 0)) {
+							for (let i = 0; i < oldLen; i++) __kl_entries[i].disposer?.dispose();
+							__kl_container.textContent = "";
+							if (__kl_anchor) __kl_container.appendChild(__kl_anchor);
+						} else for (let i = oldLen - 1; i >= 0; i--) __kl_remove(__kl_entries[i]);
+						__kl_entries = [];
+						__kl_byKey.clear();
+						__kl_prev = arr;
+						return;
+					}
+					if (newLen === oldLen) {
+						let diffA = -1;
+						let diffB = -1;
+						let diffCount = 0;
+						for (let i = 0; i < newLen; i++) if (__kl_entries[i].key !== newKeys[i]) {
+							if (diffCount === 0) diffA = i;
+							else if (diffCount === 1) diffB = i;
+							diffCount++;
+							if (diffCount > 2) break;
+						}
+						if (diffCount === 2 && __kl_entries[diffA].key === newKeys[diffB] && __kl_entries[diffB].key === newKeys[diffA]) {
+							const entryA = __kl_entries[diffA];
+							const entryB = __kl_entries[diffB];
+							const refB = entryB.element.nextSibling;
+							__kl_container.insertBefore(entryB.element, entryA.element);
+							if (refB) __kl_container.insertBefore(entryA.element, refB);
+							else __kl_container.appendChild(entryA.element);
+							__kl_entries[diffA] = entryB;
+							__kl_entries[diffB] = entryA;
+							if (__kl_unwrap(arr[diffA]) !== entryB.item) __kl_patch(entryB, arr[diffA], diffA);
+							if (__kl_unwrap(arr[diffB]) !== entryA.item) __kl_patch(entryA, arr[diffB], diffB);
+							__kl_prev = arr;
+							return;
+						}
+					}
+					if (oldLen > 0 && newLen > 0 && __kl_container.childNodes.length === oldLen + (__kl_anchor ? 1 : 0)) {
+						let disjoint = true;
+						for (let i = 0; i < newLen; i++) if (__kl_byKey.has(newKeys[i])) {
+							disjoint = false;
+							break;
+						}
+						if (disjoint) {
+							for (let i = 0; i < oldLen; i++) __kl_entries[i].disposer?.dispose();
+							__kl_byKey.clear();
+							const nextEntries = new Array(newLen);
+							const nextNodes = new Array(newLen + (__kl_anchor ? 1 : 0));
+							for (let i = 0; i < newLen; i++) {
+								const entry = __kl_create(arr[i], i);
+								nextEntries[i] = entry;
+								nextNodes[i] = entry.element;
+								__kl_byKey.set(entry.key, entry);
+							}
+							if (__kl_anchor) nextNodes[newLen] = __kl_anchor;
+							__kl_container.replaceChildren(...nextNodes);
+							__kl_entries = nextEntries;
+							__kl_prev = arr;
+							return;
+						}
+					}
+					for (let i = 0; i < oldLen; i++) __kl_entries[i]._i = i;
+					const seenOld = new Array(oldLen).fill(false);
+					const nextEntries = new Array(newLen);
+					for (let i = 0; i < newLen; i++) {
+						const entry = __kl_byKey.get(newKeys[i]);
+						if (entry) {
+							const oldIdx = entry._i;
+							seenOld[oldIdx] = true;
+							nextEntries[i] = entry;
+						}
+					}
+					for (let i = oldLen - 1; i >= 0; i--) if (!seenOld[i]) __kl_remove(__kl_entries[i]);
+					let nextRef = __kl_anchor;
+					for (let i = newLen - 1; i >= 0; i--) {
+						let entry = nextEntries[i];
+						if (!entry) {
+							entry = __kl_create(arr[i], i);
+							__kl_byKey.set(entry.key, entry);
+						} else if (entry.item !== __kl_unwrap(arr[i])) __kl_patch(entry, arr[i], i);
+						if (entry.element.parentNode !== __kl_container || entry.element.nextSibling !== nextRef) __kl_container.insertBefore(entry.element, nextRef);
+						nextEntries[i] = entry;
+						nextRef = entry.element;
+					}
+					__kl_entries = nextEntries;
+					__kl_prev = arr;
+				};
+				if (__kl_root && typeof __kl_root.observe === "function") {
+					const off = __kl_root.observe("acceptedFiles", (_value, changes) => {
+						__kl_reconcile(__kl_resolve(), changes);
+					});
+					d.add(off);
+				}
 			}
-		}
-	}
-	renderAcceptedFilesItem(file) {
-		return `<div data-gid="${file?.name ?? file}" class="flex items-center justify-between rounded-md border px-3 py-2 text-sm"><span>${file.name}</span></div>`;
-	}
-	createAcceptedFilesItem(item) {
-		var __c = this.#__dc_acceptedFiles || (this.#__dc_acceptedFiles = this.__acceptedFiles_container);
-		if (!__c.__geaTpl) try {
-			var __tw = document.createElement("template");
-			__tw.innerHTML = this.renderAcceptedFilesItem({ name: 0 });
-			__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.renderAcceptedFilesItem(item);
-			var el = __fw.content.firstElementChild;
-		}
-		el.__ref_0 = el.firstElementChild;
-		if (el.__ref_0.textContent !== `${item.name}`) el.__ref_0.textContent = `${item.name}`;
-		el[GEA_DOM_KEY] = String(item?.name ?? item);
-		el[GEA_DOM_ITEM] = item;
-		return el;
-	}
-	patchAcceptedFilesItem(row, item, __prevItem) {
-		if (!row) return;
-		if (!row.__ref_0) row.__ref_0 = row.firstElementChild;
-		if (row.__ref_0.textContent !== `${item.name}`) row.__ref_0.textContent = `${item.name}`;
-		row[GEA_DOM_KEY] = String(item?.name ?? item);
-		(this.#__rowEls_list || (this.#__rowEls_list = {}))[String(item?.name ?? item)] = row;
-		row[GEA_DOM_ITEM] = item;
-	}
-	[GEA_ENSURE_ARRAY_CONFIGS]() {
-		if (!this.__acceptedFilesListConfig) this.__acceptedFilesListConfig = {
-			arrayPathParts: ["acceptedFiles"],
-			render: this.renderAcceptedFilesItem.bind(this),
-			create: this.createAcceptedFilesItem.bind(this),
-			patchRow: this.patchAcceptedFilesItem && this.patchAcceptedFilesItem.bind(this),
-			getKey: (item) => String(item?.name ?? item),
-			propPatchers: { "name": [(row, value, item) => {
-				const __target = row.__ref_0 || (row.__ref_0 = row.firstElementChild);
-				if (!__target) return;
-				if (__target.textContent !== `${item.name}`) __target.textContent = `${item.name}`;
-			}, (row, value) => {
-				row.classList.toggle("name", value);
-			}] }
-		};
-	}
-	[GEA_SETUP_LOCAL_STATE_OBSERVERS]() {
-		this[GEA_ENSURE_ARRAY_CONFIGS]();
-		if (!this[GEA_STORE_ROOT]) return;
-		this[GEA_OBSERVE](this, ["acceptedFiles"], this.__observe_local_acceptedFiles);
-		this[GEA_OBSERVE](this, ["acceptedFiles", "join"], this.__observe_local_acceptedFiles__join);
-		this[GEA_OBSERVE](this, ["acceptedFiles", "map"], this.__observe_local_acceptedFiles__join);
+			return root;
+		});
+		return root;
 	}
 };
 //#endregion

package/dist/file-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.mjs","names":["Component","geaCondValueSymbol","GEA_REGISTER_COND","geaEscapeHtml","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_COND","GEA_RENDERED","geaCondPatchedSymbol","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_SETUP_LOCAL_STATE_OBSERVERS","GEA_STORE_ROOT","GEA_OBSERVE","fileUpload","normalizeProps","ZagComponent","FileUpload","__geaTagName","__rowEls_list","__dc_acceptedFiles","constructor","args","props","label","acceptedFiles","length","String","map","file","File","renderAcceptedFilesItem","join","rejectedFiles","createMachine","_props","machine","getMachineProps","id","accept","maxFiles","maxFileSize","minFileSize","multiple","disabled","allowDrop","name","onFileChange","details","FileChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","_register","class","trim","key","value","__el","__boundValue","__newClass","replace","className","__observe_local_acceptedFiles","change","queueMicrotask","__acceptedFiles_container","$","Array","isArray","textContent","__acceptedFilesListConfig","__observe_local_acceptedFiles__join","createAcceptedFilesItem","item","__c","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","el","cloneNode","__fw","__ref_0","patchAcceptedFilesItem","row","__prevItem","arrayPathParts","render","bind","create","patchRow","getKey","propPatchers","__target","classList","toggle"],"sources":["../src/components/file-upload.tsx"],"sourcesContent":["import * as fileUpload from '@zag-js/file-upload'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class FileUpload extends ZagComponent {\n  declare acceptedFiles: File[]\n  declare rejectedFiles: any[]\n\n  createMachine(_props: any): any {\n    return fileUpload.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      accept: props.accept,\n      maxFiles: props.maxFiles,\n      maxFileSize: props.maxFileSize,\n      minFileSize: props.minFileSize,\n      multiple: props.multiple ?? false,\n      disabled: props.disabled,\n      allowDrop: props.allowDrop ?? true,\n      name: props.name,\n      onFileChange: (details: fileUpload.FileChangeDetails) => {\n        this.acceptedFiles = details.acceptedFiles\n        this.rejectedFiles = details.rejectedFiles\n        props.onFileChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return fileUpload.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"dropzone\"]': 'getDropzoneProps',\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n      '[data-part=\"clear-trigger\"]': 'getClearTriggerProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.acceptedFiles = api.acceptedFiles\n    this.rejectedFiles = api.rejectedFiles\n  }\n\n  template(props: any) {\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"file-upload-label text-sm font-medium mb-2 block\">\n            {props.label}\n          </label>\n        )}\n        <div\n          data-part=\"dropzone\"\n          class=\"file-upload-dropzone flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 p-8 text-center hover:border-muted-foreground/50 transition-colors\"\n        >\n          <p class=\"text-sm text-muted-foreground mb-2\">Drag and drop files here</p>\n          <button\n            data-part=\"trigger\"\n            class=\"file-upload-trigger inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow hover:bg-primary/90\"\n          >\n            Choose Files\n          </button>\n        </div>\n        <input data-part=\"hidden-input\" type=\"file\" class=\"sr-only\" />\n        {this.acceptedFiles.length > 0 && (\n          <div class=\"file-upload-file-list mt-3 space-y-1\">\n            {this.acceptedFiles.map((file: File) => (\n              <div key={file.name} class=\"flex items-center justify-between rounded-md border px-3 py-2 text-sm\">\n                <span>{file.name}</span>\n              </div>\n            ))}\n            <button\n              data-part=\"clear-trigger\"\n              class=\"file-upload-clear text-xs text-muted-foreground hover:text-foreground mt-1\"\n            >\n              Clear all\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"file-upload.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClass","reactiveTextValue","conditionalTruthy","reactiveAttr","GEA_DIRTY_PROPS","GEA_DOM_ITEM","GEA_PROXY_RAW","GEA_DIRTY","fileUpload","normalizeProps","ZagComponent","_tpl0_root","_tpl0_create","t","document","createElement","innerHTML","content","firstChild","_tpl1_root","_tpl1_create","_tpl2_root","_tpl2_create","_tpl3_root","_tpl3_create","FileUpload","acceptedFiles","File","rejectedFiles","createMachine","_props","machine","getMachineProps","props","id","accept","maxFiles","maxFileSize","minFileSize","multiple","disabled","allowDrop","name","onFileChange","details","FileChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","d","root","cloneNode","el0","anchor1","anchor2","childNodes","class","parentNode","label","marker0","t0","length","anchor0","__ki_L0","file","idx","__n","nodeValue","__kp_L0","el","item","has","__r0","__kl_container","__kl_anchor","__kl_root","__kl_key","__kl_create","__k","__el","key","element","__kl_patch","e","newItem","newIdx","__raw","__kl_unwrap","v","__kl_resolve","Array","isArray","__kl_entries","__kl_byKey","Map","__kl_remove","entry","disposer","dispose","delete","removeChild","__kl_first","frag","ownerDocument","createDocumentFragment","i","push","set","appendChild","clear","insertBefore","__kl_prev","__kl_reconcile","arr","changes","structural","aipuOnly","change","type","aipu","a","arix","b","entryA","entryB","newAKey","newBKey","refB","nextSibling","raw","onlyAppends","appendCount","count","start","onlyRemoves","totalRemoved","splice","removed","j","sort","newLen","oldLen","nextEntries","newKeys","textContent","diffA","diffB","diffCount","disjoint","nextNodes","replaceChildren","_i","seenOld","fill","get","oldIdx","nextRef","observe","off","_value","add"],"sources":["../src/components/file-upload.tsx"],"sourcesContent":["import * as fileUpload from '@zag-js/file-upload'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class FileUpload extends ZagComponent {\n  acceptedFiles: File[] = []\n  rejectedFiles: any[] = []\n\n  createMachine(_props: any): any {\n    return fileUpload.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      accept: props.accept,\n      maxFiles: props.maxFiles,\n      maxFileSize: props.maxFileSize,\n      minFileSize: props.minFileSize,\n      multiple: props.multiple ?? false,\n      disabled: props.disabled,\n      allowDrop: props.allowDrop ?? true,\n      name: props.name,\n      onFileChange: (details: fileUpload.FileChangeDetails) => {\n        this.acceptedFiles = details.acceptedFiles\n        this.rejectedFiles = details.rejectedFiles\n        props.onFileChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return fileUpload.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"dropzone\"]': 'getDropzoneProps',\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n      '[data-part=\"clear-trigger\"]': 'getClearTriggerProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.acceptedFiles = api.acceptedFiles\n    this.rejectedFiles = api.rejectedFiles\n  }\n\n  template(props: any) {\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"file-upload-label text-sm font-medium mb-2 block\">\n            {props.label}\n          </label>\n        )}\n        <div\n          data-part=\"dropzone\"\n          class=\"file-upload-dropzone flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 p-8 text-center hover:border-muted-foreground/50 transition-colors\"\n        >\n          <p class=\"text-sm text-muted-foreground mb-2\">Drag and drop files here</p>\n          <button\n            data-part=\"trigger\"\n            class=\"file-upload-trigger inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow hover:bg-primary/90\"\n          >\n            Choose Files\n          </button>\n        </div>\n        <input data-part=\"hidden-input\" type=\"file\" class=\"sr-only\" />\n        {this.acceptedFiles.length > 0 && (\n          <div class=\"file-upload-file-list mt-3 space-y-1\">\n            {this.acceptedFiles.map((file: File) => (\n              <div key={file.name} class=\"flex items-center justify-between rounded-md border px-3 py-2 text-sm\">\n                <span>{file.name}</span>\n              </div>\n            ))}\n            <button\n              data-part=\"clear-trigger\"\n              class=\"file-upload-clear text-xs text-muted-foreground hover:text-foreground mt-1\"\n            >\n              Clear all\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/hover-card.d.mts

@@ -7,7 +7,7 @@ declare class HoverCard extends ZagComponent {
   open: boolean;
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: any;
+    id: string;
     open: any;
     defaultOpen: any;
     openDelay: any;
@@ -26,7 +26,7 @@ declare class HoverCard extends ZagComponent {
     '[data-part="arrow-tip"]': string;
   };
   syncState(api: any): void;
-  template(props: any): string;
+  template(props: any): any;
 }
 //#endregion
 export { HoverCard as default };

package/dist/hover-card.mjs

@@ -1,12 +1,19 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_ELEMENT, GEA_INSTANTIATE_CHILD_COMPONENTS, GEA_MOUNT_COMPILED_CHILD_COMPONENTS, GEA_ON_PROP_CHANGE, GEA_PATCH_NODE, geaEscapeHtml, geaSanitizeAttr } from "@geajs/core";
+import { o as GEA_CREATE_TEMPLATE } from "./bind.mjs";
+import { n as reactiveTextValue, t as reactiveText } from "./reactive-text.mjs";
+import { t as reactiveAttr } from "./reactive-attr.mjs";
+import { t as reactiveClass } from "./reactive-class.mjs";
+import { t as reactiveStyle } from "./reactive-style.mjs";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as hoverCard from "@zag-js/hover-card";
 //#region src/components/hover-card.tsx
+let _tpl0_root = null;
+function _tpl0_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div><a data-part=trigger class=\"hover-card-trigger inline-block\">0</a><div data-part=positioner class=hover-card-positioner><div data-part=content class=\"hover-card-content z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden\">0";
+	return t.content.firstChild;
+}
 var HoverCard = class extends ZagComponent {
-	static {
-		this.__geaTagName = "hover-card";
-	}
 	createMachine(_props) {
 		return hoverCard.machine;
 	}
@@ -39,61 +46,19 @@ var HoverCard = class extends ZagComponent {
 	syncState(api) {
 		this.open = api.open;
 	}
-	template(props) {
-		const __id = this.id;
-		Component._register(ZagComponent, "zag-component");
-		return `<div id="${__id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`} style="display: inline-block"><a id="${__id + "-b1"}" data-part="trigger"${(props.href || "#") == null || (props.href || "#") === false ? "" : ` href="${geaSanitizeAttr("href", String(props.href || "#"))}"`} class="hover-card-trigger inline-block">${geaEscapeHtml(String(props.triggerLabel || "Hover me"))}</a><div data-part="positioner" class="hover-card-positioner"><div id="${__id + "-b2"}" data-part="content" class="hover-card-content z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden">${props.children}</div></div></div>`;
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		const __id = this.id;
-		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;
-			}
-		}
-		if (key === "href") {
-			const __el = this.__e0 || (this.__e0 = __gid(__id + "-b1"));
-			this.props;
-			const __boundValue = value || "#";
-			if (__el) {
-				var __av = __boundValue;
-				if (__av == null || __av === void 0) __el.removeAttribute("href");
-				else {
-					const __newAttr = __sanitizeAttr("href", String(__av));
-					if (__el.getAttribute("href") !== __newAttr) __el.setAttribute("href", __newAttr);
-				}
-			}
-		}
-		if (key === "triggerLabel") {
-			const __el = this.__e1 || (this.__e1 = __gid(__id + "-b1"));
-			this.props;
-			const __boundValue = value || "Hover me";
-			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
-		}
-		if (key === "children") {
-			const __el = this.__e2 || (this.__e2 = __gid(__id + "-b2"));
-			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]();
-				}
-			}
-		}
-	}
-	__resetEls() {
-		this.__e0 = null;
-		this.__e1 = null;
-		this.__e2 = null;
+	[GEA_CREATE_TEMPLATE](d) {
+		const root = (_tpl0_root || (_tpl0_root = _tpl0_create())).cloneNode(true);
+		const el0 = root;
+		const el1 = el0;
+		const el2 = root.firstChild;
+		const marker3 = root.firstChild.firstChild;
+		const marker4 = root.childNodes[1].firstChild.firstChild;
+		reactiveClass(el0, d, this, () => this.props.class || "");
+		reactiveStyle(el1, d, this, () => ({ display: "inline-block" }));
+		reactiveAttr(el2, d, this, "href", () => this.props.href || "#");
+		reactiveTextValue(marker3, d, this, () => this.props.triggerLabel || "Hover me");
+		reactiveText(marker4, d, this, () => this.props.children);
+		return root;
 	}
 };
 //#endregion