@geajs/ui 0.2.3 → 0.2.9

package/dist/tabs.mjs

@@ -1,20 +1,78 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_ON_PROP_CHANGE, GEA_REGISTER_MAP, GEA_SYNC_MAP } from "@geajs/core";
+import { t as NOOP_DISPOSER } from "./disposer.mjs";
+import { o as GEA_CREATE_TEMPLATE, u as GEA_PROXY_RAW } from "./bind.mjs";
+import { n as _DIRTY_PROPS } from "./dirty-symbols.mjs";
+import { t as reactiveClass } from "./reactive-class.mjs";
+import { n as _rescue, t as keyedList } from "./keyed-list.mjs";
+import { t as GEA_DOM_ITEM } from "./keyed-list-symbols.mjs";
+import { GEA_ON_PROP_CHANGE } from "@geajs/core";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as tabs from "@zag-js/tabs";
 //#region src/components/tabs.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><div data-part=list class=\"tabs-list relative flex border-b border-gray-200 dark:border-gray-700\"><!--1--><div data-part=indicator class=\"tabs-indicator bg-blue-600 dark:bg-blue-400\"></div></div><!--2-->";
+	return t.content.firstChild;
+}
+let _tpl1_root = null;
+function _tpl1_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<button data-part=trigger class=\"tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400\">0";
+	return t.content.firstChild;
+}
+const __rq_L0 = /* @__PURE__ */ new Map();
+let _tpl2_root = null;
+function _tpl2_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div data-part=content class=\"tabs-content p-4\">0";
+	return t.content.firstChild;
+}
+const __rq_L1 = /* @__PURE__ */ new Map();
 var Tabs = class extends ZagComponent {
-	static {
-		this.__geaTagName = "gea-tabs";
+	_isNodeLike(value) {
+		return !!value && typeof value.nodeType === "number";
+	}
+	_setPanelContent(panel, value) {
+		if (typeof value === "string") {
+			if (panel.innerHTML !== value) panel.innerHTML = value;
+			return;
+		}
+		if (value == null || value === false || value === true) {
+			panel.replaceChildren();
+			return;
+		}
+		const nodes = [];
+		const pushNode = (item) => {
+			if (item == null || item === false || item === true) return;
+			if (Array.isArray(item)) {
+				item.forEach(pushNode);
+				return;
+			}
+			if (this._isNodeLike(item)) {
+				nodes.push(item);
+				return;
+			}
+			nodes.push(panel.ownerDocument.createTextNode(String(item)));
+		};
+		pushNode(value);
+		panel.replaceChildren(...nodes);
+	}
+	_syncPanelContents(nextProps) {
+		const items = Array.isArray(nextProps?.items) ? nextProps.items : [];
+		if (items.length === 0) return;
+		const root = this.el;
+		if (!root) return;
+		const panels = root.querySelectorAll("[data-part=\"content\"]");
+		for (let i = 0; i < panels.length && i < items.length; i++) this._setPanelContent(panels[i], items[i]?.content);
 	}
-	#__rowEls_list;
-	#__dc___unresolved_1;
-	#__rowEls_b1;
-	#__dc_b1;
 	createMachine(_props) {
 		return tabs.machine;
 	}
+	[GEA_ON_PROP_CHANGE](key, next) {
+		super[GEA_ON_PROP_CHANGE]?.(key, next);
+		this._syncPanelContents(this.props);
+	}
 	getMachineProps(props) {
 		return {
 			id: this.id,
@@ -55,148 +113,123 @@ var Tabs = class extends ZagComponent {
 	}
 	onAfterRender() {
 		super.onAfterRender();
+		this._syncPanelContents(this.props);
 		if (this._api?.value && this._machine) this._machine.service.send({ type: "SET_INDICATOR_RECT" });
 	}
-	template(props) {
-		const __id = this.id;
-		Component._register(ZagComponent, "zag-component");
-		const items = props.items || [];
-		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><div id="${__id + "-b1"}" data-part="list" class="tabs-list relative flex border-b border-gray-200 dark:border-gray-700">${items.map((item) => `<button data-gid="${item?.value ?? item}" data-part="trigger"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400">${item.label}</button>`).join("") + "<!---->"}<div data-part="indicator" class="tabs-indicator bg-blue-600 dark:bg-blue-400"></div></div>${items.map((item) => `<div data-gid="${item?.value ?? item}" data-part="content"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="tabs-content p-4">${item.content}</div>`).join("") + "<!---->"}</div>`;
-	}
-	render__unresolved_0Item(item) {
-		return `<button data-gid="${item?.value ?? item}" data-part="trigger"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400">${item.label}</button>`;
-	}
-	create__unresolved_0Item(item) {
-		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({
-				value: 0,
-				label: " "
-			});
-			__c.__geaTpl = __tw.content.firstElementChild;
-			__c.__geaTpl?.removeAttribute("data-gid");
-		} catch (__err) {
-			console.error(__err);
-		}
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_0Item(item);
-			var el = __fw.content.firstElementChild;
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) el.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (el.getAttribute("data-value") !== __newAttr) el.setAttribute("data-value", __newAttr);
-		}
-		if (el.textContent !== `
-              ${item.label}
-            `) el.textContent = `
-              ${item.label}
-            `;
-		el[GEA_DOM_KEY] = String(item?.value ?? item);
-		el[GEA_DOM_ITEM] = item;
-		return el;
-	}
-	patch__unresolved_0Item(row, item, __prevItem) {
-		if (!row) return;
-		var __av = item.value;
-		if (__av == null || __av === false) row.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (row.getAttribute("data-value") !== __newAttr) row.setAttribute("data-value", __newAttr);
-		}
-		if (row.textContent !== `
-              ${item.label}
-            `) row.textContent = `
-              ${item.label}
-            `;
-		row[GEA_DOM_KEY] = String(item?.value ?? item);
-		(this.#__rowEls_b1 || (this.#__rowEls_b1 = {}))[String(item?.value ?? item)] = row;
-		row[GEA_DOM_ITEM] = item;
-	}
-	render__unresolved_1Item(item) {
-		return `<div data-gid="${item?.value ?? item}" data-part="content"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="tabs-content p-4">${item.content}</div>`;
-	}
-	create__unresolved_1Item(item) {
-		var __c = this.#__dc___unresolved_1 || (this.#__dc___unresolved_1 = this.____unresolved_1_container);
-		if (!__c.__geaTpl) try {
-			var __tw = document.createElement("template");
-			__tw.innerHTML = this.render__unresolved_1Item({
-				value: 0,
-				content: " "
-			});
-			__c.__geaTpl = __tw.content.firstElementChild;
-			__c.__geaTpl?.removeAttribute("data-gid");
-		} catch (__err) {
-			console.error(__err);
-		}
-		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
-		else {
-			var __fw = document.createElement("template");
-			__fw.innerHTML = this.render__unresolved_1Item(item);
-			var el = __fw.content.firstElementChild;
-		}
-		var __av = item.value;
-		if (__av == null || __av === false) el.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (el.getAttribute("data-value") !== __newAttr) el.setAttribute("data-value", __newAttr);
-		}
-		if (el.textContent !== `
-            ${item.content}
-          `) el.textContent = `
-            ${item.content}
-          `;
-		el[GEA_DOM_KEY] = String(item?.value ?? item);
-		el[GEA_DOM_ITEM] = item;
-		return el;
-	}
-	patch__unresolved_1Item(row, item, __prevItem) {
-		if (!row) return;
-		var __av = item.value;
-		if (__av == null || __av === false) row.removeAttribute("data-value");
-		else {
-			const __newAttr = String(__av);
-			if (row.getAttribute("data-value") !== __newAttr) row.setAttribute("data-value", __newAttr);
-		}
-		if (row.textContent !== `
-            ${item.content}
-          `) row.textContent = `
-            ${item.content}
-          `;
-		row[GEA_DOM_KEY] = String(item?.value ?? item);
-		(this.#__rowEls_list || (this.#__rowEls_list = {}))[String(item?.value ?? item)] = row;
-		row[GEA_DOM_ITEM] = item;
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		if (key === "class") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = value || "";
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
+	[GEA_CREATE_TEMPLATE](d) {
+		this.props.items;
+		const root = (_tpl0_root || (_tpl0_root = _tpl0_create())).cloneNode(true);
+		const el0 = root;
+		const anchor1 = root.firstChild.firstChild;
+		const anchor2 = root.childNodes[1];
+		reactiveClass(el0, d, this, () => this.props.class || "");
+		const __ki_L0 = (item, idx, d) => {
+			const root = (_tpl1_root || (_tpl1_root = _tpl1_create())).cloneNode(true);
+			root.setAttribute("data-value", String(item.value));
+			{
+				const __n = root.firstChild;
+				__n.nodeValue = `${item.label ?? ""}`;
 			}
-		}
-		if (key === "items") {
-			this[GEA_SYNC_MAP](0);
-			this[GEA_SYNC_MAP](1);
-		}
-	}
-	__observe_local_props(__v, __c) {
-		this[GEA_SYNC_MAP](0);
-		this[GEA_SYNC_MAP](1);
-	}
-	createdHooks() {
-		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => __gid(this.id + "-b1"), () => {
-			return this.props.items || [];
-		}, (__item) => this.create__unresolved_0Item(__item), "value");
-		this[GEA_REGISTER_MAP](1, "____unresolved_1_container", () => this.$(":scope"), () => {
-			return this.props.items || [];
-		}, (__item) => this.create__unresolved_1Item(__item), "value");
+			root[GEA_DOM_ITEM] = item;
+			return root;
+		};
+		const __kp_L0 = (el, item) => {
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("value")) el.setAttribute("data-value", String(item.value));
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("label")) {
+				const __n = el.__r0 || (el.__r0 = el.firstChild);
+				__n.nodeValue = `${item.label ?? ""}`;
+			}
+		};
+		keyedList({
+			container: anchor1.parentNode,
+			anchor: anchor1,
+			disposer: d,
+			root: this,
+			pending: __rq_L0,
+			path: () => this.props.items || [],
+			key: (item, idx) => item.value,
+			createEntry: (item, idx) => {
+				const __k = item.value;
+				const __r = _rescue(__rq_L0, String(__k), item);
+				if (__r) {
+					const __raw = item && item[GEA_PROXY_RAW] || item;
+					if (__r.item !== __raw) {
+						const __prev = __r.item;
+						__r.item = __raw;
+						__kp_L0(__r.element, item, __prev, idx);
+					}
+					return __r;
+				}
+				const __rd = NOOP_DISPOSER;
+				const __obs = null;
+				const __el = __ki_L0(item, idx, __rd);
+				return {
+					key: __k,
+					item: item && item[GEA_PROXY_RAW] || item,
+					element: __el,
+					disposer: __rd,
+					obs: __obs
+				};
+			},
+			patchEntry: (e, newItem, newIdx) => {
+				e.item = newItem && newItem[GEA_PROXY_RAW] || newItem;
+				__kp_L0(e.element, newItem);
+			}
+		});
+		const __ki_L1 = (item, idx, d) => {
+			const root = (_tpl2_root || (_tpl2_root = _tpl2_create())).cloneNode(true);
+			root.setAttribute("data-value", String(item.value));
+			{
+				const __n = root.firstChild;
+				__n.nodeValue = `${item.content ?? ""}`;
+			}
+			root[GEA_DOM_ITEM] = item;
+			return root;
+		};
+		const __kp_L1 = (el, item) => {
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("value")) el.setAttribute("data-value", String(item.value));
+			if (!item[_DIRTY_PROPS] || item[_DIRTY_PROPS].has("content")) {
+				const __n = el.__r0 || (el.__r0 = el.firstChild);
+				__n.nodeValue = `${item.content ?? ""}`;
+			}
+		};
+		keyedList({
+			container: anchor2.parentNode,
+			anchor: anchor2,
+			disposer: d,
+			root: this,
+			pending: __rq_L1,
+			path: () => this.props.items || [],
+			key: (item, idx) => item.value,
+			createEntry: (item, idx) => {
+				const __k = item.value;
+				const __r = _rescue(__rq_L1, String(__k), item);
+				if (__r) {
+					const __raw = item && item[GEA_PROXY_RAW] || item;
+					if (__r.item !== __raw) {
+						const __prev = __r.item;
+						__r.item = __raw;
+						__kp_L1(__r.element, item, __prev, idx);
+					}
+					return __r;
+				}
+				const __rd = NOOP_DISPOSER;
+				const __obs = null;
+				const __el = __ki_L1(item, idx, __rd);
+				return {
+					key: __k,
+					item: item && item[GEA_PROXY_RAW] || item,
+					element: __el,
+					disposer: __rd,
+					obs: __obs
+				};
+			},
+			patchEntry: (e, newItem, newIdx) => {
+				e.item = newItem && newItem[GEA_PROXY_RAW] || newItem;
+				__kp_L1(e.element, newItem);
+			}
+		});
+		return root;
 	}
 };
 //#endregion

