@geajs/ui 0.1.5 → 0.2.1

package/dist/popover.mjs

@@ -1,28 +1,30 @@
 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_ELEMENT, GEA_PATCH_COND, GEA_REGISTER_COND, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as popover from "@zag-js/popover";
 //#region src/components/popover.tsx
 var Popover = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "popover";
+	}
 	constructor(...args) {
 		super(...args);
 		this.props;
-		this.__geaCond_0 = !!this.props.title;
-		this.__geaCond_1 = !!this.props.description;
-		this.__geaRegisterCond(0, "c0", () => {
+		this[geaCondValueSymbol(0)] = !!this.props.title;
+		this[geaCondValueSymbol(1)] = !!this.props.description;
+		this[GEA_REGISTER_COND](0, "c0", () => {
 			this.props;
 			return this.props.title;
 		}, () => {
 			this.props;
-			return `<div data-part="title" class="popover-title font-medium leading-none mb-2">${this.props.title}</div>`;
+			return `<div data-part="title" class="popover-title font-medium leading-none mb-2">${geaEscapeHtml(String(this.props.title))}</div>`;
 		}, null);
-		this.__geaRegisterCond(1, "c1", () => {
+		this[GEA_REGISTER_COND](1, "c1", () => {
 			this.props;
 			return this.props.description;
 		}, () => {
 			this.props;
-			return `<p data-part="description" class="popover-description text-sm text-muted-foreground mb-3">${this.props.description}</p>`;
+			return `<p data-part="description" class="popover-description text-sm text-muted-foreground mb-3">${geaEscapeHtml(String(this.props.description))}</p>`;
 		}, null);
 	}
 	createMachine(_props) {
@@ -65,13 +67,13 @@ var Popover = class extends ZagComponent {
 	}
 	template(props) {
 		const __id = this.id;
-		Component._register(ZagComponent);
-		return `<div id="${__id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><button id="${__id + "-b1"}" data-part="trigger" class="popover-trigger">${props.triggerLabel || "Open"}</button><div data-part="positioner" class="popover-positioner"><div data-part="content" class="popover-content z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none"><!--${__id + "-c0"}-->${props.title && `<div data-part="title" class="popover-title font-medium leading-none mb-2">${props.title}</div>` || ""}<!--${__id + "-c0-end"}--><!--${__id + "-c1"}-->${props.description && `<p data-part="description" class="popover-description text-sm text-muted-foreground mb-3">${props.description}</p>` || ""}<!--${__id + "-c1-end"}--><div id="${__id + "-b2"}" class="popover-body">${props.children}</div><button data-part="close-trigger" class="popover-close-trigger absolute top-2 right-2 text-gray-400 hover:text-gray-600 text-sm">✕</button></div></div></div>`;
+		Component._register(ZagComponent, "zag-component");
+		return `<div id="${__id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><button id="${__id + "-b1"}" data-part="trigger" class="popover-trigger">${geaEscapeHtml(String(props.triggerLabel || "Open"))}</button><div data-part="positioner" class="popover-positioner"><div data-part="content" class="popover-content z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none"><!--${__id + "-c0"}-->${props.title && `<div data-part="title" class="popover-title font-medium leading-none mb-2">${geaEscapeHtml(String(props.title))}</div>` || ""}<!--${__id + "-c0-end"}--><!--${__id + "-c1"}-->${props.description && `<p data-part="description" class="popover-description text-sm text-muted-foreground mb-3">${geaEscapeHtml(String(props.description))}</p>` || ""}<!--${__id + "-c1-end"}--><div id="${__id + "-b2"}" class="popover-body">${props.children}</div><button data-part="close-trigger" class="popover-close-trigger absolute top-2 right-2 text-gray-400 hover:text-gray-600 text-sm">✕</button></div></div></div>`;
 	}
 	__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) {
@@ -93,10 +95,10 @@ var Popover = class extends ZagComponent {
 				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
 			}
 		}
-		if (key === "title") this.__geaPatchCond(0);
-		if (key === "description") this.__geaPatchCond(1);
+		if (key === "title") this[GEA_PATCH_COND](0);
+		if (key === "description") this[GEA_PATCH_COND](1);
 	}
-	__resetEls() {
+	*GEA_RESET_ELS() {
 		this.__e0 = null;
 		this.__e1 = null;
 	}

package/dist/popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover.mjs","names":["popover","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Popover","constructor","args","props","__geaCond_0","title","__geaCond_1","description","__geaRegisterCond","open","createMachine","_props","machine","getMachineProps","id","defaultOpen","modal","portalled","autoFocus","closeOnInteractOutside","closeOnEscape","positioning","onOpenChange","details","OpenChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","String","trim","triggerLabel","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","__e0","document","getElementById","textContent","__e1","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","__geaPatchCond","__resetEls","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","name","call","__origDispose","dispose"],"sources":["../src/components/popover.tsx"],"sourcesContent":["import * as popover from '@zag-js/popover'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Popover extends ZagComponent {\n  declare open: boolean\n\n  createMachine(_props: any): any {\n    return popover.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      modal: props.modal ?? false,\n      portalled: props.portalled ?? true,\n      autoFocus: props.autoFocus ?? true,\n      closeOnInteractOutside: props.closeOnInteractOutside ?? true,\n      closeOnEscape: props.closeOnEscape ?? true,\n      positioning: props.positioning,\n      onOpenChange: (details: popover.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return popover.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"positioner\"]': 'getPositionerProps',\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"title\"]': 'getTitleProps',\n      '[data-part=\"description\"]': 'getDescriptionProps',\n      '[data-part=\"close-trigger\"]': 'getCloseTriggerProps',\n      '[data-part=\"arrow\"]': 'getArrowProps',\n      '[data-part=\"arrow-tip\"]': 'getArrowTipProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n  }\n\n  template(props: any) {\n    return (\n      <div class={props.class || ''}>\n        <button data-part=\"trigger\" class=\"popover-trigger\">\n          {props.triggerLabel || 'Open'}\n        </button>\n        <div data-part=\"positioner\" class=\"popover-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"popover-content z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none\"\n          >\n            {props.title && (\n              <div data-part=\"title\" class=\"popover-title font-medium leading-none mb-2\">\n                {props.title}\n              </div>\n            )}\n            {props.description && (\n              <p data-part=\"description\" class=\"popover-description text-sm text-muted-foreground mb-3\">\n                {props.description}\n              </p>\n            )}\n            <div class=\"popover-body\">{props.children}</div>\n            <button\n              data-part=\"close-trigger\"\n              class=\"popover-close-trigger absolute top-2 right-2 text-gray-400 hover:text-gray-600 text-sm\"\n            >\n              &#x2715;\n            </button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"popover.mjs","names":["popover","normalizeProps","ZagComponent","Popover","GEA_CTOR_TAG_NAME","constructor","args","props","geaCondValueSymbol","title","description","GEA_REGISTER_COND","geaEscapeHtml","String","open","createMachine","_props","machine","getMachineProps","id","defaultOpen","modal","portalled","autoFocus","closeOnInteractOutside","closeOnEscape","positioning","onOpenChange","details","OpenChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","trim","triggerLabel","children","__onPropChange","key","value","__el","GEA_ELEMENT","__boundValue","__newClass","className","__e0","document","getElementById","textContent","__e1","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","GEA_PATCH_COND","GEA_RESET_ELS"],"sources":["../src/components/popover.tsx"],"sourcesContent":["import * as popover from '@zag-js/popover'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Popover extends ZagComponent {\n  declare open: boolean\n\n  createMachine(_props: any): any {\n    return popover.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      modal: props.modal ?? false,\n      portalled: props.portalled ?? true,\n      autoFocus: props.autoFocus ?? true,\n      closeOnInteractOutside: props.closeOnInteractOutside ?? true,\n      closeOnEscape: props.closeOnEscape ?? true,\n      positioning: props.positioning,\n      onOpenChange: (details: popover.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return popover.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"positioner\"]': 'getPositionerProps',\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"title\"]': 'getTitleProps',\n      '[data-part=\"description\"]': 'getDescriptionProps',\n      '[data-part=\"close-trigger\"]': 'getCloseTriggerProps',\n      '[data-part=\"arrow\"]': 'getArrowProps',\n      '[data-part=\"arrow-tip\"]': 'getArrowTipProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n  }\n\n  template(props: any) {\n    return (\n      <div class={props.class || ''}>\n        <button data-part=\"trigger\" class=\"popover-trigger\">\n          {props.triggerLabel || 'Open'}\n        </button>\n        <div data-part=\"positioner\" class=\"popover-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"popover-content z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none\"\n          >\n            {props.title && (\n              <div data-part=\"title\" class=\"popover-title font-medium leading-none mb-2\">\n                {props.title}\n              </div>\n            )}\n            {props.description && (\n              <p data-part=\"description\" class=\"popover-description text-sm text-muted-foreground mb-3\">\n                {props.description}\n              </p>\n            )}\n            <div class=\"popover-body\">{props.children}</div>\n            <button\n              data-part=\"close-trigger\"\n              class=\"popover-close-trigger absolute top-2 right-2 text-gray-400 hover:text-gray-600 text-sm\"\n            >\n              &#x2715;\n            </button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/progress.d.mts

@@ -1,6 +1,6 @@
 import { n as ZagComponent } from "./zag-component.mjs";
 import * as progress from "@zag-js/progress";
-import * as _zag_js_types0 from "@zag-js/types";
+import * as _$_zag_js_types0 from "@zag-js/types";
 
 //#region src/components/progress.d.ts
 declare class Progress extends ZagComponent {
@@ -8,7 +8,7 @@ declare class Progress extends ZagComponent {
   percent: number;
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: string;
+    id: any;
     value: any;
     defaultValue: any;
     min: any;
@@ -16,7 +16,7 @@ declare class Progress extends ZagComponent {
     orientation: any;
     onValueChange: any;
   };
-  connectApi(service: any): progress.Api<_zag_js_types0.PropTypes<{
+  connectApi(service: any): progress.Api<_$_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
   getSpreadMap(): {

package/dist/progress.mjs

@@ -1,21 +1,23 @@
 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_ELEMENT, GEA_OBSERVE, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_SETUP_LOCAL_STATE_OBSERVERS, GEA_UPDATE_TEXT, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as progress from "@zag-js/progress";
 //#region src/components/progress.tsx
 var Progress = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "gea-progress";
+	}
 	constructor(...args) {
 		super(...args);
 		this.percent = 0;
 		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="progress-label text-sm font-medium">${this.props.label}</label>`;
+			return `<label data-part="label" class="progress-label text-sm font-medium">${geaEscapeHtml(String(this.props.label))}</label>`;
 		}, null);
 	}
 	createMachine(_props) {
@@ -50,17 +52,17 @@ var Progress = class extends ZagComponent {
 	}
 	template(props) {
 		const __id = this.id;
-		Component._register(ZagComponent);
-		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><div class="flex justify-between mb-1"><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="progress-label text-sm font-medium">${props.label}</label>` || ""}<!--${__id + "-c0-end"}--><span id="${__id + "-b1"}" data-part="value-text" class="progress-value-text text-sm text-muted-foreground">${this.percent}%</span></div><div data-part="track" class="progress-track relative h-2 w-full overflow-hidden rounded-full bg-primary/20"><div id="${__id + "-b2"}" data-part="range" class="progress-range h-full w-full flex-1 bg-primary transition-all" style="${Object.entries({ width: `${this.percent}%` }).map(([__k, __v]) => `${__k.replace(/[A-Z]/g, "-$&")}: ${typeof __v === "number" && __v !== 0 ? __v + "px" : __v}`).join("; ")}"></div></div></div>`;
+		Component._register(ZagComponent, "zag-component");
+		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><div class="flex justify-between mb-1"><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="progress-label text-sm font-medium">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c0-end"}--><span id="${__id + "-b1"}" data-part="value-text" class="progress-value-text text-sm text-muted-foreground">${geaEscapeHtml(String(this.percent))}%</span></div><div data-part="track" class="progress-track relative h-2 w-full overflow-hidden rounded-full bg-primary/20"><div id="${__id + "-b2"}" data-part="range" class="progress-range h-full w-full flex-1 bg-primary transition-all" style="${Object.entries({ width: `${this.percent}%` }).map(([__k, __v]) => `${__k.replace(/[A-Z]/g, "-$&")}: ${typeof __v === "number" && __v !== 0 ? __v + "px" : __v}`).join("; ")}"></div></div></div>`;
 	}
 	__observe_local_percent(percent, change) {
-		this.__updateText("b1", `
+		this[GEA_UPDATE_TEXT]("b1", `
             ${this.percent}%
           `);
 	}
 	__onPropChange(key, value) {
 		if (key === "class") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "";
 			if (__el) {
@@ -68,14 +70,14 @@ var Progress = class extends ZagComponent {
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
-		if (key === "label") this.__geaPatchCond(0);
+		if (key === "label") this[GEA_PATCH_COND](0);
 	}
-	__resetEls() {
+	*GEA_RESET_ELS() {
 		this.__e0 = null;
 	}
-	__setupLocalStateObservers() {
+	[GEA_SETUP_LOCAL_STATE_OBSERVERS]() {
 		if (!this.__store) return;
-		this.__observe(this, ["percent"], this.__observe_local_percent);
+		this[GEA_OBSERVE](this, ["percent"], this.__observe_local_percent);
 	}
 };
 //#endregion

package/dist/progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"progress.mjs","names":["progress","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Progress","constructor","args","props","__geaCond_0","label","__geaRegisterCond","value","percent","createMachine","_props","machine","getMachineProps","id","defaultValue","min","max","orientation","onValueChange","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","String","trim","Object","entries","width","map","__k","__v","replace","join","__observe_local_percent","change","__updateText","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaPatchCond","__resetEls","__e0","__setupLocalStateObservers","__store","__observe","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","name","call","__origDispose","dispose"],"sources":["../src/components/progress.tsx"],"sourcesContent":["import * as progress from '@zag-js/progress'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Progress extends ZagComponent {\n  declare value: number | null\n  percent = 0\n\n  createMachine(_props: any): any {\n    return progress.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue ?? 0,\n      min: props.min ?? 0,\n      max: props.max ?? 100,\n      orientation: props.orientation,\n      onValueChange: props.onValueChange,\n    }\n  }\n\n  connectApi(service: any) {\n    return progress.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"track\"]': 'getTrackProps',\n      '[data-part=\"range\"]': 'getRangeProps',\n      '[data-part=\"value-text\"]': 'getValueTextProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n    this.percent = api.percent\n  }\n\n  template(props: any) {\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        <div class=\"flex justify-between mb-1\">\n          {props.label && (\n            <label data-part=\"label\" class=\"progress-label text-sm font-medium\">\n              {props.label}\n            </label>\n          )}\n          <span data-part=\"value-text\" class=\"progress-value-text text-sm text-muted-foreground\">\n            {this.percent}%\n          </span>\n        </div>\n        <div data-part=\"track\" class=\"progress-track relative h-2 w-full overflow-hidden rounded-full bg-primary/20\">\n          <div\n            data-part=\"range\"\n            class=\"progress-range h-full w-full flex-1 bg-primary transition-all\"\n            style={{ width: `${this.percent}%` }}\n          ></div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;;AAIA,IAAqBO,WAArB,cAAsCL,aAAa;CAHnDM,YAAsB,GAAGC,MAAI;AAAA,QAAA,GAAAA,KAAA;iBAKjB;AAqCS,OAAAC;AAAA,OAAAC,cAAA,CAAA,CAAA,KAAAD,MAIJE;AAAK,OAAAC,kBAAA,GAAA,YAAA;AAJD,QAAAH;AAAA,UAAA,KAAAA,MAIJE;WAAK;AAJD,QAAAF;AAAA,UAAA,uEAAA,KAAAA,MAMAE,MAAK;KAAA,KAAA;;CAzCxBI,cAAcC,QAAkB;AAC9B,SAAOjB,SAASkB;;CAGlBC,gBAAgBT,OAAY;AAC1B,SAAO;GACLU,IAAI,KAAKA;GACTN,OAAOJ,MAAMI;GACbO,cAAcX,MAAMW,gBAAgB;GACpCC,KAAKZ,MAAMY,OAAO;GAClBC,KAAKb,MAAMa,OAAO;GAClBC,aAAad,MAAMc;GACnBC,eAAef,MAAMe;GACtB;;CAGHC,WAAWC,SAAc;AACvB,SAAO3B,SAAS4B,QAAQD,SAAS1B,eAAe;;CAGlD4B,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,yBAAuB;GACvB,yBAAuB;GACvB,8BAA4B;GAC7B;;CAGHC,UAAUC,KAAU;AAClB,OAAKjB,QAAQiB,IAAIjB;AACjB,OAAKC,UAAUgB,IAAIhB;;CAGrBiB,SAAStB,OAAY;EAAA,MAAAuB,OAAA,KAAAb;AAAAc,YAAAC,UAAAjC,aAAA;AACnB,SAAA,YAAA+B,KAAA,qBAC+BvB,MAAM0B,SAAS,OAAE,SAAjB1B,MAAM0B,SAAS,QAAE,QAAA,KAAA,aAAjB1B,MAAM0B,SAAS,OAAE,OAAAC,OAAjB3B,MAAM0B,SAAS,GAAE,GAAA,IAAAE,MAAA,CAAA,GAAA,8CAAAL,OAAA,MAAA,KAEzCvB,MAAME,SAAK,uEAEPF,MAAME,MAAK,aAAA,GAAA,MAAAqB,OAAA,UAAA,eAAAA,OAAA,MAAA,qFAIb,KAAKlB,QAAO,sIAAAkB,OAAA,MAAA,mGAAAM,OAAAC,QAON,EAAEC,OAAO,GAAG,KAAK1B,QAAO,IAAK,CAAA,CAAA2B,KAAA,CAAAC,KAAAC,SAAA,GAAAD,IAAAE,QAAA,UAAA,MAAA,CAAA,IAAA,OAAAD,QAAA,YAAAA,QAAA,IAAAA,MAAA,OAAAA,MAAA,CAAAE,KAAA,KAAA,CAAA;;CA3DhDC,wBAAAhC,SAAAiC,QAAoE;AAApE,OAAKC,aAAa,MAAI;cAoDT,KAAKlC,QAAO;YApDqB;;CAA9CmC,eAAsBC,KAAKrC,OAAK;AAAA,MAAAqC,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AA0CX,QAAA3C;GAAA,MAAA4C,eAAAxC,SAE6B;AAAE,OAAAsC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAjB,OAAAiB,aAAA,GAAA,IAAAhB,MAAA;AAAA,QAAAc,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAJ,QAAA,QAAA,MAAAM,eAAA,EAAA;;CA5ChBC,aAAA;AAAA,OAAAC,OAAA;;CAApCC,6BAAwB;AAAxB,MAAI,CAAA,KAAAC,QAA0B;AAAS,OAAAC,UAAA,MAAA,CAAA,UAAA,EAAA,KAAAf,wBAAA"}
+{"version":3,"file":"progress.mjs","names":["progress","normalizeProps","ZagComponent","Progress","GEA_CTOR_TAG_NAME","constructor","args","props","geaCondValueSymbol","label","GEA_REGISTER_COND","geaEscapeHtml","String","value","percent","createMachine","_props","machine","getMachineProps","id","defaultValue","min","max","orientation","onValueChange","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","trim","Object","entries","width","map","__k","__v","replace","join","__observe_local_percent","change","GEA_UPDATE_TEXT","__onPropChange","key","__el","GEA_ELEMENT","__boundValue","__newClass","className","GEA_PATCH_COND","GEA_RESET_ELS","__e0","GEA_SETUP_LOCAL_STATE_OBSERVERS","__store","GEA_OBSERVE"],"sources":["../src/components/progress.tsx"],"sourcesContent":["import * as progress from '@zag-js/progress'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Progress extends ZagComponent {\n  declare value: number | null\n  percent = 0\n\n  createMachine(_props: any): any {\n    return progress.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue ?? 0,\n      min: props.min ?? 0,\n      max: props.max ?? 100,\n      orientation: props.orientation,\n      onValueChange: props.onValueChange,\n    }\n  }\n\n  connectApi(service: any) {\n    return progress.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"track\"]': 'getTrackProps',\n      '[data-part=\"range\"]': 'getRangeProps',\n      '[data-part=\"value-text\"]': 'getValueTextProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n    this.percent = api.percent\n  }\n\n  template(props: any) {\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        <div class=\"flex justify-between mb-1\">\n          {props.label && (\n            <label data-part=\"label\" class=\"progress-label text-sm font-medium\">\n              {props.label}\n            </label>\n          )}\n          <span data-part=\"value-text\" class=\"progress-value-text text-sm text-muted-foreground\">\n            {this.percent}%\n          </span>\n        </div>\n        <div data-part=\"track\" class=\"progress-track relative h-2 w-full overflow-hidden rounded-full bg-primary/20\">\n          <div\n            data-part=\"range\"\n            class=\"progress-range h-full w-full flex-1 bg-primary transition-all\"\n            style={{ width: `${this.percent}%` }}\n          ></div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;AAIA,IAAqBG,WAArB,cAAsCD,aAAa;;OAAAE,qBAAA;;CAHnDC,YAAsB,GAAGC,MAAI;AAAA,QAAA,GAAAA,KAAA;iBAKjB;AAqCS,OAAAC;AAAA,OAAAC,mBAAA,EAAA,IAAA,CAAA,CAAA,KAAAD,MAIJE;AAAK,OAAAC,mBAAA,GAAA,YAAA;AAJD,QAAAH;AAAA,UAAA,KAAAA,MAIJE;WAAK;AAJD,QAAAF;AAAA,UAAA,uEAAAI,cAAAC,OAAA,KAAAL,MAMAE,MAAK,CAAA,CAAA;KAAA,KAAA;;CAzCxBM,cAAcC,QAAkB;AAC9B,SAAOhB,SAASiB;;CAGlBC,gBAAgBX,OAAY;AAC1B,SAAO;GACLY,IAAI,KAAKA;GACTN,OAAON,MAAMM;GACbO,cAAcb,MAAMa,gBAAgB;GACpCC,KAAKd,MAAMc,OAAO;GAClBC,KAAKf,MAAMe,OAAO;GAClBC,aAAahB,MAAMgB;GACnBC,eAAejB,MAAMiB;GACtB;;CAGHC,WAAWC,SAAc;AACvB,SAAO1B,SAAS2B,QAAQD,SAASzB,eAAe;;CAGlD2B,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,yBAAuB;GACvB,yBAAuB;GACvB,8BAA4B;GAC7B;;CAGHC,UAAUC,KAAU;AAClB,OAAKjB,QAAQiB,IAAIjB;AACjB,OAAKC,UAAUgB,IAAIhB;;CAGrBiB,SAASxB,OAAY;EAAA,MAAAyB,OAAA,KAAAb;AAAAc,YAAAC,UAAAhC,cAAA,gBAAA;AACnB,SAAA,YAAA8B,KAAA,qBAC+BzB,MAAM4B,SAAS,OAAE,SAAjB5B,MAAM4B,SAAS,QAAE,QAAA,KAAA,aAAjB5B,MAAM4B,SAAS,OAAE,OAAAvB,OAAjBL,MAAM4B,SAAS,GAAE,GAAA,IAAAC,MAAA,CAAA,GAAA,8CAAAJ,OAAA,MAAA,KAEzCzB,MAAME,SAAK,uEAAAE,cAAAC,OAEPL,MAAME,MAAK,CAAA,CAAA,aAAA,GAAA,MAAAuB,OAAA,UAAA,eAAAA,OAAA,MAAA,qFAAArB,cAAAC,OAIb,KAAKE,QAAO,CAAA,CAAA,sIAAAkB,OAAA,MAAA,mGAAAK,OAAAC,QAON,EAAEC,OAAO,GAAG,KAAKzB,QAAO,IAAK,CAAA,CAAA0B,KAAA,CAAAC,KAAAC,SAAA,GAAAD,IAAAE,QAAA,UAAA,MAAA,CAAA,IAAA,OAAAD,QAAA,YAAAA,QAAA,IAAAA,MAAA,OAAAA,MAAA,CAAAE,KAAA,KAAA,CAAA;;CA3DhDC,wBAAA/B,SAAAgC,QAAoE;AAAA,OAAAC,iBAAA,MAAA;cAoDvD,KAAKjC,QAAO;YAAA;;CApDzBkC,eAAsBC,KAAKpC,OAAK;AAAA,MAAAoC,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AA0CX,QAAA5C;GAAA,MAAA6C,eAAAvC,SAE6B;AAAE,OAAAqC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAxC,OAAAwC,aAAA,GAAA,IAAAhB,MAAA;AAAA,QAAAc,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAJ,QAAA,QAAA,MAAAM,gBAAA,EAAA;;CA5ChB,CAAAC,gBAAA;AAAA,OAAAC,OAAA;;CAAA,CAAAC,mCAAA;AAApC,MAAI,CAAA,KAAAC,QAA0B;AAAS,OAAAC,aAAA,MAAA,CAAA,UAAA,EAAA,KAAAf,wBAAA"}

package/dist/radio-group.d.mts

@@ -1,13 +1,13 @@
 import { n as ZagComponent } from "./zag-component.mjs";
 import * as radioGroup from "@zag-js/radio-group";
-import * as _zag_js_types0 from "@zag-js/types";
+import * as _$_zag_js_types0 from "@zag-js/types";
 
 //#region src/components/radio-group.d.ts
 declare class RadioGroup extends ZagComponent {
   value: string | null;
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: string;
+    id: any;
     value: any;
     defaultValue: any;
     name: any;
@@ -17,7 +17,7 @@ declare class RadioGroup extends ZagComponent {
     orientation: any;
     onValueChange: (details: radioGroup.ValueChangeDetails) => void;
   };
-  connectApi(service: any): radioGroup.Api<_zag_js_types0.PropTypes<{
+  connectApi(service: any): radioGroup.Api<_$_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
   getSpreadMap(): {

package/dist/radio-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 radioGroup from "@zag-js/radio-group";
 //#region src/components/radio-group.tsx
 const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
 var RadioGroup = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "radio-group";
+	}
+	#__rowEls_list;
+	#__dc___unresolved_0;
 	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 `<span data-part="label" class="radio-group-label text-sm font-medium mb-2 block">${this.props.label}</span>`;
+			return `<span data-part="label" class="radio-group-label text-sm font-medium mb-2 block">${geaEscapeHtml(String(this.props.label))}</span>`;
 		}, null);
 	}
 	createMachine(_props) {
@@ -56,26 +60,27 @@ var RadioGroup = 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 && `<span data-part="label" class="radio-group-label text-sm font-medium mb-2 block">${props.label}</span>` || ""}<!--${__id + "-c0-end"}--><div data-part="indicator" class="radio-group-indicator"></div>${items.map((item) => `<label data-gea-item-id="${item?.value ?? item}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="radio-group-item flex items-center gap-2 cursor-pointer py-1"><div data-part="item-control"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center"><span class="radio-dot"></span></div><input data-part="item-hidden-input"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} type="radio" class="sr-only" /><span data-part="item-text"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="radio-group-item-text text-sm">${item.label}</span></label>`).join("") + "<!---->"}</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 && `<span data-part="label" class="radio-group-label text-sm font-medium mb-2 block">${geaEscapeHtml(String(props.label))}</span>` || ""}<!--${__id + "-c0-end"}--><div data-part="indicator" class="radio-group-indicator"></div>${items.map((item) => `<label data-gea-item-id="${item?.value ?? item}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="radio-group-item flex items-center gap-2 cursor-pointer py-1"><div data-part="item-control"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center"><span class="radio-dot"></span></div><input data-part="item-hidden-input"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} type="radio" class="sr-only" /><span data-part="item-text"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="radio-group-item-text text-sm">${item.label}</span></label>`).join("") + "<!---->"}</div>`;
 	}
 	render__unresolved_0Item(item) {
 		return `<label data-gea-item-id="${item?.value ?? item}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="radio-group-item flex items-center gap-2 cursor-pointer py-1"><div data-part="item-control"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center"><span class="radio-dot"></span></div><input data-part="item-hidden-input"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} type="radio" class="sr-only" /><span data-part="item-text"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="radio-group-item-text text-sm">${item.label}</span></label>`;
 	}
 	create__unresolved_0Item(item) {
-		var __c = this.____unresolved_0_container;
-		if (!__c.__geaTpl) try {
+		var __c = this.#__dc___unresolved_0 || (this.#__dc___unresolved_0 = this.____unresolved_0_container);
+		if (!__c[GEA_MAP_CONFIG_TPL]) try {
 			var __tw = document.createElement("template");
 			__tw.innerHTML = this.render__unresolved_0Item({
 				value: 0,
-				label: ""
+				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);
@@ -86,21 +91,33 @@ var RadioGroup = class extends ZagComponent {
 		el.__ref_2 = el.firstElementChild.nextElementSibling.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.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.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.value;
 		if (__av == null || __av === false) el.__ref_2.removeAttribute("data-value");
-		else el.__ref_2.setAttribute("data-value", String(__av));
-		el.__ref_2.textContent = `
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_2.getAttribute("data-value") !== __newAttr) el.__ref_2.setAttribute("data-value", __newAttr);
+		}
+		el.__ref_2.firstChild.nodeValue = `
               ${item.label}
             `;
-		el.setAttribute("data-gea-item-id", item?.value ?? item);
-		el.__geaItem = item;
+		el[GEA_DOM_KEY] = String(item?.value ?? item);
+		el[GEA_DOM_ITEM] = item;
 		return el;
 	}
 	patch__unresolved_0Item(row, item, __prevItem) {
@@ -110,25 +127,38 @@ var RadioGroup = class extends ZagComponent {
 		if (!row.__ref_2) row.__ref_2 = row.firstElementChild.nextElementSibling.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.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.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.value;
 		if (__av == null || __av === false) row.__ref_2.removeAttribute("data-value");
-		else row.__ref_2.setAttribute("data-value", String(__av));
-		row.__ref_2.textContent = `
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_2.getAttribute("data-value") !== __newAttr) row.__ref_2.setAttribute("data-value", __newAttr);
+		}
+		row.__ref_2.firstChild.nodeValue = `
               ${item.label}
             `;
-		row.setAttribute("data-gea-item-id", item?.value ?? item);
-		row.__geaItem = item;
+		row[GEA_DOM_KEY] = String(item?.value ?? item);
+		(this.#__rowEls_list || (this.#__rowEls_list = {}))[String(item?.value ?? item)] = row;
+		row[GEA_DOM_ITEM] = item;
 	}
 	__onPropChange(key, value) {
 		if (key === "class") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "";
 			if (__el) {
@@ -136,14 +166,14 @@ var RadioGroup = class extends ZagComponent {
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
-		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);
 	}
 	__observe_local_props(__v, __c) {
-		this.__geaSyncMap(0);
+		this[GEA_SYNC_MAP](0);
 	}
 	createdHooks() {
-		this.__geaRegisterMap(0, "____unresolved_0_container", () => this.$(":scope"), () => {
+		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => this.$(":scope"), () => {
 			return this.props.items || [];
 		}, (__item) => this.create__unresolved_0Item(__item), "value");
 	}

package/dist/radio-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.mjs","names":["__v","v","valueOf","Component","radioGroup","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","RadioGroup","constructor","args","props","__geaCond_0","label","__geaRegisterCond","value","createMachine","_props","machine","getMachineProps","id","defaultValue","name","form","disabled","readOnly","orientation","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","HTMLElement","dataset","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-control\"]","getItemControlProps","[data-part=\"item-hidden-input\"]","getItemHiddenInputProps","syncState","template","__id","_register","items","class","String","trim","map","item","join","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","__ref_2","__av","removeAttribute","setAttribute","textContent","__geaItem","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaPatchCond","__geaSyncMap","__observe_local_props","createdHooks","__geaRegisterMap","$","__item","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"sources":["../src/components/radio-group.tsx"],"sourcesContent":["import * as radioGroup from '@zag-js/radio-group'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class RadioGroup extends ZagComponent {\n  declare value: string | null\n\n  createMachine(_props: any): any {\n    return radioGroup.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      name: props.name,\n      form: props.form,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      orientation: props.orientation ?? 'vertical',\n      onValueChange: (details: radioGroup.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return radioGroup.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"indicator\"]': 'getIndicatorProps',\n      '[data-part=\"item\"]': (api, el) => api.getItemProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-text\"]': (api, el) => api.getItemTextProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-control\"]': (api, el) => api.getItemControlProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-hidden-input\"]': (api, el) =>\n        api.getItemHiddenInputProps({ 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        {props.label && (\n          <span data-part=\"label\" class=\"radio-group-label text-sm font-medium mb-2 block\">\n            {props.label}\n          </span>\n        )}\n        <div data-part=\"indicator\" class=\"radio-group-indicator\"></div>\n        {items.map((item: any) => (\n          <label\n            key={item.value}\n            data-part=\"item\"\n            data-value={item.value}\n            class=\"radio-group-item flex items-center gap-2 cursor-pointer py-1\"\n          >\n            <div\n              data-part=\"item-control\"\n              data-value={item.value}\n              class=\"radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center\"\n            >\n              <span class=\"radio-dot\"></span>\n            </div>\n            <input data-part=\"item-hidden-input\" data-value={item.value} type=\"radio\" class=\"sr-only\" />\n            <span data-part=\"item-text\" data-value={item.value} class=\"radio-group-item-text text-sm\">\n              {item.label}\n            </span>\n          </label>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"radio-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","radioGroup","normalizeProps","ZagComponent","RadioGroup","__rowEls_list","__dc___unresolved_0","constructor","args","props","label","String","value","createMachine","_props","machine","getMachineProps","id","defaultValue","name","form","disabled","readOnly","orientation","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","HTMLElement","dataset","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-control\"]","getItemControlProps","[data-part=\"item-hidden-input\"]","getItemHiddenInputProps","syncState","template","__id","_register","items","class","trim","map","item","join","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","__ref_2","__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/radio-group.tsx"],"sourcesContent":["import * as radioGroup from '@zag-js/radio-group'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class RadioGroup extends ZagComponent {\n  declare value: string | null\n\n  createMachine(_props: any): any {\n    return radioGroup.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      name: props.name,\n      form: props.form,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      orientation: props.orientation ?? 'vertical',\n      onValueChange: (details: radioGroup.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return radioGroup.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"indicator\"]': 'getIndicatorProps',\n      '[data-part=\"item\"]': (api, el) => api.getItemProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-text\"]': (api, el) => api.getItemTextProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-control\"]': (api, el) => api.getItemControlProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-hidden-input\"]': (api, el) =>\n        api.getItemHiddenInputProps({ 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        {props.label && (\n          <span data-part=\"label\" class=\"radio-group-label text-sm font-medium mb-2 block\">\n            {props.label}\n          </span>\n        )}\n        <div data-part=\"indicator\" class=\"radio-group-indicator\"></div>\n        {items.map((item: any) => (\n          <label\n            key={item.value}\n            data-part=\"item\"\n            data-value={item.value}\n            class=\"radio-group-item flex items-center gap-2 cursor-pointer py-1\"\n          >\n            <div\n              data-part=\"item-control\"\n              data-value={item.value}\n              class=\"radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center\"\n            >\n              <span class=\"radio-dot\"></span>\n            </div>\n            <input data-part=\"item-hidden-input\" data-value={item.value} type=\"radio\" class=\"sr-only\" />\n            <span data-part=\"item-text\" data-value={item.value} class=\"radio-group-item-text text-sm\">\n              {item.label}\n            </span>\n          </label>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/rating-group.d.mts

@@ -1,6 +1,6 @@
 import { n as ZagComponent } from "./zag-component.mjs";
 import * as ratingGroup from "@zag-js/rating-group";
-import * as _zag_js_types0 from "@zag-js/types";
+import * as _$_zag_js_types0 from "@zag-js/types";
 
 //#region src/components/rating-group.d.ts
 declare class RatingGroup extends ZagComponent {
@@ -8,7 +8,7 @@ declare class RatingGroup extends ZagComponent {
   _allowHalf: boolean;
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: string;
+    id: any;
     value: any;
     defaultValue: any;
     count: any;
@@ -19,7 +19,7 @@ declare class RatingGroup extends ZagComponent {
     form: any;
     onValueChange: (details: ratingGroup.ValueChangeDetails) => void;
   };
-  connectApi(service: any): ratingGroup.Api<_zag_js_types0.PropTypes<{
+  connectApi(service: any): ratingGroup.Api<_$_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
   getSpreadMap(): {