@netlisian/softconfig 0.1.10 → 0.2.0

package/dist/puck/index.d.mts

@@ -1,5 +1,5 @@
-import * as _measured_puck from '@measured/puck';
-import { Field, Fields, Config, DefaultComponentProps, History, AppState, PuckApi, ComponentData, ComponentConfig, RootData, AsFieldProps, WithChildren, Metadata, ResolveDataTrigger, PuckAction, OnAction, Data, Overrides as Overrides$1 } from '@measured/puck';
+import * as _puckeditor_core from '@puckeditor/core';
+import { Field, Fields, Config, DefaultComponentProps, History, AppState, PuckApi, ComponentData, ComponentConfig, RootData, AsFieldProps, WithChildren, Metadata, ResolveDataTrigger, PuckAction, OnAction, Data, Overrides as Overrides$1 } from '@puckeditor/core';
 import * as zustand from 'zustand';
 import { StoreApi } from 'zustand';
 import * as React$1 from 'react';
@@ -662,7 +662,7 @@ declare const useRemodel: () => {
         id: string;
         version: string;
         softComponent: {
-            fields: _measured_puck.Fields;
+            fields: _puckeditor_core.Fields;
             fieldSettings?: SoftFieldSettings;
             defaultProps: DefaultComponentProps;
             rootProps?: Record<string, unknown>;

package/dist/puck/index.d.ts

@@ -1,5 +1,5 @@
-import * as _measured_puck from '@measured/puck';
-import { Field, Fields, Config, DefaultComponentProps, History, AppState, PuckApi, ComponentData, ComponentConfig, RootData, AsFieldProps, WithChildren, Metadata, ResolveDataTrigger, PuckAction, OnAction, Data, Overrides as Overrides$1 } from '@measured/puck';
+import * as _puckeditor_core from '@puckeditor/core';
+import { Field, Fields, Config, DefaultComponentProps, History, AppState, PuckApi, ComponentData, ComponentConfig, RootData, AsFieldProps, WithChildren, Metadata, ResolveDataTrigger, PuckAction, OnAction, Data, Overrides as Overrides$1 } from '@puckeditor/core';
 import * as zustand from 'zustand';
 import { StoreApi } from 'zustand';
 import * as React$1 from 'react';
@@ -662,7 +662,7 @@ declare const useRemodel: () => {
         id: string;
         version: string;
         softComponent: {
-            fields: _measured_puck.Fields;
+            fields: _puckeditor_core.Fields;
             fieldSettings?: SoftFieldSettings;
             defaultProps: DefaultComponentProps;
             rootProps?: Record<string, unknown>;

package/dist/puck/index.js

@@ -581,7 +581,7 @@ var rootActionHandler = (set, get) => (action, appState, previousState) => {
 };
 
 // src/puck/store/slices/builder.tsx
-var import_puck2 = require("@measured/puck");
+var import_core2 = require("@puckeditor/core");
 
 // src/puck/lib/soft-component-constants.ts
 var TECHNICAL_KEYS = /* @__PURE__ */ new Set(["_map", "_slot", "id", "_version"]);
@@ -1569,9 +1569,9 @@ function isSoftComponent(componentType, softComponents) {
 }
 
 // src/puck/lib/demolish-soft-component.ts
-var import_puck = require("@measured/puck");
+var import_core = require("@puckeditor/core");
 function demolishSoftComponent(componentName, data, config, softComponents) {
-  const resolvedData = (0, import_puck.walkTree)(data, config, (components) => {
+  const resolvedData = (0, import_core.walkTree)(data, config, (components) => {
     components.forEach((componentData, index) => {
       if (componentData.type === componentName) {
         const decomposed = decomposeSoftComponent(componentData, softComponents);
@@ -1666,7 +1666,7 @@ var createBuildersSlice = (set, get) => ({
     const config = get().softConfig;
     const editableIds = /* @__PURE__ */ new Set([selectedItem.props.id]);
     const initialContent = [__spreadValues({}, selectedItem)];
-    (0, import_puck2.walkTree)(
+    (0, import_core2.walkTree)(
       {
         root: {},
         content: initialContent
@@ -1748,7 +1748,7 @@ var createBuildersSlice = (set, get) => ({
     const dependents = get().dependencyGraph.get(softComponentName) || /* @__PURE__ */ new Set();
     const decomposedComponents = get().builder.decompose(selectedItem, true);
     const editableIds = /* @__PURE__ */ new Set([decomposedComponents[0].props.id]);
-    const { content: decomposedComponentsWithId } = (0, import_puck2.walkTree)(
+    const { content: decomposedComponentsWithId } = (0, import_core2.walkTree)(
       { root: {}, content: decomposedComponents },
       { components: config.components },
       (components) => {
@@ -1798,7 +1798,10 @@ var createBuildersSlice = (set, get) => ({
       const readOnly = [
         ...readOnlyFields.map((f) => String(f)),
         ...readOnlyArrayBases
-      ].reduce((acc, field) => __spreadProps(__spreadValues({}, acc), { [field]: true }), {});
+      ].reduce(
+        (acc, field) => __spreadProps(__spreadValues({}, acc), { [field]: true }),
+        {}
+      );
       puckDispatch({
         type: "replace",
         destinationIndex: itemSelector.index,
@@ -2189,7 +2192,7 @@ var createBuildersSlice = (set, get) => ({
               zone: itemSelector.zone
             });
             if (finalItem) {
-              (0, import_puck2.walkTree)(
+              (0, import_core2.walkTree)(
                 { root: {}, content: [finalItem] },
                 { components: get().softConfig.components },
                 (components) => {
@@ -2834,7 +2837,7 @@ var SoftConfigProvider = ({
 };
 
 // src/puck/actions/useBuild.tsx
-var import_puck3 = require("@measured/puck");
+var import_core3 = require("@puckeditor/core");
 
 // src/puck/lib/notify.ts
 var customHandler = null;
@@ -2879,7 +2882,7 @@ var useActionEvent = () => {
 };
 
 // src/puck/actions/useBuild.tsx
-var useCustomPuck = (0, import_puck3.createUsePuck)();
+var useCustomPuck = (0, import_core3.createUsePuck)();
 var useBuild = (name) => {
   const build = useSoftConfig((s) => s.builder.build);
   const history = useCustomPuck((s) => s.history.histories);
@@ -2914,8 +2917,8 @@ var useBuild = (name) => {
 };
 
 // src/puck/actions/useRemodel.tsx
-var import_puck4 = require("@measured/puck");
-var useCustomPuck2 = (0, import_puck4.createUsePuck)();
+var import_core4 = require("@puckeditor/core");
+var useCustomPuck2 = (0, import_core4.createUsePuck)();
 var useRemodel = () => {
   const remodel = useSoftConfig((s) => s.builder.remodel);
   const history = useCustomPuck2((s) => s.history.histories);
@@ -2979,9 +2982,9 @@ var useRemodel = () => {
 };
 
 // src/puck/actions/useComplete.tsx
-var import_puck5 = require("@measured/puck");
+var import_core5 = require("@puckeditor/core");
 var import_react6 = require("react");
-var useCustomPuck3 = (0, import_puck5.createUsePuck)();
+var useCustomPuck3 = (0, import_core5.createUsePuck)();
 var useComplete = () => {
   const complete = useSoftConfig((s) => s.builder.complete);
   const appState = useCustomPuck3((s) => s.appState);
@@ -2996,7 +2999,11 @@ var useComplete = () => {
       return null;
     }
     try {
-      const completedComponent = complete(appState, setHistories, getItemBySelector);
+      const completedComponent = complete(
+        appState,
+        setHistories,
+        getItemBySelector
+      );
       setNewComponent(completedComponent);
       const componentData = appState.data.root;
       if (componentData) {
@@ -3018,14 +3025,21 @@ var useComplete = () => {
       );
       return null;
     }
-  }, [complete, appState, setHistories, status, triggerAction, getItemBySelector]);
+  }, [
+    complete,
+    appState,
+    setHistories,
+    status,
+    triggerAction,
+    getItemBySelector
+  ]);
   const canComplete = status === "building" || status === "remodeling";
   return { handleComplete, canComplete, newComponent, setNewComponent };
 };
 
 // src/puck/actions/useCancel.tsx
-var import_puck6 = require("@measured/puck");
-var useCustomPuck4 = (0, import_puck6.createUsePuck)();
+var import_core6 = require("@puckeditor/core");
+var useCustomPuck4 = (0, import_core6.createUsePuck)();
 var useCancel = () => {
   const cancel = useSoftConfig((s) => s.builder.cancel);
   const setHistories = useCustomPuck4((s) => s.history.setHistories);
@@ -3056,9 +3070,9 @@ var useCancel = () => {
 };
 
 // src/puck/actions/useInspect.tsx
-var import_puck7 = require("@measured/puck");
+var import_core7 = require("@puckeditor/core");
 var import_react7 = require("react");
-var useCustomPuck5 = (0, import_puck7.createUsePuck)();
+var useCustomPuck5 = (0, import_core7.createUsePuck)();
 var useInspect = (component) => {
   const inspect = useSoftConfig((s) => s.builder.inspect);
   const dispatch = useCustomPuck5((s) => s.dispatch);
@@ -3090,7 +3104,7 @@ var useInspect = (component) => {
 };
 
 // src/puck/actions/useDecompose.tsx
-var import_puck8 = require("@measured/puck");
+var import_core8 = require("@puckeditor/core");
 
 // src/puck/lib/get-prop-by-path.ts
 function getPropertyByPath(props, path) {
@@ -3098,7 +3112,7 @@ function getPropertyByPath(props, path) {
 }
 
 // src/puck/actions/useDecompose.tsx
-var useCustomPuck6 = (0, import_puck8.createUsePuck)();
+var useCustomPuck6 = (0, import_core8.createUsePuck)();
 var useDecompose = () => {
   const decompose = useSoftConfig((s) => s.builder.decompose);
   const appState = useCustomPuck6((s) => s.appState);
@@ -3134,11 +3148,13 @@ var useDecompose = () => {
       const targetAreas = contentAreaNames && contentAreaNames.length > 0 ? contentAreaNames : ["content"];
       targetAreas.forEach((path) => {
         const contentArray = getPropertyByPath(newData, path) || [];
-        const walkedData = (0, import_puck8.walkTree)(
+        const walkedData = (0, import_core8.walkTree)(
           { content: contentArray, root: newData.root || {} },
           config,
           (components) => {
-            const index = components.findIndex((c) => c.props.id === target.props.id);
+            const index = components.findIndex(
+              (c) => c.props.id === target.props.id
+            );
             if (index !== -1) {
               components.splice(index, 1, ...decomposedComponents);
             }
@@ -3172,8 +3188,8 @@ var useDecompose = () => {
 };
 
 // src/puck/actions/useDemolish.tsx
-var import_puck9 = require("@measured/puck");
-var useCustomPuck7 = (0, import_puck9.createUsePuck)();
+var import_core9 = require("@puckeditor/core");
+var useCustomPuck7 = (0, import_core9.createUsePuck)();
 var useDemolish = () => {
   const demolish = useSoftConfig((s) => s.builder.demolish);
   const dispatch = useCustomPuck7((s) => s.dispatch);
@@ -3260,14 +3276,14 @@ var useSetDefaultVersion = () => {
 };
 
 // src/puck/overrides/Header.tsx
-var import_puck11 = require("@measured/puck");
+var import_core11 = require("@puckeditor/core");
 
 // css-module:/home/osamu/Documents/netlisian-soft/packages/soft-config/src/puck/overrides/Header.module.css#css-module
 var Header_module_default = { "Header": "_Header_19oj9_1" };
 
 // src/puck/actions/usePublish.tsx
-var import_puck10 = require("@measured/puck");
-var useCustomPuck8 = (0, import_puck10.createUsePuck)();
+var import_core10 = require("@puckeditor/core");
+var useCustomPuck8 = (0, import_core10.createUsePuck)();
 var usePublish = () => {
   const components = useSoftConfig((s) => s.softComponents);
   const data = useCustomPuck8((s) => s.appState.data);
@@ -3312,9 +3328,9 @@ var Header = ({
   const { handlePublish } = usePublish();
   useInspect(newComponent);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName2(), children: canCancel ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_puck11.Button, { onClick: handleCancel, children: "Cancel" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core11.Button, { onClick: handleCancel, children: "Cancel" }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      import_puck11.Button,
+      import_core11.Button,
       {
         variant: "primary",
         onClick: () => {
@@ -3327,7 +3343,7 @@ var Header = ({
       }
     )
   ] }) : children ? children : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_puck11.Button,
+    import_core11.Button,
     {
       variant: "primary",
       onClick: () => {
@@ -3342,7 +3358,7 @@ var Header = ({
 
 // src/puck/overrides/ActionBar.tsx
 var import_react8 = require("react");
-var import_puck12 = require("@measured/puck");
+var import_core12 = require("@puckeditor/core");
 var import_lucide_react = require("lucide-react");
 
 // css-module:/home/osamu/Documents/netlisian-soft/packages/soft-config/src/puck/overrides/ActionBar.module.css#css-module
@@ -3351,11 +3367,13 @@ var ActionBar_module_default = { "ActionBar": "_ActionBar_pvuie_5", "ActionBar-l
 // src/puck/overrides/ActionBar.tsx
 var import_shallow = require("zustand/shallow");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var useCustomPuck9 = (0, import_puck12.createUsePuck)();
+var useCustomPuck9 = (0, import_core12.createUsePuck)();
 var getClassName3 = get_class_name_factory_default("ActionBar", ActionBar_module_default);
 var ActionBarOverride = (props) => {
   var _a, _b;
-  const { handleBuild } = useBuild(props.label ? props.label + " Soft Component" : "New Soft Component");
+  const { handleBuild } = useBuild(
+    props.label ? props.label + " Soft Component" : "New Soft Component"
+  );
   const { handleRemodel } = useRemodel();
   const { handleDecompose } = useDecompose();
   const overrides = useSoftConfig((s) => s.overrides);
@@ -3376,18 +3394,13 @@ var ActionBarOverride = (props) => {
       existingKeys: softKeys,
       state: status
     }));
-  }, [
-    props.label,
-    overrides,
-    selectedItem == null ? void 0 : selectedItem.type,
-    softKeys,
-    status,
-    rootProps
-  ]);
+  }, [props.label, overrides, selectedItem == null ? void 0 : selectedItem.type, softKeys, status, rootProps]);
   const isSoftComponent2 = softKeys.includes(key);
   const selectedId = (_a = selectedItem == null ? void 0 : selectedItem.props) == null ? void 0 : _a.id;
   const parentId = (_b = itemSelector == null ? void 0 : itemSelector.zone) == null ? void 0 : _b.split(":")[0];
-  const isEditable = Boolean(selectedId && (editableIds.has(selectedId) || parentId && editableIds.has(parentId)));
+  const isEditable = Boolean(
+    selectedId && (editableIds.has(selectedId) || parentId && editableIds.has(parentId))
+  );
   const label = (0, import_react8.useMemo)(() => {
     var _a2;
     if (isSoftComponent2) {
@@ -3395,15 +3408,15 @@ var ActionBarOverride = (props) => {
     }
     return props.label || "";
   }, [isSoftComponent2, key, props.label, overrides, softComponents]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: getClassName3(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_puck12.ActionBar, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_puck12.ActionBar.Group, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: getClassName3(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core12.ActionBar, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core12.ActionBar.Group, { children: [
       props.parentAction,
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_puck12.ActionBar.Label, { label })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.ActionBar.Label, { label })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_puck12.ActionBar.Group, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core12.ActionBar.Group, { children: [
       status === "ready" ? isSoftComponent2 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_puck12.ActionBar.Action,
+          import_core12.ActionBar.Action,
           {
             onClick: () => handleRemodel(key),
             label: "Remodel Soft Component",
@@ -3411,7 +3424,7 @@ var ActionBarOverride = (props) => {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_puck12.ActionBar.Action,
+          import_core12.ActionBar.Action,
           {
             onClick: () => handleDecompose(),
             label: "Decompose Soft Component",
@@ -3419,7 +3432,7 @@ var ActionBarOverride = (props) => {
           }
         )
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_puck12.ActionBar.Action,
+        import_core12.ActionBar.Action,
         {
           onClick: handleBuild,
           label: "Build Soft Component",
@@ -3433,7 +3446,7 @@ var ActionBarOverride = (props) => {
 
 // src/puck/overrides/DrawerItem.tsx
 var import_react10 = require("react");
-var import_puck13 = require("@measured/puck");
+var import_core13 = require("@puckeditor/core");
 var import_lucide_react2 = require("lucide-react");
 
 // src/puck/lib/confirm.ts
@@ -3519,7 +3532,7 @@ var Modal = ({
 // src/puck/overrides/DrawerItem.tsx
 var import_shallow2 = require("zustand/shallow");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var useCustomPuck10 = (0, import_puck13.createUsePuck)();
+var useCustomPuck10 = (0, import_core13.createUsePuck)();
 var getClassName5 = get_class_name_factory_default("DrawerItem", DrawerItem_module_default);
 var DrawerItem = (props) => {
   const componentMeta = useSoftConfig((s) => s.softComponents[props.name]);
@@ -3629,7 +3642,7 @@ var DrawerItem = (props) => {
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: getClassName5("actions"), children: [
               isHovering && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: getClassName5("settingsButton"), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                import_puck13.IconButton,
+                import_core13.IconButton,
                 {
                   title: "Settings",
                   onClick: (e) => {
@@ -3657,8 +3670,10 @@ var DrawerItem = (props) => {
               const isDefault = version === (selectedVersion || defaultVersion);
               const isMarkedForDeletion = versionsToDelete.has(version);
               let rowClass = getClassName5("versionRow");
-              if (isDefault) rowClass += " " + getClassName5("versionRow--isDefault");
-              if (isMarkedForDeletion) rowClass += " " + getClassName5("versionRow--isMarkedForDeletion");
+              if (isDefault)
+                rowClass += " " + getClassName5("versionRow--isDefault");
+              if (isMarkedForDeletion)
+                rowClass += " " + getClassName5("versionRow--isMarkedForDeletion");
               return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: rowClass, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: getClassName5("versionInfo"), children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: getClassName5("versionNumber"), children: [
@@ -3669,14 +3684,28 @@ var DrawerItem = (props) => {
                   isMarkedForDeletion && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: getClassName5("deleteBadge"), children: "Marked for deletion" })
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: getClassName5("versionActions"), children: [
-                  !isDefault && !isMarkedForDeletion && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_puck13.Button, { variant: "secondary", onClick: () => setSelectedVersion(version), children: "Set as Default" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_puck13.Button, { variant: "secondary", onClick: () => toggleVersionForDeletion(version), children: isMarkedForDeletion ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.X, { size: 14 }),
-                    " Undo"
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Trash2, { size: 14 }),
-                    " Delete"
-                  ] }) })
+                  !isDefault && !isMarkedForDeletion && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    import_core13.Button,
+                    {
+                      variant: "secondary",
+                      onClick: () => setSelectedVersion(version),
+                      children: "Set as Default"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    import_core13.Button,
+                    {
+                      variant: "secondary",
+                      onClick: () => toggleVersionForDeletion(version),
+                      children: isMarkedForDeletion ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.X, { size: 14 }),
+                        " Undo"
+                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Trash2, { size: 14 }),
+                        " Delete"
+                      ] })
+                    }
+                  )
                 ] })
               ] }, version);
             }) })
@@ -3698,10 +3727,20 @@ var DrawerItem = (props) => {
                       type: "button",
                       role: "radio",
                       "aria-checked": isSelected,
-                      className: `${getClassName5("migrationOption")} ${isSelected ? getClassName5("migrationOption--isSelected") : ""}`,
+                      className: `${getClassName5("migrationOption")} ${isSelected ? getClassName5(
+                        "migrationOption--isSelected"
+                      ) : ""}`,
                       onClick: () => setMigrationTarget(target.value),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: getClassName5("migrationOptionLabel"), children: target.label }),
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                          "span",
+                          {
+                            className: getClassName5(
+                              "migrationOptionLabel"
+                            ),
+                            children: target.label
+                          }
+                        ),
                         isSelected && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Check, { size: 14 })
                       ]
                     },
@@ -3713,25 +3752,42 @@ var DrawerItem = (props) => {
             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: getClassName5("helpText"), children: "Choose where to move existing instances of the deleted versions." })
           ] })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: getClassName5("section"), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { children: [
-          "Manage high-level settings for the ",
+          "Manage high-level settings for the",
+          " ",
           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("strong", { children: displayName }),
           " component."
         ] }) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: getClassName5("modalFooter"), children: [
           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: getClassName5("footerLeft"), children: [
-            useVersioning ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_puck13.Button, { size: "medium", onClick: handleApply, children: [
+            useVersioning ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core13.Button, { size: "medium", onClick: handleApply, children: [
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Check, { size: 16 }),
               " Apply Changes"
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_puck13.Button, { size: "medium", onClick: handleCancel, children: "Close" }),
-            useVersioning && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_puck13.Button, { size: "medium", variant: "secondary", onClick: handleCancel, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.X, { size: 16 }),
-              " Cancel"
-            ] })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core13.Button, { size: "medium", onClick: handleCancel, children: "Close" }),
+            useVersioning && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+              import_core13.Button,
+              {
+                size: "medium",
+                variant: "secondary",
+                onClick: handleCancel,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.X, { size: 16 }),
+                  " Cancel"
+                ]
+              }
+            )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: getClassName5("footerRight"), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_puck13.Button, { size: "medium", variant: "secondary", onClick: handleDemolishClick, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Trash2, { size: 16 }),
-            " Demolish Component"
-          ] }) })
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: getClassName5("footerRight"), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+            import_core13.Button,
+            {
+              size: "medium",
+              variant: "secondary",
+              onClick: handleDemolishClick,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Trash2, { size: 16 }),
+                " Demolish Component"
+              ]
+            }
+          ) })
         ] })
       ] }) })
     ] });
@@ -3741,7 +3797,7 @@ var DrawerItem = (props) => {
 
 // src/puck/overrides/Drawer.tsx
 var import_react11 = require("react");
-var import_puck14 = require("@measured/puck");
+var import_core14 = require("@puckeditor/core");
 var import_lucide_react3 = require("lucide-react");
 
 // css-module:/home/osamu/Documents/netlisian-soft/packages/soft-config/src/puck/overrides/Drawer.module.css#css-module
@@ -3749,7 +3805,7 @@ var Drawer_module_default = { "Drawer": "_Drawer_12zq5_1", "Drawer-category": "_
 
 // src/puck/overrides/Drawer.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var useCustomPuck11 = (0, import_puck14.createUsePuck)();
+var useCustomPuck11 = (0, import_core14.createUsePuck)();
 var getClassName6 = get_class_name_factory_default("Drawer", Drawer_module_default);
 var getCategoryClassName = get_class_name_factory_default("Drawer-category", Drawer_module_default);
 var CategorySection = ({
@@ -3773,8 +3829,8 @@ var CategorySection = ({
       ]
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: getClassName6("categoryContent"), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_puck14.Drawer, { children: componentKeys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_puck14.Drawer.Item,
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: getClassName6("categoryContent"), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core14.Drawer, { children: componentKeys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_core14.Drawer.Item,
     {
       name: key,
       isDragDisabled: !getPermissions({ type: key }).insert,
@@ -3795,10 +3851,13 @@ var Drawer = (_props) => {
     })
   );
   const allKeys = Object.keys(config.components);
-  const labels = Object.entries(config.components).reduce((acc, [key, comp]) => {
-    acc[key] = comp.label || key;
-    return acc;
-  }, {});
+  const labels = Object.entries(config.components).reduce(
+    (acc, [key, comp]) => {
+      acc[key] = comp.label || key;
+      return acc;
+    },
+    {}
+  );
   const otherKeys = allKeys.filter((k) => !categorised.has(k));
   const categoryEntries = Object.entries(categories).filter(
     ([, cat]) => cat.visible !== false
@@ -3813,8 +3872,8 @@ var Drawer = (_props) => {
   });
   const toggle = (id) => setExpanded((prev) => __spreadProps(__spreadValues({}, prev), { [id]: !prev[id] }));
   if (categoryEntries.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_puck14.Drawer, { children: allKeys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      import_puck14.Drawer.Item,
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core14.Drawer, { children: allKeys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_core14.Drawer.Item,
       {
         name: key,
         label: labels[key],
@@ -3857,9 +3916,9 @@ var Drawer = (_props) => {
 };
 
 // src/puck/overrides/HeaderActions.tsx
-var import_puck15 = require("@measured/puck");
+var import_core15 = require("@puckeditor/core");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var useCustomPuck12 = (0, import_puck15.createUsePuck)();
+var useCustomPuck12 = (0, import_core15.createUsePuck)();
 var HeaderActions = ({ children }) => {
   const { handleComplete } = useComplete();
   const { handleCancel, canCancel } = useCancel();
@@ -3868,16 +3927,20 @@ var HeaderActions = ({ children }) => {
   const selectedItemSelector = appState.ui.itemSelector;
   const inspect = useSoftConfig((s) => s.builder.inspect);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: canCancel ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_puck15.Button, { onClick: handleCancel, children: "Cancel" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core15.Button, { onClick: handleCancel, children: "Cancel" }),
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      import_puck15.Button,
+      import_core15.Button,
       {
         variant: "primary",
         onClick: () => {
           const completedComponent = handleComplete();
           if (completedComponent) {
             try {
-              inspect(completedComponent.id, dispatch, selectedItemSelector);
+              inspect(
+                completedComponent.id,
+                dispatch,
+                selectedItemSelector
+              );
             } catch (error) {
               notify.error(
                 "Failed to inspect after completion: " + (error instanceof Error ? error.message : String(error))

package/dist/puck/index.mjs

@@ -519,7 +519,7 @@ var rootActionHandler = (set, get) => (action, appState, previousState) => {
 // src/puck/store/slices/builder.tsx
 import {
   walkTree as walkTree2
-} from "@measured/puck";
+} from "@puckeditor/core";
 
 // src/puck/lib/soft-component-constants.ts
 var TECHNICAL_KEYS = /* @__PURE__ */ new Set(["_map", "_slot", "id", "_version"]);
@@ -1507,7 +1507,7 @@ function isSoftComponent(componentType, softComponents) {
 }
 
 // src/puck/lib/demolish-soft-component.ts
-import { walkTree } from "@measured/puck";
+import { walkTree } from "@puckeditor/core";
 function demolishSoftComponent(componentName, data, config, softComponents) {
   const resolvedData = walkTree(data, config, (components) => {
     components.forEach((componentData, index) => {
@@ -1736,7 +1736,10 @@ var createBuildersSlice = (set, get) => ({
       const readOnly = [
         ...readOnlyFields.map((f) => String(f)),
         ...readOnlyArrayBases
-      ].reduce((acc, field) => __spreadProps(__spreadValues({}, acc), { [field]: true }), {});
+      ].reduce(
+        (acc, field) => __spreadProps(__spreadValues({}, acc), { [field]: true }),
+        {}
+      );
       puckDispatch({
         type: "replace",
         destinationIndex: itemSelector.index,
@@ -2772,7 +2775,7 @@ var SoftConfigProvider = ({
 };
 
 // src/puck/actions/useBuild.tsx
-import { createUsePuck } from "@measured/puck";
+import { createUsePuck } from "@puckeditor/core";
 
 // src/puck/lib/notify.ts
 var customHandler = null;
@@ -2852,7 +2855,7 @@ var useBuild = (name) => {
 };
 
 // src/puck/actions/useRemodel.tsx
-import { createUsePuck as createUsePuck2 } from "@measured/puck";
+import { createUsePuck as createUsePuck2 } from "@puckeditor/core";
 var useCustomPuck2 = createUsePuck2();
 var useRemodel = () => {
   const remodel = useSoftConfig((s) => s.builder.remodel);
@@ -2917,7 +2920,7 @@ var useRemodel = () => {
 };
 
 // src/puck/actions/useComplete.tsx
-import { createUsePuck as createUsePuck3 } from "@measured/puck";
+import { createUsePuck as createUsePuck3 } from "@puckeditor/core";
 import { useState as useState2, useCallback as useCallback2 } from "react";
 var useCustomPuck3 = createUsePuck3();
 var useComplete = () => {
@@ -2934,7 +2937,11 @@ var useComplete = () => {
       return null;
     }
     try {
-      const completedComponent = complete(appState, setHistories, getItemBySelector);
+      const completedComponent = complete(
+        appState,
+        setHistories,
+        getItemBySelector
+      );
       setNewComponent(completedComponent);
       const componentData = appState.data.root;
       if (componentData) {
@@ -2956,13 +2963,20 @@ var useComplete = () => {
       );
       return null;
     }
-  }, [complete, appState, setHistories, status, triggerAction, getItemBySelector]);
+  }, [
+    complete,
+    appState,
+    setHistories,
+    status,
+    triggerAction,
+    getItemBySelector
+  ]);
   const canComplete = status === "building" || status === "remodeling";
   return { handleComplete, canComplete, newComponent, setNewComponent };
 };
 
 // src/puck/actions/useCancel.tsx
-import { createUsePuck as createUsePuck4 } from "@measured/puck";
+import { createUsePuck as createUsePuck4 } from "@puckeditor/core";
 var useCustomPuck4 = createUsePuck4();
 var useCancel = () => {
   const cancel = useSoftConfig((s) => s.builder.cancel);
@@ -2994,7 +3008,7 @@ var useCancel = () => {
 };
 
 // src/puck/actions/useInspect.tsx
-import { createUsePuck as createUsePuck5 } from "@measured/puck";
+import { createUsePuck as createUsePuck5 } from "@puckeditor/core";
 import { useEffect as useEffect2 } from "react";
 var useCustomPuck5 = createUsePuck5();
 var useInspect = (component) => {
@@ -3028,7 +3042,7 @@ var useInspect = (component) => {
 };
 
 // src/puck/actions/useDecompose.tsx
-import { createUsePuck as createUsePuck6, walkTree as walkTree3 } from "@measured/puck";
+import { createUsePuck as createUsePuck6, walkTree as walkTree3 } from "@puckeditor/core";
 
 // src/puck/lib/get-prop-by-path.ts
 function getPropertyByPath(props, path) {
@@ -3076,7 +3090,9 @@ var useDecompose = () => {
           { content: contentArray, root: newData.root || {} },
           config,
           (components) => {
-            const index = components.findIndex((c) => c.props.id === target.props.id);
+            const index = components.findIndex(
+              (c) => c.props.id === target.props.id
+            );
             if (index !== -1) {
               components.splice(index, 1, ...decomposedComponents);
             }
@@ -3110,7 +3126,7 @@ var useDecompose = () => {
 };
 
 // src/puck/actions/useDemolish.tsx
-import { createUsePuck as createUsePuck7 } from "@measured/puck";
+import { createUsePuck as createUsePuck7 } from "@puckeditor/core";
 var useCustomPuck7 = createUsePuck7();
 var useDemolish = () => {
   const demolish = useSoftConfig((s) => s.builder.demolish);
@@ -3198,13 +3214,13 @@ var useSetDefaultVersion = () => {
 };
 
 // src/puck/overrides/Header.tsx
-import { Button } from "@measured/puck";
+import { Button } from "@puckeditor/core";
 
 // css-module:/home/osamu/Documents/netlisian-soft/packages/soft-config/src/puck/overrides/Header.module.css#css-module
 var Header_module_default = { "Header": "_Header_19oj9_1" };
 
 // src/puck/actions/usePublish.tsx
-import { createUsePuck as createUsePuck8 } from "@measured/puck";
+import { createUsePuck as createUsePuck8 } from "@puckeditor/core";
 var useCustomPuck8 = createUsePuck8();
 var usePublish = () => {
   const components = useSoftConfig((s) => s.softComponents);
@@ -3280,7 +3296,7 @@ var Header = ({
 
 // src/puck/overrides/ActionBar.tsx
 import { useMemo as useMemo3 } from "react";
-import { ActionBar, createUsePuck as createUsePuck10 } from "@measured/puck";
+import { ActionBar, createUsePuck as createUsePuck10 } from "@puckeditor/core";
 import { Combine, ComponentIcon, EditIcon } from "lucide-react";
 
 // css-module:/home/osamu/Documents/netlisian-soft/packages/soft-config/src/puck/overrides/ActionBar.module.css#css-module
@@ -3293,7 +3309,9 @@ var useCustomPuck9 = createUsePuck10();
 var getClassName3 = get_class_name_factory_default("ActionBar", ActionBar_module_default);
 var ActionBarOverride = (props) => {
   var _a, _b;
-  const { handleBuild } = useBuild(props.label ? props.label + " Soft Component" : "New Soft Component");
+  const { handleBuild } = useBuild(
+    props.label ? props.label + " Soft Component" : "New Soft Component"
+  );
   const { handleRemodel } = useRemodel();
   const { handleDecompose } = useDecompose();
   const overrides = useSoftConfig((s) => s.overrides);
@@ -3314,18 +3332,13 @@ var ActionBarOverride = (props) => {
       existingKeys: softKeys,
       state: status
     }));
-  }, [
-    props.label,
-    overrides,
-    selectedItem == null ? void 0 : selectedItem.type,
-    softKeys,
-    status,
-    rootProps
-  ]);
+  }, [props.label, overrides, selectedItem == null ? void 0 : selectedItem.type, softKeys, status, rootProps]);
   const isSoftComponent2 = softKeys.includes(key);
   const selectedId = (_a = selectedItem == null ? void 0 : selectedItem.props) == null ? void 0 : _a.id;
   const parentId = (_b = itemSelector == null ? void 0 : itemSelector.zone) == null ? void 0 : _b.split(":")[0];
-  const isEditable = Boolean(selectedId && (editableIds.has(selectedId) || parentId && editableIds.has(parentId)));
+  const isEditable = Boolean(
+    selectedId && (editableIds.has(selectedId) || parentId && editableIds.has(parentId))
+  );
   const label = useMemo3(() => {
     var _a2;
     if (isSoftComponent2) {
@@ -3371,7 +3384,7 @@ var ActionBarOverride = (props) => {
 
 // src/puck/overrides/DrawerItem.tsx
 import { useState as useState4 } from "react";
-import { Button as Button2, IconButton, createUsePuck as createUsePuck11 } from "@measured/puck";
+import { Button as Button2, IconButton, createUsePuck as createUsePuck11 } from "@puckeditor/core";
 import { GripVertical, Check, X, Trash2, Cog } from "lucide-react";
 
 // src/puck/lib/confirm.ts
@@ -3595,8 +3608,10 @@ var DrawerItem = (props) => {
               const isDefault = version === (selectedVersion || defaultVersion);
               const isMarkedForDeletion = versionsToDelete.has(version);
               let rowClass = getClassName5("versionRow");
-              if (isDefault) rowClass += " " + getClassName5("versionRow--isDefault");
-              if (isMarkedForDeletion) rowClass += " " + getClassName5("versionRow--isMarkedForDeletion");
+              if (isDefault)
+                rowClass += " " + getClassName5("versionRow--isDefault");
+              if (isMarkedForDeletion)
+                rowClass += " " + getClassName5("versionRow--isMarkedForDeletion");
               return /* @__PURE__ */ jsxs4("div", { className: rowClass, children: [
                 /* @__PURE__ */ jsxs4("div", { className: getClassName5("versionInfo"), children: [
                   /* @__PURE__ */ jsxs4("span", { className: getClassName5("versionNumber"), children: [
@@ -3607,14 +3622,28 @@ var DrawerItem = (props) => {
                   isMarkedForDeletion && /* @__PURE__ */ jsx8("span", { className: getClassName5("deleteBadge"), children: "Marked for deletion" })
                 ] }),
                 /* @__PURE__ */ jsxs4("div", { className: getClassName5("versionActions"), children: [
-                  !isDefault && !isMarkedForDeletion && /* @__PURE__ */ jsx8(Button2, { variant: "secondary", onClick: () => setSelectedVersion(version), children: "Set as Default" }),
-                  /* @__PURE__ */ jsx8(Button2, { variant: "secondary", onClick: () => toggleVersionForDeletion(version), children: isMarkedForDeletion ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
-                    /* @__PURE__ */ jsx8(X, { size: 14 }),
-                    " Undo"
-                  ] }) : /* @__PURE__ */ jsxs4(Fragment4, { children: [
-                    /* @__PURE__ */ jsx8(Trash2, { size: 14 }),
-                    " Delete"
-                  ] }) })
+                  !isDefault && !isMarkedForDeletion && /* @__PURE__ */ jsx8(
+                    Button2,
+                    {
+                      variant: "secondary",
+                      onClick: () => setSelectedVersion(version),
+                      children: "Set as Default"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx8(
+                    Button2,
+                    {
+                      variant: "secondary",
+                      onClick: () => toggleVersionForDeletion(version),
+                      children: isMarkedForDeletion ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
+                        /* @__PURE__ */ jsx8(X, { size: 14 }),
+                        " Undo"
+                      ] }) : /* @__PURE__ */ jsxs4(Fragment4, { children: [
+                        /* @__PURE__ */ jsx8(Trash2, { size: 14 }),
+                        " Delete"
+                      ] })
+                    }
+                  )
                 ] })
               ] }, version);
             }) })
@@ -3636,10 +3665,20 @@ var DrawerItem = (props) => {
                       type: "button",
                       role: "radio",
                       "aria-checked": isSelected,
-                      className: `${getClassName5("migrationOption")} ${isSelected ? getClassName5("migrationOption--isSelected") : ""}`,
+                      className: `${getClassName5("migrationOption")} ${isSelected ? getClassName5(
+                        "migrationOption--isSelected"
+                      ) : ""}`,
                       onClick: () => setMigrationTarget(target.value),
                       children: [
-                        /* @__PURE__ */ jsx8("span", { className: getClassName5("migrationOptionLabel"), children: target.label }),
+                        /* @__PURE__ */ jsx8(
+                          "span",
+                          {
+                            className: getClassName5(
+                              "migrationOptionLabel"
+                            ),
+                            children: target.label
+                          }
+                        ),
                         isSelected && /* @__PURE__ */ jsx8(Check, { size: 14 })
                       ]
                     },
@@ -3651,7 +3690,8 @@ var DrawerItem = (props) => {
             /* @__PURE__ */ jsx8("p", { className: getClassName5("helpText"), children: "Choose where to move existing instances of the deleted versions." })
           ] })
         ] }) : /* @__PURE__ */ jsx8("div", { className: getClassName5("section"), children: /* @__PURE__ */ jsxs4("p", { children: [
-          "Manage high-level settings for the ",
+          "Manage high-level settings for the",
+          " ",
           /* @__PURE__ */ jsx8("strong", { children: displayName }),
           " component."
         ] }) }) }),
@@ -3661,15 +3701,31 @@ var DrawerItem = (props) => {
               /* @__PURE__ */ jsx8(Check, { size: 16 }),
               " Apply Changes"
             ] }) : /* @__PURE__ */ jsx8(Button2, { size: "medium", onClick: handleCancel, children: "Close" }),
-            useVersioning && /* @__PURE__ */ jsxs4(Button2, { size: "medium", variant: "secondary", onClick: handleCancel, children: [
-              /* @__PURE__ */ jsx8(X, { size: 16 }),
-              " Cancel"
-            ] })
+            useVersioning && /* @__PURE__ */ jsxs4(
+              Button2,
+              {
+                size: "medium",
+                variant: "secondary",
+                onClick: handleCancel,
+                children: [
+                  /* @__PURE__ */ jsx8(X, { size: 16 }),
+                  " Cancel"
+                ]
+              }
+            )
           ] }),
-          /* @__PURE__ */ jsx8("div", { className: getClassName5("footerRight"), children: /* @__PURE__ */ jsxs4(Button2, { size: "medium", variant: "secondary", onClick: handleDemolishClick, children: [
-            /* @__PURE__ */ jsx8(Trash2, { size: 16 }),
-            " Demolish Component"
-          ] }) })
+          /* @__PURE__ */ jsx8("div", { className: getClassName5("footerRight"), children: /* @__PURE__ */ jsxs4(
+            Button2,
+            {
+              size: "medium",
+              variant: "secondary",
+              onClick: handleDemolishClick,
+              children: [
+                /* @__PURE__ */ jsx8(Trash2, { size: 16 }),
+                " Demolish Component"
+              ]
+            }
+          ) })
         ] })
       ] }) })
     ] });
@@ -3679,7 +3735,7 @@ var DrawerItem = (props) => {
 
 // src/puck/overrides/Drawer.tsx
 import { useState as useState5 } from "react";
-import { createUsePuck as createUsePuck12, Drawer as PuckDrawer } from "@measured/puck";
+import { createUsePuck as createUsePuck12, Drawer as PuckDrawer } from "@puckeditor/core";
 import { ChevronDown, ChevronUp } from "lucide-react";
 
 // css-module:/home/osamu/Documents/netlisian-soft/packages/soft-config/src/puck/overrides/Drawer.module.css#css-module
@@ -3733,10 +3789,13 @@ var Drawer = (_props) => {
     })
   );
   const allKeys = Object.keys(config.components);
-  const labels = Object.entries(config.components).reduce((acc, [key, comp]) => {
-    acc[key] = comp.label || key;
-    return acc;
-  }, {});
+  const labels = Object.entries(config.components).reduce(
+    (acc, [key, comp]) => {
+      acc[key] = comp.label || key;
+      return acc;
+    },
+    {}
+  );
   const otherKeys = allKeys.filter((k) => !categorised.has(k));
   const categoryEntries = Object.entries(categories).filter(
     ([, cat]) => cat.visible !== false
@@ -3795,7 +3854,7 @@ var Drawer = (_props) => {
 };
 
 // src/puck/overrides/HeaderActions.tsx
-import { Button as Button3, createUsePuck as createUsePuck13 } from "@measured/puck";
+import { Button as Button3, createUsePuck as createUsePuck13 } from "@puckeditor/core";
 import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 var useCustomPuck12 = createUsePuck13();
 var HeaderActions = ({ children }) => {
@@ -3815,7 +3874,11 @@ var HeaderActions = ({ children }) => {
           const completedComponent = handleComplete();
           if (completedComponent) {
             try {
-              inspect(completedComponent.id, dispatch, selectedItemSelector);
+              inspect(
+                completedComponent.id,
+                dispatch,
+                selectedItemSelector
+              );
             } catch (error) {
               notify.error(
                 "Failed to inspect after completion: " + (error instanceof Error ? error.message : String(error))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netlisian/softconfig",
-  "version": "0.1.10",
+  "version": "0.2.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -43,7 +43,7 @@
     "@types/node": "^20.11.24",
     "@types/react": "^18.0.0 || ^19.0.0",
     "@types/react-dom": "^18.0.0 || ^19.0.0",
-    "eslint": "^9.36.0",
+    "eslint": "~8.57.1",
     "postcss": "^8.5.6",
     "postcss-modules": "^6.0.1",
     "size-limit": "^11.1.6",
@@ -60,7 +60,7 @@
     "zustand": "^5.0.3"
   },
   "peerDependencies": {
-    "@measured/puck": "0.20.x",
+    "@puckeditor/core": "0.21.x",
     "react": ">=18.0.0 <20.3.0"
   },
   "publishConfig": {