@facter/ds-core 1.6.1 → 1.7.0

package/dist/index.d.mts

@@ -2536,6 +2536,64 @@ interface LogoProps {
  */
 declare function Logo({ width, color, className, }: LogoProps): react_jsx_runtime.JSX.Element;
 
+type ColorScheme = 'green' | 'red' | 'yellow' | 'blue' | 'primary';
+type Variant = 'default' | 'compact' | 'mini';
+interface StatsCardRootProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    colorScheme?: ColorScheme;
+    variant?: Variant;
+}
+declare function StatsCardRoot({ colorScheme, variant, className, children, ...props }: StatsCardRootProps): react_jsx_runtime.JSX.Element;
+interface StatsCardHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare function StatsCardHeader({ className, children, ...props }: StatsCardHeaderProps): react_jsx_runtime.JSX.Element;
+interface StatsCardIconProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    icon: React$1.ComponentType<{
+        className?: string;
+    }>;
+}
+declare function StatsCardIcon({ icon: Icon, className, ...props }: StatsCardIconProps): react_jsx_runtime.JSX.Element;
+interface StatsCardTitleProps extends React$1.HTMLAttributes<HTMLHeadingElement> {
+}
+declare function StatsCardTitle({ className, children, ...props }: StatsCardTitleProps): react_jsx_runtime.JSX.Element;
+interface StatsCardSubtitleProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+}
+declare function StatsCardSubtitle({ className, children, ...props }: StatsCardSubtitleProps): react_jsx_runtime.JSX.Element;
+interface StatsCardValueProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+}
+declare function StatsCardValue({ className, children, ...props }: StatsCardValueProps): react_jsx_runtime.JSX.Element;
+interface StatsCardChangeProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    type?: 'positive' | 'negative';
+}
+declare function StatsCardChange({ type, className, children, ...props }: StatsCardChangeProps): react_jsx_runtime.JSX.Element;
+interface ChartDataPoint {
+    value: number;
+    date: string;
+}
+interface StatsCardChartProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    data: ChartDataPoint[];
+    height?: number;
+}
+declare function StatsCardChart({ data, height, className, ...props }: StatsCardChartProps): react_jsx_runtime.JSX.Element;
+interface StatsCardContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare function StatsCardContent({ className, children, ...props }: StatsCardContentProps): react_jsx_runtime.JSX.Element;
+interface StatsCardTodayProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+    label?: string;
+    type?: 'positive' | 'negative';
+}
+declare function StatsCardToday({ label, type, className, children, ...props }: StatsCardTodayProps): react_jsx_runtime.JSX.Element;
+declare const StatsCard: typeof StatsCardRoot & {
+    Header: typeof StatsCardHeader;
+    Icon: typeof StatsCardIcon;
+    Title: typeof StatsCardTitle;
+    Subtitle: typeof StatsCardSubtitle;
+    Value: typeof StatsCardValue;
+    Change: typeof StatsCardChange;
+    Chart: typeof StatsCardChart;
+    Content: typeof StatsCardContent;
+    Today: typeof StatsCardToday;
+};
+
 type Theme = 'dark' | 'light' | 'system';
 interface ThemeProviderProps {
     children: React$1.ReactNode;
@@ -2558,4 +2616,4 @@ declare const useTheme: () => ThemeProviderState;
  */
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AuthLayout, type AuthLayoutBodyProps, type AuthLayoutContentProps, type AuthLayoutDividerProps, type AuthLayoutFooterProps, type AuthLayoutHeaderProps, type AuthLayoutImageProps, type AuthLayoutLinkProps, type AuthLayoutProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, type BadgeVariant, type BaseFieldProps, BigNumberCard, type BigNumberCardContentProps, type BigNumberCardHeaderProps, type BigNumberCardLinkProps, type BigNumberCardRootProps, type BigNumberCardSize, type BigNumberCardSparklineProps, type BigNumberCardTitleProps, type BigNumberCardTrendProps, type BigNumberCardValueProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, type Company, DENSITY_CONFIG, DashboardLayout, type DashboardLayoutBreadcrumbsProps, type DashboardLayoutContentProps, type DashboardLayoutContextValue, type DashboardLayoutHeaderActionsProps, type DashboardLayoutHeaderProps, type DashboardLayoutHeaderTitleProps, type DashboardLayoutHeaderUserProps, type DashboardLayoutMobileNavItemProps, type DashboardLayoutMobileNavProps, type DashboardLayoutProps, type DashboardLayoutSidebarFooterProps, type DashboardLayoutSidebarHeaderProps, type DashboardLayoutSidebarNavGroupProps, type DashboardLayoutSidebarNavItemProps, type DashboardLayoutSidebarNavProps, type DashboardLayoutSidebarProps, type DashboardLayoutSidebarSectionProps, DataTable, type DataTableBulkActionsProps, type DataTableColumnHeaderProps, type DataTableColumnVisibilityProps, type DataTableContentProps, type DataTableContextValue, type DataTableDensity, type DataTableDensityToggleProps, type DataTableEmptyStateProps, type DataTableExportFormat, type DataTableExportProps, type DataTableFilterOption, type DataTableFilterProps, type DataTableFiltersProps, type DataTableLoadingProps, type DataTableMeta, type DataTablePaginationMode, type DataTablePaginationProps, type DataTableProps, type DataTableRowActionsProps, type DataTableSearchProps, type DataTableState, type DataTableTab, type DataTableTabsProps, type DataTableToolbarProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, type DialogWrapperProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, Form, FormCheckbox, type FormCheckboxProps, type FormContextValue, FormDescription, type FormDescriptionProps, FormError, type FormErrorProps, type FormFieldContextValue, FormFieldProvider, FormFieldWrapper, type FormFieldWrapperProps, FormInput, type FormInputProps, FormLabel, type FormLabelProps, FormRadioGroup, type FormRadioGroupProps, type FormRootProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, GlobalLoaderController, Input, type InputProps, ItemCard, ItemCardActionButton, type ItemCardActionButtonProps, ItemCardActions, type ItemCardActionsProps, ItemCardActionsRow, type ItemCardActionsRowProps, ItemCardBadge, type ItemCardBadgeProps, ItemCardContent, ItemCardContentItem, type ItemCardContentItemProps, type ItemCardContentProps, ItemCardEmpty, type ItemCardEmptyProps, ItemCardFooter, ItemCardFooterDivider, type ItemCardFooterDividerProps, ItemCardFooterItem, type ItemCardFooterItemProps, type ItemCardFooterProps, ItemCardHeader, type ItemCardHeaderProps, ItemCardIcon, type ItemCardIconProps, ItemCardRoot, type ItemCardRootProps, ItemCardSubtitle, type ItemCardSubtitleProps, ItemCardTitle, ItemCardTitleGroup, type ItemCardTitleGroupProps, type ItemCardTitleProps, Kanban, type KanbanBoardProps, type KanbanCardProps, type KanbanColumnConfig, type KanbanColumnProps, type KanbanContextValue, type KanbanDragResult, type KanbanEmptyProps, type KanbanItem, Loader, type LoaderProps, LoaderProvider, Logo, type LogoProps, type MaskType, MobileNav, type MobileNavFabAction, MobileNavItem, type MobileNavItemConfig, type MobileNavItemProps, type MobileNavProps, Navbar, NavbarCompanyProfile, type NavbarCompanyProfileProps, NavbarNotification, type NavbarNotificationProps, type NavbarProps, NavbarUserMenu, type NavbarUserMenuProps, type NotificationItem, type PaginatedResponse, type PaginationMeta, type PaginationParams, Popover, PopoverContent, PopoverTrigger, type RadioOption, type RadioOptionColor, RippleBackground, type RippleBackgroundProps, RippleEffect, type RippleEffectProps, RippleWrapper, type RippleWrapperProps, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, type SectionHeaderActionsProps, SectionHeaderBadge, type SectionHeaderBadgeProps, SectionHeaderContent, type SectionHeaderContentProps, SectionHeaderIcon, type SectionHeaderIconProps, SectionHeaderRoot, type SectionHeaderRootProps, SectionHeaderSubtitle, type SectionHeaderSubtitleProps, SectionHeaderTitle, type SectionHeaderTitleProps, Select, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectOption, type SelectProps, SelectSeparator, SelectionLayout, type SelectionLayoutCardProps, type SelectionLayoutEmptyProps, type SelectionLayoutHeaderProps, type SelectionLayoutHeadlineProps, type SelectionLayoutListProps, type SelectionLayoutLogoProps, type SelectionLayoutMainProps, type SelectionLayoutProps, type SelectionLayoutSearchProps, type SelectionLayoutSidebarProps, type SelectionLayoutStatsProps, type SelectionLayoutTabProps, type SelectionLayoutTabsProps, Separator, Sidebar, type SidebarContextValue, type SidebarFooterMenuItem, type SidebarFooterProps, type SidebarFooterUser, type SidebarHeaderProps, type SidebarNavGroupProps, type SidebarNavItemProps, type SidebarNavProps, type SidebarProps, type SidebarSectionProps, SimpleTooltip, type SimpleTooltipProps, Skeleton, type SkeletonProps, Sparkline, type SparklineColor, type StepState, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toaster, type ToasterProps, Tooltip, TooltipAction, type TooltipActionProps, TooltipActions, type TooltipActionsProps, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipDescription, type TooltipDescriptionProps, TooltipHeader, type TooltipHeaderProps, TooltipIcon, type TooltipIconProps, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTitle, type TooltipTitleProps, TooltipTrigger, type UseDataTableConfig, type UserMenuItemConfig, type ValidationSchema, Wizard, WizardContent, type WizardContentProps, type WizardContextValue, WizardNavigation, type WizardNavigationProps, WizardPanel, type WizardPanelProps, WizardProgress, type WizardProgressProps, type WizardProps, WizardProvider, type WizardStepConfig, WizardStepConnector, type WizardStepConnectorProps, WizardStepIndicator, type WizardStepIndicatorProps, WizardSteps, type WizardStepsProps, cn, itemCardBadgeVariants, itemCardIconVariants, itemCardVariants, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormFieldContext, useItemCard, useKanban, useKanbanOptional, useLoader, useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };
+export { AuthLayout, type AuthLayoutBodyProps, type AuthLayoutContentProps, type AuthLayoutDividerProps, type AuthLayoutFooterProps, type AuthLayoutHeaderProps, type AuthLayoutImageProps, type AuthLayoutLinkProps, type AuthLayoutProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, type BadgeVariant, type BaseFieldProps, BigNumberCard, type BigNumberCardContentProps, type BigNumberCardHeaderProps, type BigNumberCardLinkProps, type BigNumberCardRootProps, type BigNumberCardSize, type BigNumberCardSparklineProps, type BigNumberCardTitleProps, type BigNumberCardTrendProps, type BigNumberCardValueProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type ChartDataPoint, Checkbox, type CheckboxProps, type Company, DENSITY_CONFIG, DashboardLayout, type DashboardLayoutBreadcrumbsProps, type DashboardLayoutContentProps, type DashboardLayoutContextValue, type DashboardLayoutHeaderActionsProps, type DashboardLayoutHeaderProps, type DashboardLayoutHeaderTitleProps, type DashboardLayoutHeaderUserProps, type DashboardLayoutMobileNavItemProps, type DashboardLayoutMobileNavProps, type DashboardLayoutProps, type DashboardLayoutSidebarFooterProps, type DashboardLayoutSidebarHeaderProps, type DashboardLayoutSidebarNavGroupProps, type DashboardLayoutSidebarNavItemProps, type DashboardLayoutSidebarNavProps, type DashboardLayoutSidebarProps, type DashboardLayoutSidebarSectionProps, DataTable, type DataTableBulkActionsProps, type DataTableColumnHeaderProps, type DataTableColumnVisibilityProps, type DataTableContentProps, type DataTableContextValue, type DataTableDensity, type DataTableDensityToggleProps, type DataTableEmptyStateProps, type DataTableExportFormat, type DataTableExportProps, type DataTableFilterOption, type DataTableFilterProps, type DataTableFiltersProps, type DataTableLoadingProps, type DataTableMeta, type DataTablePaginationMode, type DataTablePaginationProps, type DataTableProps, type DataTableRowActionsProps, type DataTableSearchProps, type DataTableState, type DataTableTab, type DataTableTabsProps, type DataTableToolbarProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, type DialogWrapperProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, Form, FormCheckbox, type FormCheckboxProps, type FormContextValue, FormDescription, type FormDescriptionProps, FormError, type FormErrorProps, type FormFieldContextValue, FormFieldProvider, FormFieldWrapper, type FormFieldWrapperProps, FormInput, type FormInputProps, FormLabel, type FormLabelProps, FormRadioGroup, type FormRadioGroupProps, type FormRootProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, GlobalLoaderController, Input, type InputProps, ItemCard, ItemCardActionButton, type ItemCardActionButtonProps, ItemCardActions, type ItemCardActionsProps, ItemCardActionsRow, type ItemCardActionsRowProps, ItemCardBadge, type ItemCardBadgeProps, ItemCardContent, ItemCardContentItem, type ItemCardContentItemProps, type ItemCardContentProps, ItemCardEmpty, type ItemCardEmptyProps, ItemCardFooter, ItemCardFooterDivider, type ItemCardFooterDividerProps, ItemCardFooterItem, type ItemCardFooterItemProps, type ItemCardFooterProps, ItemCardHeader, type ItemCardHeaderProps, ItemCardIcon, type ItemCardIconProps, ItemCardRoot, type ItemCardRootProps, ItemCardSubtitle, type ItemCardSubtitleProps, ItemCardTitle, ItemCardTitleGroup, type ItemCardTitleGroupProps, type ItemCardTitleProps, Kanban, type KanbanBoardProps, type KanbanCardProps, type KanbanColumnConfig, type KanbanColumnProps, type KanbanContextValue, type KanbanDragResult, type KanbanEmptyProps, type KanbanItem, Loader, type LoaderProps, LoaderProvider, Logo, type LogoProps, type MaskType, MobileNav, type MobileNavFabAction, MobileNavItem, type MobileNavItemConfig, type MobileNavItemProps, type MobileNavProps, Navbar, NavbarCompanyProfile, type NavbarCompanyProfileProps, NavbarNotification, type NavbarNotificationProps, type NavbarProps, NavbarUserMenu, type NavbarUserMenuProps, type NotificationItem, type PaginatedResponse, type PaginationMeta, type PaginationParams, Popover, PopoverContent, PopoverTrigger, type RadioOption, type RadioOptionColor, RippleBackground, type RippleBackgroundProps, RippleEffect, type RippleEffectProps, RippleWrapper, type RippleWrapperProps, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, type SectionHeaderActionsProps, SectionHeaderBadge, type SectionHeaderBadgeProps, SectionHeaderContent, type SectionHeaderContentProps, SectionHeaderIcon, type SectionHeaderIconProps, SectionHeaderRoot, type SectionHeaderRootProps, SectionHeaderSubtitle, type SectionHeaderSubtitleProps, SectionHeaderTitle, type SectionHeaderTitleProps, Select, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectOption, type SelectProps, SelectSeparator, SelectionLayout, type SelectionLayoutCardProps, type SelectionLayoutEmptyProps, type SelectionLayoutHeaderProps, type SelectionLayoutHeadlineProps, type SelectionLayoutListProps, type SelectionLayoutLogoProps, type SelectionLayoutMainProps, type SelectionLayoutProps, type SelectionLayoutSearchProps, type SelectionLayoutSidebarProps, type SelectionLayoutStatsProps, type SelectionLayoutTabProps, type SelectionLayoutTabsProps, Separator, Sidebar, type SidebarContextValue, type SidebarFooterMenuItem, type SidebarFooterProps, type SidebarFooterUser, type SidebarHeaderProps, type SidebarNavGroupProps, type SidebarNavItemProps, type SidebarNavProps, type SidebarProps, type SidebarSectionProps, SimpleTooltip, type SimpleTooltipProps, Skeleton, type SkeletonProps, Sparkline, type SparklineColor, StatsCard, type StatsCardChangeProps, type StatsCardChartProps, type ColorScheme as StatsCardColorScheme, type StatsCardContentProps, type StatsCardHeaderProps, type StatsCardIconProps, type StatsCardRootProps, type StatsCardSubtitleProps, type StatsCardTitleProps, type StatsCardTodayProps, type StatsCardValueProps, type Variant as StatsCardVariant, type StepState, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toaster, type ToasterProps, Tooltip, TooltipAction, type TooltipActionProps, TooltipActions, type TooltipActionsProps, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipDescription, type TooltipDescriptionProps, TooltipHeader, type TooltipHeaderProps, TooltipIcon, type TooltipIconProps, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTitle, type TooltipTitleProps, TooltipTrigger, type UseDataTableConfig, type UserMenuItemConfig, type ValidationSchema, Wizard, WizardContent, type WizardContentProps, type WizardContextValue, WizardNavigation, type WizardNavigationProps, WizardPanel, type WizardPanelProps, WizardProgress, type WizardProgressProps, type WizardProps, WizardProvider, type WizardStepConfig, WizardStepConnector, type WizardStepConnectorProps, WizardStepIndicator, type WizardStepIndicatorProps, WizardSteps, type WizardStepsProps, cn, itemCardBadgeVariants, itemCardIconVariants, itemCardVariants, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormFieldContext, useItemCard, useKanban, useKanbanOptional, useLoader, useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };

