@geajs/ui 0.1.5 → 0.2.0

package/dist/tags-input.mjs

@@ -1,21 +1,25 @@
 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_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_MAP_CONFIG_TPL, GEA_OBSERVE, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_REGISTER_MAP, GEA_SETUP_LOCAL_STATE_OBSERVERS, GEA_SYNC_MAP, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as tagsInput from "@zag-js/tags-input";
 //#region src/components/tags-input.tsx
 const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
 var TagsInput = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "tags-input";
+	}
+	#__rowEls_b1;
+	#__dc_b1;
 	constructor(...args) {
 		super(...args);
 		this.props;
-		this.__geaCond_0 = !!this.props.label;
-		this.__geaRegisterCond(0, "c0", () => {
+		this[geaCondValueSymbol(0)] = !!this.props.label;
+		this[GEA_REGISTER_COND](0, "c0", () => {
 			this.props;
 			return this.props.label;
 		}, () => {
 			this.props;
-			return `<label data-part="label" class="tags-input-label text-sm font-medium mb-1 block">${this.props.label}</label>`;
+			return `<label data-part="label" class="tags-input-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(this.props.label))}</label>`;
 		}, null);
 	}
 	createMachine(_props) {
@@ -91,22 +95,23 @@ var TagsInput = 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="tags-input-label text-sm font-medium mb-1 block">${props.label}</label>` || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="control" class="tags-input-control flex flex-wrap gap-1.5 rounded-md border border-input bg-transparent px-3 py-2 shadow-sm focus-within:ring-1 focus-within:ring-ring">${(this.value || []).map((tag, i) => `<span data-gea-item-id="${String(tag)}" data-part="item"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`} class="tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium"><span data-part="item-preview"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`} class="inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-sm"><span data-part="item-text"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`}>${tag}</span></span><button data-part="item-delete-trigger"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`} class="tags-input-item-delete text-muted-foreground hover:text-foreground">✕</button></span>`).join("") + "<!---->"}<input data-part="input" class="tags-input-input flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground min-w-[60px]" /></div><input data-part="hidden-input" type="hidden" /></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="tags-input-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="control" class="tags-input-control flex flex-wrap gap-1.5 rounded-md border border-input bg-transparent px-3 py-2 shadow-sm focus-within:ring-1 focus-within:ring-ring">${(this.value || []).map((tag, i) => `<span data-gea-item-id="${String(`${tag}-${i}`)}" data-part="item"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`} class="tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium"><span data-part="item-preview"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`} class="inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-sm"><span data-part="item-text"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`}>${tag}</span></span><button data-part="item-delete-trigger"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`} class="tags-input-item-delete text-muted-foreground hover:text-foreground">✕</button></span>`).join("") + "<!---->"}<input data-part="input" class="tags-input-input flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground min-w-[60px]" /></div><input data-part="hidden-input" type="hidden" /></div>`;
 	}
 	render__unresolved_0Item(tag, i) {
-		return `<span data-gea-item-id="${tag?.id ?? tag}" data-part="item"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`} class="tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium"><span data-part="item-preview"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`} class="inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-sm"><span data-part="item-text"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`}>${tag}</span></span><button data-part="item-delete-trigger"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`} class="tags-input-item-delete text-muted-foreground hover:text-foreground">✕</button></span>`;
+		return `<span data-gea-item-id="${String(`${tag}-${i}`)}" data-part="item"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`} class="tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium"><span data-part="item-preview"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`} class="inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-sm"><span data-part="item-text"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`}>${tag}</span></span><button data-part="item-delete-trigger"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`} class="tags-input-item-delete text-muted-foreground hover:text-foreground">✕</button></span>`;
 	}
 	create__unresolved_0Item(item, __idx) {
-		var __c = this.____unresolved_0_container;
-		if (!__c.__geaTpl) try {
+		var __c = this.#__dc_b1 || (this.#__dc_b1 = this.____unresolved_0_container);
+		if (!__c[GEA_MAP_CONFIG_TPL]) try {
 			var __tw = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item("__dummy__", 0);
-			__c.__geaTpl = __tw.content.firstElementChild;
+			__tw.innerHTML = this.render__unresolved_0Item({}, 0);
+			__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.render__unresolved_0Item(item, __idx);
@@ -117,33 +122,57 @@ var TagsInput = class extends ZagComponent {
 		el.__ref_1 = el.firstElementChild.nextElementSibling;
 		var __av = String(__idx);
 		if (__av == null || __av === false) el.removeAttribute("data-index");
-		else el.setAttribute("data-index", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (el.getAttribute("data-index") !== __newAttr) el.setAttribute("data-index", __newAttr);
+		}
 		var __av = item;
 		if (__av == null || __av === false) el.removeAttribute("data-value");
-		else el.setAttribute("data-value", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (el.getAttribute("data-value") !== __newAttr) el.setAttribute("data-value", __newAttr);
+		}
 		var __av = String(__idx);
 		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-index");
-		else el.__ref_0.setAttribute("data-index", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_0.getAttribute("data-index") !== __newAttr) el.__ref_0.setAttribute("data-index", __newAttr);
+		}
 		var __av = item;
 		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-value");
-		else el.__ref_0.setAttribute("data-value", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_0.getAttribute("data-value") !== __newAttr) el.__ref_0.setAttribute("data-value", __newAttr);
+		}
 		var __av = String(__idx);
 		if (__av == null || __av === false) el.__ref_0_0.removeAttribute("data-index");
-		else el.__ref_0_0.setAttribute("data-index", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_0_0.getAttribute("data-index") !== __newAttr) el.__ref_0_0.setAttribute("data-index", __newAttr);
+		}
 		var __av = item;
 		if (__av == null || __av === false) el.__ref_0_0.removeAttribute("data-value");
-		else el.__ref_0_0.setAttribute("data-value", String(__av));
-		el.__ref_0_0.textContent = `
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_0_0.getAttribute("data-value") !== __newAttr) el.__ref_0_0.setAttribute("data-value", __newAttr);
+		}
+		el.__ref_0_0.firstChild.nodeValue = `
                   ${item}
                 `;
 		var __av = String(__idx);
 		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-index");
-		else el.__ref_1.setAttribute("data-index", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_1.getAttribute("data-index") !== __newAttr) el.__ref_1.setAttribute("data-index", __newAttr);
+		}
 		var __av = item;
 		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-value");
-		else el.__ref_1.setAttribute("data-value", String(__av));
-		el.setAttribute("data-gea-item-id", String(item));
-		el.__geaItem = item;
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_1.getAttribute("data-value") !== __newAttr) el.__ref_1.setAttribute("data-value", __newAttr);
+		}
+		el[GEA_DOM_KEY] = String(`${item}-${__idx}`);
+		el[GEA_DOM_ITEM] = item;
 		return el;
 	}
 	patch__unresolved_0Item(row, item, __prevItem, __idx) {
@@ -153,41 +182,66 @@ var TagsInput = class extends ZagComponent {
 		if (!row.__ref_1) row.__ref_1 = row.firstElementChild.nextElementSibling;
 		var __av = String(__idx);
 		if (__av == null || __av === false) row.removeAttribute("data-index");
-		else row.setAttribute("data-index", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (row.getAttribute("data-index") !== __newAttr) row.setAttribute("data-index", __newAttr);
+		}
 		var __av = item;
 		if (__av == null || __av === false) row.removeAttribute("data-value");
-		else row.setAttribute("data-value", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (row.getAttribute("data-value") !== __newAttr) row.setAttribute("data-value", __newAttr);
+		}
 		var __av = String(__idx);
 		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-index");
-		else row.__ref_0.setAttribute("data-index", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_0.getAttribute("data-index") !== __newAttr) row.__ref_0.setAttribute("data-index", __newAttr);
+		}
 		var __av = item;
 		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-value");
-		else row.__ref_0.setAttribute("data-value", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_0.getAttribute("data-value") !== __newAttr) row.__ref_0.setAttribute("data-value", __newAttr);
+		}
 		var __av = String(__idx);
 		if (__av == null || __av === false) row.__ref_0_0.removeAttribute("data-index");
-		else row.__ref_0_0.setAttribute("data-index", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_0_0.getAttribute("data-index") !== __newAttr) row.__ref_0_0.setAttribute("data-index", __newAttr);
+		}
 		var __av = item;
 		if (__av == null || __av === false) row.__ref_0_0.removeAttribute("data-value");
-		else row.__ref_0_0.setAttribute("data-value", String(__av));
-		row.__ref_0_0.textContent = `
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_0_0.getAttribute("data-value") !== __newAttr) row.__ref_0_0.setAttribute("data-value", __newAttr);
+		}
+		row.__ref_0_0.firstChild.nodeValue = `
                   ${item}
                 `;
 		var __av = String(__idx);
 		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-index");
