@kubit-ui-web/react-charts 0.1.0

package/dist/types/components/plot/plot.d.ts

@@ -0,0 +1,38 @@
+import { ForwardedRef } from '../../../node_modules/react';
+import { PlotProps } from './plot.types';
+/**
+ * `Plot` component which renders an interactive point in a chart with hover effects and accessibility features.
+ *
+ * @template T - The type of the value represented by this plot point's data. Defaults to string.
+ *
+ * @param props - `PlotProps` include:
+ *
+ * - `type`: Type of the plot point (circle, square, triangle). By default is `PlotType.Circle`.
+ * - `size`: Size of the plot point. Can be a predefined size from PlotSize enum or a direct pixel size.
+ * - `fill`: Fill color of the plot point.
+ * - `fillOpacity`: Fill color opacity. By default is 1.
+ * - `hasHoverEffect`: Whether the plot has a hover effect. By default is `true`.
+ * - `position`: Required. The position of the plot point on the plane.
+ * - `dataTestId`: Identifier for testing. By default is 'Plot'.
+ * - `stroke`: Stroke color of the plot point. By default is 'transparent'.
+ * - `strokeWidth`: Stroke width of the plot point. By default is 0.
+ * - `opacity`: Overall opacity of the plot point. By default is 1.
+ * - `label`: Accessible label for the plot point.
+ * - `tabIndex`: Tab index for keyboard navigation. By default is -1 to support programmatic focus management.
+ * - `id`: Unique identifier for the plot point.
+ * - `className`: Additional CSS classes for the plot point.
+ * - `hoverConfig`: Configuration for the hover effect.
+ * - `data`: Data associated with this plot point, with value of type T.
+ * - `onClick`: Function executed when clicking on the plot point.
+ * - `onKeyDown`: Function executed when pressing a key while the plot point has focus.
+ * - `onFocus`: Function executed when focusing the plot point.
+ * - `onBlur`: Function executed when removing focus from the plot point.
+ * - `onMouseEnter`: Function executed when hovering over the plot point.
+ * - `onMouseLeave`: Function executed when moving the mouse away from the plot point.
+ *
+ * @returns An SVG element representing the plot point with event handlers and accessibility features.
+ */
+export declare const Plot: <T = string>(props: PlotProps<T> & {
+    ref?: ForwardedRef<SVGElement>;
+}) => JSX.Element;
+//# sourceMappingURL=plot.d.ts.map

package/dist/types/components/plot/plot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plot.d.ts","sourceRoot":"","sources":["../../../../src/components/plot/plot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAYtD,OAAO,YAAY,CAAC;AACpB,OAAO,EAAiB,KAAK,SAAS,EAAsB,MAAM,cAAc,CAAC;AA+IjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,IAAI,EAAgC,CAAC,CAAC,GAAG,MAAM,EAC1D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IACpB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/types/components/plot/plot.types.d.ts

