@makeswift/runtime 0.8.9 → 0.8.10

package/dist/element.cjs.js

@@ -0,0 +1,55 @@
+"use strict";
+var slate = require("slate");
+var slate$1 = require("./slate.cjs2.js");
+const ElementUtils = {
+  isRootBlock(node) {
+    return slate.Element.isElement(node) && (slate.Element.isElementType(node, slate$1.BlockType.Paragraph) || slate.Element.isElementType(node, slate$1.BlockType.Heading1) || slate.Element.isElementType(node, slate$1.BlockType.Heading2) || slate.Element.isElementType(node, slate$1.BlockType.Heading3) || slate.Element.isElementType(node, slate$1.BlockType.Heading3) || slate.Element.isElementType(node, slate$1.BlockType.Heading4) || slate.Element.isElementType(node, slate$1.BlockType.Heading5) || slate.Element.isElementType(node, slate$1.BlockType.Heading6) || slate.Element.isElementType(node, slate$1.BlockType.BlockQuote) || slate.Element.isElementType(node, slate$1.BlockType.UnorderedList) || slate.Element.isElementType(node, slate$1.BlockType.OrderedList));
+  },
+  isBlock(node) {
+    return slate.Element.isElement(node) && (this.isRootBlock(node) || slate.Element.isElementType(node, slate$1.BlockType.ListItem) || slate.Element.isElementType(node, slate$1.BlockType.ListItemChild));
+  },
+  isInline(node) {
+    return slate.Element.isElementType(node, slate$1.InlineType.Code) || slate.Element.isElementType(node, slate$1.InlineType.Link) || slate.Element.isElementType(node, slate$1.InlineType.SubScript) || slate.Element.isElementType(node, slate$1.InlineType.SuperScript);
+  },
+  isConvertibleToListTextNode(node) {
+    return !this.isList(node) && !this.isListItem(node) && !this.isListItemChild(node);
+  },
+  isParagraph(node) {
+    return slate.Element.isElementType(node, slate$1.BlockType.Paragraph);
+  },
+  isList(node) {
+    return slate.Element.isElementType(node, slate$1.BlockType.OrderedList) || slate.Element.isElementType(node, slate$1.BlockType.UnorderedList);
+  },
+  isListItem(node) {
+    return slate.Element.isElementType(node, slate$1.BlockType.ListItem);
+  },
+  isListItemChild(node) {
+    return slate.Element.isElementType(node, slate$1.BlockType.ListItemChild);
+  },
+  createText() {
+    return { text: "" };
+  },
+  createParagraph() {
+    return {
+      children: [this.createText()],
+      type: slate$1.BlockType.Paragraph
+    };
+  },
+  createList(type = slate$1.BlockType.UnorderedList) {
+    return { children: [this.createText()], type };
+  },
+  createListItem() {
+    return {
+      children: [this.createListItemChild()],
+      type: slate$1.BlockType.ListItem
+    };
+  },
+  createListItemChild() {
+    return {
+      children: [this.createText()],
+      type: slate$1.BlockType.ListItemChild
+    };
+  }
+};
+exports.ElementUtils = ElementUtils;
+//# sourceMappingURL=element.cjs.js.map

