@geajs/ui 0.1.3 → 0.1.5

package/dist/pin-input.mjs

@@ -0,0 +1,135 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as pinInput from "@zag-js/pin-input";
+//#region src/components/pin-input.tsx
+const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+var PinInput = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="pin-input-label text-sm font-medium mb-2 block">${this.props.label}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return pinInput.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			count: props.count ?? 4,
+			type: props.type ?? "numeric",
+			otp: props.otp ?? false,
+			mask: props.mask ?? false,
+			placeholder: props.placeholder ?? "○",
+			disabled: props.disabled,
+			readOnly: props.readOnly,
+			invalid: props.invalid,
+			name: props.name,
+			form: props.form,
+			blurOnComplete: props.blurOnComplete ?? false,
+			autoFocus: props.autoFocus,
+			onValueChange: (details) => {
+				this.value = details.value;
+				this.valueAsString = details.valueAsString;
+				props.onValueChange?.(details);
+			},
+			onValueComplete: props.onValueComplete,
+			onValueInvalid: props.onValueInvalid
+		};
+	}
+	connectApi(service) {
+		return pinInput.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"hidden-input\"]": "getHiddenInputProps",
+			"[data-part=\"input\"]": (api, el) => {
+				const index = parseInt(el.dataset.index || "0", 10);
+				return api.getInputProps({ index });
+			}
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+		this.valueAsString = api.valueAsString;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		const count = props.count ?? 4;
+		const inputs = Array.from({ length: count }, (_, i) => i);
+		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="pin-input-label text-sm font-medium mb-2 block">${props.label}</label>` || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="control" class="pin-input-control flex gap-2">${inputs.map((i) => `<input data-gea-item-id="${String(i)}" data-part="input"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`} class="pin-input-field h-9 w-9 rounded-md border border-input bg-transparent text-center text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" />`).join("") + "<!---->"}</div><input data-part="hidden-input" type="hidden" /></div>`;
+	}
+	render__unresolved_0Item(i) {
+		return `<input data-gea-item-id="${String(i)}" data-part="input"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`} class="pin-input-field h-9 w-9 rounded-md border border-input bg-transparent text-center text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" />`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = this.____unresolved_0_container;
+		if (!__c.__geaTpl) try {
+			var __tw = document.createElement("template");
+			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
+			__c.__geaTpl = __tw.content.firstElementChild;
+		} catch (__err) {
+			console.error(__err);
+		}
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = document.createElement("template");
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.content.firstElementChild;
+		}
+		var __av = String(item);
+		if (__av == null || __av === false) el.removeAttribute("data-index");
+		else el.setAttribute("data-index", String(__av));
+		el.setAttribute("data-gea-item-id", String(item));
+		el.__geaItem = 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));
+		row.setAttribute("data-gea-item-id", String(item));
+		row.__geaItem = item;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "label") this.__geaPatchCond(0);
+		if (key === "count") this.__geaSyncMap(0);
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => document.getElementById(this.id + "-b1"), () => {
+			const count = this.props.count ?? 4;
+			return Array.from({ length: count }, (_, i) => i);
+		}, (__item) => this.create__unresolved_0Item(__item));
+	}
+};
+//#endregion
+export { PinInput as default };
+
+//# sourceMappingURL=pin-input.mjs.map

