@geajs/ui 0.1.4 → 0.2.0

package/dist/collapsible.mjs

@@ -0,0 +1,77 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT, geaEscapeHtml } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as collapsible from "@zag-js/collapsible";
+//#region src/components/collapsible.tsx
+var Collapsible = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "collapsible";
+	}
+	createMachine(_props) {
+		return collapsible.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			disabled: props.disabled,
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return collapsible.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"content\"]": "getContentProps"
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+	}
+	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()}"`}><button id="${__id + "-b1"}" data-part="trigger" class="collapsible-trigger flex w-full items-center justify-between py-2 text-sm font-medium">${geaEscapeHtml(String(props.label || "Toggle"))}</button><div data-part="content" class="collapsible-content overflow-hidden"><div id="${__id + "-b2"}" class="pb-4">${props.children}</div></div></div>`;
+	}
+	__onPropChange(key, value) {
+		const __id = this.id;
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "label") {
+			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			this.props;
+			const __boundValue = value || "Toggle";
+			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
+		}
+		if (key === "children") {
+			const __el = this.__e1 || (this.__e1 = document.getElementById(__id + "-b2"));
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+	*GEA_RESET_ELS() {
+		this.__e0 = null;
+		this.__e1 = null;
+	}
+};
+//#endregion
+export { Collapsible as default };
+
+//# sourceMappingURL=collapsible.mjs.map

