@measured/puck 0.17.0-canary.9de5e5e → 0.17.0-canary.bda6153

package/dist/{chunk-7IH6SUIT.mjs → chunk-EXKSBUY5.mjs}

@@ -8,6 +8,9 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
@@ -55,6 +58,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -236,6 +243,9 @@ export {
   __objRest,
   __commonJS,
   __toESM,
+  __privateGet,
+  __privateAdd,
+  __privateSet,
   __async,
   init_react_import,
   rootDroppableId,

package/dist/index.css

@@ -136,7 +136,7 @@
 
 /* styles.css */
 #frame-root {
-  height: 100vh;
+  min-height: 100vh;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
@@ -1065,14 +1065,15 @@ textarea._Input-input_1l5m8_47 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Drawer/styles.module.css/#css-module-data */
-._Drawer_1pb1t_1 {
+._Drawer_1ob9x_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--puck-font-family);
   gap: 12px;
 }
-._DrawerItem-draggable_1pb1t_8 {
+._DrawerItem-draggable_1ob9x_8 {
   background: var(--puck-color-white);
+  cursor: grab;
   padding: 12px;
   display: flex;
   border: 1px var(--puck-color-grey-09) solid;
@@ -1082,40 +1083,39 @@ textarea._Input-input_1l5m8_47 {
   align-items: center;
   transition: background-color 50ms ease-in, color 50ms ease-in;
 }
-._DrawerItem--disabled_1pb1t_20 ._DrawerItem-draggable_1pb1t_8 {
+._DrawerItem--disabled_1ob9x_21 ._DrawerItem-draggable_1ob9x_8 {
   background: var(--puck-color-grey-11);
   color: var(--puck-color-grey-05);
   cursor: not-allowed;
 }
-._DrawerItem_1pb1t_8:focus-visible {
+._DrawerItem_1ob9x_8:focus-visible {
   outline: 0;
 }
-._Drawer_1pb1t_1:not(._Drawer--isDraggingFrom_1pb1t_30) ._DrawerItem_1pb1t_8:focus-visible ._DrawerItem-draggable_1pb1t_8 {
+._Drawer_1ob9x_1:not(._Drawer--isDraggingFrom_1ob9x_31) ._DrawerItem_1ob9x_8:focus-visible ._DrawerItem-draggable_1ob9x_8 {
   border-radius: 4px;
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Drawer_1pb1t_1:not(._Drawer--isDraggingFrom_1pb1t_30) ._DrawerItem_1pb1t_8:not(._DrawerItem--disabled_1pb1t_20) ._DrawerItem-draggable_1pb1t_8:hover {
+  ._Drawer_1ob9x_1:not(._Drawer--isDraggingFrom_1ob9x_31) ._DrawerItem_1ob9x_8:not(._DrawerItem--disabled_1ob9x_21) ._DrawerItem-draggable_1ob9x_8:hover {
     background-color: var(--puck-color-azure-12);
     color: var(--puck-color-azure-04);
     transition: none;
   }
 }
-._DrawerItem-name_1pb1t_48 {
+._DrawerItem-name_1ob9x_49 {
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
-._DraggableComponent_33bhx_1 {
-  opacity: 0;
+._DraggableComponent_1uqah_1 {
   position: absolute;
   pointer-events: none;
   --overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent );
 }
-._DraggableComponent-overlay_33bhx_13 {
+._DraggableComponent-overlay_1uqah_12 {
   cursor: pointer;
   height: 100%;
   width: 100%;
@@ -1127,10 +1127,10 @@ textarea._Input-input_1l5m8_47 {
   box-sizing: border-box;
   z-index: 1;
 }
-._DraggableComponent_33bhx_1:focus-visible > ._DraggableComponent-overlay_33bhx_13 {
+._DraggableComponent_1uqah_1:focus-visible > ._DraggableComponent-overlay_1uqah_12 {
   outline: 1px solid var(--puck-color-azure-05);
 }
-._DraggableComponent-loadingOverlay_33bhx_30 {
+._DraggableComponent-loadingOverlay_1uqah_29 {
   background: var(--puck-color-white);
   color: var(--puck-color-grey-03);
   border-radius: 4px;
@@ -1145,23 +1145,29 @@ textarea._Input-input_1l5m8_47 {
   opacity: 0.8;
   z-index: 1;
 }
-._DraggableComponent--hover_33bhx_46:not(._DraggableComponent--isLocked_33bhx_46) > ._DraggableComponent-overlay_33bhx_13 {
+._DraggableComponent--hover_1uqah_45:not(._DraggableComponent--isLocked_1uqah_45) > ._DraggableComponent-overlay_1uqah_12 {
   background: var(--overlay-background);
 }
-._DraggableComponent--hover_33bhx_46 > ._DraggableComponent-overlay_33bhx_13 {
+._DraggableComponent--hover_1uqah_45 > ._DraggableComponent-overlay_1uqah_12 {
   outline: 2px var(--puck-color-azure-09) solid;
 }
-._DraggableComponent--isSelected_33bhx_55 > ._DraggableComponent-overlay_33bhx_13 {
+._DraggableComponent--isSelected_1uqah_54 > ._DraggableComponent-overlay_1uqah_12 {
   outline-color: var(--puck-color-azure-07);
 }
-._DraggableComponent_33bhx_1:has(._DraggableComponent--hover_33bhx_46 > ._DraggableComponent-overlay_33bhx_13) > ._DraggableComponent-overlay_33bhx_13 {
+._DraggableComponent_1uqah_1:has(._DraggableComponent--hover_1uqah_45 > ._DraggableComponent-overlay_1uqah_12) > ._DraggableComponent-overlay_1uqah_12 {
   display: none;
 }
-._DraggableComponent-actionsOverlay_33bhx_67 {
+._DraggableComponent-actionsOverlay_1uqah_66 {
   position: sticky;
+  opacity: 0;
+  pointer-events: none;
   z-index: 2;
 }
-._DraggableComponent-actions_33bhx_67 {
+._DraggableComponent--isSelected_1uqah_54 ._DraggableComponent-actionsOverlay_1uqah_66 {
+  opacity: 1;
+  pointer-events: auto;
+}
+._DraggableComponent-actions_1uqah_66 {
   position: absolute;
   width: auto;
   cursor: grab;
@@ -1172,7 +1178,7 @@ textarea._Input-input_1l5m8_47 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css/#css-module-data */
-._DropZone_q2ip3_1 {
+._DropZone_74ebh_1 {
   --drop-animation-ms: 250ms;
   --resize-animation-ms: 150ms;
   position: relative;
@@ -1181,46 +1187,49 @@ textarea._Input-input_1l5m8_47 {
   outline-offset: -2px;
   width: 100%;
 }
-._DropZone--hasChildren_q2ip3_12 {
+._DropZone--hasChildren_74ebh_12 {
   min-height: 0;
 }
-._DropZone_q2ip3_1:empty {
+._DropZone_74ebh_1:empty {
   min-height: var(--min-empty-height);
 }
-._DropZone--hasChildren_q2ip3_12:not(._DropZone--userIsDragging_q2ip3_20) {
+._DropZone--hasChildren_74ebh_12:not(._DropZone--userIsDragging_74ebh_20) {
   transition: min-height var(--resize-animation-ms) var(--drop-animation-ms) ease-in;
 }
-._DropZone_q2ip3_1:empty:not(._DropZone--userIsDragging_q2ip3_20) {
+._DropZone_74ebh_1:empty:not(._DropZone--userIsDragging_74ebh_20) {
   transition: min-height var(--resize-animation-ms) ease-in;
 }
-._DropZone--isAreaSelected_q2ip3_29,
-._DropZone--hoveringOverArea_q2ip3_30:not(._DropZone--isRootZone_q2ip3_30) {
+._DropZone--isAreaSelected_74ebh_29,
+._DropZone--hoveringOverArea_74ebh_30:not(._DropZone--isRootZone_74ebh_30) {
   background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent);
   outline: 2px dashed var(--puck-color-azure-08);
 }
-._DropZone_q2ip3_1:empty {
+._DropZone_74ebh_1:empty {
   background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent);
   outline: 2px dashed var(--puck-color-azure-08);
 }
-._DropZone--isDestination_q2ip3_40 {
+._DropZone--isDestination_74ebh_40 {
   outline: 2px dashed var(--puck-color-azure-04) !important;
 }
-._DropZone--isDestination_q2ip3_40:not(._DropZone--isRootZone_q2ip3_30) {
+._DropZone--isDestination_74ebh_40:not(._DropZone--isRootZone_74ebh_30) {
   background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent) !important;
 }
-._DropZone-item_q2ip3_52 {
+._DropZone-item_74ebh_52 {
   position: relative;
 }
-._DropZone-hitbox_q2ip3_56 {
+._DropZone-hitbox_74ebh_56 {
   position: absolute;
   bottom: -12px;
   height: 24px;
   width: 100%;
   z-index: 1;
 }
-._DropZone--isEnabled_q2ip3_64._DropZone--userIsDragging_q2ip3_20 {
+._DropZone--isEnabled_74ebh_64._DropZone--userIsDragging_74ebh_20 {
   outline: 2px dashed var(--puck-color-azure-06);
 }
+._DropZone_74ebh_1 > *:not([data-puck-component]) {
+  opacity: 0;
+}
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
 ._SidebarSection_125qe_1 {
@@ -1723,7 +1732,7 @@ textarea._Input-input_1l5m8_47 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css/#css-module-data */
-._PuckCanvas_avf1c_1 {
+._PuckCanvas_18jay_1 {
   background: var(--puck-color-grey-11);
   display: flex;
   grid-area: editor;
@@ -1732,28 +1741,26 @@ textarea._Input-input_1l5m8_47 {
   overflow: auto;
 }
 @media (min-width: 1198px) {
-  ._PuckCanvas_avf1c_1 {
+  ._PuckCanvas_18jay_1 {
     padding: calc(var(--puck-space-px) * 1.5);
     padding-top: var(--puck-space-px);
   }
-  ._PuckCanvas_avf1c_1:not(._PuckCanvas_avf1c_1:has(._PuckCanvas-controls_avf1c_16)) {
+  ._PuckCanvas_18jay_1:not(._PuckCanvas_18jay_1:has(._PuckCanvas-controls_18jay_16)) {
     padding-top: calc(var(--puck-space-px) * 1.5);
   }
 }
-._PuckCanvas-inner_avf1c_21 {
-  box-sizing: border-box;
+._PuckCanvas-inner_18jay_21 {
   display: flex;
   height: 100%;
   justify-content: center;
   min-width: 358px;
-  overflow: hidden;
   position: relative;
   width: 100%;
 }
-._PuckCanvas-root_avf1c_32 {
+._PuckCanvas-root_18jay_30 {
   background: white;
   border: 1px solid var(--puck-color-grey-09);
-  box-sizing: border-box;
+  box-sizing: content-box;
   min-width: 321px;
   position: absolute;
   pointer-events: none;
@@ -1763,20 +1770,20 @@ textarea._Input-input_1l5m8_47 {
   opacity: 0;
 }
 @media (min-width: 1198px) {
-  ._PuckCanvas-root_avf1c_32 {
+  ._PuckCanvas-root_18jay_30 {
     min-width: unset;
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._PuckCanvas-root_avf1c_32 {
+  ._PuckCanvas-root_18jay_30 {
     transition: none !important;
   }
 }
-._PuckCanvas--ready_avf1c_57 ._PuckCanvas-root_avf1c_32 {
+._PuckCanvas--ready_18jay_55 ._PuckCanvas-root_18jay_30 {
   pointer-events: unset;
   opacity: 1;
 }
-._PuckCanvas-loader_avf1c_62 {
+._PuckCanvas-loader_18jay_60 {
   align-items: center;
   color: var(--puck-color-grey-06);
   display: flex;
@@ -1785,10 +1792,10 @@ textarea._Input-input_1l5m8_47 {
   transition: opacity 250ms ease-out;
   opacity: 0;
 }
-._PuckCanvas--showLoader_avf1c_72 ._PuckCanvas-loader_avf1c_62 {
+._PuckCanvas--showLoader_18jay_70 ._PuckCanvas-loader_18jay_60 {
   opacity: 1;
 }
-._PuckCanvas--showLoader_avf1c_72._PuckCanvas--ready_avf1c_57 ._PuckCanvas-loader_avf1c_62 {
+._PuckCanvas--showLoader_18jay_70._PuckCanvas--ready_18jay_55 ._PuckCanvas-loader_18jay_60 {
   opacity: 0;
   height: 0;
   transition: none;