@mvn-ui/react 0.1.3 → 0.1.5

package/dist/index.d.mts

@@ -1,6 +1,6 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
-import React__default, { ReactElement, ReactNode } from 'react';
+import React__default, { TouchEvent, ReactElement, ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 export { VariantProps as TypographyVariantProps, VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -44,13 +44,83 @@ import { DayPicker, DayButton, DateRange } from 'react-day-picker';
 export { DateRange } from 'react-day-picker';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 import { ClassValue } from 'clsx';
+export { Area, Bar, Brush, CartesianGrid, Cell, Legend as ChartLegend, Tooltip as ChartTooltip, Line, Pie, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, ReferenceArea, ReferenceLine, ResponsiveContainer, Scatter, XAxis, YAxis, ZAxis } from 'recharts';
+
+declare const BREAKPOINTS: {
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+};
+type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * SSR-safe hook for detecting current breakpoint.
+ * Returns fallback value during SSR to prevent hydration mismatches.
+ *
+ * @param ssrFallback - Breakpoint to return during SSR (default: 'md')
+ * @returns Current breakpoint based on viewport width
+ */
+declare function useBreakpoint(ssrFallback?: Breakpoint): Breakpoint;
+/**
+ * Get a value based on current breakpoint with mobile-first fallback.
+ * Useful for responsive component props.
+ *
+ * @param values - Object mapping breakpoints to values
+ * @param fallback - Default value if no matching breakpoint found
+ * @returns Value for current breakpoint or closest smaller breakpoint
+ */
+declare function useBreakpointValue<T>(values: Partial<Record<Breakpoint, T>>, fallback?: T): T | undefined;
+
+/**
+ * SSR-safe hook for detecting mobile viewport (<768px).
+ *
+ * @param ssrFallback - Whether to assume mobile during SSR (default: false)
+ * @returns true if viewport width is less than 768px
+ */
+declare function useIsMobile(ssrFallback?: boolean): boolean;
+/**
+ * SSR-safe hook for detecting tablet viewport (768px - 1023px).
+ *
+ * @returns true if viewport width is between 768px and 1023px
+ */
+declare function useIsTablet(): boolean;
+/**
+ * SSR-safe hook for detecting desktop viewport (>=1024px).
+ *
+ * @returns true if viewport width is 1024px or greater
+ */
+declare function useIsDesktop(): boolean;
+
+interface SwipeAction {
+    icon: React.ReactNode;
+    label: string;
+    onClick: () => void;
+}
+interface UseSwipeActionsOptions {
+    leftActions?: SwipeAction[];
+    rightActions?: SwipeAction[];
+    threshold?: number;
+    disabled?: boolean;
+}
+interface UseSwipeActionsReturn {
+    offsetX: number;
+    revealed: 'left' | 'right' | null;
+    isDragging: boolean;
+    handlers: {
+        onTouchStart: (e: TouchEvent) => void;
+        onTouchMove: (e: TouchEvent) => void;
+        onTouchEnd: () => void;
+    };
+    reset: () => void;
+}
+declare function useSwipeActions({ leftActions, rightActions, threshold, disabled, }?: UseSwipeActionsOptions): UseSwipeActionsReturn;
 
 /**
  * Button variants (shadcn-style)
  */
 declare const buttonVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | null | undefined;
+    size?: "sm" | "lg" | "default" | "touch" | "icon" | "icon-sm" | "icon-touch" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -93,7 +163,7 @@ declare function ButtonGroupText({ asChild, className, ...props }: ButtonGroupTe
 
 declare const inputVariants: (props?: ({
     variant?: "outlined" | "filled" | "borderless" | "underlined" | null | undefined;
-    inputSize?: "default" | "sm" | "lg" | null | undefined;
+    inputSize?: "sm" | "lg" | "default" | "touch" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
     label?: string;
@@ -156,7 +226,7 @@ declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefA
 
 declare const textareaVariants: (props?: ({
     variant?: "outlined" | "filled" | "borderless" | "underlined" | null | undefined;
-    textareaSize?: "default" | "sm" | "lg" | null | undefined;
+    textareaSize?: "sm" | "lg" | "default" | null | undefined;
     resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextareaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
@@ -216,6 +286,7 @@ declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.Sel
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "outlined" | "filled" | "borderless" | "underlined" | null | undefined;
+    size?: "sm" | "lg" | "default" | "touch" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -225,7 +296,7 @@ declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive
 declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const checkboxVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | "touch" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CheckboxProps extends Omit<React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "size">, VariantProps<typeof checkboxVariants> {
     label?: string;
@@ -251,6 +322,9 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$
 declare const radioGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const radioItemVariants: (props?: ({
+    size?: "sm" | "lg" | "default" | "touch" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 interface RadioGroupItemData {
     value: string;
     label: React$1.ReactNode;
@@ -258,7 +332,7 @@ interface RadioGroupItemData {
     disabled?: boolean;
     icon?: React$1.ReactNode;
 }
-interface RadioGroupProps extends Omit<React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, "orientation"> {
+interface RadioGroupProps extends Omit<React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, "orientation">, VariantProps<typeof radioItemVariants> {
     orientation?: "vertical" | "horizontal";
     items?: RadioGroupItemData[];
     itemClassName?: string;
@@ -307,20 +381,27 @@ interface RadioGroupProps extends Omit<React$1.ComponentPropsWithoutRef<typeof R
  * ```
  */
 declare const RadioGroup: React$1.ForwardRefExoticComponent<RadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+interface RadioGroupItemProps extends React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, VariantProps<typeof radioItemVariants> {
+}
+declare const RadioGroupItem: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & {
+declare const switchVariants: (props?: ({
+    size?: "sm" | "lg" | "default" | "touch" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & VariantProps<typeof switchVariants> & {
     offNode?: React$1.ReactNode;
     onNode?: React$1.ReactNode;
 };
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "sm" | "lg" | "default" | "touch" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
     offNode?: React$1.ReactNode;
     onNode?: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | "solid" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToggleProps extends React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof toggleVariants> {
     icon?: React$1.ReactNode;
@@ -348,10 +429,10 @@ interface ToggleProps extends React$1.ComponentPropsWithoutRef<typeof TogglePrim
 declare const Toggle: React$1.ForwardRefExoticComponent<ToggleProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const toggleGroupVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const toggleGroupItemVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToggleGroupItemData {
     value: string;
@@ -460,7 +541,7 @@ interface SliderProps extends React$1.ComponentPropsWithoutRef<typeof SliderPrim
 declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLSpanElement>>;
 
 declare const inputGroupVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface InputGroupProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof inputGroupVariants> {
     leftAddon?: React$1.ReactNode;
@@ -859,7 +940,7 @@ type ToasterProps = React.ComponentProps<typeof Toaster$1>;
 declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
 declare const progressVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ProgressProps extends React$1.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, VariantProps<typeof progressVariants> {
     value?: number;
@@ -882,7 +963,7 @@ interface ProgressProps extends React$1.ComponentPropsWithoutRef<typeof Progress
 declare const Progress: React$1.ForwardRefExoticComponent<ProgressProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const spinnerVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "xs" | "xl" | "2xl" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "xl" | "default" | "2xl" | null | undefined;
     variant?: "default" | "destructive" | "secondary" | "muted" | "light" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SpinnerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof spinnerVariants> {
@@ -956,7 +1037,7 @@ interface SkeletonCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
 declare const SkeletonCard: React$1.ForwardRefExoticComponent<SkeletonCardProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const emptyVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface EmptyProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyVariants> {
     icon?: React$1.ReactNode;
@@ -1034,7 +1115,7 @@ declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dial
 declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+    side?: "left" | "right" | "top" | "bottom" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
     hideClose?: boolean;
@@ -1404,11 +1485,11 @@ declare function SimpleTabs({ items, defaultValue, value, onValueChange, classNa
 
 declare const cardVariants: (props?: ({
     variant?: "default" | "outline" | "ghost" | "elevated" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
     variant?: "default" | "outline" | "ghost" | "elevated" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
@@ -1634,7 +1715,7 @@ declare const CollapsibleContent: React$1.ForwardRefExoticComponent<Omit<Collaps
 } & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
-declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLSpanElement | HTMLDivElement | HTMLInputElement | HTMLLabelElement | HTMLParagraphElement | HTMLObjectElement | HTMLLinkElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLTimeElement | HTMLProgressElement | HTMLSelectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLScriptElement | HTMLSourceElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLSpanElement | HTMLDivElement | HTMLInputElement | HTMLLabelElement | HTMLParagraphElement | HTMLObjectElement | HTMLProgressElement | HTMLSelectElement | HTMLLinkElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLTimeElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLScriptElement | HTMLSourceElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
@@ -1727,7 +1808,7 @@ declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<'ul
 declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, children, ...props }: React$1.ComponentProps<'button'> & {
     asChild?: boolean;
@@ -1750,13 +1831,59 @@ declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...p
     isActive?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
+interface MobileHeaderProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'title'> {
+    logo?: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    rightActions?: React$1.ReactNode;
+    showSidebarTrigger?: boolean;
+    stickyTop?: boolean;
+}
+declare function MobileHeader({ logo, title, rightActions, showSidebarTrigger, stickyTop, className, ...props }: MobileHeaderProps): react_jsx_runtime.JSX.Element;
+declare namespace MobileHeader {
+    var displayName: string;
+}
+
+interface BottomNavItem {
+    key: string;
+    label: string;
+    icon: React$1.ReactNode;
+    href?: string;
+    onClick?: () => void;
+    badge?: number | string;
+    disabled?: boolean;
+}
+interface BottomNavigationProps extends React$1.HTMLAttributes<HTMLElement> {
+    items: BottomNavItem[];
+    activeKey?: string;
+    onActiveChange?: (key: string) => void;
+    hideOnDesktop?: boolean;
+}
+declare function BottomNavigation({ items, activeKey, onActiveChange, hideOnDesktop, className, ...props }: BottomNavigationProps): react_jsx_runtime.JSX.Element;
+declare namespace BottomNavigation {
+    var displayName: string;
+}
+
+interface MobileNavContextValue {
+    bottomNavVisible: boolean;
+    setBottomNavVisible: (visible: boolean) => void;
+}
+declare function useMobileNav(): MobileNavContextValue;
+interface MobileNavigationProviderProps {
+    children: React$1.ReactNode;
+    hideBottomNavOnScroll?: boolean;
+}
+declare function MobileNavigationProvider({ children, hideBottomNavOnScroll, }: MobileNavigationProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace MobileNavigationProvider {
+    var displayName: string;
+}
+
 declare const tableVariants: (props?: ({
     variant?: "default" | "striped" | "bordered" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & VariantProps<(props?: ({
     variant?: "default" | "striped" | "bordered" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     wrapperClassName?: string;
 } & React$1.RefAttributes<HTMLTableElement>>;
@@ -1800,6 +1927,24 @@ interface TableColumn<T = any> {
     resizable?: boolean;
     /** Pinnable column */
     pinnable?: boolean;
+    /** Initial column size in pixels (used when column resizing is enabled, if not set, column will be sized automatically at 150px) */
+    size?: number;
+    /** Minimum column width in pixels when resizing */
+    minSize?: number;
+    /** Maximum column width in pixels when resizing */
+    maxSize?: number;
+    /** Show this column in mobile card view (default: true for first 4 columns) */
+    mobileVisible?: boolean;
+    /** Display priority in card view (1-10, lower = show first) */
+    mobilePriority?: number;
+    /** Card cell width layout */
+    mobileWidth?: 'full' | 'half' | 'auto';
+    /** Override title in card view */
+    mobileLabel?: string;
+    /** Mobile-specific render function */
+    mobileRender?: (value: any, record: T, index: number) => React$1.ReactNode;
+    /** Explicitly hide on mobile */
+    mobileHidden?: boolean;
 }
 type ColumnsProps<T> = Array<Omit<TableColumn<T>, 'key'> & {
     key: keyof T;
@@ -1909,6 +2054,24 @@ interface SimpleTableProps<T = any> extends VariantProps<typeof tableVariants> {
     pagingPosition?: 'right' | 'left' | 'middle';
     /** Number of records to load per lazy load call */
     recordPerChunk?: number;
+    /** Initial column pinning state */
+    defaultColumnPinning?: {
+        left?: string[];
+        right?: string[];
+    };
+    /** Enable column resizing */
+    /** require maxWidth for table container */
+    enableColumnResizing?: boolean;
+    /** Column resize mode: 'onChange' updates width while dragging, 'onEnd' updates on mouse up */
+    columnResizeMode?: 'onChange' | 'onEnd';
+    /** Mobile layout mode: 'table' keeps table, 'card' forces card view, 'auto' switches based on viewport (default: 'auto') */
+    mobileLayout?: 'table' | 'card' | 'auto';
+    /** Breakpoint for mobile detection (default: 'sm' = 640px) */
+    mobileBreakpoint?: 'sm' | 'md';
+    /** Custom actions renderer for mobile card view */
+    mobileCardActions?: (record: T) => React$1.ReactNode;
+    /** Custom card renderer for mobile view */
+    renderMobileCard?: (record: T, columns: TableColumn<T>[]) => React$1.ReactNode;
 }
 interface MetaFilterValue {
     filterType: string;
@@ -1960,7 +2123,7 @@ interface MetaFilterValue {
  *   onRowClick={(record) => console.log(record)}
  * />
  */
-declare function SimpleTable<T = any>({ data, columns, caption, loading, loadingComponent, emptyMessage, rowKey, onRowClick, rowClassName, className, pagination, pageSize, currentPage, onPageChange, sortBy, sortDirection, onSortChange, variant, size, selectable, onSelectionChange, enableGlobalFilter, globalFilterPlaceholder, enableColumnOrdering, getCheckboxProps, selectedRowKey, enableExport, exportFileName, onExport, expandable, renderExpandedContent, getRowCanExpand, getRowExpandable, onExpandedChange, onLazyScrollLoad, scrollLoadThreshold, numberOfPageButtons, onClickExport, baseRowEstimateSize, expandContentEstimateSize, overScan, virtualizationThreshold, showIndex, customizeToolbar, manualSorting, onFilterChange, manualFiltering, lazyLoadIndicatorType, maxHeight, maxWidth, maxRecords, loadingText, pagingPosition, recordPerChunk, }: SimpleTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function SimpleTable<T = any>({ data, columns, caption, loading, loadingComponent, emptyMessage, rowKey, onRowClick, rowClassName, className, pagination, pageSize, currentPage, onPageChange, sortBy, sortDirection, onSortChange, variant, size, selectable, onSelectionChange, enableGlobalFilter, globalFilterPlaceholder, enableColumnOrdering, getCheckboxProps, selectedRowKey, enableExport, exportFileName, onExport, expandable, renderExpandedContent, getRowCanExpand, getRowExpandable, onExpandedChange, onLazyScrollLoad, scrollLoadThreshold, numberOfPageButtons, onClickExport, baseRowEstimateSize, expandContentEstimateSize, overScan, virtualizationThreshold, showIndex, customizeToolbar, manualSorting, onFilterChange, manualFiltering, lazyLoadIndicatorType, maxHeight, maxWidth, maxRecords, loadingText, pagingPosition, recordPerChunk, defaultColumnPinning, enableColumnResizing, columnResizeMode, mobileLayout, mobileCardActions, renderMobileCard, }: SimpleTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -2018,14 +2181,14 @@ interface DataTableProps<TData, TValue> {
 declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, showColumnVisibility, showPagination, pageSize, className, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 
 declare const avatarVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "xl" | "2xl" | null | undefined;
+    size?: "sm" | "lg" | "xl" | "default" | "2xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
-    size?: "default" | "sm" | "lg" | "xl" | "2xl" | null | undefined;
+    size?: "sm" | "lg" | "xl" | "default" | "2xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
-    size?: "default" | "sm" | "lg" | "xl" | "2xl" | null | undefined;
+    size?: "sm" | "lg" | "xl" | "default" | "2xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLSpanElement>>;
 interface SimpleAvatarProps extends VariantProps<typeof avatarVariants> {
     /** Avatar image URL */
@@ -2241,7 +2404,7 @@ declare const ItemSeparator: React$1.ForwardRefExoticComponent<React$1.HTMLAttri
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     removable?: boolean;
@@ -2373,7 +2536,7 @@ type CarouselPlugin = UseCarouselParameters[1];
 type CarouselProps = {
     opts?: CarouselOptions;
     plugins?: CarouselPlugin;
-    orientation?: "horizontal" | "vertical";
+    orientation?: 'horizontal' | 'vertical';
     setApi?: (api: CarouselApi) => void;
 };
 type CarouselContextProps = {
@@ -2404,7 +2567,7 @@ interface SimpleCarouselProps {
     /** Array of carousel items */
     items: CarouselItemData[];
     /** Carousel orientation */
-    orientation?: "horizontal" | "vertical";
+    orientation?: 'horizontal' | 'vertical';
     /** Show navigation arrows */
     showArrows?: boolean;
     /** Show dots indicators */
@@ -2473,8 +2636,8 @@ declare function SimpleCarousel({ items, orientation, showArrows, showDots, auto
 type TypographyType = "h1" | "h2" | "h3" | "h4" | "p" | "lead" | "muted" | "small" | "code" | "blockquote" | "list" | "list-item";
 declare const typographyVariants: (props?: ({
     type?: "small" | "list" | "blockquote" | "code" | "h1" | "h2" | "h3" | "h4" | "p" | "muted" | "list-item" | "lead" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-    align?: "center" | "right" | "left" | "justify" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
+    align?: "left" | "right" | "center" | "justify" | null | undefined;
     weight?: "bold" | "normal" | "medium" | "light" | "semibold" | null | undefined;
     muted?: boolean | null | undefined;
     truncate?: boolean | null | undefined;
@@ -2518,4 +2681,445 @@ declare const TypographyGroup: {
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, type AccordionItemData, type AccordionProps, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AspectRatio, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupData, type AvatarGroupProps, AvatarImage, Badge, type BadgeProps, Blockquote, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, Calendar, CalendarDayButton, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, type CarouselItemData, CarouselNext, CarouselPrevious, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleItem, CollapsibleTrigger, type ColumnsProps, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DotsSpinner, type DotsSpinnerProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, type EmptyProps, Field, type FieldError, type FieldProps, Form, type FormInstance, FormItem, type FormItemProps, type FormItemVariant, FormList, type FormProps, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, InlineCode, Input, InputGroup, type InputGroupProps, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Item, ItemGroup, ItemList, type ItemProps, ItemSeparator, Label, type LabelProps, Lead, List, ListItem, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Muted, type NamePath, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, P, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProductCard, ProfileCard, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemData, type RadioGroupProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, type Rule, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SimpleAvatar, type SimpleAvatarProps, SimpleCard, type SimpleCardProps, SimpleCarousel, type SimpleCarouselProps, SimpleTable, type SimpleTableProps, SimpleTabs, type SimpleTabsProps, SimpleTooltip, type SimpleTooltipProps, Skeleton, SkeletonCard, type SkeletonCardProps, type SkeletonProps, Slider, type SliderProps, Small, Spinner, type SpinnerProps, Switch, type SwitchProps, type TabItem, Table, TableBody, TableCaption, TableCell, type TableColumn, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast, type ToastData, type ToastId, type ToastProps, ToastProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemData, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, TypographyGroup, type TypographyProps, type TypographyType, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, checkboxVariants, cn, composeRules, emailRule, emptyVariants, fieldVariants, getInitials, inputGroupVariants, inputVariants, itemVariants, labelVariants, maxLengthRule, maxValueRule, minLengthRule, minValueRule, navigationMenuTriggerStyle, numberRule, patternRule, progressVariants, radioGroupVariants, requiredRule, separatorVariants, skeletonVariants, spinnerVariants, tableVariants, textareaVariants, toastVariants, toggleGroupVariants, toggleVariants, urlRule, useCarousel, useForm, useSidebar, useToast, useWatch };
+/**
+ * Default chart color palette - uses CSS variables for theme integration
+ * CSS variables contain hex colors directly (e.g., #007bff)
+ */
+declare const CHART_COLORS: {
+    readonly primary: "var(--chart-1)";
+    readonly secondary: "var(--chart-2)";
+    readonly tertiary: "var(--chart-3)";
+    readonly quaternary: "var(--chart-4)";
+    readonly quinary: "var(--chart-5)";
+    readonly success: "#22a55b";
+    readonly warning: "#f59e0b";
+    readonly error: "#ef4444";
+    readonly info: "var(--chart-1)";
+    readonly muted: "var(--muted-foreground)";
+    readonly foreground: "var(--foreground)";
+    readonly background: "var(--background)";
+    readonly grid: "var(--border)";
+};
+/**
+ * Chart color palette array for multi-series charts
+ */
+declare const CHART_PALETTE: ("var(--chart-1)" | "var(--chart-2)" | "var(--chart-3)" | "var(--chart-4)" | "var(--chart-5)" | "#22a55b" | "#f59e0b" | "#ef4444")[];
+/**
+ * Get theme-aware chart colors (for client-side usage)
+ * Returns hex colors directly from CSS variables
+ */
+declare const getThemeColors: () => {
+    primary: string;
+    chart1: string;
+    chart2: string;
+    chart3: string;
+    chart4: string;
+    chart5: string;
+    foreground: string;
+    muted: string;
+    grid: string;
+    background: string;
+};
+/**
+ * Common chart tooltip styles
+ */
+declare const tooltipStyle: {
+    backgroundColor: string;
+    border: string;
+    borderRadius: string;
+    padding: string;
+    boxShadow: string;
+    color: string;
+};
+/**
+ * Common chart legend styles
+ */
+declare const legendStyle: {
+    fontSize: string;
+    color: string;
+};
+type ChartColor = keyof typeof CHART_COLORS;
+
+interface LineChartDataKey {
+    dataKey: string;
+    name?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    dot?: boolean;
+    type?: 'monotone' | 'linear' | 'step' | 'stepBefore' | 'stepAfter';
+}
+interface LineChartProps {
+    /** Chart data array */
+    data: Record<string, unknown>[];
+    /** Data key for X axis */
+    xAxisKey: string;
+    /** Line configurations */
+    lines: LineChartDataKey[];
+    /** Chart width (default: 100%) */
+    width?: number | string;
+    /** Chart height (default: 300, use '100%' to fill container) */
+    height?: number | string;
+    /** Show grid lines */
+    showGrid?: boolean;
+    /** Show tooltip */
+    showTooltip?: boolean;
+    /** Show legend */
+    showLegend?: boolean;
+    /** Show X axis (default: true) */
+    showXAxis?: boolean;
+    /** Show Y axis (default: true) */
+    showYAxis?: boolean;
+    /** X axis label */
+    xAxisLabel?: string;
+    /** Y axis label */
+    yAxisLabel?: string;
+    /** Chart margins */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Custom class name */
+    className?: string;
+}
+/**
+ * LineChart - Theme-aware line chart component
+ *
+ * @example
+ * <LineChart
+ *   data={[{ month: 'Jan', sales: 100 }, { month: 'Feb', sales: 200 }]}
+ *   xAxisKey="month"
+ *   lines={[{ dataKey: 'sales', name: 'Sales' }]}
+ * />
+ */
+declare function LineChart({ data, xAxisKey, lines, width, height, showGrid, showTooltip, showLegend, showXAxis, showYAxis, margin, className, }: LineChartProps): react_jsx_runtime.JSX.Element;
+
+interface BarChartDataKey {
+    dataKey: string;
+    name?: string;
+    fill?: string;
+    stackId?: string;
+    radius?: number | [number, number, number, number];
+}
+interface BarChartProps {
+    /** Chart data array */
+    data: Record<string, unknown>[];
+    /** Data key for X axis */
+    xAxisKey: string;
+    /** Bar configurations */
+    bars: BarChartDataKey[];
+    /** Chart width (default: 100%) */
+    width?: number | string;
+    /** Chart height (default: 300) */
+    height?: number;
+    /** Show grid lines */
+    showGrid?: boolean;
+    /** Show tooltip */
+    showTooltip?: boolean;
+    /** Show legend */
+    showLegend?: boolean;
+    /** Layout direction */
+    layout?: 'horizontal' | 'vertical';
+    /** Chart margins */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Custom class name */
+    className?: string;
+}
+/**
+ * BarChart - Theme-aware bar chart component
+ *
+ * @example
+ * <BarChart
+ *   data={[{ category: 'A', value: 100 }, { category: 'B', value: 200 }]}
+ *   xAxisKey="category"
+ *   bars={[{ dataKey: 'value', name: 'Value' }]}
+ * />
+ */
+declare function BarChart({ data, xAxisKey, bars, width, height, showGrid, showTooltip, showLegend, layout, margin, className, }: BarChartProps): react_jsx_runtime.JSX.Element;
+
+interface PieChartDataItem {
+    name: string;
+    value: number;
+    fill?: string;
+}
+interface PieChartProps {
+    /** Chart data array */
+    data: PieChartDataItem[];
+    /** Data key for values (default: 'value') */
+    dataKey?: string;
+    /** Name key for labels (default: 'name') */
+    nameKey?: string;
+    /** Chart width (default: 100%) */
+    width?: number | string;
+    /** Chart height (default: 300) */
+    height?: number;
+    /** Show tooltip */
+    showTooltip?: boolean;
+    /** Show legend */
+    showLegend?: boolean;
+    /** Inner radius for donut chart (default: 0) */
+    innerRadius?: number;
+    /** Outer radius (default: 80) */
+    outerRadius?: number;
+    /** Show labels on slices */
+    showLabel?: boolean;
+    /** Chart margins */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Custom class name */
+    className?: string;
+}
+/**
+ * PieChart - Theme-aware pie/donut chart component
+ *
+ * @example
+ * <PieChart
+ *   data={[
+ *     { name: 'Category A', value: 400 },
+ *     { name: 'Category B', value: 300 },
+ *   ]}
+ * />
+ *
+ * // Donut chart
+ * <PieChart data={data} innerRadius={60} outerRadius={80} />
+ */
+declare function PieChart({ data, dataKey, nameKey, width, height, showTooltip, showLegend, innerRadius, outerRadius, showLabel, margin, className, }: PieChartProps): react_jsx_runtime.JSX.Element;
+
+interface AreaChartDataKey {
+    dataKey: string;
+    name?: string;
+    stroke?: string;
+    fill?: string;
+    fillOpacity?: number;
+    stackId?: string;
+    type?: 'monotone' | 'linear' | 'step' | 'stepBefore' | 'stepAfter';
+}
+interface AreaChartProps {
+    /** Chart data array */
+    data: Record<string, unknown>[];
+    /** Data key for X axis */
+    xAxisKey: string;
+    /** Area configurations */
+    areas: AreaChartDataKey[];
+    /** Chart width (default: 100%) */
+    width?: number | string;
+    /** Chart height (default: 300) */
+    height?: number;
+    /** Show grid lines */
+    showGrid?: boolean;
+    /** Show tooltip */
+    showTooltip?: boolean;
+    /** Show legend */
+    showLegend?: boolean;
+    /** Chart margins */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Custom class name */
+    className?: string;
+}
+/**
+ * AreaChart - Theme-aware area chart component
+ *
+ * @example
+ * <AreaChart
+ *   data={[{ month: 'Jan', revenue: 1000 }, { month: 'Feb', revenue: 1500 }]}
+ *   xAxisKey="month"
+ *   areas={[{ dataKey: 'revenue', name: 'Revenue' }]}
+ * />
+ */
+declare function AreaChart({ data, xAxisKey, areas, width, height, showGrid, showTooltip, showLegend, margin, className, }: AreaChartProps): react_jsx_runtime.JSX.Element;
+
+interface ScatterChartDataSeries {
+    name: string;
+    data: Record<string, unknown>[];
+    fill?: string;
+}
+interface ScatterChartProps {
+    /** Scatter data series */
+    series: ScatterChartDataSeries[];
+    /** Data key for X axis */
+    xAxisKey: string;
+    /** Data key for Y axis */
+    yAxisKey: string;
+    /** Data key for Z axis (bubble size) */
+    zAxisKey?: string;
+    /** Chart width (default: 100%) */
+    width?: number | string;
+    /** Chart height (default: 300) */
+    height?: number;
+    /** Show grid lines */
+    showGrid?: boolean;
+    /** Show tooltip */
+    showTooltip?: boolean;
+    /** Show legend */
+    showLegend?: boolean;
+    /** X axis label */
+    xAxisLabel?: string;
+    /** Y axis label */
+    yAxisLabel?: string;
+    /** Chart margins */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Custom class name */
+    className?: string;
+}
+/**
+ * ScatterChart - Theme-aware scatter/bubble chart component
+ *
+ * @example
+ * <ScatterChart
+ *   series={[
+ *     { name: 'Series A', data: [{ x: 100, y: 200 }, { x: 120, y: 100 }] }
+ *   ]}
+ *   xAxisKey="x"
+ *   yAxisKey="y"
+ * />
+ */
+declare function ScatterChart({ series, xAxisKey, yAxisKey, zAxisKey, width, height, showGrid, showTooltip, showLegend, margin, className, }: ScatterChartProps): react_jsx_runtime.JSX.Element;
+
+interface RadarChartDataKey {
+    dataKey: string;
+    name?: string;
+    stroke?: string;
+    fill?: string;
+    fillOpacity?: number;
+}
+interface RadarChartProps {
+    /** Chart data array */
+    data: Record<string, unknown>[];
+    /** Data key for angle axis (categories) */
+    angleKey: string;
+    /** Radar configurations */
+    radars: RadarChartDataKey[];
+    /** Chart width (default: 100%) */
+    width?: number | string;
+    /** Chart height (default: 300) */
+    height?: number;
+    /** Show tooltip */
+    showTooltip?: boolean;
+    /** Show legend */
+    showLegend?: boolean;
+    /** Outer radius (default: 80) */
+    outerRadius?: number | string;
+    /** Chart margins */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Custom class name */
+    className?: string;
+    /** Domain for radius axis */
+    domain?: [number, number];
+}
+/**
+ * RadarChart - Theme-aware radar/spider chart component
+ *
+ * @example
+ * <RadarChart
+ *   data={[
+ *     { subject: 'Math', score: 80 },
+ *     { subject: 'Science', score: 90 },
+ *   ]}
+ *   angleKey="subject"
+ *   radars={[{ dataKey: 'score', name: 'Score' }]}
+ * />
+ */
+declare function RadarChart({ data, angleKey, radars, width, height, showTooltip, showLegend, outerRadius, margin, domain, className, }: RadarChartProps): react_jsx_runtime.JSX.Element;
+
+/** Available theme names */
+declare const THEMES: {
+    readonly default: "default";
+    readonly sunset: "sunset";
+    readonly lavender: "lavender";
+    readonly rose: "rose";
+    readonly slate: "slate";
+    readonly midnight: "midnight";
+    readonly emerald: "emerald";
+    readonly amber: "amber";
+    readonly crimson: "crimson";
+};
+type ThemeName = keyof typeof THEMES;
+type ThemeMode = 'light' | 'dark' | 'system';
+/** Theme metadata for UI selectors */
+interface ThemeInfo {
+    name: ThemeName;
+    label: string;
+    description: string;
+    primaryColor: string;
+}
+/** Theme catalog with metadata */
+declare const THEME_CATALOG: ThemeInfo[];
+/**
+ * Get the current theme from the document
+ */
+declare function getCurrentTheme(): ThemeName;
+/**
+ * Get the current color mode (light/dark)
+ */
+declare function getCurrentMode(): 'light' | 'dark';
+/**
+ * Set the theme on the document root
+ */
+declare function setTheme(theme: ThemeName): void;
+/**
+ * Set the color mode (light/dark)
+ */
+declare function setMode(mode: ThemeMode): void;
+/**
+ * Initialize theme from localStorage or system preference
+ */
+declare function initializeTheme(): void;
+interface ThemeContextValue {
+    theme: ThemeName;
+    mode: ThemeMode;
+    resolvedMode: 'light' | 'dark';
+    setTheme: (theme: ThemeName) => void;
+    setMode: (mode: ThemeMode) => void;
+}
+interface ThemeProviderProps {
+    children: ReactNode;
+    /** Default theme (default: 'default') */
+    defaultTheme?: ThemeName;
+    /** Default mode (default: 'system') */
+    defaultMode?: ThemeMode;
+    /** Storage key for theme persistence */
+    storageKey?: string;
+}
+/**
+ * ThemeProvider component for React applications
+ *
+ * @example
+ * <ThemeProvider defaultTheme="ocean" defaultMode="dark">
+ *   <App />
+ * </ThemeProvider>
+ */
+declare function ThemeProvider({ children, defaultTheme, defaultMode, storageKey, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook to access theme context
+ *
+ * @example
+ * const { theme, setTheme, mode, setMode } = useTheme();
+ */
+declare function useTheme(): ThemeContextValue;
+
+export { Accordion, type AccordionItemData, type AccordionProps, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AreaChart, type AreaChartDataKey, type AreaChartProps, AspectRatio, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupData, type AvatarGroupProps, AvatarImage, BREAKPOINTS, Badge, type BadgeProps, BarChart, type BarChartDataKey, type BarChartProps, Blockquote, type BottomNavItem, BottomNavigation, type BottomNavigationProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type Breakpoint, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, CHART_COLORS, CHART_PALETTE, Calendar, CalendarDayButton, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, type CarouselItemData, CarouselNext, CarouselPrevious, type ChartColor, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleItem, CollapsibleTrigger, type ColumnsProps, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DotsSpinner, type DotsSpinnerProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, type EmptyProps, Field, type FieldError, type FieldProps, Form, type FormInstance, FormItem, type FormItemProps, type FormItemVariant, FormList, type FormProps, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, InlineCode, Input, InputGroup, type InputGroupProps, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Item, ItemGroup, ItemList, type ItemProps, ItemSeparator, Label, type LabelProps, Lead, LineChart, type LineChartDataKey, type LineChartProps, List, ListItem, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileHeader, type MobileHeaderProps, MobileNavigationProvider, type MobileNavigationProviderProps, Muted, type NamePath, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, P, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, PieChart, type PieChartDataItem, type PieChartProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProductCard, ProfileCard, Progress, type ProgressProps, RadarChart, type RadarChartDataKey, type RadarChartProps, RadioGroup, RadioGroupItem, type RadioGroupItemData, type RadioGroupItemProps, type RadioGroupProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, type Rule, ScatterChart, type ScatterChartDataSeries, type ScatterChartProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SimpleAvatar, type SimpleAvatarProps, SimpleCard, type SimpleCardProps, SimpleCarousel, type SimpleCarouselProps, SimpleTable, type SimpleTableProps, SimpleTabs, type SimpleTabsProps, SimpleTooltip, type SimpleTooltipProps, Skeleton, SkeletonCard, type SkeletonCardProps, type SkeletonProps, Slider, type SliderProps, Small, Spinner, type SpinnerProps, type SwipeAction, Switch, type SwitchProps, THEMES, THEME_CATALOG, type TabItem, Table, TableBody, TableCaption, TableCell, type TableColumn, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, type ThemeInfo, type ThemeMode, type ThemeName, ThemeProvider, type ThemeProviderProps, Toast, type ToastData, type ToastId, type ToastProps, ToastProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemData, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, TypographyGroup, type TypographyProps, type TypographyType, type UseSwipeActionsOptions, type UseSwipeActionsReturn, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, checkboxVariants, cn, composeRules, emailRule, emptyVariants, fieldVariants, getCurrentMode, getCurrentTheme, getInitials, getThemeColors, initializeTheme, inputGroupVariants, inputVariants, itemVariants, labelVariants, legendStyle, maxLengthRule, maxValueRule, minLengthRule, minValueRule, navigationMenuTriggerStyle, numberRule, patternRule, progressVariants, radioGroupVariants, radioItemVariants, requiredRule, separatorVariants, setMode, setTheme, skeletonVariants, spinnerVariants, switchVariants, tableVariants, textareaVariants, toastVariants, toggleGroupVariants, toggleVariants, tooltipStyle, urlRule, useBreakpoint, useBreakpointValue, useCarousel, useForm, useIsDesktop, useIsMobile, useIsTablet, useMobileNav, useSidebar, useSwipeActions, useTheme, useToast, useWatch };