@geajs/ui 0.2.4 → 0.2.10

package/dist/delegate-event.mjs

@@ -0,0 +1,53 @@
+//#region ../gea/src/runtime/delegate-event.ts
+const _NON_BUBBLING = new Set([
+	"blur",
+	"focus",
+	"mouseenter",
+	"mouseleave",
+	"scroll"
+]);
+function dispatchWithCurrentTarget(handler, event, currentTarget) {
+	const previous = Object.getOwnPropertyDescriptor(event, "currentTarget");
+	Object.defineProperty(event, "currentTarget", {
+		configurable: true,
+		value: currentTarget
+	});
+	try {
+		handler(event);
+	} finally {
+		if (previous) Object.defineProperty(event, "currentTarget", previous);
+		else delete event.currentTarget;
+	}
+}
+function delegateEvent(root, type, pairs, _disposer) {
+	const rt = typeof document !== "undefined" ? document : root.ownerDocument;
+	const k = "__on_" + type;
+	const currentTargetKey = "__onct_" + type;
+	const flag = "__d_" + type;
+	if (!rt[flag]) {
+		rt[flag] = 1;
+		rt.addEventListener(type, (e) => {
+			for (let n = e.target; n && n !== rt; n = n.parentNode) {
+				const h = n[k];
+				if (h !== void 0) {
+					h(e);
+					return;
+				}
+				const hct = n[currentTargetKey];
+				if (hct !== void 0) {
+					dispatchWithCurrentTarget(hct, e, n);
+					return;
+				}
+			}
+		}, _NON_BUBBLING.has(type));
+	}
+	for (let i = 0; i < pairs.length; i++) {
+		const el = pairs[i][0];
+		if (el) if (pairs[i].length > 2) el[k] = pairs[i][1];
+		else el[currentTargetKey] = pairs[i][1];
+	}
+}
+//#endregion
+export { delegateEvent as t };
+
+//# sourceMappingURL=delegate-event.mjs.map

package/dist/delegate-event.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"delegate-event.mjs","names":[],"sources":["../../gea/src/runtime/delegate-event.ts"],"sourcesContent":["/**\n * Per-document event delegation via element expando properties.\n *\n * Fast JSX-declared handlers are stored as own properties on their host\n * element (`el.__on_click = handler`). Handlers that need element-local\n * `currentTarget` semantics use the slower `__onct_click` slot.\n * A single document-level listener per eventType walks from `e.target` up,\n * checks the expando on each node, and dispatches.\n *\n * Why this beats a Map<Element, Handler> dispatcher:\n *   - Expando lookup is an inline-cached own-property read.\n *   - No per-list Map allocation; DOM nodes are the storage.\n *   - Detached elements take their handler expando with them, so bulk row\n *     teardown avoids removeEventListener / Map.delete work.\n *\n * Although the real DOM listener is installed on the document, Gea exposes\n * element-local handler semantics: while a matched handler runs,\n * `e.currentTarget` is the element that owned that handler.\n */\n\nimport type { Disposer } from './disposer'\n\n// A Set keeps the membership test native under geatsc; a Record<string, true>\n// computed access has no native plan and trips the boxed-equality guard.\n// Mirrors `delegate-event-fast.ts`, which took the same treatment.\nconst _NON_BUBBLING = new Set<string>(['blur', 'focus', 'mouseenter', 'mouseleave', 'scroll'])\n\ntype Handler = (e: Event) => void\ntype HandlerPair = [Element, Handler] | [Element, Handler, false]\n\nfunction dispatchWithCurrentTarget(handler: Handler, event: Event, currentTarget: Element): void {\n  const previous = Object.getOwnPropertyDescriptor(event, 'currentTarget')\n  Object.defineProperty(event, 'currentTarget', { configurable: true, value: currentTarget })\n  try {\n    handler(event)\n  } finally {\n    if (previous) Object.defineProperty(event, 'currentTarget', previous)\n    else delete (event as any).currentTarget\n  }\n}\n\nexport function delegateEvent(root: Element, type: string, pairs: HandlerPair[], _disposer: Disposer): void {\n  // Prefer the live global `document` — template clones' ownerDocument may\n  // differ from the adopted document (jsdom installs fresh docs per test).\n  const rt: any = typeof document !== 'undefined' ? document : root.ownerDocument\n  const k = '__on_' + type\n  const currentTargetKey = '__onct_' + type\n  const flag = '__d_' + type\n  if (!rt[flag]) {\n    rt[flag] = 1\n    rt.addEventListener(\n      type,\n      (e: Event) => {\n        for (let n: Node | null = e.target as Node | null; n && n !== rt; n = n.parentNode) {\n          const h = (n as any)[k] as Handler | undefined\n          if (h !== undefined) {\n            h(e)\n            return\n          }\n          const hct = (n as any)[currentTargetKey] as Handler | undefined\n          if (hct !== undefined) {\n            dispatchWithCurrentTarget(hct, e, n as Element)\n            return\n          }\n        }\n      },\n      _NON_BUBBLING.has(type),\n    )\n  }\n  for (let i = 0; i < pairs.length; i++) {\n    const el = pairs[i][0]\n    if (el) {\n      // A 3-element pair (`[el, handler, false]`) is the compiler's\n      // fast, no-shadow marker; a plain 2-element pair defaults to the\n      // slower `currentTarget`-shadowing slot. Test the pair length (a\n      // native numeric compare) rather than `pairs[i][2] === false`, whose\n      // boxed `false | undefined` equality has no native plan under geatsc.\n      if (pairs[i].length > 2) {\n        ;(el as any)[k] = pairs[i][1]\n      } else {\n        ;(el as any)[currentTargetKey] = pairs[i][1]\n      }\n    }\n  }\n  // No disposer cleanup: when the element is removed from the DOM and GC'd,\n  // the expando dies with it. Skipping a symmetric removeDelegate avoids\n  // N `delete el[k]` per row on large replace/clear workloads. A dead expando\n  // on a detached element is harmless: events no longer bubble through it, so\n  // the document listener never walks into it.\n}\n"],"mappings":";AAyBA,MAAM,gBAAgB,IAAI,IAAY;CAAC;CAAQ;CAAS;CAAc;CAAc;CAAS,CAAC;AAK9F,SAAS,0BAA0B,SAAkB,OAAc,eAA8B;CAC/F,MAAM,WAAW,OAAO,yBAAyB,OAAO,gBAAgB;AACxE,QAAO,eAAe,OAAO,iBAAiB;EAAE,cAAc;EAAM,OAAO;EAAe,CAAC;AAC3F,KAAI;AACF,UAAQ,MAAM;WACN;AACR,MAAI,SAAU,QAAO,eAAe,OAAO,iBAAiB,SAAS;MAChE,QAAQ,MAAc;;;AAI/B,SAAgB,cAAc,MAAe,MAAc,OAAsB,WAA2B;CAG1G,MAAM,KAAU,OAAO,aAAa,cAAc,WAAW,KAAK;CAClE,MAAM,IAAI,UAAU;CACpB,MAAM,mBAAmB,YAAY;CACrC,MAAM,OAAO,SAAS;AACtB,KAAI,CAAC,GAAG,OAAO;AACb,KAAG,QAAQ;AACX,KAAG,iBACD,OACC,MAAa;AACZ,QAAK,IAAI,IAAiB,EAAE,QAAuB,KAAK,MAAM,IAAI,IAAI,EAAE,YAAY;IAClF,MAAM,IAAK,EAAU;AACrB,QAAI,MAAM,KAAA,GAAW;AACnB,OAAE,EAAE;AACJ;;IAEF,MAAM,MAAO,EAAU;AACvB,QAAI,QAAQ,KAAA,GAAW;AACrB,+BAA0B,KAAK,GAAG,EAAa;AAC/C;;;KAIN,cAAc,IAAI,KAAK,CACxB;;AAEH,MAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;EACrC,MAAM,KAAK,MAAM,GAAG;AACpB,MAAI,GAMF,KAAI,MAAM,GAAG,SAAS,EAClB,IAAW,KAAK,MAAM,GAAG;MAEzB,IAAW,oBAAoB,MAAM,GAAG"}