package/dist/element.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.cjs.js","sources":["../src/slate/utils/element.ts"],"sourcesContent":["import { Node, Element } from 'slate'\nimport {\n  RootBlock,\n  BlockType,\n  Block,\n  Inline,\n  InlineType,\n  ParagraphElement,\n  OrderedListElement,\n  UnorderedListElement,\n  ListItemElement,\n  ListItemChildElement,\n} from '../../../types/slate'\n\nexport const ElementUtils = {\n  isRootBlock(node: Node): node is RootBlock {\n    return (\n      Element.isElement(node) &&\n      (Element.isElementType(node, BlockType.Paragraph) ||\n        Element.isElementType(node, BlockType.Heading1) ||\n        Element.isElementType(node, BlockType.Heading2) ||\n        Element.isElementType(node, BlockType.Heading3) ||\n        Element.isElementType(node, BlockType.Heading3) ||\n        Element.isElementType(node, BlockType.Heading4) ||\n        Element.isElementType(node, BlockType.Heading5) ||\n        Element.isElementType(node, BlockType.Heading6) ||\n        Element.isElementType(node, BlockType.BlockQuote) ||\n        Element.isElementType(node, BlockType.UnorderedList) ||\n        Element.isElementType(node, BlockType.OrderedList))\n    )\n  },\n  isBlock(node: Node): node is Block {\n    return (\n      Element.isElement(node) &&\n      (this.isRootBlock(node) ||\n        Element.isElementType(node, BlockType.ListItem) ||\n        Element.isElementType(node, BlockType.ListItemChild))\n    )\n  },\n  isInline(node: Node): node is Inline {\n    return (\n      Element.isElementType(node, InlineType.Code) ||\n      Element.isElementType(node, InlineType.Link) ||\n      Element.isElementType(node, InlineType.SubScript) ||\n      Element.isElementType(node, InlineType.SuperScript)\n    )\n  },\n  isConvertibleToListTextNode(node: Node) {\n    return !this.isList(node) && !this.isListItem(node) && !this.isListItemChild(node)\n  },\n  isParagraph(node: Node): node is ParagraphElement {\n    return Element.isElementType(node, BlockType.Paragraph)\n  },\n  isList(node: Node): node is OrderedListElement | UnorderedListElement {\n    return (\n      Element.isElementType(node, BlockType.OrderedList) ||\n      Element.isElementType(node, BlockType.UnorderedList)\n    )\n  },\n  isListItem(node: Node): node is ListItemElement {\n    return Element.isElementType(node, BlockType.ListItem)\n  },\n  isListItemChild(node: Node): node is ListItemChildElement {\n    return Element.isElementType(node, BlockType.ListItemChild)\n  },\n  createText() {\n    return { text: '' }\n  },\n  createParagraph() {\n    return {\n      children: [this.createText()],\n      type: BlockType.Paragraph,\n    }\n  },\n  createList(type: BlockType = BlockType.UnorderedList): Block {\n    return { children: [this.createText()], type }\n  },\n  createListItem(): Block {\n    return {\n      children: [this.createListItemChild()],\n      type: BlockType.ListItem,\n    }\n  },\n  createListItemChild(): Block {\n    return {\n      children: [this.createText()],\n      type: BlockType.ListItemChild,\n    }\n  },\n}\n"],"names":["Element","BlockType","InlineType"],"mappings":";;;AAcO,MAAM,eAAe;AAAA,EAC1B,YAAY,MAA+B;AACzC,WACEA,MAAAA,QAAQ,UAAU,IAAI,oBACb,cAAc,MAAMC,QAAU,UAAA,SAAS,KAC9CD,MAAAA,QAAQ,cAAc,MAAMC,QAAAA,UAAU,QAAQ,KAC9CD,MAAAA,QAAQ,cAAc,MAAMC,QAAAA,UAAU,QAAQ,KAC9CD,cAAQ,cAAc,MAAMC,QAAU,UAAA,QAAQ,KAC9CD,MAAAA,QAAQ,cAAc,MAAMC,QAAAA,UAAU,QAAQ,KAC9CD,MAAAA,QAAQ,cAAc,MAAMC,QAAAA,UAAU,QAAQ,KAC9CD,cAAQ,cAAc,MAAMC,QAAU,UAAA,QAAQ,KAC9CD,MAAAA,QAAQ,cAAc,MAAMC,QAAAA,UAAU,QAAQ,KAC9CD,MAAAA,QAAQ,cAAc,MAAMC,QAAAA,UAAU,UAAU,KAChDD,cAAQ,cAAc,MAAMC,QAAAA,UAAU,aAAa,KACnDD,MAAA,QAAQ,cAAc,MAAMC,kBAAU,WAAW;AAAA,EAEvD;AAAA,EACA,QAAQ,MAA2B;AACjC,WACED,cAAQ,UAAU,IAAI,KAChB,MAAA,YAAY,IAAI,KACpBA,cAAQ,cAAc,MAAMC,kBAAU,QAAQ,KAC9CD,cAAQ,cAAc,MAAMC,QAAAA,UAAU,aAAa;AAAA,EAEzD;AAAA,EACA,SAAS,MAA4B;AAEjC,WAAAD,cAAQ,cAAc,MAAME,mBAAW,IAAI,KAC3CF,MAAAA,QAAQ,cAAc,MAAME,QAAAA,WAAW,IAAI,KAC3CF,MAAQ,QAAA,cAAc,MAAME,QAAW,WAAA,SAAS,KAChDF,cAAQ,cAAc,MAAME,mBAAW,WAAW;AAAA,EAEtD;AAAA,EACA,4BAA4B,MAAY;AACtC,WAAO,CAAC,KAAK,OAAO,IAAI,KAAK,CAAC,KAAK,WAAW,IAAI,KAAK,CAAC,KAAK,gBAAgB,IAAI;AAAA,EACnF;AAAA,EACA,YAAY,MAAsC;AAChD,WAAOF,MAAQ,QAAA,cAAc,MAAMC,QAAA,UAAU,SAAS;AAAA,EACxD;AAAA,EACA,OAAO,MAA+D;AAElE,WAAAD,cAAQ,cAAc,MAAMC,QAAU,UAAA,WAAW,KACjDD,MAAQ,QAAA,cAAc,MAAMC,QAAA,UAAU,aAAa;AAAA,EAEvD;AAAA,EACA,WAAW,MAAqC;AAC9C,WAAOD,MAAQ,QAAA,cAAc,MAAMC,QAAA,UAAU,QAAQ;AAAA,EACvD;AAAA,EACA,gBAAgB,MAA0C;AACxD,WAAOD,MAAQ,QAAA,cAAc,MAAMC,QAAA,UAAU,aAAa;AAAA,EAC5D;AAAA,EACA,aAAa;AACJ,WAAA,EAAE,MAAM;EACjB;AAAA,EACA,kBAAkB;AACT,WAAA;AAAA,MACL,UAAU,CAAC,KAAK,YAAY;AAAA,MAC5B,MAAMA,QAAU,UAAA;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,WAAW,OAAkBA,QAAA,UAAU,eAAsB;AAC3D,WAAO,EAAE,UAAU,CAAC,KAAK,WAAY,CAAA,GAAG;EAC1C;AAAA,EACA,iBAAwB;AACf,WAAA;AAAA,MACL,UAAU,CAAC,KAAK,qBAAqB;AAAA,MACrC,MAAMA,QAAU,UAAA;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,sBAA6B;AACpB,WAAA;AAAA,MACL,UAAU,CAAC,KAAK,YAAY;AAAA,MAC5B,MAAMA,QAAU,UAAA;AAAA,IAAA;AAAA,EAEpB;AACF;;"}

