@jbpark/live-editor 4.3.1 → 4.5.0

package/dist/editor/index.js

@@ -1,3 +1,3 @@
-import { t as Core } from "../core-B3ruccKb.js";
-import { t as Editor } from "../editor-DvMruljw.js";
+import { t as Core } from "../core-CRsAGpei.js";
+import { t as Editor } from "../editor-DQ8Q--qR.js";
 export { Core, Editor as default };

package/dist/{editor-DvMruljw.js → editor-DQ8Q--qR.js}

@@ -1,5 +1,5 @@
 import { i as usePreview, r as useError } from "./states-Ci1AvoQ9.js";
-import { n as useFormatCode, t as Core } from "./core-B3ruccKb.js";
+import { n as useFormatCode, t as Core } from "./core-CRsAGpei.js";
 import { useCallback, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useDebouncedCallback } from "@jbpark/use-hooks";
@@ -63,4 +63,4 @@ Editor.Core = Core;
 //#endregion
 export { Editor as t };
 
-//# sourceMappingURL=editor-DvMruljw.js.map
+//# sourceMappingURL=editor-DQ8Q--qR.js.map

package/dist/{editor-DvMruljw.js.map → editor-DQ8Q--qR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"editor-DvMruljw.js","names":["Editor","EditorImpl"],"sources":["../src/components/editor/editor.tsx","../src/components/editor/index.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { useDebouncedCallback } from '@jbpark/use-hooks';\n\nimport { useError, usePreview } from '~/components/context/states';\n\nimport Core, { type Props as CoreProps } from './core';\nimport { useFormatCode } from './use-format-code';\n\nexport interface EditorRenderData {\n  value: string;\n  onChange: (value: string) => void;\n  // Same prettier-based formatting Core's own Cmd+S uses - reused rather\n  // than reimplemented, so a custom editor can offer equivalent\n  // format-on-save behavior without duplicating the prettier wiring.\n  formatCode: (code: string) => Promise<string>;\n}\n\nexport interface Props extends Omit<CoreProps, 'value' | 'onSave' | 'onError'> {\n  value?: string;\n  defaultValue?: string;\n  debounce?: number;\n  // Full replacement for the built-in CodeMirror editor. Editor still owns\n  // syncing `value` to the shared preview code (debounced), regardless of\n  // which UI renders it - only the editing surface itself is customizable.\n  renderEditor?: (data: EditorRenderData) => React.ReactNode;\n}\n\nconst Editor = ({\n  defaultValue,\n  value: _value,\n  debounce = 1000,\n  onChange: _onChange,\n  renderEditor,\n  fragment,\n  prettierOptions,\n  ...props\n}: Props) => {\n  const { code, setCode } = usePreview();\n  const { setError } = useError();\n\n  // Controlled, the host owns the document. Uncontrolled, the provider does\n  // (#341): `draft` shows each keystroke at once, while the provider only\n  // hears about it after `debounce`. Without a draft, the editor had nowhere\n  // to keep what was typed, so an uncontrolled editor dropped every edit.\n  const controlled = _value !== undefined;\n  const [draft, setDraft] = useState(() => defaultValue ?? code);\n\n  // The last code this editor pushed, and the provider code it has already\n  // seen. A provider change that isn't this editor's own push came from\n  // somewhere else sharing the provider — an uncontrolled DnD, say — and the\n  // draft follows it. Adjusted during render so no frame shows the old one.\n  const [pushed, setPushed] = useState<string | null>(null);\n  const [seenCode, setSeenCode] = useState(code);\n\n  if (code !== seenCode) {\n    setSeenCode(code);\n\n    if (!controlled && code !== pushed) {\n      setDraft(code);\n    }\n  }\n\n  const value = controlled ? _value : draft;\n\n  const pushCode = useCallback(\n    (next: string) => {\n      setPushed(next);\n      setCode(next);\n    },\n    [setCode],\n  );\n\n  const onChange = useCallback(\n    (next: string) => {\n      if (!controlled) {\n        setDraft(next);\n      }\n\n      _onChange?.(next);\n    },\n    [_onChange, controlled],\n  );\n\n  // Formatting on save reaches the provider at once, ahead of the debounce.\n  const onSave = useCallback(\n    (formattedCode: string) => {\n      pushCode(formattedCode);\n    },\n    [pushCode],\n  );\n\n  const onError = useCallback(\n    (error: string | null) => {\n      setError(error);\n    },\n    [setError],\n  );\n\n  const formatCode = useFormatCode({ fragment, prettierOptions });\n\n  // Pushes `value` to the provider `debounce` ms after it stops changing,\n  // and at once on mount. A pending push is never dropped: it runs when the\n  // editor unmounts, and when focus leaves it — so clicking into another\n  // surface right after typing edits a document that includes the typing.\n  const push = useDebouncedCallback(\n    () => pushCode(value),\n    { delay: debounce, flushOnUnmount: true },\n    [value],\n  );\n\n  // `display: contents` so the wrapper adds a blur listener without adding a\n  // box: the editor lays out against this element's parent, as before.\n  return (\n    <div style={{ display: 'contents' }} onBlur={push.flush}>\n      {renderEditor ? (\n        renderEditor({ value, onChange, formatCode })\n      ) : (\n        <Core\n          value={value}\n          onChange={onChange}\n          onSave={onSave}\n          onError={onError}\n          fragment={fragment}\n          prettierOptions={prettierOptions}\n          {...props}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Editor;\n","import Core, { type Props as CoreProps } from './core';\nimport EditorImpl, { type EditorRenderData, type Props } from './editor';\n\ntype EditorComponent = typeof EditorImpl & { Core: typeof Core };\n\nconst Editor = EditorImpl as EditorComponent;\n\nEditor.Core = Core;\n\nexport { Core };\nexport type { Props, CoreProps, EditorRenderData };\nexport default Editor;\n"],"mappings":";;;;;;AA4BA,MAAMA,YAAU,EACd,cACA,OAAO,QACP,WAAW,KACX,UAAU,WACV,cACA,UACA,iBACA,GAAG,YACQ;CACX,MAAM,EAAE,MAAM,YAAY,WAAW;CACrC,MAAM,EAAE,aAAa,SAAS;CAM9B,MAAM,aAAa,WAAW,KAAA;CAC9B,MAAM,CAAC,OAAO,YAAY,eAAe,gBAAgB,IAAI;CAM7D,MAAM,CAAC,QAAQ,aAAa,SAAwB,IAAI;CACxD,MAAM,CAAC,UAAU,eAAe,SAAS,IAAI;CAE7C,IAAI,SAAS,UAAU;EACrB,YAAY,IAAI;EAEhB,IAAI,CAAC,cAAc,SAAS,QAC1B,SAAS,IAAI;CAEjB;CAEA,MAAM,QAAQ,aAAa,SAAS;CAEpC,MAAM,WAAW,aACd,SAAiB;EAChB,UAAU,IAAI;EACd,QAAQ,IAAI;CACd,GACA,CAAC,OAAO,CACV;CAEA,MAAM,WAAW,aACd,SAAiB;EAChB,IAAI,CAAC,YACH,SAAS,IAAI;EAGf,YAAY,IAAI;CAClB,GACA,CAAC,WAAW,UAAU,CACxB;CAGA,MAAM,SAAS,aACZ,kBAA0B;EACzB,SAAS,aAAa;CACxB,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,UAAU,aACb,UAAyB;EACxB,SAAS,KAAK;CAChB,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,aAAa,cAAc;EAAE;EAAU;CAAgB,CAAC;CAM9D,MAAM,OAAO,2BACL,SAAS,KAAK,GACpB;EAAE,OAAO;EAAU,gBAAgB;CAAK,GACxC,CAAC,KAAK,CACR;CAIA,OACE,oBAAC,OAAD;EAAK,OAAO,EAAE,SAAS,WAAW;EAAG,QAAQ,KAAK;EAC/C,UAAA,eACC,aAAa;GAAE;GAAO;GAAU;EAAW,CAAC,IAE5C,oBAAC,MAAD;GACS;GACG;GACF;GACC;GACC;GACO;GACjB,GAAI;EACL,CAAA;CAEA,CAAA;AAET;;;AC7HA,MAAM,SAASC;AAEf,OAAO,OAAO"}
+{"version":3,"file":"editor-DQ8Q--qR.js","names":["Editor","EditorImpl"],"sources":["../src/components/editor/editor.tsx","../src/components/editor/index.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { useDebouncedCallback } from '@jbpark/use-hooks';\n\nimport { useError, usePreview } from '~/components/context/states';\n\nimport Core, { type Props as CoreProps } from './core';\nimport { useFormatCode } from './use-format-code';\n\nexport interface EditorRenderData {\n  value: string;\n  onChange: (value: string) => void;\n  // Same prettier-based formatting Core's own Cmd+S uses - reused rather\n  // than reimplemented, so a custom editor can offer equivalent\n  // format-on-save behavior without duplicating the prettier wiring.\n  formatCode: (code: string) => Promise<string>;\n}\n\nexport interface Props extends Omit<CoreProps, 'value' | 'onSave' | 'onError'> {\n  value?: string;\n  defaultValue?: string;\n  debounce?: number;\n  // Full replacement for the built-in CodeMirror editor. Editor still owns\n  // syncing `value` to the shared preview code (debounced), regardless of\n  // which UI renders it - only the editing surface itself is customizable.\n  renderEditor?: (data: EditorRenderData) => React.ReactNode;\n}\n\nconst Editor = ({\n  defaultValue,\n  value: _value,\n  debounce = 1000,\n  onChange: _onChange,\n  renderEditor,\n  fragment,\n  prettierOptions,\n  ...props\n}: Props) => {\n  const { code, setCode } = usePreview();\n  const { setError } = useError();\n\n  // Controlled, the host owns the document. Uncontrolled, the provider does\n  // (#341): `draft` shows each keystroke at once, while the provider only\n  // hears about it after `debounce`. Without a draft, the editor had nowhere\n  // to keep what was typed, so an uncontrolled editor dropped every edit.\n  const controlled = _value !== undefined;\n  const [draft, setDraft] = useState(() => defaultValue ?? code);\n\n  // The last code this editor pushed, and the provider code it has already\n  // seen. A provider change that isn't this editor's own push came from\n  // somewhere else sharing the provider — an uncontrolled DnD, say — and the\n  // draft follows it. Adjusted during render so no frame shows the old one.\n  const [pushed, setPushed] = useState<string | null>(null);\n  const [seenCode, setSeenCode] = useState(code);\n\n  if (code !== seenCode) {\n    setSeenCode(code);\n\n    if (!controlled && code !== pushed) {\n      setDraft(code);\n    }\n  }\n\n  const value = controlled ? _value : draft;\n\n  const pushCode = useCallback(\n    (next: string) => {\n      setPushed(next);\n      setCode(next);\n    },\n    [setCode],\n  );\n\n  const onChange = useCallback(\n    (next: string) => {\n      if (!controlled) {\n        setDraft(next);\n      }\n\n      _onChange?.(next);\n    },\n    [_onChange, controlled],\n  );\n\n  // Formatting on save reaches the provider at once, ahead of the debounce.\n  const onSave = useCallback(\n    (formattedCode: string) => {\n      pushCode(formattedCode);\n    },\n    [pushCode],\n  );\n\n  const onError = useCallback(\n    (error: string | null) => {\n      setError(error);\n    },\n    [setError],\n  );\n\n  const formatCode = useFormatCode({ fragment, prettierOptions });\n\n  // Pushes `value` to the provider `debounce` ms after it stops changing,\n  // and at once on mount. A pending push is never dropped: it runs when the\n  // editor unmounts, and when focus leaves it — so clicking into another\n  // surface right after typing edits a document that includes the typing.\n  const push = useDebouncedCallback(\n    () => pushCode(value),\n    { delay: debounce, flushOnUnmount: true },\n    [value],\n  );\n\n  // `display: contents` so the wrapper adds a blur listener without adding a\n  // box: the editor lays out against this element's parent, as before.\n  return (\n    <div style={{ display: 'contents' }} onBlur={push.flush}>\n      {renderEditor ? (\n        renderEditor({ value, onChange, formatCode })\n      ) : (\n        <Core\n          value={value}\n          onChange={onChange}\n          onSave={onSave}\n          onError={onError}\n          fragment={fragment}\n          prettierOptions={prettierOptions}\n          {...props}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Editor;\n","import Core, { type Props as CoreProps } from './core';\nimport EditorImpl, { type EditorRenderData, type Props } from './editor';\n\ntype EditorComponent = typeof EditorImpl & { Core: typeof Core };\n\nconst Editor = EditorImpl as EditorComponent;\n\nEditor.Core = Core;\n\nexport { Core };\nexport type { Props, CoreProps, EditorRenderData };\nexport default Editor;\n"],"mappings":";;;;;;AA4BA,MAAMA,YAAU,EACd,cACA,OAAO,QACP,WAAW,KACX,UAAU,WACV,cACA,UACA,iBACA,GAAG,YACQ;CACX,MAAM,EAAE,MAAM,YAAY,WAAW;CACrC,MAAM,EAAE,aAAa,SAAS;CAM9B,MAAM,aAAa,WAAW,KAAA;CAC9B,MAAM,CAAC,OAAO,YAAY,eAAe,gBAAgB,IAAI;CAM7D,MAAM,CAAC,QAAQ,aAAa,SAAwB,IAAI;CACxD,MAAM,CAAC,UAAU,eAAe,SAAS,IAAI;CAE7C,IAAI,SAAS,UAAU;EACrB,YAAY,IAAI;EAEhB,IAAI,CAAC,cAAc,SAAS,QAC1B,SAAS,IAAI;CAEjB;CAEA,MAAM,QAAQ,aAAa,SAAS;CAEpC,MAAM,WAAW,aACd,SAAiB;EAChB,UAAU,IAAI;EACd,QAAQ,IAAI;CACd,GACA,CAAC,OAAO,CACV;CAEA,MAAM,WAAW,aACd,SAAiB;EAChB,IAAI,CAAC,YACH,SAAS,IAAI;EAGf,YAAY,IAAI;CAClB,GACA,CAAC,WAAW,UAAU,CACxB;CAGA,MAAM,SAAS,aACZ,kBAA0B;EACzB,SAAS,aAAa;CACxB,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,UAAU,aACb,UAAyB;EACxB,SAAS,KAAK;CAChB,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,aAAa,cAAc;EAAE;EAAU;CAAgB,CAAC;CAM9D,MAAM,OAAO,2BACL,SAAS,KAAK,GACpB;EAAE,OAAO;EAAU,gBAAgB;CAAK,GACxC,CAAC,KAAK,CACR;CAIA,OACE,oBAAC,OAAD;EAAK,OAAO,EAAE,SAAS,WAAW;EAAG,QAAQ,KAAK;EAC/C,UAAA,eACC,aAAa;GAAE;GAAO;GAAU;EAAW,CAAC,IAE5C,oBAAC,MAAD;GACS;GACG;GACF;GACC;GACC;GACO;GACjB,GAAI;EACL,CAAA;CAEA,CAAA;AAET;;;AC7HA,MAAM,SAASC;AAEf,OAAO,OAAO"}

