@geajs/ui 0.1.4 → 0.1.5

package/dist/toggle-group.mjs

@@ -0,0 +1,112 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as toggleGroup from "@zag-js/toggle-group";
+//#region src/components/toggle-group.tsx
+const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+var ToggleGroup = class extends ZagComponent {
+	createMachine(_props) {
+		return toggleGroup.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			multiple: props.multiple ?? false,
+			disabled: props.disabled,
+			orientation: props.orientation ?? "horizontal",
+			loopFocus: props.loopFocus ?? true,
+			rovingFocus: props.rovingFocus ?? true,
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return toggleGroup.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"item\"]": (api, el) => api.getItemProps({ value: el.dataset.value })
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		const items = props.items || [];
+		return `<div id="${__id}" data-part="root" class="${`toggle-group-root inline-flex rounded-md border ${props.class || ""}`.trim()}">${items.map((item) => `<button data-gea-item-id="${item?.value ?? item}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="toggle-group-item inline-flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground">${item.label}</button>`).join("") + "<!---->"}</div>`;
+	}
+	render__unresolved_0Item(item) {
+		return `<button data-gea-item-id="${item?.value ?? item}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="toggle-group-item inline-flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground">${item.label}</button>`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = 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;
+		} 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 el.setAttribute("data-value", String(__av));
+		el.textContent = `
+            ${item.label}
+          `;
+		el.setAttribute("data-gea-item-id", item?.value ?? item);
+		el.__geaItem = 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 row.setAttribute("data-value", String(__av));
+		row.textContent = `
+            ${item.label}
+          `;
+		row.setAttribute("data-gea-item-id", item?.value ?? item);
+		row.__geaItem = item;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = `toggle-group-root inline-flex rounded-md border ${value || ""}`;
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "items") this.__geaSyncMap(0);
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => this.$(":scope"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item), "value");
+	}
+};
+//#endregion
+export { ToggleGroup as default };
+
+//# sourceMappingURL=toggle-group.mjs.map

package/dist/toggle-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.mjs","names":["__v","v","valueOf","Component","toggleGroup","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","ToggleGroup","value","createMachine","_props","machine","getMachineProps","props","id","defaultValue","multiple","disabled","orientation","loopFocus","rovingFocus","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","HTMLElement","dataset","syncState","template","__id","_register","items","class","trim","map","item","label","join","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","__err","console","error","cloneNode","__fw","__av","removeAttribute","setAttribute","String","textContent","__geaItem","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaSyncMap","__observe_local_props","createdHooks","__geaRegisterMap","$","__item","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"sources":["../src/components/toggle-group.tsx"],"sourcesContent":["import * as toggleGroup from '@zag-js/toggle-group'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class ToggleGroup extends ZagComponent {\n  declare value: string[]\n\n  createMachine(_props: any): any {\n    return toggleGroup.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      multiple: props.multiple ?? false,\n      disabled: props.disabled,\n      orientation: props.orientation ?? 'horizontal',\n      loopFocus: props.loopFocus ?? true,\n      rovingFocus: props.rovingFocus ?? true,\n      onValueChange: (details: toggleGroup.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return toggleGroup.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"item\"]': (api, el) => api.getItemProps({ value: (el as HTMLElement).dataset.value }),\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={`toggle-group-root inline-flex rounded-md border ${props.class || ''}`}>\n        {items.map((item: any) => (\n          <button\n            key={item.value}\n            data-part=\"item\"\n            data-value={item.value}\n            class=\"toggle-group-item inline-flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\"\n          >\n            {item.label}\n          </button>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/tooltip.d.mts

@@ -0,0 +1,39 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as tooltip from "@zag-js/tooltip";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/tooltip.d.ts
+declare class Tooltip extends ZagComponent {
+  open: boolean;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    open: any;
+    defaultOpen: any;
+    openDelay: any;
+    closeDelay: any;
+    closeOnPointerDown: any;
+    closeOnEscape: any;
+    closeOnScroll: any;
+    interactive: any;
+    disabled: any;
+    positioning: any;
+    'aria-label': any;
+    onOpenChange: (details: tooltip.OpenChangeDetails) => void;
+  };
+  connectApi(service: any): tooltip.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="trigger"]': string;
+    '[data-part="positioner"]': string;
+    '[data-part="content"]': string;
+    '[data-part="arrow"]': string;
+    '[data-part="arrow-tip"]': string;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { Tooltip as default };
+//# sourceMappingURL=tooltip.d.mts.map