package/dist/collapsible.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.mjs","names":["collapsible","normalizeProps","ZagComponent","Collapsible","GEA_CTOR_TAG_NAME","open","createMachine","_props","machine","getMachineProps","props","id","defaultOpen","disabled","onOpenChange","details","OpenChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","String","trim","geaEscapeHtml","label","children","__onPropChange","key","value","__el","GEA_ELEMENT","__boundValue","__newClass","className","__e0","document","getElementById","textContent","__e1","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","GEA_RESET_ELS"],"sources":["../src/components/collapsible.tsx"],"sourcesContent":["import * as collapsible from '@zag-js/collapsible'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Collapsible extends ZagComponent {\n  declare open: boolean\n\n  createMachine(_props: any): any {\n    return collapsible.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      disabled: props.disabled,\n      onOpenChange: (details: collapsible.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return collapsible.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"content\"]': 'getContentProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n  }\n\n  template(props: any) {\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        <button\n          data-part=\"trigger\"\n          class=\"collapsible-trigger flex w-full items-center justify-between py-2 text-sm font-medium\"\n        >\n          {props.label || 'Toggle'}\n        </button>\n        <div data-part=\"content\" class=\"collapsible-content overflow-hidden\">\n          <div class=\"pb-4\">{props.children}</div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;AAIA,IAAqBG,cAArB,cAAyCD,aAAa;;OAAAE,qBAAA;;CAGpDE,cAAcC,QAAkB;AAC9B,SAAOP,YAAYQ;;CAGrBC,gBAAgBC,OAAY;AAC1B,SAAO;GACLC,IAAI,KAAKA;GACTN,MAAMK,MAAML;GACZO,aAAaF,MAAME;GACnBC,UAAUH,MAAMG;GAChBC,eAAeC,YAA2C;AACxD,SAAKV,OAAOU,QAAQV;AACpBK,UAAMI,eAAeC,QAAQ;;GAEhC;;CAGHE,WAAWC,SAAc;AACvB,SAAOlB,YAAYmB,QAAQD,SAASjB,eAAe;;CAGrDmB,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,2BAAyB;GACzB,2BAAyB;GAC1B;;CAGHC,UAAUC,KAAU;AAClB,OAAKjB,OAAOiB,IAAIjB;;CAGlBkB,SAASb,OAAY;EAAA,MAAAc,OAAA,KAAAb;AAAAc,YAAAC,UAAAxB,cAAA,gBAAA;AACnB,SAAA,YAAAsB,KAAA,qBAC+Bd,MAAMiB,SAAS,OAAE,SAAjBjB,MAAMiB,SAAS,QAAE,QAAA,KAAA,aAAjBjB,MAAMiB,SAAS,OAAE,OAAAC,OAAjBlB,MAAMiB,SAAS,GAAE,GAAA,IAAAE,MAAA,CAAA,GAAA,eAAAL,OAAA,MAAA,sHAAAM,cAAAF,OAKzClB,MAAMqB,SAAS,SAAQ,CAAA,CAAA,yFAAAP,OAAA,MAAA,iBAGLd,MAAMsB,SAAQ;;CAjD3CC,eAAsBC,KAAKC,OAAK;EAAA,MAAAX,OAAA,KAAAb;AAAA,MAAAuB,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAuCX,QAAA3B;GAAA,MAAA4B,eAAAH,SAE6B;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAV,OAAAU,aAAA,GAAA,IAAAT,MAAA;AAAA,QAAAO,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAK,SAAA,KAAAA,OAAAC,SAAAC,eAAAnB,OAAA,MAAA;AAF/B,QAAAd;GAAA,MAAA4B,eAAAH,SAOK;AAAQ,OAAAC,QAAAA,KAAAQ,gBAAAN,aAAAF,MAAAQ,cAAAN;;AAAA,MAAAJ,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAS,SAAA,KAAAA,OAAAH,SAAAC,eAAAnB,OAAA,MAAA;AAAA,OAAAY,QAAAA,KAAAU,cAAAX,OAAA;AAAAC,SAAAU,YAAAX;AAAA,SAAAY,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA;;;;CA9CE,CAAAC,gBAAA;AAAA,OAAAT,OAAA;AAAA,OAAAI,OAAA"}

package/dist/combobox.d.mts

@@ -0,0 +1,67 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as combobox from "@zag-js/combobox";
+import * as _$_zag_js_types0 from "@zag-js/types";
+import * as _$_zag_js_collection0 from "@zag-js/collection";
+
+//#region src/components/combobox.d.ts
+declare class Combobox extends ZagComponent {
+  open: boolean;
+  value: string[];
+  inputValue: string;
+  filteredItems: any[];
+  _allItems: any[];
+  created(props: any): void;
+  createMachine(_props: any): any;
+  _buildCollection(items: any[]): _$_zag_js_collection0.ListCollection<any>;
+  _filterItems(query: string): void;
+  getMachineProps(props: any): {
+    id: any;
+    collection: any;
+    value: any;
+    defaultValue: any;
+    inputValue: any;
+    defaultInputValue: any;
+    open: any;
+    defaultOpen: any;
+    multiple: any;
+    disabled: any;
+    readOnly: any;
+    invalid: any;
+    required: any;
+    placeholder: any;
+    inputBehavior: any;
+    selectionBehavior: any;
+    closeOnSelect: any;
+    allowCustomValue: any;
+    loopFocus: any;
+    openOnClick: any;
+    name: any;
+    form: any;
+    positioning: any;
+    onValueChange: (details: combobox.ValueChangeDetails) => void;
+    onInputValueChange: (details: combobox.InputValueChangeDetails) => void;
+    onOpenChange: (details: combobox.OpenChangeDetails) => void;
+  };
+  connectApi(service: any): combobox.Api<_$_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>, unknown>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="input"]': string;
+    '[data-part="trigger"]': string;
+    '[data-part="clear-trigger"]': string;
+    '[data-part="positioner"]': string;
+    '[data-part="content"]': string;
+    '[data-part="list"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="item-text"]': (api: any, el: any) => any;
+    '[data-part="item-indicator"]': (api: any, el: any) => any;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { Combobox as default };
+//# sourceMappingURL=combobox.d.mts.map

package/dist/combobox.mjs

@@ -0,0 +1,375 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import { Component, GEA_APPLY_LIST_CHANGES, GEA_CTOR_TAG_NAME, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_ENSURE_ARRAY_CONFIGS, GEA_MAP_CONFIG_TPL, GEA_OBSERVE, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_SETUP_LOCAL_STATE_OBSERVERS, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as combobox from "@zag-js/combobox";
+//#region src/components/combobox.tsx
+const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+var Combobox = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "combobox";
+	}
+	#__rowEls_b1;
+	#__dc_b1;
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this[geaCondValueSymbol(0)] = !!this.props.label;
+		this[GEA_REGISTER_COND](0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="combobox-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(this.props.label))}</label>`;
+		}, null);
+	}
+	created(props) {
+		this._allItems = props.items || [];
+		this.filteredItems = [...this._allItems];
+		super.created(props);
+	}
+	createMachine(_props) {
+		return combobox.machine;
+	}
+	_buildCollection(items) {
+		return combobox.collection({
+			items,
+			itemToValue: (item) => item.value,
+			itemToString: (item) => item.label || item.value
+		});
+	}
+	_filterItems(query) {
+		const q = query.toLowerCase();
+		const filtered = q ? this._allItems.filter((item) => (item.label || item.value).toLowerCase().includes(q)) : [...this._allItems];
+		this.filteredItems = filtered;
+		this._machine?.updateProps({ collection: this._buildCollection(filtered) });
+	}
+	getMachineProps(props) {
+		const col = props.collection || this._buildCollection(this._allItems);
+		return {
+			id: this.id,
+			collection: col,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			inputValue: props.inputValue,
+			defaultInputValue: props.defaultInputValue,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			multiple: props.multiple,
+			disabled: props.disabled,
+			readOnly: props.readOnly,
+			invalid: props.invalid,
+			required: props.required,
+			placeholder: props.placeholder,
+			inputBehavior: props.inputBehavior ?? "none",
+			selectionBehavior: props.selectionBehavior ?? "replace",
+			closeOnSelect: props.closeOnSelect ?? true,
+			allowCustomValue: props.allowCustomValue,
+			loopFocus: props.loopFocus ?? true,
+			openOnClick: props.openOnClick ?? false,
+			name: props.name,
+			form: props.form,
+			positioning: props.positioning,
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			},
+			onInputValueChange: (details) => {
+				this.inputValue = details.inputValue;
+				this._filterItems(details.inputValue);
+				props.onInputValueChange?.(details);
+			},
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return combobox.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"input\"]": "getInputProps",
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"clear-trigger\"]": "getClearTriggerProps",
+			"[data-part=\"positioner\"]": "getPositionerProps",
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"list\"]": "getListProps",
+			"[data-part=\"item\"]": (api, el) => {
+				const value = el.dataset.value;
+				const label = el.dataset.label || value;
+				return api.getItemProps({ item: {
+					value,
+					label
+				} });
+			},
+			"[data-part=\"item-text\"]": (api, el) => {
+				const value = el.dataset.value;
+				const label = el.dataset.label || value;
+				return api.getItemTextProps({ item: {
+					value,
+					label
+				} });
+			},
+			"[data-part=\"item-indicator\"]": (api, el) => {
+				const value = el.dataset.value;
+				const label = el.dataset.label || value;
+				return api.getItemIndicatorProps({ item: {
+					value,
+					label
+				} });
+			}
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+		this.value = api.value;
+		this.inputValue = api.inputValue;
+	}
+	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="combobox-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c0-end"}--><div data-part="control" class="combobox-control flex"><input data-part="input" class="combobox-input flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" /><button data-part="trigger" class="combobox-trigger inline-flex h-9 items-center justify-center rounded-r-md border border-l-0 border-input px-2">▼</button></div><div data-part="positioner" class="combobox-positioner"><div data-part="content" class="combobox-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md"><div id="${__id + "-b1"}" data-part="list">${this.filteredItems.map((item) => this.renderFilteredItemsItem(item)).join("")}</div></div></div></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "label") this[GEA_PATCH_COND](0);
+	}
+	renderFilteredItemsItem(item) {
+		return `<div data-gea-item-id="${item?.value ?? item}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` data-label="${item.label}"`} class="combobox-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground"><span data-part="item-text"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` data-label="${item.label}"`}>${item.label}</span><span data-part="item-indicator"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` data-label="${item.label}"`} class="combobox-item-indicator ml-auto">✓</span></div>`;
+	}
+	createFilteredItemsItem(item) {
+		var __c = this.#__dc_b1 || (this.#__dc_b1 = this.__filteredItems_container);
+		if (!__c[GEA_MAP_CONFIG_TPL]) try {
+			var __tw = document.createElement("template");
+			__tw.innerHTML = this.renderFilteredItemsItem({
+				value: 0,
+				label: " "
+			});
+			__c[GEA_MAP_CONFIG_TPL] = __tw.content.firstElementChild;
+			__c[GEA_MAP_CONFIG_TPL]?.removeAttribute("data-gea-item-id");
+		} catch (__err) {
+			console.error(__err);
+		}
+		if (__c[GEA_MAP_CONFIG_TPL]) var el = __c[GEA_MAP_CONFIG_TPL].cloneNode(true);
+		else {
+			var __fw = document.createElement("template");
+			__fw.innerHTML = this.renderFilteredItemsItem(item);
+			var el = __fw.content.firstElementChild;
+		}
+		el.__ref_0 = el.firstElementChild;
+		el.__ref_1 = el.firstElementChild.nextElementSibling;
+		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);
+		}
+		var __av = item.label;
+		if (__av == null || __av === false) el.removeAttribute("data-label");
+		else {
+			const __newAttr = String(__av);
+			if (el.getAttribute("data-label") !== __newAttr) el.setAttribute("data-label", __newAttr);
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_0.getAttribute("data-value") !== __newAttr) el.__ref_0.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.label;
+		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-label");
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_0.getAttribute("data-label") !== __newAttr) el.__ref_0.setAttribute("data-label", __newAttr);
+		}
+		el.__ref_0.firstChild.nodeValue = `
+                    ${item.label}
+                  `;
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_1.getAttribute("data-value") !== __newAttr) el.__ref_1.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.label;
+		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-label");
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_1.getAttribute("data-label") !== __newAttr) el.__ref_1.setAttribute("data-label", __newAttr);
+		}
+		el[GEA_DOM_KEY] = String(item?.value ?? item);
+		el[GEA_DOM_ITEM] = item;
+		return el;
+	}
+	patchFilteredItemsItem(row, item, __prevItem) {
+		if (!row) return;
+		if (!row.__ref_0) row.__ref_0 = row.firstElementChild;
+		if (!row.__ref_1) row.__ref_1 = row.firstElementChild.nextElementSibling;
+		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);
+		}
+		var __av = item.label;
+		if (__av == null || __av === false) row.removeAttribute("data-label");
+		else {
+			const __newAttr = String(__av);
+			if (row.getAttribute("data-label") !== __newAttr) row.setAttribute("data-label", __newAttr);
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_0.getAttribute("data-value") !== __newAttr) row.__ref_0.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.label;
+		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-label");
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_0.getAttribute("data-label") !== __newAttr) row.__ref_0.setAttribute("data-label", __newAttr);
+		}
+		row.__ref_0.firstChild.nodeValue = `
+                    ${item.label}
+                  `;
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_1.getAttribute("data-value") !== __newAttr) row.__ref_1.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.label;
+		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-label");
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_1.getAttribute("data-label") !== __newAttr) row.__ref_1.setAttribute("data-label", __newAttr);
+		}
+		row[GEA_DOM_KEY] = String(item?.value ?? item);
+		(this.#__rowEls_b1 || (this.#__rowEls_b1 = {}))[String(item?.value ?? item)] = row;
+		row[GEA_DOM_ITEM] = item;
+	}
+	__observe_local_filteredItems(filteredItems, change) {
+		const __id = this.id;
+		if (!this.__filteredItems_container) this.__filteredItems_container = document.getElementById(__id + "-b1");
+		if (!this.__filteredItems_container) return;
+		if (Array.isArray(filteredItems) && filteredItems.length === 0) {
+			this.#__rowEls_b1 = null;
+			this.__filteredItems_container.textContent = "";
+			return;
+		}
+		this[GEA_ENSURE_ARRAY_CONFIGS]();
+		this[GEA_APPLY_LIST_CHANGES](this.__filteredItems_container, filteredItems, change, this.__filteredItemsListConfig);
+	}
+	[GEA_ENSURE_ARRAY_CONFIGS]() {
+		if (!this.__filteredItemsListConfig) this.__filteredItemsListConfig = {
+			arrayPathParts: ["filteredItems"],
+			render: this.renderFilteredItemsItem.bind(this),
+			create: this.createFilteredItemsItem.bind(this),
+			patchRow: this.patchFilteredItemsItem && this.patchFilteredItemsItem.bind(this),
+			getKey: (item) => String(item?.value ?? item),
+			propPatchers: {
+				"value": [
+					(row, value, item) => {
+						const __target = row;
+						if (!__target) return;
+						const __attrValue = item.value;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-value");
+						else {
+							const __newAttr = String(__attrValue);
+							if (__target.getAttribute("data-value") !== __newAttr) __target.setAttribute("data-value", __newAttr);
+						}
+					},
+					(row, value, item) => {
+						const __target = row.__ref_0 || (row.__ref_0 = row.firstElementChild);
+						if (!__target) return;
+						const __attrValue = item.value;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-value");
+						else {
+							const __newAttr = String(__attrValue);
+							if (__target.getAttribute("data-value") !== __newAttr) __target.setAttribute("data-value", __newAttr);
+						}
+					},
+					(row, value, item) => {
+						const __target = row.__ref_1 || (row.__ref_1 = row.firstElementChild.nextElementSibling);
+						if (!__target) return;
+						const __attrValue = item.value;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-value");
+						else {
+							const __newAttr = String(__attrValue);
+							if (__target.getAttribute("data-value") !== __newAttr) __target.setAttribute("data-value", __newAttr);
+						}
+					},
+					(row, value) => row.classList.toggle("value", value),
+					(row, value) => row.classList.toggle("value", value),
+					(row, value) => row.classList.toggle("value", value),
+					(row, value) => row.classList.toggle("value", value)
+				],
+				"label": [
+					(row, value, item) => {
+						const __target = row;
+						if (!__target) return;
+						const __attrValue = item.label;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-label");
+						else {
+							const __newAttr = String(__attrValue);
+							if (__target.getAttribute("data-label") !== __newAttr) __target.setAttribute("data-label", __newAttr);
+						}
+					},
+					(row, value, item) => {
+						const __target = row.__ref_0 || (row.__ref_0 = row.firstElementChild);
+						if (!__target) return;
+						const __attrValue = item.label;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-label");
+						else {
+							const __newAttr = String(__attrValue);
+							if (__target.getAttribute("data-label") !== __newAttr) __target.setAttribute("data-label", __newAttr);
+						}
+					},
+					(row, value, item) => {
+						const __target = row.__ref_0 || (row.__ref_0 = row.firstElementChild);
+						if (!__target) return;
+						__target.firstChild && (__target.firstChild.nodeValue = `
+                    ${item.label}
+                  `) || (__target.textContent = `
+                    ${item.label}
+                  `);
+					},
+					(row, value, item) => {
+						const __target = row.__ref_1 || (row.__ref_1 = row.firstElementChild.nextElementSibling);
+						if (!__target) return;
+						const __attrValue = item.label;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-label");
+						else {
+							const __newAttr = String(__attrValue);
+							if (__target.getAttribute("data-label") !== __newAttr) __target.setAttribute("data-label", __newAttr);
+						}
+					},
+					(row, value) => row.classList.toggle("label", value),
+					(row, value) => row.classList.toggle("label", value),
+					(row, value) => row.classList.toggle("label", value)
+				]
+			}
+		};
+	}
+	[GEA_SETUP_LOCAL_STATE_OBSERVERS]() {
+		this[GEA_ENSURE_ARRAY_CONFIGS]();
+		if (!this.__store) return;
+		this[GEA_OBSERVE](this, ["filteredItems"], this.__observe_local_filteredItems);
+	}
+};
+//#endregion
+export { Combobox as default };
+
+//# sourceMappingURL=combobox.mjs.map

