@makeswift/runtime 0.9.0 → 0.9.2

package/dist/Text.cjs.js

@@ -29,16 +29,16 @@ require("redux");
 require("redux-thunk");
 require("./actions.cjs.js");
 require("./state/breakpoints.cjs.js");
-require("slate");
-require("is-hotkey");
-require("slate-react");
 require("@emotion/css");
 require("@emotion/serialize");
 require("@emotion/utils");
+require("slate");
 require("./text-input.cjs.js");
 require("./combobox.cjs.js");
+require("./select.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");
@@ -62,7 +62,7 @@ function _interopDefaultLegacy(e) {
 }
 var dynamic__default = /* @__PURE__ */ _interopDefaultLegacy(dynamic);
 const EditableText = next.forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-  return require("./index.cjs10.js");
+  return require("./index.cjs11.js");
 }))));
 const ReadOnlyText = next.forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
   return require("./ReadOnlyText.cjs.js");

package/dist/Text.es.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import dynamic from "next/dynamic";
 import { forwardRef } from "react";
-import { F as forwardNextDynamicRef, G as useIsPreview } from "./index.es.js";
+import { B as forwardNextDynamicRef, F as useIsPreview } from "./index.es.js";
 import { jsx } from "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
 import "./react-page.es.js";
@@ -27,16 +27,16 @@ import "redux";
 import "redux-thunk";
 import "./actions.es.js";
 import "./state/breakpoints.es.js";
-import "slate";
-import "is-hotkey";
-import "slate-react";
 import "@emotion/css";
 import "@emotion/serialize";
 import "@emotion/utils";
+import "slate";
 import "./text-input.es.js";
 import "./combobox.es.js";
+import "./select.es.js";
 import "use-sync-external-store/shim";
 import "./types.es.js";
+import "./deepEqual.es.js";
 import "./box-models.es.js";
 import "css-box-model";
 import "color";
@@ -55,7 +55,7 @@ import "set-cookie-parser";
 import "./constants.es.js";
 import "uuid";
 import "corporate-ipsum";
