@geajs/ui 0.2.4 → 0.2.10

package/dist/tags-input.mjs

@@ -1,27 +1,35 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_OBSERVE, GEA_ON_PROP_CHANGE, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_REGISTER_MAP, GEA_SETUP_LOCAL_STATE_OBSERVERS, GEA_STORE_ROOT, GEA_SYNC_MAP, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { o as GEA_CREATE_TEMPLATE, u as GEA_PROXY_RAW } from "./bind.mjs";
+import { n as reactiveTextValue } from "./reactive-text.mjs";
+import { t as reactiveAttr } from "./reactive-attr.mjs";
+import { t as reactiveClass } from "./reactive-class.mjs";
+import { t as conditionalTruthy } from "./conditional-truthy.mjs";
+import { n as _rescue, t as keyedList } from "./keyed-list.mjs";
+import { t as GEA_DOM_ITEM } from "./keyed-list-symbols.mjs";
+import { n as readItem, t as createItemObservable } from "./item-obs.mjs";
 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;
+let _tpl0_root = null;
+function _tpl0_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div data-part=root><!--1--><div 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-xs focus-within:ring-1 focus-within:ring-ring\"><!--2--><input data-part=input class=\"tags-input-input flex-1 bg-transparent text-sm outline-hidden placeholder:text-muted-foreground min-w-[60px]\"></div><input data-part=hidden-input type=hidden>";
+	return t.content.firstChild;
+}
+let _tpl1_root = null;
+function _tpl1_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<label data-part=label class=\"tags-input-label text-sm font-medium mb-1 block\">0";
+	return t.content.firstChild;
+}
+let _tpl2_root = null;
+function _tpl2_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<span data-part=item 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 class=\"inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-xs\"><span data-part=item-text>0</span></span><button data-part=item-delete-trigger class=\"tags-input-item-delete text-muted-foreground hover:text-foreground\">✕";
+	return t.content.firstChild;
+}
+const __rq_L0 = /* @__PURE__ */ new Map();
 var TagsInput = class extends ZagComponent {
-	static {
-		this.__geaTagName = "tags-input";
-	}
-	#__rowEls_b1;
-	#__dc_b1;
-	constructor(...args) {
-		super(...args);
-		this.props;
-		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">${geaEscapeHtml(String(this.props.label))}</label>`;
-		}, null);
-	}
 	createMachine(_props) {
 		return tagsInput.machine;
 	}
