@berenjena/react-dev-panel 2.0.0 → 2.1.0

package/dist/components/ControlRenderer/controls/DateControl/DateControl.js

@@ -1,31 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useState as o, useEffect as s } from "react";
-import { Input as r } from "../../../Input/Input.js";
-function h({ control: e }) {
-  const n = e.event || "onBlur", [l, t] = o(e.value);
-  function i(u) {
-    const a = u.target.value;
-    t(a), n === "onChange" && e.onChange(a);
-  }
-  function f(u) {
-    const a = u.target.value;
-    n === "onBlur" && e.onChange(a);
-  }
-  return s(() => {
-    t(e.value);
-  }, [e.value]), /* @__PURE__ */ m(
-    r,
-    {
-      type: "date",
-      value: l,
-      min: e.min,
-      max: e.max,
-      disabled: e.disabled,
-      onChange: i,
-      ...n === "onBlur" && { onBlur: f }
-    }
-  );
-}
-export {
-  h as DateControl
-};

package/dist/components/ControlRenderer/controls/MultiSelectControl/MultiSelectControl.d.ts

@@ -1,28 +0,0 @@
-import { MultiSelectControlProps } from './types';
-/**
- * Component that renders a multi-select control with checkbox options
- *
- * @param props - The component props
- * @param props.control - The multi-select control configuration object
- * @param props.control.type - The control type, must be 'multiselect'
- * @param props.control.value - Array of currently selected option values
- * @param props.control.options - Array of available options (strings or objects with label/value)
- * @param props.control.onChange - Callback function triggered when selection changes
- * @param props.control.disabled - Optional flag to disable the control
- * @returns JSX element representing the multi-select control
- *
- * @example
- * ```typescript
- * <MultiSelectControl control={{
- *   type: 'multiselect',
- *   value: ['red', 'blue'],
- *   options: [
- *     { label: 'Red Color', value: 'red' },
- *     { label: 'Blue Color', value: 'blue' },
- *     { label: 'Green Color', value: 'green' }
- *   ],
- *   onChange: (values) => setSelectedColors(values)
- * }} />
- * ```
- */
-export declare function MultiSelectControl({ control }: MultiSelectControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ControlRenderer/controls/MultiSelectControl/MultiSelectControl.js

@@ -1,131 +0,0 @@
-import { jsxs as f, Fragment as O, jsx as r } from "react/jsx-runtime";
-import { useState as y, useRef as _, useCallback as R, useEffect as v } from "react";
-import { createPortal as S } from "react-dom";
-import { Icon as N } from "../../../Icon/index.js";
-import "../../../../store/SectionsStore.js";
-import "../../../../store/ThemeStore.js";
-import { useDevPanelPosition as z } from "../../../../store/UIStore.js";
-import { className as B } from "../../../../utils/className/className.js";
-import '../../../../assets/MultiSelectControl.css';const I = "_multiselect_1agkw_1", $ = "_trigger_1agkw_6", j = "_open_1agkw_36", A = "_value_1agkw_40", T = "_arrow_1agkw_53", V = "_dropdownPortal_1agkw_68", W = "_dropdown_1agkw_68", q = "_option_1agkw_115", F = "_disabled_1agkw_127", U = "_checkbox_1agkw_134", G = "_checkmark_1agkw_139", J = "_label_1agkw_170", n = {
-  multiselect: I,
-  trigger: $,
-  open: j,
-  value: A,
-  arrow: T,
-  dropdownPortal: V,
-  dropdown: W,
-  option: q,
-  disabled: F,
-  checkbox: U,
-  checkmark: G,
-  label: J
-};
-function oe({ control: t }) {
-  const c = z(), [a, u] = y(!1), [d, b] = y({
-    top: 0,
-    left: 0,
-    width: 0,
-    maxHeight: 200
-  }), p = _(null), w = _(null), k = _(null), s = R(() => {
-    a && b(x());
-  }, [a]);
-  function x() {
-    if (!w.current)
-      return { top: 0, left: 0, width: 0, maxHeight: 200 };
-    const e = w.current.getBoundingClientRect(), i = window.innerHeight, o = window.innerWidth, l = 200, m = 4, g = i - e.bottom - m, h = e.top - m, P = g < l && h > g, H = P ? e.top - Math.min(l, h) : e.bottom + m, D = Math.max(8, Math.min(e.left, o - e.width - 8)), M = P ? Math.min(l, h) : Math.min(l, g);
-    return {
-      top: H,
-      left: D,
-      width: e.width,
-      maxHeight: M
-    };
-  }
-  function L(e) {
-    const i = t.value.includes(e) ? t.value.filter((o) => o !== e) : [...t.value, e];
-    t.onChange(i);
-  }
-  function C() {
-    if (t.value.length === 0)
-      return "Select options...";
-    if (t.value.length === 1) {
-      const e = t.options.find((o) => (typeof o == "string" ? o : o.value) === t.value[0]);
-      return (typeof e == "string" ? e : e?.label) || t.value[0];
-    }
-    return `${t.value.length} selected`;
-  }
-  function E() {
-    t.disabled || (a ? u(!1) : (b(x()), u(!0)));
-  }
-  return v(() => {
-    if (a)
-      return s(), window.addEventListener("resize", s), window.addEventListener("scroll", s, !0), () => {
-        window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0);
-      };
-  }, [a, s]), v(() => {
-    const e = k.current;
-    (!e || e.x !== c.x || e.y !== c.y) && (k.current = c, s());
-  }, [c, s]), v(() => {
-    function e(i) {
-      if (p.current && !p.current.contains(i.target)) {
-        const o = document.querySelector(`.${n.dropdownPortal}`);
-        if (o && o.contains(i.target))
-          return;
-        u(!1);
-      }
-    }
-    return document.addEventListener("mousedown", e), () => {
-      document.removeEventListener("mousedown", e);
-    };
-  }, []), /* @__PURE__ */ f(O, { children: [
-    /* @__PURE__ */ r(
-      "div",
-      {
-        ref: p,
-        ...B(n.multiselect, {
-          [n.disabled]: !!t.disabled,
-          [n.open]: a
-        }),
-        children: /* @__PURE__ */ f("button", { ref: w, type: "button", className: n.trigger, onClick: E, disabled: t.disabled, children: [
-          /* @__PURE__ */ r("span", { className: n.value, children: C() }),
-          /* @__PURE__ */ r(N, { name: "ArrowDown", className: n.arrow })
-        ] })
-      }
-    ),
-    typeof window < "u" && S(
-      a && !t.disabled && /* @__PURE__ */ r(
-        "div",
-        {
-          className: `${n.dropdownPortal}`,
-          style: {
-            position: "fixed",
-            top: d.top,
-            left: d.left,
-            width: d.width,
-            maxHeight: d.maxHeight,
-            zIndex: 9999
-          },
-          children: /* @__PURE__ */ r("div", { className: n.dropdown, children: t.options.map((e) => {
-            const i = typeof e == "string" ? e : e.value, o = typeof e == "string" ? e : e.label, l = t.value.includes(i);
-            return /* @__PURE__ */ f("label", { className: n.option, children: [
-              /* @__PURE__ */ r(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: l,
-                  onChange: () => L(i),
-                  className: n.checkbox
-                }
-              ),
-              /* @__PURE__ */ r(N, { name: "Check", className: n.checkmark }),
-              /* @__PURE__ */ r("span", { className: n.label, children: o })
-            ] }, i);
-          }) })
-        }
-      ),
-      document.body
-    )
-  ] });
-}
-export {
-  oe as MultiSelectControl
-};

