@geajs/ui 0.2.4 → 0.2.10

package/dist/draggable2.mjs

@@ -0,0 +1,424 @@
+import { n as createDisposer } from "./disposer.mjs";
+import { c as GEA_ELEMENT, n as trackRead, o as GEA_CREATE_TEMPLATE, s as GEA_DOM_COMPONENT, u as GEA_PROXY_RAW } from "./bind.mjs";
+import { i as GEA_SET_PROPS, n as GEA_DISPOSER, r as GEA_OBSERVE_DIRECT } from "./internal-symbols.mjs";
+import { n as _DIRTY_PROPS, t as _DIRTY } from "./dirty-symbols.mjs";
+import { t as reactiveText } from "./reactive-text.mjs";
+import { t as reactiveAttr } from "./reactive-attr.mjs";
+import { t as reactiveClassName } from "./reactive-class-name.mjs";
+import { t as delegateEvent } from "./delegate-event.mjs";
+import { dndManager } from "./dnd-manager.mjs";
+//#region ../gea/src/runtime/compiled-lean-store.ts
+const _PRIV = Symbol("gea.lean.priv");
+const _NESTED = Symbol("gea.lean.nested");
+/**
+* `O`/`V` are generic (not `object`/`any`) — this helper hides a value under
+* a symbol key on WHATEVER object it's called with (the raw store, its
+* proxy, a Map cache, ...), so its own declaration can't pin a single
+* concrete shape; each call site supplies its own concrete `O`/`V`.
+*/
+function _hidden(target, key, value) {
+	Object.defineProperty(target, key, {
+		value,
+		writable: true,
+		configurable: true,
+		enumerable: false
+	});
+}
+/**
+* Browser fallback for the tracked-proxy plain-value v1 contract. The embedded
+* compiler replaces this exact exported coordinate with its native predicate.
+* V1 assumes pristine builtins and ordinary Gea values (including Gea-owned,
+* non-revoked proxies); monkey-patched prototypes and custom/revoked proxies
+* are outside the contract.
+*/
+function _plain(v) {
+	if (!v || typeof v !== "object") return false;
+	const p = Object.getPrototypeOf(v);
+	return p === Object.prototype || p === null || Array.isArray(v);
+}
+/** Unwrap a proxy value to its raw target, preserving whatever type it was. */
+function _raw(v) {
+	return v && v[GEA_PROXY_RAW] || v;
+}
+function _fireBucket(bucket, value, changes) {
+	if (bucket.size === 0) return;
+	if (bucket.size === 1) for (const h of bucket) {
+		h(value, changes);
+		return;
+	}
+	const snapshot = [];
+	for (const h of bucket) snapshot.push(h);
+	for (let i = 0; i < snapshot.length; i++) try {
+		snapshot[i](value, changes);
+	} catch {}
+}
+function _flush(state) {
+	state.scheduled = false;
+	const pending = state.pending;
+	if (!pending || pending.size === 0) return;
+	state.pending = void 0;
+	let all = null;
+	for (const entry of pending) {
+		const prop = entry[0];
+		const changes = entry[1];
+		if (state.rootObservers || state.derived) {
+			all ??= [];
+			for (let i = 0; i < changes.length; i++) all.push(changes[i]);
+		}
+		const bucket = state.observers?.get(prop);
+		if (bucket) _fireBucket(bucket, state.proxy[prop], changes);
+	}
+	if (all && state.rootObservers) _fireBucket(state.rootObservers, state.proxy, all);
+	if (all && state.derived) for (const entry of state.derived) {
+		const prop = entry[0];
+		const bucket = entry[1];
+		if (bucket.size === 0) continue;
+		let value;
+		try {
+			value = state.proxy[prop];
+		} catch {
+			continue;
+		}
+		_fireBucket(bucket, value, all);
+	}
+}
+function _hasQueuedConsumers(state, prop) {
+	const bucket = state.observers?.get(prop);
+	return !!(bucket && bucket.size > 0 || state.rootObservers && state.rootObservers.size > 0 || state.derived && state.derived.size > 0);
+}
+function _queue(state, prop, change = {}) {
+	if (!state.ready) return;
+	if (!_hasQueuedConsumers(state, prop)) return;
+	const rec = {
+		prop,
+		pathParts: [prop],
+		type: "update",
+		target: state.proxy,
+		...change
+	};
+	const pending = state.pending ?? (state.pending = /* @__PURE__ */ new Map());
+	const arr = pending.get(prop);
+	if (arr) arr.push(rec);
+	else pending.set(prop, [rec]);
+	if (!state.scheduled) {
+		state.scheduled = true;
+		queueMicrotask(() => _flush(state));
+	}
+}
+/**
+* Nested nested-object/array traversal INSIDE one of `S`'s own fields (e.g.
+* `store.list[0].name`): once inside a field's own substructure, the shape
+* is no longer described by `S` (a field's element/property types aren't
+* modeled recursively here) — `V` is a genuinely open per-call type at this
+* depth, kept as a type parameter rather than `any` so it's at least
+* threaded through instead of erased, but this is the one spot in this file
+* that's honestly a dynamic-JS-object-graph boundary: how deep a nested
+* value's shape goes isn't knowable without walking `S` structurally.
+*/
+function _wrap(state, target, rootProp) {
+	if (!_plain(target)) return target;
+	const targetObj = target;
+	let perTarget = targetObj[_NESTED];
+	if (perTarget) {
+		const cached = perTarget.get(rootProp);
+		if (cached) return cached;
+	}
+	const proxy = new Proxy(targetObj, {
+		get(obj, prop) {
+			if (prop === GEA_PROXY_RAW) return obj;
+			if (typeof prop === "symbol") return obj[prop];
+			trackRead(state.proxy, rootProp);
+			const value = obj[prop];
+			if (Array.isArray(obj) && typeof value === "function") {
+				if (prop === "push") return (...items) => {
+					const start = obj.length;
+					const result = Array.prototype.push.apply(obj, items.map(_raw));
+					if (obj.length > start) _queue(state, rootProp, {
+						type: "append",
+						start,
+						count: obj.length - start
+					});
+					return result;
+				};
+			}
+			return _plain(value) ? _wrap(state, value, rootProp) : value;
+		},
+		set(obj, prop, value) {
+			if (typeof prop === "symbol") {
+				obj[prop] = value;
+				return true;
+			}
+			value = _raw(value);
+			const old = obj[prop];
+			if (old === value) return true;
+			obj[prop] = value;
+			if (Array.isArray(obj)) {
+				if (value && typeof value === "object") value[_DIRTY] = true;
+				const idx = +prop;
+				if (Number.isInteger(idx)) {
+					_queue(state, rootProp, {
+						aipu: true,
+						arix: idx,
+						previousValue: old,
+						newValue: value
+					});
+					return true;
+				}
+			} else {
+				obj[_DIRTY] = true;
+				(obj[_DIRTY_PROPS] ??= /* @__PURE__ */ new Set()).add(prop);
+			}
+			_queue(state, rootProp, {
+				previousValue: old,
+				newValue: value
+			});
+			return true;
+		},
+		deleteProperty(obj, prop) {
+			if (typeof prop === "symbol") {
+				delete obj[prop];
+				return true;
+			}
+			const old = obj[prop];
+			delete obj[prop];
+			if (!Array.isArray(obj)) obj[_DIRTY] = true;
+			_queue(state, rootProp, {
+				previousValue: old,
+				type: "delete"
+			});
+			return true;
+		}
+	});
+	if (!perTarget) {
+		perTarget = /* @__PURE__ */ new Map();
+		_hidden(targetObj, _NESTED, perTarget);
+	}
+	perTarget.set(rootProp, proxy);
+	return proxy;
+}
+function createLeanProxy(raw) {
+	const state = {};
+	_hidden(raw, _PRIV, state);
+	const proxy = new Proxy(raw, {
+		get(target, prop, receiver) {
+			if (prop === GEA_PROXY_RAW) return target;
+			if (typeof prop === "symbol") return target[prop];
+			trackRead(receiver ?? target, prop);
+			const value = target[prop];
+			if (typeof value === "function") return value.bind(receiver);
+			return _plain(value) ? _wrap(state, value, prop) : value;
+		},
+		set(target, prop, value) {
+			if (typeof prop === "symbol") {
+				target[prop] = value;
+				return true;
+			}
+			value = _raw(value);
+			if (Array.isArray(value)) value = value.map(_raw);
+			const old = target[prop];
+			if (old === value && prop in target) return true;
+			if (old && typeof old === "object") delete old[_NESTED];
+			target[prop] = value;
+			const direct = state.direct?.get(prop);
+			if (direct) for (const h of direct) h(value);
+			_queue(state, prop, {
+				previousValue: old,
+				newValue: value
+			});
+			return true;
+		}
+	});
+	state.proxy = proxy;
+	_hidden(proxy, _PRIV, state);
+	return proxy;
+}
+function leanObserve(self, pathOrProp, handler) {
+	const state = self == null ? void 0 : self[_PRIV];
+	if (!state) return () => {};
+	state.ready = true;
+	const isArr = Array.isArray(pathOrProp);
+	let path = [];
+	let text = "";
+	if (typeof pathOrProp === "string") text = pathOrProp;
+	else path = pathOrProp;
+	if (isArr && path.length === 0 || !isArr && text === "") {
+		const bucket = state.rootObservers ?? (state.rootObservers = /* @__PURE__ */ new Set());
+		bucket.add(handler);
+		return () => {
+			bucket.delete(handler);
+		};
+	}
+	const prop = isArr ? path[0] ?? "" : text;
+	if (!prop) return () => {};
+	const tail = isArr && path.length > 1 ? path.slice(1) : null;
+	const finalHandler = tail ? (value, changes) => {
+		let next = value;
+		for (let i = 0; i < tail.length; i++) {
+			if (next == null) return;
+			next = next[tail[i]];
+		}
+		handler(next, changes);
+	} : handler;
+	const target = Object.prototype.hasOwnProperty.call(_raw(self), prop) ? state.observers ?? (state.observers = /* @__PURE__ */ new Map()) : state.derived ?? (state.derived = /* @__PURE__ */ new Map());
+	let bucket = target.get(prop);
+	if (!bucket) target.set(prop, bucket = /* @__PURE__ */ new Set());
+	bucket.add(finalHandler);
+	return () => {
+		bucket.delete(finalHandler);
+	};
+}
+function leanObserveDirect(self, prop, handler) {
+	const state = self == null ? void 0 : self[_PRIV];
+	if (!state) return () => {};
+	state.ready = true;
+	const direct = state.direct ?? (state.direct = /* @__PURE__ */ new Map());
+	let bucket = direct.get(prop);
+	if (!bucket) direct.set(prop, bucket = /* @__PURE__ */ new Set());
+	bucket.add(handler);
+	return () => {
+		bucket.delete(handler);
+	};
+}
+//#endregion
+//#region ../gea/src/runtime/compiled-tiny-reactive-component.ts
+const GEA_COMPONENT_ID = Symbol();
+let nextComponentId = 0;
+var CompiledTinyReactiveComponent = class {
+	constructor() {
+		this.rendered = false;
+		this.props = {};
+		this[GEA_ELEMENT] = null;
+		this[GEA_DISPOSER] = createDisposer();
+		return createLeanProxy(this);
+	}
+	get id() {
+		return this[GEA_COMPONENT_ID] ??= "_" + nextComponentId++;
+	}
+	set id(value) {
+		this[GEA_COMPONENT_ID] = value;
+	}
+	get el() {
+		return this[GEA_ELEMENT] ?? null;
+	}
+	[GEA_SET_PROPS](thunks) {
+		const out = {};
+		for (const k in thunks) Object.defineProperty(out, k, {
+			enumerable: true,
+			get: () => thunks[k]()
+		});
+		this.props = out;
+	}
+	render(parent, _index) {
+		const node = this[GEA_CREATE_TEMPLATE](this[GEA_DISPOSER]);
+		parent.appendChild(node);
+		if (node.nodeType === 11) this[GEA_ELEMENT] = parent.lastElementChild ?? null;
+		else if (node.nodeType === 1) this[GEA_ELEMENT] = node;
+		const el = this[GEA_ELEMENT];
+		if (el) el[GEA_DOM_COMPONENT] = this;
+		this.rendered = true;
+	}
+	observe(pathOrProp, handler) {
+		return leanObserve(this, pathOrProp, handler);
+	}
+	[GEA_OBSERVE_DIRECT](prop, handler) {
+		return leanObserveDirect(this, prop, handler);
+	}
+	dispose() {
+		this[GEA_DISPOSER].dispose();
+		this[GEA_ELEMENT]?.remove();
+		this[GEA_ELEMENT] = null;
+	}
+	$(sel) {
+		return this[GEA_ELEMENT]?.querySelector(sel) ?? null;
+	}
+	$$(sel) {
+		return Array.from(this[GEA_ELEMENT]?.querySelectorAll(sel) ?? []);
+	}
+	created(_props) {}
+	onAfterRender() {}
+};
+//#endregion
+//#region ../gea/src/runtime/delegate-click.ts
+const _GC = "__gc";
+const _GDC = "__gdc";
+function ensureClickDelegate(root) {
+	const rt = typeof document !== "undefined" ? document : root.ownerDocument;
+	if (!rt[_GDC]) {
+		rt[_GDC] = 1;
+		rt.addEventListener("click", (e) => {
+			for (let n = e.target; n && n !== rt; n = n.parentNode) {
+				const h = n[_GC];
+				if (h !== void 0) {
+					h(e);
+					return;
+				}
+			}
+		});
+	}
+}
+function delegateClick(root, pairs, disposer) {
+	ensureClickDelegate(root);
+	for (let i = 0; i < pairs.length; i++) {
+		const el = pairs[i][0];
+		if (el) el[_GC] = pairs[i][1];
+	}
+	if (disposer && !disposer.noop) disposer.add(_clearHandlers(pairs));
+}
+function _clearHandlers(pairs) {
+	return () => {
+		for (let i = 0; i < pairs.length; i++) {
+			const el = pairs[i][0];
+			if (el) el[_GC] = void 0;
+		}
+	};
+}
+//#endregion
+//#region src/components/draggable.tsx
+function _tpl0_create() {
+	const e = document.createElement("div");
+	e.textContent = "0";
+	return e;
+}
+var Draggable = class extends CompiledTinyReactiveComponent {
+	constructor(..._args) {
+		super(..._args);
+		this._didDrag = false;
+	}
+	_onPointerDown(e) {
+		const el = e.target.closest(".gea-draggable");
+		if (!el) return;
+		this._didDrag = false;
+		dndManager.startTracking(e, this.props.draggableId, el);
+	}
+	[GEA_CREATE_TEMPLATE](d) {
+		const root = _tpl0_create();
+		const el0 = root;
+		const el1 = el0;
+		const el2 = el0;
+		const evt3 = el0;
+		const evt4 = el0;
+		const marker5 = root.firstChild;
+		reactiveClassName(el0, d, this, () => `gea-draggable ${this.props.class || ""}`);
+		reactiveAttr(el1, d, this, "data-draggable-id", () => this.props.draggableId);
+		reactiveAttr(el2, d, this, "data-index", () => this.props.index);
+		const h3 = (e) => this._onPointerDown(e);
+		const h4 = (e) => {
+			if (dndManager.isDragging) {
+				e.preventDefault();
+				e.stopPropagation();
+			}
+		};
+		reactiveText(marker5, d, this, () => this.props.children);
+		delegateEvent(root, "pointerdown", [[evt3, h3]], d);
+		delegateClick(root, [[
+			evt4,
+			h4,
+			false
+		]]);
+		return root;
+	}
+};
+//#endregion
+export { Draggable as t };
+
+//# sourceMappingURL=draggable2.mjs.map

