@elaraai/east-ui 0.0.1-beta.16 → 0.0.1-beta.18

package/dist/src/charts/area/types.d.ts

@@ -3,7 +3,7 @@
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
 import { type SubtypeExprOrValue, OptionType, StructType, ArrayType, BooleanType, FloatType, IntegerType, StringType, DictType } from "@elaraai/east";
-import { ChartAxisType, ChartMarginType, CurveType, StackOffsetType, type CurveLiteral, type StackOffsetLiteral, type BaseChartStyle } from "../types.js";
+import { CurveType, StackOffsetType, YAxisIdType, type CurveLiteral, type StackOffsetLiteral, type YAxisIdLiteral, type BaseChartStyle, type ChartBrushStyleBase, type ChartAxisStyle, type ReferenceLineStyle, type ReferenceDotStyle, type ReferenceAreaStyle } from "../types.js";
 /**
  * Area chart component type.
  *
@@ -61,6 +61,10 @@ export declare const AreaChartType: StructType<{
         fill: OptionType<StringType>;
         fillOpacity: OptionType<FloatType>;
         strokeDasharray: OptionType<StringType>;
+        yAxisId: OptionType<import("@elaraai/east").VariantType<{
+            left: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+        }>>;
     }>>;
     xAxis: OptionType<StructType<{
         dataKey: OptionType<StringType>;
@@ -442,6 +446,196 @@ export declare const AreaChartType: StructType<{
         }>>;
         axisId: OptionType<StringType>;
     }>>;
+    yAxis2: OptionType<StructType<{
+        dataKey: OptionType<StringType>;
+        label: OptionType<StringType>;
+        tickFormat: OptionType<import("@elaraai/east").VariantType<{
+            number: StructType<{
+                minimumFractionDigits: OptionType<IntegerType>;
+                maximumFractionDigits: OptionType<IntegerType>;
+                signDisplay: OptionType<import("@elaraai/east").VariantType<{
+                    auto: import("@elaraai/east").NullType;
+                    never: import("@elaraai/east").NullType;
+                    always: import("@elaraai/east").NullType;
+                    exceptZero: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            currency: StructType<{
+                currency: import("@elaraai/east").VariantType<{
+                    USD: import("@elaraai/east").NullType;
+                    EUR: import("@elaraai/east").NullType;
+                    GBP: import("@elaraai/east").NullType;
+                    JPY: import("@elaraai/east").NullType;
+                    CHF: import("@elaraai/east").NullType;
+                    CAD: import("@elaraai/east").NullType;
+                    AUD: import("@elaraai/east").NullType;
+                    NZD: import("@elaraai/east").NullType;
+                    CNY: import("@elaraai/east").NullType;
+                    HKD: import("@elaraai/east").NullType;
+                    SGD: import("@elaraai/east").NullType;
+                    KRW: import("@elaraai/east").NullType;
+                    INR: import("@elaraai/east").NullType;
+                    TWD: import("@elaraai/east").NullType;
+                    THB: import("@elaraai/east").NullType;
+                    MYR: import("@elaraai/east").NullType;
+                    IDR: import("@elaraai/east").NullType;
+                    PHP: import("@elaraai/east").NullType;
+                    VND: import("@elaraai/east").NullType;
+                    SEK: import("@elaraai/east").NullType;
+                    NOK: import("@elaraai/east").NullType;
+                    DKK: import("@elaraai/east").NullType;
+                    PLN: import("@elaraai/east").NullType;
+                    CZK: import("@elaraai/east").NullType;
+                    HUF: import("@elaraai/east").NullType;
+                    RUB: import("@elaraai/east").NullType;
+                    UAH: import("@elaraai/east").NullType;
+                    RON: import("@elaraai/east").NullType;
+                    MXN: import("@elaraai/east").NullType;
+                    BRL: import("@elaraai/east").NullType;
+                    ARS: import("@elaraai/east").NullType;
+                    CLP: import("@elaraai/east").NullType;
+                    COP: import("@elaraai/east").NullType;
+                    PEN: import("@elaraai/east").NullType;
+                    AED: import("@elaraai/east").NullType;
+                    SAR: import("@elaraai/east").NullType;
+                    ILS: import("@elaraai/east").NullType;
+                    ZAR: import("@elaraai/east").NullType;
+                    TRY: import("@elaraai/east").NullType;
+                    EGP: import("@elaraai/east").NullType;
+                    NGN: import("@elaraai/east").NullType;
+                    KES: import("@elaraai/east").NullType;
+                }>;
+                display: OptionType<import("@elaraai/east").VariantType<{
+                    code: import("@elaraai/east").NullType;
+                    symbol: import("@elaraai/east").NullType;
+                    narrowSymbol: import("@elaraai/east").NullType;
+                    name: import("@elaraai/east").NullType;
+                }>>;
+                minimumFractionDigits: OptionType<IntegerType>;
+                maximumFractionDigits: OptionType<IntegerType>;
+            }>;
+            percent: StructType<{
+                minimumFractionDigits: OptionType<IntegerType>;
+                maximumFractionDigits: OptionType<IntegerType>;
+                signDisplay: OptionType<import("@elaraai/east").VariantType<{
+                    auto: import("@elaraai/east").NullType;
+                    never: import("@elaraai/east").NullType;
+                    always: import("@elaraai/east").NullType;
+                    exceptZero: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            compact: StructType<{
+                display: OptionType<import("@elaraai/east").VariantType<{
+                    short: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            unit: StructType<{
+                unit: import("@elaraai/east").VariantType<{
+                    bit: import("@elaraai/east").NullType;
+                    byte: import("@elaraai/east").NullType;
+                    kilobit: import("@elaraai/east").NullType;
+                    kilobyte: import("@elaraai/east").NullType;
+                    megabit: import("@elaraai/east").NullType;
+                    megabyte: import("@elaraai/east").NullType;
+                    gigabit: import("@elaraai/east").NullType;
+                    gigabyte: import("@elaraai/east").NullType;
+                    terabit: import("@elaraai/east").NullType;
+                    terabyte: import("@elaraai/east").NullType;
+                    petabyte: import("@elaraai/east").NullType;
+                    nanosecond: import("@elaraai/east").NullType;
+                    microsecond: import("@elaraai/east").NullType;
+                    millisecond: import("@elaraai/east").NullType;
+                    second: import("@elaraai/east").NullType;
+                    minute: import("@elaraai/east").NullType;
+                    hour: import("@elaraai/east").NullType;
+                    day: import("@elaraai/east").NullType;
+                    week: import("@elaraai/east").NullType;
+                    month: import("@elaraai/east").NullType;
+                    year: import("@elaraai/east").NullType;
+                    millimeter: import("@elaraai/east").NullType;
+                    centimeter: import("@elaraai/east").NullType;
+                    meter: import("@elaraai/east").NullType;
+                    kilometer: import("@elaraai/east").NullType;
+                    inch: import("@elaraai/east").NullType;
+                    foot: import("@elaraai/east").NullType;
+                    yard: import("@elaraai/east").NullType;
+                    mile: import("@elaraai/east").NullType;
+                    gram: import("@elaraai/east").NullType;
+                    kilogram: import("@elaraai/east").NullType;
+                    milligram: import("@elaraai/east").NullType;
+                    ounce: import("@elaraai/east").NullType;
+                    pound: import("@elaraai/east").NullType;
+                    stone: import("@elaraai/east").NullType;
+                    celsius: import("@elaraai/east").NullType;
+                    fahrenheit: import("@elaraai/east").NullType;
+                    milliliter: import("@elaraai/east").NullType;
+                    liter: import("@elaraai/east").NullType;
+                    gallon: import("@elaraai/east").NullType;
+                    fluidOunce: import("@elaraai/east").NullType;
+                    acre: import("@elaraai/east").NullType;
+                    hectare: import("@elaraai/east").NullType;
+                    meterPerSecond: import("@elaraai/east").NullType;
+                    kilometerPerHour: import("@elaraai/east").NullType;
+                    milePerHour: import("@elaraai/east").NullType;
+                    percent: import("@elaraai/east").NullType;
+                    degree: import("@elaraai/east").NullType;
+                }>;
+                display: OptionType<import("@elaraai/east").VariantType<{
+                    short: import("@elaraai/east").NullType;
+                    narrow: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            scientific: import("@elaraai/east").NullType;
+            engineering: import("@elaraai/east").NullType;
+            date: StructType<{
+                style: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            time: StructType<{
+                style: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+                hour12: OptionType<BooleanType>;
+            }>;
+            datetime: StructType<{
+                dateStyle: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+                timeStyle: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+                hour12: OptionType<BooleanType>;
+            }>;
+        }>>;
+        domain: OptionType<ArrayType<FloatType>>;
+        hide: OptionType<BooleanType>;
+        axisLine: OptionType<BooleanType>;
+        tickLine: OptionType<BooleanType>;
+        tickMargin: OptionType<IntegerType>;
+        strokeColor: OptionType<StringType>;
+        orientation: OptionType<import("@elaraai/east").VariantType<{
+            top: import("@elaraai/east").NullType;
+            bottom: import("@elaraai/east").NullType;
+            left: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+        }>>;
+        axisId: OptionType<StringType>;
+    }>>;
     curveType: OptionType<import("@elaraai/east").VariantType<{
         linear: import("@elaraai/east").NullType;
         natural: import("@elaraai/east").NullType;
@@ -496,8 +690,174 @@ export declare const AreaChartType: StructType<{
         bottom: OptionType<IntegerType>;
         left: OptionType<IntegerType>;
     }>>;
+    brush: OptionType<StructType<{
+        dataKey: OptionType<StringType>;
+        height: OptionType<IntegerType>;
+        travellerWidth: OptionType<IntegerType>;
+        startIndex: OptionType<IntegerType>;
+        endIndex: OptionType<IntegerType>;
+        stroke: OptionType<StringType>;
+        fill: OptionType<StringType>;
+    }>>;
     fillOpacity: OptionType<FloatType>;
     connectNulls: OptionType<BooleanType>;
+    referenceLines: OptionType<ArrayType<StructType<{
+        x: OptionType<import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>>;
+        y: OptionType<import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>>;
+        stroke: OptionType<StringType>;
+        strokeWidth: OptionType<IntegerType>;
+        strokeDasharray: OptionType<StringType>;
+        label: OptionType<StringType>;
+        labelPosition: OptionType<import("@elaraai/east").VariantType<{
+            top: import("@elaraai/east").NullType;
+            bottom: import("@elaraai/east").NullType;
+            left: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+            center: import("@elaraai/east").NullType;
+            insideTop: import("@elaraai/east").NullType;
+            insideBottom: import("@elaraai/east").NullType;
+            insideLeft: import("@elaraai/east").NullType;
+            insideRight: import("@elaraai/east").NullType;
+            insideTopLeft: import("@elaraai/east").NullType;
+            insideTopRight: import("@elaraai/east").NullType;
+            insideBottomLeft: import("@elaraai/east").NullType;
+            insideBottomRight: import("@elaraai/east").NullType;
+        }>>;
+        labelOffset: OptionType<IntegerType>;
+        ifOverflow: OptionType<import("@elaraai/east").VariantType<{
+            discard: import("@elaraai/east").NullType;
+            hidden: import("@elaraai/east").NullType;
+            visible: import("@elaraai/east").NullType;
+            extendDomain: import("@elaraai/east").NullType;
+        }>>;
+    }>>>;
+    referenceDots: OptionType<ArrayType<StructType<{
+        x: import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>;
+        y: import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>;
+        r: OptionType<IntegerType>;
+        fill: OptionType<StringType>;
+        stroke: OptionType<StringType>;
+        strokeWidth: OptionType<IntegerType>;
+        label: OptionType<StringType>;
+        labelPosition: OptionType<import("@elaraai/east").VariantType<{
+            top: import("@elaraai/east").NullType;
+            bottom: import("@elaraai/east").NullType;
+            left: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+            center: import("@elaraai/east").NullType;
+            insideTop: import("@elaraai/east").NullType;
+            insideBottom: import("@elaraai/east").NullType;
+            insideLeft: import("@elaraai/east").NullType;
+            insideRight: import("@elaraai/east").NullType;
+            insideTopLeft: import("@elaraai/east").NullType;
+            insideTopRight: import("@elaraai/east").NullType;
+            insideBottomLeft: import("@elaraai/east").NullType;
+            insideBottomRight: import("@elaraai/east").NullType;
+        }>>;
+        labelOffset: OptionType<IntegerType>;
+        ifOverflow: OptionType<import("@elaraai/east").VariantType<{
+            discard: import("@elaraai/east").NullType;
+            hidden: import("@elaraai/east").NullType;
+            visible: import("@elaraai/east").NullType;
+            extendDomain: import("@elaraai/east").NullType;
+        }>>;
+    }>>>;
+    referenceAreas: OptionType<ArrayType<StructType<{
+        x1: OptionType<import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>>;
+        x2: OptionType<import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>>;
+        y1: OptionType<import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>>;
+        y2: OptionType<import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>>;
+        fill: OptionType<StringType>;
+        fillOpacity: OptionType<FloatType>;
+        stroke: OptionType<StringType>;
+        label: OptionType<StringType>;
+        labelPosition: OptionType<import("@elaraai/east").VariantType<{
+            top: import("@elaraai/east").NullType;
+            bottom: import("@elaraai/east").NullType;
+            left: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+            center: import("@elaraai/east").NullType;
+            insideTop: import("@elaraai/east").NullType;
+            insideBottom: import("@elaraai/east").NullType;
+            insideLeft: import("@elaraai/east").NullType;
+            insideRight: import("@elaraai/east").NullType;
+            insideTopLeft: import("@elaraai/east").NullType;
+            insideTopRight: import("@elaraai/east").NullType;
+            insideBottomLeft: import("@elaraai/east").NullType;
+            insideBottomRight: import("@elaraai/east").NullType;
+        }>>;
+        labelOffset: OptionType<IntegerType>;
+        ifOverflow: OptionType<import("@elaraai/east").VariantType<{
+            discard: import("@elaraai/east").NullType;
+            hidden: import("@elaraai/east").NullType;
+            visible: import("@elaraai/east").NullType;
+            extendDomain: import("@elaraai/east").NullType;
+        }>>;
+    }>>>;
 }>;
 /**
  * Type representing an area chart.
@@ -506,9 +866,13 @@ export type AreaChartType = typeof AreaChartType;
 /**
  * Base style options shared by Area and AreaMulti charts.
  */