package/dist/pin-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pin-input.mjs","names":["__v","v","valueOf","Component","pinInput","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","PinInput","constructor","args","props","__geaCond_0","label","__geaRegisterCond","value","valueAsString","createMachine","_props","machine","getMachineProps","id","defaultValue","count","type","otp","mask","placeholder","disabled","readOnly","invalid","name","form","blurOnComplete","autoFocus","onValueChange","details","ValueChangeDetails","onValueComplete","onValueInvalid","connectApi","service","connect","getSpreadMap","[data-part=\"input\"]","api","el","index","parseInt","HTMLElement","dataset","getInputProps","syncState","template","__id","_register","inputs","Array","from","length","_","i","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","__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/pin-input.tsx"],"sourcesContent":["import * as pinInput from '@zag-js/pin-input'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class PinInput extends ZagComponent {\n  declare value: string[]\n  declare valueAsString: string\n\n  createMachine(_props: any): any {\n    return pinInput.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      count: props.count ?? 4,\n      type: props.type ?? 'numeric',\n      otp: props.otp ?? false,\n      mask: props.mask ?? false,\n      placeholder: props.placeholder ?? '○',\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      invalid: props.invalid,\n      name: props.name,\n      form: props.form,\n      blurOnComplete: props.blurOnComplete ?? false,\n      autoFocus: props.autoFocus,\n      onValueChange: (details: pinInput.ValueChangeDetails) => {\n        this.value = details.value\n        this.valueAsString = details.valueAsString\n        props.onValueChange?.(details)\n      },\n      onValueComplete: props.onValueComplete,\n      onValueInvalid: props.onValueInvalid,\n    }\n  }\n\n  connectApi(service: any) {\n    return pinInput.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=\"input\"]': (api, el) => {\n        const index = parseInt((el as HTMLElement).dataset.index || '0', 10)\n        return api.getInputProps({ index })\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n    this.valueAsString = api.valueAsString\n  }\n\n  template(props: any) {\n    const count = props.count ?? 4\n    const inputs = Array.from({ length: count }, (_, i) => i)\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"pin-input-label text-sm font-medium mb-2 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"control\" class=\"pin-input-control flex gap-2\">\n          {inputs.map((i: number) => (\n            <input\n              key={i}\n              data-part=\"input\"\n              data-index={String(i)}\n              class=\"pin-input-field h-9 w-9 rounded-md border border-input bg-transparent text-center text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n            />\n          ))}\n        </div>\n        <input data-part=\"hidden-input\" type=\"hidden\" />\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/popover.d.mts

@@ -0,0 +1,39 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as popover from "@zag-js/popover";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/popover.d.ts
+declare class Popover extends ZagComponent {
+  open: boolean;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    open: any;
+    defaultOpen: any;
+    modal: any;
+    portalled: any;
+    autoFocus: any;
+    closeOnInteractOutside: any;
+    closeOnEscape: any;
+    positioning: any;
+    onOpenChange: (details: popover.OpenChangeDetails) => void;
+  };
+  connectApi(service: any): popover.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="trigger"]': string;
+    '[data-part="positioner"]': string;
+    '[data-part="content"]': string;
+    '[data-part="title"]': string;
+    '[data-part="description"]': string;
+    '[data-part="close-trigger"]': string;
+    '[data-part="arrow"]': string;
+    '[data-part="arrow-tip"]': string;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { Popover as default };
+//# sourceMappingURL=popover.d.mts.map

package/dist/popover.mjs

@@ -0,0 +1,107 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as popover from "@zag-js/popover";
+//#region src/components/popover.tsx
+var Popover = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.title;
+		this.__geaCond_1 = !!this.props.description;
+		this.__geaRegisterCond(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>`;
+		}, null);
+		this.__geaRegisterCond(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>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return popover.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			modal: props.modal ?? false,
+			portalled: props.portalled ?? true,
+			autoFocus: props.autoFocus ?? true,
+			closeOnInteractOutside: props.closeOnInteractOutside ?? true,
+			closeOnEscape: props.closeOnEscape ?? true,
+			positioning: props.positioning,
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return popover.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"positioner\"]": "getPositionerProps",
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"title\"]": "getTitleProps",
+			"[data-part=\"description\"]": "getDescriptionProps",
+			"[data-part=\"close-trigger\"]": "getCloseTriggerProps",
+			"[data-part=\"arrow\"]": "getArrowProps",
+			"[data-part=\"arrow-tip\"]": "getArrowTipProps"
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+	}
+	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>`;
+	}
+	__onPropChange(key, value) {
+		const __id = this.id;
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "triggerLabel") {
+			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			this.props;
+			const __boundValue = value || "Open";
+			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
+		}
+		if (key === "children") {
+			const __el = this.__e1 || (this.__e1 = document.getElementById(__id + "-b2"));
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+		if (key === "title") this.__geaPatchCond(0);
+		if (key === "description") this.__geaPatchCond(1);
+	}
+	__resetEls() {
+		this.__e0 = null;
+		this.__e1 = null;
+	}
+};
+//#endregion
+export { Popover as default };
+
+//# sourceMappingURL=popover.mjs.map

package/dist/popover.mjs.map

@@ -0,0 +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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"}

package/dist/progress.d.mts

@@ -0,0 +1,34 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as progress from "@zag-js/progress";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/progress.d.ts
+declare class Progress extends ZagComponent {
+  value: number | null;
+  percent: number;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    value: any;
+    defaultValue: any;
+    min: any;
+    max: any;
+    orientation: any;
+    onValueChange: any;
+  };
+  connectApi(service: any): progress.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="track"]': string;
+    '[data-part="range"]': string;
+    '[data-part="value-text"]': string;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { Progress as default };
+//# sourceMappingURL=progress.d.mts.map

package/dist/progress.mjs

