@geajs/ui 0.2.4 → 0.2.10

package/dist/hover-card.mjs

@@ -1,12 +1,19 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_ELEMENT, GEA_INSTANTIATE_CHILD_COMPONENTS, GEA_MOUNT_COMPILED_CHILD_COMPONENTS, GEA_ON_PROP_CHANGE, GEA_PATCH_NODE, geaEscapeHtml, geaSanitizeAttr } from "@geajs/core";
+import { o as GEA_CREATE_TEMPLATE } from "./bind.mjs";
+import { n as reactiveTextValue, t as reactiveText } from "./reactive-text.mjs";
+import { t as reactiveAttr } from "./reactive-attr.mjs";
+import { t as reactiveClass } from "./reactive-class.mjs";
+import { t as reactiveStyleProp } from "./reactive-style.mjs";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as hoverCard from "@zag-js/hover-card";
 //#region src/components/hover-card.tsx
+let _tpl0_root = null;
+function _tpl0_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div><a data-part=trigger class=\"hover-card-trigger inline-block\">0</a><div data-part=positioner class=hover-card-positioner><div data-part=content class=\"hover-card-content z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden\">0";
+	return t.content.firstChild;
+}
 var HoverCard = class extends ZagComponent {
-	static {
-		this.__geaTagName = "hover-card";
-	}
 	createMachine(_props) {
 		return hoverCard.machine;
 	}
@@ -39,61 +46,19 @@ var HoverCard = class extends ZagComponent {
 	syncState(api) {
 		this.open = api.open;
 	}
-	template(props) {
-		const __id = this.id;
-		Component._register(ZagComponent, "zag-component");
-		return `<div id="${__id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`} style="display: inline-block"><a id="${__id + "-b1"}" data-part="trigger"${(props.href || "#") == null || (props.href || "#") === false ? "" : ` href="${geaSanitizeAttr("href", String(props.href || "#"))}"`} class="hover-card-trigger inline-block">${geaEscapeHtml(String(props.triggerLabel || "Hover me"))}</a><div data-part="positioner" class="hover-card-positioner"><div id="${__id + "-b2"}" data-part="content" class="hover-card-content z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden">${props.children}</div></div></div>`;
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		const __id = this.id;
-		if (key === "class") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = value || "";
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
-			}
-		}
-		if (key === "href") {
-			const __el = this.__e0 || (this.__e0 = __gid(__id + "-b1"));
-			this.props;
-			const __boundValue = value || "#";
-			if (__el) {
-				var __av = __boundValue;
-				if (__av == null || __av === void 0) __el.removeAttribute("href");
-				else {
-					const __newAttr = __sanitizeAttr("href", String(__av));
-					if (__el.getAttribute("href") !== __newAttr) __el.setAttribute("href", __newAttr);
-				}
-			}
-		}
-		if (key === "triggerLabel") {
-			const __el = this.__e1 || (this.__e1 = __gid(__id + "-b1"));
-			this.props;
-			const __boundValue = value || "Hover me";
-			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
-		}
-		if (key === "children") {
-			const __el = this.__e2 || (this.__e2 = __gid(__id + "-b2"));
-			if (__el) {
-				const __tw = document.createElement("template");
-				__tw.innerHTML = value;
-				const __newEl = __tw.content.firstElementChild;
-				const __existEl = __el.firstElementChild;
-				if (__newEl && __existEl && __tw.content.childNodes.length === 1) this.constructor[GEA_PATCH_NODE](__existEl, __newEl, true);
-				else if (__el.innerHTML !== value) {
-					__el.innerHTML = value;
-					this[GEA_INSTANTIATE_CHILD_COMPONENTS]();
-					if (this.parentComponent) this.parentComponent[GEA_MOUNT_COMPILED_CHILD_COMPONENTS]();
-				}
-			}
-		}
-	}
-	__resetEls() {
-		this.__e0 = null;
-		this.__e1 = null;
-		this.__e2 = null;
+	[GEA_CREATE_TEMPLATE](d) {
+		const root = (_tpl0_root || (_tpl0_root = _tpl0_create())).cloneNode(true);
+		const el0 = root;
+		const el1 = el0;
+		const el2 = root.firstChild;
+		const marker3 = root.firstChild.firstChild;
+		const marker4 = root.childNodes[1].firstChild.firstChild;
+		reactiveClass(el0, d, this, () => this.props.class || "");
+		reactiveStyleProp(el1, d, this, "display", () => "inline-block");
+		reactiveAttr(el2, d, this, "href", () => this.props.href || "#");
+		reactiveTextValue(marker3, d, this, () => this.props.triggerLabel || "Hover me");
+		reactiveText(marker4, d, this, () => this.props.children);
+		return root;
 	}
 };
 //#endregion

package/dist/hover-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.mjs","names":["Component","geaSanitizeAttr","geaEscapeHtml","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_NODE","GEA_INSTANTIATE_CHILD_COMPONENTS","GEA_MOUNT_COMPILED_CHILD_COMPONENTS","hoverCard","normalizeProps","ZagComponent","HoverCard","__geaTagName","open","createMachine","_props","machine","getMachineProps","props","id","defaultOpen","openDelay","closeDelay","positioning","onOpenChange","details","OpenChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","_register","class","String","trim","href","triggerLabel","children","key","value","__el","__boundValue","__newClass","replace","className","__e0","__gid","__av","undefined","removeAttribute","__newAttr","__sanitizeAttr","getAttribute","setAttribute","__e1","textContent","__e2","__tw","document","createElement","innerHTML","__newEl","content","firstElementChild","__existEl","childNodes","length","constructor","parentComponent","__resetEls"],"sources":["../src/components/hover-card.tsx"],"sourcesContent":["import * as hoverCard from '@zag-js/hover-card'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class HoverCard extends ZagComponent {\n  declare open: boolean\n\n  createMachine(_props: any): any {\n    return hoverCard.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      openDelay: props.openDelay,\n      closeDelay: props.closeDelay,\n      positioning: props.positioning,\n      onOpenChange: (details: hoverCard.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return hoverCard.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=\"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 || ''} style={{ display: 'inline-block' }}>\n        <a data-part=\"trigger\" href={props.href || '#'} class=\"hover-card-trigger inline-block\">\n          {props.triggerLabel || 'Hover me'}\n        </a>\n        <div data-part=\"positioner\" class=\"hover-card-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"hover-card-content z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden\"\n          >\n            {props.children}\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"hover-card.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClass","reactiveStyleProp","reactiveAttr","reactiveTextValue","reactiveText","hoverCard","normalizeProps","ZagComponent","_tpl0_root","_tpl0_create","t","document","createElement","innerHTML","content","firstChild","HoverCard","open","createMachine","_props","machine","getMachineProps","props","id","defaultOpen","openDelay","closeDelay","positioning","onOpenChange","details","OpenChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","d","root","cloneNode","el0","el1","el2","marker3","marker4","childNodes","class","href","t3","triggerLabel","t4","children"],"sources":["../src/components/hover-card.tsx"],"sourcesContent":["import * as hoverCard from '@zag-js/hover-card'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class HoverCard extends ZagComponent {\n  declare open: boolean\n\n  createMachine(_props: any): any {\n    return hoverCard.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      openDelay: props.openDelay,\n      closeDelay: props.closeDelay,\n      positioning: props.positioning,\n      onOpenChange: (details: hoverCard.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return hoverCard.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=\"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 || ''} style={{ display: 'inline-block' }}>\n        <a data-part=\"trigger\" href={props.href || '#'} class=\"hover-card-trigger inline-block\">\n          {props.triggerLabel || 'Hover me'}\n        </a>\n        <div data-part=\"positioner\" class=\"hover-card-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"hover-card-content z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden\"\n          >\n            {props.children}\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;AAIA,IAAIS,aAAa;AACjB,SAASC,eAAe;CACtB,MAAMC,IAAIC,SAASC,cAAc,WAAW;AAC5CF,GAAEG,YAAY;AACd,QAAOH,EAAEI,QAAQC;;AAEnB,IAAqBC,YAArB,cAAuCT,aAAa;CAElDW,cAAcC,QAAkB;AAC9B,SAAOd,UAAUe;;CAEnBC,gBAAgBC,OAAY;AAC1B,SAAO;GACLC,IAAI,KAAKA;GACTN,MAAMK,MAAML;GACZO,aAAaF,MAAME;GACnBC,WAAWH,MAAMG;GACjBC,YAAYJ,MAAMI;GAClBC,aAAaL,MAAMK;GACnBC,eAAeC,YAAyC;AACtD,SAAKZ,OAAOY,QAAQZ;AACpBK,UAAMM,eAAeC,QAAQ;;GAEhC;;CAEHE,WAAWC,SAAc;AACvB,SAAO3B,UAAU4B,QAAQD,SAAS1B,eAAe;;CAEnD4B,eAAe;AACb,SAAO;GACL,2BAAyB;GACzB,8BAA4B;GAC5B,2BAAyB;GACzB,yBAAuB;GACvB,6BAA2B;GAC5B;;CAEHC,UAAUC,KAAU;AAClB,OAAKnB,OAAOmB,IAAInB;;CAElB,CAAClB,qBAAqBsC,GAAG;EACvB,MAAMC,QAAQ9B,eAAeA,aAAaC,cAAc,GAAG8B,UAAU,KAAK;EAC1E,MAAMC,MAAMF;EACZ,MAAMG,MAAMD;EACZ,MAAME,MAAMJ,KAAKvB;EACjB,MAAM4B,UAAUL,KAAKvB,WAAWA;EAChC,MAAM6B,UAAUN,KAAKO,WAAW,GAAG9B,WAAWA;AAC9Cf,gBAAcwC,KAAKH,GAAG,YAAY,KAAKf,MAAMwB,SAAS,GAAG;AACzD7C,oBAAkBwC,KAAKJ,GAAG,MAAM,iBAAiB,eAAe;AAChEnC,eAAawC,KAAKL,GAAG,MAAM,cAAc,KAAKf,MAAMyB,QAAQ,IAAI;AAEhE5C,oBAAkB6C,SAAIX,GAAG,YAAY,KAAKf,MAAM2B,gBAAgB,WAAW;AAE3E7C,eAAa8C,SAAIb,GAAG,YAAY,KAAKf,MAAM6B,SAAS;AACpD,SAAOb"}

package/dist/index.mjs

@@ -1,5 +1,7 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { t as cn } from "./cn.mjs";
+import { n as cn } from "./compiled-component.mjs";
+import { t as Draggable } from "./draggable2.mjs";
+import { t as Input } from "./input2.mjs";
 import Accordion from "./accordion.mjs";
 import Avatar from "./avatar.mjs";
 import Checkbox from "./checkbox.mjs";
@@ -28,7 +30,6 @@ import Tooltip from "./tooltip.mjs";
 import TreeView from "./tree-view.mjs";
 import Button from "./button.mjs";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.mjs";
-import Input from "./input.mjs";
 import Textarea from "./textarea.mjs";
 import Label from "./label.mjs";
 import Badge from "./badge.mjs";
@@ -36,7 +37,6 @@ import { Alert, AlertDescription, AlertTitle } from "./alert.mjs";
 import Separator from "./separator.mjs";
 import Skeleton from "./skeleton.mjs";
 import { dndManager } from "./dnd-manager.mjs";
-import Draggable from "./draggable.mjs";
 import Droppable from "./droppable.mjs";
 import DragDropContext from "./drag-drop-context.mjs";
 export { Accordion, Alert, AlertDescription, AlertTitle, Avatar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Clipboard, Collapsible, Combobox, Dialog, DragDropContext, Draggable, Droppable, FileUpload, HoverCard, Input, Label, Menu, NumberInput, Pagination, PinInput, Popover, Progress, RadioGroup, RatingGroup, Select, Separator, Skeleton, Slider, Switch, Tabs, TagsInput, Textarea, ToastStore, Toaster, ToggleGroup, Tooltip, TreeView, ZagComponent, cn, dndManager };

package/dist/input.d.mts

@@ -2,7 +2,7 @@ import { Component } from "@geajs/core";
 
 //#region src/components/input.d.ts
 declare class Input extends Component {
-  template(props: any): string;
+  template(props: any): any;
 }
 //#endregion
 export { Input as default };

package/dist/input.mjs

@@ -1,94 +1,2 @@
-import { t as cn } from "./cn.mjs";
-import { Component, GEA_ELEMENT, GEA_ON_PROP_CHANGE } from "@geajs/core";
-//#region src/components/input.tsx
-var Input = class extends Component {
-	static {
-		this.__geaTagName = "gea-input";
-	}
-	template(props) {
-		const __id = this.id;
-		return `<input id="${props.inputId}" data-gcc="${__id}"${cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) == null || cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) === false ? "" : ` class="${(cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) != null ? String(cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class)) : "").trim()}"`}${(props.type || "text") == null || (props.type || "text") === false ? "" : ` type="${props.type || "text"}"`}${props.placeholder == null || props.placeholder === false ? "" : ` placeholder="${props.placeholder}"`}${props.value == null || props.value === false ? "" : ` value="${props.value}"`}${props.disabled == null || props.disabled === false ? "" : ` disabled="${props.disabled}"`}${props.name == null || props.name === false ? "" : ` name="${props.name}"`} />`;
-	}
-	get events() {
-		if (this.__evts && this[GEA_ELEMENT]) return this.__evts;
-		const __geaEvtsResult = { input: { [`#${this.props.inputId}`]: this.__event_input_0 } };
-		if (this[GEA_ELEMENT]) this.__evts = __geaEvtsResult;
-		return __geaEvtsResult;
-	}
-	__event_input_0(e, targetComponent) {
-		this.props.onInput?.(e);
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		if (key === "class") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", value);
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
-			}
-		}
-		if (key === "type") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = value || "text";
-			if (__el) {
-				var __av = __boundValue;
-				if (__av == null || __av === false) __el.removeAttribute("type");
-				else {
-					const __newAttr = String(__av);
-					if (__el.getAttribute("type") !== __newAttr) __el.setAttribute("type", __newAttr);
-				}
-			}
-		}
-		if (key === "placeholder") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) {
-				var __av = value;
-				if (__av == null || __av === false) __el.removeAttribute("placeholder");
-				else {
-					const __newAttr = String(__av);
-					if (__el.getAttribute("placeholder") !== __newAttr) __el.setAttribute("placeholder", __newAttr);
-				}
-			}
-		}
-		if (key === "value") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) __el.value = value == null ? "" : String(value);
-		}
-		if (key === "disabled") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) if (!value) __el.removeAttribute("disabled");
-			else {
-				const __newAttr = "";
-				if (__el.getAttribute("disabled") !== __newAttr) __el.setAttribute("disabled", __newAttr);
-			}
-		}
-		if (key === "name") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) {
-				var __av = value;
-				if (__av == null || __av === false) __el.removeAttribute("name");
-				else {
-					const __newAttr = String(__av);
-					if (__el.getAttribute("name") !== __newAttr) __el.setAttribute("name", __newAttr);
-				}
-			}
-		}
-		if (key === "inputId") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) {
-				var __av = value;
-				if (__av == null || __av === false) __el.removeAttribute("id");
-				else {
-					const __newAttr = String(__av);
-					if (__el.getAttribute("id") !== __newAttr) __el.setAttribute("id", __newAttr);
-				}
-			}
-		}
-	}
-};
-//#endregion
+import { t as Input } from "./input2.mjs";
 export { Input as default };
