@puckeditor/core 0.21.3-canary.f99b9413 → 0.21.3

package/dist/index.css

@@ -559,7 +559,7 @@ textarea._Input-input_bsxfo_26 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_ffob9_1 {
+._IconButton_1c68y_1 {
   align-items: center;
   background: transparent;
   border: none;
@@ -571,35 +571,26 @@ textarea._Input-input_bsxfo_26 {
   padding: 4px;
   transition: background-color 50ms ease-in, color 50ms ease-in;
 }
-._IconButton--active_ffob9_14 {
+._IconButton--active_1c68y_14 {
   color: var(--puck-color-azure-04);
 }
-._IconButton_ffob9_1:focus-visible {
+._IconButton_1c68y_1:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: -2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._IconButton_ffob9_1:hover:not(._IconButton--disabled_ffob9_24) {
+  ._IconButton_1c68y_1:hover:not(._IconButton--disabled_1c68y_24) {
     background: var(--puck-color-grey-10);
     color: var(--puck-color-azure-04);
     cursor: pointer;
     transition: none;
   }
 }
-._IconButton_ffob9_1:active {
+._IconButton_1c68y_1:active {
   background: var(--puck-color-azure-11);
   transition: none;
 }
-._IconButton-title_ffob9_37 {
-  clip: rect(0 0 0 0);
-  clip-path: inset(100%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-._IconButton--disabled_ffob9_24 {
+._IconButton--disabled_1c68y_24 {
   color: var(--puck-color-grey-07);
 }
 
@@ -2315,7 +2306,7 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css/#css-module-data */
-._PuckCanvas_t6s9b_1 {
+._PuckCanvas_ur8dl_1 {
   background: var(--puck-color-grey-11);
   display: flex;
   grid-area: editor;
@@ -2325,24 +2316,24 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   overflow: auto;
 }
 @media (min-width: 1198px) {
-  ._PuckCanvas_t6s9b_1 {
+  ._PuckCanvas_ur8dl_1 {
     padding: calc(var(--puck-space-px) * 1.5);
     padding-top: calc(var(--puck-space-px) * 0.5);
   }
-  ._PuckCanvas_t6s9b_1:not(._PuckCanvas_t6s9b_1:has(._PuckCanvas-controls_t6s9b_17)) {
+  ._PuckCanvas_ur8dl_1:not(._PuckCanvas_ur8dl_1:has(._PuckCanvas-controls_ur8dl_17)) {
     padding-top: calc(var(--puck-space-px) * 1.5);
   }
 }
-._PuckCanvas--fullScreen_t6s9b_22 {
+._PuckCanvas--fullScreen_ur8dl_22 {
   padding: 0;
   overflow: hidden;
 }
 @media (min-width: 1198px) {
-  ._PuckCanvas--fullScreen_t6s9b_22 {
+  ._PuckCanvas--fullScreen_ur8dl_22 {
     padding: 0;
   }
 }
-._PuckCanvas-inner_t6s9b_33 {
+._PuckCanvas-inner_ur8dl_33 {
   display: flex;
   height: 100%;
   justify-content: center;
@@ -2350,7 +2341,7 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   position: relative;
   width: 100%;
 }
-._PuckCanvas-root_t6s9b_42 {
+._PuckCanvas-root_ur8dl_42 {
   background: white;
   outline: 1px solid var(--puck-color-grey-09);
   box-sizing: content-box;
@@ -2363,20 +2354,20 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   opacity: 0;
 }
 @media (min-width: 1198px) {
-  ._PuckCanvas-root_t6s9b_42 {
+  ._PuckCanvas-root_ur8dl_42 {
     min-width: unset;
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._PuckCanvas-root_t6s9b_42 {
+  ._PuckCanvas-root_ur8dl_42 {
     transition: none !important;
   }
 }
-._PuckCanvas--ready_t6s9b_67 ._PuckCanvas-root_t6s9b_42 {
+._PuckCanvas--ready_ur8dl_67 ._PuckCanvas-root_ur8dl_42 {
   pointer-events: unset;
   opacity: 1;
 }
-._PuckCanvas-loader_t6s9b_72 {
+._PuckCanvas-loader_ur8dl_72 {
   align-items: center;
   color: var(--puck-color-grey-06);
   display: flex;
@@ -2384,19 +2375,20 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   justify-content: center;
   transition: opacity 250ms ease-out;
   opacity: 0;
+  pointer-events: none;
 }
-._PuckCanvas--showLoader_t6s9b_82 ._PuckCanvas-loader_t6s9b_72 {
+._PuckCanvas--showLoader_ur8dl_83 ._PuckCanvas-loader_ur8dl_72 {
   opacity: 1;
 }
-._PuckCanvas--showLoader_t6s9b_82._PuckCanvas--ready_t6s9b_67 ._PuckCanvas-loader_t6s9b_72 {
+._PuckCanvas--showLoader_ur8dl_83._PuckCanvas--ready_ur8dl_67 ._PuckCanvas-loader_ur8dl_72 {
   opacity: 0;
   height: 0;
   transition: none;
 }
-._PuckCanvas-controls_t6s9b_17 {
+._PuckCanvas-controls_ur8dl_17 {
   padding-bottom: calc(var(--puck-space-px) * 0.5);
 }
-._PuckCanvas--fullScreen_t6s9b_22 ._PuckCanvas-controls_t6s9b_17 {
+._PuckCanvas--fullScreen_ur8dl_22 ._PuckCanvas-controls_ur8dl_17 {
   padding-bottom: 0;
   z-index: 1;
 }

package/dist/index.js

@@ -1322,7 +1322,7 @@ var init_IconButton_module = __esm({
     "use strict";
     init_react_import();
     init_css_module_data2();
-    IconButton_module_default = { "IconButton": "_IconButton_ffob9_1", "IconButton--active": "_IconButton--active_ffob9_14", "IconButton--disabled": "_IconButton--disabled_ffob9_24", "IconButton-title": "_IconButton-title_ffob9_37" };
+    IconButton_module_default = { "IconButton": "_IconButton_1c68y_1", "IconButton--active": "_IconButton--active_1c68y_14", "IconButton--disabled": "_IconButton--disabled_1c68y_24" };
   }
 });
 
@@ -1473,20 +1473,10 @@ var init_map_fields = __esm({
       if (map && fieldType === "slot") {
         const content = value || [];
         const mappedContent = recurseSlots ? content.map((el) => {
-          var _a2;
-          const componentConfig = config.components[el.type];
-          if (!componentConfig) {
+          if (!config.components[el.type]) {
             throw new Error(`Could not find component config for ${el.type}`);
           }
-          const fields2 = (_a2 = componentConfig.fields) != null ? _a2 : {};
-          return walkField({
-            value: __spreadProps(__spreadValues({}, el), { props: defaultSlots(el.props, fields2) }),
-            fields: fields2,
-            mappers,
-            id: el.props.id,
-            config,
-            recurseSlots
-          });
+          return mapFields(el, mappers, config, recurseSlots);
         }) : content;
         if (containsPromise(mappedContent)) {
           return Promise.all(mappedContent);
@@ -3801,9 +3791,9 @@ var init_IconButton = __esm({
           rel: newTab ? "noreferrer" : void 0,
           href,
           title,
+          "aria-label": title,
           suppressHydrationWarning,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: getClassName3("title"), children: title }),
             children,
             loading && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
               "\xA0\xA0",
@@ -5321,7 +5311,7 @@ var init_selector = __esm({
     defaultEditorState = (ctx, readOnly) => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B;
       const editor = ctx.editor;
-      if (!editor) return {};
+      if (!editor || editor.isDestroyed) return {};
       const canChain = () => editor.can().chain();
       return {
         isAlignLeft: editor.isActive({ textAlign: "left" }),
@@ -5536,6 +5526,9 @@ function RichTextRender({
       return content;
     }
     if (typeof content === "string") {
+      if (!content) {
+        return { type: "doc", content: [] };
+      }
       const isHtml = /<\/?[a-z][\s\S]*>/i.test(content);
       if (isHtml) {
         return (0, import_html.generateJSON)(content, loadedExtensions);
@@ -8494,6 +8487,10 @@ var DraggableComponent = ({
     },
     [zoom]
   );
+  const actionBarRef = (0, import_react51.useRef)(null);
+  (0, import_react51.useEffect)(() => {
+    syncActionsPosition(actionBarRef.current);
+  }, [actionBarRef.current, syncActionsPosition]);
   (0, import_react51.useEffect)(() => {
     if (userDragAxis) {
       setDragAxis(userDragAxis);
@@ -8571,7 +8568,7 @@ var DraggableComponent = ({
                       paddingLeft: actionsSide,
                       paddingRight: actionsSide
                     },
-                    ref: syncActionsPosition,
+                    ref: actionBarRef,
                     children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       CustomActionBar,
                       {
@@ -8928,9 +8925,6 @@ function RichTextRenderFallback({ content }) {
   ) });
 }
 
-// components/RichTextEditor/lib/use-richtext-props.tsx
-init_generate_id();
-
 // components/RichTextEditor/lib/mapDeep.ts
 init_react_import();
 var mapDeep = (source, path, render) => {
@@ -8988,7 +8982,7 @@ function useRichtextProps(fields, props) {
           fallback: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RichTextRenderFallback, { content }),
           children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RichTextRender3, { content, field })
         },
-        generateId()
+        path.join(".")
       ));
     }
     return result;
@@ -9258,8 +9252,9 @@ var InlineTextFieldInternal = ({
       );
     }
     if (ref.current) {
-      if (value !== ref.current.innerText) {
-        ref.current.replaceChildren(value);
+      const safeValue = value != null ? value : "";
+      if (safeValue !== ref.current.innerText) {
+        ref.current.replaceChildren(safeValue);
       }
       const cleanupPortal = registerOverlayPortal(ref.current);
       const handleInput = (e) => __async(null, null, function* () {
@@ -10812,7 +10807,7 @@ var DragDropContextClient = ({
             const { previewIndex = {} } = zoneStore.getState() || {};
             const thisPreview = ((_b = previewIndex[zone]) == null ? void 0 : _b.props.id) === source.id ? previewIndex[zone] : null;
             const onAnimationEnd = () => {
-              var _a2, _b2;
+              var _a2, _b2, _c, _d;
               zoneStore.setState({ draggedItem: null });
               if (event.canceled || (target == null ? void 0 : target.type) === "void") {
                 zoneStore.setState({ previewIndex: {} });
@@ -10846,15 +10841,16 @@ var DragDropContextClient = ({
                   );
                 }
               }
+              const movedToNewPosition = ((_b2 = initialSelector.current) == null ? void 0 : _b2.zone) !== (thisPreview == null ? void 0 : thisPreview.zone) || ((_c = initialSelector.current) == null ? void 0 : _c.index) !== (thisPreview == null ? void 0 : thisPreview.index);
               dispatch({
                 type: "setUi",
                 ui: {
                   itemSelector: { index, zone },
                   isDragging: false
                 },
-                recordHistory: false
+                recordHistory: movedToNewPosition
               });
-              (_b2 = dragListeners.dragend) == null ? void 0 : _b2.forEach((fn) => {
+              (_d = dragListeners.dragend) == null ? void 0 : _d.forEach((fn) => {
                 fn(event, manager);
               });
             };
@@ -13223,7 +13219,7 @@ var ViewportControls = ({
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css#css-module
 init_react_import();
-var styles_module_default28 = { "PuckCanvas": "_PuckCanvas_t6s9b_1", "PuckCanvas-controls": "_PuckCanvas-controls_t6s9b_17", "PuckCanvas--fullScreen": "_PuckCanvas--fullScreen_t6s9b_22", "PuckCanvas-inner": "_PuckCanvas-inner_t6s9b_33", "PuckCanvas-root": "_PuckCanvas-root_t6s9b_42", "PuckCanvas--ready": "_PuckCanvas--ready_t6s9b_67", "PuckCanvas-loader": "_PuckCanvas-loader_t6s9b_72", "PuckCanvas--showLoader": "_PuckCanvas--showLoader_t6s9b_82" };
+var styles_module_default28 = { "PuckCanvas": "_PuckCanvas_ur8dl_1", "PuckCanvas-controls": "_PuckCanvas-controls_ur8dl_17", "PuckCanvas--fullScreen": "_PuckCanvas--fullScreen_ur8dl_22", "PuckCanvas-inner": "_PuckCanvas-inner_ur8dl_33", "PuckCanvas-root": "_PuckCanvas-root_ur8dl_42", "PuckCanvas--ready": "_PuckCanvas--ready_ur8dl_67", "PuckCanvas-loader": "_PuckCanvas-loader_ur8dl_72", "PuckCanvas--showLoader": "_PuckCanvas--showLoader_ur8dl_83" };
 
 // components/Puck/components/Canvas/index.tsx
 init_lib();

package/dist/index.mjs

@@ -17,13 +17,13 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-Y72HCWJK.mjs";
-import "./chunk-WCC2G7U7.mjs";
+} from "./chunk-YXFTA2VL.mjs";
+import "./chunk-TDQEUXB2.mjs";
 import {
   migrate,
   resolveAllData,
   transformProps
-} from "./chunk-FOGDNETJ.mjs";
+} from "./chunk-X2ZFWNCU.mjs";
 import "./chunk-AOEDIUVK.mjs";
 import {
   Action,
@@ -33,17 +33,17 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-G74MZKKD.mjs";
-import "./chunk-BCL7VBTL.mjs";
-import "./chunk-K23YHISE.mjs";
-import "./chunk-U6THAD4G.mjs";
-import "./chunk-22UJFAFA.mjs";
-import "./chunk-YLLE6KXH.mjs";
-import "./chunk-BOKX3EBR.mjs";
+} from "./chunk-HGJWUFLT.mjs";
+import "./chunk-DPDJ67KA.mjs";
+import "./chunk-ZMTK7SMX.mjs";
+import "./chunk-LODTL5KW.mjs";
+import "./chunk-O7FT3KAM.mjs";
+import "./chunk-6XCJ3Y7O.mjs";
+import "./chunk-4HOGLOEA.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree
-} from "./chunk-754HNMU2.mjs";
+} from "./chunk-SHVCBQDY.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/internal.js

@@ -106,20 +106,10 @@ var walkField = ({
   if (map && fieldType === "slot") {
     const content = value || [];
     const mappedContent = recurseSlots ? content.map((el) => {
-      var _a2;
-      const componentConfig = config.components[el.type];
-      if (!componentConfig) {
+      if (!config.components[el.type]) {
         throw new Error(`Could not find component config for ${el.type}`);
       }
-      const fields2 = (_a2 = componentConfig.fields) != null ? _a2 : {};
-      return walkField({
-        value: __spreadProps(__spreadValues({}, el), { props: defaultSlots(el.props, fields2) }),
-        fields: fields2,
-        mappers,
-        id: el.props.id,
-        config,
-        recurseSlots
-      });
+      return mapFields(el, mappers, config, recurseSlots);
     }) : content;
     if (containsPromise(mappedContent)) {
       return Promise.all(mappedContent);

package/dist/internal.mjs

@@ -1,7 +1,7 @@
 import {
   createReducer
-} from "./chunk-YLLE6KXH.mjs";
-import "./chunk-754HNMU2.mjs";
+} from "./chunk-6XCJ3Y7O.mjs";
+import "./chunk-SHVCBQDY.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-MIY725CK.mjs → loaded-54625GTL.mjs}

@@ -1,15 +1,15 @@
 import {
   useAlignOptions
-} from "./chunk-BCL7VBTL.mjs";
+} from "./chunk-DPDJ67KA.mjs";
 import {
   AlignLeft,
   SelectControl,
   useControlContext
-} from "./chunk-22UJFAFA.mjs";
-import "./chunk-YLLE6KXH.mjs";
-import "./chunk-BOKX3EBR.mjs";
+} from "./chunk-O7FT3KAM.mjs";
+import "./chunk-6XCJ3Y7O.mjs";
+import "./chunk-4HOGLOEA.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-754HNMU2.mjs";
+import "./chunk-SHVCBQDY.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-F37CNCVG.mjs → loaded-OMRIYZIQ.mjs}

@@ -1,15 +1,15 @@
 import {
   useHeadingOptions
-} from "./chunk-K23YHISE.mjs";
+} from "./chunk-ZMTK7SMX.mjs";
 import {
   Heading,
   SelectControl,
   useControlContext
-} from "./chunk-22UJFAFA.mjs";
-import "./chunk-YLLE6KXH.mjs";
-import "./chunk-BOKX3EBR.mjs";
+} from "./chunk-O7FT3KAM.mjs";
+import "./chunk-6XCJ3Y7O.mjs";
+import "./chunk-4HOGLOEA.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-754HNMU2.mjs";
+import "./chunk-SHVCBQDY.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-H325ZSK5.mjs → loaded-Y4ZWZC55.mjs}

@@ -1,15 +1,15 @@
 import {
   useListOptions
-} from "./chunk-U6THAD4G.mjs";
+} from "./chunk-LODTL5KW.mjs";
 import {
   List,
   SelectControl,
   useControlContext
-} from "./chunk-22UJFAFA.mjs";
-import "./chunk-YLLE6KXH.mjs";
-import "./chunk-BOKX3EBR.mjs";
+} from "./chunk-O7FT3KAM.mjs";
+import "./chunk-6XCJ3Y7O.mjs";
+import "./chunk-4HOGLOEA.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-754HNMU2.mjs";
+import "./chunk-SHVCBQDY.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/no-external.css

@@ -557,7 +557,7 @@ textarea._Input-input_bsxfo_26 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_ffob9_1 {
+._IconButton_1c68y_1 {
   align-items: center;
   background: transparent;
   border: none;
@@ -569,35 +569,26 @@ textarea._Input-input_bsxfo_26 {
   padding: 4px;
   transition: background-color 50ms ease-in, color 50ms ease-in;
 }
-._IconButton--active_ffob9_14 {
+._IconButton--active_1c68y_14 {
   color: var(--puck-color-azure-04);
 }
-._IconButton_ffob9_1:focus-visible {
+._IconButton_1c68y_1:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: -2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._IconButton_ffob9_1:hover:not(._IconButton--disabled_ffob9_24) {
+  ._IconButton_1c68y_1:hover:not(._IconButton--disabled_1c68y_24) {
     background: var(--puck-color-grey-10);
     color: var(--puck-color-azure-04);
     cursor: pointer;
     transition: none;
   }
 }
-._IconButton_ffob9_1:active {
+._IconButton_1c68y_1:active {
   background: var(--puck-color-azure-11);
   transition: none;
 }
-._IconButton-title_ffob9_37 {
-  clip: rect(0 0 0 0);
-  clip-path: inset(100%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-._IconButton--disabled_ffob9_24 {
+._IconButton--disabled_1c68y_24 {
   color: var(--puck-color-grey-07);
 }
 
@@ -2313,7 +2304,7 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css/#css-module-data */
-._PuckCanvas_t6s9b_1 {
+._PuckCanvas_ur8dl_1 {
   background: var(--puck-color-grey-11);
   display: flex;
   grid-area: editor;
@@ -2323,24 +2314,24 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   overflow: auto;
 }
 @media (min-width: 1198px) {
-  ._PuckCanvas_t6s9b_1 {
+  ._PuckCanvas_ur8dl_1 {
     padding: calc(var(--puck-space-px) * 1.5);
     padding-top: calc(var(--puck-space-px) * 0.5);
   }
-  ._PuckCanvas_t6s9b_1:not(._PuckCanvas_t6s9b_1:has(._PuckCanvas-controls_t6s9b_17)) {
+  ._PuckCanvas_ur8dl_1:not(._PuckCanvas_ur8dl_1:has(._PuckCanvas-controls_ur8dl_17)) {
     padding-top: calc(var(--puck-space-px) * 1.5);
   }
 }
-._PuckCanvas--fullScreen_t6s9b_22 {
+._PuckCanvas--fullScreen_ur8dl_22 {
   padding: 0;
   overflow: hidden;
 }
 @media (min-width: 1198px) {
-  ._PuckCanvas--fullScreen_t6s9b_22 {
+  ._PuckCanvas--fullScreen_ur8dl_22 {
     padding: 0;
   }
 }
-._PuckCanvas-inner_t6s9b_33 {
+._PuckCanvas-inner_ur8dl_33 {
   display: flex;
   height: 100%;
   justify-content: center;
@@ -2348,7 +2339,7 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   position: relative;
   width: 100%;
 }
-._PuckCanvas-root_t6s9b_42 {
+._PuckCanvas-root_ur8dl_42 {
   background: white;
   outline: 1px solid var(--puck-color-grey-09);
   box-sizing: content-box;
@@ -2361,20 +2352,20 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   opacity: 0;
 }
 @media (min-width: 1198px) {
-  ._PuckCanvas-root_t6s9b_42 {
+  ._PuckCanvas-root_ur8dl_42 {
     min-width: unset;
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._PuckCanvas-root_t6s9b_42 {
+  ._PuckCanvas-root_ur8dl_42 {
     transition: none !important;
   }
 }
-._PuckCanvas--ready_t6s9b_67 ._PuckCanvas-root_t6s9b_42 {
+._PuckCanvas--ready_ur8dl_67 ._PuckCanvas-root_ur8dl_42 {
   pointer-events: unset;
   opacity: 1;
 }
-._PuckCanvas-loader_t6s9b_72 {
+._PuckCanvas-loader_ur8dl_72 {
   align-items: center;
   color: var(--puck-color-grey-06);
   display: flex;
@@ -2382,19 +2373,20 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   justify-content: center;
   transition: opacity 250ms ease-out;
   opacity: 0;
+  pointer-events: none;
 }
-._PuckCanvas--showLoader_t6s9b_82 ._PuckCanvas-loader_t6s9b_72 {
+._PuckCanvas--showLoader_ur8dl_83 ._PuckCanvas-loader_ur8dl_72 {
   opacity: 1;
 }
-._PuckCanvas--showLoader_t6s9b_82._PuckCanvas--ready_t6s9b_67 ._PuckCanvas-loader_t6s9b_72 {
+._PuckCanvas--showLoader_ur8dl_83._PuckCanvas--ready_ur8dl_67 ._PuckCanvas-loader_ur8dl_72 {
   opacity: 0;
   height: 0;
   transition: none;
 }
-._PuckCanvas-controls_t6s9b_17 {
+._PuckCanvas-controls_ur8dl_17 {
   padding-bottom: calc(var(--puck-space-px) * 0.5);
 }
-._PuckCanvas--fullScreen_t6s9b_22 ._PuckCanvas-controls_t6s9b_17 {
+._PuckCanvas--fullScreen_ur8dl_22 ._PuckCanvas-controls_ur8dl_17 {
   padding-bottom: 0;
   z-index: 1;
 }