@geajs/ui 0.2.3 → 0.2.9

package/dist/tree-view.mjs

@@ -1,25 +1,28 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_ELEMENT, GEA_INSTANTIATE_CHILD_COMPONENTS, GEA_MOUNT_COMPILED_CHILD_COMPONENTS, GEA_ON_PROP_CHANGE, GEA_PATCH_COND, GEA_PATCH_NODE, GEA_REGISTER_COND, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { o as GEA_CREATE_TEMPLATE } from "./bind.mjs";
+import { n as reactiveTextValue, t as reactiveText } from "./reactive-text.mjs";
+import { t as reactiveClass } from "./reactive-class.mjs";
+import { t as conditionalTruthy } from "./conditional-truthy.mjs";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as treeView from "@zag-js/tree-view";
 //#region src/components/tree-view.tsx
+let _tpl0_root = null;
+function _tpl0_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div data-part=root><!--1--><div data-part=tree class=tree-view-tree role=tree>0";
+	return t.content.firstChild;
+}
+let _tpl1_root = null;
+function _tpl1_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<label data-part=label class=\"tree-view-label text-sm font-medium mb-2 block\">0";
+	return t.content.firstChild;
+}
 var TreeView = class extends ZagComponent {
-	static {
-		this.__geaTagName = "tree-view";
-	}
-	constructor(...args) {
-		super(...args);
+	constructor(..._args) {
+		super(..._args);
 		this.selectedValue = [];
 		this.expandedValue = [];
-		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="tree-view-label text-sm font-medium mb-2 block">${geaEscapeHtml(String(this.props.label))}</label>`;
-		}, null);
 	}
 	createMachine(_props) {
 		return treeView.machine;
@@ -58,41 +61,20 @@ var TreeView = class extends ZagComponent {
 		this.selectedValue = api.selectedValue;
 		this.expandedValue = api.expandedValue;
 	}
-	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="tree-view-label text-sm font-medium mb-2 block">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="tree" class="tree-view-tree" role="tree">${props.children}</div></div>`;
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		const __id = this.id;
-		if (key === "class") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = value || "";
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
-			}
-		}
-		if (key === "children") {
-			const __el = this.__e0 || (this.__e0 = __gid(__id + "-b1"));
-			if (__el) {
-				const __tw = document.createElement("template");
-				__tw.innerHTML = value;
-				const __newEl = __tw.content.firstElementChild;
-				const __existEl = __el.firstElementChild;
-				if (__newEl && __existEl && __tw.content.childNodes.length === 1) this.constructor[GEA_PATCH_NODE](__existEl, __newEl, true);
-				else if (__el.innerHTML !== value) {
-					__el.innerHTML = value;
-					this[GEA_INSTANTIATE_CHILD_COMPONENTS]();
-					if (this.parentComponent) this.parentComponent[GEA_MOUNT_COMPILED_CHILD_COMPONENTS]();
-				}
-			}
-		}
-		if (key === "label") this[GEA_PATCH_COND](0);
-	}
-	__resetEls() {
-		this.__e0 = null;
+	[GEA_CREATE_TEMPLATE](d) {
+		const root = (_tpl0_root || (_tpl0_root = _tpl0_create())).cloneNode(true);
+		const el0 = root;
+		const anchor1 = root.firstChild;
+		const marker2 = 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;
+		});
+		reactiveText(marker2, d, this, () => this.props.children);
+		return root;
 	}
 };
 //#endregion

