@dextinity/cms-admin 2.0.0-canary-20260729062014

package/lib/preview/block/BlockPreview.js

@@ -0,0 +1,119 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { gql, useQuery } from "@apollo/client";
+import { Minimize } from "@dextinity/admin-icons";
+import { Grid, IconButton } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { useEffect } from "react";
+import { useIFrameBridge } from "../../blocks/iframebridge/useIFrameBridge";
+import { useCometConfig } from "../../config/CometConfigContext";
+import { useContentScope } from "../../contentScope/Provider";
+import { DeviceToggle } from "../common/DeviceToggle";
+import { IFrameViewer } from "../common/IFrameViewer";
+import { VisibilityToggle } from "../common/VisibilityToggle";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function BlockPreview(_ref) {
+  var url = _ref.url,
+    previewState = _ref.previewState,
+    _ref$previewApi = _ref.previewApi,
+    device = _ref$previewApi.device,
+    setDevice = _ref$previewApi.setDevice,
+    showOnlyVisible = _ref$previewApi.showOnlyVisible,
+    setShowOnlyVisible = _ref$previewApi.setShowOnlyVisible,
+    setMinimized = _ref$previewApi.setMinimized;
+  var iFrameBridge = useIFrameBridge();
+  var _useContentScope = useContentScope(),
+    scope = _useContentScope.scope;
+  var _useCometConfig = useCometConfig(),
+    graphQLApiUrl = _useCometConfig.graphQLApiUrl;
+  var _useQuery = useQuery(gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            query BlockPreviewJwt($scope: JSONObject!, $url: String!, $includeInvisible: Boolean!) {\n                blockPreviewJwt(scope: $scope, url: $url, includeInvisible: $includeInvisible)\n            }\n        "]))), {
+      fetchPolicy: "network-only",
+      variables: {
+        scope: scope,
+        url: url,
+        includeInvisible: showOnlyVisible ? false : true
+      },
+      pollInterval: 1000 * 60 * 60 * 24 // due to expiration time of jwt
+    }),
+    data = _useQuery.data,
+    error = _useQuery.error;
+  if (error) {
+    throw new Error(error.message);
+  }
+  useEffect(function () {
+    if (iFrameBridge.iFrameReady && data !== null && data !== void 0 && data.blockPreviewJwt) {
+      iFrameBridge.sendBlockState(previewState);
+      iFrameBridge.sendContentScopeJwt(data.blockPreviewJwt);
+      iFrameBridge.sendGraphQLApiUrl(graphQLApiUrl);
+    }
+  }, [iFrameBridge, previewState, graphQLApiUrl, data === null || data === void 0 ? void 0 : data.blockPreviewJwt]);
+  var handleMinimizeClick = function handleMinimizeClick() {
+    setMinimized(function (minimized) {
+      return !minimized;
+    });
+  };
+  return /*#__PURE__*/_jsxs(Root, {
+    children: [/*#__PURE__*/_jsx(ActionsContainer, {
+      children: /*#__PURE__*/_jsxs(Grid, {
+        container: true,
+        justifyContent: "space-between",
+        alignItems: "center",
+        wrap: "nowrap",
+        spacing: 1,
+        children: [/*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsx(MinimizeButton, {
+            onClick: handleMinimizeClick,
+            children: /*#__PURE__*/_jsx(Minimize, {})
+          })
+        }), /*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsx(DeviceToggle, {
+            device: device,
+            onChange: setDevice
+          })
+        }), /*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsx(VisibilityToggle, {
+            showOnlyVisible: showOnlyVisible,
+            onChange: setShowOnlyVisible
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(IFrameViewer, {
+      ref: iFrameBridge.iFrameRef,
+      device: device,
+      initialPageUrl: url
+    })]
+  });
+}
+var Root = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ezns4hz2"
+} : {
+  target: "ezns4hz2",
+  label: "Root"
+})(process.env.NODE_ENV === "production" ? {
+  name: "3ujyjt",
+  styles: "min-width:0;width:100%;height:100%;display:flex;flex-direction:column"
+} : {
+  name: "3ujyjt",
+  styles: "min-width:0;width:100%;height:100%;display:flex;flex-direction:column/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL0Jsb2NrUHJldmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUYwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcHJldmlldy9ibG9jay9CbG9ja1ByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ3FsLCB1c2VRdWVyeSB9IGZyb20gXCJAYXBvbGxvL2NsaWVudFwiO1xuaW1wb3J0IHsgTWluaW1pemUgfSBmcm9tIFwiQGRleHRpbml0eS9hZG1pbi1pY29uc1wiO1xuaW1wb3J0IHsgR3JpZCwgSWNvbkJ1dHRvbiB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyB1c2VJRnJhbWVCcmlkZ2UgfSBmcm9tIFwiLi4vLi4vYmxvY2tzL2lmcmFtZWJyaWRnZS91c2VJRnJhbWVCcmlkZ2VcIjtcbmltcG9ydCB7IHVzZUNvbWV0Q29uZmlnIH0gZnJvbSBcIi4uLy4uL2NvbmZpZy9Db21ldENvbmZpZ0NvbnRleHRcIjtcbmltcG9ydCB7IHVzZUNvbnRlbnRTY29wZSB9IGZyb20gXCIuLi8uLi9jb250ZW50U2NvcGUvUHJvdmlkZXJcIjtcbmltcG9ydCB7IERldmljZVRvZ2dsZSB9IGZyb20gXCIuLi9jb21tb24vRGV2aWNlVG9nZ2xlXCI7XG5pbXBvcnQgeyBJRnJhbWVWaWV3ZXIgfSBmcm9tIFwiLi4vY29tbW9uL0lGcmFtZVZpZXdlclwiO1xuaW1wb3J0IHsgVmlzaWJpbGl0eVRvZ2dsZSB9IGZyb20gXCIuLi9jb21tb24vVmlzaWJpbGl0eVRvZ2dsZVwiO1xuaW1wb3J0IHR5cGUgeyBHUUxCbG9ja1ByZXZpZXdKd3RRdWVyeSB9IGZyb20gXCIuL0Jsb2NrUHJldmlldy5nZW5lcmF0ZWRcIjtcbmltcG9ydCB0eXBlIHsgQmxvY2tQcmV2aWV3QXBpIH0gZnJvbSBcIi4vdXNlQmxvY2tQcmV2aWV3XCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gICAgcHJldmlld0FwaTogQmxvY2tQcmV2aWV3QXBpO1xuICAgIHVybDogc3RyaW5nO1xuICAgIHByZXZpZXdTdGF0ZTogdW5rbm93bjtcbn1cblxuZnVuY3Rpb24gQmxvY2tQcmV2aWV3KHsgdXJsLCBwcmV2aWV3U3RhdGUsIHByZXZpZXdBcGk6IHsgZGV2aWNlLCBzZXREZXZpY2UsIHNob3dPbmx5VmlzaWJsZSwgc2V0U2hvd09ubHlWaXNpYmxlLCBzZXRNaW5pbWl6ZWQgfSB9OiBQcm9wcykge1xuICAgIGNvbnN0IGlGcmFtZUJyaWRnZSA9IHVzZUlGcmFtZUJyaWRnZSgpO1xuICAgIGNvbnN0IHsgc2NvcGUgfSA9IHVzZUNvbnRlbnRTY29wZSgpO1xuXG4gICAgY29uc3QgeyBncmFwaFFMQXBpVXJsIH0gPSB1c2VDb21ldENvbmZpZygpO1xuXG4gICAgY29uc3QgeyBkYXRhLCBlcnJvciB9ID0gdXNlUXVlcnk8R1FMQmxvY2tQcmV2aWV3Snd0UXVlcnk+KFxuICAgICAgICBncWxgXG4gICAgICAgICAgICBxdWVyeSBCbG9ja1ByZXZpZXdKd3QoJHNjb3BlOiBKU09OT2JqZWN0ISwgJHVybDogU3RyaW5nISwgJGluY2x1ZGVJbnZpc2libGU6IEJvb2xlYW4hKSB7XG4gICAgICAgICAgICAgICAgYmxvY2tQcmV2aWV3Snd0KHNjb3BlOiAkc2NvcGUsIHVybDogJHVybCwgaW5jbHVkZUludmlzaWJsZTogJGluY2x1ZGVJbnZpc2libGUpXG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICAgIHtcbiAgICAgICAgICAgIGZldGNoUG9saWN5OiBcIm5ldHdvcmstb25seVwiLFxuICAgICAgICAgICAgdmFyaWFibGVzOiB7XG4gICAgICAgICAgICAgICAgc2NvcGUsXG4gICAgICAgICAgICAgICAgdXJsLFxuICAgICAgICAgICAgICAgIGluY2x1ZGVJbnZpc2libGU6IHNob3dPbmx5VmlzaWJsZSA/IGZhbHNlIDogdHJ1ZSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBwb2xsSW50ZXJ2YWw6IDEwMDAgKiA2MCAqIDYwICogMjQsIC8vIGR1ZSB0byBleHBpcmF0aW9uIHRpbWUgb2Ygand0XG4gICAgICAgIH0sXG4gICAgKTtcbiAgICBpZiAoZXJyb3IpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGVycm9yLm1lc3NhZ2UpO1xuICAgIH1cblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChpRnJhbWVCcmlkZ2UuaUZyYW1lUmVhZHkgJiYgZGF0YT8uYmxvY2tQcmV2aWV3Snd0KSB7XG4gICAgICAgICAgICBpRnJhbWVCcmlkZ2Uuc2VuZEJsb2NrU3RhdGUocHJldmlld1N0YXRlKTtcbiAgICAgICAgICAgIGlGcmFtZUJyaWRnZS5zZW5kQ29udGVudFNjb3BlSnd0KGRhdGEuYmxvY2tQcmV2aWV3Snd0KTtcbiAgICAgICAgICAgIGlGcmFtZUJyaWRnZS5zZW5kR3JhcGhRTEFwaVVybChncmFwaFFMQXBpVXJsKTtcbiAgICAgICAgfVxuICAgIH0sIFtpRnJhbWVCcmlkZ2UsIHByZXZpZXdTdGF0ZSwgZ3JhcGhRTEFwaVVybCwgZGF0YT8uYmxvY2tQcmV2aWV3Snd0XSk7XG5cbiAgICBjb25zdCBoYW5kbGVNaW5pbWl6ZUNsaWNrID0gKCkgPT4ge1xuICAgICAgICBzZXRNaW5pbWl6ZWQoKG1pbmltaXplZCkgPT4gIW1pbmltaXplZCk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxSb290PlxuICAgICAgICAgICAgPEFjdGlvbnNDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPEdyaWQgY29udGFpbmVyIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiB3cmFwPVwibm93cmFwXCIgc3BhY2luZz17MX0+XG4gICAgICAgICAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPE1pbmltaXplQnV0dG9uIG9uQ2xpY2s9e2hhbmRsZU1pbmltaXplQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxNaW5pbWl6ZSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9NaW5pbWl6ZUJ1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxEZXZpY2VUb2dnbGUgZGV2aWNlPXtkZXZpY2V9IG9uQ2hhbmdlPXtzZXREZXZpY2V9IC8+XG4gICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICAgICAgPEdyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VmlzaWJpbGl0eVRvZ2dsZSBzaG93T25seVZpc2libGU9e3Nob3dPbmx5VmlzaWJsZX0gb25DaGFuZ2U9e3NldFNob3dPbmx5VmlzaWJsZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgIDwvQWN0aW9uc0NvbnRhaW5lcj5cbiAgICAgICAgICAgIDxJRnJhbWVWaWV3ZXIgcmVmPXtpRnJhbWVCcmlkZ2UuaUZyYW1lUmVmfSBkZXZpY2U9e2RldmljZX0gaW5pdGlhbFBhZ2VVcmw9e3VybH0gLz5cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWluLXdpZHRoOiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5jb25zdCBBY3Rpb25zQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5ncmV5W1wiQTQwMFwiXX07XG4gICAgYm9yZGVyLXJhZGl1czogNHB4IDRweCAwIDA7XG5gO1xuXG5jb25zdCBNaW5pbWl6ZUJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgICB3aWR0aDogNTBweDtcbiAgICBoZWlnaHQ6IDUwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmNvbW1vbi53aGl0ZX07XG4gICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgIzJlMzQ0MDtcbmA7XG5cbmV4cG9ydCB7IEJsb2NrUHJldmlldyB9O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var ActionsContainer = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ezns4hz1"
+} : {
+  target: "ezns4hz1",
+  label: "ActionsContainer"
+})("background-color:", function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.palette.grey["A400"];
+}, ";border-radius:4px 4px 0 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL0Jsb2NrUHJldmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZzQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcHJldmlldy9ibG9jay9CbG9ja1ByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ3FsLCB1c2VRdWVyeSB9IGZyb20gXCJAYXBvbGxvL2NsaWVudFwiO1xuaW1wb3J0IHsgTWluaW1pemUgfSBmcm9tIFwiQGRleHRpbml0eS9hZG1pbi1pY29uc1wiO1xuaW1wb3J0IHsgR3JpZCwgSWNvbkJ1dHRvbiB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyB1c2VJRnJhbWVCcmlkZ2UgfSBmcm9tIFwiLi4vLi4vYmxvY2tzL2lmcmFtZWJyaWRnZS91c2VJRnJhbWVCcmlkZ2VcIjtcbmltcG9ydCB7IHVzZUNvbWV0Q29uZmlnIH0gZnJvbSBcIi4uLy4uL2NvbmZpZy9Db21ldENvbmZpZ0NvbnRleHRcIjtcbmltcG9ydCB7IHVzZUNvbnRlbnRTY29wZSB9IGZyb20gXCIuLi8uLi9jb250ZW50U2NvcGUvUHJvdmlkZXJcIjtcbmltcG9ydCB7IERldmljZVRvZ2dsZSB9IGZyb20gXCIuLi9jb21tb24vRGV2aWNlVG9nZ2xlXCI7XG5pbXBvcnQgeyBJRnJhbWVWaWV3ZXIgfSBmcm9tIFwiLi4vY29tbW9uL0lGcmFtZVZpZXdlclwiO1xuaW1wb3J0IHsgVmlzaWJpbGl0eVRvZ2dsZSB9IGZyb20gXCIuLi9jb21tb24vVmlzaWJpbGl0eVRvZ2dsZVwiO1xuaW1wb3J0IHR5cGUgeyBHUUxCbG9ja1ByZXZpZXdKd3RRdWVyeSB9IGZyb20gXCIuL0Jsb2NrUHJldmlldy5nZW5lcmF0ZWRcIjtcbmltcG9ydCB0eXBlIHsgQmxvY2tQcmV2aWV3QXBpIH0gZnJvbSBcIi4vdXNlQmxvY2tQcmV2aWV3XCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gICAgcHJldmlld0FwaTogQmxvY2tQcmV2aWV3QXBpO1xuICAgIHVybDogc3RyaW5nO1xuICAgIHByZXZpZXdTdGF0ZTogdW5rbm93bjtcbn1cblxuZnVuY3Rpb24gQmxvY2tQcmV2aWV3KHsgdXJsLCBwcmV2aWV3U3RhdGUsIHByZXZpZXdBcGk6IHsgZGV2aWNlLCBzZXREZXZpY2UsIHNob3dPbmx5VmlzaWJsZSwgc2V0U2hvd09ubHlWaXNpYmxlLCBzZXRNaW5pbWl6ZWQgfSB9OiBQcm9wcykge1xuICAgIGNvbnN0IGlGcmFtZUJyaWRnZSA9IHVzZUlGcmFtZUJyaWRnZSgpO1xuICAgIGNvbnN0IHsgc2NvcGUgfSA9IHVzZUNvbnRlbnRTY29wZSgpO1xuXG4gICAgY29uc3QgeyBncmFwaFFMQXBpVXJsIH0gPSB1c2VDb21ldENvbmZpZygpO1xuXG4gICAgY29uc3QgeyBkYXRhLCBlcnJvciB9ID0gdXNlUXVlcnk8R1FMQmxvY2tQcmV2aWV3Snd0UXVlcnk+KFxuICAgICAgICBncWxgXG4gICAgICAgICAgICBxdWVyeSBCbG9ja1ByZXZpZXdKd3QoJHNjb3BlOiBKU09OT2JqZWN0ISwgJHVybDogU3RyaW5nISwgJGluY2x1ZGVJbnZpc2libGU6IEJvb2xlYW4hKSB7XG4gICAgICAgICAgICAgICAgYmxvY2tQcmV2aWV3Snd0KHNjb3BlOiAkc2NvcGUsIHVybDogJHVybCwgaW5jbHVkZUludmlzaWJsZTogJGluY2x1ZGVJbnZpc2libGUpXG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICAgIHtcbiAgICAgICAgICAgIGZldGNoUG9saWN5OiBcIm5ldHdvcmstb25seVwiLFxuICAgICAgICAgICAgdmFyaWFibGVzOiB7XG4gICAgICAgICAgICAgICAgc2NvcGUsXG4gICAgICAgICAgICAgICAgdXJsLFxuICAgICAgICAgICAgICAgIGluY2x1ZGVJbnZpc2libGU6IHNob3dPbmx5VmlzaWJsZSA/IGZhbHNlIDogdHJ1ZSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBwb2xsSW50ZXJ2YWw6IDEwMDAgKiA2MCAqIDYwICogMjQsIC8vIGR1ZSB0byBleHBpcmF0aW9uIHRpbWUgb2Ygand0XG4gICAgICAgIH0sXG4gICAgKTtcbiAgICBpZiAoZXJyb3IpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGVycm9yLm1lc3NhZ2UpO1xuICAgIH1cblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChpRnJhbWVCcmlkZ2UuaUZyYW1lUmVhZHkgJiYgZGF0YT8uYmxvY2tQcmV2aWV3Snd0KSB7XG4gICAgICAgICAgICBpRnJhbWVCcmlkZ2Uuc2VuZEJsb2NrU3RhdGUocHJldmlld1N0YXRlKTtcbiAgICAgICAgICAgIGlGcmFtZUJyaWRnZS5zZW5kQ29udGVudFNjb3BlSnd0KGRhdGEuYmxvY2tQcmV2aWV3Snd0KTtcbiAgICAgICAgICAgIGlGcmFtZUJyaWRnZS5zZW5kR3JhcGhRTEFwaVVybChncmFwaFFMQXBpVXJsKTtcbiAgICAgICAgfVxuICAgIH0sIFtpRnJhbWVCcmlkZ2UsIHByZXZpZXdTdGF0ZSwgZ3JhcGhRTEFwaVVybCwgZGF0YT8uYmxvY2tQcmV2aWV3Snd0XSk7XG5cbiAgICBjb25zdCBoYW5kbGVNaW5pbWl6ZUNsaWNrID0gKCkgPT4ge1xuICAgICAgICBzZXRNaW5pbWl6ZWQoKG1pbmltaXplZCkgPT4gIW1pbmltaXplZCk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxSb290PlxuICAgICAgICAgICAgPEFjdGlvbnNDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPEdyaWQgY29udGFpbmVyIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiB3cmFwPVwibm93cmFwXCIgc3BhY2luZz17MX0+XG4gICAgICAgICAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPE1pbmltaXplQnV0dG9uIG9uQ2xpY2s9e2hhbmRsZU1pbmltaXplQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxNaW5pbWl6ZSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9NaW5pbWl6ZUJ1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxEZXZpY2VUb2dnbGUgZGV2aWNlPXtkZXZpY2V9IG9uQ2hhbmdlPXtzZXREZXZpY2V9IC8+XG4gICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICAgICAgPEdyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VmlzaWJpbGl0eVRvZ2dsZSBzaG93T25seVZpc2libGU9e3Nob3dPbmx5VmlzaWJsZX0gb25DaGFuZ2U9e3NldFNob3dPbmx5VmlzaWJsZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgIDwvQWN0aW9uc0NvbnRhaW5lcj5cbiAgICAgICAgICAgIDxJRnJhbWVWaWV3ZXIgcmVmPXtpRnJhbWVCcmlkZ2UuaUZyYW1lUmVmfSBkZXZpY2U9e2RldmljZX0gaW5pdGlhbFBhZ2VVcmw9e3VybH0gLz5cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWluLXdpZHRoOiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5jb25zdCBBY3Rpb25zQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5ncmV5W1wiQTQwMFwiXX07XG4gICAgYm9yZGVyLXJhZGl1czogNHB4IDRweCAwIDA7XG5gO1xuXG5jb25zdCBNaW5pbWl6ZUJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgICB3aWR0aDogNTBweDtcbiAgICBoZWlnaHQ6IDUwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmNvbW1vbi53aGl0ZX07XG4gICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgIzJlMzQ0MDtcbmA7XG5cbmV4cG9ydCB7IEJsb2NrUHJldmlldyB9O1xuIl19 */"));
+var MinimizeButton = /*#__PURE__*/styled(IconButton, process.env.NODE_ENV === "production" ? {
+  target: "ezns4hz0"
+} : {
+  target: "ezns4hz0",
+  label: "MinimizeButton"
+})("width:50px;height:50px;border-radius:0;color:", function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.palette.common.white;
+}, ";border-right:1px solid #2e3440;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL0Jsb2NrUHJldmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEZ5QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcHJldmlldy9ibG9jay9CbG9ja1ByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ3FsLCB1c2VRdWVyeSB9IGZyb20gXCJAYXBvbGxvL2NsaWVudFwiO1xuaW1wb3J0IHsgTWluaW1pemUgfSBmcm9tIFwiQGRleHRpbml0eS9hZG1pbi1pY29uc1wiO1xuaW1wb3J0IHsgR3JpZCwgSWNvbkJ1dHRvbiB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyB1c2VJRnJhbWVCcmlkZ2UgfSBmcm9tIFwiLi4vLi4vYmxvY2tzL2lmcmFtZWJyaWRnZS91c2VJRnJhbWVCcmlkZ2VcIjtcbmltcG9ydCB7IHVzZUNvbWV0Q29uZmlnIH0gZnJvbSBcIi4uLy4uL2NvbmZpZy9Db21ldENvbmZpZ0NvbnRleHRcIjtcbmltcG9ydCB7IHVzZUNvbnRlbnRTY29wZSB9IGZyb20gXCIuLi8uLi9jb250ZW50U2NvcGUvUHJvdmlkZXJcIjtcbmltcG9ydCB7IERldmljZVRvZ2dsZSB9IGZyb20gXCIuLi9jb21tb24vRGV2aWNlVG9nZ2xlXCI7XG5pbXBvcnQgeyBJRnJhbWVWaWV3ZXIgfSBmcm9tIFwiLi4vY29tbW9uL0lGcmFtZVZpZXdlclwiO1xuaW1wb3J0IHsgVmlzaWJpbGl0eVRvZ2dsZSB9IGZyb20gXCIuLi9jb21tb24vVmlzaWJpbGl0eVRvZ2dsZVwiO1xuaW1wb3J0IHR5cGUgeyBHUUxCbG9ja1ByZXZpZXdKd3RRdWVyeSB9IGZyb20gXCIuL0Jsb2NrUHJldmlldy5nZW5lcmF0ZWRcIjtcbmltcG9ydCB0eXBlIHsgQmxvY2tQcmV2aWV3QXBpIH0gZnJvbSBcIi4vdXNlQmxvY2tQcmV2aWV3XCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gICAgcHJldmlld0FwaTogQmxvY2tQcmV2aWV3QXBpO1xuICAgIHVybDogc3RyaW5nO1xuICAgIHByZXZpZXdTdGF0ZTogdW5rbm93bjtcbn1cblxuZnVuY3Rpb24gQmxvY2tQcmV2aWV3KHsgdXJsLCBwcmV2aWV3U3RhdGUsIHByZXZpZXdBcGk6IHsgZGV2aWNlLCBzZXREZXZpY2UsIHNob3dPbmx5VmlzaWJsZSwgc2V0U2hvd09ubHlWaXNpYmxlLCBzZXRNaW5pbWl6ZWQgfSB9OiBQcm9wcykge1xuICAgIGNvbnN0IGlGcmFtZUJyaWRnZSA9IHVzZUlGcmFtZUJyaWRnZSgpO1xuICAgIGNvbnN0IHsgc2NvcGUgfSA9IHVzZUNvbnRlbnRTY29wZSgpO1xuXG4gICAgY29uc3QgeyBncmFwaFFMQXBpVXJsIH0gPSB1c2VDb21ldENvbmZpZygpO1xuXG4gICAgY29uc3QgeyBkYXRhLCBlcnJvciB9ID0gdXNlUXVlcnk8R1FMQmxvY2tQcmV2aWV3Snd0UXVlcnk+KFxuICAgICAgICBncWxgXG4gICAgICAgICAgICBxdWVyeSBCbG9ja1ByZXZpZXdKd3QoJHNjb3BlOiBKU09OT2JqZWN0ISwgJHVybDogU3RyaW5nISwgJGluY2x1ZGVJbnZpc2libGU6IEJvb2xlYW4hKSB7XG4gICAgICAgICAgICAgICAgYmxvY2tQcmV2aWV3Snd0KHNjb3BlOiAkc2NvcGUsIHVybDogJHVybCwgaW5jbHVkZUludmlzaWJsZTogJGluY2x1ZGVJbnZpc2libGUpXG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICAgIHtcbiAgICAgICAgICAgIGZldGNoUG9saWN5OiBcIm5ldHdvcmstb25seVwiLFxuICAgICAgICAgICAgdmFyaWFibGVzOiB7XG4gICAgICAgICAgICAgICAgc2NvcGUsXG4gICAgICAgICAgICAgICAgdXJsLFxuICAgICAgICAgICAgICAgIGluY2x1ZGVJbnZpc2libGU6IHNob3dPbmx5VmlzaWJsZSA/IGZhbHNlIDogdHJ1ZSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBwb2xsSW50ZXJ2YWw6IDEwMDAgKiA2MCAqIDYwICogMjQsIC8vIGR1ZSB0byBleHBpcmF0aW9uIHRpbWUgb2Ygand0XG4gICAgICAgIH0sXG4gICAgKTtcbiAgICBpZiAoZXJyb3IpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGVycm9yLm1lc3NhZ2UpO1xuICAgIH1cblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChpRnJhbWVCcmlkZ2UuaUZyYW1lUmVhZHkgJiYgZGF0YT8uYmxvY2tQcmV2aWV3Snd0KSB7XG4gICAgICAgICAgICBpRnJhbWVCcmlkZ2Uuc2VuZEJsb2NrU3RhdGUocHJldmlld1N0YXRlKTtcbiAgICAgICAgICAgIGlGcmFtZUJyaWRnZS5zZW5kQ29udGVudFNjb3BlSnd0KGRhdGEuYmxvY2tQcmV2aWV3Snd0KTtcbiAgICAgICAgICAgIGlGcmFtZUJyaWRnZS5zZW5kR3JhcGhRTEFwaVVybChncmFwaFFMQXBpVXJsKTtcbiAgICAgICAgfVxuICAgIH0sIFtpRnJhbWVCcmlkZ2UsIHByZXZpZXdTdGF0ZSwgZ3JhcGhRTEFwaVVybCwgZGF0YT8uYmxvY2tQcmV2aWV3Snd0XSk7XG5cbiAgICBjb25zdCBoYW5kbGVNaW5pbWl6ZUNsaWNrID0gKCkgPT4ge1xuICAgICAgICBzZXRNaW5pbWl6ZWQoKG1pbmltaXplZCkgPT4gIW1pbmltaXplZCk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxSb290PlxuICAgICAgICAgICAgPEFjdGlvbnNDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPEdyaWQgY29udGFpbmVyIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiB3cmFwPVwibm93cmFwXCIgc3BhY2luZz17MX0+XG4gICAgICAgICAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPE1pbmltaXplQnV0dG9uIG9uQ2xpY2s9e2hhbmRsZU1pbmltaXplQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxNaW5pbWl6ZSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9NaW5pbWl6ZUJ1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxEZXZpY2VUb2dnbGUgZGV2aWNlPXtkZXZpY2V9IG9uQ2hhbmdlPXtzZXREZXZpY2V9IC8+XG4gICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICAgICAgPEdyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VmlzaWJpbGl0eVRvZ2dsZSBzaG93T25seVZpc2libGU9e3Nob3dPbmx5VmlzaWJsZX0gb25DaGFuZ2U9e3NldFNob3dPbmx5VmlzaWJsZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgIDwvQWN0aW9uc0NvbnRhaW5lcj5cbiAgICAgICAgICAgIDxJRnJhbWVWaWV3ZXIgcmVmPXtpRnJhbWVCcmlkZ2UuaUZyYW1lUmVmfSBkZXZpY2U9e2RldmljZX0gaW5pdGlhbFBhZ2VVcmw9e3VybH0gLz5cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWluLXdpZHRoOiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5jb25zdCBBY3Rpb25zQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5ncmV5W1wiQTQwMFwiXX07XG4gICAgYm9yZGVyLXJhZGl1czogNHB4IDRweCAwIDA7XG5gO1xuXG5jb25zdCBNaW5pbWl6ZUJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgICB3aWR0aDogNTBweDtcbiAgICBoZWlnaHQ6IDUwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmNvbW1vbi53aGl0ZX07XG4gICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgIzJlMzQ0MDtcbmA7XG5cbmV4cG9ydCB7IEJsb2NrUHJldmlldyB9O1xuIl19 */"));
+export { BlockPreview };

package/lib/preview/block/BlockPreviewWithTabs.d.ts

@@ -0,0 +1,11 @@
+import type { BlockAdminComponentPart } from "../../blocks/types";
+import type { BlockPreviewApi } from "./useBlockPreview";
+interface Props {
+    previewApi: BlockPreviewApi;
+    children: BlockAdminComponentPart[];
+    previewState: unknown;
+    previewUrl: string;
+}
+declare function BlockPreviewWithTabs({ children, previewApi, previewState, previewUrl }: Props): import("react/jsx-runtime").JSX.Element;
+export { BlockPreviewWithTabs };
+//# sourceMappingURL=BlockPreviewWithTabs.d.ts.map

package/lib/preview/block/BlockPreviewWithTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPreviewWithTabs.d.ts","sourceRoot":"","sources":["../../../src/preview/block/BlockPreviewWithTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAElE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,UAAU,KAAK;IACX,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,uBAAuB,EAAE,CAAC;IACpC,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,iBAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,KAAK,2CAkBtF;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/preview/block/BlockPreviewWithTabs.js

@@ -0,0 +1,38 @@
+function _toArray(r) { return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { BlockAdminTabs } from "../../blocks/common/BlockAdminTabs";
+import { IFrameBridgeProvider } from "../../blocks/iframebridge/IFrameBridge";
+import { SplitPreview } from "./SplitPreview";
+import { jsx as _jsx } from "react/jsx-runtime";
+function BlockPreviewWithTabs(_ref) {
+  var children = _ref.children,
+    previewApi = _ref.previewApi,
+    previewState = _ref.previewState,
+    previewUrl = _ref.previewUrl;
+  var pageContent = null;
+  if (previewApi.minimized) {
+    var _children = _toArray(children),
+      firstTab = _children[0],
+      otherTabs = _arrayLikeToArray(_children).slice(1);
+    pageContent = [firstTab.content, /*#__PURE__*/_jsx(BlockAdminTabs, {
+      children: otherTabs
+    }, "1")];
+  } else {
+    pageContent = /*#__PURE__*/_jsx(BlockAdminTabs, {
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(IFrameBridgeProvider, {
+    children: /*#__PURE__*/_jsx(SplitPreview, {
+      url: previewUrl,
+      previewState: previewState,
+      previewApi: previewApi,
+      children: pageContent
+    })
+  }, previewUrl);
+}
+export { BlockPreviewWithTabs };

package/lib/preview/block/SplitPreview.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+import type { BlockPreviewApi } from "./useBlockPreview";
+interface Props {
+    url: string;
+    previewApi: BlockPreviewApi;
+    previewState: unknown;
+    children: ReactNode | [ReactNode, ReactNode];
+}
+declare function SplitPreview({ url, previewState, children, previewApi }: Props): import("react/jsx-runtime").JSX.Element;
+export { SplitPreview };
+//# sourceMappingURL=SplitPreview.d.ts.map

package/lib/preview/block/SplitPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPreview.d.ts","sourceRoot":"","sources":["../../../src/preview/block/SplitPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,UAAU,KAAK;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,eAAe,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;CAChD;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,KAAK,2CAiDvE;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/preview/block/SplitPreview.js

@@ -0,0 +1,77 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useWindowSize } from "@dextinity/admin";
+import { Box } from "@mui/material";
+import { useEffect, useRef, useState } from "react";
+import { BlockPreview } from "./BlockPreview";
+import { Column, FirstColumnContainer, MaximizeButton, MaximizeIcon, PreviewContainer, Root, Split } from "./SplitPreview.sc";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function SplitPreview(_ref) {
+  var url = _ref.url,
+    previewState = _ref.previewState,
+    children = _ref.children,
+    previewApi = _ref.previewApi;
+  var minimized = previewApi.minimized,
+    setMinimized = previewApi.setMinimized;
+  var rootRef = useRef(null);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    columnHeight = _useState2[0],
+    setColumnHeight = _useState2[1];
+  var windowSize = useWindowSize();
+  useEffect(function () {
+    if (rootRef.current) {
+      setColumnHeight(windowSize.height - rootRef.current.getBoundingClientRect().y);
+    }
+  }, [windowSize, setColumnHeight, rootRef]);
+  var firstColumn = null;
+  var secondColumn;
+  if (Array.isArray(children)) {
+    firstColumn = children[0];
+    secondColumn = children[1];
+  } else {
+    secondColumn = children;
+  }
+  var handleMaximizeClick = function handleMaximizeClick() {
+    setMinimized(function (minimized) {
+      return !minimized;
+    });
+  };
+  var initialBlockListWidth = 100 / 3;
+  var initialPreviewWidth = 100 - initialBlockListWidth;
+  return /*#__PURE__*/_jsx(Root, {
+    ref: rootRef,
+    children: /*#__PURE__*/_jsxs(Split, {
+      sizes: [initialPreviewWidth, initialBlockListWidth],
+      minSize: 360,
+      gutterSize: 40,
+      children: [/*#__PURE__*/_jsxs(Column, {
+        height: columnHeight,
+        children: [/*#__PURE__*/_jsx(FirstColumnContainer, {
+          children: /*#__PURE__*/_jsx(Box, {
+            paddingBottom: 4,
+            children: firstColumn
+          })
+        }), /*#__PURE__*/_jsxs(PreviewContainer, {
+          minimized: minimized,
+          children: [/*#__PURE__*/_jsx(BlockPreview, {
+            url: url,
+            previewState: previewState,
+            previewApi: previewApi
+          }), minimized && /*#__PURE__*/_jsx(MaximizeButton, {
+            onClick: handleMaximizeClick,
+            children: /*#__PURE__*/_jsx(MaximizeIcon, {})
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(Column, {
+        height: columnHeight,
+        children: secondColumn
+      })]
+    })
+  });
+}
+export { SplitPreview };

package/lib/preview/block/SplitPreview.sc.d.ts

@@ -0,0 +1,18 @@
+import ReactSplit from "react-split";
+export declare const Root: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface ColumnProps {
+    height: number;
+}
+export declare const Column: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ColumnProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Split: import("@emotion/styled").StyledComponent<import("react-split").SplitProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {
+    ref?: import("react").Ref<ReactSplit> | undefined;
+}>;
+export declare const FirstColumnContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface PreviewContainerProps {
+    minimized: boolean;
+}
+export declare const PreviewContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & PreviewContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MaximizeButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const MaximizeIcon: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").SvgIconProps, "ref"> & import("react").RefAttributes<SVGSVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export {};
+//# sourceMappingURL=SplitPreview.sc.d.ts.map

package/lib/preview/block/SplitPreview.sc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPreview.sc.d.ts","sourceRoot":"","sources":["../../../src/preview/block/SplitPreview.sc.ts"],"names":[],"mappings":"AAGA,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,eAAO,MAAM,IAAI,6NAKhB,CAAC;AAEF,UAAU,WAAW;IACjB,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,MAAM,2OAGlB,CAAC;AAEF,eAAO,MAAM,KAAK;;EAsBjB,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAGhC,CAAC;AAEF,UAAU,qBAAqB;IAC3B,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,qPAkB5B,CAAC;AAEF,eAAO,MAAM,cAAc,yOAO1B,CAAC;AAEF,eAAO,MAAM,YAAY,iOAGxB,CAAC"}

package/lib/preview/block/SplitPreview.sc.js

@@ -0,0 +1,89 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { Maximize } from "@dextinity/admin-icons";
+import { css } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import ReactSplit from "react-split";
+export var Root = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e17qmw3q6"
+} : {
+  target: "e17qmw3q6",
+  label: "Root"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bszlkp",
+  styles: "min-height:0;height:100%;display:flex;flex-direction:column"
+} : {
+  name: "bszlkp",
+  styles: "min-height:0;height:100%;display:flex;flex-direction:column/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3ByZXZpZXcvYmxvY2svU3BsaXRQcmV2aWV3LnNjLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTWF4aW1pemUgfSBmcm9tIFwiQGRleHRpbml0eS9hZG1pbi1pY29uc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuaW1wb3J0IFJlYWN0U3BsaXQgZnJvbSBcInJlYWN0LXNwbGl0XCI7XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIG1pbi1oZWlnaHQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmludGVyZmFjZSBDb2x1bW5Qcm9wcyB7XG4gICAgaGVpZ2h0OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBDb2x1bW4gPSBzdHlsZWQoXCJkaXZcIik8Q29sdW1uUHJvcHM+YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodH1weDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTcGxpdCA9IHN0eWxlZChSZWFjdFNwbGl0KWBcbiAgICBtaW4taGVpZ2h0OiAwO1xuICAgIGZsZXg6IDE7XG4gICAgZGlzcGxheTogZmxleDtcblxuICAgID4gLmd1dHRlciB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgY3Vyc29yOiBjb2wtcmVzaXplO1xuXG4gICAgICAgIDphZnRlciB7XG4gICAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICB3aWR0aDogNHB4O1xuICAgICAgICAgICAgaGVpZ2h0OiA4MHB4O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogLTQwcHg7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogLTJweDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5ncmV5WzIwMF19O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpcnN0Q29sdW1uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIGhlaWdodDogMTAwJTtcbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuYDtcblxuaW50ZXJmYWNlIFByZXZpZXdDb250YWluZXJQcm9wcyB7XG4gICAgbWluaW1pemVkOiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiLCB7IHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gXCJtaW5pbWl6ZWRcIiB9KTxQcmV2aWV3Q29udGFpbmVyUHJvcHM+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxNTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDMycHg7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCBib3R0b207XG4gICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4yNXMgZWFzZTtcblxuICAgICR7KHsgbWluaW1pemVkLCB0aGVtZSB9KSA9PlxuICAgICAgICBtaW5pbWl6ZWQgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApIHRyYW5zbGF0ZVkoLSR7dGhlbWUuc3BhY2luZyg0KX0pIHNjYWxlKDAuMSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MHB4O1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNYXhpbWl6ZUJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNik7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1heGltaXplSWNvbiA9IHN0eWxlZChNYXhpbWl6ZSlgXG4gICAgZmlsbDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmNvbW1vbi53aGl0ZX07XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxNSk7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var Column = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e17qmw3q5"
+} : {
+  target: "e17qmw3q5",
+  label: "Column"
+})("position:relative;height:", function (_ref) {
+  var height = _ref.height;
+  return height;
+}, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmdEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1heGltaXplIH0gZnJvbSBcIkBkZXh0aW5pdHkvYWRtaW4taWNvbnNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCBSZWFjdFNwbGl0IGZyb20gXCJyZWFjdC1zcGxpdFwiO1xuXG5leHBvcnQgY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtaW4taGVpZ2h0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5pbnRlcmZhY2UgQ29sdW1uUHJvcHMge1xuICAgIGhlaWdodDogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkKFwiZGl2XCIpPENvbHVtblByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiBoZWlnaHR9cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3BsaXQgPSBzdHlsZWQoUmVhY3RTcGxpdClgXG4gICAgbWluLWhlaWdodDogMDtcbiAgICBmbGV4OiAxO1xuICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICA+IC5ndXR0ZXIge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcblxuICAgICAgICA6YWZ0ZXIge1xuICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgd2lkdGg6IDRweDtcbiAgICAgICAgICAgIGhlaWdodDogODBweDtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC00MHB4O1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC0ycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZ3JleVsyMDBdfTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBGaXJzdENvbHVtbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgb3ZlcmZsb3cteDogYXV0bztcbmA7XG5cbmludGVyZmFjZSBQcmV2aWV3Q29udGFpbmVyUHJvcHMge1xuICAgIG1pbmltaXplZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFByZXZpZXdDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwibWluaW1pemVkXCIgfSk8UHJldmlld0NvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAzMnB4O1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQgYm90dG9tO1xuICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMjVzIGVhc2U7XG5cbiAgICAkeyh7IG1pbmltaXplZCwgdGhlbWUgfSkgPT5cbiAgICAgICAgbWluaW1pemVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKSB0cmFuc2xhdGVZKC0ke3RoZW1lLnNwYWNpbmcoNCl9KSBzY2FsZSgwLjEpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTBweDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgTWF4aW1pemVCdXR0b24gPSBzdHlsZWQoXCJidXR0b25cIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjYpO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYXhpbWl6ZUljb24gPSBzdHlsZWQoTWF4aW1pemUpYFxuICAgIGZpbGw6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5jb21tb24ud2hpdGV9O1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMTUpO1xuYDtcbiJdfQ== */"));
+export var Split = /*#__PURE__*/styled(ReactSplit, process.env.NODE_ENV === "production" ? {
+  target: "e17qmw3q4"
+} : {
+  target: "e17qmw3q4",
+  label: "Split"
+})("min-height:0;flex:1;display:flex;>.gutter{position:relative;cursor:col-resize;:after{content:\"\";position:absolute;top:50%;left:50%;width:4px;height:80px;border-radius:2px;margin-top:-40px;margin-left:-2px;background-color:", function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.palette.grey[200];
+}, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnVDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1heGltaXplIH0gZnJvbSBcIkBkZXh0aW5pdHkvYWRtaW4taWNvbnNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCBSZWFjdFNwbGl0IGZyb20gXCJyZWFjdC1zcGxpdFwiO1xuXG5leHBvcnQgY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtaW4taGVpZ2h0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5pbnRlcmZhY2UgQ29sdW1uUHJvcHMge1xuICAgIGhlaWdodDogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkKFwiZGl2XCIpPENvbHVtblByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiBoZWlnaHR9cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3BsaXQgPSBzdHlsZWQoUmVhY3RTcGxpdClgXG4gICAgbWluLWhlaWdodDogMDtcbiAgICBmbGV4OiAxO1xuICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICA+IC5ndXR0ZXIge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcblxuICAgICAgICA6YWZ0ZXIge1xuICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgd2lkdGg6IDRweDtcbiAgICAgICAgICAgIGhlaWdodDogODBweDtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC00MHB4O1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC0ycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZ3JleVsyMDBdfTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBGaXJzdENvbHVtbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgb3ZlcmZsb3cteDogYXV0bztcbmA7XG5cbmludGVyZmFjZSBQcmV2aWV3Q29udGFpbmVyUHJvcHMge1xuICAgIG1pbmltaXplZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFByZXZpZXdDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwibWluaW1pemVkXCIgfSk8UHJldmlld0NvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAzMnB4O1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQgYm90dG9tO1xuICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMjVzIGVhc2U7XG5cbiAgICAkeyh7IG1pbmltaXplZCwgdGhlbWUgfSkgPT5cbiAgICAgICAgbWluaW1pemVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKSB0cmFuc2xhdGVZKC0ke3RoZW1lLnNwYWNpbmcoNCl9KSBzY2FsZSgwLjEpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTBweDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgTWF4aW1pemVCdXR0b24gPSBzdHlsZWQoXCJidXR0b25cIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjYpO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYXhpbWl6ZUljb24gPSBzdHlsZWQoTWF4aW1pemUpYFxuICAgIGZpbGw6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5jb21tb24ud2hpdGV9O1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMTUpO1xuYDtcbiJdfQ== */"));
+export var FirstColumnContainer = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e17qmw3q3"
+} : {
+  target: "e17qmw3q3",
+  label: "FirstColumnContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1lpnr99",
+  styles: "height:100%;overflow-x:auto"
+} : {
+  name: "1lpnr99",
+  styles: "height:100%;overflow-x:auto/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q2lEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1heGltaXplIH0gZnJvbSBcIkBkZXh0aW5pdHkvYWRtaW4taWNvbnNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCBSZWFjdFNwbGl0IGZyb20gXCJyZWFjdC1zcGxpdFwiO1xuXG5leHBvcnQgY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtaW4taGVpZ2h0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5pbnRlcmZhY2UgQ29sdW1uUHJvcHMge1xuICAgIGhlaWdodDogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkKFwiZGl2XCIpPENvbHVtblByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiBoZWlnaHR9cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3BsaXQgPSBzdHlsZWQoUmVhY3RTcGxpdClgXG4gICAgbWluLWhlaWdodDogMDtcbiAgICBmbGV4OiAxO1xuICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICA+IC5ndXR0ZXIge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcblxuICAgICAgICA6YWZ0ZXIge1xuICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgd2lkdGg6IDRweDtcbiAgICAgICAgICAgIGhlaWdodDogODBweDtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC00MHB4O1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC0ycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZ3JleVsyMDBdfTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBGaXJzdENvbHVtbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgb3ZlcmZsb3cteDogYXV0bztcbmA7XG5cbmludGVyZmFjZSBQcmV2aWV3Q29udGFpbmVyUHJvcHMge1xuICAgIG1pbmltaXplZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFByZXZpZXdDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwibWluaW1pemVkXCIgfSk8UHJldmlld0NvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAzMnB4O1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQgYm90dG9tO1xuICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMjVzIGVhc2U7XG5cbiAgICAkeyh7IG1pbmltaXplZCwgdGhlbWUgfSkgPT5cbiAgICAgICAgbWluaW1pemVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKSB0cmFuc2xhdGVZKC0ke3RoZW1lLnNwYWNpbmcoNCl9KSBzY2FsZSgwLjEpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTBweDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgTWF4aW1pemVCdXR0b24gPSBzdHlsZWQoXCJidXR0b25cIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjYpO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYXhpbWl6ZUljb24gPSBzdHlsZWQoTWF4aW1pemUpYFxuICAgIGZpbGw6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5jb21tb24ud2hpdGV9O1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMTUpO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var PreviewContainer = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== "minimized";
+  },
+  target: "e17qmw3q2"
+} : {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== "minimized";
+  },
+  target: "e17qmw3q2",
+  label: "PreviewContainer"
+})("position:absolute;z-index:15;top:0;left:0;right:0;bottom:32px;transform-origin:left bottom;will-change:transform;transition:transform 0.25s ease;", function (_ref3) {
+  var minimized = _ref3.minimized,
+    theme = _ref3.theme;
+  return minimized && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            transform: translateZ(0) translateY(-", ") scale(0.1);\n            border-radius: 50px;\n            overflow: hidden;\n        "])), theme.spacing(4));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRDJIIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1heGltaXplIH0gZnJvbSBcIkBkZXh0aW5pdHkvYWRtaW4taWNvbnNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCBSZWFjdFNwbGl0IGZyb20gXCJyZWFjdC1zcGxpdFwiO1xuXG5leHBvcnQgY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtaW4taGVpZ2h0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5pbnRlcmZhY2UgQ29sdW1uUHJvcHMge1xuICAgIGhlaWdodDogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkKFwiZGl2XCIpPENvbHVtblByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiBoZWlnaHR9cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3BsaXQgPSBzdHlsZWQoUmVhY3RTcGxpdClgXG4gICAgbWluLWhlaWdodDogMDtcbiAgICBmbGV4OiAxO1xuICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICA+IC5ndXR0ZXIge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcblxuICAgICAgICA6YWZ0ZXIge1xuICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgd2lkdGg6IDRweDtcbiAgICAgICAgICAgIGhlaWdodDogODBweDtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC00MHB4O1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC0ycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZ3JleVsyMDBdfTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBGaXJzdENvbHVtbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgb3ZlcmZsb3cteDogYXV0bztcbmA7XG5cbmludGVyZmFjZSBQcmV2aWV3Q29udGFpbmVyUHJvcHMge1xuICAgIG1pbmltaXplZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFByZXZpZXdDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwibWluaW1pemVkXCIgfSk8UHJldmlld0NvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAzMnB4O1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQgYm90dG9tO1xuICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMjVzIGVhc2U7XG5cbiAgICAkeyh7IG1pbmltaXplZCwgdGhlbWUgfSkgPT5cbiAgICAgICAgbWluaW1pemVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKSB0cmFuc2xhdGVZKC0ke3RoZW1lLnNwYWNpbmcoNCl9KSBzY2FsZSgwLjEpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTBweDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgTWF4aW1pemVCdXR0b24gPSBzdHlsZWQoXCJidXR0b25cIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjYpO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYXhpbWl6ZUljb24gPSBzdHlsZWQoTWF4aW1pemUpYFxuICAgIGZpbGw6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5jb21tb24ud2hpdGV9O1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMTUpO1xuYDtcbiJdfQ== */"));
+export var MaximizeButton = /*#__PURE__*/styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e17qmw3q1"
+} : {
+  target: "e17qmw3q1",
+  label: "MaximizeButton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ko9n01",
+  styles: "position:absolute;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);cursor:pointer"
+} : {
+  name: "ko9n01",
+  styles: "position:absolute;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);cursor:pointer/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRThDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1heGltaXplIH0gZnJvbSBcIkBkZXh0aW5pdHkvYWRtaW4taWNvbnNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCBSZWFjdFNwbGl0IGZyb20gXCJyZWFjdC1zcGxpdFwiO1xuXG5leHBvcnQgY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtaW4taGVpZ2h0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5pbnRlcmZhY2UgQ29sdW1uUHJvcHMge1xuICAgIGhlaWdodDogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkKFwiZGl2XCIpPENvbHVtblByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiBoZWlnaHR9cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3BsaXQgPSBzdHlsZWQoUmVhY3RTcGxpdClgXG4gICAgbWluLWhlaWdodDogMDtcbiAgICBmbGV4OiAxO1xuICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICA+IC5ndXR0ZXIge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcblxuICAgICAgICA6YWZ0ZXIge1xuICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgd2lkdGg6IDRweDtcbiAgICAgICAgICAgIGhlaWdodDogODBweDtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC00MHB4O1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC0ycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZ3JleVsyMDBdfTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBGaXJzdENvbHVtbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgb3ZlcmZsb3cteDogYXV0bztcbmA7XG5cbmludGVyZmFjZSBQcmV2aWV3Q29udGFpbmVyUHJvcHMge1xuICAgIG1pbmltaXplZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFByZXZpZXdDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwibWluaW1pemVkXCIgfSk8UHJldmlld0NvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAzMnB4O1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQgYm90dG9tO1xuICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMjVzIGVhc2U7XG5cbiAgICAkeyh7IG1pbmltaXplZCwgdGhlbWUgfSkgPT5cbiAgICAgICAgbWluaW1pemVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKSB0cmFuc2xhdGVZKC0ke3RoZW1lLnNwYWNpbmcoNCl9KSBzY2FsZSgwLjEpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTBweDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgTWF4aW1pemVCdXR0b24gPSBzdHlsZWQoXCJidXR0b25cIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjYpO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYXhpbWl6ZUljb24gPSBzdHlsZWQoTWF4aW1pemUpYFxuICAgIGZpbGw6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5jb21tb24ud2hpdGV9O1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMTUpO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var MaximizeIcon = /*#__PURE__*/styled(Maximize, process.env.NODE_ENV === "production" ? {
+  target: "e17qmw3q0"
+} : {
+  target: "e17qmw3q0",
+  label: "MaximizeIcon"
+})("fill:", function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.palette.common.white;
+}, ";transform:scale(15);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRjRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL1NwbGl0UHJldmlldy5zYy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1heGltaXplIH0gZnJvbSBcIkBkZXh0aW5pdHkvYWRtaW4taWNvbnNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCBSZWFjdFNwbGl0IGZyb20gXCJyZWFjdC1zcGxpdFwiO1xuXG5leHBvcnQgY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtaW4taGVpZ2h0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5pbnRlcmZhY2UgQ29sdW1uUHJvcHMge1xuICAgIGhlaWdodDogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkKFwiZGl2XCIpPENvbHVtblByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiBoZWlnaHR9cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3BsaXQgPSBzdHlsZWQoUmVhY3RTcGxpdClgXG4gICAgbWluLWhlaWdodDogMDtcbiAgICBmbGV4OiAxO1xuICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICA+IC5ndXR0ZXIge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcblxuICAgICAgICA6YWZ0ZXIge1xuICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgd2lkdGg6IDRweDtcbiAgICAgICAgICAgIGhlaWdodDogODBweDtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC00MHB4O1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC0ycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuZ3JleVsyMDBdfTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBGaXJzdENvbHVtbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgb3ZlcmZsb3cteDogYXV0bztcbmA7XG5cbmludGVyZmFjZSBQcmV2aWV3Q29udGFpbmVyUHJvcHMge1xuICAgIG1pbmltaXplZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFByZXZpZXdDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwibWluaW1pemVkXCIgfSk8UHJldmlld0NvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAzMnB4O1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQgYm90dG9tO1xuICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMjVzIGVhc2U7XG5cbiAgICAkeyh7IG1pbmltaXplZCwgdGhlbWUgfSkgPT5cbiAgICAgICAgbWluaW1pemVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKSB0cmFuc2xhdGVZKC0ke3RoZW1lLnNwYWNpbmcoNCl9KSBzY2FsZSgwLjEpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTBweDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgTWF4aW1pemVCdXR0b24gPSBzdHlsZWQoXCJidXR0b25cIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjYpO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYXhpbWl6ZUljb24gPSBzdHlsZWQoTWF4aW1pemUpYFxuICAgIGZpbGw6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5jb21tb24ud2hpdGV9O1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMTUpO1xuYDtcbiJdfQ== */"));

package/lib/preview/block/useBlockPreview.d.ts

@@ -0,0 +1,13 @@
+import type { Dispatch, SetStateAction } from "react";
+import { Device } from "../common/Device";
+interface BlockPreviewApi {
+    device: Device;
+    setDevice: Dispatch<SetStateAction<Device>>;
+    showOnlyVisible: boolean;
+    setShowOnlyVisible: Dispatch<SetStateAction<boolean>>;
+    minimized: boolean;
+    setMinimized: Dispatch<SetStateAction<boolean>>;
+}
+declare function useBlockPreview(): BlockPreviewApi;
+export { type BlockPreviewApi, useBlockPreview };
+//# sourceMappingURL=useBlockPreview.d.ts.map

package/lib/preview/block/useBlockPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlockPreview.d.ts","sourceRoot":"","sources":["../../../src/preview/block/useBlockPreview.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,UAAU,eAAe;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5C,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACtD,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACnD;AAED,iBAAS,eAAe,IAAI,eAAe,CAM1C;AAED,OAAO,EAAE,KAAK,eAAe,EAAE,eAAe,EAAE,CAAC"}

package/lib/preview/block/useBlockPreview.js

@@ -0,0 +1,31 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useStoredState } from "@dextinity/admin";
+import { Device } from "../common/Device";
+function useBlockPreview() {
+  var _useStoredState = useStoredState("previewDevice", Device.Responsive),
+    _useStoredState2 = _slicedToArray(_useStoredState, 2),
+    device = _useStoredState2[0],
+    setDevice = _useStoredState2[1];
+  var _useStoredState3 = useStoredState("previewShowOnlyVisible", true),
+    _useStoredState4 = _slicedToArray(_useStoredState3, 2),
+    showOnlyVisible = _useStoredState4[0],
+    setShowOnlyVisible = _useStoredState4[1];
+  var _useStoredState5 = useStoredState("previewMinimized", false),
+    _useStoredState6 = _slicedToArray(_useStoredState5, 2),
+    minimized = _useStoredState6[0],
+    setMinimized = _useStoredState6[1];
+  return {
+    device: device,
+    setDevice: setDevice,
+    showOnlyVisible: showOnlyVisible,
+    setShowOnlyVisible: setShowOnlyVisible,
+    minimized: minimized,
+    setMinimized: setMinimized
+  };
+}
+export { useBlockPreview };

package/lib/preview/common/Device.d.ts

@@ -0,0 +1,8 @@
+declare enum Device {
+    Responsive = 0,
+    Mobile = 1,
+    Tablet = 2,
+    Desktop = 3
+}
+export { Device };
+//# sourceMappingURL=Device.d.ts.map

package/lib/preview/common/Device.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Device.d.ts","sourceRoot":"","sources":["../../../src/preview/common/Device.ts"],"names":[],"mappings":"AACA,aAAK,MAAM;IACP,UAAU,IAAA;IACV,MAAM,IAAA;IACN,MAAM,IAAA;IACN,OAAO,IAAA;CACV;AAGD,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/lib/preview/common/Device.js

@@ -0,0 +1,10 @@
+/* eslint-disable @typescript-eslint/prefer-enum-initializers */
+var Device = /*#__PURE__*/function (Device) {
+  Device[Device["Responsive"] = 0] = "Responsive";
+  Device[Device["Mobile"] = 1] = "Mobile";
+  Device[Device["Tablet"] = 2] = "Tablet";
+  Device[Device["Desktop"] = 3] = "Desktop";
+  return Device;
+}(Device || {});
+/* eslint-enable @typescript-eslint/prefer-enum-initializers */
+export { Device };

package/lib/preview/common/DeviceToggle.d.ts

@@ -0,0 +1,8 @@
+import { Device } from "./Device";
+interface Props {
+    device: Device;
+    onChange: (device: Device) => void;
+}
+declare function DeviceToggle({ device, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export { DeviceToggle };
+//# sourceMappingURL=DeviceToggle.d.ts.map

package/lib/preview/common/DeviceToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceToggle.d.ts","sourceRoot":"","sources":["../../../src/preview/common/DeviceToggle.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,UAAU,KAAK;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,iBAAS,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA0BhD;AASD,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/preview/common/DeviceToggle.js

@@ -0,0 +1,50 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { DeviceDesktop, DevicePhone, DeviceResponsive, DeviceTablet } from "@dextinity/admin-icons";
+import { ToggleButtonGroup } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { Device } from "./Device";
+import { ToggleButton } from "./ToggleButton";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function DeviceToggle(_ref) {
+  var device = _ref.device,
+    onChange = _ref.onChange;
+  var handleDeviceChange = function handleDeviceChange(event, newDevice) {
+    if (newDevice === null) {
+      // Disable deselection
+      return;
+    }
+    onChange(newDevice);
+  };
+  return /*#__PURE__*/_jsxs(Root, {
+    value: device,
+    onChange: handleDeviceChange,
+    exclusive: true,
+    children: [/*#__PURE__*/_jsx(ToggleButton, {
+      value: Device.Responsive,
+      children: /*#__PURE__*/_jsx(DeviceResponsive, {})
+    }), /*#__PURE__*/_jsx(ToggleButton, {
+      value: Device.Mobile,
+      children: /*#__PURE__*/_jsx(DevicePhone, {})
+    }), /*#__PURE__*/_jsx(ToggleButton, {
+      value: Device.Tablet,
+      children: /*#__PURE__*/_jsx(DeviceTablet, {})
+    }), /*#__PURE__*/_jsx(ToggleButton, {
+      value: Device.Desktop,
+      children: /*#__PURE__*/_jsx(DeviceDesktop, {})
+    })]
+  });
+}
+var Root = /*#__PURE__*/styled(ToggleButtonGroup, process.env.NODE_ENV === "production" ? {
+  target: "ehpkrfj0"
+} : {
+  target: "ehpkrfj0",
+  label: "Root"
+})(process.env.NODE_ENV === "production" ? {
+  name: "rtbchz",
+  styles: "border-radius:0;border-right:1px solid #2e3440;border-left:1px solid #2e3440;background-color:transparent"
+} : {
+  name: "rtbchz",
+  styles: "border-radius:0;border-right:1px solid #2e3440;border-left:1px solid #2e3440;background-color:transparent/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2NvbW1vbi9EZXZpY2VUb2dnbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDc0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3ByZXZpZXcvY29tbW9uL0RldmljZVRvZ2dsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEZXZpY2VEZXNrdG9wLCBEZXZpY2VQaG9uZSwgRGV2aWNlUmVzcG9uc2l2ZSwgRGV2aWNlVGFibGV0IH0gZnJvbSBcIkBkZXh0aW5pdHkvYWRtaW4taWNvbnNcIjtcbmltcG9ydCB7IFRvZ2dsZUJ1dHRvbkdyb3VwIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuaW1wb3J0IHR5cGUgeyBNb3VzZUV2ZW50IH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IERldmljZSB9IGZyb20gXCIuL0RldmljZVwiO1xuaW1wb3J0IHsgVG9nZ2xlQnV0dG9uIH0gZnJvbSBcIi4vVG9nZ2xlQnV0dG9uXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gICAgZGV2aWNlOiBEZXZpY2U7XG4gICAgb25DaGFuZ2U6IChkZXZpY2U6IERldmljZSkgPT4gdm9pZDtcbn1cblxuZnVuY3Rpb24gRGV2aWNlVG9nZ2xlKHsgZGV2aWNlLCBvbkNoYW5nZSB9OiBQcm9wcykge1xuICAgIGNvbnN0IGhhbmRsZURldmljZUNoYW5nZSA9IChldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4sIG5ld0RldmljZTogRGV2aWNlIHwgbnVsbCkgPT4ge1xuICAgICAgICBpZiAobmV3RGV2aWNlID09PSBudWxsKSB7XG4gICAgICAgICAgICAvLyBEaXNhYmxlIGRlc2VsZWN0aW9uXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBvbkNoYW5nZShuZXdEZXZpY2UpO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdCB2YWx1ZT17ZGV2aWNlfSBvbkNoYW5nZT17aGFuZGxlRGV2aWNlQ2hhbmdlfSBleGNsdXNpdmU+XG4gICAgICAgICAgICA8VG9nZ2xlQnV0dG9uIHZhbHVlPXtEZXZpY2UuUmVzcG9uc2l2ZX0+XG4gICAgICAgICAgICAgICAgPERldmljZVJlc3BvbnNpdmUgLz5cbiAgICAgICAgICAgIDwvVG9nZ2xlQnV0dG9uPlxuICAgICAgICAgICAgPFRvZ2dsZUJ1dHRvbiB2YWx1ZT17RGV2aWNlLk1vYmlsZX0+XG4gICAgICAgICAgICAgICAgPERldmljZVBob25lIC8+XG4gICAgICAgICAgICA8L1RvZ2dsZUJ1dHRvbj5cbiAgICAgICAgICAgIDxUb2dnbGVCdXR0b24gdmFsdWU9e0RldmljZS5UYWJsZXR9PlxuICAgICAgICAgICAgICAgIDxEZXZpY2VUYWJsZXQgLz5cbiAgICAgICAgICAgIDwvVG9nZ2xlQnV0dG9uPlxuICAgICAgICAgICAgPFRvZ2dsZUJ1dHRvbiB2YWx1ZT17RGV2aWNlLkRlc2t0b3B9PlxuICAgICAgICAgICAgICAgIDxEZXZpY2VEZXNrdG9wIC8+XG4gICAgICAgICAgICA8L1RvZ2dsZUJ1dHRvbj5cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoVG9nZ2xlQnV0dG9uR3JvdXApYFxuICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgIzJlMzQ0MDtcbiAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICMyZTM0NDA7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgeyBEZXZpY2VUb2dnbGUgfTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export { DeviceToggle };

package/lib/preview/common/IFrameViewer.d.ts

@@ -0,0 +1,8 @@
+import { Device } from "./Device";
+interface Props {
+    device: Device;
+    initialPageUrl: string;
+}
+declare const IFrameViewer: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLIFrameElement>>;
+export { IFrameViewer };
+//# sourceMappingURL=IFrameViewer.d.ts.map

package/lib/preview/common/IFrameViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFrameViewer.d.ts","sourceRoot":"","sources":["../../../src/preview/common/IFrameViewer.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AA8BlC,UAAU,KAAK;IACX,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,YAAY,qGAoBhB,CAAC;AAqEH,OAAO,EAAE,YAAY,EAAE,CAAC"}