package/dist/tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.mjs","names":["__v","v","valueOf","Component","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_SYNC_MAP","GEA_REGISTER_MAP","tabs","normalizeProps","ZagComponent","Tabs","__geaTagName","__rowEls_list","__dc___unresolved_1","__rowEls_b1","__dc_b1","value","createMachine","_props","machine","getMachineProps","props","id","defaultValue","orientation","activationMode","loopFocus","onValueChange","details","ValueChangeDetails","onFocusChange","connectApi","service","connect","_syncMachineProps","_machine","rendered","send","type","getSpreadMap","api","getIndicatorProps","style","[data-part=\"trigger\"]","el","getTriggerProps","HTMLElement","dataset","[data-part=\"content\"]","getContentProps","syncState","onAfterRender","_api","template","__id","_register","items","class","String","trim","map","item","label","join","content","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__av","__newAttr","getAttribute","setAttribute","textContent","patch__unresolved_0Item","row","__prevItem","render__unresolved_1Item","create__unresolved_1Item","____unresolved_1_container","patch__unresolved_1Item","key","__el","__boundValue","__newClass","replace","className","__observe_local_props","createdHooks","__gid","__item","$"],"sources":["../src/components/tabs.tsx"],"sourcesContent":["import * as tabs from '@zag-js/tabs'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Tabs extends ZagComponent {\n  declare value: string | null\n\n  createMachine(_props: any): any {\n    return tabs.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      orientation: props.orientation ?? 'horizontal',\n      activationMode: props.activationMode ?? 'automatic',\n      loopFocus: props.loopFocus ?? true,\n      onValueChange: (details: tabs.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n      onFocusChange: props.onFocusChange,\n    }\n  }\n\n  connectApi(service: any) {\n    return tabs.connect(service, normalizeProps)\n  }\n\n  _syncMachineProps() {\n    super._syncMachineProps()\n    if (this._machine && this.rendered) {\n      this._machine.service.send({ type: 'SET_INDICATOR_RECT' })\n    }\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"list\"]': 'getListProps',\n      '[data-part=\"indicator\"]': (api) => {\n        const props = api.getIndicatorProps()\n        props.style = (props.style || '') + 'bottom:0;width:var(--width);height:2px;'\n        return props\n      },\n      '[data-part=\"trigger\"]': (api, el) => api.getTriggerProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"content\"]': (api, el) => api.getContentProps({ value: (el as HTMLElement).dataset.value }),\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  onAfterRender() {\n    super.onAfterRender()\n    if (this._api?.value && this._machine) {\n      this._machine.service.send({ type: 'SET_INDICATOR_RECT' })\n    }\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        <div data-part=\"list\" class=\"tabs-list relative flex border-b border-gray-200 dark:border-gray-700\">\n          {items.map((item: any) => (\n            <button\n              key={item.value}\n              data-part=\"trigger\"\n              data-value={item.value}\n              class=\"tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400\"\n            >\n              {item.label}\n            </button>\n          ))}\n          <div data-part=\"indicator\" class=\"tabs-indicator bg-blue-600 dark:bg-blue-400\"></div>\n        </div>\n        {items.map((item: any) => (\n          <div key={item.value} data-part=\"content\" data-value={item.value} class=\"tabs-content p-4\">\n            {item.content}\n          </div>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"tabs.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClass","reactiveAttr","reactiveTextValue","GEA_DIRTY_PROPS","GEA_DOM_ITEM","GEA_PROXY_RAW","_rescue","NOOP_DISPOSER","keyedList","tabs","normalizeProps","GEA_ON_PROP_CHANGE","ZagComponent","_tpl0_root","_tpl0_create","t","document","createElement","innerHTML","content","firstChild","_tpl1_root","_tpl1_create","__rq_L0","Map","_tpl2_root","_tpl2_create","__rq_L1","Tabs","value","_isNodeLike","Node","nodeType","_setPanelContent","panel","HTMLElement","replaceChildren","nodes","pushNode","item","Array","isArray","forEach","push","ownerDocument","createTextNode","String","_syncPanelContents","nextProps","Record","items","length","root","el","panels","querySelectorAll","i","createMachine","_props","machine","key","next","props","getMachineProps","id","defaultValue","orientation","activationMode","loopFocus","onValueChange","details","ValueChangeDetails","onFocusChange","connectApi","service","connect","_syncMachineProps","_machine","rendered","send","type","getSpreadMap","api","getIndicatorProps","style","[data-part=\"trigger\"]","getTriggerProps","dataset","[data-part=\"content\"]","getContentProps","syncState","onAfterRender","_api","d","cloneNode","el0","anchor1","anchor2","childNodes","class","__ki_L0","idx","setAttribute","__n","nodeValue","label","__kp_L0","has","__r0","container","parentNode","anchor","disposer","pending","path","createEntry","__k","__r","__raw","__prev","element","__rd","__obs","__li","__el","obs","patchEntry","e","newItem","newIdx","__ki_L1","__kp_L1"],"sources":["../src/components/tabs.tsx"],"sourcesContent":["import * as tabs from '@zag-js/tabs'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport { GEA_ON_PROP_CHANGE } from '@geajs/core'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Tabs extends ZagComponent {\n  declare value: string | null\n\n  _isNodeLike(value: unknown): value is Node {\n    return !!value && typeof (value as Node).nodeType === 'number'\n  }\n\n  _setPanelContent(panel: HTMLElement, value: unknown) {\n    if (typeof value === 'string') {\n      if (panel.innerHTML !== value) panel.innerHTML = value\n      return\n    }\n    if (value == null || value === false || value === true) {\n      panel.replaceChildren()\n      return\n    }\n\n    const nodes: Node[] = []\n    const pushNode = (item: unknown) => {\n      if (item == null || item === false || item === true) return\n      if (Array.isArray(item)) {\n        item.forEach(pushNode)\n        return\n      }\n      if (this._isNodeLike(item)) {\n        nodes.push(item)\n        return\n      }\n      nodes.push(panel.ownerDocument.createTextNode(String(item)))\n    }\n\n    pushNode(value)\n    panel.replaceChildren(...nodes)\n  }\n\n  _syncPanelContents(nextProps: Record<string, any> | undefined) {\n    const items: any[] = Array.isArray(nextProps?.items) ? nextProps.items : []\n    if (items.length === 0) return\n    const root = this.el\n    if (!root) return\n    const panels = root.querySelectorAll('[data-part=\"content\"]')\n    for (let i = 0; i < panels.length && i < items.length; i++) {\n      this._setPanelContent(panels[i] as HTMLElement, items[i]?.content)\n    }\n  }\n\n  createMachine(_props: any): any {\n    return tabs.machine\n  }\n\n  [GEA_ON_PROP_CHANGE](key: string, next: unknown) {\n    super[GEA_ON_PROP_CHANGE]?.(key, next)\n    this._syncPanelContents(this.props)\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      orientation: props.orientation ?? 'horizontal',\n      activationMode: props.activationMode ?? 'automatic',\n      loopFocus: props.loopFocus ?? true,\n      onValueChange: (details: tabs.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n      onFocusChange: props.onFocusChange,\n    }\n  }\n\n  connectApi(service: any) {\n    return tabs.connect(service, normalizeProps)\n  }\n\n  _syncMachineProps() {\n    super._syncMachineProps()\n    if (this._machine && this.rendered) {\n      this._machine.service.send({ type: 'SET_INDICATOR_RECT' })\n    }\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"list\"]': 'getListProps',\n      '[data-part=\"indicator\"]': (api) => {\n        const props = api.getIndicatorProps()\n        props.style = (props.style || '') + 'bottom:0;width:var(--width);height:2px;'\n        return props\n      },\n      '[data-part=\"trigger\"]': (api, el) => api.getTriggerProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"content\"]': (api, el) => api.getContentProps({ value: (el as HTMLElement).dataset.value }),\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  onAfterRender() {\n    super.onAfterRender()\n    this._syncPanelContents(this.props)\n    if (this._api?.value && this._machine) {\n      this._machine.service.send({ type: 'SET_INDICATOR_RECT' })\n    }\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        <div data-part=\"list\" class=\"tabs-list relative flex border-b border-gray-200 dark:border-gray-700\">\n          {items.map((item: any) => (\n            <button\n              key={item.value}\n              data-part=\"trigger\"\n              data-value={item.value}\n              class=\"tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400\"\n            >\n              {item.label}\n            </button>\n          ))}\n          <div data-part=\"indicator\" class=\"tabs-indicator bg-blue-600 dark:bg-blue-400\"></div>\n        </div>\n        {items.map((item: any) => (\n          <div key={item.value} data-part=\"content\" data-value={item.value} class=\"tabs-content p-4\">\n            {item.content}\n          </div>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/tags-input.d.mts

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