@jbpark/live-editor 4.6.1 → 6.0.0

package/dist/edit-options-C_r9aCz4.d.ts

@@ -0,0 +1,100 @@
+import { a as BindingOption, d as BindingType, f as BindingWidget, l as BindingRenderMap, p as DataAttrNode } from "./types-Czps1Txy.js";
+import { r as UpdateFailure } from "./update-2PJbwoS8.js";
+//#region src/components/dnd/panel-binding.d.ts
+interface PanelNodeChange {
+  (params: {
+    id: string;
+    label: string;
+    property: string;
+    value: unknown;
+  }): void;
+}
+interface PanelNodesChange {
+  (changes: Parameters<PanelNodeChange>[0][]): void;
+}
+interface PanelBinding {
+  id: string;
+  label: string;
+  property: string;
+  type?: BindingType;
+  widget?: BindingWidget;
+  options?: BindingOption[];
+  render?: BindingRenderMap;
+  min?: number;
+  max?: number;
+  pattern?: string;
+  patternMessage?: string;
+  required?: boolean;
+  minLength?: number;
+  maxLength?: number;
+  step?: number;
+  minItems?: number;
+  maxItems?: number;
+  minDate?: string;
+  maxDate?: string;
+  protocols?: string[];
+  meta?: Record<string, unknown>;
+  value: unknown;
+  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;
+  tagName: string;
+  bindings: PanelBindingData[];
+}
+declare const resolvePanelBindings: (node: DataAttrNode) => PanelBindingSource | null;
+declare const withPanelCommit: (bindings: PanelBindingData[], commit: PanelNodeChange | undefined) => PanelBinding[];
+//#endregion
+//#region src/components/dnd/panel/types.d.ts
+interface FieldProps {
+  binding: PanelBinding;
+  onNodeChange?: PanelNodeChange;
+}
+//#endregion
+//#region src/components/dnd/edit-options.d.ts
+type DndEditError = {
+  type: 'update';
+  id: string;
+  label: string;
+  property: string;
+  failure: UpdateFailure | undefined;
+  title: string;
+  description?: string;
+} | {
+  type: 'parse';
+  target: 'section' | 'items';
+  error?: unknown;
+  title: string;
+  description?: string;
+} | {
+  type: 'parse';
+  target: 'document';
+  reason: 'parse-error';
+  error: unknown;
+  title: string;
+  description?: string;
+} | {
+  type: 'parse';
+  target: 'document';
+  reason: 'container-not-found';
+  containerId: string;
+  title: string;
+  description?: string;
+} | {
+  type: 'items';
+  title: string;
+  description?: string;
+};
+type DndRenderField = (props: FieldProps, builtin: React.ReactElement) => React.ReactNode | undefined;
+//#endregion
+export { PanelBindingData as a, PanelNodeChange as c, withPanelCommit as d, PanelBinding as i, PanelNodesChange as l, DndRenderField as n, PanelBindingElement as o, FieldProps as r, PanelBindingSource as s, DndEditError as t, resolvePanelBindings as u };
+//# sourceMappingURL=edit-options-C_r9aCz4.d.ts.map

package/dist/editor/index.d.ts

@@ -1,2 +1,2 @@
-import { a as Props, i as Core, n as EditorRenderData, r as Props$1, t as Editor } from "../index-13BDSrQc.js";
+import { a as Props, i as Core, n as EditorRenderData, r as Props$1, t as Editor } from "../index-C93npmTU.js";
 export { Core, type Props as CoreProps, type EditorRenderData, type Props$1 as Props, Editor as default };

package/dist/editor/index.js

@@ -1,3 +1,3 @@
-import { t as Core } from "../core-Bgfek364.js";
-import { t as Editor } from "../editor-CMElfHer.js";
+import { t as Core } from "../core-BNVuH8-l.js";
+import { t as Editor } from "../editor-CvnzrM9J.js";
 export { Core, Editor as default };