package/dist/index.d.ts

@@ -2536,6 +2536,64 @@ interface LogoProps {
  */
 declare function Logo({ width, color, className, }: LogoProps): react_jsx_runtime.JSX.Element;
 
+type ColorScheme = 'green' | 'red' | 'yellow' | 'blue' | 'primary';
+type Variant = 'default' | 'compact' | 'mini';
+interface StatsCardRootProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    colorScheme?: ColorScheme;
+    variant?: Variant;
+}
+declare function StatsCardRoot({ colorScheme, variant, className, children, ...props }: StatsCardRootProps): react_jsx_runtime.JSX.Element;
+interface StatsCardHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare function StatsCardHeader({ className, children, ...props }: StatsCardHeaderProps): react_jsx_runtime.JSX.Element;
+interface StatsCardIconProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    icon: React$1.ComponentType<{
+        className?: string;
+    }>;
+}
+declare function StatsCardIcon({ icon: Icon, className, ...props }: StatsCardIconProps): react_jsx_runtime.JSX.Element;
+interface StatsCardTitleProps extends React$1.HTMLAttributes<HTMLHeadingElement> {
+}
+declare function StatsCardTitle({ className, children, ...props }: StatsCardTitleProps): react_jsx_runtime.JSX.Element;
+interface StatsCardSubtitleProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+}
+declare function StatsCardSubtitle({ className, children, ...props }: StatsCardSubtitleProps): react_jsx_runtime.JSX.Element;
+interface StatsCardValueProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+}
+declare function StatsCardValue({ className, children, ...props }: StatsCardValueProps): react_jsx_runtime.JSX.Element;
+interface StatsCardChangeProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    type?: 'positive' | 'negative';
+}
+declare function StatsCardChange({ type, className, children, ...props }: StatsCardChangeProps): react_jsx_runtime.JSX.Element;
+interface ChartDataPoint {
+    value: number;
+    date: string;
+}
+interface StatsCardChartProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    data: ChartDataPoint[];
+    height?: number;
+}
+declare function StatsCardChart({ data, height, className, ...props }: StatsCardChartProps): react_jsx_runtime.JSX.Element;
+interface StatsCardContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare function StatsCardContent({ className, children, ...props }: StatsCardContentProps): react_jsx_runtime.JSX.Element;
+interface StatsCardTodayProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+    label?: string;
+    type?: 'positive' | 'negative';
+}
+declare function StatsCardToday({ label, type, className, children, ...props }: StatsCardTodayProps): react_jsx_runtime.JSX.Element;
+declare const StatsCard: typeof StatsCardRoot & {
+    Header: typeof StatsCardHeader;
+    Icon: typeof StatsCardIcon;
+    Title: typeof StatsCardTitle;
+    Subtitle: typeof StatsCardSubtitle;
+    Value: typeof StatsCardValue;
+    Change: typeof StatsCardChange;
+    Chart: typeof StatsCardChart;
+    Content: typeof StatsCardContent;
+    Today: typeof StatsCardToday;
+};
+
 type Theme = 'dark' | 'light' | 'system';
 interface ThemeProviderProps {
     children: React$1.ReactNode;
@@ -2558,4 +2616,4 @@ declare const useTheme: () => ThemeProviderState;
  */
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AuthLayout, type AuthLayoutBodyProps, type AuthLayoutContentProps, type AuthLayoutDividerProps, type AuthLayoutFooterProps, type AuthLayoutHeaderProps, type AuthLayoutImageProps, type AuthLayoutLinkProps, type AuthLayoutProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, type BadgeVariant, type BaseFieldProps, BigNumberCard, type BigNumberCardContentProps, type BigNumberCardHeaderProps, type BigNumberCardLinkProps, type BigNumberCardRootProps, type BigNumberCardSize, type BigNumberCardSparklineProps, type BigNumberCardTitleProps, type BigNumberCardTrendProps, type BigNumberCardValueProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, type Company, DENSITY_CONFIG, DashboardLayout, type DashboardLayoutBreadcrumbsProps, type DashboardLayoutContentProps, type DashboardLayoutContextValue, type DashboardLayoutHeaderActionsProps, type DashboardLayoutHeaderProps, type DashboardLayoutHeaderTitleProps, type DashboardLayoutHeaderUserProps, type DashboardLayoutMobileNavItemProps, type DashboardLayoutMobileNavProps, type DashboardLayoutProps, type DashboardLayoutSidebarFooterProps, type DashboardLayoutSidebarHeaderProps, type DashboardLayoutSidebarNavGroupProps, type DashboardLayoutSidebarNavItemProps, type DashboardLayoutSidebarNavProps, type DashboardLayoutSidebarProps, type DashboardLayoutSidebarSectionProps, DataTable, type DataTableBulkActionsProps, type DataTableColumnHeaderProps, type DataTableColumnVisibilityProps, type DataTableContentProps, type DataTableContextValue, type DataTableDensity, type DataTableDensityToggleProps, type DataTableEmptyStateProps, type DataTableExportFormat, type DataTableExportProps, type DataTableFilterOption, type DataTableFilterProps, type DataTableFiltersProps, type DataTableLoadingProps, type DataTableMeta, type DataTablePaginationMode, type DataTablePaginationProps, type DataTableProps, type DataTableRowActionsProps, type DataTableSearchProps, type DataTableState, type DataTableTab, type DataTableTabsProps, type DataTableToolbarProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, type DialogWrapperProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, Form, FormCheckbox, type FormCheckboxProps, type FormContextValue, FormDescription, type FormDescriptionProps, FormError, type FormErrorProps, type FormFieldContextValue, FormFieldProvider, FormFieldWrapper, type FormFieldWrapperProps, FormInput, type FormInputProps, FormLabel, type FormLabelProps, FormRadioGroup, type FormRadioGroupProps, type FormRootProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, GlobalLoaderController, Input, type InputProps, ItemCard, ItemCardActionButton, type ItemCardActionButtonProps, ItemCardActions, type ItemCardActionsProps, ItemCardActionsRow, type ItemCardActionsRowProps, ItemCardBadge, type ItemCardBadgeProps, ItemCardContent, ItemCardContentItem, type ItemCardContentItemProps, type ItemCardContentProps, ItemCardEmpty, type ItemCardEmptyProps, ItemCardFooter, ItemCardFooterDivider, type ItemCardFooterDividerProps, ItemCardFooterItem, type ItemCardFooterItemProps, type ItemCardFooterProps, ItemCardHeader, type ItemCardHeaderProps, ItemCardIcon, type ItemCardIconProps, ItemCardRoot, type ItemCardRootProps, ItemCardSubtitle, type ItemCardSubtitleProps, ItemCardTitle, ItemCardTitleGroup, type ItemCardTitleGroupProps, type ItemCardTitleProps, Kanban, type KanbanBoardProps, type KanbanCardProps, type KanbanColumnConfig, type KanbanColumnProps, type KanbanContextValue, type KanbanDragResult, type KanbanEmptyProps, type KanbanItem, Loader, type LoaderProps, LoaderProvider, Logo, type LogoProps, type MaskType, MobileNav, type MobileNavFabAction, MobileNavItem, type MobileNavItemConfig, type MobileNavItemProps, type MobileNavProps, Navbar, NavbarCompanyProfile, type NavbarCompanyProfileProps, NavbarNotification, type NavbarNotificationProps, type NavbarProps, NavbarUserMenu, type NavbarUserMenuProps, type NotificationItem, type PaginatedResponse, type PaginationMeta, type PaginationParams, Popover, PopoverContent, PopoverTrigger, type RadioOption, type RadioOptionColor, RippleBackground, type RippleBackgroundProps, RippleEffect, type RippleEffectProps, RippleWrapper, type RippleWrapperProps, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, type SectionHeaderActionsProps, SectionHeaderBadge, type SectionHeaderBadgeProps, SectionHeaderContent, type SectionHeaderContentProps, SectionHeaderIcon, type SectionHeaderIconProps, SectionHeaderRoot, type SectionHeaderRootProps, SectionHeaderSubtitle, type SectionHeaderSubtitleProps, SectionHeaderTitle, type SectionHeaderTitleProps, Select, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectOption, type SelectProps, SelectSeparator, SelectionLayout, type SelectionLayoutCardProps, type SelectionLayoutEmptyProps, type SelectionLayoutHeaderProps, type SelectionLayoutHeadlineProps, type SelectionLayoutListProps, type SelectionLayoutLogoProps, type SelectionLayoutMainProps, type SelectionLayoutProps, type SelectionLayoutSearchProps, type SelectionLayoutSidebarProps, type SelectionLayoutStatsProps, type SelectionLayoutTabProps, type SelectionLayoutTabsProps, Separator, Sidebar, type SidebarContextValue, type SidebarFooterMenuItem, type SidebarFooterProps, type SidebarFooterUser, type SidebarHeaderProps, type SidebarNavGroupProps, type SidebarNavItemProps, type SidebarNavProps, type SidebarProps, type SidebarSectionProps, SimpleTooltip, type SimpleTooltipProps, Skeleton, type SkeletonProps, Sparkline, type SparklineColor, type StepState, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toaster, type ToasterProps, Tooltip, TooltipAction, type TooltipActionProps, TooltipActions, type TooltipActionsProps, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipDescription, type TooltipDescriptionProps, TooltipHeader, type TooltipHeaderProps, TooltipIcon, type TooltipIconProps, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTitle, type TooltipTitleProps, TooltipTrigger, type UseDataTableConfig, type UserMenuItemConfig, type ValidationSchema, Wizard, WizardContent, type WizardContentProps, type WizardContextValue, WizardNavigation, type WizardNavigationProps, WizardPanel, type WizardPanelProps, WizardProgress, type WizardProgressProps, type WizardProps, WizardProvider, type WizardStepConfig, WizardStepConnector, type WizardStepConnectorProps, WizardStepIndicator, type WizardStepIndicatorProps, WizardSteps, type WizardStepsProps, cn, itemCardBadgeVariants, itemCardIconVariants, itemCardVariants, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormFieldContext, useItemCard, useKanban, useKanbanOptional, useLoader, useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };
+export { AuthLayout, type AuthLayoutBodyProps, type AuthLayoutContentProps, type AuthLayoutDividerProps, type AuthLayoutFooterProps, type AuthLayoutHeaderProps, type AuthLayoutImageProps, type AuthLayoutLinkProps, type AuthLayoutProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, type BadgeVariant, type BaseFieldProps, BigNumberCard, type BigNumberCardContentProps, type BigNumberCardHeaderProps, type BigNumberCardLinkProps, type BigNumberCardRootProps, type BigNumberCardSize, type BigNumberCardSparklineProps, type BigNumberCardTitleProps, type BigNumberCardTrendProps, type BigNumberCardValueProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type ChartDataPoint, Checkbox, type CheckboxProps, type Company, DENSITY_CONFIG, DashboardLayout, type DashboardLayoutBreadcrumbsProps, type DashboardLayoutContentProps, type DashboardLayoutContextValue, type DashboardLayoutHeaderActionsProps, type DashboardLayoutHeaderProps, type DashboardLayoutHeaderTitleProps, type DashboardLayoutHeaderUserProps, type DashboardLayoutMobileNavItemProps, type DashboardLayoutMobileNavProps, type DashboardLayoutProps, type DashboardLayoutSidebarFooterProps, type DashboardLayoutSidebarHeaderProps, type DashboardLayoutSidebarNavGroupProps, type DashboardLayoutSidebarNavItemProps, type DashboardLayoutSidebarNavProps, type DashboardLayoutSidebarProps, type DashboardLayoutSidebarSectionProps, DataTable, type DataTableBulkActionsProps, type DataTableColumnHeaderProps, type DataTableColumnVisibilityProps, type DataTableContentProps, type DataTableContextValue, type DataTableDensity, type DataTableDensityToggleProps, type DataTableEmptyStateProps, type DataTableExportFormat, type DataTableExportProps, type DataTableFilterOption, type DataTableFilterProps, type DataTableFiltersProps, type DataTableLoadingProps, type DataTableMeta, type DataTablePaginationMode, type DataTablePaginationProps, type DataTableProps, type DataTableRowActionsProps, type DataTableSearchProps, type DataTableState, type DataTableTab, type DataTableTabsProps, type DataTableToolbarProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, type DialogWrapperProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, Form, FormCheckbox, type FormCheckboxProps, type FormContextValue, FormDescription, type FormDescriptionProps, FormError, type FormErrorProps, type FormFieldContextValue, FormFieldProvider, FormFieldWrapper, type FormFieldWrapperProps, FormInput, type FormInputProps, FormLabel, type FormLabelProps, FormRadioGroup, type FormRadioGroupProps, type FormRootProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, GlobalLoaderController, Input, type InputProps, ItemCard, ItemCardActionButton, type ItemCardActionButtonProps, ItemCardActions, type ItemCardActionsProps, ItemCardActionsRow, type ItemCardActionsRowProps, ItemCardBadge, type ItemCardBadgeProps, ItemCardContent, ItemCardContentItem, type ItemCardContentItemProps, type ItemCardContentProps, ItemCardEmpty, type ItemCardEmptyProps, ItemCardFooter, ItemCardFooterDivider, type ItemCardFooterDividerProps, ItemCardFooterItem, type ItemCardFooterItemProps, type ItemCardFooterProps, ItemCardHeader, type ItemCardHeaderProps, ItemCardIcon, type ItemCardIconProps, ItemCardRoot, type ItemCardRootProps, ItemCardSubtitle, type ItemCardSubtitleProps, ItemCardTitle, ItemCardTitleGroup, type ItemCardTitleGroupProps, type ItemCardTitleProps, Kanban, type KanbanBoardProps, type KanbanCardProps, type KanbanColumnConfig, type KanbanColumnProps, type KanbanContextValue, type KanbanDragResult, type KanbanEmptyProps, type KanbanItem, Loader, type LoaderProps, LoaderProvider, Logo, type LogoProps, type MaskType, MobileNav, type MobileNavFabAction, MobileNavItem, type MobileNavItemConfig, type MobileNavItemProps, type MobileNavProps, Navbar, NavbarCompanyProfile, type NavbarCompanyProfileProps, NavbarNotification, type NavbarNotificationProps, type NavbarProps, NavbarUserMenu, type NavbarUserMenuProps, type NotificationItem, type PaginatedResponse, type PaginationMeta, type PaginationParams, Popover, PopoverContent, PopoverTrigger, type RadioOption, type RadioOptionColor, RippleBackground, type RippleBackgroundProps, RippleEffect, type RippleEffectProps, RippleWrapper, type RippleWrapperProps, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, type SectionHeaderActionsProps, SectionHeaderBadge, type SectionHeaderBadgeProps, SectionHeaderContent, type SectionHeaderContentProps, SectionHeaderIcon, type SectionHeaderIconProps, SectionHeaderRoot, type SectionHeaderRootProps, SectionHeaderSubtitle, type SectionHeaderSubtitleProps, SectionHeaderTitle, type SectionHeaderTitleProps, Select, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectOption, type SelectProps, SelectSeparator, SelectionLayout, type SelectionLayoutCardProps, type SelectionLayoutEmptyProps, type SelectionLayoutHeaderProps, type SelectionLayoutHeadlineProps, type SelectionLayoutListProps, type SelectionLayoutLogoProps, type SelectionLayoutMainProps, type SelectionLayoutProps, type SelectionLayoutSearchProps, type SelectionLayoutSidebarProps, type SelectionLayoutStatsProps, type SelectionLayoutTabProps, type SelectionLayoutTabsProps, Separator, Sidebar, type SidebarContextValue, type SidebarFooterMenuItem, type SidebarFooterProps, type SidebarFooterUser, type SidebarHeaderProps, type SidebarNavGroupProps, type SidebarNavItemProps, type SidebarNavProps, type SidebarProps, type SidebarSectionProps, SimpleTooltip, type SimpleTooltipProps, Skeleton, type SkeletonProps, Sparkline, type SparklineColor, StatsCard, type StatsCardChangeProps, type StatsCardChartProps, type ColorScheme as StatsCardColorScheme, type StatsCardContentProps, type StatsCardHeaderProps, type StatsCardIconProps, type StatsCardRootProps, type StatsCardSubtitleProps, type StatsCardTitleProps, type StatsCardTodayProps, type StatsCardValueProps, type Variant as StatsCardVariant, type StepState, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toaster, type ToasterProps, Tooltip, TooltipAction, type TooltipActionProps, TooltipActions, type TooltipActionsProps, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipDescription, type TooltipDescriptionProps, TooltipHeader, type TooltipHeaderProps, TooltipIcon, type TooltipIconProps, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTitle, type TooltipTitleProps, TooltipTrigger, type UseDataTableConfig, type UserMenuItemConfig, type ValidationSchema, Wizard, WizardContent, type WizardContentProps, type WizardContextValue, WizardNavigation, type WizardNavigationProps, WizardPanel, type WizardPanelProps, WizardProgress, type WizardProgressProps, type WizardProps, WizardProvider, type WizardStepConfig, WizardStepConnector, type WizardStepConnectorProps, WizardStepIndicator, type WizardStepIndicatorProps, WizardSteps, type WizardStepsProps, cn, itemCardBadgeVariants, itemCardIconVariants, itemCardVariants, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormFieldContext, useItemCard, useKanban, useKanbanOptional, useLoader, useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };

package/dist/index.js

@@ -24,6 +24,7 @@ var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var reactSlot = require('@radix-ui/react-slot');
+var recharts = require('recharts');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -6688,8 +6689,14 @@ var itemCardIconVariants = classVarianceAuthority.cva(
 );
 var ItemCardIcon = React49__namespace.forwardRef(
   ({ className, size, variant, ripple = false, children, ...props }, ref) => {
+    const wrapperSizeClasses = {
+      sm: "w-10 h-10",
+      md: "w-12 h-12",
+      lg: "w-14 h-14"
+    };
+    const actualSize = size || "md";
     if (ripple) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", wrapperSizeClasses[actualSize]), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           RippleEffect,
           {
@@ -7701,6 +7708,277 @@ function Logo({
     }
   );
 }
+var StatsCardContext = React49__namespace.createContext(null);
+function useStatsCard() {
+  const context = React49__namespace.useContext(StatsCardContext);
+  if (!context) {
+    throw new Error("StatsCard components must be used within StatsCard.Root");
+  }
+  return context;
+}
+var colorConfigs = {
+  green: {
+    lineColor: "#22c55e",
+    gradientStart: "rgba(34, 197, 94, 0.4)",
+    gradientEnd: "rgba(34, 197, 94, 0.02)",
+    bgGradient: "from-white via-emerald-50/30 to-emerald-100/50",
+    iconBg: "bg-emerald-100/80 text-emerald-600",
+    textColor: "text-emerald-500"
+  },
+  red: {
+    lineColor: "#f87171",
+    gradientStart: "rgba(248, 113, 113, 0.4)",
+    gradientEnd: "rgba(248, 113, 113, 0.02)",
+    bgGradient: "from-white via-rose-50/30 to-rose-100/50",
+    iconBg: "bg-rose-100/80 text-rose-500",
+    textColor: "text-rose-500"
+  },
+  yellow: {
+    lineColor: "#f59e0b",
+    gradientStart: "rgba(245, 158, 11, 0.4)",
+    gradientEnd: "rgba(245, 158, 11, 0.02)",
+    bgGradient: "from-white via-amber-50/30 to-amber-100/50",
+    iconBg: "bg-amber-100/80 text-amber-600",
+    textColor: "text-amber-500"
+  },
+  blue: {
+    lineColor: "#3b82f6",
+    gradientStart: "rgba(59, 130, 246, 0.4)",
+    gradientEnd: "rgba(59, 130, 246, 0.02)",
+    bgGradient: "from-white via-blue-50/30 to-blue-100/50",
+    iconBg: "bg-blue-100/80 text-blue-600",
+    textColor: "text-blue-500"
+  },
+  primary: {
+    lineColor: "#3b82f6",
+    gradientStart: "rgba(59, 130, 246, 0.4)",
+    gradientEnd: "rgba(59, 130, 246, 0.02)",
+    bgGradient: "from-white via-primary/5 to-primary/10",
+    iconBg: "bg-primary/10 text-primary",
+    textColor: "text-primary"
+  }
+};
+var rootVariants2 = classVarianceAuthority.cva(
+  "relative overflow-hidden bg-card shadow-sm border border-border h-full",
+  {
+    variants: {
+      variant: {
+        default: "rounded-2xl",
+        compact: "rounded-xl",
+        mini: "rounded-xl"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function StatsCardRoot({
+  colorScheme = "blue",
+  variant = "default",
+  className,
+  children,
+  ...props
+}) {
+  const config = colorConfigs[colorScheme];
+  return /* @__PURE__ */ jsxRuntime.jsx(StatsCardContext.Provider, { value: { colorScheme, variant, config }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(rootVariants2({ variant }), className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute inset-0 bg-gradient-to-br pointer-events-none", config.bgGradient) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
+      "relative flex h-full",
+      variant === "compact" ? "flex-row items-center p-3 gap-3" : "flex-col",
+      variant === "mini" && "p-3",
+      variant === "default" && ""
+    ), children })
+  ] }) });
+}
+function StatsCardHeader({ className, children, ...props }) {
+  const { variant } = useStatsCard();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-between",
+        variant === "default" && "p-4 pb-2",
+        variant === "mini" && "mb-2",
+        variant === "compact" && "flex-1 min-w-0",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function StatsCardIcon({ icon: Icon2, className, ...props }) {
+  const { config, variant } = useStatsCard();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "rounded-lg",
+        config.iconBg,
+        variant === "mini" ? "p-1.5" : "p-2",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: cn(variant === "mini" ? "w-3.5 h-3.5" : "w-4 h-4") })
+    }
+  );
+}
+function StatsCardTitle({ className, children, ...props }) {
+  const { variant } = useStatsCard();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h3",
+    {
+      className: cn(
+        "font-medium text-gray-700",
+        variant === "mini" ? "text-xs leading-tight" : "text-sm",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function StatsCardSubtitle({ className, children, ...props }) {
+  const { variant } = useStatsCard();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      className: cn(
+        "text-gray-400",
+        variant === "mini" ? "text-[9px] leading-tight" : "text-[10px]",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function StatsCardValue({ className, children, ...props }) {
+  const { variant } = useStatsCard();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      className: cn(
+        "font-light tracking-tight text-gray-900",
+        variant === "mini" ? "text-3xl" : variant === "compact" ? "text-2xl" : "text-4xl",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function StatsCardChange({ type = "positive", className, children, ...props }) {
+  const { config, variant } = useStatsCard();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-0.5", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        className: cn(variant === "mini" ? "w-2 h-2" : "w-2.5 h-2.5", config.textColor),
+        viewBox: "0 0 12 12",
+        fill: "currentColor",
+        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: type === "negative" ? "M6 10L10 5H2L6 10Z" : "M6 2L10 7H2L6 2Z" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
+      "font-medium",
+      config.textColor,
+      variant === "mini" ? "text-[9px]" : "text-[10px]"
+    ), children })
+  ] });
+}
+function StatsCardChart({ data, height, className, ...props }) {
+  const { config, variant } = useStatsCard();
+  const gradientId = React49__namespace.useId();
+  const chartHeight = height ?? (variant === "mini" ? 40 : variant === "compact" ? 40 : 70);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        variant === "mini" && "mt-auto h-10",
+        variant === "compact" && "w-16 h-10 shrink-0",
+        variant === "default" && "flex-1 relative mt-auto",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: chartHeight, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, margin: { top: 2, right: 0, left: 0, bottom: 0 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: config.gradientStart }),
+          /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: config.gradientEnd })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Tooltip,
+          {
+            content: ({ active, payload }) => {
+              if (active && payload && payload.length) {
+                const point = payload[0].payload;
+                return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/95 backdrop-blur-sm rounded-lg px-2 py-1.5 shadow-lg border border-gray-100", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-medium text-gray-700", children: point.value }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[9px] text-gray-400", children: point.date })
+                ] });
+              }
+              return null;
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Area,
+          {
+            type: "monotone",
+            dataKey: "value",
+            stroke: config.lineColor,
+            strokeWidth: 1.5,
+            fill: `url(#${gradientId})`,
+            dot: false,
+            activeDot: {
+              r: variant === "mini" ? 2 : 3,
+              fill: config.lineColor,
+              stroke: "white",
+              strokeWidth: variant === "mini" ? 1 : 2
+            }
+          }
+        )
+      ] }) })
+    }
+  );
+}
+function StatsCardContent({ className, children, ...props }) {
+  const { variant } = useStatsCard();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        variant === "mini" && "mb-2",
+        variant === "default" && "mt-2",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function StatsCardToday({ label, type = "positive", className, children, ...props }) {
+  const { config } = useStatsCard();
+  return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-xs mt-0.5", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: config.textColor, children: [
+      type === "positive" ? "+" : "",
+      children
+    ] }),
+    label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 ml-1", children: label })
+  ] });
+}
+var StatsCard = Object.assign(StatsCardRoot, {
+  Header: StatsCardHeader,
+  Icon: StatsCardIcon,
+  Title: StatsCardTitle,
+  Subtitle: StatsCardSubtitle,
+  Value: StatsCardValue,
+  Change: StatsCardChange,
+  Chart: StatsCardChart,
+  Content: StatsCardContent,
+  Today: StatsCardToday
+});
 var initialState = {
   theme: "system",
   setTheme: () => null
@@ -7918,6 +8196,7 @@ exports.Sidebar = Sidebar;
 exports.SimpleTooltip = SimpleTooltip;
 exports.Skeleton = Skeleton;
 exports.Sparkline = Sparkline;
+exports.StatsCard = StatsCard;
 exports.Switch = Switch;
 exports.THEME_INFO = THEME_INFO;
 exports.Table = Table;