@@ -0,0 +1,177 @@
+import { FocusConfig } from '../../types/focusConfig.type';
+/**
+ * Enum for plot types.
+ *
+ * This enumeration defines the possible types of plot points that can be represented in a chart.
+ * It includes basic geometric shapes such as circles, squares, and triangles.
+ *
+ * @enum {string}
+ */
+export declare const PlotType: {
+    /** Represents a circle plot point */
+    readonly CIRCLE: "CIRCLE";
+    /** Represents a square plot point */
+    readonly SQUARE: "SQUARE";
+    /** Represents a triangle plot point */
+    readonly TRIANGLE: "TRIANGLE";
+};
+/**
+ * Enum for plot sizes.
+ *
+ * This enumeration defines the different size options available for plot points.
+ * Sizes range from extra small to extra large, with specific pixel dimensions.
+ *
+ * @enum {string}
+ */
+export declare const PlotSize: {
+    /** Extra large plot point (40x40 pixels) */
+    readonly EXTRA_LARGE: "EXTRA_LARGE";
+    /** Extra small plot point (8x8 pixels) */
+    readonly EXTRA_SMALL: "EXTRA_SMALL";
+    /** Large plot point (32x32 pixels) */
+    readonly LARGE: "LARGE";
+    /** Medium plot point (24x24 pixels) */
+    readonly MEDIUM: "MEDIUM";
+    /** Small plot point (16x16 pixels) */
+    readonly SMALL: "SMALL";
+};
+/**
+ * Mapping of PlotSize enum values to their actual pixel dimensions.
+ *
+ * This constant provides a direct mapping between the enum values and
+ * their corresponding numeric size values in pixels.
+ *
+ * @type {Record<PlotSize, number>}
+ */
+export declare const PLOT_SIZE_MAP: Record<(typeof PlotSize)[keyof typeof PlotSize], number>;
+/**
+ * Data associated with a plot point.
+ *
+ * @interface
+ * @template T - The type of the value represented by this plot point. Defaults to string.
+ */
+export interface PlotData<T = string> {
+    /** Index of the data point in its dataset */
+    index?: number;
+    /** Value represented by this plot point */
+    value?: T;
+    /** Category or series this plot point belongs to */
+    category?: string;
+    /** Precise coordinate values (may differ from SVG position) */
+    coordinate?: {
+        x: number;
+        y: number;
+    };
+}
+/**
+ * Properties for a plot component.
+ *
+ * This interface outlines the properties that can be set on a plot component within a chart.
+ * It supports customization of the plot's appearance such as fill color, size, and position,
+ * as well as accessibility features and event handlers for interactivity.
+ *
+ * @interface
+ * @template T - The type of the value represented by this plot point's data. Defaults to string.
+ */
+export interface PlotProps<T = string> {
+    /** Type of the plot point (circle, square, triangle). Defaults to PlotType.CIRCLE. */
+    type?: (typeof PlotType)[keyof typeof PlotType];
+    /**
+     * Size of the plot point.
+     * Can be a predefined size from PlotSize enum or a direct numeric value in pixels.
+     * Defaults to PlotSize.MEDIUM.
+     */
+    size?: (typeof PlotSize)[keyof typeof PlotSize] | number;
+    /** Fill color of the plot point. */
+    fill?: string;
+    /** Fill color opacity. Defaults to 1. */
+    fillOpacity?: number;
+    /** Whether the plot has a hover effect. */
+    hasHoverEffect?: boolean;
+    /** Position of the plot point on the plane. Required. */
+    position: {
+        x: number;
+        y: number;
+    };
+    /** Identifier for testing. Defaults to 'Plot'. */
+    dataTestId?: string;
+    /** Stroke color of the plot point. Defaults to 'transparent'. */
+    stroke?: string;
+    /** Stroke width of the plot point. Defaults to 0. */
+    strokeWidth?: number;
+    /** Overall opacity of the plot point. Defaults to 1. */
+    opacity?: number;
+    /** Accessible label for the plot point. */
+    label?: string;
+    /** Tab index for keyboard navigation. */
+    tabIndex?: number;
+    /** Unique identifier for the plot point. */
+    id?: string;
+    /** Additional CSS classes for the plot point. */
+    className?: string;
+    /**
+     * Configuration for the hover effect.
+     *
+     * - `fill` - Fill color when hovered. Defaults to the plot's original fill color.
+     * - `stroke` - Stroke color when hovered. Defaults to the plot's original fill color.
+     * - `strokeWidth` - Stroke width when hovered. Defaults to 0.
+     * - `opacity` - Overall opacity when hovered. Defaults to 0.3.
+     * - `scale` - Scale factor for the hover effect. Defaults to 1.3 (30% larger).
+     */
+    hoverConfig?: {
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+        opacity?: number;
+        scale?: number;
+    };
+    /**
+     * Configuration for the focus effect.
+     */
+    focusConfig?: FocusConfig;
+    /** Data associated with this plot point. */
+    data?: PlotData<T>;
+    /**
+     * Function executed when clicking on the plot point.
+     * Uses the standard React mouse event handler signature.
+     */
+    onClick?: React.MouseEventHandler<SVGElement>;
+    /**
+     * Function executed when pressing a key while the plot point has focus.
+     * Uses the standard React keyboard event handler signature.
+     */
+    onKeyDown?: React.KeyboardEventHandler<SVGElement>;
+    /**
+     * Function executed when focusing the plot point.
+     * Uses the standard React focus event handler signature.
+     */
+    onFocus?: React.FocusEventHandler<SVGElement>;
+    /**
+     * Function executed when removing focus from the plot point.
+     * Uses the standard React focus event handler signature.
+     */
+    onBlur?: React.FocusEventHandler<SVGElement>;
+    /**
+     * Function executed when hovering over the plot point.
+     * Uses the standard React mouse event handler signature.
+     */
+    onMouseEnter?: React.MouseEventHandler<SVGElement>;
+    /**
+     * Function executed when moving the mouse away from the plot point.
+     * Uses the standard React mouse event handler signature.
+     */
+    onMouseLeave?: React.MouseEventHandler<SVGElement>;
+}
+/**
+ * Properties for internal plot shape components.
+ * This interface extends PlotProps but overrides the 'size' property to use a numeric value
+ * rather than the PlotSize enum.
+ *
+ * @interface
+ * @template T - The type of the value represented by this plot point's data. Defaults to string.
+ */
+export interface PlotShapeProps<T = string> extends Omit<PlotProps<T>, 'size'> {
+    /** The size of the plot shape in pixels */
+    size: number;
+}
+//# sourceMappingURL=plot.types.d.ts.map