package/dist/{editor-CMElfHer.js → editor-CvnzrM9J.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-Bgfek364.js";
+import { n as useFormatCode, t as Core } from "./core-BNVuH8-l.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-CMElfHer.js.map
+//# sourceMappingURL=editor-CvnzrM9J.js.map

package/dist/{editor-CMElfHer.js.map → editor-CvnzrM9J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"editor-CMElfHer.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  // The same Prettier formatting the built-in editor uses on Cmd+S, for a\n  // custom editor's own format-on-save.\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  // Replaces the built-in CodeMirror editor. `Live.Editor` still sends the\n  // value to the provider, debounced; only the editing surface changes.\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 hears\n  // about it after `debounce`.\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":";;;;;;AA0BA,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;CAK9B,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;;;AC1HA,MAAM,SAASC;AAEf,OAAO,OAAO"}
+{"version":3,"file":"editor-CvnzrM9J.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  // The same Prettier formatting the built-in editor uses on Cmd+S, for a\n  // custom editor's own format-on-save.\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  // Replaces the built-in CodeMirror editor. `Live.Editor` still sends the\n  // value to the provider, debounced; only the editing surface changes.\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 hears\n  // about it after `debounce`.\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":";;;;;;AA0BA,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;CAK9B,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;;;AC1HA,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-CRwEhJ7w.js";
+import { i as Guard, o as Props, r as Runtime, s as ErrorBoundary, t as Error } from "../index-DfIvkht8.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-BLB80tyw.js";
-import { n as Runtime, r as Guard, t as Error } from "../error-CN_GCnXB.js";
+import { t as ErrorBoundary } from "../boundary-CySnDUs2.js";
+import { n as Runtime, r as Guard, t as Error } from "../error-CFzvnLCf.js";
 export { ErrorBoundary, Guard as ErrorGuard, Runtime as ErrorRuntime, Error as default };

package/dist/{error-CN_GCnXB.js → error-CFzvnLCf.js}

@@ -1,19 +1,15 @@
-import { i as useLiveMessages } from "./messages-CSrMI4Rm.js";
+import { i as useLiveMessages } from "./messages-DrINcRdG.js";
 import { r as useError } from "./states-Ci1AvoQ9.js";
-import { n as Error$1, t as ErrorBoundary } from "./boundary-BLB80tyw.js";
+import { n as Error$1, t as ErrorBoundary } from "./boundary-CySnDUs2.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useEventListener } from "@jbpark/use-hooks";
+import { useEventListener, useLatest } 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;
-	});
+	const messagesRef = useLatest(messages);
 	useEventListener("error", (event) => {
 		if (errorHandled.current) return;
 		errorHandled.current = true;
@@ -26,37 +22,27 @@ const Guard = ({ children, onError }) => {
 			errorHandled.current = false;
 		}, 100);
 	}, { capture: true });
-	useEffect(() => {
-		if (!containerRef.current) return;
-		const handleUnhandledRejection = (event) => {
-			if (errorHandled.current) return;
-			errorHandled.current = true;
-			const errorMessage = event.reason?.message || messagesRef.current.errors.unhandledRejection;
-			event.preventDefault();
-			setError(errorMessage);
-			onError?.(event.reason || new window.Error(errorMessage));
-			setTimeout(() => {
-				errorHandled.current = false;
-			}, 100);
-		};
-		window.addEventListener("unhandledrejection", handleUnhandledRejection, true);
-		return () => {
-			window.removeEventListener("unhandledrejection", handleUnhandledRejection, true);
-		};
-	}, [onError]);
+	useEventListener("unhandledrejection", (event) => {
+		if (errorHandled.current) return;
+		errorHandled.current = true;
+		const errorMessage = event.reason?.message || messagesRef.current.errors.unhandledRejection;
+		event.preventDefault();
+		setError(errorMessage);
+		onError?.(event.reason || new window.Error(errorMessage));
+		setTimeout(() => {
+			errorHandled.current = false;
+		}, 100);
+	}, { capture: true });
 	if (error) return /* @__PURE__ */ jsx(Error$1, {
 		title: messages.errors.runtime,
 		message: error,
-		className: "m-4",
+		style: { margin: 16 },
 		onReset: () => {
 			setError(null);
 			errorHandled.current = false;
 		}
 	});
