@geajs/ui 0.1.4 → 0.2.0

package/dist/drag-drop-context.d.mts

@@ -0,0 +1,11 @@
+import { Component } from "@geajs/core";
+
+//#region src/components/drag-drop-context.d.ts
+declare class DragDropContext extends Component {
+  created(): void;
+  dispose(): void;
+  template(props: any): string;
+}
+//#endregion
+export { DragDropContext as default };
+//# sourceMappingURL=drag-drop-context.d.mts.map

package/dist/drag-drop-context.mjs

@@ -0,0 +1,43 @@
+import { dndManager } from "./dnd-manager.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
+//#region src/components/drag-drop-context.tsx
+var DragDropContext = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "drag-drop-context";
+	}
+	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[GEA_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[GEA_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","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","dndManager","DragResult","DragDropContext","created","onDragEnd","result","props","dispose","destroy","template","__id","id","class","trim","children","__onPropChange","key","value","__el","__boundValue","__newClass","String","className","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_"],"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,IAAqBwC,kBAArB,cAA6CxC,UAAU;;OAAAqC,qBAAA;;CACrDI,UAAU;AACRH,aAAWI,aAAaC,WAAuB;AAC3C,QAAKC,MAAcF,YAAYC,OAAO;;;CAI5CE,UAAU;AACRP,aAAWQ,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,KAAAtD;AAeX,QAAA0C;GAAA,MAAAa,eAAA,mBAAAF,SACoC;AAAE,OAAAC,MAAA;IAAA,MAAAE,cAAAD,gBAAA,OAAAE,OAAAF,aAAA,GAAA,IAAAN,MAAA;AAAA,QAAAK,KAAAI,cAAAF,WAAAF,MAAAI,YAAAF;;;AAAA,MAAAJ,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAtD;AAAA,OAAAsD,QAAAA,KAAAK,cAAAN,OAAA;AAAAC,SAAAK,YAAAN;AAAA,SAAAO,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,72 @@
+import { dndManager } from "./dnd-manager.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
+//#region src/components/draggable.tsx
+var Draggable = class extends Component {
+	constructor(..._args) {
+		super(..._args);
+		this._didDrag = false;
+	}
+	static {
+		this[GEA_CTOR_TAG_NAME] = "draggable";
+	}
+	_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 && this[GEA_ELEMENT]) return this.__evts;
+		const __geaEvtsResult = { click: { [`#${this.id}`]: (e, targetComponent) => this.__event_click_0(e, targetComponent) } };
+		if (this[GEA_ELEMENT]) this.__evts = __geaEvtsResult;
+		return __geaEvtsResult;
+	}
+	__event_click_0(e, targetComponent) {
+		if (dndManager.isDragging) {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this[GEA_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[GEA_ELEMENT];
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("data-draggable-id");
+			else {
+				const __newAttr = String(value);
+				if (__el.getAttribute("data-draggable-id") !== __newAttr) __el.setAttribute("data-draggable-id", __newAttr);
+			}
+		}
+		if (key === "index") {
+			const __el = this[GEA_ELEMENT];
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("data-index");
+			else {
+				const __newAttr = String(value);
+				if (__el.getAttribute("data-index") !== __newAttr) __el.setAttribute("data-index", __newAttr);
+			}
+		}
+		if (key === "children") {
+			const __el = this[GEA_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","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","dndManager","Draggable","_didDrag","_onPointerDown","e","PointerEvent","el","currentTarget","HTMLElement","closest","startTracking","props","draggableId","template","__id","id","class","trim","index","children","events","__evts","__geaEvtsResult","click","targetComponent","__event_click_0","isDragging","preventDefault","stopPropagation","__onPropChange","key","value","__el","__boundValue","__newClass","String","className","undefined","removeAttribute","__newAttr","getAttribute","setAttribute","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_"],"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,IAAqBuC,YAArB,cAAuCvC,UAAU;;;kBACpC;;;OADoCqC,qBAAA;;CAG/CI,eAAeC,GAAiB;EAC9B,MAAME,KAAMF,EAAEG,cAA8BE,QAAQ,iBAAiB;AACrE,MAAI,CAACH,GAAI;AACT,OAAKJ,WAAW;AAChBF,aAAWU,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,UAAA,KAAAzD,aAAA,QAAA,KAAAyD;EAAA,MAAAC,kBAAA,EAAAC,OAAA,GAAA,IAAA,KAAAR,QAAAX,GAAAoB,oBAAA,KAAAC,gBAAArB,GAAAoB,gBAAA,EAAA,EAAA;AAAA,MAAA,KAAA5D,aAAA,MAAAyD,SAAAC;AAAA,SAAAA;;CA7BHG,gBAAsBrB,GAAGoB,iBAAiB;AAAA,MAoB5BxB,WAAW0B,YAAU;AACvBtB,KAAEuB,gBAAc;AAChBvB,KAAEwB,iBAAe;;;CAtB7BC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAApE;AAYX,QAAA+C;GAAA,MAAAsB,eAAA,iBAAAF,SAG0B;AAAE,OAAAC,MAAA;IAAA,MAAAE,cAAAD,gBAAA,OAAAE,OAAAF,aAAA,GAAA,IAAAhB,MAAA;AAAA,QAAAe,KAAAI,cAAAF,WAAAF,MAAAI,YAAAF;;;AAAA,MAAAJ,QAAA,eAAA;GAAA,MAAAE,OAAA,KAAApE;AAAA,OAAAoE,KAAA,KAAAD,UAAA,QAAAA,UAAAM,KAAAA,EAAAL,MAAAM,gBAAA,oBAAA;QAAA;IAAA,MAAAC,YAAAJ,OAAAJ,MAAA;AAAA,QAAAC,KAAAQ,aAAA,oBAAA,KAAAD,UAAAP,MAAAS,aAAA,qBAAAF,UAAA;;;AAAA,MAAAT,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAApE;AAAA,OAAAoE,KAAA,KAAAD,UAAA,QAAAA,UAAAM,KAAAA,EAAAL,MAAAM,gBAAA,aAAA;QAAA;IAAA,MAAAC,YAAAJ,OAAAJ,MAAA;AAAA,QAAAC,KAAAQ,aAAA,aAAA,KAAAD,UAAAP,MAAAS,aAAA,cAAAF,UAAA;;;AAAA,MAAAT,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAApE;AAAA,OAAAoE,QAAAA,KAAAU,cAAAX,OAAA;AAAAC,SAAAU,YAAAX;AAAA,SAAAY,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,66 @@
+import { dndManager } from "./dnd-manager.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
+//#region src/components/droppable.tsx
+var Droppable = class extends Component {
+	constructor(..._args) {
+		super(..._args);
+		this._registered = false;
+	}
+	static {
+		this[GEA_CTOR_TAG_NAME] = "droppable";
+	}
+	_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[GEA_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[GEA_ELEMENT];
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("data-droppable-id");
+			else {
+				const __newAttr = String(value);
+				if (__el.getAttribute("data-droppable-id") !== __newAttr) __el.setAttribute("data-droppable-id", __newAttr);
+			}
+		}
+		if (key === "children") {
+			const __el = this[GEA_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","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","dndManager","Droppable","_registered","_registerWithManager","el","querySelector","HTMLElement","registerDroppable","props","droppableId","created","queueMicrotask","onAfterRender","dispose","unregisterDroppable","template","__id","id","class","trim","children","__onPropChange","key","value","__el","__boundValue","__newClass","String","className","undefined","removeAttribute","__newAttr","getAttribute","setAttribute","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_"],"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,IAAqBuC,YAArB,cAAuCvC,UAAU;;;qBACzB;;;OADyBqC,qBAAA;;CAG/CI,uBAAuB;EACrB,MAAMC,KAAK,KAAKA,IAAIC,cAAc,sBAAsB;AACxD,MAAID,MAAM,CAAC,KAAKF,aAAa;AAC3BF,cAAWO,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;AACpBF,cAAWc,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,KAAA5D;AA6BX,QAAA4C;GAAA,MAAAiB,eAAA,iBAAAF,SAE6B;AAAE,OAAAC,MAAA;IAAA,MAAAE,cAAAD,gBAAA,OAAAE,OAAAF,aAAA,GAAA,IAAAN,MAAA;AAAA,QAAAK,KAAAI,cAAAF,WAAAF,MAAAI,YAAAF;;;AAAA,MAAAJ,QAAA,eAAA;GAAA,MAAAE,OAAA,KAAA5D;AAAA,OAAA4D,KAAA,KAAAD,UAAA,QAAAA,UAAAM,KAAAA,EAAAL,MAAAM,gBAAA,oBAAA;QAAA;IAAA,MAAAC,YAAAJ,OAAAJ,MAAA;AAAA,QAAAC,KAAAQ,aAAA,oBAAA,KAAAD,UAAAP,MAAAS,aAAA,qBAAAF,UAAA;;;AAAA,MAAAT,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAA5D;AAAA,OAAA4D,QAAAA,KAAAU,cAAAX,OAAA;AAAAC,SAAAU,YAAAX;AAAA,SAAAY,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: any;
+    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,170 @@
+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_RENDERED, GEA_SETUP_LOCAL_STATE_OBSERVERS, geaCondPatchedSymbol, geaCondValueSymbol, geaEscapeHtml } 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 {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "file-upload";
+	}
+	#__rowEls_list;
+	#__dc_acceptedFiles;
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this[geaCondValueSymbol(0)] = !!this.props.label;
+		this[geaCondValueSymbol(1)] = !!(this.acceptedFiles.length > 0);
+		this[GEA_REGISTER_COND](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">${geaEscapeHtml(String(this.props.label))}</label>`;
+		}, null);
+		this[GEA_REGISTER_COND](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, "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="file-upload-label text-sm font-medium mb-2 block">${geaEscapeHtml(String(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[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);
+		this[GEA_PATCH_COND](1);
+	}
+	__observe_local_acceptedFiles(value, change) {
+		if (this[GEA_RENDERED]) {
+			if (this[geaCondPatchedSymbol(1)]) return;
+			this[geaCondPatchedSymbol(1)] = this[GEA_PATCH_COND](1);
+			if (this[geaCondPatchedSymbol(1)]) queueMicrotask(() => this[geaCondPatchedSymbol(1)] = false);
+		}
+		if (!this.__acceptedFiles_container) this.__acceptedFiles_container = this.$(":scope");
+		if (!this.__acceptedFiles_container) return;
+		if (Array.isArray(value) && value.length === 0) {
+			this.#__rowEls_list = null;
+			this.__acceptedFiles_container.textContent = "";
+			return;
+		}
+		this[GEA_ENSURE_ARRAY_CONFIGS]();
+		this[GEA_APPLY_LIST_CHANGES](this.__acceptedFiles_container, value, change, this.__acceptedFilesListConfig);
+	}
+	__observe_local_acceptedFiles__join(value, change) {
+		if (this[GEA_RENDERED]) {
+			if (this[geaCondPatchedSymbol(1)]) return;
+			this[geaCondPatchedSymbol(1)] = this[GEA_PATCH_COND](1);
+			if (this[geaCondPatchedSymbol(1)]) queueMicrotask(() => this[geaCondPatchedSymbol(1)] = false);
+			if (this[geaCondPatchedSymbol(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.#__dc_acceptedFiles || (this.#__dc_acceptedFiles = this.__acceptedFiles_container);
+		if (!__c[GEA_MAP_CONFIG_TPL]) try {
+			var __tw = document.createElement("template");
+			__tw.innerHTML = this.renderAcceptedFilesItem({ name: 0 });
+			__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.renderAcceptedFilesItem(item);
+			var el = __fw.content.firstElementChild;
+		}
+		el.__ref_0 = el.firstElementChild;
+		el.__ref_0.firstChild.nodeValue = `${item.name}`;
+		el[GEA_DOM_KEY] = String(item?.name ?? item);
+		el[GEA_DOM_ITEM] = item;
+		return el;
+	}
+	patchAcceptedFilesItem(row, item, __prevItem) {
+		if (!row) return;
+		if (!row.__ref_0) row.__ref_0 = row.firstElementChild;
+		row.__ref_0.firstChild.nodeValue = `${item.name}`;
+		row[GEA_DOM_KEY] = String(item?.name ?? item);
+		(this.#__rowEls_list || (this.#__rowEls_list = {}))[String(item?.name ?? item)] = row;
+		row[GEA_DOM_ITEM] = item;
+	}
+	[GEA_ENSURE_ARRAY_CONFIGS]() {
+		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 || (row.__ref_0 = row.firstElementChild);
+				if (!__target) return;
+				__target.firstChild && (__target.firstChild.nodeValue = `${item.name}`) || (__target.textContent = `${item.name}`);
+			}, (row, value) => row.classList.toggle("name", value)] }
+		};
+	}
+	[GEA_SETUP_LOCAL_STATE_OBSERVERS]() {
+		this[GEA_ENSURE_ARRAY_CONFIGS]();
+		if (!this.__store) return;
+		this[GEA_OBSERVE](this, ["acceptedFiles"], this.__observe_local_acceptedFiles);
+		this[GEA_OBSERVE](this, ["acceptedFiles", "join"], this.__observe_local_acceptedFiles__join);
+		this[GEA_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","FileUpload","GEA_CTOR_TAG_NAME","__rowEls_list","__dc_acceptedFiles","constructor","args","props","geaCondValueSymbol","label","acceptedFiles","length","GEA_REGISTER_COND","geaEscapeHtml","String","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","trim","__onPropChange","key","value","__el","GEA_ELEMENT","__boundValue","__newClass","className","GEA_PATCH_COND","__observe_local_acceptedFiles","change","GEA_RENDERED","geaCondPatchedSymbol","queueMicrotask","__acceptedFiles_container","$","Array","isArray","textContent","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","__acceptedFilesListConfig","__observe_local_acceptedFiles__join","createAcceptedFilesItem","item","__c","GEA_MAP_CONFIG_TPL","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","el","cloneNode","__fw","__ref_0","firstChild","nodeValue","GEA_DOM_KEY","GEA_DOM_ITEM","patchAcceptedFilesItem","row","__prevItem","arrayPathParts","render","bind","create","patchRow","getKey","propPatchers","__target","classList","toggle","GEA_SETUP_LOCAL_STATE_OBSERVERS","__store","GEA_OBSERVE"],"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: any;
+    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,92 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT, geaEscapeHtml, geaSanitizeAttr } 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 {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "hover-card";
+	}
+	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, "zag-component");
+		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="${geaSanitizeAttr("href", String(props.href || "#"))}"`} class="hover-card-trigger inline-block">${geaEscapeHtml(String(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[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 === "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 {
+				const __newAttr = geaSanitizeAttr("href", String(__boundValue));
+				if (__el.getAttribute("href") !== __newAttr) __el.setAttribute("href", __newAttr);
+			}
+		}
+		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_();
+			}
+		}
+	}
+	*GEA_RESET_ELS() {
+		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","HoverCard","GEA_CTOR_TAG_NAME","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","geaSanitizeAttr","geaEscapeHtml","triggerLabel","children","__onPropChange","key","value","__el","GEA_ELEMENT","__boundValue","__newClass","className","__e0","document","getElementById","undefined","removeAttribute","__newAttr","getAttribute","setAttribute","__e1","textContent","__e2","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","GEA_RESET_ELS"],"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,IAAqBG,YAArB,cAAuCD,aAAa;;OAAAE,qBAAA;;CAGlDE,cAAcC,QAAkB;AAC9B,SAAOP,UAAUQ;;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,SAAOpB,UAAUqB,QAAQD,SAASnB,eAAe;;CAGnDqB,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,UAAA1B,cAAA,gBAAA;AACnB,SAAA,YAAAwB,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,UAAAC,gBAAA,QAAAH,OAAjBpB,MAAMsB,QAAQ,IAAG,CAAA,CAAA,GAAA,2CAAAE,cAAAJ,OAC3CpB,MAAMyB,gBAAgB,WAAU,CAAA,CAAA,yEAAAT,OAAA,MAAA,6IAO9BhB,MAAM0B,SAAQ;;CAtD3BC,eAAsBC,KAAKC,OAAK;EAAA,MAAAb,OAAA,KAAAf;AAAA,MAAA2B,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AA2CX,QAAA/B;GAAA,MAAAgC,eAAAH,SAEY;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAZ,OAAAY,aAAA,GAAA,IAAAX,MAAA;AAAA,QAAAS,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,QAAA;GAAA,MAAAE,OAAA,KAAAK,SAAA,KAAAA,OAAAC,SAAAC,eAAArB,OAAA,MAAA;AAFd,QAAAhB;GAAA,MAAAgC,eAAAH,SAG8B;AAAG,OAAAC,KAAA,KAAAE,iBAAA,QAAAA,iBAAAM,KAAAA,EAAAR,MAAAS,gBAAA,OAAA;QAAA;IAAA,MAAAC,YAAAjB,gBAAA,QAAAH,OAAAY,aAAA,CAAA;AAAA,QAAAF,KAAAW,aAAA,OAAA,KAAAD,UAAAV,MAAAY,aAAA,QAAAF,UAAA;;;AAAA,MAAAZ,QAAA,gBAAA;GAAA,MAAAE,OAAA,KAAAa,SAAA,KAAAA,OAAAP,SAAAC,eAAArB,OAAA,MAAA;AAHjC,QAAAhB;GAAA,MAAAgC,eAAAH,SAIY;AAAU,OAAAC,QAAAA,KAAAc,gBAAAZ,aAAAF,MAAAc,cAAAZ;;AAAA,MAAAJ,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAe,SAAA,KAAAA,OAAAT,SAAAC,eAAArB,OAAA,MAAA;AAAA,OAAAc,QAAAA,KAAAgB,cAAAjB,OAAA;AAAAC,SAAAgB,YAAAjB;AAAA,SAAAkB,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA;;;;CA/CP,CAAAC,gBAAA;AAAA,OAAAf,OAAA;AAAA,OAAAQ,OAAA;AAAA,OAAAE,OAAA"}