@berenjena/react-dev-panel 1.0.4 → 2.0.0

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
-export * from './ControlRenderer/controls';
-export * from './DevPanel';
+export { DevPanel } from './DevPanel';
+export { DevPanelPortal } from './DevPanelPortal';
 export { ControlRenderer } from './ControlRenderer';
+export { controls } from './ControlRenderer/controls';

package/dist/components/index.js

@@ -1,8 +1,10 @@
-import { controls as e } from "./ControlRenderer/controls/index.js";
-import { DevPanel as n } from "./DevPanel/DevPanel.js";
-import { ControlRenderer as l } from "./ControlRenderer/ControlRenderer.js";
+import { DevPanel as e } from "./DevPanel/DevPanel.js";
+import { DevPanelPortal as l } from "./DevPanelPortal/DevPanelPortal.js";
+import { ControlRenderer as f } from "./ControlRenderer/ControlRenderer.js";
+import { controls as p } from "./ControlRenderer/controls/index.js";
 export {
-  l as ControlRenderer,
-  n as DevPanel,
-  e as controls
+  f as ControlRenderer,
+  e as DevPanel,
+  l as DevPanelPortal,
+  p as controls
 };

package/dist/hooks/useDevPanel/useDevPanel.d.ts

@@ -1,8 +1,10 @@
 import { ControlsGroup } from '../../components/ControlRenderer/controls/types';
+import { DevPanelProps } from '../../components/DevPanel/types';
 /**
- * Hook to register controls in the dev panel
+ * Hook to register controls in the dev panel with auto-mounting
  * @param sectionName - Section name (e.g: 'Global', 'HomePage')
- * @param controls - Controls configuration
+ * @param controls - Controls configuration object
+ * @param devPanelProps - Optional DevPanel configuration (title, hotkey, theme)
  *
  * @example
  * ```typescript
@@ -11,14 +13,17 @@ import { ControlsGroup } from '../../components/ControlRenderer/controls/types';
  *     type: 'select',
  *     value: 'light',
  *     options: ['light', 'dark'],
- *     onChange: (value) => setTheme(value)
+ *     onChange: setTheme
  *   },
  *   debugMode: {
  *     type: 'boolean',
  *     value: false,
- *     onChange: (value) => setDebugMode(value)
+ *     onChange: setDebugMode
  *   }
+ * }, {
+ *   panelTitle: 'My App Controls',
+ *   theme: 'dark'
  * });
  * ```
  */
-export declare function useDevPanel(sectionName: string, controls: ControlsGroup): void;
+export declare function useDevPanel(sectionName: string, controls: ControlsGroup, devPanelProps?: DevPanelProps): void;