package/dist/draggable2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable2.mjs","names":["GEA_DIRTY","GEA_DIRTY_PROPS","GEA_CREATE_TEMPLATE","reactiveClassName","reactiveAttr","reactiveText","delegateEvent","delegateClick","CompiledTinyReactiveComponent","Component","dndManager","_tpl0_create","e","document","createElement","textContent","Draggable","_didDrag","_onPointerDown","PointerEvent","el","target","HTMLElement","closest","startTracking","props","draggableId","d","root","el0","el1","el2","evt3","evt4","marker5","firstChild","class","index","h3","h4","MouseEvent","isDragging","preventDefault","stopPropagation","t5","children"],"sources":["../../gea/src/runtime/compiled-lean-store.ts","../../gea/src/runtime/compiled-tiny-reactive-component.ts","../../gea/src/runtime/delegate-click.ts","../src/components/draggable.tsx"],"sourcesContent":["import { GEA_PROXY_RAW } from './symbols'\nimport { GEA_OBSERVE_DIRECT } from './internal-symbols'\nimport { GEA_DIRTY, GEA_DIRTY_PROPS } from './dirty-symbols'\nimport { trackRead } from './with-tracking'\nimport type { Change } from '../store'\n\n/**\n * A store observer: the changed value, and the batch of changes that\n * produced it. `S` is `CompiledLeanStore<S>`'s own type parameter — the\n * concrete store subclass's field shape, resolved once per subclass exactly\n * the way `CompiledComponent<P>` resolves `P` for a component's props. A\n * single `Map<string, Set<Handler<S>>>` holds observers across every field\n * of `S` at once, so the exact field a given handler fires for isn't known\n * at this layer — but the closed set of types it could possibly be (every\n * member of `S`) is, which is why `value` is `S[keyof S]` rather than\n * `any`/`unknown`.\n */\ntype Handler<S> = (value: S[keyof S], changes: Change[]) => void\n\ninterface LeanState<S> {\n  observers?: Map<string, Set<Handler<S>>>\n  rootObservers?: Set<Handler<S>>\n  derived?: Map<string, Set<Handler<S>>>\n  direct?: Map<string, Set<(value: S[keyof S]) => void>>\n  /** Queued change records, keyed by the prop they were recorded against —\n   * each entry is `Change`-shaped (built by `_queue` below), not a raw\n   * store value, so `Change[]` is exact rather than `any[]`. */\n  pending?: Map<string, Change[]>\n  scheduled?: boolean\n  ready?: boolean\n  /** The store's own proxy — literally an `S`, not `any`. */\n  proxy?: S\n}\n\n// Private state and the nested-proxy cache hang off the object itself under a\n// non-enumerable symbol, rather than living in a `WeakMap` keyed by it. geatsc\n// marks every value that reaches a weak-container key as a weak-handle\n// ownership subject and then rejects it for having a dynamic carrier (\"Weak-handle\n// ownership subject ... reached unsupported callable, dynamic, or mixed carrier\n// dynamic:declared-dynamic\") — and the store's values are dynamic by nature, so\n// there is no type that satisfies it. A symbol property has the same lifetime as\n// the WeakMap entry (it dies with the object), is invisible to `Object.keys`,\n// `for...in` and `JSON.stringify`, and reaches the raw target through the proxy's\n// existing symbol pass-through in both traps.\nconst _PRIV = Symbol('gea.lean.priv')\nconst _NESTED = Symbol('gea.lean.nested')\n\n/**\n * `O`/`V` are generic (not `object`/`any`) — this helper hides a value under\n * a symbol key on WHATEVER object it's called with (the raw store, its\n * proxy, a Map cache, ...), so its own declaration can't pin a single\n * concrete shape; each call site supplies its own concrete `O`/`V`.\n */\nfunction _hidden<O extends object, V>(target: O, key: symbol, value: V): void {\n  Object.defineProperty(target, key, { value, writable: true, configurable: true, enumerable: false })\n}\n\n/**\n * Browser fallback for the tracked-proxy plain-value v1 contract. The embedded\n * compiler replaces this exact exported coordinate with its native predicate.\n * V1 assumes pristine builtins and ordinary Gea values (including Gea-owned,\n * non-revoked proxies); monkey-patched prototypes and custom/revoked proxies\n * are outside the contract.\n */\nexport function _plain<V>(v: V): boolean {\n  if (!v || typeof v !== 'object') return false\n  const p = Object.getPrototypeOf(v)\n  return p === Object.prototype || p === null || Array.isArray(v)\n}\n\n/** Unwrap a proxy value to its raw target, preserving whatever type it was. */\nfunction _raw<V>(v: V): V {\n  const rawTarget = v && (v as unknown as Record<symbol, unknown>)[GEA_PROXY_RAW]\n  return (rawTarget as V) || v\n}\n\nfunction _fireBucket<S>(bucket: Set<Handler<S>>, value: S[keyof S], changes: Change[]): void {\n  if (bucket.size === 0) return\n  if (bucket.size === 1) {\n    for (const h of bucket) {\n      h(value, changes)\n      return\n    }\n  }\n  const snapshot: Handler<S>[] = []\n  for (const h of bucket) snapshot.push(h)\n  for (let i = 0; i < snapshot.length; i++) {\n    try {\n      snapshot[i](value, changes)\n    } catch {\n      /* isolate sibling observers */\n    }\n  }\n}\n\nfunction _flush<S>(state: LeanState<S>): void {\n  state.scheduled = false\n  const pending = state.pending\n  if (!pending || pending.size === 0) return\n  state.pending = undefined\n  let all: Change[] | null = null\n  for (const entry of pending) {\n    const prop = entry[0]\n    const changes = entry[1]\n    if (state.rootObservers || state.derived) {\n      all ??= []\n      for (let i = 0; i < changes.length; i++) all.push(changes[i])\n    }\n    const bucket = state.observers?.get(prop)\n    if (bucket) _fireBucket(bucket, (state.proxy as S)[prop as keyof S], changes)\n  }\n  if (all && state.rootObservers) {\n    _fireBucket(state.rootObservers, state.proxy as S[keyof S], all)\n  }\n  if (all && state.derived) {\n    for (const entry of state.derived) {\n      const prop = entry[0]\n      const bucket = entry[1]\n      if (bucket.size === 0) continue\n      let value: S[keyof S]\n      try {\n        value = (state.proxy as S)[prop as keyof S]\n      } catch {\n        continue\n      }\n      _fireBucket(bucket, value, all)\n    }\n  }\n}\n\nfunction _hasQueuedConsumers<S>(state: LeanState<S>, prop: string): boolean {\n  const bucket = state.observers?.get(prop)\n  return !!(\n    (bucket && bucket.size > 0) ||\n    (state.rootObservers && state.rootObservers.size > 0) ||\n    (state.derived && state.derived.size > 0)\n  )\n}\n\nfunction _queue<S>(state: LeanState<S>, prop: string, change: Partial<Change> = {}): void {\n  if (!state.ready) return\n  if (!_hasQueuedConsumers(state, prop)) return\n  const rec: Change = { prop, pathParts: [prop], type: 'update', target: state.proxy, ...change }\n  const pending = state.pending ?? (state.pending = new Map())\n  const arr = pending.get(prop)\n  if (arr) arr.push(rec)\n  else pending.set(prop, [rec])\n  if (!state.scheduled) {\n    state.scheduled = true\n    queueMicrotask(() => _flush(state))\n  }\n}\n\n/**\n * Nested nested-object/array traversal INSIDE one of `S`'s own fields (e.g.\n * `store.list[0].name`): once inside a field's own substructure, the shape\n * is no longer described by `S` (a field's element/property types aren't\n * modeled recursively here) — `V` is a genuinely open per-call type at this\n * depth, kept as a type parameter rather than `any` so it's at least\n * threaded through instead of erased, but this is the one spot in this file\n * that's honestly a dynamic-JS-object-graph boundary: how deep a nested\n * value's shape goes isn't knowable without walking `S` structurally.\n */\nfunction _wrap<S, V>(state: LeanState<S>, target: V, rootProp: string): V {\n  if (!_plain(target)) return target\n  const targetObj = target as unknown as Record<PropertyKey, unknown>\n  let perTarget: Map<string, unknown> | undefined = (targetObj as unknown as Record<symbol, Map<string, unknown>>)[\n    _NESTED\n  ]\n  if (perTarget) {\n    const cached = perTarget.get(rootProp)\n    if (cached) return cached as V\n  }\n  const proxy = new Proxy(targetObj, {\n    get(obj, prop) {\n      if (prop === GEA_PROXY_RAW) return obj\n      if (typeof prop === 'symbol') return obj[prop]\n      trackRead(state.proxy as object, rootProp)\n      const value = obj[prop]\n      if (Array.isArray(obj) && typeof value === 'function') {\n        if (prop === 'push') {\n          return (...items: unknown[]) => {\n            const start = (obj as unknown[]).length\n            const result = Array.prototype.push.apply(obj, items.map(_raw))\n            if ((obj as unknown[]).length > start) {\n              _queue(state, rootProp, { type: 'append', start, count: (obj as unknown[]).length - start })\n            }\n            return result\n          }\n        }\n      }\n      return _plain(value) ? _wrap(state, value, rootProp) : value\n    },\n    set(obj, prop, value) {\n      if (typeof prop === 'symbol') {\n        obj[prop] = value\n        return true\n      }\n      value = _raw(value)\n      const old = obj[prop]\n      if (old === value) return true\n      obj[prop] = value\n      if (Array.isArray(obj)) {\n        if (value && typeof value === 'object') (value as Record<symbol, unknown>)[GEA_DIRTY] = true\n        const idx = +prop\n        if (Number.isInteger(idx)) {\n          _queue(state, rootProp, { aipu: true, arix: idx, previousValue: old, newValue: value })\n          return true\n        }\n      } else {\n        ;(obj as Record<symbol, unknown>)[GEA_DIRTY] = true\n        const dirtyProps = ((obj as Record<symbol, unknown>)[GEA_DIRTY_PROPS] ??= new Set()) as Set<string>\n        dirtyProps.add(prop)\n      }\n      _queue(state, rootProp, { previousValue: old, newValue: value })\n      return true\n    },\n    deleteProperty(obj, prop) {\n      if (typeof prop === 'symbol') {\n        delete obj[prop]\n        return true\n      }\n      const old = obj[prop]\n      delete obj[prop]\n      if (!Array.isArray(obj)) (obj as Record<symbol, unknown>)[GEA_DIRTY] = true\n      _queue(state, rootProp, { previousValue: old, type: 'delete' })\n      return true\n    },\n  })\n  if (!perTarget) {\n    perTarget = new Map()\n    _hidden(targetObj, _NESTED, perTarget)\n  }\n  perTarget.set(rootProp, proxy)\n  return proxy as V\n}\n\nexport function createLeanProxy<S extends object>(raw: S): S {\n  const state: LeanState<S> = {}\n  _hidden(raw, _PRIV, state)\n  // The trap parameters are spelled out rather than left to `ProxyHandler<T>`'s\n  // contextual typing. geatsc plans a parameter from its OWN declaration, so an\n  // unannotated trap formal seals no carrier at all (`representation-plan\n  // coverage gap for Parameter`) even though the checker knows the contextual\n  // type. `receiver` is `object`, not `any`/`unknown` — per the Proxy spec it's\n  // always the object the property access was initiated on (the proxy itself,\n  // or a subclass instance), never a primitive. `prop`/`value` stay as the\n  // genuinely dynamic boundary (whatever the app read or wrote); those are\n  // narrowed before use below.\n  const proxy = new Proxy(raw, {\n    get(target: S, prop: string | symbol, receiver: object) {\n      if (prop === GEA_PROXY_RAW) return target\n      if (typeof prop === 'symbol') return (target as Record<symbol, unknown>)[prop]\n      trackRead(receiver ?? target, prop)\n      const value = target[prop as keyof S]\n      if (typeof value === 'function') return (value as (...args: unknown[]) => unknown).bind(receiver)\n      return _plain(value) ? _wrap(state, value, prop) : value\n    },\n    set(target: S, prop: string | symbol, value: unknown) {\n      if (typeof prop === 'symbol') {\n        ;(target as Record<symbol, unknown>)[prop] = value\n        return true\n      }\n      value = _raw(value)\n      if (Array.isArray(value)) value = value.map(_raw)\n      const old = target[prop as keyof S]\n      if (old === value && prop in target) return true\n      if (old && typeof old === 'object') delete (old as Record<symbol, unknown>)[_NESTED]\n      ;(target as Record<string, unknown>)[prop] = value\n      const direct = state.direct?.get(prop)\n      if (direct) for (const h of direct) h(value as S[keyof S])\n      _queue(state, prop, { previousValue: old, newValue: value })\n      return true\n    },\n  })\n  state.proxy = proxy\n  _hidden(proxy, _PRIV, state)\n  return proxy\n}\n\nexport function leanObserve<S>(\n  self: S | null | undefined,\n  pathOrProp: string | readonly string[],\n  handler: Handler<S>,\n): () => void {\n  const state: LeanState<S> | undefined = self == null ? undefined : (self as Record<symbol, LeanState<S>>)[_PRIV]\n  if (!state) return () => {}\n  state.ready = true\n  const isArr = Array.isArray(pathOrProp)\n  // `path` / `text` carry the two alternatives in their own exact slots so\n  // `.length` / `[0]` / `.slice` have a `readonly string[]` receiver: called on\n  // `pathOrProp` — declared `string | readonly string[]` — the intrinsic has no\n  // single receiver carrier and `pathOrProp.slice(1)` fail-closed with\n  // `representation-plan coverage gap for CallExpression`. Each read is already\n  // guarded by `isArr`, so neither default is ever observed.\n  let path: readonly string[] = []\n  let text = ''\n  if (typeof pathOrProp === 'string') text = pathOrProp\n  else path = pathOrProp\n  if ((isArr && path.length === 0) || (!isArr && text === '')) {\n    const bucket = state.rootObservers ?? (state.rootObservers = new Set())\n    bucket.add(handler)\n    return () => {\n      bucket.delete(handler)\n    }\n  }\n  const prop = isArr ? (path[0] ?? '') : text\n  if (!prop) return () => {}\n  const tail = isArr && path.length > 1 ? path.slice(1) : null\n  const finalHandler: Handler<S> = tail\n    ? (value, changes) => {\n        let next: unknown = value\n        for (let i = 0; i < tail.length; i++) {\n          if (next == null) return\n          next = (next as Record<string, unknown>)[tail[i]]\n        }\n        handler(next as S[keyof S], changes)\n      }\n    : handler\n  const target = Object.prototype.hasOwnProperty.call(_raw(self), prop)\n    ? (state.observers ?? (state.observers = new Map()))\n    : (state.derived ?? (state.derived = new Map()))\n  let bucket = target.get(prop)\n  if (!bucket) target.set(prop, (bucket = new Set()))\n  bucket.add(finalHandler)\n  return () => {\n    bucket!.delete(finalHandler)\n  }\n}\n\nexport function leanObserveDirect<S>(\n  self: S | null | undefined,\n  prop: string,\n  handler: (value: S[keyof S]) => void,\n): () => void {\n  const state: LeanState<S> | undefined = self == null ? undefined : (self as Record<symbol, LeanState<S>>)[_PRIV]\n  if (!state) return () => {}\n  state.ready = true\n  const direct = state.direct ?? (state.direct = new Map())\n  let bucket = direct.get(prop)\n  if (!bucket) direct.set(prop, (bucket = new Set()))\n  bucket.add(handler)\n  return () => {\n    bucket!.delete(handler)\n  }\n}\n\nexport class CompiledLeanStore<S extends Record<string, any> = Record<string, any>> {\n  constructor() {\n    return createLeanProxy(this as unknown as S) as unknown as this\n  }\n\n  observe(pathOrProp: string | readonly string[], handler: Handler<S>): () => void {\n    return leanObserve(this as unknown as S, pathOrProp, handler)\n  }\n\n  [GEA_OBSERVE_DIRECT](prop: string, handler: (value: S[keyof S]) => void): () => void {\n    return leanObserveDirect(this as unknown as S, prop, handler)\n  }\n}\n\nexport default CompiledLeanStore\n","import { GEA_CREATE_TEMPLATE, GEA_DOM_COMPONENT, GEA_ELEMENT } from './symbols'\nimport { GEA_DISPOSER, GEA_OBSERVE_DIRECT, GEA_SET_PROPS } from './internal-symbols'\nimport { createDisposer, type Disposer } from './disposer'\nimport { createLeanProxy, leanObserve, leanObserveDirect } from './compiled-lean-store'\nimport type { Change } from '../store'\n\n/** Same observer shape as the compiled stores; see `compiled-store.ts`. */\ntype Handler = (value: unknown, changes: Change[]) => void\n/**\n * One thunk per prop of `P`, each returning that prop's own type.\n *\n * Generic rather than a flat dictionary so a component's props keep their\n * declared types all the way through `GEA_SET_PROPS` — the compiler emits one\n * thunk per JSX attribute, so the mapping is exact at every instantiation.\n */\ntype PropThunks<P> = { [K in keyof P]: () => P[K] }\nconst GEA_COMPONENT_ID: unique symbol = Symbol()\nlet nextComponentId = 0\n\nexport class CompiledTinyReactiveComponent<P extends Record<string, any> = Record<string, any>> {\n  rendered = false\n  props: P = {} as P;\n  [GEA_ELEMENT] = null as HTMLElement | null;\n  [GEA_DISPOSER] = createDisposer() as Disposer;\n  [GEA_COMPONENT_ID]?: string\n\n  constructor() {\n    return createLeanProxy(this)\n  }\n\n  get id(): string {\n    return (this[GEA_COMPONENT_ID] ??= '_' + nextComponentId++)\n  }\n\n  set id(value: string) {\n    this[GEA_COMPONENT_ID] = value\n  }\n\n  get el(): HTMLElement | null {\n    return this[GEA_ELEMENT] ?? null\n  }\n\n  [GEA_SET_PROPS](thunks: PropThunks<P>): void {\n    const out: Partial<P> = {}\n    for (const k in thunks) {\n      Object.defineProperty(out, k, {\n        enumerable: true,\n        get: () => thunks[k](),\n      })\n    }\n    this.props = out as P\n  }\n\n  render(parent: Node, _index?: number): void {\n    const node = this[GEA_CREATE_TEMPLATE](this[GEA_DISPOSER])\n    parent.appendChild(node)\n    if (node.nodeType === 11) this[GEA_ELEMENT] = ((parent as Element).lastElementChild as HTMLElement | null) ?? null\n    else if (node.nodeType === 1) this[GEA_ELEMENT] = node as HTMLElement\n    const el = this[GEA_ELEMENT]\n    if (el) (el as HTMLElement & { [GEA_DOM_COMPONENT]?: unknown })[GEA_DOM_COMPONENT] = this\n    this.rendered = true\n  }\n\n  observe(pathOrProp: string | readonly string[], handler: Handler): () => void {\n    return leanObserve(this, pathOrProp, handler)\n  }\n\n  [GEA_OBSERVE_DIRECT](prop: string, handler: (value: unknown) => void): () => void {\n    return leanObserveDirect(this, prop, handler)\n  }\n\n  dispose(): void {\n    this[GEA_DISPOSER].dispose()\n    this[GEA_ELEMENT]?.remove()\n    this[GEA_ELEMENT] = null\n  }\n\n  $(sel: string): Element | null {\n    return this[GEA_ELEMENT]?.querySelector(sel) ?? null\n  }\n\n  $$(sel: string): Element[] {\n    return Array.from(this[GEA_ELEMENT]?.querySelectorAll(sel) ?? [])\n  }\n\n  created(_props?: P): void {\n    /* no-op */\n  }\n\n  onAfterRender(): void {\n    /* no-op */\n  }\n}\n\nexport default CompiledTinyReactiveComponent\n","import type { Disposer } from './disposer'\n\ntype Handler = (e: Event) => void\ntype HandlerPair = [Element, Handler]\n\n// Computed key, exactly as in `delegate-event-fast`. A literal `.__gc` expando\n// makes geatsc collect an anonymous record whose field is callable, which it has\n// no representation for (\"Anonymous record expando __gc has no Representation\n// for Handler\"). Reading and writing through a computed key keeps the property\n// dynamic, so no record shape is inferred for the host Element. `_GDC` (the\n// once-per-document delegate-installed flag) follows the same rule for the\n// same reason — a literal `.__gdc` would pin an anonymous record on Document.\nconst _GC = '__' + 'gc'\nconst _GDC = '__' + 'gdc'\n\n// The per-node handler stash and the per-document flag are dynamic expandos on\n// host objects; `Record<string, ...>` through the computed key is the same\n// sanctioned spelling `compiled-lean-store.ts` uses for its symbol stashes.\ntype HandlerStash = Record<string, Handler | undefined>\ntype FlagStash = Record<string, number | undefined>\n\nexport function ensureClickDelegate(root: Element): void {\n  const rt: Document = typeof document !== 'undefined' ? document : (root.ownerDocument as Document)\n  if (!(rt as unknown as FlagStash)[_GDC]) {\n    ;(rt as unknown as FlagStash)[_GDC] = 1\n    rt.addEventListener('click', (e: Event) => {\n      for (let n: Node | null = e.target as Node | null; n && n !== rt; n = n.parentNode) {\n        const h = (n as unknown as HandlerStash)[_GC]\n        if (h !== undefined) {\n          h(e)\n          return\n        }\n      }\n    })\n  }\n}\n\nexport function delegateClick(root: Element, pairs: HandlerPair[], disposer?: Disposer): void {\n  ensureClickDelegate(root)\n  for (let i = 0; i < pairs.length; i++) {\n    const el = pairs[i][0]\n    if (el) (el as unknown as HandlerStash)[_GC] = pairs[i][1]\n  }\n  // Disposer-contained storage: one registration per call (not per pair), so\n  // the live-path cost stays a single push. The `noop` check runs here, not\n  // inside `add`, so the noop fast path (keyed-list rows with no cleanup)\n  // allocates nothing — not even the teardown closure. Clearing on dispose\n  // bounds every stashed handler's lifetime to the owning component: the\n  // handlers capture the component's `this`, and under refcounted ownership\n  // an uncleared stash would keep the component alive through its own DOM\n  // (component → element → handler → component).\n  if (disposer && !disposer.noop) disposer.add(_clearHandlers(pairs))\n}\n\nfunction _clearHandlers(pairs: HandlerPair[]): () => void {\n  return () => {\n    for (let i = 0; i < pairs.length; i++) {\n      const el = pairs[i][0]\n      if (el) (el as unknown as HandlerStash)[_GC] = undefined\n    }\n  }\n}\n","import { Component } from '@geajs/core'\nimport { dndManager } from './dnd-manager'\n\nexport default class Draggable extends Component {\n  _didDrag = false\n\n  _onPointerDown(e: PointerEvent) {\n    const el = (e.target as HTMLElement).closest('.gea-draggable') as HTMLElement\n    if (!el) return\n    this._didDrag = false\n    dndManager.startTracking(e, this.props.draggableId as string, el)\n  }\n\n  template(props: any) {\n    return (\n      <div\n        class={`gea-draggable ${props.class || ''}`}\n        data-draggable-id={props.draggableId}\n        data-index={props.index}\n        pointerdown={(e: PointerEvent) => this._onPointerDown(e)}\n        click={(e: MouseEvent) => {\n          if (dndManager.isDragging) {\n            e.preventDefault()\n            e.stopPropagation()\n          }\n        }}\n      >\n        {props.children}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/droppable.d.mts

