@campxdev/react-blueprint 2.3.11 → 3.0.0-alpha.1

package/dist/cjs/types/src/components/DataDisplay/DataTable/DataTable.d.ts

@@ -1,12 +1,42 @@
-import { DataGridProps as MuiDataGridProps } from '@mui/x-data-grid';
-export type DataTableProps = {
+import { ColumnDef, Row, SortingState } from '@tanstack/react-table';
+import { Axios } from 'axios';
+import React from 'react';
+import { TablePagination, type PaginationProps } from './components/TablePagination';
+type DataTableProps<TData = any> = {
     limit?: number;
     offset?: number;
     totalCount?: number;
     onPageChange?: (page: number) => void;
     onLimitChange?: (limit: number) => void;
-} & MuiDataGridProps;
-export declare const DataTable: (props: DataTableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CellContainer: import("@mui/styled-engine").StyledComponent<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("@types/react").Ref<HTMLDivElement>;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    columns: ColumnDef<TData, any>[];
+    rows: TData[];
+    density?: 'standard' | 'compact' | 'comfortable';
+    columnVisibilityModel?: {
+        [x: string]: boolean;
+    };
+    isLoading?: boolean;
+    checkboxSelection?: boolean;
+    rowSelectionModel?: Record<string, boolean>;
+    onRowSelectionModelChange?: (newRowSelectionModel: Record<string, boolean>) => void;
+    selectionActions?: React.ReactNode[];
+    enableSorting?: boolean;
+    sortingState?: SortingState;
+    onSortingChange?: (newSortingState: SortingState) => void;
+    hideTableActionHeader?: boolean;
+    tableActionProps?: {
+        uniqueId: string;
+        viewsProps: {
+            type: string;
+            axios: Axios;
+        };
+    };
+    cards: React.ReactNode[];
+    className?: string;
+    tableClassName?: string;
+    headerClassName?: string;
+    rowClassName?: string | ((row: Row<TData>) => string);
+    cellClassName?: string;
+    cardContainerClassName?: string;
+};
+declare const DataTable: <TData extends Record<string, any> = any>(props: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export { DataTable, TablePagination, type ColumnDef, type DataTableProps, type PaginationProps, };

package/dist/cjs/types/src/components/DataDisplay/DataTable/components/CardsView.d.ts

@@ -0,0 +1,3 @@
+import { DataTableProps } from '../DataTable';
+declare const CardsView: <TData extends Record<string, any> = any>({ cards, cardContainerClassName, limit, offset, totalCount, onPageChange, onLimitChange, isLoading, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export default CardsView;

package/dist/cjs/types/src/components/DataDisplay/DataTable/components/ColumnSelector/ColumnSelector.d.ts

@@ -0,0 +1,8 @@
+import { ColumnDef } from '@tanstack/react-table';
+import React from 'react';
+interface ColumnSelectorProps {
+    columns: ColumnDef<any, any>[];
+    uniqueId: string;
+}
+declare const ColumnSelector: React.FC<ColumnSelectorProps>;
+export default ColumnSelector;

package/dist/cjs/types/src/components/DataDisplay/DataTable/components/DensitySelector/DensitySelector.d.ts

@@ -0,0 +1,5 @@
+export type DensitySelectorProps = {
+    uniqueId: string;
+};
+declare const DensitySelector: ({ uniqueId }: DensitySelectorProps) => import("react/jsx-runtime").JSX.Element;
+export default DensitySelector;

package/dist/cjs/types/src/components/DataDisplay/DataTable/components/TableHeaders/TableActionHeader.d.ts

@@ -0,0 +1,14 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { Axios } from 'axios';
+type TableActionHeaderProps = {
+    layoutMode: 'table' | 'card';
+    onLayoutChange: (mode: 'table' | 'card') => void;
+    uniqueId: string;
+    columns: ColumnDef<any, any>[];
+    viewsProps: {
+        type: string;
+        axios: Axios;
+    };
+};
+declare const TableActionHeader: ({ layoutMode, onLayoutChange, uniqueId, columns, viewsProps, }: TableActionHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { TableActionHeader };

package/dist/cjs/types/src/components/DataDisplay/DataTable/components/TableHeaders/TableSelectionHeader.d.ts

@@ -0,0 +1,8 @@
+type TableSelectionHeaderProps = {
+    selectedCount: number;
+    onClearSelection: () => void;
+    actions?: React.ReactNode[];
+};
+declare const TableSelectionHeader: ({ selectedCount, onClearSelection, actions, }: TableSelectionHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { TableSelectionHeader };
+export type { TableSelectionHeaderProps };

package/dist/cjs/types/src/components/DataDisplay/DataTable/components/TablePagination.d.ts

@@ -0,0 +1,9 @@
+export type PaginationProps = {
+    limit: number;
+    offset: number;
+    totalCount: number;
+    onPageChange: (offset: number) => void;
+    onLimitChange: (limit: number) => void;
+    rowCount: number;
+};
+export declare const TablePagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/DataDisplay/DataTable/components/TableView.d.ts

@@ -0,0 +1,20 @@
+import { Row } from '@tanstack/react-table';
+import React from 'react';
+interface TableViewProps<TData = any> {
+    table: any;
+    rows: TData[];
+    columns: any[];
+    density?: 'standard' | 'compact' | 'comfortable';
+    tableClassName?: string;
+    headerClassName?: string;
+    isLoading?: boolean;
+    rowClassName?: string | ((row: Row<TData>) => string);
+    cellClassName?: string;
+    limit?: number;
+    offset?: number;
+    totalCount?: number;
+    onPageChange?: (page: number) => void;
+    onLimitChange?: (limit: number) => void;
+}
+declare const TableView: React.ForwardRefExoticComponent<TableViewProps<any> & React.RefAttributes<HTMLDivElement>>;
+export default TableView;

package/dist/cjs/types/src/components/DataDisplay/DataTable/components/ViewList/CreateViewForm.d.ts

@@ -0,0 +1,8 @@
+import { Axios } from 'axios';
+export type CreateViewFormProps = {
+    close: () => void;
+    axios: Axios;
+    type: string;
+    uniqueId: string;
+};
+export declare const CreateViewForm: ({ axios, type, close, uniqueId, }: CreateViewFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/DataDisplay/DataTable/components/ViewList/ResponsiveViews.d.ts

@@ -0,0 +1,10 @@
+import { Axios } from 'axios';
+import { View } from './ViewButton';
+type ResponsiveViewsProps = {
+    views: View[];
+    uniqueId: string;
+    axios: Axios;
+    viewType: string;
+};
+export declare const ResponsiveViews: ({ views, uniqueId, axios, viewType, }: ResponsiveViewsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/src/components/DataDisplay/DataTable/components/ViewList/ViewButton.d.ts

@@ -0,0 +1,20 @@
+import { Axios } from 'axios';
+export type View = {
+    id: string;
+    name: string;
+    slug: string;
+    type: string;
+    density: any;
+    columnVisibilityModel: any;
+    filters: any;
+};
+type ViewButtonProps = {
+    view: View;
+    isSelected: boolean;
+    onClick: () => void;
+    uniqueId: string;
+    axios: Axios;
+    viewType: string;
+};
+export declare const ViewButton: ({ view, isSelected, onClick, uniqueId, axios, viewType, }: ViewButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/src/components/DataDisplay/DataTable/components/utils.d.ts

@@ -0,0 +1,19 @@
+import { ColumnDef } from '@tanstack/react-table';
+/**
+ * Add unique IDs to rows that don't have them
+ */
+export declare function addRowIds<TData extends Record<string, any>>(rows: TData[]): (TData & {
+    id: string;
+})[];
+/**
+ * Process columns to handle sorting based on global and column-level settings
+ */
+export declare function processColumnsForSorting<TData>(columns: ColumnDef<TData, any>[], enableSorting: boolean): ColumnDef<TData, any>[];
+/**
+ * Check if any column has enableSorting set to true
+ */
+export declare function hasAnySortableColumn<TData>(columns: ColumnDef<TData, any>[]): boolean;
+/**
+ * Get row height class based on density
+ */
+export declare function getRowHeightClass(density: 'standard' | 'compact' | 'comfortable'): string;

package/dist/cjs/types/src/components/DataDisplay/EmptyIllustration/EmptyIllustration.d.ts

@@ -1,10 +1,6 @@
-import { SxProps, TypographyOwnProps } from '@mui/material';
-export declare const CenterBox: import("@mui/styled-engine").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("@types/react").Ref<HTMLDivElement>;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const EmptyIllustration: ({ message, imageSize, messageProps, containerProps, }: {
+import { TypographyProps } from '../../DataDisplay/Typography/Typography';
+export declare const EmptyIllustration: ({ message, messageProps, containerClassName, }: {
     message: string;
-    imageSize?: string;
-    messageProps?: TypographyOwnProps;
-    containerProps?: SxProps;
+    messageProps?: TypographyProps;
+    containerClassName?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/DataDisplay/Separator/Separator.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Separator as ShadcnSaperator } from '@/shadcn-components/DataDisplay/Seperator/Seperator';
+interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof ShadcnSaperator> {
+    orientation?: 'horizontal' | 'vertical';
+    decorative?: boolean;
+    className?: string;
+}
+declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

package/dist/cjs/types/src/components/DataDisplay/Skeleton/Skeleton.d.ts

@@ -0,0 +1,2 @@
+import { Skeleton as SkeletonUI } from '@/shadcn-components/DataDisplay/Skeleton/Skeleton';
+export { SkeletonUI as Skeleton };

package/dist/cjs/types/src/components/DataDisplay/StatusCard/StatusCard.d.ts

@@ -1,9 +1,8 @@
-import { SxProps } from '@mui/material';
-import { TypographyProps } from '../../export';
+import { TypographyProps } from '../Typography/Typography';
 export type StatusCardProps = {
     color: 'green' | 'red' | 'orange' | 'yellow' | 'blue' | 'pink';
     text: string;
-    containerSx?: SxProps;
+    className?: string;
     typographyVariant?: TypographyProps['variant'];
 };
-export declare const StatusCard: ({ color, text, containerSx, typographyVariant, }: StatusCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StatusCard: ({ color, text, className, typographyVariant, }: StatusCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/DataDisplay/Timeline/Timeline.d.ts

@@ -1,4 +1,3 @@
-import { TimelineProps as MuiTimelineProps } from '@mui/lab';
 import { ReactNode } from 'react';
 export type TimelineItems = {
     timelineContent: ReactNode;
@@ -7,5 +6,7 @@ export type TimelineItems = {
 };
 export type TimelineProps = {
     timelineItems: TimelineItems[];
-} & Omit<MuiTimelineProps, 'ref'>;
-export declare const Timeline: (props: TimelineProps) => import("react/jsx-runtime").JSX.Element;
+    position?: 'left' | 'right' | 'alternate' | 'alternate-reverse';
+    className?: string;
+};
+export declare const Timeline: ({ timelineItems, position, className, }: TimelineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/DataDisplay/Typography/Typography.d.ts

@@ -1,3 +1,3 @@
-import { TypographyProps as MuiTypographyProps } from '@mui/material';
-export type TypographyProps = {} & MuiTypographyProps;
+import { TypographyProps, typographyVariants } from '@/shadcn-components/DataDisplay/Typography/Typography';
 export declare const Typography: ({ variant, children, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export { typographyVariants, type TypographyProps };

package/dist/cjs/types/src/components/DataDisplay/export.d.ts

@@ -1,14 +1,14 @@
 export * from './Accordion/Accordion';
-export * from './AccordionGroup/AccordionGroup';
 export * from './ActivityLogView/ActivityLogView';
 export * from './Avatar/Avatar';
 export * from './Card/Card';
+export * from './Chip/Chip';
 export * from './Chips/Chips';
 export * from './DataTable/DataTable';
-export * from './EditableDataTable/EditableDataTable';
 export * from './EmptyIllustration/EmptyIllustration';
 export * from './ReactJoyride/ReactJoyride';
-export * from './SidePanel/SidePanel';
+export * from './Separator/Separator';
+export * from './Skeleton/Skeleton';
 export * from './StatusCard/StatusCard';
 export * from './Timeline/Timeline';
 export * from './Typography/Typography';

package/dist/cjs/types/src/components/Feedback/Alert/Alert.d.ts

@@ -1,6 +1,8 @@
-import { AlertProps as MuiAlertProps } from '@mui/material';
 import { ReactNode } from 'react';
 export type AlertProps = {
     message: string | ReactNode;
-} & MuiAlertProps;
-export declare const Alert: ({ severity, message, ...rest }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+    severity?: 'success' | 'error' | 'info' | 'warning';
+    variant?: 'default' | 'destructive';
+    className?: string;
+};
+export declare const Alert: ({ severity, message, variant, className, }: AlertProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Feedback/Snackbar/Snackbar.d.ts

@@ -1,7 +1,14 @@
-import { SnackbarProps as MuiSnackbarProps } from '@mui/material';
 export type Severity = 'success' | 'info' | 'warning' | 'error';
+export type SnackbarPosition = {
+    vertical: 'top' | 'bottom';
+    horizontal: 'left' | 'center' | 'right';
+};
 export type SnackbarProps = {
     severity: Severity;
     message: string;
-} & MuiSnackbarProps;
-export declare const Snackbar: ({ ...props }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+    open: boolean;
+    onClose?: (reason?: 'timeout' | 'clickaway') => void;
+    anchorOrigin?: SnackbarPosition;
+    autoHideDuration?: number;
+};
+export declare const Snackbar: ({ severity, message, open, onClose, anchorOrigin, autoHideDuration, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Feedback/Spinner/Spinner.d.ts

@@ -1,2 +1 @@
-import './Spinner.css';
 export declare const Spinner: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Feedback/Tooltip/Tooltip.d.ts

@@ -1,9 +1,12 @@
-import { TooltipProps as MuiTooltipProps } from '@mui/material';
 import { ReactNode } from 'react';
 export type TooltipProps = {
     children: ReactNode;
-} & MuiTooltipProps;
-export type TooltipContentProps = {
-    message: string;
+    title: ReactNode;
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    arrow?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
 };
-export declare const Tooltip: ({ placement, arrow, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ children, title, placement, open, defaultOpen, onOpenChange, delayDuration, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Feedback/export.d.ts

@@ -2,5 +2,3 @@ export * from './Alert/Alert';
 export * from './Snackbar/Snackbar';
 export * from './Spinner/Spinner';
 export * from './Tooltip/Tooltip';
-export * from './Tooltip/ToolTipContent';
-export * from './Tutorial/Tutorial';

package/dist/cjs/types/src/components/Image/Image.d.ts

@@ -3,9 +3,10 @@ interface ImageProps {
     alt: string;
     height: string | number;
     width: string | number;
-    fit?: 'cover' | 'contain' | 'fill';
+    fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
     radius?: string | number;
-    defaultImage?: any;
+    defaultImage?: string;
+    className?: string;
 }
-export default function Image({ src, alt, height, width, fit, radius, defaultImage, }: ImageProps): import("react/jsx-runtime").JSX.Element;
+export default function Image({ src, alt, height, width, fit, radius, defaultImage, className, }: ImageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/src/components/Input/Button/Button.d.ts

@@ -1,9 +1,13 @@
-import { ButtonProps as MuiButtonProps } from '@mui/material';
+import { buttonVariants } from '@/shadcn-components/Input/Button/Button';
+import type { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
 import './ButtonLoader.css';
-export type ButtonProps = {
+export type ButtonProps = React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     loading?: boolean;
-    background?: string;
-    hoverBackground?: string;
-    textColor?: string;
-} & MuiButtonProps;
-export declare const Button: ({ loading, color, background, hoverBackground, textColor, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    asChild?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    fullWidth?: boolean;
+};
+export declare const Button: ({ loading, disabled, children, startIcon, endIcon, fullWidth, className, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { buttonVariants };

package/dist/cjs/types/src/components/Input/DatePicker/DatePicker.d.ts

@@ -1,16 +1,34 @@
-import { StackProps } from '@mui/material';
-import { PickersShortcutsItem, PickerValidDate } from '@mui/x-date-pickers';
-import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers/DatePicker';
-type DatePickerProps<TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> = {
-    format?: 'yyyy' | 'MMMM yyyy' | 'dd MMMM yyyy' | 'dd/MM/yyyy';
-    views?: ('year' | 'month' | 'day')[];
+import * as React from 'react';
+type DateFormat = 'yyyy' | 'MMMM yyyy' | 'dd MMMM yyyy' | 'dd/MM/yyyy';
+export type DatePickerProps = {
+    label?: React.ReactNode | string;
+    name?: string;
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    format?: DateFormat;
     helperText?: string;
     placeholder?: string;
-    shortcutsItems?: PickersShortcutsItem<any>[];
+    shortcutsItems?: {
+        label: string;
+        getValue: () => Date;
+    }[];
     required?: boolean;
-    containerProps?: StackProps;
-    openPickerIcon?: React.ElementType;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
+    openPickerIcon?: React.ReactNode;
     error?: any;
-} & MuiDatePickerProps<TEnableAccessibleFieldDOMStructure>;
-export declare const DatePicker: <TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false>({ label, name, value, required, format, views, helperText, placeholder, shortcutsItems, openPickerIcon: Icon, containerProps, error, ...rest }: DatePickerProps<TDate, TEnableAccessibleFieldDOMStructure>) => import("react/jsx-runtime").JSX.Element;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    shouldDisableDate?: (date: Date) => boolean;
+    shouldDisableMonth?: (date: Date) => boolean;
+    shouldDisableYear?: (date: Date) => boolean;
+    className?: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onBlur?: React.FocusEventHandler;
+    [key: string]: any;
+};
+export declare const DatePicker: ({ label, name, value, onChange, required, format, helperText, placeholder, shortcutsItems, openPickerIcon: Icon, containerProps, error, disabled, minDate, maxDate, disablePast, disableFuture, shouldDisableDate, shouldDisableMonth, shouldDisableYear, className, onOpen, onClose, ...rest }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/src/components/Input/DateTimePicker/DateTimePicker.d.ts

@@ -1,15 +1,36 @@
-import { StackProps } from '@mui/material';
-import { DateTimePickerProps as MuiDateTimePickerProps, PickersShortcutsItem, PickerValidDate } from '@mui/x-date-pickers';
-type DateTimePickerProps<TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> = {
-    format?: 'yyyy' | 'MMMM yyyy' | 'MMM yyyy' | 'dd MMMM yyyy' | 'dd/MM/yyyy' | 'MM/dd/yyyy' | 'yyyy-MM-dd' | 'yyyy-MM-dd hh:mm a' | 'yyyy-MM-dd HH:mm' | 'dd MMM yyyy HH:mm' | 'dd MMM yyyy hh:mm a' | 'dd/MM/yyyy hh:mm a' | 'dd/MM/yyyy HH:mm' | 'hh:mm a' | 'HH:mm' | 'hh:mm:ss a' | 'HH:mm:ss' | 'MMM dd, yyyy hh:mm a' | 'MMMM dd, yyyy HH:mm' | 'EEE, MMM dd yyyy' | 'EEEE, MMMM dd, yyyy';
-    views?: ('year' | 'month' | 'day' | 'hours' | 'minutes' | 'seconds')[];
+import * as React from 'react';
+type DateTimePickerViews = 'year' | 'month' | 'day' | 'hours' | 'minutes' | 'seconds';
+type DateTimeFormat = 'yyyy' | 'MMMM yyyy' | 'MMM yyyy' | 'dd MMMM yyyy' | 'dd/MM/yyyy' | 'MM/dd/yyyy' | 'yyyy-MM-dd' | 'yyyy-MM-dd hh:mm a' | 'dd MMM yyyy hh:mm a' | 'dd/MM/yyyy hh:mm a' | 'yyyy-MM-dd hh:mm:ss a' | 'dd MMM yyyy hh:mm:ss a' | 'dd/MM/yyyy hh:mm:ss a' | 'hh:mm a' | 'hh:mm:ss a' | 'MMM dd, yyyy hh:mm a' | 'MMM dd, yyyy hh:mm:ss a' | 'EEE, MMM dd yyyy' | 'EEEE, MMMM dd, yyyy';
+export type DateTimePickerProps = {
+    label?: React.ReactNode | string;
+    name?: string;
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    format?: DateTimeFormat;
+    views?: DateTimePickerViews[];
     helperText?: string;
     placeholder?: string;
-    shortcutsItems?: PickersShortcutsItem<any>[];
+    shortcutsItems?: {
+        label: string;
+        getValue: () => Date;
+    }[];
     required?: boolean;
-    containerProps?: StackProps;
-    openPickerIcon?: React.ElementType;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
+    openPickerIcon?: React.ReactNode;
     error?: any;
-} & MuiDateTimePickerProps<TEnableAccessibleFieldDOMStructure>;
-export declare const DateTimePicker: <TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false>({ label, name, required, format, views, helperText, placeholder, shortcutsItems, openPickerIcon: Icon, containerProps, value, error, ...rest }: DateTimePickerProps<TDate, TEnableAccessibleFieldDOMStructure>) => import("react/jsx-runtime").JSX.Element;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    shouldDisableDate?: (date: Date) => boolean;
+    shouldDisableMonth?: (date: Date) => boolean;
+    shouldDisableYear?: (date: Date) => boolean;
+    className?: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onBlur?: React.FocusEventHandler;
+    [key: string]: any;
+};
+export declare const DateTimePicker: ({ label, name, value, onChange, required, format, views, helperText, placeholder, shortcutsItems, openPickerIcon: Icon, containerProps, error, disabled, minDate, maxDate, disablePast, disableFuture, shouldDisableDate, shouldDisableMonth, shouldDisableYear, className, onOpen, onClose, ...rest }: DateTimePickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/src/components/Input/FileUpload/FileUpload.d.ts

@@ -1,4 +1,3 @@
-import { SxProps } from '@mui/material';
 export type FileUploadProps = {
     label: string;
     name: string;
@@ -13,9 +12,10 @@ export type FileUploadProps = {
     hideDeleteButton?: boolean;
     hideInput?: boolean;
     errorText?: string;
-    sx?: SxProps;
+    className?: string;
+    containerClassName?: string;
     showImage?: boolean;
-    previewSx?: SxProps;
+    previewClassName?: string;
     required?: boolean;
 };
-export declare const FileUpload: ({ label, name, disabled, onChange, handleRemove, files, accept, inputText, onInvalidFile, hideDeleteButton, hideInput, multiple, errorText, showImage, previewSx, sx, required, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileUpload: ({ label, name, disabled, onChange, handleRemove, files, accept, inputText, onInvalidFile, hideDeleteButton, hideInput, multiple, errorText, showImage, previewClassName, className, containerClassName, required, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/FormActions/FormActions.d.ts

@@ -1,5 +1,4 @@
-import { StackProps } from '@mui/material';
-import { ButtonProps } from '../export';
+import { ButtonProps } from '../Button/Button';
 export interface ButtonConfig extends ButtonProps {
     show?: boolean;
     title?: string;
@@ -8,7 +7,7 @@ export interface ButtonConfig extends ButtonProps {
 export interface FormActionsProps {
     submitButtonProps?: ButtonConfig;
     cancelButtonProps?: ButtonConfig;
-    stackProps?: StackProps;
+    className?: string;
     showTopBorder?: boolean;
 }
-export declare const FormActions: ({ submitButtonProps, cancelButtonProps, stackProps, showTopBorder, }: FormActionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormActions: ({ submitButtonProps, cancelButtonProps, className, showTopBorder, }: FormActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/FormControlWrapper/FormControlWrapper.d.ts

@@ -1,13 +1,12 @@
-import { SxProps } from '@mui/material';
 import { ReactNode } from 'react';
 import { Control, FieldValues } from 'react-hook-form';
 import { FormActionsProps } from '../FormActions/FormActions';
 interface FormControlWrapperProps<T extends FieldValues = FieldValues> {
     control: Control<T>;
     children: ReactNode;
-    containerSx?: SxProps;
+    containerClassName?: string;
     formActionProps?: FormActionsProps;
     disabled?: boolean;
 }
-export declare function FormControlWrapper<T extends FieldValues = FieldValues>({ control, children, containerSx, formActionProps, disabled, }: FormControlWrapperProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FormControlWrapper<T extends FieldValues = FieldValues>({ control, children, containerClassName, formActionProps, disabled, }: FormControlWrapperProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/src/components/Input/FormWrapper/FormWrapper.d.ts

@@ -1,8 +1,7 @@
-import { SxProps } from '@mui/material';
 import { ReactNode } from 'react';
 type FormWrapperProps = {
     children: ReactNode;
-    containerSx?: SxProps;
+    className?: string;
 };
-export declare const FormWrapper: ({ children, containerSx }: FormWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormWrapper: ({ children, className }: FormWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/src/components/Input/IconButtons/IconButtons/DeleteButton.d.ts

@@ -1,2 +1,2 @@
-import { ButtonProps } from '@mui/material';
+import { ButtonProps } from '../../Button/Button';
 export declare function DeleteButton({ disabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/IconButtons/IconButtons/EditButton.d.ts

@@ -1,2 +1,2 @@
-import { ButtonProps } from '@mui/material';
+import { ButtonProps } from '../../Button/Button';
 export declare function EditButton({ disabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/IconButtons/IconButtons/RedirectButton.d.ts

@@ -1,2 +1,2 @@
-import { ButtonProps } from '@mui/material';
+import { ButtonProps } from '../../Button/Button';
 export declare function RedirectButton({ disabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/IconButtons/IconButtons/ViewButton.d.ts

@@ -1,2 +1,2 @@
-import { ButtonProps } from '@mui/material';
+import { ButtonProps } from '../../Button/Button';
 export declare function ViewButton({ disabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/LabelWrapper/LabelWrapper.d.ts

@@ -1,9 +1,9 @@
-import { StackProps } from '@mui/material';
 import { ReactNode } from 'react';
-export declare const LabelWrapper: ({ required, name, children, containerProps, label, }: {
+export interface LabelWrapperProps {
     required: boolean;
     name?: string;
     label?: ReactNode | string;
     children: ReactNode;
-    containerProps?: StackProps;
-}) => import("react/jsx-runtime").JSX.Element;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
+}
+export declare const LabelWrapper: ({ required, name, children, containerProps, label, }: LabelWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/MultiCheckBox/MultiCheckBox.d.ts

@@ -1,17 +1,16 @@
-import { StackProps } from '@mui/material';
-import { ResponsiveStyleValue } from '@mui/system';
 import { ReactNode } from 'react';
 export type MultiCheckboxProps = {
-    containerProps?: StackProps;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
     options: Array<{
         label: ReactNode;
         value: any;
     }>;
     label: string;
-    direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
+    direction?: 'row' | 'column';
     values: any[];
     onChange: (values: any[]) => void;
     required: boolean;
     name: string;
+    className?: string;
 };
-export declare const MultiCheckBox: ({ name, options, required, containerProps, label, direction, values, onChange, ...rest }: MultiCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiCheckBox: ({ name, options, required, containerProps, label, direction, values, onChange, className, ...rest }: MultiCheckboxProps) => import("react/jsx-runtime").JSX.Element;