-const EditableText = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./index.es10.js"))));
+const EditableText = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./index.es11.js"))));
 const ReadOnlyText = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./ReadOnlyText.es.js"))));
 const Text = forwardRef(function Text2(props, ref) {
   const isPreview = useIsPreview();

package/dist/Video.cjs.js

@@ -22,43 +22,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var css = require("@emotion/css");
 var React = require("react");
 var ReactPlayer = require("react-player");
-var next = require("./index.cjs.js");
+var reactPage = require("./react-page.cjs.js");
 var placeholders = require("./placeholders.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
-require("use-sync-external-store/shim/with-selector");
-require("next/dynamic");
-require("./react-page.cjs.js");
 require("redux");
 require("redux-thunk");
 require("./actions.cjs.js");
 require("./state/breakpoints.cjs.js");
-require("slate");
-require("is-hotkey");
-require("slate-react");
 require("@emotion/serialize");
 require("@emotion/utils");
-require("./text-input.cjs.js");
-require("./combobox.cjs.js");
-require("use-sync-external-store/shim");
-require("./types.cjs.js");
-require("./box-models.cjs.js");
-require("css-box-model");
-require("color");
-require("scroll-into-view-if-needed");
-require("react-dom");
-require("html-react-parser");
-require("next/head");
-require("zod");
-require("@emotion/server/create-instance");
-require("next/document");
-require("cors");
-require("path-to-regexp");
-require("cookie");
-require("http-proxy");
-require("set-cookie-parser");
-require("./constants.cjs.js");
-require("uuid");
-require("corporate-ipsum");
+require("slate");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
 }
@@ -79,7 +52,7 @@ const Video = React.forwardRef(function Video2({
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     ref,
     id,
-    className: css.cx(next.useStyle({
+    className: css.cx(reactPage.useStyle({
       display: "flex",
       flexDirection: "column",
       overflow: "hidden"

package/dist/Video.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.cjs.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref, useEffect, useState } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: string\n  borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n  { id, video, width, margin, borderRadius }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n  /**\n   * @see https://github.com/cookpete/react-player/issues/1428\n   */\n  const [shouldRenderReactPlayer, setShouldRenderReactPlayer] = useState(false)\n\n  useEffect(() => {\n    setShouldRenderReactPlayer(true)\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n        width,\n        margin,\n        borderRadius,\n      )}\n    >\n      <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n          {shouldRenderReactPlayer && canPlayUrl === true ? (\n            <ReactPlayer\n              {...video}\n              width=\"100%\"\n              height=\"100%\"\n              config={{\n                vimeo: { playerOptions: { background: video != null && !video.controls } },\n                wistia: {\n                  options: {\n                    endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n                  },\n                },\n              }}\n            />\n          ) : (\n            <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","shouldRenderReactPlayer","setShouldRenderReactPlayer","useState","useEffect","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","_jsx","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,MAAAA,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,qBAAAA,WAAYC,QAAQR,MAAMM,GAA1B;AAI3C,QAAA,CAACG,yBAAyBC,8BAA8BC,MAAAA,SAAS,KAAD;AAEtEC,QAAAA,UAAU,MAAM;AACdF,+BAA2B,IAAD;AAAA,EADnB,GAEN,CAFM,CAAA;AAKP,wCAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,OACTC,cAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRhB,OACAC,QACAC,YAJW;AAAA,IAOb,yCAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEe,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMvB;AAAAA,MAAzD;AAAA,MACE,yCAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEsB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QACGd,UAAAA,2BAA2BJ,eAAe,sCACxCE,qBAAAA,YAAD,iCACMP,QADN;AAAA,UAEE,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNwB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAY1B,SAAS,QAAQ,CAACA,MAAM2B;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB9B,SAAS,QAAQA,MAAM+B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAC,2BAAA,IAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKC,aAAAA,aAAajC,MAAMkC;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAhDuB;;"}
+{"version":3,"file":"Video.cjs.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref, useEffect, useState } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: string\n  borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n  { id, video, width, margin, borderRadius }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n  /**\n   * @see https://github.com/cookpete/react-player/issues/1428\n   */\n  const [shouldRenderReactPlayer, setShouldRenderReactPlayer] = useState(false)\n\n  useEffect(() => {\n    setShouldRenderReactPlayer(true)\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n        width,\n        margin,\n        borderRadius,\n      )}\n    >\n      <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n          {shouldRenderReactPlayer && canPlayUrl === true ? (\n            <ReactPlayer\n              {...video}\n              width=\"100%\"\n              height=\"100%\"\n              config={{\n                vimeo: { playerOptions: { background: video != null && !video.controls } },\n                wistia: {\n                  options: {\n                    endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n                  },\n                },\n              }}\n            />\n          ) : (\n            <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","shouldRenderReactPlayer","setShouldRenderReactPlayer","useState","useEffect","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","_jsx","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,MAAAA,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,qBAAAA,WAAYC,QAAQR,MAAMM,GAA1B;AAI3C,QAAA,CAACG,yBAAyBC,8BAA8BC,MAAAA,SAAS,KAAD;AAEtEC,QAAAA,UAAU,MAAM;AACdF,+BAA2B,IAAD;AAAA,EADnB,GAEN,CAFM,CAAA;AAKP,wCAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,OACTC,mBAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRhB,OACAC,QACAC,YAJW;AAAA,IAOb,yCAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEe,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMvB;AAAAA,MAAzD;AAAA,MACE,yCAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEsB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QACGd,UAAAA,2BAA2BJ,eAAe,sCACxCE,qBAAAA,YAAD,iCACMP,QADN;AAAA,UAEE,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNwB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAY1B,SAAS,QAAQ,CAACA,MAAM2B;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB9B,SAAS,QAAQA,MAAM+B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAC,2BAAA,IAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKC,aAAAA,aAAajC,MAAMkC;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAhDuB;;"}

package/dist/Video.es.js

@@ -20,43 +20,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { cx } from "@emotion/css";
 import { forwardRef, useState, useEffect } from "react";
 import ReactPlayer from "react-player";
-import { n as useStyle } from "./index.es.js";
+import { Z as useStyle } from "./react-page.es.js";
 import { p as placeholders } from "./placeholders.es.js";
 import { jsx } from "react/jsx-runtime";
-import "use-sync-external-store/shim/with-selector";
-import "next/dynamic";
-import "./react-page.es.js";
 import "redux";
 import "redux-thunk";
 import "./actions.es.js";
 import "./state/breakpoints.es.js";
-import "slate";
-import "is-hotkey";
-import "slate-react";
 import "@emotion/serialize";
 import "@emotion/utils";
-import "./text-input.es.js";
-import "./combobox.es.js";
-import "use-sync-external-store/shim";
-import "./types.es.js";
-import "./box-models.es.js";
-import "css-box-model";
-import "color";
-import "scroll-into-view-if-needed";
-import "react-dom";
-import "html-react-parser";
-import "next/head";
-import "zod";
-import "@emotion/server/create-instance";
-import "next/document";
-import "cors";
-import "path-to-regexp";
-import "cookie";
-import "http-proxy";
-import "set-cookie-parser";
-import "./constants.es.js";
-import "uuid";
-import "corporate-ipsum";
+import "slate";
 const ASPECT_RATIO = 16 / 9;
 const Video = forwardRef(function Video2({
   id,

package/dist/Video.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.es.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref, useEffect, useState } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: string\n  borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n  { id, video, width, margin, borderRadius }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n  /**\n   * @see https://github.com/cookpete/react-player/issues/1428\n   */\n  const [shouldRenderReactPlayer, setShouldRenderReactPlayer] = useState(false)\n\n  useEffect(() => {\n    setShouldRenderReactPlayer(true)\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n        width,\n        margin,\n        borderRadius,\n      )}\n    >\n      <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n          {shouldRenderReactPlayer && canPlayUrl === true ? (\n            <ReactPlayer\n              {...video}\n              width=\"100%\"\n              height=\"100%\"\n              config={{\n                vimeo: { playerOptions: { background: video != null && !video.controls } },\n                wistia: {\n                  options: {\n                    endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n                  },\n                },\n              }}\n            />\n          ) : (\n            <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","shouldRenderReactPlayer","setShouldRenderReactPlayer","useState","useEffect","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","_jsx","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,YAAYC,QAAQR,MAAMM,GAA1B;AAI3C,QAAA,CAACG,yBAAyBC,8BAA8BC,SAAS,KAAD;AAEtEC,YAAU,MAAM;AACdF,+BAA2B,IAAD;AAAA,EADnB,GAEN,CAFM,CAAA;AAKP,6BAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,GACTC,SAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRhB,OACAC,QACAC,YAJW;AAAA,IAOb,8BAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEe,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMvB;AAAAA,MAAzD;AAAA,MACE,8BAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEsB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QACGd,UAAAA,2BAA2BJ,eAAe,2BACxC,aAAD,iCACML,QADN;AAAA,UAEE,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNwB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAY1B,SAAS,QAAQ,CAACA,MAAM2B;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB9B,SAAS,QAAQA,MAAM+B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAC,oBAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKC,aAAajC,MAAMkC;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAhDuB;;"}
+{"version":3,"file":"Video.es.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref, useEffect, useState } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: string\n  borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n  { id, video, width, margin, borderRadius }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n  /**\n   * @see https://github.com/cookpete/react-player/issues/1428\n   */\n  const [shouldRenderReactPlayer, setShouldRenderReactPlayer] = useState(false)\n\n  useEffect(() => {\n    setShouldRenderReactPlayer(true)\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n        width,\n        margin,\n        borderRadius,\n      )}\n    >\n      <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n          {shouldRenderReactPlayer && canPlayUrl === true ? (\n            <ReactPlayer\n              {...video}\n              width=\"100%\"\n              height=\"100%\"\n              config={{\n                vimeo: { playerOptions: { background: video != null && !video.controls } },\n                wistia: {\n                  options: {\n                    endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n                  },\n                },\n              }}\n            />\n          ) : (\n            <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","shouldRenderReactPlayer","setShouldRenderReactPlayer","useState","useEffect","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","_jsx","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,YAAYC,QAAQR,MAAMM,GAA1B;AAI3C,QAAA,CAACG,yBAAyBC,8BAA8BC,SAAS,KAAD;AAEtEC,YAAU,MAAM;AACdF,+BAA2B,IAAD;AAAA,EADnB,GAEN,CAFM,CAAA;AAKP,6BAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,GACTC,SAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRhB,OACAC,QACAC,YAJW;AAAA,IAOb,8BAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEe,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMvB;AAAAA,MAAzD;AAAA,MACE,8BAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEsB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QACGd,UAAAA,2BAA2BJ,eAAe,2BACxC,aAAD,iCACML,QADN;AAAA,UAEE,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNwB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAY1B,SAAS,QAAQ,CAACA,MAAM2B;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB9B,SAAS,QAAQA,MAAM+B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAC,oBAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKC,aAAajC,MAAMkC;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAhDuB;;"}

package/dist/builder.cjs.js

@@ -7,9 +7,11 @@ require("redux");
 require("redux-thunk");
 require("./actions.cjs.js");
 require("./state/breakpoints.cjs.js");
+require("react");
+require("@emotion/css");
+require("@emotion/serialize");
+require("@emotion/utils");
 require("slate");
-require("is-hotkey");
-require("slate-react");
 exports.deserializeControl = controlSerialization.deserializeControl;
 exports.deserializeControls = controlSerialization.deserializeControls;
 exports.deserializeFunction = controlSerialization.deserializeFunction;

package/dist/builder.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"builder.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"builder.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/builder.es.js

@@ -5,7 +5,9 @@ import "redux";
 import "redux-thunk";
 import "./actions.es.js";
 import "./state/breakpoints.es.js";
+import "react";
+import "@emotion/css";
+import "@emotion/serialize";
+import "@emotion/utils";
 import "slate";
-import "is-hotkey";
-import "slate-react";
 //# sourceMappingURL=builder.es.js.map

package/dist/builder.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"builder.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"builder.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/components.cjs.js

@@ -20,25 +20,25 @@ var useMediaQuery = require("./useMediaQuery.cjs.js");
 require("react");
 require("@emotion/css");
 require("uuid");
-require("react/jsx-runtime");
-require("./box-models.cjs.js");
-require("css-box-model");
-require("./actions.cjs.js");
-require("use-sync-external-store/shim/with-selector");
-require("next/dynamic");
 require("./react-page.cjs.js");
 require("redux");
 require("redux-thunk");
+require("./actions.cjs.js");
 require("./state/breakpoints.cjs.js");
-require("slate");
-require("is-hotkey");
-require("slate-react");
 require("@emotion/serialize");
 require("@emotion/utils");
+require("slate");
+require("react/jsx-runtime");
+require("./box-models.cjs.js");
+require("css-box-model");
+require("use-sync-external-store/shim/with-selector");
+require("next/dynamic");
 require("./text-input.cjs.js");
 require("./combobox.cjs.js");
+require("./select.cjs.js");
 require("use-sync-external-store/shim");
 require("./types.cjs.js");
+require("./deepEqual.cjs.js");
 require("color");
 require("scroll-into-view-if-needed");
 require("react-dom");

package/dist/components.es.js

@@ -18,25 +18,25 @@ export { u as useMediaQuery } from "./useMediaQuery.es.js";
 import "react";
 import "@emotion/css";
 import "uuid";
-import "react/jsx-runtime";
-import "./box-models.es.js";
-import "css-box-model";
-import "./actions.es.js";
-import "use-sync-external-store/shim/with-selector";
-import "next/dynamic";
 import "./react-page.es.js";
 import "redux";
 import "redux-thunk";
+import "./actions.es.js";
 import "./state/breakpoints.es.js";
-import "slate";
-import "is-hotkey";
-import "slate-react";
 import "@emotion/serialize";
 import "@emotion/utils";
+import "slate";
+import "react/jsx-runtime";
+import "./box-models.es.js";
+import "css-box-model";
+import "use-sync-external-store/shim/with-selector";
+import "next/dynamic";
 import "./text-input.es.js";
 import "./combobox.es.js";
+import "./select.es.js";
 import "use-sync-external-store/shim";
 import "./types.es.js";
+import "./deepEqual.es.js";
 import "color";
 import "scroll-into-view-if-needed";
 import "react-dom";

package/dist/control-serialization.cjs.js

@@ -33,9 +33,6 @@ var __objRest = (source, exclude) => {
 var combobox = require("./combobox.cjs.js");
 var reactPage = require("./react-page.cjs.js");
 require("slate");
-require("./state/breakpoints.cjs.js");
-require("is-hotkey");
-require("slate-react");
 function isSerializedFunction(value) {
   return value instanceof MessagePort;
 }
@@ -119,19 +116,42 @@ function deserializeListControlDefinition(definition) {
     config: __spreadProps(__spreadValues({}, definition.config), { type, getItemLabel })
   });
 }
-function serializeRichTextControlV2(control) {
+function serializeRichTextControlV2(definition) {
   var _b;
-  const _a = control.config, { plugins } = _a, config = __objRest(_a, ["plugins"]);
+  const _a = definition.config, { plugins } = _a, config = __objRest(_a, ["plugins"]);
   const transferables = [];
   return [
-    __spreadProps(__spreadValues({}, control), {
+    __spreadProps(__spreadValues({}, definition), {
       config: __spreadProps(__spreadValues({}, config), {
         plugins: (_b = plugins == null ? void 0 : plugins.map((plugin) => {
-          var _a2;
+          const onKeyDown = plugin.onKeyDown && serializeFunction(plugin.onKeyDown);
+          if (onKeyDown)
+            transferables.push(onKeyDown);
+          const withPlugin = plugin.withPlugin && serializeFunction(plugin.withPlugin);
+          if (withPlugin)
+            transferables.push(withPlugin);
+          if (plugin.control) {
+            const [definition2, pluginTransferables] = serializeControl(plugin.control.definition);
+            transferables.push(...pluginTransferables);
+            const getValue = serializeFunction(plugin.control.getValue);
+            if (getValue)
+              transferables.push(getValue);
+            const onChange = serializeFunction(plugin.control.onChange);
+            if (onChange)
+              transferables.push(onChange);
+            return {
+              control: {
+                definition: definition2,
+                onChange,
+                getValue
+              },
+              onKeyDown,
+              withPlugin
+            };
+          }
           return {
-            control: {
-              definition: (_a2 = plugin == null ? void 0 : plugin.control) == null ? void 0 : _a2.definition
-            }
+            onKeyDown,
+            withPlugin
           };
         })) != null ? _b : []
       })
@@ -139,8 +159,34 @@ function serializeRichTextControlV2(control) {
     transferables
   ];
 }
-function deserializeRichTextControlV2(control) {
-  return control;
+function deserializeRichTextControlV2(definition) {
+  var _a, _b;
+  return __spreadProps(__spreadValues({}, definition), {
+    config: __spreadProps(__spreadValues({}, definition.config), {
+      plugins: (_b = (_a = definition.config.plugins) == null ? void 0 : _a.map((plugin) => {
+        const onKeyDown = plugin.onKeyDown && deserializeFunction(plugin.onKeyDown);
+        const withPlugin = plugin.withPlugin && deserializeFunction(plugin.withPlugin);
+        if (plugin.control) {
+          const definition2 = deserializeControl(plugin.control.definition);
+          const getValue = deserializeFunction(plugin.control.getValue);
+          const onChange = deserializeFunction(plugin.control.onChange);
+          return {
+            control: {
+              definition: definition2,
+              onChange,
+              getValue
+            },
+            onKeyDown,
+            withPlugin
+          };
+        }
+        return {
+          onKeyDown,
+          withPlugin
+        };
+      })) != null ? _b : []
+    })
+  });
 }
 function serializeShapeControlDefinition(definition) {
   const [type, transferables] = Object.entries(definition.config.type).reduce(([type2, transferables2], [key, value]) => {
@@ -161,6 +207,32 @@ function deserializeShapeControlDefinition(definition) {
     config: __spreadProps(__spreadValues({}, definition.config), { type })
   });
 }
+function serializeStyleV2Control(definition) {
+  const [type, transferables] = serializeControl(definition.config.type);
+  const getStyle = definition.config.getStyle && serializeFunction(definition.config.getStyle);
+  if (getStyle) {
+    transferables.push(getStyle);
+  }
+  return [
+    __spreadProps(__spreadValues({}, definition), {
+      config: __spreadProps(__spreadValues({}, definition.config), {
+        type,
+        getStyle
+      })
+    }),
+    transferables
+  ];
+}
+function deserializeStyleV2Control(definition) {
+  const type = deserializeControl(definition.config.type);
+  const getStyle = definition.config.getStyle && deserializeFunction(definition.config.getStyle);
+  return __spreadProps(__spreadValues({}, definition), {
+    config: __spreadProps(__spreadValues({}, definition.config), {
+      getStyle,
+      type
+    })
+  });
+}
 function serializeShapeControl(control) {
   const { type } = control.options;
   const transferables = [];
@@ -474,6 +546,8 @@ function serializeControl(control) {
       return serializeRichTextControl(control);
     case reactPage.RichTextV2ControlType:
       return serializeRichTextControlV2(control);
+    case reactPage.StyleV2ControlType:
+      return serializeStyleV2Control(control);
     case combobox.ComboboxControlType:
       return serializeComboboxControlDefinition(control);
     case reactPage.ShapeControlType:
@@ -524,6 +598,8 @@ function deserializeControl(serializedControl) {
       return deserializeRichTextControl(serializedControl);
     case reactPage.RichTextV2ControlType:
       return deserializeRichTextControlV2(serializedControl);
+    case reactPage.StyleV2ControlType:
+      return deserializeStyleV2Control(serializedControl);
     case combobox.ComboboxControlType:
       return deserializeComboboxControlDefinition(serializedControl);
     case reactPage.ShapeControlType: