@geajs/ui 0.1.3 → 0.1.5

package/dist/_virtual_gea-hmr.mjs

@@ -0,0 +1,11 @@
+//#region \0virtual:gea-hmr
+var hot = void 0;
+var componentInstances = hot && hot.data && hot.data.componentInstances || /* @__PURE__ */ new Map();
+if (hot) hot.data.componentInstances = componentInstances;
+var hmrGlobal = globalThis.__geaHMRGlobal || (globalThis.__geaHMRGlobal = {
+	componentModules: /* @__PURE__ */ new Map(),
+	componentProxies: /* @__PURE__ */ new Map()
+});
+hmrGlobal.componentModules;
+hmrGlobal.componentProxies;
+//#endregion

package/dist/accordion.d.mts

@@ -0,0 +1,34 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as accordion from "@zag-js/accordion";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/accordion.d.ts
+declare class Accordion extends ZagComponent {
+  value: string[];
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    value: any;
+    defaultValue: any;
+    multiple: any;
+    collapsible: any;
+    disabled: any;
+    orientation: any;
+    onValueChange: (details: accordion.ValueChangeDetails) => void;
+  };
+  connectApi(service: any): accordion.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="item-trigger"]': (api: any, el: any) => any;
+    '[data-part="item-content"]': (api: any, el: any) => any;
+    '[data-part="item-indicator"]': (api: any, el: any) => any;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { Accordion as default };
+//# sourceMappingURL=accordion.d.mts.map

package/dist/accordion.mjs