@@ -7,7 +7,7 @@ declare class Droppable extends Component {
   created(): void;
   onAfterRender(): void;
   dispose(): void;
-  template(props: any): string;
+  template(props: any): any;
 }
 //#endregion
 export { Droppable as default };

package/dist/droppable.mjs

@@ -1,14 +1,20 @@
+import { o as GEA_CREATE_TEMPLATE } from "./bind.mjs";
+import { t as CompiledReactiveComponent } from "./compiled-reactive-component.mjs";
+import { t as reactiveText } from "./reactive-text.mjs";
+import { t as reactiveAttr } from "./reactive-attr.mjs";
+import { t as reactiveClassName } from "./reactive-class-name.mjs";
 import { dndManager } from "./dnd-manager.mjs";
-import { Component, GEA_ELEMENT, GEA_INSTANTIATE_CHILD_COMPONENTS, GEA_MOUNT_COMPILED_CHILD_COMPONENTS, GEA_ON_PROP_CHANGE, GEA_PATCH_NODE } from "@geajs/core";
 //#region src/components/droppable.tsx
-var Droppable = class extends Component {
+function _tpl0_create() {
+	const e = document.createElement("div");
+	e.textContent = "0";
+	return e;
+}
+var Droppable = class extends CompiledReactiveComponent {
 	constructor(..._args) {
 		super(..._args);
 		this._registered = false;
 	}
-	static {
-		this.__geaTagName = "gea-droppable";
-	}
 	_registerWithManager() {
 		const el = this.el?.querySelector("[data-droppable-id]");
 		if (el && !this._registered) {
@@ -29,45 +35,15 @@ var Droppable = class extends Component {
 		}
 		super.dispose();
 	}
-	template(props) {
-		return `<div id="${this.id}" class="${`gea-droppable ${props.class || ""}`.trim()}"${props.droppableId == null || props.droppableId === false ? "" : ` data-droppable-id="${props.droppableId}"`}>${props.children}</div>`;
-	}
-	[GEA_ON_PROP_CHANGE](key, value) {
-		if (key === "class") {
-			const __el = this[GEA_ELEMENT];
-			this.props;
-			const __boundValue = `gea-droppable ${value || ""}`;
-			if (__el) {
-				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
-				if (__el.className !== __newClass) __el.className = __newClass;
-			}
-		}
-		if (key === "droppableId") {
-			const __el = this[GEA_ELEMENT];
-			if (__el) {
-				var __av = value;
-				if (__av == null || __av === false) __el.removeAttribute("data-droppable-id");
-				else {
-					const __newAttr = String(__av);
-					if (__el.getAttribute("data-droppable-id") !== __newAttr) __el.setAttribute("data-droppable-id", __newAttr);
-				}
-			}
-		}
-		if (key === "children") {
-			const __el = this[GEA_ELEMENT];
-			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]();
-				}
-			}
-		}
+	[GEA_CREATE_TEMPLATE](d) {
+		const root = _tpl0_create();
+		const el0 = root;
+		const el1 = el0;
+		const marker2 = root.firstChild;
+		reactiveClassName(el0, d, this, () => `gea-droppable ${this.props.class || ""}`);
+		reactiveAttr(el1, d, this, "data-droppable-id", () => this.props.droppableId);
+		reactiveText(marker2, d, this, () => this.props.children);
+		return root;
 	}
 };
 //#endregion

