@misael703/ui 1.58.0 → 1.59.1

package/dist/components/Charts.d.ts

@@ -39,7 +39,8 @@ interface BaseChartProps<D = any> {
     className?: string;
     ariaLabel?: string;
 }
-interface LineChartProps<D = any> extends BaseChartProps<D> {
+type AxisInterval = number | 'preserveStart' | 'preserveEnd' | 'preserveStartEnd' | 'equidistantPreserveStart' | 'equidistantPreserveEnd';
+interface CartesianChartProps<D = any> extends BaseChartProps<D> {
     categoryKey: keyof D & string;
     series: Array<{
         key: keyof D & string;
@@ -48,26 +49,31 @@ interface LineChartProps<D = any> extends BaseChartProps<D> {
     }>;
     showGrid?: boolean;
     showLegend?: boolean;
+    /** Format each category-axis tick label, e.g. shorten `2026-05-23`. → XAxis.tickFormatter */
+    xTickFormatter?: (value: string) => string;
+    /** Thin out category ticks on collision. → XAxis.interval. Default `preserveStartEnd`. */
+    xTickInterval?: AxisInterval;
+    /** Rotate category-axis labels N degrees (anchors end + reserves height so they don't clip). */
+    xTickAngle?: number;
+    /** Format numeric values (value-axis ticks + tooltip). */
+    valueFormatter?: (value: number) => string;
+}
+interface LineChartProps<D = any> extends CartesianChartProps<D> {
     smooth?: boolean;
+    /** Interpolation. `monotone` smooths (default, back-compat); `linear` draws honest
+     *  straight segments — recommended for counts/stepped series (no phantom humps over zeros). */
+    curve?: 'linear' | 'monotone';
 }
-declare function LineChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, showGrid, showLegend, smooth, }: LineChartProps<D>): react_jsx_runtime.JSX.Element;
+declare function LineChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, showGrid, showLegend, smooth, curve, xTickFormatter, xTickInterval, xTickAngle, valueFormatter, }: LineChartProps<D>): react_jsx_runtime.JSX.Element;
 interface AreaChartProps<D = any> extends LineChartProps<D> {
     stacked?: boolean;
 }
-declare function AreaChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, showGrid, showLegend, smooth, stacked, }: AreaChartProps<D>): react_jsx_runtime.JSX.Element;
-interface BarChartProps<D = any> extends BaseChartProps<D> {
-    categoryKey: keyof D & string;
-    series: Array<{
-        key: keyof D & string;
-        label?: string;
-        color?: string;
-    }>;
+declare function AreaChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, showGrid, showLegend, smooth, curve, stacked, xTickFormatter, xTickInterval, xTickAngle, valueFormatter, }: AreaChartProps<D>): react_jsx_runtime.JSX.Element;
+interface BarChartProps<D = any> extends CartesianChartProps<D> {
     layout?: 'vertical' | 'horizontal';
     stacked?: boolean;
-    showGrid?: boolean;
-    showLegend?: boolean;
 }
-declare function BarChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, layout, stacked, showGrid, showLegend, }: BarChartProps<D>): react_jsx_runtime.JSX.Element;
+declare function BarChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, layout, stacked, showGrid, showLegend, xTickFormatter, xTickInterval, xTickAngle, valueFormatter, }: BarChartProps<D>): react_jsx_runtime.JSX.Element;
 interface DonutChartProps extends Omit<BaseChartProps, 'data'> {
     data: Array<{
         name: string;
@@ -78,8 +84,12 @@ interface DonutChartProps extends Omit<BaseChartProps, 'data'> {
     showLegend?: boolean;
     innerRadius?: number;
     outerRadius?: number;
+    /** Format slice names in tooltip + legend, e.g. `V_REGION` → `V Región` (no need to pre-map the data). */
+    nameFormatter?: (name: string) => string;
+    /** Format slice values in the tooltip. */
+    valueFormatter?: (value: number) => string;
 }
-declare function DonutChart({ recharts: R, data, height, className, ariaLabel, centerLabel, showLegend, innerRadius, outerRadius, }: DonutChartProps): react_jsx_runtime.JSX.Element;
+declare function DonutChart({ recharts: R, data, height, className, ariaLabel, centerLabel, showLegend, innerRadius, outerRadius, nameFormatter, valueFormatter, }: DonutChartProps): react_jsx_runtime.JSX.Element;
 interface SparklineProps<D = any> {
     recharts: RechartsLike;
     data: D[];
@@ -93,4 +103,4 @@ interface SparklineProps<D = any> {
 }
 declare function Sparkline<D = any>({ recharts: R, data, dataKey, width, height, color, fill, className, ariaLabel, }: SparklineProps<D>): react_jsx_runtime.JSX.Element;
 
-export { AreaChart, type AreaChartProps, BarChart, type BarChartProps, type BaseChartProps, DonutChart, type DonutChartProps, LineChart, type LineChartProps, type RechartsLike, Sparkline, type SparklineProps };
+export { AreaChart, type AreaChartProps, type AxisInterval, BarChart, type BarChartProps, type BaseChartProps, type CartesianChartProps, DonutChart, type DonutChartProps, LineChart, type LineChartProps, type RechartsLike, Sparkline, type SparklineProps };

package/dist/components/Charts.js

@@ -1,30 +1,30 @@
 'use client';
 'use strict';
 
-var chunkCPMQ2DFS_js = require('../chunk-CPMQ2DFS.js');
+var chunk2ET7IM4U_js = require('../chunk-2ET7IM4U.js');
 require('../chunk-PASF6T4H.js');
 
 
 
 Object.defineProperty(exports, "AreaChart", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.AreaChart; }
+  get: function () { return chunk2ET7IM4U_js.AreaChart; }
 });
 Object.defineProperty(exports, "BarChart", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.BarChart; }
+  get: function () { return chunk2ET7IM4U_js.BarChart; }
 });
 Object.defineProperty(exports, "DonutChart", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.DonutChart; }