-	return /* @__PURE__ */ jsx("div", {
-		ref: containerRef,
-		children
-	});
+	return /* @__PURE__ */ jsx("div", { children });
 };
 //#endregion
 //#region src/components/error/runtime.tsx
@@ -86,4 +72,4 @@ Error.Guard = Guard;
 //#endregion
 export { Runtime as n, Guard as r, Error as t };
 
-//# sourceMappingURL=error-CN_GCnXB.js.map
+//# sourceMappingURL=error-CFzvnLCf.js.map

package/dist/error-CFzvnLCf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-CFzvnLCf.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 { useRef, useState } from 'react';\n\nimport { useEventListener, useLatest } from '@jbpark/use-hooks';\n\nimport { useLiveMessages } from '~/components/context/messages';\n\nimport ErrorComponent from './error';\n\n// Exported although no file imports it: the declaration of `App` in\n// `src/index.tsx` names it, and TypeScript can't name a type from another\n// module unless it is exported (TS4023).\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 errorHandled = useRef(false);\n  // Read by the listeners, so new messages don't subscribe them again.\n  const messagesRef = useLatest(messages);\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  useEventListener(\n    'unhandledrejection',\n    event => {\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    { capture: true },\n  );\n\n  if (error) {\n    return (\n      <ErrorComponent\n        title={messages.errors.runtime}\n        message={error}\n        style={{ margin: 16 }}\n        onReset={() => {\n          setError(null);\n          errorHandled.current = false;\n        }}\n      />\n    );\n  }\n\n  return <div>{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\n// Exported although no file imports it: the declaration of `App` in\n// `src/index.tsx` names it, and TypeScript can't name a type from another\n// module unless it is exported (TS4023).\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":";;;;;;;AAgBA,MAAM,SAAS,EAAE,UAAU,cAAqB;CAC9C,MAAM,CAAC,OAAO,YAAY,SAAwB,IAAI;CACtD,MAAM,WAAW,gBAAgB;CAEjC,MAAM,eAAe,OAAO,KAAK;CAEjC,MAAM,cAAc,UAAU,QAAQ;CAEtC,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,iBACE,uBACA,UAAS;EACP,IAAI,aAAa,SACf;EAGF,aAAa,UAAU;EAEvB,MAAM,eACJ,MAAM,QAAQ,WAAW,YAAY,QAAQ,OAAO;EAEtD,MAAM,eAAe;EACrB,SAAS,YAAY;EACrB,UAAU,MAAM,UAAU,IAAI,OAAO,MAAM,YAAY,CAAC;EAExD,iBAAiB;GACf,aAAa,UAAU;EACzB,GAAG,GAAG;CACR,GACA,EAAE,SAAS,KAAK,CAClB;CAEA,IAAI,OACF,OACE,oBAACA,SAAD;EACE,OAAO,SAAS,OAAO;EACvB,SAAS;EACT,OAAO,EAAE,QAAQ,GAAG;EACpB,eAAe;GACb,SAAS,IAAI;GACb,aAAa,UAAU;EACzB;CACD,CAAA;CAIL,OAAO,oBAAC,OAAD,EAAM,SAAc,CAAA;AAC7B;;;ACzEA,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;;;AC1BA,MAAM,QAAQC;AAEd,MAAM,WAAW;AACjB,MAAM,UAAUC;AAChB,MAAM,QAAQC"}

