@gemx-dev/heatmap-react 3.5.55 → 3.5.56

package/dist/esm/helpers/viz-elm-callout/position-calculator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"position-calculator.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-calculator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,eAAO,MAAM,iBAAiB,GAAI,WAAW,oBAAoB,KAAG,oBAAoB,EASvF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,gDAKnC;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,oBAAoB,CAAC;CAC7B,KAAG,MAUH,CAAC;AAEF,eAAO,MAAM,yBAAyB,GACpC,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,WAAW,KAAK,GAAG,QAAQ,EAC3B,SAAS,MAAM,EACf,WAAW,MAAM,KAChB,MAIF,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAC/C,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,WAAW,MAAM,GAAG,OAAO,EAC3B,SAAS,MAAM,EACf,WAAW,MAAM,KAChB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAQ7B,CAAC"}
+{"version":3,"file":"position-calculator.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-calculator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,eAAO,MAAM,iBAAiB,GAAI,WAAW,oBAAoB,KAAG,oBAAoB,EASvF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,gDAKnC;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,oBAAoB,CAAC;CAC7B,KAAG,MAUH,CAAC;AAEF,eAAO,MAAM,yBAAyB,GACpC,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,WAAW,KAAK,GAAG,QAAQ,EAC3B,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,UAAS,MAAU,KAClB,MAIF,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAC/C,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,WAAW,MAAM,GAAG,OAAO,EAC3B,SAAS,MAAM,EACf,WAAW,MAAM,KAChB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAQ7B,CAAC"}

package/dist/esm/helpers/viz-elm-callout/position-candidates.d.ts

@@ -1,5 +1,11 @@
 import type { IHorizontalAlignment, IPositionCandidate, IRectDimensions, IViewportDimensions } from '../../types';
-export declare const generateVerticalPositionCandidates: (targetRect: DOMRect, calloutRect: DOMRect, viewportHeight: number, viewportWidth: number, alignment: IHorizontalAlignment, hozOffset: number, padding: number, arrowSize: number, containerRect?: DOMRect) => IPositionCandidate[];
+export declare const generateVerticalPositionCandidates: (targetRect: DOMRect, calloutRect: DOMRect, viewportHeight: number, viewportWidth: number, alignment: IHorizontalAlignment, offset: {
+    x: number;
+    y: number;
+}, padding: number, arrowSize: number, containerRect?: DOMRect) => IPositionCandidate[];
 export declare const generateHorizontalPositionCandidates: (targetRect: DOMRect, calloutRect: DOMRect, viewportWidth: number, padding: number, arrowSize: number, containerRect?: DOMRect) => IPositionCandidate[];
-export declare const generateAllPositionCandidates: (rectDimensions: IRectDimensions, viewport: IViewportDimensions, alignment: IHorizontalAlignment, hozOffset: number, padding: number, arrowSize: number, containerRect?: DOMRect) => IPositionCandidate[];
+export declare const generateAllPositionCandidates: (rectDimensions: IRectDimensions, viewport: IViewportDimensions, alignment: IHorizontalAlignment, offset: {
+    x: number;
+    y: number;
+}, padding: number, arrowSize: number, containerRect?: DOMRect) => IPositionCandidate[];
 //# sourceMappingURL=position-candidates.d.ts.map

package/dist/esm/helpers/viz-elm-callout/position-candidates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"position-candidates.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-candidates.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAUlH,eAAO,MAAM,kCAAkC,GAC7C,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,gBAAgB,MAAM,EACtB,eAAe,MAAM,EACrB,WAAW,oBAAoB,EAC/B,WAAW,MAAM,EACjB,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,gBAAgB,OAAO,KACtB,kBAAkB,EAsCpB,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAC/C,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,eAAe,MAAM,EACrB,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,gBAAgB,OAAO,KACtB,kBAAkB,EAsBpB,CAAC;AAEF,eAAO,MAAM,6BAA6B,GACxC,gBAAgB,eAAe,EAC/B,UAAU,mBAAmB,EAC7B,WAAW,oBAAoB,EAC/B,WAAW,MAAM,EACjB,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,gBAAgB,OAAO,KACtB,kBAAkB,EAyBpB,CAAC"}
+{"version":3,"file":"position-candidates.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-candidates.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAUlH,eAAO,MAAM,kCAAkC,GAC7C,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,gBAAgB,MAAM,EACtB,eAAe,MAAM,EACrB,WAAW,oBAAoB,EAC/B,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,gBAAgB,OAAO,KACtB,kBAAkB,EAsCpB,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAC/C,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,eAAe,MAAM,EACrB,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,gBAAgB,OAAO,KACtB,kBAAkB,EAsBpB,CAAC;AAEF,eAAO,MAAM,6BAA6B,GACxC,gBAAgB,eAAe,EAC/B,UAAU,mBAAmB,EAC7B,WAAW,oBAAoB,EAC/B,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,gBAAgB,OAAO,KACtB,kBAAkB,EAyBpB,CAAC"}

