@mvn-ui/react 0.1.4 → 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';
@@ -46,12 +46,81 @@ 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> {
@@ -94,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;
@@ -157,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> {
@@ -217,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>>;
@@ -226,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;
@@ -252,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;
@@ -259,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;
@@ -308,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;
@@ -349,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;
@@ -461,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;
@@ -860,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;
@@ -883,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> {
@@ -957,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;
@@ -1035,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;
@@ -1405,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>>;
@@ -1635,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;
@@ -1728,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;
@@ -1751,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>>;
@@ -1801,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;
@@ -1916,9 +2060,18 @@ interface SimpleTableProps<T = any> extends VariantProps<typeof tableVariants> {
         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;
@@ -1970,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, defaultColumnPinning, }: 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>[];
@@ -2028,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 */
@@ -2251,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;
@@ -2483,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;
@@ -2969,4 +3122,4 @@ declare function ThemeProvider({ children, defaultTheme, defaultMode, storageKey
  */
 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, Badge, type BadgeProps, BarChart, type BarChartDataKey, type BarChartProps, Blockquote, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, 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, 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 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, 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, 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, requiredRule, separatorVariants, setMode, setTheme, skeletonVariants, spinnerVariants, tableVariants, textareaVariants, toastVariants, toggleGroupVariants, toggleVariants, tooltipStyle, urlRule, useCarousel, useForm, useSidebar, useTheme, useToast, useWatch };
+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 };