@puckeditor/core 0.23.0-canary.9bf3e00a → 0.23.0-canary.e7fef140

package/dist/index.css

@@ -109,6 +109,7 @@
     --puck-color-focus-ring: var(--puck-color-azure-05);
     --puck-color-selection-bg: color-mix( in srgb, var(--puck-color-azure-09) 30%, transparent );
     --puck-color-selection-border: var(--puck-color-azure-08);
+    --puck-color-insertion-indicator: var(--puck-color-azure-06);
     --puck-color-highlight: var(--puck-color-rose-07);
     --puck-color-bg-disabled: var(--puck-color-grey-07);
     --puck-color-text-disabled: var(--puck-color-grey-03);
@@ -143,6 +144,7 @@
     --puck-font-weight-heavy: 800;
     --puck-letter-spacing-ui: 0.05ch;
     --puck-letter-spacing-heading: 0.08ch;
+    --puck-icon-size-xs: 14px;
     --puck-icon-size-s: 16px;
     --puck-icon-size-m: 18px;
     --puck-icon-size-l: 24px;
@@ -676,7 +678,7 @@ textarea._Input-input_qyenz_29 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_yuha3_1 {
+._IconButton_1pxxt_1 {
   align-items: center;
   background: var(--puck-iconbutton-color-bg, transparent);
   border: none;
@@ -688,26 +690,26 @@ textarea._Input-input_qyenz_29 {
   padding: var(--puck-iconbutton-space, var(--puck-space-1));
   transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
 }
-._IconButton--active_yuha3_15 {
+._IconButton--active_1pxxt_15 {
   color: var( --puck-iconbutton-color-icon-active, var(--puck-color-interactive) );
 }
-._IconButton_yuha3_1:focus-visible {
+._IconButton_1pxxt_1:focus-visible {
   outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
   outline-offset: calc(var(--puck-border-width-focus) * -1);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._IconButton_yuha3_1:hover:not(._IconButton--disabled_yuha3_28) {
-    background: var( --puck-iconbutton-color-bg-hover, var(--puck-color-interactive-neutral-hover) );
+  ._IconButton_1pxxt_1:hover:not(._IconButton--disabled_1pxxt_28) {
+    background: var( --_puck-iconbutton-color-bg-hover, var( --puck-iconbutton-color-bg-hover, var(--puck-color-interactive-neutral-hover) ) );
     color: var( --puck-iconbutton-color-icon-hover, var(--puck-color-interactive) );
     cursor: pointer;
     transition: none;
   }
 }
-._IconButton_yuha3_1:active {
+._IconButton_1pxxt_1:active {
   background: var( --puck-iconbutton-color-bg-active, var(--puck-color-interactive-soft) );
   transition: none;
 }
-._IconButton--disabled_yuha3_28 {
+._IconButton--disabled_1pxxt_28 {
   color: var( --puck-iconbutton-color-icon-disabled, var(--puck-color-text-subtle) );
 }
 
@@ -1816,138 +1818,327 @@ body:has(._DropZone--isAnimating_ybznu_62:empty) [data-puck-overlay] {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Preview/styles.module.css/#css-module-data */
-._PuckPreview_z2rgu_1 {
+._PuckPreview_zbic3_1 {
   position: relative;
   height: 100%;
 }
-._PuckPreview-frame_z2rgu_6 {
+._PuckPreview-frame_zbic3_6 {
   border: none;
   height: 100%;
   width: 100%;
 }
+._PuckPreview-frame_zbic3_6[data-puck-outline-dragging] {
+  pointer-events: none;
+}
 
-/* css-module:/home/runner/work/puck/puck/packages/core/components/LayerTree/styles.module.css/#css-module-data */
-._LayerTree_1vltj_1 {
-  color: var(--puck-outline-color-text, var(--puck-color-text-secondary));
-  font-family: var(--puck-font-family);
-  font-size: var(--puck-outline-font-size, var(--puck-font-size-xxs));
-  margin: 0;
-  position: relative;
-  list-style: none;
-  padding: 0;
+/* css-module:/home/runner/work/puck/puck/packages/core/components/LayerTree/components/drop-line/styles.module.css/#css-module-data */
+._DropLine_eyz3q_2 {
+  background: var(--_puck-outline-color-drop-indicator);
+  border-radius: calc(var(--_puck-outline-drop-indicator-size) / 2);
+  height: var(--_puck-outline-drop-indicator-size);
+  inset-inline: 0;
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
 }
-._LayerTree-zoneTitle_1vltj_11 {
-  color: var(--puck-outline-zone-color-text, var(--puck-color-text-muted));
-  font-size: var(--puck-outline-zone-font-size, var(--puck-font-size-xxxs));
-  text-transform: uppercase;
+._DropLine--top_eyz3q_12 {
+  top: 0;
 }
-._LayerTree-helper_1vltj_17 {
-  text-align: center;
-  color: var(--puck-color-text-subtle);
-  margin: var(--puck-space-2) var(--puck-space-1);
+._DropLine--bottom_eyz3q_16 {
+  bottom: 0;
+}
+._DropLine--top_eyz3q_12._DropLine--outset_eyz3q_20 {
+  top: calc(-1 * var(--_puck-outline-drop-indicator-size));
 }
-._Layer_1vltj_1 {
+._DropLine--bottom_eyz3q_16._DropLine--outset_eyz3q_20 {
+  bottom: calc(-1 * var(--_puck-outline-drop-indicator-size));
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/LayerTree/components/empty-zone-placeholder/styles.module.css/#css-module-data */
+._LayerTree-helper_1niov_2 {
+  color: var(--puck-outline-color-text-helper, var(--puck-color-text-subtle));
+  padding-top: var(--puck-space-1);
+  padding-bottom: var(--puck-space-1);
+  padding-inline-start: var(--_puck-outline-label-indent);
+  border: var(--_puck-outline-border-width) solid transparent;
+}
+._LayerTree-helper_1niov_2[data-puck-drop-target] {
+  position: relative;
+  overflow: visible;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/LayerTree/components/layer/styles.module.css/#css-module-data */
+._Layer_1o110_1 {
   position: relative;
-  border: var(--puck-outline-border-width, var(--puck-border-width-regular)) solid transparent;
-  border-radius: var(--puck-outline-radius, var(--puck-radius-m));
+  border: var(--_puck-outline-border-width) solid transparent;
+  border-radius: var(--_puck-outline-radius);
 }
-._Layer-inner_1vltj_30 {
-  border: var(--puck-outline-border-width, var(--puck-border-width-regular)) solid transparent;
-  border-radius: var(--puck-outline-radius, var(--puck-radius-m));
+._Layer-inner_1o110_8 {
+  align-items: center;
+  border: var(--_puck-outline-border-width) solid transparent;
+  border-radius: var(--_puck-outline-radius);
+  cursor: pointer;
+  display: flex;
+  position: relative;
   transition: color var(--puck-duration-fast) var(--puck-ease-exit);
 }
-._Layer--containsZone_1vltj_37 > ._Layer-inner_1vltj_30 {
-  padding-inline-start: 0;
+._Layer--isSortable_1o110_18 > ._Layer-inner_1o110_8 {
+  cursor: grab;
 }
-._Layer-clickable_1vltj_41 {
+._Layer-content_1o110_22 {
+  display: flex;
+  gap: var(--puck-space-4);
+  flex: 1 1 auto;
+  min-width: 0;
+}
+._Layer-clickable_1o110_29 {
   align-items: center;
   background: none;
   border: 0;
-  border-radius: var(--puck-outline-radius, var(--puck-radius-m));
+  border-radius: var(--_puck-outline-radius);
   color: inherit;
-  cursor: pointer;
+  cursor: inherit;
   display: flex;
+  flex: 1 1 auto;
   font: inherit;
-  padding-inline-start: var(--puck-space-3);
-  padding-inline-end: var(--puck-space-1);
-  width: 100%;
+  min-width: 0;
+  padding: 0;
 }
-._Layer-clickable_1vltj_41:focus-visible {
+[data-puck-dnd-disabled] ._Layer-inner_1o110_8,
+[data-puck-dnd-disabled] ._Layer-clickable_1o110_29 {
+  cursor: pointer;
+}
+._Layer-clickable_1o110_29:focus-visible {
   outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
   outline-offset: var(--puck-border-width-focus);
   position: relative;
   z-index: 1;
 }
+._Layer-caret_1o110_57 {
+  visibility: hidden;
+  display: flex;
+  flex-shrink: 0;
+}
+._Layer-caret_1o110_57 svg {
+  height: var(--_puck-outline-caret-size);
+  width: var(--_puck-outline-caret-size);
+}
+._Layer--containsZone_1o110_68 > ._Layer-inner_1o110_8 > ._Layer-content_1o110_22 {
+  font-weight: var(--puck-font-weight-bold);
+}
+._Layer--containsZone_1o110_68 > ._Layer-inner_1o110_8 > ._Layer-caret_1o110_57 {
+  visibility: visible;
+}
+._Layer-title_1o110_76 {
+  display: flex;
+  gap: var(--puck-space-2);
+  align-items: center;
+  overflow-x: hidden;
+  margin: var(--puck-space-1);
+  cursor: pointer;
+}
+._Layer-name_1o110_85 {
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._Layer-icon_1o110_91 {
+  color: var(--puck-outline-color-icon, var(--puck-color-text-subtle));
+  margin-top: var(--puck-space-1);
+}
+._Layer-icon_1o110_91 svg {
+  height: var(--_puck-outline-icon-size);
+  width: var(--_puck-outline-icon-size);
+}
+._Layer-zones_1o110_101 {
+  display: none;
+  margin-inline-start: var(--puck-outline-space-indent, var(--puck-space-4));
+}
+._Layer--isExpanded_1o110_106 > ._Layer-zones_1o110_101 {
+  display: block;
+}
+._Layer--isExpanded_1o110_106 > ._Layer-inner_1o110_8 > ._Layer-caret_1o110_57 svg {
+  transform: rotate(90deg);
+}
 @media (hover: hover) and (pointer: fine) {
-  ._Layer_1vltj_1:not(._Layer--isSelected_1vltj_63) > ._Layer-inner_1vltj_30:hover {
-    border-color: var( --puck-outline-color-border-hover, var(--puck-color-interactive-subtle) );
-    background: var( --puck-outline-color-bg-hover, var(--puck-color-interactive-soft) );
-    color: var(--puck-outline-color-text-hover, var(--puck-color-interactive));
+  ._Layer_1o110_1:not(._Layer--isSelected_1o110_115) > ._Layer-inner_1o110_8:hover {
+    --_puck-outline-actions-color-bg: var(--_puck-outline-color-bg-hover);
+    border-color: var(--_puck-outline-color-border-hover);
+    background: var(--_puck-outline-color-bg-hover);
     transition: none;
   }
 }
-._Layer--isSelected_1vltj_63 {
+._Layer--isSelected_1o110_115 {
   border-color: var( --puck-outline-color-border-selected, var(--puck-color-selection-border) );
 }
-._Layer--isSelected_1vltj_63 > ._Layer-inner_1vltj_30 {
-  background: var( --puck-outline-color-bg-selected, var(--puck-color-interactive-subtle) );
+._Layer--isSelected_1o110_115 > ._Layer-inner_1o110_8 {
+  --_puck-outline-actions-color-bg: var(--_puck-outline-color-bg-selected);
+  background: var(--_puck-outline-color-bg-selected);
 }
-._Layer--isSelected_1vltj_63 > ._Layer-inner_1vltj_30 > ._Layer-clickable_1vltj_41 > ._Layer-chevron_1vltj_91,
-._Layer--childIsSelected_1vltj_92 > ._Layer-inner_1vltj_30 > ._Layer-clickable_1vltj_41 > ._Layer-chevron_1vltj_91 {
-  transform: scaleY(-1);
+._Layer--isExpandCandidate_1o110_138 > ._Layer-inner_1o110_8 {
+  border-color: var(--_puck-outline-color-border-hover);
+  background: var(--_puck-outline-color-bg-hover);
 }
-._Layer-zones_1vltj_96 {
-  display: none;
-  margin-inline-start: var(--puck-space-3);
+._Layer--isDragSource_1o110_143 > ._Layer-inner_1o110_8 {
+  color: var(--puck-color-text-muted);
+  background: transparent;
 }
-._Layer--isSelected_1vltj_63 > ._Layer-zones_1vltj_96,
-._Layer--childIsSelected_1vltj_92 > ._Layer-zones_1vltj_96 {
-  display: block;
+._Layer--isDragSource_1o110_143 > ._Layer-zones_1o110_101 {
+  opacity: 0.5;
 }
-._Layer-zones_1vltj_96 > ._LayerTree_1vltj_1 {
-  margin-inline-start: var(--puck-space-3);
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/LayerTree/components/layer-actions/styles.module.css/#css-module-data */
+._LayerActions_1m5z5_2 {
+  position: sticky;
+  inset-inline-end: calc(var(--puck-space-1) * -1);
+  padding-inline: var(--puck-space-1);
+  display: flex;
+  visibility: hidden;
+  flex-shrink: 0;
+  gap: var(--puck-space-1);
+  color: var(--_puck-outline-color-text);
+  background: var(--_puck-outline-actions-color-bg);
+}
+._LayerActions--visible_1m5z5_17 {
+  visibility: visible;
+}
+._LayerActions_1m5z5_2 svg {
+  height: var(--_puck-outline-caret-size);
+  width: var(--_puck-outline-caret-size);
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/LayerTree/components/layer-tree-items/styles.module.css/#css-module-data */
+._LayerTree_o5tyt_1 {
+  color: var(--_puck-outline-color-text);
+  font-family: var(--puck-outline-font-family, var(--puck-font-family));
+  font-size: var(--puck-outline-font-size, var(--puck-font-size-xxxs));
+  margin: 0;
+  position: relative;
+  list-style: none;
+  padding: 0;
+}
+._LayerTree--nested_o5tyt_12 {
+  margin-inline-start: var(--puck-outline-space-indent, var(--puck-space-3));
 }
-._Layer-title_1vltj_110,
-._LayerTree-zoneTitle_1vltj_11 {
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/LayerTree/components/layer-tree-zone/styles.module.css/#css-module-data */
+._LayerTree-zoneTitle_fvhlh_2 {
+  color: var(--_puck-outline-zone-color-text);
+  font-size: var( --puck-outline-zone-font-size, calc(var(--puck-font-size-xxxs) * 0.9) );
   display: flex;
   gap: var(--puck-space-2);
   align-items: center;
-  margin: var(--puck-space-2) var(--puck-space-1);
-  overflow-x: hidden;
-}
-._Layer-name_1vltj_119 {
   overflow-x: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  padding-top: var(--puck-space-1);
+  padding-bottom: var(--puck-space-1);
+  padding-inline-start: var(--_puck-outline-label-indent);
+  border: var(--_puck-outline-border-width) solid transparent;
 }
-._Layer-icon_1vltj_125 {
-  color: var(--puck-outline-color-icon, var(--puck-color-highlight));
+._LayerTree-zoneIcon_fvhlh_19 {
   margin-top: var(--puck-space-1);
 }
-._Layer-zoneIcon_1vltj_130 {
-  color: var(--puck-outline-zone-color-text, var(--puck-color-text-muted));
-  margin-top: var(--puck-space-1);
+._LayerTree-zoneIcon_fvhlh_19 svg {
+  height: var(--_puck-outline-icon-size);
+  width: var(--_puck-outline-icon-size);
+}
+._LayerTree-zoneTitle_fvhlh_2[data-puck-drop-target] {
+  color: var(--_puck-outline-color-text-hover);
+  position: relative;
+  overflow: visible;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/LayerTree/styles.module.css/#css-module-data */
+._LayerTreeRoot_kxnd1_1 {
+  min-width: max-content;
+  --_puck-iconbutton-color-bg-hover: transparent;
+  --_puck-outline-color-text: var( --puck-outline-color-text, var(--puck-color-text-secondary) );
+  --_puck-outline-border-width: var( --puck-outline-border-width, var(--puck-border-width-regular) );
+  --_puck-outline-radius: var(--puck-outline-radius, var(--puck-radius-m));
+  --_puck-outline-caret-size: var( --puck-outline-action-size, var(--puck-icon-size-s) );
+  --_puck-outline-icon-size: var( --puck-outline-icon-size, var(--puck-icon-size-xs) );
+  --_puck-outline-color-bg-selected: var( --puck-outline-color-bg-selected, var(--puck-color-interactive-subtle) );
+  --_puck-outline-color-bg-hover: var( --puck-outline-color-bg-hover, var(--puck-color-interactive-soft) );
+  --_puck-outline-color-border-hover: var( --puck-outline-color-border-hover, var(--puck-color-interactive-subtle) );
+  --_puck-outline-color-text-hover: var( --puck-outline-color-text-hover, var(--puck-color-interactive) );
+  --_puck-outline-color-drop-indicator: var( --puck-outline-color-drop-indicator, var(--puck-color-insertion-indicator) );
+  --_puck-outline-drop-indicator-size: var(--puck-border-width-focus);
+  --_puck-outline-zone-color-text: var( --puck-outline-zone-color-text, var(--puck-color-text-muted) );
+  --_puck-outline-actions-color-bg: transparent;
+  --_puck-outline-caret-slot: calc( var(--_puck-outline-caret-size) + var(--puck-iconbutton-space, var(--puck-space-1)) * 2 );
+  --_puck-outline-label-indent: calc( var(--_puck-outline-caret-slot) + var(--puck-space-1) + var(--_puck-outline-border-width) );
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Outline/components/collapse-all/styles.module.css/#css-module-data */
+._CollapseAll_1r4cy_1 {
+  visibility: hidden;
+}
+._CollapseAll-icon_1r4cy_5 {
+  height: var(--puck-icon-size-m);
+  width: var(--puck-icon-size-m);
+}
+._CollapseAll--visible_1r4cy_10 {
+  visibility: visible;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Outline/components/outline-header/styles.module.css/#css-module-data */
+._OutlineHeader_filq3_1 {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  gap: var(--puck-space-2);
+  padding-block: var(--puck-space-3);
+  padding-inline: var(--puck-space-4);
+  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
+  box-sizing: border-box;
+}
+._OutlineHeader-title_filq3_12 {
+  color: var(--puck-color-text-secondary);
+  font-size: var(--puck-font-size-xs);
+  font-weight: var(--puck-font-weight-regular);
+  line-height: var(--puck-line-height-m);
+  margin: 0;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Outline/styles.module.css/#css-module-data */
+._OutlineWrapper_b9ln0_1 {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  min-height: 0;
+  min-width: 0;
+}
+._OutlineWrapper-collapseAll_b9ln0_9 {
+  display: flex;
+  align-items: center;
+  margin-inline-start: auto;
+}
+._OutlineWrapper-layers_b9ln0_15 {
+  flex-grow: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: var(--puck-space-1);
+  box-sizing: border-box;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css/#css-module-data */
-._Puck_mr27u_19 {
+._Puck_tzaxg_19 {
   font-family: var(--puck-font-family);
   overflow-x: hidden;
   visibility: visible !important;
 }
 @media (min-width: 766px) {
-  ._Puck_mr27u_19 {
+  ._Puck_tzaxg_19 {
     overflow-x: auto;
   }
 }
-._Puck-portal_mr27u_31 {
+._Puck-portal_tzaxg_31 {
   position: relative;
   z-index: 2;
 }
-._PuckLayout_mr27u_36 {
+._PuckLayout_tzaxg_36 {
   height: 100dvh;
 }
-._PuckLayout-inner_mr27u_40 {
+._PuckLayout-inner_tzaxg_40 {
   --puck-frame-width: auto;
   --puck-pluginbar-width: min-content;
   --puck-sidebar-width: 0px;
@@ -1965,92 +2156,92 @@ body:has(._DropZone--isAnimating_ybznu_62:empty) [data-puck-overlay] {
   overflow: hidden;
 }
 @media (min-width: 638px) {
-  ._PuckLayout-inner_mr27u_40 {
+  ._PuckLayout-inner_tzaxg_40 {
     --puck-pluginbar-width: 68px;
     grid-template-areas: "header header header header" "sidenav left editor right";
     grid-template-columns: var(--puck-pluginbar-width) 0 var(--puck-frame-width) 0;
     grid-template-rows: min-content auto;
   }
-  ._Puck--hidePlugins_mr27u_73 ._PuckLayout-inner_mr27u_40 {
+  ._Puck--hidePlugins_tzaxg_73 ._PuckLayout-inner_tzaxg_40 {
     --puck-pluginbar-width: 0;
   }
 }
-._PuckLayout--mounted_mr27u_78 ._PuckLayout-inner_mr27u_40 {
+._PuckLayout--mounted_tzaxg_78 ._PuckLayout-inner_tzaxg_40 {
   --puck-sidebar-width: 186px;
 }
-._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40 {
+._PuckLayout--mobilePanelHeightToggle_tzaxg_82._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-inner_tzaxg_40 {
   grid-template-rows: 0 auto 30% 0 var(--puck-pluginbar-width);
   transition: grid-template-rows var(--puck-duration-medium) var(--puck-ease-entrance);
 }
-._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--isExpanded_mr27u_90 ._PuckLayout-inner_mr27u_40 {
+._PuckLayout--mobilePanelHeightToggle_tzaxg_82._PuckLayout--leftSideBarVisible_tzaxg_82._PuckLayout--isExpanded_tzaxg_90 ._PuckLayout-inner_tzaxg_40 {
   grid-template-rows: 0 auto 55% 0 var(--puck-pluginbar-width);
   transition: grid-template-rows var(--puck-duration-medium) var(--puck-ease-entrance);
 }
 @media (min-width: 638px) {
-  ._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40 {
+  ._PuckLayout--mobilePanelHeightToggle_tzaxg_82._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-inner_tzaxg_40 {
     grid-template-columns: var(--puck-pluginbar-width) var(--puck-sidebar-left-width) var( --puck-frame-width ) 0;
     grid-template-rows: min-content auto;
   }
 }
-._PuckLayout--mobilePanelHeightMinContent_mr27u_110._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40,
-._PuckLayout--mobilePanelHeightMinContent_mr27u_110._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--isExpanded_mr27u_90 ._PuckLayout-inner_mr27u_40 {
+._PuckLayout--mobilePanelHeightMinContent_tzaxg_110._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-inner_tzaxg_40,
+._PuckLayout--mobilePanelHeightMinContent_tzaxg_110._PuckLayout--leftSideBarVisible_tzaxg_82._PuckLayout--isExpanded_tzaxg_90 ._PuckLayout-inner_tzaxg_40 {
   grid-template-rows: 0 auto min-content 0 var(--puck-pluginbar-width);
 }
 @media (min-width: 638px) {
-  ._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40,
-  ._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--isExpanded_mr27u_90 ._PuckLayout-inner_mr27u_40,
-  ._PuckLayout--mobilePanelHeightMinContent_mr27u_110._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40,
-  ._PuckLayout--mobilePanelHeightMinContent_mr27u_110._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--isExpanded_mr27u_90 ._PuckLayout-inner_mr27u_40 {
+  ._PuckLayout--mobilePanelHeightToggle_tzaxg_82._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-inner_tzaxg_40,
+  ._PuckLayout--mobilePanelHeightToggle_tzaxg_82._PuckLayout--leftSideBarVisible_tzaxg_82._PuckLayout--isExpanded_tzaxg_90 ._PuckLayout-inner_tzaxg_40,
+  ._PuckLayout--mobilePanelHeightMinContent_tzaxg_110._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-inner_tzaxg_40,
+  ._PuckLayout--mobilePanelHeightMinContent_tzaxg_110._PuckLayout--leftSideBarVisible_tzaxg_82._PuckLayout--isExpanded_tzaxg_90 ._PuckLayout-inner_tzaxg_40 {
     grid-template-columns: var(--puck-pluginbar-width) var(--puck-sidebar-left-width) var( --puck-frame-width ) 0;
     grid-template-rows: min-content auto;
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout--rightSideBarVisible_mr27u_137 ._PuckLayout-inner_mr27u_40 {
+  ._PuckLayout--rightSideBarVisible_tzaxg_137 ._PuckLayout-inner_tzaxg_40 {
     grid-template-columns: var(--puck-pluginbar-width) 0 var(--puck-frame-width) var(--puck-sidebar-right-width);
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--rightSideBarVisible_mr27u_137 ._PuckLayout-inner_mr27u_40 {
+  ._PuckLayout--leftSideBarVisible_tzaxg_82._PuckLayout--rightSideBarVisible_tzaxg_137 ._PuckLayout-inner_tzaxg_40 {
     grid-template-columns: var(--puck-pluginbar-width) var(--puck-sidebar-left-width) var( --puck-frame-width ) var(--puck-sidebar-right-width);
   }
 }
 @media (min-width: 458px) {
-  ._PuckLayout-mounted_mr27u_156 ._PuckLayout-inner_mr27u_40 {
+  ._PuckLayout-mounted_tzaxg_156 ._PuckLayout-inner_tzaxg_40 {
     --puck-frame-width: minmax(266px, auto);
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 {
+  ._PuckLayout_tzaxg_36 ._PuckLayout-inner_tzaxg_40 {
     --puck-sidebar-width: minmax(186px, 250px);
   }
 }
 @media (min-width: 766px) {
-  ._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 {
+  ._PuckLayout_tzaxg_36 ._PuckLayout-inner_tzaxg_40 {
     --puck-frame-width: auto;
   }
 }
 @media (min-width: 990px) {
-  ._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 {
+  ._PuckLayout_tzaxg_36 ._PuckLayout-inner_tzaxg_40 {
     --puck-sidebar-width: 256px;
   }
 }
 @media (min-width: 1198px) {
-  ._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 {
+  ._PuckLayout_tzaxg_36 ._PuckLayout-inner_tzaxg_40 {
     --puck-sidebar-width: 274px;
   }
 }
 @media (min-width: 1398px) {
-  ._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 {
+  ._PuckLayout_tzaxg_36 ._PuckLayout-inner_tzaxg_40 {
     --puck-sidebar-width: 290px;
   }
 }
 @media (min-width: 1598px) {
-  ._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 {
+  ._PuckLayout_tzaxg_36 ._PuckLayout-inner_tzaxg_40 {
     --puck-sidebar-width: 320px;
   }
 }
-._PuckLayout-nav_mr27u_197 {
+._PuckLayout-nav_tzaxg_197 {
   border-top: var(--puck-border-width-regular) solid var(--puck-color-border);
   background-color: var( --puck-pluginbar-color-bg, var(--puck-color-surface-subtle) );
   grid-area: sidenav;
@@ -2058,35 +2249,39 @@ body:has(._DropZone--isAnimating_ybznu_62:empty) [data-puck-overlay] {
   width: 100%;
 }
 @media (min-width: 638px) {
-  ._PuckLayout-nav_mr27u_197 {
+  ._PuckLayout-nav_tzaxg_197 {
     border-top: 0;
     border-right: var(--puck-border-width-regular) solid var(--puck-color-border);
     box-sizing: border-box;
   }
 }
-._PuckLayout-header_mr27u_217 {
+._PuckLayout-header_tzaxg_217 {
   grid-area: header;
 }
-._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-header_mr27u_217 {
+._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-header_tzaxg_217 {
   overflow: hidden;
 }
 @media (min-width: 638px) {
-  ._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-header_mr27u_217 {
+  ._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-header_tzaxg_217 {
     overflow: auto;
   }
 }
-._PuckPluginTab_mr27u_231 {
+._PuckPluginTab_tzaxg_231 {
   display: none;
   flex-grow: 1;
   max-height: 100%;
 }
-._PuckPluginTab--visible_mr27u_237 {
+._PuckPluginTab--visible_tzaxg_237 {
   display: flex;
   flex-direction: column;
+  min-height: 0;
 }
-._PuckPluginTab-body_mr27u_242 {
+._PuckPluginTab-body_tzaxg_243 {
+  display: flex;
+  flex-direction: column;
   flex-grow: 1;
   max-height: 100%;
+  min-height: 0;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/MenuBar/styles.module.css/#css-module-data */
@@ -2727,11 +2922,13 @@ body:has(._DropZone--isAnimating_ybznu_62:empty) [data-puck-overlay] {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/plugins/outline/styles.module.css/#css-module-data */
-._OutlinePlugin_16k03_1 {
-  padding: var(--puck-space-4);
-  height: 100%;
-  overflow-y: auto;
-  box-sizing: border-box;
+._OutlinePlugin_1ylsc_1 {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  min-height: 0;
+  min-width: 0;
+  position: relative;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/plugins/fields/styles.module.css/#css-module-data */