package/dist/tooltip.mjs

@@ -0,0 +1,83 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as tooltip from "@zag-js/tooltip";
+//#region src/components/tooltip.tsx
+var Tooltip = class extends ZagComponent {
+	createMachine(_props) {
+		return tooltip.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			openDelay: props.openDelay ?? 400,
+			closeDelay: props.closeDelay ?? 150,
+			closeOnPointerDown: props.closeOnPointerDown ?? true,
+			closeOnEscape: props.closeOnEscape ?? true,
+			closeOnScroll: props.closeOnScroll ?? true,
+			interactive: props.interactive ?? false,
+			disabled: props.disabled,
+			positioning: props.positioning,
+			"aria-label": props["aria-label"],
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return tooltip.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"positioner\"]": "getPositionerProps",
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"arrow\"]": "getArrowProps",
+			"[data-part=\"arrow-tip\"]": "getArrowTipProps"
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		return `<div id="${__id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`} style="display: inline-block"><div id="${__id + "-b1"}" data-part="trigger" class="tooltip-trigger" style="display: inline-block">${props.children}</div><div data-part="positioner" class="tooltip-positioner"><div id="${__id + "-b2"}" data-part="content" class="tooltip-content z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-md">${props.content}</div></div></div>`;
+	}
+	__onPropChange(key, value) {
+		const __id = this.id;
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "children") {
+			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+		if (key === "content") {
+			const __el = this.__e1 || (this.__e1 = document.getElementById(__id + "-b2"));
+			if (__el && __el.textContent !== value) __el.textContent = value;
+		}
+	}
+	__resetEls() {
+		this.__e0 = null;
+		this.__e1 = null;
+	}
+};
+//#endregion
+export { Tooltip as default };
+
+//# sourceMappingURL=tooltip.mjs.map

package/dist/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","names":["tooltip","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Tooltip","open","createMachine","_props","machine","getMachineProps","props","id","defaultOpen","openDelay","closeDelay","closeOnPointerDown","closeOnEscape","closeOnScroll","interactive","disabled","positioning","onOpenChange","details","OpenChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","String","trim","children","content","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","__e0","document","getElementById","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","__e1","textContent","__resetEls","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"sources":["../src/components/tooltip.tsx"],"sourcesContent":["import * as tooltip from '@zag-js/tooltip'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Tooltip extends ZagComponent {\n  declare open: boolean\n\n  createMachine(_props: any): any {\n    return tooltip.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      openDelay: props.openDelay ?? 400,\n      closeDelay: props.closeDelay ?? 150,\n      closeOnPointerDown: props.closeOnPointerDown ?? true,\n      closeOnEscape: props.closeOnEscape ?? true,\n      closeOnScroll: props.closeOnScroll ?? true,\n      interactive: props.interactive ?? false,\n      disabled: props.disabled,\n      positioning: props.positioning,\n      'aria-label': props['aria-label'],\n      onOpenChange: (details: tooltip.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return tooltip.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"positioner\"]': 'getPositionerProps',\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"arrow\"]': 'getArrowProps',\n      '[data-part=\"arrow-tip\"]': 'getArrowTipProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n  }\n\n  template(props: any) {\n    return (\n      <div class={props.class || ''} style={{ display: 'inline-block' }}>\n        <div data-part=\"trigger\" class=\"tooltip-trigger\" style={{ display: 'inline-block' }}>\n          {props.children}\n        </div>\n        <div data-part=\"positioner\" class=\"tooltip-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"tooltip-content z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-md\"\n          >\n            {props.content}\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;;AAIA,IAAqBO,UAArB,cAAqCL,aAAa;CAGhDO,cAAcC,QAAkB;AAC9B,SAAOV,QAAQW;;CAGjBC,gBAAgBC,OAAY;AAC1B,SAAO;GACLC,IAAI,KAAKA;GACTN,MAAMK,MAAML;GACZO,aAAaF,MAAME;GACnBC,WAAWH,MAAMG,aAAa;GAC9BC,YAAYJ,MAAMI,cAAc;GAChCC,oBAAoBL,MAAMK,sBAAsB;GAChDC,eAAeN,MAAMM,iBAAiB;GACtCC,eAAeP,MAAMO,iBAAiB;GACtCC,aAAaR,MAAMQ,eAAe;GAClCC,UAAUT,MAAMS;GAChBC,aAAaV,MAAMU;GACnB,cAAcV,MAAM;GACpBW,eAAeC,YAAuC;AACpD,SAAKjB,OAAOiB,QAAQjB;AACpBK,UAAMW,eAAeC,QAAQ;;GAEhC;;CAGHE,WAAWC,SAAc;AACvB,SAAO5B,QAAQ6B,QAAQD,SAAS3B,eAAe;;CAGjD6B,eAAe;AACb,SAAO;GACL,2BAAyB;GACzB,8BAA4B;GAC5B,2BAAyB;GACzB,yBAAuB;GACvB,6BAA2B;GAC5B;;CAGHC,UAAUC,KAAU;AAClB,OAAKxB,OAAOwB,IAAIxB;;CAGlByB,SAASpB,OAAY;EAAA,MAAAqB,OAAA,KAAApB;AAAAqB,YAAAC,UAAAlC,aAAA;AACnB,SAAA,YAAAgC,KAAA,IACcrB,MAAMwB,SAAS,OAAE,SAAjBxB,MAAMwB,SAAS,QAAE,QAAA,KAAA,aAAjBxB,MAAMwB,SAAS,OAAE,OAAAC,OAAjBzB,MAAMwB,SAAS,GAAE,GAAA,IAAAE,MAAA,CAAA,GAAA,0CAAAL,OAAA,MAAA,8EAExBrB,MAAM2B,SAAQ,wEAAAN,OAAA,MAAA,iJAOZrB,MAAM4B,QAAO;;CA5D1BC,eAAsBC,KAAKC,OAAK;EAAA,MAAAV,OAAA,KAAApB;AAAA,MAAA6B,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAiDX,QAAAjC;GAAA,MAAAkC,eAAAH,SAEY;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAT,OAAAS,aAAA,GAAA,IAAAR,MAAA;AAAA,QAAAM,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAK,SAAA,KAAAA,OAAAC,SAAAC,eAAAlB,OAAA,MAAA;AAAA,OAAAW,QAAAA,KAAAQ,cAAAT,OAAA;AAAAC,SAAAQ,YAAAT;AAAA,SAAAU,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA;;;AAAA,MAAAb,QAAA,WAAA;GAAA,MAAAE,OAAA,KAAAY,SAAA,KAAAA,OAAAN,SAAAC,eAAAlB,OAAA,MAAA;AAAA,OAAAW,QAAAA,KAAAa,gBAAAd,MAAAC,MAAAa,cAAAd;;;CAnDCe,aAAA;AAAA,OAAAT,OAAA;AAAA,OAAAO,OAAA"}

package/dist/tree-view.d.mts

@@ -0,0 +1,35 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as treeView from "@zag-js/tree-view";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/tree-view.d.ts
+declare class TreeView extends ZagComponent {
+  selectedValue: string[];
+  expandedValue: string[];
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    collection: any;
+    selectedValue: any;
+    defaultSelectedValue: any;
+    expandedValue: any;
+    defaultExpandedValue: any;
+    selectionMode: any;
+    expandOnClick: any;
+    onSelectionChange: (details: treeView.SelectionChangeDetails) => void;
+    onExpandedChange: (details: treeView.ExpandedChangeDetails) => void;
+  };
+  connectApi(service: any): treeView.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>, any>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="tree"]': string;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { TreeView as default };
+//# sourceMappingURL=tree-view.d.mts.map

package/dist/tree-view.mjs

@@ -0,0 +1,92 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as treeView from "@zag-js/tree-view";
+//#region src/components/tree-view.tsx
+var TreeView = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.selectedValue = [];
+		this.expandedValue = [];
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(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">${this.props.label}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return treeView.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			collection: props.collection,
+			selectedValue: props.selectedValue,
+			defaultSelectedValue: props.defaultSelectedValue,
+			expandedValue: props.expandedValue,
+			defaultExpandedValue: props.defaultExpandedValue,
+			selectionMode: props.selectionMode ?? "single",
+			expandOnClick: props.expandOnClick ?? true,
+			onSelectionChange: (details) => {
+				this.selectedValue = details.selectedValue;
+				props.onSelectionChange?.(details);
+			},
+			onExpandedChange: (details) => {
+				this.expandedValue = details.expandedValue;
+				props.onExpandedChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return treeView.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"tree\"]": "getTreeProps"
+		};
+	}
+	syncState(api) {
+		this.selectedValue = api.selectedValue;
+		this.expandedValue = api.expandedValue;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="tree-view-label text-sm font-medium mb-2 block">${props.label}</label>` || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="tree" class="tree-view-tree" role="tree">${props.children}</div></div>`;
+	}
+	__onPropChange(key, value) {
+		const __id = this.id;
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "children") {
+			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+		if (key === "label") this.__geaPatchCond(0);
+	}
+	__resetEls() {
+		this.__e0 = null;
+	}
+};
+//#endregion
+export { TreeView as default };
+
+//# sourceMappingURL=tree-view.mjs.map

package/dist/tree-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.mjs","names":["treeView","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","TreeView","constructor","args","props","__geaCond_0","label","__geaRegisterCond","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","Component","_register","class","String","trim","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","__e0","document","getElementById","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","__geaPatchCond","__resetEls","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","name","call","__origDispose","dispose"],"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,IAAqBO,WAArB,cAAsCL,aAAa;CAHnDM,YAAsB,GAAGC,MAAI;AAAA,QAAA,GAAAA,KAAA;uBAID,EAAE;uBACF,EAAE;AA4CT,OAAAC;AAAA,OAAAC,cAAA,CAAA,CAAA,KAAAD,MAGNE;AAAK,OAAAC,kBAAA,GAAA,YAAA;AAHC,QAAAH;AAAA,UAAA,KAAAA,MAGNE;WAAK;AAHC,QAAAF;AAAA,UAAA,mFAAA,KAAAA,MAKFE,MAAK;KAAA,KAAA;;CA/CtBI,cAAcC,QAAkB;AAC9B,SAAOjB,SAASkB;;CAGlBC,gBAAgBT,OAAY;AAC1B,SAAO;GACLU,IAAI,KAAKA;GACTC,YAAYX,MAAMW;GAClBP,eAAeJ,MAAMI;GACrBQ,sBAAsBZ,MAAMY;GAC5BP,eAAeL,MAAMK;GACrBQ,sBAAsBb,MAAMa;GAC5BC,eAAed,MAAMc,iBAAiB;GACtCC,eAAef,MAAMe,iBAAiB;GACtCC,oBAAoBC,YAA6C;AAC/D,SAAKb,gBAAgBa,QAAQb;AAC7BJ,UAAMgB,oBAAoBC,QAAQ;;GAEpCE,mBAAmBF,YAA4C;AAC7D,SAAKZ,gBAAgBY,QAAQZ;AAC7BL,UAAMmB,mBAAmBF,QAAQ;;GAEpC;;CAGHI,WAAWC,SAAc;AACvB,SAAOhC,SAASiC,QAAQD,SAAS/B,eAAe;;CAGlDiC,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,wBAAsB;GACvB;;CAGHC,UAAUC,KAAU;AAClB,OAAKtB,gBAAgBsB,IAAItB;AACzB,OAAKC,gBAAgBqB,IAAIrB;;CAG3BsB,SAAS3B,OAAY;EAAA,MAAA4B,OAAA,KAAAlB;AAAAmB,YAAAC,UAAAtC,aAAA;AACnB,SAAA,YAAAoC,KAAA,qBAC+B5B,MAAM+B,SAAS,OAAE,SAAjB/B,MAAM+B,SAAS,QAAE,QAAA,KAAA,aAAjB/B,MAAM+B,SAAS,OAAE,OAAAC,OAAjBhC,MAAM+B,SAAS,GAAE,GAAA,IAAAE,MAAA,CAAA,GAAA,OAAAL,OAAA,MAAA,KAC3C5B,MAAME,SAAK,mFAEPF,MAAME,MAAK,aAAA,GAAA,MAAA0B,OAAA,UAAA,cAAAA,OAAA,MAAA,wDAIb5B,MAAMkC,SAAQ;;CA1DzBC,eAAsBC,KAAKC,OAAK;EAAA,MAAAT,OAAA,KAAAlB;AAAA,MAAA0B,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAiDX,QAAAvC;GAAA,MAAAwC,eAAAH,SAE6B;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAR,OAAAQ,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAK,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAK,SAAA,KAAAA,OAAAC,SAAAC,eAAAjB,OAAA,MAAA;AAAA,OAAAU,QAAAA,KAAAQ,cAAAT,OAAA;AAAAC,SAAAQ,YAAAT;AAAA,SAAAU,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA;;;AAAA,MAAAb,QAAA,QAAA,MAAAc,eAAA,EAAA;;CAnDhBC,aAAA;AAAA,OAAAR,OAAA"}

package/dist/zag-component.d.mts

@@ -0,0 +1,39 @@
+import { Component } 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
+type SpreadCleanup = () => void;
+type PropsGetter = string | ((api: any, el: Element) => Record<string, any>);
+interface SpreadMap {
+  [selector: string]: PropsGetter;
+}
+declare class ZagComponent<P = Record<string, unknown>> extends Component<P> {
+  _machine: VanillaMachine<any> | null;
+  _api: any;
+  _spreadCleanups: Map<string, SpreadCleanup>;
+  _spreadScheduled: boolean;
+  _zagIdMap: Map<string, Element>;
+  createMachine(_props: any): any;
+  getMachineProps(_props: any): any;
+  connectApi(_service: any): any;
+  getSpreadMap(): {};
+  syncState(_api: any): void;
+  created(props: P): void;
+  _syncMachineProps(): void;
+  __geaUpdateProps(nextProps: Record<string, any>): void;
+  _scheduleSpreadApplication(): void;
+  _resolveProps(getter: PropsGetter, el: Element): Record<string, any> | null;
+  _queryAllIncludingSelf(selector: string): Element[];
+  _applyAllSpreads(): void;
+  __geaSyncMap(idx: number): void;
+  onAfterRender(): void;
+  _cacheArrayContainers(): void;
+  dispose(): void;
+  static normalizeProps: _zag_js_types0.NormalizeProps<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+}
+//#endregion
+export { ZagComponent as n, SpreadMap as t };
+//# sourceMappingURL=zag-component.d.mts.map

package/dist/zag-component.mjs

@@ -0,0 +1,127 @@
+import { Component } from "@geajs/core";
+import { VanillaMachine, normalizeProps, spreadProps } from "@zag-js/vanilla";
+//#region src/primitives/zag-component.ts
+var ZagComponent = class extends Component {
+	createMachine(_props) {
+		return null;
+	}
+	getMachineProps(_props) {
+		return {};
+	}
+	connectApi(_service) {
+		return null;
+	}
+	getSpreadMap() {
+		return {};
+	}
+	syncState(_api) {}
+	created(props) {
+		if (!this._spreadCleanups) this._spreadCleanups = /* @__PURE__ */ new Map();
+		if (this._spreadScheduled === void 0) this._spreadScheduled = false;
+		if (!this._zagIdMap) this._zagIdMap = /* @__PURE__ */ new Map();
+		const machineDef = this.createMachine(props);
+		if (!machineDef) return;
+		this._machine = new VanillaMachine(machineDef, this.getMachineProps(props));
+		const zagIdMap = this._zagIdMap;
+		const origGetById = this._machine.scope.getById;
+		this._machine.scope.getById = ((id) => {
+			return origGetById(id) || zagIdMap.get(id) || null;
+		});
+		this._machine.start();
+		this._api = this.connectApi(this._machine.service);
+		this.syncState(this._api);
+		this._machine.subscribe(() => {
+			if (!this._machine) return;
+			this._api = this.connectApi(this._machine.service);
+			this._scheduleSpreadApplication();
+		});
+	}
+	_syncMachineProps() {
+		const machine = this._machine;
+		if (!machine?.userPropsRef) return;
+		const next = this.getMachineProps(this.props);
+		machine.userPropsRef.current = next;
+		this._api = this.connectApi(this._machine.service);
+		this._scheduleSpreadApplication();
+	}
+	__geaUpdateProps(nextProps) {
+		super.__geaUpdateProps(nextProps);
+		this._syncMachineProps();
+	}
+	_scheduleSpreadApplication() {
+		if (this._spreadScheduled) return;
+		this._spreadScheduled = true;
+		queueMicrotask(() => {
+			this._spreadScheduled = false;
+			this._applyAllSpreads();
+		});
+	}
+	_resolveProps(getter, el) {
+		if (typeof getter === "function") return getter(this._api, el);
+		const method = this._api[getter];
+		if (typeof method !== "function") return null;
+		return method.call(this._api);
+	}
+	_queryAllIncludingSelf(selector) {
+		const results = this.$$(selector);
+		const root = this.el;
+		if (root && root.matches(selector) && !results.includes(root)) results.unshift(root);
+		return results;
+	}
+	_applyAllSpreads() {
+		if (!this.rendered_ || !this._api) return;
+		const map = this.getSpreadMap();
+		for (const selector in map) {
+			const getter = map[selector];
+			const elements = this._queryAllIncludingSelf(selector);
+			for (let i = 0; i < elements.length; i++) {
+				const el = elements[i];
+				const key = selector + ":" + i;
+				const nextProps = this._resolveProps(getter, el);
+				if (!nextProps) continue;
+				const bindingId = el.id;
+				const cleanup = spreadProps(el, nextProps);
+				if (bindingId && el.id !== bindingId) {
+					this._zagIdMap.set(el.id, el);
+					el.id = bindingId;
+				}
+				this._spreadCleanups.set(key, cleanup);
+			}
+		}
+	}
+	__geaSyncMap(idx) {
+		super.__geaSyncMap(idx);
+		this._scheduleSpreadApplication();
+	}
+	onAfterRender() {
+		this._cacheArrayContainers();
+		this._applyAllSpreads();
+	}
+	_cacheArrayContainers() {
+		const maps = this.__geaMaps;
+		if (!maps) return;
+		for (const idx in maps) {
+			const map = maps[idx];
+			map.container = map.getContainer();
+			if (map.container) this[map.containerProp] = map.container;
+		}
+	}
+	dispose() {
+		for (const cleanup of this._spreadCleanups.values()) cleanup();
+		this._spreadCleanups.clear();
+		if (this._machine) {
+			this._machine.stop();
+			this._machine = null;
+		}
+		this._api = null;
+		this._zagIdMap?.clear();
+		super.dispose();
+	}
+	static {
+		this.normalizeProps = normalizeProps;
+	}
+};
+//#endregion
+export { ZagComponent as t };
+
+//# sourceMappingURL=zag-component.mjs.map

package/dist/zag-component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"zag-component.mjs","names":[],"sources":["../src/primitives/zag-component.ts"],"sourcesContent":["import { Component } 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\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\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  __geaUpdateProps(nextProps: Record<string, any>) {\n    super.__geaUpdateProps(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      const elements = this._queryAllIncludingSelf(selector)\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  __geaSyncMap(idx: number) {\n    super.__geaSyncMap(idx)\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._applyAllSpreads()\n  }\n\n  _cacheArrayContainers() {\n    const maps = (this as any).__geaMaps\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\n    super.dispose()\n  }\n\n  static normalizeProps = normalizeProps\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geajs/ui",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Accessible UI components for Gea, powered by Zag.js state machines and styled with Tailwind CSS",
   "type": "module",
   "main": "dist/index.mjs",
@@ -15,9 +15,14 @@
       "import": "./dist/index.mjs"
     },
     "./style.css": "./dist/theme.css",
+    "./styles/theme.css": "./dist/theme.css",
     "./tailwind-preset": {
       "types": "./dist/tailwind-preset.d.mts",
       "import": "./dist/tailwind-preset.mjs"
+    },
+    "./*": {
+      "types": "./dist/*.d.mts",
+      "import": "./dist/*.mjs"
     }
   },
   "repository": {