package/dist/esm/helpers/viz-elm-callout/viz-elm.d.ts

@@ -1,11 +1,21 @@
+import type { ICalloutPositionMode } from '../../components/VizElement/ElementCallout';
 import type { ICalloutPosition, IHorizontalAlignment } from '../../types';
 interface ICalcCalloutPositionProps {
     targetElm: Element;
     calloutElm: HTMLElement;
     setPosition: (position: ICalloutPosition) => void;
-    hozOffset?: number;
+    offset?: {
+        x: number;
+        y: number;
+    };
     alignment?: IHorizontalAlignment;
-    containerElm?: HTMLElement | null;
+    positionMode?: ICalloutPositionMode;
+    visualRef?: React.RefObject<HTMLDivElement> | null;
+    widthScale?: number;
+    mousePosition?: {
+        x: number;
+        y: number;
+    };
 }
 export declare const calcCalloutPosition: (options: ICalcCalloutPositionProps) => () => void;
 export {};

package/dist/esm/helpers/viz-elm-callout/viz-elm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viz-elm.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/viz-elm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAO1E,UAAU,yBAAyB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,WAAW,CAAC;IACxB,WAAW,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,GAAI,SAAS,yBAAyB,eAoDrE,CAAC"}
+{"version":3,"file":"viz-elm.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/viz-elm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAO1E,UAAU,yBAAyB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,WAAW,CAAC;IACxB,WAAW,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1C;AA2DD,eAAO,MAAM,mBAAmB,GAAI,SAAS,yBAAyB,eA0ErE,CAAC"}

package/dist/esm/hooks/index.d.ts

@@ -3,6 +3,7 @@ export * from './register';
 export * from './viz-area-click';
 export * from './viz-canvas';
 export * from './viz-elm';
+export * from './viz-iframe';
 export * from './viz-live';
 export * from './viz-render';
 export * from './viz-scale';

package/dist/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAE3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAE3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,cAAc,gBAAgB,CAAC"}

package/dist/esm/hooks/register/useRegisterControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRegisterControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAI3D,eAAO,MAAM,kBAAkB,GAAI,SAAS,eAAe,SAW1D,CAAC"}
+{"version":3,"file":"useRegisterControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAK3D,eAAO,MAAM,kBAAkB,GAAI,SAAS,eAAe,SAkB1D,CAAC"}

package/dist/esm/hooks/register/useRegisterData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRegisterData.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMhE,eAAO,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,EAAE,WAAW,YAAY,SA+B/E,CAAC"}
+{"version":3,"file":"useRegisterData.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMhE,eAAO,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,EAAE,WAAW,YAAY,SAoB/E,CAAC"}

package/dist/esm/hooks/register/useRegisterHeatmap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRegisterHeatmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterHeatmap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAKrF,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACnC;AACD,eAAO,MAAM,kBAAkB,GAAI,qCAAqC,KAAK,SAgC5E,CAAC"}
+{"version":3,"file":"useRegisterHeatmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterHeatmap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAKrF,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACnC;AACD,eAAO,MAAM,kBAAkB,GAAI,qCAAqC,KAAK,SAuB5E,CAAC"}

package/dist/esm/hooks/view-context/createViewContextHook.d.ts

