@geajs/ui 0.1.4 → 0.2.0

package/README.md

@@ -15,30 +15,25 @@ npm install @geajs/core
 
 ## Tailwind CSS Setup
 
-### 1. Add @geajs/ui to your Tailwind content paths
-
-```js
-// tailwind.config.js
-import geaPreset from '@geajs/ui/tailwind-preset'
-
-export default {
-  presets: [geaPreset],
-  content: [
-    './src/**/*.{tsx,ts,jsx,js}',
-    './node_modules/@geajs/ui/dist/**/*.js',
-  ],
-}
-```
+### 1. Install Tailwind and its Vite plugin
 
-### 2. Import the theme CSS
+```bash
+npm install -D tailwindcss @tailwindcss/vite
+```
 
-In your main CSS file:
+```ts
+// vite.config.ts
+import tailwindcss from '@tailwindcss/vite'
+import { defineConfig } from 'vite'
 
-```css
-@import '@geajs/ui/style.css';
+export default defineConfig({
+  plugins: [tailwindcss()],
+})
 ```
 
-Or in your entry point:
+### 2. Import the theme CSS
+
+Import once in your entry point. This sets up Tailwind, all semantic color tokens, and dark mode support — no `tailwind.config.js` needed.
 
 ```ts
 import '@geajs/ui/style.css'

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: any;
+    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,167 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_MAP_CONFIG_TPL, GEA_REGISTER_MAP, GEA_SYNC_MAP } 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 {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "accordion";
+	}
+	#__rowEls_list;
+	#__dc___unresolved_0;
+	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, "zag-component");
+		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.#__dc___unresolved_0 || (this.#__dc___unresolved_0 = this.____unresolved_0_container);
+		if (!__c[GEA_MAP_CONFIG_TPL]) try {
+			var __tw = document.createElement("template");
+			__tw.innerHTML = this.render__unresolved_0Item({
+				value: 0,
+				label: " ",
+				content: " "
+			});
+			__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.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 {
+			const __newAttr = String(__av);
+			if (el.getAttribute("data-value") !== __newAttr) el.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_0_0.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_0_0.getAttribute("data-value") !== __newAttr) el.__ref_0_0.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_0_0_0.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_0_0_0.getAttribute("data-value") !== __newAttr) el.__ref_0_0_0.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_1.getAttribute("data-value") !== __newAttr) el.__ref_1.setAttribute("data-value", __newAttr);
+		}
+		el.__ref_1_0.firstChild.nodeValue = `${item.content}`;
+		el[GEA_DOM_KEY] = String(item?.value ?? item);
+		el[GEA_DOM_ITEM] = 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 {
+			const __newAttr = String(__av);
+			if (row.getAttribute("data-value") !== __newAttr) row.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_0_0.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_0_0.getAttribute("data-value") !== __newAttr) row.__ref_0_0.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_0_0_0.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_0_0_0.getAttribute("data-value") !== __newAttr) row.__ref_0_0_0.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_1.getAttribute("data-value") !== __newAttr) row.__ref_1.setAttribute("data-value", __newAttr);
+		}
+		row.__ref_1_0.firstChild.nodeValue = `${item.content}`;
+		row[GEA_DOM_KEY] = String(item?.value ?? item);
+		(this.#__rowEls_list || (this.#__rowEls_list = {}))[String(item?.value ?? item)] = row;
+		row[GEA_DOM_ITEM] = item;
+	}
+	__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 === "items") this[GEA_SYNC_MAP](0);
+	}
+	__observe_local_props(__v, __c) {
+		this[GEA_SYNC_MAP](0);
+	}
+	createdHooks() {
+		this[GEA_REGISTER_MAP](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","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","accordion","normalizeProps","ZagComponent","Accordion","__rowEls_list","__dc___unresolved_0","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","__tw","document","createElement","innerHTML","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__ref_0_0","__ref_0_0_0","__ref_1","nextElementSibling","__ref_1_0","__av","__newAttr","getAttribute","setAttribute","firstChild","nodeValue","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","__boundValue","__newClass","className","__observe_local_props","createdHooks","$","__item"],"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,101 @@
+import { t as cn } from "./cn.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } 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 {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "alert";
+	}
+	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[GEA_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[GEA_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[GEA_ELEMENT];
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+var AlertTitle = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "alert-title";
+	}
+	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[GEA_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[GEA_ELEMENT];
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+var AlertDescription = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "alert-description";
+	}
+	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[GEA_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[GEA_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","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","cn","variants","Record","default","destructive","Alert","template","props","__id","id","variant","class","String","trim","children","__onPropChange","key","value","__el","__boundValue","__newClass","className","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","AlertTitle","AlertDescription"],"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: any;
+    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,97 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT, GEA_PATCH_COND, GEA_REGISTER_COND, geaCondValueSymbol, geaEscapeHtml, geaSanitizeAttr } 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 {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "avatar";
+	}
+	constructor(...args) {
+		super(...args);
+		this.loaded = false;
+		this.props;
+		this[geaCondValueSymbol(0)] = !!this.props.src;
+		this[GEA_REGISTER_COND](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="${geaSanitizeAttr("src", String(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, "zag-component");
+		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="${geaSanitizeAttr("src", String(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()}">${geaEscapeHtml(String(initials))}</div></div>`;
+	}
+	__onPropChange(key, value) {
+		const __id = this.id;
+		if (key === "class") {
+			const __el = this[GEA_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[GEA_PATCH_COND](0);
+	}
+	*GEA_RESET_ELS() {
+		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","Avatar","GEA_CTOR_TAG_NAME","constructor","args","props","geaCondValueSymbol","src","GEA_REGISTER_COND","geaSanitizeAttr","String","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","geaEscapeHtml","__onPropChange","key","value","__el","GEA_ELEMENT","__boundValue","__newClass","className","__e0","document","getElementById","__e1","textContent","__e2","GEA_PATCH_COND","GEA_RESET_ELS"],"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,49 @@
+import { t as cn } from "./cn.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } 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 {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "badge";
+	}
+	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[GEA_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[GEA_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[GEA_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","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","cn","variants","Record","default","secondary","destructive","outline","Badge","template","props","__id","id","variant","class","String","trim","children","__onPropChange","key","value","__el","__boundValue","__newClass","className","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_"],"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,MAAMuC,WAAmC;CACvCE,SAAS;CACTC,WAAW;CACXC,aAAa;CACbC,SAAS;CACV;AAED,IAAqBC,QAArB,cAAmC7C,UAAU;;OAAAqC,qBAAA;;CAC3CS,SAASC,OAAY;EAAA,MAAAC,OAAA,KAAAC;EACnB,MAAMC,UAAUX,SAASQ,MAAMG,WAAW,cAAcX,SAASE;AAEjE,SAAA,aAAAO,KAAA,GAEWV,GACL,wKACAY,SACAH,MAAMI,MACP,IAAA,QAJMb,GACL,wKACAY,SACAH,MAAMI,MACP,KAAA,QAAA,KAAA,YAJMb,GACL,wKACAY,SACAH,MAAMI,MACP,IAAA,OAAAC,OAJMd,GACL,wKACAY,SACAH,MAAMI,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,GAAA,GAEAN,MAAMO,SAAQ;;CArBvBC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,WAAA;GAAA,MAAAE,OAAA,KAAAxD;GAW4C,MAAAyD,eAI7DrB,GACL,wKALUC,SADC,KAAAQ,MACcG,WAAW,cAAcX,SAASE,SAMpD,KAAAM,MACDI,MAAK;AAAA,OAAAO,MAAA;IAAA,MAAAE,cAAAD,gBAAA,OAAAP,OAAAO,aAAA,GAAA,IAAAN,MAAA;AAAA,QAAAK,KAAAG,cAAAD,WAAAF,MAAAG,YAAAD;;;AAAA,MAAAJ,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAxD;GAPuD,MAAAyD,eAI7DrB,GACL,wKALUC,SADC,KAAAQ,MACcG,WAAW,cAAcX,SAASE,SAMpDgB,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAE,cAAAD,gBAAA,OAAAP,OAAAO,aAAA,GAAA,IAAAN,MAAA;AAAA,QAAAK,KAAAG,cAAAD,WAAAF,MAAAG,YAAAD;;;AAAA,MAAAJ,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAxD;AAAA,OAAAwD,QAAAA,KAAAI,cAAAL,OAAA;AAAAC,SAAAI,YAAAL;AAAA,SAAAM,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