package/dist/element.es.js

@@ -0,0 +1,54 @@
+import { Element } from "slate";
+import { B as BlockType, I as InlineType } from "./slate.es2.js";
+const ElementUtils = {
+  isRootBlock(node) {
+    return Element.isElement(node) && (Element.isElementType(node, BlockType.Paragraph) || Element.isElementType(node, BlockType.Heading1) || Element.isElementType(node, BlockType.Heading2) || Element.isElementType(node, BlockType.Heading3) || Element.isElementType(node, BlockType.Heading3) || Element.isElementType(node, BlockType.Heading4) || Element.isElementType(node, BlockType.Heading5) || Element.isElementType(node, BlockType.Heading6) || Element.isElementType(node, BlockType.BlockQuote) || Element.isElementType(node, BlockType.UnorderedList) || Element.isElementType(node, BlockType.OrderedList));
+  },
+  isBlock(node) {
+    return Element.isElement(node) && (this.isRootBlock(node) || Element.isElementType(node, BlockType.ListItem) || Element.isElementType(node, BlockType.ListItemChild));
+  },
+  isInline(node) {
+    return Element.isElementType(node, InlineType.Code) || Element.isElementType(node, InlineType.Link) || Element.isElementType(node, InlineType.SubScript) || Element.isElementType(node, InlineType.SuperScript);
+  },
+  isConvertibleToListTextNode(node) {
+    return !this.isList(node) && !this.isListItem(node) && !this.isListItemChild(node);
+  },
+  isParagraph(node) {
+    return Element.isElementType(node, BlockType.Paragraph);
+  },
+  isList(node) {
+    return Element.isElementType(node, BlockType.OrderedList) || Element.isElementType(node, BlockType.UnorderedList);
+  },
+  isListItem(node) {
+    return Element.isElementType(node, BlockType.ListItem);
+  },
+  isListItemChild(node) {
+    return Element.isElementType(node, BlockType.ListItemChild);
+  },
+  createText() {
+    return { text: "" };
+  },
+  createParagraph() {
+    return {
+      children: [this.createText()],
+      type: BlockType.Paragraph
+    };
+  },
+  createList(type = BlockType.UnorderedList) {
+    return { children: [this.createText()], type };
+  },
+  createListItem() {
+    return {
+      children: [this.createListItemChild()],
+      type: BlockType.ListItem
+    };
+  },
+  createListItemChild() {
+    return {
+      children: [this.createText()],
+      type: BlockType.ListItemChild
+    };
+  }
+};
+export { ElementUtils as E };
+//# sourceMappingURL=element.es.js.map