package/dist/types/components/plot/plot.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plot.types.d.ts","sourceRoot":"","sources":["../../../../src/components/plot/plot.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ;IACnB,qCAAqC;;IAErC,qCAAqC;;IAErC,uCAAuC;;CAE/B,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ;IACnB,4CAA4C;;IAE5C,0CAA0C;;IAE1C,sCAAsC;;IAEtC,uCAAuC;;IAEvC,sCAAsC;;CAE9B,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,EAAE,MAAM,CAMlF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,MAAM;IAClC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,UAAU,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACvC;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,MAAM;IACnC,sFAAsF;IACtF,IAAI,CAAC,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;IAChD;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,GAAG,MAAM,CAAC;IACzD,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yDAAyD;IACzD,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAE9C;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAEnD;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAE9C;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAE7C;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAEnD;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;CACpD;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAC5E,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;CACd"}

package/dist/types/components/svgContainer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './svgContainer';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/svgContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/svgContainer/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/types/components/svgContainer/svgContainer.d.ts

@@ -0,0 +1,6 @@
+import { ForwardedRef } from '../../../node_modules/react';
+import { SvgContainerProps } from './svgContainer.types';
+export declare const SvgContainer: (props: SvgContainerProps & {
+    ref?: ForwardedRef<SVGSVGElement>;
+}) => JSX.Element;
+//# sourceMappingURL=svgContainer.d.ts.map

package/dist/types/components/svgContainer/svgContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svgContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/svgContainer/svgContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA0E9D,eAAO,MAAM,YAAY,EAAwC,CAC/D,KAAK,EAAE,iBAAiB,GAAG;IACzB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/types/components/svgContainer/svgContainer.types.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Type definition for the `height` property of the `SvgContainerProps`.
+ * It restricts the value to either a `string` or `number`, but never 'auto' as a string value.
+ */
+type Height = string extends 'auto' ? never : string | number;
+/**
+ * Defines the properties accepted by the `SvgContainer` component.
+ *
+ * This interface specifies the types and optional properties for rendering an SVG container,
+ * including dimensions, accessibility attributes, and child elements.
+ */
+export interface SvgContainerProps {
+    width: string | number;
+    children: React.ReactNode;
+    className?: string;
+    role?: string;
+    ariaLabel?: string;
+    ariaHidden?: boolean;
+    height: Height;
+    tabIndex?: number;
+    caption?: string;
+    viewBox?: string;
+    dataTestId?: string;
+    radius?: string;
+    overflow?: string;
+    imageSrc?: string;
+    backgroundColor?: string;
+    onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onDoubleClick?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onMouseEnter?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onMouseLeave?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onFocus?: (event: React.FocusEvent<SVGElement>) => void;
+    onBlur?: (event: React.FocusEvent<SVGElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<SVGSVGElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<SVGSVGElement>) => void;
+}
+export {};
+//# sourceMappingURL=svgContainer.types.d.ts.map

package/dist/types/components/svgContainer/svgContainer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svgContainer.types.d.ts","sourceRoot":"","sources":["../../../../src/components/svgContainer/svgContainer.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,KAAK,MAAM,GAAG,MAAM,SAAS,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACpE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACzE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACzE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACvD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC/D"}