@@ -0,0 +1,137 @@
+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 accordion from "@zag-js/accordion";
+//#region src/components/accordion.tsx
+const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+var Accordion = class extends ZagComponent {
+	createMachine(_props) {
+		return accordion.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			multiple: props.multiple ?? false,
+			collapsible: props.collapsible ?? false,
+			disabled: props.disabled,
+			orientation: props.orientation ?? "vertical",
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return accordion.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"item\"]": (api, el) => api.getItemProps({ value: el.dataset.value }),
+			"[data-part=\"item-trigger\"]": (api, el) => api.getItemTriggerProps({ value: el.dataset.value }),
+			"[data-part=\"item-content\"]": (api, el) => api.getItemContentProps({ value: el.dataset.value }),
+			"[data-part=\"item-indicator\"]": (api, el) => api.getItemIndicatorProps({ value: el.dataset.value })
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		const items = props.items || [];
+		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}>${items.map((item) => `<div data-gea-item-id="${item?.value ?? item}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-item border-b"><h3><button data-part="item-trigger"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all">${item.label}<span data-part="item-indicator"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200">▶</span></button></h3><div data-part="item-content"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-content overflow-hidden text-sm"><div class="pb-4 pt-0">${item.content}</div></div></div>`).join("") + "<!---->"}</div>`;
+	}
+	render__unresolved_0Item(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}"`} class="accordion-item border-b"><h3><button data-part="item-trigger"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all">${item.label}<span data-part="item-indicator"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200">▶</span></button></h3><div data-part="item-content"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="accordion-content overflow-hidden text-sm"><div class="pb-4 pt-0">${item.content}</div></div></div>`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = this.____unresolved_0_container;
+		if (!__c.__geaTpl) try {
+			var __tw = document.createElement("template");
+			__tw.innerHTML = this.render__unresolved_0Item({
+				value: 0,
+				label: "",
+				content: ""
+			});
+			__c.__geaTpl = __tw.content.firstElementChild;
+		} catch (__err) {
+			console.error(__err);
+		}
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = document.createElement("template");
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.content.firstElementChild;
+		}
+		el.__ref_0_0 = el.firstElementChild.firstElementChild;
+		el.__ref_0_0_0 = el.firstElementChild.firstElementChild.firstElementChild;
+		el.__ref_1 = el.firstElementChild.nextElementSibling;
+		el.__ref_1_0 = el.firstElementChild.nextElementSibling.firstElementChild;
+		var __av = item.value;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else el.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_0_0.removeAttribute("data-value");
+		else el.__ref_0_0.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_0_0_0.removeAttribute("data-value");
+		else el.__ref_0_0_0.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-value");
+		else el.__ref_1.setAttribute("data-value", String(__av));
+		el.__ref_1_0.textContent = `${item.content}`;
+		el.setAttribute("data-gea-item-id", item?.value ?? item);
+		el.__geaItem = item;
+		return el;
+	}
+	patch__unresolved_0Item(row, item, __prevItem) {
+		if (!row) return;
+		if (!row.__ref_0_0) row.__ref_0_0 = row.firstElementChild.firstElementChild;
+		if (!row.__ref_0_0_0) row.__ref_0_0_0 = row.firstElementChild.firstElementChild.firstElementChild;
+		if (!row.__ref_1) row.__ref_1 = row.firstElementChild.nextElementSibling;
+		if (!row.__ref_1_0) row.__ref_1_0 = row.firstElementChild.nextElementSibling.firstElementChild;
+		var __av = item.value;
+		if (__av == null || __av === false) row.removeAttribute("data-value");
+		else row.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_0_0.removeAttribute("data-value");
+		else row.__ref_0_0.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_0_0_0.removeAttribute("data-value");
+		else row.__ref_0_0_0.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-value");
+		else row.__ref_1.setAttribute("data-value", String(__av));
+		row.__ref_1_0.textContent = `${item.content}`;
+		row.setAttribute("data-gea-item-id", item?.value ?? item);
+		row.__geaItem = item;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "items") this.__geaSyncMap(0);
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => this.$(":scope"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item), "value");
+	}
+};
+//#endregion
+export { Accordion as default };
+
+//# sourceMappingURL=accordion.mjs.map

package/dist/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.mjs","names":["__v","v","valueOf","Component","accordion","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Accordion","value","createMachine","_props","machine","getMachineProps","props","id","defaultValue","multiple","collapsible","disabled","orientation","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","HTMLElement","dataset","[data-part=\"item-trigger\"]","getItemTriggerProps","[data-part=\"item-content\"]","getItemContentProps","[data-part=\"item-indicator\"]","getItemIndicatorProps","syncState","template","__id","_register","items","class","String","trim","map","item","label","content","join","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","firstElementChild","__err","console","error","cloneNode","__fw","__ref_0_0","__ref_0_0_0","__ref_1","nextElementSibling","__ref_1_0","__av","removeAttribute","setAttribute","textContent","__geaItem","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaSyncMap","__observe_local_props","createdHooks","__geaRegisterMap","$","__item","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"sources":["../src/components/accordion.tsx"],"sourcesContent":["import * as accordion from '@zag-js/accordion'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Accordion extends ZagComponent {\n  declare value: string[]\n\n  createMachine(_props: any): any {\n    return accordion.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      multiple: props.multiple ?? false,\n      collapsible: props.collapsible ?? false,\n      disabled: props.disabled,\n      orientation: props.orientation ?? 'vertical',\n      onValueChange: (details: accordion.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return accordion.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"item\"]': (api, el) => api.getItemProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-trigger\"]': (api, el) => api.getItemTriggerProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-content\"]': (api, el) => api.getItemContentProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-indicator\"]': (api, el) =>\n        api.getItemIndicatorProps({ value: (el as HTMLElement).dataset.value }),\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {items.map((item: any) => (\n          <div key={item.value} data-part=\"item\" data-value={item.value} class=\"accordion-item border-b\">\n            <h3>\n              <button\n                data-part=\"item-trigger\"\n                data-value={item.value}\n                class=\"accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all\"\n              >\n                {item.label}\n                <span\n                  data-part=\"item-indicator\"\n                  data-value={item.value}\n                  class=\"accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200\"\n                >\n                  &#x25B6;\n                </span>\n              </button>\n            </h3>\n            <div data-part=\"item-content\" data-value={item.value} class=\"accordion-content overflow-hidden text-sm\">\n              <div class=\"pb-4 pt-0\">{item.content}</div>\n            </div>\n          </div>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/alert.d.mts

@@ -0,0 +1,15 @@
+import { Component } from "@geajs/core";
+
+//#region src/components/alert.d.ts
+declare class Alert extends Component {
+  template(props: any): string;
+}
+declare class AlertTitle extends Component {
+  template(props: any): string;
+}
+declare class AlertDescription extends Component {
+  template(props: any): string;
+}
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.d.mts.map

package/dist/alert.mjs

@@ -0,0 +1,93 @@
+import { t as cn } from "./cn.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+//#region src/components/alert.tsx
+const variants = {
+	default: "bg-background text-foreground",
+	destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+};
+var Alert = class extends Component {
+	template(props) {
+		const __id = this.id;
+		const variant = variants[props.variant || "default"] || variants.default;
+		return `<div id="${__id}"${cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variant, props.class) == null || cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variant, props.class) === false ? "" : ` class="${(cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variant, props.class) != null ? String(cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variant, props.class)) : "").trim()}"`} role="alert">${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "variant") {
+			const __el = this.element_;
+			const __boundValue = cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variants[this.props.variant || "default"] || variants.default, this.props.class);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "class") {
+			const __el = this.element_;
+			const __boundValue = cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variants[this.props.variant || "default"] || variants.default, 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_();
+			}
+		}
+	}
+};
+var AlertTitle = class extends Component {
+	template(props) {
+		return `<h5 id="${this.id}"${cn("mb-1 font-medium leading-none tracking-tight", props.class) == null || cn("mb-1 font-medium leading-none tracking-tight", props.class) === false ? "" : ` class="${(cn("mb-1 font-medium leading-none tracking-tight", props.class) != null ? String(cn("mb-1 font-medium leading-none tracking-tight", props.class)) : "").trim()}"`}>${props.children}</h5>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = cn("mb-1 font-medium leading-none tracking-tight", 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_();
+			}
+		}
+	}
+};
+var AlertDescription = class extends Component {
+	template(props) {
+		return `<div id="${this.id}"${cn("text-sm [&_p]:leading-relaxed", props.class) == null || cn("text-sm [&_p]:leading-relaxed", props.class) === false ? "" : ` class="${(cn("text-sm [&_p]:leading-relaxed", props.class) != null ? String(cn("text-sm [&_p]:leading-relaxed", props.class)) : "").trim()}"`}>${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = cn("text-sm [&_p]:leading-relaxed", 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 { Alert, AlertDescription, AlertTitle };
+
+//# sourceMappingURL=alert.mjs.map

package/dist/alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.mjs","names":["Component","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","variants","Record","default","destructive","Alert","template","props","__id","id","variant","class","String","trim","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","AlertTitle","AlertDescription","import","meta","hot","__moduleExports","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"sources":["../src/components/alert.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nconst variants: Record<string, string> = {\n  default: 'bg-background text-foreground',\n  destructive: 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',\n}\n\nexport class Alert extends Component {\n  template(props: any) {\n    const variant = variants[props.variant || 'default'] || variants.default\n\n    return (\n      <div\n        class={cn(\n          'relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7',\n          variant,\n          props.class,\n        )}\n        role=\"alert\"\n      >\n        {props.children}\n      </div>\n    )\n  }\n}\n\nexport class AlertTitle extends Component {\n  template(props: any) {\n    return <h5 class={cn('mb-1 font-medium leading-none tracking-tight', props.class)}>{props.children}</h5>\n  }\n}\n\nexport class AlertDescription extends Component {\n  template(props: any) {\n    return <div class={cn('text-sm [&_p]:leading-relaxed', props.class)}>{props.children}</div>\n  }\n}\n"],"mappings":"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"}

package/dist/avatar.d.mts

@@ -0,0 +1,26 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as avatar from "@zag-js/avatar";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/avatar.d.ts
+declare class Avatar extends ZagComponent {
+  loaded: boolean;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    onStatusChange: any;
+  };
+  connectApi(service: any): avatar.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="image"]': string;
+    '[data-part="fallback"]': string;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { Avatar as default };
+//# sourceMappingURL=avatar.d.mts.map

package/dist/avatar.mjs

@@ -0,0 +1,95 @@
+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 avatar from "@zag-js/avatar";
+//#region src/components/avatar.tsx
+var Avatar = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.loaded = false;
+		this.props;
+		this.__geaCond_0 = !!this.props.src;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.src;
+		}, () => {
+			const props = this.props;
+			return `<img data-part="image"${this.props.src == null || props.src === false ? "" : ` src="${this.props.src}"`}${(this.props.name || "") == null || (props.name || "") === false ? "" : ` alt="${this.props.name || ""}"`} class="avatar-image absolute inset-0 h-full w-full object-cover" />`;
+		}, () => {
+			this.props;
+			return "";
+		});
+	}
+	createMachine(_props) {
+		return avatar.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			onStatusChange: props.onStatusChange
+		};
+	}
+	connectApi(service) {
+		return avatar.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"image\"]": "getImageProps",
+			"[data-part=\"fallback\"]": "getFallbackProps"
+		};
+	}
+	syncState(api) {
+		this.loaded = api.loaded;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		const initials = props.fallback || (props.name ? props.name.split(" ").map((n) => n[0]).join("").toUpperCase() : "?");
+		return `<div id="${__id}" data-part="root" class="${`avatar-root relative inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-full ${props.class || ""}`.trim()}"><!--${__id + "-c0"}-->${(props.src ? `<img data-part="image"${props.src == null || props.src === false ? "" : ` src="${props.src}"`}${(props.name || "") == null || (props.name || "") === false ? "" : ` alt="${props.name || ""}"`} class="avatar-image absolute inset-0 h-full w-full object-cover" />` : "") || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="fallback" class="${`avatar-fallback flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium ${props.src ? "absolute inset-0" : ""}`.trim()}">${initials}</div></div>`;
+	}
+	__onPropChange(key, value) {
+		const __id = this.id;
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = `avatar-root relative inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-full ${value || ""}`;
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "src") {
+			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			this.props;
+			const __boundValue = `avatar-fallback flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium ${value ? "absolute inset-0" : ""}`;
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "fallback") {
+			const __el = this.__e1 || (this.__e1 = document.getElementById(__id + "-b1"));
+			this.props;
+			const __boundValue = this.props.fallback || (this.props.name ? this.props.name.split(" ").map((n) => n[0]).join("").toUpperCase() : "?");
+			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
+		}
+		if (key === "name") {
+			const __el = this.__e2 || (this.__e2 = document.getElementById(__id + "-b1"));
+			this.props;
+			const __boundValue = this.props.fallback || (this.props.name ? this.props.name.split(" ").map((n) => n[0]).join("").toUpperCase() : "?");
+			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
+		}
+		if (key === "src" || key === "name") this.__geaPatchCond(0);
+	}
+	__resetEls() {
+		this.__e0 = null;
+		this.__e1 = null;
+		this.__e2 = null;
+	}
+};
+//#endregion
+export { Avatar as default };
+
+//# sourceMappingURL=avatar.mjs.map