-export interface AreaChartStyleBase extends BaseChartStyle {
-    /** Y-axis configuration */
-    yAxis?: SubtypeExprOrValue<ChartAxisType>;
+export interface AreaChartStyleBase<DataKey extends string = string> extends BaseChartStyle {
+    /** X-axis configuration */
+    xAxis?: ChartAxisStyle<DataKey>;
+    /** Y-axis configuration (primary, left side) */
+    yAxis?: ChartAxisStyle<DataKey>;
+    /** Secondary Y-axis configuration (right side) */
+    yAxis2?: ChartAxisStyle<DataKey>;
     /** Line curve interpolation type */
     curveType?: SubtypeExprOrValue<CurveType> | CurveLiteral;
     /** Enable stacking of series */
@@ -519,19 +883,30 @@ export interface AreaChartStyleBase extends BaseChartStyle {
     fillOpacity?: SubtypeExprOrValue<FloatType>;
     /** Connect line across null data points */
     connectNulls?: SubtypeExprOrValue<BooleanType>;
-    /** Chart margin configuration */
-    margin?: SubtypeExprOrValue<ChartMarginType>;
+    /** Reference lines (horizontal/vertical lines at specific values) */
+    referenceLines?: ReferenceLineStyle[];
+    /** Reference dots (markers at specific x,y coordinates) */
+    referenceDots?: ReferenceDotStyle[];
+    /** Reference areas (highlighted rectangular regions) */
+    referenceAreas?: ReferenceAreaStyle[];
+}
+/**
+ * Brush configuration for Area charts with type-safe dataKey.
+ *
+ * @typeParam DataKey - Union of field keys from the data struct
+ */
+export interface AreaChartBrushStyle<DataKey extends string = string> extends ChartBrushStyleBase {
+    /** Data key for brush labels (defaults to xAxis dataKey) */
+    dataKey?: DataKey;
 }
 /**
  * Style for Area charts (single array form).
  *
  * @typeParam DataKey - Union of field keys from the data struct
  */
-export interface AreaChartStyle<DataKey extends string = string> extends AreaChartStyleBase {
-    /** X-axis configuration with type-safe dataKey */
-    xAxis?: {
-        dataKey: DataKey;
-    };
+export interface AreaChartStyle<DataKey extends string = string> extends AreaChartStyleBase<DataKey> {
+    /** Brush configuration for data range selection */
+    brush?: AreaChartBrushStyle<DataKey>;
 }
 /**
  * Style for AreaMulti charts (multi-series with separate arrays).
@@ -540,17 +915,15 @@ export interface AreaChartStyle<DataKey extends string = string> extends AreaCha
  * @typeParam NumericKey - Union of numeric field keys (for valueKey)
  * @typeParam SeriesKey - Union of series names (record keys)
  */
-export interface AreaChartMultiStyle<DataKey extends string = string, NumericKey extends string = string, SeriesKey extends string = string> extends AreaChartStyleBase {
-    /** X-axis configuration with type-safe dataKey */
-    xAxis?: {
-        dataKey: DataKey;
-    };
+export interface AreaChartMultiStyle<DataKey extends string = string, NumericKey extends string = string, SeriesKey extends string = string> extends AreaChartStyleBase<DataKey> {
     /** Field name containing Y values in each series array (must be numeric) */
     valueKey: NumericKey;
     /** Per-series configuration (keyed by series name) */
     series?: {
         [K in SeriesKey]?: AreaChartSeriesConfig;
     };
+    /** Brush configuration for data range selection */
+    brush?: AreaChartBrushStyle<DataKey>;
 }
 /**
  * Series configuration for Area charts.
@@ -584,5 +957,960 @@ export interface AreaChartSeriesConfig {
     fillOpacity?: SubtypeExprOrValue<FloatType>;
     /** Dash pattern for dashed lines (e.g., "5 5") */
     strokeDasharray?: SubtypeExprOrValue<StringType>;
+    /** Y-axis binding (left = primary yAxis, right = secondary yAxis2) */
+    yAxisId?: SubtypeExprOrValue<YAxisIdType> | YAxisIdLiteral;
+}
+/**
+ * Series configuration for range area charts.
+ *
+ * @property name - Series identifier
+ * @property lowKey - Field name for lower bound values
+ * @property highKey - Field name for upper bound values
+ * @property color - Chakra color token
+ * @property label - Display label
+ * @property fillOpacity - Fill opacity (0-1)
+ * @property stroke - Stroke color
+ * @property strokeWidth - Stroke width in pixels
+ */
+export declare const AreaRangeSeriesType: StructType<{
+    name: StringType;
+    lowKey: StringType;
+    highKey: StringType;
+    color: OptionType<StringType>;
+    label: OptionType<StringType>;
+    fillOpacity: OptionType<FloatType>;
+    stroke: OptionType<StringType>;
+    strokeWidth: OptionType<IntegerType>;
+    yAxisId: OptionType<import("@elaraai/east").VariantType<{
+        left: import("@elaraai/east").NullType;
+        right: import("@elaraai/east").NullType;
+    }>>;
+}>;
+/**
+ * Type representing area range series configuration.
+ */
+export type AreaRangeSeriesType = typeof AreaRangeSeriesType;
+/**
+ * Area range chart component type.
+ *
+ * @remarks
+ * Area range charts display bands/ranges between two values (e.g., min/max, high/low).
+ * Each data point has a lower and upper bound value.
+ *
+ * Supports two data formats:
+ * - Single array: `data` contains all series in one array
+ * - Multi-series: `dataSeries` contains separate arrays per series (for sparse data)
+ *
+ * @property data - Array of data points (single array form)
+ * @property dataSeries - Record of arrays per series (multi-series form, for sparse data)
+ * @property lowKey - Field name for lower bound values (for multi-series form)
+ * @property highKey - Field name for upper bound values (for multi-series form)
+ * @property series - Series configuration with lowKey/highKey per series
+ * @property xAxis - X-axis configuration
+ * @property yAxis - Y-axis configuration
+ * @property curveType - Line curve interpolation type
+ * @property grid - Grid configuration
+ * @property tooltip - Tooltip configuration
+ * @property legend - Legend configuration
+ * @property margin - Chart margin configuration
+ */
+export declare const AreaRangeChartType: StructType<{
+    data: ArrayType<DictType<StringType, import("@elaraai/east").VariantType<{
+        Null: import("@elaraai/east").NullType;
+        Boolean: BooleanType;
+        Integer: IntegerType;
+        Float: FloatType;
+        String: StringType;
+        DateTime: import("@elaraai/east").DateTimeType;
+        Blob: import("@elaraai/east").BlobType;
+    }>>>;
+    dataSeries: OptionType<DictType<StringType, ArrayType<DictType<StringType, import("@elaraai/east").VariantType<{
+        Null: import("@elaraai/east").NullType;
+        Boolean: BooleanType;
+        Integer: IntegerType;
+        Float: FloatType;
+        String: StringType;
+        DateTime: import("@elaraai/east").DateTimeType;
+        Blob: import("@elaraai/east").BlobType;
+    }>>>>>;
+    lowKey: OptionType<StringType>;
+    highKey: OptionType<StringType>;
+    series: ArrayType<StructType<{
+        name: StringType;
+        lowKey: StringType;
+        highKey: StringType;
+        color: OptionType<StringType>;
+        label: OptionType<StringType>;
+        fillOpacity: OptionType<FloatType>;
+        stroke: OptionType<StringType>;
+        strokeWidth: OptionType<IntegerType>;
+        yAxisId: OptionType<import("@elaraai/east").VariantType<{
+            left: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+        }>>;
+    }>>;
+    xAxis: OptionType<StructType<{
+        dataKey: OptionType<StringType>;
+        label: OptionType<StringType>;
+        tickFormat: OptionType<import("@elaraai/east").VariantType<{
+            number: StructType<{
+                minimumFractionDigits: OptionType<IntegerType>;
+                maximumFractionDigits: OptionType<IntegerType>;
+                signDisplay: OptionType<import("@elaraai/east").VariantType<{
+                    auto: import("@elaraai/east").NullType;
+                    never: import("@elaraai/east").NullType;
+                    always: import("@elaraai/east").NullType;
+                    exceptZero: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            currency: StructType<{
+                currency: import("@elaraai/east").VariantType<{
+                    USD: import("@elaraai/east").NullType;
+                    EUR: import("@elaraai/east").NullType;
+                    GBP: import("@elaraai/east").NullType;
+                    JPY: import("@elaraai/east").NullType;
+                    CHF: import("@elaraai/east").NullType;
+                    CAD: import("@elaraai/east").NullType;
+                    AUD: import("@elaraai/east").NullType;
+                    NZD: import("@elaraai/east").NullType;
+                    CNY: import("@elaraai/east").NullType;
+                    HKD: import("@elaraai/east").NullType;
+                    SGD: import("@elaraai/east").NullType;
+                    KRW: import("@elaraai/east").NullType;
+                    INR: import("@elaraai/east").NullType;
+                    TWD: import("@elaraai/east").NullType;
+                    THB: import("@elaraai/east").NullType;
+                    MYR: import("@elaraai/east").NullType;
+                    IDR: import("@elaraai/east").NullType;
+                    PHP: import("@elaraai/east").NullType;
+                    VND: import("@elaraai/east").NullType;
+                    SEK: import("@elaraai/east").NullType;
+                    NOK: import("@elaraai/east").NullType;
+                    DKK: import("@elaraai/east").NullType;
+                    PLN: import("@elaraai/east").NullType;
+                    CZK: import("@elaraai/east").NullType;
+                    HUF: import("@elaraai/east").NullType;
+                    RUB: import("@elaraai/east").NullType;
+                    UAH: import("@elaraai/east").NullType;
+                    RON: import("@elaraai/east").NullType;
+                    MXN: import("@elaraai/east").NullType;
+                    BRL: import("@elaraai/east").NullType;
+                    ARS: import("@elaraai/east").NullType;
+                    CLP: import("@elaraai/east").NullType;
+                    COP: import("@elaraai/east").NullType;
+                    PEN: import("@elaraai/east").NullType;
+                    AED: import("@elaraai/east").NullType;
+                    SAR: import("@elaraai/east").NullType;
+                    ILS: import("@elaraai/east").NullType;
+                    ZAR: import("@elaraai/east").NullType;
+                    TRY: import("@elaraai/east").NullType;
+                    EGP: import("@elaraai/east").NullType;
+                    NGN: import("@elaraai/east").NullType;
+                    KES: import("@elaraai/east").NullType;
+                }>;
+                display: OptionType<import("@elaraai/east").VariantType<{
+                    code: import("@elaraai/east").NullType;
+                    symbol: import("@elaraai/east").NullType;
+                    narrowSymbol: import("@elaraai/east").NullType;
+                    name: import("@elaraai/east").NullType;
+                }>>;
+                minimumFractionDigits: OptionType<IntegerType>;
+                maximumFractionDigits: OptionType<IntegerType>;
+            }>;
+            percent: StructType<{
+                minimumFractionDigits: OptionType<IntegerType>;
+                maximumFractionDigits: OptionType<IntegerType>;
+                signDisplay: OptionType<import("@elaraai/east").VariantType<{
+                    auto: import("@elaraai/east").NullType;
+                    never: import("@elaraai/east").NullType;
+                    always: import("@elaraai/east").NullType;
+                    exceptZero: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            compact: StructType<{
+                display: OptionType<import("@elaraai/east").VariantType<{
+                    short: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            unit: StructType<{
+                unit: import("@elaraai/east").VariantType<{
+                    bit: import("@elaraai/east").NullType;
+                    byte: import("@elaraai/east").NullType;
+                    kilobit: import("@elaraai/east").NullType;
+                    kilobyte: import("@elaraai/east").NullType;
+                    megabit: import("@elaraai/east").NullType;
+                    megabyte: import("@elaraai/east").NullType;
+                    gigabit: import("@elaraai/east").NullType;
+                    gigabyte: import("@elaraai/east").NullType;
+                    terabit: import("@elaraai/east").NullType;
+                    terabyte: import("@elaraai/east").NullType;
+                    petabyte: import("@elaraai/east").NullType;
+                    nanosecond: import("@elaraai/east").NullType;
+                    microsecond: import("@elaraai/east").NullType;
+                    millisecond: import("@elaraai/east").NullType;
+                    second: import("@elaraai/east").NullType;
+                    minute: import("@elaraai/east").NullType;
+                    hour: import("@elaraai/east").NullType;
+                    day: import("@elaraai/east").NullType;
+                    week: import("@elaraai/east").NullType;
+                    month: import("@elaraai/east").NullType;
+                    year: import("@elaraai/east").NullType;
+                    millimeter: import("@elaraai/east").NullType;
+                    centimeter: import("@elaraai/east").NullType;
+                    meter: import("@elaraai/east").NullType;
+                    kilometer: import("@elaraai/east").NullType;
+                    inch: import("@elaraai/east").NullType;
+                    foot: import("@elaraai/east").NullType;
+                    yard: import("@elaraai/east").NullType;
+                    mile: import("@elaraai/east").NullType;
+                    gram: import("@elaraai/east").NullType;
+                    kilogram: import("@elaraai/east").NullType;
+                    milligram: import("@elaraai/east").NullType;
+                    ounce: import("@elaraai/east").NullType;
+                    pound: import("@elaraai/east").NullType;
+                    stone: import("@elaraai/east").NullType;
+                    celsius: import("@elaraai/east").NullType;
+                    fahrenheit: import("@elaraai/east").NullType;
+                    milliliter: import("@elaraai/east").NullType;
+                    liter: import("@elaraai/east").NullType;
+                    gallon: import("@elaraai/east").NullType;
+                    fluidOunce: import("@elaraai/east").NullType;
+                    acre: import("@elaraai/east").NullType;
+                    hectare: import("@elaraai/east").NullType;
+                    meterPerSecond: import("@elaraai/east").NullType;
+                    kilometerPerHour: import("@elaraai/east").NullType;
+                    milePerHour: import("@elaraai/east").NullType;
+                    percent: import("@elaraai/east").NullType;
+                    degree: import("@elaraai/east").NullType;
+                }>;
+                display: OptionType<import("@elaraai/east").VariantType<{
+                    short: import("@elaraai/east").NullType;
+                    narrow: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            scientific: import("@elaraai/east").NullType;
+            engineering: import("@elaraai/east").NullType;
+            date: StructType<{
+                style: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            time: StructType<{
+                style: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+                hour12: OptionType<BooleanType>;
+            }>;
+            datetime: StructType<{
+                dateStyle: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+                timeStyle: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+                hour12: OptionType<BooleanType>;
+            }>;
+        }>>;
+        domain: OptionType<ArrayType<FloatType>>;
+        hide: OptionType<BooleanType>;
+        axisLine: OptionType<BooleanType>;
+        tickLine: OptionType<BooleanType>;
+        tickMargin: OptionType<IntegerType>;
+        strokeColor: OptionType<StringType>;
+        orientation: OptionType<import("@elaraai/east").VariantType<{
+            top: import("@elaraai/east").NullType;
+            bottom: import("@elaraai/east").NullType;
+            left: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+        }>>;
+        axisId: OptionType<StringType>;
+    }>>;
+    yAxis: OptionType<StructType<{
+        dataKey: OptionType<StringType>;
+        label: OptionType<StringType>;
+        tickFormat: OptionType<import("@elaraai/east").VariantType<{
+            number: StructType<{
+                minimumFractionDigits: OptionType<IntegerType>;
+                maximumFractionDigits: OptionType<IntegerType>;
+                signDisplay: OptionType<import("@elaraai/east").VariantType<{
+                    auto: import("@elaraai/east").NullType;
+                    never: import("@elaraai/east").NullType;
+                    always: import("@elaraai/east").NullType;
+                    exceptZero: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            currency: StructType<{
+                currency: import("@elaraai/east").VariantType<{
+                    USD: import("@elaraai/east").NullType;
+                    EUR: import("@elaraai/east").NullType;
+                    GBP: import("@elaraai/east").NullType;
+                    JPY: import("@elaraai/east").NullType;
+                    CHF: import("@elaraai/east").NullType;
+                    CAD: import("@elaraai/east").NullType;
+                    AUD: import("@elaraai/east").NullType;
+                    NZD: import("@elaraai/east").NullType;
+                    CNY: import("@elaraai/east").NullType;
+                    HKD: import("@elaraai/east").NullType;
+                    SGD: import("@elaraai/east").NullType;
+                    KRW: import("@elaraai/east").NullType;
+                    INR: import("@elaraai/east").NullType;
+                    TWD: import("@elaraai/east").NullType;
+                    THB: import("@elaraai/east").NullType;
+                    MYR: import("@elaraai/east").NullType;
+                    IDR: import("@elaraai/east").NullType;
+                    PHP: import("@elaraai/east").NullType;
+                    VND: import("@elaraai/east").NullType;
+                    SEK: import("@elaraai/east").NullType;
+                    NOK: import("@elaraai/east").NullType;
+                    DKK: import("@elaraai/east").NullType;
+                    PLN: import("@elaraai/east").NullType;
+                    CZK: import("@elaraai/east").NullType;
+                    HUF: import("@elaraai/east").NullType;
+                    RUB: import("@elaraai/east").NullType;
+                    UAH: import("@elaraai/east").NullType;
+                    RON: import("@elaraai/east").NullType;
+                    MXN: import("@elaraai/east").NullType;
+                    BRL: import("@elaraai/east").NullType;
+                    ARS: import("@elaraai/east").NullType;
+                    CLP: import("@elaraai/east").NullType;
+                    COP: import("@elaraai/east").NullType;
+                    PEN: import("@elaraai/east").NullType;
+                    AED: import("@elaraai/east").NullType;
+                    SAR: import("@elaraai/east").NullType;
+                    ILS: import("@elaraai/east").NullType;
+                    ZAR: import("@elaraai/east").NullType;
+                    TRY: import("@elaraai/east").NullType;
+                    EGP: import("@elaraai/east").NullType;
+                    NGN: import("@elaraai/east").NullType;
+                    KES: import("@elaraai/east").NullType;
+                }>;
+                display: OptionType<import("@elaraai/east").VariantType<{
+                    code: import("@elaraai/east").NullType;
+                    symbol: import("@elaraai/east").NullType;
+                    narrowSymbol: import("@elaraai/east").NullType;
+                    name: import("@elaraai/east").NullType;
+                }>>;
+                minimumFractionDigits: OptionType<IntegerType>;
+                maximumFractionDigits: OptionType<IntegerType>;
+            }>;
+            percent: StructType<{
+                minimumFractionDigits: OptionType<IntegerType>;
+                maximumFractionDigits: OptionType<IntegerType>;
+                signDisplay: OptionType<import("@elaraai/east").VariantType<{
+                    auto: import("@elaraai/east").NullType;
+                    never: import("@elaraai/east").NullType;
+                    always: import("@elaraai/east").NullType;
+                    exceptZero: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            compact: StructType<{
+                display: OptionType<import("@elaraai/east").VariantType<{
+                    short: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            unit: StructType<{
+                unit: import("@elaraai/east").VariantType<{
+                    bit: import("@elaraai/east").NullType;
+                    byte: import("@elaraai/east").NullType;
+                    kilobit: import("@elaraai/east").NullType;
+                    kilobyte: import("@elaraai/east").NullType;
+                    megabit: import("@elaraai/east").NullType;
+                    megabyte: import("@elaraai/east").NullType;
+                    gigabit: import("@elaraai/east").NullType;
+                    gigabyte: import("@elaraai/east").NullType;
+                    terabit: import("@elaraai/east").NullType;
+                    terabyte: import("@elaraai/east").NullType;
+                    petabyte: import("@elaraai/east").NullType;
+                    nanosecond: import("@elaraai/east").NullType;
+                    microsecond: import("@elaraai/east").NullType;
+                    millisecond: import("@elaraai/east").NullType;
+                    second: import("@elaraai/east").NullType;
+                    minute: import("@elaraai/east").NullType;
+                    hour: import("@elaraai/east").NullType;
+                    day: import("@elaraai/east").NullType;
+                    week: import("@elaraai/east").NullType;
+                    month: import("@elaraai/east").NullType;
+                    year: import("@elaraai/east").NullType;
+                    millimeter: import("@elaraai/east").NullType;
+                    centimeter: import("@elaraai/east").NullType;
+                    meter: import("@elaraai/east").NullType;
+                    kilometer: import("@elaraai/east").NullType;
+                    inch: import("@elaraai/east").NullType;
+                    foot: import("@elaraai/east").NullType;
+                    yard: import("@elaraai/east").NullType;
+                    mile: import("@elaraai/east").NullType;
+                    gram: import("@elaraai/east").NullType;
+                    kilogram: import("@elaraai/east").NullType;
+                    milligram: import("@elaraai/east").NullType;
+                    ounce: import("@elaraai/east").NullType;
+                    pound: import("@elaraai/east").NullType;
+                    stone: import("@elaraai/east").NullType;
+                    celsius: import("@elaraai/east").NullType;
+                    fahrenheit: import("@elaraai/east").NullType;
+                    milliliter: import("@elaraai/east").NullType;
+                    liter: import("@elaraai/east").NullType;
+                    gallon: import("@elaraai/east").NullType;
+                    fluidOunce: import("@elaraai/east").NullType;
+                    acre: import("@elaraai/east").NullType;
+                    hectare: import("@elaraai/east").NullType;
+                    meterPerSecond: import("@elaraai/east").NullType;
+                    kilometerPerHour: import("@elaraai/east").NullType;
+                    milePerHour: import("@elaraai/east").NullType;
+                    percent: import("@elaraai/east").NullType;
+                    degree: import("@elaraai/east").NullType;
+                }>;
+                display: OptionType<import("@elaraai/east").VariantType<{
+                    short: import("@elaraai/east").NullType;
+                    narrow: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            scientific: import("@elaraai/east").NullType;
+            engineering: import("@elaraai/east").NullType;
+            date: StructType<{
+                style: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            time: StructType<{
+                style: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+                hour12: OptionType<BooleanType>;
+            }>;
+            datetime: StructType<{
+                dateStyle: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+                timeStyle: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+                hour12: OptionType<BooleanType>;
+            }>;
+        }>>;
+        domain: OptionType<ArrayType<FloatType>>;
+        hide: OptionType<BooleanType>;
+        axisLine: OptionType<BooleanType>;
+        tickLine: OptionType<BooleanType>;
+        tickMargin: OptionType<IntegerType>;
+        strokeColor: OptionType<StringType>;
+        orientation: OptionType<import("@elaraai/east").VariantType<{
+            top: import("@elaraai/east").NullType;
+            bottom: import("@elaraai/east").NullType;
+            left: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+        }>>;
+        axisId: OptionType<StringType>;
+    }>>;
+    yAxis2: OptionType<StructType<{
+        dataKey: OptionType<StringType>;
+        label: OptionType<StringType>;
+        tickFormat: OptionType<import("@elaraai/east").VariantType<{
+            number: StructType<{
+                minimumFractionDigits: OptionType<IntegerType>;
+                maximumFractionDigits: OptionType<IntegerType>;
+                signDisplay: OptionType<import("@elaraai/east").VariantType<{
+                    auto: import("@elaraai/east").NullType;
+                    never: import("@elaraai/east").NullType;
+                    always: import("@elaraai/east").NullType;
+                    exceptZero: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            currency: StructType<{
+                currency: import("@elaraai/east").VariantType<{
+                    USD: import("@elaraai/east").NullType;
+                    EUR: import("@elaraai/east").NullType;
+                    GBP: import("@elaraai/east").NullType;
+                    JPY: import("@elaraai/east").NullType;
+                    CHF: import("@elaraai/east").NullType;
+                    CAD: import("@elaraai/east").NullType;
+                    AUD: import("@elaraai/east").NullType;
+                    NZD: import("@elaraai/east").NullType;
+                    CNY: import("@elaraai/east").NullType;
+                    HKD: import("@elaraai/east").NullType;
+                    SGD: import("@elaraai/east").NullType;
+                    KRW: import("@elaraai/east").NullType;
+                    INR: import("@elaraai/east").NullType;
+                    TWD: import("@elaraai/east").NullType;
+                    THB: import("@elaraai/east").NullType;
+                    MYR: import("@elaraai/east").NullType;
+                    IDR: import("@elaraai/east").NullType;
+                    PHP: import("@elaraai/east").NullType;
+                    VND: import("@elaraai/east").NullType;
+                    SEK: import("@elaraai/east").NullType;
+                    NOK: import("@elaraai/east").NullType;
+                    DKK: import("@elaraai/east").NullType;
+                    PLN: import("@elaraai/east").NullType;
+                    CZK: import("@elaraai/east").NullType;
+                    HUF: import("@elaraai/east").NullType;
+                    RUB: import("@elaraai/east").NullType;
+                    UAH: import("@elaraai/east").NullType;
+                    RON: import("@elaraai/east").NullType;
+                    MXN: import("@elaraai/east").NullType;
+                    BRL: import("@elaraai/east").NullType;
+                    ARS: import("@elaraai/east").NullType;
+                    CLP: import("@elaraai/east").NullType;
+                    COP: import("@elaraai/east").NullType;
+                    PEN: import("@elaraai/east").NullType;
+                    AED: import("@elaraai/east").NullType;
+                    SAR: import("@elaraai/east").NullType;
+                    ILS: import("@elaraai/east").NullType;
+                    ZAR: import("@elaraai/east").NullType;
+                    TRY: import("@elaraai/east").NullType;
+                    EGP: import("@elaraai/east").NullType;
+                    NGN: import("@elaraai/east").NullType;
+                    KES: import("@elaraai/east").NullType;
+                }>;
+                display: OptionType<import("@elaraai/east").VariantType<{
+                    code: import("@elaraai/east").NullType;
+                    symbol: import("@elaraai/east").NullType;
+                    narrowSymbol: import("@elaraai/east").NullType;
+                    name: import("@elaraai/east").NullType;
+                }>>;
+                minimumFractionDigits: OptionType<IntegerType>;
+                maximumFractionDigits: OptionType<IntegerType>;
+            }>;
+            percent: StructType<{
+                minimumFractionDigits: OptionType<IntegerType>;
+                maximumFractionDigits: OptionType<IntegerType>;
+                signDisplay: OptionType<import("@elaraai/east").VariantType<{
+                    auto: import("@elaraai/east").NullType;
+                    never: import("@elaraai/east").NullType;
+                    always: import("@elaraai/east").NullType;
+                    exceptZero: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            compact: StructType<{
+                display: OptionType<import("@elaraai/east").VariantType<{
+                    short: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            unit: StructType<{
+                unit: import("@elaraai/east").VariantType<{
+                    bit: import("@elaraai/east").NullType;
+                    byte: import("@elaraai/east").NullType;
+                    kilobit: import("@elaraai/east").NullType;
+                    kilobyte: import("@elaraai/east").NullType;
+                    megabit: import("@elaraai/east").NullType;
+                    megabyte: import("@elaraai/east").NullType;
+                    gigabit: import("@elaraai/east").NullType;
+                    gigabyte: import("@elaraai/east").NullType;
+                    terabit: import("@elaraai/east").NullType;
+                    terabyte: import("@elaraai/east").NullType;
+                    petabyte: import("@elaraai/east").NullType;
+                    nanosecond: import("@elaraai/east").NullType;
+                    microsecond: import("@elaraai/east").NullType;
+                    millisecond: import("@elaraai/east").NullType;
+                    second: import("@elaraai/east").NullType;
+                    minute: import("@elaraai/east").NullType;
+                    hour: import("@elaraai/east").NullType;
+                    day: import("@elaraai/east").NullType;
+                    week: import("@elaraai/east").NullType;
+                    month: import("@elaraai/east").NullType;
+                    year: import("@elaraai/east").NullType;
+                    millimeter: import("@elaraai/east").NullType;
+                    centimeter: import("@elaraai/east").NullType;
+                    meter: import("@elaraai/east").NullType;
+                    kilometer: import("@elaraai/east").NullType;
+                    inch: import("@elaraai/east").NullType;
+                    foot: import("@elaraai/east").NullType;
+                    yard: import("@elaraai/east").NullType;
+                    mile: import("@elaraai/east").NullType;
+                    gram: import("@elaraai/east").NullType;
+                    kilogram: import("@elaraai/east").NullType;
+                    milligram: import("@elaraai/east").NullType;
+                    ounce: import("@elaraai/east").NullType;
+                    pound: import("@elaraai/east").NullType;
+                    stone: import("@elaraai/east").NullType;
+                    celsius: import("@elaraai/east").NullType;
+                    fahrenheit: import("@elaraai/east").NullType;
+                    milliliter: import("@elaraai/east").NullType;
+                    liter: import("@elaraai/east").NullType;
+                    gallon: import("@elaraai/east").NullType;
+                    fluidOunce: import("@elaraai/east").NullType;
+                    acre: import("@elaraai/east").NullType;
+                    hectare: import("@elaraai/east").NullType;
+                    meterPerSecond: import("@elaraai/east").NullType;
+                    kilometerPerHour: import("@elaraai/east").NullType;
+                    milePerHour: import("@elaraai/east").NullType;
+                    percent: import("@elaraai/east").NullType;
+                    degree: import("@elaraai/east").NullType;
+                }>;
+                display: OptionType<import("@elaraai/east").VariantType<{
+                    short: import("@elaraai/east").NullType;
+                    narrow: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            scientific: import("@elaraai/east").NullType;
+            engineering: import("@elaraai/east").NullType;
+            date: StructType<{
+                style: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+            }>;
+            time: StructType<{
+                style: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+                hour12: OptionType<BooleanType>;
+            }>;
+            datetime: StructType<{
+                dateStyle: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+                timeStyle: OptionType<import("@elaraai/east").VariantType<{
+                    full: import("@elaraai/east").NullType;
+                    long: import("@elaraai/east").NullType;
+                    medium: import("@elaraai/east").NullType;
+                    short: import("@elaraai/east").NullType;
+                }>>;
+                hour12: OptionType<BooleanType>;
+            }>;
+        }>>;
+        domain: OptionType<ArrayType<FloatType>>;
+        hide: OptionType<BooleanType>;
+        axisLine: OptionType<BooleanType>;
+        tickLine: OptionType<BooleanType>;
+        tickMargin: OptionType<IntegerType>;
+        strokeColor: OptionType<StringType>;
+        orientation: OptionType<import("@elaraai/east").VariantType<{
+            top: import("@elaraai/east").NullType;
+            bottom: import("@elaraai/east").NullType;
+            left: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+        }>>;
+        axisId: OptionType<StringType>;
+    }>>;
+    curveType: OptionType<import("@elaraai/east").VariantType<{
+        linear: import("@elaraai/east").NullType;
+        natural: import("@elaraai/east").NullType;
+        monotone: import("@elaraai/east").NullType;
+        step: import("@elaraai/east").NullType;
+        stepBefore: import("@elaraai/east").NullType;
+        stepAfter: import("@elaraai/east").NullType;
+    }>>;
+    grid: OptionType<StructType<{
+        show: OptionType<BooleanType>;
+        vertical: OptionType<BooleanType>;
+        horizontal: OptionType<BooleanType>;
+        strokeColor: OptionType<StringType>;
+        strokeDasharray: OptionType<StringType>;
+    }>>;
+    tooltip: OptionType<StructType<{
+        show: OptionType<BooleanType>;
+        cursor: OptionType<import("@elaraai/east").VariantType<{
+            none: import("@elaraai/east").NullType;
+            crosshair: StringType;
+            fill: StringType;
+        }>>;
+        animationDuration: OptionType<IntegerType>;
+    }>>;
+    legend: OptionType<StructType<{
+        show: OptionType<BooleanType>;
+        layout: OptionType<import("@elaraai/east").VariantType<{
+            horizontal: import("@elaraai/east").NullType;
+            vertical: import("@elaraai/east").NullType;
+        }>>;
+        align: OptionType<import("@elaraai/east").VariantType<{
+            left: import("@elaraai/east").NullType;
+            center: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+        }>>;
+        verticalAlign: OptionType<import("@elaraai/east").VariantType<{
+            top: import("@elaraai/east").NullType;
+            middle: import("@elaraai/east").NullType;
+            bottom: import("@elaraai/east").NullType;
+        }>>;
+    }>>;
+    margin: OptionType<StructType<{
+        top: OptionType<IntegerType>;
+        right: OptionType<IntegerType>;
+        bottom: OptionType<IntegerType>;
+        left: OptionType<IntegerType>;
+    }>>;
+    fillOpacity: OptionType<FloatType>;
+    connectNulls: OptionType<BooleanType>;
+    referenceLines: OptionType<ArrayType<StructType<{
+        x: OptionType<import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>>;
+        y: OptionType<import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>>;
+        stroke: OptionType<StringType>;
+        strokeWidth: OptionType<IntegerType>;
+        strokeDasharray: OptionType<StringType>;
+        label: OptionType<StringType>;
+        labelPosition: OptionType<import("@elaraai/east").VariantType<{
+            top: import("@elaraai/east").NullType;
+            bottom: import("@elaraai/east").NullType;
+            left: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+            center: import("@elaraai/east").NullType;
+            insideTop: import("@elaraai/east").NullType;
+            insideBottom: import("@elaraai/east").NullType;
+            insideLeft: import("@elaraai/east").NullType;
+            insideRight: import("@elaraai/east").NullType;
+            insideTopLeft: import("@elaraai/east").NullType;
+            insideTopRight: import("@elaraai/east").NullType;
+            insideBottomLeft: import("@elaraai/east").NullType;
+            insideBottomRight: import("@elaraai/east").NullType;
+        }>>;
+        labelOffset: OptionType<IntegerType>;
+        ifOverflow: OptionType<import("@elaraai/east").VariantType<{
+            discard: import("@elaraai/east").NullType;
+            hidden: import("@elaraai/east").NullType;
+            visible: import("@elaraai/east").NullType;
+            extendDomain: import("@elaraai/east").NullType;
+        }>>;
+    }>>>;
+    referenceDots: OptionType<ArrayType<StructType<{
+        x: import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>;
+        y: import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>;
+        r: OptionType<IntegerType>;
+        fill: OptionType<StringType>;
+        stroke: OptionType<StringType>;
+        strokeWidth: OptionType<IntegerType>;
+        label: OptionType<StringType>;
+        labelPosition: OptionType<import("@elaraai/east").VariantType<{
+            top: import("@elaraai/east").NullType;
+            bottom: import("@elaraai/east").NullType;
+            left: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+            center: import("@elaraai/east").NullType;
+            insideTop: import("@elaraai/east").NullType;
+            insideBottom: import("@elaraai/east").NullType;
+            insideLeft: import("@elaraai/east").NullType;
+            insideRight: import("@elaraai/east").NullType;
+            insideTopLeft: import("@elaraai/east").NullType;
+            insideTopRight: import("@elaraai/east").NullType;
+            insideBottomLeft: import("@elaraai/east").NullType;
+            insideBottomRight: import("@elaraai/east").NullType;
+        }>>;
+        labelOffset: OptionType<IntegerType>;
+        ifOverflow: OptionType<import("@elaraai/east").VariantType<{
+            discard: import("@elaraai/east").NullType;
+            hidden: import("@elaraai/east").NullType;
+            visible: import("@elaraai/east").NullType;
+            extendDomain: import("@elaraai/east").NullType;
+        }>>;
+    }>>>;
+    referenceAreas: OptionType<ArrayType<StructType<{
+        x1: OptionType<import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>>;
+        x2: OptionType<import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>>;
+        y1: OptionType<import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>>;
+        y2: OptionType<import("@elaraai/east").VariantType<{
+            Null: import("@elaraai/east").NullType;
+            Boolean: BooleanType;
+            Integer: IntegerType;
+            Float: FloatType;
+            String: StringType;
+            DateTime: import("@elaraai/east").DateTimeType;
+            Blob: import("@elaraai/east").BlobType;
+        }>>;
+        fill: OptionType<StringType>;
+        fillOpacity: OptionType<FloatType>;
+        stroke: OptionType<StringType>;
+        label: OptionType<StringType>;
+        labelPosition: OptionType<import("@elaraai/east").VariantType<{
+            top: import("@elaraai/east").NullType;
+            bottom: import("@elaraai/east").NullType;
+            left: import("@elaraai/east").NullType;
+            right: import("@elaraai/east").NullType;
+            center: import("@elaraai/east").NullType;
+            insideTop: import("@elaraai/east").NullType;
+            insideBottom: import("@elaraai/east").NullType;
+            insideLeft: import("@elaraai/east").NullType;
+            insideRight: import("@elaraai/east").NullType;
+            insideTopLeft: import("@elaraai/east").NullType;
+            insideTopRight: import("@elaraai/east").NullType;
+            insideBottomLeft: import("@elaraai/east").NullType;
+            insideBottomRight: import("@elaraai/east").NullType;
+        }>>;
+        labelOffset: OptionType<IntegerType>;
+        ifOverflow: OptionType<import("@elaraai/east").VariantType<{
+            discard: import("@elaraai/east").NullType;
+            hidden: import("@elaraai/east").NullType;
+            visible: import("@elaraai/east").NullType;
+            extendDomain: import("@elaraai/east").NullType;
+        }>>;
+    }>>>;
+}>;
+/**
+ * Type representing an area range chart.
+ */
+export type AreaRangeChartType = typeof AreaRangeChartType;
+/**
+ * Series configuration for AreaRange charts.
+ *
+ * @remarks
+ * Configures how a range series is rendered, specifying the low/high data keys.
+ *
+ * @property lowKey - Field name for lower bound values
+ * @property highKey - Field name for upper bound values
+ * @property color - Chakra color token (e.g., "teal.solid", "blue.500")
+ * @property label - Display label (defaults to series name)
+ * @property fillOpacity - Fill opacity (0-1)
+ * @property stroke - Stroke color (defaults to color)
+ * @property strokeWidth - Stroke width in pixels
+ */
+export interface AreaRangeSeriesConfig {
+    /** Field name for lower bound values */
+    lowKey: string;
+    /** Field name for upper bound values */
+    highKey: string;
+    /** Chakra color token (e.g., "teal.solid", "blue.500") */
+    color?: SubtypeExprOrValue<StringType>;
+    /** Display label (defaults to series name) */
+    label?: SubtypeExprOrValue<StringType>;
+    /** Fill opacity (0-1) */
+    fillOpacity?: SubtypeExprOrValue<FloatType>;
+    /** Stroke color (defaults to color) */
+    stroke?: SubtypeExprOrValue<StringType>;
+    /** Stroke width in pixels */
+    strokeWidth?: SubtypeExprOrValue<IntegerType>;
+    /** Y-axis binding (left = primary yAxis, right = secondary yAxis2) */
+    yAxisId?: SubtypeExprOrValue<YAxisIdType> | YAxisIdLiteral;
+}
+/**
+ * Base style options shared by AreaRange and AreaRangeMulti charts.
+ */
+export interface AreaRangeChartStyleBase<DataKey extends string = string> extends BaseChartStyle {
+    /** X-axis configuration */
+    xAxis?: ChartAxisStyle<DataKey>;
+    /** Y-axis configuration (primary, left side) */
+    yAxis?: ChartAxisStyle<DataKey>;
+    /** Secondary Y-axis configuration (right side) */
+    yAxis2?: ChartAxisStyle<DataKey>;
+    /** Line curve interpolation type */
+    curveType?: SubtypeExprOrValue<CurveType> | CurveLiteral;
+    /** Fill opacity (0-1, applies to all series unless overridden per-series) */
+    fillOpacity?: SubtypeExprOrValue<FloatType>;
+    /** Connect line across null data points */
+    connectNulls?: SubtypeExprOrValue<BooleanType>;
+    /** Reference lines (horizontal/vertical lines at specific values) */
+    referenceLines?: ReferenceLineStyle[];
+    /** Reference dots (markers at specific x,y coordinates) */
+    referenceDots?: ReferenceDotStyle[];
+    /** Reference areas (highlighted rectangular regions) */
+    referenceAreas?: ReferenceAreaStyle[];
+}
+/**
+ * Style for AreaRange charts (single array form).
+ *
+ * @typeParam DataKey - Union of field keys from the data struct
+ * @typeParam SeriesKey - Union of series names
+ */
+export interface AreaRangeChartStyle<DataKey extends string = string, SeriesKey extends string = string> extends AreaRangeChartStyleBase<DataKey> {
+    /** Per-series configuration with lowKey/highKey */
+    series?: {
+        [K in SeriesKey]?: AreaRangeSeriesConfig;
+    };
+}
+/**
+ * Style for AreaRangeMulti charts (multi-series with separate arrays).
+ *
+ * @typeParam DataKey - Union of field keys from series array structs
+ * @typeParam SeriesKey - Union of series names (record keys)
+ */
+export interface AreaRangeChartMultiStyle<DataKey extends string = string, SeriesKey extends string = string> extends AreaRangeChartStyleBase<DataKey> {
+    /** Field name for lower bound values (shared across all series) */
+    lowKey: string;
+    /** Field name for upper bound values (shared across all series) */
+    highKey: string;
+    /** Per-series configuration (keyed by series name) */
+    series?: {
+        [K in SeriesKey]?: Omit<AreaRangeSeriesConfig, 'lowKey' | 'highKey'>;
+    };
 }
 //# sourceMappingURL=types.d.ts.map