@makeswift/runtime 0.9.0 → 0.9.1

package/dist/index.cjs9.js

@@ -18,6 +18,18 @@ var __spreadValues = (a, b) => {
   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;
+};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var React = require("react");
 var slate = require("slate");
@@ -35,14 +47,15 @@ var jsxRuntime = require("react/jsx-runtime");
 require("redux");
 require("redux-thunk");
 require("./actions.cjs.js");
-require("use-sync-external-store/shim/with-selector");
-require("next/dynamic");
 require("@emotion/serialize");
 require("@emotion/utils");
+require("use-sync-external-store/shim/with-selector");
+require("next/dynamic");
 require("./text-input.cjs.js");
 require("./combobox.cjs.js");
 require("use-sync-external-store/shim");
 require("./types.cjs.js");
+require("./deepEqual.cjs.js");
 require("./box-models.cjs.js");
 require("css-box-model");
 require("color");
@@ -87,6 +100,50 @@ function useSyncDOMSelection(editor, isEnabled) {
     }
   });
 }
+function RichTextV2Element(_a) {
+  var _b = _a, {
+    definition,
+    plugins
+  } = _b, props = __objRest(_b, [
+    "definition",
+    "plugins"
+  ]);
+  const blockStyles = [reactPage.useStyle({
+    margin: 0
+  })];
+  function initialRenderElement(props2) {
+    switch (props2.element.type) {
+      case reactPage.BlockType.Default:
+      default:
+        if (definition.config.mode === reactPage.RichTextV2Mode.Inline) {
+          return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, props2.attributes), {
+            className: css.cx(...blockStyles),
+            children: props2.children
+          }));
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx("p", __spreadProps(__spreadValues({}, props2.attributes), {
+          className: css.cx(...blockStyles),
+          children: props2.children
+        }));
+    }
+  }
+  const renderElement = plugins.reduce((renderFn, plugin) => (props2) => {
+    const {
+      control,
+      renderElement: renderElement2
+    } = plugin;
+    if ((control == null ? void 0 : control.definition) == null || renderElement2 == null)
+      return renderFn(props2);
+    if (control.getElementValue == null)
+      return renderElement2(renderFn, void 0)(props2);
+    return /* @__PURE__ */ jsxRuntime.jsx(next.ControlValue, {
+      definition: control.definition,
+      data: control.getElementValue(props2.element),
+      children: (value) => renderElement2(renderFn, value)(props2)
+    });
+  }, initialRenderElement);
+  return renderElement(props);
+}
 const defaultText = [{
   type: reactPage.BlockType.Default,
   children: [{
@@ -95,13 +152,14 @@ const defaultText = [{
 }];
 function EditableTextV2({
   text,
+  definition,
   control
 }) {
   const plugins = React.useMemo(() => {
-    var _a, _b, _c, _d, _e;
-    const plugins2 = [...(_c = (_b = (_a = control == null ? void 0 : control.descriptor) == null ? void 0 : _a.config) == null ? void 0 : _b.plugins) != null ? _c : [], ...((_e = (_d = control == null ? void 0 : control.descriptor) == null ? void 0 : _d.config) == null ? void 0 : _e.mode) === reactPage.RichTextV2Mode.Inline ? [index.InlineModePlugin] : []];
+    var _a, _b, _c;
+    const plugins2 = [...(_b = (_a = definition == null ? void 0 : definition.config) == null ? void 0 : _a.plugins) != null ? _b : [], ...((_c = definition == null ? void 0 : definition.config) == null ? void 0 : _c.mode) === reactPage.RichTextV2Mode.Inline ? [index.InlineModePlugin] : []];
     return plugins2;
-  }, [control == null ? void 0 : control.descriptor.config]);
+  }, [definition]);
   const [editor] = React.useState(() => plugins.reduceRight((editor2, plugin) => {
     var _a, _b;
     return (_b = (_a = plugin == null ? void 0 : plugin.withPlugin) == null ? void 0 : _a.call(plugin, editor2)) != null ? _b : editor2;
@@ -118,106 +176,12 @@ function EditableTextV2({
       onBoxModelChange: (boxModel) => control.changeBoxModel(boxModel)
     });
   }, [editor, control]);
-  const renderElement = React.useCallback(({
-    attributes,
-    children,
-    element
-  }) => {
-    const blockStyles = [next.useStyle({
-      margin: 0
-    })];
-    const quoteStyles = next.useStyle({
-      padding: "0.5em 10px",
-      fontSize: "1.25em",
-      fontWeight: "300",
-      borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
-    });
-    switch (element.type) {
-      case reactPage.BlockType.Text:
-        return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          children
-        }));
-      case reactPage.BlockType.Paragraph:
-        return /* @__PURE__ */ jsxRuntime.jsx("p", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          children
-        }));
-      case reactPage.BlockType.Heading1:
-        return /* @__PURE__ */ jsxRuntime.jsx("h1", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          children
-        }));
-      case reactPage.BlockType.Heading2:
-        return /* @__PURE__ */ jsxRuntime.jsx("h2", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          children
-        }));
-      case reactPage.BlockType.Heading3:
-        return /* @__PURE__ */ jsxRuntime.jsx("h3", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          children
-        }));
-      case reactPage.BlockType.Heading4:
-        return /* @__PURE__ */ jsxRuntime.jsx("h4", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          children
-        }));
-      case reactPage.BlockType.Heading5:
-        return /* @__PURE__ */ jsxRuntime.jsx("h5", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          children
-        }));
-      case reactPage.BlockType.Heading6:
-        return /* @__PURE__ */ jsxRuntime.jsx("h6", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          children
-        }));
-      case reactPage.BlockType.BlockQuote:
-        return /* @__PURE__ */ jsxRuntime.jsx("blockquote", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles, quoteStyles),
-          children
-        }));
-      case reactPage.BlockType.OrderedList:
-        return /* @__PURE__ */ jsxRuntime.jsx("ol", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          style: {
-            listStylePosition: "inside"
-          },
-          children
-        }));
-      case reactPage.BlockType.UnorderedList:
-        return /* @__PURE__ */ jsxRuntime.jsx("ul", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          style: {
-            listStylePosition: "inside"
-          },
-          children
-        }));
-      case reactPage.BlockType.ListItem:
-        return /* @__PURE__ */ jsxRuntime.jsx("li", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          children
-        }));
-      case reactPage.BlockType.ListItemChild:
-        return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          children
-        }));
-      case reactPage.BlockType.Default:
-      default:
-        if ((control == null ? void 0 : control.descriptor.config.mode) === reactPage.RichTextV2Mode.Inline) {
-          return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, attributes), {
-            className: css.cx(...blockStyles),
-            children
-          }));
-        }
-        return /* @__PURE__ */ jsxRuntime.jsx("p", __spreadProps(__spreadValues({}, attributes), {
-          className: css.cx(...blockStyles),
-          children
-        }));
-    }
-  }, []);
+  const renderElement = React.useCallback((props) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(RichTextV2Element, __spreadProps(__spreadValues({}, props), {
+      definition,
+      plugins
+    }));
+  }, [plugins, definition]);
   const renderLeaf = React.useCallback(({
     attributes,
     children

package/dist/index.cjs9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs9.js","sources":["../src/runtimes/react/controls/rich-text-v2/EditableTextV2/useSyncDOMSelection.tsx","../src/runtimes/react/controls/rich-text-v2/EditableTextV2/editable-text-v2.tsx"],"sourcesContent":["import { Editor, Range as SlateRange } from 'slate'\nimport { useIsomorphicLayoutEffect } from '../../../../../components/hooks/useIsomorphicLayoutEffect'\nimport { MutableRefObject } from 'react'\nimport { ReactEditor } from 'slate-react'\n\n/**\n * Clicking outside of the host blurs our `<Editable />`.\n * `<Editable />` only updates the DOM's selection to match slate when it is focused.\n * In the case of a panel being clicked this hook updates the DOM selection to match slate.\n */\nexport function useSyncDOMSelection(editor: Editor, isEnabled: MutableRefObject<boolean>) {\n  useIsomorphicLayoutEffect(() => {\n    if (!isEnabled.current || editor.selection == null || ReactEditor.isFocused(editor)) return\n    try {\n      const root = ReactEditor.findDocumentOrShadowRoot(editor) as Document\n      const domSelection = root.getSelection()\n      const newDomRange: Range | null = ReactEditor.toDOMRange(editor, editor.selection)\n\n      if (newDomRange) {\n        if (SlateRange.isBackward(editor.selection!)) {\n          domSelection?.setBaseAndExtent(\n            newDomRange.endContainer,\n            newDomRange.endOffset,\n            newDomRange.startContainer,\n            newDomRange.startOffset,\n          )\n        } else {\n          domSelection?.setBaseAndExtent(\n            newDomRange.startContainer,\n            newDomRange.startOffset,\n            newDomRange.endContainer,\n            newDomRange.endOffset,\n          )\n        }\n      } else {\n        domSelection?.removeAllRanges()\n      }\n    } catch (e) {\n      console.error(e)\n    }\n  })\n}\n","import {\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Descendant, createEditor } from 'slate'\nimport isHotkey from 'is-hotkey'\nimport { withHistory, HistoryEditor } from 'slate-history'\nimport {\n  withReact,\n  ReactEditor,\n  RenderElementProps,\n  RenderLeafProps,\n  Slate,\n  Editable,\n} from 'slate-react'\n\nimport {\n  RichTextV2Control,\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2Mode,\n} from '../../../../../controls'\nimport { useBuilderEditMode } from '../../..'\nimport { BuilderEditMode } from '../../../../../state/modules/builder-edit-mode'\nimport { pollBoxModel } from '../../../poll-box-model'\nimport { InlineModePlugin, withBuilder } from '../../../../../slate'\nimport { useSyncDOMSelection } from './useSyncDOMSelection'\nimport { BlockType } from '../../../../../slate'\nimport { useStyle } from '../../../use-style'\nimport { cx } from '@emotion/css'\n\nexport type RichTextV2ControlValue = ReactNode\n\nexport type Descriptors = { text?: RichTextV2ControlDefinition }\n\nconst defaultText: Descendant[] = [{ type: BlockType.Default, children: [{ text: '' }] }]\n\ntype Props = {\n  text: RichTextV2ControlData\n  control: RichTextV2Control | null\n}\n\nexport function EditableTextV2({ text, control }: Props) {\n  const plugins = useMemo(() => {\n    const plugins = [\n      ...(control?.descriptor?.config?.plugins ?? []),\n      ...(control?.descriptor?.config?.mode === RichTextV2Mode.Inline ? [InlineModePlugin] : []),\n    ]\n    return plugins\n  }, [control?.descriptor.config])\n\n  const [editor] = useState(() =>\n    plugins.reduceRight(\n      (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,\n      withBuilder(withHistory(withReact(createEditor()))),\n    ),\n  )\n\n  const isPreservingFocus = useRef(false)\n  useSyncDOMSelection(editor, isPreservingFocus)\n\n  const editMode = useBuilderEditMode()\n\n  useEffect(() => {\n    if (control == null) return\n\n    const element = ReactEditor.toDOMNode(editor, editor)\n    return pollBoxModel({\n      element,\n      onBoxModelChange: boxModel => control.changeBoxModel(boxModel),\n    })\n  }, [editor, control])\n\n  const renderElement = useCallback(({ attributes, children, element }: RenderElementProps) => {\n    // TODO: move this markup into the block plugin once we have a way of composing render functionality.\n    const blockStyles = [useStyle({ margin: 0 })]\n    const quoteStyles = useStyle({\n      padding: '0.5em 10px',\n      fontSize: '1.25em',\n      fontWeight: '300',\n      borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n    })\n\n    switch (element.type) {\n      case BlockType.Text:\n        return (\n          <span {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </span>\n        )\n      case BlockType.Paragraph:\n        return (\n          <p {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </p>\n        )\n      case BlockType.Heading1:\n        return (\n          <h1 {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </h1>\n        )\n      case BlockType.Heading2:\n        return (\n          <h2 {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </h2>\n        )\n      case BlockType.Heading3:\n        return (\n          <h3 {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </h3>\n        )\n      case BlockType.Heading4:\n        return (\n          <h4 {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </h4>\n        )\n      case BlockType.Heading5:\n        return (\n          <h5 {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </h5>\n        )\n      case BlockType.Heading6:\n        return (\n          <h6 {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </h6>\n        )\n      case BlockType.BlockQuote:\n        return (\n          <blockquote {...attributes} className={cx(...blockStyles, quoteStyles)}>\n            {children}\n          </blockquote>\n        )\n      case BlockType.OrderedList:\n        return (\n          <ol\n            {...attributes}\n            className={cx(...blockStyles)}\n            style={{ listStylePosition: 'inside' }}\n          >\n            {children}\n          </ol>\n        )\n      case BlockType.UnorderedList:\n        return (\n          <ul\n            {...attributes}\n            className={cx(...blockStyles)}\n            style={{ listStylePosition: 'inside' }}\n          >\n            {children}\n          </ul>\n        )\n      case BlockType.ListItem:\n        return (\n          <li {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </li>\n        )\n      case BlockType.ListItemChild:\n        return (\n          <span {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </span>\n        )\n      case BlockType.Default:\n      default:\n        if (control?.descriptor.config.mode === RichTextV2Mode.Inline) {\n          return (\n            <span {...attributes} className={cx(...blockStyles)}>\n              {children}\n            </span>\n          )\n        }\n\n        return (\n          <p {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </p>\n        )\n    }\n  }, [])\n\n  const renderLeaf = useCallback(({ attributes, children }: RenderLeafProps) => {\n    return <span {...attributes}>{children}</span>\n  }, [])\n\n  const initialValue = useMemo(() => text ?? defaultText, [text])\n\n  useEffect(() => {\n    /**\n     * This is required because clicking on the overlay has `relatedTarget` null just like the sidebar, but\n     * - in the case of the overlay we switch to BUILD mode\n     * - in the case of the sidebar we preserve the selection\n     */\n    if (editMode !== BuilderEditMode.CONTENT) {\n      isPreservingFocus.current = false\n      ReactEditor.deselect(editor)\n    }\n  }, [editMode])\n\n  useEffect(() => {\n    control?.setEditor(editor)\n    control?.setDefaultValue(defaultText)\n  }, [control, editor, defaultText])\n\n  const handleFocus = useCallback(() => {\n    isPreservingFocus.current = true\n    control?.select()\n  }, [control])\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (isHotkey('mod+shift+z', e)) return HistoryEditor.redo(editor)\n      if (isHotkey('mod+z', e)) return HistoryEditor.undo(editor)\n      if (isHotkey('escape')(e)) {\n        isPreservingFocus.current = false\n        ReactEditor.blur(editor)\n        control?.switchToBuildMode()\n      }\n\n      plugins.forEach(plugin => plugin?.onKeyDown?.(e, editor))\n    },\n    [control, plugins, editor],\n  )\n\n  const handleKeyUp = useCallback(\n    (e: KeyboardEvent) => {\n      if (editMode === BuilderEditMode.CONTENT) e.preventDefault()\n    },\n    [control, editor, editMode],\n  )\n\n  const handleClick = useCallback(\n    (e: MouseEvent) => {\n      if (editMode === BuilderEditMode.CONTENT) e.stopPropagation()\n    },\n    [editMode],\n  )\n\n  const handleBlur = useCallback((e: FocusEvent) => {\n    // outside of iframe (overlay, sidebar, etc)\n    if (e.relatedTarget == null) return\n    // another text\n    if (e.relatedTarget?.getAttribute('contenteditable') === 'true')\n      isPreservingFocus.current = false\n  }, [])\n\n  const handleOnChange = useCallback(\n    (value: Descendant[]) => {\n      control?.onChange(value)\n    },\n    [control],\n  )\n\n  return (\n    <Slate editor={editor} onChange={handleOnChange} value={initialValue}>\n      <Editable\n        renderLeaf={renderLeaf}\n        renderElement={renderElement}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        onClick={handleClick}\n        onBlur={handleBlur}\n        readOnly={editMode !== BuilderEditMode.CONTENT}\n        placeholder=\"Write some text...\"\n      />\n    </Slate>\n  )\n}\n\nexport default EditableTextV2\n"],"names":["editor","isEnabled","useIsomorphicLayoutEffect","current","selection","ReactEditor","isFocused","root","findDocumentOrShadowRoot","domSelection","getSelection","newDomRange","toDOMRange","SlateRange","isBackward","setBaseAndExtent","endContainer","endOffset","startContainer","startOffset","removeAllRanges","e","console","error","defaultText","type","BlockType","Default","children","text","control","plugins","useMemo","descriptor","config","mode","RichTextV2Mode","Inline","InlineModePlugin","useState","reduceRight","plugin","withPlugin","withBuilder","withHistory","withReact","createEditor","isPreservingFocus","useRef","useSyncDOMSelection","editMode","useBuilderEditMode","useEffect","element","toDOMNode","pollBoxModel","onBoxModelChange","boxModel","changeBoxModel","renderElement","useCallback","attributes","blockStyles","useStyle","margin","quoteStyles","padding","fontSize","fontWeight","borderLeft","Text","cx","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","renderLeaf","initialValue","BuilderEditMode","CONTENT","deselect","setEditor","setDefaultValue","handleFocus","select","handleKeyDown","isHotkey","HistoryEditor","redo","undo","blur","switchToBuildMode","forEach","onKeyDown","handleKeyUp","preventDefault","handleClick","stopPropagation","handleBlur","relatedTarget","getAttribute","handleOnChange","value","onChange","Slate","Editable"],"mappings":"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"}
+{"version":3,"file":"index.cjs9.js","sources":["../src/runtimes/react/controls/rich-text-v2/EditableTextV2/useSyncDOMSelection.tsx","../src/runtimes/react/controls/rich-text-v2/EditableTextV2/editable-text-v2.tsx"],"sourcesContent":["import { Editor, Range as SlateRange } from 'slate'\nimport { useIsomorphicLayoutEffect } from '../../../../../components/hooks/useIsomorphicLayoutEffect'\nimport { MutableRefObject } from 'react'\nimport { ReactEditor } from 'slate-react'\n\n/**\n * Clicking outside of the host blurs our `<Editable />`.\n * `<Editable />` only updates the DOM's selection to match slate when it is focused.\n * In the case of a panel being clicked this hook updates the DOM selection to match slate.\n */\nexport function useSyncDOMSelection(editor: Editor, isEnabled: MutableRefObject<boolean>) {\n  useIsomorphicLayoutEffect(() => {\n    if (!isEnabled.current || editor.selection == null || ReactEditor.isFocused(editor)) return\n    try {\n      const root = ReactEditor.findDocumentOrShadowRoot(editor) as Document\n      const domSelection = root.getSelection()\n      const newDomRange: Range | null = ReactEditor.toDOMRange(editor, editor.selection)\n\n      if (newDomRange) {\n        if (SlateRange.isBackward(editor.selection!)) {\n          domSelection?.setBaseAndExtent(\n            newDomRange.endContainer,\n            newDomRange.endOffset,\n            newDomRange.startContainer,\n            newDomRange.startOffset,\n          )\n        } else {\n          domSelection?.setBaseAndExtent(\n            newDomRange.startContainer,\n            newDomRange.startOffset,\n            newDomRange.endContainer,\n            newDomRange.endOffset,\n          )\n        }\n      } else {\n        domSelection?.removeAllRanges()\n      }\n    } catch (e) {\n      console.error(e)\n    }\n  })\n}\n","import {\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Descendant, createEditor } from 'slate'\nimport isHotkey from 'is-hotkey'\nimport { withHistory, HistoryEditor } from 'slate-history'\nimport {\n  withReact,\n  ReactEditor,\n  RenderElementProps,\n  RenderLeafProps,\n  Slate,\n  Editable,\n} from 'slate-react'\n\nimport {\n  RichTextV2Control,\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2Mode,\n  RichTextV2Plugin,\n} from '../../../../../controls'\nimport { useBuilderEditMode } from '../../..'\nimport { BuilderEditMode } from '../../../../../state/modules/builder-edit-mode'\nimport { pollBoxModel } from '../../../poll-box-model'\nimport { InlineModePlugin, withBuilder } from '../../../../../slate'\nimport { useSyncDOMSelection } from './useSyncDOMSelection'\nimport { BlockType } from '../../../../../slate'\nimport { useStyle } from '../../../use-style'\nimport { cx } from '@emotion/css'\nimport { ControlValue } from '../../control'\n\ntype RichTextV2ElementProps = RenderElementProps & {\n  definition: RichTextV2ControlDefinition\n  plugins: RichTextV2Plugin[]\n}\n\nfunction RichTextV2Element({ definition, plugins, ...props }: RichTextV2ElementProps) {\n  const blockStyles = [useStyle({ margin: 0 })]\n\n  function initialRenderElement(props: RenderElementProps) {\n    switch (props.element.type) {\n      case BlockType.Default:\n      default:\n        if (definition.config.mode === RichTextV2Mode.Inline) {\n          return (\n            <span {...props.attributes} className={cx(...blockStyles)}>\n              {props.children}\n            </span>\n          )\n        }\n\n        return (\n          <p {...props.attributes} className={cx(...blockStyles)}>\n            {props.children}\n          </p>\n        )\n    }\n  }\n\n  const renderElement = plugins.reduce(\n    (renderFn, plugin) => (props: RenderElementProps) => {\n      const { control, renderElement } = plugin\n\n      if (control?.definition == null || renderElement == null) return renderFn(props)\n\n      if (control.getElementValue == null) return renderElement(renderFn, undefined)(props)\n\n      return (\n        <ControlValue definition={control.definition} data={control.getElementValue(props.element)}>\n          {value => renderElement(renderFn, value)(props)}\n        </ControlValue>\n      )\n    },\n    initialRenderElement,\n  )\n\n  return renderElement(props)\n}\n\nexport type RichTextV2ControlValue = ReactNode\n\nexport type Descriptors = { text?: RichTextV2ControlDefinition }\n\nconst defaultText: Descendant[] = [{ type: BlockType.Default, children: [{ text: '' }] }]\n\ntype Props = {\n  text: RichTextV2ControlData\n  definition: RichTextV2ControlDefinition\n  control: RichTextV2Control | null\n}\n\nexport function EditableTextV2({ text, definition, control }: Props) {\n  const plugins = useMemo(() => {\n    const plugins = [\n      ...(definition?.config?.plugins ?? []),\n      ...(definition?.config?.mode === RichTextV2Mode.Inline ? [InlineModePlugin] : []),\n    ]\n    return plugins\n  }, [definition])\n\n  const [editor] = useState(() =>\n    plugins.reduceRight(\n      (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,\n      withBuilder(withHistory(withReact(createEditor()))),\n    ),\n  )\n\n  const isPreservingFocus = useRef(false)\n  useSyncDOMSelection(editor, isPreservingFocus)\n\n  const editMode = useBuilderEditMode()\n\n  useEffect(() => {\n    if (control == null) return\n\n    const element = ReactEditor.toDOMNode(editor, editor)\n    return pollBoxModel({\n      element,\n      onBoxModelChange: boxModel => control.changeBoxModel(boxModel),\n    })\n  }, [editor, control])\n\n  const renderElement = useCallback(\n    (props: RenderElementProps) => {\n      return <RichTextV2Element {...props} definition={definition} plugins={plugins} />\n    },\n    [plugins, definition],\n  )\n\n  const renderLeaf = useCallback(({ attributes, children }: RenderLeafProps) => {\n    return <span {...attributes}>{children}</span>\n  }, [])\n\n  const initialValue = useMemo(() => text ?? defaultText, [text])\n\n  useEffect(() => {\n    /**\n     * This is required because clicking on the overlay has `relatedTarget` null just like the sidebar, but\n     * - in the case of the overlay we switch to BUILD mode\n     * - in the case of the sidebar we preserve the selection\n     */\n    if (editMode !== BuilderEditMode.CONTENT) {\n      isPreservingFocus.current = false\n      ReactEditor.deselect(editor)\n    }\n  }, [editMode])\n\n  useEffect(() => {\n    control?.setEditor(editor)\n    control?.setDefaultValue(defaultText)\n  }, [control, editor, defaultText])\n\n  const handleFocus = useCallback(() => {\n    isPreservingFocus.current = true\n    control?.select()\n  }, [control])\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (isHotkey('mod+shift+z', e)) return HistoryEditor.redo(editor)\n      if (isHotkey('mod+z', e)) return HistoryEditor.undo(editor)\n      if (isHotkey('escape')(e)) {\n        isPreservingFocus.current = false\n        ReactEditor.blur(editor)\n        control?.switchToBuildMode()\n      }\n\n      plugins.forEach(plugin => plugin?.onKeyDown?.(e, editor))\n    },\n    [control, plugins, editor],\n  )\n\n  const handleKeyUp = useCallback(\n    (e: KeyboardEvent) => {\n      if (editMode === BuilderEditMode.CONTENT) e.preventDefault()\n    },\n    [control, editor, editMode],\n  )\n\n  const handleClick = useCallback(\n    (e: MouseEvent) => {\n      if (editMode === BuilderEditMode.CONTENT) e.stopPropagation()\n    },\n    [editMode],\n  )\n\n  const handleBlur = useCallback((e: FocusEvent) => {\n    // outside of iframe (overlay, sidebar, etc)\n    if (e.relatedTarget == null) return\n    // another text\n    if (e.relatedTarget?.getAttribute('contenteditable') === 'true')\n      isPreservingFocus.current = false\n  }, [])\n\n  const handleOnChange = useCallback(\n    (value: Descendant[]) => {\n      control?.onChange(value)\n    },\n    [control],\n  )\n\n  return (\n    <Slate editor={editor} onChange={handleOnChange} value={initialValue}>\n      <Editable\n        renderLeaf={renderLeaf}\n        renderElement={renderElement}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        onClick={handleClick}\n        onBlur={handleBlur}\n        readOnly={editMode !== BuilderEditMode.CONTENT}\n        placeholder=\"Write some text...\"\n      />\n    </Slate>\n  )\n}\n\nexport default EditableTextV2\n"],"names":["editor","isEnabled","useIsomorphicLayoutEffect","current","selection","ReactEditor","isFocused","root","findDocumentOrShadowRoot","domSelection","getSelection","newDomRange","toDOMRange","SlateRange","isBackward","setBaseAndExtent","endContainer","endOffset","startContainer","startOffset","removeAllRanges","e","console","error","definition","plugins","props","blockStyles","useStyle","margin","element","type","BlockType","Default","config","mode","RichTextV2Mode","Inline","attributes","cx","children","renderElement","reduce","renderFn","plugin","control","getElementValue","undefined","ControlValue","value","initialRenderElement","defaultText","text","useMemo","InlineModePlugin","useState","reduceRight","withPlugin","withBuilder","withHistory","withReact","createEditor","isPreservingFocus","useRef","useSyncDOMSelection","editMode","useBuilderEditMode","useEffect","toDOMNode","pollBoxModel","onBoxModelChange","boxModel","changeBoxModel","useCallback","renderLeaf","initialValue","BuilderEditMode","CONTENT","deselect","setEditor","setDefaultValue","handleFocus","select","handleKeyDown","isHotkey","HistoryEditor","redo","undo","blur","switchToBuildMode","forEach","onKeyDown","handleKeyUp","preventDefault","handleClick","stopPropagation","handleBlur","relatedTarget","getAttribute","handleOnChange","onChange","Slate","Editable"],"mappings":"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"}

package/dist/index.es.js

@@ -34,16 +34,12 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var _e;
 import * as React from "react";
 import { useEffect, createContext, useContext, useState, useMemo, useRef, Children, createElement, forwardRef, memo, useId, useCallback, useImperativeHandle, Component, Suspense } from "react";
 import { useSyncExternalStoreWithSelector } from "use-sync-external-store/shim/with-selector";
 import dynamic from "next/dynamic";
-import { a as createDocumentReference, g as getPropControllerDescriptors, b as isElementReference, e as getElementSwatchIds, f as getFileIds, h as getTypographyIds, j as getTableIds, k as getPageIds, l as getElementChildren, S as ShapeControlType, L as ListControlType, m as Types, E as ElementID, B as Backgrounds, W as Width, n as ResponsiveIconRadioGroup, M as Margin, P as Padding, o as Border, p as BorderRadius, q as Shadows, G as GapY, r as GapX, s as ResponsiveSelect, t as ResponsiveNumber, u as Checkbox, v as Grid, w as TextInput, x as Link, y as ResponsiveColor, z as TextStyle, C as ComponentIcon, I as Images, N as Number$1, D as Date$1, F as Font, A as ResponsiveLength, H as TextArea, J as Table, K as TableFormFields, O as Image, Q as ResponsiveOpacity, U as NavigationLinks, V as SocialLinks, X as RichText, Y as Video, Z as getBorderSwatchIds, _ as isNonNullable, $ as getBoxShadowsSwatchIds, a0 as getResponsiveColorSwatchIds, a1 as StyleControlProperty, a2 as ImageControlValueFormat, a3 as isPropControllersHandle, a4 as StyleControlType, a5 as RichTextV2ControlType, a6 as RichTextControlType, a7 as SlotControlType, a8 as LinkControlType, a9 as ImageControlType, aa as ColorControlType, ab as SelectControlType, ac as getComponentPropControllerDescriptors, ad as getPropControllers, ae as BorderPropControllerFormat, af as ShadowsPropControllerFormat, ag as BorderRadiusPropControllerFormat, ah as MarginPropControllerFormat, ai as PaddingPropControllerFormat, aj as WidthPropControllerFormat, ak as configureStore$1, al as copyElementTree, am as getBreakpoints, an as getDocument, ao as getElementId, ap as getIsPreview, aq as getIsInBuilder, ar as getReactComponent, as as getBuilderEditMode } from "./react-page.es.js";
+import { a as createDocumentReference, g as getPropControllerDescriptors, b as isElementReference, e as getElementSwatchIds, f as getFileIds, h as getTypographyIds, j as getTableIds, k as getPageIds, l as getElementChildren, S as ShapeControlType, L as ListControlType, m as Types, E as ElementID, B as Backgrounds, W as Width, n as ResponsiveIconRadioGroup, M as Margin, P as Padding, o as Border, p as BorderRadius, q as Shadows, G as GapY, r as GapX, s as ResponsiveSelect, t as ResponsiveNumber, u as Checkbox, v as Grid, w as TextInput, x as Link, y as ResponsiveColor, z as TextStyle, C as ComponentIcon, I as Images, N as Number$1, D as Date$1, F as Font, A as ResponsiveLength, H as TextArea, J as Table, K as TableFormFields, O as Image, Q as ResponsiveOpacity, U as NavigationLinks, V as SocialLinks, X as RichText, Y as Video, Z as useStyle, _ as getBorderSwatchIds, $ as isNonNullable, a0 as getBoxShadowsSwatchIds, a1 as getResponsiveColorSwatchIds, a2 as StyleControlProperty, a3 as ImageControlValueFormat, a4 as isPropControllersHandle, a5 as StyleV2ControlType, a6 as StyleControlType, a7 as RichTextV2ControlType, a8 as RichTextControlType, a9 as SlotControlType, aa as LinkControlType, ab as ImageControlType, ac as ColorControlType, ad as SelectControlType, ae as getComponentPropControllerDescriptors, af as getPropControllers, ag as BorderPropControllerFormat, ah as ShadowsPropControllerFormat, ai as BorderRadiusPropControllerFormat, aj as MarginPropControllerFormat, ak as PaddingPropControllerFormat, al as WidthPropControllerFormat, am as configureStore$1, an as copyElementTree, ao as getBreakpoints, ap as getDocument, aq as getElementId, ar as getIsPreview, as as getIsInBuilder, at as getReactComponent, au as getBuilderEditMode } from "./react-page.es.js";
 import { A as ActionTypes, n as apiResourceFulfilled, o as registerComponentEffect, p as registerReactComponentEffect, q as registerComponentHandleEffect, t as mountComponentEffect } from "./actions.es.js";
-import { cache, cx } from "@emotion/css";
-import { serializeStyles } from "@emotion/serialize";
-import { registerStyles, insertStyles } from "@emotion/utils";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as TextAreaControlType, a as TextInputControlType, N as NumberControlType, C as CheckboxControlType } from "./text-input.es.js";
 import { C as ComboboxControlType } from "./combobox.es.js";
@@ -55,8 +51,12 @@ import { useSyncExternalStore } from "use-sync-external-store/shim";
 import { createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
 import { A as APIResourceType } from "./types.es.js";
+import { d as deepEqual } from "./deepEqual.es.js";
 import { g as getBox, i as isMeasurable, m as measure } from "./box-models.es.js";
 import ColorHelper from "color";
+import { cache, cx } from "@emotion/css";
+import "@emotion/serialize";
+import "@emotion/utils";
 import scrollIntoView from "scroll-into-view-if-needed";
 import { findDOMNode } from "react-dom";
 import parse from "html-react-parser";
@@ -72,43 +72,6 @@ import { parse as parse$1 } from "set-cookie-parser";
 import { M as MakeswiftComponentType } from "./constants.es.js";
 import { v4 } from "uuid";
 import ipsum from "corporate-ipsum";
-function is(x, y) {
-  if (x === y)
-    return x !== 0 || y !== 0 || 1 / x === 1 / y;
-  return x !== x && y !== y;
-}
-const { hasOwnProperty: hasOwnProperty$1 } = Object.prototype;
-const shallowEqual = (a, b) => {
-  if (is(a, b))
-    return true;
-  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
-    return false;
-  const keysA = Object.keys(a);
-  const keysB = Object.keys(b);
-  if (keysA.length !== keysB.length)
-    return false;
-  for (let i = 0; i < keysA.length; i += 1) {
-    if (!hasOwnProperty$1.call(b, keysA[i]) || !is(a[keysA[i]], b[keysA[i]]))
-      return false;
-  }
-  return true;
-};
-const { hasOwnProperty } = Object.prototype;
-const deepEqual = (a, b) => {
-  if (shallowEqual(a, b))
-    return true;
-  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
-    return false;
-  const keysA = Object.keys(a);
-  const keysB = Object.keys(b);
-  if (keysA.length !== keysB.length)
-    return false;
-  for (let i = 0; i < keysA.length; i += 1) {
-    if (!hasOwnProperty.call(b, keysA[i]) || !deepEqual(a[keysA[i]], b[keysA[i]]))
-      return false;
-  }
-  return true;
-};
 const SCRIPT_TAG = "script";
 function BodySnippet({
   code,
@@ -1151,7 +1114,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.9.0";
+const version = "0.9.1";
 async function handler(req, res, { apiKey, unstable_siteVersions }) {
   if (req.query.secret !== apiKey) {
     return res.status(401).json({ message: "Unauthorized" });
@@ -2423,19 +2386,6 @@ function registerBuiltinComponents(runtime) {
     unregisterVideoComponent();
   };
 }
-const isServer = typeof window === "undefined";
-const useInsertionEffectSpecifier = "useInsertionEffect";
-const useInsertionEffect = (_e = React[useInsertionEffectSpecifier]) != null ? _e : React.useLayoutEffect;
-function useStyle(style) {
-  const serialized = serializeStyles([style], cache.registered);
-  registerStyles(cache, serialized, false);
-  useInsertionEffect(() => {
-    insertStyles(cache, serialized, false);
-  });
-  if (isServer)
-    insertStyles(cache, serialized, false);
-  return `${cache.key}-${serialized.name}`;
-}
 var _path;
 function _extends() {
   _extends = Object.assign || function(target) {
@@ -2579,8 +2529,8 @@ function useTable(tableId) {
   }, [client, tableId]);
   return table;
 }
-function mapSideColor(swatches, _f) {
-  var _g = _f, { color } = _g, restOfSide = __objRest(_g, ["color"]);
+function mapSideColor(swatches, _e) {
+  var _f = _e, { color } = _f, restOfSide = __objRest(_f, ["color"]);
   return __spreadProps(__spreadValues({}, restOfSide), {
     color: color && {
       alpha: color.alpha,
@@ -2898,7 +2848,7 @@ const defaultPadding = {
   paddingBottom: 0,
   paddingLeft: 0
 };
-function useStyleControlCssObject(style, controlDefinition) {
+function useStyleControlCssObject$1(style, controlDefinition) {
   const { properties } = controlDefinition.config;
   return __spreadValues(__spreadValues({}, properties.includes(StyleControlProperty.Width) && {
     maxWidth: "100%"
@@ -2910,14 +2860,14 @@ function useStyleControlCssObject(style, controlDefinition) {
     style == null ? void 0 : style.borderRadius,
     style == null ? void 0 : style.textStyle
   ], ([width, margin, padding, border, borderRadius, textStyle]) => {
-    var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, properties.includes(StyleControlProperty.Width) && {
       width: (_a = widthToString(width)) != null ? _a : "100%"
     }), properties.includes(StyleControlProperty.Margin) && marginPropertyDataToStyle(margin != null ? margin : defaultMargin, defaultMargin)), properties.includes(StyleControlProperty.Padding) && paddingPropertyDataToStyle(padding != null ? padding : defaultPadding, defaultPadding)), properties.includes(StyleControlProperty.Border) && {
       borderTop: (_b = borderSideToString2(border == null ? void 0 : border.borderTop)) != null ? _b : "0 solid black",
       borderRight: (_c = borderSideToString2(border == null ? void 0 : border.borderRight)) != null ? _c : "0 solid black",
       borderBottom: (_d = borderSideToString2(border == null ? void 0 : border.borderBottom)) != null ? _d : "0 solid black",
-      borderLeft: (_e2 = borderSideToString2(border == null ? void 0 : border.borderLeft)) != null ? _e2 : "0 solid black"
+      borderLeft: (_e = borderSideToString2(border == null ? void 0 : border.borderLeft)) != null ? _e : "0 solid black"
     }), properties.includes(StyleControlProperty.BorderRadius) && {
       borderTopLeftRadius: (_f = borderRadiusToString(borderRadius == null ? void 0 : borderRadius.borderTopLeftRadius)) != null ? _f : 0,
       borderTopRightRadius: (_g = borderRadiusToString(borderRadius == null ? void 0 : borderRadius.borderTopRightRadius)) != null ? _g : 0,
@@ -2949,7 +2899,7 @@ function useStyleControlCssObject(style, controlDefinition) {
   }
 }
 function useFormattedStyle(styleControlData, controlDefinition, control) {
-  const style = useStyleControlCssObject(styleControlData, controlDefinition);
+  const style = useStyleControlCssObject$1(styleControlData, controlDefinition);
   const guid = useId().replaceAll(":", "");
   const styleClassName = useStyle(style);
   const classNames = `${styleClassName} ${guid}`;
@@ -3125,10 +3075,11 @@ function useRichText(data, control) {
 }
 const EditableText = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./index.es9.js"))));
 const ReadOnlyText = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./ReadOnlyTextV2.es.js"))));
-function useRichTextV2(data, control) {
+function useRichTextV2(data, definition, control) {
   const isPreview = useIsPreview();
   return isPreview ? /* @__PURE__ */ jsx(EditableText, {
     text: data,
+    definition,
     control
   }) : /* @__PURE__ */ jsx(ReadOnlyText, {
     text: data,
@@ -3190,13 +3141,13 @@ function useSlot(data, control) {
     }, element.key))
   });
 }
-function Slot(_h) {
-  var _i = _h, {
+function Slot(_g) {
+  var _h = _g, {
     as,
     control,
     children,
     className
-  } = _i, restOfProps = __objRest(_i, [
+  } = _h, restOfProps = __objRest(_h, [
     "as",
     "control",
     "children",
@@ -3225,15 +3176,15 @@ function Slot(_h) {
 }
 Slot.Placeholder = SlotPlaceholder;
 Slot.Item = SlotItem;
-function SlotItem(_j) {
-  var _k = _j, {
+function SlotItem(_i) {
+  var _j = _i, {
     as,
     control,
     grid,
     index,
     children,
     className
-  } = _k, restOfProps = __objRest(_k, [
+  } = _j, restOfProps = __objRest(_j, [
     "as",
     "control",
     "grid",
@@ -3315,6 +3266,20 @@ function SlotPlaceholder({
     })
   });
 }
+function useStyleControlCssObject(styleControlData, controlDefinition) {
+  var _a;
+  const breakpoints = useBreakpoints();
+  return __spreadValues(__spreadValues({}, controlDefinition.config.getStyle((_a = findBreakpointOverride(breakpoints, styleControlData, getBaseBreakpoint(breakpoints).id)) == null ? void 0 : _a.value)), breakpoints.reduce((styles, breakpoint) => {
+    var _a2;
+    return __spreadProps(__spreadValues({}, styles), {
+      [getBreakpointMediaQuery(breakpoint)]: controlDefinition.config.getStyle((_a2 = findBreakpointOverride(breakpoints, styleControlData, breakpoint.id)) == null ? void 0 : _a2.value)
+    });
+  }, {}));
+}
+function useFormattedStyleV2(styleControlData, controlDefinition) {
+  const styles = useStyleControlCssObject(styleControlData, controlDefinition);
+  return useStyle(styles);
+}
 function useTextAreaValue(data, definition) {
   return data != null ? data : definition.config.defaultValue;
 }
@@ -3411,7 +3376,7 @@ function ControlValue({
     case RichTextV2ControlType:
       return /* @__PURE__ */ jsx(RenderHook, {
         hook: useRichTextV2,
-        parameters: [data, control],
+        parameters: [data, definition, control],
         children: (value) => children(value)
       }, definition.type);
     case StyleControlType:
@@ -3420,6 +3385,12 @@ function ControlValue({
         parameters: [data, definition, control],
         children: (value) => children(value)
       }, definition.type);
+    case StyleV2ControlType:
+      return /* @__PURE__ */ jsx(RenderHook, {
+        hook: useFormattedStyleV2,
+        parameters: [data, definition],
+        children: (value) => children(value)
+      }, definition.type);
     default:
       return children(data);
   }
@@ -3472,6 +3443,7 @@ function PropsValue({
       case ShapeControlType:
       case ListControlType:
       case LinkControlType:
+      case StyleV2ControlType:
         return /* @__PURE__ */ jsx(ControlValue, {
           definition: descriptor,
           data: props[propName],
@@ -3504,7 +3476,7 @@ function PropsValue({
         const control = (_c = propControllers == null ? void 0 : propControllers[propName]) != null ? _c : null;
         return /* @__PURE__ */ jsx(RenderHook, {
           hook: useRichTextV2,
-          parameters: [props[propName], control],
+          parameters: [props[propName], descriptor, control],
           children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
             [propName]: value
           }))
@@ -3761,10 +3733,10 @@ registerBuiltinComponents(ReactRuntime);
 const StoreContext = createContext(ReactRuntime.store);
 const PreviewProvider = dynamic(() => import("./PreviewProvider.es.js"));
 const LiveProvider = dynamic(() => import("./LiveProvider.es.js"));
-function RuntimeProvider(_l) {
-  var _m = _l, {
+function RuntimeProvider(_k) {
+  var _l = _k, {
     preview
-  } = _m, props = __objRest(_m, [
+  } = _l, props = __objRest(_l, [
     "preview"
   ]);
   return preview ? /* @__PURE__ */ jsx(PreviewProvider, __spreadValues({}, props)) : /* @__PURE__ */ jsx(LiveProvider, __spreadValues({}, props));
@@ -3965,5 +3937,5 @@ const DocumentReference = memo(forwardRef(function DocumentReference2({
     document: document2
   });
 }));
-export { Document$1 as $, Alignments as A, useFile as B, Contrasts as C, DocumentReference as D, Element$1 as E, forwardNextDynamicRef as F, useIsPreview as G, useFiles as H, useSwatches as I, usePagePathnameSlice as J, useElementId as K, deepEqual as L, ElementImperativeHandle as M, StoreContext as N, MakeswiftProvider as O, PageProvider as P, useBuilderEditMode as Q, RuntimeProvider as R, Shapes as S, pollBoxModel as T, useTypography as U, getStaticPaths as V, getStaticProps as W, getServerSideProps as X, Page as Y, Makeswift as Z, PreviewModeScript as _, ReactRuntime as a, MakeswiftApiHandler as a0, usePageId as b, DEFAULT_BOX_ANIMATE_TYPE as c, DEFAULT_BOX_ANIMATE_DELAY as d, DEFAULT_BOX_ANIMATE_DURATION as e, DEFAULT_ITEM_ANIMATE_TYPE as f, DEFAULT_ITEM_ANIMATE_DELAY as g, DEFAULT_ITEM_ANIMATE_DURATION as h, DEFAULT_ITEM_STAGGER_DURATION as i, useBorder as j, useBoxShadow as k, useResponsiveColor as l, Page$1 as m, useStyle as n, useResponsiveStyle as o, useResponsiveWidth as p, useResponsiveTextStyle as q, colorToString as r, useBreakpoints as s, Sizes as t, useIsInBuilder as u, useFormContext as v, useResponsiveGridItem as w, useTable as x, useMakeswiftClient as y, Provider as z };
+export { MakeswiftApiHandler as $, Alignments as A, forwardNextDynamicRef as B, Contrasts as C, DocumentReference as D, Element$1 as E, useIsPreview as F, useFiles as G, useSwatches as H, usePagePathnameSlice as I, useElementId as J, ElementImperativeHandle as K, StoreContext as L, MakeswiftProvider as M, useBuilderEditMode as N, pollBoxModel as O, PageProvider as P, ControlValue as Q, RuntimeProvider as R, Shapes as S, useTypography as T, getStaticPaths as U, getStaticProps as V, getServerSideProps as W, Page as X, Makeswift as Y, PreviewModeScript as Z, Document$1 as _, ReactRuntime as a, usePageId as b, DEFAULT_BOX_ANIMATE_TYPE as c, DEFAULT_BOX_ANIMATE_DELAY as d, DEFAULT_BOX_ANIMATE_DURATION as e, DEFAULT_ITEM_ANIMATE_TYPE as f, DEFAULT_ITEM_ANIMATE_DELAY as g, DEFAULT_ITEM_ANIMATE_DURATION as h, DEFAULT_ITEM_STAGGER_DURATION as i, useBorder as j, useBoxShadow as k, useResponsiveColor as l, Page$1 as m, useResponsiveStyle as n, useResponsiveWidth as o, useResponsiveTextStyle as p, colorToString as q, useBreakpoints as r, Sizes as s, useFormContext as t, useIsInBuilder as u, useResponsiveGridItem as v, useTable as w, useMakeswiftClient as x, Provider as y, useFile as z };
 //# sourceMappingURL=index.es.js.map