@puckeditor/core 0.21.2-canary.2fa198e1 → 0.21.2-canary.39a4e157

package/dist/{Editor-JHS34JLP.mjs → Editor-G7Y32A5X.mjs}

@@ -4,16 +4,16 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-GYDP2UKB.mjs";
+} from "./chunk-OLGXKSQT.mjs";
 import "./chunk-AOEDIUVK.mjs";
-import "./chunk-46RDHJGL.mjs";
-import "./chunk-JGZBBNEW.mjs";
-import "./chunk-BSAENBPL.mjs";
-import "./chunk-TVE6QYBR.mjs";
+import "./chunk-MFEVRMA4.mjs";
+import "./chunk-7TULKVSG.mjs";
+import "./chunk-OYCFPEDG.mjs";
+import "./chunk-NBH4DF6Y.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-AFOEZCNE.mjs";
+} from "./chunk-RSOD4APZ.mjs";
 import "./chunk-YLLE6KXH.mjs";
 import "./chunk-BOKX3EBR.mjs";
 import "./chunk-Y2EFNT5P.mjs";

package/dist/{actions-BRYM0ifH.d.mts → actions-C3e2nJ9v.d.mts}

@@ -308,7 +308,7 @@ type CustomFieldRender<Value extends any> = (props: {
     name: string;
     id: string;
     value: Value;
-    onChange: (value: Value) => void;
+    onChange: (value: Value, uiState?: Partial<UiState>) => void;
     readOnly?: boolean;
 }) => ReactElement;
 interface CustomField<Value extends any> extends BaseField {

package/dist/{actions-BRYM0ifH.d.ts → actions-C3e2nJ9v.d.ts}

@@ -308,7 +308,7 @@ type CustomFieldRender<Value extends any> = (props: {
     name: string;
     id: string;
     value: Value;
-    onChange: (value: Value) => void;
+    onChange: (value: Value, uiState?: Partial<UiState>) => void;
     readOnly?: boolean;
 }) => ReactElement;
 interface CustomField<Value extends any> extends BaseField {

package/dist/{chunk-JGZBBNEW.mjs → chunk-7TULKVSG.mjs}

@@ -3,7 +3,7 @@ import {
   AlignJustify,
   AlignLeft,
   AlignRight
-} from "./chunk-AFOEZCNE.mjs";
+} from "./chunk-RSOD4APZ.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-LBGOSTI5.mjs → chunk-LP4Z47YQ.mjs}

@@ -1,7 +1,7 @@
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-GYDP2UKB.mjs";
+} from "./chunk-OLGXKSQT.mjs";
 import {
   RichTextRenderFallback,
   SlotRender,
@@ -16,7 +16,7 @@ import {
   IconButton,
   LoadedRichTextMenuInner,
   Loader
-} from "./chunk-46RDHJGL.mjs";
+} from "./chunk-MFEVRMA4.mjs";
 import {
   ChevronDown,
   ChevronRight,
@@ -68,7 +68,7 @@ import {
   useRegisterHistorySlice,
   useRegisterPermissionsSlice,
   useResetAutoZoom
-} from "./chunk-AFOEZCNE.mjs";
+} from "./chunk-RSOD4APZ.mjs";
 import {
   getItem,
   insert,
@@ -1368,10 +1368,13 @@ var useLocalValue = (path, onChange) => {
   const value = useDeepField(path);
   const isFocused = useIsFocused(path);
   const [localValue, setLocalValue] = useState5(value == null ? void 0 : value.toString());
-  const onChangeLocal = useCallback2((val) => {
-    setLocalValue(val);
-    onChange(val);
-  }, []);
+  const onChangeLocal = useCallback2(
+    (val) => {
+      setLocalValue(val);
+      onChange(val);
+    },
+    [onChange]
+  );
   useEffect3(() => {
     if (!isFocused) {
       setLocalValue(value);
@@ -1988,7 +1991,7 @@ EditorFallback.displayName = "EditorFallback";
 // components/AutoField/fields/RichtextField/index.tsx
 import { Fragment as Fragment5, jsx as jsx18 } from "react/jsx-runtime";
 var Editor = lazy(
-  () => import("./Editor-JHS34JLP.mjs").then((m) => ({
+  () => import("./Editor-G7Y32A5X.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -2390,21 +2393,6 @@ var DropZoneProvider = ({
 import { useShallow as useShallow4 } from "zustand/react/shallow";
 import { useSortable as useSortable2 } from "@dnd-kit/react/sortable";
 
-// lib/accumulate-transform.ts
-init_react_import();
-function accumulateTransform(el) {
-  let matrix = new DOMMatrixReadOnly();
-  let n = el.parentElement;
-  while (n && n !== document.documentElement) {
-    const t = getComputedStyle(n).transform;
-    if (t && t !== "none") {
-      matrix = new DOMMatrixReadOnly(t).multiply(matrix);
-    }
-    n = n.parentElement;
-  }
-  return { scaleX: matrix.a, scaleY: matrix.d };
-}
-
 // lib/dnd/use-on-drag-finished.ts
 init_react_import();
 import { useCallback as useCallback6 } from "react";
@@ -2441,6 +2429,7 @@ var useOnDragFinished = (cb, deps = []) => {
 import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
 var getClassName14 = get_class_name_factory_default("DraggableComponent", styles_module_default8);
 var DEBUG2 = false;
+var MEASURE_EVERY_MS = 100;
 var space = 8;
 var actionsOverlayTop = space * 6.5;
 var actionsTop = -(actionsOverlayTop - 8);
@@ -2480,9 +2469,13 @@ var DraggableComponent = ({
       return ((_a = s.selectedItem) == null ? void 0 : _a.props.id) === id ? s.zoomConfig.zoom : 1;
     }
   );
+  const _experimentalFullScreenCanvas = useAppStore(
+    (s) => s._experimentalFullScreenCanvas
+  );
   const overrides = useAppStore((s) => s.overrides);
   const dispatch = useAppStore((s) => s.dispatch);
   const iframe = useAppStore((s) => s.iframe);
+  const lastMeasureRef = useRef2(0);
   const ctx = useContext5(dropZoneContext);
   const [localZones, setLocalZones] = useState10({});
   const registerLocalZone = useCallback7(
@@ -2587,45 +2580,70 @@ var DraggableComponent = ({
     setPortalEl(
       iframe.enabled ? (_a = ref.current) == null ? void 0 : _a.ownerDocument.body : (_c = (_b = ref.current) == null ? void 0 : _b.closest("[data-puck-preview]")) != null ? _c : document.body
     );
-  }, [iframe.enabled, ref.current]);
+  }, [iframe.enabled]);
   const getStyle = useCallback7(() => {
-    var _a, _b, _c;
+    var _a, _b;
     if (!ref.current) return;
-    const rect = ref.current.getBoundingClientRect();
-    const deepScrollPosition = getDeepScrollPosition(ref.current);
-    const portalContainerEl = iframe.enabled ? null : (_a = ref.current) == null ? void 0 : _a.closest("[data-puck-preview]");
+    const el = ref.current;
+    const rect = el.getBoundingClientRect();
+    const portalContainerEl = iframe.enabled ? null : el.closest("[data-puck-preview]");
+    const targetIsFixed = (() => {
+      let node = el;
+      while (node && node !== document.documentElement) {
+        if (getComputedStyle(node).position === "fixed") {
+          return true;
+        }
+        node = node.parentElement;
+      }
+      return false;
+    })();
     const portalContainerRect = portalContainerEl == null ? void 0 : portalContainerEl.getBoundingClientRect();
     const portalScroll = portalContainerEl ? getDeepScrollPosition(portalContainerEl) : { x: 0, y: 0 };
-    const scroll = {
-      x: deepScrollPosition.x - portalScroll.x - ((_b = portalContainerRect == null ? void 0 : portalContainerRect.left) != null ? _b : 0),
-      y: deepScrollPosition.y - portalScroll.y - ((_c = portalContainerRect == null ? void 0 : portalContainerRect.top) != null ? _c : 0)
-    };
-    const untransformed = {
-      height: ref.current.offsetHeight,
-      width: ref.current.offsetWidth
+    const deepScrollPosition = targetIsFixed ? { x: 0, y: 0 } : getDeepScrollPosition(el);
+    const scroll = targetIsFixed ? { x: 0, y: 0 } : {
+      x: deepScrollPosition.x - portalScroll.x - ((_a = portalContainerRect == null ? void 0 : portalContainerRect.left) != null ? _a : 0),
+      y: deepScrollPosition.y - portalScroll.y - ((_b = portalContainerRect == null ? void 0 : portalContainerRect.top) != null ? _b : 0)
     };
-    const transform = accumulateTransform(ref.current);
     const style2 = {
-      left: `${(rect.left + scroll.x) / transform.scaleX}px`,
-      top: `${(rect.top + scroll.y) / transform.scaleY}px`,
-      height: `${untransformed.height}px`,
-      width: `${untransformed.width}px`
+      left: `${rect.left + scroll.x}px`,
+      top: `${rect.top + scroll.y}px`,
+      height: `${rect.height}px`,
+      width: `${rect.width}px`,
+      position: targetIsFixed ? "fixed" : void 0
     };
     return style2;
-  }, [ref.current]);
+  }, [iframe.enabled]);
   const [style, setStyle] = useState10();
+  const lastRectRef = useRef2(null);
+  const syncRafRef = useRef2(null);
   const sync = useCallback7(() => {
     setStyle(getStyle());
-  }, [ref.current, iframe]);
+  }, [getStyle]);
+  const scheduleSync = useCallback7(() => {
+    if (syncRafRef.current != null) return;
+    syncRafRef.current = requestAnimationFrame(() => {
+      syncRafRef.current = null;
+      sync();
+    });
+  }, [sync]);
+  useEffect9(() => {
+    return () => {
+      if (syncRafRef.current != null) {
+        cancelAnimationFrame(syncRafRef.current);
+      }
+    };
+  }, []);
   useEffect9(() => {
     if (ref.current) {
-      const observer = new ResizeObserver(sync);
+      const observer = new ResizeObserver(() => {
+        scheduleSync();
+      });
       observer.observe(ref.current);
       return () => {
         observer.disconnect();
       };
     }
-  }, [ref.current]);
+  }, [scheduleSync]);
   const registerNode = useAppStore((s) => s.nodes.registerNode);
   const hideOverlay = useCallback7(() => {
     setIsVisible(false);
@@ -2664,11 +2682,11 @@ var DraggableComponent = ({
       if (!el.closest("[data-puck-overlay-portal]")) {
         e.stopPropagation();
       }
-      if (isSelected) {
+      if (_experimentalFullScreenCanvas) {
         dispatch({
           type: "setUi",
           ui: {
-            itemSelector: null
+            itemSelector: isSelected ? null : { index, zone: zoneCompound }
           }
         });
       } else {
@@ -2680,7 +2698,7 @@ var DraggableComponent = ({
         });
       }
     },
-    [index, zoneCompound, id, isSelected]
+    [index, zoneCompound, id, isSelected, _experimentalFullScreenCanvas]
   );
   const appStore = useAppStoreApi();
   const onSelectParent = useCallback7(() => {
@@ -2774,7 +2792,7 @@ var DraggableComponent = ({
   useEffect9(() => {
     startTransition(() => {
       if (hover || indicativeHover || isSelected) {
-        sync();
+        scheduleSync();
         setIsVisible(true);
         setThisWasDragging(false);
       } else {
@@ -2786,7 +2804,7 @@ var DraggableComponent = ({
   const onDragFinished = useOnDragFinished((finished) => {
     if (finished) {
       startTransition(() => {
-        sync();
+        scheduleSync();
         setDragFinished(true);
       });
     } else {
@@ -2801,6 +2819,43 @@ var DraggableComponent = ({
   useEffect9(() => {
     if (thisWasDragging) return onDragFinished();
   }, [thisWasDragging, onDragFinished]);
+  useEffect9(() => {
+    if (!dragFinished || !(isSelected || thisIsDragging)) return;
+    const el = ref.current;
+    if (!el) return;
+    const doc = el.ownerDocument;
+    const view = doc.defaultView;
+    if (!view) return;
+    lastMeasureRef.current = 0;
+    scheduleSync();
+    const onScroll = () => scheduleSync();
+    const onResize = () => scheduleSync();
+    doc.addEventListener("scroll", onScroll, true);
+    view.addEventListener("resize", onResize);
+    let frame = 0;
+    const tick = (t) => {
+      if (t - lastMeasureRef.current >= MEASURE_EVERY_MS) {
+        lastMeasureRef.current = t;
+        const node = ref.current;
+        if (node) {
+          const rect = node.getBoundingClientRect();
+          const prev = lastRectRef.current;
+          const changed = !prev || Math.abs(rect.x - prev.x) > 0.5 || Math.abs(rect.y - prev.y) > 0.5 || Math.abs(rect.width - prev.width) > 0.5 || Math.abs(rect.height - prev.height) > 0.5;
+          if (changed) {
+            lastRectRef.current = rect;
+            scheduleSync();
+          }
+        }
+      }
+      frame = requestAnimationFrame(tick);
+    };
+    frame = requestAnimationFrame(tick);
+    return () => {
+      doc.removeEventListener("scroll", onScroll, true);
+      view.removeEventListener("resize", onResize);
+      cancelAnimationFrame(frame);
+    };
+  }, [dragFinished, isSelected, thisIsDragging, scheduleSync]);
   const syncActionsPosition = useCallback7(
     (el) => {
       if (el) {
@@ -3554,24 +3609,9 @@ var DragDropContextClient = ({
               zoneStore.setState({ draggedItem: null });
               if (event.canceled || (target == null ? void 0 : target.type) === "void") {
                 zoneStore.setState({ previewIndex: {} });
-                if (thisPreview) {
-                  zoneStore.setState({ previewIndex: {} });
-                  if (thisPreview.type === "insert") {
-                    insertComponent(
-                      thisPreview.componentType,
-                      thisPreview.zone,
-                      thisPreview.index,
-                      appStore
-                    );
-                  } else if (initialSelector.current) {
-                    moveComponent(
-                      thisPreview.props.id,
-                      initialSelector.current,
-                      thisPreview,
-                      appStore
-                    );
-                  }
-                }
+                (_a2 = dragListeners.dragend) == null ? void 0 : _a2.forEach((fn) => {
+                  fn(event, manager);
+                });
                 dispatch({
                   type: "setUi",
                   ui: {
@@ -3579,9 +3619,6 @@ var DragDropContextClient = ({
                     isDragging: false
                   }
                 });
-                (_a2 = dragListeners.dragend) == null ? void 0 : _a2.forEach((fn) => {
-                  fn(event, manager);
-                });
                 return;
               }
               if (thisPreview) {
@@ -3594,14 +3631,12 @@ var DragDropContextClient = ({
                     appStore
                   );
                 } else if (initialSelector.current) {
-                  dispatch({
-                    type: "move",
-                    sourceIndex: initialSelector.current.index,
-                    sourceZone: initialSelector.current.zone,
-                    destinationIndex: thisPreview.index,
-                    destinationZone: thisPreview.zone,
-                    recordHistory: false
-                  });
+                  moveComponent(
+                    thisPreview.props.id,
+                    initialSelector.current,
+                    thisPreview,
+                    appStore
+                  );
                 }
               }
               dispatch({
@@ -3610,7 +3645,7 @@ var DragDropContextClient = ({
                   itemSelector: { index, zone },
                   isDragging: false
                 },
-                recordHistory: true
+                recordHistory: false
               });
               (_b2 = dragListeners.dragend) == null ? void 0 : _b2.forEach((fn) => {
                 fn(event, manager);
@@ -4403,7 +4438,7 @@ import {
 } from "react";
 import { jsx as jsx28 } from "react/jsx-runtime";
 var Editor2 = lazy2(
-  () => import("./Editor-JHS34JLP.mjs").then((m) => ({
+  () => import("./Editor-G7Y32A5X.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -7014,11 +7049,7 @@ var Canvas = () => {
   var _a;
   const { frameRef } = useCanvasFrame();
   const resetAutoZoom = useResetAutoZoom(frameRef);
-  const {
-    _experimentalFullScreenCanvas,
-    viewports: viewportOptions = defaultViewports,
-    ui: uiProp
-  } = usePropsContext();
+  const { viewports: viewportOptions = defaultViewports, ui: uiProp } = usePropsContext();
   const {
     dispatch,
     overrides,
@@ -7026,7 +7057,8 @@ var Canvas = () => {
     zoomConfig,
     setZoomConfig,
     status,
-    iframe
+    iframe,
+    _experimentalFullScreenCanvas
   } = useAppStore(
     useShallow10((s) => ({
       dispatch: s.dispatch,
@@ -7035,7 +7067,8 @@ var Canvas = () => {
       zoomConfig: s.zoomConfig,
       setZoomConfig: s.setZoomConfig,
       status: s.status,
-      iframe: s.iframe
+      iframe: s.iframe,
+      _experimentalFullScreenCanvas: s._experimentalFullScreenCanvas
     }))
   );
   const {
@@ -7178,7 +7211,7 @@ var Canvas = () => {
           dispatch({
             type: "setUi",
             ui: { itemSelector: null },
-            recordHistory: true
+            recordHistory: false
           });
         }
       },
@@ -7833,7 +7866,8 @@ function PuckProvider({ children }) {
     initialHistory: _initialHistory,
     metadata,
     onAction,
-    fieldTransforms
+    fieldTransforms,
+    _experimentalFullScreenCanvas
   } = usePropsContext();
   const iframe = useMemo24(
     () => __spreadValues({
@@ -7926,6 +7960,7 @@ function PuckProvider({ children }) {
         overrides: loadedOverrides,
         viewports,
         iframe,
+        _experimentalFullScreenCanvas: !!_experimentalFullScreenCanvas,
         onAction,
         metadata,
         fieldTransforms: loadedFieldTransforms
@@ -7939,6 +7974,7 @@ function PuckProvider({ children }) {
       loadedOverrides,
       viewports,
       iframe,
+      _experimentalFullScreenCanvas,
       onAction,
       metadata,
       loadedFieldTransforms
@@ -7955,7 +7991,16 @@ function PuckProvider({ children }) {
   useEffect29(() => {
     const state = appStore.getState().state;
     appStore.setState(__spreadValues({}, generateAppStore(state)));
-  }, [config, plugins, loadedOverrides, viewports, iframe, onAction, metadata]);
+  }, [
+    config,
+    plugins,
+    loadedOverrides,
+    viewports,
+    iframe,
+    _experimentalFullScreenCanvas,
+    onAction,
+    metadata
+  ]);
   useRegisterHistorySlice(appStore, {
     histories: blendedHistories,
     index: initialHistoryIndex,

package/dist/{chunk-46RDHJGL.mjs → chunk-MFEVRMA4.mjs}

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-JGZBBNEW.mjs";
+} from "./chunk-7TULKVSG.mjs";
 import {
   useHeadingOptions
-} from "./chunk-BSAENBPL.mjs";
+} from "./chunk-OYCFPEDG.mjs";
 import {
   useListOptions
-} from "./chunk-TVE6QYBR.mjs";
+} from "./chunk-NBH4DF6Y.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,7 +26,7 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-AFOEZCNE.mjs";
+} from "./chunk-RSOD4APZ.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -349,7 +349,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-ANEJLSYJ.mjs").then((m) => ({
+  () => import("./loaded-YDSVEZZY.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -580,7 +580,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-BKAMJ2FS.mjs").then((m) => ({
+  () => import("./loaded-VT5I2E7C.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -612,7 +612,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-2765LE3N.mjs").then((m) => ({
+  () => import("./loaded-JCBZ5OYD.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-TVE6QYBR.mjs → chunk-NBH4DF6Y.mjs}

@@ -1,7 +1,7 @@
 import {
   List,
   ListOrdered
-} from "./chunk-AFOEZCNE.mjs";
+} from "./chunk-RSOD4APZ.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-GYDP2UKB.mjs → chunk-OLGXKSQT.mjs}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-AOEDIUVK.mjs";
 import {
   LoadedRichTextMenuInner
-} from "./chunk-46RDHJGL.mjs";
+} from "./chunk-MFEVRMA4.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-AFOEZCNE.mjs";
+} from "./chunk-RSOD4APZ.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -100,7 +100,7 @@ init_react_import();
 import { lazy, Suspense } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var LoadedRichTextMenuFull = lazy(
-  () => import("./full-ATSD2DNB.mjs").then((m) => ({
+  () => import("./full-AG4GMB6M.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );

package/dist/{chunk-BSAENBPL.mjs → chunk-OYCFPEDG.mjs}

@@ -5,7 +5,7 @@ import {
   Heading4,
   Heading5,
   Heading6
-} from "./chunk-AFOEZCNE.mjs";
+} from "./chunk-RSOD4APZ.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-AFOEZCNE.mjs → chunk-RSOD4APZ.mjs}

@@ -1182,6 +1182,7 @@ var createAppStore = (initialAppStore) => create2()(
       },
       status: "LOADING",
       iframe: {},
+      _experimentalFullScreenCanvas: false,
       metadata: {},
       fieldTransforms: {}
     }, initialAppStore), {

package/dist/{full-ATSD2DNB.mjs → full-AG4GMB6M.mjs}

@@ -1,10 +1,10 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-46RDHJGL.mjs";
-import "./chunk-JGZBBNEW.mjs";
-import "./chunk-BSAENBPL.mjs";
-import "./chunk-TVE6QYBR.mjs";
-import "./chunk-AFOEZCNE.mjs";
+} from "./chunk-MFEVRMA4.mjs";
+import "./chunk-7TULKVSG.mjs";
+import "./chunk-OYCFPEDG.mjs";
+import "./chunk-NBH4DF6Y.mjs";
+import "./chunk-RSOD4APZ.mjs";
 import "./chunk-YLLE6KXH.mjs";
 import "./chunk-BOKX3EBR.mjs";
 import "./chunk-Y2EFNT5P.mjs";

package/dist/{index-BVLGipsj.d.mts → index-DAXMlG_V.d.mts}

@@ -1,4 +1,4 @@
-import { H as History, g as Permissions, c as ComponentData, C as Config, U as UserGenerics, F as Fields, a as PuckAction, h as RootDataWithProps, i as ResolveDataTrigger, j as Plugin, k as Overrides, V as Viewports, I as IframeConfig, l as UiState, m as ComponentConfig, A as AppState, M as Metadata, n as FieldTransforms, o as RichtextField } from './actions-BRYM0ifH.mjs';
+import { H as History, g as Permissions, c as ComponentData, C as Config, U as UserGenerics, F as Fields, a as PuckAction, h as RootDataWithProps, i as ResolveDataTrigger, j as Plugin, k as Overrides, V as Viewports, I as IframeConfig, l as UiState, m as ComponentConfig, A as AppState, M as Metadata, n as FieldTransforms, o as RichtextField } from './actions-C3e2nJ9v.mjs';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {
@@ -95,6 +95,7 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     status: Status;
     setStatus: (status: Status) => void;
     iframe: IframeConfig;
+    _experimentalFullScreenCanvas: boolean;
     selectedItem?: G["UserData"]["content"][0] | null;
     getCurrentData: () => G["UserData"]["content"][0] | G["UserData"]["root"];
     setUi: (ui: Partial<UiState>, recordHistory?: boolean) => void;

package/dist/{index-D_Idfrfb.d.ts → index-s4HBwSMe.d.ts}

@@ -1,4 +1,4 @@
-import { H as History, g as Permissions, c as ComponentData, C as Config, U as UserGenerics, F as Fields, a as PuckAction, h as RootDataWithProps, i as ResolveDataTrigger, j as Plugin, k as Overrides, V as Viewports, I as IframeConfig, l as UiState, m as ComponentConfig, A as AppState, M as Metadata, n as FieldTransforms, o as RichtextField } from './actions-BRYM0ifH.js';
+import { H as History, g as Permissions, c as ComponentData, C as Config, U as UserGenerics, F as Fields, a as PuckAction, h as RootDataWithProps, i as ResolveDataTrigger, j as Plugin, k as Overrides, V as Viewports, I as IframeConfig, l as UiState, m as ComponentConfig, A as AppState, M as Metadata, n as FieldTransforms, o as RichtextField } from './actions-C3e2nJ9v.js';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {
@@ -95,6 +95,7 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     status: Status;
     setStatus: (status: Status) => void;
     iframe: IframeConfig;
+    _experimentalFullScreenCanvas: boolean;
     selectedItem?: G["UserData"]["content"][0] | null;
     getCurrentData: () => G["UserData"]["content"][0] | G["UserData"]["root"];
     setUi: (ui: Partial<UiState>, recordHistory?: boolean) => void;

package/dist/index.d.mts

@@ -1,10 +1,10 @@
-import { p as Field, q as FieldProps, r as DropZoneProps, C as Config, U as UserGenerics, D as Data, l as UiState, O as OnAction, g as Permissions, j as Plugin, k as Overrides, n as FieldTransforms, a as PuckAction, V as Viewports, I as IframeConfig, s as InitialHistory, M as Metadata, i as ResolveDataTrigger, t as ItemSelector, c as ComponentData, u as PluginInternal } from './actions-BRYM0ifH.mjs';
-export { v as Adaptor, A as AppState, w as ArrayField, x as ArrayState, y as AsFieldProps, B as BaseData, z as BaseField, E as CacheOpts, m as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, b as Content, S as CustomField, T as CustomFieldRender, e as DefaultComponentProps, d as DefaultComponents, f as DefaultRootFieldProps, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as ExternalField, a0 as ExternalFieldWithAdaptor, a1 as ExtractConfigParams, a2 as ExtractField, a3 as FieldMetadata, a4 as FieldRenderFunctions, a5 as FieldTransformFn, a6 as FieldTransformFnParams, F as Fields, H as History, a7 as ItemWithId, a8 as MappedItem, a9 as NumberField, aa as ObjectField, ab as OverrideKey, ac as PuckComponent, ad as PuckContext, ae as PuckMetadata, af as RadioField, ag as RichText, o as RichtextField, ah as RootConfig, R as RootData, h as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, W as WithId, ar as WithPuckProps, as as WithSlotProps, at as overrideKeys } from './actions-BRYM0ifH.mjs';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-C1Zdgx7d.mjs';
+import { p as Field, q as FieldProps, r as DropZoneProps, C as Config, U as UserGenerics, D as Data, l as UiState, O as OnAction, g as Permissions, j as Plugin, k as Overrides, n as FieldTransforms, a as PuckAction, V as Viewports, I as IframeConfig, s as InitialHistory, M as Metadata, i as ResolveDataTrigger, t as ItemSelector, c as ComponentData, u as PluginInternal } from './actions-C3e2nJ9v.mjs';
+export { v as Adaptor, A as AppState, w as ArrayField, x as ArrayState, y as AsFieldProps, B as BaseData, z as BaseField, E as CacheOpts, m as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, b as Content, S as CustomField, T as CustomFieldRender, e as DefaultComponentProps, d as DefaultComponents, f as DefaultRootFieldProps, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as ExternalField, a0 as ExternalFieldWithAdaptor, a1 as ExtractConfigParams, a2 as ExtractField, a3 as FieldMetadata, a4 as FieldRenderFunctions, a5 as FieldTransformFn, a6 as FieldTransformFnParams, F as Fields, H as History, a7 as ItemWithId, a8 as MappedItem, a9 as NumberField, aa as ObjectField, ab as OverrideKey, ac as PuckComponent, ad as PuckContext, ae as PuckMetadata, af as RadioField, ag as RichText, o as RichtextField, ah as RootConfig, R as RootData, h as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, W as WithId, ar as WithPuckProps, as as WithSlotProps, at as overrideKeys } from './actions-C3e2nJ9v.mjs';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-BJoNgZ0l.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
-import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-BVLGipsj.mjs';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-DAXMlG_V.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';