package/dist/avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.mjs","names":["avatar","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Avatar","constructor","args","props","__geaCond_0","src","__geaRegisterCond","name","loaded","createMachine","_props","machine","getMachineProps","id","onStatusChange","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","initials","fallback","split","map","n","join","toUpperCase","class","trim","__onPropChange","key","value","__el","element_","__boundValue","__newClass","String","className","__e0","document","getElementById","__e1","textContent","__e2","__geaPatchCond","__resetEls","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"sources":["../src/components/avatar.tsx"],"sourcesContent":["import * as avatar from '@zag-js/avatar'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Avatar extends ZagComponent {\n  loaded = false\n\n  createMachine(_props: any): any {\n    return avatar.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      onStatusChange: props.onStatusChange,\n    }\n  }\n\n  connectApi(service: any) {\n    return avatar.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"image\"]': 'getImageProps',\n      '[data-part=\"fallback\"]': 'getFallbackProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.loaded = api.loaded\n  }\n\n  template(props: any) {\n    const initials =\n      props.fallback ||\n      (props.name\n        ? props.name\n            .split(' ')\n            .map((n: string) => n[0])\n            .join('')\n            .toUpperCase()\n        : '?')\n    return (\n      <div\n        data-part=\"root\"\n        class={`avatar-root relative inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-full ${props.class || ''}`}\n      >\n        {props.src ? (\n          <img\n            data-part=\"image\"\n            src={props.src}\n            alt={props.name || ''}\n            class=\"avatar-image absolute inset-0 h-full w-full object-cover\"\n          />\n        ) : (\n          ''\n        )}\n        <div\n          data-part=\"fallback\"\n          class={`avatar-fallback flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium ${props.src ? 'absolute inset-0' : ''}`}\n        >\n          {initials}\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/badge.d.mts

@@ -0,0 +1,9 @@
+import { Component } from "@geajs/core";
+
+//#region src/components/badge.d.ts
+declare class Badge extends Component {
+  template(props: any): string;
+}
+//#endregion
+export { Badge as default };
+//# sourceMappingURL=badge.d.mts.map

package/dist/badge.mjs

@@ -0,0 +1,47 @@
+import { t as cn } from "./cn.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+//#region src/components/badge.tsx
+const variants = {
+	default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+	secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+	destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+	outline: "text-foreground"
+};
+var Badge = class extends Component {
+	template(props) {
+		const __id = this.id;
+		const variant = variants[props.variant || "default"] || variants.default;
+		return `<span id="${__id}"${cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variant, props.class) == null || cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variant, props.class) === false ? "" : ` class="${(cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variant, props.class) != null ? String(cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variant, props.class)) : "").trim()}"`}>${props.children}</span>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "variant") {
+			const __el = this.element_;
+			const __boundValue = cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variants[this.props.variant || "default"] || variants.default, this.props.class);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "class") {
+			const __el = this.element_;
+			const __boundValue = cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variants[this.props.variant || "default"] || variants.default, 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 { Badge as default };
+
+//# sourceMappingURL=badge.mjs.map

package/dist/badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.mjs","names":["Component","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","variants","Record","default","secondary","destructive","outline","Badge","template","props","__id","id","variant","class","String","trim","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","import","meta","hot","__moduleExports","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"sources":["../src/components/badge.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nconst variants: Record<string, string> = {\n  default: 'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',\n  secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n  destructive: 'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',\n  outline: 'text-foreground',\n}\n\nexport default class Badge extends Component {\n  template(props: any) {\n    const variant = variants[props.variant || 'default'] || variants.default\n\n    return (\n      <span\n        class={cn(\n          'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n          variant,\n          props.class,\n        )}\n      >\n        {props.children}\n      </span>\n    )\n  }\n}\n"],"mappings":";;;;AAGA,MAAMM,WAAmC;CACvCE,SAAS;CACTC,WAAW;CACXC,aAAa;CACbC,SAAS;CACV;AAED,IAAqBC,QAArB,cAAmCZ,UAAU;CAC3Ca,SAASC,OAAY;EAAA,MAAAC,OAAA,KAAAC;EACnB,MAAMC,UAAUX,SAASQ,MAAMG,WAAW,cAAcX,SAASE;AAEjE,SAAA,aAAAO,KAAA,GAEWd,GACL,wKACAgB,SACAH,MAAMI,MACP,IAAA,QAJMjB,GACL,wKACAgB,SACAH,MAAMI,MACP,KAAA,QAAA,KAAA,YAJMjB,GACL,wKACAgB,SACAH,MAAMI,MACP,IAAA,OAAAC,OAJMlB,GACL,wKACAgB,SACAH,MAAMI,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,GAAA,GAEAN,MAAMO,SAAQ;;CArBvBC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,WAAA;GAAA,MAAAE,OAAA,KAAAC;GAW4C,MAAAC,eAI7D1B,GACL,wKALUK,SADC,KAAAQ,MACcG,WAAW,cAAcX,SAASE,SAMpD,KAAAM,MACDI,MAAK;AAAA,OAAAO,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAR,OAAAQ,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAK,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;GAPuD,MAAAC,eAI7D1B,GACL,wKALUK,SADC,KAAAQ,MACcG,WAAW,cAAcX,SAASE,SAMpDgB,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAR,OAAAQ,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAK,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,QAAAA,KAAAK,cAAAN,OAAA;AAAAC,SAAAK,YAAAN;AAAA,SAAAO,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA"}

package/dist/button.d.mts

@@ -0,0 +1,21 @@
+import { Component } from "@geajs/core";
+
+//#region src/components/button.d.ts
+type ButtonVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+type ButtonSize = 'default' | 'sm' | 'lg' | 'icon';
+interface ButtonProps {
+  variant?: ButtonVariant | (string & {});
+  size?: ButtonSize | (string & {});
+  type?: 'button' | 'submit' | 'reset';
+  disabled?: boolean;
+  class?: string;
+  click?: MouseEventHandler<HTMLButtonElement>;
+  onClick?: MouseEventHandler<HTMLButtonElement>;
+  children?: ReactNode;
+}
+declare class Button extends Component<ButtonProps> {
+  template(props: ButtonProps): string;
+}
+//#endregion
+export { ButtonProps, ButtonSize, ButtonVariant, Button as default };
+//# sourceMappingURL=button.d.mts.map