-
-//# sourceMappingURL=input.mjs.map

package/dist/input2.mjs

@@ -0,0 +1,56 @@
+import { n as cn, t as CompiledComponent } from "./compiled-component.mjs";
+import { o as GEA_CREATE_TEMPLATE, t as bind } from "./bind.mjs";
+import { t as reactiveAttr } from "./reactive-attr.mjs";
+import { t as reactiveBoolAttr } from "./reactive-bool.mjs";
+import { t as reactiveClass } from "./reactive-class.mjs";
+import { t as delegateEvent } from "./delegate-event.mjs";
+//#region ../gea/src/runtime/reactive-value.ts
+function reactiveValueRead(el, d, root, pathOrGetter) {
+	let controlled = false;
+	const apply = (v) => {
+		if (v === void 0 && !controlled) return;
+		controlled = true;
+		const s = v == null ? "" : String(v);
+		if (el.value !== s) el.value = s;
+	};
+	bind(d, root, pathOrGetter, apply);
+}
+//#endregion
+//#region src/components/input.tsx
+function _tpl0_create() {
+	return document.createElement("input");
+}
+var Input = class extends CompiledComponent {
+	[GEA_CREATE_TEMPLATE](d) {
+		const root = _tpl0_create();
+		const el0 = root;
+		const el1 = el0;
+		const el2 = el0;
+		const el3 = el0;
+		const el4 = el0;
+		const el5 = el0;
+		const el6 = el0;
+		const evt7 = el0;
+		reactiveClass(el0, d, this, () => cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", this.props.class));
+		reactiveAttr(el1, d, this, "type", () => this.props.type || "text");
+		reactiveAttr(el2, d, this, "placeholder", () => this.props.placeholder);
+		reactiveValueRead(el3, d, this, () => this.props.value);
+		reactiveBoolAttr(el4, d, this, "disabled", () => this.props.disabled);
+		reactiveAttr(el5, d, this, "name", () => this.props.name);
+		reactiveAttr(el6, d, this, "id", () => this.props.inputId);
+		const h7 = (e) => {
+			((e) => this.props.onInput?.(e))(e);
+			const __v = this.props.value;
+			if (__v !== void 0) {
+				const __s = __v == null ? "" : String(__v);
+				if (evt7.value !== __s) evt7.value = __s;
+			}
+		};
+		delegateEvent(root, "input", [[evt7, h7]], d);
+		return root;
+	}
+};
+//#endregion
+export { Input as t };
+
+//# sourceMappingURL=input2.mjs.map

package/dist/input2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input2.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClass","reactiveAttr","reactiveValueRead","reactiveBoolAttr","delegateEvent","CompiledComponent","Component","cn","_tpl0_create","e","document","createElement","Input","d","root","el0","el1","el2","el3","el4","el5","el6","evt7","props","class","type","placeholder","value","disabled","name","inputId","h7","Event","onInput","__v","undefined","__s","String"],"sources":["../../gea/src/runtime/reactive-value.ts","../src/components/input.tsx"],"sourcesContent":["import type { Disposer } from './disposer'\nimport { bind } from './bind'\n\ntype InputLike = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\n\nexport function reactiveValueRead(\n  el: InputLike,\n  d: Disposer,\n  root: any,\n  pathOrGetter: readonly string[] | (() => unknown),\n): void {\n  let controlled = false\n  const apply = (v: unknown): void => {\n    if (v === undefined && !controlled) return\n    controlled = true\n    const s = v == null ? '' : String(v)\n    if (el.value !== s) el.value = s\n  }\n  bind(d, root, pathOrGetter, apply)\n}\n\nexport function reactiveValue(\n  el: InputLike,\n  d: Disposer,\n  root: any,\n  pathOrGetter: readonly string[] | (() => unknown),\n  writeBack?: (v: string) => void,\n): void {\n  reactiveValueRead(el, d, root, pathOrGetter)\n  if (writeBack) {\n    const onInput = (): void => {\n      writeBack(el.value)\n    }\n    el.addEventListener('input', onInput)\n    d.add(() => el.removeEventListener('input', onInput))\n  }\n}\n","import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Input extends Component {\n  template(props: any) {\n    return (\n      <input\n        class={cn(\n          'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n          props.class,\n        )}\n        type={props.type || 'text'}\n        placeholder={props.placeholder}\n        value={props.value}\n        disabled={props.disabled}\n        name={props.name}\n        id={props.inputId}\n        input={(e: Event) => props.onInput?.(e)}\n      />\n    )\n  }\n}\n"],"mappings":";;;;;;;AAKA,SAAgB,kBACd,IACA,GACA,MACA,cACM;CACN,IAAI,aAAa;CACjB,MAAM,SAAS,MAAqB;AAClC,MAAI,MAAM,KAAA,KAAa,CAAC,WAAY;AACpC,eAAa;EACb,MAAM,IAAI,KAAK,OAAO,KAAK,OAAO,EAAE;AACpC,MAAI,GAAG,UAAU,EAAG,IAAG,QAAQ;;AAEjC,MAAK,GAAG,MAAM,cAAc,MAAM;;;;ACfpC,SAASS,eAAe;AAEtB,QADUE,SAASC,cAAc,QACzB;;AAEV,IAAqBC,QAArB,cAAmCP,kBAAkB;CACnD,CAACN,qBAAqBc,GAAG;EACvB,MAAMC,OAAON,cAAc;EAC3B,MAAMO,MAAMD;EACZ,MAAME,MAAMD;EACZ,MAAME,MAAMF;EACZ,MAAMG,MAAMH;EACZ,MAAMI,MAAMJ;EACZ,MAAMK,MAAML;EACZ,MAAMM,MAAMN;EACZ,MAAMO,OAAOP;AACbf,gBAAce,KAAKF,GAAG,YAAYN,GAAG,6WAA6W,KAAKgB,MAAMC,MAAM,CAAC;AACpavB,eAAae,KAAKH,GAAG,MAAM,cAAc,KAAKU,MAAME,QAAQ,OAAO;AACnExB,eAAagB,KAAKJ,GAAG,MAAM,qBAAqB,KAAKU,MAAMG,YAAY;AACvExB,oBAAkBgB,KAAKL,GAAG,YAAY,KAAKU,MAAMI,MAAM;AACvDxB,mBAAiBgB,KAAKN,GAAG,MAAM,kBAAkB,KAAKU,MAAMK,SAAS;AACrE3B,eAAamB,KAAKP,GAAG,MAAM,cAAc,KAAKU,MAAMM,KAAK;AACzD5B,eAAaoB,KAAKR,GAAG,MAAM,YAAY,KAAKU,MAAMO,QAAQ;EAC1D,MAAMC,MAAKtB,MAAK;AACd,KAAEA,MAAa,KAAKc,MAAMU,UAAUxB,EAAE,EAAEA,EAAE;GAC1C,MAAMyB,MAAM,KAAKX,MAAMI;AACvB,OAAIO,QAAQC,KAAAA,GAAW;IACrB,MAAMC,MAAMF,OAAO,OAAO,KAAKG,OAAOH,IAAI;AAC1C,QAAIZ,KAAKK,UAAUS,IACjBd,MAAKK,QAAQS;;;AAInBhC,gBAAcU,MAAM,SAAS,CAAC,CAACQ,MAAMS,GAAG,CAAC,EAAElB,EAAE;AAC7C,SAAOC"}

package/dist/internal-symbols.mjs

@@ -0,0 +1,9 @@
+//#region ../gea/src/runtime/internal-symbols.ts
+const GEA_SET_PROPS = Symbol.for("gea.component.setProps");
+const GEA_DISPOSER = Symbol();
+const GEA_CREATED_CALLED = Symbol();
+const GEA_OBSERVE_DIRECT = Symbol();
+//#endregion
+export { GEA_SET_PROPS as i, GEA_DISPOSER as n, GEA_OBSERVE_DIRECT as r, GEA_CREATED_CALLED as t };
+
+//# sourceMappingURL=internal-symbols.mjs.map

package/dist/internal-symbols.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-symbols.mjs","names":[],"sources":["../../gea/src/runtime/internal-symbols.ts"],"sourcesContent":["export const GEA_SET_PROPS = Symbol.for('gea.component.setProps')\nexport const GEA_DISPOSER = Symbol()\nexport const GEA_CREATED_CALLED = Symbol()\nexport const GEA_OBSERVE_DIRECT = Symbol()\nexport const GEA_ROOT_PROXY_HANDLER_FACTORY = Symbol.for('gea.store.rootProxyHandlerFactory')\nexport const GEA_NO_STORE_PROXY = Symbol()\n"],"mappings":";AAAA,MAAa,gBAAgB,OAAO,IAAI,yBAAyB;AACjE,MAAa,eAAe,QAAQ;AACpC,MAAa,qBAAqB,QAAQ;AAC1C,MAAa,qBAAqB,QAAQ"}

package/dist/item-obs.mjs

@@ -0,0 +1,31 @@
+import { n as trackRead } from "./bind.mjs";
+//#region ../gea/src/runtime/keyed-list/item-obs.ts
+function _TOMBSTONE() {}
+var ItemObs = class {
+	constructor(initial) {
+		this._o = [];
+		this.current = initial;
+	}
+	observe(_path, fn) {
+		const idx = this._o.length;
+		this._o.push(fn);
+		return () => {
+			this._o[idx] = _TOMBSTONE;
+		};
+	}
+	_fire() {
+		for (let i = 0; i < this._o.length; i++) this._o[i]();
+	}
+};
+function createItemObservable(initial) {
+	return new ItemObs(initial);
+}
+/** Read a row's current value, including primitives, while recording its dependency. */
+function readItem(obs) {
+	trackRead(obs, "current");
+	return obs.current;
+}
+//#endregion
+export { readItem as n, createItemObservable as t };
+
+//# sourceMappingURL=item-obs.mjs.map

package/dist/item-obs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-obs.mjs","names":[],"sources":["../../gea/src/runtime/keyed-list/item-obs.ts"],"sourcesContent":["/**\n * Per-item observable for keyed-list rows that have item-rooted reactive\n * bindings NOT extractable into patchRow (e.g., destructured item params,\n * reactive getters referencing `item` inside createItem). Each row gets\n * one `ItemObservable` and one Proxy wrapping it so that `trackRead` picks\n * up a dep on the current item value.\n *\n * Elided at the keyed-list level when `cfg.noItemProxy` is true — the\n * compiler sets that flag when it proves createItem has no such bindings.\n */\nimport { GEA_PROXY_RAW } from '../../symbols'\nimport { trackRead } from '../with-tracking'\nimport type { ItemObservable } from './types'\n\n// Class-based (prototype shares observe/_fire) + tombstone-array observer\n// list. Per-row savings: no per-instance method closures (was 2 per row),\n// and O(1) unsubscribe for teardown (was Set.delete hop + hash probe per\n// binding × rows on 09_clear1k).\n// The tombstone is a shared no-op, not `null`. A `((() => void) | null)[]`\n// field gives geatsc two incompatible vector element representations for the\n// same class field (`vector<function...>` from the pushes, `vector<null>` from\n// the tombstone write) and it aborts with \"Static representation conflict for\n// class-field ... ItemObs:_o\". One element type keeps the field exact; the\n// unsubscribe is still O(1) and a fired tombstone is a single empty call.\nfunction _TOMBSTONE(): void {\n  /* unsubscribed observer */\n}\n\nclass ItemObs<T> implements ItemObservable<T> {\n  current: T\n  _o: Array<() => void> = []\n  constructor(initial: T) {\n    this.current = initial\n  }\n  observe(_path: string | string[], fn: () => void): () => void {\n    const idx = this._o.length\n    this._o.push(fn)\n    return () => {\n      this._o[idx] = _TOMBSTONE\n    }\n  }\n  _fire(): void {\n    for (let i = 0; i < this._o.length; i++) {\n      this._o[i]()\n    }\n  }\n}\n\nexport function createItemObservable<T>(initial: T): ItemObservable<T> {\n  return new ItemObs(initial)\n}\n\n/** Read a row's current value, including primitives, while recording its dependency. */\nexport function readItem<T>(obs: ItemObservable<T>): T {\n  trackRead(obs as object, 'current')\n  return obs.current\n}\n\n/**\n * A live-reading proxy standing in for `obs.current` — property reads\n * forward to whatever the CURRENT item is (not the item at proxy-creation\n * time), so it's typed as `T` itself: everywhere it's used, it's meant to\n * read exactly like the item it wraps.\n */\nexport function createItemProxy<T>(obs: ItemObservable<T>): T {\n  return new Proxy(\n    {},\n    {\n      get(_t, prop) {\n        if (prop === GEA_PROXY_RAW) return obs.current\n        trackRead(obs as object, 'current')\n        const cur = obs.current\n        if (cur == null) return undefined\n        return (cur as Record<PropertyKey, unknown>)[prop]\n      },\n      has(_t, prop) {\n        const cur = obs.current\n        return cur != null && prop in Object(cur)\n      },\n      ownKeys() {\n        const cur = obs.current\n        return cur != null ? Reflect.ownKeys(Object(cur)) : []\n      },\n      getOwnPropertyDescriptor(_t, prop) {\n        const cur = obs.current\n        if (cur == null) return undefined\n        return (\n          Object.getOwnPropertyDescriptor(Object(cur), prop) ?? {\n            enumerable: true,\n            configurable: true,\n            value: (cur as Record<PropertyKey, unknown>)[prop],\n          }\n        )\n      },\n    },\n  ) as T\n}\n"],"mappings":";;AAwBA,SAAS,aAAmB;AAI5B,IAAM,UAAN,MAA8C;CAG5C,YAAY,SAAY;YADA,EAAE;AAExB,OAAK,UAAU;;CAEjB,QAAQ,OAA0B,IAA4B;EAC5D,MAAM,MAAM,KAAK,GAAG;AACpB,OAAK,GAAG,KAAK,GAAG;AAChB,eAAa;AACX,QAAK,GAAG,OAAO;;;CAGnB,QAAc;AACZ,OAAK,IAAI,IAAI,GAAG,IAAI,KAAK,GAAG,QAAQ,IAClC,MAAK,GAAG,IAAI;;;AAKlB,SAAgB,qBAAwB,SAA+B;AACrE,QAAO,IAAI,QAAQ,QAAQ;;;AAI7B,SAAgB,SAAY,KAA2B;AACrD,WAAU,KAAe,UAAU;AACnC,QAAO,IAAI"}

package/dist/keyed-list-symbols.mjs

@@ -0,0 +1,6 @@
+//#region ../gea/src/runtime/keyed-list-symbols.ts
+const GEA_DOM_ITEM = Symbol();
+//#endregion
+export { GEA_DOM_ITEM as t };
+
+//# sourceMappingURL=keyed-list-symbols.mjs.map

package/dist/keyed-list-symbols.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyed-list-symbols.mjs","names":[],"sources":["../../gea/src/runtime/keyed-list-symbols.ts"],"sourcesContent":["/** Symbols used by keyed-list row roots and compiler/runtime compatibility. */\nexport const GEA_DOM_KEY = Symbol()\nexport const GEA_DOM_ITEM = Symbol()\n"],"mappings":";AAEA,MAAa,eAAe,QAAQ"}