package/dist/element.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.es.js","sources":["../src/slate/utils/element.ts"],"sourcesContent":["import { Node, Element } from 'slate'\nimport {\n  RootBlock,\n  BlockType,\n  Block,\n  Inline,\n  InlineType,\n  ParagraphElement,\n  OrderedListElement,\n  UnorderedListElement,\n  ListItemElement,\n  ListItemChildElement,\n} from '../../../types/slate'\n\nexport const ElementUtils = {\n  isRootBlock(node: Node): node is RootBlock {\n    return (\n      Element.isElement(node) &&\n      (Element.isElementType(node, BlockType.Paragraph) ||\n        Element.isElementType(node, BlockType.Heading1) ||\n        Element.isElementType(node, BlockType.Heading2) ||\n        Element.isElementType(node, BlockType.Heading3) ||\n        Element.isElementType(node, BlockType.Heading3) ||\n        Element.isElementType(node, BlockType.Heading4) ||\n        Element.isElementType(node, BlockType.Heading5) ||\n        Element.isElementType(node, BlockType.Heading6) ||\n        Element.isElementType(node, BlockType.BlockQuote) ||\n        Element.isElementType(node, BlockType.UnorderedList) ||\n        Element.isElementType(node, BlockType.OrderedList))\n    )\n  },\n  isBlock(node: Node): node is Block {\n    return (\n      Element.isElement(node) &&\n      (this.isRootBlock(node) ||\n        Element.isElementType(node, BlockType.ListItem) ||\n        Element.isElementType(node, BlockType.ListItemChild))\n    )\n  },\n  isInline(node: Node): node is Inline {\n    return (\n      Element.isElementType(node, InlineType.Code) ||\n      Element.isElementType(node, InlineType.Link) ||\n      Element.isElementType(node, InlineType.SubScript) ||\n      Element.isElementType(node, InlineType.SuperScript)\n    )\n  },\n  isConvertibleToListTextNode(node: Node) {\n    return !this.isList(node) && !this.isListItem(node) && !this.isListItemChild(node)\n  },\n  isParagraph(node: Node): node is ParagraphElement {\n    return Element.isElementType(node, BlockType.Paragraph)\n  },\n  isList(node: Node): node is OrderedListElement | UnorderedListElement {\n    return (\n      Element.isElementType(node, BlockType.OrderedList) ||\n      Element.isElementType(node, BlockType.UnorderedList)\n    )\n  },\n  isListItem(node: Node): node is ListItemElement {\n    return Element.isElementType(node, BlockType.ListItem)\n  },\n  isListItemChild(node: Node): node is ListItemChildElement {\n    return Element.isElementType(node, BlockType.ListItemChild)\n  },\n  createText() {\n    return { text: '' }\n  },\n  createParagraph() {\n    return {\n      children: [this.createText()],\n      type: BlockType.Paragraph,\n    }\n  },\n  createList(type: BlockType = BlockType.UnorderedList): Block {\n    return { children: [this.createText()], type }\n  },\n  createListItem(): Block {\n    return {\n      children: [this.createListItemChild()],\n      type: BlockType.ListItem,\n    }\n  },\n  createListItemChild(): Block {\n    return {\n      children: [this.createText()],\n      type: BlockType.ListItemChild,\n    }\n  },\n}\n"],"names":[],"mappings":";;AAcO,MAAM,eAAe;AAAA,EAC1B,YAAY,MAA+B;AACzC,WACE,QAAQ,UAAU,IAAI,cACb,cAAc,MAAM,UAAU,SAAS,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,UAAU,KAChD,QAAQ,cAAc,MAAM,UAAU,aAAa,KACnD,QAAQ,cAAc,MAAM,UAAU,WAAW;AAAA,EAEvD;AAAA,EACA,QAAQ,MAA2B;AACjC,WACE,QAAQ,UAAU,IAAI,KAChB,MAAA,YAAY,IAAI,KACpB,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,aAAa;AAAA,EAEzD;AAAA,EACA,SAAS,MAA4B;AAEjC,WAAA,QAAQ,cAAc,MAAM,WAAW,IAAI,KAC3C,QAAQ,cAAc,MAAM,WAAW,IAAI,KAC3C,QAAQ,cAAc,MAAM,WAAW,SAAS,KAChD,QAAQ,cAAc,MAAM,WAAW,WAAW;AAAA,EAEtD;AAAA,EACA,4BAA4B,MAAY;AACtC,WAAO,CAAC,KAAK,OAAO,IAAI,KAAK,CAAC,KAAK,WAAW,IAAI,KAAK,CAAC,KAAK,gBAAgB,IAAI;AAAA,EACnF;AAAA,EACA,YAAY,MAAsC;AAChD,WAAO,QAAQ,cAAc,MAAM,UAAU,SAAS;AAAA,EACxD;AAAA,EACA,OAAO,MAA+D;AAElE,WAAA,QAAQ,cAAc,MAAM,UAAU,WAAW,KACjD,QAAQ,cAAc,MAAM,UAAU,aAAa;AAAA,EAEvD;AAAA,EACA,WAAW,MAAqC;AAC9C,WAAO,QAAQ,cAAc,MAAM,UAAU,QAAQ;AAAA,EACvD;AAAA,EACA,gBAAgB,MAA0C;AACxD,WAAO,QAAQ,cAAc,MAAM,UAAU,aAAa;AAAA,EAC5D;AAAA,EACA,aAAa;AACJ,WAAA,EAAE,MAAM;EACjB;AAAA,EACA,kBAAkB;AACT,WAAA;AAAA,MACL,UAAU,CAAC,KAAK,YAAY;AAAA,MAC5B,MAAM,UAAU;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,WAAW,OAAkB,UAAU,eAAsB;AAC3D,WAAO,EAAE,UAAU,CAAC,KAAK,WAAY,CAAA,GAAG;EAC1C;AAAA,EACA,iBAAwB;AACf,WAAA;AAAA,MACL,UAAU,CAAC,KAAK,qBAAqB;AAAA,MACrC,MAAM,UAAU;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,sBAA6B;AACpB,WAAA;AAAA,MACL,UAAU,CAAC,KAAK,YAAY;AAAA,MAC5B,MAAM,UAAU;AAAA,IAAA;AAAA,EAEpB;AACF;;"}