package/dist/types/components/svgContainer/utils/buildViewBox/buildViewBox.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Constructs a viewBox attribute value for an SVG element.
+ *
+ * This function generates a string suitable for the `viewBox` attribute of an SVG element, allowing for control over
+ * the visible area of the SVG. It can optionally include extra space around the edges, which is useful for ensuring
+ * that content near the boundaries is not clipped.
+ *
+ * @param {number | string} width - The width of the viewBox. Can be a number (representing pixels) or a string (any valid CSS length value).
+ * @param {number | string} height - The height of the viewBox. Similar to width, it can be a number or a string.
+ * @param {number} [extraSpace=0] - Optional additional space to include on all sides of the viewBox. This expands the area beyond the specified width and height.
+ *
+ * @returns {string} The `viewBox` attribute value, formatted as "minX minY width height".
+ */
+export declare const buildViewBox: (width: number | string, height: number | string, extraSpace?: number | string) => string;
+//# sourceMappingURL=buildViewBox.d.ts.map

package/dist/types/components/svgContainer/utils/buildViewBox/buildViewBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildViewBox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/svgContainer/utils/buildViewBox/buildViewBox.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,GAAG,MAAM,EACtB,QAAQ,MAAM,GAAG,MAAM,EACvB,aAAY,MAAM,GAAG,MAAU,KAC9B,MAOF,CAAC"}

package/dist/types/components/svgContainer/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './buildViewBox/buildViewBox';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/svgContainer/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/svgContainer/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}

package/dist/types/components/tick/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tick';
+export * from './tick.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/tick/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tick/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/dist/types/components/tick/tick.d.ts

@@ -0,0 +1,19 @@
+import { FC } from '../../../node_modules/react';
+import { TickProps } from './tick.types';
+/**
+ * Functional component for rendering a tick mark in a chart or graph.
+ *
+ * This component renders a tick mark based on the provided properties. It can optionally render a line and/or text
+ * label associated with the tick mark. The position of the tick mark can be customized using the `x` and `y` properties.
+ *
+ * @param {TickProps} props - The properties for the tick mark, including data, visibility flags, and optional styling props.
+ * @param {TickData} props.tick - The data for the tick mark, including its value and position.
+ * @param {boolean} props.showTickLines - Flag indicating whether the line part of the tick mark should be displayed.
+ * @param {LineProps} [props.tickLine] - Optional properties for the line part of the tick mark.
+ * @param {ChartTextProps} [props.tickText] - Optional properties for the text label part of the tick mark.
+ * @param {number} [props.x] - Optional x-coordinate for the position of the tick mark. Used for horizontal placement.
+ * @param {number} [props.y] - Optional y-coordinate for the position of the tick mark. Used for vertical placement.
+ * @returns A React functional component that renders the tick mark and its associated elements.
+ */
+export declare const Tick: FC<TickProps>;
+//# sourceMappingURL=tick.d.ts.map

package/dist/types/components/tick/tick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tick.d.ts","sourceRoot":"","sources":["../../../../src/components/tick/tick.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAK9B,CAAC"}

package/dist/types/components/tick/tick.types.d.ts

@@ -0,0 +1,51 @@
+import { ValueFormatter } from '../../types/valueFormatter.type';
+import { ChartTextProps } from '../chartText/chartText.types';
+import { LineProps } from '../line/line.types';
+/**
+ * Represents the data structure for a single tick mark in a chart or graph.
+ *
+ * @property {string} value - The label or value associated with the tick mark.
+ * @property {number} position - The numerical position of the tick mark along its axis.
+ */
+export interface TickData {
+    value: string;
+    position: number;
+}
+/**
+ * Utility functions for working with TickData.
+ */
+export declare const TickDataUtils: {
+    /**
+     * Formats the values of an array of TickData using the provided formatter function.
+     *
+     * @param {TickData[]} ticks - Array of tick objects to format.
+     * @param {ValueFormatter} formatter - Function to format each tick's value.
+     * @returns {TickData[]} New array of TickData with formatted values.
+     *
+     * @example
+     * const ticks = [{ value: '100', position: 1 }, { value: '200', position: 2 }];
+     * const formatter = (v) => `${v} €`;
+     * const formatted = TickDataUtils.formatTicksValues(ticks, formatter);
+     * // formatted: [{ value: '100 €', position: 1 }, { value: '200 €', position: 2 }]
+     */
+    formatTicksValues: (ticks: TickData[], formatter: ValueFormatter) => TickData[];
+};
+/**
+ * Defines the properties for rendering a tick mark and its associated elements in a chart or graph.
+ *
+ * @property {TickData} tick - The data for the tick mark, including its value and position.
+ * @property {boolean} showTickLines - Flag indicating whether the line part of the tick mark should be displayed.
+ * @property {LineProps} [tickLine] - Optional properties for the line part of the tick mark. Depends on `showTickLines`.
+ * @property {ChartTextProps} [tickText] - Optional properties for the text label part of the tick mark.
+ * @property {number} [x] - Optional x-coordinate for the position of the tick mark. Used for horizontal placement.
+ * @property {number} [y] - Optional y-coordinate for the position of the tick mark. Used for vertical placement.
+ */
+export interface TickProps {
+    tick: TickData;
+    showTickLines: boolean;
+    tickLine?: LineProps;
+    tickText?: ChartTextProps;
+    x?: number;
+    y?: number;
+}
+//# sourceMappingURL=tick.types.d.ts.map

