@geajs/ui 0.2.4 → 0.2.9

package/dist/conditional-truthy.mjs

@@ -0,0 +1,48 @@
+import { i as withTracking, r as untrack } from "./bind.mjs";
+//#region ../gea/src/runtime/conditional-truthy.ts
+function conditionalTruthy(parent, anchor, disposer, root, cond, mkTrue) {
+	let currentNodes = null;
+	let currentChild = null;
+	let active = false;
+	const sentinel = document.createComment("");
+	const p0 = anchor.parentNode ?? parent;
+	p0.insertBefore(sentinel, anchor);
+	p0.removeChild(anchor);
+	function clear() {
+		if (currentChild) {
+			currentChild.dispose();
+			currentChild = null;
+		}
+		if (currentNodes) {
+			for (let i = 0; i < currentNodes.length; i++) {
+				const n = currentNodes[i];
+				const p = n.parentNode;
+				if (p) p.removeChild(n);
+			}
+			currentNodes = null;
+		}
+	}
+	function mount() {
+		const childD = disposer.child();
+		const node = untrack(() => mkTrue(childD));
+		currentNodes = node.nodeType === 11 ? Array.from(node.childNodes) : [node];
+		(sentinel.parentNode ?? parent).insertBefore(node, sentinel);
+		currentChild = childD;
+	}
+	withTracking(disposer, root, () => {
+		const next = !!cond();
+		if (next === active) return;
+		clear();
+		active = next;
+		if (next) mount();
+	});
+	disposer.add(() => {
+		clear();
+		if (sentinel.parentNode) sentinel.parentNode.removeChild(sentinel);
+		active = false;
+	});
+}
+//#endregion
+export { conditionalTruthy as t };
+
+//# sourceMappingURL=conditional-truthy.mjs.map

package/dist/conditional-truthy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditional-truthy.mjs","names":[],"sources":["../../gea/src/runtime/conditional-truthy.ts"],"sourcesContent":["import type { Disposer } from './disposer'\nimport { withTracking, untrack } from './with-tracking'\n\ntype BranchFactory = (d: Disposer) => Node\n\nexport function conditionalTruthy(\n  parent: Node,\n  anchor: Comment,\n  disposer: Disposer,\n  root: any,\n  cond: () => boolean,\n  mkTrue: BranchFactory,\n): void {\n  let currentNodes: Node[] | null = null\n  let currentChild: Disposer | null = null\n  let active = false\n\n  const sentinel = document.createComment('')\n  const p0 = anchor.parentNode ?? parent\n  p0.insertBefore(sentinel, anchor)\n  p0.removeChild(anchor)\n\n  function clear(): void {\n    if (currentChild) {\n      currentChild.dispose()\n      currentChild = null\n    }\n    if (currentNodes) {\n      for (let i = 0; i < currentNodes.length; i++) {\n        const n = currentNodes[i]\n        const p = n.parentNode\n        if (p) p.removeChild(n)\n      }\n      currentNodes = null\n    }\n  }\n\n  function mount(): void {\n    const childD = disposer.child()\n    const node = untrack(() => mkTrue(childD))\n    currentNodes = node.nodeType === 11 ? Array.from(node.childNodes) : [node]\n    const p = sentinel.parentNode ?? parent\n    p.insertBefore(node, sentinel)\n    currentChild = childD\n  }\n\n  withTracking(disposer, root, () => {\n    const next = !!cond()\n    if (next === active) return\n    clear()\n    active = next\n    if (next) mount()\n  })\n\n  disposer.add(() => {\n    clear()\n    if (sentinel.parentNode) sentinel.parentNode.removeChild(sentinel)\n    active = false\n  })\n}\n"],"mappings":";;AAKA,SAAgB,kBACd,QACA,QACA,UACA,MACA,MACA,QACM;CACN,IAAI,eAA8B;CAClC,IAAI,eAAgC;CACpC,IAAI,SAAS;CAEb,MAAM,WAAW,SAAS,cAAc,GAAG;CAC3C,MAAM,KAAK,OAAO,cAAc;AAChC,IAAG,aAAa,UAAU,OAAO;AACjC,IAAG,YAAY,OAAO;CAEtB,SAAS,QAAc;AACrB,MAAI,cAAc;AAChB,gBAAa,SAAS;AACtB,kBAAe;;AAEjB,MAAI,cAAc;AAChB,QAAK,IAAI,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;IAC5C,MAAM,IAAI,aAAa;IACvB,MAAM,IAAI,EAAE;AACZ,QAAI,EAAG,GAAE,YAAY,EAAE;;AAEzB,kBAAe;;;CAInB,SAAS,QAAc;EACrB,MAAM,SAAS,SAAS,OAAO;EAC/B,MAAM,OAAO,cAAc,OAAO,OAAO,CAAC;AAC1C,iBAAe,KAAK,aAAa,KAAK,MAAM,KAAK,KAAK,WAAW,GAAG,CAAC,KAAK;AAE1E,GADU,SAAS,cAAc,QAC/B,aAAa,MAAM,SAAS;AAC9B,iBAAe;;AAGjB,cAAa,UAAU,YAAY;EACjC,MAAM,OAAO,CAAC,CAAC,MAAM;AACrB,MAAI,SAAS,OAAQ;AACrB,SAAO;AACP,WAAS;AACT,MAAI,KAAM,QAAO;GACjB;AAEF,UAAS,UAAU;AACjB,SAAO;AACP,MAAI,SAAS,WAAY,UAAS,WAAW,YAAY,SAAS;AAClE,WAAS;GACT"}

