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

package/dist/esm/types/src/components/Assets/Icons/Icons.d.ts

@@ -9,186 +9,7 @@ export interface IconProps {
 }
 export type IconComponent = FC<IconProps>;
 export type IconsType = {
-    GatePassIcon: IconComponent;
-    AmenitiesIcon: IconComponent;
-    AcademicFeesIcon: IconComponent;
-    BoardingPointIcon: IconComponent;
-    RouteBusAssignmentIcon: IconComponent;
-    ChallansIcon: IconComponent;
-    AcademicsIcon: IconComponent;
-    ActivitiesIcon: IconComponent;
-    AccordionArrow: IconComponent;
-    ActiveDevicesIcon: IconComponent;
-    ActivitylogsIcon: IconComponent;
-    AddSquare: IconComponent;
-    AdminIcon: IconComponent;
-    AdministratorIcon: IconComponent;
-    AdmissionIcon: IconComponent;
-    AlertFilledIcon: IconComponent;
-    AppsIcon: IconComponent;
-    ApproveIcon: IconComponent;
-    ArchiveIcon: IconComponent;
-    ArrowBackIcon: IconComponent;
-    AssessmentsIcon: IconComponent;
-    AssignmentIcon: IconComponent;
-    AttachmentIcon: IconComponent;
-    AttendanceIcon: IconComponent;
-    BarChartIcon: IconComponent;
-    BookletIcon: IconComponent;
-    BulbIcon: IconComponent;
-    CalendarIcon: IconComponent;
     CampxFullLogoIcon: IconComponent;
     CampxIcon: IconComponent;
-    CareerIcon: IconComponent;
-    CareersIcon: IconComponent;
-    CautionIcon: IconComponent;
-    BusesIcon: IconComponent;
-    TransportRoutesIcon: IconComponent;
-    CertificateIcon: IconComponent;
-    CetIcon: IconComponent;
-    CheckedCheckboxIcon: IconComponent;
-    CheckedRadioIcon: IconComponent;
-    ClassroomsIcon: IconComponent;
-    ClearIcon: IconComponent;
-    ClogWheelIcon: IconComponent;
-    CollapseIcon: IconComponent;
-    ColumnsIcon: IconComponent;
-    ComfortableIcon: IconComponent;
-    CommutexIcon: IconComponent;
-    CompactIcon: IconComponent;
-    CompletedStateIcon: IconComponent;
-    ConcessionIcon: IconComponent;
-    ConfigurationsIcon: IconComponent;
-    ConfigureIcon: IconComponent;
-    CopyIcon: IconComponent;
-    CounsellorIcon: IconComponent;
-    CourseInfoIcon: IconComponent;
-    CreditMemoIcon: IconComponent;
-    CrossIcon: IconComponent;
-    CrossIcon2: IconComponent;
-    DashBoardIcon: IconComponent;
-    DatabaseIcon: IconComponent;
-    DeleteIcon: IconComponent;
-    DeviceIcon: IconComponent;
-    DocumentIcon: IconComponent;
-    DoneSquare: IconComponent;
-    TransportRegistrationIcon: IconComponent;
-    DownArrow: IconComponent;
-    UpArrow: IconComponent;
-    DownloadIcon: IconComponent;
-    DFormsIcon: IconComponent;
-    EditIcon: IconComponent;
-    EmailIcon: IconComponent;
-    EmailNewIcon: IconComponent;
-    EnrollxIcon: IconComponent;
-    EvaluationIcon: IconComponent;
-    ExamConfigurationIcon: IconComponent;
-    ExamDetailsIcon: IconComponent;
-    ExamResultIcon: IconComponent;
-    ExamxIcon: IconComponent;
-    ExcelIcon: IconComponent;
-    ExpandIcon: IconComponent;
-    ExportIcon: IconComponent;
-    ExportMenuIcon: IconComponent;
-    FeeConfigurationIcon: IconComponent;
-    FeePaymentIcon: IconComponent;
-    FeedbackStarIcon: IconComponent;
-    FilterIcon: IconComponent;
-    FormBuilderIcon: IconComponent;
-    HallTicketsIcon: IconComponent;
-    HamburgerMenuIcon: IconComponent;
-    HandoutsIcon: IconComponent;
-    HelpDocsIcon: IconComponent;
-    HelpIcon: IconComponent;
-    HomeIcon: IconComponent;
-    HostelxIcon: IconComponent;
-    HostlerIcon: IconComponent;
-    ImageIcon: IconComponent;
-    ImportIcon: IconComponent;
-    InfoFilledIcon: IconComponent;
-    InfoIcon: IconComponent;
-    InstitutionsIcon: IconComponent;
-    InternalExamsIcon: IconComponent;
-    InvigilationIcon: IconComponent;
-    LegacyIcon: IconComponent;
-    LeadsIcon: IconComponent;
-    LeftIcon: IconComponent;
-    LineDividerIcon: IconComponent;
-    LocationIcon: IconComponent;
-    LogoutIcon: IconComponent;
-    ManageUserIcon: IconComponent;
-    MarksIcon: IconComponent;
-    MenteesIcon: IconComponent;
-    MentorsIcon: IconComponent;
-    MinusSquare: IconComponent;
-    MoreVertIcon: IconComponent;
-    NavigationIcon: IconComponent;
-    NominalSheetsIcon: IconComponent;
-    NoteIcon: IconComponent;
-    NoticeBoardIcon: IconComponent;
-    NotificationIcon: IconComponent;
-    ObeIcon: IconComponent;
-    OmrsIcon: IconComponent;
-    OnlineTransactionIcon: IconComponent;
-    OpenPaymentsIcon: IconComponent;
-    PayxIcon: IconComponent;
-    PdfIcon: IconComponent;
-    PeoplexIcon: IconComponent;
-    PrintDesignerIcon: IconComponent;
-    PrinterIcon: IconComponent;
-    ProductFeaturesIcon: IconComponent;
-    ProfileIcon: IconComponent;
-    QrIcon: IconComponent;
-    QuizIcon: IconComponent;
-    RaiseTicketIcon: IconComponent;
-    RedirectIcon: IconComponent;
-    RedoIcon: IconComponent;
-    RegistrationIcon: IconComponent;
-    RejectIcon: IconComponent;
-    ReportIcon: IconComponent;
-    ReportIssueIcon: IconComponent;
-    ResourcesIcon: IconComponent;
-    RevaluationIcon: IconComponent;
-    RightIcon: IconComponent;
-    RoomsIcon: IconComponent;
-    RouteIcon: IconComponent;
-    SaveIcon: IconComponent;
-    ScanningIcon: IconComponent;
-    ScholarshipIcon: IconComponent;
-    SearchIcon: IconComponent;
-    SeatingPlan: IconComponent;
-    SettlementsIcon: IconComponent;
-    ShareIcon: IconComponent;
-    SignaturesIcon: IconComponent;
-    SmsIcon: IconComponent;
-    StandardIcon: IconComponent;
-    StatisticsIcon: IconComponent;
-    StopWatchIcon: IconComponent;
-    StudentsIcon: IconComponent;
-    SuccessFilledIcon: IconComponent;
-    TasksIcon: IconComponent;
-    ThreeDotsMenuIcon: IconComponent;
-    TicketSystemIcon: IconComponent;
-    TicketsIcon: IconComponent;
-    TimeTableIcon: IconComponent;
-    TimerIcon: IconComponent;
-    TransactionCardIcon: IconComponent;
-    UmsIcon: IconComponent;
-    UnCheckedCheckboxIcon: IconComponent;
-    UnCheckedRadioIcon: IconComponent;
-    ViewIcon: IconComponent;
-    ViewsIcon: IconComponent;
-    VisibilityIcon: IconComponent;
-    VisibilityOffIcon: IconComponent;
-    WarningFilledIcon: IconComponent;
-    WhatsappIcon: IconComponent;
-    WorkFlowDocsIcon: IconComponent;
-    NewSmsIcon: IconComponent;
-    ESSIcon: IconComponent;
-    SalaryIcon: IconComponent;
-    ExpensesIcon: IconComponent;
-    LeavesIcon: IconComponent;
-    CampxFullLogoIconV2: IconComponent;
-    CampxIconV2: IconComponent;
 };
 export declare const Icons: IconsType;

