@jbpark/live-editor 6.0.0 → 6.1.1

package/dist/style.css

@@ -288,7 +288,7 @@
   }
 }
 @layer components.primitives {
-  ._49iObG_button {
+  .d70MaW_button {
     border-radius: var(--live-editor-radius-lg);
     height: 2rem;
     font: inherit;
@@ -311,98 +311,98 @@
     display: inline-flex;
   }
 
-  ._49iObG_button:focus-visible {
+  .d70MaW_button:focus-visible {
     outline: 2px solid var(--live-editor-color-focus);
     outline-offset: 2px;
   }
 
-  ._49iObG_button:disabled {
+  .d70MaW_button:disabled {
     opacity: .5;
     cursor: not-allowed;
   }
 
-  ._49iObG_button svg {
+  .d70MaW_button svg {
     flex-shrink: 0;
     width: 1rem;
     height: 1rem;
   }
 
-  ._49iObG_small {
+  .d70MaW_small {
     height: 1.5rem;
     font-size: var(--live-editor-font-size-xs);
     padding: 0 .5rem;
   }
 
-  ._49iObG_small svg {
+  .d70MaW_small svg {
     width: .75rem;
     height: .75rem;
   }
 
-  ._49iObG_iconOnly {
+  .d70MaW_iconOnly {
     width: 2rem;
     padding: 0;
   }
 
-  ._49iObG_iconOnly._49iObG_small {
+  .d70MaW_iconOnly.d70MaW_small {
     width: 1.5rem;
   }
 
-  ._49iObG_circle {
+  .d70MaW_circle {
     border-radius: 9999px;
   }
 
-  ._49iObG_primary {
+  .d70MaW_primary {
     --tone: var(--live-editor-color-primary);
     --tone-soft: var(--live-editor-color-primary-soft);
     --tone-border: var(--live-editor-color-primary-border);
     --tone-text: var(--live-editor-color-primary-text);
   }
 
-  ._49iObG_danger {
+  .d70MaW_danger {
     --tone: var(--live-editor-color-danger);
     --tone-soft: var(--live-editor-color-danger-soft);
     --tone-border: var(--live-editor-color-danger);
     --tone-text: #fff;
   }
 
-  ._49iObG_success {
+  .d70MaW_success {
     --tone: var(--live-editor-color-success);
     --tone-soft: var(--live-editor-color-surface-muted);
     --tone-border: var(--live-editor-color-success);
     --tone-text: #fff;
   }
 
-  ._49iObG_outlined {
+  .d70MaW_outlined {
     border-color: var(--tone-border);
     background: var(--live-editor-color-surface);
     color: var(--tone);
   }
 
-  ._49iObG_outlined:hover:not(:disabled) {
+  .d70MaW_outlined:hover:not(:disabled) {
     background: var(--tone-soft);
   }
 
-  ._49iObG_solid {
+  .d70MaW_solid {
     border-color: var(--tone);
     background: var(--tone);
     color: var(--tone-text);
   }
 
-  ._49iObG_solid:hover:not(:disabled) {
+  .d70MaW_solid:hover:not(:disabled) {
     filter: brightness(.92);
   }
 
-  ._49iObG_text {
+  .d70MaW_text {
     color: var(--tone);
     background: none;
   }
 
-  ._49iObG_text:hover:not(:disabled) {
+  .d70MaW_text:hover:not(:disabled) {
     background: var(--tone-soft);
   }
 }
 @layer components {
-  .YlF_3q_region {
+  .zcJzfW_region {
     z-index: 1000;
     flex-direction: column;
     gap: .5rem;
@@ -415,7 +415,7 @@
     transform: translateX(-50%);
   }
 
-  .YlF_3q_toast {
+  .zcJzfW_toast {
     box-sizing: border-box;
     border: 1px solid var(--live-editor-color-danger);
     border-radius: var(--live-editor-radius-lg);
@@ -429,18 +429,18 @@
     box-shadow: 0 10px 15px -3px #0000001a;
   }
 
-  .YlF_3q_title {
+  .zcJzfW_title {
     color: var(--live-editor-color-danger);
     font-weight: 600;
   }
 
-  .YlF_3q_description {
+  .zcJzfW_description {
     color: var(--live-editor-color-text-muted);
     margin-top: .25rem;
   }
 }
 @layer components {
-  ._ty1rG_drawer {
+  .SoEwJW_drawer {
     box-sizing: border-box;
     border-radius: var(--live-editor-radius-lg) var(--live-editor-radius-lg) 0 0;
     background: var(--live-editor-color-surface);
@@ -452,20 +452,20 @@
     border: 0;
     margin: auto 0 0;
     padding: 0;
-    animation: .2s ease-out _ty1rG_slide-up;
+    animation: .2s ease-out SoEwJW_slide-up;
   }
 
-  ._ty1rG_drawer::backdrop {
+  .SoEwJW_drawer::backdrop {
     background: #0006;
   }
 
-  ._ty1rG_content {
+  .SoEwJW_content {
     flex-direction: column;
     height: 100%;
     display: flex;
   }
 
-  ._ty1rG_header {
+  .SoEwJW_header {
     border-bottom: 1px solid var(--live-editor-color-border-subtle);
     justify-content: space-between;
     align-items: center;
@@ -474,30 +474,73 @@
     display: flex;
   }
 
-  ._ty1rG_title {
+  .SoEwJW_title {
     font-size: var(--live-editor-font-size-lg);
     margin: 0;
     font-weight: 600;
   }
 
-  ._ty1rG_body {
+  .SoEwJW_body {
     flex: 1;
     padding: 1rem;
     overflow-y: auto;
   }
 
-  @keyframes _ty1rG_slide-up {
+  @keyframes SoEwJW_slide-up {
     from {
       transform: translateY(100%);
     }
   }
 
   @media (prefers-reduced-motion: reduce) {
-    ._ty1rG_drawer {
+    .SoEwJW_drawer {
       animation: none;
     }
   }
 }
+@layer components {
+  .Z4yoxa_container {
+    width: 100%;
+    min-width: 0;
+    height: 100%;
+    display: flex;
+  }
+
+  .Z4yoxa_pane {
+    flex-grow: 0;
+    flex-shrink: 0;
+    min-width: 0;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .Z4yoxa_pane[hidden] {
+    display: none;
+  }
+
+  .Z4yoxa_center {
+    flex: 1 1 0;
+    min-width: 0;
+    height: 100%;
+  }
+
+  .Z4yoxa_handle {
+    z-index: 1;
+    background: var(--live-editor-color-border-subtle);
+    cursor: col-resize;
+    touch-action: none;
+    background-clip: padding-box;
+    border-inline: 3px solid #0000;
+    flex: 0 0 1px;
+    margin: 0 -3px;
+    position: relative;
+  }
+
+  .Z4yoxa_handle:hover, .Z4yoxa_handle:focus-visible {
+    background-color: var(--live-editor-color-focus);
+    outline: none;
+  }
+}
 @layer components {
   .gbKovW_empty {
     font-size: var(--live-editor-font-size-sm);
@@ -834,49 +877,6 @@
     display: inline-flex;
   }
 }
-@layer components {
-  .s-4F9W_container {
-    width: 100%;
-    min-width: 0;
-    height: 100%;
-    display: flex;
-  }
-
-  .s-4F9W_pane {
-    flex-grow: 0;
-    flex-shrink: 0;
-    min-width: 0;
-    height: 100%;
-    overflow: hidden;
-  }
-
-  .s-4F9W_pane[hidden] {
-    display: none;
-  }
-
-  .s-4F9W_center {
-    flex: 1 1 0;
-    min-width: 0;
-    height: 100%;
-  }
-
-  .s-4F9W_handle {
-    z-index: 1;
-    background: var(--live-editor-color-border-subtle);
-    cursor: col-resize;
-    touch-action: none;
-    background-clip: padding-box;
-    border-inline: 3px solid #0000;
-    flex: 0 0 1px;
-    margin: 0 -3px;
-    position: relative;
-  }
-
-  .s-4F9W_handle:hover, .s-4F9W_handle:focus-visible {
-    background-color: var(--live-editor-color-focus);
-    outline: none;
-  }
-}
 @layer components {
   .frCP-q_control {
     appearance: auto;

package/dist/ui-kit/index.js

@@ -1,5 +1,5 @@
-import { n as createDocument } from "../sections-DhH_aVf5.js";
-import { i as getFieldKind, o as FieldError, t as useFieldState } from "../use-field-state-iQGW0vc6.js";
+import { n as createDocument } from "../sections-CnG7OLr8.js";
+import { i as getFieldKind, o as FieldError, t as useFieldState } from "../use-field-state-B1VLhWfr.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useDebounce } from "@jbpark/use-hooks";

package/dist/ui-kit/style.css

@@ -172,6 +172,10 @@
       inset-inline-end: calc(var(--spacing) * 2);
     }
 
+    .end-4 {
+      inset-inline-end: calc(var(--spacing) * 4);
+    }
+
     .top-0 {
       top: 0;
     }
@@ -200,10 +204,6 @@
       right: calc(var(--spacing) * 2);
     }
 
-    .right-4 {
-      right: calc(var(--spacing) * 4);
-    }
-
     .right-5 {
       right: calc(var(--spacing) * 5);
     }
@@ -750,6 +750,10 @@
       max-height: calc(var(--spacing) * 60);
     }
 
+    .max-h-\[80vh\] {
+      max-height: 80vh;
+    }
+
     .max-h-\[calc\(100dvh-2rem\)\] {
       max-height: calc(100dvh - 2rem);
     }
@@ -1205,6 +1209,10 @@
       cursor: pointer;
     }
 
+    .cursor-zoom-in {
+      cursor: zoom-in;
+    }
+
     .touch-none {
       touch-action: none;
     }
@@ -1815,6 +1823,10 @@
       fill: var(--primary);
     }
 
+    .object-contain {
+      object-fit: contain;
+    }
+
     .object-cover {
       object-fit: cover;
     }
@@ -3608,6 +3620,10 @@
         grid-row-start: 1;
       }
 
+      .sm\:max-w-\[min\(90vw\,64rem\)\] {
+        max-width: min(90vw, 64rem);
+      }
+
       .sm\:max-w-lg {
         max-width: var(--container-lg);
       }
@@ -3640,8 +3656,8 @@
         padding-inline: calc(var(--spacing) * 6);
       }
 
-      .sm\:text-left {
-        text-align: left;
+      .sm\:text-start {
+        text-align: start;
       }
 
       .sm\:text-2xl {

package/dist/{update-BuYQJqjq.js → update-DnX2ibYn.js}

@@ -1,8 +1,6 @@
-import { $ as jsxOpeningFragment, A as isJSXText, B as isTSSatisfiesExpression, C as isJSXElement, D as isJSXIdentifier, E as isJSXFragment, F as isParenthesizedExpression, G as jsxClosingElement, H as isTemplateLiteral, J as jsxExpressionContainer, K as jsxClosingFragment, L as isStringLiteral, M as isNumericLiteral, N as isObjectExpression, O as isJSXOpeningElement, P as isObjectProperty, Q as jsxOpeningElement, R as isTSAsExpression, S as isJSXAttribute, T as isJSXExpressionContainer, U as isUnaryExpression, V as isTSTypeAssertion, W as jsxAttribute, X as jsxIdentifier, Y as jsxFragment, Z as jsxMemberExpression, _ as identifier, at as stringLiteral, c as traverse, ct as traverseFast, d as applyEdits, dt as parseExpression, et as jsxText, f as getJSXTagName, g as booleanLiteral, h as arrayExpression, it as objectProperty, j as isNullLiteral, k as isJSXSpreadAttribute, lt as unaryExpression, m as generate, nt as numericLiteral, p as nanoid, q as jsxElement, rt as objectExpression, tt as nullLiteral, ut as parse, v as isArrayExpression, w as isJSXEmptyExpression, x as isIdentifier, y as isBooleanLiteral, z as isTSNonNullExpression } from "./document-uHqw0mvr.js";
-import { n as CONFIG, o as REGEX, r as DATA_ATTR, s as RESERVED_BINDING_PROPERTIES, t as BINDING_PROP } from "./constants-st9gnJ5g.js";
-import { n as registerEditorCache } from "./editor-caches-ClMvdcQF.js";
+import { $ as jsxOpeningFragment, A as isJSXText, B as isTSSatisfiesExpression, C as isJSXElement, D as isJSXIdentifier, E as isJSXFragment, F as isParenthesizedExpression, G as jsxClosingElement, H as isTemplateLiteral, I as isSpreadElement, J as jsxExpressionContainer, K as jsxClosingFragment, L as isStringLiteral, M as isNumericLiteral, N as isObjectExpression, O as isJSXOpeningElement, P as isObjectProperty, Q as jsxOpeningElement, R as isTSAsExpression, S as isJSXAttribute, T as isJSXExpressionContainer, U as isUnaryExpression, V as isTSTypeAssertion, W as jsxAttribute, X as jsxIdentifier, Y as jsxFragment, Z as jsxMemberExpression, _ as identifier, at as stringLiteral, c as traverse, ct as traverseFast, d as applyEdits, dt as parseExpression, et as jsxText, f as getJSXTagName, g as booleanLiteral, h as arrayExpression, it as objectProperty, j as isNullLiteral, k as isJSXSpreadAttribute, lt as unaryExpression, m as generate, nt as numericLiteral, p as nanoid, q as jsxElement, rt as objectExpression, tt as nullLiteral, ut as parse, v as isArrayExpression, w as isJSXEmptyExpression, x as isIdentifier, y as isBooleanLiteral, z as isTSNonNullExpression } from "./document-MkQGxfry.js";
+import { a as CONFIG, i as BINDING_PROP, l as REGEX, n as registerEditorCache, o as DATA_ATTR, u as RESERVED_BINDING_PROPERTIES } from "./editor-caches-DXYXgWeD.js";
 import { t as createBoundedCache } from "./cache-B0-XcIxJ.js";
-import { z } from "zod";
 //#region src/utils/ast/types.ts
 const BINDING_TYPES = [
 	"array",
@@ -28,11 +26,20 @@ const wrap = (code) => {
 const unwrap = (generated) => {
 	return generated.replace(/^<>\s*/g, "").replace(/\s*<\/>\s*;?\s*$/g, "").trim();
 };
+const assertJsxParses = (code) => {
+	parse(wrap(code), {
+		sourceType: "module",
+		plugins: ["jsx", "typescript"]
+	});
+};
 const attrValue = ({ value, isStringLiteral }) => {
 	if (value === null) return null;
 	if (isStringLiteral) return stringLiteral(value);
 	const trimmed = value.trim();
-	if (REGEX.NUMBER.test(trimmed)) return jsxExpressionContainer(numericLiteral(parseFloat(trimmed)));
+	if (REGEX.NUMBER.test(trimmed)) {
+		const magnitude = numericLiteral(Math.abs(parseFloat(trimmed)));
+		return jsxExpressionContainer(trimmed.startsWith("-") ? unaryExpression("-", magnitude) : magnitude);
+	}
 	if (REGEX.BOOLEAN_OR_NULL.test(trimmed)) {
 		const expr = parseExpression(trimmed, { plugins: ["jsx", "typescript"] });
 		return jsxExpressionContainer(expr);
@@ -198,31 +205,137 @@ const extractObjectProperties = (element) => {
 	return properties;
 };
 //#endregion
+//#region src/utils/ast/editable-value.ts
+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 (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) => isSpreadElement(item))) return null;
+			node = unwrapExpression(element);
+			continue;
+		}
+		if (isObjectExpression(node)) {
+			const key = String(segment);
+			const matches = (property) => isObjectProperty(property) && !property.computed && (isIdentifier(property.key) && property.key.name === key || isStringLiteral(property.key) && property.key.value === key || 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 || !isObjectProperty(property) || node.properties.slice(index + 1).some((item) => isSpreadElement(item))) return null;
+			node = unwrapExpression(property.value);
+			continue;
+		}
+		return null;
+	}
+	return node;
+};
+const isEditableLeaf = (node) => isStringLiteral(node) || isNumericLiteral(node) || isBooleanLiteral(node) || isUnaryExpression(node) && node.operator === "-" && isNumericLiteral(node.argument) || isTemplateLiteral(node) && node.expressions.length === 0 || isJSXElement(node) || 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 = parseExpression(text, { plugins: ["jsx"] });
+		return isJSXElement(expression) || isJSXFragment(expression);
+	} catch {
+		return false;
+	}
+};
+const leafSource = (value, leaf, next) => {
+	if (typeof next !== "string") return String(next);
+	if ((isJSXElement(leaf) || isJSXFragment(leaf)) && isJSXSource(next)) return next.trim();
+	const quote = isStringLiteral(leaf) || isTemplateLiteral(leaf) ? value[leaf.start] : "'";
+	return quoteString(next, quote);
+};
+const setEditableValue = (value, path, next) => {
+	if (!path.length) return value;
+	let leaf;
+	try {
+		leaf = findEditableLeaf(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 findStructuredNode = (value, path) => {
+	let node;
+	try {
+		node = findEditableLeaf(parseExpression(value, { plugins: ["jsx", "typescript"] }), path);
+	} catch {
+		return null;
+	}
+	return node && (isObjectExpression(node) || isArrayExpression(node)) && node.start != null && node.end != null ? node : null;
+};
+const getEditableSource = (value, path) => {
+	const node = findStructuredNode(value, path);
+	return node ? value.slice(node.start, node.end) : null;
+};
+const setEditableSource = (value, path, source) => {
+	const node = findStructuredNode(value, path);
+	return node ? `${value.slice(0, node.start)}${source}${value.slice(node.end)}` : null;
+};
+//#endregion
 //#region src/utils/ast/binding.ts
-const bindingTypeSchema = z.enum(BINDING_TYPES);
-const countSchema = z.number().int().nonnegative();
-const dateSchema = z.string().regex(/^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2})?$/);
-const bindingOptionSchema = z.object({
-	label: z.string(),
-	value: z.string()
-});
-const bindingWidgetSchema = z.object({
-	type: z.string().min(1),
-	step: z.number().optional(),
-	unit: z.string().optional()
-}).passthrough();
-const pick = (schema, value) => {
-	const parsed = schema.safeParse(value);
-	return parsed.success ? parsed.data : void 0;
+const isObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+const string = (value) => typeof value === "string" ? value : void 0;
+const boolean = (value) => typeof value === "boolean" ? value : void 0;
+const number = (value) => typeof value === "number" && Number.isFinite(value) ? value : void 0;
+const positiveNumber = (value) => {
+	const checked = number(value);
+	return checked !== void 0 && checked > 0 ? checked : void 0;
+};
+const count = (value) => Number.isSafeInteger(value) && value >= 0 ? value : void 0;
+const DATE = /^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2})?$/;
+const date = (value) => typeof value === "string" && DATE.test(value) ? value : void 0;
+const bindingType = (value) => BINDING_TYPES.includes(value) ? value : void 0;
+const protocols = (value) => Array.isArray(value) && value.every((item) => typeof item === "string" && item.length > 0) ? [...value] : void 0;
+const bindingOption = (value) => isObject(value) && typeof value.label === "string" && typeof value.value === "string" ? {
+	label: value.label,
+	value: value.value
+} : void 0;
+const bindingWidget = (value) => {
+	if (!isObject(value) || typeof value.type !== "string" || value.type.length === 0) return;
+	if (value.step !== void 0 && number(value.step) === void 0) return;
+	if (value.unit !== void 0 && typeof value.unit !== "string") return;
+	return { ...value };
 };
 const sanitizeWidget = (value) => {
 	if (typeof value === "string") return value ? { type: value } : void 0;
-	return pick(bindingWidgetSchema, value);
+	return bindingWidget(value);
 };
 const sanitizeOptions = (value) => {
 	if (!Array.isArray(value)) return;
 	const options = value.flatMap((option) => {
-		const parsed = pick(bindingOptionSchema, option);
+		const parsed = bindingOption(option);
 		return parsed ? [parsed] : [];
 	});
 	return options.length > 0 ? options : void 0;
@@ -254,25 +367,25 @@ const isPlainObject = (value) => {
 const sanitizeField = (raw) => {
 	const metaEntries = Object.entries(raw).filter(([key]) => !KNOWN_BINDING_KEYS.has(key));
 	const field = {
-		label: pick(z.string(), raw.label),
-		property: pick(z.string(), raw.property),
-		type: pick(bindingTypeSchema, raw.type),
+		label: string(raw.label),
+		property: string(raw.property),
+		type: bindingType(raw.type),
 		widget: sanitizeWidget(raw.widget),
 		options: sanitizeOptions(raw.options),
 		render: sanitizeRenderMap(raw.render),
-		min: pick(z.number(), raw.min),
-		max: pick(z.number(), raw.max),
-		pattern: pick(z.string(), raw.pattern),
-		patternMessage: pick(z.string(), raw.patternMessage),
-		required: pick(z.boolean(), raw.required),
-		minLength: pick(countSchema, raw.minLength),
-		maxLength: pick(countSchema, raw.maxLength),
-		step: pick(z.number().positive(), raw.step),
-		minItems: pick(countSchema, raw.minItems),
-		maxItems: pick(countSchema, raw.maxItems),
-		minDate: pick(dateSchema, raw.minDate),
-		maxDate: pick(dateSchema, raw.maxDate),
-		protocols: pick(z.array(z.string().min(1)), raw.protocols),
+		min: number(raw.min),
+		max: number(raw.max),
+		pattern: string(raw.pattern),
+		patternMessage: string(raw.patternMessage),
+		required: boolean(raw.required),
+		minLength: count(raw.minLength),
+		maxLength: count(raw.maxLength),
+		step: positiveNumber(raw.step),
+		minItems: count(raw.minItems),
+		maxItems: count(raw.maxItems),
+		minDate: date(raw.minDate),
+		maxDate: date(raw.maxDate),
+		protocols: protocols(raw.protocols),
 		meta: metaEntries.length > 0 ? Object.fromEntries(metaEntries) : void 0
 	};
 	return Object.fromEntries(Object.entries(field).filter(([, value]) => value !== void 0));
@@ -708,7 +821,8 @@ function extract(raw, options = {}) {
 }
 function extractFromNode(node, processedNodes, source, options) {
 	processedNodes?.add(node);
-	const { tagName, allAttrs, dataAttrs, bindings, childrenBinding, rawChildren } = readNodeBindingInfo(node, source, options);
+	const { tagName, allAttrs, dataAttrs, bindings, childrenBinding, arrayBindings, rawChildren } = readNodeBindingInfo(node, source, options);
+	if (processedNodes) for (const arrayBinding of arrayBindings) skipItemsChildren(node, processedNodes, arrayBinding.property);
 	let childrenNodes;
 	if (childrenBinding) childrenNodes = processChildrenBinding(node, processedNodes, true, source, options);
 	if (!childrenNodes) childrenNodes = processChildrenBinding(node, processedNodes, false, source, options);
@@ -876,10 +990,15 @@ const editChildrenSource = (source, parent, input, options) => {
 };
 //#endregion
 //#region src/utils/ast/value-expression.ts
+const numberToExpression = (value) => {
+	if (!Number.isFinite(value)) return null;
+	if (value < 0 || Object.is(value, -0)) return unaryExpression("-", numericLiteral(-value));
+	return numericLiteral(value);
+};
 const createNodeFromValue = (type, value) => {
 	switch (type) {
 		case "boolean": return booleanLiteral(value === true);
-		case "number": return numericLiteral(Number(value));
+		case "number": return numberToExpression(Number(value));
 		case "string": return stringLiteral(String(value));
 		case "null": return nullLiteral();
 		case "array":
@@ -890,7 +1009,7 @@ const createNodeFromValue = (type, value) => {
 };
 const valueToExpression = (value) => {
 	if (typeof value === "string") return stringLiteral(value);
-	if (typeof value === "number") return value < 0 ? unaryExpression("-", numericLiteral(-value)) : numericLiteral(value);
+	if (typeof value === "number") return numberToExpression(value);
 	if (typeof value === "boolean") return booleanLiteral(value);
 	if (value === null) return nullLiteral();
 	if (Array.isArray(value)) return arrayExpression(value.map((item) => valueToExpression(item) ?? nullLiteral()));
@@ -1307,6 +1426,6 @@ const updateAll = (raw, entries, options = {}) => {
 	};
 };
 //#endregion
-export { parseArrayExpression as _, getChildrenSignatures as a, generateCode as b, removeIndices as c, getStructuredValue as d, readNodeBindings as f, isLosslesslyEvaluable as g, extractObjectProperties as h, valueToExpression as i, findEditableChildren as l, extractNodeValue as m, updateAll as n, extract as o, canLosslesslyEvaluateSource as p, createNodeFromValue as r, moveSelectedIndices as s, update as t, getCurrentValue as u, parseValue as v, unwrapExpression as y };
+export { parseValue as C, parseArrayExpression as S, generateCode as T, setEditableValue as _, getChildrenSignatures as a, extractObjectProperties as b, removeIndices as c, getStructuredValue as d, readNodeBindings as f, setEditableSource as g, isEditablePrimitive as h, valueToExpression as i, findEditableChildren as l, getEditableSource as m, updateAll as n, extract as o, flattenEditableValue as p, createNodeFromValue as r, moveSelectedIndices as s, update as t, getCurrentValue as u, canLosslesslyEvaluateSource as v, assertJsxParses as w, isLosslesslyEvaluable as x, extractNodeValue as y };
 
-//# sourceMappingURL=update-BuYQJqjq.js.map
+//# sourceMappingURL=update-DnX2ibYn.js.map