package/dist/index.cjs.js

@@ -46,10 +46,8 @@ var serialize = require("@emotion/serialize");
 var utils = require("@emotion/utils");
 var jsxRuntime = require("react/jsx-runtime");
 var descriptors = require("./descriptors.cjs.js");
-var slate = require("slate");
 var textInput = require("./text-input.cjs.js");
 var combobox = require("./combobox.cjs.js");
-var slateReact = require("slate-react");
 var shim = require("use-sync-external-store/shim");
 var redux = require("redux");
 var thunk = require("redux-thunk");
@@ -59,8 +57,6 @@ var state_breakpoints = require("./state/breakpoints.cjs.js");
 var boxModels = require("./box-models.cjs.js");
 var ColorHelper = require("color");
 var scrollIntoView = require("scroll-into-view-if-needed");
-var isHotkey = require("is-hotkey");
-var slateHistory = require("slate-history");
 var reactDom = require("react-dom");
 var parse = require("html-react-parser");
 var Head = require("next/head");
@@ -101,7 +97,6 @@ var dynamic__default = /* @__PURE__ */ _interopDefaultLegacy(dynamic);
 var thunk__default = /* @__PURE__ */ _interopDefaultLegacy(thunk);
 var ColorHelper__default = /* @__PURE__ */ _interopDefaultLegacy(ColorHelper);
 var scrollIntoView__default = /* @__PURE__ */ _interopDefaultLegacy(scrollIntoView);