package/dist/tree-view.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view.mjs","names":["Component","geaCondValueSymbol","GEA_REGISTER_COND","geaEscapeHtml","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_NODE","GEA_INSTANTIATE_CHILD_COMPONENTS","GEA_MOUNT_COMPILED_CHILD_COMPONENTS","GEA_PATCH_COND","treeView","normalizeProps","ZagComponent","TreeView","__geaTagName","constructor","args","props","label","String","selectedValue","expandedValue","createMachine","_props","machine","getMachineProps","id","collection","defaultSelectedValue","defaultExpandedValue","selectionMode","expandOnClick","onSelectionChange","details","SelectionChangeDetails","onExpandedChange","ExpandedChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","_register","class","trim","children","key","value","__el","__boundValue","__newClass","replace","className","__e0","__gid","__tw","document","createElement","innerHTML","__newEl","content","firstElementChild","__existEl","childNodes","length","parentComponent","__resetEls"],"sources":["../src/components/tree-view.tsx"],"sourcesContent":["import * as treeView from '@zag-js/tree-view'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class TreeView extends ZagComponent {\n  selectedValue: string[] = []\n  expandedValue: string[] = []\n\n  createMachine(_props: any): any {\n    return treeView.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      collection: props.collection,\n      selectedValue: props.selectedValue,\n      defaultSelectedValue: props.defaultSelectedValue,\n      expandedValue: props.expandedValue,\n      defaultExpandedValue: props.defaultExpandedValue,\n      selectionMode: props.selectionMode ?? 'single',\n      expandOnClick: props.expandOnClick ?? true,\n      onSelectionChange: (details: treeView.SelectionChangeDetails) => {\n        this.selectedValue = details.selectedValue\n        props.onSelectionChange?.(details)\n      },\n      onExpandedChange: (details: treeView.ExpandedChangeDetails) => {\n        this.expandedValue = details.expandedValue\n        props.onExpandedChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return treeView.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"tree\"]': 'getTreeProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.selectedValue = api.selectedValue\n    this.expandedValue = api.expandedValue\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=\"tree-view-label text-sm font-medium mb-2 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"tree\" class=\"tree-view-tree\" role=\"tree\">\n          {props.children}\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"tree-view.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClass","reactiveTextValue","conditionalTruthy","reactiveText","treeView","normalizeProps","ZagComponent","_tpl0_root","_tpl0_create","t","document","createElement","innerHTML","content","firstChild","_tpl1_root","_tpl1_create","TreeView","selectedValue","expandedValue","createMachine","_props","machine","getMachineProps","props","id","collection","defaultSelectedValue","defaultExpandedValue","selectionMode","expandOnClick","onSelectionChange","details","SelectionChangeDetails","onExpandedChange","ExpandedChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","d","root","cloneNode","el0","anchor1","marker2","childNodes","class","parentNode","label","marker0","t0","t2","children"],"sources":["../src/components/tree-view.tsx"],"sourcesContent":["import * as treeView from '@zag-js/tree-view'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class TreeView extends ZagComponent {\n  selectedValue: string[] = []\n  expandedValue: string[] = []\n\n  createMachine(_props: any): any {\n    return treeView.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      collection: props.collection,\n      selectedValue: props.selectedValue,\n      defaultSelectedValue: props.defaultSelectedValue,\n      expandedValue: props.expandedValue,\n      defaultExpandedValue: props.defaultExpandedValue,\n      selectionMode: props.selectionMode ?? 'single',\n      expandOnClick: props.expandOnClick ?? true,\n      onSelectionChange: (details: treeView.SelectionChangeDetails) => {\n        this.selectedValue = details.selectedValue\n        props.onSelectionChange?.(details)\n      },\n      onExpandedChange: (details: treeView.ExpandedChangeDetails) => {\n        this.expandedValue = details.expandedValue\n        props.onExpandedChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return treeView.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"tree\"]': 'getTreeProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.selectedValue = api.selectedValue\n    this.expandedValue = api.expandedValue\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=\"tree-view-label text-sm font-medium mb-2 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"tree\" class=\"tree-view-tree\" role=\"tree\">\n          {props.children}\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;;;;AAIA,IAAIQ,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,IAAqBG,WAArB,cAAsCX,aAAa;;;uBACvB,EAAE;uBACF,EAAE;;CAC5Bc,cAAcC,QAAkB;AAC9B,SAAOjB,SAASkB;;CAElBC,gBAAgBC,OAAY;AAC1B,SAAO;GACLC,IAAI,KAAKA;GACTC,YAAYF,MAAME;GAClBR,eAAeM,MAAMN;GACrBS,sBAAsBH,MAAMG;GAC5BR,eAAeK,MAAML;GACrBS,sBAAsBJ,MAAMI;GAC5BC,eAAeL,MAAMK,iBAAiB;GACtCC,eAAeN,MAAMM,iBAAiB;GACtCC,oBAAoBC,YAA6C;AAC/D,SAAKd,gBAAgBc,QAAQd;AAC7BM,UAAMO,oBAAoBC,QAAQ;;GAEpCE,mBAAmBF,YAA4C;AAC7D,SAAKb,gBAAgBa,QAAQb;AAC7BK,UAAMU,mBAAmBF,QAAQ;;GAEpC;;CAEHI,WAAWC,SAAc;AACvB,SAAOjC,SAASkC,QAAQD,SAAShC,eAAe;;CAElDkC,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,wBAAsB;GACvB;;CAEHC,UAAUC,KAAU;AAClB,OAAKvB,gBAAgBuB,IAAIvB;AACzB,OAAKC,gBAAgBsB,IAAItB;;CAE3B,CAACpB,qBAAqB2C,GAAG;EACvB,MAAMC,QAAQpC,eAAeA,aAAaC,cAAc,GAAGoC,UAAU,KAAK;EAC1E,MAAMC,MAAMF;EACZ,MAAMG,UAAUH,KAAK7B;EACrB,MAAMiC,UAAUJ,KAAKK,WAAW,GAAGlC;AACnCd,gBAAc6C,KAAKH,GAAG,YAAY,KAAKlB,MAAMyB,SAAS,GAAG;AACzD/C,oBAAkB4C,QAAQI,YAAYJ,SAASJ,GAAG,YAAY,KAAKlB,MAAM2B,QAAOT,MAAK;GACnF,MAAMC,QAAQ5B,eAAeA,aAAaC,cAAc,GAAG4B,UAAU,KAAK;GAE1E,MAAMS,KADUV,KAAK7B;AAErBb,qBAAkBoD,IAAIX,GAAG,YAAY,KAAKlB,MAAM2B,MAAM;AACtD,UAAOR;IACP;AAEFxC,eAAamD,SAAIZ,GAAG,YAAY,KAAKlB,MAAM+B,SAAS;AACpD,SAAOZ"}

package/dist/types.d.mts

@@ -0,0 +1,9 @@
+//#region src/types.d.ts
+type JSXNode = string | number | boolean | null | undefined | JSXNode[];
+interface GMouseEvent<T extends EventTarget = Element> extends MouseEvent {
+  readonly currentTarget: T;
+}
+type MouseEventHandler<T extends EventTarget = Element> = (e: GMouseEvent<T>) => void;
+//#endregion
+export { MouseEventHandler as n, JSXNode as t };
+//# sourceMappingURL=types.d.mts.map

package/dist/zag-component.d.mts

@@ -1,8 +1,19 @@
-import { Component, GEA_SYNC_MAP, GEA_UPDATE_PROPS } from "@geajs/core";
+import { Component, GEA_ON_PROP_CHANGE } from "@geajs/core";
 import { VanillaMachine } from "@zag-js/vanilla";
 import * as _$_zag_js_types0 from "@zag-js/types";
 
 //#region src/primitives/zag-component.d.ts
+/**
+ * Under the closure-compiled runtime there is no `[GEA_MAPS]` registry on the
+ * component. Zag integration now uses `registerListState(listId, state)` /
+ * `onItemSync(listId, idx)` hooks that the compiled `keyedList` call invokes.
+ * We keep a local Map of list states keyed by the compiler's listId string.
+ */
+interface ListStateRecord {
+  container: Element;
+  containerProp?: string;
+  getContainer?: () => Element;
+}
 type SpreadCleanup = () => void;
 type PropsGetter = string | ((api: any, el: Element) => Record<string, any>);
 interface SpreadMap {
@@ -22,14 +33,25 @@ declare class ZagComponent<P = Record<string, unknown>> extends Component<P> {
   syncState(_api: any): void;
   created(props: P): void;
   _syncMachineProps(): void;
-  [GEA_UPDATE_PROPS](nextProps: Record<string, any>): void;
+  [GEA_ON_PROP_CHANGE](_key: string, _next: unknown): void;
   _scheduleSpreadApplication(): void;
   _resolveProps(getter: PropsGetter, el: Element): Record<string, any> | null;
   _queryAllIncludingSelf(selector: string): Element[];
   _applyAllSpreads(): void;
-  [GEA_SYNC_MAP](idx: number): void;
+  /** Compiled keyedList calls this on the owner after each reconciliation. */
+  onItemSync(_listId: string, _idx: number): void;
+  /** Compiled keyedList calls this once per list at construction. */
+  registerListState(listId: string, state: ListStateRecord): void;
+  unregisterListState(listId: string): void;
+  _listStates: Map<string, ListStateRecord>;
   onAfterRender(): void;
   _cacheArrayContainers(): void;
+  /** Stop the Zag machine + spread cleanups without fully disposing the
+   *  component. Invoked when a parent conditional slot removes this
+   *  component's DOM subtree so side effects on `<html>` (pointer-events,
+   *  aria-hidden, scroll lock) are restored. The component instance stays
+   *  alive so it can re-render if the conditional becomes truthy again. */
+  _stopMachine(): void;
   dispose(): void;
   static normalizeProps: _$_zag_js_types0.NormalizeProps<_$_zag_js_types0.PropTypes<{
     [x: string]: any;

package/dist/zag-component.mjs

@@ -1,7 +1,14 @@
-import { Component, GEA_MAPS, GEA_SYNC_MAP, GEA_UPDATE_PROPS } from "@geajs/core";
+import { Component, GEA_ON_PROP_CHANGE } from "@geajs/core";
 import { VanillaMachine, normalizeProps, spreadProps } from "@zag-js/vanilla";
 //#region src/primitives/zag-component.ts
 var ZagComponent = class extends Component {
+	constructor(..._args) {
+		super(..._args);
+		this._spreadCleanups = /* @__PURE__ */ new Map();
+		this._spreadScheduled = false;
+		this._zagIdMap = /* @__PURE__ */ new Map();
+		this._elementCache = /* @__PURE__ */ new Map();
+	}
 	createMachine(_props) {
 		return null;
 	}
@@ -22,7 +29,8 @@ var ZagComponent = class extends Component {
 		if (!this._elementCache) this._elementCache = /* @__PURE__ */ new Map();
 		const machineDef = this.createMachine(props);
 		if (!machineDef) return;
-		this._machine = new VanillaMachine(machineDef, this.getMachineProps(props));
+		const machineProps = this.getMachineProps(props);
+		this._machine = new VanillaMachine(machineDef, machineProps);
 		const zagIdMap = this._zagIdMap;
 		const origGetById = this._machine.scope.getById;
 		this._machine.scope.getById = ((id) => {
@@ -45,8 +53,7 @@ var ZagComponent = class extends Component {
 		this._api = this.connectApi(this._machine.service);
 		this._scheduleSpreadApplication();
 	}
-	[GEA_UPDATE_PROPS](nextProps) {
-		super[GEA_UPDATE_PROPS](nextProps);
+	[GEA_ON_PROP_CHANGE](_key, _next) {
 		this._syncMachineProps();
 	}
 	_scheduleSpreadApplication() {
@@ -67,7 +74,23 @@ var ZagComponent = class extends Component {
 		const results = this.$$(selector);
 		const root = this.el;
 		if (root && root.matches(selector) && !results.includes(root)) results.unshift(root);
-		return results;
+		const COMP = Symbol.for("gea.dom.component");
+		if (!root) return results;
+		const filtered = [];
+		for (const el of results) {
+			let cur = el;
+			let foreign = false;
+			while (cur && cur !== root) {
+				const owner = cur[COMP];
+				if (owner && owner !== this) {
+					foreign = true;
+					break;
+				}
+				cur = cur.parentElement;
+			}
+			if (!foreign) filtered.push(el);
+		}
+		return filtered;
 	}
 	_applyAllSpreads() {
 		if (!this.rendered || !this._api) return;
@@ -94,35 +117,59 @@ var ZagComponent = class extends Component {
 			}
 		}
 	}
-	[GEA_SYNC_MAP](idx) {
-		super[GEA_SYNC_MAP](idx);
+	/** Compiled keyedList calls this on the owner after each reconciliation. */
+	onItemSync(_listId, _idx) {
 		this._elementCache.clear();
 		this._scheduleSpreadApplication();
 	}
+	/** Compiled keyedList calls this once per list at construction. */
+	registerListState(listId, state) {
+		if (!this._listStates) this._listStates = /* @__PURE__ */ new Map();
+		this._listStates.set(listId, state);
+	}
+	unregisterListState(listId) {
+		this._listStates?.delete(listId);
+	}
 	onAfterRender() {
 		this._cacheArrayContainers();
 		this._elementCache.clear();
+		if (this._machineStopped && !this._machine) {
+			this._machineStopped = false;
+			try {
+				this.created(this.props);
+			} catch {}
+		}
 		this._applyAllSpreads();
 	}
 	_cacheArrayContainers() {
-		const maps = this[GEA_MAPS];
-		if (!maps) return;
-		for (const idx in maps) {
-			const map = maps[idx];
-			map.container = map.getContainer();
-			if (map.container) this[map.containerProp] = map.container;
+		if (!this._listStates) return;
+		for (const state of this._listStates.values()) {
+			if (state.getContainer) state.container = state.getContainer();
+			if (state.container && state.containerProp) this[state.containerProp] = state.container;
 		}
 	}
-	dispose() {
-		for (const cleanup of this._spreadCleanups.values()) cleanup();
+	/** Stop the Zag machine + spread cleanups without fully disposing the
+	*  component. Invoked when a parent conditional slot removes this
+	*  component's DOM subtree so side effects on `<html>` (pointer-events,
+	*  aria-hidden, scroll lock) are restored. The component instance stays
+	*  alive so it can re-render if the conditional becomes truthy again. */
+	_stopMachine() {
+		for (const cleanup of this._spreadCleanups.values()) try {
+			cleanup();
+		} catch {}
 		this._spreadCleanups.clear();
 		if (this._machine) {
-			this._machine.stop();
+			try {
+				this._machine.stop();
+			} catch {}
 			this._machine = null;
 		}
 		this._api = null;
 		this._zagIdMap?.clear();
 		this._elementCache?.clear();
+	}
+	dispose() {
+		this._stopMachine();
 		super.dispose();
 	}
 	static {

package/dist/zag-component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"zag-component.mjs","names":[],"sources":["../src/primitives/zag-component.ts"],"sourcesContent":["import { Component, GEA_MAPS, GEA_SYNC_MAP, GEA_UPDATE_PROPS } from '@geajs/core'\nimport { VanillaMachine, normalizeProps, spreadProps } from '@zag-js/vanilla'\n\ntype SpreadCleanup = () => void\ntype PropsGetter = string | ((api: any, el: Element) => Record<string, any>)\n\nexport interface SpreadMap {\n  [selector: string]: PropsGetter\n}\n\nexport default class ZagComponent<P = Record<string, unknown>> extends Component<P> {\n  declare _machine: VanillaMachine<any> | null\n  declare _api: any\n  declare _spreadCleanups: Map<string, SpreadCleanup>\n  declare _spreadScheduled: boolean\n  declare _zagIdMap: Map<string, Element>\n  declare _elementCache: Map<string, Element[]>\n\n  createMachine(_props: any): any {\n    return null\n  }\n\n  getMachineProps(_props: any): any {\n    return {}\n  }\n\n  connectApi(_service: any): any {\n    return null\n  }\n\n  getSpreadMap() {\n    return {}\n  }\n\n  syncState(_api: any): void {}\n\n  created(props: P) {\n    if (!this._spreadCleanups) this._spreadCleanups = new Map()\n    if (this._spreadScheduled === undefined) this._spreadScheduled = false\n    if (!this._zagIdMap) this._zagIdMap = new Map()\n    if (!this._elementCache) this._elementCache = new Map()\n\n    const machineDef = this.createMachine(props)\n    if (!machineDef) return\n\n    const machineProps = this.getMachineProps(props)\n    this._machine = new VanillaMachine(machineDef, machineProps)\n\n    // Patch scope.getById: Zag uses IDs like \"tags-input:xyz:...\" for DOM\n    // lookups, but _applyAllSpreads restores compiler binding IDs on elements.\n    // The mapping lets Zag find elements by their expected Zag IDs.\n    const zagIdMap = this._zagIdMap\n    const origGetById = this._machine.scope.getById\n    this._machine.scope.getById = ((id: string) => {\n      return origGetById(id) || zagIdMap.get(id) || null\n    }) as typeof origGetById\n\n    this._machine.start()\n\n    this._api = this.connectApi(this._machine.service)\n    this.syncState(this._api)\n\n    this._machine.subscribe(() => {\n      if (!this._machine) return\n      this._api = this.connectApi(this._machine.service)\n      this._scheduleSpreadApplication()\n    })\n  }\n\n  _syncMachineProps() {\n    const machine = this._machine as any\n    if (!machine?.userPropsRef) return\n    const next = this.getMachineProps(this.props)\n    machine.userPropsRef.current = next\n    this._api = this.connectApi(this._machine!.service)\n    this._scheduleSpreadApplication()\n  }\n\n  [GEA_UPDATE_PROPS](nextProps: Record<string, any>) {\n    // @ts-ignore — symbol method signature mismatch across packages\n    super[GEA_UPDATE_PROPS](nextProps)\n    this._syncMachineProps()\n  }\n\n  _scheduleSpreadApplication() {\n    if (this._spreadScheduled) return\n    this._spreadScheduled = true\n    queueMicrotask(() => {\n      this._spreadScheduled = false\n      this._applyAllSpreads()\n    })\n  }\n\n  _resolveProps(getter: PropsGetter, el: Element): Record<string, any> | null {\n    if (typeof getter === 'function') {\n      return getter(this._api, el)\n    }\n    const method = this._api[getter]\n    if (typeof method !== 'function') return null\n    return method.call(this._api)\n  }\n\n  _queryAllIncludingSelf(selector: string): Element[] {\n    const results = this.$$(selector)\n    const root = this.el\n    if (root && root.matches(selector) && !results.includes(root)) {\n      results.unshift(root)\n    }\n    return results\n  }\n\n  _applyAllSpreads() {\n    if (!this.rendered || !this._api) return\n    const map = this.getSpreadMap()\n\n    for (const selector in map) {\n      const getter = map[selector]\n\n      let elements = this._elementCache.get(selector)\n      if (!elements) {\n        elements = this._queryAllIncludingSelf(selector)\n        this._elementCache.set(selector, elements)\n      }\n\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i]\n        const key = selector + ':' + i\n        const nextProps = this._resolveProps(getter, el)\n        if (!nextProps) continue\n\n        // Preserve compiled binding IDs: Zag's spreadProps overrides element\n        // IDs, but the compiler's observers rely on getElementById with binding\n        // IDs. We restore the binding ID and store the Zag ID in _zagIdMap so\n        // scope.getById (patched in created()) can still find elements.\n        // Note: we never clear _zagIdMap here because spreadProps caches\n        // previous attrs and skips unchanged values — on subsequent calls the\n        // ID won't be re-set, so we'd lose the mapping.\n        const bindingId = el.id\n        const cleanup = spreadProps(el, nextProps)\n        if (bindingId && el.id !== bindingId) {\n          this._zagIdMap.set(el.id, el)\n          el.id = bindingId\n        }\n        this._spreadCleanups.set(key, cleanup)\n      }\n    }\n  }\n\n  [GEA_SYNC_MAP](idx: number) {\n    // @ts-ignore — symbol method signature mismatch across packages\n    super[GEA_SYNC_MAP](idx)\n    this._elementCache.clear()\n    // After the map syncs new/updated DOM items, Zag spreads must be\n    // re-applied because createItemFn produces elements without Zag's\n    // event handlers and attributes.\n    this._scheduleSpreadApplication()\n  }\n\n  onAfterRender() {\n    this._cacheArrayContainers()\n    this._elementCache.clear()\n    this._applyAllSpreads()\n  }\n\n  _cacheArrayContainers() {\n    const maps = (this as any)[GEA_MAPS]\n    if (!maps) return\n    for (const idx in maps) {\n      const map = maps[idx]\n      map.container = map.getContainer()\n      if (map.container) (this as any)[map.containerProp] = map.container\n    }\n  }\n\n  dispose() {\n    for (const cleanup of this._spreadCleanups.values()) {\n      cleanup()\n    }\n    this._spreadCleanups.clear()\n\n    if (this._machine) {\n      this._machine.stop()\n      this._machine = null\n    }\n    this._api = null\n    this._zagIdMap?.clear()\n    this._elementCache?.clear()\n\n    super.dispose()\n  }\n\n  static normalizeProps = normalizeProps\n}\n"],"mappings":";;;AAUA,IAAqB,eAArB,cAAuE,UAAa;CAQlF,cAAc,QAAkB;AAC9B,SAAO;;CAGT,gBAAgB,QAAkB;AAChC,SAAO,EAAE;;CAGX,WAAW,UAAoB;AAC7B,SAAO;;CAGT,eAAe;AACb,SAAO,EAAE;;CAGX,UAAU,MAAiB;CAE3B,QAAQ,OAAU;AAChB,MAAI,CAAC,KAAK,gBAAiB,MAAK,kCAAkB,IAAI,KAAK;AAC3D,MAAI,KAAK,qBAAqB,KAAA,EAAW,MAAK,mBAAmB;AACjE,MAAI,CAAC,KAAK,UAAW,MAAK,4BAAY,IAAI,KAAK;AAC/C,MAAI,CAAC,KAAK,cAAe,MAAK,gCAAgB,IAAI,KAAK;EAEvD,MAAM,aAAa,KAAK,cAAc,MAAM;AAC5C,MAAI,CAAC,WAAY;AAGjB,OAAK,WAAW,IAAI,eAAe,YADd,KAAK,gBAAgB,MAAM,CACY;EAK5D,MAAM,WAAW,KAAK;EACtB,MAAM,cAAc,KAAK,SAAS,MAAM;AACxC,OAAK,SAAS,MAAM,YAAY,OAAe;AAC7C,UAAO,YAAY,GAAG,IAAI,SAAS,IAAI,GAAG,IAAI;;AAGhD,OAAK,SAAS,OAAO;AAErB,OAAK,OAAO,KAAK,WAAW,KAAK,SAAS,QAAQ;AAClD,OAAK,UAAU,KAAK,KAAK;AAEzB,OAAK,SAAS,gBAAgB;AAC5B,OAAI,CAAC,KAAK,SAAU;AACpB,QAAK,OAAO,KAAK,WAAW,KAAK,SAAS,QAAQ;AAClD,QAAK,4BAA4B;IACjC;;CAGJ,oBAAoB;EAClB,MAAM,UAAU,KAAK;AACrB,MAAI,CAAC,SAAS,aAAc;EAC5B,MAAM,OAAO,KAAK,gBAAgB,KAAK,MAAM;AAC7C,UAAQ,aAAa,UAAU;AAC/B,OAAK,OAAO,KAAK,WAAW,KAAK,SAAU,QAAQ;AACnD,OAAK,4BAA4B;;CAGnC,CAAC,kBAAkB,WAAgC;AAEjD,QAAM,kBAAkB,UAAU;AAClC,OAAK,mBAAmB;;CAG1B,6BAA6B;AAC3B,MAAI,KAAK,iBAAkB;AAC3B,OAAK,mBAAmB;AACxB,uBAAqB;AACnB,QAAK,mBAAmB;AACxB,QAAK,kBAAkB;IACvB;;CAGJ,cAAc,QAAqB,IAAyC;AAC1E,MAAI,OAAO,WAAW,WACpB,QAAO,OAAO,KAAK,MAAM,GAAG;EAE9B,MAAM,SAAS,KAAK,KAAK;AACzB,MAAI,OAAO,WAAW,WAAY,QAAO;AACzC,SAAO,OAAO,KAAK,KAAK,KAAK;;CAG/B,uBAAuB,UAA6B;EAClD,MAAM,UAAU,KAAK,GAAG,SAAS;EACjC,MAAM,OAAO,KAAK;AAClB,MAAI,QAAQ,KAAK,QAAQ,SAAS,IAAI,CAAC,QAAQ,SAAS,KAAK,CAC3D,SAAQ,QAAQ,KAAK;AAEvB,SAAO;;CAGT,mBAAmB;AACjB,MAAI,CAAC,KAAK,YAAY,CAAC,KAAK,KAAM;EAClC,MAAM,MAAM,KAAK,cAAc;AAE/B,OAAK,MAAM,YAAY,KAAK;GAC1B,MAAM,SAAS,IAAI;GAEnB,IAAI,WAAW,KAAK,cAAc,IAAI,SAAS;AAC/C,OAAI,CAAC,UAAU;AACb,eAAW,KAAK,uBAAuB,SAAS;AAChD,SAAK,cAAc,IAAI,UAAU,SAAS;;AAG5C,QAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;IACxC,MAAM,KAAK,SAAS;IACpB,MAAM,MAAM,WAAW,MAAM;IAC7B,MAAM,YAAY,KAAK,cAAc,QAAQ,GAAG;AAChD,QAAI,CAAC,UAAW;IAShB,MAAM,YAAY,GAAG;IACrB,MAAM,UAAU,YAAY,IAAI,UAAU;AAC1C,QAAI,aAAa,GAAG,OAAO,WAAW;AACpC,UAAK,UAAU,IAAI,GAAG,IAAI,GAAG;AAC7B,QAAG,KAAK;;AAEV,SAAK,gBAAgB,IAAI,KAAK,QAAQ;;;;CAK5C,CAAC,cAAc,KAAa;AAE1B,QAAM,cAAc,IAAI;AACxB,OAAK,cAAc,OAAO;AAI1B,OAAK,4BAA4B;;CAGnC,gBAAgB;AACd,OAAK,uBAAuB;AAC5B,OAAK,cAAc,OAAO;AAC1B,OAAK,kBAAkB;;CAGzB,wBAAwB;EACtB,MAAM,OAAQ,KAAa;AAC3B,MAAI,CAAC,KAAM;AACX,OAAK,MAAM,OAAO,MAAM;GACtB,MAAM,MAAM,KAAK;AACjB,OAAI,YAAY,IAAI,cAAc;AAClC,OAAI,IAAI,UAAY,MAAa,IAAI,iBAAiB,IAAI;;;CAI9D,UAAU;AACR,OAAK,MAAM,WAAW,KAAK,gBAAgB,QAAQ,CACjD,UAAS;AAEX,OAAK,gBAAgB,OAAO;AAE5B,MAAI,KAAK,UAAU;AACjB,QAAK,SAAS,MAAM;AACpB,QAAK,WAAW;;AAElB,OAAK,OAAO;AACZ,OAAK,WAAW,OAAO;AACvB,OAAK,eAAe,OAAO;AAE3B,QAAM,SAAS;;;wBAGO"}
+{"version":3,"file":"zag-component.mjs","names":[],"sources":["../src/primitives/zag-component.ts"],"sourcesContent":["import { Component, GEA_ON_PROP_CHANGE } from '@geajs/core'\nimport { VanillaMachine, normalizeProps, spreadProps } from '@zag-js/vanilla'\n\n/**\n * Under the closure-compiled runtime there is no `[GEA_MAPS]` registry on the\n * component. Zag integration now uses `registerListState(listId, state)` /\n * `onItemSync(listId, idx)` hooks that the compiled `keyedList` call invokes.\n * We keep a local Map of list states keyed by the compiler's listId string.\n */\ninterface ListStateRecord {\n  container: Element\n  containerProp?: string\n  getContainer?: () => Element\n}\n\ntype SpreadCleanup = () => void\ntype PropsGetter = string | ((api: any, el: Element) => Record<string, any>)\n\nexport interface SpreadMap {\n  [selector: string]: PropsGetter\n}\n\nexport default class ZagComponent<P = Record<string, unknown>> extends Component<P> {\n  declare _machine: VanillaMachine<any> | null\n  declare _api: any\n  // Initialize fields eagerly — under the closure-compiled runtime, `created()`\n  // may be called AFTER `[GEA_CREATE_TEMPLATE]`, which references these caches.\n  _spreadCleanups: Map<string, SpreadCleanup> = new Map()\n  _spreadScheduled: boolean = false\n  _zagIdMap: Map<string, Element> = new Map()\n  _elementCache: Map<string, Element[]> = new Map()\n\n  createMachine(_props: any): any {\n    return null\n  }\n\n  getMachineProps(_props: any): any {\n    return {}\n  }\n\n  connectApi(_service: any): any {\n    return null\n  }\n\n  getSpreadMap() {\n    return {}\n  }\n\n  syncState(_api: any): void {}\n\n  created(props: P) {\n    if (!this._spreadCleanups) this._spreadCleanups = new Map()\n    if (this._spreadScheduled === undefined) this._spreadScheduled = false\n    if (!this._zagIdMap) this._zagIdMap = new Map()\n    if (!this._elementCache) this._elementCache = new Map()\n\n    const machineDef = this.createMachine(props)\n    if (!machineDef) return\n\n    const machineProps = this.getMachineProps(props)\n    this._machine = new VanillaMachine(machineDef, machineProps)\n\n    // Patch scope.getById: Zag uses IDs like \"tags-input:xyz:...\" for DOM\n    // lookups, but _applyAllSpreads restores compiler binding IDs on elements.\n    // The mapping lets Zag find elements by their expected Zag IDs.\n    const zagIdMap = this._zagIdMap\n    const origGetById = this._machine.scope.getById\n    this._machine.scope.getById = ((id: string) => {\n      return origGetById(id) || zagIdMap.get(id) || null\n    }) as typeof origGetById\n\n    this._machine.start()\n\n    this._api = this.connectApi(this._machine.service)\n    this.syncState(this._api)\n\n    this._machine.subscribe(() => {\n      if (!this._machine) return\n      this._api = this.connectApi(this._machine.service)\n      this._scheduleSpreadApplication()\n    })\n  }\n\n  _syncMachineProps() {\n    const machine = this._machine as any\n    if (!machine?.userPropsRef) return\n    const next = this.getMachineProps(this.props)\n    machine.userPropsRef.current = next\n    this._api = this.connectApi(this._machine!.service)\n    this._scheduleSpreadApplication()\n  }\n\n  [GEA_ON_PROP_CHANGE](_key: string, _next: unknown) {\n    this._syncMachineProps()\n  }\n\n  _scheduleSpreadApplication() {\n    if (this._spreadScheduled) return\n    this._spreadScheduled = true\n    queueMicrotask(() => {\n      this._spreadScheduled = false\n      this._applyAllSpreads()\n    })\n  }\n\n  _resolveProps(getter: PropsGetter, el: Element): Record<string, any> | null {\n    if (typeof getter === 'function') {\n      return getter(this._api, el)\n    }\n    const method = this._api[getter]\n    if (typeof method !== 'function') return null\n    return method.call(this._api)\n  }\n\n  _queryAllIncludingSelf(selector: string): Element[] {\n    const results = this.$$(selector)\n    const root = this.el\n    if (root && root.matches(selector) && !results.includes(root)) {\n      results.unshift(root)\n    }\n    // Exclude elements that live inside ANOTHER component's subtree. Every\n    // mounted Gea component tags its root element with `GEA_DOM_COMPONENT`\n    // (Symbol.for('gea.dom.component')). Walking up from each match toward\n    // `root`, if we cross a tagged element whose component !== this, that\n    // match belongs to a nested component — skip it. Prevents a parent\n    // ZagComponent (e.g. Dialog) from clobbering child-Zag parts like\n    // `[data-part=\"trigger\"]` shared by Select/Menu/Tabs, which live inside\n    // a slot (`props.children`) and aren't tracked in `this._cc`.\n    const COMP = Symbol.for('gea.dom.component')\n    if (!root) return results\n    const filtered: Element[] = []\n    for (const el of results) {\n      let cur: Element | null = el\n      let foreign = false\n      while (cur && cur !== root) {\n        const owner = (cur as any)[COMP]\n        if (owner && owner !== this) {\n          foreign = true\n          break\n        }\n        cur = cur.parentElement\n      }\n      if (!foreign) filtered.push(el)\n    }\n    return filtered\n  }\n\n  _applyAllSpreads() {\n    if (!this.rendered || !this._api) return\n    const map = this.getSpreadMap()\n\n    for (const selector in map) {\n      const getter = map[selector]\n\n      let elements = this._elementCache.get(selector)\n      if (!elements) {\n        elements = this._queryAllIncludingSelf(selector)\n        this._elementCache.set(selector, elements)\n      }\n\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i]\n        const key = selector + ':' + i\n        const nextProps = this._resolveProps(getter, el)\n        if (!nextProps) continue\n\n        // Preserve compiled binding IDs: Zag's spreadProps overrides element\n        // IDs, but the compiler's observers rely on getElementById with binding\n        // IDs. We restore the binding ID and store the Zag ID in _zagIdMap so\n        // scope.getById (patched in created()) can still find elements.\n        // Note: we never clear _zagIdMap here because spreadProps caches\n        // previous attrs and skips unchanged values — on subsequent calls the\n        // ID won't be re-set, so we'd lose the mapping.\n        const bindingId = el.id\n        const cleanup = spreadProps(el, nextProps)\n        if (bindingId && el.id !== bindingId) {\n          this._zagIdMap.set(el.id, el)\n          el.id = bindingId\n        }\n        this._spreadCleanups.set(key, cleanup)\n      }\n    }\n  }\n\n  /** Compiled keyedList calls this on the owner after each reconciliation. */\n  onItemSync(_listId: string, _idx: number) {\n    this._elementCache.clear()\n    this._scheduleSpreadApplication()\n  }\n\n  /** Compiled keyedList calls this once per list at construction. */\n  registerListState(listId: string, state: ListStateRecord) {\n    if (!this._listStates) this._listStates = new Map()\n    this._listStates.set(listId, state)\n  }\n\n  unregisterListState(listId: string) {\n    this._listStates?.delete(listId)\n  }\n\n  declare _listStates: Map<string, ListStateRecord>\n\n  onAfterRender() {\n    this._cacheArrayContainers()\n    this._elementCache.clear()\n    // If the machine was stopped (parent conditional removed this component's\n    // subtree) and the subtree is now re-shown, re-create the Zag machine\n    // so spread props + event handlers work again.\n    if ((this as any)._machineStopped && !this._machine) {\n      ;(this as any)._machineStopped = false\n      try {\n        this.created(this.props)\n      } catch {\n        /* isolated */\n      }\n    }\n    this._applyAllSpreads()\n  }\n\n  _cacheArrayContainers() {\n    if (!this._listStates) return\n    for (const state of this._listStates.values()) {\n      if (state.getContainer) state.container = state.getContainer()\n      if (state.container && state.containerProp) (this as any)[state.containerProp] = state.container\n    }\n  }\n\n  /** Stop the Zag machine + spread cleanups without fully disposing the\n   *  component. Invoked when a parent conditional slot removes this\n   *  component's DOM subtree so side effects on `<html>` (pointer-events,\n   *  aria-hidden, scroll lock) are restored. The component instance stays\n   *  alive so it can re-render if the conditional becomes truthy again. */\n  _stopMachine() {\n    for (const cleanup of this._spreadCleanups.values()) {\n      try {\n        cleanup()\n      } catch {\n        /* isolated */\n      }\n    }\n    this._spreadCleanups.clear()\n    if (this._machine) {\n      try {\n        this._machine.stop()\n      } catch {\n        /* isolated */\n      }\n      this._machine = null\n    }\n    this._api = null\n    this._zagIdMap?.clear()\n    this._elementCache?.clear()\n  }\n\n  dispose() {\n    this._stopMachine()\n    super.dispose()\n  }\n\n  static normalizeProps = normalizeProps\n}\n"],"mappings":";;;AAsBA,IAAqB,eAArB,cAAuE,UAAa;;;yCAKpC,IAAI,KAAK;0BAC3B;mCACM,IAAI,KAAK;uCACH,IAAI,KAAK;;CAEjD,cAAc,QAAkB;AAC9B,SAAO;;CAGT,gBAAgB,QAAkB;AAChC,SAAO,EAAE;;CAGX,WAAW,UAAoB;AAC7B,SAAO;;CAGT,eAAe;AACb,SAAO,EAAE;;CAGX,UAAU,MAAiB;CAE3B,QAAQ,OAAU;AAChB,MAAI,CAAC,KAAK,gBAAiB,MAAK,kCAAkB,IAAI,KAAK;AAC3D,MAAI,KAAK,qBAAqB,KAAA,EAAW,MAAK,mBAAmB;AACjE,MAAI,CAAC,KAAK,UAAW,MAAK,4BAAY,IAAI,KAAK;AAC/C,MAAI,CAAC,KAAK,cAAe,MAAK,gCAAgB,IAAI,KAAK;EAEvD,MAAM,aAAa,KAAK,cAAc,MAAM;AAC5C,MAAI,CAAC,WAAY;EAEjB,MAAM,eAAe,KAAK,gBAAgB,MAAM;AAChD,OAAK,WAAW,IAAI,eAAe,YAAY,aAAa;EAK5D,MAAM,WAAW,KAAK;EACtB,MAAM,cAAc,KAAK,SAAS,MAAM;AACxC,OAAK,SAAS,MAAM,YAAY,OAAe;AAC7C,UAAO,YAAY,GAAG,IAAI,SAAS,IAAI,GAAG,IAAI;;AAGhD,OAAK,SAAS,OAAO;AAErB,OAAK,OAAO,KAAK,WAAW,KAAK,SAAS,QAAQ;AAClD,OAAK,UAAU,KAAK,KAAK;AAEzB,OAAK,SAAS,gBAAgB;AAC5B,OAAI,CAAC,KAAK,SAAU;AACpB,QAAK,OAAO,KAAK,WAAW,KAAK,SAAS,QAAQ;AAClD,QAAK,4BAA4B;IACjC;;CAGJ,oBAAoB;EAClB,MAAM,UAAU,KAAK;AACrB,MAAI,CAAC,SAAS,aAAc;EAC5B,MAAM,OAAO,KAAK,gBAAgB,KAAK,MAAM;AAC7C,UAAQ,aAAa,UAAU;AAC/B,OAAK,OAAO,KAAK,WAAW,KAAK,SAAU,QAAQ;AACnD,OAAK,4BAA4B;;CAGnC,CAAC,oBAAoB,MAAc,OAAgB;AACjD,OAAK,mBAAmB;;CAG1B,6BAA6B;AAC3B,MAAI,KAAK,iBAAkB;AAC3B,OAAK,mBAAmB;AACxB,uBAAqB;AACnB,QAAK,mBAAmB;AACxB,QAAK,kBAAkB;IACvB;;CAGJ,cAAc,QAAqB,IAAyC;AAC1E,MAAI,OAAO,WAAW,WACpB,QAAO,OAAO,KAAK,MAAM,GAAG;EAE9B,MAAM,SAAS,KAAK,KAAK;AACzB,MAAI,OAAO,WAAW,WAAY,QAAO;AACzC,SAAO,OAAO,KAAK,KAAK,KAAK;;CAG/B,uBAAuB,UAA6B;EAClD,MAAM,UAAU,KAAK,GAAG,SAAS;EACjC,MAAM,OAAO,KAAK;AAClB,MAAI,QAAQ,KAAK,QAAQ,SAAS,IAAI,CAAC,QAAQ,SAAS,KAAK,CAC3D,SAAQ,QAAQ,KAAK;EAUvB,MAAM,OAAO,OAAO,IAAI,oBAAoB;AAC5C,MAAI,CAAC,KAAM,QAAO;EAClB,MAAM,WAAsB,EAAE;AAC9B,OAAK,MAAM,MAAM,SAAS;GACxB,IAAI,MAAsB;GAC1B,IAAI,UAAU;AACd,UAAO,OAAO,QAAQ,MAAM;IAC1B,MAAM,QAAS,IAAY;AAC3B,QAAI,SAAS,UAAU,MAAM;AAC3B,eAAU;AACV;;AAEF,UAAM,IAAI;;AAEZ,OAAI,CAAC,QAAS,UAAS,KAAK,GAAG;;AAEjC,SAAO;;CAGT,mBAAmB;AACjB,MAAI,CAAC,KAAK,YAAY,CAAC,KAAK,KAAM;EAClC,MAAM,MAAM,KAAK,cAAc;AAE/B,OAAK,MAAM,YAAY,KAAK;GAC1B,MAAM,SAAS,IAAI;GAEnB,IAAI,WAAW,KAAK,cAAc,IAAI,SAAS;AAC/C,OAAI,CAAC,UAAU;AACb,eAAW,KAAK,uBAAuB,SAAS;AAChD,SAAK,cAAc,IAAI,UAAU,SAAS;;AAG5C,QAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;IACxC,MAAM,KAAK,SAAS;IACpB,MAAM,MAAM,WAAW,MAAM;IAC7B,MAAM,YAAY,KAAK,cAAc,QAAQ,GAAG;AAChD,QAAI,CAAC,UAAW;IAShB,MAAM,YAAY,GAAG;IACrB,MAAM,UAAU,YAAY,IAAI,UAAU;AAC1C,QAAI,aAAa,GAAG,OAAO,WAAW;AACpC,UAAK,UAAU,IAAI,GAAG,IAAI,GAAG;AAC7B,QAAG,KAAK;;AAEV,SAAK,gBAAgB,IAAI,KAAK,QAAQ;;;;;CAM5C,WAAW,SAAiB,MAAc;AACxC,OAAK,cAAc,OAAO;AAC1B,OAAK,4BAA4B;;;CAInC,kBAAkB,QAAgB,OAAwB;AACxD,MAAI,CAAC,KAAK,YAAa,MAAK,8BAAc,IAAI,KAAK;AACnD,OAAK,YAAY,IAAI,QAAQ,MAAM;;CAGrC,oBAAoB,QAAgB;AAClC,OAAK,aAAa,OAAO,OAAO;;CAKlC,gBAAgB;AACd,OAAK,uBAAuB;AAC5B,OAAK,cAAc,OAAO;AAI1B,MAAK,KAAa,mBAAmB,CAAC,KAAK,UAAU;AACjD,QAAa,kBAAkB;AACjC,OAAI;AACF,SAAK,QAAQ,KAAK,MAAM;WAClB;;AAIV,OAAK,kBAAkB;;CAGzB,wBAAwB;AACtB,MAAI,CAAC,KAAK,YAAa;AACvB,OAAK,MAAM,SAAS,KAAK,YAAY,QAAQ,EAAE;AAC7C,OAAI,MAAM,aAAc,OAAM,YAAY,MAAM,cAAc;AAC9D,OAAI,MAAM,aAAa,MAAM,cAAgB,MAAa,MAAM,iBAAiB,MAAM;;;;;;;;CAS3F,eAAe;AACb,OAAK,MAAM,WAAW,KAAK,gBAAgB,QAAQ,CACjD,KAAI;AACF,YAAS;UACH;AAIV,OAAK,gBAAgB,OAAO;AAC5B,MAAI,KAAK,UAAU;AACjB,OAAI;AACF,SAAK,SAAS,MAAM;WACd;AAGR,QAAK,WAAW;;AAElB,OAAK,OAAO;AACZ,OAAK,WAAW,OAAO;AACvB,OAAK,eAAe,OAAO;;CAG7B,UAAU;AACR,OAAK,cAAc;AACnB,QAAM,SAAS;;;wBAGO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geajs/ui",
-  "version": "0.2.3",
+  "version": "0.2.9",
   "description": "Accessible UI components for Gea, powered by Zag.js state machines and styled with Tailwind CSS",
   "type": "module",
   "main": "dist/index.mjs",
@@ -39,7 +39,8 @@
   ],
   "scripts": {
     "build": "tsdown --config-loader unrun",
-    "build:docs": "vite build --config ../../examples/docs/vite.config.prod.ts"
+    "build:docs": "vite build --config ../../examples/docs/vite.config.prod.ts",
+    "test": "tsx --conditions source --test tests/*.test.ts"
   },
   "publishConfig": {
     "access": "public"
@@ -84,12 +85,11 @@
     "tailwind-merge": "^3.0.0"
   },
   "devDependencies": {
-    "@types/react": "^19.0.0",
     "@playwright/test": "^1.58.2",
     "@tailwindcss/vite": "^4.0.0",
     "prismjs": "^1.30.0",
     "tailwindcss": "^4.0.0",
     "tsdown": "^0.21.2",
-    "typescript": "^5.9.3"
+    "typescript": "^6.0.3"
   }
-}
+}

package/dist/cn.mjs

@@ -1,10 +0,0 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-//#region src/utils/cn.ts
-function cn(...inputs) {
-	return twMerge(clsx(inputs));
-}
-//#endregion
-export { cn as t };
-
-//# sourceMappingURL=cn.mjs.map

package/dist/cn.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"cn.mjs","names":[],"sources":["../src/utils/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/draggable.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"draggable.mjs","names":["Component","GEA_ELEMENT","GEA_ON_PROP_CHANGE","GEA_PATCH_NODE","GEA_INSTANTIATE_CHILD_COMPONENTS","GEA_MOUNT_COMPILED_CHILD_COMPONENTS","dndManager","Draggable","__geaTagName","_didDrag","_onPointerDown","e","PointerEvent","el","currentTarget","HTMLElement","closest","startTracking","props","draggableId","template","__id","id","class","trim","index","children","events","__evts","__geaEvtsResult","pointerdown","__event_pointerdown_0","click","__event_click_1","targetComponent","isDragging","preventDefault","stopPropagation","key","value","__el","__boundValue","__newClass","String","replace","className","__av","removeAttribute","__newAttr","getAttribute","setAttribute","__tw","document","createElement","innerHTML","__newEl","content","firstElementChild","__existEl","childNodes","length","constructor","parentComponent"],"sources":["../src/components/draggable.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { dndManager } from './dnd-manager'\n\nexport default class Draggable extends Component {\n  _didDrag = false\n\n  _onPointerDown(e: PointerEvent) {\n    const el = (e.currentTarget as HTMLElement).closest('.gea-draggable') as HTMLElement\n    if (!el) return\n    this._didDrag = false\n    dndManager.startTracking(e, this.props.draggableId as string, el)\n  }\n\n  template(props: any) {\n    return (\n      <div\n        class={`gea-draggable ${props.class || ''}`}\n        data-draggable-id={props.draggableId}\n        data-index={props.index}\n        pointerdown={(e: PointerEvent) => this._onPointerDown(e)}\n        click={(e: MouseEvent) => {\n          if (dndManager.isDragging) {\n            e.preventDefault()\n            e.stopPropagation()\n          }\n        }}\n      >\n        {props.children}\n      </div>\n    )\n  }\n}\n"],"mappings":";;;AAGA,IAAqBO,YAArB,cAAuCP,UAAU;;;kBACpC;;;sBADoC;;CAG/CU,eAAeC,GAAiB;EAC9B,MAAME,KAAMF,EAAEG,cAA8BE,QAAQ,iBAAiB;AACrE,MAAI,CAACH,GAAI;AACT,OAAKJ,WAAW;AAChBH,aAAWW,cAAcN,GAAG,KAAKO,MAAMC,aAAuBN,GAAG;;CAGnEO,SAASF,OAAY;AACnB,SAAA,YADmB,KAAAI,GACnB,WAEW,iBAAiBJ,MAAMK,SAAS,KAAIC,MAAA,CAAA,GACxBN,MAAMC,eAAW,QAAjBD,MAAMC,gBAAW,QAAA,KAAA,uBAAjBD,MAAMC,YAAW,KACxBD,MAAMO,SAAK,QAAXP,MAAMO,UAAK,QAAA,KAAA,gBAAXP,MAAMO,MAAK,GAAA,GAStBP,MAAMQ,SAAQ;;CAGpB,IAAAC,SAAA;AAAA,MAAA,KAAAC,UAAA,KAAA3B,aAAA,QAAA,KAAA2B;EAAA,MAAAP,OAAA,KAAAC;EAAA,MAAAO,kBAAA;GAAAC,aAAA,GAAA,IAAAT,SAAA,KAAAU,uBAAA;GAAAC,OAAA,GAAA,IAAAX,SAAA,KAAAY,iBAAA;GAAA;AAAA,MAAA,KAAAhC,aAAA,MAAA2B,SAAAC;AAAA,SAAAA;;CA7BHE,sBAAsBpB,GAAGuB,iBAAiB;AAkBA,OAAKxB,eAAeC,EAAE;;CAlBhEsB,gBAAsBtB,GAAGuB,iBAAiB;AAoBhC,MAAI5B,WAAW6B,YAAY;AACzBxB,KAAEyB,gBAAgB;AAClBzB,KAAE0B,iBAAiB;;;CAtB/B,CAAAnC,oBAAwBoC,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAvC;AAYb,QAAAiB;GAAA,MAAAuB,eAGN,iBAAiBF,SAAe;AAAI,OAAAC,MAfnD;IACM,MAAME,aADXC,OAAOF,gBAAyB,GAAG,CAAEjB,MAAM,CAACoB,QAAQ,QAAQ,IACf;AACxC,QAAIJ,KAAsBK,cAAcH,WAAYF,MAAsBK,YAAYH;;;AACvF,MAAAJ,QAAA,eAAA;GAAA,MAAAE,OAAA,KAAAvC;AAAA,OAAAuC,MAAA;IAFC,IAAIM,OAAIP;AACR,QAAIO,QAAQ,QAAQA,SAAS,MAC3BN,MAAsBO,gBAAgB,oBAAoB;SACrD;KACL,MAAMC,YAAYL,OAAOG,KAAK;AAC9B,SAAIN,KAAsBS,aAAa,oBAAoB,KAAKD,UAC9DR,MAAsBU,aAAa,qBAAqBF,UAAU;;;;AACrE,MAAAV,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAvC;AAAA,OAAAuC,MAAA;IAPD,IAAIM,OAAIP;AACR,QAAIO,QAAQ,QAAQA,SAAS,MAC3BN,MAAsBO,gBAAgB,aAAa;SAC9C;KACL,MAAMC,YAAYL,OAAOG,KAAK;AAC9B,SAAIN,KAAsBS,aAAa,aAAa,KAAKD,UACvDR,MAAsBU,aAAa,cAAcF,UAAU;;;;AAC9D,MAAAV,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAvC;AAAA,OAAAuC,MARP;IACI,MAAMW,OAAOC,SAASC,cAAc,WAAW;AAC/CF,SAAKG,YAASf;IACd,MAAMgB,UAAUJ,KAAKK,QAAQC;IAC7B,MAAMC,YAAYlB,KAAsBiB;AACxC,QAAIF,WAAWG,aAAaP,KAAKK,QAAQG,WAAWC,WAAW,EAC7D,MAAKC,YAAW1D,gBAAwBuD,WAAWH,SAAS,KAAK;aACxDf,KAAsBc,cAASf,OAA4B;AACpEC,UAAsBc,YAASf;AAC/B,UAAInC,mCAAyB;AAC7B,SAAI,KAAK0D,gBAAiB,MAAKA,gBAAezD,sCAAyB"}

package/dist/input.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.mjs","names":["Component","GEA_ELEMENT","GEA_ON_PROP_CHANGE","cn","Input","__geaTagName","template","props","__id","id","inputId","class","String","trim","type","placeholder","value","disabled","name","events","__evts","__geaEvtsResult","input","__event_input_0","e","targetComponent","onInput","key","__el","__boundValue","__newClass","replace","className","__av","removeAttribute","__newAttr","getAttribute","setAttribute"],"sources":["../src/components/input.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Input extends Component {\n  template(props: any) {\n    return (\n      <input\n        class={cn(\n          'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground 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        type={props.type || 'text'}\n        placeholder={props.placeholder}\n        value={props.value}\n        disabled={props.disabled}\n        name={props.name}\n        id={props.inputId}\n        input={(e: Event) => props.onInput?.(e)}\n      />\n    )\n  }\n}\n"],"mappings":"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"}