@rfkit/charts 1.4.0 → 1.4.1

package/modules/Gauge/render.d.ts

@@ -21,11 +21,9 @@ interface GaugeRenderState extends BaseRenderState<Gauge> {
  * 不完全继承 CircularRenderer，而是直接继承 BaseRenderer
  */
 export default class GaugeRender extends BaseRenderer<Gauge, GaugeRenderState, GaugeData> {
-    private themeUnsubscribe;
     constructor(props: GaugeRenderProps);
     protected init(): void;
     updateProps(p: Record<string, unknown>): void;
     updateSeries(data: GaugeData): void;
-    destroy(): void;
 }
 export {};

package/{components/HeatmapCapture → modules/Heatmap/Capture}/tools.d.ts

@@ -1,4 +1,4 @@
-import type { AxisXProps, HeatmapAreaData, HeatmapCaptureProps } from '../../types';
+import type { AxisXProps, HeatmapAreaData, HeatmapCaptureProps } from '../../../types';
 interface Coordinates {
     startLeft: number;
     endLeft: number;

package/modules/Heatmap/CursorPopover.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+interface HeatmapCursorPopoverProps {
+    id: string;
+}
+declare const HeatmapCursorPopover: React.FC<HeatmapCursorPopoverProps>;
+export default HeatmapCursorPopover;

package/modules/Heatmap/render.d.ts

@@ -14,9 +14,11 @@ interface HeatmapRenderState extends GradientRenderState<IHeatmap> {
     heatmapDefaultData: number[][];
 }
 export default class Heatmap extends GradientRenderer<IHeatmap, HeatmapRenderState, number[][]> {
+    private lastSeriesData;
     constructor(props: HeatmapRenderProps);
     protected init(): void;
     updateSeries(data: number[][]): void;
+    updateParams(params: Partial<HeatmapRenderState>): void;
     setRange(realRange?: [number, number]): void;
     reset(): void;
     resize(): void;

package/modules/Level/CursorPopover.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+interface LevelCursorPopoverProps {
+    id: string;
+}
+declare const LevelCursorPopover: React.FC<LevelCursorPopoverProps>;
+export default LevelCursorPopover;

package/modules/Occupancy/CursorPopover.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+declare const OccupancyCursorPopover: React.FC;
+export default OccupancyCursorPopover;

package/modules/Occupancy/TotalLine/index.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 interface Props {
-    value?: number;
+    id: string;
 }
 declare const TotalLine: React.FC<Props>;
 export default TotalLine;

package/modules/Occupancy/total-line-runtime.d.ts

@@ -0,0 +1,4 @@
+export declare const TOTAL_LINE_HIDDEN_OFFSET = -200;
+export declare const applyOccupancyTotalLineValue: (lineElement: HTMLDivElement | null, valueElement: HTMLDivElement | null, value?: number) => void;
+export declare const withOccupancyTotalLine: (id: string, name?: string, func?: (value: number) => void) => (...args: any[]) => void;
+export declare const publishOccupancyTotalLine: (id: string, value?: number) => void;

package/modules/Spectrum/AxisYCanvas/index.d.ts

@@ -0,0 +1,6 @@
+import type { RenderChartType } from '../../../types';
+interface AxisYCanvasProps {
+    chart: RenderChartType;
+}
+export default function AxisYCanvas(props: AxisYCanvasProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/{components/AxisYByCanvas → modules/Spectrum/AxisYCanvas}/useCanvasAxisY.d.ts

@@ -1,4 +1,4 @@
-import type { RangeController } from '../AxisY/spectrum/useRanging';
+import type { RangeController } from '../../../components/AxisY/spectrum/useRanging';
 interface CanvasAxisYOptions {
     ranging?: RangeController;
 }

package/modules/Spectrum/BandLayer/index.d.ts

@@ -0,0 +1,5 @@
+import type React from 'react';
+import useBandLayerController from './useBandLayerController';
+export { useBandLayerController };
+declare const BandLayer: React.FC;
+export default BandLayer;

package/modules/Spectrum/BandLayer/useBandLayerController.d.ts

@@ -0,0 +1,2 @@
+import type { BandProps } from '../../../types';
+export default function useBandLayerController(): (e: BandProps) => void;

package/{components → modules/Spectrum}/Blaze/tools.d.ts

@@ -1,2 +1,2 @@
-import { type CSMCallback } from '../../utils/subscription';
+import { type CSMCallback } from '../../../utils/subscription';
 export declare const BLAZE_PROGRESS: (globalID: string, func?: CSMCallback) => (...args: any[]) => void;

package/modules/Spectrum/CursorPopover.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+interface SpectrumCursorPopoverProps {
+    id: string;
+}
+declare const SpectrumCursorPopover: React.FC<SpectrumCursorPopoverProps>;
+export default SpectrumCursorPopover;

package/{components → modules/Spectrum}/FrequencyAllocation/color.d.ts

@@ -1,4 +1,4 @@
-import type { FrequencyAllocationItem } from '../../types';
+import type { FrequencyAllocationItem } from '../../../types';
 export declare const optimizedColors: string[];
 export declare function hexToHsl(hex: string): {
     h: number;

package/{components → modules/Spectrum}/FrequencyAllocation/model/resolveFrequencyAllocationData.d.ts

@@ -1,2 +1,2 @@
-import type { FrequencyAllocationItem } from '../../../types';
+import type { FrequencyAllocationItem } from '../../../../types';
 export declare function resolveFrequencyAllocationData(data?: FrequencyAllocationItem[]): FrequencyAllocationItem[];

package/{components → modules/Spectrum}/FrequencyAllocation/model/resolver.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import type { FrequencyAllocationItem, SegmentType } from '../../../types';
+import type { FrequencyAllocationItem, SegmentType } from '../../../../types';
 import type { BandPosition, FrequencyRange } from '../types';
 export interface FrequencyAllocationSegmentData {
     segment: SegmentType;

package/{components → modules/Spectrum}/FrequencyAllocation/model/useAllocationAtCursor.d.ts

@@ -1,6 +1,6 @@
 interface UseAllocationFinderProps {
     frequency: string;
 }
-export declare function useAllocationAtCursor({ frequency }: UseAllocationFinderProps): import("../../..").FrequencyAllocationItem;
+export declare function useAllocationAtCursor({ frequency }: UseAllocationFinderProps): import("../../../..").FrequencyAllocationItem;
 export declare const useAllocationFinder: typeof useAllocationAtCursor;
 export {};

package/{components → modules/Spectrum}/FrequencyAllocation/model/useFrequencyAllocationData.d.ts

@@ -1 +1 @@
-export declare function useFrequencyAllocationData(): import("../../..").FrequencyAllocationItem[];
+export declare function useFrequencyAllocationData(): import("../../../..").FrequencyAllocationItem[];

package/{components → modules/Spectrum}/FrequencyAllocation/presenters/AllocationInfo/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FrequencyAllocationItem } from '../../../../types';
+import type { FrequencyAllocationItem } from '../../../../../types';
 interface Props {
     allocationInfo?: FrequencyAllocationItem & {
         startFrequency?: string | number;

package/{components → modules/Spectrum}/FrequencyAllocation/presenters/AllocationSegments/index.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { BandPosition, FrequencyRange } from '../../types';
-import type { FrequencyAllocationItem } from '../../../../types';
+import type { FrequencyAllocationItem } from '../../../../../types';
 interface AllocationSegmentsProps {
     style: React.CSSProperties;
     bandPositions: BandPosition[];

package/{components → modules/Spectrum}/FrequencyAllocation/tools.d.ts

@@ -1,4 +1,4 @@
-import type { FrequencyAllocationItem } from '../../types';
+import type { FrequencyAllocationItem } from '../../../types';
 /**
  * 从本地缓存读取FrequencyAllocation数据
  * @returns FrequencyAllocationItem数组或null

package/{components → modules/Spectrum}/FrequencyAllocation/types.d.ts

@@ -1,4 +1,4 @@
-import type { FrequencyAllocationItem } from '../../types';
+import type { FrequencyAllocationItem } from '../../../types';
 export interface TooltipState extends FrequencyAllocationItem {
     visible: boolean;
     x: number;

package/{components → modules/Spectrum}/FrequencyDataBoard/panels/StationInfoPanel/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StationInfoType } from '../../../../types';
+import type { StationInfoType } from '../../../../../types';
 interface Props {
     stationInfo?: StationInfoType;
 }

package/{components → modules/Spectrum}/FrequencyTagLine/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ToolType } from '../../config';
+import { ToolType } from '../../../config';
 import FrequencyTagLineBoard from './Board';
 import FrequencyTagLineSwitch from './Switch';
 export { FrequencyTagLineBoard, FrequencyTagLineSwitch };

package/{components → modules/Spectrum}/Markers/MarkerItem/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { MarkerType } from '../../../types';
+import type { MarkerType } from '../../../../types';
 interface Props {
     marker: MarkerType;
 }

package/{components → modules/Spectrum}/Markers/hooks/useMarkerEvents.d.ts

@@ -1,4 +1,4 @@
-import type { MarkerType, TopRightBottomLeft } from '../../../types';
+import type { MarkerType, TopRightBottomLeft } from '../../../../types';
 interface UseMarkerEventsProps {
     id: string;
     markers: MarkerType[];

package/{components → modules/Spectrum}/Markers/hooks/useMarkers.d.ts

@@ -15,8 +15,8 @@
  * - realData.peaks.peaks[1] = 次峰
  * - realData.peaks.peaks[n] = 第 n+1 峰（可扩展）
  */
-import { MarkerEventType } from '../../../config';
-import type { MarkerType, SetMarker } from '../../../types';
+import { MarkerEventType } from '../../../../config';
+import type { MarkerType, SetMarker } from '../../../../types';
 interface UseMarkersProps {
     id: string;
     globalID: string;

package/{components → modules/Spectrum}/Markers/tools.d.ts

@@ -1,4 +1,4 @@
-import type { MarkerType, RecursiveFunction, SegmentsType } from '../../types';
+import type { MarkerType, RecursiveFunction, SegmentsType } from '../../../types';
 /**
  * Marker 工具函数集合 - 精简版
  */

package/{components → modules/Spectrum}/Scope/useScope.d.ts

@@ -1,2 +1,2 @@
-import type { RecursiveObject } from '../../types';
+import type { RecursiveObject } from '../../../types';
 export default function useScope(): (e: RecursiveObject) => void;

package/{components → modules/Spectrum}/Signal/model/resolver.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import type { SegmentType, StationInfoType } from '../../../types';
+import type { SegmentType, StationInfoType } from '../../../../types';
 import { type SignalMatchCandidate, type UnifiedSignalItem } from '../utils';
 export interface SignalPosition extends SignalMatchCandidate {
     key: string;

package/{components → modules/Spectrum}/Signal/model/useStationInfoAtCursor.d.ts

@@ -2,6 +2,6 @@ interface UseStationFinderProps {
     frequency: string;
     enabled?: boolean;
 }
-export declare function useStationInfoAtCursor({ frequency, enabled }: UseStationFinderProps): import("../../..").StationInfoType;
+export declare function useStationInfoAtCursor({ frequency, enabled }: UseStationFinderProps): import("../../../..").StationInfoType;
 export declare const useStationFinder: typeof useStationInfoAtCursor;
 export {};

package/{components → modules/Spectrum}/Signal/tools.d.ts

@@ -1,4 +1,4 @@
-import type { RecursiveFunction, StationInfoType } from '../../types';
+import type { RecursiveFunction, StationInfoType } from '../../../types';
 /**
  * 台站数据更新订阅管理器
  * 用于通知组件台站数据已更新，触发重新渲染

package/{components → modules/Spectrum}/Signal/useSignalDataManager.d.ts

@@ -1,4 +1,4 @@
-import type { SignalData, SignalDataType, StationInfoType } from '../../types';
+import type { SignalData, SignalDataType, StationInfoType } from '../../../types';
 /**
  * Signal 数据管理 Hook
  * - 台站信息 → 全局 openData（通过 STATION_DATA）

package/{components → modules/Spectrum}/Signal/utils.d.ts

@@ -1,6 +1,6 @@
-import type { StationInfoType } from '../../types';
-import type { SignalData } from '../../types/store';
-import type { FrequencyRange, FrequencyRangeInput } from '../../utils';
+import type { StationInfoType } from '../../../types';
+import type { SignalData } from '../../../types/store';
+import type { FrequencyRange, FrequencyRangeInput } from '../../../utils';
 /**
  * 统一的信号数据类型（兼容 StationInfo 和 SignalData）
  */

package/modules/Spectrum/render.d.ts

@@ -1,69 +1,48 @@
 import { type ISeries } from '@rfkit/renderer';
-import type { SeriesConfig } from '../../types';
-interface SpectrumState {
-    chart: ISeries | null;
+import { BaseRenderer, type BaseRenderState } from '../base/BaseRenderer';
+import type { AxisYRange, SeriesConfig, SpectrumExtraData } from '../../types';
+interface SpectrumChart extends ISeries {
+    clear(): void;
+    dispose(): void;
+    draw(): void;
+    render(config: {
+        data: Float32Array;
+        name: string;
+    } & Partial<SeriesConfig>): void;
+    resize(): void;
+    setIntervel(interval: number): void;
+    setRange(range: AxisYRange): void;
+    setSeries(config: Partial<SeriesConfig> & {
+        name: string;
+    }): void;
+    updateProps(props: Record<string, unknown>): void;
+}
+interface SpectrumState extends BaseRenderState<SpectrumChart> {
     autoranging: boolean;
-    prevAutoRangeTime: number;
-    id: string;
-    renderRange: [number, number];
+    globalID: string;
     interval: number;
+    prevAutoRangeTime: number;
+    renderRange: AxisYRange;
     series: Record<string, SeriesConfig>;
-    globalID: string;
-    [key: string]: unknown;
 }
-export default class Spectrum {
-    state: SpectrumState;
+export interface SpectrumRenderPayload {
+    data: Record<string | number, Float32Array>;
+    extraData?: SpectrumExtraData;
+}
+export default class Spectrum extends BaseRenderer<SpectrumChart, SpectrumState, SpectrumRenderPayload> {
     useRangeAutoFocus: () => void;
-    useRangeSet: () => void;
     firstRenderAutoFocus: boolean;
-    seriesUnsubscribe?: () => void;
     constructor(props: Record<string, unknown>);
-    /**
-     * 初始化 series 订阅机制
-     */
-    initSeriesSubscription(): void;
-    init(): void;
+    protected init(): void;
     initSeries(): void;
-    /**
-     * 更新数据
-     * TODO:可以自定义线
-     */
-    updateSeries(d: Record<string | number, Float32Array>, extraData?: Map<string, {
-        outputData: Float32Array;
-        originalData: Float32Array;
-    }>): void;
-    updateMainSeries(data: {
-        length: number;
-        at: (arg0: number) => number | undefined;
-    }): void;
-    /**
-     * 更新参数
-     */
-    updateParams(params: Record<string, unknown>): void;
-    /**
-     * 设置线信息
-     */
+    updateSeries({ data, extraData }: SpectrumRenderPayload): void;
+    private updateMainSeries;
     setSeries(config: SeriesConfig, skipEventEmit?: boolean): void;
     setDisabledClearRect(disabledClearRect: boolean): void;
-    setRange(renderRange?: [number, number]): void;
+    setRange(renderRange?: AxisYRange): void;
     zoom(): void;
     reset(): void;
     resize(): void;
-    /**
-     * 清除图表内容（不取消订阅）
-     */
     clearChart(): void;
-    /**
-     * 销毁实例（取消订阅）
-     */
-    destroy(): void;
-    /**
-     * 组件卸载时的清理（useChart 会调用此方法）
-     */
-    dispose(): () => void;
-    /**
-     * @deprecated 使用 clearChart() 或 destroy()
-     */
-    clear(): void;
 }
 export {};

package/{hooks → modules/Spectrum}/useSpectrumAnalyzer/index.d.ts

@@ -1,3 +1,3 @@
 import { type SpectrumConfig } from '@rfkit/spectrum-analyzer';
-import type { PublishData } from '../../types';
+import type { PublishData } from '../../../types';
 export default function useSpectrumAnalyzer(props?: SpectrumConfig): (e: PublishData) => Promise<void>;

package/modules/base/BaseRenderer.d.ts

@@ -30,7 +30,9 @@ interface ChartLike {
     clear?: () => void;
     draw?: () => void;
     updateProps?: (props: Record<string, unknown>) => void;
+    dispose?: () => void;
 }
+type RendererCleanup = () => void;
 /**
  * 渲染器抽象基类
  *
@@ -42,6 +44,9 @@ export declare abstract class BaseRenderer<TChart extends ChartLike, TState exte
     /** 公开 state 以兼容 RenderChartType 接口 */
     state: TState;
     protected resizeTimer: ReturnType<typeof setTimeout> | null;
+    protected resizeObserver: ResizeObserver | null;
+    private destroyed;
+    private cleanupTasks;
     constructor(initialState: TState);
     /**
      * 初始化图表引擎（子类必须实现）
@@ -51,6 +56,14 @@ export declare abstract class BaseRenderer<TChart extends ChartLike, TState exte
      * 更新数据（子类必须实现）
      */
     abstract updateSeries(data: TData): void;
+    /**
+     * 更新运行时参数
+     */
+    updateParams(params: Partial<TState>): void;
+    /**
+     * 参数更新后的钩子，为子类提供 hook
+     */
+    protected onParamsUpdated(_params: Partial<TState>): void;
     /**
      * 重置（清空 + 调整大小）
      */
@@ -79,5 +92,55 @@ export declare abstract class BaseRenderer<TChart extends ChartLike, TState exte
      * 清理 resize 定时器
      */
     protected clearResizeTimer(): void;
+    /**
+     * 注册统一 cleanup，由基类在 destroy 时回收
+     */
+    protected trackCleanup(cleanup?: RendererCleanup | null): () => void;
+    /**
+     * 获取图表容器元素
+     */
+    protected getContainerElement(): HTMLElement | null;
+    /**
+     * 获取图表容器当前尺寸
+     */
+    protected getContainerSize(): {
+        width: number;
+        height: number;
+    };
+    /**
+     * 子类可覆盖最小可绘制尺寸
+     */
+    protected getMinimumContainerSize(): {
+        width: number;
+        height: number;
+    };
+    /**
+     * 当前容器尺寸是否足以安全触发 renderer 绘制
+     */
+    protected hasRenderableContainerSize(): boolean;
+    /**
+     * 监听图表容器尺寸，避免只靠初始化阶段的一次性 resize
+     */
+    protected observeContainerResize(): void;
+    /**
+     * 清理容器尺寸监听
+     */
+    protected clearResizeObserver(): void;
+    /**
+     * 清理统一注册的 cleanup 任务
+     */
+    protected runCleanupTasks(): void;
+    /**
+     * 销毁前钩子，子类可覆盖
+     */
+    protected beforeDestroy(): void;
+    /**
+     * 释放底层 chart 实例，避免 renderer 引擎残留监听和 canvas/WebGL 资源
+     */
+    protected disposeChartInstance(): void;
+    /**
+     * 在容器尺寸满足条件后再初始化 chart，避免 renderer 在错误尺寸下提前绘制
+     */
+    protected initializeChartWhenReady(): void;
 }
 export {};

package/modules/base/CircularRenderer.d.ts

@@ -42,7 +42,10 @@ export interface CircularRenderState<TChart extends CircularChartLike> extends B
  * 圆形图表渲染器基类
  */
 export declare abstract class CircularRenderer<TChart extends CircularChartLike, TState extends CircularRenderState<TChart> = CircularRenderState<TChart>> extends BaseRenderer<TChart, TState, CircularData> {
-    protected themeUnsubscribe: (() => void) | null;
+    protected getMinimumContainerSize(): {
+        width: number;
+        height: number;
+    };
     /**
      * 订阅主题变化
      */
@@ -51,9 +54,5 @@ export declare abstract class CircularRenderer<TChart extends CircularChartLike,
      * 更新数据
      */
     updateSeries(data: CircularData): void;
-    /**
-     * 销毁资源
-     */
-    destroy(): void;
 }
 export {};

package/package.json

@@ -1,6 +1,8 @@
 {
   "name": "@rfkit/charts",
-  "description": "a chart library based on all",
+  "version": "1.4.1",
+  "type": "module",
+  "description": "Chart components for wireless monitoring web applications",
   "exports": {
     ".": {
       "types": "./index.d.ts",
@@ -8,10 +10,25 @@
     },
     "./tailwind-bridge.css": "./tailwind-bridge.css"
   },
-  "module": "index.js",
-  "types": "index.d.ts",
+  "module": "./index.js",
+  "types": "./index.d.ts",
   "author": "Hxgh",
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
   "license": "MIT",
-  "version": "1.4.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Hxgh/rfkit-charts"
+  },
+  "homepage": "https://github.com/Hxgh/rfkit-charts#readme",
+  "bugs": {
+    "url": "https://github.com/Hxgh/rfkit-charts/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "packageManager": "pnpm@10.30.3",
   "private": false
 }

package/{modules/tools.d.ts → runtime/passThrough.d.ts}

@@ -1,3 +1,3 @@
 import { type CSMCallback } from '../utils/subscription';
-declare const _default: (globalID: string, name: string, func?: CSMCallback) => (...args: any[]) => void;
+declare const _default: (globalID: string, name: string, func?: CSMCallback, subscriptionName?: string) => (...args: any[]) => void;
 export default _default;

package/store/chart-store.d.ts

@@ -0,0 +1,11 @@
+import type { DispatchAction, StoreState } from '../types/store';
+type StoreListener = () => void;
+export interface ChartStore {
+    dispatch: (action: DispatchAction) => StoreState;
+    getState: () => StoreState;
+    setState: (nextState: StoreState) => StoreState;
+    subscribe: (listener: StoreListener) => () => void;
+    updateState: (updater: (state: StoreState) => StoreState) => StoreState;
+}
+export declare function createChartStore(initialState: StoreState): ChartStore;
+export {};

package/store/context.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
-import type { DispatchAction, StoreState } from '../types/store';
+import type { DispatchAction } from '../types/store';
+import type { ChartStore } from './chart-store';
+import type { ChartRuntime } from './runtime';
 export interface AppContextType {
-    state: StoreState;
+    runtime: ChartRuntime;
+    store: ChartStore;
     dispatch: (action: DispatchAction) => void;
 }
 declare const AppContext: React.Context<AppContextType>;

package/store/hooks/index.d.ts

@@ -1 +1 @@
-export { useSelector, useStore } from './useStore';
+export { useSelector, useStore, useStoreApi, useStoreDispatch } from './useStore';

package/store/hooks/useStore.d.ts

@@ -1,11 +1,15 @@
 import type { DispatchAction, StoreState } from '../../types/store';
+import type { ChartStore } from '../chart-store';
+import type { ChartRuntime } from '../runtime';
 /**
  * 使用全局状态的 hook
  * @returns 状态和 dispatch 函数
  */
 export declare function useStore(): {
-    state: StoreState;
     dispatch: (action: DispatchAction) => void;
+    runtime: ChartRuntime;
+    state: StoreState;
+    store: ChartStore;
 };
 /**
  * 获取特定状态的 hook
@@ -13,3 +17,9 @@ export declare function useStore(): {
  * @returns 选择的状态
  */
 export declare function useSelector<T>(selector: (state: StoreState) => T): T;
+export declare function useStoreApi(): {
+    dispatch: (action: DispatchAction) => void;
+    runtime: ChartRuntime;
+    store: ChartStore;
+};
+export declare function useStoreDispatch(): (action: DispatchAction) => void;

package/store/index.d.ts

@@ -2,4 +2,4 @@ import type React from 'react';
 import type { StoreProps } from '../types/store';
 declare const Store: React.FC<StoreProps>;
 export default Store;
-export { useSelector, useStore } from './hooks';
+export { useSelector, useStore, useStoreApi, useStoreDispatch } from './hooks';