@berenjena/react-dev-panel 2.0.0 → 2.1.0

package/dist/components/Input/Input.d.ts

@@ -1 +0,0 @@
-export declare function Input(props: React.InputHTMLAttributes<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/Input.js

@@ -1,10 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import '../../assets/Input.css';const p = "_input_pspvf_132", s = {
-  input: p
-};
-function i(t) {
-  return /* @__PURE__ */ n("input", { ...t, className: s.input });
-}
-export {
-  i as Input
-};

package/dist/components/Section/Section.d.ts

@@ -1,7 +0,0 @@
-import { DevPanelSection } from '../DevPanel/types';
-type SectionProps = {
-    sectionName: string;
-    section: DevPanelSection;
-};
-export declare function Section({ sectionName, section }: SectionProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Section/Section.js

@@ -1,25 +0,0 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { ControlRenderer as i } from "../ControlRenderer/ControlRenderer.js";
-import { useDevPanelSectionActions as r } from "../../store/SectionsStore.js";
-import { Icon as p } from "../Icon/index.js";
-import '../../assets/Section.css';const d = "_section_plx7y_1", _ = "_header_plx7y_9", m = "_title_plx7y_28", g = "_toggle_plx7y_35", h = "_collapsed_plx7y_45", x = "_content_plx7y_54", e = {
-  section: d,
-  header: _,
-  title: m,
-  toggle: g,
-  collapsed: h,
-  content: x
-};
-function N({ sectionName: s, section: t }) {
-  const { toggleSectionCollapse: c } = r();
-  return /* @__PURE__ */ n("div", { className: e.section, children: [
-    /* @__PURE__ */ n("div", { className: e.header, onClick: () => c(s), children: [
-      /* @__PURE__ */ o("span", { className: e.title, children: t.name }),
-      /* @__PURE__ */ o("span", { className: e.toggle, children: /* @__PURE__ */ o(p, { name: "ArrowDown", className: t.isCollapsed ? e.collapsed : void 0 }) })
-    ] }),
-    !t.isCollapsed && /* @__PURE__ */ o("div", { className: e.content, children: Object.entries(t.controls).map(([l, a]) => /* @__PURE__ */ o(i, { name: l, control: a }, l)) })
-  ] });
-}
-export {
-  N as Section
-};

package/dist/components/Select/Select.d.ts

@@ -1 +0,0 @@
-export declare function Select(props: React.SelectHTMLAttributes<HTMLSelectElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/Select.js

@@ -1,10 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import '../../assets/Select.css';const s = "_select_ia86w_132", c = {
-  select: s
-};
-function o(e) {
-  return /* @__PURE__ */ t("select", { ...e, className: c.select });
-}
-export {
-  o as Select
-};

package/dist/hooks/useDebounceCallback/useDebounceCallback.d.ts

@@ -1,8 +0,0 @@
-/**
- * Creates a debounced version of a callback.
- *
- * @param callback - Function to debounce
- * @param delay - Delay in ms before calling the callback
- * @returns A debounced version of the callback
- */
-export declare function useDebouncedCallback<T extends (...args: Parameters<T>) => void>(callback: T, delay: number): (...args: Parameters<T>) => void;

package/dist/hooks/useDebounceCallback/useDebounceCallback.js

@@ -1,17 +0,0 @@
-import { useRef as n, useEffect as c, useCallback as o } from "react";
-function f(r, t) {
-  const e = n(null);
-  return c(() => () => {
-    e.current && clearTimeout(e.current);
-  }, []), o(
-    (...u) => {
-      e.current && clearTimeout(e.current), e.current = window.setTimeout(() => {
-        r(...u);
-      }, t);
-    },
-    [r, t]
-  );
-}
-export {
-  f as useDebouncedCallback
-};

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

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