@geajs/ui 0.2.2 → 0.2.4

package/dist/accordion.mjs

@@ -1,12 +1,12 @@
 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 { Component, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_ON_PROP_CHANGE, 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";
+		this.__geaTagName = "gea-accordion";
 	}
 	#__rowEls_list;
 	#__dc___unresolved_0;
@@ -47,26 +47,26 @@ var Accordion = class extends ZagComponent {
 		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>`;
+		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-gid="${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>`;
+		return `<div data-gid="${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 {
+		if (!__c.__geaTpl) 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");
+			__c.__geaTpl = __tw.content.firstElementChild;
+			__c.__geaTpl?.removeAttribute("data-gid");
 		} catch (__err) {
 			console.error(__err);
 		}
-		if (__c[GEA_MAP_CONFIG_TPL]) var el = __c[GEA_MAP_CONFIG_TPL].cloneNode(true);
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
 		else {
 			var __fw = document.createElement("template");
 			__fw.innerHTML = this.render__unresolved_0Item(item);
@@ -100,7 +100,7 @@ var Accordion = class extends ZagComponent {
 			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}`;
+		if (el.__ref_1_0.textContent !== `${item.content}`) el.__ref_1_0.textContent = `${item.content}`;
 		el[GEA_DOM_KEY] = String(item?.value ?? item);
 		el[GEA_DOM_ITEM] = item;
 		return el;
@@ -135,18 +135,18 @@ var Accordion = class extends ZagComponent {
 			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}`;
+		if (row.__ref_1_0.textContent !== `${item.content}`) row.__ref_1_0.textContent = `${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) {
+	[GEA_ON_PROP_CHANGE](key, value) {
 		if (key === "class") {
 			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "";
 			if (__el) {
-				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}

package/dist/accordion.mjs.map

@@ -1 +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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"}
+{"version":3,"file":"accordion.mjs","names":["__v","v","valueOf","Component","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_SYNC_MAP","GEA_REGISTER_MAP","accordion","normalizeProps","ZagComponent","Accordion","__geaTagName","__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","__geaTpl","__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","textContent","patch__unresolved_0Item","row","__prevItem","key","__el","__boundValue","__newClass","replace","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.mjs

@@ -1,5 +1,5 @@
 import { t as cn } from "./cn.mjs";
-import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
+import { Component, GEA_ELEMENT, GEA_INSTANTIATE_CHILD_COMPONENTS, GEA_MOUNT_COMPILED_CHILD_COMPONENTS, GEA_ON_PROP_CHANGE, GEA_PATCH_NODE } from "@geajs/core";
 //#region src/components/alert.tsx
 const variants = {
 	default: "bg-background text-foreground",
@@ -7,19 +7,19 @@ const variants = {
 };
 var Alert = class extends Component {
 	static {
-		this[GEA_CTOR_TAG_NAME] = "alert";
+		this.__geaTagName = "gea-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) {
+	[GEA_ON_PROP_CHANGE](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();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
@@ -27,70 +27,91 @@ var Alert = class extends Component {
 			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();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				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_();
+			if (__el) {
+				const __tw = document.createElement("template");
+				__tw.innerHTML = value;
+				const __newEl = __tw.content.firstElementChild;
+				const __existEl = __el.firstElementChild;
+				if (__newEl && __existEl && __tw.content.childNodes.length === 1) this.constructor[GEA_PATCH_NODE](__existEl, __newEl, true);
+				else if (__el.innerHTML !== value) {
+					__el.innerHTML = value;
+					this[GEA_INSTANTIATE_CHILD_COMPONENTS]();
+					if (this.parentComponent) this.parentComponent[GEA_MOUNT_COMPILED_CHILD_COMPONENTS]();
+				}
 			}
 		}
 	}
 };
 var AlertTitle = class extends Component {
 	static {
-		this[GEA_CTOR_TAG_NAME] = "alert-title";
+		this.__geaTagName = "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) {
+	[GEA_ON_PROP_CHANGE](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();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				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_();
+			if (__el) {
+				const __tw = document.createElement("template");
+				__tw.innerHTML = value;
+				const __newEl = __tw.content.firstElementChild;
+				const __existEl = __el.firstElementChild;
+				if (__newEl && __existEl && __tw.content.childNodes.length === 1) this.constructor[GEA_PATCH_NODE](__existEl, __newEl, true);
+				else if (__el.innerHTML !== value) {
+					__el.innerHTML = value;
+					this[GEA_INSTANTIATE_CHILD_COMPONENTS]();
+					if (this.parentComponent) this.parentComponent[GEA_MOUNT_COMPILED_CHILD_COMPONENTS]();
+				}
 			}
 		}
 	}
 };
 var AlertDescription = class extends Component {
 	static {
-		this[GEA_CTOR_TAG_NAME] = "alert-description";
+		this.__geaTagName = "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) {
+	[GEA_ON_PROP_CHANGE](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();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				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_();
+			if (__el) {
+				const __tw = document.createElement("template");
+				__tw.innerHTML = value;
+				const __newEl = __tw.content.firstElementChild;
+				const __existEl = __el.firstElementChild;
+				if (__newEl && __existEl && __tw.content.childNodes.length === 1) this.constructor[GEA_PATCH_NODE](__existEl, __newEl, true);
+				else if (__el.innerHTML !== value) {
+					__el.innerHTML = value;
+					this[GEA_INSTANTIATE_CHILD_COMPONENTS]();
+					if (this.parentComponent) this.parentComponent[GEA_MOUNT_COMPILED_CHILD_COMPONENTS]();
+				}
 			}
 		}
 	}

package/dist/alert.mjs.map

@@ -1 +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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"}
+{"version":3,"file":"alert.mjs","names":["Component","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_NODE","GEA_INSTANTIATE_CHILD_COMPONENTS","GEA_MOUNT_COMPILED_CHILD_COMPONENTS","cn","variants","Record","default","destructive","Alert","__geaTagName","template","props","__id","id","variant","class","String","trim","children","key","value","__el","__boundValue","__newClass","replace","className","__tw","document","createElement","innerHTML","__newEl","content","firstElementChild","__existEl","childNodes","length","constructor","parentComponent","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.mjs

@@ -1,11 +1,11 @@
 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 { Component, GEA_ELEMENT, GEA_ON_PROP_CHANGE, 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";
+		this.__geaTagName = "gea-avatar";
 	}
 	constructor(...args) {
 		super(...args);
@@ -16,8 +16,8 @@ var Avatar = class extends ZagComponent {
 			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 `<img data-part="image"${this.props.src == null || this.props.src === false ? "" : ` src="${geaSanitizeAttr("src", String(this.props.src))}"`}${(this.props.name || "") == null || (this.props.name || "") === false ? "" : ` alt="${this.props.name || ""}"`} class="avatar-image absolute inset-0 h-full w-full object-cover" />`;
 		}, () => {
 			this.props;
 			return "";
@@ -51,41 +51,41 @@ var Avatar = class extends 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="${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) {
+	[GEA_ON_PROP_CHANGE](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();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
 		if (key === "src") {
-			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			const __el = this.__e0 || (this.__e0 = __gid(__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();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
 		if (key === "fallback") {
-			const __el = this.__e1 || (this.__e1 = document.getElementById(__id + "-b1"));
+			const __el = this.__e1 || (this.__e1 = __gid(__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"));
+			const __el = this.__e2 || (this.__e2 = __gid(__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() {
+	__resetEls() {
 		this.__e0 = null;
 		this.__e1 = null;
 		this.__e2 = null;

package/dist/avatar.mjs.map

@@ -1 +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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"}
+{"version":3,"file":"avatar.mjs","names":["Component","geaCondValueSymbol","GEA_REGISTER_COND","geaSanitizeAttr","geaEscapeHtml","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_COND","avatar","normalizeProps","ZagComponent","Avatar","__geaTagName","constructor","args","props","src","String","name","loaded","createMachine","_props","machine","getMachineProps","id","onStatusChange","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","_register","initials","fallback","split","map","n","join","toUpperCase","class","trim","key","value","__el","__boundValue","__newClass","replace","className","__e0","__gid","__e1","textContent","__e2","__resetEls"],"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.mjs

@@ -1,5 +1,5 @@
 import { t as cn } from "./cn.mjs";
-import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
+import { Component, GEA_ELEMENT, GEA_INSTANTIATE_CHILD_COMPONENTS, GEA_MOUNT_COMPILED_CHILD_COMPONENTS, GEA_ON_PROP_CHANGE, GEA_PATCH_NODE } from "@geajs/core";
 //#region src/components/badge.tsx
 const variants = {
 	default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
@@ -9,36 +9,43 @@ const variants = {
 };
 var Badge = class extends Component {
 	static {
-		this[GEA_CTOR_TAG_NAME] = "badge";
+		this.__geaTagName = "gea-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>`;
+		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-hidden focus:ring-2 focus:ring-ring", 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-hidden focus:ring-2 focus:ring-ring", 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-hidden focus:ring-2 focus:ring-ring", 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-hidden focus:ring-2 focus:ring-ring", variant, props.class)) : "").trim()}"`}>${props.children}</span>`;
 	}
-	__onPropChange(key, value) {
+	[GEA_ON_PROP_CHANGE](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);
+			const __boundValue = cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring", variants[this.props.variant || "default"] || variants.default, this.props.class);
 			if (__el) {
-				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				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);
+			const __boundValue = cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring", variants[this.props.variant || "default"] || variants.default, value);
 			if (__el) {
-				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				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_();
+			if (__el) {
+				const __tw = document.createElement("template");
+				__tw.innerHTML = value;
+				const __newEl = __tw.content.firstElementChild;
+				const __existEl = __el.firstElementChild;
+				if (__newEl && __existEl && __tw.content.childNodes.length === 1) this.constructor[GEA_PATCH_NODE](__existEl, __newEl, true);
+				else if (__el.innerHTML !== value) {
+					__el.innerHTML = value;
+					this[GEA_INSTANTIATE_CHILD_COMPONENTS]();
+					if (this.parentComponent) this.parentComponent[GEA_MOUNT_COMPILED_CHILD_COMPONENTS]();
+				}
 			}
 		}
 	}

package/dist/badge.mjs.map

@@ -1 +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"}
+{"version":3,"file":"badge.mjs","names":["Component","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_NODE","GEA_INSTANTIATE_CHILD_COMPONENTS","GEA_MOUNT_COMPILED_CHILD_COMPONENTS","cn","variants","Record","default","secondary","destructive","outline","Badge","__geaTagName","template","props","__id","id","variant","class","String","trim","children","key","value","__el","__boundValue","__newClass","replace","className","__tw","document","createElement","innerHTML","__newEl","content","firstElementChild","__existEl","childNodes","length","constructor","parentComponent"],"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-hidden focus:ring-2 focus:ring-ring',\n          variant,\n          props.class,\n        )}\n      >\n        {props.children}\n      </span>\n    )\n  }\n}\n"],"mappings":";;;AAGA,MAAMO,WAAmC;CACvCE,SAAS;CACTC,WAAW;CACXC,aAAa;CACbC,SAAS;CACV;AAED,IAAqBC,QAArB,cAAmCb,UAAU;;sBAAA;;CAC3Ce,SAASC,OAAY;EAAA,MAAAC,OAAA,KAAAC;EACnB,MAAMC,UAAUZ,SAASS,MAAMG,WAAW,cAAcZ,SAASE;AAEjE,SAAA,aAAAQ,KAAA,GAEWX,GACL,sJACAa,SACAH,MAAMI,MACP,IAAA,QAJMd,GACL,sJACAa,SACAH,MAAMI,MACP,KAAA,QAAA,KAAA,YAJMd,GACL,sJACAa,SACAH,MAAMI,MACP,IAAA,OAAAC,OAJMf,GACL,sJACAa,SACAH,MAAMI,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,GAAA,GAEAN,MAAMO,SAAQ;;CArBvB,CAAAtB,oBAAwBuB,KAAKC,OAAK;AAAA,MAAAD,QAAA,WAAA;GAAA,MAAAE,OAAA,KAAAxB;GAW0C,MAAAyB,eAI7DrB,GACL,sJALUC,SADC,KAAAS,MACcG,WAAW,cAAcZ,SAASE,SAXrE,KAAKO,MAkBWI,MACP;AAAA,OAAAM,MAnBT;IACM,MAAME,aADXP,OAAOM,gBAAyB,GAAG,CAAEL,MAAM,CAACO,QAAQ,QAAQ,IACf;AACxC,QAAIH,KAAsBI,cAAcF,WAAYF,MAAsBI,YAAYF;;;AACvF,MAAAJ,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAxB;GAQuE,MAAAyB,eAI7DrB,GACL,sJALUC,SADC,KAAAS,MACcG,WAAW,cAAcZ,SAASE,SAMpDgB,MAER;AAAA,OAAAC,MAnBT;IACM,MAAME,aADXP,OAAOM,gBAAyB,GAAG,CAAEL,MAAM,CAACO,QAAQ,QAAQ,IACf;AACxC,QAAIH,KAAsBI,cAAcF,WAAYF,MAAsBI,YAAYF;;;AACvF,MAAAJ,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAxB;AAAA,OAAAwB,MAHL;IACI,MAAMK,OAAOC,SAASC,cAAc,WAAW;AAC/CF,SAAKG,YAAST;IACd,MAAMU,UAAUJ,KAAKK,QAAQC;IAC7B,MAAMC,YAAYZ,KAAsBW;AACxC,QAAIF,WAAWG,aAAaP,KAAKK,QAAQG,WAAWC,WAAW,EAC7D,MAAKC,YAAWtC,gBAAwBmC,WAAWH,SAAS,KAAK;aACxDT,KAAsBQ,cAAST,OAA4B;AACpEC,UAAsBQ,YAAST;AAC/B,UAAIrB,mCAAyB;AAC7B,SAAI,KAAKsC,gBAAiB,MAAKA,gBAAerC,sCAAyB"}