@almadar/ui 4.51.14 → 4.51.16

package/dist/components/atoms/Sparkline.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Sparkline Atom Component
+ *
+ * Minimal inline trend chart. Pure SVG polyline over a numeric series.
+ * Extracted from StatCard's sparkline path so any KPI or list row can
+ * include a trend visualization without compositing the whole card.
+ */
+import React from "react";
+export type SparklineColor = "auto" | "primary" | "success" | "warning" | "error" | "info" | "muted";
+export interface SparklineProps {
+    /** Numeric series to plot. Length < 2 renders nothing. */
+    data: readonly number[];
+    /**
+     * Stroke color.
+     * `auto` (default): success when the series trends up (last ≥ first),
+     * error when it trends down.
+     */
+    color?: SparklineColor;
+    /** SVG width in px. Default 80. */
+    width?: number;
+    /** SVG height in px. Default 32. */
+    height?: number;
+    /** Stroke width in px. Default 2. */
+    strokeWidth?: number;
+    /** Fill the area under the line with the stroke color at low opacity. */
+    fill?: boolean;
+    /** Additional CSS classes. */
+    className?: string;
+}
+export declare const Sparkline: React.FC<SparklineProps>;

package/dist/components/atoms/index.d.ts

@@ -16,6 +16,7 @@ export { Divider, type DividerProps, type DividerOrientation } from "./Divider";
 export { Icon, type IconProps, type IconSize, type IconAnimation, } from "./Icon";
 export { ProgressBar, type ProgressBarProps, type ProgressBarVariant, type ProgressBarColor, } from "./ProgressBar";
 export { Radio, type RadioProps } from "./Radio";
+export { Sparkline, type SparklineProps, type SparklineColor } from "./Sparkline";
 export { Switch, type SwitchProps } from "./Switch";
 export { Spacer, type SpacerProps, type SpacerSize } from "./Spacer";
 export { Stack, VStack, HStack, type StackProps, type VStackProps, type HStackProps, type StackDirection, type StackGap, type StackAlign, type StackJustify, } from "./Stack";