@jbpark/live-editor 4.4.0 → 4.6.0

package/dist/{ast-dYb78955.js → items-B6OXxcLG.js}

@@ -1,5 +1,5 @@
-import { C as require_lib, S as require_lib$1, _ as nanoid, b as unwrap, d as traverse, g as getJSXTagName, v as attrValue, w as __toESM, x as wrap, y as generateCode } from "./document-BDn_f08_.js";
-import { c as RESERVED_BINDING_PROPERTIES, n as CONFIG, r as DATA_ATTR, s as REGEX, t as BINDING_PROP } from "./constants-h1JAgOeW.js";
+import { C as require_lib, S as require_lib$1, _ as generateCode, b as getJSXTagName, d as traverse, g as attrValue, v as unwrap, w as __toESM, x as nanoid, y as wrap } from "./document-CGbe6bSV.js";
+import { c as RESERVED_BINDING_PROPERTIES, n as CONFIG, r as DATA_ATTR, s as REGEX, t as BINDING_PROP } from "./constants-DU17Tdwo.js";
 import { n as registerEditorCache } from "./editor-caches-ClMvdcQF.js";
 import { t as createBoundedCache } from "./cache-B0-XcIxJ.js";
 import { z } from "zod";
@@ -95,86 +95,6 @@ const parseValue = (value) => {
 	}
 	return value;
 };
