@geajs/ui 0.1.5 → 0.2.1

package/dist/file-upload.mjs

@@ -1,23 +1,27 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+import { Component, GEA_APPLY_LIST_CHANGES, GEA_CTOR_TAG_NAME, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_ENSURE_ARRAY_CONFIGS, GEA_MAP_CONFIG_TPL, GEA_OBSERVE, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_RENDERED, GEA_SETUP_LOCAL_STATE_OBSERVERS, geaCondPatchedSymbol, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as fileUpload from "@zag-js/file-upload";
 //#region src/components/file-upload.tsx
 var FileUpload = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "file-upload";
+	}
+	#__rowEls_list;
+	#__dc_acceptedFiles;
 	constructor(...args) {
 		super(...args);
 		this.props;
-		this.__geaCond_0 = !!this.props.label;
-		this.__geaCond_1 = !!(this.acceptedFiles.length > 0);
-		this.__geaRegisterCond(0, "c0", () => {
+		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">${this.props.label}</label>`;
+			return `<label data-part="label" class="file-upload-label text-sm font-medium mb-2 block">${geaEscapeHtml(String(this.props.label))}</label>`;
 		}, null);
-		this.__geaRegisterCond(1, "c1", () => {
+		this[GEA_REGISTER_COND](1, "c1", () => {
 			this.props;
 			return this.acceptedFiles.length > 0;
 		}, () => {
@@ -65,12 +69,12 @@ var FileUpload = class extends ZagComponent {
 	}
 	template(props) {
 		const __id = this.id;
-		Component._register(ZagComponent);
-		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">${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>`;
+		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>`;
 	}
 	__onPropChange(key, value) {
 		if (key === "class") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "";
 			if (__el) {
@@ -78,58 +82,67 @@ var FileUpload = class extends ZagComponent {
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
-		if (key === "label") this.__geaPatchCond(0);
-		this.__geaPatchCond(1);
+		if (key === "label") this[GEA_PATCH_COND](0);
+		this[GEA_PATCH_COND](1);
 	}
 	__observe_local_acceptedFiles(value, change) {
-		if (this.rendered_) this.__geaCondPatched_1 = this.__geaPatchCond(1);
+		if (this[GEA_RENDERED]) {
+			if (this[geaCondPatchedSymbol(1)]) return;
+			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.__acceptedFiles_container.children.length > 0) {
+		if (Array.isArray(value) && value.length === 0) {
+			this.#__rowEls_list = null;
 			this.__acceptedFiles_container.textContent = "";
 			return;
 		}
-		this.__ensureArrayConfigs();
-		this.__applyListChanges(this.__acceptedFiles_container, value, change, this.__acceptedFilesListConfig);
+		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.rendered_) {
-			this.__geaCondPatched_1 = this.__geaPatchCond(1);
-			if (this.__geaCondPatched_1) return;
+		if (this[GEA_RENDERED]) {
+			if (this[geaCondPatchedSymbol(1)]) return;
+			this[geaCondPatchedSymbol(1)] = this[GEA_PATCH_COND](1);
+			if (this[geaCondPatchedSymbol(1)]) queueMicrotask(() => this[geaCondPatchedSymbol(1)] = false);
+			if (this[geaCondPatchedSymbol(1)]) return;
 		}
 	}
 	renderAcceptedFilesItem(file) {
 		return `<div data-gea-item-id="${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.__acceptedFiles_container;
-		if (!__c.__geaTpl) try {
+		var __c = this.#__dc_acceptedFiles || (this.#__dc_acceptedFiles = this.__acceptedFiles_container);
+		if (!__c[GEA_MAP_CONFIG_TPL]) try {
 			var __tw = document.createElement("template");
 			__tw.innerHTML = this.renderAcceptedFilesItem({ name: 0 });
-			__c.__geaTpl = __tw.content.firstElementChild;
+			__c[GEA_MAP_CONFIG_TPL] = __tw.content.firstElementChild;
+			__c[GEA_MAP_CONFIG_TPL]?.removeAttribute("data-gea-item-id");
 		} catch (__err) {
 			console.error(__err);
 		}
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		if (__c[GEA_MAP_CONFIG_TPL]) var el = __c[GEA_MAP_CONFIG_TPL].cloneNode(true);
 		else {
 			var __fw = document.createElement("template");
 			__fw.innerHTML = this.renderAcceptedFilesItem(item);
 			var el = __fw.content.firstElementChild;
 		}
 		el.__ref_0 = el.firstElementChild;
-		el.__ref_0.textContent = `${item.name}`;
-		el.setAttribute("data-gea-item-id", item?.name ?? item);
-		el.__geaItem = item;
+		el.__ref_0.firstChild.nodeValue = `${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;
-		row.__ref_0.textContent = `${item.name}`;
-		row.setAttribute("data-gea-item-id", item?.name ?? item);
-		row.__geaItem = item;
+		row.__ref_0.firstChild.nodeValue = `${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;
 	}
-	__ensureArrayConfigs() {
+	[GEA_ENSURE_ARRAY_CONFIGS]() {
 		if (!this.__acceptedFilesListConfig) this.__acceptedFilesListConfig = {
 			arrayPathParts: ["acceptedFiles"],
 			render: this.renderAcceptedFilesItem.bind(this),
@@ -137,18 +150,18 @@ var FileUpload = class extends ZagComponent {
 			patchRow: this.patchAcceptedFilesItem && this.patchAcceptedFilesItem.bind(this),
 			getKey: (item) => String(item?.name ?? item),
 			propPatchers: { "name": [(row, value, item) => {
-				const __target = row.__ref_0;
+				const __target = row.__ref_0 || (row.__ref_0 = row.firstElementChild);
 				if (!__target) return;
 				__target.firstChild && (__target.firstChild.nodeValue = `${item.name}`) || (__target.textContent = `${item.name}`);
 			}, (row, value) => row.classList.toggle("name", value)] }
 		};
 	}
-	__setupLocalStateObservers() {
-		this.__ensureArrayConfigs();
+	[GEA_SETUP_LOCAL_STATE_OBSERVERS]() {
+		this[GEA_ENSURE_ARRAY_CONFIGS]();
 		if (!this.__store) return;
-		this.__observe(this, ["acceptedFiles"], this.__observe_local_acceptedFiles);
-		this.__observe(this, ["acceptedFiles", "join"], this.__observe_local_acceptedFiles__join);
-		this.__observe(this, ["acceptedFiles", "map"], this.__observe_local_acceptedFiles__join);
+		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);
 	}
 };
 //#endregion

package/dist/file-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.mjs","names":["fileUpload","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","FileUpload","constructor","args","props","__geaCond_0","label","__geaCond_1","acceptedFiles","length","__geaRegisterCond","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","Component","_register","class","String","trim","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","__geaPatchCond","__observe_local_acceptedFiles","change","rendered_","__geaCondPatched_1","__acceptedFiles_container","$","Array","isArray","children","textContent","__ensureArrayConfigs","__applyListChanges","__acceptedFilesListConfig","__observe_local_acceptedFiles__join","createAcceptedFilesItem","item","__c","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","__err","console","error","el","cloneNode","__fw","__ref_0","setAttribute","__geaItem","patchAcceptedFilesItem","row","__prevItem","arrayPathParts","render","bind","create","patchRow","getKey","propPatchers","__target","firstChild","nodeValue","classList","toggle","__setupLocalStateObservers","__store","__observe","import","meta","hot","__moduleExports","default","url","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"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":["fileUpload","normalizeProps","ZagComponent","FileUpload","GEA_CTOR_TAG_NAME","__rowEls_list","__dc_acceptedFiles","constructor","args","props","geaCondValueSymbol","label","acceptedFiles","length","GEA_REGISTER_COND","geaEscapeHtml","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","Component","_register","class","trim","__onPropChange","key","value","__el","GEA_ELEMENT","__boundValue","__newClass","className","GEA_PATCH_COND","__observe_local_acceptedFiles","change","GEA_RENDERED","geaCondPatchedSymbol","queueMicrotask","__acceptedFiles_container","$","Array","isArray","textContent","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","__acceptedFilesListConfig","__observe_local_acceptedFiles__join","createAcceptedFilesItem","item","__c","GEA_MAP_CONFIG_TPL","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","el","cloneNode","__fw","__ref_0","firstChild","nodeValue","GEA_DOM_KEY","GEA_DOM_ITEM","patchAcceptedFilesItem","row","__prevItem","arrayPathParts","render","bind","create","patchRow","getKey","propPatchers","__target","classList","toggle","GEA_SETUP_LOCAL_STATE_OBSERVERS","__store","GEA_OBSERVE"],"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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"}

package/dist/hover-card.d.mts

@@ -1,13 +1,13 @@
 import { n as ZagComponent } from "./zag-component.mjs";
 import * as hoverCard from "@zag-js/hover-card";
-import * as _zag_js_types0 from "@zag-js/types";
+import * as _$_zag_js_types0 from "@zag-js/types";
 
 //#region src/components/hover-card.d.ts
 declare class HoverCard extends ZagComponent {
   open: boolean;
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: string;
+    id: any;
     open: any;
     defaultOpen: any;
     openDelay: any;
@@ -15,7 +15,7 @@ declare class HoverCard extends ZagComponent {
     positioning: any;
     onOpenChange: (details: hoverCard.OpenChangeDetails) => void;
   };
-  connectApi(service: any): hoverCard.Api<_zag_js_types0.PropTypes<{
+  connectApi(service: any): hoverCard.Api<_$_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
   getSpreadMap(): {

package/dist/hover-card.mjs

@@ -1,10 +1,12 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT, geaEscapeHtml, geaSanitizeAttr } from "@geajs/core";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as hoverCard from "@zag-js/hover-card";
 //#region src/components/hover-card.tsx
 var HoverCard = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "hover-card";
+	}
 	createMachine(_props) {
 		return hoverCard.machine;
 	}
@@ -39,13 +41,13 @@ var HoverCard = class extends ZagComponent {
 	}
 	template(props) {
 		const __id = this.id;
-		Component._register(ZagComponent);
-		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="${props.href || "#"}"`} class="hover-card-trigger inline-block">${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-none">${props.children}</div></div></div>`;
+		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-none">${props.children}</div></div></div>`;
 	}
 	__onPropChange(key, value) {
 		const __id = this.id;
 		if (key === "class") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "";
 			if (__el) {
@@ -58,7 +60,10 @@ var HoverCard = class extends ZagComponent {
 			this.props;
 			const __boundValue = value || "#";
 			if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("href");
-			else __el.setAttribute("href", String(__boundValue));
+			else {
+				const __newAttr = geaSanitizeAttr("href", String(__boundValue));
+				if (__el.getAttribute("href") !== __newAttr) __el.setAttribute("href", __newAttr);
+			}
 		}
 		if (key === "triggerLabel") {
 			const __el = this.__e1 || (this.__e1 = document.getElementById(__id + "-b1"));
@@ -75,7 +80,7 @@ var HoverCard = class extends ZagComponent {
 			}
 		}
 	}
-	__resetEls() {
+	*GEA_RESET_ELS() {
 		this.__e0 = null;
 		this.__e1 = null;
 		this.__e2 = null;

package/dist/hover-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.mjs","names":["hoverCard","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","HoverCard","open","createMachine","_props","machine","getMachineProps","props","id","defaultOpen","openDelay","closeDelay","positioning","onOpenChange","details","OpenChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","String","trim","href","triggerLabel","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","__e0","document","getElementById","undefined","removeAttribute","setAttribute","__e1","textContent","__e2","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","__resetEls","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"sources":["../src/components/hover-card.tsx"],"sourcesContent":["import * as hoverCard from '@zag-js/hover-card'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class HoverCard extends ZagComponent {\n  declare open: boolean\n\n  createMachine(_props: any): any {\n    return hoverCard.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      openDelay: props.openDelay,\n      closeDelay: props.closeDelay,\n      positioning: props.positioning,\n      onOpenChange: (details: hoverCard.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return hoverCard.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"positioner\"]': 'getPositionerProps',\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"arrow\"]': 'getArrowProps',\n      '[data-part=\"arrow-tip\"]': 'getArrowTipProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n  }\n\n  template(props: any) {\n    return (\n      <div class={props.class || ''} style={{ display: 'inline-block' }}>\n        <a data-part=\"trigger\" href={props.href || '#'} class=\"hover-card-trigger inline-block\">\n          {props.triggerLabel || 'Hover me'}\n        </a>\n        <div data-part=\"positioner\" class=\"hover-card-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"hover-card-content z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none\"\n          >\n            {props.children}\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;;AAIA,IAAqBO,YAArB,cAAuCL,aAAa;CAGlDO,cAAcC,QAAkB;AAC9B,SAAOV,UAAUW;;CAGnBC,gBAAgBC,OAAY;AAC1B,SAAO;GACLC,IAAI,KAAKA;GACTN,MAAMK,MAAML;GACZO,aAAaF,MAAME;GACnBC,WAAWH,MAAMG;GACjBC,YAAYJ,MAAMI;GAClBC,aAAaL,MAAMK;GACnBC,eAAeC,YAAyC;AACtD,SAAKZ,OAAOY,QAAQZ;AACpBK,UAAMM,eAAeC,QAAQ;;GAEhC;;CAGHE,WAAWC,SAAc;AACvB,SAAOvB,UAAUwB,QAAQD,SAAStB,eAAe;;CAGnDwB,eAAe;AACb,SAAO;GACL,2BAAyB;GACzB,8BAA4B;GAC5B,2BAAyB;GACzB,yBAAuB;GACvB,6BAA2B;GAC5B;;CAGHC,UAAUC,KAAU;AAClB,OAAKnB,OAAOmB,IAAInB;;CAGlBoB,SAASf,OAAY;EAAA,MAAAgB,OAAA,KAAAf;AAAAgB,YAAAC,UAAA7B,aAAA;AACnB,SAAA,YAAA2B,KAAA,IACchB,MAAMmB,SAAS,OAAE,SAAjBnB,MAAMmB,SAAS,QAAE,QAAA,KAAA,aAAjBnB,MAAMmB,SAAS,OAAE,OAAAC,OAAjBpB,MAAMmB,SAAS,GAAE,GAAA,IAAAE,MAAA,CAAA,GAAA,wCAAAL,OAAA,MAAA,wBACEhB,MAAMsB,QAAQ,QAAG,SAAjBtB,MAAMsB,QAAQ,SAAG,QAAA,KAAA,UAAjBtB,MAAMsB,QAAQ,IAAG,GAAA,2CAC3CtB,MAAMuB,gBAAgB,WAAU,yEAAAP,OAAA,MAAA,6IAO9BhB,MAAMwB,SAAQ;;CAtD3BC,eAAsBC,KAAKC,OAAK;EAAA,MAAAX,OAAA,KAAAf;AAAA,MAAAyB,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AA2CX,QAAA7B;GAAA,MAAA8B,eAAAH,SAEY;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAV,OAAAU,aAAA,GAAA,IAAAT,MAAA;AAAA,QAAAO,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,QAAA;GAAA,MAAAE,OAAA,KAAAK,SAAA,KAAAA,OAAAC,SAAAC,eAAAnB,OAAA,MAAA;AAFd,QAAAhB;GAAA,MAAA8B,eAAAH,SAG8B;AAAG,OAAAC,KAAA,KAAAE,iBAAA,QAAAA,iBAAAM,KAAAA,EAAAR,MAAAS,gBAAA,OAAA;OAAAT,MAAAU,aAAA,QAAAlB,OAAAU,aAAA,CAAA;;AAAA,MAAAJ,QAAA,gBAAA;GAAA,MAAAE,OAAA,KAAAW,SAAA,KAAAA,OAAAL,SAAAC,eAAAnB,OAAA,MAAA;AAHjC,QAAAhB;GAAA,MAAA8B,eAAAH,SAIY;AAAU,OAAAC,QAAAA,KAAAY,gBAAAV,aAAAF,MAAAY,cAAAV;;AAAA,MAAAJ,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAa,SAAA,KAAAA,OAAAP,SAAAC,eAAAnB,OAAA,MAAA;AAAA,OAAAY,QAAAA,KAAAc,cAAAf,OAAA;AAAAC,SAAAc,YAAAf;AAAA,SAAAgB,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA;;;;CA/CPC,aAAA;AAAA,OAAAb,OAAA;AAAA,OAAAM,OAAA;AAAA,OAAAE,OAAA"}
+{"version":3,"file":"hover-card.mjs","names":["hoverCard","normalizeProps","ZagComponent","HoverCard","GEA_CTOR_TAG_NAME","open","createMachine","_props","machine","getMachineProps","props","id","defaultOpen","openDelay","closeDelay","positioning","onOpenChange","details","OpenChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","String","trim","href","geaSanitizeAttr","geaEscapeHtml","triggerLabel","children","__onPropChange","key","value","__el","GEA_ELEMENT","__boundValue","__newClass","className","__e0","document","getElementById","undefined","removeAttribute","__newAttr","getAttribute","setAttribute","__e1","textContent","__e2","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","GEA_RESET_ELS"],"sources":["../src/components/hover-card.tsx"],"sourcesContent":["import * as hoverCard from '@zag-js/hover-card'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class HoverCard extends ZagComponent {\n  declare open: boolean\n\n  createMachine(_props: any): any {\n    return hoverCard.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      openDelay: props.openDelay,\n      closeDelay: props.closeDelay,\n      positioning: props.positioning,\n      onOpenChange: (details: hoverCard.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return hoverCard.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"positioner\"]': 'getPositionerProps',\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"arrow\"]': 'getArrowProps',\n      '[data-part=\"arrow-tip\"]': 'getArrowTipProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n  }\n\n  template(props: any) {\n    return (\n      <div class={props.class || ''} style={{ display: 'inline-block' }}>\n        <a data-part=\"trigger\" href={props.href || '#'} class=\"hover-card-trigger inline-block\">\n          {props.triggerLabel || 'Hover me'}\n        </a>\n        <div data-part=\"positioner\" class=\"hover-card-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"hover-card-content z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none\"\n          >\n            {props.children}\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;AAIA,IAAqBG,YAArB,cAAuCD,aAAa;;OAAAE,qBAAA;;CAGlDE,cAAcC,QAAkB;AAC9B,SAAOP,UAAUQ;;CAGnBC,gBAAgBC,OAAY;AAC1B,SAAO;GACLC,IAAI,KAAKA;GACTN,MAAMK,MAAML;GACZO,aAAaF,MAAME;GACnBC,WAAWH,MAAMG;GACjBC,YAAYJ,MAAMI;GAClBC,aAAaL,MAAMK;GACnBC,eAAeC,YAAyC;AACtD,SAAKZ,OAAOY,QAAQZ;AACpBK,UAAMM,eAAeC,QAAQ;;GAEhC;;CAGHE,WAAWC,SAAc;AACvB,SAAOpB,UAAUqB,QAAQD,SAASnB,eAAe;;CAGnDqB,eAAe;AACb,SAAO;GACL,2BAAyB;GACzB,8BAA4B;GAC5B,2BAAyB;GACzB,yBAAuB;GACvB,6BAA2B;GAC5B;;CAGHC,UAAUC,KAAU;AAClB,OAAKnB,OAAOmB,IAAInB;;CAGlBoB,SAASf,OAAY;EAAA,MAAAgB,OAAA,KAAAf;AAAAgB,YAAAC,UAAA1B,cAAA,gBAAA;AACnB,SAAA,YAAAwB,KAAA,IACchB,MAAMmB,SAAS,OAAE,SAAjBnB,MAAMmB,SAAS,QAAE,QAAA,KAAA,aAAjBnB,MAAMmB,SAAS,OAAE,OAAAC,OAAjBpB,MAAMmB,SAAS,GAAE,GAAA,IAAAE,MAAA,CAAA,GAAA,wCAAAL,OAAA,MAAA,wBACEhB,MAAMsB,QAAQ,QAAG,SAAjBtB,MAAMsB,QAAQ,SAAG,QAAA,KAAA,UAAAC,gBAAA,QAAAH,OAAjBpB,MAAMsB,QAAQ,IAAG,CAAA,CAAA,GAAA,2CAAAE,cAAAJ,OAC3CpB,MAAMyB,gBAAgB,WAAU,CAAA,CAAA,yEAAAT,OAAA,MAAA,6IAO9BhB,MAAM0B,SAAQ;;CAtD3BC,eAAsBC,KAAKC,OAAK;EAAA,MAAAb,OAAA,KAAAf;AAAA,MAAA2B,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AA2CX,QAAA/B;GAAA,MAAAgC,eAAAH,SAEY;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAZ,OAAAY,aAAA,GAAA,IAAAX,MAAA;AAAA,QAAAS,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,QAAA;GAAA,MAAAE,OAAA,KAAAK,SAAA,KAAAA,OAAAC,SAAAC,eAAArB,OAAA,MAAA;AAFd,QAAAhB;GAAA,MAAAgC,eAAAH,SAG8B;AAAG,OAAAC,KAAA,KAAAE,iBAAA,QAAAA,iBAAAM,KAAAA,EAAAR,MAAAS,gBAAA,OAAA;QAAA;IAAA,MAAAC,YAAAjB,gBAAA,QAAAH,OAAAY,aAAA,CAAA;AAAA,QAAAF,KAAAW,aAAA,OAAA,KAAAD,UAAAV,MAAAY,aAAA,QAAAF,UAAA;;;AAAA,MAAAZ,QAAA,gBAAA;GAAA,MAAAE,OAAA,KAAAa,SAAA,KAAAA,OAAAP,SAAAC,eAAArB,OAAA,MAAA;AAHjC,QAAAhB;GAAA,MAAAgC,eAAAH,SAIY;AAAU,OAAAC,QAAAA,KAAAc,gBAAAZ,aAAAF,MAAAc,cAAAZ;;AAAA,MAAAJ,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAe,SAAA,KAAAA,OAAAT,SAAAC,eAAArB,OAAA,MAAA;AAAA,OAAAc,QAAAA,KAAAgB,cAAAjB,OAAA;AAAAC,SAAAgB,YAAAjB;AAAA,SAAAkB,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA;;;;CA/CP,CAAAC,gBAAA;AAAA,OAAAf,OAAA;AAAA,OAAAQ,OAAA;AAAA,OAAAE,OAAA"}

package/dist/input.mjs

@@ -1,21 +1,26 @@
 import { t as cn } from "./cn.mjs";
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
 //#region src/components/input.tsx
 var Input = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "gea-input";
+	}
 	template(props) {
-		return `<input id="${props.inputId}"${cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) == null || cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) === false ? "" : ` class="${(cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) != null ? String(cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class)) : "").trim()}"`}${(props.type || "text") == null || (props.type || "text") === false ? "" : ` type="${props.type || "text"}"`}${props.placeholder == null || props.placeholder === false ? "" : ` placeholder="${props.placeholder}"`}${props.value == null || props.value === false ? "" : ` value="${props.value}"`}${props.disabled == null || props.disabled === false ? "" : ` disabled="${props.disabled}"`}${props.name == null || props.name === false ? "" : ` name="${props.name}"`} data-gea-event="ev0" />`;
+		const __id = this.id;
+		return `<input id="${props.inputId}" data-gea-cid="${__id}"${cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) == null || cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) === false ? "" : ` class="${(cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) != null ? String(cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class)) : "").trim()}"`}${(props.type || "text") == null || (props.type || "text") === false ? "" : ` type="${props.type || "text"}"`}${props.placeholder == null || props.placeholder === false ? "" : ` placeholder="${props.placeholder}"`}${props.value == null || props.value === false ? "" : ` value="${props.value}"`}${props.disabled == null || props.disabled === false ? "" : ` disabled="${props.disabled}"`}${props.name == null || props.name === false ? "" : ` name="${props.name}"`} />`;
 	}
 	get events() {
-		if (this.__evts) return this.__evts;
-		return this.__evts = { input: { "[data-gea-event=\"ev0\"]": this.__event_input_0 } };
+		if (this.__evts && this[GEA_ELEMENT]) return this.__evts;
+		const __geaEvtsResult = { input: { [`#${this.props.inputId}`]: (e, targetComponent) => this.__event_input_0(e, targetComponent) } };
+		if (this[GEA_ELEMENT]) this.__evts = __geaEvtsResult;
+		return __geaEvtsResult;
 	}
 	__event_input_0(e, targetComponent) {
 		this.props.onInput?.(e);
 	}
 	__onPropChange(key, value) {
 		if (key === "class") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", value);
 			if (__el) {
@@ -24,35 +29,50 @@ var Input = class extends Component {
 			}
 		}
 		if (key === "type") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "text";
 			if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("type");
-			else __el.setAttribute("type", String(__boundValue));
+			else {
+				const __newAttr = String(__boundValue);
+				if (__el.getAttribute("type") !== __newAttr) __el.setAttribute("type", __newAttr);
+			}
 		}
 		if (key === "placeholder") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el) if (value === null || value === void 0) __el.removeAttribute("placeholder");
-			else __el.setAttribute("placeholder", String(value));
+			else {
+				const __newAttr = String(value);
+				if (__el.getAttribute("placeholder") !== __newAttr) __el.setAttribute("placeholder", __newAttr);
+			}
 		}
 		if (key === "value") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el) __el.value = value === null || value === void 0 ? "" : String(value);
 		}
 		if (key === "disabled") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el) if (!value) __el.removeAttribute("disabled");
-			else __el.setAttribute("disabled", "");
+			else {
+				const __newAttr = "";
+				if (__el.getAttribute("disabled") !== __newAttr) __el.setAttribute("disabled", __newAttr);
+			}
 		}
 		if (key === "name") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el) if (value === null || value === void 0) __el.removeAttribute("name");
-			else __el.setAttribute("name", String(value));
+			else {
+				const __newAttr = String(value);
+				if (__el.getAttribute("name") !== __newAttr) __el.setAttribute("name", __newAttr);
+			}
 		}
 		if (key === "inputId") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el) if (value === null || value === void 0) __el.removeAttribute("id");
-			else __el.setAttribute("id", String(value));
+			else {
+				const __newAttr = String(value);
+				if (__el.getAttribute("id") !== __newAttr) __el.setAttribute("id", __newAttr);
+			}
 		}
 	}
 };