@@ -93,176 +101,82 @@ var TagsInput = class extends ZagComponent {
 	syncState(api) {
 		this.value = api.value;
 	}
-	template(props) {
-		const __id = this.id;
-		Component._register(ZagComponent, "zag-component");
-		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="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-xs focus-within:ring-1 focus-within:ring-ring">${(this.value || []).map((tag, i) => `<span data-gid="${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-xs"><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-hidden placeholder:text-muted-foreground min-w-[60px]" /></div><input data-part="hidden-input" type="hidden" /></div>`;
-	}
-	render__unresolved_0Item(tag, i) {
-		return `<span data-gid="${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-xs"><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.#__dc_b1 || (this.#__dc_b1 = this.____unresolved_0_container);
-		if (!__c.__geaTpl) try {
-			var __tw = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_0Item({}, 0);
-			__c.__geaTpl = __tw.content.firstElementChild;
-			__c.__geaTpl?.removeAttribute("data-gid");
-		} catch (__err) {
-			console.error(__err);
-		}
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item, __idx);
-			var el = __fw.content.firstElementChild;
-		}
-		el.__ref_0 = el.firstElementChild;
-		el.__ref_0_0 = el.firstElementChild.firstElementChild;
-		el.__ref_1 = el.firstElementChild.nextElementSibling;
-		var __av = String(__idx);
-		if (__av == null || __av === false) el.removeAttribute("data-index");
-		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 {
-			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 {
-			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 {
-			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 {
-			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 {
-			const __newAttr = String(__av);
-			if (el.__ref_0_0.getAttribute("data-value") !== __newAttr) el.__ref_0_0.setAttribute("data-value", __newAttr);
-		}
-		if (el.__ref_0_0.textContent !== `
-                  ${item}
-                `) el.__ref_0_0.textContent = `
-                  ${item}
-                `;
-		var __av = String(__idx);
-		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-index");
-		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 {
-			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) {
-		if (!row) return;
-		if (!row.__ref_0) row.__ref_0 = row.firstElementChild;
-		if (!row.__ref_0_0) row.__ref_0_0 = row.firstElementChild.firstElementChild;
-		if (!row.__ref_1) row.__ref_1 = row.firstElementChild.nextElementSibling;
-		var __av = String(__idx);
-		if (__av == null || __av === false) row.removeAttribute("data-index");
-		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 {
-			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 {
-			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 {
-			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 {
-			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 {
-			const __newAttr = String(__av);
-			if (row.__ref_0_0.getAttribute("data-value") !== __newAttr) row.__ref_0_0.setAttribute("data-value", __newAttr);
-		}
-		if (row.__ref_0_0.textContent !== `
-                  ${item}
-                `) row.__ref_0_0.textContent = `
-                  ${item}
-                `;
-		var __av = String(__idx);
-		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-index");
-		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 {
-			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[GEA_SYNC_MAP](0);
-		this[GEA_SYNC_MAP](0);
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		if (key === "class") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = value || "";
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
+	[GEA_CREATE_TEMPLATE](d) {
+		const root = (_tpl0_root || (_tpl0_root = _tpl0_create())).cloneNode(true);
+		const el0 = root;
+		const anchor1 = root.firstChild;
+		const anchor2 = root.childNodes[1].firstChild;
+		reactiveClass(el0, d, this, () => this.props.class || "");
+		conditionalTruthy(anchor1.parentNode, anchor1, d, this, () => this.props.label, (d) => {
+			const root = (_tpl1_root || (_tpl1_root = _tpl1_create())).cloneNode(true);
+			const t0 = root.firstChild;
+			reactiveTextValue(t0, d, this, () => this.props.label);
+			return root;
+		});
+		const __ki_L0 = (__geaItemObservable, i, d) => {
+			const root = (_tpl2_root || (_tpl2_root = _tpl2_create())).cloneNode(true);
+			const el0 = root;
+			const el1 = el0;
+			const el2 = el0;
+			const el3 = root.firstChild;
+			const el4 = el3;
+			const el5 = root.firstChild.firstChild;
+			const el6 = el5;
+			const marker7 = root.firstChild.firstChild.firstChild;
+			const el8 = root.childNodes[1];
+			const el9 = el8;
+			reactiveAttr(el0, d, this, "key", () => `${readItem(__geaItemObservable)}-${i}`);
+			reactiveAttr(el1, d, this, "data-index", () => String(i));
+			reactiveAttr(el2, d, this, "data-value", () => readItem(__geaItemObservable));
+			reactiveAttr(el3, d, this, "data-index", () => String(i));
+			reactiveAttr(el4, d, this, "data-value", () => readItem(__geaItemObservable));
+			reactiveAttr(el5, d, this, "data-index", () => String(i));
+			reactiveAttr(el6, d, this, "data-value", () => readItem(__geaItemObservable));
+			reactiveTextValue(marker7, d, this, () => readItem(__geaItemObservable));
+			reactiveAttr(el8, d, this, "data-index", () => String(i));
+			reactiveAttr(el9, d, this, "data-value", () => readItem(__geaItemObservable));
+			root[GEA_DOM_ITEM] = readItem(__geaItemObservable);
+			return root;
+		};
+		keyedList({
+			container: anchor2.parentNode,
+			anchor: anchor2,
+			disposer: d,
+			root: this,
+			pending: __rq_L0,
+			path: () => this.value || [],
+			key: (tag, i) => `${tag}-${i}`,
+			createEntry: (item, idx) => {
+				const __k = `${item}-${idx}`;
+				const __r = _rescue(__rq_L0, String(__k), item);
+				if (__r) {
+					const __raw = item && item[GEA_PROXY_RAW] || item;
+					if (__r.item !== __raw) {
+						__r.item;
+						__r.item = __raw;
+						__r.obs.current = item;
+						__r.obs._fire();
+					}
+					return __r;
+				}
+				const __rd = d.child();
+				const __obs = createItemObservable(item);
+				const __el = __ki_L0(__obs, idx, __rd);
+				return {
+					key: __k,
+					item: item && item[GEA_PROXY_RAW] || item,
+					element: __el,
+					disposer: __rd,
+					obs: __obs
+				};
+			},
+			patchEntry: (e, newItem, newIdx) => {
+				e.item = newItem && newItem[GEA_PROXY_RAW] || newItem;
+				e.obs.current = newItem;
+				e.obs._fire();
 			}
-		}
-		if (key === "label") this[GEA_PATCH_COND](0);
-	}
-	createdHooks() {
-		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => __gid(this.id + "-b1"), () => {
-			return this.value || [];
-		}, (__item, __idx) => this.create__unresolved_0Item(__item, __idx), (__k, __ki) => String(`${__k}-${__ki}`));
-	}
-	[GEA_SETUP_LOCAL_STATE_OBSERVERS]() {
-		if (!this[GEA_STORE_ROOT]) return;
-		this[GEA_OBSERVE](this, ["value"], this.__observe_local_value);
+		});
+		return root;
 	}
 };
 //#endregion

package/dist/tags-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tags-input.mjs","names":["__v","v","valueOf","Component","geaCondValueSymbol","GEA_REGISTER_COND","geaEscapeHtml","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_SYNC_MAP","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_COND","GEA_REGISTER_MAP","GEA_SETUP_LOCAL_STATE_OBSERVERS","GEA_STORE_ROOT","GEA_OBSERVE","tagsInput","normalizeProps","ZagComponent","TagsInput","__geaTagName","__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","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__ref_0","__ref_0_0","__ref_1","nextElementSibling","__av","__newAttr","getAttribute","setAttribute","textContent","patch__unresolved_0Item","row","__prevItem","__observe_local_value","change","key","__el","__boundValue","__newClass","replace","className","createdHooks","__gid","__item","__k","__ki"],"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-xs 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-xs\"\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-hidden 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":";;;;;AAEI,MAAMA,OAAOC,MACXA,KAAK,QAAQ,OAAOA,MAAM,WACtBA,EAAEC,SAAS,GACXD;AADV,IAAqBmB,YAArB,cAAuCD,aAAa;;sBAAA;;CAHpD;CAAA;CAAAK,YAAsB,GAAGC,MAAI;AAA7B,QAAM,GAAGA,KAAK;AAsEO,OAAAC;AAAA,OAAAtB,mBAAA,EAAA,IAAA,CAAA,CAtErB,KAAKsB,MAyEUC;AAzEf,OAAItB,mBAAuB,GAAA,YAAA;AAsEN,QAAAqB;AAAA,UAtErB,KAAKA,MAyEUC;WAAK;AAHC,QAAAD;AAAA,UAAA,oFAtErBpB,cAAcsB,OAAd,KAAKF,MA2EcC,MA3EwB,CAAC,CAAA;KAAA,KAAA;;CAM1CG,cAAcC,QAAkB;AAC9B,SAAOd,UAAUe;;CAGnBC,gBAAgBP,OAAY;AAC1B,SAAO;GACLQ,IAAI,KAAKA;GACTL,OAAOH,MAAMG;GACbM,cAAcT,MAAMS;GACpBC,KAAKV,MAAMU;GACXC,WAAWX,MAAMW;GACjBC,UAAUZ,MAAMY;GAChBC,UAAUb,MAAMa;GAChBC,SAASd,MAAMc;GACfC,YAAYf,MAAMe,cAAc;GAChCC,UAAUhB,MAAMgB,YAAY;GAC5BC,iBAAiBjB,MAAMiB,mBAAmB;GAC1CC,MAAMlB,MAAMkB;GACZC,MAAMnB,MAAMmB;GACZC,aAAapB,MAAMoB;GACnBC,cAAcrB,MAAMqB;GACpBC,WAAWtB,MAAMsB;GACjBC,gBAAgBC,YAA0C;AACxD,SAAKrB,QAAQqB,QAAQrB;AACrBH,UAAMuB,gBAAgBC,QAAQ;;GAEjC;;CAGHE,WAAWC,SAAc;AACvB,SAAOpC,UAAUqC,QAAQD,SAASnC,eAAe;;CAGnDqC,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,2BAAyB;GACzB,yBAAuB;GACvB,gCAA8B;GAC9B,iCAA+B;GAC/B,yBAAuBE,KAAKC,OAAO;IACjC,MAAMC,KAAMD,GAAmBG;AAC/B,WAAOJ,IAAIK,aAAa;KAAEC,OAAOJ,GAAGI;KAAQlC,OAAO8B,GAAG9B;KAAQ,CAAC;;GAEjE,iCAA+B4B,KAAKC,OAAO;IACzC,MAAMC,KAAMD,GAAmBG;AAC/B,WAAOJ,IAAIQ,oBAAoB;KAAEF,OAAOJ,GAAGI;KAAQlC,OAAO8B,GAAG9B;KAAQ,CAAC;;GAExE,8BAA4B4B,KAAKC,OAAO;IACtC,MAAMC,KAAMD,GAAmBG;AAC/B,WAAOJ,IAAIU,iBAAiB;KAAEJ,OAAOJ,GAAGI;KAAQlC,OAAO8B,GAAG9B;KAAQ,CAAC;;GAErE,wCAAsC4B,KAAKC,OAAO;IAChD,MAAMC,KAAMD,GAAmBG;AAC/B,WAAOJ,IAAIY,0BAA0B;KAAEN,OAAOJ,GAAGI;KAAQlC,OAAO8B,GAAG9B;KAAQ,CAAC;;GAE/E;;CAGHyC,UAAUb,KAAU;AAClB,OAAK5B,QAAQ4B,IAAI5B;;CAGnB0C,SAAS7C,OAAY;EAAA,MAAA8C,OAAA,KAAAtC;AAAA/B,YAAAsE,UAAAtD,cAAA,gBAAA;AACnB,SAAA,YAAAqD,KAAA,qBAC+B9C,MAAMgD,SAAS,OAAE,SAAjBhD,MAAMgD,SAAS,QAAE,QAAA,KAAA,aAAjBhD,MAAMgD,SAAS,OAAE,OAAA9C,OAAjBF,MAAMgD,SAAS,GAAE,GAAA,IAAAC,MAAA,CAAA,GAAA,OAxEpDH,OAAU,MAAK,KAyEN9C,MAAMC,SAAK,oFAzEpBrB,cAAcsB,OA2EDF,MAAMC,MA3EwB,CAAC,CAAA,aAAA,GAAA,MAA5C6C,OAAU,UAAS,cAAnBA,OAAU,MAAK,wLAkFH,KAAK3C,SAAS,EAAE,EAAE+C,KAAKC,KAAaC,MAAS,mBAAAlD,OAEtC,GAAGiD,IAAG,GAAIC,IAAG,CAAA,oBAENlD,OAAOkD,EAAE,IAAA,QAATlD,OAAOkD,EAAE,KAAA,QAAA,KAAA,gBAATlD,OAAOkD,EAAE,CAAA,KACTD,OAAG,QAAHA,QAAG,QAAA,KAAA,gBAAHA,IAAG,GAAA,gJAKDjD,OAAOkD,EAAE,IAAA,QAATlD,OAAOkD,EAAE,KAAA,QAAA,KAAA,gBAATlD,OAAOkD,EAAE,CAAA,KACTD,OAAG,QAAHA,QAAG,QAAA,KAAA,gBAAHA,IAAG,GAAA,0JAGyBjD,OAAOkD,EAAE,IAAA,QAATlD,OAAOkD,EAAE,KAAA,QAAA,KAAA,gBAATlD,OAAOkD,EAAE,CAAA,KAAcD,OAAG,QAAHA,QAAG,QAAA,KAAA,gBAAHA,IAAG,GAAA,GAC/DA,IAAG,uDAKMjD,OAAOkD,EAAE,IAAA,QAATlD,OAAOkD,EAAE,KAAA,QAAA,KAAA,gBAATlD,OAAOkD,EAAE,CAAA,KACTD,OAAG,QAAHA,QAAG,QAAA,KAAA,gBAAHA,IAAG,GAAA,+FAAA,CAAAE,KAAA,GAAA,GAAA,UAAA;;CAvG/BC,yBAAAH,KAAAC,GAAA;AAAA,SAAA,mBAAAD,KAAA3C,MAAA2C,IAAA,oBAAA7E,IAsF0B4B,OAAOkD,EAAE,CAAA,IAAA,QAAA9E,IAAT4B,OAAOkD,EAAE,CAAA,KAAA,QAAA,KAAA,gBAATlD,OAAOkD,EAAE,CAAA,KAAA9E,IACT6E,IAAG,IAAA,QAAA7E,IAAH6E,IAAG,KAAA,QAAA,KAAA,gBAAHA,IAAG,GAAA,gJAAA7E,IAKD4B,OAAOkD,EAAE,CAAA,IAAA,QAAA9E,IAAT4B,OAAOkD,EAAE,CAAA,KAAA,QAAA,KAAA,gBAATlD,OAAOkD,EAAE,CAAA,KAAA9E,IACT6E,IAAG,IAAA,QAAA7E,IAAH6E,IAAG,KAAA,QAAA,KAAA,gBAAHA,IAAG,GAAA,0JAAA7E,IAGyB4B,OAAOkD,EAAE,CAAA,IAAA,QAAA9E,IAAT4B,OAAOkD,EAAE,CAAA,KAAA,QAAA,KAAA,gBAATlD,OAAOkD,EAAE,CAAA,KAAA9E,IAAc6E,IAAG,IAAA,QAAA7E,IAAH6E,IAAG,KAAA,QAAA,KAAA,gBAAHA,IAAG,GAAA,GAC/DA,IAAG,uDAAA7E,IAKM4B,OAAOkD,EAAE,CAAA,IAAA,QAAA9E,IAAT4B,OAAOkD,EAAE,CAAA,KAAA,QAAA,KAAA,gBAATlD,OAAOkD,EAAE,CAAA,KAAA9E,IACT6E,IAAG,IAAA,QAAA7E,IAAH6E,IAAG,KAAA,QAAA,KAAA,gBAAHA,IAAG,GAAA;;CAvGgBI,yBAAAC,MAAAC,OAAA;EAA/C,IAAIC,MAAwB,MAAA,YAA0B,MAAA,UAAtD,KAAIC;AAAJ,MAAI,CAACD,IAAsBE,SAAU,KAAA;GAArC,IAAIC,OAAOC,SAASC,cAAc,WAAW;AAA7CF,QAAKG,YAAL,KAAIV,yBAAsB,EAAA,EAAA,EAAY;AAAtCI,OAAsBE,WAAWC,KAAKI,QAAQC;AAA9CR,OAAsBE,UAAQO,gBAAA,WAAA;WAAAC,OAAA;AAAAC,WAAAC,MAAAF,MAAA;;AAA4B,MAA1DV,IAAsBE,UAAtB,IAAI5B,KAAJ0B,IAAsBE,SAASW,UAAU,KAAQ;OAAC;GACxC,IAAIC,OAAOV,SAASC,cAAc,WAAW;AAC7CS,QAAKR,YAFf,KAAIV,yBAAsBE,MAAAC,MAEsB;GACtC,IAAIzB,KAAwBwC,KAAKP,QAAQC;;AAHnDlC,KAAAyC,UAAAzC,GAAsBkC;AAAtBlC,KAAA0C,YAAA1C,GAAsBkC,kBAAAA;AAAtBlC,KAAA2C,UAAA3C,GAAsBkC,kBAAAU;EAChB,IAAIC,OAqFgB3E,OAAOkD,MArFK;AAChC,MAAIyB,QAAQ,QAAQA,SAAS,MAC3B7C,IAAsBmC,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OAAI7C,GAAsB+C,aAAa,aAAa,KAAKD,UACvD9C,IAAsBgD,aAAa,cAAcF,UAAU;;EAN/D,IAAID,OAsFgB1B;AArFpB,MAAI0B,QAAQ,QAAQA,SAAS,MAC3B7C,IAAsBmC,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OAAI7C,GAAsB+C,aAAa,aAAa,KAAKD,UACvD9C,IAAsBgD,aAAa,cAAcF,UAAU;;EAN/D,IAAID,OA2FkB3E,OAAOkD,MA3FG;AAChC,MAAIyB,QAAQ,QAAQA,SAAS,MAFnC7C,IAAAyC,QAG8BN,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OANR7C,GAAAyC,QAMkCM,aAAa,aAAa,KAAKD,UANjE9C,IAAAyC,QAOgCO,aAAa,cAAcF,UAAU;;EAN/D,IAAID,OA4FkB1B;AA3FtB,MAAI0B,QAAQ,QAAQA,SAAS,MAFnC7C,IAAAyC,QAG8BN,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OANR7C,GAAAyC,QAMkCM,aAAa,aAAa,KAAKD,UANjE9C,IAAAyC,QAOgCO,aAAa,cAAcF,UAAU;;EAN/D,IAAID,OA+F8C3E,OAAOkD,MA/FzB;AAChC,MAAIyB,QAAQ,QAAQA,SAAS,MAFnC7C,IAAA0C,UAG8BP,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OANR7C,GAAA0C,UAMkCK,aAAa,aAAa,KAAKD,UANjE9C,IAAA0C,UAOgCM,aAAa,cAAcF,UAAU;;EAN/D,IAAID,OA+FqE1B;AA9FzE,MAAI0B,QAAQ,QAAQA,SAAS,MAFnC7C,IAAA0C,UAG8BP,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OANR7C,GAAA0C,UAMkCK,aAAa,aAAa,KAAKD,UANjE9C,IAAA0C,UAOgCM,aAAa,cAAcF,UAAU;;AAPrE,MAAA9C,GAAA0C,UAA0BO,gBAAW;oBAiGlB9B,KAAG;kBAjGtBnB,IAAA0C,UAAsBO,cAAW;oBAiGd9B,KAAG;;EAhGhB,IAAI0B,OAqGkB3E,OAAOkD,MArGG;AAChC,MAAIyB,QAAQ,QAAQA,SAAS,MAFnC7C,IAAA2C,QAG8BR,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OANR7C,GAAA2C,QAMkCI,aAAa,aAAa,KAAKD,UANjE9C,IAAA2C,QAOgCK,aAAa,cAAcF,UAAU;;EAN/D,IAAID,OAsGkB1B;AArGtB,MAAI0B,QAAQ,QAAQA,SAAS,MAFnC7C,IAAA2C,QAG8BR,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OANR7C,GAAA2C,QAMkCI,aAAa,aAAa,KAAKD,UANjE9C,IAAA2C,QAOgCK,aAAa,cAAcF,UAAU;;AAPrE9C,KAAAnD,eAAAqB,OAoFmB,GAAGiD,KAAG,GAAIC,QApFuC;AAApEpB,KAAAlD,gBAA+C0E;AAA/C,SAAAxB;;CAA6BkD,wBAAAC,KAAA3B,MAAA4B,YAAA3B,OAAA;AAA7B,MAAI,CAAA0B,IAAwB;AAA5B,MAAI,CAAJA,IAAAV,QAA4BU,KAAAV,UAA5BU,IAAsBjB;AAAtB,MAAI,CAAJiB,IAAAT,UAA4BS,KAAAT,YAA5BS,IAAsBjB,kBAAAA;AAAtB,MAAI,CAAJiB,IAAAR,QAA4BQ,KAAAR,UAA5BQ,IAAsBjB,kBAAAU;EAChB,IAAIC,OAqFgB3E,OAAOkD,MArFK;AAChC,MAAIyB,QAAQ,QAAQA,SAAS,MAC3BM,KAAsBhB,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OAAIM,IAAsBJ,aAAa,aAAa,KAAKD,UACvDK,KAAsBH,aAAa,cAAcF,UAAU;;EAN/D,IAAID,OAsFgB1B;AArFpB,MAAI0B,QAAQ,QAAQA,SAAS,MAC3BM,KAAsBhB,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OAAIM,IAAsBJ,aAAa,aAAa,KAAKD,UACvDK,KAAsBH,aAAa,cAAcF,UAAU;;EAN/D,IAAID,OA2FkB3E,OAAOkD,MA3FG;AAChC,MAAIyB,QAAQ,QAAQA,SAAS,MAFnCM,KAAAV,QAG8BN,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OANRM,IAAAV,QAMkCM,aAAa,aAAa,KAAKD,UANjEK,KAAAV,QAOgCO,aAAa,cAAcF,UAAU;;EAN/D,IAAID,OA4FkB1B;AA3FtB,MAAI0B,QAAQ,QAAQA,SAAS,MAFnCM,KAAAV,QAG8BN,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OANRM,IAAAV,QAMkCM,aAAa,aAAa,KAAKD,UANjEK,KAAAV,QAOgCO,aAAa,cAAcF,UAAU;;EAN/D,IAAID,OA+F8C3E,OAAOkD,MA/FzB;AAChC,MAAIyB,QAAQ,QAAQA,SAAS,MAFnCM,KAAAT,UAG8BP,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OANRM,IAAAT,UAMkCK,aAAa,aAAa,KAAKD,UANjEK,KAAAT,UAOgCM,aAAa,cAAcF,UAAU;;EAN/D,IAAID,OA+FqE1B;AA9FzE,MAAI0B,QAAQ,QAAQA,SAAS,MAFnCM,KAAAT,UAG8BP,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OANRM,IAAAT,UAMkCK,aAAa,aAAa,KAAKD,UANjEK,KAAAT,UAOgCM,aAAa,cAAcF,UAAU;;AAPrE,MAAAK,IAAAT,UAA0BO,gBAAW;oBAiGlB9B,KAAG;kBAjGtBgC,KAAAT,UAAsBO,cAAW;oBAiGd9B,KAAG;;EAhGhB,IAAI0B,OAqGkB3E,OAAOkD,MArGG;AAChC,MAAIyB,QAAQ,QAAQA,SAAS,MAFnCM,KAAAR,QAG8BR,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OANRM,IAAAR,QAMkCI,aAAa,aAAa,KAAKD,UANjEK,KAAAR,QAOgCK,aAAa,cAAcF,UAAU;;EAN/D,IAAID,OAsGkB1B;AArGtB,MAAI0B,QAAQ,QAAQA,SAAS,MAFnCM,KAAAR,QAG8BR,gBAAgB,aAAa;OAC9C;GACL,MAAMW,YAAY5E,OAAO2E,KAAK;AAC9B,OANRM,IAAAR,QAMkCI,aAAa,aAAa,KAAKD,UANjEK,KAAAR,QAOgCK,aAAa,cAAcF,UAAU;;AAPrEK,MAAAtG,eAAAqB,OAoFmB,GAAGiD,KAAG,GAAIC,QApFuC;AAApE,GAAC,MAAA,gBAA0B,MAAA,cAAwB,EAAE,GAArDlD,OAoFmB,GAAGiD,KAAG,GAAIC,QApFA,IAAiD+B;AAA9EA,MAAArG,gBAA+C0E;;CAA/C6B,sBAAsBlF,OAAOmF,QAAQ;AAAE,OAAIvG,cAAwB,EAAE;AAAnC,OAAIA,cAAwB,EAAE;;CAAhE,CAAAC,oBAAwBuG,KAAKpF,OAAK;AAAA,MAAAoF,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAvG;AAsEb,QAAAe;GAAA,MAAAyF,eAEctF,SAAe;AAAE,OAAAqF,MAxEpD;IACM,MAAME,aADXxF,OAAOuF,gBAAyB,GAAG,CAAExC,MAAM,CAAC0C,QAAQ,QAAQ,IACf;AACxC,QAAIH,KAAsBI,cAAcF,WAAYF,MAAsBI,YAAYF;;;AACvF,MAAAH,QAAA,QAHL,MAAIrG,gBAAwB,EAAE;;CAA9B2G,eAAwB;AAAxB,OAAI1G,kBAAuB,GAAA,oCAA3B2G,MAAA,KAAKtF,KAAyB,MAAH,QAAA;AAA3B,UAkFY,KAAKL,SAAS,EAAE;MAlF3B4F,QAAQtC,UAAU,KAAIF,yBAAuBwC,QAAQtC,MAAM,GAAAuC,KAAAC,SAAA/F,OAoFzC,GAAGiD,IAAG,GAAIC,OAAG,CAAA;;CApFhC,CAAAhE,mCAA0B;AAA1B,MAAI,CAAC,KAAIC,gBAA2B;AAApC,OAAIC,aAAwB,MAAI,CAAA,QAAA,EAAyB,KAAI+F,sBAAuB"}
+{"version":3,"file":"tags-input.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClass","reactiveTextValue","conditionalTruthy","reactiveAttr","GEA_DOM_ITEM","createItemObservable","readItem","GEA_PROXY_RAW","_rescue","keyedList","tagsInput","normalizeProps","ZagComponent","_tpl0_root","_tpl0_create","t","document","createElement","innerHTML","content","firstChild","_tpl1_root","_tpl1_create","_tpl2_root","_tpl2_create","__rq_L0","Map","TagsInput","value","createMachine","_props","machine","getMachineProps","props","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","d","root","cloneNode","el0","anchor1","anchor2","childNodes","class","parentNode","label","marker0","t0","__ki_L0","__geaItemObservable","i","el1","el2","el3","el4","el5","el6","marker7","el8","el9","String","t7","container","anchor","disposer","pending","path","key","tag","createEntry","item","idx","__k","__r","__raw","__prev","obs","current","_fire","__rd","child","__obs","__li","__el","element","patchEntry","e","newItem","newIdx"],"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-xs 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-xs\"\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-hidden 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":";;;;;;;;;;;;AAIA,IAAIc,aAAa;AACjB,SAASC,eAAe;CACtB,MAAMC,IAAIC,SAASC,cAAc,WAAW;AAC5CF,GAAEG,YAAY;AACd,QAAOH,EAAEI,QAAQC;;AAEnB,IAAIC,aAAa;AACjB,SAASC,eAAe;CACtB,MAAMP,IAAIC,SAASC,cAAc,WAAW;AAC5CF,GAAEG,YAAY;AACd,QAAOH,EAAEI,QAAQC;;AAEnB,IAAIG,aAAa;AACjB,SAASC,eAAe;CACtB,MAAMT,IAAIC,SAASC,cAAc,WAAW;AAC5CF,GAAEG,YAAY;AACd,QAAOH,EAAEI,QAAQC;;AAEnB,MAAMK,0BAAU,IAAIC,KAAK;AACzB,IAAqBC,YAArB,cAAuCf,aAAa;CAElDiB,cAAcC,QAAkB;AAC9B,SAAOpB,UAAUqB;;CAEnBC,gBAAgBC,OAAY;AAC1B,SAAO;GACLC,IAAI,KAAKA;GACTN,OAAOK,MAAML;GACbO,cAAcF,MAAME;GACpBC,KAAKH,MAAMG;GACXC,WAAWJ,MAAMI;GACjBC,UAAUL,MAAMK;GAChBC,UAAUN,MAAMM;GAChBC,SAASP,MAAMO;GACfC,YAAYR,MAAMQ,cAAc;GAChCC,UAAUT,MAAMS,YAAY;GAC5BC,iBAAiBV,MAAMU,mBAAmB;GAC1CC,MAAMX,MAAMW;GACZC,MAAMZ,MAAMY;GACZC,aAAab,MAAMa;GACnBC,cAAcd,MAAMc;GACpBC,WAAWf,MAAMe;GACjBC,gBAAgBC,YAA0C;AACxD,SAAKtB,QAAQsB,QAAQtB;AACrBK,UAAMgB,gBAAgBC,QAAQ;;GAEjC;;CAEHE,WAAWC,SAAc;AACvB,SAAO3C,UAAU4C,QAAQD,SAAS1C,eAAe;;CAEnD4C,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,2BAAyB;GACzB,yBAAuB;GACvB,gCAA8B;GAC9B,iCAA+B;GAC/B,yBAAuBE,KAAKC,OAAO;IACjC,MAAMC,KAAMD,GAAmBG;AAC/B,WAAOJ,IAAIK,aAAa;KACtBC,OAAOJ,GAAGI;KACVnC,OAAO+B,GAAG/B;KACX,CAAC;;GAEJ,iCAA+B6B,KAAKC,OAAO;IACzC,MAAMC,KAAMD,GAAmBG;AAC/B,WAAOJ,IAAIQ,oBAAoB;KAC7BF,OAAOJ,GAAGI;KACVnC,OAAO+B,GAAG/B;KACX,CAAC;;GAEJ,8BAA4B6B,KAAKC,OAAO;IACtC,MAAMC,KAAMD,GAAmBG;AAC/B,WAAOJ,IAAIU,iBAAiB;KAC1BJ,OAAOJ,GAAGI;KACVnC,OAAO+B,GAAG/B;KACX,CAAC;;GAEJ,wCAAsC6B,KAAKC,OAAO;IAChD,MAAMC,KAAMD,GAAmBG;AAC/B,WAAOJ,IAAIY,0BAA0B;KACnCN,OAAOJ,GAAGI;KACVnC,OAAO+B,GAAG/B;KACX,CAAC;;GAEL;;CAEH0C,UAAUb,KAAU;AAClB,OAAK7B,QAAQ6B,IAAI7B;;CAEnB,CAAC7B,qBAAqBwE,GAAG;EACvB,MAAMC,QAAQ3D,eAAeA,aAAaC,cAAc,GAAG2D,UAAU,KAAK;EAC1E,MAAMC,MAAMF;EACZ,MAAMG,UAAUH,KAAKpD;EACrB,MAAMwD,UAAUJ,KAAKK,WAAW,GAAGzD;AACnCpB,gBAAc0E,KAAKH,GAAG,YAAY,KAAKtC,MAAM6C,SAAS,GAAG;AACzD5E,oBAAkByE,QAAQI,YAAYJ,SAASJ,GAAG,YAAY,KAAKtC,MAAM+C,QAAOT,MAAK;GACnF,MAAMC,QAAQnD,eAAeA,aAAaC,cAAc,GAAGmD,UAAU,KAAK;GAE1E,MAAMS,KADUV,KAAKpD;AAErBnB,qBAAkBiF,IAAIX,GAAG,YAAY,KAAKtC,MAAM+C,MAAM;AACtD,UAAOR;IACP;EACF,MAAMW,WAAWC,qBAAqBC,GAAWd,MAAM;GACrD,MAAMC,QAAQjD,eAAeA,aAAaC,cAAc,GAAGiD,UAAU,KAAK;GAC1E,MAAMC,MAAMF;GACZ,MAAMc,MAAMZ;GACZ,MAAMa,MAAMb;GACZ,MAAMc,MAAMhB,KAAKpD;GACjB,MAAMqE,MAAMD;GACZ,MAAME,MAAMlB,KAAKpD,WAAWA;GAC5B,MAAMuE,MAAMD;GACZ,MAAME,UAAUpB,KAAKpD,WAAWA,WAAWA;GAC3C,MAAMyE,MAAMrB,KAAKK,WAAW;GAC5B,MAAMiB,MAAMD;AACZ1F,gBAAauE,KAAKH,GAAG,MAAM,aAAa,GAAGjE,SAAS8E,oBAAoB,CAAA,GAAIC,IAAI;AAChFlF,gBAAamF,KAAKf,GAAG,MAAM,oBAAoBwB,OAAOV,EAAE,CAAC;AACzDlF,gBAAaoF,KAAKhB,GAAG,MAAM,oBAAoBjE,SAAS8E,oBAAoB,CAAC;AAC7EjF,gBAAaqF,KAAKjB,GAAG,MAAM,oBAAoBwB,OAAOV,EAAE,CAAC;AACzDlF,gBAAasF,KAAKlB,GAAG,MAAM,oBAAoBjE,SAAS8E,oBAAoB,CAAC;AAC7EjF,gBAAauF,KAAKnB,GAAG,MAAM,oBAAoBwB,OAAOV,EAAE,CAAC;AACzDlF,gBAAawF,KAAKpB,GAAG,MAAM,oBAAoBjE,SAAS8E,oBAAoB,CAAC;AAE7EnF,qBAAkB+F,SAAIzB,GAAG,YAAYjE,SAAS8E,oBAAoB,CAAC;AACnEjF,gBAAa0F,KAAKtB,GAAG,MAAM,oBAAoBwB,OAAOV,EAAE,CAAC;AACzDlF,gBAAa2F,KAAKvB,GAAG,MAAM,oBAAoBjE,SAAS8E,oBAAoB,CAAC;AAC7EZ,QAAKpE,gBAAgBE,SAAS8E,oBAAoB;AAClD,UAAOZ;;AAET/D,YAAU;GACRwF,WAAWrB,QAAQG;GACnBmB,QAAQtB;GACRuB,UAAU5B;GACVC,MAAM;GACN4B,SAAS3E;GACT4E,YAAY,KAAKzE,SAAS,EAAE;GAC5B0E,MAAMC,KAAalB,MAAc,GAAGkB,IAAG,GAAIlB;GAC3CmB,cAAcC,MAAMC,QAAQ;IAC1B,MAAMC,MAAM,GAAGF,KAAI,GAAIC;IACvB,MAAME,MAAMpG,QAAQiB,SAASsE,OAAOY,IAAI,EAAEF,KAAK;AAC/C,QAAIG,KAAK;KACP,MAAMC,QAAQJ,QAAQA,KAAKlG,kBAAkBkG;AAC7C,SAAIG,IAAIH,SAASI,OAAO;AACPD,UAAIH;AACnBG,UAAIH,OAAOI;AACXD,UAAIG,IAAIC,UAAUP;AAClBG,UAAIG,IAAIE,OAAO;;AAEjB,YAAOL;;IAET,MAAMM,OAAO3C,EAAE4C,OAAO;IACtB,MAAMC,QAAQ/G,qBAAqBoG,KAAK;IAExC,MAAMa,OAAOnC,QAAQkC,OAAMX,KAAKQ,KAAK;AACrC,WAAO;KACLZ,KAAKK;KACLF,MAAMA,QAAQA,KAAKlG,kBAAkBkG;KACrCc,SAASD;KACTnB,UAAUe;KACVH,KAAKK;KACN;;GAEHI,aAAaC,GAAGC,SAASC,WAAW;AAElCF,MAAEhB,OADYiB,WAAWA,QAAQnH,kBAAkBmH;AAEnDD,MAAEV,IAAIC,UAAUU;AAChBD,MAAEV,IAAIE,OAAO;;GAEhB,CAAC;AACF,SAAOzC"}

package/dist/textarea.d.mts

@@ -2,7 +2,7 @@ import { Component } from "@geajs/core";
 
 //#region src/components/textarea.d.ts
 declare class Textarea extends Component {
-  template(props: any): string;
+  template(props: any): any;
 }
 //#endregion
 export { Textarea as default };

package/dist/textarea.mjs

@@ -1,79 +1,36 @@
-import { t as cn } from "./cn.mjs";
-import { Component, GEA_ELEMENT, GEA_ON_PROP_CHANGE, geaEscapeHtml } from "@geajs/core";
+import { n as cn, t as CompiledComponent } from "./compiled-component.mjs";
+import { o as GEA_CREATE_TEMPLATE } from "./bind.mjs";
+import { n as reactiveTextValue } from "./reactive-text.mjs";
+import { t as reactiveAttr } from "./reactive-attr.mjs";
+import { t as reactiveBoolAttr } from "./reactive-bool.mjs";
+import { t as reactiveClass } from "./reactive-class.mjs";
+import { t as delegateEvent } from "./delegate-event.mjs";
 //#region src/components/textarea.tsx
-var Textarea = class extends Component {
-	static {
-		this.__geaTagName = "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-xs placeholder:text-muted-foreground focus-visible:outline-hidden 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-xs placeholder:text-muted-foreground focus-visible:outline-hidden 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-xs placeholder:text-muted-foreground focus-visible:outline-hidden 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-xs placeholder:text-muted-foreground focus-visible:outline-hidden 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 && this[GEA_ELEMENT]) return this.__evts;
-		const __geaEvtsResult = { input: { [`#${this.id}`]: this.__event_input_0 } };
-		if (this[GEA_ELEMENT]) this.__evts = __geaEvtsResult;
-		return __geaEvtsResult;
-	}
-	__event_input_0(e, targetComponent) {
-		this.props.onInput(e);
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		if (key === "class") {
-			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-xs placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", value);
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
-			}
-		}
-		if (key === "placeholder") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) {
-				var __av = value;
-				if (__av == null || __av === false) __el.removeAttribute("placeholder");
-				else {
-					const __newAttr = String(__av);
-					if (__el.getAttribute("placeholder") !== __newAttr) __el.setAttribute("placeholder", __newAttr);
-				}
-			}
-		}
-		if (key === "disabled") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) if (!value) __el.removeAttribute("disabled");
-			else {
-				const __newAttr = "";
-				if (__el.getAttribute("disabled") !== __newAttr) __el.setAttribute("disabled", __newAttr);
-			}
-		}
-		if (key === "name") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) {
-				var __av = value;
-				if (__av == null || __av === false) __el.removeAttribute("name");
-				else {
-					const __newAttr = String(__av);
-					if (__el.getAttribute("name") !== __newAttr) __el.setAttribute("name", __newAttr);
-				}
-			}
-		}
-		if (key === "rows") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) {
-				var __av = value;
-				if (__av == null || __av === false) __el.removeAttribute("rows");
-				else {
-					const __newAttr = String(__av);
-					if (__el.getAttribute("rows") !== __newAttr) __el.setAttribute("rows", __newAttr);
-				}
-			}
-		}
-		if (key === "value") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = value || "";
-			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
-		}
+let _tpl0_root = null;
+function _tpl0_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<textarea>0</textarea>";
+	return t.content.firstChild;
+}
+var Textarea = class extends CompiledComponent {
+	[GEA_CREATE_TEMPLATE](d) {
+		const root = (_tpl0_root || (_tpl0_root = _tpl0_create())).cloneNode(true);
+		const el0 = root;
+		const el1 = el0;
+		const el2 = el0;
+		const el3 = el0;
+		const el4 = el0;
+		const evt5 = el0;
+		const marker6 = root.firstChild;
+		reactiveClass(el0, d, this, () => cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", this.props.class));
+		reactiveAttr(el1, d, this, "placeholder", () => this.props.placeholder);
+		reactiveBoolAttr(el2, d, this, "disabled", () => this.props.disabled);
+		reactiveAttr(el3, d, this, "name", () => this.props.name);
+		reactiveAttr(el4, d, this, "rows", () => this.props.rows);
+		const h5 = this.props.onInput;
+		reactiveTextValue(marker6, d, this, () => this.props.value || "");
+		delegateEvent(root, "input", [[evt5, h5]], d);
+		return root;
 	}
 };
 //#endregion

package/dist/textarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.mjs","names":["Component","geaEscapeHtml","GEA_ELEMENT","GEA_ON_PROP_CHANGE","cn","Textarea","__geaTagName","template","props","__id","id","class","String","trim","placeholder","disabled","name","rows","value","events","__evts","__geaEvtsResult","input","__event_input_0","e","targetComponent","onInput","key","__el","__boundValue","__newClass","replace","className","__av","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-xs placeholder:text-muted-foreground focus-visible:outline-hidden 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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"}
+{"version":3,"file":"textarea.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClass","reactiveAttr","reactiveBoolAttr","reactiveTextValue","delegateEvent","CompiledComponent","Component","cn","_tpl0_root","_tpl0_create","t","document","createElement","innerHTML","content","firstChild","Textarea","d","root","cloneNode","el0","el1","el2","el3","el4","evt5","marker6","props","class","placeholder","disabled","name","rows","h5","onInput","t6","value"],"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-xs placeholder:text-muted-foreground focus-visible:outline-hidden 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,IAAIS,aAAa;AACjB,SAASC,eAAe;CACtB,MAAMC,IAAIC,SAASC,cAAc,WAAW;AAC5CF,GAAEG,YAAY;AACd,QAAOH,EAAEI,QAAQC;;AAEnB,IAAqBC,WAArB,cAAsCX,kBAAkB;CACtD,CAACN,qBAAqBkB,GAAG;EACvB,MAAMC,QAAQV,eAAeA,aAAaC,cAAc,GAAGU,UAAU,KAAK;EAC1E,MAAMC,MAAMF;EACZ,MAAMG,MAAMD;EACZ,MAAME,MAAMF;EACZ,MAAMG,MAAMH;EACZ,MAAMI,MAAMJ;EACZ,MAAMK,OAAOL;EACb,MAAMM,UAAUR,KAAKH;AACrBf,gBAAcoB,KAAKH,GAAG,YAAYV,GAAG,+QAA+Q,KAAKoB,MAAMC,MAAM,CAAC;AACtU3B,eAAaoB,KAAKJ,GAAG,MAAM,qBAAqB,KAAKU,MAAME,YAAY;AACvE3B,mBAAiBoB,KAAKL,GAAG,MAAM,kBAAkB,KAAKU,MAAMG,SAAS;AACrE7B,eAAasB,KAAKN,GAAG,MAAM,cAAc,KAAKU,MAAMI,KAAK;AACzD9B,eAAauB,KAAKP,GAAG,MAAM,cAAc,KAAKU,MAAMK,KAAK;EACzD,MAAMC,KAAK,KAAKN,MAAMO;AAEtB/B,oBAAkBgC,SAAIlB,GAAG,YAAY,KAAKU,MAAMS,SAAS,GAAG;AAC5DhC,gBAAcc,MAAM,SAAS,CAAC,CAACO,MAAMQ,GAAG,CAAC,EAAEhB,EAAE;AAC7C,SAAOC"}

package/dist/theme.css

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@import 'tailwindcss';
 
 @custom-variant dark (&:where(.dark, .dark *));
 
@@ -90,7 +90,6 @@
 }
 
 @layer components {
-
   /* Checkbox: hide indicator when unchecked, show on checked */
   .checkbox-control [data-part='indicator'] {
     display: none;
@@ -160,11 +159,11 @@
   }
 
   /* Zag component animations */
-  [data-part='positioner']>[data-part='content'][data-state='open'] {
+  [data-part='positioner'] > [data-part='content'][data-state='open'] {
     animation: fadeIn 150ms ease-out;
   }
 
-  [data-part='positioner']>[data-part='content'][data-state='closed'] {
+  [data-part='positioner'] > [data-part='content'][data-state='closed'] {
     animation: fadeOut 100ms ease-in;
   }
 
@@ -245,4 +244,4 @@
     transform: translateX(0);
     opacity: 1;
   }
-}
+}

package/dist/toast.d.mts

@@ -26,7 +26,7 @@ declare class Toaster extends Component {
   _applyGroupSpreads(): void;
   onAfterRender(): void;
   dispose(): void;
-  template(props: any): string;
+  template(props: any): any;
 }
 //#endregion
 export { ToastStore, Toaster };