package/dist/{index-DpDU1IAw.d.ts → index-92L7F440.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-//#region src/components/frame/iframe.d.ts
+//#region src/components/frame/iframe/iframe.d.ts
 interface Props {
   title?: string;
   /** Forwarded to the iframe's `sandbox` attribute for DOM/CSS isolation only — not a security boundary, since preview code executes in the host window's realm (see `compileModule` in `~/utils`). */
@@ -20,4 +20,4 @@ interface FrameProps extends Omit<Props, 'children'> {
 }
 //#endregion
 export { FrameProps as t };
-//# sourceMappingURL=index-DpDU1IAw.d.ts.map
+//# sourceMappingURL=index-92L7F440.d.ts.map

package/dist/{index-DrWtSKXu.d.ts → index-BZpZwrxT.d.ts}

@@ -1,4 +1,4 @@
-import { n as LiveMessagesInput } from "./messages-IBPs4TkZ.js";
+import { n as LiveMessagesInput } from "./messages-BpN3QIhj.js";
 import React from "react";
 //#region src/components/context/context.d.ts
 interface Props {
@@ -8,4 +8,4 @@ interface Props {
 declare const ContextProvider: ({ children, messages }: Props) => React.JSX.Element;
 //#endregion
 export { Props as n, ContextProvider as t };
-//# sourceMappingURL=index-DrWtSKXu.d.ts.map
+//# sourceMappingURL=index-BZpZwrxT.d.ts.map

package/dist/index-C8h8TcIl.d.ts

@@ -0,0 +1,15 @@
+//#region src/types/index.d.ts
+interface Module {
+  exports: {
+    default?: React.ComponentType<Record<string, unknown>>;
+  };
+  error?: string;
+}
+interface Section {
+  id: string;
+  name: string;
+  code: string;
+}
+//#endregion
+export { Section as n, Module as t };
+//# sourceMappingURL=index-C8h8TcIl.d.ts.map

package/dist/{index-13BDSrQc.d.ts → index-C93npmTU.d.ts}

@@ -1,6 +1,4 @@
-import { ComponentProps } from "react";
-import CodeEditor from "@jbpark/ui-kit/CodeEditor";
-import { Extension } from "@uiw/react-codemirror";
+import { Extension, ReactCodeMirrorProps } from "@uiw/react-codemirror";
 //#region src/components/editor/core.d.ts
 interface Props$1 {
   value: string;
@@ -13,8 +11,8 @@ interface Props$1 {
   onChange?: (value: string) => void;
   onSave?: (value: string) => void;
   onError?: (error: string | null) => void;
-  onCreateEditor?: ComponentProps<typeof CodeEditor>['onCreateEditor'];
-  onUpdate?: ComponentProps<typeof CodeEditor>['onUpdate'];
+  onCreateEditor?: ReactCodeMirrorProps['onCreateEditor'];
+  onUpdate?: ReactCodeMirrorProps['onUpdate'];
 }
 declare const Core: ({ value, theme, height, className, prettierOptions, fragment, raw, onChange, onSave, onError, ...props }: Props$1) => import("react").JSX.Element;
 //#endregion
@@ -39,4 +37,4 @@ type EditorComponent = typeof Editor$1 & {
 declare const Editor: EditorComponent;
 //#endregion
 export { Props$1 as a, Core as i, EditorRenderData as n, Props as r, Editor as t };
-//# sourceMappingURL=index-13BDSrQc.d.ts.map
+//# sourceMappingURL=index-C93npmTU.d.ts.map

package/dist/{index-DQkL37eL.d.ts → index-CqsS207F.d.ts}

@@ -1,8 +1,6 @@
-import { t as FrameProps } from "./index-DpDU1IAw.js";
+import { t as FrameProps } from "./index-92L7F440.js";
 import React from "react";
-import * as ui from "@jbpark/ui-kit";
-import * as utils from "@jbpark/ui-kit/utils";
-//#region src/components/preview/preview.d.ts
+//#region src/components/preview/types.d.ts
 interface Props extends React.ComponentPropsWithRef<'div'> {
   code?: string;
   showError?: boolean;
@@ -13,13 +11,9 @@ interface Props extends React.ComponentPropsWithRef<'div'> {
   dynamicTailwind?: boolean;
   provider?: (children: React.ReactNode) => React.ReactNode;
 }
-declare const Preview: ({ code, props, modules, dynamicTailwind, provider, ...restProps }: Props) => React.JSX.Element;
 //#endregion
-//#region src/components/preview/base-modules.d.ts
-declare const baseModules: {
-  'ui-kit': typeof ui;
-  'ui-kit/utils': typeof utils;
-};
+//#region src/components/preview/preview.d.ts
+declare const Preview: ({ code, props, modules, dynamicTailwind, provider, ...restProps }: Props) => import("react").JSX.Element;
 //#endregion
-export { Preview as n, Props as r, baseModules as t };
-//# sourceMappingURL=index-DQkL37eL.d.ts.map
+export { Props as n, Preview as t };
+//# sourceMappingURL=index-CqsS207F.d.ts.map

package/dist/{index-CiWB0zFb.d.ts → index-DQcdHg_V.d.ts}

@@ -1,7 +1,7 @@
-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-DqRSCtsx.js";
-import { B as UpdateFailure } from "./index-C_PfR4X9.js";
-import { t as FrameProps } from "./index-DpDU1IAw.js";
+import { i as BindingKeyMap, l as BindingRenderMap, o as BindingOptions, p as DataAttrNode, s as BindingRegistry } from "./types-Czps1Txy.js";
+import { n as Section } from "./index-C8h8TcIl.js";
+import { t as FrameProps } from "./index-92L7F440.js";
+import { c as PanelNodeChange, i as PanelBinding, l as PanelNodesChange, n as DndRenderField, r as FieldProps, t as DndEditError } from "./edit-options-C_r9aCz4.js";
 import { useMultiSelect } from "@jbpark/use-hooks";
 //#region src/components/dnd/canvas/section-fallback-context.d.ts
 interface DndSectionFallbackArgs {
@@ -11,94 +11,6 @@ interface DndSectionFallbackArgs {
 }
 type DndRenderSectionFallback = (args: DndSectionFallbackArgs) => React.ReactNode | undefined;
 //#endregion
-//#region src/components/dnd/panel-binding.d.ts
-interface PanelNodeChange {
-  (params: {
-    id: string;
-    label: string;
-    property: string;
-    value: unknown;
-  }): void;
-}
-interface PanelNodesChange {
-  (changes: Parameters<PanelNodeChange>[0][]): void;
-}
-interface PanelBinding {
-  id: string;
-  label: string;
-  property: string;
-  type?: BindingType;
-  widget?: BindingWidget;
-  options?: BindingOption[];
-  render?: BindingRenderMap;
-  min?: number;
-  max?: number;
-  pattern?: string;
-  required?: boolean;
-  meta?: Record<string, unknown>;
-  value: unknown;
-  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;
-  tagName: string;
-  bindings: PanelBindingData[];
-}
-declare const resolvePanelBindings: (node: DataAttrNode) => PanelBindingSource | null;
-declare const withPanelCommit: (bindings: PanelBindingData[], commit: PanelNodeChange | undefined) => PanelBinding[];
-//#endregion
-//#region src/components/dnd/panel/field.d.ts
-interface FieldProps {
-  binding: PanelBinding;
-  onNodeChange?: PanelNodeChange;
-}
-declare const Field: (props: FieldProps) => import("react").JSX.Element;
-//#endregion
-//#region src/components/dnd/edit-options.d.ts
-type DndEditError = {
-  type: 'update';
-  id: string;
-  label: string;
-  property: string;
-  failure: UpdateFailure | undefined;
-  title: string;
-  description?: string;
-} | {
-  type: 'parse';
-  target: 'section' | 'items';
-  error?: unknown;
-  title: string;
-  description?: string;
-} | {
-  type: 'parse';
-  target: 'document';
-  reason: 'parse-error';
-  error: unknown;
-  title: string;
-  description?: string;
-} | {
-  type: 'parse';
-  target: 'document';
-  reason: 'container-not-found';
-  containerId: string;
-  title: string;
-  description?: string;
-} | {
-  type: 'items';
-  title: string;
-  description?: string;
-};
-type DndRenderField = (props: FieldProps, builtin: React.ReactElement) => React.ReactNode | undefined;
-//#endregion
 //#region src/components/dnd/inspector.d.ts
 interface DndNodePick {
   id: string;
@@ -194,7 +106,7 @@ interface DraggableItemProps {
 }
 declare const DraggableItem: ({ item, children }: DraggableItemProps) => import("react").ReactNode;
 //#endregion
-//#region src/components/dnd/panel/use-dnd-children.d.ts
+//#region src/components/dnd/panel/children/use-dnd-children.d.ts
 interface DndChildrenOptions {
   onChange?: (value: string) => void;
 }
@@ -218,7 +130,10 @@ declare const useDndChildren: (items: DataAttrNode[], { onChange }?: DndChildren
 };
 type DndChildren = ReturnType<typeof useDndChildren>;
 //#endregion
-//#region src/components/dnd/panel/use-dnd-items.d.ts
+//#region src/components/dnd/panel/field.d.ts
+declare const Field: (props: FieldProps) => import("react").JSX.Element;
+//#endregion
+//#region src/components/dnd/panel/items/use-dnd-items.d.ts
 interface DndItemsNestedElement {
   id: string;
   tagName: string;
@@ -258,17 +173,21 @@ interface DndItems {
   expansion: DndItemsExpansion;
   actions: DndItemsActions;
   canEditStructure: boolean;
+  canAddItems: (count?: number) => boolean;
+  canRemoveItems: (count?: number) => boolean;
   parseError: boolean;
 }
 interface DndItemsOptions {
   render?: BindingRenderMap;
   onChange?: (value: string) => void;
   onNodeChange?: PanelNodeChange;
+  minItems?: number;
+  maxItems?: number;
 }
-declare const useDndItems: (value: string, { render, onChange, onNodeChange }?: DndItemsOptions) => DndItems;
+declare const useDndItems: (value: string, { render, onChange, onNodeChange, minItems, maxItems }?: DndItemsOptions) => DndItems;
 //#endregion
-//#region src/components/dnd/panel/field-kind.d.ts
-type FieldKind = 'readonly' | 'items' | 'children' | 'richtext' | 'jsx' | 'html' | 'object' | 'boolean' | 'select' | 'color' | 'date' | 'url' | 'number' | 'text';
+//#region src/components/dnd/panel/fields/field-kind.d.ts
+type FieldKind = 'readonly' | 'items' | 'children' | 'richtext' | 'jsx' | 'html' | 'object' | 'boolean' | 'select' | 'color' | 'date' | 'time' | 'datetime' | 'url' | 'email' | 'tel' | 'number' | 'text';
 type FieldKindBinding = Pick<PanelBinding, 'property' | 'type' | 'value' | 'options' | 'canEditValue'>;
 declare const getFieldKind: (binding: FieldKindBinding) => FieldKind;
 declare const isStructuralFieldKind: (kind: FieldKind) => kind is "items" | "children";
@@ -283,43 +202,6 @@ type DndComponent = typeof Dnd$1 & {
   Layout: typeof Layout;
 };
 declare const Dnd: DndComponent;
-/** @deprecated Renamed to `useDndItems`. */
-declare const useItemsEditor: (value: string, { render, onChange, onNodeChange }?: DndItemsOptions) => DndItems;
-/** @deprecated Renamed to `useDndChildren`. */
-declare const useChildrenEditor: (items: DataAttrNode[], { onChange }?: DndChildrenOptions) => {
-  items: DataAttrNode[];
-  selection: {
-    readonly selected: Set<number>;
-    readonly isSelected: (index: number) => boolean;
-    readonly toggle: (index: number, shiftKey?: boolean) => void;
-    readonly clear: () => void;
-    readonly replace: (indices: Set<number>) => void;
-  };
-  actions: {
-    move: (from: number, to: number) => void;
-    remove: (index: number) => void;
-    add: () => void;
-    duplicateSelected: () => void;
-    moveSelected: (direction: "up" | "down") => void;
-    removeSelected: () => void;
-  };
-};
-/** @deprecated Renamed to `DndItems`. */
-type ItemsEditor = DndItems;
-/** @deprecated Renamed to `DndItemsActions`. */
-type ItemsEditorActions = DndItemsActions;
-/** @deprecated Renamed to `DndItemsItem`. */
-type ItemsEditorItem = DndItemsItem;
-/** @deprecated Renamed to `DndItemsNestedElement`. */
-type ItemsEditorNestedElement = DndItemsNestedElement;
-/** @deprecated Renamed to `DndItemsNestedGroup`. */
-type ItemsEditorNestedGroup = DndItemsNestedGroup;
-/** @deprecated Renamed to `DndItemsOptions`. */
-type ItemsEditorOptions = DndItemsOptions;
-/** @deprecated Renamed to `DndChildren`. */
-type ChildrenEditor = DndChildren;
-/** @deprecated Renamed to `DndChildrenOptions`. */
-type ChildrenEditorOptions = DndChildrenOptions;
 //#endregion
-export { PanelBindingSource as $, DndLayout as A, DndPalette as B, useDndItems as C, DraggableItem as D, useDndChildren as E, DndLayoutProps as F, useDndInspector as G, Props as H, DndRegionProps as I, Field as J, DndEditError as K, Layout as L, useDndPalette as M, useDndPanel as N, DraggableItemDragState as O, Canvas as P, PanelBindingElement as Q, Palette as R, DndItemsOptions as S, DndChildrenOptions as T, DndInspector as U, DndPanel as V, DndNodePick as W, PanelBinding as X, FieldProps as Y, PanelBindingData as Z, DndItemsActions as _, ItemsEditorActions as a, DndSectionFallbackArgs as at, DndItemsNestedElement as b, ItemsEditorNestedGroup as c, useItemsEditor as d, PanelNodeChange as et, FieldKind as f, DndItems as g, isStructuralFieldKind as h, ItemsEditor as i, DndRenderSectionFallback as it, useDndLayout as j, DraggableItemProps as k, ItemsEditorOptions as l, getFieldKind as m, ChildrenEditorOptions as n, resolvePanelBindings as nt, ItemsEditorItem as o, FieldKindBinding as p, DndRenderField as q, Dnd as r, withPanelCommit as rt, ItemsEditorNestedElement as s, ChildrenEditor as t, PanelNodesChange as tt, useChildrenEditor as u, DndItemsExpansion as v, DndChildren as w, DndItemsNestedGroup as x, DndItemsItem as y, Panel as z };
-//# sourceMappingURL=index-CiWB0zFb.d.ts.map
+export { Panel as A, useDndPalette as C, DndRegionProps as D, DndLayoutProps as E, DndNodePick as F, useDndInspector as I, DndRenderSectionFallback as L, DndPanel as M, Props as N, Layout as O, DndInspector as P, DndSectionFallbackArgs as R, useDndLayout as S, Canvas as T, useDndChildren as _, isStructuralFieldKind as a, DraggableItemProps as b, DndItemsExpansion as c, DndItemsNestedGroup as d, DndItemsOptions as f, DndChildrenOptions as g, DndChildren as h, getFieldKind as i, DndPalette as j, Palette as k, DndItemsItem as l, Field as m, FieldKind as n, DndItems as o, useDndItems as p, FieldKindBinding as r, DndItemsActions as s, Dnd as t, DndItemsNestedElement as u, DraggableItem as v, useDndPanel as w, DndLayout as x, DraggableItemDragState as y };
+//# sourceMappingURL=index-DQcdHg_V.d.ts.map

package/dist/{index-CRwEhJ7w.d.ts → index-DfIvkht8.d.ts}

@@ -1,4 +1,4 @@
-import { t as LiveMessages } from "./messages-IBPs4TkZ.js";
+import { t as LiveMessages } from "./messages-BpN3QIhj.js";
 import React$1 from "react";
 //#region src/components/error/boundary.d.ts
 interface Props$3 {
@@ -29,7 +29,7 @@ interface Props$2 extends React.ComponentPropsWithRef<'div'> {
   title?: string;
   onReset?: () => void;
 }
-declare const Error$2: ({ message, title, className, onReset }: Props$2) => import("react").JSX.Element | null;
+declare const Error$2: ({ message, title, className, style, onReset }: Props$2) => import("react").JSX.Element | null;
 //#endregion
 //#region src/components/error/guard.d.ts
 interface Props$1 {
@@ -54,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-CRwEhJ7w.d.ts.map
+//# sourceMappingURL=index-DfIvkht8.d.ts.map

package/dist/index.d.ts

@@ -1,18 +1,19 @@
-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-IBPs4TkZ.js";
-import { n as Props } from "./index-DrWtSKXu.js";
-import { v as Section } from "./document-DqRSCtsx.js";
-import { A as DndLayout, B as DndPalette, H as Props$1, K as DndEditError, L as Layout, P as Canvas, R as Palette, S as DndItemsOptions, U as DndInspector, V as DndPanel, W as DndNodePick, X as PanelBinding, Y as FieldProps, at as DndSectionFallbackArgs, et as PanelNodeChange, g as DndItems, i as ItemsEditor, it as DndRenderSectionFallback, k as DraggableItemProps, l as ItemsEditorOptions, o as ItemsEditorItem, q as DndRenderField, r as Dnd, tt as PanelNodesChange, y as DndItemsItem, z as Panel } from "./index-CiWB0zFb.js";
-import { t as FrameProps } from "./index-DpDU1IAw.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-CRwEhJ7w.js";
-import { n as Preview, r as Props$7 } from "./index-DQkL37eL.js";
+import { i as BindingKeyMap, o as BindingOptions, s as BindingRegistry, u as BindingSchema } from "./types-Czps1Txy.js";
+import { i as useLiveMessages, n as LiveMessagesInput, r as defaultMessages, t as LiveMessages } from "./messages-BpN3QIhj.js";
+import { n as Props } from "./index-BZpZwrxT.js";
+import { n as Section } from "./index-C8h8TcIl.js";
+import { A as Panel, F as DndNodePick, L as DndRenderSectionFallback, M as DndPanel, N as Props$1, O as Layout, P as DndInspector, R as DndSectionFallbackArgs, T as Canvas, b as DraggableItemProps, f as DndItemsOptions, j as DndPalette, k as Palette, l as DndItemsItem, o as DndItems, t as Dnd, x as DndLayout } from "./index-DQcdHg_V.js";
+import { t as FrameProps } from "./index-92L7F440.js";
+import { c as PanelNodeChange, i as PanelBinding, l as PanelNodesChange, n as DndRenderField, r as FieldProps, t as DndEditError } from "./edit-options-C_r9aCz4.js";
+import { a as Props$3, n as EditorRenderData, r as Props$2, t as Editor } from "./index-C93npmTU.js";
+import { a as Props$6, n as Props$5, o as Props$4, s as ErrorBoundary, t as Error } from "./index-DfIvkht8.js";
+import { n as Props$7, t as Preview } from "./index-CqsS207F.js";
 //#region src/index.d.ts
 declare const App: {
   ({ 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) & {
+  Error: (({ message, title, className, style, onReset }: Props$4) => import("react").JSX.Element | null) & {
     Boundary: typeof ErrorBoundary;
     Runtime: ({ open, reset }: Props$5) => import("react").JSX.Element | null;
     Guard: ({ children, onError }: Props$6) => import("react").JSX.Element;
@@ -31,5 +32,5 @@ declare const App: {
 };
 declare const LiveRenderer: ({ code, props, modules, dynamicTailwind, provider, ...restProps }: Props$7) => import("react").JSX.Element;
 //#endregion
-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 };
+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, 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