-		else row.__ref_1.setAttribute("data-index", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_1.getAttribute("data-index") !== __newAttr) row.__ref_1.setAttribute("data-index", __newAttr);
+		}
 		var __av = item;
 		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-value");
-		else row.__ref_1.setAttribute("data-value", String(__av));
-		row.setAttribute("data-gea-item-id", String(item));
-		row.__geaItem = item;
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_1.getAttribute("data-value") !== __newAttr) row.__ref_1.setAttribute("data-value", __newAttr);
+		}
+		row[GEA_DOM_KEY] = String(`${item}-${__idx}`);
+		(this.#__rowEls_b1 || (this.#__rowEls_b1 = {}))[String(`${item}-${__idx}`)] = row;
+		row[GEA_DOM_ITEM] = item;
 	}
 	__observe_local_value(value, change) {
-		this.__geaSyncMap(0);
-		this.__geaSyncMap(0);
+		this[GEA_SYNC_MAP](0);
+		this[GEA_SYNC_MAP](0);
 	}
 	__onPropChange(key, value) {
 		if (key === "class") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "";
 			if (__el) {
@@ -195,16 +249,16 @@ var TagsInput = class extends ZagComponent {
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
-		if (key === "label") this.__geaPatchCond(0);
+		if (key === "label") this[GEA_PATCH_COND](0);
 	}
 	createdHooks() {
-		this.__geaRegisterMap(0, "____unresolved_0_container", () => document.getElementById(this.id + "-b1"), () => {
+		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => document.getElementById(this.id + "-b1"), () => {
 			return this.value || [];
-		}, (__item, __idx) => this.create__unresolved_0Item(__item, __idx));
+		}, (__item, __idx) => this.create__unresolved_0Item(__item, __idx), (__k, __ki) => String(`${__k}-${__ki}`));
 	}
-	__setupLocalStateObservers() {
+	[GEA_SETUP_LOCAL_STATE_OBSERVERS]() {
 		if (!this.__store) return;
-		this.__observe(this, ["value"], this.__observe_local_value);
+		this[GEA_OBSERVE](this, ["value"], this.__observe_local_value);
 	}
 };
 //#endregion

package/dist/tags-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tags-input.mjs","names":["__v","v","valueOf","Component","tagsInput","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","TagsInput","constructor","args","props","__geaCond_0","label","__geaRegisterCond","value","createMachine","_props","machine","getMachineProps","id","defaultValue","max","maxLength","disabled","readOnly","invalid","addOnPaste","editable","allowDuplicates","name","form","placeholder","blurBehavior","delimiter","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","ds","HTMLElement","dataset","getItemProps","index","[data-part=\"item-preview\"]","getItemPreviewProps","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-delete-trigger\"]","getItemDeleteTriggerProps","syncState","template","__id","_register","class","String","trim","map","tag","i","join","render__unresolved_0Item","create__unresolved_0Item","item","__idx","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","__err","console","error","cloneNode","__fw","__ref_0","__ref_0_0","__ref_1","nextElementSibling","__av","removeAttribute","setAttribute","textContent","__geaItem","patch__unresolved_0Item","row","__prevItem","__observe_local_value","change","__geaSyncMap","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaPatchCond","createdHooks","__geaRegisterMap","getElementById","__item","__setupLocalStateObservers","__store","__observe","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"sources":["../src/components/tags-input.tsx"],"sourcesContent":["import * as tagsInput from '@zag-js/tags-input'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class TagsInput extends ZagComponent {\n  declare value: string[]\n\n  createMachine(_props: any): any {\n    return tagsInput.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      max: props.max,\n      maxLength: props.maxLength,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      invalid: props.invalid,\n      addOnPaste: props.addOnPaste ?? false,\n      editable: props.editable ?? true,\n      allowDuplicates: props.allowDuplicates ?? false,\n      name: props.name,\n      form: props.form,\n      placeholder: props.placeholder,\n      blurBehavior: props.blurBehavior,\n      delimiter: props.delimiter,\n      onValueChange: (details: tagsInput.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return tagsInput.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"input\"]': 'getInputProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n      '[data-part=\"clear-trigger\"]': 'getClearTriggerProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemProps({ index: ds.index!, value: ds.value! })\n      },\n      '[data-part=\"item-preview\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemPreviewProps({ index: ds.index!, value: ds.value! })\n      },\n      '[data-part=\"item-text\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemTextProps({ index: ds.index!, value: ds.value! })\n      },\n      '[data-part=\"item-delete-trigger\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemDeleteTriggerProps({ index: ds.index!, value: ds.value! })\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\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=\"tags-input-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div\n          data-part=\"control\"\n          class=\"tags-input-control flex flex-wrap gap-1.5 rounded-md border border-input bg-transparent px-3 py-2 shadow-sm focus-within:ring-1 focus-within:ring-ring\"\n        >\n          {(this.value || []).map((tag: string, i: number) => (\n            <span\n              key={`${tag}-${i}`}\n              data-part=\"item\"\n              data-index={String(i)}\n              data-value={tag}\n              class=\"tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium\"\n            >\n              <span\n                data-part=\"item-preview\"\n                data-index={String(i)}\n                data-value={tag}\n                class=\"inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-sm\"\n              >\n                <span data-part=\"item-text\" data-index={String(i)} data-value={tag}>\n                  {tag}\n                </span>\n              </span>\n              <button\n                data-part=\"item-delete-trigger\"\n                data-index={String(i)}\n                data-value={tag}\n                class=\"tags-input-item-delete text-muted-foreground hover:text-foreground\"\n              >\n                &#x2715;\n              </button>\n            </span>\n          ))}\n          <input\n            data-part=\"input\"\n            class=\"tags-input-input flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground min-w-[60px]\"\n          />\n        </div>\n        <input data-part=\"hidden-input\" type=\"hidden\" />\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"tags-input.mjs","names":["__v","v","valueOf","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","tagsInput","normalizeProps","ZagComponent","TagsInput","__rowEls_b1","__dc_b1","constructor","args","props","label","String","value","createMachine","_props","machine","getMachineProps","id","defaultValue","max","maxLength","disabled","readOnly","invalid","addOnPaste","editable","allowDuplicates","name","form","placeholder","blurBehavior","delimiter","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","ds","HTMLElement","dataset","getItemProps","index","[data-part=\"item-preview\"]","getItemPreviewProps","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-delete-trigger\"]","getItemDeleteTriggerProps","syncState","template","__id","_register","class","trim","map","tag","i","join","render__unresolved_0Item","create__unresolved_0Item","item","__idx","__c","____unresolved_0_container","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__ref_0","__ref_0_0","__ref_1","nextElementSibling","__av","__newAttr","getAttribute","setAttribute","firstChild","nodeValue","patch__unresolved_0Item","row","__prevItem","__observe_local_value","change","__onPropChange","key","__el","__boundValue","__newClass","className","createdHooks","getElementById","__item","__k","__ki","__store"],"sources":["../src/components/tags-input.tsx"],"sourcesContent":["import * as tagsInput from '@zag-js/tags-input'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class TagsInput extends ZagComponent {\n  declare value: string[]\n\n  createMachine(_props: any): any {\n    return tagsInput.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      max: props.max,\n      maxLength: props.maxLength,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      invalid: props.invalid,\n      addOnPaste: props.addOnPaste ?? false,\n      editable: props.editable ?? true,\n      allowDuplicates: props.allowDuplicates ?? false,\n      name: props.name,\n      form: props.form,\n      placeholder: props.placeholder,\n      blurBehavior: props.blurBehavior,\n      delimiter: props.delimiter,\n      onValueChange: (details: tagsInput.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return tagsInput.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"input\"]': 'getInputProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n      '[data-part=\"clear-trigger\"]': 'getClearTriggerProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemProps({ index: ds.index!, value: ds.value! })\n      },\n      '[data-part=\"item-preview\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemPreviewProps({ index: ds.index!, value: ds.value! })\n      },\n      '[data-part=\"item-text\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemTextProps({ index: ds.index!, value: ds.value! })\n      },\n      '[data-part=\"item-delete-trigger\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemDeleteTriggerProps({ index: ds.index!, value: ds.value! })\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\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=\"tags-input-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div\n          data-part=\"control\"\n          class=\"tags-input-control flex flex-wrap gap-1.5 rounded-md border border-input bg-transparent px-3 py-2 shadow-sm focus-within:ring-1 focus-within:ring-ring\"\n        >\n          {(this.value || []).map((tag: string, i: number) => (\n            <span\n              key={`${tag}-${i}`}\n              data-part=\"item\"\n              data-index={String(i)}\n              data-value={tag}\n              class=\"tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium\"\n            >\n              <span\n                data-part=\"item-preview\"\n                data-index={String(i)}\n                data-value={tag}\n                class=\"inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-sm\"\n              >\n                <span data-part=\"item-text\" data-index={String(i)} data-value={tag}>\n                  {tag}\n                </span>\n              </span>\n              <button\n                data-part=\"item-delete-trigger\"\n                data-index={String(i)}\n                data-value={tag}\n                class=\"tags-input-item-delete text-muted-foreground hover:text-foreground\"\n              >\n                &#x2715;\n              </button>\n            </span>\n          ))}\n          <input\n            data-part=\"input\"\n            class=\"tags-input-input flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground min-w-[60px]\"\n          />\n        </div>\n        <input data-part=\"hidden-input\" type=\"hidden\" />\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/textarea.mjs

@@ -1,21 +1,25 @@
 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, geaEscapeHtml } from "@geajs/core";
 //#region src/components/textarea.tsx
 var Textarea = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "gea-textarea";
+	}
 	template(props) {
-		return `<textarea id="${this.id}"${cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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 min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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 min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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 min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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.placeholder == null || props.placeholder === false ? "" : ` placeholder="${props.placeholder}"`}${props.disabled == null || props.disabled === false ? "" : ` disabled="${props.disabled}"`}${props.name == null || props.name === false ? "" : ` name="${props.name}"`}${props.rows == null || props.rows === false ? "" : ` rows="${props.rows}"`}>${props.value || ""}</textarea>`;
+		return `<textarea id="${this.id}"${cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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 min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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 min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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 min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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.placeholder == null || props.placeholder === false ? "" : ` placeholder="${props.placeholder}"`}${props.disabled == null || props.disabled === false ? "" : ` disabled="${props.disabled}"`}${props.name == null || props.name === false ? "" : ` name="${props.name}"`}${props.rows == null || props.rows === false ? "" : ` rows="${props.rows}"`}>${geaEscapeHtml(String(props.value || ""))}</textarea>`;
 	}
 	get events() {
-		if (this.__evts) return this.__evts;
-		return this.__evts = { input: { [`#${this.id}`]: this.__event_input_0 } };
+		if (this.__evts && this[GEA_ELEMENT]) return this.__evts;
+		const __geaEvtsResult = { input: { [`#${this.id}`]: (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 min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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,32 +28,39 @@ var Textarea = class extends Component {
 			}
 		}
 		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 === "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 === "rows") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el) if (value === null || value === void 0) __el.removeAttribute("rows");
-			else __el.setAttribute("rows", String(value));
-		}
-		if (key === "onInput") {
-			const __el = this.element_;
-			if (__el) if (value === null || value === void 0) __el.removeAttribute("onInput");
-			else __el.setAttribute("onInput", String(value));
+			else {
+				const __newAttr = String(value);
+				if (__el.getAttribute("rows") !== __newAttr) __el.setAttribute("rows", __newAttr);
+			}
 		}
 		if (key === "value") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "";
 			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;

package/dist/textarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.mjs","names":["Component","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Textarea","template","props","__id","id","class","String","trim","placeholder","disabled","name","rows","value","events","__evts","input","__event_input_0","e","targetComponent","onInput","__onPropChange","key","__el","element_","__boundValue","__newClass","className","undefined","removeAttribute","setAttribute","textContent","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","call","__origDispose","dispose"],"sources":["../src/components/textarea.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Textarea extends Component {\n  template(props: any) {\n    return (\n      <textarea\n        class={cn(\n          'flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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        placeholder={props.placeholder}\n        disabled={props.disabled}\n        name={props.name}\n        rows={props.rows}\n        onInput={props.onInput}\n      >\n        {props.value || ''}\n      </textarea>\n    )\n  }\n}\n"],"mappings":";;;;AAGA,IAAqBM,WAArB,cAAsCN,UAAU;CAC9CO,SAASC,OAAY;AACnB,SAAA,iBADmB,KAAAE,GACnB,GAEWT,GACL,6QACAO,MAAMG,MACP,IAAA,QAHMV,GACL,6QACAO,MAAMG,MACP,KAAA,QAAA,KAAA,YAHMV,GACL,6QACAO,MAAMG,MACP,IAAA,OAAAC,OAHMX,GACL,6QACAO,MAAMG,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,KACYL,MAAMM,eAAW,QAAjBN,MAAMM,gBAAW,QAAA,KAAA,iBAAjBN,MAAMM,YAAW,KACpBN,MAAMO,YAAQ,QAAdP,MAAMO,aAAQ,QAAA,KAAA,cAAdP,MAAMO,SAAQ,KAClBP,MAAMQ,QAAI,QAAVR,MAAMQ,SAAI,QAAA,KAAA,UAAVR,MAAMQ,KAAI,KACVR,MAAMS,QAAI,QAAVT,MAAMS,SAAI,QAAA,KAAA,UAAVT,MAAMS,KAAI,GAAA,GAGfT,MAAMU,SAAS,GAAE;;CAGvB,IAAAC,SAAA;AAAA,MAAA,KAAAC,OAAA,QAAA,KAAAA;AAAA,SAAA,KAAAA,SAAA,EAAAC,OAAA,GAAA,IAAA,KAAAX,OAAA,KAAAY,iBAAA,EAAA;;CAnBHA,gBAAsBC,GAAGC,iBAAiB;AAAA,OAAAhB,MAcnBiB,QAAOF,EAAA;;CAd9BG,eAAsBC,KAAKT,OAAK;AAAA,MAAAS,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AAGX,QAAArB;GAAA,MAAAsB,eAGN7B,GACL,6QAA2QiB,MAAA;AAAA,OAAAU,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAlB,OAAAkB,aAAA,GAAA,IAAAjB,MAAA;AAAA,QAAAe,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAJ,QAAA,eAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAV,UAAA,QAAAA,UAAAe,KAAAA,EAAAL,MAAAM,gBAAA,cAAA;OAAAN,MAAAO,aAAA,eAAAvB,OAAAM,MAAA,CAAA;;AAAA,MAAAS,QAAA,YAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAA,CAAAV,MAAAU,MAAAM,gBAAA,WAAA;OAAAN,MAAAO,aAAA,YAAA,GAAA;;AAAA,MAAAR,QAAA,QAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAV,UAAA,QAAAA,UAAAe,KAAAA,EAAAL,MAAAM,gBAAA,OAAA;OAAAN,MAAAO,aAAA,QAAAvB,OAAAM,MAAA,CAAA;;AAAA,MAAAS,QAAA,QAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAV,UAAA,QAAAA,UAAAe,KAAAA,EAAAL,MAAAM,gBAAA,OAAA;OAAAN,MAAAO,aAAA,QAAAvB,OAAAM,MAAA,CAAA;;AAAA,MAAAS,QAAA,WAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAV,UAAA,QAAAA,UAAAe,KAAAA,EAAAL,MAAAM,gBAAA,UAAA;OAAAN,MAAAO,aAAA,WAAAvB,OAAAM,MAAA,CAAA;;AAAA,MAAAS,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AAJhQ,QAAArB;GAAA,MAAAsB,eAAAZ,SAaG;AAAE,OAAAU,QAAAA,KAAAQ,gBAAAN,aAAAF,MAAAQ,cAAAN"}
+{"version":3,"file":"textarea.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","Textarea","template","props","__id","id","class","String","trim","placeholder","disabled","name","rows","value","events","__evts","__geaEvtsResult","input","e","targetComponent","__event_input_0","onInput","__onPropChange","key","__el","__boundValue","__newClass","className","undefined","removeAttribute","__newAttr","getAttribute","setAttribute","textContent"],"sources":["../src/components/textarea.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Textarea extends Component {\n  template(props: any) {\n    return (\n      <textarea\n        class={cn(\n          'flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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        placeholder={props.placeholder}\n        disabled={props.disabled}\n        name={props.name}\n        rows={props.rows}\n        onInput={props.onInput}\n      >\n        {props.value || ''}\n      </textarea>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/toast.mjs

@@ -1,5 +1,4 @@
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
 import { VanillaMachine, normalizeProps, spreadProps } from "@zag-js/vanilla";
 import * as toast from "@zag-js/toast";
 //#region src/components/toast.tsx
@@ -55,6 +54,9 @@ var ToastStore = class {
 	}
 };
 var Toaster = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "toaster";
+	}
 	created(props) {
 		this._toastMachines = /* @__PURE__ */ new Map();
 		this._spreadCleanups = /* @__PURE__ */ new Map();
@@ -131,7 +133,7 @@ var Toaster = class extends Component {
 		}
 	}
 	_applyGroupSpreads() {
-		if (!this.rendered_ || !this._api) return;
+		if (!this.rendered || !this._api) return;
 		const groupEl = this.el;
 		if (groupEl) spreadProps(groupEl, stripStyle(this._api.getGroupProps()));
 		const toastEls = this.$$("[data-toast-id]");
@@ -195,7 +197,7 @@ var Toaster = class extends Component {
 	}
 	__onPropChange(key, value) {
 		if (key === "class") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = `toaster fixed z-[100] flex max-h-screen flex-col-reverse gap-2 p-4 ${value || "bottom-0 right-0"}`;
 			if (__el) {

package/dist/toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast.mjs","names":["toast","VanillaMachine","normalizeProps","spreadProps","Component","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","stripStyle","props","Record","style","_style","rest","_store","Store","getStore","StoreProps","createStore","placement","duration","removeDelay","max","ToastStore","create","options","Options","success","Omit","type","error","info","loading","dismiss","id","Toaster","_machine","_api","_toastMachines","Map","_spreadCleanups","Array","_currentToasts","created","store","storeProps","group","machine","start","connect","service","subscribe","nextToasts","getToasts","_syncToastDOM","_syncToastMachines","queueMicrotask","_applyGroupSpreads","_createToastElement","t","HTMLElement","div","document","createElement","setAttribute","className","inner","title","description","innerHTML","container","el","currentIds","Set","map","nextIds","has","querySelector","cleanups","get","forEach","fn","delete","remove","appendChild","stop","i","length","toastMachine","parent","index","stacked","set","rendered_","groupEl","getGroupProps","toastEls","$$","toastId","dataset","api","prevCleanups","rootProps","getRootProps","push","getTitleProps","desc","getDescriptionProps","close","getCloseTriggerProps","action","getActionTriggerProps","onAfterRender","dispose","values","clear","template","__id","class","trim","__tpl","undefined","__cloneTemplate","constructor","Error","__root","content","firstElementChild","cloneNode","__onPropChange","key","value","__el","element_","__boundValue","__newClass","String","import","meta","hot","__moduleExports","url","accept","newModule","__updatedModule","__origCreated","prototype","__geaProps","name","call","__origDispose"],"sources":["../src/components/toast.tsx"],"sourcesContent":["import * as toast from '@zag-js/toast'\nimport { VanillaMachine, normalizeProps, spreadProps } from '@zag-js/vanilla'\nimport { Component } from '@geajs/core'\n\nfunction stripStyle(props: Record<string, any>): Record<string, any> {\n  const { style: _style, ...rest } = props\n  return rest\n}\n\nlet _store: toast.Store | null = null\n\nfunction getStore(props?: toast.StoreProps) {\n  if (!_store) {\n    _store = toast.createStore({\n      placement: 'bottom-end',\n      duration: 5000,\n      removeDelay: 200,\n      max: 5,\n      ...props,\n    })\n  }\n  return _store\n}\n\nexport class ToastStore {\n  static getStore = getStore\n\n  static create(options: toast.Options) {\n    return getStore().create(options)\n  }\n\n  static success(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'success' })\n  }\n\n  static error(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'error' })\n  }\n\n  static info(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'info' })\n  }\n\n  static loading(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'loading' })\n  }\n\n  static dismiss(id?: string) {\n    if (id) getStore().dismiss(id)\n    else getStore().dismiss()\n  }\n}\n\nexport class Toaster extends Component {\n  declare _machine: VanillaMachine<any> | null\n  declare _api: any\n  declare _toastMachines: Map<string, VanillaMachine<any>>\n  declare _spreadCleanups: Map<string, Array<() => void>>\n  declare _currentToasts: toast.Options[]\n\n  created(props: any) {\n    this._toastMachines = new Map()\n    this._spreadCleanups = new Map()\n    this._currentToasts = []\n\n    const store = getStore(props.storeProps)\n\n    this._machine = new VanillaMachine(toast.group.machine, { store })\n    this._machine.start()\n\n    this._api = toast.group.connect(this._machine.service, normalizeProps)\n\n    this._machine.subscribe(() => {\n      if (!this._machine) return\n      this._api = toast.group.connect(this._machine.service, normalizeProps)\n      const nextToasts = this._api.getToasts()\n      this._syncToastDOM(nextToasts)\n      this._currentToasts = nextToasts\n      this._syncToastMachines()\n      queueMicrotask(() => this._applyGroupSpreads())\n    })\n  }\n\n  _createToastElement(t: any): HTMLElement {\n    const div = document.createElement('div')\n    div.setAttribute('data-part', 'toast-root')\n    div.setAttribute('data-toast-id', t.id)\n    div.className =\n      'toast-root group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 shadow-lg transition-all bg-background text-foreground'\n\n    let inner = '<div class=\"grid gap-1\">'\n    if (t.title) inner += `<div data-part=\"title\" class=\"toast-title text-sm font-semibold\">${t.title}</div>`\n    if (t.description)\n      inner += `<div data-part=\"description\" class=\"toast-description text-sm opacity-90\">${t.description}</div>`\n    inner += '</div>'\n    inner +=\n      '<button data-part=\"close-trigger\" class=\"toast-close-trigger text-foreground/50 hover:text-foreground\">&#x2715;</button>'\n    div.innerHTML = inner\n    return div\n  }\n\n  _syncToastDOM(nextToasts: any[]) {\n    const container = this.el\n    if (!container) return\n\n    const currentIds = new Set(this._currentToasts.map((t: any) => t.id))\n    const nextIds = new Set(nextToasts.map((t: any) => t.id))\n\n    for (const id of currentIds) {\n      if (!nextIds.has(id)) {\n        const el = container.querySelector(`[data-toast-id=\"${id}\"]`)\n        if (el) {\n          const cleanups = this._spreadCleanups.get(id)\n          if (cleanups) cleanups.forEach((fn) => fn())\n          this._spreadCleanups.delete(id)\n          el.remove()\n        }\n      }\n    }\n\n    for (const t of nextToasts) {\n      if (!currentIds.has((t as any).id)) {\n        const el = this._createToastElement(t as any)\n        container.appendChild(el)\n      }\n    }\n  }\n\n  _syncToastMachines() {\n    if (!this._machine) return\n    const currentIds = new Set(this._currentToasts.map((t: any) => t.id))\n\n    for (const [id, machine] of this._toastMachines) {\n      if (!currentIds.has(id)) {\n        machine.stop()\n        this._toastMachines.delete(id)\n      }\n    }\n\n    for (let i = 0; i < this._currentToasts.length; i++) {\n      const t = this._currentToasts[i] as any\n      if (!this._toastMachines.has(t.id)) {\n        const toastMachine = new VanillaMachine(toast.machine, {\n          ...t,\n          parent: this._machine.service,\n          index: i,\n          stacked: true,\n          removeDelay: t.removeDelay ?? 200,\n        })\n        toastMachine.start()\n        this._toastMachines.set(t.id, toastMachine)\n\n        toastMachine.subscribe(() => {\n          queueMicrotask(() => this._applyGroupSpreads())\n        })\n      }\n    }\n  }\n\n  _applyGroupSpreads() {\n    if (!this.rendered_ || !this._api) return\n\n    const groupEl = this.el\n    if (groupEl) {\n      spreadProps(groupEl, stripStyle(this._api.getGroupProps()))\n    }\n\n    const toastEls = this.$$('[data-toast-id]')\n    for (const el of toastEls) {\n      const toastId = (el as HTMLElement).dataset.toastId\n      if (!toastId) continue\n\n      const toastMachine = this._toastMachines.get(toastId)\n      if (!toastMachine) continue\n\n      const api = toast.connect(toastMachine.service, normalizeProps)\n\n      const prevCleanups = this._spreadCleanups.get(toastId)\n      if (prevCleanups) prevCleanups.forEach((fn) => fn())\n\n      const cleanups: Array<() => void> = []\n      const rootProps = stripStyle(api.getRootProps())\n      delete rootProps['data-part']\n      cleanups.push(spreadProps(el, rootProps))\n\n      const title = el.querySelector('[data-part=\"title\"]')\n      if (title) cleanups.push(spreadProps(title, api.getTitleProps()))\n\n      const desc = el.querySelector('[data-part=\"description\"]')\n      if (desc) cleanups.push(spreadProps(desc, api.getDescriptionProps()))\n\n      const close = el.querySelector('[data-part=\"close-trigger\"]')\n      if (close) cleanups.push(spreadProps(close, api.getCloseTriggerProps()))\n\n      const action = el.querySelector('[data-part=\"action-trigger\"]')\n      if (action) cleanups.push(spreadProps(action, api.getActionTriggerProps()))\n\n      this._spreadCleanups.set(toastId, cleanups)\n    }\n  }\n\n  onAfterRender() {\n    this._applyGroupSpreads()\n  }\n\n  dispose() {\n    for (const cleanups of this._spreadCleanups.values()) {\n      cleanups.forEach((fn) => fn())\n    }\n    this._spreadCleanups.clear()\n\n    for (const machine of this._toastMachines.values()) {\n      machine.stop()\n    }\n    this._toastMachines.clear()\n\n    if (this._machine) {\n      this._machine.stop()\n      this._machine = null\n    }\n    this._api = null\n\n    super.dispose()\n  }\n\n  template(props: any) {\n    return (\n      <div\n        data-part=\"group\"\n        class={`toaster fixed z-[100] flex max-h-screen flex-col-reverse gap-2 p-4 ${props.class || 'bottom-0 right-0'}`}\n      />\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"toast.mjs","names":["toast","VanillaMachine","normalizeProps","spreadProps","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","stripStyle","props","Record","style","_style","rest","_store","Store","getStore","StoreProps","createStore","placement","duration","removeDelay","max","ToastStore","create","options","Options","success","Omit","type","error","info","loading","dismiss","id","Toaster","_machine","_api","_toastMachines","Map","_spreadCleanups","Array","_currentToasts","created","store","storeProps","group","machine","start","connect","service","subscribe","nextToasts","getToasts","_syncToastDOM","_syncToastMachines","queueMicrotask","_applyGroupSpreads","_createToastElement","t","HTMLElement","div","document","createElement","setAttribute","className","inner","title","description","innerHTML","container","el","currentIds","Set","map","nextIds","has","querySelector","cleanups","get","forEach","fn","delete","remove","appendChild","stop","i","length","toastMachine","parent","index","stacked","set","rendered","groupEl","getGroupProps","toastEls","$$","toastId","dataset","api","prevCleanups","rootProps","getRootProps","push","getTitleProps","desc","getDescriptionProps","close","getCloseTriggerProps","action","getActionTriggerProps","onAfterRender","dispose","values","clear","template","__id","class","trim","__tpl","undefined","__cloneTemplate","constructor","Error","__root","content","firstElementChild","cloneNode","__onPropChange","key","value","__el","__boundValue","__newClass","String"],"sources":["../src/components/toast.tsx"],"sourcesContent":["import * as toast from '@zag-js/toast'\nimport { VanillaMachine, normalizeProps, spreadProps } from '@zag-js/vanilla'\nimport { Component } from '@geajs/core'\n\nfunction stripStyle(props: Record<string, any>): Record<string, any> {\n  const { style: _style, ...rest } = props\n  return rest\n}\n\nlet _store: toast.Store | null = null\n\nfunction getStore(props?: toast.StoreProps) {\n  if (!_store) {\n    _store = toast.createStore({\n      placement: 'bottom-end',\n      duration: 5000,\n      removeDelay: 200,\n      max: 5,\n      ...props,\n    })\n  }\n  return _store\n}\n\nexport class ToastStore {\n  static getStore = getStore\n\n  static create(options: toast.Options) {\n    return getStore().create(options)\n  }\n\n  static success(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'success' })\n  }\n\n  static error(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'error' })\n  }\n\n  static info(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'info' })\n  }\n\n  static loading(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'loading' })\n  }\n\n  static dismiss(id?: string) {\n    if (id) getStore().dismiss(id)\n    else getStore().dismiss()\n  }\n}\n\nexport class Toaster extends Component {\n  declare _machine: VanillaMachine<any> | null\n  declare _api: any\n  declare _toastMachines: Map<string, VanillaMachine<any>>\n  declare _spreadCleanups: Map<string, Array<() => void>>\n  declare _currentToasts: toast.Options[]\n\n  created(props: any) {\n    this._toastMachines = new Map()\n    this._spreadCleanups = new Map()\n    this._currentToasts = []\n\n    const store = getStore(props.storeProps)\n\n    this._machine = new VanillaMachine(toast.group.machine, { store })\n    this._machine.start()\n\n    this._api = toast.group.connect(this._machine.service, normalizeProps)\n\n    this._machine.subscribe(() => {\n      if (!this._machine) return\n      this._api = toast.group.connect(this._machine.service, normalizeProps)\n      const nextToasts = this._api.getToasts()\n      this._syncToastDOM(nextToasts)\n      this._currentToasts = nextToasts\n      this._syncToastMachines()\n      queueMicrotask(() => this._applyGroupSpreads())\n    })\n  }\n\n  _createToastElement(t: any): HTMLElement {\n    const div = document.createElement('div')\n    div.setAttribute('data-part', 'toast-root')\n    div.setAttribute('data-toast-id', t.id)\n    div.className =\n      'toast-root group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 shadow-lg transition-all bg-background text-foreground'\n\n    let inner = '<div class=\"grid gap-1\">'\n    if (t.title) inner += `<div data-part=\"title\" class=\"toast-title text-sm font-semibold\">${t.title}</div>`\n    if (t.description)\n      inner += `<div data-part=\"description\" class=\"toast-description text-sm opacity-90\">${t.description}</div>`\n    inner += '</div>'\n    inner +=\n      '<button data-part=\"close-trigger\" class=\"toast-close-trigger text-foreground/50 hover:text-foreground\">&#x2715;</button>'\n    div.innerHTML = inner\n    return div\n  }\n\n  _syncToastDOM(nextToasts: any[]) {\n    const container = this.el\n    if (!container) return\n\n    const currentIds = new Set(this._currentToasts.map((t: any) => t.id))\n    const nextIds = new Set(nextToasts.map((t: any) => t.id))\n\n    for (const id of currentIds) {\n      if (!nextIds.has(id)) {\n        const el = container.querySelector(`[data-toast-id=\"${id}\"]`)\n        if (el) {\n          const cleanups = this._spreadCleanups.get(id)\n          if (cleanups) cleanups.forEach((fn) => fn())\n          this._spreadCleanups.delete(id)\n          el.remove()\n        }\n      }\n    }\n\n    for (const t of nextToasts) {\n      if (!currentIds.has((t as any).id)) {\n        const el = this._createToastElement(t as any)\n        container.appendChild(el)\n      }\n    }\n  }\n\n  _syncToastMachines() {\n    if (!this._machine) return\n    const currentIds = new Set(this._currentToasts.map((t: any) => t.id))\n\n    for (const [id, machine] of this._toastMachines) {\n      if (!currentIds.has(id)) {\n        machine.stop()\n        this._toastMachines.delete(id)\n      }\n    }\n\n    for (let i = 0; i < this._currentToasts.length; i++) {\n      const t = this._currentToasts[i] as any\n      if (!this._toastMachines.has(t.id)) {\n        const toastMachine = new VanillaMachine(toast.machine, {\n          ...t,\n          parent: this._machine.service,\n          index: i,\n          stacked: true,\n          removeDelay: t.removeDelay ?? 200,\n        })\n        toastMachine.start()\n        this._toastMachines.set(t.id, toastMachine)\n\n        toastMachine.subscribe(() => {\n          queueMicrotask(() => this._applyGroupSpreads())\n        })\n      }\n    }\n  }\n\n  _applyGroupSpreads() {\n    if (!this.rendered || !this._api) return\n\n    const groupEl = this.el\n    if (groupEl) {\n      spreadProps(groupEl, stripStyle(this._api.getGroupProps()))\n    }\n\n    const toastEls = this.$$('[data-toast-id]')\n    for (const el of toastEls) {\n      const toastId = (el as HTMLElement).dataset.toastId\n      if (!toastId) continue\n\n      const toastMachine = this._toastMachines.get(toastId)\n      if (!toastMachine) continue\n\n      const api = toast.connect(toastMachine.service, normalizeProps)\n\n      const prevCleanups = this._spreadCleanups.get(toastId)\n      if (prevCleanups) prevCleanups.forEach((fn) => fn())\n\n      const cleanups: Array<() => void> = []\n      const rootProps = stripStyle(api.getRootProps())\n      delete rootProps['data-part']\n      cleanups.push(spreadProps(el, rootProps))\n\n      const title = el.querySelector('[data-part=\"title\"]')\n      if (title) cleanups.push(spreadProps(title, api.getTitleProps()))\n\n      const desc = el.querySelector('[data-part=\"description\"]')\n      if (desc) cleanups.push(spreadProps(desc, api.getDescriptionProps()))\n\n      const close = el.querySelector('[data-part=\"close-trigger\"]')\n      if (close) cleanups.push(spreadProps(close, api.getCloseTriggerProps()))\n\n      const action = el.querySelector('[data-part=\"action-trigger\"]')\n      if (action) cleanups.push(spreadProps(action, api.getActionTriggerProps()))\n\n      this._spreadCleanups.set(toastId, cleanups)\n    }\n  }\n\n  onAfterRender() {\n    this._applyGroupSpreads()\n  }\n\n  dispose() {\n    for (const cleanups of this._spreadCleanups.values()) {\n      cleanups.forEach((fn) => fn())\n    }\n    this._spreadCleanups.clear()\n\n    for (const machine of this._toastMachines.values()) {\n      machine.stop()\n    }\n    this._toastMachines.clear()\n\n    if (this._machine) {\n      this._machine.stop()\n      this._machine = null\n    }\n    this._api = null\n\n    super.dispose()\n  }\n\n  template(props: any) {\n    return (\n      <div\n        data-part=\"group\"\n        class={`toaster fixed z-[100] flex max-h-screen flex-col-reverse gap-2 p-4 ${props.class || 'bottom-0 right-0'}`}\n      />\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/toggle-group.d.mts

@@ -1,13 +1,13 @@
 import { n as ZagComponent } from "./zag-component.mjs";
 import * as toggleGroup from "@zag-js/toggle-group";
-import * as _zag_js_types0 from "@zag-js/types";
+import * as _$_zag_js_types0 from "@zag-js/types";
 
 //#region src/components/toggle-group.d.ts
 declare class ToggleGroup extends ZagComponent {
   value: string[];
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: string;
+    id: any;
     value: any;
     defaultValue: any;
     multiple: any;
@@ -17,7 +17,7 @@ declare class ToggleGroup extends ZagComponent {
     rovingFocus: any;
     onValueChange: (details: toggleGroup.ValueChangeDetails) => void;
   };
-  connectApi(service: any): toggleGroup.Api<_zag_js_types0.PropTypes<{
+  connectApi(service: any): toggleGroup.Api<_$_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
   getSpreadMap(): {