package/dist/combobox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.mjs","names":["__v","v","valueOf","Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","combobox","normalizeProps","ZagComponent","Combobox","__rowEls_b1","__dc_b1","constructor","args","props","label","String","open","value","inputValue","filteredItems","_allItems","created","items","createMachine","_props","machine","_buildCollection","collection","itemToValue","item","itemToString","_filterItems","query","q","toLowerCase","filtered","filter","includes","_machine","updateProps","getMachineProps","col","id","defaultValue","defaultInputValue","defaultOpen","multiple","disabled","readOnly","invalid","required","placeholder","inputBehavior","selectionBehavior","closeOnSelect","allowCustomValue","loopFocus","openOnClick","name","form","positioning","onValueChange","details","ValueChangeDetails","onInputValueChange","InputValueChangeDetails","onOpenChange","OpenChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","HTMLElement","dataset","getItemProps","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-indicator\"]","getItemIndicatorProps","syncState","template","__id","_register","class","trim","map","renderFilteredItemsItem","join","__onPropChange","key","__el","__boundValue","__newClass","className","createFilteredItemsItem","__c","__filteredItems_container","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__ref_0","__ref_1","nextElementSibling","__av","__newAttr","getAttribute","setAttribute","firstChild","nodeValue","patchFilteredItemsItem","row","__prevItem","__observe_local_filteredItems","change","getElementById","Array","isArray","length","textContent","__filteredItemsListConfig","arrayPathParts","render","bind","create","patchRow","getKey","propPatchers","__target","__attrValue","classList","toggle","__store"],"sources":["../src/components/combobox.tsx"],"sourcesContent":["import * as combobox from '@zag-js/combobox'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Combobox extends ZagComponent {\n  declare open: boolean\n  declare value: string[]\n  declare inputValue: string\n  declare filteredItems: any[]\n  declare _allItems: any[]\n\n  created(props: any) {\n    this._allItems = props.items || []\n    this.filteredItems = [...this._allItems]\n    super.created(props)\n  }\n\n  createMachine(_props: any): any {\n    return combobox.machine\n  }\n\n  _buildCollection(items: any[]) {\n    return combobox.collection({\n      items,\n      itemToValue: (item: any) => item.value,\n      itemToString: (item: any) => item.label || item.value,\n    })\n  }\n\n  _filterItems(query: string) {\n    const q = query.toLowerCase()\n    const filtered = q\n      ? this._allItems.filter((item: any) => (item.label || item.value).toLowerCase().includes(q))\n      : [...this._allItems]\n    this.filteredItems = filtered\n    this._machine?.updateProps({ collection: this._buildCollection(filtered) })\n  }\n\n  getMachineProps(props: any) {\n    const col = props.collection || this._buildCollection(this._allItems)\n\n    return {\n      id: this.id,\n      collection: col,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      inputValue: props.inputValue,\n      defaultInputValue: props.defaultInputValue,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      multiple: props.multiple,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      invalid: props.invalid,\n      required: props.required,\n      placeholder: props.placeholder,\n      inputBehavior: props.inputBehavior ?? 'none',\n      selectionBehavior: props.selectionBehavior ?? 'replace',\n      closeOnSelect: props.closeOnSelect ?? true,\n      allowCustomValue: props.allowCustomValue,\n      loopFocus: props.loopFocus ?? true,\n      openOnClick: props.openOnClick ?? false,\n      name: props.name,\n      form: props.form,\n      positioning: props.positioning,\n      onValueChange: (details: combobox.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n      onInputValueChange: (details: combobox.InputValueChangeDetails) => {\n        this.inputValue = details.inputValue\n        this._filterItems(details.inputValue)\n        props.onInputValueChange?.(details)\n      },\n      onOpenChange: (details: combobox.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return combobox.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"input\"]': 'getInputProps',\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"clear-trigger\"]': 'getClearTriggerProps',\n      '[data-part=\"positioner\"]': 'getPositionerProps',\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"list\"]': 'getListProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const value = (el as HTMLElement).dataset.value\n        const label = (el as HTMLElement).dataset.label || value\n        return api.getItemProps({ item: { value, label } })\n      },\n      '[data-part=\"item-text\"]': (api, el) => {\n        const value = (el as HTMLElement).dataset.value\n        const label = (el as HTMLElement).dataset.label || value\n        return api.getItemTextProps({ item: { value, label } })\n      },\n      '[data-part=\"item-indicator\"]': (api, el) => {\n        const value = (el as HTMLElement).dataset.value\n        const label = (el as HTMLElement).dataset.label || value\n        return api.getItemIndicatorProps({ item: { value, label } })\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n    this.value = api.value\n    this.inputValue = api.inputValue\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=\"combobox-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"control\" class=\"combobox-control flex\">\n          <input\n            data-part=\"input\"\n            class=\"combobox-input flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          />\n          <button\n            data-part=\"trigger\"\n            class=\"combobox-trigger inline-flex h-9 items-center justify-center rounded-r-md border border-l-0 border-input px-2\"\n          >\n            &#x25BC;\n          </button>\n        </div>\n        <div data-part=\"positioner\" class=\"combobox-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"combobox-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\"\n          >\n            <div data-part=\"list\">\n              {this.filteredItems.map((item: any) => (\n                <div\n                  key={item.value}\n                  data-part=\"item\"\n                  data-value={item.value}\n                  data-label={item.label}\n                  class=\"combobox-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground\"\n                >\n                  <span data-part=\"item-text\" data-value={item.value} data-label={item.label}>\n                    {item.label}\n                  </span>\n                  <span\n                    data-part=\"item-indicator\"\n                    data-value={item.value}\n                    data-label={item.label}\n                    class=\"combobox-item-indicator ml-auto\"\n                  >\n                    &#x2713;\n                  </span>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/dialog.d.mts

@@ -0,0 +1,57 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as dialog from "@zag-js/dialog";
+import { OpenChangeDetails } from "@zag-js/dialog";
+import * as _$_zag_js_types0 from "@zag-js/types";
+
+//#region src/components/dialog.d.ts
+interface DialogProps {
+  class?: string;
+  children?: ReactNode;
+  triggerLabel?: string;
+  title?: string;
+  description?: string;
+  open?: boolean;
+  defaultOpen?: boolean;
+  modal?: boolean;
+  closeOnInteractOutside?: boolean;
+  closeOnEscape?: boolean;
+  trapFocus?: boolean;
+  preventScroll?: boolean;
+  role?: string;
+  'aria-label'?: string;
+  onOpenChange?: (details: OpenChangeDetails) => void;
+}
+declare class Dialog extends ZagComponent<DialogProps> {
+  open: boolean;
+  createMachine(_props: DialogProps): any;
+  getMachineProps(props: DialogProps): {
+    id: any;
+    open: boolean;
+    defaultOpen: boolean;
+    modal: boolean;
+    closeOnInteractOutside: boolean;
+    closeOnEscape: boolean;
+    trapFocus: boolean;
+    preventScroll: boolean;
+    role: string;
+    'aria-label': string;
+    onOpenChange: (details: OpenChangeDetails) => void;
+  };
+  connectApi(service: any): dialog.Api<_$_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="backdrop"]': string;
+    '[data-part="positioner"]': (api: any) => any;
+    '[data-part="content"]': string;
+    '[data-part="title"]': string;
+    '[data-part="description"]': string;
+    '[data-part="close-trigger"]': (api: any) => any;
+    '[data-part="trigger"]': (api: any) => any;
+  };
+  syncState(api: any): void;
+  template(props: DialogProps): string;
+}
+//#endregion
+export { DialogProps, Dialog as default };
+//# sourceMappingURL=dialog.d.mts.map