package/dist/components/ControlRenderer/controls/NumberControl/NumberControl.d.ts

@@ -1,45 +0,0 @@
-import { NumberControlProps } from './types';
-/**
- * Component that renders a number control with configurable event handling
- *
- * @param props - The component props
- * @param props.control - The number control configuration object
- * @param props.control.type - The control type, must be 'number'
- * @param props.control.value - The current numeric value
- * @param props.control.min - Optional minimum allowed value
- * @param props.control.max - Optional maximum allowed value
- * @param props.control.step - Optional step increment for the number input (defaults to 1)
- * @param props.control.event - When to trigger onChange: "onChange" (real-time) or "onBlur" (on focus loss). Defaults to "onChange"
- * @param props.control.onChange - Callback function triggered when numeric value changes
- * @param props.control.disabled - Optional flag to disable the control
- * @returns JSX element representing the number input control
- *
- * @example
- * ```typescript
- * // Real-time updates with constraints
- * <NumberControl control={{
- *   type: 'number',
- *   value: 50,
- *   min: 0,
- *   max: 100,
- *   step: 5,
- *   event: 'onChange',
- *   onChange: (value) => setProgress(value),
- *   disabled: false
- * }} />
- * ```
- *
- * @example
- * ```typescript
- * // Updates only when losing focus
- * <NumberControl control={{
- *   type: 'number',
- *   value: 42,
- *   min: 1,
- *   step: 0.1,
- *   event: 'onBlur',
- *   onChange: (value) => console.log('Value changed:', value)
- * }} />
- * ```
- */
-export declare function NumberControl({ control }: NumberControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ControlRenderer/controls/NumberControl/NumberControl.js

@@ -1,32 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as r, useEffect as f } from "react";
-import { Input as p } from "../../../Input/Input.js";
-function v({ control: e }) {
-  const n = e.event || "onChange", [m, t] = r(e.value);
-  function l(u) {
-    const a = Number(u.target.value);
-    t(a), n === "onChange" && e.onChange(a);
-  }
-  function i(u) {
-    const a = Number(u.target.value);
-    n === "onBlur" && e.onChange(a);
-  }
-  return f(() => {
-    t(e.value);
-  }, [e.value]), /* @__PURE__ */ s(
-    p,
-    {
-      type: "number",
-      value: m,
-      min: e.min,
-      max: e.max,
-      step: e.step,
-      disabled: e.disabled,
-      onChange: l,
-      ...n === "onBlur" && { onBlur: i }
-    }
-  );
-}
-export {
-  v as NumberControl
-};

package/dist/components/ControlRenderer/controls/RangeControl/RangeControl.d.ts

@@ -1,46 +0,0 @@
-import { RangeControlProps } from './types';
-/**
- * Component that renders a range/slider control with configurable event handling and visual value display
- *
- * @param props - The component props
- * @param props.control - The range control configuration object
- * @param props.control.type - The control type, must be 'range'
- * @param props.control.value - The current numeric value of the slider
- * @param props.control.min - Optional minimum allowed value (defaults to 0)
- * @param props.control.max - Optional maximum allowed value (defaults to 100)
- * @param props.control.step - Optional step increment for the slider (defaults to 1)
- * @param props.control.event - When to trigger onChange: "onChange" (real-time) or "onBlur" (on focus loss). Defaults to "onChange"
- * @param props.control.onChange - Callback function triggered when slider value changes
- * @param props.control.disabled - Optional flag to disable the control
- * @returns JSX element representing the range slider control with value display
- *
- * @example
- * ```typescript
- * // Real-time updates with custom range (default behavior)
- * <RangeControl control={{
- *   type: 'range',
- *   value: 75,
- *   min: 0,
- *   max: 100,
- *   step: 5,
- *   event: 'onChange',
- *   onChange: (value) => setVolume(value),
- *   disabled: false
- * }} />
- * ```
- *
- * @example
- * ```typescript
- * // Updates only when losing focus with decimal steps
- * <RangeControl control={{
- *   type: 'range',
- *   value: 2.5,
- *   min: 0,
- *   max: 5,
- *   step: 0.1,
- *   event: 'onBlur',
- *   onChange: (value) => console.log('Rating changed:', value)
- * }} />
- * ```
- */
-export declare function RangeControl({ control }: RangeControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ControlRenderer/controls/RangeControl/RangeControl.js

@@ -1,40 +0,0 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { useState as o, useEffect as m } from "react";
-import '../../../../assets/RangeControl.css';const v = "_container_lg827_1", h = "_range_lg827_9", d = "_value_lg827_115", u = {
-  container: v,
-  range: h,
-  value: d
-};
-function _({ control: e }) {
-  const n = e.event || "onChange", [l, t] = o(e.value);
-  function r(s) {
-    const a = Number(s.target.value);
-    t(a), n === "onChange" && e.onChange(a);
-  }
-  function g(s) {
-    const a = Number(s.target.value);
-    n === "onBlur" && e.onChange(a);
-  }
-  return m(() => {
-    t(e.value);
-  }, [e.value]), /* @__PURE__ */ c("div", { className: u.container, children: [
-    /* @__PURE__ */ i(
-      "input",
-      {
-        type: "range",
-        value: l,
-        min: e.min,
-        max: e.max,
-        step: e.step,
-        disabled: e.disabled,
-        onChange: r,
-        ...n === "onBlur" && { onBlur: g },
-        className: u.range
-      }
-    ),
-    /* @__PURE__ */ i("span", { className: u.value, children: l })
-  ] });
-}
-export {
-  _ as RangeControl
-};

package/dist/components/ControlRenderer/controls/SelectControl/SelectControl.d.ts

@@ -1,39 +0,0 @@
-import { SelectControlProps } from './types';
-/**
- * Component that renders a dropdown select control with single selection
- *
- * @param props - The component props
- * @param props.control - The select control configuration object
- * @param props.control.type - The control type, must be 'select'
- * @param props.control.value - The currently selected option value
- * @param props.control.options - Array of available options (strings or objects with label/value)
- * @param props.control.onChange - Callback function triggered when selection changes
- * @param props.control.disabled - Optional flag to disable the control
- * @returns JSX element representing a dropdown select control
- *
- * @example
- * ```typescript
- * <SelectControl control={{
- *   type: 'select',
- *   value: 'medium',
- *   options: ['small', 'medium', 'large'],
- *   onChange: (value) => setSize(value),
- *   disabled: false
- * }} />
- * ```
- *
- * @example
- * ```typescript
- * <SelectControl control={{
- *   type: 'select',
- *   value: 'red',
- *   options: [
- *     { label: 'Red Color', value: 'red' },
- *     { label: 'Blue Color', value: 'blue' },
- *     { label: 'Green Color', value: 'green' }
- *   ],
- *   onChange: (value) => console.log('Selected:', value)
- * }} />
- * ```
- */
-export declare function SelectControl({ control }: SelectControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ControlRenderer/controls/SelectControl/SelectControl.js

@@ -1,11 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Select as n } from "../../../Select/Select.js";
-function s({ control: a }) {
-  return /* @__PURE__ */ t(n, { value: a.value, disabled: a.disabled, onChange: (e) => a.onChange(e.target.value), children: a.options.map((e) => {
-    const l = typeof e == "string" ? e : e.value, r = typeof e == "string" ? e : e.label;
-    return /* @__PURE__ */ t("option", { value: l, children: r }, l);
-  }) });
-}
-export {
-  s as SelectControl
-};

package/dist/components/ControlRenderer/controls/SeparatorControl/SeparatorControl.d.ts

@@ -1,39 +0,0 @@
-import { SeparatorControlProps } from './types';
-/**
- * Component that renders a visual separator to organize control groups
- *
- * @param props - The component props
- * @param props.control - The separator control configuration object
- * @param props.control.type - The control type, must be 'separator'
- * @param props.control.style - The style of separator: "line" (default), "space", or "label"
- * @param props.control.label - Optional label text (only displayed when style is "label")
- * @returns JSX element representing a visual separator
- *
- * @example
- * ```typescript
- * // Simple line separator (default)
- * <SeparatorControl control={{
- *   type: 'separator'
- * }} />
- * ```
- *
- * @example
- * ```typescript
- * // Separator with label text
- * <SeparatorControl control={{
- *   type: 'separator',
- *   style: 'label',
- *   label: 'Advanced Settings'
- * }} />
- * ```
- *
- * @example
- * ```typescript
- * // Space separator for extra spacing
- * <SeparatorControl control={{
- *   type: 'separator',
- *   style: 'space'
- * }} />
- * ```
- */
-export declare function SeparatorControl({ control }: SeparatorControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ControlRenderer/controls/SeparatorControl/SeparatorControl.js

@@ -1,14 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import '../../../../assets/SeparatorControl.css';const s = "_line_174q4_1", t = "_space_174q4_9", i = "_labelContainer_174q4_14", c = "_label_174q4_14", l = {
-  line: s,
-  space: t,
-  labelContainer: i,
-  label: c
-};
-function o({ control: a }) {
-  const n = a.style || "line";
-  return n === "space" ? /* @__PURE__ */ e("div", { className: l.space }) : n === "label" && a.label ? /* @__PURE__ */ e("div", { className: l.labelContainer, children: /* @__PURE__ */ e("span", { className: l.label, children: a.label }) }) : /* @__PURE__ */ e("div", { className: l.line });
-}
-export {
-  o as SeparatorControl
-};

package/dist/components/ControlRenderer/controls/TextControl/TextControl.d.ts

@@ -1,40 +0,0 @@
-import { TextControlProps } from './types';
-/**
- * Component that renders a text input control with configurable event handling
- *
- * @param props - The component props
- * @param props.control - The text control configuration object
- * @param props.control.type - The control type, must be 'text'
- * @param props.control.value - The current string value of the text input
- * @param props.control.placeholder - Optional placeholder text displayed when input is empty
- * @param props.control.event - When to trigger onChange: "onChange" (real-time) or "onBlur" (on focus loss). Defaults to "onChange"
- * @param props.control.onChange - Callback function triggered when text value changes
- * @param props.control.disabled - Optional flag to disable the control
- * @returns JSX element representing the text input control
- *
- * @example
- * ```typescript
- * // Real-time updates (default behavior)
- * <TextControl control={{
- *   type: 'text',
- *   value: 'John Doe',
- *   placeholder: 'Enter your full name',
- *   event: 'onChange',
- *   onChange: (value) => setUserName(value),
- *   disabled: false
- * }} />
- * ```
- *
- * @example
- * ```typescript
- * // Updates only when losing focus
- * <TextControl control={{
- *   type: 'text',
- *   value: 'search query',
- *   placeholder: 'Type to search...',
- *   event: 'onBlur',
- *   onChange: (value) => console.log('Search term:', value)
- * }} />
- * ```
- */
-export declare function TextControl({ control }: TextControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ControlRenderer/controls/TextControl/TextControl.js

@@ -1,30 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useState as h, useEffect as i } from "react";
-import { Input as s } from "../../../Input/Input.js";
-function v({ control: e }) {
-  const n = e.event || "onChange", [l, u] = h(e.value);
-  function o(t) {
-    const a = t.target.value;
-    u(a), n === "onChange" && e.onChange(a);
-  }
-  function r(t) {
-    const a = t.target.value;
-    n === "onBlur" && e.onChange(a);
-  }
-  return i(() => {
-    u(e.value);
-  }, [e.value]), /* @__PURE__ */ f(
-    s,
-    {
-      type: "text",
-      value: l,
-      placeholder: e.placeholder,
-      disabled: e.disabled,
-      onChange: o,
-      ...n === "onBlur" && { onBlur: r }
-    }
-  );
-}
-export {
-  v as TextControl
-};

package/dist/components/DevPanel/DevPanel.d.ts

@@ -1,11 +0,0 @@
-import { DevPanelProps } from './types';
-/**
- * Development panel component
- * @returns The development panel component, if the environment is not development, it will return null
- *
- * @example
- * ```typescript
- * <DevPanel />
- * ```
- */
-export declare function DevPanel({ panelTitle, ...props }: DevPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/DevPanel/DevPanel.js

@@ -1,72 +0,0 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { useCallback as D, useEffect as y } from "react";
-import { useDragAndDrop as b } from "../../hooks/useDragAndDrop/useDragAndDrop.js";
-import { useHotkey as w } from "../../hooks/useHotkeys/useHotkey.js";
-import { useDevPanelSections as K } from "../../store/SectionsStore.js";
-import { useDevPanelThemeActions as N } from "../../store/ThemeStore.js";
-import { useDevPanelUI as k } from "../../store/UIStore.js";
-import { className as x } from "../../utils/className/className.js";
-import { EmptyContent as E } from "../EmptyContent/EmptyContent.js";
-import { Icon as f } from "../Icon/index.js";
-import { Section as j } from "../Section/Section.js";
-import '../../assets/DevPanel.css';const A = "_devPanelContainer_vacct_132", S = "_header_vacct_171", H = "_title_vacct_186", I = "_button_vacct_197", T = "_collapsed_vacct_233", V = "_content_vacct_240", t = {
-  devPanelContainer: A,
-  header: S,
-  title: H,
-  button: I,
-  collapsed: T,
-  content: V
-}, O = {
-  ctrlKey: !0,
-  shiftKey: !0,
-  key: "a",
-  altKey: !1,
-  metaKey: !1
-};
-function Q({ panelTitle: h = "Dev panel", ...o }) {
-  const { isVisible: s, isCollapsed: n, position: a, setVisible: l, setCollapsed: u, setPosition: c } = k(), { setTheme: r } = N(), v = K(), p = D(
-    (i) => {
-      c(i);
-    },
-    [c]
-  ), { isDragging: _, elementRef: C, handlePointerDown: g } = b({
-    onPositionChange: p
-  });
-  if (w({
-    description: "Show Dev Panel",
-    preventDefault: !0,
-    action: () => l(!s),
-    ...O,
-    ...o.hotKeyConfig,
-    target: window
-  }), y(() => {
-    o.theme && r(o.theme);
-  }, [o.theme, r]), !s)
-    return null;
-  const m = Object.entries(v);
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      ref: C,
-      ...x(t.devPanelContainer, {
-        [t.dragging]: _
-      }),
-      style: {
-        left: a.x,
-        top: a.y,
-        height: n ? "auto" : void 0
-      },
-      children: [
-        /* @__PURE__ */ d("div", { className: t.header, onPointerDown: g, children: [
-          /* @__PURE__ */ e("button", { className: t.button, onClick: () => u(!n), title: n ? "Expand" : "Collapse", children: /* @__PURE__ */ e(f, { name: "ArrowDown", className: n ? t.collapsed : void 0 }) }),
-          /* @__PURE__ */ e("div", { className: t.title, children: h }),
-          /* @__PURE__ */ e("button", { className: t.button, onClick: () => l(!1), title: "Close", children: /* @__PURE__ */ e(f, { name: "Close" }) })
-        ] }),
-        !n && /* @__PURE__ */ e("div", { className: t.content, children: m.length ? m.map(([i, P]) => /* @__PURE__ */ e(j, { sectionName: i, section: P }, `section-${i}`)) : /* @__PURE__ */ e(E, {}) })
-      ]
-    }
-  );
-}
-export {
-  Q as DevPanel
-};

package/dist/components/DevPanelPortal/DevPanelPortal.d.ts

@@ -1,8 +0,0 @@
-/**
- * Portal component that renders DevPanel using React's createPortal.
- * Automatically subscribes to DevPanelManager prop changes and renders
- * the DevPanel with merged props into document.body.
- *
- * @returns DevPanel rendered as a portal in document.body
- */
-export declare const DevPanelPortal: () => import('react').ReactPortal;

package/dist/components/DevPanelPortal/DevPanelPortal.js

@@ -1,17 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as a, useEffect as m } from "react";
-import { createPortal as c } from "react-dom";
-import { DevPanelManager as r } from "../../managers/DevPanelManager.js";
-import { DevPanel as p } from "../DevPanel/DevPanel.js";
-const b = () => {
-  const [t, e] = a({});
-  return m(() => {
-    const o = r.getInstance().getAllProps();
-    return e(o), r.getInstance().onPropsChange((n) => {
-      e(n);
-    });
-  }, []), c(/* @__PURE__ */ s(p, { ...t }), document.body);
-};
-export {
-  b as DevPanelPortal
-};

package/dist/components/EmptyContent/EmptyContent.d.ts

@@ -1 +0,0 @@
-export declare function EmptyContent(): import("react/jsx-runtime").JSX.Element;

package/dist/components/EmptyContent/EmptyContent.js

@@ -1,18 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import '../../assets/EmptyContent.css';const s = "_empty_1bkns_1", o = {
-  empty: s
-};
-function r() {
-  return /* @__PURE__ */ t("div", { className: o.empty, children: [
-    "No controls registered yet.",
-    /* @__PURE__ */ e("br", {}),
-    " ",
-    /* @__PURE__ */ e("br", {}),
-    "Use ",
-    /* @__PURE__ */ e("code", { children: "useDevPanel()" }),
-    " to add controls."
-  ] });
-}
-export {
-  r as EmptyContent
-};