+  get: function () { return chunk2ET7IM4U_js.DonutChart; }
 });
 Object.defineProperty(exports, "LineChart", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.LineChart; }
+  get: function () { return chunk2ET7IM4U_js.LineChart; }
 });
 Object.defineProperty(exports, "Sparkline", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.Sparkline; }
+  get: function () { return chunk2ET7IM4U_js.Sparkline; }
 });
 //# sourceMappingURL=Charts.js.map
 //# sourceMappingURL=Charts.js.map

package/dist/components/Charts.mjs

@@ -1,5 +1,5 @@
 'use client';
-export { AreaChart, BarChart, DonutChart, LineChart, Sparkline } from '../chunk-O6FCBNWN.mjs';
+export { AreaChart, BarChart, DonutChart, LineChart, Sparkline } from '../chunk-EJY4QWHT.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=Charts.mjs.map
 //# sourceMappingURL=Charts.mjs.map

package/dist/index.d.mts

@@ -17,7 +17,7 @@ export { CheckboxGroup, CheckboxGroupProps, MoneyInput, MoneyInputProps, OptionI
 export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, Menu, MenuItemProps, MenuProps, Stat, StatProps } from './components/Display2.mjs';
 export { CommandItem, CommandPalette, CommandPaletteProps, DateRange, DateRangePicker, DateRangePickerProps, MultiCombobox, MultiComboboxOption, MultiComboboxProps, UseCommandPaletteOptions, useCommandPalette } from './components/AdvancedPickers.mjs';
 export { AppShell, AppShellHeader, AppShellHeaderApi, AppShellHeaderSlot, AppShellProps, AppShellTheme, NavItem, NavSection, PageHeader, PageHeaderProps } from './components/AppShell.mjs';
-export { AreaChart, AreaChartProps, BarChart, BarChartProps, BaseChartProps, DonutChart, DonutChartProps, LineChart, LineChartProps, RechartsLike, Sparkline, SparklineProps } from './components/Charts.mjs';
+export { AreaChart, AreaChartProps, AxisInterval, BarChart, BarChartProps, BaseChartProps, CartesianChartProps, DonutChart, DonutChartProps, LineChart, LineChartProps, RechartsLike, Sparkline, SparklineProps } from './components/Charts.mjs';
 export { BulletChart, BulletChartProps, BulletTone, CalendarHeatmap, CalendarHeatmapProps, DeltaBadge, DeltaBadgeProps, DeltaTone, HeatmapCell, Meter, MeterOptimum, MeterProps, ProportionBar, ProportionBarProps, ProportionSegment, Sparkbar, SparkbarProps, StatCard, StatCardProps } from './components/Metrics.mjs';
 export { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bell, Bold, Building, CalendarDays, CalendarIcon, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Columns3, Copy, CreditCard, Download, Edit, ExternalLink, Eye, EyeOff, FileText, Filter, Folder, Globe, Heart, History, Home, IconProps, Info, Italic, LayoutGrid, Link, List, Loader, Lock, LogOut, Mail, Map, MapPin, MenuIcon, Minus, Moon, MoreHorizontal, MoreVertical, Package, Phone, Plus, RefreshCw, Rows3, Search, Settings, ShoppingCart, Star, Sun, Tag, Tool, Trash, Truck, Underline, Unlock, Upload, User, Users, Wallet, Wrench, X } from './components/Icons.mjs';
 export { Logo, LogoBg, LogoFormat, LogoProps, LogoVariant } from './components/Logo.mjs';

package/dist/index.d.ts

@@ -17,7 +17,7 @@ export { CheckboxGroup, CheckboxGroupProps, MoneyInput, MoneyInputProps, OptionI
 export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, Menu, MenuItemProps, MenuProps, Stat, StatProps } from './components/Display2.js';
 export { CommandItem, CommandPalette, CommandPaletteProps, DateRange, DateRangePicker, DateRangePickerProps, MultiCombobox, MultiComboboxOption, MultiComboboxProps, UseCommandPaletteOptions, useCommandPalette } from './components/AdvancedPickers.js';
 export { AppShell, AppShellHeader, AppShellHeaderApi, AppShellHeaderSlot, AppShellProps, AppShellTheme, NavItem, NavSection, PageHeader, PageHeaderProps } from './components/AppShell.js';
