@depup/react-live 4.1.8-depup.0 → 5.0.0-depup.0

package/dist/index.js

@@ -1,408 +1,297 @@
-"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Editor: () => Editor_default,
-  LiveContext: () => LiveContext_default,
-  LiveEditor: () => LiveEditor,
-  LiveError: () => LiveError,
-  LivePreview: () => LivePreview_default,
-  LiveProvider: () => LiveProvider_default,
-  generateElement: () => generateElement,
-  renderElementAsync: () => renderElementAsync,
-  withLive: () => withLive
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/Editor/index.tsx
-var import_prism_react_renderer = require("prism-react-renderer");
-var import_react = require("react");
-var import_use_editable = require("use-editable");
-var import_jsx_runtime = require("react/jsx-runtime");
-var CodeEditor = (props) => {
-  const { tabMode = "indentation" } = props;
-  const editorRef = (0, import_react.useRef)(null);
-  const [code, setCode] = (0, import_react.useState)(props.code || "");
-  const { theme } = props;
-  (0, import_react.useEffect)(() => {
-    setCode(props.code);
-  }, [props.code]);
-  (0, import_use_editable.useEditable)(
-    editorRef,
-    (text) => {
-      const t = text.slice(0, -1);
-      setCode(t);
-      if (props.onChange) {
-        props.onChange(t);
-      }
-    },
-    {
-      disabled: props.disabled,
-      indentation: tabMode === "indentation" ? 2 : void 0
-    }
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: props.className, style: props.style, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_prism_react_renderer.Highlight,
-    {
-      code,
-      theme: props.theme || import_prism_react_renderer.themes.nightOwl,
-      language: props.language,
-      children: ({
-        className: _className,
-        tokens,
-        getLineProps,
-        getTokenProps,
-        style: _style
-      }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "pre",
-        {
-          className: _className,
-          style: __spreadValues(__spreadValues({
-            margin: 0,
-            outline: "none",
-            padding: 10,
-            fontFamily: "inherit"
-          }, theme && typeof theme.plain === "object" ? theme.plain : {}), _style),
-          ref: editorRef,
-          spellCheck: "false",
-          children: tokens.map((line, lineIndex) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", __spreadProps(__spreadValues({}, getLineProps({ line })), { children: [
-            line.filter((token) => !token.empty).map((token, tokenIndex) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "span",
-              __spreadValues({}, getTokenProps({ token })),
-              `token-${tokenIndex}`
-            )),
-            "\n"
-          ] }), `line-${lineIndex}`))
-        }
-      )
-    }
-  ) });
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let prism_react_renderer = require("prism-react-renderer");
+let react = require("react");
+react = __toESM(react);
+let use_editable = require("use-editable");
+let react_jsx_runtime = require("react/jsx-runtime");
+let sucrase = require("sucrase");
+//#region src/components/Editor/index.tsx
+const CodeEditor = (props) => {
+	const { tabMode = "indentation" } = props;
+	const editorRef = (0, react.useRef)(null);
+	const [code, setCode] = (0, react.useState)(props.code || "");
+	const { theme } = props;
+	(0, react.useEffect)(() => {
+		setCode(props.code);
+	}, [props.code]);
+	(0, use_editable.useEditable)(editorRef, (text) => {
+		const t = text.slice(0, -1);
+		setCode(t);
+		if (props.onChange) props.onChange(t);
+	}, {
+		disabled: props.disabled,
+		indentation: tabMode === "indentation" ? 2 : void 0
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: props.className,
+		style: props.style,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(prism_react_renderer.Highlight, {
+			code,
+			theme: props.theme || prism_react_renderer.themes.nightOwl,
+			language: props.language,
+			prism: props.prism,
+			children: ({ className: _className, tokens, getLineProps, getTokenProps, style: _style }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+				className: _className,
+				style: {
+					margin: 0,
+					outline: "none",
+					padding: 10,
+					fontFamily: "inherit",
+					...theme && typeof theme.plain === "object" ? theme.plain : {},
+					..._style
+				},
+				ref: editorRef,
+				spellCheck: "false",
+				children: tokens.map((line, lineIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					...getLineProps({ line }),
+					children: [line.filter((token) => !token.empty).map((token, tokenIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { ...getTokenProps({ token }) }, `token-${tokenIndex}`)), "\n"]
+				}, `line-${lineIndex}`))
+			})
+		})
+	});
 };