package/dist/dialog.d.mts

@@ -1,4 +1,5 @@
 import { n as ZagComponent } from "./zag-component.mjs";
+import { t as JSXNode } from "./types.mjs";
 import * as dialog from "@zag-js/dialog";
 import { OpenChangeDetails } from "@zag-js/dialog";
 import * as _$_zag_js_types0 from "@zag-js/types";
@@ -6,7 +7,7 @@ import * as _$_zag_js_types0 from "@zag-js/types";
 //#region src/components/dialog.d.ts
 interface DialogProps {
   class?: string;
-  children?: ReactNode;
+  children?: JSXNode;
   triggerLabel?: string;
   title?: string;
   description?: string;
@@ -25,7 +26,7 @@ declare class Dialog extends ZagComponent<DialogProps> {
   open: boolean;
   createMachine(_props: DialogProps): any;
   getMachineProps(props: DialogProps): {
-    id: any;
+    id: string;
     open: boolean;
     defaultOpen: boolean;
     modal: boolean;
@@ -50,7 +51,7 @@ declare class Dialog extends ZagComponent<DialogProps> {
     '[data-part="trigger"]': (api: any) => any;
   };
   syncState(api: any): void;
-  template(props: DialogProps): string;
+  template(props: DialogProps): any;
 }
 //#endregion
 export { DialogProps, Dialog as default };

package/dist/dialog.mjs

@@ -1,40 +1,36 @@
 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_COND, GEA_PATCH_NODE, GEA_REGISTER_COND, geaCondValueSymbol, geaEscapeHtml } 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 reactiveClass } from "./reactive-class.mjs";
+import { t as conditionalTruthy } from "./conditional-truthy.mjs";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as dialog from "@zag-js/dialog";
 //#region src/components/dialog.tsx
