@geajs/ui 0.1.3 → 0.1.5

package/dist/drag-drop-context.mjs

@@ -0,0 +1,41 @@
+import "./_virtual_gea-hmr.mjs";
+import { dndManager } from "./dnd-manager.mjs";
+import { Component } from "@geajs/core";
+//#region src/components/drag-drop-context.tsx
+var DragDropContext = class extends Component {
+	created() {
+		dndManager.onDragEnd = (result) => {
+			this.props.onDragEnd?.(result);
+		};
+	}
+	dispose() {
+		dndManager.destroy();
+		super.dispose();
+	}
+	template(props) {
+		return `<div id="${this.id}" class="${`gea-dnd-context ${props.class || ""}`.trim()}">${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = `gea-dnd-context ${value || ""}`;
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "children") {
+			const __el = this.element_;
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+//#endregion
+export { DragDropContext as default };
+
+//# sourceMappingURL=drag-drop-context.mjs.map

package/dist/drag-drop-context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-drop-context.mjs","names":["Component","dndManager","DragResult","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","DragDropContext","created","onDragEnd","result","props","dispose","destroy","template","__id","id","class","trim","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","String","className","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","__geaProps","constructor","name","call","__origDispose"],"sources":["../src/components/drag-drop-context.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { dndManager } from './dnd-manager'\nimport type { DragResult } from './dnd-manager'\n\nexport default class DragDropContext extends Component {\n  created() {\n    dndManager.onDragEnd = (result: DragResult) => {\n      ;(this.props as any).onDragEnd?.(result)\n    }\n  }\n\n  dispose() {\n    dndManager.destroy()\n    super.dispose()\n  }\n\n  template(props: any) {\n    return <div class={`gea-dnd-context ${props.class || ''}`}>{props.children}</div>\n  }\n}\n"],"mappings":";;;;AAIA,IAAqBO,kBAArB,cAA6CP,UAAU;CACrDQ,UAAU;AACRP,aAAWQ,aAAaC,WAAuB;AAC3C,QAAKC,MAAcF,YAAYC,OAAO;;;CAI5CE,UAAU;AACRX,aAAWY,SAAS;AACpB,QAAMD,SAAS;;CAGjBE,SAASH,OAAY;AACnB,SAAA,YADmB,KAAAK,GACnB,WAAmB,mBAAmBL,MAAMM,SAAS,KAAIC,MAAA,CAAA,IAAGP,MAAMQ,SAAQ;;CAhB9EC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAeX,QAAAb;GAAA,MAAAc,eAAA,mBAAAH,SACoC;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAE,OAAAF,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAK,KAAAK,cAAAF,WAAAH,MAAAK,YAAAF;;;AAAA,MAAAL,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,QAAAA,KAAAM,cAAAP,OAAA;AAAAC,SAAAM,YAAAP;AAAA,SAAAQ,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA"}

package/dist/draggable.d.mts

@@ -0,0 +1,11 @@
+import { Component } from "@geajs/core";
+
+//#region src/components/draggable.d.ts
+declare class Draggable extends Component {
+  _didDrag: boolean;
+  _onPointerDown(e: PointerEvent): void;
+  template(props: any): string;
+}
+//#endregion
+export { Draggable as default };
+//# sourceMappingURL=draggable.d.mts.map

package/dist/draggable.mjs

@@ -0,0 +1,62 @@
+import "./_virtual_gea-hmr.mjs";
+import { dndManager } from "./dnd-manager.mjs";
+import { Component } from "@geajs/core";
+//#region src/components/draggable.tsx
+var Draggable = class extends Component {
+	constructor(..._args) {
+		super(..._args);
+		this._didDrag = false;
+	}
+	_onPointerDown(e) {
+		const el = e.currentTarget.closest(".gea-draggable");
+		if (!el) return;
+		this._didDrag = false;
+		dndManager.startTracking(e, this.props.draggableId, el);
+	}
+	template(props) {
+		return `<div id="${this.id}" class="${`gea-draggable ${props.class || ""}`.trim()}"${props.draggableId == null || props.draggableId === false ? "" : ` data-draggable-id="${props.draggableId}"`}${props.index == null || props.index === false ? "" : ` data-index="${props.index}"`}${` pointerdown="${(e) => this._onPointerDown(e)}"`}>${props.children}</div>`;
+	}
+	get events() {
+		if (this.__evts) return this.__evts;
+		return this.__evts = { click: { [`#${this.id}`]: this.__event_click_0 } };
+	}
+	__event_click_0(e, targetComponent) {
+		if (dndManager.isDragging) {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = `gea-draggable ${value || ""}`;
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "draggableId") {
+			const __el = this.element_;
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("data-draggable-id");
+			else __el.setAttribute("data-draggable-id", String(value));
+		}
+		if (key === "index") {
+			const __el = this.element_;
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("data-index");
+			else __el.setAttribute("data-index", String(value));
+		}
+		if (key === "children") {
+			const __el = this.element_;
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+//#endregion
+export { Draggable as default };
+
+//# sourceMappingURL=draggable.mjs.map

package/dist/draggable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.mjs","names":["Component","dndManager","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Draggable","_didDrag","_onPointerDown","e","PointerEvent","el","currentTarget","HTMLElement","closest","startTracking","props","draggableId","template","__id","id","class","trim","index","children","events","__evts","click","__event_click_0","targetComponent","isDragging","preventDefault","stopPropagation","__onPropChange","key","value","__el","element_","__boundValue","__newClass","String","className","undefined","removeAttribute","setAttribute","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"sources":["../src/components/draggable.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { dndManager } from './dnd-manager'\n\nexport default class Draggable extends Component {\n  _didDrag = false\n\n  _onPointerDown(e: PointerEvent) {\n    const el = (e.currentTarget as HTMLElement).closest('.gea-draggable') as HTMLElement\n    if (!el) return\n    this._didDrag = false\n    dndManager.startTracking(e, this.props.draggableId as string, el)\n  }\n\n  template(props: any) {\n    return (\n      <div\n        class={`gea-draggable ${props.class || ''}`}\n        data-draggable-id={props.draggableId}\n        data-index={props.index}\n        pointerdown={(e: PointerEvent) => this._onPointerDown(e)}\n        click={(e: MouseEvent) => {\n          if (dndManager.isDragging) {\n            e.preventDefault()\n            e.stopPropagation()\n          }\n        }}\n      >\n        {props.children}\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;AAGA,IAAqBM,YAArB,cAAuCN,UAAU;;;kBACpC;;CAEXQ,eAAeC,GAAiB;EAC9B,MAAME,KAAMF,EAAEG,cAA8BE,QAAQ,iBAAiB;AACrE,MAAI,CAACH,GAAI;AACT,OAAKJ,WAAW;AAChBN,aAAWc,cAAcN,GAAG,KAAKO,MAAMC,aAAuBN,GAAG;;CAGnEO,SAASF,OAAY;AACnB,SAAA,YADmB,KAAAI,GACnB,WAEW,iBAAiBJ,MAAMK,SAAS,KAAIC,MAAA,CAAA,GACxBN,MAAMC,eAAW,QAAjBD,MAAMC,gBAAW,QAAA,KAAA,uBAAjBD,MAAMC,YAAW,KACxBD,MAAMO,SAAK,QAAXP,MAAMO,UAAK,QAAA,KAAA,gBAAXP,MAAMO,MAAK,KACiC,kBAA1Cd,MAAoB,KAAKD,eAAeC,EAAE,CAAA,GAAA,GAQvDO,MAAMQ,SAAQ;;CAGpB,IAAAC,SAAA;AAAA,MAAA,KAAAC,OAAA,QAAA,KAAAA;AAAA,SAAA,KAAAA,SAAA,EAAAC,OAAA,GAAA,IAAA,KAAAP,OAAA,KAAAQ,iBAAA,EAAA;;CA7BHA,gBAAsBnB,GAAGoB,iBAAiB;AAAA,MAoB5B5B,WAAW6B,YAAU;AACvBrB,KAAEsB,gBAAc;AAChBtB,KAAEuB,iBAAe;;;CAtB7BC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAYX,QAAArB;GAAA,MAAAsB,eAAA,iBAAAH,SAG0B;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAE,OAAAF,aAAA,GAAA,IAAAhB,MAAA;AAAA,QAAAc,KAAAK,cAAAF,WAAAH,MAAAK,YAAAF;;;AAAA,MAAAL,QAAA,eAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAD,UAAA,QAAAA,UAAAO,KAAAA,EAAAN,MAAAO,gBAAA,oBAAA;OAAAP,MAAAQ,aAAA,qBAAAJ,OAAAL,MAAA,CAAA;;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAD,UAAA,QAAAA,UAAAO,KAAAA,EAAAN,MAAAO,gBAAA,aAAA;OAAAP,MAAAQ,aAAA,cAAAJ,OAAAL,MAAA,CAAA;;AAAA,MAAAD,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,QAAAA,KAAAS,cAAAV,OAAA;AAAAC,SAAAS,YAAAV;AAAA,SAAAW,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA"}

package/dist/droppable.d.mts

@@ -0,0 +1,14 @@
+import { Component } from "@geajs/core";
+
+//#region src/components/droppable.d.ts
+declare class Droppable extends Component {
+  private _registered;
+  _registerWithManager(): void;
+  created(): void;
+  onAfterRender(): void;
+  dispose(): void;
+  template(props: any): string;
+}
+//#endregion
+export { Droppable as default };
+//# sourceMappingURL=droppable.d.mts.map

package/dist/droppable.mjs

@@ -0,0 +1,61 @@
+import "./_virtual_gea-hmr.mjs";
+import { dndManager } from "./dnd-manager.mjs";
+import { Component } from "@geajs/core";
+//#region src/components/droppable.tsx
+var Droppable = class extends Component {
+	constructor(..._args) {
+		super(..._args);
+		this._registered = false;
+	}
+	_registerWithManager() {
+		const el = this.el?.querySelector("[data-droppable-id]");
+		if (el && !this._registered) {
+			dndManager.registerDroppable(this.props.droppableId, el);
+			this._registered = true;
+		}
+	}
+	created() {
+		queueMicrotask(() => this._registerWithManager());
+	}
+	onAfterRender() {
+		this._registerWithManager();
+	}
+	dispose() {
+		if (this._registered) {
+			dndManager.unregisterDroppable(this.props.droppableId);
+			this._registered = false;
+		}
+		super.dispose();
+	}
+	template(props) {
+		return `<div id="${this.id}" class="${`gea-droppable ${props.class || ""}`.trim()}"${props.droppableId == null || props.droppableId === false ? "" : ` data-droppable-id="${props.droppableId}"`}>${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = `gea-droppable ${value || ""}`;
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "droppableId") {
+			const __el = this.element_;
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("data-droppable-id");
+			else __el.setAttribute("data-droppable-id", String(value));
+		}
+		if (key === "children") {
+			const __el = this.element_;
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+//#endregion
+export { Droppable as default };
+
+//# sourceMappingURL=droppable.mjs.map

package/dist/droppable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"droppable.mjs","names":["Component","dndManager","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Droppable","_registered","_registerWithManager","el","querySelector","HTMLElement","registerDroppable","props","droppableId","created","queueMicrotask","onAfterRender","dispose","unregisterDroppable","template","__id","id","class","trim","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","String","className","undefined","removeAttribute","setAttribute","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","__geaProps","constructor","name","call","__origDispose"],"sources":["../src/components/droppable.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { dndManager } from './dnd-manager'\n\nexport default class Droppable extends Component {\n  private _registered = false\n\n  _registerWithManager() {\n    const el = this.el?.querySelector('[data-droppable-id]') as HTMLElement\n    if (el && !this._registered) {\n      dndManager.registerDroppable(this.props.droppableId as string, el)\n      this._registered = true\n    }\n  }\n\n  created() {\n    queueMicrotask(() => this._registerWithManager())\n  }\n\n  onAfterRender() {\n    this._registerWithManager()\n  }\n\n  dispose() {\n    if (this._registered) {\n      dndManager.unregisterDroppable(this.props.droppableId as string)\n      this._registered = false\n    }\n    super.dispose()\n  }\n\n  template(props: any) {\n    return (\n      <div class={`gea-droppable ${props.class || ''}`} data-droppable-id={props.droppableId}>\n        {props.children}\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;AAGA,IAAqBM,YAArB,cAAuCN,UAAU;;;qBACzB;;CAEtBQ,uBAAuB;EACrB,MAAMC,KAAK,KAAKA,IAAIC,cAAc,sBAAsB;AACxD,MAAID,MAAM,CAAC,KAAKF,aAAa;AAC3BN,cAAWW,kBAAkB,KAAKC,MAAMC,aAAuBL,GAAG;AAClE,QAAKF,cAAc;;;CAIvBQ,UAAU;AACRC,uBAAqB,KAAKR,sBAAsB,CAAC;;CAGnDS,gBAAgB;AACd,OAAKT,sBAAsB;;CAG7BU,UAAU;AACR,MAAI,KAAKX,aAAa;AACpBN,cAAWkB,oBAAoB,KAAKN,MAAMC,YAAsB;AAChE,QAAKP,cAAc;;AAErB,QAAMW,SAAS;;CAGjBE,SAASP,OAAY;AACnB,SAAA,YADmB,KAAAS,GACnB,WACc,iBAAiBT,MAAMU,SAAS,KAAIC,MAAA,CAAA,GAAqBX,MAAMC,eAAW,QAAjBD,MAAMC,gBAAW,QAAA,KAAA,uBAAjBD,MAAMC,YAAW,GAAA,GACnFD,MAAMY,SAAQ;;CAhCvBC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AA6BX,QAAAjB;GAAA,MAAAkB,eAAA,iBAAAH,SAE6B;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAE,OAAAF,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAK,KAAAK,cAAAF,WAAAH,MAAAK,YAAAF;;;AAAA,MAAAL,QAAA,eAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAD,UAAA,QAAAA,UAAAO,KAAAA,EAAAN,MAAAO,gBAAA,oBAAA;OAAAP,MAAAQ,aAAA,qBAAAJ,OAAAL,MAAA,CAAA;;AAAA,MAAAD,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,QAAAA,KAAAS,cAAAV,OAAA;AAAAC,SAAAS,YAAAV;AAAA,SAAAW,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA"}

package/dist/file-upload.d.mts

@@ -0,0 +1,38 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as fileUpload from "@zag-js/file-upload";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/file-upload.d.ts
+declare class FileUpload extends ZagComponent {
+  acceptedFiles: File[];
+  rejectedFiles: any[];
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    accept: any;
+    maxFiles: any;
+    maxFileSize: any;
+    minFileSize: any;
+    multiple: any;
+    disabled: any;
+    allowDrop: any;
+    name: any;
+    onFileChange: (details: fileUpload.FileChangeDetails) => void;
+  };
+  connectApi(service: any): fileUpload.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="dropzone"]': string;
+    '[data-part="trigger"]': string;
+    '[data-part="hidden-input"]': string;
+    '[data-part="clear-trigger"]': string;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { FileUpload as default };
+//# sourceMappingURL=file-upload.d.mts.map

package/dist/file-upload.mjs

@@ -0,0 +1,157 @@
+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 fileUpload from "@zag-js/file-upload";
+//#region src/components/file-upload.tsx
+var FileUpload = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaCond_1 = !!(this.acceptedFiles.length > 0);
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="file-upload-label text-sm font-medium mb-2 block">${this.props.label}</label>`;
+		}, null);
+		this.__geaRegisterCond(1, "c1", () => {
+			this.props;
+			return this.acceptedFiles.length > 0;
+		}, () => {
+			this.props;
+			return `<div class="file-upload-file-list mt-3 space-y-1">${this.acceptedFiles.map((file) => this.renderAcceptedFilesItem(file)).join("")}<button data-part="clear-trigger" class="file-upload-clear text-xs text-muted-foreground hover:text-foreground mt-1">Clear all</button></div>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return fileUpload.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			accept: props.accept,
+			maxFiles: props.maxFiles,
+			maxFileSize: props.maxFileSize,
+			minFileSize: props.minFileSize,
+			multiple: props.multiple ?? false,
+			disabled: props.disabled,
+			allowDrop: props.allowDrop ?? true,
+			name: props.name,
+			onFileChange: (details) => {
+				this.acceptedFiles = details.acceptedFiles;
+				this.rejectedFiles = details.rejectedFiles;
+				props.onFileChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return fileUpload.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"dropzone\"]": "getDropzoneProps",
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"hidden-input\"]": "getHiddenInputProps",
+			"[data-part=\"clear-trigger\"]": "getClearTriggerProps"
+		};
+	}
+	syncState(api) {
+		this.acceptedFiles = api.acceptedFiles;
+		this.rejectedFiles = api.rejectedFiles;
+	}
+	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="file-upload-label text-sm font-medium mb-2 block">${props.label}</label>` || ""}<!--${__id + "-c0-end"}--><div data-part="dropzone" class="file-upload-dropzone flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 p-8 text-center hover:border-muted-foreground/50 transition-colors"><p class="text-sm text-muted-foreground mb-2">Drag and drop files here</p><button data-part="trigger" class="file-upload-trigger inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow hover:bg-primary/90">Choose Files</button></div><input data-part="hidden-input" type="file" class="sr-only" /><!--${__id + "-c1"}-->${this.acceptedFiles.length > 0 && `<div class="file-upload-file-list mt-3 space-y-1">${this.acceptedFiles.map((file) => this.renderAcceptedFilesItem(file)).join("")}<button data-part="clear-trigger" class="file-upload-clear text-xs text-muted-foreground hover:text-foreground mt-1">Clear all</button></div>` || ""}<!--${__id + "-c1-end"}--></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);
+		this.__geaPatchCond(1);
+	}
+	__observe_local_acceptedFiles(value, change) {
+		if (this.rendered_) this.__geaCondPatched_1 = this.__geaPatchCond(1);
+		if (!this.__acceptedFiles_container) this.__acceptedFiles_container = this.$(":scope");
+		if (!this.__acceptedFiles_container) return;
+		if (Array.isArray(value) && value.length === 0 && this.__acceptedFiles_container.children.length > 0) {
+			this.__acceptedFiles_container.textContent = "";
+			return;
+		}
+		this.__ensureArrayConfigs();
+		this.__applyListChanges(this.__acceptedFiles_container, value, change, this.__acceptedFilesListConfig);
+	}
+	__observe_local_acceptedFiles__join(value, change) {
+		if (this.rendered_) {
+			this.__geaCondPatched_1 = this.__geaPatchCond(1);
+			if (this.__geaCondPatched_1) return;
+		}
+	}
+	renderAcceptedFilesItem(file) {
+		return `<div data-gea-item-id="${file?.name ?? file}" class="flex items-center justify-between rounded-md border px-3 py-2 text-sm"><span>${file.name}</span></div>`;
+	}
+	createAcceptedFilesItem(item) {
+		var __c = this.__acceptedFiles_container;
+		if (!__c.__geaTpl) try {
+			var __tw = document.createElement("template");
+			__tw.innerHTML = this.renderAcceptedFilesItem({ name: 0 });
+			__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.renderAcceptedFilesItem(item);
+			var el = __fw.content.firstElementChild;
+		}
+		el.__ref_0 = el.firstElementChild;
+		el.__ref_0.textContent = `${item.name}`;
+		el.setAttribute("data-gea-item-id", item?.name ?? item);
+		el.__geaItem = item;
+		return el;
+	}
+	patchAcceptedFilesItem(row, item, __prevItem) {
+		if (!row) return;
+		if (!row.__ref_0) row.__ref_0 = row.firstElementChild;
+		row.__ref_0.textContent = `${item.name}`;
+		row.setAttribute("data-gea-item-id", item?.name ?? item);
+		row.__geaItem = item;
+	}
+	__ensureArrayConfigs() {
+		if (!this.__acceptedFilesListConfig) this.__acceptedFilesListConfig = {
+			arrayPathParts: ["acceptedFiles"],
+			render: this.renderAcceptedFilesItem.bind(this),
+			create: this.createAcceptedFilesItem.bind(this),
+			patchRow: this.patchAcceptedFilesItem && this.patchAcceptedFilesItem.bind(this),
+			getKey: (item) => String(item?.name ?? item),
+			propPatchers: { "name": [(row, value, item) => {
+				const __target = row.__ref_0;
+				if (!__target) return;
+				__target.firstChild && (__target.firstChild.nodeValue = `${item.name}`) || (__target.textContent = `${item.name}`);
+			}, (row, value) => row.classList.toggle("name", value)] }
+		};
+	}
+	__setupLocalStateObservers() {
+		this.__ensureArrayConfigs();
+		if (!this.__store) return;
+		this.__observe(this, ["acceptedFiles"], this.__observe_local_acceptedFiles);
+		this.__observe(this, ["acceptedFiles", "join"], this.__observe_local_acceptedFiles__join);
+		this.__observe(this, ["acceptedFiles", "map"], this.__observe_local_acceptedFiles__join);
+	}
+};
+//#endregion
+export { FileUpload as default };
+
+//# sourceMappingURL=file-upload.mjs.map

package/dist/file-upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.mjs","names":["fileUpload","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","FileUpload","constructor","args","props","__geaCond_0","label","__geaCond_1","acceptedFiles","length","__geaRegisterCond","map","file","File","renderAcceptedFilesItem","join","rejectedFiles","createMachine","_props","machine","getMachineProps","id","accept","maxFiles","maxFileSize","minFileSize","multiple","disabled","allowDrop","name","onFileChange","details","FileChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","String","trim","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","__geaPatchCond","__observe_local_acceptedFiles","change","rendered_","__geaCondPatched_1","__acceptedFiles_container","$","Array","isArray","children","textContent","__ensureArrayConfigs","__applyListChanges","__acceptedFilesListConfig","__observe_local_acceptedFiles__join","createAcceptedFilesItem","item","__c","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","__err","console","error","el","cloneNode","__fw","__ref_0","setAttribute","__geaItem","patchAcceptedFilesItem","row","__prevItem","arrayPathParts","render","bind","create","patchRow","getKey","propPatchers","__target","firstChild","nodeValue","classList","toggle","__setupLocalStateObservers","__store","__observe","import","meta","hot","__moduleExports","default","url","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"sources":["../src/components/file-upload.tsx"],"sourcesContent":["import * as fileUpload from '@zag-js/file-upload'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class FileUpload extends ZagComponent {\n  declare acceptedFiles: File[]\n  declare rejectedFiles: any[]\n\n  createMachine(_props: any): any {\n    return fileUpload.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      accept: props.accept,\n      maxFiles: props.maxFiles,\n      maxFileSize: props.maxFileSize,\n      minFileSize: props.minFileSize,\n      multiple: props.multiple ?? false,\n      disabled: props.disabled,\n      allowDrop: props.allowDrop ?? true,\n      name: props.name,\n      onFileChange: (details: fileUpload.FileChangeDetails) => {\n        this.acceptedFiles = details.acceptedFiles\n        this.rejectedFiles = details.rejectedFiles\n        props.onFileChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return fileUpload.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"dropzone\"]': 'getDropzoneProps',\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n      '[data-part=\"clear-trigger\"]': 'getClearTriggerProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.acceptedFiles = api.acceptedFiles\n    this.rejectedFiles = api.rejectedFiles\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=\"file-upload-label text-sm font-medium mb-2 block\">\n            {props.label}\n          </label>\n        )}\n        <div\n          data-part=\"dropzone\"\n          class=\"file-upload-dropzone flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 p-8 text-center hover:border-muted-foreground/50 transition-colors\"\n        >\n          <p class=\"text-sm text-muted-foreground mb-2\">Drag and drop files here</p>\n          <button\n            data-part=\"trigger\"\n            class=\"file-upload-trigger inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow hover:bg-primary/90\"\n          >\n            Choose Files\n          </button>\n        </div>\n        <input data-part=\"hidden-input\" type=\"file\" class=\"sr-only\" />\n        {this.acceptedFiles.length > 0 && (\n          <div class=\"file-upload-file-list mt-3 space-y-1\">\n            {this.acceptedFiles.map((file: File) => (\n              <div key={file.name} class=\"flex items-center justify-between rounded-md border px-3 py-2 text-sm\">\n                <span>{file.name}</span>\n              </div>\n            ))}\n            <button\n              data-part=\"clear-trigger\"\n              class=\"file-upload-clear text-xs text-muted-foreground hover:text-foreground mt-1\"\n            >\n              Clear all\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/hover-card.d.mts

@@ -0,0 +1,33 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as hoverCard from "@zag-js/hover-card";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/hover-card.d.ts
+declare class HoverCard extends ZagComponent {
+  open: boolean;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    open: any;
+    defaultOpen: any;
+    openDelay: any;
+    closeDelay: any;
+    positioning: any;
+    onOpenChange: (details: hoverCard.OpenChangeDetails) => void;
+  };
+  connectApi(service: any): hoverCard.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 { HoverCard as default };
+//# sourceMappingURL=hover-card.d.mts.map

package/dist/hover-card.mjs

@@ -0,0 +1,87 @@
+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 hoverCard from "@zag-js/hover-card";
+//#region src/components/hover-card.tsx
+var HoverCard = class extends ZagComponent {
+	createMachine(_props) {
+		return hoverCard.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			openDelay: props.openDelay,
+			closeDelay: props.closeDelay,
+			positioning: props.positioning,
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return hoverCard.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"><a id="${__id + "-b1"}" data-part="trigger"${(props.href || "#") == null || (props.href || "#") === false ? "" : ` href="${props.href || "#"}"`} class="hover-card-trigger inline-block">${props.triggerLabel || "Hover me"}</a><div data-part="positioner" class="hover-card-positioner"><div id="${__id + "-b2"}" data-part="content" class="hover-card-content z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none">${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 === "href") {
+			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			this.props;
+			const __boundValue = value || "#";
+			if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("href");
+			else __el.setAttribute("href", String(__boundValue));
+		}
+		if (key === "triggerLabel") {
+			const __el = this.__e1 || (this.__e1 = document.getElementById(__id + "-b1"));
+			this.props;
+			const __boundValue = value || "Hover me";
+			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
+		}
+		if (key === "children") {
+			const __el = this.__e2 || (this.__e2 = 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;
+		this.__e2 = null;
+	}
+};
+//#endregion
+export { HoverCard as default };
+
+//# sourceMappingURL=hover-card.mjs.map

package/dist/hover-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.mjs","names":["hoverCard","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","HoverCard","open","createMachine","_props","machine","getMachineProps","props","id","defaultOpen","openDelay","closeDelay","positioning","onOpenChange","details","OpenChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","String","trim","href","triggerLabel","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","__e0","document","getElementById","undefined","removeAttribute","setAttribute","__e1","textContent","__e2","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/hover-card.tsx"],"sourcesContent":["import * as hoverCard from '@zag-js/hover-card'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class HoverCard extends ZagComponent {\n  declare open: boolean\n\n  createMachine(_props: any): any {\n    return hoverCard.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,\n      closeDelay: props.closeDelay,\n      positioning: props.positioning,\n      onOpenChange: (details: hoverCard.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return hoverCard.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        <a data-part=\"trigger\" href={props.href || '#'} class=\"hover-card-trigger inline-block\">\n          {props.triggerLabel || 'Hover me'}\n        </a>\n        <div data-part=\"positioner\" class=\"hover-card-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"hover-card-content z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none\"\n          >\n            {props.children}\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;;AAIA,IAAqBO,YAArB,cAAuCL,aAAa;CAGlDO,cAAcC,QAAkB;AAC9B,SAAOV,UAAUW;;CAGnBC,gBAAgBC,OAAY;AAC1B,SAAO;GACLC,IAAI,KAAKA;GACTN,MAAMK,MAAML;GACZO,aAAaF,MAAME;GACnBC,WAAWH,MAAMG;GACjBC,YAAYJ,MAAMI;GAClBC,aAAaL,MAAMK;GACnBC,eAAeC,YAAyC;AACtD,SAAKZ,OAAOY,QAAQZ;AACpBK,UAAMM,eAAeC,QAAQ;;GAEhC;;CAGHE,WAAWC,SAAc;AACvB,SAAOvB,UAAUwB,QAAQD,SAAStB,eAAe;;CAGnDwB,eAAe;AACb,SAAO;GACL,2BAAyB;GACzB,8BAA4B;GAC5B,2BAAyB;GACzB,yBAAuB;GACvB,6BAA2B;GAC5B;;CAGHC,UAAUC,KAAU;AAClB,OAAKnB,OAAOmB,IAAInB;;CAGlBoB,SAASf,OAAY;EAAA,MAAAgB,OAAA,KAAAf;AAAAgB,YAAAC,UAAA7B,aAAA;AACnB,SAAA,YAAA2B,KAAA,IACchB,MAAMmB,SAAS,OAAE,SAAjBnB,MAAMmB,SAAS,QAAE,QAAA,KAAA,aAAjBnB,MAAMmB,SAAS,OAAE,OAAAC,OAAjBpB,MAAMmB,SAAS,GAAE,GAAA,IAAAE,MAAA,CAAA,GAAA,wCAAAL,OAAA,MAAA,wBACEhB,MAAMsB,QAAQ,QAAG,SAAjBtB,MAAMsB,QAAQ,SAAG,QAAA,KAAA,UAAjBtB,MAAMsB,QAAQ,IAAG,GAAA,2CAC3CtB,MAAMuB,gBAAgB,WAAU,yEAAAP,OAAA,MAAA,6IAO9BhB,MAAMwB,SAAQ;;CAtD3BC,eAAsBC,KAAKC,OAAK;EAAA,MAAAX,OAAA,KAAAf;AAAA,MAAAyB,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AA2CX,QAAA7B;GAAA,MAAA8B,eAAAH,SAEY;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAV,OAAAU,aAAA,GAAA,IAAAT,MAAA;AAAA,QAAAO,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,QAAA;GAAA,MAAAE,OAAA,KAAAK,SAAA,KAAAA,OAAAC,SAAAC,eAAAnB,OAAA,MAAA;AAFd,QAAAhB;GAAA,MAAA8B,eAAAH,SAG8B;AAAG,OAAAC,KAAA,KAAAE,iBAAA,QAAAA,iBAAAM,KAAAA,EAAAR,MAAAS,gBAAA,OAAA;OAAAT,MAAAU,aAAA,QAAAlB,OAAAU,aAAA,CAAA;;AAAA,MAAAJ,QAAA,gBAAA;GAAA,MAAAE,OAAA,KAAAW,SAAA,KAAAA,OAAAL,SAAAC,eAAAnB,OAAA,MAAA;AAHjC,QAAAhB;GAAA,MAAA8B,eAAAH,SAIY;AAAU,OAAAC,QAAAA,KAAAY,gBAAAV,aAAAF,MAAAY,cAAAV;;AAAA,MAAAJ,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAa,SAAA,KAAAA,OAAAP,SAAAC,eAAAnB,OAAA,MAAA;AAAA,OAAAY,QAAAA,KAAAc,cAAAf,OAAA;AAAAC,SAAAc,YAAAf;AAAA,SAAAgB,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA;;;;CA/CPC,aAAA;AAAA,OAAAb,OAAA;AAAA,OAAAM,OAAA;AAAA,OAAAE,OAAA"}