-const MAX_FLATTEN_DEPTH = 20;
-const isEditablePrimitive = (value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean";
-const flattenEditableValue = (value) => {
-	const parsed = parseValue(value);
-	if (typeof parsed !== "object" || parsed === null || Object.keys(parsed).length === 0) return null;
-	const entries = [];
-	const walk = (node, path, depth) => {
-		if (depth > MAX_FLATTEN_DEPTH) return;
-		if (isEditablePrimitive(node)) {
-			entries.push({
-				path,
-				value: node
-			});
-			return;
-		}
-		if (Array.isArray(node)) {
-			node.forEach((item, index) => walk(item, [...path, index], depth + 1));
-			return;
-		}
-		if (typeof node === "object" && node !== null) Object.entries(node).forEach(([key, item]) => walk(item, [...path, key], depth + 1));
-	};
-	walk(parsed, [], 0);
-	return entries.length ? entries : null;
-};
-const findEditableLeaf = (root, path) => {
-	let node = unwrapExpression(root);
-	for (const segment of path) {
-		if (import_lib$1.isArrayExpression(node)) {
-			if (typeof segment !== "number") return null;
-			const elements = node.elements.slice(0, segment + 1);
-			const element = node.elements[segment];
-			if (!element || elements.some((item) => import_lib$1.isSpreadElement(item))) return null;
-			node = unwrapExpression(element);
-			continue;
-		}
-		if (import_lib$1.isObjectExpression(node)) {
-			const key = String(segment);
-			const matches = (property) => import_lib$1.isObjectProperty(property) && !property.computed && (import_lib$1.isIdentifier(property.key) && property.key.name === key || import_lib$1.isStringLiteral(property.key) && property.key.value === key || import_lib$1.isNumericLiteral(property.key) && String(property.key.value) === key);
-			let index = node.properties.length - 1;
-			while (index >= 0 && !matches(node.properties[index])) index--;
-			const property = node.properties[index];
-			if (!property || !import_lib$1.isObjectProperty(property) || node.properties.slice(index + 1).some((item) => import_lib$1.isSpreadElement(item))) return null;
-			node = unwrapExpression(property.value);
-			continue;
-		}
-		return null;
-	}
-	return node;
-};
-const isEditableLeaf = (node) => import_lib$1.isStringLiteral(node) || import_lib$1.isNumericLiteral(node) || import_lib$1.isBooleanLiteral(node) || import_lib$1.isUnaryExpression(node) && node.operator === "-" && import_lib$1.isNumericLiteral(node.argument) || import_lib$1.isTemplateLiteral(node) && node.expressions.length === 0 || import_lib$1.isJSXElement(node) || import_lib$1.isJSXFragment(node);
-const quoteString = (text, quote) => {
-	if (quote === "`") return `\`${text.replace(/[\\`]|\$\{/g, (match) => `\\${match}`)}\``;
-	const escaped = JSON.stringify(text).slice(1, -1);
-	return quote === "\"" ? `"${escaped}"` : `'${escaped.replace(/\\"/g, "\"").replace(/'/g, "\\'")}'`;
-};
-const isJSXSource = (text) => {
-	try {
-		const expression = (0, import_lib.parseExpression)(text, { plugins: ["jsx"] });
-		return import_lib$1.isJSXElement(expression) || import_lib$1.isJSXFragment(expression);
-	} catch {
-		return false;
-	}
-};
-const leafSource = (value, leaf, next) => {
-	if (typeof next !== "string") return String(next);
-	if ((import_lib$1.isJSXElement(leaf) || import_lib$1.isJSXFragment(leaf)) && isJSXSource(next)) return next.trim();
-	const quote = import_lib$1.isStringLiteral(leaf) || import_lib$1.isTemplateLiteral(leaf) ? value[leaf.start] : "'";
-	return quoteString(next, quote);
-};
-const setEditableValue = (value, path, next) => {
-	if (!path.length) return value;
-	let leaf;
-	try {
-		leaf = findEditableLeaf((0, import_lib.parseExpression)(value, { plugins: ["jsx", "typescript"] }), path);
-	} catch {
-		return value;
-	}
-	if (!leaf || !isEditableLeaf(leaf) || leaf.start == null || leaf.end == null) return value;
-	return `${value.slice(0, leaf.start)}${leafSource(value, leaf, next)}${value.slice(leaf.end)}`;
-};
 const extractNodeValue = (node) => {
 	if (import_lib$1.isBooleanLiteral(node)) return {
 		type: "boolean",
@@ -223,35 +143,6 @@ const extractNodeValue = (node) => {
 		value: null
 	};
 };
-const createNodeFromValue = (type, value) => {
-	switch (type) {
-		case "boolean": return import_lib$1.booleanLiteral(value === true);
-		case "number": return import_lib$1.numericLiteral(Number(value));
-		case "string": return import_lib$1.stringLiteral(String(value));
-		case "null": return import_lib$1.nullLiteral();
-		case "array":
-		case "object":
-		case "unknown": return null;
-		default: return null;
-	}
-};
-const valueToExpression = (value) => {
-	if (typeof value === "string") return import_lib$1.stringLiteral(value);
-	if (typeof value === "number") return value < 0 ? import_lib$1.unaryExpression("-", import_lib$1.numericLiteral(-value)) : import_lib$1.numericLiteral(value);
-	if (typeof value === "boolean") return import_lib$1.booleanLiteral(value);
-	if (value === null) return import_lib$1.nullLiteral();
-	if (Array.isArray(value)) return import_lib$1.arrayExpression(value.map((item) => valueToExpression(item) ?? import_lib$1.nullLiteral()));
-	if (typeof value === "object") {
-		const properties = [];
-		for (const [key, item] of Object.entries(value)) {
-			const expr = valueToExpression(item);
-			if (expr === null) continue;
-			properties.push(import_lib$1.objectProperty(import_lib$1.stringLiteral(key), expr));
-		}
-		return import_lib$1.objectExpression(properties);
-	}
-	return null;
-};
 const parseArrayExpression = (value) => {
 	try {
 		const ast = unwrapExpression((0, import_lib.parseExpression)(value, { plugins: ["jsx", "typescript"] }));
@@ -277,10 +168,6 @@ const extractObjectProperties = (element) => {
 	});
 	return properties;
 };
-const arrayExpressionToCode = (elements) => {
-	const nextAst = import_lib$1.arrayExpression(elements);
-	return generateCode(nextAst);
-};
 //#endregion
 //#region src/utils/ast/binding.ts
 const bindingTypeSchema = z.enum(BINDING_TYPES);
@@ -496,431 +383,100 @@ const findEditableChildren = (node) => {
 	return editableChildren;
 };
 //#endregion
-//#region src/utils/selection.ts
-const removeIndices = (items, indices) => {
-	return items.filter((_, index) => !indices.has(index));
+//#region src/utils/ast/extract.ts
+const collectText = (children) => {
+	return children.filter((c) => import_lib$1.isJSXText(c)).map((c) => c.value.trim()).filter((v) => v.length).join(" ");
 };
-/**
-* Shifts every selected index up/down by one step as a block, preserving
-* relative order — scattered selections stop moving individually once they
-* hit an unselected neighbor, so the whole group slides together instead of
-* items passing through each other.
-*/
-const moveSelectedIndices = (items, indices, direction) => {
-	const next = [...items];
-	const nextIndices = new Set(indices);
-	const ordered = [...indices].sort((a, b) => direction === "up" ? a - b : b - a);
-	for (const index of ordered) {
-		const target = direction === "up" ? index - 1 : index + 1;
-		if (target < 0 || target >= next.length || nextIndices.has(target)) continue;
-		[next[index], next[target]] = [next[target], next[index]];
-		nextIndices.delete(index);
-		nextIndices.add(target);
-	}
-	return {
-		items: next,
-		indices: nextIndices
-	};
+const parseJSXName = (tagName) => {
+	const parts = tagName.split(".");
+	if (parts.length === 1) return import_lib$1.jsxIdentifier(parts[0]);
+	let expr = import_lib$1.jsxIdentifier(parts[0]);
+	for (let i = 1; i < parts.length; i++) expr = import_lib$1.jsxMemberExpression(expr, import_lib$1.jsxIdentifier(parts[i]));
+	return expr;
 };
-//#endregion
-//#region src/utils/ast/patch.ts
-const hasOnlyLayoutNewlines = (content) => {
-	let index = 0;
-	while (index < content.length) {
-		const char = content[index];
-		if (char === "`" || char === "<") return false;
-		if (char === "\"" || char === "'") {
-			const next = skipStringLiteral(content, index);
-			if (next === -1) return false;
-			index = next;
-			continue;
-		}
-		if (char === "/") {
-			const following = content[index + 1];
-			if (following === "/") {
-				const lineEnd = content.indexOf("\n", index + 2);
-				index = lineEnd === -1 ? content.length : lineEnd;
-				continue;
-			}
-			if (following === "*") {
-				const commentEnd = content.indexOf("*/", index + 2);
-				if (commentEnd === -1) return false;
-				index = commentEnd + 2;
-				continue;
-			}
-			return false;
-		}
-		index++;
+const extractCache = createBoundedCache(CONFIG.CACHE_LIMIT);
+const NO_MAP = {};
+let optionExtractCaches = /* @__PURE__ */ new WeakMap();
+const cacheFor = ({ bindings, bindingKeys }) => {
+	if (!bindings && !bindingKeys) return extractCache;
+	let byKeys = optionExtractCaches.get(bindings ?? NO_MAP);
+	if (!byKeys) {
+		byKeys = /* @__PURE__ */ new WeakMap();
+		optionExtractCaches.set(bindings ?? NO_MAP, byKeys);
 	}
-	return true;
+	let cache = byKeys.get(bindingKeys ?? NO_MAP);
+	if (!cache) {
+		cache = createBoundedCache(CONFIG.CACHE_LIMIT);
+		byKeys.set(bindingKeys ?? NO_MAP, cache);
+	}
+	return cache;
 };
-const skipStringLiteral = (content, start) => {
-	const quote = content[start];
-	for (let index = start + 1; index < content.length; index++) {
-		const char = content[index];
-		if (char === "\\") {
-			const escaped = content[index + 1];
-			if (escaped === "\n" || escaped === "\r") return -1;
-			index++;
-			continue;
+const extractAttributes = (attributes, source) => {
+	const allAttrs = [];
+	const dataAttrs = [];
+	for (const attr of attributes) {
+		if (!import_lib$1.isJSXAttribute(attr) || !import_lib$1.isJSXIdentifier(attr.name)) continue;
+		const name = attr.name.name;
+		let value = null;
+		let isStringLiteral = false;
+		if (attr.value) {
+			if (import_lib$1.isStringLiteral(attr.value)) {
+				value = attr.value.value;
+				isStringLiteral = true;
+			} else if (import_lib$1.isJSXExpressionContainer(attr.value)) try {
+				const expression = attr.value.expression;
+				const structural = import_lib$1.isArrayExpression(unwrapExpression(expression)) || import_lib$1.isObjectExpression(unwrapExpression(expression));
+				value = source && structural && expression.start != null && expression.end != null ? source.slice(expression.start, expression.end) : generateCode(expression);
+				isStringLiteral = false;
+			} catch {
+				value = null;
+			}
 		}
-		if (char === quote) return index + 1;
-		if (char === "\n") return -1;
+		const entry = {
+			name,
+			value,
+			isStringLiteral
+		};
+		allAttrs.push(entry);
+		if (name.startsWith("data-")) dataAttrs.push(entry);
 	}
-	return -1;
-};
-const lineIndentAt = (source, offset) => {
-	const lineStart = source.lastIndexOf("\n", offset - 1) + 1;
-	return /^[ \t]*/.exec(source.slice(lineStart, offset))?.[0] ?? "";
-};
-const lineTerminatorOf = (source) => {
-	return source.includes("\r\n") ? "\r\n" : "\n";
+	return {
+		allAttrs,
+		dataAttrs
+	};
 };
-const applyEdits = (source, edits) => {
-	if (edits.length === 0) return source;
-	const ordered = [...edits].sort((a, b) => a.start - b.start || a.end - b.end);
-	for (const edit of ordered) if (!Number.isInteger(edit.start) || !Number.isInteger(edit.end) || edit.start < 0 || edit.end > source.length || edit.start > edit.end) throw new Error(`Invalid source edit [${edit.start}, ${edit.end}) for a source of length ${source.length}`);
-	for (let i = 1; i < ordered.length; i++) {
-		const previous = ordered[i - 1];
-		const current = ordered[i];
-		if (current.start < previous.end) throw new Error(`Overlapping source edits: [${previous.start}, ${previous.end}) and [${current.start}, ${current.end})`);
-	}
-	let result = "";
-	let cursor = 0;
-	const terminator = lineTerminatorOf(source);
-	for (const edit of ordered) {
-		const content = edit.indent && edit.content.includes("\n") && hasOnlyLayoutNewlines(edit.content) ? edit.content.replace(/\n/g, `${terminator}${lineIndentAt(source, edit.start)}`) : edit.content;
-		result += source.slice(cursor, edit.start) + content;
-		cursor = edit.end;
-	}
-	return result + source.slice(cursor);
+const buildChildElements = (node) => {
+	const childElements = [];
+	if (node.textContent) childElements.push(import_lib$1.jsxText(node.textContent));
+	node.children?.forEach((child) => {
+		const childJSX = nodeToJSX(child);
+		if (childJSX) childElements.push(childJSX);
+	});
+	return childElements;
 };
-//#endregion
-//#region src/utils/ast/array-source.ts
-const commaIn = (source, start, end) => {
-	let comma = null;
-	for (let at = start; at < end; at++) {
-		if (/\s/.test(source[at])) continue;
-		if (source.startsWith("/*", at)) {
-			const close = source.indexOf("*/", at + 2);
-			if (close < 0 || close + 2 > end) return null;
-			at = close + 1;
-		} else if (source.startsWith("//", at)) {
-			const newline = source.indexOf("\n", at + 2);
-			at = newline < 0 ? end : newline;
-		} else if (source[at] === "," && comma === null) comma = at;
-		else return null;
-	}
-	return comma;
-};
-const denseArraySource = (source) => {
-	const array = parseArrayExpression(source);
-	if (!array || array.elements.some((node) => !import_lib$1.isExpression(node) || node.extra?.parenthesized)) return null;
-	const elements = array.elements;
-	const commas = elements.slice(0, -1).map((node, index) => commaIn(source, node.end, elements[index + 1].start));
-	if (commas.some((comma) => comma === null)) return null;
-	const last = elements.at(-1);
-	return {
-		array,
-		elements,
-		commas,
-		trailing: last ? commaIn(source, last.end, array.end - 1) : null
-	};
-};
-const canStructurallyEditArray = (source) => denseArraySource(source) !== null;
-const validArrayIndices = (indices, length) => [...indices].every((index) => Number.isInteger(index) && index >= 0 && index < length);
-const reorderArraySource = (source, elements, next) => applyEdits(source, elements.map((node, index) => ({
-	start: node.start,
-	end: node.end,
-	content: source.slice(next[index].start, next[index].end)
-})));
-const removeArraySource = (source, data, indices) => {
-	const edits = [];
-	const removedCommas = /* @__PURE__ */ new Set();
-	const { elements, commas, trailing } = data;
-	for (let index = 0; index < elements.length; index++) {
-		if (!indices.has(index)) continue;
-		const start = index;
-		while (index + 1 < elements.length && indices.has(index + 1)) index++;
-		for (let current = start; current <= index; current++) {
-			const node = elements[current];
-			edits.push({
-				start: node.start,
-				end: node.end,
-				content: ""
-			});
-			if (current < elements.length - 1) removedCommas.add(commas[current]);
-		}
-		if (index === elements.length - 1) {
-			if (trailing !== null) removedCommas.add(trailing);
-			else if (start > 0) removedCommas.add(commas[start - 1]);
-		}
-	}
-	for (const comma of removedCommas) edits.push({
-		start: comma,
-		end: comma + 1,
-		content: ""
-	});
-	return applyEdits(source, edits);
-};
-const appendArraySource = (source, data, copies) => {
-	const last = data.elements.at(-1);
-	if (!last || copies.length === 0) return source;
-	return applyEdits(source, [{
-		start: last.end,
-		end: last.end,
-		content: `, ${copies.join(", ")}`
-	}]);
-};
-//#endregion
-//#region src/utils/ast/items.ts
-const elementsOf = (code) => parseArrayExpression(code)?.elements ?? null;
-const kindOf = (element) => import_lib$1.isObjectExpression(element) ? "object" : "primitive";
-const parseItems = (code) => {
-	return elementsOf(code)?.flatMap((node, index) => import_lib$1.isExpression(node) ? [{
-		index,
-		kind: kindOf(node),
-		node
-	}] : []) ?? null;
-};
-const resolveRenderLeaf = (render, key) => {
-	const leaf = render?.[key];
-	return leaf && "type" in leaf ? leaf : null;
-};
-const toTemplateRaw = (value) => {
-	return value.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/g, "\\${").replace(/\r/g, "\\r");
-};
-const buildPropertyValue = (value, declaredType, renderLeaf, current) => {
-	if (renderLeaf?.property === BINDING_PROP.INNER_HTML) {
-		const raw = String(value);
-		return import_lib$1.templateLiteral([import_lib$1.templateElement({
-			raw: toTemplateRaw(raw),
-			cooked: raw
-		}, true)], []);
-	}
-	if (renderLeaf?.type === "jsx" || import_lib$1.isJSXElement(current) || import_lib$1.isJSXFragment(current)) {
-		const trimmed = String(value).trim();
-		if (!trimmed.startsWith("<")) return import_lib$1.stringLiteral(trimmed);
-		try {
-			return (0, import_lib.parseExpression)(trimmed, { plugins: ["jsx", "typescript"] });
-		} catch {
-			return;
-		}
-	}
-	if (declaredType === "array" || declaredType === "object") {
-		if (typeof value === "string") try {
-			return (0, import_lib.parseExpression)(value, { plugins: ["jsx", "typescript"] });
-		} catch {
-			return;
-		}
-		if (!isLosslesslyEvaluable(current)) return;
-		return valueToExpression(value) ?? void 0;
-	}
-	return createNodeFromValue(declaredType, parseValue(value)) ?? void 0;
-};
-const updateArrayItemProperty = (code, index, key, value, render) => {
-	const elements = elementsOf(code);
-	const element = elements?.[index];
-	if (!elements || !import_lib$1.isObjectExpression(element)) return null;
-	const target = element.properties.find((property) => import_lib$1.isObjectProperty(property) && import_lib$1.isIdentifier(property.key) && property.key.name === key);
-	if (!target) return null;
-	const declaredType = extractObjectProperties(element)[key]?.type ?? "string";
-	const nextValue = buildPropertyValue(value, declaredType, resolveRenderLeaf(render, key), target.value);
-	if (!nextValue) return null;
-	let serialized = typeof value === "string" && (declaredType === "array" || declaredType === "object" || import_lib$1.isJSXElement(nextValue) || import_lib$1.isJSXFragment(nextValue)) ? value.trim() : generateCode(nextValue);
-	if (nextValue.trailingComments?.some((comment) => comment.type === "CommentLine")) serialized += "\n";
-	const content = target.shorthand ? `${key}: ${serialized}` : serialized;
-	return applyEdits(code, [{
-		start: target.value.start,
-		end: target.value.end,
-		content
-	}]);
-};
-const updateArrayItemValue = (code, index, value) => {
-	const elements = elementsOf(code);
-	const element = elements?.[index];
-	if (!elements || !import_lib$1.isExpression(element)) return null;
-	const nextValue = createNodeFromValue(extractNodeValue(element).type, parseValue(value));
-	if (!nextValue) return null;
-	return applyEdits(code, [{
-		start: element.start,
-		end: element.end,
-		content: generateCode(nextValue)
-	}]);
-};
-const moveArrayItem = (code, from, to) => {
-	const data = denseArraySource(code);
-	if (!data || !validArrayIndices([from], data.elements.length) || !Number.isInteger(to)) return null;
-	const next = [...data.elements];
-	const [moved] = next.splice(from, 1);
-	next.splice(to, 0, moved);
-	return reorderArraySource(code, data.elements, next);
-};
-const moveArrayItems = (code, indices, direction) => {
-	const data = denseArraySource(code);
-	if (!data || !validArrayIndices(indices, data.elements.length) || !["up", "down"].includes(direction)) return null;
-	const next = moveSelectedIndices(data.elements, indices, direction);
-	return {
-		code: reorderArraySource(code, data.elements, next.items),
-		indices: next.indices
-	};
-};
-const removeArrayItems = (code, indices, kind) => {
-	const data = denseArraySource(code);
-	if (!data || !validArrayIndices(indices, data.elements.length)) return null;
-	const remaining = removeIndices(data.elements, indices);
-	if (!(kind === void 0 ? remaining : remaining.filter((node) => kindOf(node) === kind)).length) return null;
-	return removeArraySource(code, data, indices);
-};
-const copyItem = (code, element, generateId, usedIds) => {
-	const edits = [];
-	let unsupported = false;
-	const reserveId = (id) => {
-		if (usedIds.has(id)) unsupported = true;
-		usedIds.add(id);
-		return JSON.stringify(id);
-	};
-	import_lib$1.traverseFast(element, (node) => {
-		if (!import_lib$1.isJSXOpeningElement(node)) return;
-		const ids = node.attributes.filter((attr) => import_lib$1.isJSXAttribute(attr) && import_lib$1.isJSXIdentifier(attr.name, { name: "data-id" }));
-		const attr = ids[0];
-		if (ids.length > 1 || attr && (!import_lib$1.isStringLiteral(attr.value) || node.attributes.slice(node.attributes.indexOf(attr) + 1).some((a) => import_lib$1.isJSXSpreadAttribute(a)))) {
-			unsupported = true;
-			return;
-		}
-		if (attr && import_lib$1.isStringLiteral(attr.value)) edits.push({
-			start: attr.value.start,
-			end: attr.value.end,
-			content: reserveId(generateId())
-		});
-	});
-	if (import_lib$1.isObjectExpression(element)) {
-		const keys = element.properties.filter((prop) => import_lib$1.isObjectProperty(prop) && !prop.computed && (import_lib$1.isIdentifier(prop.key, { name: "key" }) || import_lib$1.isStringLiteral(prop.key, { value: "key" })));
-		const key = keys[0];
-		if (keys.length > 1 || key && (!import_lib$1.isStringLiteral(key.value) || element.properties.slice(element.properties.indexOf(key) + 1).some((prop) => import_lib$1.isSpreadElement(prop) || "computed" in prop && prop.computed))) return null;
-		if (key && import_lib$1.isStringLiteral(key.value)) edits.push({
-			start: key.value.start,
-			end: key.value.end,
-			content: reserveId(`${key.value.value}-${generateId()}`)
-		});
-	}
-	if (unsupported) return null;
-	return applyEdits(code.slice(element.start, element.end), edits.map((edit) => ({
-		...edit,
-		start: edit.start - element.start,
-		end: edit.end - element.start
-	})));
-};
-const duplicateArrayItems = (code, indices, generateId = () => nanoid(6)) => {
-	const data = denseArraySource(code);
-	if (!data || !indices.size || !validArrayIndices(indices, data.elements.length)) return null;
-	const usedIds = /* @__PURE__ */ new Set();
-	import_lib$1.traverseFast(data.array, (node) => {
-		if (import_lib$1.isJSXAttribute(node) && import_lib$1.isJSXIdentifier(node.name, { name: "data-id" }) && import_lib$1.isStringLiteral(node.value)) usedIds.add(node.value.value);
-		else if (import_lib$1.isObjectProperty(node) && !node.computed && (import_lib$1.isIdentifier(node.key, { name: "key" }) || import_lib$1.isStringLiteral(node.key, { value: "key" })) && import_lib$1.isStringLiteral(node.value)) usedIds.add(node.value.value);
-	});
-	const copies = [...indices].sort((a, b) => a - b).map((index) => copyItem(code, data.elements[index], generateId, usedIds));
-	return copies.every((copy) => copy !== null) ? appendArraySource(code, data, copies) : null;
-};
-const appendArrayItem = (code, kind, generateId = () => nanoid(6)) => {
-	const index = denseArraySource(code)?.elements.findIndex((node) => kindOf(node) === kind) ?? -1;
-	return index < 0 ? null : duplicateArrayItems(code, /* @__PURE__ */ new Set([index]), generateId);
-};
-//#endregion
-//#region src/utils/ast/extract.ts
-const collectText = (children) => {
-	return children.filter((c) => import_lib$1.isJSXText(c)).map((c) => c.value.trim()).filter((v) => v.length).join(" ");
-};
-const parseJSXName = (tagName) => {
-	const parts = tagName.split(".");
-	if (parts.length === 1) return import_lib$1.jsxIdentifier(parts[0]);
-	let expr = import_lib$1.jsxIdentifier(parts[0]);
-	for (let i = 1; i < parts.length; i++) expr = import_lib$1.jsxMemberExpression(expr, import_lib$1.jsxIdentifier(parts[i]));
-	return expr;
-};
-const extractCache = createBoundedCache(CONFIG.CACHE_LIMIT);
-const NO_MAP = {};
-let optionExtractCaches = /* @__PURE__ */ new WeakMap();
-const cacheFor = ({ bindings, bindingKeys }) => {
-	if (!bindings && !bindingKeys) return extractCache;
-	let byKeys = optionExtractCaches.get(bindings ?? NO_MAP);
-	if (!byKeys) {
-		byKeys = /* @__PURE__ */ new WeakMap();
-		optionExtractCaches.set(bindings ?? NO_MAP, byKeys);
-	}
-	let cache = byKeys.get(bindingKeys ?? NO_MAP);
-	if (!cache) {
-		cache = createBoundedCache(CONFIG.CACHE_LIMIT);
-		byKeys.set(bindingKeys ?? NO_MAP, cache);
-	}
-	return cache;
-};
-const extractAttributes = (attributes, source) => {
-	const allAttrs = [];
-	const dataAttrs = [];
-	for (const attr of attributes) {
-		if (!import_lib$1.isJSXAttribute(attr) || !import_lib$1.isJSXIdentifier(attr.name)) continue;
-		const name = attr.name.name;
-		let value = null;
-		let isStringLiteral = false;
-		if (attr.value) {
-			if (import_lib$1.isStringLiteral(attr.value)) {
-				value = attr.value.value;
-				isStringLiteral = true;
-			} else if (import_lib$1.isJSXExpressionContainer(attr.value)) try {
-				const expression = attr.value.expression;
-				const structural = import_lib$1.isArrayExpression(unwrapExpression(expression)) || import_lib$1.isObjectExpression(unwrapExpression(expression));
-				value = source && structural && expression.start != null && expression.end != null ? source.slice(expression.start, expression.end) : generateCode(expression);
-				isStringLiteral = false;
-			} catch {
-				value = null;
-			}
-		}
-		const entry = {
-			name,
-			value,
-			isStringLiteral
-		};
-		allAttrs.push(entry);
-		if (name.startsWith("data-")) dataAttrs.push(entry);
-	}
-	return {
-		allAttrs,
-		dataAttrs
-	};
-};
-const buildChildElements = (node) => {
-	const childElements = [];
-	if (node.textContent) childElements.push(import_lib$1.jsxText(node.textContent));
-	node.children?.forEach((child) => {
-		const childJSX = nodeToJSX(child);
-		if (childJSX) childElements.push(childJSX);
-	});
-	return childElements;
-};
-const nodeToJSX = (node) => {
-	try {
-		if (node.isFragment) {
-			const childElements = buildChildElements(node);
-			return import_lib$1.jsxFragment(import_lib$1.jsxOpeningFragment(), import_lib$1.jsxClosingFragment(), childElements);
-		}
-		if (node.tagName === "div" && node.dataAttributes.some((attr) => attr.name === "data-item")) {
-			if (node.children) return nodeToJSX(node.children[0]);
-			return null;
-		}
-		const attributes = node.attributes.map((attr) => {
-			const attrName = import_lib$1.jsxIdentifier(attr.name);
-			if (!attr.value) return import_lib$1.jsxAttribute(attrName, null);
-			return import_lib$1.jsxAttribute(attrName, attrValue(attr));
-		});
-		const elementName = parseJSXName(node.tagName);
-		const openingElement = import_lib$1.jsxOpeningElement(elementName, attributes);
-		const closingElement = import_lib$1.jsxClosingElement(elementName);
-		const children = buildChildElements(node);
-		return import_lib$1.jsxElement(openingElement, closingElement, children, false);
-	} catch (error) {
-		console.error("❌ DataAttrNode to JSX conversion error:", error);
-		return null;
+const nodeToJSX = (node) => {
+	try {
+		if (node.isFragment) {
+			const childElements = buildChildElements(node);
+			return import_lib$1.jsxFragment(import_lib$1.jsxOpeningFragment(), import_lib$1.jsxClosingFragment(), childElements);
+		}
+		if (node.tagName === "div" && node.dataAttributes.some((attr) => attr.name === "data-item")) {
+			if (node.children) return nodeToJSX(node.children[0]);
+			return null;
+		}
+		const attributes = node.attributes.map((attr) => {
+			const attrName = import_lib$1.jsxIdentifier(attr.name);
+			if (!attr.value) return import_lib$1.jsxAttribute(attrName, null);
+			return import_lib$1.jsxAttribute(attrName, attrValue(attr));
+		});
+		const elementName = parseJSXName(node.tagName);
+		const openingElement = import_lib$1.jsxOpeningElement(elementName, attributes);
+		const closingElement = import_lib$1.jsxClosingElement(elementName);
+		const children = buildChildElements(node);
+		return import_lib$1.jsxElement(openingElement, closingElement, children, false);
+	} catch (error) {
+		console.error("❌ DataAttrNode to JSX conversion error:", error);
+		return null;
 	}
 };
 const createWrapperNode = (textContent, children) => ({
@@ -1092,6 +648,106 @@ function clearExtractCache() {
 }
 registerEditorCache(clearExtractCache);
 //#endregion
+//#region src/utils/selection.ts
+const removeIndices = (items, indices) => {
+	return items.filter((_, index) => !indices.has(index));
+};
+/**
+* Shifts every selected index up/down by one step as a block, preserving
+* relative order — scattered selections stop moving individually once they
+* hit an unselected neighbor, so the whole group slides together instead of
+* items passing through each other.
+*/
+const moveSelectedIndices = (items, indices, direction) => {
+	const next = [...items];
+	const nextIndices = new Set(indices);
+	const ordered = [...indices].sort((a, b) => direction === "up" ? a - b : b - a);
+	for (const index of ordered) {
+		const target = direction === "up" ? index - 1 : index + 1;
+		if (target < 0 || target >= next.length || nextIndices.has(target)) continue;
+		[next[index], next[target]] = [next[target], next[index]];
+		nextIndices.delete(index);
+		nextIndices.add(target);
+	}
+	return {
+		items: next,
+		indices: nextIndices
+	};
+};
+//#endregion
+//#region src/utils/ast/patch.ts
+const hasOnlyLayoutNewlines = (content) => {
+	let index = 0;
+	while (index < content.length) {
+		const char = content[index];
+		if (char === "`" || char === "<") return false;
+		if (char === "\"" || char === "'") {
+			const next = skipStringLiteral(content, index);
+			if (next === -1) return false;
+			index = next;
+			continue;
+		}
+		if (char === "/") {
+			const following = content[index + 1];
+			if (following === "/") {
+				const lineEnd = content.indexOf("\n", index + 2);
+				index = lineEnd === -1 ? content.length : lineEnd;
+				continue;
+			}
+			if (following === "*") {
+				const commentEnd = content.indexOf("*/", index + 2);
+				if (commentEnd === -1) return false;
+				index = commentEnd + 2;
+				continue;
+			}
+			return false;
+		}
+		index++;
+	}
+	return true;
+};
+const skipStringLiteral = (content, start) => {
+	const quote = content[start];
+	for (let index = start + 1; index < content.length; index++) {
+		const char = content[index];
+		if (char === "\\") {
+			const escaped = content[index + 1];
+			if (escaped === "\n" || escaped === "\r") return -1;
+			index++;
+			continue;
+		}
+		if (char === quote) return index + 1;
+		if (char === "\n") return -1;
+	}
+	return -1;
+};
+const lineIndentAt = (source, offset) => {
+	const lineStart = source.lastIndexOf("\n", offset - 1) + 1;
+	return /^[ \t]*/.exec(source.slice(lineStart, offset))?.[0] ?? "";
+};
+const lineTerminatorOf = (source) => {
+	return source.includes("\r\n") ? "\r\n" : "\n";
+};
+const applyEdits = (source, edits) => {
+	if (edits.length === 0) return source;
+	const ordered = [...edits].sort((a, b) => a.start - b.start || a.end - b.end);
+	for (const edit of ordered) if (!Number.isInteger(edit.start) || !Number.isInteger(edit.end) || edit.start < 0 || edit.end > source.length || edit.start > edit.end) throw new Error(`Invalid source edit [${edit.start}, ${edit.end}) for a source of length ${source.length}`);
+	for (let i = 1; i < ordered.length; i++) {
+		const previous = ordered[i - 1];
+		const current = ordered[i];
+		if (current.start < previous.end) throw new Error(`Overlapping source edits: [${previous.start}, ${previous.end}) and [${current.start}, ${current.end})`);
+	}
+	let result = "";
+	let cursor = 0;
+	const terminator = lineTerminatorOf(source);
+	for (const edit of ordered) {
+		const content = edit.indent && edit.content.includes("\n") && hasOnlyLayoutNewlines(edit.content) ? edit.content.replace(/\n/g, `${terminator}${lineIndentAt(source, edit.start)}`) : edit.content;
+		result += source.slice(cursor, edit.start) + content;
+		cursor = edit.end;
+	}
+	return result + source.slice(cursor);
+};
+//#endregion
 //#region src/utils/ast/children.ts
 const modeledSignatures = (nodes) => nodes.map((node) => {
 	const jsx = nodeToJSX(node);
@@ -1238,7 +894,42 @@ const editChildrenSource = (source, parent, input, options) => {
 	}
 };
 //#endregion
-//#region src/utils/ast/update.ts
+//#region src/utils/ast/value-expression.ts
+const createNodeFromValue = (type, value) => {
+	switch (type) {
+		case "boolean": return import_lib$1.booleanLiteral(value === true);
+		case "number": return import_lib$1.numericLiteral(Number(value));
+		case "string": return import_lib$1.stringLiteral(String(value));
+		case "null": return import_lib$1.nullLiteral();
+		case "array":
+		case "object":
+		case "unknown": return null;
+		default: return null;
+	}
+};
+const valueToExpression = (value) => {
+	if (typeof value === "string") return import_lib$1.stringLiteral(value);
+	if (typeof value === "number") return value < 0 ? import_lib$1.unaryExpression("-", import_lib$1.numericLiteral(-value)) : import_lib$1.numericLiteral(value);
+	if (typeof value === "boolean") return import_lib$1.booleanLiteral(value);
+	if (value === null) return import_lib$1.nullLiteral();
+	if (Array.isArray(value)) return import_lib$1.arrayExpression(value.map((item) => valueToExpression(item) ?? import_lib$1.nullLiteral()));
+	if (typeof value === "object") {
+		const properties = [];
+		for (const [key, item] of Object.entries(value)) {
+			const expr = valueToExpression(item);
+			if (expr === null) continue;
+			properties.push(import_lib$1.objectProperty(import_lib$1.stringLiteral(key), expr));
+		}
+		return import_lib$1.objectExpression(properties);
+	}
+	return null;
+};
+const arrayExpressionToCode = (elements) => {
+	const nextAst = import_lib$1.arrayExpression(elements);
+	return generateCode(nextAst);
+};
+//#endregion
+//#region src/utils/ast/edit-source.ts
 const childrenRange = (element) => {
 	const { openingElement, closingElement } = element;
 	if (!closingElement || openingElement.end == null || closingElement.start == null) return null;
@@ -1413,11 +1104,143 @@ const addAttribute = (source, opening, propertyName, value, type) => {
 		indent: true
 	}];
 };
-const canEditAttributeValue = (attribute, value, type) => {
-	if (!import_lib$1.isJSXExpressionContainer(attribute.value) || import_lib$1.isJSXEmptyExpression(attribute.value.expression) || isLosslesslyEvaluable(attribute.value.expression)) return true;
-	return typeof value === "string" && holdsStructuralExpression(attribute.value) && !(type && STRING_VALUED_TYPES.has(type)) && structuralSource(value) !== null;
+const canEditAttributeValue = (attribute, value, type) => {
+	if (!import_lib$1.isJSXExpressionContainer(attribute.value) || import_lib$1.isJSXEmptyExpression(attribute.value.expression) || isLosslesslyEvaluable(attribute.value.expression)) return true;
+	return typeof value === "string" && holdsStructuralExpression(attribute.value) && !(type && STRING_VALUED_TYPES.has(type)) && structuralSource(value) !== null;
+};
+//#endregion
+//#region src/utils/ast/update.ts
+const hasDataId = (opening, dataId) => opening.attributes.some((attr) => import_lib$1.isJSXAttribute(attr) && import_lib$1.isJSXIdentifier(attr.name) && attr.name.name === DATA_ATTR.ID && attr.value && import_lib$1.isStringLiteral(attr.value) && attr.value.value === dataId);
+const findJSXAttribute = (opening, name) => opening.attributes.find((attr) => import_lib$1.isJSXAttribute(attr) && import_lib$1.isJSXIdentifier(attr.name) && attr.name.name === name);
+const findBinding = (opening, { dataId, label, property, options }) => {
+	const bindingAttr = findJSXAttribute(opening, DATA_ATTR.BINDING);
+	if (bindingAttr && !bindingAttr.value) return { failure: {
+		reason: "no-binding",
+		dataId
+	} };
+	let own;
+	if (bindingAttr?.value) {
+		let bindingValue = "";
+		if (import_lib$1.isStringLiteral(bindingAttr.value)) bindingValue = bindingAttr.value.value;
+		else if (import_lib$1.isJSXExpressionContainer(bindingAttr.value)) try {
+			bindingValue = generateCode(bindingAttr.value.expression);
+		} catch (error) {
+			return { failure: {
+				reason: "parse-error",
+				error
+			} };
+		}
+		own = parseBinding(bindingValue);
+	}
+	const keyAttr = findJSXAttribute(opening, DATA_ATTR.BINDING_KEY);
+	const bindings = resolveBindings(own, keyAttr && (keyAttr.value && import_lib$1.isStringLiteral(keyAttr.value) ? keyAttr.value.value : null), getJSXTagName(opening), options);
+	if (!own && bindings.length === 0) return { failure: {
+		reason: "no-binding",
+		dataId
+	} };
+	const matches = bindings.filter((binding) => property !== void 0 ? binding.property === property : binding.label === label);
+	if (matches.length === 0) return { failure: {
+		reason: "binding-not-declared",
+		dataId,
+		label,
+		property
+	} };
+	if (matches.length > 1) return { failure: {
+		reason: "duplicate-binding",
+		dataId,
+		label,
+		property,
+		count: matches.length
+	} };
+	return { binding: matches[0] };
+};
+const checkEdit = (binding, { dataId, value }) => {
+	const property = binding.property;
+	if (RESERVED_BINDING_PROPERTIES.includes(property)) return {
+		reason: "reserved-property",
+		dataId,
+		property
+	};
+	if (value === void 0 && binding.required) return {
+		reason: "required-property",
+		dataId,
+		property
+	};
+};
+const toElementEdit = (result, onNull) => result ? { edits: result } : { failure: onNull() };
+const editProperty = (source, element, binding, { dataId, value, options }) => {
+	const opening = element.openingElement;
+	const prop = binding.property;
+	const unset = value === void 0;
+	const couldNotUpdate = () => ({
+		reason: "parse-error",
+		error: /* @__PURE__ */ new Error(`could not update "${prop}"`)
+	});
+	const contentWithoutSlot = !unset && String(value) !== "" && !childrenRange(element);
+	switch (prop) {
+		case BINDING_PROP.INNER_TEXT:
+			if (contentWithoutSlot) return { failure: {
+				reason: "self-closing",
+				dataId,
+				property: prop
+			} };
+			return toElementEdit(editInnerText(source, element, unset ? "" : String(value)), couldNotUpdate);
+		case BINDING_PROP.INNER_HTML:
+			if (contentWithoutSlot && binding.type !== "richtext") return { failure: {
+				reason: "self-closing",
+				dataId,
+				property: prop
+			} };
+			return toElementEdit(binding.type === "richtext" ? editRichtext(element, unset ? "" : String(value)) : editInnerHTML(element, unset ? "" : String(value)), couldNotUpdate);
+		case BINDING_PROP.CHILDREN:
+			if (unset) return { failure: {
+				reason: "unsupported-syntax",
+				dataId,
+				property: prop
+			} };
+			return toElementEdit(editChildrenSource(source, element, value, options), () => ({
+				reason: "parse-error",
+				error: /* @__PURE__ */ new Error("Unsupported or stale children edit; source was preserved")
+			}));
+		default: {
+			const attribute = findAttribute(opening, prop);
+			if (unset) return toElementEdit(attribute ? removeAttribute(source, attribute) : [], () => ({
+				reason: "parse-error",
+				error: /* @__PURE__ */ new Error(`could not remove "${prop}"`)
+			}));
+			if (!attribute) return toElementEdit(value === "" ? [] : addAttribute(source, opening, prop, value, binding.type), () => ({
+				reason: "attribute-not-found",
+				dataId,
+				property: prop
+			}));
+			if (binding.type !== "jsx" && !canEditAttributeValue(attribute, value, binding.type)) return { failure: {
+				reason: "unsupported-syntax",
+				dataId,
+				property: prop
+			} };
+			return toElementEdit(binding.type === "jsx" ? editJsxAttribute(opening, prop, value) : editAttribute(opening, prop, value, binding.type), () => ({
+				reason: "attribute-not-found",
+				dataId,
+				property: prop
+			}));
+		}
+	}
+};
+const editElement = (source, element, request) => {
+	const found = findBinding(element.openingElement, request);
+	if ("failure" in found) return found;
+	const refused = checkEdit(found.binding, request);
+	if (refused) return { failure: refused };
+	return editProperty(source, element, found.binding, request);
 };
 const update = (code, dataId, label, value, property, options = {}) => {
+	const request = {
+		dataId,
+		label,
+		value,
+		property,
+		options
+	};
 	try {
 		const wrapped = wrap(code);
 		const ast = (0, import_lib.parse)(wrapped, {
@@ -1427,150 +1250,15 @@ const update = (code, dataId, label, value, property, options = {}) => {
 		let changed = false;
 		let failure;
 		const edits = [];
-		const collect = (result, onNull) => {
-			if (!result) {
-				failure = onNull();
-				return;
-			}
-			edits.push(...result);
-			changed = true;
-		};
 		traverse(ast, { JSXElement(path) {
-			const opening = path.node.openingElement;
-			if (!opening.attributes.find((attr) => {
-				return import_lib$1.isJSXAttribute(attr) && import_lib$1.isJSXIdentifier(attr.name) && attr.name.name === DATA_ATTR.ID && attr.value && import_lib$1.isStringLiteral(attr.value) && attr.value.value === dataId;
-			})) return;
-			const bindingAttr = opening.attributes.find((attr) => import_lib$1.isJSXAttribute(attr) && import_lib$1.isJSXIdentifier(attr.name) && attr.name.name === DATA_ATTR.BINDING);
-			if (bindingAttr && !bindingAttr.value) {
-				failure = {
-					reason: "no-binding",
-					dataId
-				};
-				return;
-			}
-			let own;
-			if (bindingAttr?.value) {
-				let bindingValue = "";
-				if (import_lib$1.isStringLiteral(bindingAttr.value)) bindingValue = bindingAttr.value.value;
-				else if (import_lib$1.isJSXExpressionContainer(bindingAttr.value)) try {
-					bindingValue = generateCode(bindingAttr.value.expression);
-				} catch (error) {
-					failure = {
-						reason: "parse-error",
-						error
-					};
-					return;
-				}
-				own = parseBinding(bindingValue);
-			}
-			const keyAttr = opening.attributes.find((attr) => import_lib$1.isJSXAttribute(attr) && import_lib$1.isJSXIdentifier(attr.name) && attr.name.name === DATA_ATTR.BINDING_KEY);
-			const bindings = resolveBindings(own, keyAttr && (keyAttr.value && import_lib$1.isStringLiteral(keyAttr.value) ? keyAttr.value.value : null), getJSXTagName(opening), options);
-			if (!own && bindings.length === 0) {
-				failure = {
-					reason: "no-binding",
-					dataId
-				};
-				return;
-			}
-			const matches = bindings.filter((binding) => property !== void 0 ? binding.property === property : binding.label === label);
-			if (matches.length === 0) {
-				failure = {
-					reason: "binding-not-declared",
-					dataId,
-					label,
-					property
-				};
-				return;
-			}
-			if (matches.length > 1) {
-				failure = {
-					reason: "duplicate-binding",
-					dataId,
-					label,
-					property,
-					count: matches.length
-				};
+			if (!hasDataId(path.node.openingElement, dataId)) return;
+			const result = editElement(wrapped, path.node, request);
+			if ("failure" in result) {
+				failure = result.failure;
 				return;
 			}
-			const propertyBinding = matches[0];
-			const prop = propertyBinding.property;
-			if (RESERVED_BINDING_PROPERTIES.includes(prop)) {
-				failure = {
-					reason: "reserved-property",
-					dataId,
-					property: prop
-				};
-				return;
-			}
-			const unset = value === void 0;
-			if (unset && propertyBinding.required) {
-				failure = {
-					reason: "required-property",
-					dataId,
-					property: prop
-				};
-				return;
-			}
-			switch (prop) {
-				case BINDING_PROP.INNER_TEXT:
-					collect(editInnerText(wrapped, path.node, unset ? "" : String(value)), () => ({
-						reason: "parse-error",
-						error: /* @__PURE__ */ new Error(`could not update "${prop}"`)
-					}));
-					break;
-				case BINDING_PROP.INNER_HTML:
-					collect(propertyBinding.type === "richtext" ? editRichtext(path.node, unset ? "" : String(value)) : editInnerHTML(path.node, unset ? "" : String(value)), () => ({
-						reason: "parse-error",
-						error: /* @__PURE__ */ new Error(`could not update "${prop}"`)
-					}));
-					break;
-				case BINDING_PROP.CHILDREN:
-					if (unset) {
-						failure = {
-							reason: "unsupported-syntax",
-							dataId,
-							property: prop
-						};
-						break;
-					}
-					collect(editChildrenSource(wrapped, path.node, value, options), () => ({
-						reason: "parse-error",
-						error: /* @__PURE__ */ new Error("Unsupported or stale children edit; source was preserved")
-					}));
-					break;
-				default: {
-					const attribute = findAttribute(opening, prop);
-					if (unset) {
-						collect(attribute ? removeAttribute(wrapped, attribute) : [], () => ({
-							reason: "parse-error",
-							error: /* @__PURE__ */ new Error(`could not remove "${prop}"`)
-						}));
-						break;
-					}
-					if (!attribute) {
-						collect(value === "" ? [] : addAttribute(wrapped, opening, prop, value, propertyBinding.type), () => ({
-							reason: "attribute-not-found",
-							dataId,
-							property: prop
-						}));
-						break;
-					}
-					if (attribute && propertyBinding.type !== "jsx" && !canEditAttributeValue(attribute, value, propertyBinding.type)) {
-						failure = {
-							reason: "unsupported-syntax",
-							dataId,
-							property: prop
-						};
-						break;
-					}
-					collect(propertyBinding.type === "jsx" ? editJsxAttribute(opening, prop, value) : editAttribute(opening, prop, value, propertyBinding.type), () => ({
-						reason: "attribute-not-found",
-						dataId,
-						property: prop
-					}));
-					break;
-				}
-			}
+			edits.push(...result.edits);
+			changed = true;
 		} });
 		if (!changed) return {
 			code,
@@ -1639,55 +1327,237 @@ const bulkUpdate = (raw, entries) => {
 	};
 };
 //#endregion
-//#region src/utils/ast/validate.ts
-const VALID = { valid: true };
-const validateBindingValue = (binding, value) => {
-	if (value === "" || value === null || value === void 0) {
-		if (binding.required) return {
-			valid: false,
-			message: "This field is required."
-		};
-		return VALID;
+//#region src/utils/ast/array-source.ts
+const commaIn = (source, start, end) => {
+	let comma = null;
+	for (let at = start; at < end; at++) {
+		if (/\s/.test(source[at])) continue;
+		if (source.startsWith("/*", at)) {
+			const close = source.indexOf("*/", at + 2);
+			if (close < 0 || close + 2 > end) return null;
+			at = close + 1;
+		} else if (source.startsWith("//", at)) {
+			const newline = source.indexOf("\n", at + 2);
+			at = newline < 0 ? end : newline;
+		} else if (source[at] === "," && comma === null) comma = at;
+		else return null;
 	}
-	if (typeof value === "number") {
-		if (binding.min !== void 0 && value < binding.min) return {
-			valid: false,
-			message: `Must be at least ${binding.min}.`
-		};
-		if (binding.max !== void 0 && value > binding.max) return {
-			valid: false,
-			message: `Must be at most ${binding.max}.`
-		};
+	return comma;
+};
+const denseArraySource = (source) => {
+	const array = parseArrayExpression(source);
+	if (!array || array.elements.some((node) => !import_lib$1.isExpression(node) || node.extra?.parenthesized)) return null;
+	const elements = array.elements;
+	const commas = elements.slice(0, -1).map((node, index) => commaIn(source, node.end, elements[index + 1].start));
+	if (commas.some((comma) => comma === null)) return null;
+	const last = elements.at(-1);
+	return {
+		array,
+		elements,
+		commas,
+		trailing: last ? commaIn(source, last.end, array.end - 1) : null
+	};
+};
+const canStructurallyEditArray = (source) => denseArraySource(source) !== null;
+const validArrayIndices = (indices, length) => [...indices].every((index) => Number.isInteger(index) && index >= 0 && index < length);
+const reorderArraySource = (source, elements, next) => applyEdits(source, elements.map((node, index) => ({
+	start: node.start,
+	end: node.end,
+	content: source.slice(next[index].start, next[index].end)
+})));
+const removeArraySource = (source, data, indices) => {
+	const edits = [];
+	const removedCommas = /* @__PURE__ */ new Set();
+	const { elements, commas, trailing } = data;
+	for (let index = 0; index < elements.length; index++) {
+		if (!indices.has(index)) continue;
+		const start = index;
+		while (index + 1 < elements.length && indices.has(index + 1)) index++;
+		for (let current = start; current <= index; current++) {
+			const node = elements[current];
+			edits.push({
+				start: node.start,
+				end: node.end,
+				content: ""
+			});
+			if (current < elements.length - 1) removedCommas.add(commas[current]);
+		}
+		if (index === elements.length - 1) {
+			if (trailing !== null) removedCommas.add(trailing);
+			else if (start > 0) removedCommas.add(commas[start - 1]);
+		}
+	}
+	for (const comma of removedCommas) edits.push({
+		start: comma,
+		end: comma + 1,
+		content: ""
+	});
+	return applyEdits(source, edits);
+};
+const appendArraySource = (source, data, copies) => {
+	const last = data.elements.at(-1);
+	if (!last || copies.length === 0) return source;
+	return applyEdits(source, [{
+		start: last.end,
+		end: last.end,
+		content: `, ${copies.join(", ")}`
+	}]);
+};
+//#endregion
+//#region src/utils/ast/items.ts
+const elementsOf = (code) => parseArrayExpression(code)?.elements ?? null;
+const kindOf = (element) => import_lib$1.isObjectExpression(element) ? "object" : "primitive";
+const parseItems = (code) => {
+	return elementsOf(code)?.flatMap((node, index) => import_lib$1.isExpression(node) ? [{
+		index,
+		kind: kindOf(node),
+		node
+	}] : []) ?? null;
+};
+const resolveRenderLeaf = (render, key) => {
+	const leaf = render?.[key];
+	return leaf && "type" in leaf ? leaf : null;
+};
+const toTemplateRaw = (value) => {
+	return value.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/g, "\\${").replace(/\r/g, "\\r");
+};
+const buildPropertyValue = (value, declaredType, renderLeaf, current) => {
+	if (renderLeaf?.property === BINDING_PROP.INNER_HTML) {
+		const raw = String(value);
+		return import_lib$1.templateLiteral([import_lib$1.templateElement({
+			raw: toTemplateRaw(raw),
+			cooked: raw
+		}, true)], []);
 	}
-	if (typeof value === "string" && binding.pattern) {
-		let regex;
+	if (renderLeaf?.type === "jsx" || import_lib$1.isJSXElement(current) || import_lib$1.isJSXFragment(current)) {
+		const trimmed = String(value).trim();
+		if (!trimmed.startsWith("<")) return import_lib$1.stringLiteral(trimmed);
 		try {
-			regex = new RegExp(binding.pattern);
+			return (0, import_lib.parseExpression)(trimmed, { plugins: ["jsx", "typescript"] });
 		} catch {
-			return VALID;
+			return;
 		}
-		if (!regex.test(value)) return {
-			valid: false,
-			message: "Value does not match the required format."
-		};
 	}
-	if (typeof value === "string" && binding.type === "url") try {
-		new URL(value);
-	} catch {
-		return {
-			valid: false,
-			message: "Must be a valid URL."
-		};
+	if (declaredType === "array" || declaredType === "object") {
+		if (typeof value === "string") try {
+			return (0, import_lib.parseExpression)(value, { plugins: ["jsx", "typescript"] });
+		} catch {
+			return;
+		}
+		if (!isLosslesslyEvaluable(current)) return;
+		return valueToExpression(value) ?? void 0;
 	}
-	if (typeof value === "string" && binding.type === "date") {
-		if (Number.isNaN(Date.parse(value))) return {
-			valid: false,
-			message: "Must be a valid date."
-		};
+	return createNodeFromValue(declaredType, parseValue(value)) ?? void 0;
+};
+const updateArrayItemProperty = (code, index, key, value, render) => {
+	const elements = elementsOf(code);
+	const element = elements?.[index];
+	if (!elements || !import_lib$1.isObjectExpression(element)) return null;
+	const target = element.properties.find((property) => import_lib$1.isObjectProperty(property) && import_lib$1.isIdentifier(property.key) && property.key.name === key);
+	if (!target) return null;
+	const declaredType = extractObjectProperties(element)[key]?.type ?? "string";
+	const nextValue = buildPropertyValue(value, declaredType, resolveRenderLeaf(render, key), target.value);
+	if (!nextValue) return null;
+	let serialized = typeof value === "string" && (declaredType === "array" || declaredType === "object" || import_lib$1.isJSXElement(nextValue) || import_lib$1.isJSXFragment(nextValue)) ? value.trim() : generateCode(nextValue);
+	if (nextValue.trailingComments?.some((comment) => comment.type === "CommentLine")) serialized += "\n";
+	const content = target.shorthand ? `${key}: ${serialized}` : serialized;
+	return applyEdits(code, [{
+		start: target.value.start,
+		end: target.value.end,
+		content
+	}]);
+};
+const updateArrayItemValue = (code, index, value) => {
+	const elements = elementsOf(code);
+	const element = elements?.[index];
+	if (!elements || !import_lib$1.isExpression(element)) return null;
+	const nextValue = createNodeFromValue(extractNodeValue(element).type, parseValue(value));
+	if (!nextValue) return null;
+	return applyEdits(code, [{
+		start: element.start,
+		end: element.end,
+		content: generateCode(nextValue)
+	}]);
+};
+const moveArrayItem = (code, from, to) => {
+	const data = denseArraySource(code);
+	if (!data || !validArrayIndices([from], data.elements.length) || !Number.isInteger(to)) return null;
+	const next = [...data.elements];
+	const [moved] = next.splice(from, 1);
+	next.splice(to, 0, moved);
+	return reorderArraySource(code, data.elements, next);
+};
+const moveArrayItems = (code, indices, direction) => {
+	const data = denseArraySource(code);
+	if (!data || !validArrayIndices(indices, data.elements.length) || !["up", "down"].includes(direction)) return null;
+	const next = moveSelectedIndices(data.elements, indices, direction);
+	return {
+		code: reorderArraySource(code, data.elements, next.items),
+		indices: next.indices
+	};
+};
+const removeArrayItems = (code, indices, kind) => {
+	const data = denseArraySource(code);
+	if (!data || !validArrayIndices(indices, data.elements.length)) return null;
+	const remaining = removeIndices(data.elements, indices);
+	if (!(kind === void 0 ? remaining : remaining.filter((node) => kindOf(node) === kind)).length) return null;
+	return removeArraySource(code, data, indices);
+};
+const copyItem = (code, element, generateId, usedIds) => {
+	const edits = [];
+	let unsupported = false;
+	const reserveId = (id) => {
+		if (usedIds.has(id)) unsupported = true;
+		usedIds.add(id);
+		return JSON.stringify(id);
+	};
+	import_lib$1.traverseFast(element, (node) => {
+		if (!import_lib$1.isJSXOpeningElement(node)) return;
+		const ids = node.attributes.filter((attr) => import_lib$1.isJSXAttribute(attr) && import_lib$1.isJSXIdentifier(attr.name, { name: "data-id" }));
+		const attr = ids[0];
+		if (ids.length > 1 || attr && (!import_lib$1.isStringLiteral(attr.value) || node.attributes.slice(node.attributes.indexOf(attr) + 1).some((a) => import_lib$1.isJSXSpreadAttribute(a)))) {
+			unsupported = true;
+			return;
+		}
+		if (attr && import_lib$1.isStringLiteral(attr.value)) edits.push({
+			start: attr.value.start,
+			end: attr.value.end,
+			content: reserveId(generateId())
+		});
+	});
+	if (import_lib$1.isObjectExpression(element)) {
+		const keys = element.properties.filter((prop) => import_lib$1.isObjectProperty(prop) && !prop.computed && (import_lib$1.isIdentifier(prop.key, { name: "key" }) || import_lib$1.isStringLiteral(prop.key, { value: "key" })));
+		const key = keys[0];
+		if (keys.length > 1 || key && (!import_lib$1.isStringLiteral(key.value) || element.properties.slice(element.properties.indexOf(key) + 1).some((prop) => import_lib$1.isSpreadElement(prop) || "computed" in prop && prop.computed))) return null;
+		if (key && import_lib$1.isStringLiteral(key.value)) edits.push({
+			start: key.value.start,
+			end: key.value.end,
+			content: reserveId(`${key.value.value}-${generateId()}`)
+		});
 	}
-	return VALID;
+	if (unsupported) return null;
+	return applyEdits(code.slice(element.start, element.end), edits.map((edit) => ({
+		...edit,
+		start: edit.start - element.start,
+		end: edit.end - element.start
+	})));
+};
+const duplicateArrayItems = (code, indices, generateId = () => nanoid(6)) => {
+	const data = denseArraySource(code);
+	if (!data || !indices.size || !validArrayIndices(indices, data.elements.length)) return null;
+	const usedIds = /* @__PURE__ */ new Set();
+	import_lib$1.traverseFast(data.array, (node) => {
+		if (import_lib$1.isJSXAttribute(node) && import_lib$1.isJSXIdentifier(node.name, { name: "data-id" }) && import_lib$1.isStringLiteral(node.value)) usedIds.add(node.value.value);
+		else if (import_lib$1.isObjectProperty(node) && !node.computed && (import_lib$1.isIdentifier(node.key, { name: "key" }) || import_lib$1.isStringLiteral(node.key, { value: "key" })) && import_lib$1.isStringLiteral(node.value)) usedIds.add(node.value.value);
+	});
+	const copies = [...indices].sort((a, b) => a - b).map((index) => copyItem(code, data.elements[index], generateId, usedIds));
+	return copies.every((copy) => copy !== null) ? appendArraySource(code, data, copies) : null;
+};
+const appendArrayItem = (code, kind, generateId = () => nanoid(6)) => {
+	const index = denseArraySource(code)?.elements.findIndex((node) => kindOf(node) === kind) ?? -1;
+	return index < 0 ? null : duplicateArrayItems(code, /* @__PURE__ */ new Set([index]), generateId);
 };
 //#endregion
-export { createNodeFromValue as A, isComponentTagName as C, resolveBindings as D, readNodeBindings as E, parseValue as F, setEditableValue as I, extractObjectProperties as M, flattenEditableValue as N, arrayExpressionToCode as O, parseArrayExpression as P, getStructuredValue as S, parseBindingExpression as T, moveSelectedIndices as _, getChildrenSignatures as a, getKeyBindings as b, appendArrayItem as c, moveArrayItems as d, parseItems as f, canStructurallyEditArray as g, updateArrayItemValue as h, updateAll as i, extractNodeValue as j, canLosslesslyEvaluateSource as k, duplicateArrayItems as l, updateArrayItemProperty as m, bulkUpdate as n, clearExtractCache as o, removeArrayItems as p, update as r, extract as s, validateBindingValue as t, moveArrayItem as u, findEditableChildren as v, parseBinding as w, getRegistryBindings as x, getCurrentValue as y };
+export { extractNodeValue as A, getStructuredValue as C, readNodeBindings as D, parseBindingExpression as E, parseArrayExpression as M, parseValue as N, resolveBindings as O, unwrapExpression as P, getRegistryBindings as S, parseBinding as T, clearExtractCache as _, parseItems as a, getCurrentValue as b, updateArrayItemValue as c, update as d, updateAll as f, moveSelectedIndices as g, getChildrenSignatures as h, moveArrayItems as i, extractObjectProperties as j, canLosslesslyEvaluateSource as k, canStructurallyEditArray as l, createNodeFromValue as m, duplicateArrayItems as n, removeArrayItems as o, arrayExpressionToCode as p, moveArrayItem as r, updateArrayItemProperty as s, appendArrayItem as t, bulkUpdate as u, extract as v, isComponentTagName as w, getKeyBindings as x, findEditableChildren as y };
 
-//# sourceMappingURL=ast-dYb78955.js.map
+//# sourceMappingURL=items-B6OXxcLG.js.map