package/dist/conditional.mjs

@@ -0,0 +1,54 @@
+import { i as withTracking, r as untrack } from "./bind.mjs";
+//#region ../gea/src/runtime/conditional.ts
+function conditional(parent, anchor, disposer, root, cond, mkTrue, mkFalse) {
+	let currentValue = null;
+	let currentNodes = null;
+	let currentChild = null;
+	const sentinel = document.createComment("");
+	const p0 = anchor.parentNode ?? parent;
+	p0.insertBefore(sentinel, anchor);
+	p0.removeChild(anchor);
+	const placeholder = () => document.createComment("");
+	const elseFactory = mkFalse ?? placeholder;
+	function unmount() {
+		if (currentChild) {
+			currentChild.dispose();
+			currentChild = null;
+		}
+		if (currentNodes) {
+			for (let i = 0; i < currentNodes.length; i++) {
+				const n = currentNodes[i];
+				const p = n.parentNode;
+				if (p) p.removeChild(n);
+			}
+			currentNodes = null;
+		}
+	}
+	function mount(v) {
+		const childD = disposer.child();
+		const factory = v ? mkTrue : elseFactory;
+		const node = untrack(() => factory(childD));
+		const nodes = node.nodeType === 11 ? Array.from(node.childNodes) : [node];
+		(sentinel.parentNode ?? parent).insertBefore(node, sentinel);
+		currentChild = childD;
+		currentNodes = nodes;
+	}
+	function swap(v) {
+		if (v === currentValue) return;
+		unmount();
+		currentValue = v;
+		mount(v);
+	}
+	withTracking(disposer, root, () => {
+		swap(!!cond());
+	});
+	disposer.add(() => {
+		unmount();
+		if (sentinel.parentNode) sentinel.parentNode.removeChild(sentinel);
+		currentValue = null;
+	});
+}
+//#endregion
+export { conditional as t };
+
+//# sourceMappingURL=conditional.mjs.map

