@measured/puck 0.21.0-canary.bd7b613d → 0.21.0-canary.be633f20

package/dist/index.css

@@ -147,7 +147,7 @@
 /* bundle/index.css */
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
-._ActionBar_rvadt_1 {
+._ActionBar_1nmyk_1 {
   align-items: center;
   cursor: default;
   display: flex;
@@ -163,7 +163,7 @@
   font-family: var(--puck-font-family);
   min-height: 26px;
 }
-._ActionBar-label_rvadt_18 {
+._ActionBar-label_1nmyk_18 {
   color: var(--puck-color-grey-08);
   font-size: var(--puck-font-size-xxxs);
   font-weight: 500;
@@ -174,13 +174,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._ActionBar-action_rvadt_30 + ._ActionBar-label_rvadt_18 {
+._ActionBarAction_1nmyk_30 + ._ActionBar-label_1nmyk_18 {
   padding-inline-start: 0;
 }
-._ActionBar-label_rvadt_18 + ._ActionBar-action_rvadt_30 {
+._ActionBar-label_1nmyk_18 + ._ActionBarAction_1nmyk_30 {
   margin-inline-start: -4px;
 }
-._ActionBar-group_rvadt_38 {
+._ActionBar-group_1nmyk_38 {
   align-items: center;
   border-inline-start: 0.5px solid var(--puck-color-grey-05);
   display: flex;
@@ -188,18 +188,18 @@
   padding-inline-start: 4px;
   padding-inline-end: 4px;
 }
-._ActionBar-group_rvadt_38:first-of-type {
+._ActionBar-group_1nmyk_38:first-of-type {
   border-inline-start: 0;
 }
-._ActionBar-group_rvadt_38:empty {
+._ActionBar-group_1nmyk_38:empty {
   display: none;
 }
-._ActionBar-action_rvadt_30 {
+._ActionBarAction_1nmyk_30 {
   background: transparent;
   border: none;
   color: var(--puck-color-grey-08);
   cursor: pointer;
-  padding: 6px 8px;
+  padding: 6px;
   margin-inline-start: 4px;
   margin-inline-end: 4px;
   border-radius: 4px;
@@ -209,26 +209,37 @@
   justify-content: center;
   transition: color 50ms ease-in;
 }
-._ActionBar-action_rvadt_30 svg {
+._ActionBarAction--disabled_1nmyk_71 {
+  cursor: auto;
+  color: var(--puck-color-grey-06);
+}
+._ActionBarAction_1nmyk_30 svg {
   max-width: none !important;
 }
-._ActionBar-action_rvadt_30:focus-visible {
+._ActionBarAction_1nmyk_30:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: -2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ActionBar-action_rvadt_30:hover {
+  ._ActionBarAction_1nmyk_30:hover:not(._ActionBarAction--disabled_1nmyk_71) {
     color: var(--puck-color-azure-06);
     transition: none;
   }
 }
-._ActionBar-action_rvadt_30:active {
+._ActionBarAction_1nmyk_30:active:not(._ActionBarAction--disabled_1nmyk_71),
+._ActionBarAction--active_1nmyk_93 {
   color: var(--puck-color-azure-07);
   transition: none;
 }
-._ActionBar-group_rvadt_38 * {
+._ActionBar-group_1nmyk_38 * {
   margin: 0;
 }
+._ActionBar-separator_1nmyk_102 {
+  background: var(--puck-color-grey-05);
+  margin-inline: 4px;
+  width: 0.5px;
+  height: 100%;
+}
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
 ._InputWrapper_bsxfo_1 + ._InputWrapper_bsxfo_1 {
@@ -545,7 +556,7 @@ textarea._Input-input_bsxfo_26 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_swpni_1 {
+._IconButton_ffob9_1 {
   align-items: center;
   background: transparent;
   border: none;
@@ -557,23 +568,26 @@ textarea._Input-input_bsxfo_26 {
   padding: 4px;
   transition: background-color 50ms ease-in, color 50ms ease-in;
 }
-._IconButton_swpni_1:focus-visible {
+._IconButton--active_ffob9_14 {
+  color: var(--puck-color-azure-04);
+}
+._IconButton_ffob9_1:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: -2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._IconButton_swpni_1:hover:not(._IconButton--disabled_swpni_20) {
-    background: var(--puck-color-azure-12);
+  ._IconButton_ffob9_1:hover:not(._IconButton--disabled_ffob9_24) {
+    background: var(--puck-color-grey-10);
     color: var(--puck-color-azure-04);
     cursor: pointer;
     transition: none;
   }
 }
-._IconButton_swpni_1:active {
+._IconButton_ffob9_1:active {
   background: var(--puck-color-azure-11);
   transition: none;
 }
-._IconButton-title_swpni_33 {
+._IconButton-title_ffob9_37 {
   clip: rect(0 0 0 0);
   clip-path: inset(100%);
   height: 1px;
@@ -582,7 +596,7 @@ textarea._Input-input_bsxfo_26 {
   white-space: nowrap;
   width: 1px;
 }
-._IconButton--disabled_swpni_20 {
+._IconButton--disabled_ffob9_24 {
   color: var(--puck-color-grey-07);
 }
 
@@ -1084,6 +1098,249 @@ textarea._Input-input_bsxfo_26 {
   padding-inline-start: 8px;
 }
 
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
+._RichTextMenu_k97eh_1 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+._RichTextMenu--form_k97eh_7 {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  padding: 6px 6px;
+  background-color: var(--puck-color-grey-12);
+  position: relative;
+  scrollbar-width: none;
+  overflow-x: auto;
+}
+._RichTextMenu-group_k97eh_17 {
+  display: flex;
+  align-items: space-between;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  padding-inline: 6px;
+  gap: 2px;
+  position: relative;
+}
+._RichTextMenu-group_k97eh_17:first-of-type {
+  padding-left: 0;
+}
+._RichTextMenu-group_k97eh_17:last-of-type {
+  padding-right: 0;
+}
+._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 {
+  color: var(--puck-color-grey-08);
+  gap: 0px;
+  flex-wrap: nowrap;
+}
+._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
+  border-left: 1px solid var(--puck-color-grey-10);
+}
+._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
+  border-left: 0.5px solid var(--puck-color-grey-05);
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
+._Control_1aveu_1 .lucide {
+  height: 18px;
+  width: 18px;
+}
+._Control--inline_1aveu_6 .lucide {
+  height: 16px;
+  width: 16px;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Select/styles.module.css/#css-module-data */
+._Select_xjbef_1 {
+  position: relative;
+  z-index: 1;
+}
+._Select-button_xjbef_6 {
+  align-items: center;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  display: flex;
+  justify-content: center;
+  gap: 0px;
+  height: 100%;
+  padding: 4px;
+  padding-right: 2px;
+}
+._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6 {
+  color: currentColor;
+}
+._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6 {
+  cursor: pointer;
+}
+._Select-buttonIcon_xjbef_27 {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+._Select--standalone_xjbef_33 ._Select-buttonIcon_xjbef_27 .lucide {
+  height: 18px;
+  width: 18px;
+}
+._Select--actionBar_xjbef_38 ._Select-buttonIcon_xjbef_27 .lucide {
+  height: 16px;
+  width: 16px;
+}
+._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6:hover,
+._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
+  background: var(--puck-color-grey-10);
+  color: var(--puck-color-azure-04);
+}
+._Select--disabled_xjbef_23 ._Select-button_xjbef_6 {
+  color: var(--puck-color-grey-07);
+}
+._Select--actionBar_xjbef_38 {
+  &._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6:hover,
+  &._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
+    background: none;
+    color: var(--puck-color-azure-07);
+  }
+}
+._Select-items_xjbef_61 {
+  background: white;
+  border: 1px solid var(--puck-color-grey-09);
+  border-radius: 8px;
+  margin: 10px 8px;
+  margin-left: 0;
+  padding: 4px;
+  z-index: 2;
+  list-style: none;
+}
+._SelectItem_xjbef_72 {
+  background: transparent;
+  border-radius: 4px;
+  border: none;
+  color: var(--puck-color-grey-04);
+  cursor: pointer;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: var(--puck-font-size-xxs);
+  margin: 0;
+  padding: 8px 12px;
+  width: 100%;
+}
+._SelectItem--isSelected_xjbef_87 {
+  background: var(--puck-color-azure-11);
+  color: var(--puck-color-azure-04);
+  font-weight: 500;
+}
+._SelectItem--isSelected_xjbef_87 ._SelectItem-icon_xjbef_93 {
+  color: var(--puck-color-azure-04);
+}
+._SelectItem_xjbef_72:hover {
+  background: var(--puck-color-azure-11);
+  color: var(--puck-color-azure-04);
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
+._RichTextEditor_z25h4_1 .ProseMirror {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  cursor: text;
+  outline: none;
+  position: relative;
+}
+._RichTextEditor_z25h4_1 .rich-text * {
+  white-space: pre-wrap;
+  user-select: auto;
+  -webkit-user-select: auto;
+}
+._RichTextEditor_z25h4_1 .rich-text blockquote {
+  margin: 1em 0;
+  padding: 0 1em;
+  border-left: 4px solid var(--puck-color-grey-09);
+}
+._RichTextEditor_z25h4_1 .rich-text code {
+  background-color: var(--puck-color-grey-11);
+  padding: 4px 8px;
+  border-radius: 4px;
+}
+._RichTextEditor_z25h4_1 .rich-text p:empty::before {
+  content: "\a0";
+}
+._RichTextEditor_z25h4_1 .rich-text pre code {
+  display: block;
+  padding: 8px 12px;
+}
+._RichTextEditor_z25h4_1 .rich-text > *:first-child,
+._RichTextEditor_z25h4_1 .ProseMirror > *:first-child,
+._RichTextEditor_z25h4_1 .rich-text * p:first-of-type {
+  margin-top: 0;
+}
+._RichTextEditor_z25h4_1 .rich-text > *:last-child,
+._RichTextEditor_z25h4_1 .ProseMirror > *:last-child,
+._RichTextEditor_z25h4_1 .rich-text * p:last-of-type {
+  margin-bottom: 0;
+}
+._RichTextEditor--editor_z25h4_50 {
+  background: var(--puck-color-white);
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--puck-color-grey-09);
+  border-radius: 4px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: inherit;
+  font-size: var(--puck-font-size-xxs);
+  resize: vertical;
+  text-align: initial;
+  transition: border-color 50ms ease-in;
+  width: 100%;
+  max-width: 100%;
+  min-height: 128px;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text {
+  flex-grow: 1;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_z25h4_50 .rich-text .ProseMirror {
+  height: 100%;
+  padding: 12px 15px;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text ul,
+._RichTextEditor--editor_z25h4_50 .rich-text ol {
+  padding-left: 24px;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text li {
+  line-height: 1.5;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text p {
+  margin-block: 12px;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text ul {
+  list-style: disc;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text ol {
+  list-style: decimal;
+}
+._RichTextEditor--editor_z25h4_50:focus-within {
+  border-color: var(--puck-color-grey-05);
+  outline: 2px solid var(--puck-color-azure-05);
+  transition: none;
+}
+._RichTextEditor--editor_z25h4_50._RichTextEditor--disabled_z25h4_107 {
+  background: var(--puck-color-grey-11);
+}
+._RichTextEditor_z25h4_1:not(:focus-within):not(._RichTextEditor--isActive_z25h4_111) .ProseMirror ::selection {
+  background-color: transparent;
+}
+._RichTextEditor-menu_z25h4_117 {
+  border-bottom: 1px solid var(--puck-color-grey-10);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+._RichTextEditor--disabled_z25h4_107 ._RichTextEditor-menu_z25h4_117 {
+  border-bottom: 1px solid var(--puck-color-grey-09);
+}
+
 /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */
 ._ObjectField_1ua3y_5 {
   display: flex;
@@ -1326,21 +1583,22 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   outline-offset: 2px;
 }
 [data-puck-overlay-portal]:focus-within {
-  outline: 2px var(--puck-color-azure-07) solid;
+  outline: 2px var(--puck-color-azure-07) dashed;
   outline-offset: 2px;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/InlineTextField/styles.module.css/#css-module-data */
-._InlineTextField_1xph6_1 {
+._InlineTextField_104qp_1 {
   cursor: text;
   display: inline-block;
   white-space: pre-wrap;
+  text-decoration: inherit;
 }
-[data-dnd-dragging] ._InlineTextField_1xph6_1 {
+[data-dnd-dragging] ._InlineTextField_104qp_1 {
   cursor: none;
   caret-color: transparent;
 }
-[data-dnd-dragging] ._InlineTextField_1xph6_1::selection {
+[data-dnd-dragging] ._InlineTextField_104qp_1::selection {
   display: none;
 }
 
@@ -1435,14 +1693,6 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   margin-inline-start: auto;
 }
 
-/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Components/styles.module.css/#css-module-data */
-._Components_3pbdy_1 {
-  padding: 16px;
-  height: 100%;
-  overflow-y: auto;
-  box-sizing: border-box;
-}
-
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Preview/styles.module.css/#css-module-data */
 ._PuckPreview_z2rgu_1 {
   position: relative;
@@ -1557,33 +1807,25 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   margin-top: 4px;
 }
 
-/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Outline/styles.module.css/#css-module-data */
-._Outline_cvjlj_1 {
-  padding: 16px;
-  height: 100%;
-  overflow-y: auto;
-  box-sizing: border-box;
-}
-
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css/#css-module-data */
-._Puck_hv23j_19 {
+._Puck_1dd16_19 {
   --puck-space-px: 16px;
   font-family: var(--puck-font-family);
   overflow-x: hidden;
 }
 @media (min-width: 766px) {
-  ._Puck_hv23j_19 {
+  ._Puck_1dd16_19 {
     overflow-x: auto;
   }
 }
-._Puck-portal_hv23j_31 {
+._Puck-portal_1dd16_31 {
   position: relative;
   z-index: 2;
 }
-._PuckLayout_hv23j_36 {
-  height: 100%;
+._PuckLayout_1dd16_36 {
+  height: 100dvh;
 }
-._PuckLayout-inner_hv23j_40 {
+._PuckLayout-inner_1dd16_40 {
   --puck-frame-width: auto;
   --puck-side-nav-width: min-content;
   --puck-side-bar-width: 0px;
@@ -1601,87 +1843,90 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   overflow: hidden;
 }
 @media (min-width: 638px) {
-  ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout-inner_1dd16_40 {
     --puck-side-nav-width: 68px;
     grid-template-areas: "header header header header" "sidenav left editor right";
     grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) 0;
     grid-template-rows: min-content auto;
   }
+  ._Puck--hidePlugins_1dd16_72 ._PuckLayout-inner_1dd16_40 {
+    --puck-side-nav-width: 0;
+  }
 }
-._PuckLayout--mounted_hv23j_73 ._PuckLayout-inner_hv23j_40 {
+._PuckLayout--mounted_1dd16_77 ._PuckLayout-inner_1dd16_40 {
   --puck-side-bar-width: 186px;
 }
-._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40 {
+._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40 {
   grid-template-rows: 0 auto 30% 0 var(--puck-side-nav-width);
 }
-._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40 {
+._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--isExpanded_1dd16_87 ._PuckLayout-inner_1dd16_40 {
   grid-template-rows: 0 auto 55% 0 var(--puck-side-nav-width);
 }
 @media (min-width: 638px) {
-  ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40 {
     grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
     grid-template-rows: min-content auto;
   }
 }
-._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40,
-._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40 {
+._PuckLayout--mobilePanelHeightMinContent_1dd16_105._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40,
+._PuckLayout--mobilePanelHeightMinContent_1dd16_105._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--isExpanded_1dd16_87 ._PuckLayout-inner_1dd16_40 {
   grid-template-rows: 0 auto min-content 0 var(--puck-side-nav-width);
 }
 @media (min-width: 638px) {
-  ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40,
-  ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40,
-  ._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40,
-  ._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40,
+  ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--isExpanded_1dd16_87 ._PuckLayout-inner_1dd16_40,
+  ._PuckLayout--mobilePanelHeightMinContent_1dd16_105._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40,
+  ._PuckLayout--mobilePanelHeightMinContent_1dd16_105._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--isExpanded_1dd16_87 ._PuckLayout-inner_1dd16_40 {
     grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
     grid-template-rows: min-content auto;
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout--rightSideBarVisible_hv23j_128 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout--rightSideBarVisible_1dd16_132 ._PuckLayout-inner_1dd16_40 {
     grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) var(--puck-right-side-bar-width);
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--rightSideBarVisible_hv23j_128 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--rightSideBarVisible_1dd16_132 ._PuckLayout-inner_1dd16_40 {
     grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) var(--puck-right-side-bar-width);
   }
 }
 @media (min-width: 458px) {
-  ._PuckLayout-mounted_hv23j_147 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout-mounted_1dd16_151 ._PuckLayout-inner_1dd16_40 {
     --puck-frame-width: minmax(266px, auto);
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
     --puck-side-bar-width: minmax(186px, 250px);
   }
 }
 @media (min-width: 766px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
     --puck-frame-width: auto;
   }
 }
 @media (min-width: 990px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
     --puck-side-bar-width: 256px;
   }
 }
 @media (min-width: 1198px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
     --puck-side-bar-width: 274px;
   }
 }
 @media (min-width: 1398px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
     --puck-side-bar-width: 290px;
   }
 }
 @media (min-width: 1598px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
     --puck-side-bar-width: 320px;
   }
 }
-._PuckLayout-nav_hv23j_188 {
+._PuckLayout-nav_1dd16_192 {
   border-top: 1px solid var(--puck-color-grey-09);
   background-color: var(--puck-color-grey-12);
   grid-area: sidenav;
@@ -1689,35 +1934,35 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   width: 100%;
 }
 @media (min-width: 638px) {
-  ._PuckLayout-nav_hv23j_188 {
+  ._PuckLayout-nav_1dd16_192 {
     border-top: 0;
     border-right: 1px solid var(--puck-color-grey-09);
     box-sizing: border-box;
   }
 }
-._PuckLayout-header_hv23j_204 {
+._PuckLayout-header_1dd16_208 {
   grid-area: header;
 }
-._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-header_hv23j_204 {
+._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-header_1dd16_208 {
   overflow: hidden;
 }
 @media (min-width: 638px) {
-  ._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-header_hv23j_204 {
+  ._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-header_1dd16_208 {
     overflow: auto;
   }
 }
-._PuckPluginTab_hv23j_218 {
+._PuckPluginTab_1dd16_222 {
   display: none;
   flex-grow: 1;
-  overflow: hidden;
+  max-height: 100%;
 }
-._PuckPluginTab--visible_hv23j_224 {
+._PuckPluginTab--visible_1dd16_228 {
   display: flex;
   flex-direction: column;
 }
-._PuckPluginTab-body_hv23j_229 {
+._PuckPluginTab-body_1dd16_233 {
   flex-grow: 1;
-  overflow: hidden;
+  max-height: 100%;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/MenuBar/styles.module.css/#css-module-data */
@@ -1765,7 +2010,7 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Header/styles.module.css/#css-module-data */
-._PuckHeader_1bhmt_1 {
+._PuckHeader_63pti_1 {
   background: var(--puck-color-white);
   border-bottom: 1px solid var(--puck-color-grey-09);
   color: var(--puck-color-black);
@@ -1774,11 +2019,14 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   max-width: 100vw;
 }
 @media (min-width: 638px) {
-  ._PuckHeader_1bhmt_1 {
+  ._PuckHeader_63pti_1 {
     padding-left: 67px;
   }
+  ._PuckHeader--hidePlugins_63pti_15 {
+    padding-left: 0;
+  }
 }
-._PuckHeader-inner_1bhmt_16 {
+._PuckHeader-inner_63pti_20 {
   align-items: end;
   display: grid;
   gap: var(--puck-space-px);
@@ -1788,91 +2036,88 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   padding: var(--puck-space-px);
 }
 @media (min-width: 638px) {
-  ._PuckHeader-inner_1bhmt_16 {
+  ._PuckHeader-inner_63pti_20 {
     border-left: 1px solid var(--puck-color-grey-09);
   }
+  ._PuckHeader--hidePlugins_63pti_15 ._PuckHeader-inner_63pti_20 {
+    border-left: none;
+  }
 }
-._PuckHeader-toggle_1bhmt_32 {
+._PuckHeader-toggle_63pti_40 {
   color: var(--puck-color-grey-05);
   display: flex;
   margin-inline-start: -4px;
   padding-top: 2px;
 }
-._PuckHeader--rightSideBarVisible_1bhmt_39 ._PuckHeader-rightSideBarToggle_1bhmt_39,
-._PuckHeader--leftSideBarVisible_1bhmt_40 ._PuckHeader-leftSideBarToggle_1bhmt_40 {
+._PuckHeader--rightSideBarVisible_63pti_47 ._PuckHeader-rightSideBarToggle_63pti_47,
+._PuckHeader--leftSideBarVisible_63pti_48 ._PuckHeader-leftSideBarToggle_63pti_48 {
   color: var(--puck-color-black);
 }
-._PuckHeader-rightSideBarToggle_1bhmt_39,
-._PuckHeader-leftSideBarToggle_1bhmt_40 {
+._PuckHeader-rightSideBarToggle_63pti_47,
+._PuckHeader-leftSideBarToggle_63pti_48 {
   display: none;
 }
 @media (min-width: 638px) {
-  ._PuckHeader-rightSideBarToggle_1bhmt_39,
-  ._PuckHeader-leftSideBarToggle_1bhmt_40 {
+  ._PuckHeader-rightSideBarToggle_63pti_47,
+  ._PuckHeader-leftSideBarToggle_63pti_48 {
     display: block;
   }
 }
-._PuckHeader-title_1bhmt_56 {
+._PuckHeader-title_63pti_64 {
   align-self: center;
 }
-._PuckHeader-path_1bhmt_60 {
+._PuckHeader-path_63pti_68 {
   font-family: var(--puck-font-family-monospaced);
   font-size: var(--puck-font-size-xxs);
   font-weight: normal;
   word-break: break-all;
 }
-._PuckHeader-tools_1bhmt_67 {
+._PuckHeader-tools_63pti_75 {
   display: flex;
   gap: 16px;
   justify-content: flex-end;
 }
-._PuckHeader-menuButton_1bhmt_73 {
+._PuckHeader-menuButton_63pti_81 {
   color: var(--puck-color-grey-05);
   margin-inline-start: -4px;
 }
-._PuckHeader--menuOpen_1bhmt_78 ._PuckHeader-menuButton_1bhmt_73 {
+._PuckHeader--menuOpen_63pti_86 ._PuckHeader-menuButton_63pti_81 {
   color: var(--puck-color-black);
 }
 @media (min-width: 638px) {
-  ._PuckHeader-menuButton_1bhmt_73 {
+  ._PuckHeader-menuButton_63pti_81 {
     display: none;
   }
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
-._SidebarSection_8boj8_1 {
+._SidebarSection_5otpt_1 {
   display: flex;
   position: relative;
   flex-direction: column;
   color: var(--puck-color-black);
 }
-._SidebarSection_8boj8_1:last-of-type {
+._SidebarSection_5otpt_1:last-of-type {
   flex-grow: 1;
 }
-._SidebarSection-title_8boj8_12 {
+._SidebarSection-title_5otpt_12 {
   background: var(--puck-color-white);
   padding: 16px;
   border-bottom: 1px solid var(--puck-color-grey-09);
   border-top: 1px solid var(--puck-color-grey-09);
   overflow-x: auto;
 }
-._SidebarSection--noBorderTop_8boj8_20 > ._SidebarSection-title_8boj8_12 {
+._SidebarSection--noBorderTop_5otpt_20 > ._SidebarSection-title_5otpt_12 {
   border-top: 0px;
 }
-._SidebarSection-content_8boj8_24 {
-  padding: 16px;
-}
-._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24 {
-  padding: 0px;
-}
-._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24:last-child {
+._SidebarSection-content_5otpt_24:last-child {
   padding-bottom: 4px;
 }
-._SidebarSection_8boj8_1:last-of-type ._SidebarSection-content_8boj8_24 {
+._SidebarSection_5otpt_1:last-of-type ._SidebarSection-content_5otpt_24 {
   border-bottom: none;
   flex-grow: 1;
 }
-._SidebarSection-breadcrumbLabel_8boj8_41 {
+._SidebarSection-breadcrumbLabel_5otpt_33 {
   background: none;
   border: 0;
   border-radius: 2px;
@@ -1883,34 +2128,34 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   padding: 0;
   transition: color 50ms ease-in;
 }
-._SidebarSection-breadcrumbLabel_8boj8_41:focus-visible {
+._SidebarSection-breadcrumbLabel_5otpt_33:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._SidebarSection-breadcrumbLabel_8boj8_41:hover {
+  ._SidebarSection-breadcrumbLabel_5otpt_33:hover {
     color: var(--puck-color-azure-03);
     transition: none;
   }
 }
-._SidebarSection-breadcrumbLabel_8boj8_41:active {
+._SidebarSection-breadcrumbLabel_5otpt_33:active {
   color: var(--puck-color-azure-02);
   transition: none;
 }
-._SidebarSection-breadcrumbs_8boj8_70 {
+._SidebarSection-breadcrumbs_5otpt_62 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-breadcrumb_8boj8_41 {
+._SidebarSection-breadcrumb_5otpt_33 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-heading_8boj8_82 {
+._SidebarSection-heading_5otpt_74 {
   padding-inline-end: 16px;
 }
-._SidebarSection-loadingOverlay_8boj8_86 {
+._SidebarSection-loadingOverlay_5otpt_78 {
   background: var(--puck-color-white);
   display: flex;
   justify-content: center;
@@ -2231,10 +2476,10 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Nav/styles.module.css/#css-module-data */
-._Nav_3nnxc_1 {
+._Nav_1tvxq_1 {
   display: flex;
 }
-._Nav-list_3nnxc_5 {
+._Nav-list_1tvxq_5 {
   display: flex;
   list-style: none;
   margin: 0;
@@ -2243,14 +2488,14 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   gap: 8px;
 }
 @media (min-width: 638px) {
-  ._Nav-list_3nnxc_5 {
+  ._Nav-list_1tvxq_5 {
     padding-top: 32px;
     flex-direction: column;
     gap: 16px;
     width: 100%;
   }
 }
-._Nav-mobileActions_3nnxc_23 {
+._Nav-mobileActions_1tvxq_23 {
   align-items: center;
   display: flex;
   justify-content: center;
@@ -2259,11 +2504,12 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   border-inline-start: 1px solid var(--puck-color-grey-09);
 }
 @media (min-width: 638px) {
-  ._Nav-mobileActions_3nnxc_23 {
+  ._Nav-mobileActions_1tvxq_23 {
     display: none;
   }
 }
-._NavItem-link_3nnxc_38 {
+._NavItem-link_1tvxq_38 {
+  text-align: center;
   align-items: center;
   color: var(--puck-color-grey-03);
   display: flex;
@@ -2276,23 +2522,23 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   box-sizing: border-box;
 }
 @media (min-width: 638px) {
-  ._NavItem-link_3nnxc_38 {
+  ._NavItem-link_1tvxq_38 {
     width: auto;
   }
 }
-._NavItem_3nnxc_38:first-of-type {
+._NavItem_1tvxq_38:first-of-type {
   padding-left: 16px;
 }
-._NavItem_3nnxc_38:last-of-type {
+._NavItem_1tvxq_38:last-of-type {
   padding-right: 16px;
 }
 @media (min-width: 638px) {
-  ._NavItem_3nnxc_38:first-of-type,
-  ._NavItem_3nnxc_38:last-of-type {
+  ._NavItem_1tvxq_38:first-of-type,
+  ._NavItem_1tvxq_38:last-of-type {
     padding: 0;
   }
 }
-._NavItem-link_3nnxc_38 {
+._NavItem-link_1tvxq_38 {
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-radius: 0;
@@ -2300,22 +2546,22 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   font-size: var(--puck-font-size-xxxs);
 }
 @media (min-width: 638px) {
-  ._NavItem-link_3nnxc_38 {
+  ._NavItem-link_1tvxq_38 {
     border: 0;
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
   }
 }
-._NavItem-linkIcon_3nnxc_88 {
+._NavItem-linkIcon_1tvxq_89 {
   height: 24px;
   width: 24px;
 }
-._NavItem--active_3nnxc_93 > ._NavItem-link_3nnxc_38 {
+._NavItem--active_1tvxq_94 > ._NavItem-link_1tvxq_38 {
   background-color: var(--puck-color-azure-10);
   color: var(--puck-color-azure-04);
   font-weight: 600;
 }
-._NavItem--active_3nnxc_93 > ._NavItem-link_3nnxc_38 {
+._NavItem--active_1tvxq_94 > ._NavItem-link_1tvxq_38 {
   background-color: transparent;
   border-top-color: var(--puck-color-azure-04);
   border-top-right-radius: 0;
@@ -2323,20 +2569,44 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   font-weight: 600;
 }
 @media (min-width: 638px) {
-  ._NavItem--active_3nnxc_93 > ._NavItem-link_3nnxc_38 {
+  ._NavItem--active_1tvxq_94 > ._NavItem-link_1tvxq_38 {
     border-top-color: transparent;
     border-right-color: var(--puck-color-azure-04);
   }
 }
-._NavItem_3nnxc_38:not(._NavItem--active_3nnxc_93) > ._NavItem-link_3nnxc_38:hover {
+._NavItem_1tvxq_38:not(._NavItem--active_1tvxq_94) > ._NavItem-link_1tvxq_38:hover {
   background-color: var(--puck-color-azure-11);
   color: var(--puck-color-azure-04);
 }
 @media (min-width: 638px) {
-  ._NavItem--mobileOnly_3nnxc_120 {
+  ._NavItem--mobileOnly_1tvxq_121 {
     display: none;
   }
 }
+._NavItem--desktopOnly_1tvxq_126 {
+  display: none;
+}
+@media (min-width: 638px) {
+  ._NavItem--desktopOnly_1tvxq_126 {
+    display: block;
+  }
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/plugins/blocks/styles.module.css/#css-module-data */
+._BlocksPlugin_1ey1i_1 {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/plugins/outline/styles.module.css/#css-module-data */
+._OutlinePlugin_q92j6_1 {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
 
 /* css-module:/home/runner/work/puck/puck/packages/core/plugins/fields/styles.module.css/#css-module-data */
 ._FieldsPlugin_nd930_1 {