@measured/puck-plugin-heading-analyzer 0.16.0-canary.04fd6c5 → 0.16.0-canary.1beaf6b

package/dist/index.js

@@ -51483,7 +51483,7 @@ var require_dist = __commonJS({
             var HostPortal = 4;
             var HostComponent = 5;
             var HostText = 6;
-            var Fragment19 = 7;
+            var Fragment20 = 7;
             var Mode = 8;
             var ContextConsumer = 9;
             var ContextProvider = 10;
@@ -52639,7 +52639,7 @@ var require_dist = __commonJS({
                   return "DehydratedFragment";
                 case ForwardRef:
                   return getWrappedName$1(type, type.render, "ForwardRef");
-                case Fragment19:
+                case Fragment20:
                   return "Fragment";
                 case HostComponent:
                   return type;
@@ -62290,7 +62290,7 @@ var require_dist = __commonJS({
                 }
               }
               function updateFragment2(returnFiber, current2, fragment, lanes, key) {
-                if (current2 === null || current2.tag !== Fragment19) {
+                if (current2 === null || current2.tag !== Fragment20) {
                   var created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
                   created.return = returnFiber;
                   return created;
@@ -62693,7 +62693,7 @@ var require_dist = __commonJS({
                   if (child.key === key) {
                     var elementType = element.type;
                     if (elementType === REACT_FRAGMENT_TYPE) {
-                      if (child.tag === Fragment19) {
+                      if (child.tag === Fragment20) {
                         deleteRemainingChildren(returnFiber, child.sibling);
                         var existing = useFiber(child, element.props.children);
                         existing.return = returnFiber;
@@ -66868,7 +66868,7 @@ var require_dist = __commonJS({
                   var _resolvedProps2 = workInProgress2.elementType === type ? _unresolvedProps2 : resolveDefaultProps(type, _unresolvedProps2);
                   return updateForwardRef(current2, workInProgress2, type, _resolvedProps2, renderLanes2);
                 }
-                case Fragment19:
+                case Fragment20:
                   return updateFragment(current2, workInProgress2, renderLanes2);
                 case Mode:
                   return updateMode(current2, workInProgress2, renderLanes2);
@@ -67140,7 +67140,7 @@ var require_dist = __commonJS({
                 case SimpleMemoComponent:
                 case FunctionComponent:
                 case ForwardRef:
-                case Fragment19:
+                case Fragment20:
                 case Mode:
                 case Profiler:
                 case ContextConsumer:
@@ -71391,7 +71391,7 @@ var require_dist = __commonJS({
               return fiber;
             }
             function createFiberFromFragment(elements, mode, lanes, key) {
-              var fiber = createFiber(Fragment19, elements, key, mode);
+              var fiber = createFiber(Fragment20, elements, key, mode);
               fiber.lanes = lanes;
               return fiber;
             }
@@ -74736,7 +74736,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
       return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropZoneRender, __spreadValues2({}, props));
     }
     init_react_import2();
-    var import_react30 = require("react");
+    var import_react31 = require("react");
     init_react_import2();
     var import_react17 = require("react");
     init_react_import2();
@@ -76272,35 +76272,6 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
       ] }) }) });
     };
     init_react_import2();
-    var loadOverrides = ({
-      overrides,
-      plugins
-    }) => {
-      const collected = __spreadValues2({}, overrides);
-      plugins.forEach((plugin) => {
-        Object.keys(plugin.overrides).forEach((overridesType) => {
-          if (overridesType === "fieldTypes") {
-            const fieldTypes = plugin.overrides.fieldTypes;
-            Object.keys(fieldTypes).forEach((fieldType) => {
-              collected.fieldTypes = collected.fieldTypes || {};
-              const childNode2 = collected.fieldTypes[fieldType];
-              const Comp2 = (props) => fieldTypes[fieldType](__spreadProps2(__spreadValues2({}, props), {
-                children: childNode2 ? childNode2(props) : props.children
-              }));
-              collected.fieldTypes[fieldType] = Comp2;
-            });
-            return;
-          }
-          const childNode = collected[overridesType];
-          const Comp = (props) => plugin.overrides[overridesType](__spreadProps2(__spreadValues2({}, props), {
-            children: childNode ? childNode(props) : props.children
-          }));
-          collected[overridesType] = Comp;
-        });
-      });
-      return collected;
-    };
-    init_react_import2();
     var import_react_hotkeys_hook = (init_react_hotkeys_hook_esm(), __toCommonJS(react_hotkeys_hook_esm_exports));
     function usePuckHistory({
       dispatch,
@@ -76828,7 +76799,49 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
         ui: __spreadProps2(__spreadValues2({}, state.ui), { itemSelector })
       });
     };
+    init_react_import2();
+    var import_react30 = require("react");
+    init_react_import2();
+    var loadOverrides = ({
+      overrides,
+      plugins
+    }) => {
+      const collected = __spreadValues2({}, overrides);
+      plugins.forEach((plugin) => {
+        Object.keys(plugin.overrides).forEach((overridesType) => {
+          if (overridesType === "fieldTypes") {
+            const fieldTypes = plugin.overrides.fieldTypes;
+            Object.keys(fieldTypes).forEach((fieldType) => {
+              collected.fieldTypes = collected.fieldTypes || {};
+              const childNode2 = collected.fieldTypes[fieldType];
+              const Comp2 = (props) => fieldTypes[fieldType](__spreadProps2(__spreadValues2({}, props), {
+                children: childNode2 ? childNode2(props) : props.children
+              }));
+              collected.fieldTypes[fieldType] = Comp2;
+            });
+            return;
+          }
+          const childNode = collected[overridesType];
+          const Comp = (props) => plugin.overrides[overridesType](__spreadProps2(__spreadValues2({}, props), {
+            children: childNode ? childNode(props) : props.children
+          }));
+          collected[overridesType] = Comp;
+        });
+      });
+      return collected;
+    };
+    var useLoadedOverrides = ({
+      overrides,
+      plugins
+    }) => {
+      return (0, import_react30.useMemo)(() => {
+        return loadOverrides({ overrides, plugins });
+      }, [plugins, overrides]);
+    };
+    init_react_import2();
     var import_jsx_runtime37 = require("react/jsx-runtime");
+    var DefaultOverride = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children });
+    var import_jsx_runtime38 = require("react/jsx-runtime");
     var getClassName27 = get_class_name_factory_default2("Puck", styles_module_default15);
     var getLayoutClassName = get_class_name_factory_default2("PuckLayout", styles_module_default15);
     function Puck({
@@ -76854,10 +76867,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
     }) {
       var _a3;
       const historyStore = useHistoryStore(initialHistory);
-      const [reducer2] = (0, import_react30.useState)(
+      const [reducer2] = (0, import_react31.useState)(
         () => createReducer({ config, record: historyStore.record, onAction })
       );
-      const [initialAppState] = (0, import_react30.useState)(() => {
+      const [initialAppState] = (0, import_react31.useState)(() => {
         var _a22, _b2, _c, _d, _e, _f, _g;
         const initial = __spreadValues2(__spreadValues2({}, defaultAppState2.ui), initialUi);
         let clientUiState = {};
@@ -76915,7 +76928,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
           })
         });
       });
-      const [appState, dispatch] = (0, import_react30.useReducer)(
+      const [appState, dispatch] = (0, import_react31.useReducer)(
         reducer2,
         flushZones(initialAppState)
       );
@@ -76926,9 +76939,9 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
         config,
         dispatch
       );
-      const [menuOpen, setMenuOpen] = (0, import_react30.useState)(false);
+      const [menuOpen, setMenuOpen] = (0, import_react31.useState)(false);
       const { itemSelector, leftSideBarVisible, rightSideBarVisible } = ui;
-      const setItemSelector = (0, import_react30.useCallback)(
+      const setItemSelector = (0, import_react31.useCallback)(
         (newItemSelector) => {
           if (newItemSelector === itemSelector) return;
           dispatch({
@@ -76940,13 +76953,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
         [itemSelector]
       );
       const selectedItem = itemSelector ? getItem2(itemSelector, data) : null;
-      (0, import_react30.useEffect)(() => {
+      (0, import_react31.useEffect)(() => {
         if (onChange) onChange(data);
       }, [data]);
       const { onDragStartOrUpdate, placeholderStyle } = usePlaceholderStyle();
-      const [draggedItem, setDraggedItem] = (0, import_react30.useState)();
+      const [draggedItem, setDraggedItem] = (0, import_react31.useState)();
       const rootProps = data.root.props || data.root;
-      const toggleSidebars = (0, import_react30.useCallback)(
+      const toggleSidebars = (0, import_react31.useCallback)(
         (sidebar) => {
           const widerViewport = window.matchMedia("(min-width: 638px)").matches;
           const sideBarVisible = sidebar === "left" ? leftSideBarVisible : rightSideBarVisible;
@@ -76960,7 +76973,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
         },
         [dispatch, leftSideBarVisible, rightSideBarVisible]
       );
-      (0, import_react30.useEffect)(() => {
+      (0, import_react31.useEffect)(() => {
         if (!window.matchMedia("(min-width: 638px)").matches) {
           dispatch({
             type: "setUi",
@@ -76983,11 +76996,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
           window.removeEventListener("resize", handleResize);
         };
       }, []);
-      const defaultRender = (0, import_react30.useMemo)(() => {
-        const PuckDefault = ({ children: children2 }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: children2 });
-        return PuckDefault;
-      }, []);
-      const defaultHeaderRender = (0, import_react30.useMemo)(() => {
+      const defaultHeaderRender = (0, import_react31.useMemo)(() => {
         if (renderHeader) {
           console.warn(
             "`renderHeader` is deprecated. Please use `overrides.header` and the `usePuck` hook instead"
@@ -76995,48 +77004,49 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
           const RenderHeader = (_a22) => {
             var _b2 = _a22, { actions } = _b2, props = __objRest2(_b2, ["actions"]);
             const Comp = renderHeader;
-            return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Comp, __spreadProps2(__spreadValues2({}, props), { dispatch, state: appState, children: actions }));
+            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, __spreadProps2(__spreadValues2({}, props), { dispatch, state: appState, children: actions }));
           };
           return RenderHeader;
         }
-        return defaultRender;
+        return DefaultOverride;
       }, [renderHeader]);
-      const defaultHeaderActionsRender = (0, import_react30.useMemo)(() => {
+      const defaultHeaderActionsRender = (0, import_react31.useMemo)(() => {
         if (renderHeaderActions) {
           console.warn(
             "`renderHeaderActions` is deprecated. Please use `overrides.headerActions` and the `usePuck` hook instead."
           );
           const RenderHeader = (props) => {
             const Comp = renderHeaderActions;
-            return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Comp, __spreadProps2(__spreadValues2({}, props), { dispatch, state: appState }));
+            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, __spreadProps2(__spreadValues2({}, props), { dispatch, state: appState }));
           };
           return RenderHeader;
         }
-        return defaultRender;
+        return DefaultOverride;
       }, [renderHeader]);
-      const loadedOverrides = (0, import_react30.useMemo)(() => {
-        return loadOverrides({ overrides, plugins });
-      }, [plugins]);
-      const CustomPuck = (0, import_react30.useMemo)(
-        () => loadedOverrides.puck || defaultRender,
+      const loadedOverrides = useLoadedOverrides({
+        overrides,
+        plugins
+      });
+      const CustomPuck = (0, import_react31.useMemo)(
+        () => loadedOverrides.puck || DefaultOverride,
         [loadedOverrides]
       );
-      const CustomHeader = (0, import_react30.useMemo)(
+      const CustomHeader = (0, import_react31.useMemo)(
         () => loadedOverrides.header || defaultHeaderRender,
         [loadedOverrides]
       );
-      const CustomHeaderActions = (0, import_react30.useMemo)(
+      const CustomHeaderActions = (0, import_react31.useMemo)(
         () => loadedOverrides.headerActions || defaultHeaderActionsRender,
         [loadedOverrides]
       );
-      const [mounted, setMounted] = (0, import_react30.useState)(false);
-      (0, import_react30.useEffect)(() => {
+      const [mounted, setMounted] = (0, import_react31.useState)(false);
+      (0, import_react31.useEffect)(() => {
         setMounted(true);
       }, []);
       const selectedComponentConfig = selectedItem && config.components[selectedItem.type];
       const selectedComponentLabel = selectedItem ? (_a3 = selectedComponentConfig == null ? void 0 : selectedComponentConfig["label"]) != null ? _a3 : selectedItem.type.toString() : "";
-      return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: `Puck ${getClassName27()}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `Puck ${getClassName27()}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           AppProvider,
           {
             value: {
@@ -77051,7 +77061,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
               viewports,
               iframe
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               DragDropContext2,
               {
                 autoScrollerOptions: { disabled: dnd == null ? void 0 : dnd.disableAutoScroll },
@@ -77103,7 +77113,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                     });
                   }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   DropZoneProvider,
                   {
                     value: {
@@ -77117,7 +77127,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                       mode: "edit",
                       areaId: "root"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CustomPuck, { children: children || /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomPuck, { children: children || /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                       "div",
                       {
                         className: getLayoutClassName({
@@ -77126,64 +77136,64 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                           mounted,
                           rightSideBarVisible
                         }),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: getLayoutClassName("inner"), children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("inner"), children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                             CustomHeader,
                             {
-                              actions: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CustomHeaderActions, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                              actions: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomHeaderActions, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                                 Button,
                                 {
                                   onClick: () => {
                                     onPublish && onPublish(data);
                                   },
-                                  icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Globe, { size: "14px" }),
+                                  icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Globe, { size: "14px" }),
                                   children: "Publish"
                                 }
                               ) }) }),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("header", { className: getLayoutClassName("header"), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: getLayoutClassName("headerInner"), children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: getLayoutClassName("headerToggle"), children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("header", { className: getLayoutClassName("header"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("headerInner"), children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("headerToggle"), children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                                     "div",
                                     {
                                       className: getLayoutClassName(
                                         "leftSideBarToggle"
                                       ),
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                                         IconButton,
                                         {
                                           onClick: () => {
                                             toggleSidebars("left");
                                           },
                                           title: "Toggle left sidebar",
-                                          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PanelLeft, { focusable: "false" })
+                                          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PanelLeft, { focusable: "false" })
                                         }
                                       )
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                                     "div",
                                     {
                                       className: getLayoutClassName(
                                         "rightSideBarToggle"
                                       ),
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                                         IconButton,
                                         {
                                           onClick: () => {
                                             toggleSidebars("right");
                                           },
                                           title: "Toggle right sidebar",
-                                          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PanelRight, { focusable: "false" })
+                                          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PanelRight, { focusable: "false" })
                                         }
                                       )
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: getLayoutClassName("headerTitle"), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Heading2, { rank: 2, size: "xs", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: getLayoutClassName("headerTitle"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Heading2, { rank: 2, size: "xs", children: [
                                   headerTitle || rootProps.title || "Page",
-                                  headerPath && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+                                  headerPath && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
                                     " ",
-                                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                                       "code",
                                       {
                                         className: getLayoutClassName("headerPath"),
@@ -77192,18 +77202,18 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                                     )
                                   ] })
                                 ] }) }),
-                                /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: getLayoutClassName("headerTools"), children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: getLayoutClassName("menuButton"), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("headerTools"), children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: getLayoutClassName("menuButton"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                                     IconButton,
                                     {
                                       onClick: () => {
                                         return setMenuOpen(!menuOpen);
                                       },
                                       title: "Toggle menu bar",
-                                      children: menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ChevronUp, { focusable: "false" }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ChevronDown, { focusable: "false" })
+                                      children: menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronUp, { focusable: "false" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronDown, { focusable: "false" })
                                     }
                                   ) }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                                     MenuBar,
                                     {
                                       appState,
@@ -77211,13 +77221,13 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                                       dispatch,
                                       onPublish,
                                       menuOpen,
-                                      renderHeaderActions: () => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CustomHeaderActions, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                                      renderHeaderActions: () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomHeaderActions, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                                         Button,
                                         {
                                           onClick: () => {
                                             onPublish && onPublish(data);
                                           },
-                                          icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Globe, { size: "14px" }),
+                                          icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Globe, { size: "14px" }),
                                           children: "Publish"
                                         }
                                       ) }),
@@ -77228,19 +77238,19 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                               ] }) })
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: getLayoutClassName("leftSideBar"), children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SidebarSection2, { title: "Components", noBorderTop: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Components, {}) }),
-                            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SidebarSection2, { title: "Outline", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Outline, {}) })
+                          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: getLayoutClassName("leftSideBar"), children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SidebarSection2, { title: "Components", noBorderTop: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Components, {}) }),
+                            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SidebarSection2, { title: "Outline", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Outline, {}) })
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Canvas, {}),
-                          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: getLayoutClassName("rightSideBar"), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Canvas, {}),
+                          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: getLayoutClassName("rightSideBar"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                             SidebarSection2,
                             {
                               noPadding: true,
                               noBorderTop: true,
                               showBreadcrumbs: true,
                               title: selectedItem ? selectedComponentLabel : "Page",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Fields, {})
+                              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Fields, {})
                             }
                           ) })
                         ] })