package/dist/esm/types/src/components/Charts/BarChart/BarChart.d.ts

@@ -1,34 +1,13 @@
-import { SxProps } from '@mui/material';
-import { LayoutType } from 'recharts/types/util/types';
-import { AxisLabelProps, BaseAxisProps, CartesianGridProps, LegendProps, MarginProps, SubTitleProps, TitleProps } from '../types/types';
-export type BarChartProps = {
-    title?: string;
-    showSubtitle?: boolean;
-    subTitle?: string;
-    titleProps?: TitleProps;
-    subTitleProps?: SubTitleProps;
-    width?: number;
-    height?: number;
-    layout?: LayoutType;
-    dataKey: string;
-    data: any[];
-    bars: BarItem[];
-    domain?: any[];
-    barGap?: number | string;
-    barSize?: number | string;
-    showToolTip?: boolean;
-    showLegend?: boolean;
-    cartesianGrid?: CartesianGridProps;
-    axisLabelProps?: AxisLabelProps;
-    baseAxisProps?: BaseAxisProps;
-    legendSx?: LegendProps;
-    containerSx?: SxProps;
-    margin?: MarginProps;
-};
-type BarItem = {
-    dataKey: string;
-    stackId?: string;
-    fill: string;
-};
-export declare const BarChart: ({ title, showSubtitle, subTitle, subTitleProps, titleProps, width, height, margin, layout, dataKey, domain, data, bars, barGap, barSize, showToolTip, showLegend, baseAxisProps, cartesianGrid, axisLabelProps, legendSx, containerSx, }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import React from 'react';
+import HorizontalBarChart, { type HorizontalBarChartData, type HorizontalBarChartProps } from './HorizontalBarChart';
+import VerticalBarChart, { type VerticalBarChartData, type VerticalBarChartProps } from './VerticalBarChart';
+export type BarChartVariant = 'vertical' | 'horizontal';
+export type BarChartData = HorizontalBarChartData | VerticalBarChartData;
+export interface BarChartProps extends Omit<VerticalBarChartProps, 'data'>, Omit<HorizontalBarChartProps, 'data' | keyof VerticalBarChartProps> {
+    data: BarChartData[];
+    variant?: BarChartVariant;
+}
+declare const BarChart: React.FC<BarChartProps>;
+export default BarChart;
+export { HorizontalBarChart, VerticalBarChart };
+export type { HorizontalBarChartProps, VerticalBarChartProps };

package/dist/esm/types/src/components/Charts/BarChart/HorizontalBarChart.d.ts

@@ -0,0 +1,38 @@
+import { type ChartConfig } from '@/shadcn-components/Charts/Chart';
+import React from 'react';
+import type { LegendProps, MarginProps, SubTitleProps, TitleProps } from '../types/types';
+export interface HorizontalBarChartData {
+    [key: string]: string | number;
+}
+export interface HorizontalBarChartProps {
+    data: HorizontalBarChartData[];
+    dataKeys: string[];
+    xAxisKey: string;
+    config: ChartConfig;
+    height?: number;
+    margin?: MarginProps;
+    barSize?: number;
+    radius?: number | [number, number, number, number];
+    stackId?: string;
+    hideXAxis?: boolean;
+    yAxisWidth?: number;
+    yAxisTickFormatter?: (value: string | number) => string;
+    xAxisTickFormatter?: (value: number | string) => string;
+    showTooltip?: boolean;
+    tooltipCursor?: boolean | object;
+    hideTooltipLabel?: boolean;
+    tooltipIndicator?: 'line' | 'dot' | 'dashed';
+    legend?: LegendProps;
+    showLegend?: boolean;
+    title?: string;
+    titleProps?: TitleProps;
+    subtitle?: string;
+    subtitleProps?: SubTitleProps;
+    className?: string;
+    onBarClick?: (data: any, index: number) => void;
+    animationDuration?: number;
+    animationEasing?: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear';
+    accessibilityLayer?: boolean;
+}
+declare const HorizontalBarChart: React.FC<HorizontalBarChartProps>;
+export default HorizontalBarChart;

package/dist/esm/types/src/components/Charts/BarChart/VerticalBarChart.d.ts

@@ -0,0 +1,45 @@
+import { type ChartConfig } from '@/shadcn-components/Charts/Chart';
+import React from 'react';
+import type { LegendProps, MarginProps, SubTitleProps, TitleProps } from '../types/types';
+export interface VerticalBarChartData {
+    [key: string]: string | number;
+}
+export interface VerticalBarChartProps {
+    data: VerticalBarChartData[];
+    dataKeys: string[];
+    xAxisKey: string;
+    config: ChartConfig;
+    height?: number;
+    margin?: MarginProps;
+    barSize?: number;
+    barGap?: number;
+    barCategoryGap?: number | string;
+    radius?: number | [number, number, number, number];
+    stackId?: string;
+    showGrid?: boolean;
+    gridStrokeDasharray?: string | number;
+    xAxisTickFormatter?: (value: string | number) => string;
+    yAxisTickFormatter?: (value: number | string) => string;
+    showLabels?: boolean;
+    labelPosition?: 'top' | 'bottom' | 'left' | 'right' | 'inside' | 'outside' | 'insideLeft' | 'insideRight' | 'insideTop' | 'insideBottom' | 'center';
+    labelFormatter?: (value: any) => string;
+    showTooltip?: boolean;
+    tooltipCursor?: boolean | object;
+    hideTooltipLabel?: boolean;
+    tooltipIndicator?: 'line' | 'dot' | 'dashed';
+    legend?: LegendProps;
+    showLegend?: boolean;
+    title?: string;
+    titleProps?: TitleProps;
+    subtitle?: string;
+    subtitleProps?: SubTitleProps;
+    className?: string;
+    activeBar?: boolean;
+    activeBarIndex?: number;
+    onBarClick?: (data: any, index: number) => void;
+    animationDuration?: number;
+    animationEasing?: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear';
+    accessibilityLayer?: boolean;
+}
+declare const VerticalBarChart: React.FC<VerticalBarChartProps>;
+export default VerticalBarChart;

package/dist/esm/types/src/components/Charts/LineChart/LineChart.d.ts

@@ -1,4 +1,4 @@
-import { SxProps } from '@mui/material';
+import { type ChartConfig } from '@/shadcn-components/Charts/Chart';
 import { CurveType } from 'recharts/types/shape/Curve';
 import { AxisLabelProps, BaseAxisProps, CartesianGridProps, LegendProps, MarginProps, SubTitleProps, TitleProps } from '../types/types';
 export type LineChartProps = {
@@ -7,6 +7,7 @@ export type LineChartProps = {
     subTitle?: string;
     titleProps?: TitleProps;
     subTitleProps?: SubTitleProps;
+    config: ChartConfig;
     width?: number;
     height?: number;
     dataKey: string;
@@ -18,8 +19,11 @@ export type LineChartProps = {
     axisLabelProps?: AxisLabelProps;
     baseAxisProps?: BaseAxisProps;
     legendSx?: LegendProps;
-    containerSx?: SxProps;
+    className?: string;
     margin?: MarginProps;
+    hideTooltipLabel?: boolean;
+    tooltipIndicator?: 'line' | 'dot' | 'dashed';
+    accessibilityLayer?: boolean;
 };
 type LineItem = {
     type: CurveType;
@@ -27,5 +31,5 @@ type LineItem = {
     stroke: string;
     activeDot?: any;
 };
-export declare const LineChart: ({ title, showSubtitle, subTitle, subTitleProps, titleProps, width, height, margin, dataKey, data, lines, showToolTip, showLegend, cartesianGrid, axisLabelProps, baseAxisProps, legendSx, containerSx, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LineChart: ({ title, showSubtitle, subTitle, subTitleProps, titleProps, config, width, height, margin, dataKey, data, lines, showToolTip, showLegend, cartesianGrid, axisLabelProps, baseAxisProps, legendSx, className, hideTooltipLabel, tooltipIndicator, accessibilityLayer, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/src/components/Charts/PieChart/PieChart.d.ts

@@ -1,4 +1,4 @@
-import { SxProps } from '@mui/material';
+import { type ChartConfig } from '@/shadcn-components/Charts/Chart';
 import { LegendProps, MarginProps, SubTitleProps, TitleProps } from '../types/types';
 export type PieChartProps = {
     title?: string;
@@ -11,14 +11,17 @@ export type PieChartProps = {
     height?: number;
     pie1: PieProps;
     pie2?: PieProps;
-    containerSx?: SxProps;
+    className?: string;
     showLegend?: boolean;
     legendSx?: LegendProps;
     showToolTip?: boolean;
+    config: ChartConfig;
+    hideTooltipLabel?: boolean;
 };
 type PieProps = {
     data: any[];
     dataKey: string;
+    nameKey?: string;
     innerRadius?: number;
     outerRadius?: number;
     fill?: string;
@@ -29,5 +32,5 @@ type PieProps = {
     endAngle?: number;
     colors?: string[];
 };
-export declare const PieChart: ({ title, showSubtitle, subTitle, subTitleProps, titleProps, margin, width, height, showToolTip, showLegend, legendSx, pie1, pie2, containerSx, }: PieChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PieChart: ({ title, showSubtitle, subTitle, subTitleProps, titleProps, margin, width, height, showToolTip, showLegend, legendSx, pie1, pie2, className, config, hideTooltipLabel, }: PieChartProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/src/components/Charts/TreeMap/TreeMap.d.ts

@@ -1,14 +1,16 @@
-import { SxProps } from '@mui/material';
+import { type ChartConfig } from '@/shadcn-components/Charts/Chart';
+import React from 'react';
 import { AnimationTiming } from 'recharts/types/util/types';
 import { MarginProps, SubTitleProps, TitleProps } from '../types/types';
-interface TreeMapProps {
+export interface TreeMapProps {
+    data: any;
+    dataKey: string | number;
+    config: ChartConfig;
     title?: string;
     showSubtitle?: boolean;
     subTitle?: string;
     titleProps?: TitleProps;
     subTitleProps?: SubTitleProps;
-    data: any;
-    dataKey: string | number;
     width?: number;
     height?: number;
     margin?: MarginProps;
@@ -16,14 +18,10 @@ interface TreeMapProps {
     fill?: string;
     stroke?: string;
     colors?: string[];
+    className?: string;
     showToolTip?: boolean;
     isAnimationActive?: boolean;
     animationEasing?: AnimationTiming;
-    treeMapStyle?: SxProps;
-    containerSx?: any;
 }
-declare const TreeMap: ({ title, titleProps, showSubtitle, subTitle, subTitleProps, data, dataKey, width, height, aspectRatio, fill, stroke, colors, showToolTip, animationEasing, isAnimationActive, treeMapStyle, containerSx, }: TreeMapProps) => import("react/jsx-runtime").JSX.Element;
+declare const TreeMap: React.FC<TreeMapProps>;
 export default TreeMap;
-export declare const StyledContainer: 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>, {}, {}>;

package/dist/esm/types/src/components/Charts/export.d.ts

@@ -1,5 +1,5 @@
+export { type ChartConfig } from '@/shadcn-components/Charts/Chart';
 export * from './BarChart/BarChart';
 export * from './LineChart/LineChart';
 export * from './PieChart/PieChart';
-export * from './ProgressCard/ProgressCard';
 export * from './TreeMap/TreeMap';

package/dist/esm/types/src/components/Charts/types/types.d.ts

@@ -1,6 +1,6 @@
-import { TypographyVariant as Variant } from '@mui/material/styles';
 import { HorizontalAlignmentType, IconType, VerticalAlignmentType } from 'recharts/types/component/DefaultLegendContent';
 import { LayoutType } from 'recharts/types/util/types';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'blockquote' | 'list' | 'inlineCode' | 'lead' | 'large' | 'small' | 'muted';
 export type CartesianGridProps = {
     showCartesianGrid: boolean;
     size?: number;
@@ -10,12 +10,12 @@ export type AxisLabelProps = {
     yLabel?: LabelProps;
 };
 export type TitleProps = {
-    variant?: Variant;
-    sx?: any;
+    variant?: TypographyVariant;
+    className?: string;
 };
 export type SubTitleProps = {
-    variant?: Variant;
-    sx?: any;
+    variant?: TypographyVariant;
+    className?: string;
 };
 export type MarginProps = {
     top?: number;

package/dist/esm/types/src/components/DataDisplay/Accordion/Accordion.d.ts

@@ -1,12 +1,17 @@
-import { AccordionProps as MuiAccordionProps, SxProps } from '@mui/material';
 import { ReactNode } from 'react';
-export type AccordionProps = {
+export type AccordionItemProps = {
     title: ReactNode;
     content: ReactNode;
     actions?: ReactNode;
-    index?: number;
     errorKeys?: string[];
-    contentSx?: SxProps;
-    expanded?: boolean | number;
-} & Omit<MuiAccordionProps, 'children' | 'content' | 'title' | 'index' | 'expanded' | 'actions'>;
-export declare const Accordion: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+    className?: string;
+    contentClassName?: string;
+};
+type AccordionProps = {
+    data: AccordionItemProps[];
+    className?: string;
+    defaultExpandedIndex?: number;
+    errorField?: string;
+};
+export declare const Accordion: ({ data, className, defaultExpandedIndex, errorField, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/src/components/DataDisplay/ActivityLogView/ActivityLogFilter.d.ts

@@ -0,0 +1,10 @@
+interface ActivityLogFilterProps {
+    fromDate: Date | null;
+    toDate: Date | null;
+    setFromDate: (date: Date | null) => void;
+    setToDate: (date: Date | null) => void;
+    fetchNextPage: () => void;
+    isLoading: boolean;
+}
+export declare const ActivityLogFilter: ({ fromDate, toDate, setFromDate, setToDate, fetchNextPage, isLoading, }: ActivityLogFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/src/components/DataDisplay/ActivityLogView/ActivityLogView.d.ts

@@ -1,4 +1,3 @@
-import { SxProps } from '@mui/material';
 export type ActivityAction = 'create' | 'update' | 'delete';
 export interface Activity {
     userName?: string;
@@ -17,8 +16,8 @@ interface ActivityLogProps {
     setToDate: (date: Date | null) => void;
     isLoading: boolean;
     hideLogFilter?: boolean;
-    timelineContentSx?: SxProps;
-    timelineSx?: SxProps;
+    className?: string;
+    title?: string;
 }
-export declare const ActivityLogView: ({ activitiesData, isFetchingNextPage, fetchNextPage, hasNextPage, fromDate, toDate, setFromDate, setToDate, isLoading, hideLogFilter, timelineContentSx, timelineSx, }: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActivityLogView: ({ activitiesData, isFetchingNextPage, fetchNextPage, hasNextPage, fromDate, toDate, setFromDate, setToDate, isLoading, hideLogFilter, className, title, }: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/src/components/DataDisplay/ActivityLogView/service.d.ts

@@ -1,4 +1,3 @@
-import { ActivityAction } from '../../export';
 /**
  * Converts a given UTC date string to Indian Standard Time (IST).
  *
@@ -6,8 +5,5 @@ import { ActivityAction } from '../../export';
  * @returns The converted date object in IST.
  */
 export declare const convertUTCtoIST: (dateString: string) => Date;
-export declare const ActivityIcon: ({ type }: {
-    type: ActivityAction;
-}) => import("react/jsx-runtime").JSX.Element;
 export declare const ScrollToTopButton: () => import("react/jsx-runtime").JSX.Element;
 export declare function useIntersectionObserver(callback: () => void): (node: HTMLDivElement) => void;

package/dist/esm/types/src/components/DataDisplay/Avatar/Avatar.d.ts

@@ -1,10 +1,9 @@
-import { AvatarProps as MuiAvatarProps } from '@mui/material';
 export type CircularAvatarProps = {
     text: string;
-} & Omit<MuiAvatarProps, 'sx'>;
-export declare const CircularAvatar: ({ text, ...rest }: CircularAvatarProps) => import("react/jsx-runtime").JSX.Element;
-export type SquareAvatarProps = {
-    text: string;
-    onlyStartLetters: boolean;
-} & Omit<MuiAvatarProps, 'sx'>;
-export declare const SquareAvatar: ({ onlyStartLetters, text, ...rest }: SquareAvatarProps) => import("react/jsx-runtime").JSX.Element;
+    src?: string;
+    alt?: string;
+    className?: string;
+    fallbackClassName?: string;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+};
+export declare const CircularAvatar: ({ text, src, alt, className, fallbackClassName, onClick, }: CircularAvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/DataDisplay/Card/Card.d.ts

@@ -1,39 +1,61 @@
-import { SxProps } from '@mui/material';
-import { TypographyVariant as Variant } from '@mui/material/styles';
-import { ReactNode } from 'react';
-export interface CardProps {
-    title: string;
-    caption?: string;
-    children?: ReactNode;
-    footer?: {
-        buttonText?: string | ReactNode;
-        onClick: () => void;
-        endIcon?: ReactNode;
-        buttonProps?: any;
-    };
-    fields?: {
-        title: string;
-        value: ReactNode | string;
-    }[];
-    titleProps?: {
-        variant: Variant;
-        sx?: SxProps;
-    };
-    captionProps?: {
-        variant: Variant;
-        sx?: SxProps;
-    };
-    status?: string;
-    imageSrc?: string;
-    titleImgIcon?: ReactNode;
-    checkBox?: boolean;
-    moreOptions?: boolean;
-    menu?: ReactNode[] | ((props: {
-        close: () => void;
-    }) => ReactNode[]);
-    icon?: ReactNode;
-    headerSx?: SxProps;
-    statusSx?: SxProps;
-    cardSx?: SxProps;
+import { Card as ShadcnCard, CardAction as ShadcnCardAction, CardContent as ShadcnCardContent, CardDescription as ShadcnCardDescription, CardFooter as ShadcnCardFooter, CardHeader as ShadcnCardHeader, CardTitle as ShadcnCardTitle } from '@/shadcn-components/DataDisplay/Card/Card';
+import * as React from 'react';
+export interface CardProps extends Omit<React.ComponentProps<typeof ShadcnCard>, 'title' | 'content'> {
+    /**
+     * Card title - displayed in the header
+     */
+    title?: React.ReactNode;
+    /**
+     * Card description - displayed below the title in the header
+     */
+    description?: React.ReactNode;
+    /**
+     * Action buttons or elements - displayed in the top-right of the header
+     */
+    actions?: React.ReactNode;
+    /**
+     * Main card content
+     */
+    content?: React.ReactNode;
+    /**
+     * Footer content - displayed at the bottom of the card
+     */
+    footer?: React.ReactNode;
+    /**
+     * Children - if provided, will override the structured layout and give full control
+     */
+    children?: React.ReactNode;
 }
-export declare const Card: ({ title, titleImgIcon, caption, status, footer, fields, imageSrc, statusSx, cardSx, headerSx, moreOptions, titleProps, captionProps, icon, children, menu, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Card component built on shadcn/ui Card
+ *
+ * @example
+ * // Simple card with all props
+ * <Card
+ *   title="Card Title"
+ *   description="This is a description"
+ *   actions={<Button>Action</Button>}
+ *   content={<p>Main content goes here</p>}
+ *   footer={<Button variant="outline">Footer Action</Button>}
+ * />
+ *
+ * @example
+ * // Custom layout using composition
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Custom Title</CardTitle>
+ *     <CardDescription>Custom Description</CardDescription>
+ *     <CardAction>
+ *       <Button>Action</Button>
+ *     </CardAction>
+ *   </CardHeader>
+ *   <CardContent>
+ *     Custom content layout
+ *   </CardContent>
+ *   <CardFooter>
+ *     Custom footer
+ *   </CardFooter>
+ * </Card>
+ */
+declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Card, ShadcnCardAction as CardAction, ShadcnCardContent as CardContent, ShadcnCardDescription as CardDescription, ShadcnCardFooter as CardFooter, ShadcnCardHeader as CardHeader, ShadcnCard as CardRoot, ShadcnCardTitle as CardTitle, };

package/dist/esm/types/src/components/DataDisplay/Chip/Chip.d.ts

@@ -0,0 +1,7 @@
+import { Badge } from '@/shadcn-components/DataDisplay/Badge/Badge';
+import * as React from 'react';
+export interface ChipProps extends React.ComponentPropsWithoutRef<typeof Badge> {
+    label: string;
+}
+export declare const Chip: ({ label, ...rest }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export default Chip;