package/dist/conditional.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditional.mjs","names":[],"sources":["../../gea/src/runtime/conditional.ts"],"sourcesContent":["/**\n * conditional(parent, anchor, disposer, root, cond, mkTrue, mkFalse?)\n *\n * Closure-compiled reactive conditional: mounts one of two branches into\n * `parent` immediately before `anchor`, and swaps when `cond()` changes.\n *\n * - Each branch gets its own child disposer scope (`disposer.child()`), so\n *   anything the branch sets up (subscriptions, nested conditionals, keyed\n *   lists, mounted components) tears down when the branch unmounts.\n * - Dep tracking on `cond` is done lexically via `withTracking(disposer, root, ...)`.\n *   `root` is the enclosing component's store proxy — proxy gets during `cond()`\n *   push paths into the active scope; on any notified path, the scope re-runs.\n * - `mkFalse` is optional; if omitted, the falsy branch renders a placeholder\n *   comment so the anchor position stays well-defined.\n * - DocumentFragment returns are handled: `insertBefore` moves a fragment's\n *   children into `parent`, so we capture `childNodes` BEFORE insertion to\n *   later remove the exact set of inserted nodes.\n */\n\nimport type { Disposer } from './disposer'\nimport { withTracking, untrack } from './with-tracking'\n\ntype BranchFactory = (d: Disposer) => Node\n\nexport function conditional(\n  parent: Node,\n  anchor: Comment,\n  disposer: Disposer,\n  root: any,\n  cond: () => boolean,\n  mkTrue: BranchFactory,\n  mkFalse?: BranchFactory,\n): void {\n  let currentValue: boolean | null = null\n  let currentNodes: Node[] | null = null\n  let currentChild: Disposer | null = null\n\n  // Install a persistent sentinel at the compiler anchor's position. The\n  // original anchor is removed so downstream compiler walk indices (which\n  // treat the conditional slot as a single node position) stay correct. The\n  // sentinel stays in the DOM for the lifetime of this conditional and serves\n  // as a stable insertion point for every swap.\n  const sentinel = document.createComment('')\n  const p0 = anchor.parentNode ?? parent\n  p0.insertBefore(sentinel, anchor)\n  p0.removeChild(anchor)\n\n  const placeholder: BranchFactory = () => document.createComment('')\n  const elseFactory = mkFalse ?? placeholder\n\n  function unmount(): void {\n    if (currentChild) {\n      currentChild.dispose()\n      currentChild = null\n    }\n    if (currentNodes) {\n      for (let i = 0; i < currentNodes.length; i++) {\n        const n = currentNodes[i]\n        const p = n.parentNode\n        if (p) p.removeChild(n)\n      }\n      currentNodes = null\n    }\n  }\n\n  function mount(v: boolean): void {\n    const childD = disposer.child()\n    const factory = v ? mkTrue : elseFactory\n    // Build the branch's DOM without leaking eager reads into the enclosing\n    // withTracking scope. Fine-grained reactive primitives inside the branch\n    // (reactiveText, reactiveAttr, keyedList, etc.) set up their own tracking\n    // scopes via bind/withTracking — they don't need the outer scope.\n    const node = untrack(() => factory(childD))\n    // Capture child list BEFORE insertion — DocumentFragment children are\n    // moved out of the fragment into `parent` on insertBefore. Use nodeType\n    // (11 = DOCUMENT_FRAGMENT_NODE) so the check works regardless of whether\n    // `DocumentFragment` is a global in the host environment.\n    const isFragment = node.nodeType === 11\n    const nodes: Node[] = isFragment ? Array.from(node.childNodes) : [node]\n    const p = sentinel.parentNode ?? parent\n    p.insertBefore(node, sentinel)\n    currentChild = childD\n    currentNodes = nodes\n  }\n\n  function swap(v: boolean): void {\n    if (v === currentValue) return\n    unmount()\n    currentValue = v\n    mount(v)\n  }\n\n  withTracking(disposer, root, () => {\n    const v = !!cond()\n    swap(v)\n  })\n\n  // Ensure final teardown when the parent scope disposes. `withTracking`\n  // already registers its own teardown for subscriptions; we additionally\n  // remove the live branch nodes + dispose the active branch scope.\n  disposer.add(() => {\n    unmount()\n    if (sentinel.parentNode) sentinel.parentNode.removeChild(sentinel)\n    currentValue = null\n  })\n}\n"],"mappings":";;AAwBA,SAAgB,YACd,QACA,QACA,UACA,MACA,MACA,QACA,SACM;CACN,IAAI,eAA+B;CACnC,IAAI,eAA8B;CAClC,IAAI,eAAgC;CAOpC,MAAM,WAAW,SAAS,cAAc,GAAG;CAC3C,MAAM,KAAK,OAAO,cAAc;AAChC,IAAG,aAAa,UAAU,OAAO;AACjC,IAAG,YAAY,OAAO;CAEtB,MAAM,oBAAmC,SAAS,cAAc,GAAG;CACnE,MAAM,cAAc,WAAW;CAE/B,SAAS,UAAgB;AACvB,MAAI,cAAc;AAChB,gBAAa,SAAS;AACtB,kBAAe;;AAEjB,MAAI,cAAc;AAChB,QAAK,IAAI,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;IAC5C,MAAM,IAAI,aAAa;IACvB,MAAM,IAAI,EAAE;AACZ,QAAI,EAAG,GAAE,YAAY,EAAE;;AAEzB,kBAAe;;;CAInB,SAAS,MAAM,GAAkB;EAC/B,MAAM,SAAS,SAAS,OAAO;EAC/B,MAAM,UAAU,IAAI,SAAS;EAK7B,MAAM,OAAO,cAAc,QAAQ,OAAO,CAAC;EAM3C,MAAM,QADa,KAAK,aAAa,KACF,MAAM,KAAK,KAAK,WAAW,GAAG,CAAC,KAAK;AAEvE,GADU,SAAS,cAAc,QAC/B,aAAa,MAAM,SAAS;AAC9B,iBAAe;AACf,iBAAe;;CAGjB,SAAS,KAAK,GAAkB;AAC9B,MAAI,MAAM,aAAc;AACxB,WAAS;AACT,iBAAe;AACf,QAAM,EAAE;;AAGV,cAAa,UAAU,YAAY;AAEjC,OAAK,CADM,CAAC,MAAM,CACX;GACP;AAKF,UAAS,UAAU;AACjB,WAAS;AACT,MAAI,SAAS,WAAY,UAAS,WAAW,YAAY,SAAS;AAClE,iBAAe;GACf"}

package/dist/delegate-event.mjs

@@ -0,0 +1,53 @@
+//#region ../gea/src/runtime/delegate-event.ts
+const _NON_BUBBLING = {
+	blur: true,
+	focus: true,
+	mouseenter: true,
+	mouseleave: true,
+	scroll: true
+};
+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[type] === true);
+	}
+	for (let i = 0; i < pairs.length; i++) {
+		const el = pairs[i][0];
+		if (el) if (pairs[i][2] === false) 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\nconst _NON_BUBBLING: Record<string, true> = {\n  blur: true,\n  focus: true,\n  mouseenter: true,\n  mouseleave: true,\n  scroll: true,\n}\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[type] === true,\n    )\n  }\n  for (let i = 0; i < pairs.length; i++) {\n    const el = pairs[i][0]\n    if (el) {\n      if (pairs[i][2] === false) {\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":";AAsBA,MAAM,gBAAsC;CAC1C,MAAM;CACN,OAAO;CACP,YAAY;CACZ,YAAY;CACZ,QAAQ;CACT;AAKD,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,UAAU,KACzB;;AAEH,MAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;EACrC,MAAM,KAAK,MAAM,GAAG;AACpB,MAAI,GACF,KAAI,MAAM,GAAG,OAAO,MAChB,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,46 @@
+//#region ../gea/src/runtime/disposer.ts
+var _Disposer = class _Disposer {
+	constructor() {
+		this.f = [];
+	}
+	add(fn) {
+		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() {
+		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 = {
+	add(_fn) {},
+	dispose() {},
+	child() {
+		return NOOP_DISPOSER;
+	}
+};
+//#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\nexport interface Disposer {\n  add(fn: () => void): void\n  dispose(): void\n  child(): Disposer\n}\n\nclass _Disposer implements Disposer {\n  f: Array<() => void> = []\n  add(fn: () => void): void {\n    this.f.push(fn)\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  child(): Disposer {\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 = {\n  add(_fn: () => void): void {\n    /* no-op */\n  },\n  dispose(): void {\n    /* no-op */\n  },\n  child(): Disposer {\n    return NOOP_DISPOSER\n  },\n}\n"],"mappings":";AAiBA,IAAM,YAAN,MAAM,UAA8B;;WACX,EAAE;;CACzB,IAAI,IAAsB;AACxB,OAAK,EAAE,KAAK,GAAG;;CAEjB,UAAgB;EACd,MAAM,IAAI,KAAK;AAMf,MAAI;AACF,QAAK,IAAI,IAAI,EAAE,SAAS,GAAG,KAAK,GAAG,IAAK,GAAE,IAAI;UACxC;AAGR,IAAE,SAAS;;CAEb,QAAkB;EAChB,MAAM,IAAI,IAAI,WAAW;AACzB,OAAK,EAAE,KAAK,eAAe,EAAE,CAAC;AAC9B,SAAO;;;AAIX,SAAS,eAAe,GAA0B;AAChD,cAAa,EAAE,SAAS;;AAG1B,SAAgB,iBAA2B;AACzC,QAAO,IAAI,WAAW;;;;;;;;;;AAWxB,MAAa,gBAA0B;CACrC,IAAI,KAAuB;CAG3B,UAAgB;CAGhB,QAAkB;AAChB,SAAO;;CAEV"}

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;