package/dist/input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.mjs","names":["Component","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Input","template","props","inputId","class","String","trim","type","placeholder","value","disabled","name","events","__evts","input","__event_input_0","e","targetComponent","onInput","__onPropChange","key","__el","element_","__boundValue","__newClass","className","undefined","removeAttribute","setAttribute","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","call","__origDispose","dispose"],"sources":["../src/components/input.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Input extends Component {\n  template(props: any) {\n    return (\n      <input\n        class={cn(\n          'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n          props.class,\n        )}\n        type={props.type || 'text'}\n        placeholder={props.placeholder}\n        value={props.value}\n        disabled={props.disabled}\n        name={props.name}\n        id={props.inputId}\n        input={(e: Event) => props.onInput?.(e)}\n      />\n    )\n  }\n}\n"],"mappings":";;;;AAGA,IAAqBM,QAArB,cAAmCN,UAAU;CAC3CO,SAASC,OAAY;AACnB,SAAA,cAWQA,MAAMC,QAAO,GATVR,GACL,2WACAO,MAAME,MACP,IAAA,QAHMT,GACL,2WACAO,MAAME,MACP,KAAA,QAAA,KAAA,YAHMT,GACL,2WACAO,MAAME,MACP,IAAA,OAAAC,OAHMV,GACL,2WACAO,MAAME,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,MACKJ,MAAMK,QAAQ,WAAM,SAApBL,MAAMK,QAAQ,YAAM,QAAA,KAAA,UAApBL,MAAMK,QAAQ,OAAM,KACbL,MAAMM,eAAW,QAAjBN,MAAMM,gBAAW,QAAA,KAAA,iBAAjBN,MAAMM,YAAW,KACvBN,MAAMO,SAAK,QAAXP,MAAMO,UAAK,QAAA,KAAA,WAAXP,MAAMO,MAAK,KACRP,MAAMQ,YAAQ,QAAdR,MAAMQ,aAAQ,QAAA,KAAA,cAAdR,MAAMQ,SAAQ,KAClBR,MAAMS,QAAI,QAAVT,MAAMS,SAAI,QAAA,KAAA,UAAVT,MAAMS,KAAI,GAAA;;CAKrB,IAAAC,SAAA;AAAA,MAAA,KAAAC,OAAA,QAAA,KAAAA;AAAA,SAAA,KAAAA,SAAA,EAAAC,OAAA,EAAA,4BAAA,KAAAC,iBAAA,EAAA;;CAnBHA,gBAAsBC,GAAGC,iBAAiB;AAAA,OAAAf,MAgBPgB,UAAUF,EAAC;;CAhB9CG,eAAsBC,KAAKX,OAAK;AAAA,MAAAW,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AAGX,QAAApB;GAAA,MAAAqB,eAGN5B,GACL,2WAAyWc,MAAA;AAAA,OAAAY,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAlB,OAAAkB,aAAA,GAAA,IAAAjB,MAAA;AAAA,QAAAe,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAJ,QAAA,QAAA;GAAA,MAAAC,OAAA,KAAAC;AAJ9V,QAAApB;GAAA,MAAAqB,eAAAd,SAOO;AAAM,OAAAY,KAAA,KAAAE,iBAAA,QAAAA,iBAAAG,KAAAA,EAAAL,MAAAM,gBAAA,OAAA;OAAAN,MAAAO,aAAA,QAAAvB,OAAAkB,aAAA,CAAA;;AAAA,MAAAH,QAAA,eAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAZ,UAAA,QAAAA,UAAAiB,KAAAA,EAAAL,MAAAM,gBAAA,cAAA;OAAAN,MAAAO,aAAA,eAAAvB,OAAAI,MAAA,CAAA;;AAAA,MAAAW,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAAA,MAAAZ,QAAAA,UAAA,QAAAA,UAAAiB,KAAAA,IAAA,KAAArB,OAAAI,MAAA;;AAAA,MAAAW,QAAA,YAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAA,CAAAZ,MAAAY,MAAAM,gBAAA,WAAA;OAAAN,MAAAO,aAAA,YAAA,GAAA;;AAAA,MAAAR,QAAA,QAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAZ,UAAA,QAAAA,UAAAiB,KAAAA,EAAAL,MAAAM,gBAAA,OAAA;OAAAN,MAAAO,aAAA,QAAAvB,OAAAI,MAAA,CAAA;;AAAA,MAAAW,QAAA,WAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAZ,UAAA,QAAAA,UAAAiB,KAAAA,EAAAL,MAAAM,gBAAA,KAAA;OAAAN,MAAAO,aAAA,MAAAvB,OAAAI,MAAA,CAAA"}
+{"version":3,"file":"input.mjs","names":["Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","cn","Input","template","props","__id","id","inputId","class","String","trim","type","placeholder","value","disabled","name","events","__evts","__geaEvtsResult","input","e","targetComponent","__event_input_0","onInput","__onPropChange","key","__el","__boundValue","__newClass","className","undefined","removeAttribute","__newAttr","getAttribute","setAttribute"],"sources":["../src/components/input.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Input extends Component {\n  template(props: any) {\n    return (\n      <input\n        class={cn(\n          'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n          props.class,\n        )}\n        type={props.type || 'text'}\n        placeholder={props.placeholder}\n        value={props.value}\n        disabled={props.disabled}\n        name={props.name}\n        id={props.inputId}\n        input={(e: Event) => props.onInput?.(e)}\n      />\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/label.mjs

@@ -1,14 +1,16 @@
 import { t as cn } from "./cn.mjs";
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
 //#region src/components/label.tsx
 var Label = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "gea-label";
+	}
 	template(props) {
 		return `<label id="${this.id}"${cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class) == null || cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class) === false ? "" : ` class="${(cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class) != null ? String(cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class)) : "").trim()}"`}${props.htmlFor == null || props.htmlFor === false ? "" : ` for="${props.htmlFor}"`}>${props.children}</label>`;
 	}
 	__onPropChange(key, value) {
 		if (key === "class") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", value);
 			if (__el) {
@@ -17,12 +19,15 @@ var Label = class extends Component {
 			}
 		}
 		if (key === "htmlFor") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el) if (value === null || value === void 0) __el.removeAttribute("for");
-			else __el.setAttribute("for", String(value));
+			else {
+				const __newAttr = String(value);
+				if (__el.getAttribute("for") !== __newAttr) __el.setAttribute("for", __newAttr);
+			}
 		}
 		if (key === "children") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el && __el.innerHTML !== value) {
 				__el.innerHTML = value;
 				this.instantiateChildComponents_();

package/dist/label.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"label.mjs","names":["Component","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Label","template","props","__id","id","class","String","trim","htmlFor","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","undefined","removeAttribute","setAttribute","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"sources":["../src/components/label.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Label extends Component {\n  template(props: any) {\n    return (\n      <label\n        class={cn(\n          'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n          props.class,\n        )}\n        for={props.htmlFor}\n      >\n        {props.children}\n      </label>\n    )\n  }\n}\n"],"mappings":";;;;AAGA,IAAqBM,QAArB,cAAmCN,UAAU;CAC3CO,SAASC,OAAY;AACnB,SAAA,cADmB,KAAAE,GACnB,GAEWT,GACL,8FACAO,MAAMG,MACP,IAAA,QAHMV,GACL,8FACAO,MAAMG,MACP,KAAA,QAAA,KAAA,YAHMV,GACL,8FACAO,MAAMG,MACP,IAAA,OAAAC,OAHMX,GACL,8FACAO,MAAMG,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,KACIL,MAAMM,WAAO,QAAbN,MAAMM,YAAO,QAAA,KAAA,SAAbN,MAAMM,QAAO,GAAA,GAEjBN,MAAMO,SAAQ;;CAZvBC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAGX,QAAAZ;GAAA,MAAAa,eAGNpB,GACL,8FAA4FiB,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAT,OAAAS,aAAA,GAAA,IAAAR,MAAA;AAAA,QAAAM,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,WAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAD,UAAA,QAAAA,UAAAM,KAAAA,EAAAL,MAAAM,gBAAA,MAAA;OAAAN,MAAAO,aAAA,OAAAd,OAAAM,MAAA,CAAA;;AAAA,MAAAD,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,QAAAA,KAAAQ,cAAAT,OAAA;AAAAC,SAAAQ,YAAAT;AAAA,SAAAU,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA"}
+{"version":3,"file":"label.mjs","names":["Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","cn","Label","template","props","__id","id","class","String","trim","htmlFor","children","__onPropChange","key","value","__el","__boundValue","__newClass","className","undefined","removeAttribute","__newAttr","getAttribute","setAttribute","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_"],"sources":["../src/components/label.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Label extends Component {\n  template(props: any) {\n    return (\n      <label\n        class={cn(\n          'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n          props.class,\n        )}\n        for={props.htmlFor}\n      >\n        {props.children}\n      </label>\n    )\n  }\n}\n"],"mappings":";;;AAGA,IAAqBuC,QAArB,cAAmCvC,UAAU;;OAAAqC,qBAAA;;CAC3CG,SAASC,OAAY;AACnB,SAAA,cADmB,KAAAE,GACnB,GAEWL,GACL,8FACAG,MAAMG,MACP,IAAA,QAHMN,GACL,8FACAG,MAAMG,MACP,KAAA,QAAA,KAAA,YAHMN,GACL,8FACAG,MAAMG,MACP,IAAA,OAAAC,OAHMP,GACL,8FACAG,MAAMG,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,KACIL,MAAMM,WAAO,QAAbN,MAAMM,YAAO,QAAA,KAAA,SAAbN,MAAMM,QAAO,GAAA,GAEjBN,MAAMO,SAAQ;;CAZvBC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAlD;AAGX,QAAAuC;GAAA,MAAAY,eAGNf,GACL,8FAA4Fa,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAE,cAAAD,gBAAA,OAAAR,OAAAQ,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAM,KAAAG,cAAAD,WAAAF,MAAAG,YAAAD;;;AAAA,MAAAJ,QAAA,WAAA;GAAA,MAAAE,OAAA,KAAAlD;AAAA,OAAAkD,KAAA,KAAAD,UAAA,QAAAA,UAAAK,KAAAA,EAAAJ,MAAAK,gBAAA,MAAA;QAAA;IAAA,MAAAC,YAAAb,OAAAM,MAAA;AAAA,QAAAC,KAAAO,aAAA,MAAA,KAAAD,UAAAN,MAAAQ,aAAA,OAAAF,UAAA;;;AAAA,MAAAR,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAlD;AAAA,OAAAkD,QAAAA,KAAAS,cAAAV,OAAA;AAAAC,SAAAS,YAAAV;AAAA,SAAAW,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA"}

package/dist/menu.d.mts

@@ -1,13 +1,13 @@
 import { n as ZagComponent } from "./zag-component.mjs";
 import * as menu from "@zag-js/menu";
-import * as _zag_js_types0 from "@zag-js/types";
+import * as _$_zag_js_types0 from "@zag-js/types";
 
 //#region src/components/menu.d.ts
 declare class Menu extends ZagComponent {
   open: boolean;
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: string;
+    id: any;
     open: any;
     defaultOpen: any;
     closeOnSelect: any;
@@ -16,7 +16,7 @@ declare class Menu extends ZagComponent {
     onOpenChange: (details: menu.OpenChangeDetails) => void;
     onSelect: any;
   };
-  connectApi(service: any): menu.Api<_zag_js_types0.PropTypes<{
+  connectApi(service: any): menu.Api<_$_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
   getSpreadMap(): {