@@ -0,0 +1,55 @@
+import type { StoreApi, UseBoundStore } from 'zustand';
+/**
+ * Configuration for creating a view-context hook
+ */
+interface CreateViewContextHookConfig<TStore, TState, TActions> {
+    /** The Zustand store hook */
+    useStore: UseBoundStore<StoreApi<TStore>>;
+    /** Extract state values from store for a specific viewId */
+    getState: (store: TStore, viewId: string) => TState;
+    /** Extract action setters from store and bind them to a specific viewId */
+    getActions: (store: TStore, viewId: string) => TActions;
+}
+/**
+ * Result type combining state and actions
+ */
+type ViewContextResult<TState, TActions> = TState & TActions;
+/**
+ * Creates a view-context aware hook with selector support
+ *
+ * Features:
+ * - Automatic viewId injection from context
+ * - Selector pattern for granular subscriptions
+ * - Full type safety
+ * - Optimized re-renders with useShallow
+ *
+ * @example
+ * ```ts
+ * const useMyHook = createViewContextHook({
+ *   useStore: useMyStore,
+ *   getState: (store, viewId) => ({
+ *     data: store.data.get(viewId) ?? null,
+ *     count: store.count.get(viewId) ?? 0,
+ *   }),
+ *   getActions: (store, viewId) => ({
+ *     setData: (data) => store.setData(data, viewId),
+ *     increment: () => store.increment(viewId),
+ *   }),
+ * });
+ *
+ * // Usage
+ * const data = useMyHook(s => s.data);
+ * const { setData } = useMyHook(s => ({ setData: s.setData }));
+ * const everything = useMyHook();
+ * ```
+ */
+export declare function createViewContextHook<TStore, TState extends object, TActions extends object>(config: CreateViewContextHookConfig<TStore, TState, TActions>): {
+    <T>(selector: (state: ViewContextResult<TState, TActions>) => T, props?: {
+        viewId?: string;
+    }): T;
+    (props?: {
+        viewId?: string;
+    }): ViewContextResult<TState, TActions>;
+};
+export {};
+//# sourceMappingURL=createViewContextHook.d.ts.map

package/dist/esm/hooks/view-context/createViewContextHook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createViewContextHook.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/createViewContextHook.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAcvD;;GAEG;AACH,UAAU,2BAA2B,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ;IAC5D,6BAA6B;IAC7B,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1C,4DAA4D;IAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAEpD,2EAA2E;IAC3E,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC;CACzD;AAED;;GAEG;AACH,KAAK,iBAAiB,CAAC,MAAM,EAAE,QAAQ,IAAI,MAAM,GAAG,QAAQ,CAAC;AAM7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,SAAS,MAAM,EAAE,QAAQ,SAAS,MAAM,EAC1F,MAAM,EAAE,2BAA2B,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;KAKjC,CAAC,YAAY,CAAC,KAAK,qCAAQ,KAAK,CAAC,UAAU;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,CAAC;aAC1D;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;EA2BxD"}

package/dist/esm/hooks/view-context/index.d.ts

@@ -1,7 +1,9 @@
 export * from './useHeatmapAreaClick';
 export * from './useHeatmapClick';
 export * from './useHeatmapData';
+export * from './useHeatmapHover';
 export * from './useHeatmapScroll';
 export * from './useHeatmapViz';
+export * from './useHeatmapVizRect';
 export * from './useHeatmapCopyView';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/view-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,sBAAsB,CAAC"}

package/dist/esm/hooks/view-context/useHeatmapAreaClick.d.ts

@@ -1,9 +1,11 @@
 import type { IAreaNode } from '../../types';
