@nar-bus/lena-ui-shared 1.3.6 → 1.3.7

package/dist/index.d.ts

@@ -208,7 +208,7 @@ export declare interface AreaSeriesConfig {
     /** Stroke dash pattern (e.g. "6 3") */
     strokeDasharray?: string;
     /** Curve interpolation type (default: "monotone") */
-    type?: 'monotone' | 'linear' | 'basis' | 'natural' | 'step';
+    type?: BaseCurveType;
 }
 
 /**
@@ -283,6 +283,9 @@ export declare interface BarSeriesConfig {
     maxBarSize?: number;
 }
 
+/** Shared curve interpolation types supported by Recharts */
+declare type BaseCurveType = 'monotone' | 'linear' | 'basis' | 'natural' | 'step';
+
 /**
  * Boolean cell for displaying true/false values.
  * Shows check/X icons with consistent styling.
@@ -1570,7 +1573,7 @@ declare interface FormSectionProps {
 
 export declare function FormSheet({ open, onOpenChange, title, description, children, onSubmit, onCancel, isSubmitting, submitLabel, cancelLabel, side, className, icon, variant, headerGradient, headerIcon: HeaderIcon, }: FormSheetProps): JSX.Element;
 
-export declare type FormSheetGradient = 'navy' | 'cherry' | 'emerald' | 'amber';
+export declare type FormSheetGradient = 'navy' | 'cherry' | 'emerald' | 'amber' | 'teal' | 'violet' | 'rose' | 'indigo' | 'orange';
 
 export declare interface FormSheetProps {
     open: boolean;
@@ -1635,7 +1638,7 @@ export declare type GradientPair = [topColor: string, bottomColor: string];
 
 declare function Header({ children, icon: Icon, iconClassName, subtitle, actions, gradient, className, }: LenaPanelHeaderProps): JSX.Element;
 
-export declare type HeaderGradient = 'teal' | 'navy' | 'cherry' | 'emerald' | 'amber' | 'violet';
+export declare type HeaderGradient = 'teal' | 'navy' | 'cherry' | 'emerald' | 'amber' | 'violet' | 'rose' | 'indigo' | 'orange';
 
 export declare function HeaderQuickSearch({ placeholder, value, onValueChange, open, onOpenChange, loading, shortcutKey, shouldFilter, className, children, }: HeaderQuickSearchProps): JSX.Element;
 
@@ -1938,6 +1941,20 @@ export declare interface LenaChoroplethMapProps {
     className?: string;
 }
 
+export declare function LenaComposedChart<T extends object>({ data, barSeries, lineSeries, xAxisDataKey, height, showLegend, yAxisWidth, yAxisTickFormatter, tooltipItemColor, margin, barCategoryGap, barGap, className, }: LenaComposedChartProps<T>): JSX.Element;
+
+/** Props for LenaComposedChart (bar + line overlay) */
+export declare interface LenaComposedChartProps<T extends object> extends LenaChartBaseProps<T> {
+    /** Bar series configurations */
+    barSeries: BarSeriesConfig[];
+    /** Line series configurations (rendered on top of bars) */
+    lineSeries: LineSeriesConfig[];
+    /** Gap between bar categories (default: "20%") */
+    barCategoryGap?: string;
+    /** Gap between bars in same category */
+    barGap?: number;
+}
+
 export declare const LenaPanel: typeof _LenaPanel & {
     Header: typeof Header;
     Content: typeof Content;
@@ -2016,6 +2033,33 @@ export declare interface LenaUIProviderProps {
     children: ReactNode;
 }
 
+/** Extended curve types (Line supports additional step variants) */
+declare type LineCurveType = BaseCurveType | 'stepAfter' | 'stepBefore';
+
+/** Configuration for a single line series (used in ComposedChart) */
+export declare interface LineSeriesConfig {
+    /** Data key matching a field in the data array */
+    dataKey: string;
+    /** Display name (shown in tooltip/legend) */
+    name: string;
+    /** Stroke color */
+    color: string;
+    /** Stroke width (default: 2) */
+    strokeWidth?: number;
+    /** Stroke dash pattern (e.g. "6 3") */
+    strokeDasharray?: string;
+    /** Curve interpolation type (default: "monotone") */
+    type?: LineCurveType;
+    /** Custom active dot config */
+    activeDot?: {
+        r: number;
+        strokeWidth: number;
+        fill: string;
+    };
+    /** Whether to show in legend (default: true) */
+    showInLegend?: boolean;
+}
+
 /**
  * Link cell for navigable table values.
  * Shows external link icon on hover and supports different hover colors.
@@ -2903,6 +2947,8 @@ export declare interface TabConfig {
     description?: string;
     /** Per-tab mount strategy override (only used when lazyMount is enabled) */
     mountStrategy?: MountStrategy;
+    /** Per-tab accent color override — gradient name (e.g. 'teal', 'indigo', 'orange') */
+    accentColor?: string;
 }
 
 export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
@@ -3085,7 +3131,7 @@ export declare interface ToolbarEntityLabelProps {
 }
 
 /** Available toolbar color variants */
-declare type ToolbarVariant = 'dark' | 'cherry' | 'emerald' | 'amber';
+declare type ToolbarVariant = 'dark' | 'navy' | 'cherry' | 'emerald' | 'amber' | 'teal' | 'violet' | 'rose' | 'indigo' | 'orange';
 
 export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
 
@@ -3532,6 +3578,13 @@ export declare interface ValidationStatusProps {
     showDetails?: boolean;
 }
 
+/**
+ * Adds monthly average fields to chart data.
+ * Date format: "dd/MM" — groups by month part, calculates average per key.
+ * Each data point receives a `{key}_avg` field with its month's average.
+ */
+export declare function withMonthlyAvg<T extends Record<string, unknown>>(data: T[], dateKey: string, valueKeys: string[]): (T & Record<string, number>)[];
+
 export { }