@@ -77252,7 +77262,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { id: "puck-portal-root", className: getClassName27("portal") })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { id: "puck-portal-root", className: getClassName27("portal") })
       ] });
     }
     Puck.Components = Components;
@@ -77260,7 +77270,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
     Puck.Outline = Outline;
     Puck.Preview = Preview;
     init_react_import2();
-    var import_jsx_runtime38 = require("react/jsx-runtime");
+    var import_jsx_runtime39 = require("react/jsx-runtime");
     function Render({
       config,
       data
@@ -77273,7 +77283,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
       const rootProps = defaultedData.root.props || defaultedData.root;
       const title = (rootProps == null ? void 0 : rootProps.title) || "";
       if ((_a3 = config.root) == null ? void 0 : _a3.render) {
-        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DropZoneProvider, { value: { data: defaultedData, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZoneProvider, { value: { data: defaultedData, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           config.root.render,
           __spreadProps2(__spreadValues2({}, rootProps), {
             puck: {
@@ -77283,11 +77293,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
             title,
             editMode: false,
             id: "puck-root",
-            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DropZone, { zone: rootDroppableId2 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZone, { zone: rootDroppableId2 })
           })
         ) });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DropZoneProvider, { value: { data: defaultedData, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DropZone, { zone: rootDroppableId2 }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZoneProvider, { value: { data: defaultedData, config, mode: "render" }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropZone, { zone: rootDroppableId2 }) });
     }
     init_react_import2();
     var migrations = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.16.0-canary.04fd6c5",
+  "version": "0.16.0-canary.1beaf6b",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -18,7 +18,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.16.0-canary.04fd6c5",
+    "@measured/puck": "^0.16.0-canary.1beaf6b",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",