-export interface IHeatmapAreaClickResult {
+interface IHeatmapAreaClickState {
     selectedArea: IAreaNode | null;
     hoveredArea: IAreaNode | null;
     areas: IAreaNode[];
     isEditingMode: boolean;
+}
+interface IHeatmapAreaClickActions {
     setSelectedArea: (area: IAreaNode | null) => void;
     setHoveredArea: (area: IAreaNode | null) => void;
     setAreas: (areas: IAreaNode[]) => void;
@@ -14,7 +16,60 @@ export interface IHeatmapAreaClickResult {
     clearAreas: () => void;
     resetView: () => void;
 }
-export declare const useHeatmapAreaClick: (props?: {
-    viewId?: string;
-}) => IHeatmapAreaClickResult;
+export type IHeatmapAreaClickResult = IHeatmapAreaClickState & IHeatmapAreaClickActions;
+/**
+ * Hook to access heatmap area click state and actions with optional selector
+ *
+ * @example
+ * ```tsx
+ * // Get everything
+ * const { areas, selectedArea, addArea } = useHeatmapAreaClick();
+ *
+ * // Get only what you need (no unnecessary re-renders)
+ * const addArea = useHeatmapAreaClick(s => s.addArea);
+ * const { addArea, removeArea } = useHeatmapAreaClick(s => ({
+ *   addArea: s.addArea,
+ *   removeArea: s.removeArea,
+ * }));
+ * ```
+ */
+export declare const useHeatmapAreaClick: {
+    <T>(selector: (state: {
+        selectedArea: IAreaNode | null;
+        hoveredArea: IAreaNode | null;
+        areas: IAreaNode[];
+        isEditingMode: boolean;
+    } & {
+        setSelectedArea: (area: IAreaNode | null) => void;
+        setHoveredArea: (area: IAreaNode | null) => void;
+        setAreas: (areas: IAreaNode[]) => void;
+        setIsEditingMode: (isEditing: boolean) => void;
+        addArea: (area: IAreaNode) => void;
+        removeArea: (areaId: string) => void;
+        updateArea: (areaId: string, updates: Partial<IAreaNode>) => void;
+        clearAreas: () => void;
+        resetView: () => void;
+    }) => T, props?: {
+        viewId?: string;
+    } | undefined): T;
+    (props?: {
+        viewId?: string;
+    } | undefined): {
+        selectedArea: IAreaNode | null;
+        hoveredArea: IAreaNode | null;
+        areas: IAreaNode[];
+        isEditingMode: boolean;
+    } & {
+        setSelectedArea: (area: IAreaNode | null) => void;
+        setHoveredArea: (area: IAreaNode | null) => void;
+        setAreas: (areas: IAreaNode[]) => void;
+        setIsEditingMode: (isEditing: boolean) => void;
+        addArea: (area: IAreaNode) => void;
+        removeArea: (areaId: string) => void;
+        updateArea: (areaId: string, updates: Partial<IAreaNode>) => void;
+        clearAreas: () => void;
+        resetView: () => void;
+    };
+};
+export {};
 //# sourceMappingURL=useHeatmapAreaClick.d.ts.map

package/dist/esm/hooks/view-context/useHeatmapAreaClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapAreaClick.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapAreaClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,MAAM,WAAW,uBAAuB;IAEtC,YAAY,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IAGvB,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAG/C,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,GAAI,QAAQ;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,uBAsDjE,CAAC"}
+{"version":3,"file":"useHeatmapAreaClick.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapAreaClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAS7C,UAAU,sBAAsB;IAC9B,YAAY,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,wBAAwB;IAChC,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;AAMxF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,mBAAmB;;;;;;;gCAWJ,SAAS,GAAG,IAAI;+BACjB,SAAS,GAAG,IAAI;0BACrB,SAAS,EAAE;sCACC,OAAO;wBACrB,SAAS;6BACJ,MAAM;6BACN,MAAM,WAAW,OAAO,CAAC,SAAS,CAAC;;;;;;;;;;;;;;gCANhC,SAAS,GAAG,IAAI;+BACjB,SAAS,GAAG,IAAI;0BACrB,SAAS,EAAE;sCACC,OAAO;wBACrB,SAAS;6BACJ,MAAM;6BACN,MAAM,WAAW,OAAO,CAAC,SAAS,CAAC;;;;CAI1D,CAAC"}

package/dist/esm/hooks/view-context/useHeatmapClick.d.ts

@@ -1,17 +1,35 @@
-import type { IHeatmapState } from '../../stores';
-import type { ElementInfo } from '../../types';
-interface IHeatmapClickResult {
+import type { IHeatmapState, ISelectedElement } from '../../stores';
+interface IHeatmapClickState {
     state: IHeatmapState;
-    setState: (state: IHeatmapState) => void;
-    selectedElement: string | null;
-    setSelectedElement: (selectedElement: string | null) => void;
-    hoveredElement: ElementInfo | null;
-    setHoveredElement: (hoveredElement: ElementInfo | null) => void;
+    selectedElement: ISelectedElement | null;
     shouldShowCallout: boolean;
+}
+interface IHeatmapClickActions {
+    setState: (state: IHeatmapState) => void;
+    setSelectedElement: (selectedElement: ISelectedElement | string | null) => void;
     setShouldShowCallout: (shouldShowCallout: boolean) => void;
 }
-export declare const useHeatmapClick: (props?: {
-    viewId?: string;
-}) => IHeatmapClickResult;
+export type IHeatmapClickResult = IHeatmapClickState & IHeatmapClickActions;
+/**
+ * Hook to access heatmap click state and actions with optional selector
+ *
+ * @example
+ * ```tsx
+ * // Get everything
+ * const { state, selectedElement, setSelectedElement } = useHeatmapClick();
+ *
+ * // Get only what you need (no unnecessary re-renders)
+ * const setSelectedElement = useHeatmapClick(s => s.setSelectedElement);
+ * const selectedElement = useHeatmapClick(s => s.selectedElement);
+ * ```
+ */
+export declare const useHeatmapClick: {
+    <T>(selector: (state: IHeatmapClickState & IHeatmapClickActions) => T, props?: {
+        viewId?: string;
+    } | undefined): T;
+    (props?: {
+        viewId?: string;
+    } | undefined): IHeatmapClickState & IHeatmapClickActions;
+};
 export {};
 //# sourceMappingURL=useHeatmapClick.d.ts.map

package/dist/esm/hooks/view-context/useHeatmapClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapClick.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM/C,UAAU,mBAAmB;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,iBAAiB,EAAE,CAAC,cAAc,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,eAAe,GAAI,QAAQ;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,mBAgC7D,CAAC"}
+{"version":3,"file":"useHeatmapClick.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAsB,aAAa,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AASxF,UAAU,kBAAkB;IAC1B,KAAK,EAAE,aAAa,CAAC;IACrB,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACzC,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,kBAAkB,EAAE,CAAC,eAAe,EAAE,gBAAgB,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChF,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG,oBAAoB,CAAC;AAY5E;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;;;;;;;CAc1B,CAAC"}

package/dist/esm/hooks/view-context/useHeatmapCopyView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapCopyView.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapCopyView.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzD;;;;OAIG;IACH,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEtE;;;OAGG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC;;;OAGG;IACH,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,QAAO,yBAoErC,CAAC"}
+{"version":3,"file":"useHeatmapCopyView.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapCopyView.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzD;;;;OAIG;IACH,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEtE;;;OAGG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC;;;OAGG;IACH,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,QAAO,yBA0ErC,CAAC"}

package/dist/esm/hooks/view-context/useHeatmapData.d.ts

@@ -1,19 +1,72 @@
 import type { ClickMapPoint, DecodedPayload, IHeatmapInfo, IPersistedAreaData, ScrollMapPoint } from '../../types';
-interface IHeatmapDataResult {
+interface IHeatmapDataState {
     data: DecodedPayload[] | undefined;
     clickmap: ClickMapPoint[] | undefined;
     clickAreas: IPersistedAreaData[] | undefined;
     scrollmap: ScrollMapPoint[] | undefined;
     dataInfo: IHeatmapInfo | undefined;
+}
+interface IHeatmapDataActions {
     setData: (newData: DecodedPayload[]) => void;
     setClickmap: (newClickmap: ClickMapPoint[]) => void;
     setClickAreas: (newClickAreas: IPersistedAreaData[]) => void;
     setScrollmap: (newScrollmap: ScrollMapPoint[]) => void;
     setDataInfo: (newDataInfo: IHeatmapInfo) => void;
     removeClickArea: (areaId: string) => void;
+    clearView: (viewId: string) => void;
 }
-export declare const useHeatmapData: (props?: {
-    viewId?: string;
-}) => IHeatmapDataResult;
+export type IHeatmapDataResult = IHeatmapDataState & IHeatmapDataActions;
+/**
+ * Hook to access heatmap data state and actions with optional selector
+ *
+ * @example
+ * ```tsx
+ * // Get everything
+ * const { data, clickmap, setData } = useHeatmapData();
+ *
+ * // Get only what you need (no unnecessary re-renders)
+ * const data = useHeatmapData(s => s.data);
+ * const { setData, setClickmap } = useHeatmapData(s => ({
+ *   setData: s.setData,
+ *   setClickmap: s.setClickmap,
+ * }));
+ * ```
+ */
+export declare const useHeatmapData: {
+    <T>(selector: (state: {
+        data: import("@gemx-dev/clarity-decode/types/data").DecodedPayload[] | undefined;
+        clickmap: ClickMapPoint[] | undefined;
+        clickAreas: IPersistedAreaData[] | undefined;
+        scrollmap: ScrollMapPoint[] | undefined;
+        dataInfo: IHeatmapInfo | undefined;
+    } & {
+        setData: (newData: DecodedPayload[]) => void;
+        setClickmap: (newClickmap: ClickMapPoint[]) => void;
+        setClickAreas: (newClickAreas: IPersistedAreaData[]) => void;
+        setScrollmap: (newScrollmap: ScrollMapPoint[]) => void;
+        setDataInfo: (newDataInfo: IHeatmapInfo) => void;
+        removeClickArea: (areaId: string) => void;
+        clearView: (viewId: string) => void;
+    }) => T, props?: {
+        viewId?: string;
+    } | undefined): T;
+    (props?: {
+        viewId?: string;
+    } | undefined): {
+        data: import("@gemx-dev/clarity-decode/types/data").DecodedPayload[] | undefined;
+        clickmap: ClickMapPoint[] | undefined;
+        clickAreas: IPersistedAreaData[] | undefined;
+        scrollmap: ScrollMapPoint[] | undefined;
+        dataInfo: IHeatmapInfo | undefined;
+    } & {
+        setData: (newData: DecodedPayload[]) => void;
+        setClickmap: (newClickmap: ClickMapPoint[]) => void;
+        setClickAreas: (newClickAreas: IPersistedAreaData[]) => void;
+        setScrollmap: (newScrollmap: ScrollMapPoint[]) => void;
+        setDataInfo: (newDataInfo: IHeatmapInfo) => void;
+        removeClickArea: (areaId: string) => void;
+        clearView: (viewId: string) => void;
+    };
+};
 export {};
 //# sourceMappingURL=useHeatmapData.d.ts.map

package/dist/esm/hooks/view-context/useHeatmapData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapData.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAMnH,UAAU,kBAAkB;IAC1B,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IAC7C,SAAS,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACxC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IAEnC,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAC7D,YAAY,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACvD,WAAW,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,cAAc,GAAI,QAAQ;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,kBAoC5D,CAAC"}
+{"version":3,"file":"useHeatmapData.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AASnH,UAAU,iBAAiB;IACzB,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IAC7C,SAAS,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACxC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;CACpC;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAC7D,YAAY,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACvD,WAAW,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAMzE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;;;;;2BAYJ,cAAc,EAAE;mCACR,aAAa,EAAE;uCACX,kBAAkB,EAAE;qCACtB,cAAc,EAAE;mCAClB,YAAY;kCACb,MAAM;4BACZ,MAAM;;;;;;;;;;;;;2BANP,cAAc,EAAE;mCACR,aAAa,EAAE;uCACX,kBAAkB,EAAE;qCACtB,cAAc,EAAE;mCAClB,YAAY;kCACb,MAAM;4BACZ,MAAM;;CAE5B,CAAC"}

package/dist/esm/hooks/view-context/useHeatmapHover.d.ts

@@ -0,0 +1,42 @@
+import type { ElementInfo } from '../../types';
+interface IHeatmapHoverState {
+    hoveredElement: ElementInfo | null;
+}
+interface IHeatmapHoverActions {
+    setHoveredElement: (hoveredElement: ElementInfo | null) => void;
+    isHovered: (hash: string) => boolean;
+    getHoveredHash: () => string;
+}
+export type IHeatmapHoverResult = IHeatmapHoverState & IHeatmapHoverActions;
+/**
+ * Hook to access heatmap hover state and actions with optional selector
+ * Separated from useHeatmapClick to prevent unnecessary re-renders
+ *
+ * @example
+ * ```tsx
+ * // Get everything
+ * const { hoveredElement, setHoveredElement } = useHeatmapHover();
+ *
+ * // Get only what you need (no unnecessary re-renders)
+ * const hoveredElement = useHeatmapHover(s => s.hoveredElement);
+ * const setHoveredElement = useHeatmapHover(s => s.setHoveredElement);
+ * ```
+ */
+export declare const useHeatmapHover: {
+    <T>(selector: (state: {
+        hoveredElement: ElementInfo | null;
+    } & {
+        setHoveredElement: (el: ElementInfo | null) => void;
+    }) => T, props?: {
+        viewId?: string;
+    } | undefined): T;
+    (props?: {
+        viewId?: string;
+    } | undefined): {
+        hoveredElement: ElementInfo | null;
+    } & {
+        setHoveredElement: (el: ElementInfo | null) => void;
+    };
+};
+export {};
+//# sourceMappingURL=useHeatmapHover.d.ts.map

package/dist/esm/hooks/view-context/useHeatmapHover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatmapHover.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapHover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS/C,UAAU,kBAAkB;IAC1B,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;CACpC;AAED,UAAU,oBAAoB;IAC5B,iBAAiB,EAAE,CAAC,cAAc,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACrC,cAAc,EAAE,MAAM,MAAM,CAAC;CAC9B;AAED,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG,oBAAoB,CAAC;AAM5E;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe;;;;gCAQA,WAAW,GAAG,IAAI;;;;;;;;;gCAAlB,WAAW,GAAG,IAAI;;CAE5C,CAAC"}

package/dist/esm/hooks/view-context/useHeatmapScroll.d.ts

@@ -1,14 +1,51 @@
 import type { IScrollZone } from '../../types';
-interface IHeatmapScrollResult {
+interface IHeatmapScrollState {
     zones: IScrollZone[];
-    setZones: (zones: IScrollZone[]) => void;
     hoveredZone: IScrollZone | null;
-    setHoveredZone: (hoveredZone: IScrollZone | null) => void;
     showMinimap: boolean;
+}
+interface IHeatmapScrollActions {
+    setZones: (zones: IScrollZone[]) => void;
+    setHoveredZone: (hoveredZone: IScrollZone | null) => void;
     setShowMinimap: (showMinimap: boolean) => void;
 }
-export declare const useHeatmapScroll: (props?: {
-    viewId?: string;
-}) => IHeatmapScrollResult;
+export type IHeatmapScrollResult = IHeatmapScrollState & IHeatmapScrollActions;
+/**
+ * Hook to access heatmap scroll state and actions with optional selector
+ *
+ * @example
+ * ```tsx
+ * // Get everything
+ * const { zones, hoveredZone, setZones } = useHeatmapScroll();
+ *
+ * // Get only what you need (no unnecessary re-renders)
+ * const setZones = useHeatmapScroll(s => s.setZones);
+ * const zones = useHeatmapScroll(s => s.zones);
+ * ```
+ */
+export declare const useHeatmapScroll: {
+    <T>(selector: (state: {
+        zones: IScrollZone[];
+        hoveredZone: IScrollZone | null;
+        showMinimap: boolean;
+    } & {
+        setZones: (zones: IScrollZone[]) => void;
+        setHoveredZone: (zone: IScrollZone | null) => void;
+        setShowMinimap: (value: boolean) => void;
+    }) => T, props?: {
+        viewId?: string;
+    } | undefined): T;
+    (props?: {
+        viewId?: string;
+    } | undefined): {
+        zones: IScrollZone[];
+        hoveredZone: IScrollZone | null;
+        showMinimap: boolean;
+    } & {
+        setZones: (zones: IScrollZone[]) => void;
+        setHoveredZone: (zone: IScrollZone | null) => void;
+        setShowMinimap: (value: boolean) => void;
+    };
+};
 export {};
 //# sourceMappingURL=useHeatmapScroll.d.ts.map

package/dist/esm/hooks/view-context/useHeatmapScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM/C,UAAU,oBAAoB;IAC5B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,gBAAgB,GAAI,QAAQ;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,oBA4B9D,CAAC"}
+{"version":3,"file":"useHeatmapScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS/C,UAAU,mBAAmB;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAM/E;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB;;;;;;0BAUP,WAAW,EAAE;+BACR,WAAW,GAAG,IAAI;gCACjB,OAAO;;;;;;;;;;;0BAFb,WAAW,EAAE;+BACR,WAAW,GAAG,IAAI;gCACjB,OAAO;;CAEjC,CAAC"}

package/dist/esm/hooks/view-context/useHeatmapViz.d.ts

@@ -1,26 +1,65 @@
-import type { Visualizer } from '@gemx-dev/clarity-visualize';
-interface IHeatmapVizResult {
+interface IHeatmapVizState {
     isRenderViz: boolean;
     zoomRatio: number;
     minZoomRatio: number;
     widthScale: number;
     isScaledToFit: boolean;
-    vizRef: Visualizer | null;
-    iframeHeight: number;
-    wrapperHeight: number;
-    wrapperWidth: number;
+}
+interface IHeatmapVizActions {
     setIsRenderViz: (value: boolean) => void;
     setZoomRatio: (value: number) => void;
     setMinZoomRatio: (value: number) => void;
     setScale: (value: number) => void;
     setIsScaledToFit: (value: boolean) => void;
-    setVizRef: (value: Visualizer | null) => void;
-    setIframeHeight: (value: number) => void;
-    setWrapperHeight: (value: number) => void;
-    setWrapperWidth: (value: number) => void;
 }
-export declare const useHeatmapViz: (props?: {
-    viewId?: string;
-}) => IHeatmapVizResult;
+export type IHeatmapVizResult = IHeatmapVizState & IHeatmapVizActions;
+/**
+ * Hook to access heatmap viz state and actions (zoom, scale, render state)
+ *
+ * @example
+ * ```tsx
+ * // Get everything
+ * const { zoomRatio, setZoomRatio, isRenderViz } = useHeatmapViz();
+ *
+ * // Get only what you need (no unnecessary re-renders)
+ * const zoomRatio = useHeatmapViz(s => s.zoomRatio);
+ * const { setZoomRatio, setScale } = useHeatmapViz(s => ({
+ *   setZoomRatio: s.setZoomRatio,
+ *   setScale: s.setScale,
+ * }));
+ * ```
+ */
+export declare const useHeatmapViz: {
+    <T>(selector: (state: {
+        isRenderViz: boolean;
+        zoomRatio: number;
+        minZoomRatio: number;
+        widthScale: number;
+        isScaledToFit: boolean;
+    } & {
+        setIsRenderViz: (value: boolean) => void;
+        setZoomRatio: (value: number) => void;
+        setMinZoomRatio: (value: number) => void;
+        setScale: (value: number) => void;
+        setIsScaledToFit: (value: boolean) => void;
+    }) => T, props?: {
+        viewId?: string;
+    } | undefined): T;
+    (props?: {
+        viewId?: string;
+    } | undefined): {
+        isRenderViz: boolean;
+        zoomRatio: number;
+        minZoomRatio: number;
+        widthScale: number;
+        isScaledToFit: boolean;
+    } & {
+        setIsRenderViz: (value: boolean) => void;
+        setZoomRatio: (value: number) => void;
+        setMinZoomRatio: (value: number) => void;
+        setScale: (value: number) => void;
+        setIsScaledToFit: (value: boolean) => void;
+    };
+};
 export {};
 //# sourceMappingURL=useHeatmapViz.d.ts.map

package/dist/esm/hooks/view-context/useHeatmapViz.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapViz.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapViz.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAM9D,UAAU,iBAAiB;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AACD,eAAO,MAAM,aAAa,GAAI,QAAQ;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,iBAkE3D,CAAC"}
+{"version":3,"file":"useHeatmapViz.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapViz.ts"],"names":[],"mappings":"AAOA,UAAU,gBAAgB;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,kBAAkB;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;AAMtE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,aAAa;;;;;;;;gCAYE,OAAO;8BACT,MAAM;iCACH,MAAM;0BACb,MAAM;kCACE,OAAO;;;;;;;;;;;;;gCAJT,OAAO;8BACT,MAAM;iCACH,MAAM;0BACb,MAAM;kCACE,OAAO;;CAEnC,CAAC"}