package/dist/droppable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"droppable.mjs","names":["Component","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_NODE","GEA_INSTANTIATE_CHILD_COMPONENTS","GEA_MOUNT_COMPILED_CHILD_COMPONENTS","dndManager","Droppable","__geaTagName","_registered","_registerWithManager","el","querySelector","HTMLElement","registerDroppable","props","droppableId","created","queueMicrotask","onAfterRender","dispose","unregisterDroppable","template","__id","id","class","trim","children","key","value","__el","__boundValue","__newClass","String","replace","className","__av","removeAttribute","__newAttr","getAttribute","setAttribute","__tw","document","createElement","innerHTML","__newEl","content","firstElementChild","__existEl","childNodes","length","constructor","parentComponent"],"sources":["../src/components/droppable.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { dndManager } from './dnd-manager'\n\nexport default class Droppable extends Component {\n  private _registered = false\n\n  _registerWithManager() {\n    const el = this.el?.querySelector('[data-droppable-id]') as HTMLElement\n    if (el && !this._registered) {\n      dndManager.registerDroppable(this.props.droppableId as string, el)\n      this._registered = true\n    }\n  }\n\n  created() {\n    queueMicrotask(() => this._registerWithManager())\n  }\n\n  onAfterRender() {\n    this._registerWithManager()\n  }\n\n  dispose() {\n    if (this._registered) {\n      dndManager.unregisterDroppable(this.props.droppableId as string)\n      this._registered = false\n    }\n    super.dispose()\n  }\n\n  template(props: any) {\n    return (\n      <div class={`gea-droppable ${props.class || ''}`} data-droppable-id={props.droppableId}>\n        {props.children}\n      </div>\n    )\n  }\n}\n"],"mappings":";;;AAGA,IAAqBO,YAArB,cAAuCP,UAAU;;;qBACzB;;;sBADyB;;CAG/CU,uBAAuB;EACrB,MAAMC,KAAK,KAAKA,IAAIC,cAAc,sBAAsB;AACxD,MAAID,MAAM,CAAC,KAAKF,aAAa;AAC3BH,cAAWQ,kBAAkB,KAAKC,MAAMC,aAAuBL,GAAG;AAClE,QAAKF,cAAc;;;CAIvBQ,UAAU;AACRC,uBAAqB,KAAKR,sBAAsB,CAAC;;CAGnDS,gBAAgB;AACd,OAAKT,sBAAsB;;CAG7BU,UAAU;AACR,MAAI,KAAKX,aAAa;AACpBH,cAAWe,oBAAoB,KAAKN,MAAMC,YAAsB;AAChE,QAAKP,cAAc;;AAErB,QAAMW,SAAS;;CAGjBE,SAASP,OAAY;AACnB,SAAA,YADmB,KAAAS,GACnB,WACc,iBAAiBT,MAAMU,SAAS,KAAIC,MAAA,CAAA,GAAqBX,MAAMC,eAAW,QAAjBD,MAAMC,gBAAW,QAAA,KAAA,uBAAjBD,MAAMC,YAAW,GAAA,GACnFD,MAAMY,SAAQ;;CAhCvB,CAAA1B,oBAAwB2B,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAA5B;AA6Bb,QAAAa;GAAA,MAAAgB,eAEH,iBAAiBF,SAAe;AAAI,OAAAC,MA/BtD;IACM,MAAME,aADXC,OAAOF,gBAAyB,GAAG,CAAEL,MAAM,CAACQ,QAAQ,QAAQ,IACf;AACxC,QAAIJ,KAAsBK,cAAcH,WAAYF,MAAsBK,YAAYH;;;AACvF,MAAAJ,QAAA,eAAA;GAAA,MAAAE,OAAA,KAAA5B;AAAA,OAAA4B,MAAA;IAFC,IAAIM,OAAIP;AACR,QAAIO,QAAQ,QAAQA,SAAS,MAC3BN,MAAsBO,gBAAgB,oBAAoB;SACrD;KACL,MAAMC,YAAYL,OAAOG,KAAK;AAC9B,SAAIN,KAAsBS,aAAa,oBAAoB,KAAKD,UAC9DR,MAAsBU,aAAa,qBAAqBF,UAAU;;;;AACrE,MAAAV,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAA5B;AAAA,OAAA4B,MARP;IACI,MAAMW,OAAOC,SAASC,cAAc,WAAW;AAC/CF,SAAKG,YAASf;IACd,MAAMgB,UAAUJ,KAAKK,QAAQC;IAC7B,MAAMC,YAAYlB,KAAsBiB;AACxC,QAAIF,WAAWG,aAAaP,KAAKK,QAAQG,WAAWC,WAAW,EAC7D,MAAKC,YAAWhD,gBAAwB6C,WAAWH,SAAS,KAAK;aACxDf,KAAsBc,cAASf,OAA4B;AACpEC,UAAsBc,YAASf;AAC/B,UAAIzB,mCAAyB;AAC7B,SAAI,KAAKgD,gBAAiB,MAAKA,gBAAe/C,sCAAyB"}
+{"version":3,"file":"droppable.mjs","names":["GEA_CREATE_TEMPLATE","reactiveClassName","reactiveAttr","reactiveText","CompiledReactiveComponent","Component","dndManager","_tpl0_create","e","document","createElement","textContent","Droppable","_registered","_registerWithManager","el","querySelector","HTMLElement","registerDroppable","props","droppableId","created","queueMicrotask","onAfterRender","dispose","unregisterDroppable","d","root","el0","el1","marker2","firstChild","class","t2","children"],"sources":["../src/components/droppable.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { dndManager } from './dnd-manager'\n\nexport default class Droppable extends Component {\n  private _registered = false\n\n  _registerWithManager() {\n    const el = this.el?.querySelector('[data-droppable-id]') as HTMLElement\n    if (el && !this._registered) {\n      dndManager.registerDroppable(this.props.droppableId as string, el)\n      this._registered = true\n    }\n  }\n\n  created() {\n    queueMicrotask(() => this._registerWithManager())\n  }\n\n  onAfterRender() {\n    this._registerWithManager()\n  }\n\n  dispose() {\n    if (this._registered) {\n      dndManager.unregisterDroppable(this.props.droppableId as string)\n      this._registered = false\n    }\n    super.dispose()\n  }\n\n  template(props: any) {\n    return (\n      <div class={`gea-droppable ${props.class || ''}`} data-droppable-id={props.droppableId}>\n        {props.children}\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;;;AAGA,SAASO,eAAe;CACtB,MAAMC,IAAIC,SAASC,cAAc,MAAM;AACvCF,GAAEG,cAAc;AAChB,QAAOH;;AAET,IAAqBI,YAArB,cAAuCR,0BAA0B;;;qBACzC;;CACtBU,uBAAuB;EACrB,MAAMC,KAAK,KAAKA,IAAIC,cAAc,sBAAsB;AACxD,MAAID,MAAM,CAAC,KAAKF,aAAa;AAC3BP,cAAWY,kBAAkB,KAAKC,MAAMC,aAAuBL,GAAG;AAClE,QAAKF,cAAc;;;CAGvBQ,UAAU;AACRC,uBAAqB,KAAKR,sBAAsB,CAAC;;CAEnDS,gBAAgB;AACd,OAAKT,sBAAsB;;CAE7BU,UAAU;AACR,MAAI,KAAKX,aAAa;AACpBP,cAAWmB,oBAAoB,KAAKN,MAAMC,YAAsB;AAChE,QAAKP,cAAc;;AAErB,QAAMW,SAAS;;CAEjB,CAACxB,qBAAqB0B,GAAG;EACvB,MAAMC,OAAOpB,cAAc;EAC3B,MAAMqB,MAAMD;EACZ,MAAME,MAAMD;EACZ,MAAME,UAAUH,KAAKI;AACrB9B,oBAAkB2B,KAAKF,GAAG,YAAY,iBAAiB,KAAKP,MAAMa,SAAS,KAAK;AAChF9B,eAAa2B,KAAKH,GAAG,MAAM,2BAA2B,KAAKP,MAAMC,YAAY;AAE7EjB,eAAa8B,SAAIP,GAAG,YAAY,KAAKP,MAAMe,SAAS;AACpD,SAAOP"}

package/dist/file-upload.d.mts

@@ -8,7 +8,7 @@ declare class FileUpload extends ZagComponent {
   rejectedFiles: any[];
   createMachine(_props: any): any;
   getMachineProps(props: any): {
-    id: any;
+    id: string;
     accept: any;
     maxFiles: any;
     maxFileSize: any;
@@ -31,7 +31,7 @@ declare class FileUpload extends ZagComponent {
     '[data-part="clear-trigger"]': string;
   };
   syncState(api: any): void;
-  template(props: any): string;
+  template(props: any): any;
 }
 //#endregion
 export { FileUpload as default };