@geajs/ui 0.1.5 → 0.2.0

package/dist/rating-group.mjs

@@ -1,21 +1,25 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+import { Component, GEA_CTOR_TAG_NAME, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_MAP_CONFIG_TPL, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_REGISTER_MAP, GEA_SYNC_MAP, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as ratingGroup from "@zag-js/rating-group";
 //#region src/components/rating-group.tsx
 const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
 var RatingGroup = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "rating-group";
+	}
+	#__rowEls_b1;
+	#__dc_b1;
 	constructor(...args) {
 		super(...args);
 		this.props;
-		this.__geaCond_0 = !!this.props.label;
-		this.__geaRegisterCond(0, "c0", () => {
+		this[geaCondValueSymbol(0)] = !!this.props.label;
+		this[GEA_REGISTER_COND](0, "c0", () => {
 			this.props;
 			return this.props.label;
 		}, () => {
 			this.props;
-			return `<label data-part="label" class="rating-group-label text-sm font-medium mb-1 block">${this.props.label}</label>`;
+			return `<label data-part="label" class="rating-group-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(this.props.label))}</label>`;
 		}, null);
 	}
 	createMachine(_props) {
@@ -86,24 +90,25 @@ var RatingGroup = class extends ZagComponent {
 	}
 	template(props) {
 		const __id = this.id;
-		Component._register(ZagComponent);
+		Component._register(ZagComponent, "zag-component");
 		const count = props.count ?? 5;
 		const items = Array.from({ length: count }, (_, i) => i + 1);
-		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="rating-group-label text-sm font-medium mb-1 block">${props.label}</label>` || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="control" class="rating-group-control flex gap-0.5">${items.map((i) => `<span data-gea-item-id="${String(i)}" data-part="item"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`} class="rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400" style="line-height: 1px">★</span>`).join("") + "<!---->"}</div><input data-part="hidden-input" type="hidden" /></div>`;
+		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="rating-group-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="control" class="rating-group-control flex gap-0.5">${items.map((i) => `<span data-gea-item-id="${String(i)}" data-part="item"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`} class="rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400" style="line-height: 1px">★</span>`).join("") + "<!---->"}</div><input data-part="hidden-input" type="hidden" /></div>`;
 	}
 	render__unresolved_0Item(i) {
 		return `<span data-gea-item-id="${String(i)}" data-part="item"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`} class="rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400" style="line-height: 1px">★</span>`;
 	}
 	create__unresolved_0Item(item) {
-		var __c = this.____unresolved_0_container;
-		if (!__c.__geaTpl) try {
+		var __c = this.#__dc_b1 || (this.#__dc_b1 = this.____unresolved_0_container);
+		if (!__c[GEA_MAP_CONFIG_TPL]) try {
 			var __tw = document.createElement("template");
 			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
-			__c.__geaTpl = __tw.content.firstElementChild;
+			__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.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		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);
@@ -111,28 +116,35 @@ var RatingGroup = class extends ZagComponent {
 		}
 		var __av = String(item);
 		if (__av == null || __av === false) el.removeAttribute("data-index");
-		else el.setAttribute("data-index", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (el.getAttribute("data-index") !== __newAttr) el.setAttribute("data-index", __newAttr);
+		}
 		var __av = { lineHeight: 1 };
 		if (__av == null || __av === false) el.removeAttribute("style");
 		else el.style.cssText = typeof __av === "object" ? Object.entries(__av).map(([k, v]) => k.replace(/[A-Z]/g, "-$&") + ": " + v).join("; ") : String(__av);
-		el.setAttribute("data-gea-item-id", String(item));
-		el.__geaItem = item;
+		el[GEA_DOM_KEY] = String(item);
+		el[GEA_DOM_ITEM] = item;
 		return el;
 	}
 	patch__unresolved_0Item(row, item, __prevItem) {
 		if (!row) return;
 		var __av = String(item);
 		if (__av == null || __av === false) row.removeAttribute("data-index");
-		else row.setAttribute("data-index", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (row.getAttribute("data-index") !== __newAttr) row.setAttribute("data-index", __newAttr);
+		}
 		var __av = { lineHeight: 1 };
 		if (__av == null || __av === false) row.removeAttribute("style");
 		else row.style.cssText = typeof __av === "object" ? Object.entries(__av).map(([k, v]) => k.replace(/[A-Z]/g, "-$&") + ": " + v).join("; ") : String(__av);
-		row.setAttribute("data-gea-item-id", String(item));
-		row.__geaItem = item;
+		row[GEA_DOM_KEY] = String(item);
+		(this.#__rowEls_b1 || (this.#__rowEls_b1 = {}))[String(item)] = row;
+		row[GEA_DOM_ITEM] = item;
 	}
 	__onPropChange(key, value) {
 		if (key === "class") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "";
 			if (__el) {
@@ -140,14 +152,14 @@ var RatingGroup = class extends ZagComponent {
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
-		if (key === "label") this.__geaPatchCond(0);
-		if (key === "count") this.__geaSyncMap(0);
+		if (key === "label") this[GEA_PATCH_COND](0);
+		if (key === "count") this[GEA_SYNC_MAP](0);
 	}
 	__observe_local_props(__v, __c) {
-		this.__geaSyncMap(0);
+		this[GEA_SYNC_MAP](0);
 	}
 	createdHooks() {
-		this.__geaRegisterMap(0, "____unresolved_0_container", () => document.getElementById(this.id + "-b1"), () => {
+		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => document.getElementById(this.id + "-b1"), () => {
 			const count = this.props.count ?? 5;
 			return Array.from({ length: count }, (_, i) => i + 1);
 		}, (__item) => this.create__unresolved_0Item(__item));

package/dist/rating-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rating-group.mjs","names":["__v","v","valueOf","Component","ratingGroup","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","RatingGroup","constructor","args","props","__geaCond_0","label","__geaRegisterCond","value","_allowHalf","createMachine","_props","machine","getMachineProps","allowHalf","id","defaultValue","count","readOnly","disabled","name","form","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","htmlEl","HTMLElement","index","parseInt","dataset","getItemProps","onpointerdown","e","PointerEvent","rect","getBoundingClientRect","isLeftHalf","clientX","left","width","setValue","syncState","_applyAllSpreads","_api","items","querySelectorAll","i","length","state","getItemState","half","style","background","backgroundClip","setProperty","template","__id","_register","Array","from","_","class","String","trim","map","join","render__unresolved_0Item","create__unresolved_0Item","item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","__err","console","error","cloneNode","__fw","__av","removeAttribute","setAttribute","lineHeight","cssText","Object","entries","k","replace","__geaItem","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaPatchCond","__geaSyncMap","__observe_local_props","createdHooks","__geaRegisterMap","getElementById","__item","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"sources":["../src/components/rating-group.tsx"],"sourcesContent":["import * as ratingGroup from '@zag-js/rating-group'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class RatingGroup extends ZagComponent {\n  declare value: number\n  declare _allowHalf: boolean\n\n  createMachine(_props: any): any {\n    return ratingGroup.machine\n  }\n\n  getMachineProps(props: any) {\n    this._allowHalf = !!props.allowHalf\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      count: props.count ?? 5,\n      allowHalf: !!props.allowHalf,\n      readOnly: props.readOnly,\n      disabled: props.disabled,\n      name: props.name,\n      form: props.form,\n      onValueChange: (details: ratingGroup.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return ratingGroup.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const htmlEl = el as HTMLElement\n        const index = parseInt(htmlEl.dataset.index || '0', 10)\n        const props = api.getItemProps({ index })\n        if (this._allowHalf) {\n          props.onpointerdown = (e: PointerEvent) => {\n            const rect = htmlEl.getBoundingClientRect()\n            const isLeftHalf = e.clientX - rect.left < rect.width / 2\n            api.setValue(isLeftHalf ? index - 0.5 : index)\n          }\n        }\n        return props\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  _applyAllSpreads() {\n    super._applyAllSpreads()\n    if (!this._api || !this.el) return\n    const items = this.el.querySelectorAll('[data-part=\"item\"]')\n    for (let i = 0; i < items.length; i++) {\n      const el = items[i] as HTMLElement\n      const index = parseInt(el.dataset.index || '0', 10)\n      const state = this._api.getItemState({ index })\n      if (state.half) {\n        el.style.background = 'linear-gradient(90deg, #facc15 50%, hsl(var(--muted-foreground)) 50%)'\n        el.style.backgroundClip = 'text'\n        el.style.setProperty('-webkit-background-clip', 'text')\n        el.style.setProperty('-webkit-text-fill-color', 'transparent')\n      } else {\n        el.style.background = ''\n        el.style.backgroundClip = ''\n        el.style.setProperty('-webkit-background-clip', '')\n        el.style.setProperty('-webkit-text-fill-color', '')\n      }\n    }\n  }\n\n  template(props: any) {\n    const count = props.count ?? 5\n    const items = Array.from({ length: count }, (_, i) => i + 1)\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"rating-group-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"control\" class=\"rating-group-control flex gap-0.5\">\n          {items.map((i: number) => (\n            <span\n              key={i}\n              data-part=\"item\"\n              data-index={String(i)}\n              class=\"rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400\"\n              style={{ lineHeight: 1 }}\n            >\n              &#x2605;\n            </span>\n          ))}\n        </div>\n        <input data-part=\"hidden-input\" type=\"hidden\" />\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"rating-group.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","ratingGroup","normalizeProps","ZagComponent","RatingGroup","__rowEls_b1","__dc_b1","constructor","args","props","label","String","value","_allowHalf","createMachine","_props","machine","getMachineProps","allowHalf","id","defaultValue","count","readOnly","disabled","name","form","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","htmlEl","HTMLElement","index","parseInt","dataset","getItemProps","onpointerdown","e","PointerEvent","rect","getBoundingClientRect","isLeftHalf","clientX","left","width","setValue","syncState","_applyAllSpreads","_api","items","querySelectorAll","i","length","state","getItemState","half","style","background","backgroundClip","setProperty","template","__id","_register","Array","from","_","class","trim","map","join","render__unresolved_0Item","create__unresolved_0Item","item","__c","____unresolved_0_container","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__av","__newAttr","getAttribute","setAttribute","lineHeight","cssText","Object","entries","k","replace","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","__boundValue","__newClass","className","__observe_local_props","createdHooks","getElementById","__item"],"sources":["../src/components/rating-group.tsx"],"sourcesContent":["import * as ratingGroup from '@zag-js/rating-group'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class RatingGroup extends ZagComponent {\n  declare value: number\n  declare _allowHalf: boolean\n\n  createMachine(_props: any): any {\n    return ratingGroup.machine\n  }\n\n  getMachineProps(props: any) {\n    this._allowHalf = !!props.allowHalf\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      count: props.count ?? 5,\n      allowHalf: !!props.allowHalf,\n      readOnly: props.readOnly,\n      disabled: props.disabled,\n      name: props.name,\n      form: props.form,\n      onValueChange: (details: ratingGroup.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return ratingGroup.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const htmlEl = el as HTMLElement\n        const index = parseInt(htmlEl.dataset.index || '0', 10)\n        const props = api.getItemProps({ index })\n        if (this._allowHalf) {\n          props.onpointerdown = (e: PointerEvent) => {\n            const rect = htmlEl.getBoundingClientRect()\n            const isLeftHalf = e.clientX - rect.left < rect.width / 2\n            api.setValue(isLeftHalf ? index - 0.5 : index)\n          }\n        }\n        return props\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  _applyAllSpreads() {\n    super._applyAllSpreads()\n    if (!this._api || !this.el) return\n    const items = this.el.querySelectorAll('[data-part=\"item\"]')\n    for (let i = 0; i < items.length; i++) {\n      const el = items[i] as HTMLElement\n      const index = parseInt(el.dataset.index || '0', 10)\n      const state = this._api.getItemState({ index })\n      if (state.half) {\n        el.style.background = 'linear-gradient(90deg, #facc15 50%, hsl(var(--muted-foreground)) 50%)'\n        el.style.backgroundClip = 'text'\n        el.style.setProperty('-webkit-background-clip', 'text')\n        el.style.setProperty('-webkit-text-fill-color', 'transparent')\n      } else {\n        el.style.background = ''\n        el.style.backgroundClip = ''\n        el.style.setProperty('-webkit-background-clip', '')\n        el.style.setProperty('-webkit-text-fill-color', '')\n      }\n    }\n  }\n\n  template(props: any) {\n    const count = props.count ?? 5\n    const items = Array.from({ length: count }, (_, i) => i + 1)\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"rating-group-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"control\" class=\"rating-group-control flex gap-0.5\">\n          {items.map((i: number) => (\n            <span\n              key={i}\n              data-part=\"item\"\n              data-index={String(i)}\n              class=\"rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400\"\n              style={{ lineHeight: 1 }}\n            >\n              &#x2605;\n            </span>\n          ))}\n        </div>\n        <input data-part=\"hidden-input\" type=\"hidden\" />\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/select.d.mts

@@ -1,6 +1,6 @@
 import { n as ZagComponent } from "./zag-component.mjs";
 import * as select from "@zag-js/select";
-import * as _zag_js_types0 from "@zag-js/types";
+import * as _$_zag_js_types0 from "@zag-js/types";
 
 //#region src/components/select.d.ts
 declare class Select extends ZagComponent {
@@ -9,7 +9,7 @@ declare class Select extends ZagComponent {
   valueAsString: string;
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: string;
+    id: any;
     collection: any;
     value: any;
     defaultValue: any;
@@ -28,7 +28,7 @@ declare class Select extends ZagComponent {
     onValueChange: (details: select.ValueChangeDetails) => void;
     onOpenChange: (details: select.OpenChangeDetails) => void;
   };
-  connectApi(service: any): select.Api<_zag_js_types0.PropTypes<{
+  connectApi(service: any): select.Api<_$_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>, any>;
   getSpreadMap(): {

package/dist/select.mjs

@@ -1,21 +1,25 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+import { Component, GEA_CTOR_TAG_NAME, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_MAP_CONFIG_TPL, GEA_OBSERVE, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_REGISTER_MAP, GEA_RENDERED, GEA_SETUP_LOCAL_STATE_OBSERVERS, GEA_SYNC_MAP, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as select from "@zag-js/select";
 //#region src/components/select.tsx
 const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
 var Select = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "gea-select";
+	}
+	#__rowEls_b2;
+	#__dc_b2;
 	constructor(...args) {
 		super(...args);
 		this.props;
-		this.__geaCond_0 = !!this.props.label;
-		this.__geaRegisterCond(0, "c0", () => {
+		this[geaCondValueSymbol(0)] = !!this.props.label;
+		this[GEA_REGISTER_COND](0, "c0", () => {
 			this.props;
 			return this.props.label;
 		}, () => {
 			this.props;
-			return `<label data-part="label" class="select-label text-sm font-medium mb-1 block">${this.props.label}</label>`;
+			return `<label data-part="label" class="select-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(this.props.label))}</label>`;
 		}, null);
 	}
 	createMachine(_props) {
@@ -104,26 +108,27 @@ var Select = class extends ZagComponent {
 	}
 	template(props) {
 		const __id = this.id;
-		Component._register(ZagComponent);
+		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()}"`}><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="select-label text-sm font-medium mb-1 block">${props.label}</label>` || ""}<!--${__id + "-c0-end"}--><div data-part="control" class="select-control"><button data-part="trigger" class="select-trigger flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span id="${__id + "-b1"}" data-part="value-text" class="select-value-text">${this.valueAsString || props.placeholder || "Select..."}</span><span data-part="indicator" class="select-indicator">▼</span></button></div><div data-part="positioner" class="select-positioner"><div data-part="content" class="select-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md"><div id="${__id + "-b2"}" data-part="list">${items.map((item) => `<div data-gea-item-id="${item?.value ?? item}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`}${item.label == null || item.label === false ? "" : ` data-label="${item.label}"`} class="select-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"><span data-part="item-text"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`}${item.label == null || item.label === false ? "" : ` data-label="${item.label}"`}>${item.label}</span><span data-part="item-indicator"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`}${item.label == null || item.label === false ? "" : ` data-label="${item.label}"`} class="select-item-indicator ml-auto">✓</span></div>`).join("") + "<!---->"}</div></div></div></div>`;
+		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="select-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c0-end"}--><div data-part="control" class="select-control"><button data-part="trigger" class="select-trigger flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span id="${__id + "-b1"}" data-part="value-text" class="select-value-text">${geaEscapeHtml(String(this.valueAsString || props.placeholder || "Select..."))}</span><span data-part="indicator" class="select-indicator">▼</span></button></div><div data-part="positioner" class="select-positioner"><div data-part="content" class="select-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md"><div id="${__id + "-b2"}" data-part="list">${items.map((item) => `<div data-gea-item-id="${item?.value ?? item}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`}${item.label == null || item.label === false ? "" : ` data-label="${item.label}"`} class="select-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"><span data-part="item-text"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`}${item.label == null || item.label === false ? "" : ` data-label="${item.label}"`}>${item.label}</span><span data-part="item-indicator"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`}${item.label == null || item.label === false ? "" : ` data-label="${item.label}"`} class="select-item-indicator ml-auto">✓</span></div>`).join("") + "<!---->"}</div></div></div></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}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` data-label="${item.label}"`} class="select-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"><span data-part="item-text"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` data-label="${item.label}"`}>${item.label}</span><span data-part="item-indicator"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` data-label="${item.label}"`} class="select-item-indicator ml-auto">✓</span></div>`;
 	}
 	create__unresolved_0Item(item) {
-		var __c = this.____unresolved_0_container;
-		if (!__c.__geaTpl) try {
+		var __c = this.#__dc_b2 || (this.#__dc_b2 = 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: ""
+				label: " "
 			});
-			__c.__geaTpl = __tw.content.firstElementChild;
+			__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.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		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);
@@ -133,27 +138,45 @@ var Select = class extends ZagComponent {
 		el.__ref_1 = el.firstElementChild.nextElementSibling;
 		var __av = item.value;
 		if (__av == null || __av === false) el.removeAttribute("data-value");
-		else el.setAttribute("data-value", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (el.getAttribute("data-value") !== __newAttr) el.setAttribute("data-value", __newAttr);
+		}
 		var __av = item.label;
 		if (__av == null || __av === false) el.removeAttribute("data-label");
-		else el.setAttribute("data-label", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (el.getAttribute("data-label") !== __newAttr) el.setAttribute("data-label", __newAttr);
+		}
 		var __av = item.value;
 		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-value");
-		else el.__ref_0.setAttribute("data-value", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_0.getAttribute("data-value") !== __newAttr) el.__ref_0.setAttribute("data-value", __newAttr);
+		}
 		var __av = item.label;
 		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-label");
-		else el.__ref_0.setAttribute("data-label", String(__av));
-		el.__ref_0.textContent = `
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_0.getAttribute("data-label") !== __newAttr) el.__ref_0.setAttribute("data-label", __newAttr);
+		}
+		el.__ref_0.firstChild.nodeValue = `
                     ${item.label}
                   `;
 		var __av = item.value;
 		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-value");
-		else el.__ref_1.setAttribute("data-value", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_1.getAttribute("data-value") !== __newAttr) el.__ref_1.setAttribute("data-value", __newAttr);
+		}
 		var __av = item.label;
 		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-label");
-		else el.__ref_1.setAttribute("data-label", String(__av));
-		el.setAttribute("data-gea-item-id", item?.value ?? item);
-		el.__geaItem = item;
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_1.getAttribute("data-label") !== __newAttr) el.__ref_1.setAttribute("data-label", __newAttr);
+		}
+		el[GEA_DOM_KEY] = String(item?.value ?? item);
+		el[GEA_DOM_ITEM] = item;
 		return el;
 	}
 	patch__unresolved_0Item(row, item, __prevItem) {
@@ -162,32 +185,51 @@ var Select = class extends ZagComponent {
 		if (!row.__ref_1) row.__ref_1 = row.firstElementChild.nextElementSibling;
 		var __av = item.value;
 		if (__av == null || __av === false) row.removeAttribute("data-value");
-		else row.setAttribute("data-value", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (row.getAttribute("data-value") !== __newAttr) row.setAttribute("data-value", __newAttr);
+		}
 		var __av = item.label;
 		if (__av == null || __av === false) row.removeAttribute("data-label");
-		else row.setAttribute("data-label", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (row.getAttribute("data-label") !== __newAttr) row.setAttribute("data-label", __newAttr);
+		}
 		var __av = item.value;
 		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-value");
-		else row.__ref_0.setAttribute("data-value", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_0.getAttribute("data-value") !== __newAttr) row.__ref_0.setAttribute("data-value", __newAttr);
+		}
 		var __av = item.label;
 		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-label");
-		else row.__ref_0.setAttribute("data-label", String(__av));
-		row.__ref_0.textContent = `
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_0.getAttribute("data-label") !== __newAttr) row.__ref_0.setAttribute("data-label", __newAttr);
+		}
+		row.__ref_0.firstChild.nodeValue = `
                     ${item.label}
                   `;
 		var __av = item.value;
 		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-value");
-		else row.__ref_1.setAttribute("data-value", String(__av));
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_1.getAttribute("data-value") !== __newAttr) row.__ref_1.setAttribute("data-value", __newAttr);
+		}
 		var __av = item.label;
 		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-label");
-		else row.__ref_1.setAttribute("data-label", String(__av));
-		row.setAttribute("data-gea-item-id", item?.value ?? item);
-		row.__geaItem = item;
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_1.getAttribute("data-label") !== __newAttr) row.__ref_1.setAttribute("data-label", __newAttr);
+		}
+		row[GEA_DOM_KEY] = String(item?.value ?? item);
+		(this.#__rowEls_b2 || (this.#__rowEls_b2 = {}))[String(item?.value ?? item)] = row;
+		row[GEA_DOM_ITEM] = item;
 	}
 	__onPropChange(key, value) {
 		const __id = this.id;
 		if (key === "class") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "";
 			if (__el) {
@@ -201,15 +243,15 @@ var Select = class extends ZagComponent {
 			const __boundValue = this.valueAsString || value || "Select...";
 			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
 		}
-		if (key === "label") this.__geaPatchCond(0);
-		if (key === "items") this.__geaSyncMap(0);
+		if (key === "label") this[GEA_PATCH_COND](0);
+		if (key === "items") this[GEA_SYNC_MAP](0);
 	}
-	__resetEls() {
+	*GEA_RESET_ELS() {
 		this.__e0 = null;
 	}
 	__observe_local_valueAsString(value, change) {
 		const __id = this.id;
-		if (this.rendered_) {
+		if (this[GEA_RENDERED]) {
 			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
 			this.props;
 			const __boundValue = this.valueAsString || value || "Select...";
@@ -217,16 +259,16 @@ var Select = class extends ZagComponent {
 		}
 	}
 	__observe_local_props(__v, __c) {
-		this.__geaSyncMap(0);
+		this[GEA_SYNC_MAP](0);
 	}
 	createdHooks() {
-		this.__geaRegisterMap(0, "____unresolved_0_container", () => document.getElementById(this.id + "-b2"), () => {
+		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => document.getElementById(this.id + "-b2"), () => {
 			return this.props.items || [];
 		}, (__item) => this.create__unresolved_0Item(__item), "value");
 	}
-	__setupLocalStateObservers() {
+	[GEA_SETUP_LOCAL_STATE_OBSERVERS]() {
 		if (!this.__store) return;
-		this.__observe(this, ["valueAsString"], this.__observe_local_valueAsString);
+		this[GEA_OBSERVE](this, ["valueAsString"], this.__observe_local_valueAsString);
 	}
 };
 //#endregion

package/dist/select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.mjs","names":["__v","v","valueOf","Component","select","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Select","constructor","args","props","__geaCond_0","label","__geaRegisterCond","open","value","valueAsString","createMachine","_props","machine","getMachineProps","items","col","collection","itemToValue","item","itemToString","id","defaultValue","defaultOpen","multiple","disabled","invalid","readOnly","required","name","form","closeOnSelect","positioning","loopFocus","onValueChange","details","ValueChangeDetails","map","i","join","onOpenChange","OpenChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","HTMLElement","dataset","getItemProps","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-indicator\"]","getItemIndicatorProps","syncState","template","__id","_register","class","String","trim","placeholder","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","__err","console","error","cloneNode","__fw","__ref_0","__ref_1","nextElementSibling","__av","removeAttribute","setAttribute","textContent","__geaItem","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__e0","getElementById","__geaPatchCond","__geaSyncMap","__resetEls","__observe_local_valueAsString","change","rendered_","__observe_local_props","createdHooks","__geaRegisterMap","__item","__setupLocalStateObservers","__store","__observe","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"sources":["../src/components/select.tsx"],"sourcesContent":["import * as select from '@zag-js/select'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Select extends ZagComponent {\n  declare open: boolean\n  declare value: string[]\n  declare valueAsString: string\n\n  createMachine(_props: any): any {\n    return select.machine\n  }\n\n  getMachineProps(props: any) {\n    const items = props.items || []\n    const col =\n      props.collection ||\n      select.collection({\n        items,\n        itemToValue: (item: any) => item.value,\n        itemToString: (item: any) => item.label || item.value,\n      })\n\n    return {\n      id: this.id,\n      collection: col,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      multiple: props.multiple,\n      disabled: props.disabled,\n      invalid: props.invalid,\n      readOnly: props.readOnly,\n      required: props.required,\n      name: props.name,\n      form: props.form,\n      closeOnSelect: props.closeOnSelect ?? true,\n      positioning: props.positioning,\n      loopFocus: props.loopFocus ?? false,\n      onValueChange: (details: select.ValueChangeDetails) => {\n        this.value = details.value\n        this.valueAsString = details.items.map((i: any) => i.label || i.value).join(', ')\n        props.onValueChange?.(details)\n      },\n      onOpenChange: (details: select.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return select.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"indicator\"]': 'getIndicatorProps',\n      '[data-part=\"clear-trigger\"]': 'getClearTriggerProps',\n      '[data-part=\"value-text\"]': 'getValueTextProps',\n      '[data-part=\"positioner\"]': 'getPositionerProps',\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"list\"]': 'getListProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const value = (el as HTMLElement).dataset.value\n        const label = (el as HTMLElement).dataset.label || value\n        return api.getItemProps({ item: { value, label } })\n      },\n      '[data-part=\"item-text\"]': (api, el) => {\n        const value = (el as HTMLElement).dataset.value\n        const label = (el as HTMLElement).dataset.label || value\n        return api.getItemTextProps({ item: { value, label } })\n      },\n      '[data-part=\"item-indicator\"]': (api, el) => {\n        const value = (el as HTMLElement).dataset.value\n        const label = (el as HTMLElement).dataset.label || value\n        return api.getItemIndicatorProps({ item: { value, label } })\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n    this.value = api.value\n    this.valueAsString = api.valueAsString\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"select-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"control\" class=\"select-control\">\n          <button\n            data-part=\"trigger\"\n            class=\"select-trigger flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n          >\n            <span data-part=\"value-text\" class=\"select-value-text\">\n              {this.valueAsString || props.placeholder || 'Select...'}\n            </span>\n            <span data-part=\"indicator\" class=\"select-indicator\">\n              &#x25BC;\n            </span>\n          </button>\n        </div>\n        <div data-part=\"positioner\" class=\"select-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"select-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\"\n          >\n            <div data-part=\"list\">\n              {items.map((item: any) => (\n                <div\n                  key={item.value}\n                  data-part=\"item\"\n                  data-value={item.value}\n                  data-label={item.label}\n                  class=\"select-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\"\n                >\n                  <span data-part=\"item-text\" data-value={item.value} data-label={item.label}>\n                    {item.label}\n                  </span>\n                  <span\n                    data-part=\"item-indicator\"\n                    data-value={item.value}\n                    data-label={item.label}\n                    class=\"select-item-indicator ml-auto\"\n                  >\n                    &#x2713;\n                  </span>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"select.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","select","normalizeProps","ZagComponent","Select","__rowEls_b2","__dc_b2","constructor","args","props","label","String","open","value","valueAsString","createMachine","_props","machine","getMachineProps","items","col","collection","itemToValue","item","itemToString","id","defaultValue","defaultOpen","multiple","disabled","invalid","readOnly","required","name","form","closeOnSelect","positioning","loopFocus","onValueChange","details","ValueChangeDetails","map","i","join","onOpenChange","OpenChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","HTMLElement","dataset","getItemProps","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-indicator\"]","getItemIndicatorProps","syncState","template","__id","_register","class","trim","placeholder","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__ref_0","__ref_1","nextElementSibling","__av","__newAttr","getAttribute","setAttribute","firstChild","nodeValue","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","__boundValue","__newClass","className","__e0","getElementById","textContent","__observe_local_valueAsString","change","__observe_local_props","createdHooks","__item","__store"],"sources":["../src/components/select.tsx"],"sourcesContent":["import * as select from '@zag-js/select'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Select extends ZagComponent {\n  declare open: boolean\n  declare value: string[]\n  declare valueAsString: string\n\n  createMachine(_props: any): any {\n    return select.machine\n  }\n\n  getMachineProps(props: any) {\n    const items = props.items || []\n    const col =\n      props.collection ||\n      select.collection({\n        items,\n        itemToValue: (item: any) => item.value,\n        itemToString: (item: any) => item.label || item.value,\n      })\n\n    return {\n      id: this.id,\n      collection: col,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      multiple: props.multiple,\n      disabled: props.disabled,\n      invalid: props.invalid,\n      readOnly: props.readOnly,\n      required: props.required,\n      name: props.name,\n      form: props.form,\n      closeOnSelect: props.closeOnSelect ?? true,\n      positioning: props.positioning,\n      loopFocus: props.loopFocus ?? false,\n      onValueChange: (details: select.ValueChangeDetails) => {\n        this.value = details.value\n        this.valueAsString = details.items.map((i: any) => i.label || i.value).join(', ')\n        props.onValueChange?.(details)\n      },\n      onOpenChange: (details: select.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return select.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"indicator\"]': 'getIndicatorProps',\n      '[data-part=\"clear-trigger\"]': 'getClearTriggerProps',\n      '[data-part=\"value-text\"]': 'getValueTextProps',\n      '[data-part=\"positioner\"]': 'getPositionerProps',\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"list\"]': 'getListProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const value = (el as HTMLElement).dataset.value\n        const label = (el as HTMLElement).dataset.label || value\n        return api.getItemProps({ item: { value, label } })\n      },\n      '[data-part=\"item-text\"]': (api, el) => {\n        const value = (el as HTMLElement).dataset.value\n        const label = (el as HTMLElement).dataset.label || value\n        return api.getItemTextProps({ item: { value, label } })\n      },\n      '[data-part=\"item-indicator\"]': (api, el) => {\n        const value = (el as HTMLElement).dataset.value\n        const label = (el as HTMLElement).dataset.label || value\n        return api.getItemIndicatorProps({ item: { value, label } })\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n    this.value = api.value\n    this.valueAsString = api.valueAsString\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"select-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"control\" class=\"select-control\">\n          <button\n            data-part=\"trigger\"\n            class=\"select-trigger flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n          >\n            <span data-part=\"value-text\" class=\"select-value-text\">\n              {this.valueAsString || props.placeholder || 'Select...'}\n            </span>\n            <span data-part=\"indicator\" class=\"select-indicator\">\n              &#x25BC;\n            </span>\n          </button>\n        </div>\n        <div data-part=\"positioner\" class=\"select-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"select-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\"\n          >\n            <div data-part=\"list\">\n              {items.map((item: any) => (\n                <div\n                  key={item.value}\n                  data-part=\"item\"\n                  data-value={item.value}\n                  data-label={item.label}\n                  class=\"select-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\"\n                >\n                  <span data-part=\"item-text\" data-value={item.value} data-label={item.label}>\n                    {item.label}\n                  </span>\n                  <span\n                    data-part=\"item-indicator\"\n                    data-value={item.value}\n                    data-label={item.label}\n                    class=\"select-item-indicator ml-auto\"\n                  >\n                    &#x2713;\n                  </span>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/separator.mjs

@@ -1,8 +1,10 @@
 import { t as cn } from "./cn.mjs";
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
 //#region src/components/separator.tsx
 var Separator = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "separator";
+	}
 	template(props) {
 		const __id = this.id;
 		const isVertical = props.orientation === "vertical";
@@ -11,7 +13,7 @@ var Separator = class extends Component {
 	__onPropChange(key, value) {
 		if (key === "orientation") {
 			{
-				const __el = this.element_;
+				const __el = this[GEA_ELEMENT];
 				this.props;
 				const __boundValue = cn("shrink-0 bg-border", this.props.orientation === "vertical" ? "h-full w-[1px]" : "h-[1px] w-full", this.props.class);
 				if (__el) {
@@ -20,15 +22,18 @@ var Separator = class extends Component {
 				}
 			}
 			{
-				const __el = this.element_;
+				const __el = this[GEA_ELEMENT];
 				this.props;
 				const __boundValue = value || "horizontal";
 				if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("aria-orientation");
-				else __el.setAttribute("aria-orientation", String(__boundValue));
+				else {
+					const __newAttr = String(__boundValue);
+					if (__el.getAttribute("aria-orientation") !== __newAttr) __el.setAttribute("aria-orientation", __newAttr);
+				}
 			}
 		}
 		if (key === "class") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = cn("shrink-0 bg-border", this.props.orientation === "vertical" ? "h-full w-[1px]" : "h-[1px] w-full", value);
 			if (__el) {

package/dist/separator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"separator.mjs","names":["Component","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Separator","template","props","__id","id","isVertical","orientation","class","String","trim","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","undefined","removeAttribute","setAttribute","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"sources":["../src/components/separator.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Separator extends Component {\n  template(props: any) {\n    const isVertical = props.orientation === 'vertical'\n\n    return (\n      <div\n        class={cn('shrink-0 bg-border', isVertical ? 'h-full w-[1px]' : 'h-[1px] w-full', props.class)}\n        role=\"separator\"\n        aria-orientation={props.orientation || 'horizontal'}\n      ></div>\n    )\n  }\n}\n"],"mappings":";;;;AAGA,IAAqBM,YAArB,cAAuCN,UAAU;CAC/CO,SAASC,OAAY;EAAA,MAAAC,OAAA,KAAAC;EACnB,MAAMC,aAAaH,MAAMI,gBAAgB;AAEzC,SAAA,YAAAH,KAAA,GAEWR,GAAG,sBAAsBU,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,IAAA,QAAvFZ,GAAG,sBAAsBU,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,KAAA,QAAA,KAAA,YAAvFZ,GAAG,sBAAsBU,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,IAAA,OAAAC,OAAvFb,GAAG,sBAAsBU,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,CAAA,GAAA,IAAAE,MAAA,CAAA,GAAA,oBAE5EP,MAAMI,eAAe,iBAAY,SAAjCJ,MAAMI,eAAe,kBAAY,QAAA,KAAA,sBAAjCJ,MAAMI,eAAe,aAAY,GAAA;;CAV3DI,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,eAAA;GAAA;IAAA,MAAAE,OAAA,KAAAC;AAGX,SAAAZ;IACkC,MAAAa,eAIxCpB,GAAG,sBAJE,KAAAO,MAASI,gBAAgB,aAIQ,mBAAmB,kBAAgB,KAAAJ,MAAQK,MAAK;AAAA,QAAAM,MAAA;KAAA,MAAAG,cAAAD,gBAAA,OAAAP,OAAAO,aAAA,GAAA,IAAAN,MAAA;AAAA,SAAAI,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;GAAA;IAAA,MAAAH,OAAA,KAAAC;AALhF,SAAAZ;IAAA,MAAAa,eAAAH,SAO0B;AAAY,QAAAC,KAAA,KAAAE,iBAAA,QAAAA,iBAAAG,KAAAA,EAAAL,MAAAM,gBAAA,mBAAA;QAAAN,MAAAO,aAAA,oBAAAZ,OAAAO,aAAA,CAAA;;;AAAA,MAAAJ,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAPtC,QAAAZ;GACkC,MAAAa,eAIxCpB,GAAG,sBAJE,KAAAO,MAASI,gBAAgB,aAIQ,mBAAmB,kBAAgBM,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAP,OAAAO,aAAA,GAAA,IAAAN,MAAA;AAAA,QAAAI,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD"}
+{"version":3,"file":"separator.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","Separator","template","props","__id","id","isVertical","orientation","class","String","trim","__onPropChange","key","value","__el","__boundValue","__newClass","className","undefined","removeAttribute","__newAttr","getAttribute","setAttribute"],"sources":["../src/components/separator.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Separator extends Component {\n  template(props: any) {\n    const isVertical = props.orientation === 'vertical'\n\n    return (\n      <div\n        class={cn('shrink-0 bg-border', isVertical ? 'h-full w-[1px]' : 'h-[1px] w-full', props.class)}\n        role=\"separator\"\n        aria-orientation={props.orientation || 'horizontal'}\n      ></div>\n    )\n  }\n}\n"],"mappings":";;;AAGA,IAAqBuC,YAArB,cAAuCvC,UAAU;;OAAAqC,qBAAA;;CAC/CG,SAASC,OAAY;EAAA,MAAAC,OAAA,KAAAC;EACnB,MAAMC,aAAaH,MAAMI,gBAAgB;AAEzC,SAAA,YAAAH,KAAA,GAEWJ,GAAG,sBAAsBM,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,IAAA,QAAvFR,GAAG,sBAAsBM,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,KAAA,QAAA,KAAA,YAAvFR,GAAG,sBAAsBM,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,IAAA,OAAAC,OAAvFT,GAAG,sBAAsBM,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,CAAA,GAAA,IAAAE,MAAA,CAAA,GAAA,oBAE5EP,MAAMI,eAAe,iBAAY,SAAjCJ,MAAMI,eAAe,kBAAY,QAAA,KAAA,sBAAjCJ,MAAMI,eAAe,aAAY,GAAA;;CAV3DI,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,eAAA;GAAA;IAAA,MAAAE,OAAA,KAAAlD;AAGX,SAAAuC;IACkC,MAAAY,eAIxCf,GAAG,sBAJE,KAAAG,MAASI,gBAAgB,aAIQ,mBAAmB,kBAAgB,KAAAJ,MAAQK,MAAK;AAAA,QAAAM,MAAA;KAAA,MAAAE,cAAAD,gBAAA,OAAAN,OAAAM,aAAA,GAAA,IAAAL,MAAA;AAAA,SAAAI,KAAAG,cAAAD,WAAAF,MAAAG,YAAAD;;;GAAA;IAAA,MAAAF,OAAA,KAAAlD;AALhF,SAAAuC;IAAA,MAAAY,eAAAF,SAO0B;AAAY,QAAAC,KAAA,KAAAC,iBAAA,QAAAA,iBAAAG,KAAAA,EAAAJ,MAAAK,gBAAA,mBAAA;SAAA;KAAA,MAAAC,YAAAX,OAAAM,aAAA;AAAA,SAAAD,KAAAO,aAAA,mBAAA,KAAAD,UAAAN,MAAAQ,aAAA,oBAAAF,UAAA;;;;AAAA,MAAAR,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAlD;AAPtC,QAAAuC;GACkC,MAAAY,eAIxCf,GAAG,sBAJE,KAAAG,MAASI,gBAAgB,aAIQ,mBAAmB,kBAAgBM,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAE,cAAAD,gBAAA,OAAAN,OAAAM,aAAA,GAAA,IAAAL,MAAA;AAAA,QAAAI,KAAAG,cAAAD,WAAAF,MAAAG,YAAAD"}

package/dist/skeleton.mjs

@@ -1,8 +1,10 @@
 import { t as cn } from "./cn.mjs";
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
 //#region src/components/skeleton.tsx
 var Skeleton = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "skeleton";
+	}
 	template(props) {
 		return `<div id="${this.id}"${cn("animate-pulse rounded-md bg-primary/10", props.class) == null || cn("animate-pulse rounded-md bg-primary/10", props.class) === false ? "" : ` class="${(cn("animate-pulse rounded-md bg-primary/10", props.class) != null ? String(cn("animate-pulse rounded-md bg-primary/10", props.class)) : "").trim()}"`}></div>`;
 	}
@@ -25,7 +27,7 @@ var Skeleton = class extends Component {
 	}
 	__onPropChange(key, value) {
 		if (key === "class") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = cn("animate-pulse rounded-md bg-primary/10", value);
 			if (__el) {