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

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

@@ -0,0 +1,40 @@
+import { AxiosInstance } from 'axios';
+import { ReactNode, SyntheticEvent } from 'react';
+export type MultiSelectProps = {
+    options?: {
+        label: string;
+        subLabel?: string;
+        value: any;
+        icon?: ReactNode;
+    }[] | any[];
+    optionsApiEndPoint?: string;
+    optionsApiEndpointParams?: any;
+    externalAxios?: AxiosInstance;
+    required?: boolean;
+    label?: string;
+    name?: string;
+    getValue?: (option: any) => any;
+    value?: any[];
+    dbValueProps?: {
+        valueKey: string;
+        isObjectId?: boolean;
+        isInt?: boolean;
+        isFloat?: boolean;
+    };
+    dbLabelProps?: {
+        labelKey: string;
+        subLabelKey?: string;
+        useLabelStartCase?: boolean;
+        useSubLabelStartCase?: boolean;
+    };
+    onChange?: (values: any[]) => void;
+    onOpen?: (event: SyntheticEvent) => void;
+    onClose?: (event: SyntheticEvent, reason: string) => void;
+    error?: any;
+    helperText?: string;
+    type?: 'input' | 'filter';
+    disableClear?: boolean;
+    fullWidth?: boolean;
+};
+export declare const MultiSelect: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, getValue, value, onChange, dbValueProps, dbLabelProps, onOpen, onClose, type, ...restProps }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default MultiSelect;

package/dist/cjs/types/src/components/Input/MultiSelect/components/MenuFooter.d.ts

