@fluityy/designsystem 0.2.11 → 0.2.12

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

@@ -0,0 +1,26 @@
+export type SparklineVariant = "area" | "line" | "bar";
+export interface SparklineProps {
+    /** Pontos do sparkline. Aceita array de numeros ou objetos `{value}`. */
+    data: ReadonlyArray<number> | ReadonlyArray<{
+        value: number;
+    }>;
+    variant?: SparklineVariant;
+    /** Cor base — aceita CSS var ou cor literal. Default: chart-1. */
+    color?: string;
+    /** Altura em pixels. Default: 40. */
+    height?: number;
+    /** Suaviza a curva (monotone). Default: true. */
+    smooth?: boolean;
+    /** Espessura do traço. Default: 1.75. */
+    strokeWidth?: number;
+    /** Preenche a area sob a curva. Default: true. So aplica em `area`. */
+    filled?: boolean;
+    /** Habilita tooltip em hover. Default: true. */
+    interactive?: boolean;
+    /** Formata o valor exibido no tooltip. */
+    formatValue?: (value: number) => string;
+    /** Rotulo exibido antes do valor no tooltip. */
+    tooltipLabel?: string;
+    className?: string;
+}
+export declare function Sparkline({ data, variant, color, height, smooth, strokeWidth, filled, interactive, formatValue, tooltipLabel, className, }: SparklineProps): import("react").JSX.Element;

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

@@ -2,6 +2,7 @@ export { LineChart, type LineChartProps } from './LineChart';
 export { AreaChart, type AreaChartProps } from './AreaChart';
 export { BarChart, type BarChartProps } from './BarChart';
 export { DonutChart, type DonutChartProps, type DonutDatum } from './DonutChart';
+export { Sparkline, type SparklineProps, type SparklineVariant } from './Sparkline';
 export { ChartTooltip, type ChartTooltipProps } from './ChartTooltip';
 export { ChartLegend, type ChartLegendProps, type ChartLegendItem } from './ChartLegend';
 export { CHART_PALETTE, CHART_GRID, CHART_AXIS, paletteColor, type ChartSeries, } from './chartTheme';

package/dist/components/MetricCard/MetricCard.d.ts

@@ -0,0 +1,30 @@
+import { SparklineVariant } from '../Chart/Sparkline';
+export type MetricTone = "primary" | "accent" | "success" | "warning" | "danger" | "neutral";
+export type MetricCardSize = "sm" | "md" | "lg";
+export interface MetricCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Rotulo da metrica (ex: "CPU Time"). */
+    label: React.ReactNode;
+    /** Valor principal exibido em destaque. */
+    value: React.ReactNode;
+    /** Unidade opcional ao lado do valor (ex: "ms", "%"). */
+    unit?: React.ReactNode;
+    /** Variacao % vs periodo anterior. */
+    delta?: number;
+    /** Formata o numero do delta. Default: `↗ N.NN%`. */
+    formatDelta?: (n: number) => string;
+    /** Forca o tom do delta. `"auto"` usa sinal (+ primary / − neutral). */
+    deltaTone?: "auto" | MetricTone;
+    /** Pontos do sparkline. Se vazio/ausente, sparkline e omitido. */
+    data?: ReadonlyArray<number> | ReadonlyArray<{
+        value: number;
+    }>;
+    /** Tipo do sparkline. Default: "area". */
+    sparklineVariant?: SparklineVariant;
+    /** Tom geral (sparkline e indicador). Default: "primary". */
+    tone?: MetricTone;
+    /** Barra inferior colorida. Aceita boolean (usa `tone`) ou um tom especifico. */
+    indicator?: boolean | MetricTone;
+    /** Tamanho do card. Default: "md". */
+    size?: MetricCardSize;
+}
+export declare const MetricCard: import('react').ForwardRefExoticComponent<MetricCardProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,13 @@
+export interface SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    size?: "sm" | "md";
+    /** Distribui os segmentos com largura igual. */
+    fullWidth?: boolean;
+}
+export declare function SegmentedControl({ value, defaultValue, onValueChange, size, fullWidth, className, children, ...props }: SegmentedControlProps): import("react").JSX.Element;
+export interface SegmentedControlItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
+    value: string;
+}
+export declare function SegmentedControlItem({ value, className, children, disabled, ...props }: SegmentedControlItemProps): import("react").JSX.Element;

package/dist/components/index.d.ts

@@ -13,8 +13,10 @@ export * from './Progress/Progress';
 export * from './Divider/Divider';
 export * from './Breadcrumb/Breadcrumb';
 export * from './StatCard/StatCard';
+export * from './MetricCard/MetricCard';
 export * from './Alert/Alert';
 export * from './Tabs/Tabs';
+export * from './SegmentedControl/SegmentedControl';
 export * from './Accordion/Accordion';
 export * from './Tooltip/Tooltip';
 export * from './Popover/Popover';