package/dist/types/components/tick/tick.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tick.types.d.ts","sourceRoot":"","sources":["../../../../src/components/tick/tick.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa;IACxB;;;;;;;;;;;;OAYG;+BACwB,QAAQ,EAAE,aAAa,cAAc,KAAG,QAAQ,EAAE;CAM9E,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ"}

package/dist/types/components/zoomArea/components/HandlerIcon.d.ts

@@ -0,0 +1,25 @@
+import { FC } from '../../../../node_modules/react';
+/**
+ * Props for the HandlerIcon component
+ */
+interface HandlerIconProps {
+    /** X position of the handler */
+    x: number;
+    /** Y position of the handler center */
+    y: number;
+    /** Fill color for the dots */
+    fill?: string;
+}
+/**
+ * Renders a handler icon with 3 vertical bars (grip pattern).
+ *
+ * Icon specifications:
+ * - Size: 10x10 pixels (ICON_SIZE)
+ * - Centering: offset by 5 pixels (ICON_OFFSET = ICON_SIZE / 2)
+ *
+ * The icon is centered on the handler by applying a translation of:
+ * x - ICON_OFFSET, y - ICON_OFFSET
+ */
+export declare const HandlerIcon: FC<HandlerIconProps>;
+export {};
+//# sourceMappingURL=HandlerIcon.d.ts.map

package/dist/types/components/zoomArea/components/HandlerIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HandlerIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/zoomArea/components/HandlerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAYhC;;GAEG;AACH,UAAU,gBAAgB;IACxB,gCAAgC;IAChC,CAAC,EAAE,MAAM,CAAC;IACV,uCAAuC;IACvC,CAAC,EAAE,MAAM,CAAC;IACV,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAqB5C,CAAC"}

package/dist/types/components/zoomArea/components/LineRenderer.d.ts

@@ -0,0 +1,29 @@
+import { FC } from '../../../../node_modules/react';
+/**
+ * Line data for rendering
+ */
+interface LineData {
+    linePath: string;
+    fillPath: string;
+    config: {
+        yKey: string;
+        dataKey?: string;
+        stroke?: string;
+        strokeWidth?: string | number;
+        fill?: string;
+        fillOpacity?: number;
+    };
+}
+/**
+ * Props for the LineRenderer component
+ */
+interface LineRendererProps {
+    /** Array of line data to render */
+    linesData: LineData[];
+}
+/**
+ * Renders all lines and fill areas for the zoom area chart
+ */
+export declare const LineRenderer: FC<LineRendererProps>;
+export {};
+//# sourceMappingURL=LineRenderer.d.ts.map

package/dist/types/components/zoomArea/components/LineRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/zoomArea/components/LineRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC;;GAEG;AACH,UAAU,QAAQ;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,mCAAmC;IACnC,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAyB9C,CAAC"}

package/dist/types/components/zoomArea/components/SelectionArea.d.ts