-var isHotkey__default = /* @__PURE__ */ _interopDefaultLegacy(isHotkey);
 var parse__default = /* @__PURE__ */ _interopDefaultLegacy(parse);
 var Head__default = /* @__PURE__ */ _interopDefaultLegacy(Head);
 var createEmotionServer__default = /* @__PURE__ */ _interopDefaultLegacy(createEmotionServer);
@@ -1164,7 +1159,7 @@ async function fonts(_req, res, { getFonts } = {}) {
   const fonts2 = (_a = await (getFonts == null ? void 0 : getFonts())) != null ? _a : [];
   return res.json(fonts2);
 }
-const version = "0.8.9";
+const version = "0.8.10";
 async function handler(req, res, { apiKey }) {
   if (req.query.secret !== apiKey) {
     return res.status(401).json({ message: "Unauthorized" });
@@ -3141,7 +3136,7 @@ function useNumber(numberControlData, controlDefinition) {
   return numberControlData != null ? numberControlData : controlDefinition.config.defaultValue;
 }
 const Text = forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-  return require("./index.cjs6.js");
+  return require("./index.cjs7.js");
 }))));
 function useRichText(data, control) {
   const textCallbackRef = React.useCallback((handle) => {
@@ -3156,115 +3151,19 @@ function useRichText(data, control) {
     ref: textCallbackRef
   });
 }
-function pollBoxModel({
-  element,
-  onBoxModelChange
-}) {
-  let currentBoxModel = null;
-  const handleAnimationFrameRequest = () => {
-    const measuredBoxModel = boxModels.getBox(element);
-    if (!deepEqual(currentBoxModel, measuredBoxModel)) {
-      currentBoxModel = measuredBoxModel;
-      onBoxModelChange(currentBoxModel);
-    }
-    animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
-  };
-  let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
-  return () => {
-    cancelAnimationFrame(animationFrameHandle);
-    onBoxModelChange(null);
-  };
-}
-const isSSR = typeof window === "undefined" || /ServerSideRendering/.test(window.navigator && window.navigator.userAgent);
-const useIsomorphicLayoutEffect = isSSR ? React.useEffect : React.useLayoutEffect;
-const defaultText = [{
-  type: descriptors.BlockType.Text,
-  children: [{
-    text: ""
-  }]
-}];
+const EditableText = forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
+  return require("./index.cjs8.js");
+}))));
+const ReadOnlyText = forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
+  return require("./ReadOnlyTextV2.cjs.js");
+}))));
 function useRichTextV2(data, control) {
-  const [editor] = React.useState(() => slateHistory.withHistory(slateReact.withReact(slate.createEditor())));
-  const isPreservingFocus = React.useRef(false);
-  const editMode = useBuilderEditMode();
-  React.useEffect(() => {
-    if (control == null)
-      return;
-    const element = slateReact.ReactEditor.toDOMNode(editor, editor);
-    return pollBoxModel({
-      element,
-      onBoxModelChange: (boxModel) => control.changeBoxModel(boxModel)
-    });
-  }, [editor, control]);
-  const renderElement = React.useCallback(({
-    attributes,
-    children,
-    element
-  }) => {
-    switch (element.type) {
-      default:
-        return /* @__PURE__ */ jsxRuntime.jsx("p", __spreadProps(__spreadValues({}, attributes), {
-          children
-        }));
-    }
-  }, []);
-  const renderLeaf = React.useCallback(({
-    attributes,
-    children
-  }) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, attributes), {
-      children
-    }));
-  }, []);
-  const initialValue = React.useMemo(() => data != null ? data : defaultText, [data]);
-  React.useEffect(() => {
-    if (editMode !== descriptors.BuilderEditMode.CONTENT) {
-      isPreservingFocus.current = false;
-      slateReact.ReactEditor.deselect(editor);
-    }
-  }, [editMode]);
-  React.useEffect(() => {
-    control == null ? void 0 : control.setEditor(editor);
-    control == null ? void 0 : control.setDefaultValue(defaultText);
-  }, [control, editor, defaultText]);
-  const handleFocus = React.useCallback(() => {
-    isPreservingFocus.current = true;
-    control == null ? void 0 : control.select();
-  }, [control]);
-  const handleKeyDown = React.useCallback((e) => {
-    if (isHotkey__default["default"]("mod+shift+z", e))
-      return slateHistory.HistoryEditor.redo(editor);
-    if (isHotkey__default["default"]("mod+z", e))
-      return slateHistory.HistoryEditor.undo(editor);
-    if (isHotkey__default["default"]("escape")(e)) {
-      isPreservingFocus.current = false;
-      slateReact.ReactEditor.blur(editor);
-      control == null ? void 0 : control.switchToBuildMode();
-    }
-  }, [control, editor]);
-  const handleBlur = React.useCallback((e) => {
-    var _a;
-    if (e.relatedTarget == null)
-      return;
-    if (((_a = e.relatedTarget) == null ? void 0 : _a.getAttribute("contenteditable")) === "true")
-      isPreservingFocus.current = false;
-  }, []);
-  const handleOnChange = React.useCallback((value) => {
-    control == null ? void 0 : control.onChange(value);
-  }, [control]);
-  return /* @__PURE__ */ jsxRuntime.jsx(slateReact.Slate, {
-    editor,
-    onChange: handleOnChange,
-    value: initialValue,
-    children: /* @__PURE__ */ jsxRuntime.jsx(slateReact.Editable, {
-      renderLeaf,
-      renderElement,
-      onFocus: handleFocus,
-      onKeyDown: handleKeyDown,
-      onBlur: handleBlur,
-      readOnly: editMode !== descriptors.BuilderEditMode.CONTENT,
-      placeholder: "Write some text..."
-    })
+  const isPreview = useIsPreview();
+  return isPreview ? /* @__PURE__ */ jsxRuntime.jsx(EditableText, {
+    text: data,
+    control
+  }) : /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText, {
+    text: data
   });
 }
 function useSelectControlValue(data, definition) {
@@ -3285,6 +3184,25 @@ function ShapeControlValue({
     }))
   }), children)({});
 }
+function pollBoxModel({
+  element,
+  onBoxModelChange
+}) {
+  let currentBoxModel = null;
+  const handleAnimationFrameRequest = () => {
+    const measuredBoxModel = boxModels.getBox(element);
+    if (!deepEqual(currentBoxModel, measuredBoxModel)) {
+      currentBoxModel = measuredBoxModel;
+      onBoxModelChange(currentBoxModel);
+    }
+    animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+  };
+  let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+  return () => {
+    cancelAnimationFrame(animationFrameHandle);
+    onBoxModelChange(null);
+  };
+}
 function useSlot(data, control) {
   if (data == null || data.elements.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(Slot.Placeholder, {
@@ -4121,7 +4039,6 @@ exports.useFiles = useFiles;
 exports.useFormContext = useFormContext;
 exports.useIsInBuilder = useIsInBuilder;
 exports.useIsPreview = useIsPreview;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.useMakeswiftClient = useMakeswiftClient;
 exports.usePageId = usePageId;
 exports.usePagePathnameSlice = usePagePathnameSlice;