@@ -0,0 +1,84 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as progress from "@zag-js/progress";
+//#region src/components/progress.tsx
+var Progress = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.percent = 0;
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(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>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return progress.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue ?? 0,
+			min: props.min ?? 0,
+			max: props.max ?? 100,
+			orientation: props.orientation,
+			onValueChange: props.onValueChange
+		};
+	}
+	connectApi(service) {
+		return progress.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"track\"]": "getTrackProps",
+			"[data-part=\"range\"]": "getRangeProps",
+			"[data-part=\"value-text\"]": "getValueTextProps"
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+		this.percent = api.percent;
+	}
+	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>`;
+	}
+	__observe_local_percent(percent, change) {
+		this.__updateText("b1", `
+            ${this.percent}%
+          `);
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "label") this.__geaPatchCond(0);
+	}
+	__resetEls() {
+		this.__e0 = null;
+	}
+	__setupLocalStateObservers() {
+		if (!this.__store) return;
+		this.__observe(this, ["percent"], this.__observe_local_percent);
+	}
+};
+//#endregion
+export { Progress as default };
+
+//# sourceMappingURL=progress.mjs.map

package/dist/progress.mjs.map

@@ -0,0 +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"}

package/dist/radio-group.d.mts

@@ -0,0 +1,37 @@
+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";
+
+//#region src/components/radio-group.d.ts
+declare class RadioGroup extends ZagComponent {
+  value: string | null;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    value: any;
+    defaultValue: any;
+    name: any;
+    form: any;
+    disabled: any;
+    readOnly: any;
+    orientation: any;
+    onValueChange: (details: radioGroup.ValueChangeDetails) => void;
+  };
+  connectApi(service: any): radioGroup.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="indicator"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="item-text"]': (api: any, el: any) => any;
+    '[data-part="item-control"]': (api: any, el: any) => any;
+    '[data-part="item-hidden-input"]': (api: any, el: any) => any;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { RadioGroup as default };
+//# sourceMappingURL=radio-group.d.mts.map

package/dist/radio-group.mjs

@@ -0,0 +1,154 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as 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 {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(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>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return radioGroup.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			name: props.name,
+			form: props.form,
+			disabled: props.disabled,
+			readOnly: props.readOnly,
+			orientation: props.orientation ?? "vertical",
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return radioGroup.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"indicator\"]": "getIndicatorProps",
+			"[data-part=\"item\"]": (api, el) => api.getItemProps({ value: el.dataset.value }),
+			"[data-part=\"item-text\"]": (api, el) => api.getItemTextProps({ value: el.dataset.value }),
+			"[data-part=\"item-control\"]": (api, el) => api.getItemControlProps({ value: el.dataset.value }),
+			"[data-part=\"item-hidden-input\"]": (api, el) => api.getItemHiddenInputProps({ value: el.dataset.value })
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		const items = props.items || [];
+		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__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>`;
+	}
+	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 __tw = document.createElement("template");
+			__tw.innerHTML = this.render__unresolved_0Item({
+				value: 0,
+				label: ""
+			});
+			__c.__geaTpl = __tw.content.firstElementChild;
+		} catch (__err) {
+			console.error(__err);
+		}
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = document.createElement("template");
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.content.firstElementChild;
+		}
+		el.__ref_0 = el.firstElementChild;
+		el.__ref_1 = el.firstElementChild.nextElementSibling;
+		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));
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-value");
+		else el.__ref_0.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-value");
+		else el.__ref_1.setAttribute("data-value", String(__av));
+		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 = `
+              ${item.label}
+            `;
+		el.setAttribute("data-gea-item-id", item?.value ?? item);
+		el.__geaItem = item;
+		return el;
+	}
+	patch__unresolved_0Item(row, item, __prevItem) {
+		if (!row) return;
+		if (!row.__ref_0) row.__ref_0 = row.firstElementChild;
+		if (!row.__ref_1) row.__ref_1 = row.firstElementChild.nextElementSibling;
+		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));
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-value");
+		else row.__ref_0.setAttribute("data-value", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-value");
+		else row.__ref_1.setAttribute("data-value", String(__av));
+		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 = `
+              ${item.label}
+            `;
+		row.setAttribute("data-gea-item-id", item?.value ?? item);
+		row.__geaItem = item;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "label") this.__geaPatchCond(0);
+		if (key === "items") this.__geaSyncMap(0);
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => this.$(":scope"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item), "value");
+	}
+};
+//#endregion
+export { RadioGroup as default };
+
+//# sourceMappingURL=radio-group.mjs.map