-var Editor_default = CodeEditor;
-
-// src/components/Live/LiveProvider.tsx
-var import_react5 = require("react");
-
-// src/components/Live/LiveContext.ts
-var import_react2 = require("react");
-var LiveContext = (0, import_react2.createContext)({});
-var LiveContext_default = LiveContext;
-
-// src/utils/transpile/index.ts
-var import_react4 = __toESM(require("react"));
-
-// src/utils/transpile/transform.ts
-var import_sucrase = require("sucrase");
-var defaultTransforms = ["jsx", "imports"];
+//#endregion
+//#region src/components/Live/LiveContext.ts
+const LiveContext = (0, react.createContext)({});
+//#endregion
+//#region src/utils/transpile/transform.ts
+const defaultTransforms = ["jsx", "imports"];
 function transform(opts = {}) {
-  const transforms = Array.isArray(opts.transforms) ? opts.transforms.filter(Boolean) : defaultTransforms;
-  return (code) => (0, import_sucrase.transform)(code, { transforms }).code;
+	const transforms = Array.isArray(opts.transforms) ? opts.transforms.filter(Boolean) : defaultTransforms;
+	return (code) => (0, sucrase.transform)(code, {
+		transforms,
+		production: true
+	}).code;
 }
-
-// src/utils/transpile/errorBoundary.tsx
-var import_react3 = __toESM(require("react"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var errorBoundary = (Element, errorCallback) => {
-  return class ErrorBoundary extends import_react3.Component {
-    componentDidCatch(error) {
-      errorCallback(error);
-    }
-    render() {
-      return typeof Element === "function" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Element, {}) : import_react3.default.isValidElement(Element) ? Element : null;
-    }
-  };
+//#endregion
+//#region src/utils/transpile/errorBoundary.tsx
+const errorBoundary = (Element, errorCallback) => {
+	return class ErrorBoundary extends react.Component {
+		state = { hasError: false };
+		static getDerivedStateFromError() {
+			return { hasError: true };
+		}
+		componentDidCatch(error) {
+			errorCallback(error);
+		}
+		render() {
+			if (this.state.hasError) return null;
+			return typeof Element === "function" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Element, {}) : react.default.isValidElement(Element) ? Element : null;
+		}
+	};
 };
-var errorBoundary_default = errorBoundary;
-
-// src/utils/transpile/evalCode.ts
-var evalCode = (code, scope) => {
-  const scopeKeys = Object.keys(scope);
-  const scopeValues = scopeKeys.map((key) => scope[key]);
-  return new Function(...scopeKeys, code)(...scopeValues);
+//#endregion
+//#region src/utils/transpile/evalCode.ts
+const evalCode = (code, scope) => {
+	const scopeKeys = Object.keys(scope);
+	const scopeValues = scopeKeys.map((key) => scope[key]);
+	return new Function(...scopeKeys, code)(...scopeValues);
 };
-var evalCode_default = evalCode;
-
-// src/utils/transpile/compose.ts
+//#endregion
+//#region src/utils/transpile/compose.ts
+/**
+* Creates a new composite function that invokes the functions from right to left
+*/
 function compose(...functions) {
-  return functions.reduce(
-    (acc, currentFn) => (...args) => acc(currentFn(...args))
-  );
+	return functions.reduce((acc, currentFn) => (...args) => acc(currentFn(...args)));
 }
-
-// src/utils/transpile/index.ts
-var jsxConst = 'const _jsxFileName = "";';
-var trimCode = (code) => code.trim().replace(/;$/, "");
-var spliceJsxConst = (code) => code.replace(jsxConst, "").trim();
-var addJsxConst = (code) => jsxConst + code;
-var wrapReturn = (code) => `return (${code})`;
-var generateElement = ({ code = "", scope = {}, enableTypeScript = true }, errorCallback) => {
-  const firstPassTransforms = ["jsx"];
-  enableTypeScript && firstPassTransforms.push("typescript");
-  const transformed = compose(
-    addJsxConst,
-    transform({ transforms: ["imports"] }),
-    spliceJsxConst,
-    trimCode,
-    transform({ transforms: firstPassTransforms }),
-    wrapReturn,
-    trimCode
-  )(code);
-  return errorBoundary_default(
-    evalCode_default(transformed, __spreadValues({ React: import_react4.default }, scope)),
-    errorCallback
-  );
+//#endregion
+//#region src/utils/transpile/index.ts
+const trimCode = (code) => code.trim().replace(/;$/, "");
+const wrapReturn = (code) => `return (${code})`;
+const generateElement = ({ code = "", scope = {}, enableTypeScript = true }, errorCallback) => {
+	/**
+	* To enable TypeScript we need to transform the TS to JS code first,
+	* wrap the eval in a return statement, then transform any imports. The
+	* two-phase approach is required to do the implicit evaluation and not
+	* wrap leading Interface or Type statements in the return.
+	*/
+	const firstPassTransforms = ["jsx"];
+	if (enableTypeScript) firstPassTransforms.push("typescript");
+	const transformed = compose(transform({ transforms: ["imports"] }), trimCode, transform({ transforms: firstPassTransforms }), wrapReturn, trimCode)(code);
+	return errorBoundary(evalCode(transformed, {
+		React: react.default,
+		...scope
+	}), errorCallback);
 };
-var renderElementAsync = ({ code = "", scope = {}, enableTypeScript = true }, resultCallback, errorCallback) => {
-  const render = (element) => {
-    if (typeof element === "undefined") {
-      errorCallback(new SyntaxError("`render` must be called with valid JSX."));
-    } else {
-      resultCallback(errorBoundary_default(element, errorCallback));
-    }
-  };
-  if (!/render\s*\(/.test(code)) {
-    return errorCallback(
-      new SyntaxError("No-Inline evaluations must call `render`.")
-    );
-  }
-  const transforms = ["jsx", "imports"];
-  enableTypeScript && transforms.splice(1, 0, "typescript");
-  evalCode_default(transform({ transforms })(code), __spreadProps(__spreadValues({ React: import_react4.default }, scope), { render }));
+const renderElementAsync = ({ code = "", scope = {}, enableTypeScript = true }, resultCallback, errorCallback) => {
+	const render = (element) => {
+		if (typeof element === "undefined") errorCallback(/* @__PURE__ */ new SyntaxError("`render` must be called with valid JSX."));
+		else resultCallback(errorBoundary(element, errorCallback));
+	};
+	if (!/render\s*\(/.test(code)) return errorCallback(/* @__PURE__ */ new SyntaxError("No-Inline evaluations must call `render`."));
+	const transforms = ["jsx", "imports"];
+	if (enableTypeScript) transforms.splice(1, 0, "typescript");
+	evalCode(transform({ transforms })(code), {
+		React: react.default,
+		...scope,
+		render
+	});
 };
-
-// src/components/Live/LiveProvider.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function LiveProvider({
-  children,
-  code = "",
-  language = "tsx",
-  theme,
-  enableTypeScript = true,
-  disabled = false,
-  scope,
-  transformCode,
-  noInline = false
-}) {
-  const [state, setState] = (0, import_react5.useState)({
-    error: void 0,
-    element: void 0
-  });
-  function transpileAsync(newCode) {
-    return __async(this, null, function* () {
-      const errorCallback = (error) => {
-        setState((previousState) => __spreadProps(__spreadValues({}, previousState), {
-          error: error.toString(),
-          element: void 0
-        }));
-      };
-      try {
-        const transformResult = transformCode ? transformCode(newCode) : newCode;
-        try {
-          const transformedCode = yield Promise.resolve(transformResult);
-          const renderElement = (element) => setState({ error: void 0, element, newCode });
-          if (typeof transformedCode !== "string") {
-            throw new Error("Code failed to transform");
-          }
-          const input = {
-            code: transformedCode,
-            scope,
-            enableTypeScript
-          };
-          if (noInline) {
-            setState((previousState) => __spreadProps(__spreadValues({}, previousState), {
-              error: void 0,
-              element: null
-            }));
-            renderElementAsync(input, renderElement, errorCallback);
-          } else {
-            renderElement(generateElement(input, errorCallback));
-          }
-        } catch (error) {
-          return errorCallback(error);
-        }
-      } catch (e) {
-        errorCallback(e);
-        return Promise.resolve();
-      }
-    });
-  }
-  const onError = (error) => setState({ error: error.toString() });
-  (0, import_react5.useEffect)(() => {
-    transpileAsync(code).catch(onError);
-  }, [code, scope, noInline, transformCode]);
-  const onChange = (newCode) => {
-    transpileAsync(newCode).catch(onError);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    LiveContext_default.Provider,
-    {
-      value: __spreadProps(__spreadValues({}, state), {
-        code,
-        language,
-        theme,
-        disabled,
-        onError,
-        onChange
-      }),
-      children
-    }
-  );
+//#endregion
+//#region src/components/Live/LiveProvider.tsx
+function LiveProvider({ children, code = "", language = "tsx", theme, enableTypeScript = true, disabled = false, scope, transformCode, noInline = false }) {
+	const [state, setState] = (0, react.useState)({
+		error: void 0,
+		element: void 0
+	});
+	async function transpileAsync(newCode) {
+		const errorCallback = (error) => {
+			setState((previousState) => ({
+				...previousState,
+				error: error.toString(),
+				element: void 0
+			}));
+		};
+		try {
+			const transformResult = transformCode ? transformCode(newCode) : newCode;
+			try {
+				const transformedCode = await Promise.resolve(transformResult);
+				const renderElement = (element) => setState({
+					error: void 0,
+					element,
+					newCode
+				});
+				if (typeof transformedCode !== "string") throw new Error("Code failed to transform");
+				const input = {
+					code: transformedCode,
+					scope,
+					enableTypeScript
+				};
+				if (noInline) {
+					setState((previousState) => ({
+						...previousState,
+						error: void 0,
+						element: null
+					}));
+					renderElementAsync(input, renderElement, errorCallback);
+				} else renderElement(generateElement(input, errorCallback));
+			} catch (error) {
+				return errorCallback(error);
+			}
+		} catch (e) {
+			errorCallback(e);
+			return Promise.resolve();
+		}
+	}
+	const onError = (error) => setState({ error: error.toString() });
+	(0, react.useEffect)(() => {
+		transpileAsync(code).catch(onError);
+	}, [
+		code,
+		scope,
+		noInline,
+		transformCode
+	]);
+	const onChange = (newCode) => {
+		transpileAsync(newCode).catch(onError);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LiveContext.Provider, {
+		value: {
+			...state,
+			code,
+			language,
+			theme,
+			disabled,
+			onError,
+			onChange
+		},
+		children
+	});
 }
-var LiveProvider_default = LiveProvider;
-
-// src/components/Live/LiveEditor.tsx
-var import_react6 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+//#endregion
+//#region src/components/Live/LiveEditor.tsx
 function LiveEditor(props) {
-  const { code, language, theme, disabled, onChange } = (0, import_react6.useContext)(LiveContext_default);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    Editor_default,
-    __spreadValues({
-      theme,
-      code,
-      language,
-      disabled,
-      onChange
-    }, props)
-  );
+	const { code, language, theme, disabled, onChange } = (0, react.useContext)(LiveContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeEditor, {
+		theme,
+		code,
+		language,
+		disabled,
+		onChange,
+		...props
+	});
 }
-
-// src/components/Live/LiveError.tsx
-var import_react7 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+//#endregion
+//#region src/components/Live/LiveError.tsx
 function LiveError(props) {
-  const { error } = (0, import_react7.useContext)(LiveContext_default);
-  return error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", __spreadProps(__spreadValues({}, props), { children: error })) : null;
+	const { error } = (0, react.useContext)(LiveContext);
+	return error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+		...props,
+		children: error
+	}) : null;
 }
-
-// src/components/Live/LivePreview.tsx
-var import_react9 = require("react");
-
-// src/components/Live/ErrorBoundary.tsx
-var import_react8 = require("react");
-var ErrorBoundary = class extends import_react8.Component {
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  componentDidCatch(err) {
-    var _a, _b;
-    (_b = (_a = this.props).onError) == null ? void 0 : _b.call(_a, err);
-  }
-  render() {
-    if (this.state.hasError) {
-      return null;
-    }
-    return this.props.children;
-  }
+//#endregion
+//#region src/components/Live/ErrorBoundary.tsx
+var ErrorBoundary = class extends react.Component {
+	static getDerivedStateFromError() {
+		return { hasError: true };
+	}
+	constructor(props) {
+		super(props);
+		this.state = { hasError: false };
+	}
+	componentDidCatch(err) {
+		this.props.onError?.(err);
+	}
+	render() {
+		if (this.state.hasError) return null;
+		return this.props.children;
+	}
 };
-
-// src/components/Live/LivePreview.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function LivePreview(_a) {
-  var _b = _a, { Component: Component3 = "div" } = _b, rest = __objRest(_b, ["Component"]);
-  const { element: Element, onError, newCode } = (0, import_react9.useContext)(LiveContext_default);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ErrorBoundary, { onError, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Component3, __spreadProps(__spreadValues({}, rest), { children: Element ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Element, {}) : null })) }, newCode);
+//#endregion
+//#region src/components/Live/LivePreview.tsx
+function LivePreview({ Component = "div", ...rest }) {
+	const { element: Element, onError, newCode } = (0, react.useContext)(LiveContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBoundary, {
+		onError,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+			...rest,
+			children: Element ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Element, {}) : null
+		})
+	}, newCode);
 }
-var LivePreview_default = LivePreview;
-
-// src/hoc/withLive.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+//#endregion
+//#region src/hoc/withLive.tsx
 function withLive(WrappedComponent) {
-  const WithLive = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LiveContext_default.Consumer, { children: (live) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(WrappedComponent, __spreadValues({ live }, props)) });
-  WithLive.displayName = "WithLive";
-  return WithLive;
+	const WithLive = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LiveContext.Consumer, { children: (live) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WrappedComponent, {
+		live,
+		...props
+	}) });
+	WithLive.displayName = "WithLive";
+	return WithLive;
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Editor,
-  LiveContext,
-  LiveEditor,
-  LiveError,
-  LivePreview,
-  LiveProvider,
-  generateElement,
-  renderElementAsync,
-  withLive
-});
+//#endregion
+exports.Editor = CodeEditor;
+exports.LiveContext = LiveContext;
+exports.LiveEditor = LiveEditor;
+exports.LiveError = LiveError;
+exports.LivePreview = LivePreview;
+exports.LiveProvider = LiveProvider;
+exports.generateElement = generateElement;
+exports.renderElementAsync = renderElementAsync;
+exports.withLive = withLive;
+
 //# sourceMappingURL=index.js.map