+let _tpl0_root = null;
+function _tpl0_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<div><!--1--><div data-part=backdrop class=\"dialog-backdrop fixed inset-0 bg-black/50 z-50\" hidden></div><div data-part=positioner class=\"dialog-positioner fixed inset-0 flex items-center justify-center z-50\" hidden><div data-part=content class=\"dialog-content text-foreground rounded-lg shadow-xl p-6 w-full max-w-md mx-4\"><!--2--><!--3--><div class=dialog-body>0</div><button data-part=close-trigger class=\"dialog-close-trigger absolute top-3 right-3 text-muted-foreground hover:text-foreground\">✕";
+	return t.content.firstChild;
+}
+let _tpl1_root = null;
+function _tpl1_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<button data-part=trigger class=dialog-trigger>0";
+	return t.content.firstChild;
+}
+let _tpl2_root = null;
+function _tpl2_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<h2 data-part=title class=\"dialog-title text-lg font-semibold mb-2\">0";
+	return t.content.firstChild;
+}
+let _tpl3_root = null;
+function _tpl3_create() {
+	const t = document.createElement("template");
+	t.innerHTML = "<p data-part=description class=\"dialog-description text-sm text-muted-foreground mb-4\">0";
+	return t.content.firstChild;
+}
 var Dialog = class extends ZagComponent {
-	static {
-		this.__geaTagName = "gea-dialog";
-	}
-	constructor(...args) {
-		super(...args);
-		this.props;
-		this[geaCondValueSymbol(0)] = !!this.props.title;
-		this[geaCondValueSymbol(1)] = !!this.props.description;
-		this[geaCondValueSymbol(2)] = !!this.props.triggerLabel;
-		this[GEA_REGISTER_COND](0, "c0", () => {
-			this.props;
-			return this.props.title;
-		}, () => {
-			this.props;
-			return `<h2 data-part="title" class="dialog-title text-lg font-semibold mb-2">${geaEscapeHtml(String(this.props.title))}</h2>`;
-		}, null);
-		this[GEA_REGISTER_COND](1, "c1", () => {
-			this.props;
-			return this.props.description;
-		}, () => {
-			this.props;
-			return `<p data-part="description" class="dialog-description text-sm text-muted-foreground mb-4">${geaEscapeHtml(String(this.props.description))}</p>`;
-		}, null);
-		this[GEA_REGISTER_COND](2, "c2", () => {
-			this.props;
-			return this.props.triggerLabel;
-		}, () => {
-			this.props;
-			return `<button data-part="trigger" class="dialog-trigger">${geaEscapeHtml(String(this.props.triggerLabel))}</button>`;
-		}, null);
-	}
 	createMachine(_props) {
 		return dialog.machine;
 	}
@@ -91,7 +87,7 @@ var Dialog = class extends ZagComponent {
 					onpointerdown: preventTriggerFocus,
 					onmousedown: preventTriggerFocus,
 					onclick: (e) => {
-						e.currentTarget?.blur();
+						(e.target?.closest("button, [role=\"button\"]"))?.blur();
 						origOnClick?.(e);
 					}
 				};
@@ -101,43 +97,34 @@ var Dialog = 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()}"`}><!--${__id + "-c2"}-->${props.triggerLabel && `<button data-part="trigger" class="dialog-trigger">${geaEscapeHtml(String(props.triggerLabel))}</button>` || ""}<!--${__id + "-c2-end"}--><div data-part="backdrop" class="dialog-backdrop fixed inset-0 bg-black/50 z-50" hidden></div><div data-part="positioner" class="dialog-positioner fixed inset-0 flex items-center justify-center z-50" hidden><div data-part="content" class="dialog-content text-foreground rounded-lg shadow-xl p-6 w-full max-w-md mx-4"><!--${__id + "-c0"}-->${props.title && `<h2 data-part="title" class="dialog-title text-lg font-semibold mb-2">${geaEscapeHtml(String(props.title))}</h2>` || ""}<!--${__id + "-c0-end"}--><!--${__id + "-c1"}-->${props.description && `<p data-part="description" class="dialog-description text-sm text-muted-foreground mb-4">${geaEscapeHtml(String(props.description))}</p>` || ""}<!--${__id + "-c1-end"}--><div id="${__id + "-b1"}" class="dialog-body">${props.children}</div><button data-part="close-trigger" class="dialog-close-trigger absolute top-3 right-3 text-muted-foreground hover:text-foreground">✕</button></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 === "children") {
-			const __el = this.__e0 || (this.__e0 = __gid(__id + "-b1"));
-			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]();
-				}
-			}
-		}
-		if (key === "title") this[GEA_PATCH_COND](0);
-		if (key === "description") this[GEA_PATCH_COND](1);
-		if (key === "triggerLabel") this[GEA_PATCH_COND](2);
-	}
-	__resetEls() {
-		this.__e0 = null;
+	[GEA_CREATE_TEMPLATE](d) {
+		const root = (_tpl0_root || (_tpl0_root = _tpl0_create())).cloneNode(true);
+		const el0 = root;
+		const anchor1 = root.firstChild;
+		const anchor2 = root.childNodes[2].firstChild.firstChild;
+		const anchor3 = root.childNodes[2].firstChild.childNodes[1];
+		const marker4 = root.childNodes[2].firstChild.childNodes[2].firstChild;
+		reactiveClass(el0, d, this, () => this.props.class || "");
+		conditionalTruthy(anchor1.parentNode, anchor1, d, this, () => this.props.triggerLabel, (d) => {
+			const root = (_tpl1_root || (_tpl1_root = _tpl1_create())).cloneNode(true);
+			const t0 = root.firstChild;
+			reactiveTextValue(t0, d, this, () => this.props.triggerLabel);
+			return root;
+		});
+		conditionalTruthy(anchor2.parentNode, anchor2, d, this, () => this.props.title, (d) => {
+			const root = (_tpl2_root || (_tpl2_root = _tpl2_create())).cloneNode(true);
+			const t0 = root.firstChild;
+			reactiveTextValue(t0, d, this, () => this.props.title);
+			return root;
+		});
+		conditionalTruthy(anchor3.parentNode, anchor3, d, this, () => this.props.description, (d) => {
+			const root = (_tpl3_root || (_tpl3_root = _tpl3_create())).cloneNode(true);
+			const t0 = root.firstChild;
+			reactiveTextValue(t0, d, this, () => this.props.description);
+			return root;
+		});
+		reactiveText(marker4, d, this, () => this.props.children);
+		return root;
 	}
 };
 //#endregion