@@ -0,0 +1,57 @@
+import { FC, KeyboardEvent, MouseEvent, TouchEvent } from '../../../../node_modules/react';
+import { FocusConfig } from '../../../types/focusConfig.type';
+import { ZoomAreaSelectionConfig, ZoomRange } from '../zoomArea.type';
+/**
+
+/**
+ * Props for the SelectionArea component
+ */
+interface SelectionAreaProps {
+    /** Start X position */
+    startX: number;
+    /** End X position */
+    endX: number;
+    /** Chart height */
+    height: number;
+    /** Current zoom range */
+    currentRange: ZoomRange;
+    /** Data length for ARIA values */
+    dataLength: number;
+    /** Data test ID */
+    dataTestId: string;
+    /** Custom selection area configuration */
+    selectionConfig: Required<ZoomAreaSelectionConfig>;
+    /** Text announced by screen readers */
+    screenReaderText?: string;
+    /** Event handlers */
+    onMouseDown: (event: MouseEvent) => void;
+    onTouchStart: (event: TouchEvent) => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    onFocus: () => void;
+    onBlur: () => void;
+}
+/**
+ * Props for the SelectionAreaFocusRing component
+ */
+interface SelectionAreaFocusRingProps {
+    /** Start X position */
+    startX: number;
+    /** End X position */
+    endX: number;
+    /** Chart height */
+    height: number;
+    /** Whether the selection area is focused */
+    isFocused: boolean;
+    /** Custom focus configuration (already resolved) */
+    focusConfig: Required<FocusConfig>;
+}
+/**
+ * Focus ring for the selection area - rendered separately to control z-order
+ */
+export declare const SelectionAreaFocusRing: FC<SelectionAreaFocusRingProps>;
+/**
+ * Selection area overlay
+ */
+export declare const SelectionArea: FC<SelectionAreaProps>;
+export {};
+//# sourceMappingURL=SelectionArea.d.ts.map

package/dist/types/components/zoomArea/components/SelectionArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/zoomArea/components/SelectionArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE3E;;;;GAIG;AACH,UAAU,kBAAkB;IAC1B,uBAAuB;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,YAAY,EAAE,SAAS,CAAC;IACxB,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,eAAe,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAAC;IACnD,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB;IACrB,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;GAEG;AACH,UAAU,2BAA2B;IACnC,uBAAuB;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,SAAS,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;CACpC;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA+DlE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqDhD,CAAC"}

package/dist/types/components/zoomArea/components/ZoomHandler.d.ts

@@ -0,0 +1,42 @@
+import { KeyboardEvent, MouseEvent, TouchEvent } from '../../../../node_modules/react';
+import { FocusConfig } from '../../../types/focusConfig.type';
+import { ZoomAreaElements, ZoomAreaHandlerConfig } from '../zoomArea.type';
+/**
+ * Props for a single zoom handler
+ */
+interface ZoomHandlerProps {
+    /** Handler type using ZoomAreaElements enum */
+    type: keyof typeof ZoomAreaElements;
+    /** X position */
+    x: number;
+    /** Chart height */
+    height: number;
+    /** Current value */
+    value: number;
+    /** Minimum allowed value */
+    min: number;
+    /** Maximum allowed value */
+    max: number;
+    /** Whether this handler is focused */
+    isFocused: boolean;
+    /** Custom handler configuration */
+    handlerConfig?: ZoomAreaHandlerConfig;
+    /** Custom focus configuration (already resolved) */
+    focusConfig: Required<FocusConfig>;
+    /** Text announced by screen readers */
+    screenReaderText?: string;
+    /** Data test ID */
+    dataTestId: string;
+    /** Event handlers */
+    onMouseDown: (event: MouseEvent) => void;
+    onTouchStart: (event: TouchEvent) => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    onFocus: () => void;
+    onBlur: () => void;
+}
+/**
+ * Individual zoom handler with line, circle, and icon
+ */
+export declare const ZoomHandler: React.FC<ZoomHandlerProps>;
+export {};
+//# sourceMappingURL=ZoomHandler.d.ts.map

package/dist/types/components/zoomArea/components/ZoomHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomHandler.d.ts","sourceRoot":"","sources":["../../../../../src/components/zoomArea/components/ZoomHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAyBhF;;GAEG;AACH,UAAU,gBAAgB;IACxB,+CAA+C;IAC/C,IAAI,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACpC,iBAAiB;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,mBAAmB;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,4BAA4B;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,oDAAoD;IACpD,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IACnC,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAmBD;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoGlD,CAAC"}

package/dist/types/components/zoomArea/components/index.d.ts

@@ -0,0 +1,5 @@
+export { HandlerIcon } from './HandlerIcon';
+export { LineRenderer } from './LineRenderer';
+export { SelectionArea, SelectionAreaFocusRing } from './SelectionArea';
+export { ZoomHandler } from './ZoomHandler';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/zoomArea/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/zoomArea/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/types/components/zoomArea/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export { useDragInteraction } from './useDragInteraction';
+export { useKeyboardNavigation } from './useKeyboardNavigation';
+export { useResponsiveCanvas } from './useResponsiveCanvas';
+export { useZoomAreaFocus } from './useZoomAreaFocus';
+export { useZoomData } from './useZoomData';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/zoomArea/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/zoomArea/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}