feat: add disable hotkeys feature

packages/core/components/Puck/index.tsx

@@ -431,6 +431,7 @@ function PuckLayout<
   const rightSideBarVisible = useAppStore(
     (s) => s.state.ui.rightSideBarVisible
   );
+  const disableHotKeys = useAppStore((s) => s.state.ui.disableHotKeys);
 
   const {
     width: leftWidth,
@@ -498,11 +499,11 @@ function PuckLayout<
     if (ready && iframe.enabled) {
       const frameDoc = getFrame();
 
-      if (frameDoc) {
+      if (frameDoc && !disableHotKeys) {
         return monitorHotkeys(frameDoc);
       }
     }
-  }, [ready, iframe.enabled]);
+  }, [ready, iframe.enabled, disableHotKeys]);
 
   usePreviewModeHotkeys();
 

packages/core/lib/use-hotkey.ts

@@ -1,6 +1,7 @@
 import { useEffect } from "react";
 import { create } from "zustand";
 import { subscribeWithSelector } from "zustand/middleware";
+import { useAppStore } from '../store';
 
 const keys = [
   "ctrl",
@@ -168,7 +169,12 @@ export const monitorHotkeys = (doc: Document) => {
 };
 
 export const useMonitorHotkeys = () => {
-  useEffect(() => monitorHotkeys(document), []);
+  const disableHotKeys = useAppStore((s) => s.state.ui.disableHotKeys)
+
+  useEffect(() => {
+    if (disableHotKeys) return;
+    return monitorHotkeys(document);
+  }, [disableHotKeys]);
 };
 
 export const useHotkey = (combo: KeyMapStrict, cb: Function) => {

packages/core/store/default-app-state.ts

@@ -4,6 +4,7 @@ import { PrivateAppState } from "../types/Internal";
 export const defaultAppState: PrivateAppState = {
   data: { content: [], root: {}, zones: {} },
   ui: {
+    disableHotKeys: false,
     leftSideBarVisible: true,
     rightSideBarVisible: true,
     arrayState: {},

packages/core/types/AppState.tsx

@@ -10,6 +10,7 @@ export type ItemWithId = {
 export type ArrayState = { items: ItemWithId[]; openId: string };
 
 export type UiState = {
+  disableHotKeys?: boolean;
   leftSideBarVisible: boolean;
   rightSideBarVisible: boolean;
   leftSideBarWidth?: number | null;