package/dist/dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.mjs","names":["Component","geaCondValueSymbol","GEA_REGISTER_COND","geaEscapeHtml","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_NODE","GEA_INSTANTIATE_CHILD_COMPONENTS","GEA_MOUNT_COMPILED_CHILD_COMPONENTS","GEA_PATCH_COND","dialog","OpenChangeDetails","normalizeProps","ReactNode","ZagComponent","DialogProps","class","children","triggerLabel","title","description","open","defaultOpen","modal","closeOnInteractOutside","closeOnEscape","trapFocus","preventScroll","role","onOpenChange","details","Dialog","__geaTagName","constructor","args","props","String","createMachine","_props","machine","getMachineProps","id","connectApi","service","connect","getSpreadMap","[data-part=\"positioner\"]","api","getPositionerProps","hidden","[data-part=\"close-trigger\"]","_","getCloseTriggerProps","onclick","e","MouseEvent","defaultPrevented","setOpen","[data-part=\"trigger\"]","getTriggerProps","origOnClick","preventTriggerFocus","PointerEvent","button","preventDefault","onpointerdown","onmousedown","currentTarget","HTMLElement","blur","syncState","template","__id","_register","trim","key","value","__el","__boundValue","__newClass","replace","className","__e0","__gid","__tw","document","createElement","innerHTML","__newEl","content","firstElementChild","__existEl","childNodes","length","parentComponent","__resetEls"],"sources":["../src/components/dialog.tsx"],"sourcesContent":["import * as dialog from '@zag-js/dialog'\nimport type { OpenChangeDetails } from '@zag-js/dialog'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport type { ReactNode } from 'react'\nimport ZagComponent from '../primitives/zag-component'\n\nexport interface DialogProps {\n  class?: string\n  children?: ReactNode\n  triggerLabel?: string\n  title?: string\n  description?: string\n  open?: boolean\n  defaultOpen?: boolean\n  modal?: boolean\n  closeOnInteractOutside?: boolean\n  closeOnEscape?: boolean\n  trapFocus?: boolean\n  preventScroll?: boolean\n  role?: string\n  'aria-label'?: string\n  onOpenChange?: (details: OpenChangeDetails) => void\n}\n\nexport default class Dialog extends ZagComponent<DialogProps> {\n  declare open: boolean\n\n  createMachine(_props: DialogProps): any {\n    return dialog.machine\n  }\n\n  getMachineProps(props: DialogProps) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      modal: props.modal ?? true,\n      closeOnInteractOutside: props.closeOnInteractOutside ?? true,\n      closeOnEscape: props.closeOnEscape ?? true,\n      trapFocus: props.trapFocus ?? true,\n      preventScroll: props.preventScroll ?? true,\n      role: props.role ?? 'dialog',\n      'aria-label': props['aria-label'],\n      onOpenChange: (details: OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return dialog.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"backdrop\"]': 'getBackdropProps',\n      '[data-part=\"positioner\"]': (api: any) => ({\n        ...api.getPositionerProps(),\n        hidden: !api.open,\n      }),\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"title\"]': 'getTitleProps',\n      '[data-part=\"description\"]': 'getDescriptionProps',\n      '[data-part=\"close-trigger\"]': (api: any) => {\n        const { id: _, ...props } = api.getCloseTriggerProps()\n        return {\n          ...props,\n          // normalizeProps lowercases onClick → onclick; must match to override\n          // Zag's default handler which calls stopPropagation()\n          onclick: (e: MouseEvent) => {\n            if (e.defaultPrevented) return\n            api.setOpen(false)\n          },\n        }\n      },\n      '[data-part=\"trigger\"]': (api: any) => {\n        const props = api.getTriggerProps()\n        const origOnClick = props.onclick\n        const preventTriggerFocus = (e: MouseEvent | PointerEvent) => {\n          if ('button' in e && e.button !== 0) return\n          e.preventDefault()\n        }\n        return {\n          ...props,\n          onpointerdown: preventTriggerFocus,\n          onmousedown: preventTriggerFocus,\n          onclick: (e: MouseEvent) => {\n            ;(e.currentTarget as HTMLElement)?.blur()\n            origOnClick?.(e)\n          },\n        }\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n  }\n\n  template(props: DialogProps) {\n    return (\n      <div class={props.class || ''}>\n        {props.triggerLabel && (\n          <button data-part=\"trigger\" class=\"dialog-trigger\">\n            {props.triggerLabel}\n          </button>\n        )}\n        <div data-part=\"backdrop\" class=\"dialog-backdrop fixed inset-0 bg-black/50 z-50\" hidden></div>\n        <div\n          data-part=\"positioner\"\n          class=\"dialog-positioner fixed inset-0 flex items-center justify-center z-50\"\n          hidden\n        >\n          <div data-part=\"content\" class=\"dialog-content text-foreground rounded-lg shadow-xl p-6 w-full max-w-md mx-4\">\n            {props.title && (\n              <h2 data-part=\"title\" class=\"dialog-title text-lg font-semibold mb-2\">\n                {props.title}\n              </h2>\n            )}\n            {props.description && (\n              <p data-part=\"description\" class=\"dialog-description text-sm text-muted-foreground mb-4\">\n                {props.description}\n              </p>\n            )}\n            <div class=\"dialog-body\">{props.children}</div>\n            <button\n              data-part=\"close-trigger\"\n              class=\"dialog-close-trigger absolute top-3 right-3 text-muted-foreground hover:text-foreground\"\n            >\n              &#x2715;\n            </button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"dialog.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClass","reactiveTextValue","conditionalTruthy","reactiveText","dialog","OpenChangeDetails","normalizeProps","JSXNode","ZagComponent","DialogProps","class","children","triggerLabel","title","description","open","defaultOpen","modal","closeOnInteractOutside","closeOnEscape","trapFocus","preventScroll","role","onOpenChange","details","_tpl0_root","_tpl0_create","t","document","createElement","innerHTML","content","firstChild","_tpl1_root","_tpl1_create","_tpl2_root","_tpl2_create","_tpl3_root","_tpl3_create","Dialog","createMachine","_props","machine","getMachineProps","props","id","connectApi","service","connect","getSpreadMap","[data-part=\"positioner\"]","api","getPositionerProps","hidden","[data-part=\"close-trigger\"]","_","getCloseTriggerProps","onclick","e","MouseEvent","defaultPrevented","setOpen","[data-part=\"trigger\"]","getTriggerProps","origOnClick","preventTriggerFocus","PointerEvent","button","preventDefault","onpointerdown","onmousedown","btn","target","HTMLElement","closest","blur","syncState","d","root","cloneNode","el0","anchor1","anchor2","childNodes","anchor3","marker4","parentNode","marker0","t0","t4"],"sources":["../src/components/dialog.tsx"],"sourcesContent":["import * as dialog from '@zag-js/dialog'\nimport type { OpenChangeDetails } from '@zag-js/dialog'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport type { JSXNode } from '../types'\nimport ZagComponent from '../primitives/zag-component'\n\nexport interface DialogProps {\n  class?: string\n  children?: JSXNode\n  triggerLabel?: string\n  title?: string\n  description?: string\n  open?: boolean\n  defaultOpen?: boolean\n  modal?: boolean\n  closeOnInteractOutside?: boolean\n  closeOnEscape?: boolean\n  trapFocus?: boolean\n  preventScroll?: boolean\n  role?: string\n  'aria-label'?: string\n  onOpenChange?: (details: OpenChangeDetails) => void\n}\n\nexport default class Dialog extends ZagComponent<DialogProps> {\n  declare open: boolean\n\n  createMachine(_props: DialogProps): any {\n    return dialog.machine\n  }\n\n  getMachineProps(props: DialogProps) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      modal: props.modal ?? true,\n      closeOnInteractOutside: props.closeOnInteractOutside ?? true,\n      closeOnEscape: props.closeOnEscape ?? true,\n      trapFocus: props.trapFocus ?? true,\n      preventScroll: props.preventScroll ?? true,\n      role: props.role ?? 'dialog',\n      'aria-label': props['aria-label'],\n      onOpenChange: (details: OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return dialog.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"backdrop\"]': 'getBackdropProps',\n      '[data-part=\"positioner\"]': (api: any) => ({\n        ...api.getPositionerProps(),\n        hidden: !api.open,\n      }),\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"title\"]': 'getTitleProps',\n      '[data-part=\"description\"]': 'getDescriptionProps',\n      '[data-part=\"close-trigger\"]': (api: any) => {\n        const { id: _, ...props } = api.getCloseTriggerProps()\n        return {\n          ...props,\n          // normalizeProps lowercases onClick → onclick; must match to override\n          // Zag's default handler which calls stopPropagation()\n          onclick: (e: MouseEvent) => {\n            if (e.defaultPrevented) return\n            api.setOpen(false)\n          },\n        }\n      },\n      '[data-part=\"trigger\"]': (api: any) => {\n        const props = api.getTriggerProps()\n        const origOnClick = props.onclick\n        const preventTriggerFocus = (e: MouseEvent | PointerEvent) => {\n          if ('button' in e && e.button !== 0) return\n          e.preventDefault()\n        }\n        return {\n          ...props,\n          onpointerdown: preventTriggerFocus,\n          onmousedown: preventTriggerFocus,\n          onclick: (e: MouseEvent) => {\n            const btn = (e.target as HTMLElement)?.closest('button, [role=\"button\"]') as HTMLElement | null\n            btn?.blur()\n            origOnClick?.(e)\n          },\n        }\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n  }\n\n  template(props: DialogProps) {\n    return (\n      <div class={props.class || ''}>\n        {props.triggerLabel && (\n          <button data-part=\"trigger\" class=\"dialog-trigger\">\n            {props.triggerLabel}\n          </button>\n        )}\n        <div data-part=\"backdrop\" class=\"dialog-backdrop fixed inset-0 bg-black/50 z-50\" hidden></div>\n        <div\n          data-part=\"positioner\"\n          class=\"dialog-positioner fixed inset-0 flex items-center justify-center z-50\"\n          hidden\n        >\n          <div data-part=\"content\" class=\"dialog-content text-foreground rounded-lg shadow-xl p-6 w-full max-w-md mx-4\">\n            {props.title && (\n              <h2 data-part=\"title\" class=\"dialog-title text-lg font-semibold mb-2\">\n                {props.title}\n              </h2>\n            )}\n            {props.description && (\n              <p data-part=\"description\" class=\"dialog-description text-sm text-muted-foreground mb-4\">\n                {props.description}\n              </p>\n            )}\n            <div class=\"dialog-body\">{props.children}</div>\n            <button\n              data-part=\"close-trigger\"\n              class=\"dialog-close-trigger absolute top-3 right-3 text-muted-foreground hover:text-foreground\"\n            >\n              &#x2715;\n            </button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/dirty-symbols.mjs

@@ -0,0 +1,7 @@
+//#region ../gea/src/runtime/dirty-symbols.ts
+const _DIRTY = Symbol.for("gea.d.dirty");
+const _DIRTY_PROPS = Symbol.for("gea.d.dirtyProps");
+//#endregion
+export { _DIRTY_PROPS as n, _DIRTY as t };
+
+//# sourceMappingURL=dirty-symbols.mjs.map

package/dist/dirty-symbols.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dirty-symbols.mjs","names":[],"sources":["../../gea/src/runtime/dirty-symbols.ts"],"sourcesContent":["// Dirty markers shared by the store and compiler-emitted keyed-list kernels.\n// These stay on Symbol.for because store modules and compiled component modules\n// can be evaluated through different Vite module instances during tests/dev.\nconst _DIRTY: unique symbol = Symbol.for('gea.d.dirty') as any\nconst _DIRTY_PROPS: unique symbol = Symbol.for('gea.d.dirtyProps') as any\n\nexport { _DIRTY as GEA_DIRTY, _DIRTY_PROPS as GEA_DIRTY_PROPS }\n"],"mappings":";AAGA,MAAM,SAAwB,OAAO,IAAI,cAAc;AACvD,MAAM,eAA8B,OAAO,IAAI,mBAAmB"}

package/dist/disposer.mjs

@@ -0,0 +1,65 @@
+//#region ../gea/src/runtime/disposer.ts
+/**
+* Disposer — LIFO teardown registry.
+*
+* Class-based so the `add` / `dispose` / `child` methods live on the prototype
+* once, instead of being closures created per instance. Each `createDisposer()`
+* call was allocating 3 closures; on a 1000-row keyed list with per-row
+* children that's ~3000 closure allocations that GC had to chase. The class
+* form drops that to one shared prototype plus the per-instance `f[]` array
+* and (for children) a single dispose-bridge closure.
+*
+* `Disposer` is the CLASS, not an interface over it. The interface had exactly
+* two implementors — this class and the `NOOP_DISPOSER` object literal — which
+* made every `Disposer`-typed slot polymorphic between a class instance and a
+* record, and geatsc has no native carrier for that: the type derives lattice
+* bottom, so `CompiledComponent`'s `[GEA_DISPOSER] = createDisposer() as
+* Disposer` field raised `representation-plan coverage gap for
+* PropertyDeclaration`, and `conditional()`'s `currentChild: Disposer | null`
+* capture blocked its whole nested-function cluster. One class with a `noop`
+* flag has a single concrete carrier and behaves identically: a no-op disposer
+* registers nothing, disposes an empty stack, and hands back itself as its own
+* child.
+*/
+var Disposer = class Disposer {
+	constructor(noop = false) {
+		this.f = [];
+		this.noop = noop;
+	}
+	add(fn) {
+		if (this.noop) return;
+		this.f.push(fn);
+	}
+	dispose() {
+		const f = this.f;
+		try {
+			for (let i = f.length - 1; i >= 0; i--) f[i]();
+		} catch {}
+		f.length = 0;
+	}
+	child() {
+		if (this.noop) return this;
+		const c = new Disposer();
+		this.f.push(_dispatchChild(c));
+		return c;
+	}
+};
+function _dispatchChild(c) {
+	return () => c.dispose();
+}
+function createDisposer() {
+	return new Disposer();
+}
+/**
+* Shared no-op disposer for rows that register no cleanup work.
+*
+* The compiler references this (via `@geajs/core`'s export surface) whenever
+* a keyed-list site proves `noRowDisposer: true` — cheaper than emitting a
+* fresh `{ add() {}, dispose() {}, child() { return this } }` literal per
+* row. 09 clear1k ×8 was paying ~8k object-literal allocations before.
+*/
+const NOOP_DISPOSER = new Disposer(true);
+//#endregion
+export { createDisposer as n, NOOP_DISPOSER as t };
+
+//# sourceMappingURL=disposer.mjs.map

package/dist/disposer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"disposer.mjs","names":[],"sources":["../../gea/src/runtime/disposer.ts"],"sourcesContent":["/**\n * Disposer — LIFO teardown registry.\n *\n * Class-based so the `add` / `dispose` / `child` methods live on the prototype\n * once, instead of being closures created per instance. Each `createDisposer()`\n * call was allocating 3 closures; on a 1000-row keyed list with per-row\n * children that's ~3000 closure allocations that GC had to chase. The class\n * form drops that to one shared prototype plus the per-instance `f[]` array\n * and (for children) a single dispose-bridge closure.\n *\n * `Disposer` is the CLASS, not an interface over it. The interface had exactly\n * two implementors — this class and the `NOOP_DISPOSER` object literal — which\n * made every `Disposer`-typed slot polymorphic between a class instance and a\n * record, and geatsc has no native carrier for that: the type derives lattice\n * bottom, so `CompiledComponent`'s `[GEA_DISPOSER] = createDisposer() as\n * Disposer` field raised `representation-plan coverage gap for\n * PropertyDeclaration`, and `conditional()`'s `currentChild: Disposer | null`\n * capture blocked its whole nested-function cluster. One class with a `noop`\n * flag has a single concrete carrier and behaves identically: a no-op disposer\n * registers nothing, disposes an empty stack, and hands back itself as its own\n * child.\n */\n\nexport class Disposer {\n  f: Array<() => void> = []\n  /** A shared no-op disposer ignores registrations and owns no children. */\n  noop: boolean\n\n  constructor(noop = false) {\n    this.noop = noop\n  }\n\n  add(fn: () => void): void {\n    if (this.noop) return\n    this.f.push(fn)\n  }\n\n  dispose(): void {\n    const f = this.f\n    // Hoisted try/catch (one per dispose call, not per iteration) — measurable\n    // on 09_clear1k's ~5000-cleanup teardown. Framework-owned cleanups don't\n    // throw under normal operation; if one does, the remainder of THIS\n    // disposer's stack is skipped (best-effort teardown: one failure does not\n    // run the rest of this disposer's callbacks).\n    try {\n      for (let i = f.length - 1; i >= 0; i--) f[i]()\n    } catch {\n      /* one handler threw */\n    }\n    f.length = 0\n  }\n\n  child(): Disposer {\n    if (this.noop) return this\n    const c = new Disposer()\n    this.f.push(_dispatchChild(c))\n    return c\n  }\n}\n\nfunction _dispatchChild(c: Disposer): () => void {\n  return () => c.dispose()\n}\n\nexport function createDisposer(): Disposer {\n  return new Disposer()\n}\n\n/**\n * Shared no-op disposer for rows that register no cleanup work.\n *\n * The compiler references this (via `@geajs/core`'s export surface) whenever\n * a keyed-list site proves `noRowDisposer: true` — cheaper than emitting a\n * fresh `{ add() {}, dispose() {}, child() { return this } }` literal per\n * row. 09 clear1k ×8 was paying ~8k object-literal allocations before.\n */\nexport const NOOP_DISPOSER: Disposer = new Disposer(true)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAa,WAAb,MAAa,SAAS;CAKpB,YAAY,OAAO,OAAO;WAJH,EAAE;AAKvB,OAAK,OAAO;;CAGd,IAAI,IAAsB;AACxB,MAAI,KAAK,KAAM;AACf,OAAK,EAAE,KAAK,GAAG;;CAGjB,UAAgB;EACd,MAAM,IAAI,KAAK;AAMf,MAAI;AACF,QAAK,IAAI,IAAI,EAAE,SAAS,GAAG,KAAK,GAAG,IAAK,GAAE,IAAI;UACxC;AAGR,IAAE,SAAS;;CAGb,QAAkB;AAChB,MAAI,KAAK,KAAM,QAAO;EACtB,MAAM,IAAI,IAAI,UAAU;AACxB,OAAK,EAAE,KAAK,eAAe,EAAE,CAAC;AAC9B,SAAO;;;AAIX,SAAS,eAAe,GAAyB;AAC/C,cAAa,EAAE,SAAS;;AAG1B,SAAgB,iBAA2B;AACzC,QAAO,IAAI,UAAU;;;;;;;;;;AAWvB,MAAa,gBAA0B,IAAI,SAAS,KAAK"}

package/dist/dnd-manager.d.mts

@@ -5,10 +5,11 @@ interface DragResult {
     droppableId: string;
     index: number;
   };
+  /** `null` when dropped outside any droppable or returned to same position. */
   destination: {
     droppableId: string;
     index: number;
-  };
+  } | null;
 }
 declare class DndManager {
   droppables: Map<string, HTMLElement>;
@@ -21,6 +22,13 @@ declare class DndManager {
   private _sourceDroppableId;
   private _sourceIndex;
   private _sourceEl;
+  /**
+   * If the source draggable is nested inside a component-boundary wrapper
+   * (e.g. a `<span style="display:contents">` inside the droppable), this
+   * holds that wrapper — the actual direct child of the droppable that we
+   * move/return. When there is no wrapper, this equals `_sourceEl`.
+   */
+  private _sourceWrapper;
   private _sourceHeight;
   private _sourceRect;
   private _savedCssText;

package/dist/dnd-manager.mjs

@@ -1,4 +1,4 @@
-import { GEA_DOM_COMPONENT, GEA_PARENT_COMPONENT, GEA_PROXY_GET_RAW_TARGET, stashComponentForTransfer } from "@geajs/core";
+import { GEA_DOM_COMPONENT, GEA_PARENT_COMPONENT, GEA_PROXY_GET_RAW_TARGET } from "@geajs/core";
 //#region src/components/dnd-manager.ts
 const DRAG_THRESHOLD_SQ = 25;
 const DRAGGABLE_SEL = "[data-draggable-id]";
@@ -6,6 +6,25 @@ const DROPPABLE_SEL = "[data-droppable-id]";
 function _rawComp(comp) {
 	return comp?.[GEA_PROXY_GET_RAW_TARGET] ?? comp;
 }
+/**
+* Walk up from `el` until its parent is `container`. Used to find the
+* right position within a droppable's direct children when draggable
+* elements are wrapped in one or more intermediate elements (e.g. the
+* `<span style="display:contents">` component-boundary wrapper that Gea
+* emits around child-Component roots inside a keyed-list).
+*
+* Returns the direct-child-of-`container` ancestor of `el`, or `el`
+* itself if `el` is already a direct child. Returns `null` if `el`
+* isn't inside `container` at all.
+*/
+function _directChildOf(container, el) {
+	let n = el;
+	while (n && n.parentElement !== container) {
+		n = n.parentElement;
+		if (!n) return null;
+	}
+	return n;
+}
 var DndManager = class {
 	constructor() {
 		this.droppables = /* @__PURE__ */ new Map();
@@ -16,6 +35,7 @@ var DndManager = class {
 		this._sourceDroppableId = "";
 		this._sourceIndex = 0;
 		this._sourceEl = null;
+		this._sourceWrapper = null;
 		this._sourceHeight = 0;
 		this._sourceRect = null;
 		this._savedCssText = "";
@@ -67,7 +87,7 @@ var DndManager = class {
 		const droppableEl = el.closest(DROPPABLE_SEL);
 		if (!droppableEl) return;
 		const droppableId = droppableEl.dataset.droppableId;
-		const sourceIndex = Array.from(droppableEl.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`)).indexOf(el);
+		const sourceIndex = Array.from(droppableEl.querySelectorAll(DRAGGABLE_SEL)).indexOf(el);
 		if (sourceIndex === -1) return;
 		this._dragging = true;
 		this._started = false;
@@ -118,8 +138,12 @@ var DndManager = class {
 		placeholder.style.height = rect.height + "px";
 		placeholder.style.marginBottom = elMargin;
 		placeholder.style.transition = "none";
-		el.parentElement.insertBefore(placeholder, el);
+		const sourceContainer = this.droppables.get(this._sourceDroppableId) || el.closest(DROPPABLE_SEL);
+		this._sourceWrapper = sourceContainer ? _directChildOf(sourceContainer, el) : el;
+		const wrapper = this._sourceWrapper || el;
+		wrapper.parentElement.insertBefore(placeholder, wrapper);
 		document.body.appendChild(el);
+		el.classList.add("gea-dnd-clone", "gea-dragging");
 		Object.assign(el.style, {
 			position: "fixed",
 			top: "0px",
@@ -154,7 +178,7 @@ var DndManager = class {
 			this._currentDroppableId = null;
 			return;
 		}
-		const items = Array.from(foundEl.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`));
+		const items = Array.from(foundEl.querySelectorAll(DRAGGABLE_SEL));
 		const threshold = clientY >= this._lastClientY ? 0 : 1;
 		let insertIndex = items.length;
 		for (let i = 0; i < items.length; i++) {
@@ -167,7 +191,8 @@ var DndManager = class {
 		this._currentDroppableId = foundId;
 		this._currentIndex = insertIndex;
 		if (!this._placeholder) return;
-		const refNode = items[insertIndex] || null;
+		const refItem = items[insertIndex] || null;
+		const refNode = refItem ? _directChildOf(foundEl, refItem) : null;
 		if (this._placeholder.parentElement !== foundEl || this._placeholder.nextElementSibling !== refNode) {
 			if (this._placeholder.parentElement) {
 				const ghost = document.createElement("div");
@@ -199,8 +224,17 @@ var DndManager = class {
 			this._dragging = false;
 			return;
 		}
+		const result = {
+			draggableId: this._draggedId,
+			source: {
+				droppableId: this._sourceDroppableId,
+				index: this._sourceIndex
+			},
+			destination: null
+		};
 		this._animateReturn().then(() => {
 			this._returnToSource();
+			this._onDragEnd?.(result);
 			this._cleanup();
 		});
 	}
@@ -215,27 +249,27 @@ var DndManager = class {
 			index: this._currentIndex
 		} : null;
 		const samePosition = destination && destination.droppableId === this._sourceDroppableId && destination.index === this._sourceIndex;
-		if (destination && this._placeholder && !samePosition) {
-			const result = {
-				draggableId: this._draggedId,
-				source: {
-					droppableId: this._sourceDroppableId,
-					index: this._sourceIndex
-				},
-				destination
-			};
-			this._animateDrop().then(() => {
-				this._restoreElStyles();
-				const draggedComp = this._getComponentFromElement(this._sourceEl);
-				if (draggedComp) stashComponentForTransfer(draggedComp);
-				if (this._placeholder?.parentElement) this._placeholder.remove();
-				this._placeholder = null;
-				if (this._sourceEl?.parentElement === document.body) this._sourceEl.remove();
-				this._onDragEnd?.(result);
-				this._cleanup();
-			});
-		} else this._animateReturn().then(() => {
+		const result = {
+			draggableId: this._draggedId,
+			source: {
+				droppableId: this._sourceDroppableId,
+				index: this._sourceIndex
+			},
+			destination: destination && !samePosition ? destination : null
+		};
+		if (destination && this._placeholder && !samePosition) this._animateDrop().then(() => {
+			this._restoreElStyles();
+			const wrapper = this._sourceWrapper;
+			if (this._sourceEl?.parentElement === document.body) this._sourceEl.remove();
+			if (wrapper && wrapper !== this._sourceEl && this._sourceEl && !wrapper.contains(this._sourceEl)) wrapper.appendChild(this._sourceEl);
+			if (this._placeholder?.parentElement) this._placeholder.remove();
+			this._placeholder = null;
+			this._onDragEnd?.(result);
+			this._cleanup();
+		});
+		else this._animateReturn().then(() => {
 			this._returnToSource();
+			this._onDragEnd?.(result);
 			this._cleanup();
 		});
 	}
@@ -251,16 +285,20 @@ var DndManager = class {
 	_restoreElStyles() {
 		if (!this._sourceEl) return;
 		this._sourceEl.style.cssText = this._savedCssText;
+		this._sourceEl.classList.remove("gea-dnd-clone", "gea-dragging");
 	}
 	_returnToSource() {
 		if (!this._sourceEl) return;
 		this._restoreElStyles();
-		if (this._placeholder?.parentElement) this._placeholder.parentElement.insertBefore(this._sourceEl, this._placeholder);
+		const wrapper = this._sourceWrapper || this._sourceEl;
+		if (wrapper !== this._sourceEl && !wrapper.contains(this._sourceEl)) wrapper.appendChild(this._sourceEl);
+		if (this._placeholder?.parentElement) this._placeholder.parentElement.insertBefore(wrapper, this._placeholder);
 		else {
 			const container = this.droppables.get(this._sourceDroppableId);
 			if (container) {
-				const items = Array.from(container.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`));
-				container.insertBefore(this._sourceEl, items[this._sourceIndex] || null);
+				const items = Array.from(container.querySelectorAll(DRAGGABLE_SEL));
+				const ref = items[this._sourceIndex] ? _directChildOf(container, items[this._sourceIndex]) : null;
+				container.insertBefore(wrapper, ref);
 			}
 		}
 	}
@@ -269,7 +307,7 @@ var DndManager = class {
 		if (!sourceEl) return;
 		const destContainer = this.droppables.get(destination.droppableId);
 		if (!destContainer) return;
-		const refNode = Array.from(destContainer.querySelectorAll(`:scope > ${DRAGGABLE_SEL}`))[destination.index] || null;
+		const refNode = Array.from(destContainer.querySelectorAll(DRAGGABLE_SEL))[destination.index] || null;
 		destContainer.insertBefore(sourceEl, refNode);
 		const draggedComp = this._getComponentFromElement(sourceEl);
 		if (!draggedComp) return;