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

package/dist/esm/types/src/components/Layout/PageHeader/PageHeader.d.ts

@@ -1,15 +1,23 @@
-import { GridColDef } from '@mui/x-data-grid';
 import { ReactElement, ReactNode } from 'react';
-import { ViewsProps } from './components/Views/Views';
+import { SearchBarProps } from '../../Input/SearchBar/SearchBar';
 interface PageHeaderProps {
     uniqueId?: string;
-    viewsSlot?: ReactNode;
-    filterComponents?: ReactElement[];
-    viewsProps?: Omit<ViewsProps, 'uniqueId'>;
-    actions?: ReactNode[];
-    columns?: GridColDef[];
-    searchText?: string;
-    defaultShowLabels?: string[];
+    pathTrimCount: number;
+    searchButtonProps?: SearchBarProps;
+    filterButtonProps?: {
+        label?: string;
+        startIcon?: ReactNode;
+        components: ReactElement[];
+    };
+    addButtonProps?: {
+        label?: string;
+        onClick: any;
+    };
+    actionProps?: {
+        menu: ReactNode[] | ((props: {
+            close: () => void;
+        }) => ReactNode[]);
+    };
 }
-export declare const PageHeader: ({ uniqueId, actions, filterComponents, defaultShowLabels, columns, viewsSlot, searchText, viewsProps, }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const PageHeader: ({ uniqueId, pathTrimCount, searchButtonProps, filterButtonProps, addButtonProps, actionProps, }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { PageHeader, type PageHeaderProps };

package/dist/esm/types/src/components/Layout/PageHeader/components/SearchBar.d.ts

@@ -1,4 +1,5 @@
-export declare const SearchBar: ({ uniqueId, searchText, }: {
-    uniqueId: string;
-    searchText: string;
+import { type SearchBarProps } from '../../../export';
+export declare const PageHeaderSearchBar: ({ uniqueId, searchText, ...props }: SearchBarProps & {
+    uniqueId?: string;
+    searchText?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Layout/Sheet/Sheet.d.ts

@@ -0,0 +1 @@
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, } from '@/shadcn-components/Layout/Sheet/Sheet';

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

@@ -1,8 +1,5 @@
 export * from './AppLayout';
-export * from './AppHeader/AppHeader';
-export * from './AppHeader/AppHeaderV2';
-export * from './FloatingContainer/FloatingContainer';
+export * from './Sheet/Sheet';
+export * from './UserBox/UserBox';
 export * from './PageContent/PageContent';
-export * from './PageHeader/components/DensitySelector/DensitySelector';
 export * from './PageHeader/PageHeader';
-export * from './TabsLayout/TabsLayout';

package/dist/esm/types/src/components/Navigation/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,8 +1,5 @@
-import { BreadcrumbsProps as MuiBreadcrumbsProps, SxProps } from '@mui/material';
-import { ReactNode } from 'react';
 export type BreadcrumbsProps = {
     pathTrimCount: number;
-    containerProps?: SxProps;
-    actions?: ReactNode[];
-} & MuiBreadcrumbsProps;
-export declare const Breadcrumbs: ({ pathTrimCount, containerProps, actions, ...rest }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+    containerClassName?: string;
+};
+export declare const Breadcrumbs: ({ pathTrimCount, containerClassName, }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Navigation/Calendar/Calendar.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
+import './Calendar.css';
 import { CalendarProps } from './types';
 export declare const Calendar: React.FC<CalendarProps>;

package/dist/esm/types/src/components/Navigation/Calendar/types.d.ts

@@ -1,5 +1,4 @@
 import { EventApi } from '@fullcalendar/core';
-import { StackProps } from '@mui/material';
 export interface CalendarEvent {
     id: string | number;
     title: string;
@@ -73,7 +72,7 @@ export interface CalendarProps {
     dayMaxEvents?: boolean | number;
     height?: string | number;
     aspectRatio?: number;
-    containerProps?: StackProps;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
     locale?: string;
     timezone?: string;
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;

package/dist/esm/types/src/components/Navigation/ConfirmDialog/ConfirmDialog.d.ts

@@ -1,4 +1,5 @@
 export type ConfirmDialogType = 'confirm' | 'delete';
+type MaxWidthSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type ConfirmDialogProps = {
     isOpen: boolean;
     title: string;
@@ -8,5 +9,7 @@ export type ConfirmDialogProps = {
     type: ConfirmDialogType;
     confirmButtonText?: string;
     cancelButtonText?: string;
+    maxWidth?: MaxWidthSize;
 };
 export declare const ConfirmDialog: React.FC<ConfirmDialogProps>;
+export {};

package/dist/esm/types/src/components/Navigation/Dialog/Dialog.d.ts

@@ -1,10 +1,15 @@
-import { DialogProps as MuiDialogProps } from '@mui/material';
 import { ReactNode } from 'react';
-export type DialogProps = {
+type MaxWidthSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+type DialogProps = {
     content: (props: {
         close: () => void;
     }) => ReactNode;
     title?: string | undefined;
     onClose: () => void;
-} & Omit<MuiDialogProps, 'content'>;
-export declare const Dialog: ({ onClose, title, content, open, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+    open: boolean;
+    className?: string;
+    showCloseButton?: boolean;
+    maxWidth?: MaxWidthSize;
+};
+declare const Dialog: ({ onClose, title, content, open, className, showCloseButton, maxWidth, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export { Dialog, type DialogProps, type MaxWidthSize };

package/dist/esm/types/src/components/Navigation/DialogButton/DialogButton.d.ts

@@ -1,10 +1,18 @@
 import { ReactNode } from 'react';
-import { DialogProps } from '../Dialog/Dialog';
+type MaxWidthSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type DialogButtonProps = {
     anchor: (props: {
         open: () => void;
     }) => ReactNode;
     onDialogOpen?: () => void;
     onDialogClose?: () => void;
-} & Omit<DialogProps, 'open' | 'onClose'>;
-export declare const DialogButton: ({ onDialogClose, onDialogOpen, anchor, ...props }: DialogButtonProps) => import("react/jsx-runtime").JSX.Element;
+    content: (props: {
+        close: () => void;
+    }) => ReactNode;
+    title?: string | undefined;
+    className?: string;
+    showCloseButton?: boolean;
+    maxWidth?: MaxWidthSize;
+};
+export declare const DialogButton: ({ onDialogClose, onDialogOpen, anchor, content, title, className, showCloseButton, maxWidth, }: DialogButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/src/components/Navigation/DropDownMenu/DropDownIcon.d.ts

@@ -1,10 +1,9 @@
-import { IconButtonProps } from '@mui/material';
 import { ReactNode } from 'react';
 export declare const DropDownIcon: ({ icon, handleClick, }: {
     icon?: {
         icon?: ReactNode;
-        iconProps?: IconButtonProps;
         outlined?: boolean;
+        className?: string;
     };
     handleClick: any;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Navigation/DropDownMenu/DropDownMenu.d.ts

@@ -1,4 +1,3 @@
-import { MenuListProps, MenuProps, StackProps } from '@mui/material';
 import { ReactNode } from 'react';
 export type DropdownMenuProps = {
     anchor: (props: {
@@ -11,11 +10,12 @@ export type DropdownMenuProps = {
         close: () => void;
     }) => ReactNode;
     useMenuSlot?: boolean;
-    menuProps?: Omit<MenuProps, 'open'>;
-    menuListProps?: MenuListProps;
-    menuListContainerSx?: StackProps['sx'];
+    menuContentClassName?: string;
+    menuListClassName?: string;
     menuHeader?: ReactNode;
     menuFooter?: ReactNode;
     handleMenuScroll?: (event: any) => Promise<void>;
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'right' | 'bottom' | 'left';
 };
-export declare const DropdownMenu: ({ menuProps, menu, menuSlot, useMenuSlot, menuListProps, menuHeader, menuFooter, menuListContainerSx, anchor, handleMenuScroll, }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownMenu: ({ menu, menuSlot, useMenuSlot, menuHeader, menuFooter, menuContentClassName, menuListClassName, anchor, handleMenuScroll, align, side, }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Navigation/DropDownMenu/DropdownMenuItem.d.ts

@@ -1,9 +1,10 @@
-import { MenuItemProps, SxProps } from '@mui/material';
 import { ReactNode } from 'react';
 export type DropdownMenuItemProps = {
     icon?: ReactNode;
     label: ReactNode;
-    sx?: SxProps;
+    className?: string;
     onClick: () => void;
-} & MenuItemProps;
-export declare const DropdownMenuItem: ({ icon, label, onClick, sx, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+    disabled?: boolean;
+    variant?: 'default' | 'destructive';
+};
+export declare const DropdownMenuItem: ({ icon, label, onClick, className, disabled, variant, }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Navigation/PreviewFiles/PreviewFiles.d.ts

@@ -1,10 +1,9 @@
-import { BoxProps, SxProps } from '@mui/material';
 export type PreviewFilesProps = {
     files: File[] | File | string[] | string | null;
     label?: string;
     onChange?: (newFiles: File[], deletedFile: File) => void;
     showDownload?: boolean;
     hideDelete?: boolean;
-    sx?: SxProps;
-} & Omit<BoxProps, 'onChange'>;
-export declare const PreviewFiles: ({ files, label, onChange, showDownload, hideDelete, sx, ...props }: PreviewFilesProps) => import("react/jsx-runtime").JSX.Element;
+    className?: string;
+};
+export declare const PreviewFiles: ({ files, label, onChange, showDownload, hideDelete, className, }: PreviewFilesProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Navigation/Stepper/HorizontalStepper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StepperVariantProps } from './Stepper';
+declare const HorizontalStepper: React.FC<StepperVariantProps>;
+export default HorizontalStepper;

package/dist/esm/types/src/components/Navigation/Stepper/Stepper.d.ts

@@ -1,49 +1,37 @@
-import { SxProps } from '@mui/material';
-interface StepperProps {
-    /** Orientation of the stepper */
-    orientation: 'vertical' | 'horizontal';
+import React from 'react';
+import HorizontalStepper from './HorizontalStepper';
+import VerticalStepper from './VerticalStepper';
+/**
+ * Interface for individual step items
+ */
+export interface StepItem {
+    /** The label text for the step */
+    label: string;
+    /** Optional description text shown below the label */
+    description?: string;
+}
+/**
+ * Props for the Stepper Variant components
+ */
+export interface StepperVariantProps {
     /** Current active step index (0-based) */
     activeStep: number;
     /** Array of step items with labels and optional descriptions */
     steps: StepItem[];
-    /** Additional styles for the container */
-    containerSx: SxProps;
+    /** Additional className for the container */
+    containerClassName?: string;
     /** Callback function called when a step is clicked. Receives the step index as parameter */
     onStepClick?: (stepIndex: number) => void;
     /** Whether to allow navigation by clicking on steps. Defaults to true */
     allowNavigation?: boolean;
 }
-interface StepItem {
-    /** The label text for the step */
-    label: string;
-    /** Optional description text shown below the label */
-    description?: string;
-}
+export type StepperProps = StepperVariantProps & {
+    /** Orientation of the stepper - horizontal or vertical */
+    orientation?: 'vertical' | 'horizontal';
+};
 /**
- * Enhanced Stepper component with navigation capabilities
- *
- * Features:
- * - Click on any step to navigate to it (when allowNavigation is true)
- * - Supports both vertical and horizontal orientations
- * - Customizable styling through containerSx prop
- * - Optional step descriptions
- *
- * @example
- * ```tsx
- * const [activeStep, setActiveStep] = useState(0);
- *
- * <Stepper
- *   orientation="vertical"
- *   activeStep={activeStep}
- *   steps={[
- *     { label: "Step 1", description: "First step" },
- *     { label: "Step 2", description: "Second step" }
- *   ]}
- *   onStepClick={(stepIndex) => setActiveStep(stepIndex)}
- *   allowNavigation={true}
- *   containerSx={{}}
- * />
- * ```
+ * Main Stepper component that handles both horizontal and vertical orientations
  */
-export declare const Stepper: ({ orientation, steps, activeStep, containerSx, onStepClick, allowNavigation, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const Stepper: React.FC<StepperProps>;
+export { HorizontalStepper, VerticalStepper };
+export { Stepper };

package/dist/esm/types/src/components/Navigation/Stepper/VerticalStepper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StepperVariantProps } from './Stepper';
+declare const VerticalStepper: React.FC<StepperVariantProps>;
+export default VerticalStepper;

package/dist/esm/types/src/components/Navigation/Stepper/utils.d.ts

@@ -0,0 +1,25 @@
+export type StepState = 'completed' | 'active' | 'inactive';
+/**
+ * Determines the state of a step based on the active step index
+ */
+export declare const getStepState: (stepIndex: number, activeStep: number) => StepState;
+/**
+ * Returns the appropriate CSS classes for step indicator based on state
+ */
+export declare const getIndicatorClasses: (state: StepState) => string;
+/**
+ * Returns the appropriate CSS classes for connector based on completion status
+ */
+export declare const getConnectorClasses: (stepIndex: number, activeStep: number) => string;
+/**
+ * Returns the appropriate CSS classes for step label based on state
+ */
+export declare const getLabelClasses: (state: StepState) => string;
+/**
+ * Returns the appropriate CSS classes for step description based on state
+ */
+export declare const getDescriptionClasses: (state: StepState) => string;
+/**
+ * Handles step click with navigation check
+ */
+export declare const handleStepClick: (stepIndex: number, allowNavigation: boolean, onStepClick?: (stepIndex: number) => void) => void;

package/dist/esm/types/src/components/Navigation/TabsContainer/TabsContainer.d.ts

@@ -1,15 +1,19 @@
-import { TabProps, TabsProps } from '@mui/material';
-interface CustomTabProps extends Omit<TabProps, 'component'> {
+interface CustomTabProps {
     key: string | number;
+    label: React.ReactNode;
     component: React.ReactNode;
     highlight?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactNode;
 }
 export interface TabsContainerProps {
     tabs: CustomTabProps[];
     onTabChange?: (tabKey: string) => void;
     currentTabIndex?: number;
-    tabsProps: TabsProps;
+    className?: string;
+    tabsListClassName?: string;
+    tabsTriggerClassName?: string;
     variant?: 'fixed' | 'dynamic';
 }
-export declare const TabsContainer: ({ tabs, onTabChange, currentTabIndex, tabsProps, variant, }: TabsContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsContainer: ({ tabs, onTabChange, currentTabIndex, className, tabsListClassName, tabsTriggerClassName, variant, }: TabsContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/src/components/Navigation/UploadDialog/UploadDialog.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import { DialogProps } from '../export';
 export type UploadDialogProps = {
     anchor: (props: {
         open: () => void;
@@ -11,5 +10,5 @@ export type UploadDialogProps = {
     onUpload: (file: File | File[]) => void;
     acceptFileType?: string;
     loading?: boolean;
-} & Omit<DialogProps, 'content' | 'onClose' | 'open'>;
-export declare const UploadDialog: ({ onUpload, sampleFileUrl, acceptFileType, loading, title, anchor, onDialogClose, onDialogOpen, ...props }: UploadDialogProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const UploadDialog: ({ onUpload, sampleFileUrl, acceptFileType, loading, title, anchor, onDialogClose, onDialogOpen, }: UploadDialogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-export * from '../Layout/PageHeader/components/TableColumnsSelector/TableColumnsSelector';
 export * from './Breadcrumbs/Breadcrumbs';
 export * from './Calendar/Calendar';
 export * from './Calendar/types';
@@ -11,7 +10,6 @@ export * from './DropDownMenu/DropDownIcon';
 export * from './DropDownMenu/DropDownMenu';
 export * from './DropDownMenu/DropdownMenuItem';
 export * from './PreviewFiles/PreviewFiles';
-export * from './Sidebar/Sidebar';
 export * from './Stepper/Stepper';
 export * from './TabsContainer/TabsContainer';
 export * from './UploadDialog/UploadDialog';

package/dist/esm/types/src/hooks/export.d.ts

@@ -1,3 +1,4 @@
+export * from './useMediaQuery';
 export * from './usePageHeader';
 export * from './useParams';
 export * from './useUrlParams';

package/dist/esm/types/src/hooks/useMediaQuery.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Custom hook to check if the screen size matches the given media query
+ * @param query - Media query string (e.g., '(max-width: 768px)')
+ * @returns boolean indicating if the media query matches
+ */
+export declare function useMediaQuery(query: string): boolean;

package/dist/esm/types/src/hooks/usePageHeader.d.ts

@@ -1,8 +1,11 @@
 export declare const usePageHeader: (defaultFilters?: {
     [x: string]: any;
 }) => {
-    columnVisibilityModel: import("@mui/x-data-grid").GridColumnVisibilityModel;
-    density: import("@mui/x-data-grid").GridDensity;
+    columnVisibilityModel: {
+        [x: string]: boolean;
+    };
+    density: "compact" | "standard" | "comfortable";
+    layoutMode: "table" | "card";
     filters: {
         [x: string]: any;
         search?: string;
@@ -17,4 +20,5 @@ export declare const usePageHeader: (defaultFilters?: {
     }) => void;
     onPageChange: (offset: number) => void;
     onLimitChange: (limit: number) => void;
+    setLayoutMode: (layoutMode: "table" | "card") => void;
 };

package/dist/esm/types/src/lib/export.d.ts

@@ -0,0 +1 @@
+export * from './utils';

package/dist/esm/types/src/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/esm/types/src/redux/slices/pageHeaderSlice.d.ts

@@ -1,8 +1,10 @@
-import { GridColumnVisibilityModel, GridDensity } from '@mui/x-data-grid';
 import { Slice } from '@reduxjs/toolkit';
 export type PageHeaderSingleState = {
-    density: GridDensity;
-    columnVisibilityModel: GridColumnVisibilityModel;
+    density: 'compact' | 'standard' | 'comfortable';
+    columnVisibilityModel: {
+        [x: string]: boolean;
+    };
+    layoutMode: 'table' | 'card';
     filters: {
         search?: string;
         limit: number;
@@ -15,4 +17,4 @@ export type PageHeaderState = {
     [uniqueId: string]: PageHeaderSingleState;
 };
 export declare const pageHeaderSlice: Slice<PageHeaderState>;
-export declare const setColumnVisibilityModelForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setDensityForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, resetStateForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setSearchForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setDefaultFiltersForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setLimitForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setOffsetForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setFilterByNameForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setViewForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>;
+export declare const setColumnVisibilityModelForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setDensityForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, resetStateForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setSearchForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setDefaultFiltersForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setLimitForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setOffsetForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setFilterByNameForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setViewForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>, setLayoutModeForUniqueId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<`${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, `${string}/${string}`> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, never, any> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, never> | import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<any[], any, `${string}/${string}`, any, any>;

package/dist/esm/types/src/shadcn-components/Charts/Chart.d.ts

@@ -0,0 +1,40 @@
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+export type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}): import("react/jsx-runtime").JSX.Element;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

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

@@ -0,0 +1,7 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as React from 'react';
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

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

@@ -0,0 +1,6 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as React from 'react';
+declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/esm/types/src/shadcn-components/DataDisplay/Badge/Badge.d.ts

@@ -0,0 +1,9 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const badgeVariants: (props?: {
+    variant?: "default" | "destructive" | "outline" | "secondary";
+} & import("class-variance-authority/dist/types").ClassProp) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare function Card({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };

package/dist/esm/types/src/shadcn-components/DataDisplay/Dialog/Dialog.d.ts

@@ -0,0 +1,15 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/esm/types/src/shadcn-components/DataDisplay/Seperator/Seperator.d.ts

@@ -0,0 +1,4 @@
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as React from 'react';
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

package/dist/esm/types/src/shadcn-components/DataDisplay/Skeleton/Skeleton.d.ts

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/dist/esm/types/src/shadcn-components/DataDisplay/Table/Pagination.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Button } from '@/shadcn-components/Input/Button/Button';
+declare function Pagination({ className, ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, 'size'> & React.ComponentProps<'a'>;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/esm/types/src/shadcn-components/DataDisplay/Table/Table.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare function Table({ className, ...props }: React.ComponentProps<'table'>): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<'tr'>): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<'td'>): import("react/jsx-runtime").JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): import("react/jsx-runtime").JSX.Element;
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };