fix: add manager.js entry point, fix doc container style

.storybook/main.ts

@@ -5,7 +5,7 @@ const config: StorybookConfig = {
     "../stories/**/*.mdx",
     "../stories/**/*.stories.@(js|jsx|ts|tsx)",
   ],
-  addons: ["../preset.js", "@storybook/addon-essentials"],
+  addons: ["@storybook/addon-essentials", "../manager.js"],
   framework: {
     name: '@storybook/react-vite',
     options: {}

bundle.js

@@ -3,7 +3,7 @@ const { nodeExternalsPlugin } = require("esbuild-node-externals");
 
 /** @type import("esbuild").BuildOptions */
 const sharedConfig = {
-  entryPoints: ["src/index.ts", "src/preset/manager.ts"],
+  entryPoints: ["src/index.ts", "src/manager.ts"],
   bundle: true,
   platform: "browser",
   format: "esm",

manager.js

@@ -0,0 +1 @@
+export * from "./dist/esm/manager";

package.json

@@ -19,7 +19,7 @@
   "module": "dist/esm/index.js",
   "types": "dist/ts/index.d.ts",
   "files": [
-    "dist"
+    "dist", "manager.js"
   ],
   "scripts": {
     "clean": "rimraf ./dist",
@@ -29,7 +29,7 @@
     "prepare": "patch-package",
     "build": "yarn buildJs && yarn buildTsc",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "storybook": "storybook dev -p 6006",
+    "storybook": "storybook dev -p 6007",
     "start": "yarn build && yarn storybook",
     "build-storybook": "storybook build",
     "release": "yarn build && auto shipit"

src/Panel.tsx

@@ -9,6 +9,9 @@ interface PanelProps {
 }
 
 const PanelContainer = styled.div`
+  position: absolute;
+  inset: 0;
+
   > div {
     height: 100%;
   }

src/preset/manager.ts → src/manager.ts

@@ -1,7 +1,7 @@
 import { addons, types } from "@storybook/manager-api";
 
-import { ADDON_ID, PANEL_ID } from "../constants";
-import { Panel } from "../Panel";
+import { ADDON_ID, PANEL_ID } from "./constants";
+import { Panel } from "./Panel";
 
 addons.register(ADDON_ID, () => {
   addons.add(PANEL_ID, {