@measured/puck-plugin-heading-analyzer 0.14.0-canary.f81931a → 0.14.0

package/dist/index.css

@@ -1,37 +1,37 @@
-/* ../core/components/SidebarSection/styles.module.css */
-.styles_SidebarSection {
+/* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
+._SidebarSection_125qe_1 {
   display: flex;
   position: relative;
   flex-direction: column;
   color: var(--puck-color-black);
 }
-.styles_SidebarSection:last-of-type {
+._SidebarSection_125qe_1:last-of-type {
   flex-grow: 1;
 }
-.styles_SidebarSection-title {
+._SidebarSection-title_125qe_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;
 }
-.styles_SidebarSection--noBorderTop > .styles_SidebarSection-title {
+._SidebarSection--noBorderTop_125qe_20 > ._SidebarSection-title_125qe_12 {
   border-top: 0px;
 }
-.styles_SidebarSection-content {
+._SidebarSection-content_125qe_24 {
   padding: 16px;
 }
-.styles_SidebarSection--noPadding > .styles_SidebarSection-content {
+._SidebarSection--noPadding_125qe_28 > ._SidebarSection-content_125qe_24 {
   padding: 0px;
 }
-.styles_SidebarSection--noPadding > .styles_SidebarSection-content:last-child {
+._SidebarSection--noPadding_125qe_28 > ._SidebarSection-content_125qe_24:last-child {
   padding-bottom: 4px;
 }
-.styles_SidebarSection:last-of-type .styles_SidebarSection-content {
+._SidebarSection_125qe_1:last-of-type ._SidebarSection-content_125qe_24 {
   border-bottom: none;
   flex-grow: 1;
 }
-.styles_SidebarSection-breadcrumbLabel {
+._SidebarSection-breadcrumbLabel_125qe_41 {
   background: none;
   border: 0;
   border-radius: 2px;
@@ -42,34 +42,34 @@
   padding: 0;
   transition: color 50ms ease-in;
 }
-.styles_SidebarSection-breadcrumbLabel:focus-visible {
+._SidebarSection-breadcrumbLabel_125qe_41:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  .styles_SidebarSection-breadcrumbLabel:hover {
+  ._SidebarSection-breadcrumbLabel_125qe_41:hover {
     color: var(--puck-color-azure-03);
     transition: none;
   }
 }
-.styles_SidebarSection-breadcrumbLabel:active {
+._SidebarSection-breadcrumbLabel_125qe_41:active {
   color: var(--puck-color-azure-02);
   transition: none;
 }
-.styles_SidebarSection-breadcrumbs {
+._SidebarSection-breadcrumbs_125qe_70 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-.styles_SidebarSection-breadcrumb {
+._SidebarSection-breadcrumb_125qe_41 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-.styles_SidebarSection-heading {
+._SidebarSection-heading_125qe_82 {
   padding-right: 16px;
 }
-.styles_SidebarSection-loadingOverlay {
+._SidebarSection-loadingOverlay_125qe_86 {
   background: var(--puck-color-white);
   display: flex;
   justify-content: center;
@@ -84,45 +84,45 @@
   opacity: 0.8;
 }
 
-/* ../core/components/Heading/styles.module.css */
-.styles_Heading {
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
+._Heading_qxrry_1 {
   display: block;
   color: var(--puck-color-black);
   font-weight: 700;
   margin: 0;
 }
-.styles_Heading b {
+._Heading_qxrry_1 b {
   font-weight: 700;
 }
-.styles_Heading--xxxxl {
+._Heading--xxxxl_qxrry_12 {
   font-size: var(--puck-font-size-xxxxl);
   letter-spacing: 0.08ch;
   font-weight: 800;
 }
-.styles_Heading--xxxl {
+._Heading--xxxl_qxrry_18 {
   font-size: var(--puck-font-size-xxxl);
 }
-.styles_Heading--xxl {
+._Heading--xxl_qxrry_22 {
   font-size: var(--puck-font-size-xxl);
 }
-.styles_Heading--xl {
+._Heading--xl_qxrry_26 {
   font-size: var(--puck-font-size-xl);
 }
-.styles_Heading--l {
+._Heading--l_qxrry_30 {
   font-size: var(--puck-font-size-l);
 }
-.styles_Heading--m {
+._Heading--m_qxrry_34 {
   font-size: var(--puck-font-size-m);
 }
-.styles_Heading--s {
+._Heading--s_qxrry_38 {
   font-size: var(--puck-font-size-s);
 }
-.styles_Heading--xs {
+._Heading--xs_qxrry_42 {
   font-size: var(--puck-font-size-xs);
 }
 
-/* ../core/components/OutlineList/styles.module.css */
-.styles_OutlineList {
+/* css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css/#css-module-data */
+._OutlineList_18bgy_1 {
   color: var(--puck-color-grey-03);
   font-family: var(--puck-font-family);
   margin: 0;
@@ -130,7 +130,7 @@
   position: relative;
   list-style: none;
 }
-.styles_OutlineList::before {
+._OutlineList_18bgy_1::before {
   background: var(--puck-color-grey-08);
   position: absolute;
   left: -1px;
@@ -139,11 +139,11 @@
   height: calc(100% - 9px);
   content: "";
 }
-.styles_OutlineListItem {
+._OutlineListItem_18bgy_20 {
   position: relative;
   margin-bottom: 4px;
 }
-.styles_OutlineListItem::before {
+._OutlineListItem_18bgy_20::before {
   background: var(--puck-color-grey-08);
   position: absolute;
   left: -17px;
@@ -152,24 +152,24 @@
   height: 1px;
   content: "";
 }
-.styles_OutlineListItem--clickable {
+._OutlineListItem--clickable_18bgy_35 {
   cursor: pointer;
   transition: color 50ms ease-in;
 }
-.styles_OutlineListItem--clickable:focus-visible {
+._OutlineListItem--clickable_18bgy_35:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  .styles_OutlineListItem--clickable:hover {
+  ._OutlineListItem--clickable_18bgy_35:hover {
     color: var(--puck-color-azure-04);
     transition: none;
   }
 }
-.styles_OutlineListItem--clickable:active {
+._OutlineListItem--clickable_18bgy_35:active {
   color: var(--puck-color-azure-03);
   transition: none;
 }
-.styles_OutlineListItem > .styles_OutlineList {
+._OutlineListItem_18bgy_20 > ._OutlineList_18bgy_1 {
   margin: 8px 0;
 }

package/dist/index.d.ts

@@ -93,7 +93,7 @@ type ExternalField<Props extends {
     }) => Promise<any[] | null>;
     mapProp?: (value: any) => Props;
     mapRow?: (value: any) => Record<string, string | number>;
-    getItemSummary: (item: Props, index?: number) => string;
+    getItemSummary?: (item: Props, index?: number) => string;
     showSearch?: boolean;
     initialQuery?: string;
     filterFields?: Record<string, Field>;

package/dist/index.js

@@ -73,8 +73,7 @@ var init_react_import = __esm({
 
 // ../../node_modules/classnames/index.js
 var require_classnames = __commonJS({
-  "../../node_modules/classnames/index.js"(exports2, module2) {
-    "use strict";
+  "../../node_modules/classnames/index.js"(exports, module2) {
     init_react_import();
     (function() {
       "use strict";
@@ -135,144 +134,14 @@ init_react_import();
 // src/HeadingAnalyzer.tsx
 init_react_import();
 var import_react6 = require("react");
-
-// ../core/lib/use-puck.ts
-init_react_import();
-
-// ../core/components/Puck/context.tsx
-init_react_import();
-var import_react2 = require("react");
-
-// ../core/lib/get-item.ts
-init_react_import();
-
-// ../core/lib/root-droppable-id.ts
-init_react_import();
-var rootDroppableId = "default-zone";
-
-// ../core/lib/setup-zone.ts
-init_react_import();
-var setupZone = (data, zoneKey) => {
-  if (zoneKey === rootDroppableId) {
-    return data;
-  }
-  const newData = __spreadValues({}, data);
-  newData.zones = data.zones || {};
-  newData.zones[zoneKey] = newData.zones[zoneKey] || [];
-  return newData;
-};
-
-// ../core/lib/get-item.ts
-var getItem = (selector, data, dynamicProps = {}) => {
-  if (!selector.zone || selector.zone === rootDroppableId) {
-    const item2 = data.content[selector.index];
-    return __spreadProps(__spreadValues({}, item2), { props: dynamicProps[item2.props.id] || item2.props });
-  }
-  const item = setupZone(data, selector.zone).zones[selector.zone][selector.index];
-  return __spreadProps(__spreadValues({}, item), { props: dynamicProps[item.props.id] || item.props });
-};
-
-// ../core/components/ViewportControls/default-viewports.ts
-init_react_import();
-var defaultViewports = [
-  { width: 360, height: "auto", icon: "Smartphone", label: "Small" },
-  { width: 768, height: "auto", icon: "Tablet", label: "Medium" },
-  { width: 1280, height: "auto", icon: "Monitor", label: "Large" }
-];
-
-// ../core/components/Puck/context.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var defaultAppState = {
-  data: { content: [], root: { props: { title: "" } } },
-  ui: {
-    leftSideBarVisible: true,
-    rightSideBarVisible: true,
-    arrayState: {},
-    itemSelector: null,
-    componentList: {},
-    isDragging: false,
-    viewports: {
-      current: {
-        width: defaultViewports[0].width,
-        height: defaultViewports[0].height || "auto"
-      },
-      options: [],
-      controlsVisible: true
-    }
-  }
-};
-var defaultContext = {
-  state: defaultAppState,
-  dispatch: () => null,
-  config: { components: {} },
-  componentState: {},
-  resolveData: () => {
-  },
-  plugins: [],
-  overrides: {},
-  history: {},
-  viewports: defaultViewports,
-  zoomConfig: {
-    autoZoom: 1,
-    rootHeight: 0,
-    zoom: 1
-  },
-  setZoomConfig: () => null,
-  status: "LOADING",
-  setStatus: () => null,
-  iframe: {}
-};
-var appContext = (0, import_react2.createContext)(defaultContext);
-function useAppContext() {
-  const mainContext = (0, import_react2.useContext)(appContext);
-  const selectedItem = mainContext.state.ui.itemSelector ? getItem(mainContext.state.ui.itemSelector, mainContext.state.data) : void 0;
-  return __spreadProps(__spreadValues({}, mainContext), {
-    // Helpers
-    selectedItem,
-    setUi: (ui, recordHistory) => {
-      return mainContext.dispatch({
-        type: "setUi",
-        ui,
-        recordHistory
-      });
-    }
-  });
-}
-
-// ../core/lib/use-puck.ts
-var usePuck = () => {
-  const {
-    state: appState,
-    config,
-    history,
-    dispatch,
-    selectedItem
-  } = useAppContext();
-  return {
-    appState,
-    config,
-    dispatch,
-    history,
-    selectedItem: selectedItem || null
-  };
-};
+var import_puck = require("@measured/puck");
 
 // ../core/components/SidebarSection/index.tsx
 init_react_import();
 
-// ../core/components/SidebarSection/styles.module.css
-var styles_default = {
-  SidebarSection: "styles_SidebarSection",
-  "SidebarSection-title": "styles_SidebarSection-title",
-  "SidebarSection--noBorderTop": "styles_SidebarSection--noBorderTop",
-  "SidebarSection-content": "styles_SidebarSection-content",
-  "SidebarSection--noPadding": "styles_SidebarSection--noPadding",
-  "SidebarSection-breadcrumbLabel": "styles_SidebarSection-breadcrumbLabel",
-  "SidebarSection-breadcrumbs": "styles_SidebarSection-breadcrumbs",
-  "SidebarSection-breadcrumb": "styles_SidebarSection-breadcrumb",
-  "SidebarSection-heading": "styles_SidebarSection-heading",
-  "SidebarSection-loadingOverlay": "styles_SidebarSection-loadingOverlay"
-};
+// css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css#css-module
+init_react_import();
+var styles_module_default = { "SidebarSection": "_SidebarSection_125qe_1", "SidebarSection-title": "_SidebarSection-title_125qe_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_125qe_20", "SidebarSection-content": "_SidebarSection-content_125qe_24", "SidebarSection--noPadding": "_SidebarSection--noPadding_125qe_28", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_125qe_41", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_125qe_70", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_125qe_41", "SidebarSection-heading": "_SidebarSection-heading_125qe_82", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_125qe_86" };
 
 // ../core/lib/get-class-name-factory.ts
 init_react_import();
@@ -309,25 +178,16 @@ var get_class_name_factory_default = getClassNameFactory;
 // ../core/components/Heading/index.tsx
 init_react_import();
 
-// ../core/components/Heading/styles.module.css
-var styles_default2 = {
-  Heading: "styles_Heading",
-  "Heading--xxxxl": "styles_Heading--xxxxl",
-  "Heading--xxxl": "styles_Heading--xxxl",
-  "Heading--xxl": "styles_Heading--xxl",
-  "Heading--xl": "styles_Heading--xl",
-  "Heading--l": "styles_Heading--l",
-  "Heading--m": "styles_Heading--m",
-  "Heading--s": "styles_Heading--s",
-  "Heading--xs": "styles_Heading--xs"
-};
+// css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css#css-module
+init_react_import();
+var styles_module_default2 = { "Heading": "_Heading_qxrry_1", "Heading--xxxxl": "_Heading--xxxxl_qxrry_12", "Heading--xxxl": "_Heading--xxxl_qxrry_18", "Heading--xxl": "_Heading--xxl_qxrry_22", "Heading--xl": "_Heading--xl_qxrry_26", "Heading--l": "_Heading--l_qxrry_30", "Heading--m": "_Heading--m_qxrry_34", "Heading--s": "_Heading--s_qxrry_38", "Heading--xs": "_Heading--xs_qxrry_42" };
 
 // ../core/components/Heading/index.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var getClassName = get_class_name_factory_default("Heading", styles_default2);
+var import_jsx_runtime = require("react/jsx-runtime");
+var getClassName = get_class_name_factory_default("Heading", styles_module_default2);
 var Heading = ({ children, rank, size = "m" }) => {
   const Tag = rank ? `h${rank}` : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Tag,
     {
       className: getClassName({
@@ -343,7 +203,7 @@ init_react_import();
 
 // ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
 init_react_import();
-var import_react3 = require("react");
+var import_react2 = require("react");
 
 // ../../node_modules/lucide-react/dist/esm/defaultAttributes.js
 init_react_import();
@@ -362,10 +222,10 @@ var defaultAttributes = {
 // ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
 var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim();
 var createLucideIcon = (iconName, iconNode) => {
-  const Component = (0, import_react3.forwardRef)(
+  const Component = (0, import_react2.forwardRef)(
     (_a, ref) => {
       var _b = _a, { color = "currentColor", size = 24, strokeWidth = 2, absoluteStrokeWidth, className = "", children } = _b, rest = __objRest(_b, ["color", "size", "strokeWidth", "absoluteStrokeWidth", "className", "children"]);
-      return (0, import_react3.createElement)(
+      return (0, import_react2.createElement)(
         "svg",
         __spreadValues(__spreadProps(__spreadValues({
           ref
@@ -377,7 +237,7 @@ var createLucideIcon = (iconName, iconNode) => {
           className: ["lucide", `lucide-${toKebabCase(iconName)}`, className].join(" ")
         }), rest),
         [
-          ...iconNode.map(([tag, attrs]) => (0, import_react3.createElement)(tag, attrs)),
+          ...iconNode.map(([tag, attrs]) => (0, import_react2.createElement)(tag, attrs)),
           ...Array.isArray(children) ? children : [children]
         ]
       );
@@ -399,7 +259,36 @@ var import_react5 = require("react");
 
 // ../core/components/DropZone/context.tsx
 init_react_import();
-var import_react4 = require("react");
+var import_react3 = require("react");
+
+// ../core/lib/get-item.ts
+init_react_import();
+
+// ../core/lib/root-droppable-id.ts
+init_react_import();
+var rootDroppableId = "default-zone";
+
+// ../core/lib/setup-zone.ts
+init_react_import();
+var setupZone = (data, zoneKey) => {
+  if (zoneKey === rootDroppableId) {
+    return data;
+  }
+  const newData = __spreadValues({}, data);
+  newData.zones = data.zones || {};
+  newData.zones[zoneKey] = newData.zones[zoneKey] || [];
+  return newData;
+};
+
+// ../core/lib/get-item.ts
+var getItem = (selector, data, dynamicProps = {}) => {
+  if (!selector.zone || selector.zone === rootDroppableId) {
+    const item2 = data.content[selector.index];
+    return __spreadProps(__spreadValues({}, item2), { props: dynamicProps[item2.props.id] || item2.props });
+  }
+  const item = setupZone(data, selector.zone).zones[selector.zone][selector.index];
+  return __spreadProps(__spreadValues({}, item), { props: dynamicProps[item.props.id] || item.props });
+};
 
 // ../core/lib/get-zone-id.ts
 init_react_import();
@@ -414,8 +303,79 @@ var getZoneId = (zoneCompound) => {
 };
 
 // ../core/components/DropZone/context.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var dropZoneContext = (0, import_react3.createContext)(null);
+
+// ../core/components/Puck/context.tsx
+init_react_import();
+var import_react4 = require("react");
+
+// ../core/components/ViewportControls/default-viewports.ts
+init_react_import();
+var defaultViewports = [
+  { width: 360, height: "auto", icon: "Smartphone", label: "Small" },
+  { width: 768, height: "auto", icon: "Tablet", label: "Medium" },
+  { width: 1280, height: "auto", icon: "Monitor", label: "Large" }
+];
+
+// ../core/components/Puck/context.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var dropZoneContext = (0, import_react4.createContext)(null);
+var defaultAppState = {
+  data: { content: [], root: { props: { title: "" } } },
+  ui: {
+    leftSideBarVisible: true,
+    rightSideBarVisible: true,
+    arrayState: {},
+    itemSelector: null,
+    componentList: {},
+    isDragging: false,
+    viewports: {
+      current: {
+        width: defaultViewports[0].width,
+        height: defaultViewports[0].height || "auto"
+      },
+      options: [],
+      controlsVisible: true
+    }
+  }
+};
+var defaultContext = {
+  state: defaultAppState,
+  dispatch: () => null,
+  config: { components: {} },
+  componentState: {},
+  resolveData: () => {
+  },
+  plugins: [],
+  overrides: {},
+  history: {},
+  viewports: defaultViewports,
+  zoomConfig: {
+    autoZoom: 1,
+    rootHeight: 0,
+    zoom: 1
+  },
+  setZoomConfig: () => null,
+  status: "LOADING",
+  setStatus: () => null,
+  iframe: {}
+};
+var appContext = (0, import_react4.createContext)(defaultContext);
+function useAppContext() {
+  const mainContext = (0, import_react4.useContext)(appContext);
+  const selectedItem = mainContext.state.ui.itemSelector ? getItem(mainContext.state.ui.itemSelector, mainContext.state.data) : void 0;
+  return __spreadProps(__spreadValues({}, mainContext), {
+    // Helpers
+    selectedItem,
+    setUi: (ui, recordHistory) => {
+      return mainContext.dispatch({
+        type: "setUi",
+        ui,
+        recordHistory
+      });
+    }
+  });
+}
 
 // ../core/lib/use-breadcrumbs.ts
 var convertPathDataToBreadcrumbs = (selectedItem, pathData, data) => {
@@ -592,7 +552,7 @@ var ClipLoader_default = ClipLoader;
 
 // ../core/components/SidebarSection/index.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var getClassName2 = get_class_name_factory_default("SidebarSection", styles_default);
+var getClassName2 = get_class_name_factory_default("SidebarSection", styles_module_default);
 var SidebarSection = ({
   children,
   title,
@@ -634,17 +594,14 @@ var SidebarSection = ({
 // ../core/components/OutlineList/index.tsx
 init_react_import();
 
-// ../core/components/OutlineList/styles.module.css
-var styles_default3 = {
-  OutlineList: "styles_OutlineList",
-  OutlineListItem: "styles_OutlineListItem",
-  "OutlineListItem--clickable": "styles_OutlineListItem--clickable"
-};
+// css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css#css-module
+init_react_import();
+var styles_module_default3 = { "OutlineList": "_OutlineList_18bgy_1", "OutlineListItem": "_OutlineListItem_18bgy_20", "OutlineListItem--clickable": "_OutlineListItem--clickable_18bgy_35" };
 
 // ../core/components/OutlineList/index.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var getClassName3 = get_class_name_factory_default("OutlineList", styles_default3);
-var getClassNameItem = get_class_name_factory_default("OutlineListItem", styles_default3);
+var getClassName3 = get_class_name_factory_default("OutlineList", styles_module_default3);
+var getClassNameItem = get_class_name_factory_default("OutlineListItem", styles_module_default3);
 var OutlineList = ({ children }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: getClassName3(), children });
 };
@@ -741,7 +698,7 @@ function buildHierarchy(frame) {
   return root.children;
 }
 var HeadingAnalyzer = () => {
-  const { appState } = usePuck();
+  const { appState } = (0, import_puck.usePuck)();
   const [hierarchy, setHierarchy] = (0, import_react6.useState)([]);
   const [firstRender, setFirstRender] = (0, import_react6.useState)(true);
   (0, import_react6.useEffect)(() => {
@@ -756,7 +713,7 @@ var HeadingAnalyzer = () => {
     } else {
       setHierarchy(buildHierarchy(frame));
     }
-  }, [appState.data.content]);
+  }, [appState.data]);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
     hierarchy.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: "No headings." }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(OutlineList, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.14.0-canary.f81931a",
+  "version": "0.14.0",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -18,13 +18,13 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.14.0-canary.f81931a",
+    "@measured/puck": "^0.14.0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",
     "eslint-config-custom": "*",
     "tsconfig": "*",
-    "tsup": "^8.0.2",
+    "tsup": "^6.7.0",
     "tsup-config": "*",
     "typescript": "^4.5.2"
   },
@@ -32,6 +32,7 @@
     "react-from-json": "^0.8.0"
   },
   "peerDependencies": {
+    "@measured/puck": "^0.13.1",
     "react": "^17.0.0 || ^18.0.0"
   }
 }