@@ -0,0 +1,3 @@
+export declare const MenuFooter: ({ onClick }: {
+    onClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/MultiSelect/components/MultiSelectFilter.d.ts

@@ -0,0 +1,14 @@
+import { SyntheticEvent } from 'react';
+import { MultiSelectProps } from '../MultiSelect';
+import { MultiSelectState } from '../multiSelectReducer';
+export type MultiSelectFilterProps = {
+    onChange: (values: any[]) => void;
+    searchDb: (searchValue: string) => Promise<void>;
+    handleOpen: (event: SyntheticEvent) => Promise<void>;
+    handleClose: (event: SyntheticEvent, reason: string) => void;
+    handleScroll: (event: any) => Promise<void>;
+    handleSelectOption: (option: any) => void;
+    handleClearAll: () => void;
+    state: MultiSelectState;
+} & MultiSelectProps;
+export declare const MultiSelectFilter: ({ optionsApiEndPoint, label, name, value, onChange, searchDb, handleOpen, handleClose, handleScroll, handleSelectOption, handleClearAll, state, disableClear, }: MultiSelectFilterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/MultiSelect/components/MultiSelectInput.d.ts

@@ -0,0 +1,14 @@
+import { SyntheticEvent } from 'react';
+import { MultiSelectProps } from '../MultiSelect';
+import { MultiSelectState } from '../multiSelectReducer';
+export type MultiSelectInputProps = {
+    onChange: (values: any[]) => void;
+    searchDb: (searchValue: string) => Promise<void>;
+    handleOpen: (event: SyntheticEvent) => Promise<void>;
+    handleClose: (event: SyntheticEvent, reason: string) => void;
+    handleScroll: (event: any) => Promise<void>;
+    handleSelectOption: (option: any) => void;
+    handleClearAll: () => void;
+    state: MultiSelectState;
+} & MultiSelectProps;
+export declare const MultiSelectInput: ({ optionsApiEndPoint, required, label, name, getValue, value, onChange, error, helperText, searchDb, handleOpen, handleClose, handleScroll, handleSelectOption, handleClearAll, state, disableClear, fullWidth, }: MultiSelectInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/MultiSelect/components/OptionsLoader.d.ts

@@ -0,0 +1,3 @@
+export declare const OptionsLoader: ({ isSearch }: {
+    isSearch: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/MultiSelect/multiSelectReducer.d.ts

@@ -0,0 +1,46 @@
+import { Reducer } from 'react';
+import { Option } from './utils';
+export declare enum MultiSelectActionsTypes {
+    OPEN = "open",
+    CLOSE = "close",
+    LOAD_INTERNAL_OPTIONS_START = "load_internal_options_start",
+    LOAD_INTERNAL_OPTIONS_END = "load_internal_options_end",
+    LOAD_SELECTED_OPTIONS_START = "load_selected_options_start",
+    LOAD_SELECTED_OPTIONS_END = "load_selected_options_end",
+    SET_NETWORK_ERROR = "set_network_error",
+    SET_INTERNAL_OPTIONS = "set_internal_options",
+    APPEND_INTERNAL_OPTIONS = "append_internal_options",
+    CHANGE_HAS_MORE_FLAG = "change_has_more_flag",
+    SET_SEARCH = "set_search",
+    CLEAR_SEARCH = "clear_search",
+    SELECT_OPTION = "select_option",
+    DESELECT_OPTION = "deselect_option",
+    CLEAR_ALL_SELECTIONS = "clear_all_selections"
+}
+export type MultiSelectState = {
+    open: boolean;
+    loadingInternalOptions: boolean;
+    loadingInitialInternalOptions: boolean;
+    internalOptions: Option[];
+    internalOptionsMap: {
+        [x: string]: Option;
+    };
+    selectedValues: any[];
+    selectedOptionsMap: {
+        [x: string]: Option;
+    };
+    limit: number;
+    offset: number;
+    hasMore: boolean;
+    search: string | null;
+    error?: any;
+};
+export type MultiSelectAction = {
+    actionType: MultiSelectActionsTypes;
+    stateChanges?: Partial<MultiSelectState> & {
+        persistOffset?: boolean;
+        newOptions?: Option[];
+        value?: any;
+    };
+};
+export declare const multiSelectReducer: Reducer<MultiSelectState, MultiSelectAction>;

package/dist/cjs/types/src/components/Input/MultiSelect/utils.d.ts

@@ -0,0 +1,14 @@
+export type Option = {
+    label: string;
+    subLabel?: string;
+    value: any;
+    icon?: React.ReactNode;
+};
+export declare const generateOptionsMap: (options: Option[], getValue?: (option: any) => any) => {
+    [x: string]: Option;
+};
+export declare const generateSelectedOptionsMap: (options: Option[], selectedValues: any[], getValue?: (option: any) => any) => {
+    [x: string]: Option;
+};
+export declare const sleep: (duration: number) => Promise<void>;
+export declare const isValueSelected: (value: any, selectedValues: any[], getValue?: (option: any) => any) => boolean;

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

@@ -1,14 +1,13 @@
-import { SxProps } from '@mui/material';
 interface OtpInputProps {
     length: number;
     onChangeOtp: (otp: string) => void;
-    containerSx?: SxProps;
-    inputSx?: SxProps;
+    containerClassName?: string;
+    inputClassName?: string;
     label?: string;
     name?: string;
     required?: boolean;
     error?: boolean;
     helperText?: string;
 }
-export declare const OtpInput: ({ length, onChangeOtp, containerSx, inputSx, label, name, required, error, helperText, }: OtpInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OtpInput: ({ length, onChangeOtp, containerClassName, inputClassName, label, name, required, error, helperText, }: OtpInputProps) => import("react/jsx-runtime").JSX.Element;
 export type { OtpInputProps };

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

@@ -1,6 +1,15 @@
-import { TextFieldProps as MuiTextFieldProps, StackProps } from '@mui/material';
 export type PasswordFieldProps = {
-    containerProps?: StackProps;
+    name?: string;
+    label?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    required?: boolean;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
     description?: string;
-} & MuiTextFieldProps;
-export declare const PasswordField: ({ name, label, value, onChange, required, containerProps, description, type, ...rest }: PasswordFieldProps) => import("react/jsx-runtime").JSX.Element;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    className?: string;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'>;
+export declare const PasswordField: ({ name, label, value, onChange, required, containerProps, description, placeholder, disabled, error, helperText, className, ...rest }: PasswordFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +1,22 @@
-import { RadioGroupProps as MuiRadioGroupProps, StackProps } from '@mui/material';
 import { ReactNode } from 'react';
 export type RadioGroupProps = {
-    containerProps?: StackProps;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
     options: Array<{
         label: ReactNode;
         value: any;
         disabled?: boolean;
     }>;
-    label: string;
-    required: boolean;
+    label?: string;
+    required?: boolean;
     name: string;
-    disabled: boolean;
-} & MuiRadioGroupProps;
-export declare const RadioGroup: ({ label, required, options, name, containerProps, disabled, onChange, ...rest }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+    disabled?: boolean;
+    value?: any;
+    defaultValue?: any;
+    onChange?: (value: any) => void;
+    onValueChange?: (value: string) => void;
+    direction?: 'row' | 'column';
+    className?: string;
+    error?: boolean;
+    helperText?: ReactNode;
+};
+export declare const RadioGroup: ({ label, required, options, name, containerProps, disabled, onChange, onValueChange, direction, className, error, helperText, ...rest }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,11 @@
-import { TextFieldProps } from '@mui/material';
 import { ReactNode } from 'react';
 export type SearchBarProps = {
     placeholder?: string;
     label?: string | ReactNode;
     value?: string;
-    onSearch: (value: string) => void;
-} & TextFieldProps;
-export declare const SearchBar: ({ placeholder, label, value, onSearch, ...rest }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
+    onSearch?: (value: string) => void;
+    className?: string;
+    containerClassName?: string;
+    inputClassName?: string;
+} & Omit<React.ComponentProps<'input'>, 'onChange' | 'value'>;
+export declare const SearchBar: ({ placeholder, label, value, onSearch, className, containerClassName, inputClassName, ...rest }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,3 @@
-import { SxProps } from '@mui/material';
-import { BaseSelectProps } from '@mui/material/Select';
 import * as React from 'react';
 export type SelectProps = {
     options: Array<{
@@ -7,10 +5,12 @@ export type SelectProps = {
         value: string | number;
         color?: 'red' | 'green' | 'blue' | 'pink' | 'yellow' | 'orange' | 'secondary';
     }>;
-    onChange?: (event: React.ChangeEvent<{
-        value: any;
-    }>) => void;
-    value: string | number;
-    containerSx?: SxProps;
-} & BaseSelectProps;
-export declare const Select: ({ options, onChange, value, containerSx, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+    onChange?: (value: string) => void;
+    value?: string | number;
+    defaultValue?: string | number;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+};
+export declare const Select: ({ options, onChange, value, placeholder, className, defaultValue, disabled, fullWidth, }: SelectProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,14 @@
-import { FormControlLabelProps, CheckboxProps as MuiCheckboxProps } from '@mui/material';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ReactNode } from 'react';
-import { TypographyProps } from '../../DataDisplay/Typography/Typography';
 export type CheckboxProps = {
-    checkedIcon?: ReactNode;
-    icon?: ReactNode;
     label: ReactNode;
-    formControlLabelProps?: Omit<FormControlLabelProps, 'control' | 'label'>;
-    typographyProps?: TypographyProps;
-} & MuiCheckboxProps;
-export declare const SingleCheckBox: ({ checked, label, onChange, required, checkedIcon, icon, formControlLabelProps, typographyProps, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+    required?: boolean;
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    className?: string;
+    labelClassName?: string;
+    containerClassName?: string;
+    disabled?: boolean;
+    name?: string;
+} & Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'checked' | 'onChange' | 'onCheckedChange'>;
+export declare const SingleCheckBox: ({ checked, label, onChange, required, className, labelClassName, containerClassName, disabled, name, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,5 @@
-import { AutocompleteProps } from '@mui/material';
 import { AxiosInstance } from 'axios';
-import { ReactNode } from 'react';
-declare module '@mui/material/Autocomplete' {
-    interface AutocompletePaperSlotPropsOverrides {
-        loadingOptions: boolean;
-        isSearch: boolean;
-    }
-}
+import { ReactNode, SyntheticEvent } from 'react';
 export type SingleSelectProps = {
     options?: {
         label: string;
@@ -21,6 +14,7 @@ export type SingleSelectProps = {
     label?: string;
     name?: string;
     getValue?: (option: any) => any;
+    value?: any;
     dbValueProps?: {
         valueKey: string;
         isObjectId?: boolean;
@@ -34,14 +28,13 @@ export type SingleSelectProps = {
         useSubLabelStartCase?: boolean;
     };
     onChange?: (value: any) => void;
+    onOpen?: (event: SyntheticEvent) => void;
+    onClose?: (event: SyntheticEvent, reason: string) => void;
     error?: any;
     helperText?: string;
     type?: 'input' | 'filter';
     disableClear?: boolean;
-} & Omit<AutocompleteProps<{
-    label: string;
-    subLabel?: string;
-    value: any;
-} | any, false, true, false>, 'options' | 'open' | 'onChange' | 'autoFocus' | 'PaperComponent' | 'renderOption' | 'options' | 'renderInput'>;
+    fullWidth?: boolean;
+};
 export declare const SingleSelect: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, getValue, value, onChange, dbValueProps, dbLabelProps, onOpen, onClose, type, ...restProps }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default SingleSelect;

package/dist/cjs/types/src/components/Input/SingleSelect/components/SingleFilter.d.ts

@@ -1,19 +1,12 @@
-import { AutocompleteCloseReason } from '@mui/material';
 import { SyntheticEvent } from 'react';
-import { SingleSelectProps } from '../../../export';
+import { SingleSelectProps } from '../SingleSelect';
 import { SingleSelectState } from '../singleSelectReducer';
-declare module '@mui/material/Autocomplete' {
-    interface AutocompletePaperSlotPropsOverrides {
-        loadingOptions: boolean;
-        isSearch: boolean;
-    }
-}
 export type SingleFilterProps = {
     onChange: (value: any) => void;
     searchDb: (searchValue: string) => Promise<void>;
     handleOpen: (event: SyntheticEvent) => Promise<void>;
-    handleClose: (event: SyntheticEvent, reason: AutocompleteCloseReason) => void;
+    handleClose: (event: SyntheticEvent, reason: string) => void;
     handleScroll: (event: any) => Promise<void>;
     state: SingleSelectState;
 } & SingleSelectProps;
-export declare const SingleFilter: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, required, label, name, getValue, value, onChange, error, helperText, dbValueProps, dbLabelProps, onOpen, onClose, searchDb, handleOpen, handleClose, handleScroll, state, disableClear, ...restProps }: SingleFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleFilter: ({ optionsApiEndPoint, label, name, value, onChange, searchDb, handleOpen, handleClose, handleScroll, state, disableClear, fullWidth, }: SingleFilterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/SingleSelect/components/SingleInput.d.ts

@@ -1,19 +1,12 @@
-import { AutocompleteCloseReason } from '@mui/material';
 import { SyntheticEvent } from 'react';
-import { SingleSelectProps } from '../../../export';
+import { SingleSelectProps } from '../SingleSelect';
 import { SingleSelectState } from '../singleSelectReducer';
-declare module '@mui/material/Autocomplete' {
-    interface AutocompletePaperSlotPropsOverrides {
-        loadingOptions: boolean;
-        isSearch: boolean;
-    }
-}
 export type SingleInputProps = {
     onChange: (value: any) => void;
     searchDb: (searchValue: string) => Promise<void>;
     handleOpen: (event: SyntheticEvent) => Promise<void>;
-    handleClose: (event: SyntheticEvent, reason: AutocompleteCloseReason) => void;
+    handleClose: (event: SyntheticEvent, reason: string) => void;
     handleScroll: (event: any) => Promise<void>;
     state: SingleSelectState;
 } & SingleSelectProps;
-export declare const SingleInput: ({ required, optionsApiEndPoint, label, name, getValue, value, onChange, error, helperText, dbLabelProps, searchDb, handleOpen, handleClose, handleScroll, state, disableClear, ...restProps }: SingleInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleInput: ({ optionsApiEndPoint, required, label, name, getValue, value, onChange, error, helperText, searchDb, handleOpen, handleClose, handleScroll, state, fullWidth, }: SingleInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Input/SingleSelect/singleSelectReducer.d.ts

@@ -17,6 +17,7 @@ export type Option = {
     label: string;
     subLabel?: string;
     value: any;
+    icon?: React.ReactNode;
 };
 export type SingleSelectState = {
     open: boolean;

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

@@ -1,3 +1,6 @@
-import { SwitchProps as MuiSwitchProps } from '@mui/material';
-export type SwitchProps = {} & MuiSwitchProps;
-export declare const Switch: (props: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+import { Switch as ShadcnSwitch } from '@/shadcn-components/Input/Switch/Switch';
+import * as React from 'react';
+export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof ShadcnSwitch> {
+    label?: string;
+}
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -4,5 +4,7 @@ export type TagsProps = {
         value: any;
     }[];
     onDelete?: (deletedChip: any) => void;
+    variant?: 'default' | 'secondary' | 'destructive' | 'outline';
+    className?: string;
 };
-export declare const Tags: ({ tags, onDelete }: TagsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tags: ({ tags, onDelete, variant, className, }: TagsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,11 @@
-import { TextFieldProps as MuiTextFieldProps, StackProps } from '@mui/material';
+import { Input } from '@/shadcn-components/Input/Input/Input';
+import * as React from 'react';
 export type TextFieldProps = {
-    containerProps?: StackProps;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
     description?: string;
-} & MuiTextFieldProps;
-export declare const TextField: ({ name, label, value, onChange, required, containerProps, description, ...rest }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
+    label?: React.ReactNode | string;
+    required?: boolean;
+    fullWidth?: boolean;
+    error?: boolean;
+} & React.ComponentProps<typeof Input>;
+export declare const TextField: ({ name, label, value, onChange, required, containerProps, description, fullWidth, className, error, ...rest }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,6 +8,7 @@ export * from './FormWrapper/FormWrapper';
 export * from './IconButtons/IconButtons';
 export * from './LabelWrapper/LabelWrapper';
 export * from './MultiCheckBox/MultiCheckBox';
+export * from './MultiSelect/MultiSelect';
 export * from './OtpInput/OtpInput';
 export * from './PasswordField/PasswordField';
 export * from './RadioGroup/RadioGroup';
@@ -17,4 +18,3 @@ export * from './SingleCheckBox/SingleCheckBox';
 export * from './SingleSelect/SingleSelect';
 export * from './Switch/Switch';
 export * from './TextField/TextField';
-export * from './TimePicker/TimePicker';

package/dist/cjs/types/src/components/Layout/AppLayout/components/MenuToggleButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface MenuToggleButtonProps {
+    /** Custom className */
+    className?: string;
+}
+export declare const MenuToggleButton: React.FC<MenuToggleButtonProps>;
+export {};

package/dist/cjs/types/src/components/Layout/AppLayout/components/Sidebar/Sidebar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { UserProfilePopupProps } from '../UserProfilePopup';
 import { SideMenuItemProps } from './interfaces';
 interface SidebarProps {
@@ -10,6 +10,7 @@ interface SidebarProps {
     collapsed: boolean;
     /** Function to toggle sidebar collapse state */
     setCollapsed: any;
+    actions: ReactNode;
 }
 export declare const Sidebar: React.FC<SidebarProps>;
 export {};

package/dist/cjs/types/src/components/Layout/AppLayout/components/Sidebar/StyledComponents.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+export type StyledLinkButtonProps = {
+    match?: any;
+    children?: React.ReactNode;
+    to?: string;
+    className?: string;
+    onClick?: () => void;
+} & any;
+export type StyledListItemButtonProps = {
+    collapsed?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    onClick?: () => void;
+} & React.HTMLAttributes<HTMLDivElement>;
+type BaseProps = {
+    children?: React.ReactNode;
+    className?: string;
+    onClick?: () => void;
+} & React.HTMLAttributes<HTMLDivElement>;
+type ButtonProps = {
+    children?: React.ReactNode;
+    className?: string;
+    onClick?: () => void;
+} & React.HTMLAttributes<HTMLButtonElement>;
+export declare const SidebarContainer: React.FC<BaseProps>;
+export declare const MenuBarContainer: React.FC<BaseProps>;
+export declare const MenuHeaderContainer: React.FC<BaseProps>;
+export declare const MenuItemContainer: React.FC<BaseProps>;
+export declare const MenuItemButton: React.FC<ButtonProps>;
+export declare const MenuItemIcon: React.FC<BaseProps>;
+export declare const MenuLink: React.FC<StyledLinkButtonProps>;
+export declare const SubMenuContainer: React.FC<StyledLinkButtonProps>;
+export declare const SubMenuItemContainer: React.FC<BaseProps>;
+export declare const HoverIcon: React.FC<BaseProps>;
+export declare const AnimationWrapper: React.FC<BaseProps>;
+export declare const desktopOnlyClasses = "hidden md:block";
+export declare const mobileOnlyClasses = "block md:hidden";
+export {};

package/dist/cjs/types/src/components/Layout/AppLayout/components/UserProfilePopup.d.ts

@@ -10,8 +10,8 @@ export interface UserProfilePopupProps {
     onLogout?: () => void;
     /** Profile image URL */
     profileUrl?: string;
-    /** Custom styles for the avatar */
-    avatarSx?: any;
+    /** Custom className for the avatar */
+    avatarClassName?: string;
     /** Whether to show active devices option */
     showActiveDevices?: boolean;
     /** Active devices click handler */
@@ -21,22 +21,4 @@ export interface UserProfilePopupProps {
     /**Persistant Side bar collapsed - boolean */
     collapsed?: boolean;
 }
-/**
- * Independent User Profile popup component for AppLayout right section
- * No longer depends on UserBox - contains its own implementation
- * Provides clean, flexible props interface
- *
- * @example
- * <UserProfilePopup
- *   userFullName="John Doe"
- *   designation="Administrator"
- *   profileActions={[
- *     <SwitchInstitutionPopup key="switch" />,
- *     <DropdownMenuItem key="settings" label="Settings" onClick={() => {}} />
- *   ]}
- *   onLogout={handleLogout}
- *   showActiveDevices={true}
- *   onActiveDevicesClick={() => console.log('Active devices')}
- * />
- */
 export declare const UserProfilePopup: React.FC<UserProfilePopupProps>;

package/dist/cjs/types/src/components/Layout/AppLayout/context/SidebarContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface SidebarContextType {
+    collapsed: boolean;
+    toggleSidebar: () => void;
+    setCollapsed: (collapsed: boolean) => void;
+}
+interface SidebarProviderProps {
+    children: React.ReactNode;
+    initialCollapsed?: boolean;
+}
+export declare const SidebarProvider: React.FC<SidebarProviderProps>;
+export declare const useSidebar: () => SidebarContextType;
+export {};

package/dist/cjs/types/src/components/Layout/AppLayout/index.d.ts

@@ -1,6 +1,5 @@
 export { AppLayout } from './AppLayout';
 export type { AppLayoutProps, HelpDocsAction, HelpDocsConfig } from './types';
-export { FloatingHelpDocs } from './components/FloatingHelpDocs';
-export { HelpPopup } from './components/HelpPopup';
-export { SwitchInstitutionPopup } from './components/SwitchInstitutionPopup';
+export { SidebarProvider, useSidebar } from './context/SidebarContext';
+export { MenuToggleButton } from './components/MenuToggleButton';
 export { UserProfilePopup } from './components/UserProfilePopup';

package/dist/cjs/types/src/components/Layout/AppLayout/types.d.ts

@@ -18,14 +18,12 @@ export interface AppLayoutProps {
     menu: SideMenuItemProps[];
     /**User profile parameters */
     userProfileParams: UserProfilePopupProps;
-    /** AppBar customization - Primary approach */
-    leftSection?: ReactNode;
-    /** AppBar customization - Primary approach */
-    rightSection?: ReactNode;
-    /** AppBar center section customization */
-    centerSection?: ReactNode;
+    /** Switchers section customization - receives collapsed state */
+    actions?: ReactNode | ((params: {
+        collapsed: boolean;
+    }) => ReactNode);
     /** Layout customization */
-    mainContainerSx?: any;
+    mainContainerClassName?: string;
     /** Help documentation configuration for route-based contextual help */
     helpDocsConfig?: HelpDocsConfig;
     /**

package/dist/cjs/types/src/components/Layout/PageContent/PageContent.d.ts

@@ -1,5 +1,8 @@
-import { BoxProps } from '@mui/material';
-export type PageContentProps = {
-    variant?: 'stepper' | 'standard' | 'side-panel';
-} & BoxProps;
-export declare const PageContent: ({ variant, ...props }: PageContentProps) => import("react/jsx-runtime").JSX.Element;
+import { ReactNode } from 'react';
+interface PageContentProps {
+    children: ReactNode;
+    className?: string;
+}
+declare const PageContent: ({ children, className }: PageContentProps) => import("react/jsx-runtime").JSX.Element;
+export { PageContent };
+export default PageContent;

package/dist/cjs/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/cjs/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;