@netlisian/softconfig 0.1.8 → 0.1.9

package/dist/puck/index.d.mts

@@ -153,87 +153,169 @@ type VersionedSoftComponent = {
 type SoftComponents = Record<string, VersionedSoftComponent>;
 
 type CompletedComponentResult = {
+    /**
+     * The generated unique registry key/identifier of the completed soft component.
+     */
     id: string;
+    /**
+     * The resolved semantic version string of the completed soft component version.
+     */
     version: string;
+    /**
+     * The compiled underlying JSON definition representing the soft component structure.
+     */
     softComponent: VersionedSoftComponent["versions"][string];
 };
 type BuildersSlice = {
     /**
-     * Build a new soft component based on the selected item in history.
+     * Initializes the "build" mode to package standard component tree elements into a
+     * brand-new, unified, and reusable soft component.
+     *
+     * @param history - The current Puck workspace history timeline stack. Used to store
+     *                  the undo/redo states so they can be restored if the session is canceled.
+     * @param selectedItem - The component instance selected in the workspace that will
+     *                       serve as the seed/root of the building sandbox.
+     * @param itemSelector - Placement and index metadata of the selected item in the editor.
+     * @param puckDispatch - The Puck API dispatch function to apply state modifications.
+     * @param name - Optional initial user-facing label/display name for the new soft component.
+     *
+     * @throws {Error} If no item is selected or the item selector is null.
      *
-     * Steps:
-     * 1. Data Modifications:
-     *    - Store History
-     *    - Set currently selected item to the root
-     * 2. Soft Config Modifications:
-     *    - Update root to include: name, fields, fieldSettings, for soft component
-     *    - Update each component config to map the soft fields to component fields
-     *    - Update each component for slot settings (Dropzone enable/disable)
+     * Lifecycle & Side Effects:
+     * 1. Clones and caches the current core soft configuration and history to the store.
+     * 2. Scans the workspace sub-tree to collect all descendent element IDs.
+     * 3. Schedules edit visibility highlights to visual-lock edits within the builder boundaries.
+     * 4. Transitions the builder workflow state to "building".
      */
     build: (history: History<AppState>[], selectedItem: PuckApi["selectedItem"], itemSelector: {
         index: number;
         zone?: string;
     } | null, puckDispatch: PuckApi["dispatch"], name?: string) => void | null;
     /**
-     * Remodel the selected soft component by decomposing it and resetting as root.
+     * Enters "remodel" mode for an existing soft component, decomposing its compiled structure back
+     * into constituent discrete components inside the builder workspace.
      *
-     * Steps:
-     * 1. Data Modifications:
-     *    - Store History
-     *    - Decompose and set selected soft component to root
-     * 2. Soft Config Modifications:
-     *    - Update root with name, fields, fieldSettings for soft component
-     *    - Update each component config to map soft fields to component fields
-     *    - Update each component for slot settings (Dropzone enable/disable)
-     *    - Remove selected component or dependencies to avoid circular dependencies
+     * @param history - The current Puck history list to cache for later restoration.
+     * @param selectedItem - The compiled soft component instance selected in the editor.
+     * @param itemSelector - Workspace index and droppable zone metadata of the selected component.
+     * @param puckDispatch - The Puck API dispatch function.
+     * @param refreshPermission - Callback function to refresh access permissions (currently unused).
+     *
+     * @throws {Error} If the selection parameters are missing, or if the target soft component
+     *                 definition cannot be resolved from the cache.
+     *
+     * Lifecycle & Side Effects:
+     * 1. Fetches the soft component version schema from the Zustand store.
+     * 2. Evaluates the reverse dependency graph to identify components depending on this soft component.
+     *    This locks editing on dependent elements to avoid creating circular dependencies.
+     * 3. Explodes the soft component into its constituent raw components in-place within the document data.
+     * 4. Updates visual iframe overlays to confine editing to the decomposed sub-tree.
+     * 5. Transitions the builder workspace state to "remodeling".
      */
     remodel: (history: History<AppState>[], selectedItem: PuckApi["selectedItem"], itemSelector: {
         index: number;
         zone?: string;
     } | null, puckDispatch: PuckApi["dispatch"], refreshPermission: () => void) => void;
     /**
-     * Switch to a different version of the soft component being remodeled.
+     * Switches the active soft component inside the remodeling session to a different
+     * registered semantic version.
+     *
+     * @param componentName - The unique registry key of the soft component.
+     * @param newVersion - The target version to activate.
+     * @param currentProps - The current top-level properties configured for this element instance.
+     * @param puckDispatch - The Puck API dispatch function.
+     *
+     * @throws {Error} If the store is not currently in the 'remodeling' state, or if the
+     *                 requested version is missing.
      *
-     * Steps:
-     * 1. Get the soft component for the selected version
-     * 2. Convert it back to AppState format
-     * 3. Update the puck data with the new version's content
+     * Lifecycle & Side Effects:
+     * 1. Resolves the target version's raw layout structure from the store.
+     * 2. Re-runs soft component-to-AppState conversions for the target version.
+     * 3. Replaces the active remodeling workspace content in-place with the selected version's elements.
      */
     setVersion: (componentName: string, newVersion: string, currentProps: Record<string, any>, puckDispatch: PuckApi["dispatch"]) => void;
     /**
-     * Mark the current build/remodel as complete.
+     * Finalizes the current build or remodel session, packaging all active workspace components
+     * into a compiled, versioned, reusable soft component configuration.
      *
-     * Steps:
-     * 1. Config Modifications:
-     *    - Compose the build settings into soft component
-     *    - Set the component to the config
-     *    - Restore permissions, resolve fields and resolve data of all components
-     * 2. Data Modifications:
-     *    - Transform the last item of history to replace the source components into composed soft component
-     *    - Strip the build settings fields
-     *    - Apply modified history to puck data.
+     * @param appState - The current state of the builder editor workspace containing the composed elements.
+     * @param setHistories - Puck API callback to restore the original builder history timeline.
+     * @param getItemBySelector - Puck API utility to resolve a workspace item using its selector.
+     * @returns An object containing the generated component ID, version, and compiled soft component structure.
+     *
+     * @throws {Error} If the store is not in building/remodeling state, the root component is unnamed,
+     *                 or if the selected item cannot be resolved in the workspace.
+     *
+     * Lifecycle & Side Effects:
+     * 1. Converts display labels into safe, unique PascalCase configuration registration keys.
+     * 2. Packages workspace child items into a JSON-serializable versioned schema.
+     * 3. Re-registers the component with the core configuration components registry.
+     * 4. Categorizes the component within layout groups.
+     * 5. Restores original history timelines and transitions store state to "inspecting".
+     * 6. Rebuilds all other registered soft components that depend on this updated component.
      */
     complete: (appState: AppState<any>, setHistories: PuckApi["history"]["setHistories"], getItemBySelector: PuckApi["getItemBySelector"]) => CompletedComponentResult;
+    /**
+     * Permanently deletes a soft component registration and purges all of its active
+     * occurrences/instances from the active workspace document data.
+     *
+     * @param componentName - The unique registry name of the soft component to delete.
+     * @param data - The active workspace document data to scan and clean.
+     * @param puckDispatch - The Puck API dispatch function to apply document cleanups.
+     *
+     * @throws {Error} If the store is not currently in the stable 'ready' state.
+     */
     demolish: (componentName: string, data: AppState["data"], puckDispatch: PuckApi["dispatch"]) => void;
+    /**
+     * Concludes the inspection workflow, replacing the temporary seed item within the
+     * editor workspace document with the newly compiled soft component instance.
+     *
+     * @param componentName - The final compiled component registry name.
+     * @param puckDispatch - The Puck API dispatch function.
+     *
+     * @throws {Error} If the store is not currently in the 'inspecting' state.
+     *
+     * Lifecycle & Side Effects:
+     * 1. Walk the workspace tree to locate the temporary component being built/remodeled.
+     * 2. Replace it with the compiled component type and default versioned props.
+     * 3. Flushes layout restriction overlays on the iframe.
+     * 4. Resets active builder metadata and transitions state back to "ready".
+     */
     inspect: (componentName: string, puckDispatch: PuckApi["dispatch"]) => void;
     /**
-     * Mark the current build/remodel as complete.
+     * Discards all modifications made during the current build or remodel session,
+     * reverting the editor config, workspace elements, and histories back to their original state.
      *
-     * Steps:
-     * 1. Config Modifications:
-     *    - Restore permissions, resolve fields and resolve data of all components
-     * 2. Data Modifications:
-     *    - Restore history to puck data.
+     * @param setHistories - Puck API callback to restore the original history list.
+     *
+     * Lifecycle & Side Effects:
+     * 1. Transitions store state to "cancelling" to suppress conflicting updates.
+     * 2. Re-applies the original workspace config and timeline histories.
+     * 3. Clears visual iframe constraints and resets active builder metadata back to normal.
      */
     cancel: (setHistories: PuckApi["history"]["setHistories"]) => void;
-    /** Compose multiple components into a soft component.
-     * 1. SoftComponent: Get soft fields + default values from the appState.root + sub-component maps + fixedProps
+    /**
+     * Internal compiler hook that converts builder editor workspace states (root props, children)
+     * into a unified `SoftComponent` schema and creates a versioned config.
+     *
+     * @param appState - The current builder editor state.
+     * @param componentName - The unique registry key for the soft component.
+     * @param editedItem - The original seed component that initiated the build session.
+     * @param displayName - The user-facing display name of the soft component.
+     * @param category - Optional layout category placement inside the component toolbox.
+     * @returns A tuple containing the `ComponentConfig` and its resolved version string, or undefined if failed.
+     *
+     * @throws {Error} If the component name is empty or collides with existing configs during a new build.
      */
     compose: (appState: AppState, componentName: string, editedItem: ComponentData, displayName: string, category?: string) => [ComponentConfig, string] | undefined;
-    /** Break down a composed component into its parts.
-     * 1. Get softComponentProps
-     * 2. Create a virtual component with all the props from soft-component.
-     * 3. Replace the softComponent with hardComponent
+    /**
+     * Utility to break down a composed soft component's props and children back into
+     * their discrete, uncompiled constituent elements.
+     *
+     * @param componentData - The compiled component data instance.
+     * @returns An array of unpacked standard child component data objects.
+     *
+     * @throws {Error} If the input component data lacks type or ID.
      */
     decompose: (componentData: ComponentData) => ComponentData[];
 };
@@ -306,7 +388,7 @@ type RenderFunc<Props extends Record<string, unknown> = {
 type Overrides = {
     componentLabelToName?: (label: string, context: Partial<BuilderRootConfig> & {
         existingKeys: string[];
-        state: "building" | "remodeling" | "ready" | "inspecting";
+        state: Status;
     }) => string;
     componentNameToLabel?: (name: string) => string;
     onRemodel?: (name: string) => Record<string, unknown>;
@@ -346,7 +428,7 @@ type Overrides = {
 };
 
 /** Represents the current editing mode of the Puck editor. */
-type Status = "building" | "remodeling" | "ready" | "inspecting";
+type Status = "building" | "remodeling" | "ready" | "cancelling" | "inspecting";
 type AppStore = {
     /** The current merged Puck config (hard + soft components). Rebuilt on soft component changes. */
     softConfig: Config;
@@ -746,4 +828,4 @@ declare const isArrayMappingPath: (path: string) => boolean;
 declare const getArrayBasePath: (arrayPath: string) => string | null;
 declare const getArrayItemSubPath: (arrayPath: string) => string | null;
 
-export { ActionBarOverride as ActionBar, type ActionEventPayload, type AppStore, type AppStoreApi, type ApplyMappingOptions, type ApplyMappingResult, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Drawer as ComponentList, type CustomFieldDefinition, type CustomFieldReturnType, type CustomFields, Drawer, DrawerItem, type FieldSettings, Header, HeaderActions, type MapEntry, Modal, type OnActionsCallback, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, type SoftFieldDefinition, type SoftFieldSettings, type VersionedSoftComponent, applyMapping, confirm, createActionCallback, createSoftConfigStore, createUseSoftConfig, filterToOptionsForFrom, getArrayBasePath, getArrayItemSubPath, isArrayMappingPath, notify, resolveSoftConfig, resolveValueByPath, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig, useSoftConfigStore };
+export { ActionBarOverride as ActionBar, type ActionEventPayload, type AppStore, type AppStoreApi, type ApplyMappingOptions, type ApplyMappingResult, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Drawer as ComponentList, type CustomFieldDefinition, type CustomFieldReturnType, type CustomFields, Drawer, DrawerItem, type FieldSettings, Header, HeaderActions, type MapEntry, Modal, type OnActionsCallback, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, type SoftFieldDefinition, type SoftFieldSettings, type Status, type VersionedSoftComponent, applyMapping, confirm, createActionCallback, createSoftConfigStore, createUseSoftConfig, filterToOptionsForFrom, getArrayBasePath, getArrayItemSubPath, isArrayMappingPath, notify, resolveSoftConfig, resolveValueByPath, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig, useSoftConfigStore };

package/dist/puck/index.d.ts

@@ -153,87 +153,169 @@ type VersionedSoftComponent = {
 type SoftComponents = Record<string, VersionedSoftComponent>;
 
 type CompletedComponentResult = {
+    /**
+     * The generated unique registry key/identifier of the completed soft component.
+     */
     id: string;
+    /**
+     * The resolved semantic version string of the completed soft component version.
+     */
     version: string;
+    /**
+     * The compiled underlying JSON definition representing the soft component structure.
+     */
     softComponent: VersionedSoftComponent["versions"][string];
 };
 type BuildersSlice = {
     /**
-     * Build a new soft component based on the selected item in history.
+     * Initializes the "build" mode to package standard component tree elements into a
+     * brand-new, unified, and reusable soft component.
+     *
+     * @param history - The current Puck workspace history timeline stack. Used to store
+     *                  the undo/redo states so they can be restored if the session is canceled.
+     * @param selectedItem - The component instance selected in the workspace that will
+     *                       serve as the seed/root of the building sandbox.
+     * @param itemSelector - Placement and index metadata of the selected item in the editor.
+     * @param puckDispatch - The Puck API dispatch function to apply state modifications.
+     * @param name - Optional initial user-facing label/display name for the new soft component.
+     *
+     * @throws {Error} If no item is selected or the item selector is null.
      *
-     * Steps:
-     * 1. Data Modifications:
-     *    - Store History
-     *    - Set currently selected item to the root
-     * 2. Soft Config Modifications:
-     *    - Update root to include: name, fields, fieldSettings, for soft component
-     *    - Update each component config to map the soft fields to component fields
-     *    - Update each component for slot settings (Dropzone enable/disable)
+     * Lifecycle & Side Effects:
+     * 1. Clones and caches the current core soft configuration and history to the store.
+     * 2. Scans the workspace sub-tree to collect all descendent element IDs.
+     * 3. Schedules edit visibility highlights to visual-lock edits within the builder boundaries.
+     * 4. Transitions the builder workflow state to "building".
      */
     build: (history: History<AppState>[], selectedItem: PuckApi["selectedItem"], itemSelector: {
         index: number;
         zone?: string;
     } | null, puckDispatch: PuckApi["dispatch"], name?: string) => void | null;
     /**
-     * Remodel the selected soft component by decomposing it and resetting as root.
+     * Enters "remodel" mode for an existing soft component, decomposing its compiled structure back
+     * into constituent discrete components inside the builder workspace.
      *
-     * Steps:
-     * 1. Data Modifications:
-     *    - Store History
-     *    - Decompose and set selected soft component to root
-     * 2. Soft Config Modifications:
-     *    - Update root with name, fields, fieldSettings for soft component
-     *    - Update each component config to map soft fields to component fields
-     *    - Update each component for slot settings (Dropzone enable/disable)
-     *    - Remove selected component or dependencies to avoid circular dependencies
+     * @param history - The current Puck history list to cache for later restoration.
+     * @param selectedItem - The compiled soft component instance selected in the editor.
+     * @param itemSelector - Workspace index and droppable zone metadata of the selected component.
+     * @param puckDispatch - The Puck API dispatch function.
+     * @param refreshPermission - Callback function to refresh access permissions (currently unused).
+     *
+     * @throws {Error} If the selection parameters are missing, or if the target soft component
+     *                 definition cannot be resolved from the cache.
+     *
+     * Lifecycle & Side Effects:
+     * 1. Fetches the soft component version schema from the Zustand store.
+     * 2. Evaluates the reverse dependency graph to identify components depending on this soft component.
+     *    This locks editing on dependent elements to avoid creating circular dependencies.
+     * 3. Explodes the soft component into its constituent raw components in-place within the document data.
+     * 4. Updates visual iframe overlays to confine editing to the decomposed sub-tree.
+     * 5. Transitions the builder workspace state to "remodeling".
      */
     remodel: (history: History<AppState>[], selectedItem: PuckApi["selectedItem"], itemSelector: {
         index: number;
         zone?: string;
     } | null, puckDispatch: PuckApi["dispatch"], refreshPermission: () => void) => void;
     /**
-     * Switch to a different version of the soft component being remodeled.
+     * Switches the active soft component inside the remodeling session to a different
+     * registered semantic version.
+     *
+     * @param componentName - The unique registry key of the soft component.
+     * @param newVersion - The target version to activate.
+     * @param currentProps - The current top-level properties configured for this element instance.
+     * @param puckDispatch - The Puck API dispatch function.
+     *
+     * @throws {Error} If the store is not currently in the 'remodeling' state, or if the
+     *                 requested version is missing.
      *
-     * Steps:
-     * 1. Get the soft component for the selected version
-     * 2. Convert it back to AppState format
-     * 3. Update the puck data with the new version's content
+     * Lifecycle & Side Effects:
+     * 1. Resolves the target version's raw layout structure from the store.
+     * 2. Re-runs soft component-to-AppState conversions for the target version.
+     * 3. Replaces the active remodeling workspace content in-place with the selected version's elements.
      */
     setVersion: (componentName: string, newVersion: string, currentProps: Record<string, any>, puckDispatch: PuckApi["dispatch"]) => void;
     /**
-     * Mark the current build/remodel as complete.
+     * Finalizes the current build or remodel session, packaging all active workspace components
+     * into a compiled, versioned, reusable soft component configuration.
      *
-     * Steps:
-     * 1. Config Modifications:
-     *    - Compose the build settings into soft component
-     *    - Set the component to the config
-     *    - Restore permissions, resolve fields and resolve data of all components
-     * 2. Data Modifications:
-     *    - Transform the last item of history to replace the source components into composed soft component
-     *    - Strip the build settings fields
-     *    - Apply modified history to puck data.
+     * @param appState - The current state of the builder editor workspace containing the composed elements.
+     * @param setHistories - Puck API callback to restore the original builder history timeline.
+     * @param getItemBySelector - Puck API utility to resolve a workspace item using its selector.
+     * @returns An object containing the generated component ID, version, and compiled soft component structure.
+     *
+     * @throws {Error} If the store is not in building/remodeling state, the root component is unnamed,
+     *                 or if the selected item cannot be resolved in the workspace.
+     *
+     * Lifecycle & Side Effects:
+     * 1. Converts display labels into safe, unique PascalCase configuration registration keys.
+     * 2. Packages workspace child items into a JSON-serializable versioned schema.
+     * 3. Re-registers the component with the core configuration components registry.
+     * 4. Categorizes the component within layout groups.
+     * 5. Restores original history timelines and transitions store state to "inspecting".
+     * 6. Rebuilds all other registered soft components that depend on this updated component.
      */
     complete: (appState: AppState<any>, setHistories: PuckApi["history"]["setHistories"], getItemBySelector: PuckApi["getItemBySelector"]) => CompletedComponentResult;
+    /**
+     * Permanently deletes a soft component registration and purges all of its active
+     * occurrences/instances from the active workspace document data.
+     *
+     * @param componentName - The unique registry name of the soft component to delete.
+     * @param data - The active workspace document data to scan and clean.
+     * @param puckDispatch - The Puck API dispatch function to apply document cleanups.
+     *
+     * @throws {Error} If the store is not currently in the stable 'ready' state.
+     */
     demolish: (componentName: string, data: AppState["data"], puckDispatch: PuckApi["dispatch"]) => void;
+    /**
+     * Concludes the inspection workflow, replacing the temporary seed item within the
+     * editor workspace document with the newly compiled soft component instance.
+     *
+     * @param componentName - The final compiled component registry name.
+     * @param puckDispatch - The Puck API dispatch function.
+     *
+     * @throws {Error} If the store is not currently in the 'inspecting' state.
+     *
+     * Lifecycle & Side Effects:
+     * 1. Walk the workspace tree to locate the temporary component being built/remodeled.
+     * 2. Replace it with the compiled component type and default versioned props.
+     * 3. Flushes layout restriction overlays on the iframe.
+     * 4. Resets active builder metadata and transitions state back to "ready".
+     */
     inspect: (componentName: string, puckDispatch: PuckApi["dispatch"]) => void;
     /**
-     * Mark the current build/remodel as complete.
+     * Discards all modifications made during the current build or remodel session,
+     * reverting the editor config, workspace elements, and histories back to their original state.
      *
-     * Steps:
-     * 1. Config Modifications:
-     *    - Restore permissions, resolve fields and resolve data of all components
-     * 2. Data Modifications:
-     *    - Restore history to puck data.
+     * @param setHistories - Puck API callback to restore the original history list.
+     *
+     * Lifecycle & Side Effects:
+     * 1. Transitions store state to "cancelling" to suppress conflicting updates.
+     * 2. Re-applies the original workspace config and timeline histories.
+     * 3. Clears visual iframe constraints and resets active builder metadata back to normal.
      */
     cancel: (setHistories: PuckApi["history"]["setHistories"]) => void;
-    /** Compose multiple components into a soft component.
-     * 1. SoftComponent: Get soft fields + default values from the appState.root + sub-component maps + fixedProps
+    /**
+     * Internal compiler hook that converts builder editor workspace states (root props, children)
+     * into a unified `SoftComponent` schema and creates a versioned config.
+     *
+     * @param appState - The current builder editor state.
+     * @param componentName - The unique registry key for the soft component.
+     * @param editedItem - The original seed component that initiated the build session.
+     * @param displayName - The user-facing display name of the soft component.
+     * @param category - Optional layout category placement inside the component toolbox.
+     * @returns A tuple containing the `ComponentConfig` and its resolved version string, or undefined if failed.
+     *
+     * @throws {Error} If the component name is empty or collides with existing configs during a new build.
      */
     compose: (appState: AppState, componentName: string, editedItem: ComponentData, displayName: string, category?: string) => [ComponentConfig, string] | undefined;
-    /** Break down a composed component into its parts.
-     * 1. Get softComponentProps
-     * 2. Create a virtual component with all the props from soft-component.
-     * 3. Replace the softComponent with hardComponent
+    /**
+     * Utility to break down a composed soft component's props and children back into
+     * their discrete, uncompiled constituent elements.
+     *
+     * @param componentData - The compiled component data instance.
+     * @returns An array of unpacked standard child component data objects.
+     *
+     * @throws {Error} If the input component data lacks type or ID.
      */
     decompose: (componentData: ComponentData) => ComponentData[];
 };
@@ -306,7 +388,7 @@ type RenderFunc<Props extends Record<string, unknown> = {
 type Overrides = {
     componentLabelToName?: (label: string, context: Partial<BuilderRootConfig> & {
         existingKeys: string[];
-        state: "building" | "remodeling" | "ready" | "inspecting";
+        state: Status;
     }) => string;
     componentNameToLabel?: (name: string) => string;
     onRemodel?: (name: string) => Record<string, unknown>;
@@ -346,7 +428,7 @@ type Overrides = {
 };
 
 /** Represents the current editing mode of the Puck editor. */
-type Status = "building" | "remodeling" | "ready" | "inspecting";
+type Status = "building" | "remodeling" | "ready" | "cancelling" | "inspecting";
 type AppStore = {
     /** The current merged Puck config (hard + soft components). Rebuilt on soft component changes. */
     softConfig: Config;
@@ -746,4 +828,4 @@ declare const isArrayMappingPath: (path: string) => boolean;
 declare const getArrayBasePath: (arrayPath: string) => string | null;
 declare const getArrayItemSubPath: (arrayPath: string) => string | null;
 
-export { ActionBarOverride as ActionBar, type ActionEventPayload, type AppStore, type AppStoreApi, type ApplyMappingOptions, type ApplyMappingResult, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Drawer as ComponentList, type CustomFieldDefinition, type CustomFieldReturnType, type CustomFields, Drawer, DrawerItem, type FieldSettings, Header, HeaderActions, type MapEntry, Modal, type OnActionsCallback, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, type SoftFieldDefinition, type SoftFieldSettings, type VersionedSoftComponent, applyMapping, confirm, createActionCallback, createSoftConfigStore, createUseSoftConfig, filterToOptionsForFrom, getArrayBasePath, getArrayItemSubPath, isArrayMappingPath, notify, resolveSoftConfig, resolveValueByPath, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig, useSoftConfigStore };
+export { ActionBarOverride as ActionBar, type ActionEventPayload, type AppStore, type AppStoreApi, type ApplyMappingOptions, type ApplyMappingResult, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Drawer as ComponentList, type CustomFieldDefinition, type CustomFieldReturnType, type CustomFields, Drawer, DrawerItem, type FieldSettings, Header, HeaderActions, type MapEntry, Modal, type OnActionsCallback, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, type SoftFieldDefinition, type SoftFieldSettings, type Status, type VersionedSoftComponent, applyMapping, confirm, createActionCallback, createSoftConfigStore, createUseSoftConfig, filterToOptionsForFrom, getArrayBasePath, getArrayItemSubPath, isArrayMappingPath, notify, resolveSoftConfig, resolveValueByPath, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig, useSoftConfigStore };

package/dist/puck/index.js

@@ -2299,25 +2299,6 @@ var createBuildersSlice = (set, get, initialConfig) => ({
     if (!selectedItem || !itemSelector) {
       throw new Error("No item selected to build from.");
     }
-    puckDispatch({
-      type: "set",
-      state: (previous) => {
-        var _a;
-        return {
-          ui: __spreadProps(__spreadValues({}, previous.ui), {
-            itemSelector: null
-          }),
-          data: __spreadProps(__spreadValues({}, previous.data), {
-            root: __spreadProps(__spreadValues({}, previous.data.root), {
-              props: __spreadProps(__spreadValues({}, (_a = previous.data.root) == null ? void 0 : _a.props), {
-                _name: name || "New Soft Component"
-              })
-            })
-            // content: [{ ...selectedItem }],
-          })
-        };
-      }
-    });
     const config = __spreadValues({}, get().softConfig);
     const overrides = get().overrides;
     const buildConfig = builderConfig(
@@ -2363,10 +2344,21 @@ var createBuildersSlice = (set, get, initialConfig) => ({
     }));
     requestAnimationFrame(
       () => puckDispatch({
-        type: "replaceRoot",
-        root: {
-          title: "Soft Component Builder",
-          _name: name || "New Soft Component"
+        type: "set",
+        state: (previous) => {
+          var _a;
+          return {
+            ui: __spreadProps(__spreadValues({}, previous.ui), {
+              itemSelector: null
+            }),
+            data: __spreadProps(__spreadValues({}, previous.data), {
+              root: __spreadProps(__spreadValues({}, previous.data.root), {
+                props: __spreadProps(__spreadValues({}, (_a = previous.data.root) == null ? void 0 : _a.props), {
+                  _name: name || "New Soft Component"
+                })
+              })
+            })
+          };
         }
       })
     );
@@ -2391,12 +2383,6 @@ var createBuildersSlice = (set, get, initialConfig) => ({
         `Soft component "${softComponentName}" with version "${softComponentVersion}" not found.`
       );
     }
-    puckDispatch({
-      type: "setUi",
-      ui: (previous) => __spreadProps(__spreadValues({}, previous), {
-        itemSelector: void 0
-      })
-    });
     const { root, content } = softComponentToAppState(
       softComponent,
       softComponentName,
@@ -2432,36 +2418,45 @@ var createBuildersSlice = (set, get, initialConfig) => ({
         return components;
       }
     );
-    puckDispatch({
-      type: "setData",
-      data: (prevData) => ({
-        root: __spreadProps(__spreadValues({}, root), { _versions: versions }),
-        content: (0, import_puck4.walkTree)(__spreadValues({}, prevData), __spreadValues({}, config), (components) => {
-          const next = components.map((component) => __spreadProps(__spreadValues({}, component), {
-            props: __spreadValues({}, component.props)
-          }));
-          const index = next.findIndex(
-            (component) => component.props.id === selectedItem.props.id
-          );
-          if (index !== -1) {
-            next.splice(
-              index,
-              1,
-              ...decomposedComponents.map((component) => __spreadProps(__spreadValues({}, component), {
-                props: __spreadValues({}, component.props)
-              }))
-            );
-          }
-          return next;
-        }).content
-      })
-    });
-    requestAnimationFrame(
-      () => setEditVisibility(get().iframeDoc, {
+    requestAnimationFrame(() => {
+      puckDispatch({
+        type: "set",
+        state: (previous) => ({
+          data: {
+            root: __spreadProps(__spreadValues({}, root), { _versions: versions }),
+            content: (0, import_puck4.walkTree)(
+              __spreadValues({}, previous.data),
+              __spreadValues({}, config),
+              (components) => {
+                const next = components.map((component) => __spreadProps(__spreadValues({}, component), {
+                  props: __spreadValues({}, component.props)
+                }));
+                const index = next.findIndex(
+                  (component) => component.props.id === selectedItem.props.id
+                );
+                if (index !== -1) {
+                  next.splice(
+                    index,
+                    1,
+                    ...decomposedComponents.map((component) => __spreadProps(__spreadValues({}, component), {
+                      props: __spreadValues({}, component.props)
+                    }))
+                  );
+                }
+                return next;
+              }
+            ).content
+          },
+          ui: __spreadProps(__spreadValues({}, previous.ui), {
+            itemSelector: null
+          })
+        })
+      });
+      setEditVisibility(get().iframeDoc, {
         mode: "remodel",
         editableIds
-      })
-    );
+      });
+    });
     set((s) => __spreadProps(__spreadValues({}, s), {
       storedConfig: config,
       softConfig: buildConfig,
@@ -2568,6 +2563,7 @@ var createBuildersSlice = (set, get, initialConfig) => ({
         }),
         storedConfig: void 0,
         state: "inspecting",
+        // Temporarily shift state to inspect() before finalizing back to ready
         originalHistory: []
       });
     });
@@ -2616,34 +2612,41 @@ var createBuildersSlice = (set, get, initialConfig) => ({
         type: "setData",
         data: (data) => {
           return reconstructedTree(data);
-        }
+        },
+        recordHistory: true
+        // Record this swap on the standard undo/redo stack
       });
+      clearEditVisibility(get().iframeDoc);
+      set((s) => __spreadProps(__spreadValues({}, s), {
+        state: "ready",
+        setItemSelector: void 0,
+        setOriginalItem: void 0,
+        editingComponent: null,
+        editingComponentId: null,
+        editableComponentIds: /* @__PURE__ */ new Set()
+      }));
     });
-    requestAnimationFrame(() => clearEditVisibility(get().iframeDoc));
-    set((s) => __spreadProps(__spreadValues({}, s), {
-      state: "ready",
-      setItemSelector: void 0,
-      setOriginalItem: void 0,
-      editingComponent: null,
-      editingComponentId: null,
-      editableComponentIds: /* @__PURE__ */ new Set()
-    }));
   },
   cancel: (setHistories) => {
     const storedHistories = get().originalHistory;
-    requestAnimationFrame(() => setHistories([...storedHistories]));
-    requestAnimationFrame(() => clearEditVisibility(get().iframeDoc));
     set((s) => __spreadProps(__spreadValues({}, s), {
-      softConfig: get().storedConfig || initialConfig,
-      storedConfig: void 0,
-      originalHistory: [],
-      itemSelector: null,
-      originalItem: null,
-      state: "ready",
-      editingComponent: null,
-      editingComponentId: null,
-      editableComponentIds: /* @__PURE__ */ new Set()
+      state: "cancelling"
     }));
+    setHistories([...storedHistories]);
+    requestAnimationFrame(() => {
+      clearEditVisibility(get().iframeDoc);
+      set((s) => __spreadProps(__spreadValues({}, s), {
+        softConfig: get().storedConfig || initialConfig,
+        storedConfig: void 0,
+        originalHistory: [],
+        itemSelector: null,
+        originalItem: null,
+        state: "ready",
+        editingComponent: null,
+        editingComponentId: null,
+        editableComponentIds: /* @__PURE__ */ new Set()
+      }));
+    });
   },
   compose: (appState, componentName, editedItem, displayName, category) => {
     if (!componentName) {
@@ -3783,7 +3786,6 @@ var usePublish = () => {
 // src/puck/overrides/Header.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var getClassName2 = get_class_name_factory_default("Header", Header_module_default);
-var usePuck = (0, import_puck13.createUsePuck)();
 var Header = ({
   onPublish,
   children
@@ -3833,7 +3835,7 @@ var ActionBar_module_default = { "ActionBar": "_ActionBar_pvuie_5", "ActionBar-l
 var import_shallow = require("zustand/shallow");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var getClassName3 = get_class_name_factory_default("ActionBar", ActionBar_module_default);
-var usePuck2 = (0, import_puck14.createUsePuck)();
+var usePuck = (0, import_puck14.createUsePuck)();
 var ActionBarOverride = (props) => {
   var _a, _b;
   const { handleBuild } = useBuild(props.label ? props.label + " Soft Component" : "New Soft Component");
@@ -3842,10 +3844,10 @@ var ActionBarOverride = (props) => {
   const overrides = useSoftConfig((s) => s.overrides);
   const softComponents = useSoftConfig((s) => s.softComponents, import_shallow.shallow);
   const editableIds = useSoftConfig((s) => s.editableComponentIds);
-  const selectedItem = usePuck2((s) => s.selectedItem);
-  const rootProps = usePuck2((s) => s.appState.data.root.props);
+  const selectedItem = usePuck((s) => s.selectedItem);
+  const rootProps = usePuck((s) => s.appState.data.root.props);
   const status = useSoftConfig((s) => s.state);
-  const itemSelector = usePuck2((s) => s.appState.ui.itemSelector);
+  const itemSelector = usePuck((s) => s.appState.ui.itemSelector);
   const softKeys = Object.keys(softComponents);
   const key = (0, import_react9.useMemo)(() => {
     const selectedType = selectedItem == null ? void 0 : selectedItem.type;
@@ -4000,14 +4002,14 @@ var Modal = ({
 var import_shallow2 = require("zustand/shallow");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var getClassName5 = get_class_name_factory_default("DrawerItem", DrawerItem_module_default);
-var usePuck3 = (0, import_puck15.createUsePuck)();
+var usePuck2 = (0, import_puck15.createUsePuck)();
 var DrawerItem = (props) => {
   const componentMeta = useSoftConfig((s) => s.softComponents[props.name]);
   const displayName = props.label || (componentMeta == null ? void 0 : componentMeta.name) || props.name;
   const softComponents = new Set(
     Object.keys(useSoftConfig((s) => s.softComponents, import_shallow2.shallow))
   );
-  const getPermissions = usePuck3((s) => s.getPermissions);
+  const getPermissions = usePuck2((s) => s.getPermissions);
   const insertAllowed = getPermissions({ type: props.name }).insert;
   const removeSoftComponentVersion = useSoftConfig(
     (s) => s.removeSoftComponentVersion
@@ -4233,7 +4235,7 @@ var Drawer_module_default = { "Drawer": "_Drawer_12zq5_1", "Drawer-category": "_
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var getClassName6 = get_class_name_factory_default("Drawer", Drawer_module_default);
 var getCategoryClassName = get_class_name_factory_default("Drawer-category", Drawer_module_default);
-var usePuck4 = (0, import_puck16.createUsePuck)();
+var usePuck3 = (0, import_puck16.createUsePuck)();
 var CategorySection = ({
   id,
   title,
@@ -4267,8 +4269,8 @@ var CategorySection = ({
 ] });
 var Drawer = (_props) => {
   var _a, _b;
-  const config = usePuck4((s) => s.config);
-  const getPermissions = usePuck4((s) => s.getPermissions);
+  const config = usePuck3((s) => s.config);
+  const getPermissions = usePuck3((s) => s.getPermissions);
   const categories = (_a = config.categories) != null ? _a : {};
   const categorised = new Set(
     Object.values(categories).flatMap((cat) => {
@@ -4341,11 +4343,11 @@ var Drawer = (_props) => {
 // src/puck/overrides/HeaderActions.tsx
 var import_puck17 = require("@measured/puck");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var usePuck5 = (0, import_puck17.createUsePuck)();
+var usePuck4 = (0, import_puck17.createUsePuck)();
 var HeaderActions = ({ children }) => {
   const { handleComplete } = useComplete();
   const { handleCancel, canCancel } = useCancel();
-  const dispatch = usePuck5((s) => s.dispatch);
+  const dispatch = usePuck4((s) => s.dispatch);
   const inspect = useSoftConfig((s) => s.builder.inspect);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: canCancel ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_puck17.Button, { onClick: handleCancel, children: "Cancel" }),

package/dist/puck/index.mjs

@@ -2239,25 +2239,6 @@ var createBuildersSlice = (set, get, initialConfig) => ({
     if (!selectedItem || !itemSelector) {
       throw new Error("No item selected to build from.");
     }
-    puckDispatch({
-      type: "set",
-      state: (previous) => {
-        var _a;
-        return {
-          ui: __spreadProps(__spreadValues({}, previous.ui), {
-            itemSelector: null
-          }),
-          data: __spreadProps(__spreadValues({}, previous.data), {
-            root: __spreadProps(__spreadValues({}, previous.data.root), {
-              props: __spreadProps(__spreadValues({}, (_a = previous.data.root) == null ? void 0 : _a.props), {
-                _name: name || "New Soft Component"
-              })
-            })
-            // content: [{ ...selectedItem }],
-          })
-        };
-      }
-    });
     const config = __spreadValues({}, get().softConfig);
     const overrides = get().overrides;
     const buildConfig = builderConfig(
@@ -2303,10 +2284,21 @@ var createBuildersSlice = (set, get, initialConfig) => ({
     }));
     requestAnimationFrame(
       () => puckDispatch({
-        type: "replaceRoot",
-        root: {
-          title: "Soft Component Builder",
-          _name: name || "New Soft Component"
+        type: "set",
+        state: (previous) => {
+          var _a;
+          return {
+            ui: __spreadProps(__spreadValues({}, previous.ui), {
+              itemSelector: null
+            }),
+            data: __spreadProps(__spreadValues({}, previous.data), {
+              root: __spreadProps(__spreadValues({}, previous.data.root), {
+                props: __spreadProps(__spreadValues({}, (_a = previous.data.root) == null ? void 0 : _a.props), {
+                  _name: name || "New Soft Component"
+                })
+              })
+            })
+          };
         }
       })
     );
@@ -2331,12 +2323,6 @@ var createBuildersSlice = (set, get, initialConfig) => ({
         `Soft component "${softComponentName}" with version "${softComponentVersion}" not found.`
       );
     }
-    puckDispatch({
-      type: "setUi",
-      ui: (previous) => __spreadProps(__spreadValues({}, previous), {
-        itemSelector: void 0
-      })
-    });
     const { root, content } = softComponentToAppState(
       softComponent,
       softComponentName,
@@ -2372,36 +2358,45 @@ var createBuildersSlice = (set, get, initialConfig) => ({
         return components;
       }
     );
-    puckDispatch({
-      type: "setData",
-      data: (prevData) => ({
-        root: __spreadProps(__spreadValues({}, root), { _versions: versions }),
-        content: walkTree3(__spreadValues({}, prevData), __spreadValues({}, config), (components) => {
-          const next = components.map((component) => __spreadProps(__spreadValues({}, component), {
-            props: __spreadValues({}, component.props)
-          }));
-          const index = next.findIndex(
-            (component) => component.props.id === selectedItem.props.id
-          );
-          if (index !== -1) {
-            next.splice(
-              index,
-              1,
-              ...decomposedComponents.map((component) => __spreadProps(__spreadValues({}, component), {
-                props: __spreadValues({}, component.props)
-              }))
-            );
-          }
-          return next;
-        }).content
-      })
-    });
-    requestAnimationFrame(
-      () => setEditVisibility(get().iframeDoc, {
+    requestAnimationFrame(() => {
+      puckDispatch({
+        type: "set",
+        state: (previous) => ({
+          data: {
+            root: __spreadProps(__spreadValues({}, root), { _versions: versions }),
+            content: walkTree3(
+              __spreadValues({}, previous.data),
+              __spreadValues({}, config),
+              (components) => {
+                const next = components.map((component) => __spreadProps(__spreadValues({}, component), {
+                  props: __spreadValues({}, component.props)
+                }));
+                const index = next.findIndex(
+                  (component) => component.props.id === selectedItem.props.id
+                );
+                if (index !== -1) {
+                  next.splice(
+                    index,
+                    1,
+                    ...decomposedComponents.map((component) => __spreadProps(__spreadValues({}, component), {
+                      props: __spreadValues({}, component.props)
+                    }))
+                  );
+                }
+                return next;
+              }
+            ).content
+          },
+          ui: __spreadProps(__spreadValues({}, previous.ui), {
+            itemSelector: null
+          })
+        })
+      });
+      setEditVisibility(get().iframeDoc, {
         mode: "remodel",
         editableIds
-      })
-    );
+      });
+    });
     set((s) => __spreadProps(__spreadValues({}, s), {
       storedConfig: config,
       softConfig: buildConfig,
@@ -2508,6 +2503,7 @@ var createBuildersSlice = (set, get, initialConfig) => ({
         }),
         storedConfig: void 0,
         state: "inspecting",
+        // Temporarily shift state to inspect() before finalizing back to ready
         originalHistory: []
       });
     });
@@ -2556,34 +2552,41 @@ var createBuildersSlice = (set, get, initialConfig) => ({
         type: "setData",
         data: (data) => {
           return reconstructedTree(data);
-        }
+        },
+        recordHistory: true
+        // Record this swap on the standard undo/redo stack
       });
+      clearEditVisibility(get().iframeDoc);
+      set((s) => __spreadProps(__spreadValues({}, s), {
+        state: "ready",
+        setItemSelector: void 0,
+        setOriginalItem: void 0,
+        editingComponent: null,
+        editingComponentId: null,
+        editableComponentIds: /* @__PURE__ */ new Set()
+      }));
     });
-    requestAnimationFrame(() => clearEditVisibility(get().iframeDoc));
-    set((s) => __spreadProps(__spreadValues({}, s), {
-      state: "ready",
-      setItemSelector: void 0,
-      setOriginalItem: void 0,
-      editingComponent: null,
-      editingComponentId: null,
-      editableComponentIds: /* @__PURE__ */ new Set()
-    }));
   },
   cancel: (setHistories) => {
     const storedHistories = get().originalHistory;
-    requestAnimationFrame(() => setHistories([...storedHistories]));
-    requestAnimationFrame(() => clearEditVisibility(get().iframeDoc));
     set((s) => __spreadProps(__spreadValues({}, s), {
-      softConfig: get().storedConfig || initialConfig,
-      storedConfig: void 0,
-      originalHistory: [],
-      itemSelector: null,
-      originalItem: null,
-      state: "ready",
-      editingComponent: null,
-      editingComponentId: null,
-      editableComponentIds: /* @__PURE__ */ new Set()
+      state: "cancelling"
     }));
+    setHistories([...storedHistories]);
+    requestAnimationFrame(() => {
+      clearEditVisibility(get().iframeDoc);
+      set((s) => __spreadProps(__spreadValues({}, s), {
+        softConfig: get().storedConfig || initialConfig,
+        storedConfig: void 0,
+        originalHistory: [],
+        itemSelector: null,
+        originalItem: null,
+        state: "ready",
+        editingComponent: null,
+        editingComponentId: null,
+        editableComponentIds: /* @__PURE__ */ new Set()
+      }));
+    });
   },
   compose: (appState, componentName, editedItem, displayName, category) => {
     if (!componentName) {
@@ -3680,7 +3683,7 @@ var useSetDefaultVersion = () => {
 };
 
 // src/puck/overrides/Header.tsx
-import { Button, createUsePuck as createUsePuck10 } from "@measured/puck";
+import { Button } from "@measured/puck";
 
 // 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" };
@@ -3723,7 +3726,6 @@ var usePublish = () => {
 // src/puck/overrides/Header.tsx
 import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 var getClassName2 = get_class_name_factory_default("Header", Header_module_default);
-var usePuck = createUsePuck10();
 var Header = ({
   onPublish,
   children
@@ -3773,7 +3775,7 @@ var ActionBar_module_default = { "ActionBar": "_ActionBar_pvuie_5", "ActionBar-l
 import { shallow } from "zustand/shallow";
 import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var getClassName3 = get_class_name_factory_default("ActionBar", ActionBar_module_default);
-var usePuck2 = createUsePuck11();
+var usePuck = createUsePuck11();
 var ActionBarOverride = (props) => {
   var _a, _b;
   const { handleBuild } = useBuild(props.label ? props.label + " Soft Component" : "New Soft Component");
@@ -3782,10 +3784,10 @@ var ActionBarOverride = (props) => {
   const overrides = useSoftConfig((s) => s.overrides);
   const softComponents = useSoftConfig((s) => s.softComponents, shallow);
   const editableIds = useSoftConfig((s) => s.editableComponentIds);
-  const selectedItem = usePuck2((s) => s.selectedItem);
-  const rootProps = usePuck2((s) => s.appState.data.root.props);
+  const selectedItem = usePuck((s) => s.selectedItem);
+  const rootProps = usePuck((s) => s.appState.data.root.props);
   const status = useSoftConfig((s) => s.state);
-  const itemSelector = usePuck2((s) => s.appState.ui.itemSelector);
+  const itemSelector = usePuck((s) => s.appState.ui.itemSelector);
   const softKeys = Object.keys(softComponents);
   const key = useMemo3(() => {
     const selectedType = selectedItem == null ? void 0 : selectedItem.type;
@@ -3940,14 +3942,14 @@ var Modal = ({
 import { shallow as shallow2 } from "zustand/shallow";
 import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 var getClassName5 = get_class_name_factory_default("DrawerItem", DrawerItem_module_default);
-var usePuck3 = createUsePuck12();
+var usePuck2 = createUsePuck12();
 var DrawerItem = (props) => {
   const componentMeta = useSoftConfig((s) => s.softComponents[props.name]);
   const displayName = props.label || (componentMeta == null ? void 0 : componentMeta.name) || props.name;
   const softComponents = new Set(
     Object.keys(useSoftConfig((s) => s.softComponents, shallow2))
   );
-  const getPermissions = usePuck3((s) => s.getPermissions);
+  const getPermissions = usePuck2((s) => s.getPermissions);
   const insertAllowed = getPermissions({ type: props.name }).insert;
   const removeSoftComponentVersion = useSoftConfig(
     (s) => s.removeSoftComponentVersion
@@ -4173,7 +4175,7 @@ var Drawer_module_default = { "Drawer": "_Drawer_12zq5_1", "Drawer-category": "_
 import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var getClassName6 = get_class_name_factory_default("Drawer", Drawer_module_default);
 var getCategoryClassName = get_class_name_factory_default("Drawer-category", Drawer_module_default);
-var usePuck4 = createUsePuck13();
+var usePuck3 = createUsePuck13();
 var CategorySection = ({
   id,
   title,
@@ -4207,8 +4209,8 @@ var CategorySection = ({
 ] });
 var Drawer = (_props) => {
   var _a, _b;
-  const config = usePuck4((s) => s.config);
-  const getPermissions = usePuck4((s) => s.getPermissions);
+  const config = usePuck3((s) => s.config);
+  const getPermissions = usePuck3((s) => s.getPermissions);
   const categories = (_a = config.categories) != null ? _a : {};
   const categorised = new Set(
     Object.values(categories).flatMap((cat) => {
@@ -4281,11 +4283,11 @@ var Drawer = (_props) => {
 // src/puck/overrides/HeaderActions.tsx
 import { Button as Button3, createUsePuck as createUsePuck14 } from "@measured/puck";
 import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
-var usePuck5 = createUsePuck14();
+var usePuck4 = createUsePuck14();
 var HeaderActions = ({ children }) => {
   const { handleComplete } = useComplete();
   const { handleCancel, canCancel } = useCancel();
-  const dispatch = usePuck5((s) => s.dispatch);
+  const dispatch = usePuck4((s) => s.dispatch);
   const inspect = useSoftConfig((s) => s.builder.inspect);
   return /* @__PURE__ */ jsx13(Fragment6, { children: canCancel ? /* @__PURE__ */ jsxs6(Fragment6, { children: [
     /* @__PURE__ */ jsx13(Button3, { onClick: handleCancel, children: "Cancel" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netlisian/softconfig",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",