-export { AreaChart, AreaChartProps, BarChart, BarChartProps, BaseChartProps, DonutChart, DonutChartProps, LineChart, LineChartProps, RechartsLike, Sparkline, SparklineProps } from './components/Charts.js';
+export { AreaChart, AreaChartProps, AxisInterval, BarChart, BarChartProps, BaseChartProps, CartesianChartProps, DonutChart, DonutChartProps, LineChart, LineChartProps, RechartsLike, Sparkline, SparklineProps } from './components/Charts.js';
 export { BulletChart, BulletChartProps, BulletTone, CalendarHeatmap, CalendarHeatmapProps, DeltaBadge, DeltaBadgeProps, DeltaTone, HeatmapCell, Meter, MeterOptimum, MeterProps, ProportionBar, ProportionBarProps, ProportionSegment, Sparkbar, SparkbarProps, StatCard, StatCardProps } from './components/Metrics.js';
 export { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bell, Bold, Building, CalendarDays, CalendarIcon, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Columns3, Copy, CreditCard, Download, Edit, ExternalLink, Eye, EyeOff, FileText, Filter, Folder, Globe, Heart, History, Home, IconProps, Info, Italic, LayoutGrid, Link, List, Loader, Lock, LogOut, Mail, Map, MapPin, MenuIcon, Minus, Moon, MoreHorizontal, MoreVertical, Package, Phone, Plus, RefreshCw, Rows3, Search, Settings, ShoppingCart, Star, Sun, Tag, Tool, Trash, Truck, Underline, Unlock, Upload, User, Users, Wallet, Wrench, X } from './components/Icons.js';
 export { Logo, LogoBg, LogoFormat, LogoProps, LogoVariant } from './components/Logo.js';

package/dist/index.js

@@ -56,7 +56,7 @@ var chunkAJ22SXI2_js = require('./chunk-AJ22SXI2.js');
 var chunkEUB4PHPI_js = require('./chunk-EUB4PHPI.js');
 var chunkGGILBESE_js = require('./chunk-GGILBESE.js');
 var chunkC4AKMVDZ_js = require('./chunk-C4AKMVDZ.js');
-var chunkCPMQ2DFS_js = require('./chunk-CPMQ2DFS.js');
+var chunk2ET7IM4U_js = require('./chunk-2ET7IM4U.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 
 
@@ -1103,23 +1103,23 @@ Object.defineProperty(exports, "X", {
 });
 Object.defineProperty(exports, "AreaChart", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.AreaChart; }
+  get: function () { return chunk2ET7IM4U_js.AreaChart; }
 });
 Object.defineProperty(exports, "BarChart", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.BarChart; }
+  get: function () { return chunk2ET7IM4U_js.BarChart; }
 });
 Object.defineProperty(exports, "DonutChart", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.DonutChart; }
+  get: function () { return chunk2ET7IM4U_js.DonutChart; }
 });
 Object.defineProperty(exports, "LineChart", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.LineChart; }
+  get: function () { return chunk2ET7IM4U_js.LineChart; }
 });
 Object.defineProperty(exports, "Sparkline", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.Sparkline; }
+  get: function () { return chunk2ET7IM4U_js.Sparkline; }
 });
 Object.defineProperty(exports, "cx", {
   enumerable: true,

package/dist/index.mjs

@@ -54,7 +54,7 @@ export { Button, ButtonGroup } from './chunk-NAL457NQ.mjs';
 export { AspectRatio, ScrollArea, Separator, Slot, Slottable } from './chunk-IEPKSPBX.mjs';
 export { Carousel } from './chunk-VXJTDBSM.mjs';
 export { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bell, Bold, Building, CalendarDays, CalendarIcon, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Columns3, Copy, CreditCard, Download, Edit, ExternalLink, Eye, EyeOff, FileText, Filter, Folder, Globe, Heart, History, Home, Info, Italic, LayoutGrid, Link, List, Loader, Lock, LogOut, Mail, Map, MapPin, MenuIcon, Minus, Moon, MoreHorizontal, MoreVertical, Package, Phone, Plus, RefreshCw, Rows3, Search, Settings, ShoppingCart, Star, Sun, Tag, Tool, Trash, Truck, Underline, Unlock, Upload, User, Users, Wallet, Wrench, X } from './chunk-BJGMROKL.mjs';
-export { AreaChart, BarChart, DonutChart, LineChart, Sparkline } from './chunk-O6FCBNWN.mjs';
+export { AreaChart, BarChart, DonutChart, LineChart, Sparkline } from './chunk-EJY4QWHT.mjs';
 export { cx } from './chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map