package/dist/error/index.d.ts

@@ -1,2 +1,2 @@
-import { i as Guard, o as Props, r as Runtime, s as ErrorBoundary, t as Error } from "../index-C4SGQ3Ci.js";
+import { i as Guard, o as Props, r as Runtime, s as ErrorBoundary, t as Error } from "../index-vtyggWy0.js";
 export { ErrorBoundary, Guard as ErrorGuard, Runtime as ErrorRuntime, type Props, Error as default };

package/dist/error/index.js

@@ -1,3 +1,3 @@
-import { t as ErrorBoundary } from "../boundary-B17cepvm.js";
-import { n as Runtime, r as Guard, t as Error } from "../error-DWhxQEom.js";
+import { t as ErrorBoundary } from "../boundary-DnjGgsK6.js";
+import { n as Runtime, r as Guard, t as Error } from "../error-DwqwjJ2C.js";
 export { ErrorBoundary, Guard as ErrorGuard, Runtime as ErrorRuntime, Error as default };

package/dist/{error-DWhxQEom.js → error-DwqwjJ2C.js}

@@ -1,17 +1,23 @@
+import { i as useLiveMessages } from "./messages-CzUPVnzH.js";
 import { r as useError } from "./states-Ci1AvoQ9.js";
-import { n as Error$1, t as ErrorBoundary } from "./boundary-B17cepvm.js";
+import { n as Error$1, t as ErrorBoundary } from "./boundary-DnjGgsK6.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useEventListener } from "@jbpark/use-hooks";
 //#region src/components/error/guard.tsx
 const Guard = ({ children, onError }) => {
 	const [error, setError] = useState(null);
+	const messages = useLiveMessages();
 	const containerRef = useRef(null);
 	const errorHandled = useRef(false);
+	const messagesRef = useRef(messages);
+	useEffect(() => {
+		messagesRef.current = messages;
+	});
 	useEventListener("error", (event) => {
 		if (errorHandled.current) return;
 		errorHandled.current = true;
-		const errorMessage = event.error?.message || event.message || "Unknown error";
+		const errorMessage = event.error?.message || event.message || messagesRef.current.errors.unknown;
 		console.error("⚡ [Guard] Event handler error:", errorMessage);
 		event.preventDefault();
 		setError(errorMessage);
@@ -25,7 +31,7 @@ const Guard = ({ children, onError }) => {
 		const handleUnhandledRejection = (event) => {
 			if (errorHandled.current) return;
 			errorHandled.current = true;
-			const errorMessage = event.reason?.message || "Promise rejection";
+			const errorMessage = event.reason?.message || messagesRef.current.errors.unhandledRejection;
 			event.preventDefault();
 			setError(errorMessage);
 			onError?.(event.reason || new window.Error(errorMessage));
@@ -39,7 +45,7 @@ const Guard = ({ children, onError }) => {
 		};
 	}, [onError]);
 	if (error) return /* @__PURE__ */ jsx(Error$1, {
-		title: "Runtime Error",
+		title: messages.errors.runtime,
 		message: error,
 		className: "m-4",
 		onReset: () => {
@@ -56,6 +62,7 @@ const Guard = ({ children, onError }) => {
 //#region src/components/error/runtime.tsx
 const Runtime = ({ open = true, reset }) => {
 	const { error: message, setError } = useError();
+	const messages = useLiveMessages();
 	useEventListener("error", (e) => {
 		setError(e.message);
 		e.preventDefault();
@@ -67,7 +74,7 @@ const Runtime = ({ open = true, reset }) => {
 	return /* @__PURE__ */ jsx(Error$1, {
 		message,
 		onReset: reset,
-		title: "Runtime Error"
+		title: messages.errors.runtime
 	});
 };
 //#endregion
@@ -79,4 +86,4 @@ Error.Guard = Guard;
 //#endregion
 export { Runtime as n, Guard as r, Error as t };
 
-//# sourceMappingURL=error-DWhxQEom.js.map
+//# sourceMappingURL=error-DwqwjJ2C.js.map

package/dist/error-DwqwjJ2C.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-DwqwjJ2C.js","names":["ErrorComponent","Error","ErrorImpl","ErrorRuntime","ErrorGuard"],"sources":["../src/components/error/guard.tsx","../src/components/error/runtime.tsx","../src/components/error/index.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useEventListener } from '@jbpark/use-hooks';\n\nimport { useLiveMessages } from '~/components/context/messages';\n\nimport ErrorComponent from './error';\n\nexport interface Props {\n  children: React.ReactNode;\n  onError?: (error: Error) => void;\n}\n\nconst Guard = ({ children, onError }: Props) => {\n  const [error, setError] = useState<string | null>(null);\n  const messages = useLiveMessages();\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const errorHandled = useRef(false);\n  // Read by the listeners, so new messages don't subscribe them again.\n  const messagesRef = useRef(messages);\n\n  useEffect(() => {\n    messagesRef.current = messages;\n  });\n\n  useEventListener(\n    'error',\n    event => {\n      if (errorHandled.current) {\n        return;\n      }\n\n      errorHandled.current = true;\n\n      const errorMessage =\n        event.error?.message ||\n        event.message ||\n        messagesRef.current.errors.unknown;\n\n      console.error('⚡ [Guard] Event handler error:', errorMessage);\n\n      event.preventDefault();\n\n      setError(errorMessage);\n      onError?.(event.error || new window.Error(errorMessage));\n\n      setTimeout(() => {\n        errorHandled.current = false;\n      }, 100);\n    },\n    { capture: true },\n  );\n\n  useEffect(() => {\n    const container = containerRef.current;\n\n    if (!container) {\n      return;\n    }\n\n    const handleUnhandledRejection = (event: PromiseRejectionEvent) => {\n      if (errorHandled.current) {\n        return;\n      }\n\n      errorHandled.current = true;\n\n      const errorMessage =\n        event.reason?.message || messagesRef.current.errors.unhandledRejection;\n\n      event.preventDefault();\n      setError(errorMessage);\n      onError?.(event.reason || new window.Error(errorMessage));\n\n      setTimeout(() => {\n        errorHandled.current = false;\n      }, 100);\n    };\n\n    window.addEventListener(\n      'unhandledrejection',\n      handleUnhandledRejection,\n      true,\n    );\n\n    return () => {\n      window.removeEventListener(\n        'unhandledrejection',\n        handleUnhandledRejection,\n        true,\n      );\n    };\n  }, [onError]);\n\n  if (error) {\n    return (\n      <ErrorComponent\n        title={messages.errors.runtime}\n        message={error}\n        className=\"m-4\"\n        onReset={() => {\n          setError(null);\n          errorHandled.current = false;\n        }}\n      />\n    );\n  }\n\n  return <div ref={containerRef}>{children}</div>;\n};\n\nexport default Guard;\n","import { useEffect } from 'react';\n\nimport { useEventListener } from '@jbpark/use-hooks';\n\nimport { useLiveMessages } from '~/components/context/messages';\nimport { useError } from '~/components/context/states';\n\nimport Error from './error';\n\nexport interface Props extends React.ComponentPropsWithRef<'div'> {\n  open?: boolean;\n  reset?: () => void;\n}\n\nconst Runtime = ({ open = true, reset }: Props) => {\n  const { error: message, setError } = useError();\n  const messages = useLiveMessages();\n\n  useEventListener('error', e => {\n    setError(e.message);\n    e.preventDefault();\n  });\n\n  useEffect(() => {\n    return () => setError(null);\n  }, [setError]);\n\n  if (!open) {\n    return null;\n  }\n\n  return (\n    <Error message={message} onReset={reset} title={messages.errors.runtime} />\n  );\n};\n\nexport default Runtime;\n","import ErrorBoundary from './boundary';\nimport ErrorImpl, { type Props } from './error';\nimport ErrorGuard from './guard';\nimport ErrorRuntime from './runtime';\n\ntype ErrorComponent = typeof ErrorImpl & {\n  Boundary: typeof ErrorBoundary;\n  Runtime: typeof ErrorRuntime;\n  Guard: typeof ErrorGuard;\n};\n\nconst Error = ErrorImpl as ErrorComponent;\n\nError.Boundary = ErrorBoundary;\nError.Runtime = ErrorRuntime;\nError.Guard = ErrorGuard;\n\nexport { ErrorBoundary, ErrorRuntime, ErrorGuard };\nexport type { Props };\nexport default Error;\n"],"mappings":";;;;;;;AAaA,MAAM,SAAS,EAAE,UAAU,cAAqB;CAC9C,MAAM,CAAC,OAAO,YAAY,SAAwB,IAAI;CACtD,MAAM,WAAW,gBAAgB;CAEjC,MAAM,eAAe,OAAuB,IAAI;CAChD,MAAM,eAAe,OAAO,KAAK;CAEjC,MAAM,cAAc,OAAO,QAAQ;CAEnC,gBAAgB;EACd,YAAY,UAAU;CACxB,CAAC;CAED,iBACE,UACA,UAAS;EACP,IAAI,aAAa,SACf;EAGF,aAAa,UAAU;EAEvB,MAAM,eACJ,MAAM,OAAO,WACb,MAAM,WACN,YAAY,QAAQ,OAAO;EAE7B,QAAQ,MAAM,kCAAkC,YAAY;EAE5D,MAAM,eAAe;EAErB,SAAS,YAAY;EACrB,UAAU,MAAM,SAAS,IAAI,OAAO,MAAM,YAAY,CAAC;EAEvD,iBAAiB;GACf,aAAa,UAAU;EACzB,GAAG,GAAG;CACR,GACA,EAAE,SAAS,KAAK,CAClB;CAEA,gBAAgB;EAGd,IAAI,CAFc,aAAa,SAG7B;EAGF,MAAM,4BAA4B,UAAiC;GACjE,IAAI,aAAa,SACf;GAGF,aAAa,UAAU;GAEvB,MAAM,eACJ,MAAM,QAAQ,WAAW,YAAY,QAAQ,OAAO;GAEtD,MAAM,eAAe;GACrB,SAAS,YAAY;GACrB,UAAU,MAAM,UAAU,IAAI,OAAO,MAAM,YAAY,CAAC;GAExD,iBAAiB;IACf,aAAa,UAAU;GACzB,GAAG,GAAG;EACR;EAEA,OAAO,iBACL,sBACA,0BACA,IACF;EAEA,aAAa;GACX,OAAO,oBACL,sBACA,0BACA,IACF;EACF;CACF,GAAG,CAAC,OAAO,CAAC;CAEZ,IAAI,OACF,OACE,oBAACA,SAAD;EACE,OAAO,SAAS,OAAO;EACvB,SAAS;EACT,WAAU;EACV,eAAe;GACb,SAAS,IAAI;GACb,aAAa,UAAU;EACzB;CACD,CAAA;CAIL,OAAO,oBAAC,OAAD;EAAK,KAAK;EAAe;CAAc,CAAA;AAChD;;;AChGA,MAAM,WAAW,EAAE,OAAO,MAAM,YAAmB;CACjD,MAAM,EAAE,OAAO,SAAS,aAAa,SAAS;CAC9C,MAAM,WAAW,gBAAgB;CAEjC,iBAAiB,UAAS,MAAK;EAC7B,SAAS,EAAE,OAAO;EAClB,EAAE,eAAe;CACnB,CAAC;CAED,gBAAgB;EACd,aAAa,SAAS,IAAI;CAC5B,GAAG,CAAC,QAAQ,CAAC;CAEb,IAAI,CAAC,MACH,OAAO;CAGT,OACE,oBAACC,SAAD;EAAgB;EAAS,SAAS;EAAO,OAAO,SAAS,OAAO;CAAU,CAAA;AAE9E;;;ACvBA,MAAM,QAAQC;AAEd,MAAM,WAAW;AACjB,MAAM,UAAUC;AAChB,MAAM,QAAQC"}

package/dist/index-CHknA6k1.d.ts

@@ -0,0 +1,221 @@
+import { b as ExtractedNodeValue$1, c as BindingItem, d as BindingOptions, f as BindingRegistry, g as BindingType, l as BindingKeyMap, m as BindingRenderMap, v as DataAttrNode, x as NodeValueType$1, y as EditableNodeValueType$1 } from "./validate-DB59Z_Nx.js";
+import { C as ObjectExpression, S as Node, b as Expression, x as File, y as ArrayExpression } from "./document-Ct4jW78J.js";
+//#region node_modules/.pnpm/@babel+parser@7.29.9/node_modules/@babel/parser/typings/babel-parser.d.ts
+declare class Position {
+  line: number;
+  column: number;
+  index: number;
+  constructor(line: number, col: number, index: number);
+}
+type SyntaxPlugin = "flow" | "typescript" | "jsx" | "functionBind" | "pipelineOperator" | "placeholders";
+type ParseErrorCode = "BABEL_PARSER_SYNTAX_ERROR" | "BABEL_PARSER_SOURCETYPE_MODULE_REQUIRED";
+interface ParseErrorSpecification<ErrorDetails> {
+  code: ParseErrorCode;
+  reasonCode: string;
+  syntaxPlugin?: SyntaxPlugin;
+  missingPlugin?: string | string[];
+  loc: Position;
+  details: ErrorDetails;
+  pos: number;
+}
+type ParseError$1<ErrorDetails> = SyntaxError & ParseErrorSpecification<ErrorDetails>;
+type ParseError = ParseError$1<object>;
+type ParseResult<Result extends File | Expression = File> = Result & {
+  comments: File["comments"];
+  errors: null | ParseError[];
+  tokens?: File["tokens"];
+};
+//#endregion
+//#region src/utils/ast/extract.d.ts
+declare function extract(raw: string, options?: BindingOptions): DataAttrNode[];
+declare function clearExtractCache$1(): void;
+//#endregion
+//#region src/utils/ast/items.d.ts
+type ItemKind$1 = 'object' | 'primitive';
+interface ArrayItem$1 {
+  index: number;
+  kind: ItemKind$1;
+  node: Expression;
+}
+//#endregion
+//#region src/utils/ast/binding.d.ts
+declare const findEditableChildren: (node: DataAttrNode) => DataAttrNode[];
+//#endregion
+//#region src/utils/ast/value.d.ts
+declare const parseValue: (value: unknown) => unknown;
+type EditablePathSegment = string | number;
+type EditablePrimitive = string | number | boolean;
+interface EditableValueEntry {
+  path: EditablePathSegment[];
+  value: EditablePrimitive;
+}
+declare const flattenEditableValue: (value: string) => EditableValueEntry[] | null;
+declare const setEditableValue: (value: string, path: EditablePathSegment[], next: EditablePrimitive) => string;
+//#endregion
+//#region src/utils/ast/update.d.ts
+type UpdateFailure = {
+  reason: 'element-not-found';
+  dataId: string;
+} | {
+  reason: 'no-binding';
+  dataId: string;
+} | {
+  reason: 'reserved-property';
+  dataId: string;
+  property: string;
+} | {
+  reason: 'required-property';
+  dataId: string;
+  property: string;
+} | {
+  reason: 'binding-not-declared';
+  dataId: string;
+  label: string;
+  property?: string;
+} | {
+  reason: 'duplicate-binding';
+  dataId: string;
+  label: string;
+  property?: string;
+  count: number;
+} | {
+  reason: 'attribute-not-found';
+  dataId: string;
+  property: string;
+} | {
+  reason: 'unsupported-syntax';
+  dataId: string;
+  property: string;
+} | {
+  reason: 'parse-error';
+  error: unknown;
+};
+interface UpdateResult {
+  code: string;
+  success: boolean;
+  failure?: UpdateFailure;
+  failures?: UpdateFailure[];
+}
+declare const update: (code: string, dataId: string, label: string, value: unknown, property?: string, options?: BindingOptions) => UpdateResult;
+interface UpdateEntry {
+  dataId: string;
+  label: string;
+  value: unknown;
+  property?: string;
+}
+type UpdateAllResult = {
+  success: true;
+  code: string;
+} | {
+  success: false;
+  code: string;
+  failure: UpdateFailure;
+  index: number;
+};
+declare const updateAll: (raw: string, entries: UpdateEntry[], options?: BindingOptions) => UpdateAllResult;
+/**
+ * @deprecated Not atomic: when an entry fails, the ones before and after it
+ * are still applied, and the returned `code` carries them. Use `updateAll`,
+ * which applies every entry or none. Will be removed in the next major.
+ */
+declare const bulkUpdate: (raw: string, entries: UpdateEntry[]) => UpdateResult;
+//#endregion
+//#region src/utils/ast/children.d.ts
+type ChildrenAction = {
+  type: 'move';
+  from: number;
+  to: number;
+} | {
+  type: 'move-selected';
+  indices: number[];
+  direction: 'up' | 'down';
+} | {
+  type: 'remove' | 'duplicate';
+  indices: number[];
+} | {
+  type: 'append';
+};
+interface ChildrenEdit {
+  kind: 'children-edit';
+  expected: string[];
+  action: ChildrenAction;
+}
+declare const getChildrenSignatures: (nodes: DataAttrNode[]) => string[];
+//#endregion
+//#region src/utils/ast/index.d.ts
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+declare const appendArrayItem: (code: string, kind: ItemKind$1, generateId?: () => string) => string | null;
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+declare const duplicateArrayItems: (code: string, indices: Set<number>, generateId?: () => string) => string | null;
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+declare const moveArrayItem: (code: string, from: number, to: number) => string | null;
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+declare const moveArrayItems: (code: string, indices: Set<number>, direction: "up" | "down") => {
+  code: string;
+  indices: Set<number>;
+} | null;
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+declare const parseItems: (code: string) => ArrayItem$1[] | null;
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+declare const removeArrayItems: (code: string, indices: Set<number>, kind?: ItemKind$1) => string | null;
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+declare const updateArrayItemProperty: (code: string, index: number, key: string, value: unknown, render?: BindingRenderMap) => string | null;
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+declare const updateArrayItemValue: (code: string, index: number, value: unknown) => string | null;
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+declare const parseArrayExpression: (value: string) => ArrayExpression | null;
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+declare const arrayExpressionToCode: (elements: ObjectExpression[]) => string;
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+declare const canStructurallyEditArray: (source: string) => boolean;
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+type ArrayItem = ArrayItem$1;
+/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
+type ItemKind = ItemKind$1;
+/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */
+declare const extractNodeValue: (node: Node) => ExtractedNodeValue$1;
+/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */
+declare const extractObjectProperties: (element: ObjectExpression) => Record<string, ExtractedNodeValue$1 & {
+  astNode: Node;
+}>;
+/** @deprecated Internal. Write values through `update` or `PanelBinding.onChange`. Removed in the next major. */
+declare const createNodeFromValue: (type: NodeValueType$1, value: unknown) => Expression | null;
+/** @deprecated Internal. Check `PanelBinding.canEditValue` instead. Removed in the next major. */
+declare const canLosslesslyEvaluateSource: (source: string) => boolean;
+/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */
+declare const getCurrentValue: (node: DataAttrNode, property: string) => string;
+/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */
+declare const getStructuredValue: (node: DataAttrNode, property: string, type?: BindingType) => unknown;
+/** @deprecated Internal. Removed in the next major. */
+type ExtractedNodeValue = ExtractedNodeValue$1;
+/** @deprecated Internal. Removed in the next major. */
+type NodeValueType = NodeValueType$1;
+/** @deprecated Internal. Removed in the next major. */
+type EditableNodeValueType = EditableNodeValueType$1;
+/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
+declare const parseBinding: (bindingValue: string | null) => BindingItem[];
+/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
+declare const parseBindingExpression: (expression: ArrayExpression) => BindingItem[];
+/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
+declare const readNodeBindings: (node: DataAttrNode) => BindingItem[];
+/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
+declare const resolveBindings: (own: BindingItem[] | undefined, key: string | null | undefined, tagName: string, options?: BindingOptions) => BindingItem[];
+/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
+declare const getKeyBindings: (bindingKeys: BindingKeyMap | undefined, key: string) => BindingItem[] | undefined;
+/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
+declare const getRegistryBindings: (registry: BindingRegistry | undefined, tagName: string) => BindingItem[] | undefined;
+/** @deprecated Internal. Removed in the next major. */
+declare const isComponentTagName: (tagName: string) => boolean;
+/** @deprecated Internal. Removed in the next major. */
+declare const fillIds: (code: string, generateId?: () => string) => string;
+/** @deprecated Internal. Removed in the next major. */
+declare const replaceIds: (code: string, generateId?: () => string) => string;
+/** @deprecated Internal. Removed in the next major. */
+declare const clone: (element: Node, generateId?: () => string) => ParseResult<Expression>;
+/** @deprecated Internal. Removed in the next major. */
+declare const generateCode: (node: Node) => string;
+/** @deprecated Internal. Use `clearEditorCaches` from `./utils`. Removed in the next major. */
+declare const clearExtractCache: typeof clearExtractCache$1;
+//#endregion
+export { removeArrayItems as A, UpdateFailure as B, moveArrayItem as C, parseBindingExpression as D, parseBinding as E, ChildrenAction as F, EditablePathSegment as G, bulkUpdate as H, ChildrenEdit as I, flattenEditableValue as J, EditablePrimitive as K, getChildrenSignatures as L, resolveBindings as M, updateArrayItemProperty as N, parseItems as O, updateArrayItemValue as P, extract as Q, UpdateAllResult as R, isComponentTagName as S, parseArrayExpression as T, update as U, UpdateResult as V, updateAll as W, setEditableValue as X, parseValue as Y, findEditableChildren as Z, generateCode as _, NodeValueType as a, getRegistryBindings as b, canLosslesslyEvaluateSource as c, clone as d, createNodeFromValue as f, fillIds as g, extractObjectProperties as h, ItemKind as i, replaceIds as j, readNodeBindings as k, canStructurallyEditArray as l, extractNodeValue as m, EditableNodeValueType as n, appendArrayItem as o, duplicateArrayItems as p, EditableValueEntry as q, ExtractedNodeValue as r, arrayExpressionToCode as s, ArrayItem as t, clearExtractCache as u, getCurrentValue as v, moveArrayItems as w, getStructuredValue as x, getKeyBindings as y, UpdateEntry as z };
+//# sourceMappingURL=index-CHknA6k1.d.ts.map

package/dist/{index-CtlUYnWq.d.ts → index-P9Aifaui.d.ts}

@@ -1,5 +1,6 @@
-import { $ as BindingWidget, Q as BindingType, Y as BindingOption, Z as BindingRenderMap, et as DataAttrNode, f as UpdateFailure } from "./index-w3kLcCXl.js";
+import { _ as BindingWidget, d as BindingOptions, f as BindingRegistry, g as BindingType, l as BindingKeyMap, m as BindingRenderMap, u as BindingOption, v as DataAttrNode } from "./validate-DB59Z_Nx.js";
 import { v as Section } from "./document-Ct4jW78J.js";
+import { B as UpdateFailure } from "./index-CHknA6k1.js";
 import { t as FrameProps } from "./index-DpDU1IAw.js";
 import { useMultiSelect } from "@jbpark/use-hooks";
 //#region src/components/dnd/panel/field.d.ts
@@ -56,6 +57,7 @@ interface DndInspector {
   deactivate: () => void;
   toggle: () => void;
   picked: DndNodePick | null;
+  highlight: (id: string | null) => void;
 }
 declare const useDndInspector: () => DndInspector;
 //#endregion
@@ -88,8 +90,13 @@ interface PanelBinding {
   rawValue: string;
   canEditValue?: boolean;
   present?: boolean;
+  element?: PanelBindingElement;
   onChange: (value: unknown) => void;
 }
+interface PanelBindingElement {
+  tagName: string;
+  text: string;
+}
 type PanelBindingData = Omit<PanelBinding, 'onChange'>;
 interface PanelBindingSource {
   id: string;
@@ -124,6 +131,7 @@ interface DndPanel {
   onNodeChange: PanelNodeChange;
   onNodesChange: PanelNodesChange;
   readOnly: boolean;
+  bindingOptions: BindingOptions;
 }
 interface Props extends Omit<React.ComponentPropsWithRef<'div'>, 'onChange'> {
   value?: string;
@@ -141,10 +149,12 @@ interface Props extends Omit<React.ComponentPropsWithRef<'div'>, 'onChange'> {
   onBeforeDelete?: (section: Section) => boolean | Promise<boolean>;
   sectionNameFallback?: (index: number) => string;
   containerId?: string;
+  bindings?: BindingRegistry;
+  bindingKeys?: BindingKeyMap;
   onNodePick?: (pick: DndNodePick) => void;
   children?: React.ReactNode;
 }
-declare const Dnd$1: ({ value: _value, props, modules: _modules, onChange: _onChange, className, items, frame, dynamicTailwind, provider, renderField, onEditError, renderSectionFallback, shouldForceSectionFallback, onBeforeDelete, sectionNameFallback, containerId, onNodePick, children, ...restProps }: Props) => import("react").JSX.Element;
+declare const Dnd$1: ({ value: _value, props, modules: _modules, onChange: _onChange, className, items, frame, dynamicTailwind, provider, renderField, onEditError, renderSectionFallback, shouldForceSectionFallback, onBeforeDelete, sectionNameFallback, containerId, bindings: bindingRegistry, bindingKeys, onNodePick, children, ...restProps }: Props) => import("react").JSX.Element;
 //#endregion
 //#region src/components/dnd/draggable.d.ts
 interface DraggableItemDragState {
@@ -309,5 +319,5 @@ type ChildrenEditor = DndChildren;
 /** @deprecated Renamed to `DndChildrenOptions`. */
 type ChildrenEditorOptions = DndChildrenOptions;
 //#endregion
-export { DndNodePick as $, useDndPanel as A, DndPalette as B, useDndItems as C, DndLayout as D, useDndChildren as E, Palette as F, PanelBinding as G, Props as H, Panel as I, PanelNodeChange as J, PanelBindingData as K, DraggableItem as L, DndLayoutProps as M, DndRegionProps as N, useDndLayout as O, Layout as P, DndInspector as Q, DraggableItemDragState as R, DndItemsOptions as S, DndChildrenOptions as T, DndRenderSectionFallback as U, DndPanel as V, DndSectionFallbackArgs as W, resolvePanelBindings as X, PanelNodesChange as Y, withPanelCommit as Z, DndItemsActions as _, ItemsEditorActions as a, DndItemsNestedElement as b, ItemsEditorNestedGroup as c, useItemsEditor as d, useDndInspector as et, FieldKind as f, DndItems as g, isStructuralFieldKind as h, ItemsEditor as i, FieldProps as it, Canvas as j, useDndPalette as k, ItemsEditorOptions as l, getFieldKind as m, ChildrenEditorOptions as n, DndRenderField as nt, ItemsEditorItem as o, FieldKindBinding as p, PanelBindingSource as q, Dnd as r, Field as rt, ItemsEditorNestedElement as s, ChildrenEditor as t, DndEditError as tt, useChildrenEditor as u, DndItemsExpansion as v, DndChildren as w, DndItemsNestedGroup as x, DndItemsItem as y, DraggableItemProps as z };
-//# sourceMappingURL=index-CtlUYnWq.d.ts.map
+export { DndInspector as $, useDndPanel as A, DndPalette as B, useDndItems as C, DndLayout as D, useDndChildren as E, Palette as F, PanelBinding as G, Props as H, Panel as I, PanelBindingSource as J, PanelBindingData as K, DraggableItem as L, DndLayoutProps as M, DndRegionProps as N, useDndLayout as O, Layout as P, withPanelCommit as Q, DraggableItemDragState as R, DndItemsOptions as S, DndChildrenOptions as T, DndRenderSectionFallback as U, DndPanel as V, DndSectionFallbackArgs as W, PanelNodesChange as X, PanelNodeChange as Y, resolvePanelBindings as Z, DndItemsActions as _, ItemsEditorActions as a, FieldProps as at, DndItemsNestedElement as b, ItemsEditorNestedGroup as c, useItemsEditor as d, DndNodePick as et, FieldKind as f, DndItems as g, isStructuralFieldKind as h, ItemsEditor as i, Field as it, Canvas as j, useDndPalette as k, ItemsEditorOptions as l, getFieldKind as m, ChildrenEditorOptions as n, DndEditError as nt, ItemsEditorItem as o, FieldKindBinding as p, PanelBindingElement as q, Dnd as r, DndRenderField as rt, ItemsEditorNestedElement as s, ChildrenEditor as t, useDndInspector as tt, useChildrenEditor as u, DndItemsExpansion as v, DndChildren as w, DndItemsNestedGroup as x, DndItemsItem as y, DraggableItemProps as z };
+//# sourceMappingURL=index-P9Aifaui.d.ts.map

package/dist/index-WQgFy510.d.ts

@@ -0,0 +1,11 @@
+import { n as LiveMessagesInput } from "./messages-Cp3g1mn1.js";
+import React from "react";
+//#region src/components/context/context.d.ts
+interface Props {
+  children?: React.ReactNode;
+  messages?: LiveMessagesInput;
+}
+declare const ContextProvider: ({ children, messages }: Props) => React.JSX.Element;
+//#endregion
+export { Props as n, ContextProvider as t };
+//# sourceMappingURL=index-WQgFy510.d.ts.map

package/dist/{index-C4SGQ3Ci.d.ts → index-vtyggWy0.d.ts}

@@ -1,3 +1,4 @@
+import { t as LiveMessages } from "./messages-Cp3g1mn1.js";
 import React$1 from "react";
 //#region src/components/error/boundary.d.ts
 interface Props$3 {
@@ -12,6 +13,8 @@ interface State {
   resetKeys?: readonly unknown[];
 }
 declare class ErrorBoundary extends React$1.Component<Props$3, State> {
+  static contextType: React$1.Context<LiveMessages>;
+  context: LiveMessages;
   constructor(props: Props$3);
   static getDerivedStateFromError(error: Error): Partial<State>;
   componentDidCatch(error: Error, errorInfo: React$1.ErrorInfo): void;
@@ -51,4 +54,4 @@ type ErrorComponent = typeof Error$2 & {
 declare const Error$1: ErrorComponent;
 //#endregion
 export { Props$1 as a, Guard as i, Props as n, Props$2 as o, Runtime as r, ErrorBoundary as s, Error$1 as t };
-//# sourceMappingURL=index-C4SGQ3Ci.d.ts.map
+//# sourceMappingURL=index-vtyggWy0.d.ts.map

package/dist/index.d.ts

@@ -1,25 +1,26 @@
+import { d as BindingOptions, f as BindingRegistry, h as BindingSchema, l as BindingKeyMap } from "./validate-DB59Z_Nx.js";
+import { i as useLiveMessages, n as LiveMessagesInput, r as defaultMessages, t as LiveMessages } from "./messages-Cp3g1mn1.js";
+import { n as Props } from "./index-WQgFy510.js";
 import { v as Section } from "./document-Ct4jW78J.js";
 import { t as FrameProps } from "./index-DpDU1IAw.js";
-import { $ as DndNodePick, B as DndPalette, D as DndLayout, F as Palette, G as PanelBinding, H as Props, I as Panel, J as PanelNodeChange, P as Layout, Q as DndInspector, S as DndItemsOptions, U as DndRenderSectionFallback, V as DndPanel, W as DndSectionFallbackArgs, Y as PanelNodesChange, g as DndItems, i as ItemsEditor, it as FieldProps, j as Canvas, l as ItemsEditorOptions, nt as DndRenderField, o as ItemsEditorItem, r as Dnd, tt as DndEditError, y as DndItemsItem, z as DraggableItemProps } from "./index-CtlUYnWq.js";
-import { a as Props$2, n as EditorRenderData, r as Props$1, t as Editor } from "./index-13BDSrQc.js";
-import { a as Props$5, n as Props$4, o as Props$3, s as ErrorBoundary, t as Error } from "./index-C4SGQ3Ci.js";
-import { n as Preview, r as Props$6 } from "./index-DQkL37eL.js";
+import { $ as DndInspector, B as DndPalette, D as DndLayout, F as Palette, G as PanelBinding, H as Props$1, I as Panel, P as Layout, S as DndItemsOptions, U as DndRenderSectionFallback, V as DndPanel, W as DndSectionFallbackArgs, X as PanelNodesChange, Y as PanelNodeChange, at as FieldProps, et as DndNodePick, g as DndItems, i as ItemsEditor, j as Canvas, l as ItemsEditorOptions, nt as DndEditError, o as ItemsEditorItem, r as Dnd, rt as DndRenderField, y as DndItemsItem, z as DraggableItemProps } from "./index-P9Aifaui.js";
+import { a as Props$3, n as EditorRenderData, r as Props$2, t as Editor } from "./index-13BDSrQc.js";
+import { a as Props$6, n as Props$5, o as Props$4, s as ErrorBoundary, t as Error } from "./index-vtyggWy0.js";
+import { n as Preview, r as Props$7 } from "./index-DQkL37eL.js";
 //#region src/index.d.ts
 declare const App: {
-  ({ children }: {
-    children?: React.ReactNode;
-  }): import("react").JSX.Element;
-  Preview: ({ code, props, modules, dynamicTailwind, provider, ...restProps }: Props$6) => import("react").JSX.Element;
-  Renderer: ({ code, props, modules, dynamicTailwind, provider, ...restProps }: Props$6) => import("react").JSX.Element;
-  Error: (({ message, title, className, onReset }: Props$3) => import("react").JSX.Element | null) & {
+  ({ children, messages }: Props): import("react").JSX.Element;
+  Preview: ({ code, props, modules, dynamicTailwind, provider, ...restProps }: Props$7) => import("react").JSX.Element;
+  Renderer: ({ code, props, modules, dynamicTailwind, provider, ...restProps }: Props$7) => import("react").JSX.Element;
+  Error: (({ message, title, className, onReset }: Props$4) => import("react").JSX.Element | null) & {
     Boundary: typeof ErrorBoundary;
-    Runtime: ({ open, reset }: Props$4) => import("react").JSX.Element | null;
-    Guard: ({ children, onError }: Props$5) => import("react").JSX.Element;
+    Runtime: ({ open, reset }: Props$5) => import("react").JSX.Element | null;
+    Guard: ({ children, onError }: Props$6) => import("react").JSX.Element;
   };
-  Editor: (({ defaultValue, value: _value, debounce, onChange: _onChange, renderEditor, fragment, prettierOptions, ...props }: Props$1) => import("react").JSX.Element) & {
-    Core: ({ value, theme, height, className, prettierOptions, fragment, raw, onChange, onSave, onError, ...props }: Props$2) => import("react").JSX.Element;
+  Editor: (({ defaultValue, value: _value, debounce, onChange: _onChange, renderEditor, fragment, prettierOptions, ...props }: Props$2) => import("react").JSX.Element) & {
+    Core: ({ value, theme, height, className, prettierOptions, fragment, raw, onChange, onSave, onError, ...props }: Props$3) => import("react").JSX.Element;
   };
-  Dnd: (({ value: _value, props, modules: _modules, onChange: _onChange, className, items, frame, dynamicTailwind, provider, renderField, onEditError, renderSectionFallback, shouldForceSectionFallback, onBeforeDelete, sectionNameFallback, containerId, onNodePick, children, ...restProps }: Props) => import("react").JSX.Element) & {
+  Dnd: (({ value: _value, props, modules: _modules, onChange: _onChange, className, items, frame, dynamicTailwind, provider, renderField, onEditError, renderSectionFallback, shouldForceSectionFallback, onBeforeDelete, sectionNameFallback, containerId, bindings: bindingRegistry, bindingKeys, onNodePick, children, ...restProps }: Props$1) => import("react").JSX.Element) & {
     DraggableItem: ({ item, children }: DraggableItemProps) => import("react").ReactNode;
     Field: (props: FieldProps) => import("react").JSX.Element;
     Palette: typeof Palette;
@@ -28,7 +29,7 @@ declare const App: {
     Layout: typeof Layout;
   };
 };
-declare const LiveRenderer: ({ code, props, modules, dynamicTailwind, provider, ...restProps }: Props$6) => import("react").JSX.Element;
+declare const LiveRenderer: ({ code, props, modules, dynamicTailwind, provider, ...restProps }: Props$7) => import("react").JSX.Element;
 //#endregion
-export { type DndEditError, type DndInspector, type DndItems, type DndItemsItem, type DndItemsOptions, type DndLayout, type DndNodePick, type DndPalette, type DndPanel, type DndRenderField, type DndRenderSectionFallback, type DndSectionFallbackArgs, type EditorRenderData, type FieldProps, type FrameProps, type ItemsEditor, type ItemsEditorItem, type ItemsEditorOptions, Dnd as LiveDnd, Editor as LiveEditor, Error as LiveError, Preview as LivePreview, App as LiveProvider, App as default, LiveRenderer, type PanelBinding, type PanelNodeChange, type PanelNodesChange, type Section };
+export { type BindingKeyMap, type BindingOptions, type BindingRegistry, type BindingSchema, type DndEditError, type DndInspector, type DndItems, type DndItemsItem, type DndItemsOptions, type DndLayout, type DndNodePick, type DndPalette, type DndPanel, type DndRenderField, type DndRenderSectionFallback, type DndSectionFallbackArgs, type EditorRenderData, type FieldProps, type FrameProps, type ItemsEditor, type ItemsEditorItem, type ItemsEditorOptions, Dnd as LiveDnd, Editor as LiveEditor, Error as LiveError, type LiveMessages, type LiveMessagesInput, Preview as LivePreview, App as LiveProvider, App as default, LiveRenderer, type PanelBinding, type PanelNodeChange, type PanelNodesChange, type Section, defaultMessages, useLiveMessages };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,12 +1,16 @@
-import { t as ContextProvider } from "./context-93X3gyfJ.js";
-import { t as Dnd } from "./dnd-x8Mvj--6.js";
-import { t as Editor } from "./editor-DvMruljw.js";
-import { t as Error } from "./error-DWhxQEom.js";
-import { t as Preview } from "./preview-BYck9mVK.js";
+import { i as useLiveMessages, n as defaultMessages } from "./messages-CzUPVnzH.js";
+import { t as ContextProvider } from "./context-DsEXJl4h.js";
+import { t as Dnd } from "./dnd-DGNp20Nk.js";
+import { t as Editor } from "./editor-DQ8Q--qR.js";
+import { t as Error } from "./error-DwqwjJ2C.js";
+import { t as Preview } from "./preview-BKFgq_5u.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/index.tsx
-const App = ({ children }) => {
-	return /* @__PURE__ */ jsx(ContextProvider, { children });
+const App = ({ children, messages }) => {
+	return /* @__PURE__ */ jsx(ContextProvider, {
+		messages,
+		children
+	});
 };
 const LiveRenderer = Preview;
 App.Preview = Preview;
@@ -15,6 +19,6 @@ App.Error = Error;
 App.Editor = Editor;
 App.Dnd = Dnd;
 //#endregion
-export { Dnd as LiveDnd, Editor as LiveEditor, Error as LiveError, Preview as LivePreview, App as LiveProvider, App as default, LiveRenderer };
+export { Dnd as LiveDnd, Editor as LiveEditor, Error as LiveError, Preview as LivePreview, App as LiveProvider, App as default, LiveRenderer, defaultMessages, useLiveMessages };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Context","LivePreview","LiveError","LiveEditor","LiveDnd"],"sources":["../src/index.tsx"],"sourcesContent":["import './index.css';\n\nimport Context from './components/context';\nimport LiveDnd, {\n  type DndEditError,\n  type DndInspector,\n  type DndItems,\n  type DndItemsItem,\n  type DndItemsOptions,\n  type DndLayout,\n  type DndNodePick,\n  type DndPalette,\n  type DndPanel,\n  type DndRenderField,\n  type DndRenderSectionFallback,\n  type DndSectionFallbackArgs,\n  type FieldProps,\n  type ItemsEditor,\n  type ItemsEditorItem,\n  type ItemsEditorOptions,\n  type PanelBinding,\n  type PanelNodeChange,\n  type PanelNodesChange,\n} from './components/dnd';\nimport LiveEditor, { type EditorRenderData } from './components/editor';\nimport LiveError from './components/error';\nimport { type FrameProps } from './components/frame';\nimport LivePreview from './components/preview';\nimport type { Section } from './types';\n\nconst App = ({ children }: { children?: React.ReactNode }) => {\n  return <Context>{children}</Context>;\n};\n\nconst LiveRenderer = LivePreview;\n\nexport {\n  LivePreview,\n  LiveError,\n  LiveEditor,\n  LiveDnd,\n  LiveRenderer,\n  App as LiveProvider,\n  //\n};\n\nexport type {\n  DndEditError,\n  DndRenderField,\n  DndRenderSectionFallback,\n  DndSectionFallbackArgs,\n  DndPalette,\n  DndPanel,\n  DndLayout,\n  DndInspector,\n  DndNodePick,\n  PanelBinding,\n  PanelNodeChange,\n  PanelNodesChange,\n  FieldProps,\n  DndItems,\n  DndItemsItem,\n  DndItemsOptions,\n  // Deprecated aliases of the three above, kept until the next major.\n  ItemsEditor,\n  ItemsEditorItem,\n  ItemsEditorOptions,\n  EditorRenderData,\n  FrameProps,\n  Section,\n};\n\nApp.Preview = LivePreview;\nApp.Renderer = LiveRenderer;\nApp.Error = LiveError;\nApp.Editor = LiveEditor;\nApp.Dnd = LiveDnd;\n\nexport default App;\n"],"mappings":";;;;;;;AA8BA,MAAM,OAAO,EAAE,eAA+C;CAC5D,OAAO,oBAACA,iBAAD,EAAU,SAAkB,CAAA;AACrC;AAEA,MAAM,eAAeC;AAsCrB,IAAI,UAAUA;AACd,IAAI,WAAW;AACf,IAAI,QAAQC;AACZ,IAAI,SAASC;AACb,IAAI,MAAMC"}
+{"version":3,"file":"index.js","names":["Context","LivePreview","LiveError","LiveEditor","LiveDnd"],"sources":["../src/index.tsx"],"sourcesContent":["import './index.css';\n\nimport Context, {\n  type Props as ContextProps,\n  type LiveMessages,\n  type LiveMessagesInput,\n} from './components/context';\nimport LiveDnd, {\n  type DndEditError,\n  type DndInspector,\n  type DndItems,\n  type DndItemsItem,\n  type DndItemsOptions,\n  type DndLayout,\n  type DndNodePick,\n  type DndPalette,\n  type DndPanel,\n  type DndRenderField,\n  type DndRenderSectionFallback,\n  type DndSectionFallbackArgs,\n  type FieldProps,\n  type ItemsEditor,\n  type ItemsEditorItem,\n  type ItemsEditorOptions,\n  type PanelBinding,\n  type PanelNodeChange,\n  type PanelNodesChange,\n} from './components/dnd';\nimport LiveEditor, { type EditorRenderData } from './components/editor';\nimport LiveError from './components/error';\nimport { type FrameProps } from './components/frame';\nimport LivePreview from './components/preview';\nimport type { Section } from './types';\nimport type {\n  BindingKeyMap,\n  BindingOptions,\n  BindingRegistry,\n  BindingSchema,\n} from './utils/ast/types';\n\nconst App = ({ children, messages }: ContextProps) => {\n  return <Context messages={messages}>{children}</Context>;\n};\n\nconst LiveRenderer = LivePreview;\n\n// The editor's text, for a host that translates it (#524). This is the\n// package entry, which Fast Refresh never reloads.\n// eslint-disable-next-line react-refresh/only-export-components\nexport { defaultMessages, useLiveMessages } from './components/context';\n\nexport {\n  LivePreview,\n  LiveError,\n  LiveEditor,\n  LiveDnd,\n  LiveRenderer,\n  App as LiveProvider,\n  //\n};\n\nexport type {\n  DndEditError,\n  DndRenderField,\n  DndRenderSectionFallback,\n  DndSectionFallbackArgs,\n  DndPalette,\n  DndPanel,\n  DndLayout,\n  DndInspector,\n  DndNodePick,\n  PanelBinding,\n  PanelNodeChange,\n  PanelNodesChange,\n  FieldProps,\n  DndItems,\n  DndItemsItem,\n  DndItemsOptions,\n  // Deprecated aliases of the three above, kept until the next major.\n  ItemsEditor,\n  ItemsEditorItem,\n  ItemsEditorOptions,\n  EditorRenderData,\n  FrameProps,\n  Section,\n  BindingRegistry,\n  BindingKeyMap,\n  BindingOptions,\n  BindingSchema,\n  LiveMessages,\n  LiveMessagesInput,\n};\n\nApp.Preview = LivePreview;\nApp.Renderer = LiveRenderer;\nApp.Error = LiveError;\nApp.Editor = LiveEditor;\nApp.Dnd = LiveDnd;\n\nexport default App;\n"],"mappings":";;;;;;;;AAwCA,MAAM,OAAO,EAAE,UAAU,eAA6B;CACpD,OAAO,oBAACA,iBAAD;EAAmB;EAAW;CAAkB,CAAA;AACzD;AAEA,MAAM,eAAeC;AAiDrB,IAAI,UAAUA;AACd,IAAI,WAAW;AACf,IAAI,QAAQC;AACZ,IAAI,SAASC;AACb,IAAI,MAAMC"}