@geajs/ui 0.1.4 → 0.1.5

package/dist/collapsible.mjs

@@ -0,0 +1,75 @@
+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 collapsible from "@zag-js/collapsible";
+//#region src/components/collapsible.tsx
+var Collapsible = class extends ZagComponent {
+	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);
+		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">${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.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_();
+			}
+		}
+	}
+	__resetEls() {
+		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","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Collapsible","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","label","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","__e0","document","getElementById","textContent","__e1","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","__resetEls","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"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,IAAqBO,cAArB,cAAyCL,aAAa;CAGpDO,cAAcC,QAAkB;AAC9B,SAAOV,YAAYW;;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,SAAOrB,YAAYsB,QAAQD,SAASpB,eAAe;;CAGrDsB,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,UAAA3B,aAAA;AACnB,SAAA,YAAAyB,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,sHAKzCd,MAAMoB,SAAS,SAAQ,yFAAAN,OAAA,MAAA,iBAGLd,MAAMqB,SAAQ;;CAjD3CC,eAAsBC,KAAKC,OAAK;EAAA,MAAAV,OAAA,KAAAb;AAAA,MAAAsB,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAuCX,QAAA1B;GAAA,MAAA2B,eAAAH,SAE6B;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAT,OAAAS,aAAA,GAAA,IAAAR,MAAA;AAAA,QAAAM,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAK,SAAA,KAAAA,OAAAC,SAAAC,eAAAlB,OAAA,MAAA;AAF/B,QAAAd;GAAA,MAAA2B,eAAAH,SAOK;AAAQ,OAAAC,QAAAA,KAAAQ,gBAAAN,aAAAF,MAAAQ,cAAAN;;AAAA,MAAAJ,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAS,SAAA,KAAAA,OAAAH,SAAAC,eAAAlB,OAAA,MAAA;AAAA,OAAAW,QAAAA,KAAAU,cAAAX,OAAA;AAAAC,SAAAU,YAAAX;AAAA,SAAAY,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA;;;;CA9CEC,aAAA;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: string;
+    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,314 @@
+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 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 {
+	constructor(...args) {
+		super(...args);
+		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="combobox-label text-sm font-medium mb-1 block">${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);
+		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">${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.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.__geaPatchCond(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.__filteredItems_container;
+		if (!__c.__geaTpl) try {
+			var __tw = document.createElement("template");
+			__tw.innerHTML = this.renderFilteredItemsItem({
+				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.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 el.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) el.removeAttribute("data-label");
+		else el.setAttribute("data-label", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-value");
+		else el.__ref_0.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-label");
+		else el.__ref_0.setAttribute("data-label", String(__av));
+		el.__ref_0.textContent = `
+                    ${item.label}
+                  `;
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-value");
+		else el.__ref_1.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-label");
+		else el.__ref_1.setAttribute("data-label", String(__av));
+		el.setAttribute("data-gea-item-id", item?.value ?? item);
+		el.__geaItem = 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 row.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) row.removeAttribute("data-label");
+		else row.setAttribute("data-label", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-value");
+		else row.__ref_0.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-label");
+		else row.__ref_0.setAttribute("data-label", String(__av));
+		row.__ref_0.textContent = `
+                    ${item.label}
+                  `;
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-value");
+		else row.__ref_1.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-label");
+		else row.__ref_1.setAttribute("data-label", String(__av));
+		row.setAttribute("data-gea-item-id", item?.value ?? item);
+		row.__geaItem = 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.__filteredItems_container.children.length > 0) {
+			this.__filteredItems_container.textContent = "";
+			return;
+		}
+		this.__ensureArrayConfigs();
+		this.__applyListChanges(this.__filteredItems_container, filteredItems, change, this.__filteredItemsListConfig);
+	}
+	__ensureArrayConfigs() {
+		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 __target.setAttribute("data-value", String(__attrValue));
+					},
+					(row, value, item) => {
+						const __target = row.__ref_0;
+						if (!__target) return;
+						const __attrValue = item.value;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-value");
+						else __target.setAttribute("data-value", String(__attrValue));
+					},
+					(row, value, item) => {
+						const __target = row.__ref_1;
+						if (!__target) return;
+						const __attrValue = item.value;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-value");
+						else __target.setAttribute("data-value", String(__attrValue));
+					},
+					(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 __target.setAttribute("data-label", String(__attrValue));
+					},
+					(row, value, item) => {
+						const __target = row.__ref_0;
+						if (!__target) return;
+						const __attrValue = item.label;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-label");
+						else __target.setAttribute("data-label", String(__attrValue));
+					},
+					(row, value, item) => {
+						const __target = row.__ref_0;
+						if (!__target) return;
+						__target.firstChild && (__target.firstChild.nodeValue = `
+                    ${item.label}
+                  `) || (__target.textContent = `
+                    ${item.label}
+                  `);
+					},
+					(row, value, item) => {
+						const __target = row.__ref_1;
+						if (!__target) return;
+						const __attrValue = item.label;
+						if (__attrValue == null || __attrValue === false) __target.removeAttribute("data-label");
+						else __target.setAttribute("data-label", String(__attrValue));
+					},
+					(row, value) => row.classList.toggle("label", value),
+					(row, value) => row.classList.toggle("label", value),
+					(row, value) => row.classList.toggle("label", value)
+				]
+			}
+		};
+	}
+	__setupLocalStateObservers() {
+		this.__ensureArrayConfigs();
+		if (!this.__store) return;
+		this.__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","combobox","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Combobox","constructor","args","props","__geaCond_0","label","__geaRegisterCond","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","String","trim","map","renderFilteredItemsItem","join","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaPatchCond","createFilteredItemsItem","__c","__filteredItems_container","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","__err","console","error","cloneNode","__fw","__ref_0","__ref_1","nextElementSibling","__av","removeAttribute","setAttribute","textContent","__geaItem","patchFilteredItemsItem","row","__prevItem","__observe_local_filteredItems","change","getElementById","Array","isArray","length","children","__ensureArrayConfigs","__applyListChanges","__filteredItemsListConfig","arrayPathParts","render","bind","create","patchRow","getKey","propPatchers","__target","__attrValue","classList","toggle","firstChild","nodeValue","__setupLocalStateObservers","__store","__observe","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","__geaProps","call","__origDispose","dispose"],"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":";;;;;;AAEI,MAAMA,OAAOC,MACXA,KAAK,QAAQ,OAAOA,MAAM,WACtBA,EAAEC,SAAS,GACXD;AADV,IAAqBU,WAArB,cAAsCL,aAAa;CAHnDM,YAAsB,GAAGC,MAAI;AAAA,QAAA,GAAAA,KAAA;AAuHR,OAAAC;AAAA,OAAAC,cAAA,CAAA,CAAA,KAAAD,MAGNE;AAAK,OAAAC,kBAAA,GAAA,YAAA;AAHC,QAAAH;AAAA,UAAA,KAAAA,MAGNE;WAAK;AAHC,QAAAF;AAAA,UAAA,kFAAA,KAAAA,MAKFE,MAAK;KAAA,KAAA;;CAlHtBO,QAAQT,OAAY;AAClB,OAAKQ,YAAYR,MAAMU,SAAS,EAAE;AAClC,OAAKH,gBAAgB,CAAC,GAAG,KAAKC,UAAU;AACxC,QAAMC,QAAQT,MAAM;;CAGtBW,cAAcC,QAAkB;AAC9B,SAAOtB,SAASuB;;CAGlBC,iBAAiBJ,OAAc;AAC7B,SAAOpB,SAASyB,WAAW;GACzBL;GACAM,cAAcC,SAAcA,KAAKZ;GACjCa,eAAeD,SAAcA,KAAKf,SAASe,KAAKZ;GACjD,CAAC;;CAGJc,aAAaC,OAAe;EAC1B,MAAMC,IAAID,MAAME,aAAa;EAC7B,MAAMC,WAAWF,IACb,KAAKb,UAAUgB,QAAQP,UAAeA,KAAKf,SAASe,KAAKZ,OAAOiB,aAAa,CAACG,SAASJ,EAAE,CAAC,GAC1F,CAAC,GAAG,KAAKb,UAAU;AACvB,OAAKD,gBAAgBgB;AACrB,OAAKG,UAAUC,YAAY,EAAEZ,YAAY,KAAKD,iBAAiBS,SAAQ,EAAG,CAAC;;CAG7EK,gBAAgB5B,OAAY;EAC1B,MAAM6B,MAAM7B,MAAMe,cAAc,KAAKD,iBAAiB,KAAKN,UAAU;AAErE,SAAO;GACLsB,IAAI,KAAKA;GACTf,YAAYc;GACZxB,OAAOL,MAAMK;GACb0B,cAAc/B,MAAM+B;GACpBzB,YAAYN,MAAMM;GAClB0B,mBAAmBhC,MAAMgC;GACzB5B,MAAMJ,MAAMI;GACZ6B,aAAajC,MAAMiC;GACnBC,UAAUlC,MAAMkC;GAChBC,UAAUnC,MAAMmC;GAChBC,UAAUpC,MAAMoC;GAChBC,SAASrC,MAAMqC;GACfC,UAAUtC,MAAMsC;GAChBC,aAAavC,MAAMuC;GACnBC,eAAexC,MAAMwC,iBAAiB;GACtCC,mBAAmBzC,MAAMyC,qBAAqB;GAC9CC,eAAe1C,MAAM0C,iBAAiB;GACtCC,kBAAkB3C,MAAM2C;GACxBC,WAAW5C,MAAM4C,aAAa;GAC9BC,aAAa7C,MAAM6C,eAAe;GAClCC,MAAM9C,MAAM8C;GACZC,MAAM/C,MAAM+C;GACZC,aAAahD,MAAMgD;GACnBC,gBAAgBC,YAAyC;AACvD,SAAK7C,QAAQ6C,QAAQ7C;AACrBL,UAAMiD,gBAAgBC,QAAQ;;GAEhCE,qBAAqBF,YAA8C;AACjE,SAAK5C,aAAa4C,QAAQ5C;AAC1B,SAAKa,aAAa+B,QAAQ5C,WAAW;AACrCN,UAAMoD,qBAAqBF,QAAQ;;GAErCI,eAAeJ,YAAwC;AACrD,SAAK9C,OAAO8C,QAAQ9C;AACpBJ,UAAMsD,eAAeJ,QAAQ;;GAEhC;;CAGHM,WAAWC,SAAc;AACvB,SAAOnE,SAASoE,QAAQD,SAASlE,eAAe;;CAGlDoE,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,2BAAyB;GACzB,yBAAuB;GACvB,2BAAyB;GACzB,iCAA+B;GAC/B,8BAA4B;GAC5B,2BAAyB;GACzB,wBAAsB;GACtB,yBAAuBE,KAAKC,OAAO;IACjC,MAAMzD,QAASyD,GAAmBE,QAAQ3D;IAC1C,MAAMH,QAAS4D,GAAmBE,QAAQ9D,SAASG;AACnD,WAAOwD,IAAII,aAAa,EAAEhD,MAAM;KAAEZ;KAAOH;KAAM,EAAG,CAAC;;GAErD,8BAA4B2D,KAAKC,OAAO;IACtC,MAAMzD,QAASyD,GAAmBE,QAAQ3D;IAC1C,MAAMH,QAAS4D,GAAmBE,QAAQ9D,SAASG;AACnD,WAAOwD,IAAIM,iBAAiB,EAAElD,MAAM;KAAEZ;KAAOH;KAAM,EAAG,CAAC;;GAEzD,mCAAiC2D,KAAKC,OAAO;IAC3C,MAAMzD,QAASyD,GAAmBE,QAAQ3D;IAC1C,MAAMH,QAAS4D,GAAmBE,QAAQ9D,SAASG;AACnD,WAAOwD,IAAIQ,sBAAsB,EAAEpD,MAAM;KAAEZ;KAAOH;KAAM,EAAG,CAAC;;GAE/D;;CAGHoE,UAAUT,KAAU;AAClB,OAAKzD,OAAOyD,IAAIzD;AAChB,OAAKC,QAAQwD,IAAIxD;AACjB,OAAKC,aAAauD,IAAIvD;;CAGxBiE,SAASvE,OAAY;EAAA,MAAAwE,OAAA,KAAA1C;AAAAzC,YAAAoF,UAAAjF,aAAA;AACnB,SAAA,YAAAgF,KAAA,qBAC+BxE,MAAM0E,SAAS,OAAE,SAAjB1E,MAAM0E,SAAS,QAAE,QAAA,KAAA,aAAjB1E,MAAM0E,SAAS,OAAE,OAAAC,OAAjB3E,MAAM0E,SAAS,GAAE,GAAA,IAAAE,MAAA,CAAA,GAAA,OAAAJ,OAAA,MAAA,KAC3CxE,MAAME,SAAK,kFAEPF,MAAME,MAAK,aAAA,GAAA,MAAAsE,OAAA,UAAA,0oBAAAA,OAAA,MAAA,qBAqBT,KAAKjE,cAAcsE,KAAK5D,SAAS,KAAA6D,wBAAA7D,KAAA,CAAA,CAAA8D,KAAA,GAAA,CAAA;;CAjJhDC,eAAsBC,KAAK5E,OAAK;AAAA,MAAA4E,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AAuHX,QAAAnF;GAAA,MAAAoF,eAAA/E,SAE6B;AAAE,OAAA6E,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAT,OAAAS,aAAA,GAAA,IAAAR,MAAA;AAAA,QAAAM,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAJ,QAAA,QAAA,MAAAM,eAAA,EAAA;;CAzHpDT,wBAAA7D,MAAA;AAAA,SAAA,0BAAAA,MAAAZ,SAAAY,KAAA,oBAAA/B,IAqJ8B+B,KAAKZ,MAAK,IAAA,QAAAnB,IAAV+B,KAAKZ,MAAK,KAAA,QAAA,KAAA,gBAAVY,KAAKZ,MAAK,KAAAnB,IACV+B,KAAKf,MAAK,IAAA,QAAAhB,IAAV+B,KAAKf,MAAK,KAAA,QAAA,KAAA,gBAAVe,KAAKf,MAAK,GAAA,6NAAAhB,IAGkB+B,KAAKZ,MAAK,IAAA,QAAAnB,IAAV+B,KAAKZ,MAAK,KAAA,QAAA,KAAA,gBAAVY,KAAKZ,MAAK,KAAAnB,IAAc+B,KAAKf,MAAK,IAAA,QAAAhB,IAAV+B,KAAKf,MAAK,KAAA,QAAA,KAAA,gBAAVe,KAAKf,MAAK,GAAA,GACvEe,KAAKf,MAAK,yCAAAhB,IAIC+B,KAAKZ,MAAK,IAAA,QAAAnB,IAAV+B,KAAKZ,MAAK,KAAA,QAAA,KAAA,gBAAVY,KAAKZ,MAAK,KAAAnB,IACV+B,KAAKf,MAAK,IAAA,QAAAhB,IAAV+B,KAAKf,MAAK,KAAA,QAAA,KAAA,gBAAVe,KAAKf,MAAK,GAAA;;CA/JKsF,wBAAAvE,MAAA;EAAA,IAAAwE,MAAA,KAAAC;AAAA,MAAA,CAAAD,IAAAE,SAAA,KAAA;GAAA,IAAAC,OAAAC,SAAAC,cAAA,WAAA;AAAAF,QAAAG,YAAA,KAAAjB,wBAAA;IAAAzE,OAAA;IAAAH,OAAA;IAAA,CAAA;AAAAuF,OAAAE,WAAAC,KAAAI,QAAAC;WAAAC,OAAA;AAAAC,WAAAC,MAAAF,MAAA;;AAAA,MAAAT,IAAAE,UAAA,IAAA7B,KAAA2B,IAAAE,SAAAU,UAAA,KAAA;OAAA;GAAA,IAAAC,OAAAT,SAAAC,cAAA,WAAA;AAAAQ,QAAAP,YAAA,KAAAjB,wBAAA7D,KAAA;GAAA,IAAA6C,KAAAwC,KAAAN,QAAAC;;AAAAnC,KAAAyC,UAAAzC,GAAAmC;AAAAnC,KAAA0C,UAAA1C,GAAAmC,kBAAAQ;EAAA,IAAAC,OAqJjBzF,KAAKZ;AAAK,MAAAqG,QAAA,QAAAA,SAAA,MAAA5C,IAAA6C,gBAAA,aAAA;MAAA7C,IAAA8C,aAAA,cAAAjC,OAAA+B,KAAA,CAAA;EAAA,IAAAA,OACVzF,KAAKf;AAAK,MAAAwG,QAAA,QAAAA,SAAA,MAAA5C,IAAA6C,gBAAA,aAAA;MAAA7C,IAAA8C,aAAA,cAAAjC,OAAA+B,KAAA,CAAA;EAAA,IAAAA,OAGkBzF,KAAKZ;AAAK,MAAAqG,QAAA,QAAAA,SAAA,MAAA5C,IAAAyC,QAAAI,gBAAA,aAAA;MAAA7C,IAAAyC,QAAAK,aAAA,cAAAjC,OAAA+B,KAAA,CAAA;EAAA,IAAAA,OAAczF,KAAKf;AAAK,MAAAwG,QAAA,QAAAA,SAAA,MAAA5C,IAAAyC,QAAAI,gBAAA,aAAA;MAAA7C,IAAAyC,QAAAK,aAAA,cAAAjC,OAAA+B,KAAA,CAAA;AAAA5C,KAAAyC,QAAAM,cAAA;sBACvE5F,KAAKf,MAAK;;EAAA,IAAAwG,OAICzF,KAAKZ;AAAK,MAAAqG,QAAA,QAAAA,SAAA,MAAA5C,IAAA0C,QAAAG,gBAAA,aAAA;MAAA7C,IAAA0C,QAAAI,aAAA,cAAAjC,OAAA+B,KAAA,CAAA;EAAA,IAAAA,OACVzF,KAAKf;AAAK,MAAAwG,QAAA,QAAAA,SAAA,MAAA5C,IAAA0C,QAAAG,gBAAA,aAAA;MAAA7C,IAAA0C,QAAAI,aAAA,cAAAjC,OAAA+B,KAAA,CAAA;AAAA5C,KAAA8C,aAAA,oBAAA3F,MAAAZ,SAAAY,KAAA;AAAA6C,KAAAgD,YAAA7F;AAAA,SAAA6C;;CAAAiD,uBAAAC,KAAA/F,MAAAgG,YAAA;AAAA,MAAA,CAAAD,IAAA;AAAA,MAAA,CAAAA,IAAAT,QAAAS,KAAAT,UAAAS,IAAAf;AAAA,MAAA,CAAAe,IAAAR,QAAAQ,KAAAR,UAAAQ,IAAAf,kBAAAQ;EAAA,IAAAC,OAVZzF,KAAKZ;AAAK,MAAAqG,QAAA,QAAAA,SAAA,MAAAM,KAAAL,gBAAA,aAAA;MAAAK,KAAAJ,aAAA,cAAAjC,OAAA+B,KAAA,CAAA;EAAA,IAAAA,OACVzF,KAAKf;AAAK,MAAAwG,QAAA,QAAAA,SAAA,MAAAM,KAAAL,gBAAA,aAAA;MAAAK,KAAAJ,aAAA,cAAAjC,OAAA+B,KAAA,CAAA;EAAA,IAAAA,OAGkBzF,KAAKZ;AAAK,MAAAqG,QAAA,QAAAA,SAAA,MAAAM,KAAAT,QAAAI,gBAAA,aAAA;MAAAK,KAAAT,QAAAK,aAAA,cAAAjC,OAAA+B,KAAA,CAAA;EAAA,IAAAA,OAAczF,KAAKf;AAAK,MAAAwG,QAAA,QAAAA,SAAA,MAAAM,KAAAT,QAAAI,gBAAA,aAAA;MAAAK,KAAAT,QAAAK,aAAA,cAAAjC,OAAA+B,KAAA,CAAA;AAAAM,MAAAT,QAAAM,cAAA;sBACvE5F,KAAKf,MAAK;;EAAA,IAAAwG,OAICzF,KAAKZ;AAAK,MAAAqG,QAAA,QAAAA,SAAA,MAAAM,KAAAR,QAAAG,gBAAA,aAAA;MAAAK,KAAAR,QAAAI,aAAA,cAAAjC,OAAA+B,KAAA,CAAA;EAAA,IAAAA,OACVzF,KAAKf;AAAK,MAAAwG,QAAA,QAAAA,SAAA,MAAAM,KAAAR,QAAAG,gBAAA,aAAA;MAAAK,KAAAR,QAAAI,aAAA,cAAAjC,OAAA+B,KAAA,CAAA;AAAAM,MAAAJ,aAAA,oBAAA3F,MAAAZ,SAAAY,KAAA;AAAA+F,MAAAF,YAAA7F;;CA/J1CiG,8BAAA3G,eAA6C4G,QAAM;EAAA,MAAA3C,OAAA,KAAA1C;AAC7C,MAAI,CAAC,KAAI4D,0BACP,MAAIA,4BAAyBG,SAASuB,eAAe5C,OAAU,MAAW;AAC3E,MAAA,CAAA,KAAAkB,0BAAA;AAAA,MAAA2B,MAAAC,QAAA/G,cAAA,IAAAA,cAAAgH,WAAA,KAAA,KAAA7B,0BAAA8B,SAAAD,SAAA,GAAA;AAAA,QAAA7B,0BAAAmB,cAAA;AAAA;;AAAA,OAAAY,sBAAA;AAAA,OAAAC,mBAAA,KAAAhC,2BAAAnF,eAAA4G,QAAA,KAAAQ,0BAAA;;CAHPF,uBAAA;AAAA,MAAA,CAAA,KAAAE,0BAAA,MAAAA,4BAAA;GAAAC,gBAAA,CAAA,gBAAA;GAAAC,QAAA,KAAA/C,wBAAAgD,KAAA,KAAA;GAAAC,QAAA,KAAAvC,wBAAAsC,KAAA,KAAA;GAAAE,UAAA,KAAAjB,0BAAA,KAAAA,uBAAAe,KAAA,KAAA;GAAAG,SAAAhH,SAAA0D,OAAA1D,MAAAZ,SAAAY,KAAA;GAAAiH,cAAA;IAAA,SAAA;MAAAlB,KAAA3G,OAAAY,SAAA;MAAA,MAAAkH,WAAAnB;AAAA,UAAA,CAAAmB,SAAA;MAAA,MAAAC,cAqJ8BnH,KAAKZ;AAAK,UAAA+H,eAAA,QAAAA,gBAAA,MAAAD,UAAAxB,gBAAA,aAAA;UAAAwB,UAAAvB,aAAA,cAAAjC,OAAAyD,YAAA,CAAA;;MAAApB,KAAA3G,OAAAY,SAAA;MAAA,MAAAkH,WAAAnB,IAAAT;AAAA,UAAA,CAAA4B,SAAA;MAAA,MAAAC,cAIkBnH,KAAKZ;AAAK,UAAA+H,eAAA,QAAAA,gBAAA,MAAAD,UAAAxB,gBAAA,aAAA;UAAAwB,UAAAvB,aAAA,cAAAjC,OAAAyD,YAAA,CAAA;;MAAApB,KAAA3G,OAAAY,SAAA;MAAA,MAAAkH,WAAAnB,IAAAR;AAAA,UAAA,CAAA2B,SAAA;MAAA,MAAAC,cAKpCnH,KAAKZ;AAAK,UAAA+H,eAAA,QAAAA,gBAAA,MAAAD,UAAAxB,gBAAA,aAAA;UAAAwB,UAAAvB,aAAA,cAAAjC,OAAAyD,YAAA,CAAA;;MAAApB,KAAA3G,UAAA2G,IAAAqB,UAAAC,OAAA,SAAAjI,MAAA;MAAA2G,KAAA3G,UAAA2G,IAAAqB,UAAAC,OAAA,SAAAjI,MAAA;MAAA2G,KAAA3G,UAAA2G,IAAAqB,UAAAC,OAAA,SAAAjI,MAAA;MAAA2G,KAAA3G,UAAA2G,IAAAqB,UAAAC,OAAA,SAAAjI,MAAA;KAAA;IAAA,SAAA;MAAA2G,KAAA3G,OAAAY,SAAA;MAAA,MAAAkH,WAAAnB;AAAA,UAAA,CAAAmB,SAAA;MAAA,MAAAC,cARZnH,KAAKf;AAAK,UAAAkI,eAAA,QAAAA,gBAAA,MAAAD,UAAAxB,gBAAA,aAAA;UAAAwB,UAAAvB,aAAA,cAAAjC,OAAAyD,YAAA,CAAA;;MAAApB,KAAA3G,OAAAY,SAAA;MAAA,MAAAkH,WAAAnB,IAAAT;AAAA,UAAA,CAAA4B,SAAA;MAAA,MAAAC,cAG0CnH,KAAKf;AAAK,UAAAkI,eAAA,QAAAA,gBAAA,MAAAD,UAAAxB,gBAAA,aAAA;UAAAwB,UAAAvB,aAAA,cAAAjC,OAAAyD,YAAA,CAAA;;MAAApB,KAAA3G,OAAAY,SAAA;MAAA,MAAAkH,WAAAnB,IAAAT;AAAA,UAAA,CAAA4B,SAAA;AAAAA,eAAAI,eAAAJ,SAAAI,WAAAC,YAAA;sBACvEvH,KAAKf,MAAK;yBAAAiI,SAAAtB,cAAA;sBAAV5F,KAAKf,MAAK;;;MAAA8G,KAAA3G,OAAAY,SAAA;MAAA,MAAAkH,WAAAnB,IAAAR;AAAA,UAAA,CAAA2B,SAAA;MAAA,MAAAC,cAKCnH,KAAKf;AAAK,UAAAkI,eAAA,QAAAA,gBAAA,MAAAD,UAAAxB,gBAAA,aAAA;UAAAwB,UAAAvB,aAAA,cAAAjC,OAAAyD,YAAA,CAAA;;MAAApB,KAAA3G,UAAA2G,IAAAqB,UAAAC,OAAA,SAAAjI,MAAA;MAAA2G,KAAA3G,UAAA2G,IAAAqB,UAAAC,OAAA,SAAAjI,MAAA;MAAA2G,KAAA3G,UAAA2G,IAAAqB,UAAAC,OAAA,SAAAjI,MAAA;KAAA;IAAA;GAAA;;CA/J1CoI,6BAAwB;AAAxB,OAAKhB,sBAAsB;AAA3B,MAAI,CAAA,KAAAiB,QAA0B;AAAS,OAAAC,UAAA,MAAA,CAAA,gBAAA,EAAA,KAAAzB,8BAAA"}

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: string;
+    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