@rufous/ui 0.2.0-beta.0 → 0.2.1

package/dist/main.d.cts

@@ -1,70 +1,1719 @@
-export { APP_THEMES } from './utils/constants.cjs';
-export { default as ArchivedIcon } from './icons/archivedIcon.cjs';
-export { default as CopyIcon } from './icons/copyIcon.cjs';
-export { default as EditIcon } from './icons/editIcon.cjs';
-export { default as HelpOutlinedIcon } from './icons/helpOutlinedIcon.cjs';
-export { default as HierarchyIcon } from './icons/hierarchyIcon.cjs';
-export { default as NineDotMenuIcon } from './icons/nineDotMenuIcon.cjs';
-export { default as RufousLauncherIcon } from './icons/rufousLauncherBird.cjs';
-export { default as UnArchivedIcon } from './icons/unArchivedIcon.cjs';
-export { default as WorkItemIcon } from './icons/workItemIcon.cjs';
-export { default as DownloadIcon } from './icons/downloadIcon.cjs';
-export { default as ActivateUserIcon } from './icons/activateUserIcon.cjs';
-export { default as AssignGroupIcon } from './icons/assignGroupIcon.cjs';
-export { default as DifficultyAllIcon } from './icons/difficultyAllIcon.cjs';
-export { default as DifficultyEasyIcon } from './icons/difficultyEasyIcon.cjs';
-export { default as DifficultyHardIcon } from './icons/difficultyHardIcon.cjs';
-export { default as DifficultyMediumIcon } from './icons/difficultyMediumIcon.cjs';
-export { default as InactiveGroupIcon } from './icons/inactiveGroupIcon.cjs';
-export { default as InvoiceIcon } from './icons/invoiceIcon.cjs';
-export { default as LogsIcon } from './icons/logsIcon.cjs';
-export { default as QuestionStatusAllIcon } from './icons/questionStatusAllIcon.cjs';
-export { default as QuestionStatusPrivateIcon } from './icons/questionStatusPrivateIcon.cjs';
-export { default as QuestionStatusPublicIcon } from './icons/questionStatusPublicIcon.cjs';
-export { default as QuestionTypeAllIcon } from './icons/questionTypeAllIcon.cjs';
-export { default as QuestionTypeCodingIcon } from './icons/questionTypeCodingIcon.cjs';
-export { default as QuestionTypeDescriptiveIcon } from './icons/questionTypeDescriptiveIcon.cjs';
-export { default as QuestionTypeMultipleIcon } from './icons/questionTypeMultipleIcon.cjs';
-export { default as QuestionTypeSingleIcon } from './icons/questionTypeSingleIcon.cjs';
-export { default as ResendInviteIcon } from './icons/resendInviteIcon.cjs';
-export { default as SubscribeIcon } from './icons/subscribeIcon.cjs';
-export { default as SuspendUserIcon } from './icons/suspendUserIcon.cjs';
-export { default as UnsubscribeIcon } from './icons/unsubscribeIcon.cjs';
-export { default as UploadIcon } from './icons/uploadIcon.cjs';
-export { default as ViewIcon } from './icons/viewIcon.cjs';
-export { default as UserAssignIcon } from './icons/userAssignIcon.cjs';
-export { default as RufousBirdIcon } from './icons/rufousBirdIcon.cjs';
-export { default as TickIcon } from './icons/tickIcon.cjs';
-export { default as TimerIcon } from './icons/timerIcon.cjs';
-export { default as TrashIcon } from './icons/trashIcon.cjs';
-export { default as EditChatIcon } from './icons/editChatIcon.cjs';
-export { default as SidebarIcon } from './icons/sidebarIcon.cjs';
-export { default as NotificationIcon } from './icons/notificationIcon.cjs';
-export { default as RefreshIcon } from './icons/refreshIcon.cjs';
-export { default as DollarIcon } from './icons/dollarIcon.cjs';
-export { default as EngagementIcon } from './icons/engagementIcon.cjs';
-export { default as FunctionIcon } from './icons/functionIcon.cjs';
-export { default as IndustryIcon } from './icons/industryIcon.cjs';
-export { default as MinExperienceIcon } from './icons/minExperienceIcon.cjs';
-export { default as ProjectIcon } from './icons/projectIcon.cjs';
-export { default as RolesIcon } from './icons/rolesIcon.cjs';
-export { default as RufousAiIcon } from './icons/rufousAiIcon.cjs';
-export { default as CloseIcon } from './icons/closeIcon.cjs';
-export { default as LocationPinIcon } from './icons/locationPinIcon.cjs';
-export { default as DownloadPdfIcon } from './icons/downloadPdfIcon.cjs';
-export { default as SoftSkillsIcon } from './icons/softSkillsIcon.cjs';
-export { default as TechnicalSkillsIcon } from './icons/technicalSkillsIcon.cjs';
-export { default as QualificationsIcon } from './icons/qualificationsIcon.cjs';
-export { default as AddButton } from './Buttons/addButton.cjs';
-export { default as SubmitButton } from './Buttons/submitButton.cjs';
-export { default as CancelButton } from './Buttons/cancelButton.cjs';
-export { default as StandardButton } from './Buttons/stdButton.cjs';
-export { default as BaseDialog } from './Dialogs/BaseDialog.cjs';
-export { RufousThemeProvider, useRufousTheme } from './Contexts/rufousThemeProvider.cjs';
-export { Checkbox, CheckboxProps } from './CheckBoxes/CheckBox.d.cjs';
-export { FloatingInput, FloatingInputProps } from './TextFields/FloatingInput.cjs';
-export { default as CircularProgress } from './Progress/circularProgress.cjs';
-export { default as DataGrid } from './DataGrid/DataGrid.cjs';
-export { Action, Column, DataGridProps, SortDirection } from './DataGrid/types.cjs';
-export { MentionItem, default as RichTextEditor, RichTextEditorProps } from './Editors/RichTextEditor.cjs';
-import 'react';
+import * as React from 'react';
+import React__default, { ReactNode, CSSProperties, InputHTMLAttributes, ReactElement, ComponentType } from 'react';
+
+declare const APP_THEMES: {
+    default: {
+        name: string;
+        light: {
+            primary: string;
+            secondary: string;
+            background: string;
+            surface: string;
+            text: string;
+            textSecondary: string;
+            border: string;
+            hover: string;
+            selection: string;
+            icon: string;
+            readonly customStyles: {
+                iconColor: any;
+                primaryColor: any;
+                secondaryColor: any;
+            };
+        };
+        dark: {
+            primary: string;
+            secondary: string;
+            background: string;
+            surface: string;
+            text: string;
+            textSecondary: string;
+            border: string;
+            hover: string;
+            selection: string;
+            icon: string;
+            readonly customStyles: {
+                iconColor: any;
+                primaryColor: any;
+                secondaryColor: any;
+            };
+        };
+        button: {
+            background: string;
+            text: string;
+            hoverBackground: string;
+            disabledBackground: string;
+        };
+        input: {
+            background: string;
+            text: string;
+            border: string;
+            placeholder: string;
+            focusBorder: string;
+        };
+        card: {
+            background: string;
+            shadow: string;
+        };
+        sidebar: {
+            background: string;
+            text: string;
+            hover: string;
+        };
+        success: string;
+        warning: string;
+        error: string;
+    };
+    rufous: {
+        name: string;
+        light: {
+            primary: string;
+            secondary: string;
+            background: string;
+            surface: string;
+            text: string;
+            textSecondary: string;
+            border: string;
+            hover: string;
+            selection: string;
+            icon: string;
+            readonly customStyles: {
+                iconColor: any;
+                primaryColor: any;
+                secondaryColor: any;
+            };
+        };
+        dark: {
+            primary: string;
+            secondary: string;
+            background: string;
+            surface: string;
+            text: string;
+            textSecondary: string;
+            border: string;
+            hover: string;
+            selection: string;
+            icon: string;
+            readonly customStyles: {
+                iconColor: any;
+                primaryColor: any;
+                secondaryColor: any;
+            };
+        };
+    };
+};
+
+interface ArchivedIconProps extends React__default.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const ArchivedIcon: React__default.FC<ArchivedIconProps>;
+
+interface CopyIconProps extends React__default.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const CopyIcon: React__default.FC<CopyIconProps>;
+
+interface EditIconProps extends React__default.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const EditIcon: React__default.FC<EditIconProps>;
+
+interface HeplOutlinedIconProps extends React__default.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const HelpOutlinedIcon: React__default.FC<HeplOutlinedIconProps>;
+
+interface HierarchyIconProps extends React__default.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const HierarchyIcon: React__default.FC<HierarchyIconProps>;
+
+interface NineDotMenuIconProps extends React__default.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const NineDotMenuIcon: React__default.FC<NineDotMenuIconProps>;
+
+interface RufousLauncherIconProps extends React__default.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const RufousLauncherIcon: React__default.FC<RufousLauncherIconProps>;
+
+interface UnArchivedIconProps extends React__default.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const UnArchivedIcon: React__default.FC<UnArchivedIconProps>;
+
+interface WorkItemIconProps extends React__default.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const WorkItemIcon: React__default.FC<WorkItemIconProps>;
+
+interface DownloadIconProps extends React__default.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const DownloadIcon: React__default.FC<DownloadIconProps>;
+
+interface ActivateUserProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const ActivateUserIcon: React.FC<ActivateUserProps>;
+
+interface AssignGroupProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const AssignGroupIcon: React.FC<AssignGroupProps>;
+
+interface DifficultyAllProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const DifficultyAllIcon: React.FC<DifficultyAllProps>;
+
+interface DifficultyEasyProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const DifficultyEasyIcon: React.FC<DifficultyEasyProps>;
+
+interface DifficultyHardProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const DifficultyHardIcon: React.FC<DifficultyHardProps>;
+
+interface DifficultyMediumProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const DifficultyMediumIcon: React.FC<DifficultyMediumProps>;
+
+interface InactiveGroupProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const InactiveGroupIcon: React.FC<InactiveGroupProps>;
+
+interface InvoiceProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const InvoiceIcon: React.FC<InvoiceProps>;
+
+interface LogsProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const LogsIcon: React.FC<LogsProps>;
+
+interface QuestionStatusAllIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const QuestionStatusAllIcon: React.FC<QuestionStatusAllIconProps>;
+
+interface QuestionStatusPrivateIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const QuestionStatusPrivateIcon: React.FC<QuestionStatusPrivateIconProps>;
+
+interface QuestionStatusPublicIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const QuestionStatusPublicIcon: React.FC<QuestionStatusPublicIconProps>;
+
+interface QuestionTypeAllIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const QuestionTypeAllIcon: React.FC<QuestionTypeAllIconProps>;
+
+interface QuestionTypeCodingIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const QuestionTypeCodingIcon: React.FC<QuestionTypeCodingIconProps>;
+
+interface QuestionTypeDescriptiveIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const QuestionTypeDescriptiveIcon: React.FC<QuestionTypeDescriptiveIconProps>;
+
+interface QuestionTypeMultipleIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const QuestionTypeMultipleIcon: React.FC<QuestionTypeMultipleIconProps>;
+
+interface QuestionTypeSingleIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const QuestionTypeSingleIcon: React.FC<QuestionTypeSingleIconProps>;
+
+interface ResendInviteIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const ResendInviteIcon: React.FC<ResendInviteIconProps>;
+
+interface SubscribeIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const SubscribeIcon: React.FC<SubscribeIconProps>;
+
+interface SuspendUserIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const SuspendUserIcon: React.FC<SuspendUserIconProps>;
+
+interface UnsubscribeIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const UnsubscribeIcon: React.FC<UnsubscribeIconProps>;
+
+interface UploadIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const UploadIcon: React.FC<UploadIconProps>;
+
+interface ViewIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const ViewIcon: React.FC<ViewIconProps>;
+
+interface UserAssignIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const UserAssignIcon: React.FC<UserAssignIconProps>;
+
+interface RufousBirdIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const RufousBirdIcon: React.FC<RufousBirdIconProps>;
+
+interface TickIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const TickIcon: React.FC<TickIconProps>;
+
+interface TimerIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const TimerIcon: React.FC<TimerIconProps>;
+
+interface TrashIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const TrashIcon: React.FC<TrashIconProps>;
+
+interface EditChatProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const EditChatIcon: React.FC<EditChatProps>;
+
+interface SidebarProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const SidebarIcon: React.FC<SidebarProps>;
+
+interface NotificationIconProps extends React__default.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const NotificationIcon: React__default.FC<NotificationIconProps>;
+
+interface RefreshIconProps extends React__default.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const RefreshIcon: React__default.FC<RefreshIconProps>;
+
+interface DollarIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const DollarIcon: React.FC<DollarIconProps>;
+
+interface EngagementIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const EngagementIcon: React.FC<EngagementIconProps>;
+
+interface FunctionIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const FunctionIcon: React.FC<FunctionIconProps>;
+
+interface IndustryIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const IndustryIcon: React.FC<IndustryIconProps>;
+
+interface MinExperienceIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const MinExperienceIcon: React.FC<MinExperienceIconProps>;
+
+interface ProjectIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const ProjectIcon: React.FC<ProjectIconProps>;
+
+interface RolesIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const RolesIcon: React.FC<RolesIconProps>;
+
+interface RufousAiIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const RufousAiIcon: React.FC<RufousAiIconProps>;
+
+interface CloseProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const CloseIcon: React.FC<CloseProps>;
+
+interface LocationPinProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const LocationPinIcon: React.FC<LocationPinProps>;
+
+interface DownloadPdfProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const DownloadPdfIcon: React.FC<DownloadPdfProps>;
+
+interface SoftSkillsIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const SoftSkillsIcon: React.FC<SoftSkillsIconProps>;
+
+interface TechnicalSkillsIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const TechnicalSkillsIcon: React.FC<TechnicalSkillsIconProps>;
+
+interface QualificationsIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const QualificationsIcon: React.FC<QualificationsIconProps>;
+
+interface CameraIconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+}
+declare const CameraIcon: React.FC<CameraIconProps>;
+
+type SxProp = {
+    [key: string]: string | number | SxProp | undefined | null;
+};
+
+interface AddButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    sx?: SxProp;
+}
+declare const AddButton: React.FC<AddButtonProps>;
+
+interface SubmitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    type?: "button" | "submit" | "reset";
+    bgGradiant?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => Promise<void> | void;
+    onDoubleClick?: (e: React.MouseEvent<HTMLButtonElement>) => Promise<void> | void;
+    isLoading?: boolean;
+    sx?: SxProp;
+}
+declare const SubmitButton: React.FC<SubmitButtonProps>;
+
+interface CancelButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: string;
+    sx?: SxProp;
+}
+declare const CancelButton: React.FC<CancelButtonProps>;
+
+interface StandardButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    sx?: SxProp;
+}
+declare const StandardButton: React.FC<StandardButtonProps>;
+
+interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    variant?: "contained" | "outlined" | "text";
+    color?: "primary" | "secondary" | "success" | "error" | "info" | "warning" | "inherit";
+    size?: "small" | "medium" | "large";
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    disableElevation?: boolean;
+    disableRipple?: boolean;
+    href?: string;
+    loading?: boolean;
+    loadingPosition?: "start" | "end" | "center";
+    component?: React.ElementType;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    color?: "default" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | "inherit";
+    size?: "small" | "medium" | "large";
+    edge?: "start" | "end" | false;
+    disabled?: boolean;
+    disableRipple?: boolean;
+    href?: string;
+    component?: React.ElementType;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+interface BaseDialogProps {
+    open?: boolean;
+    onConfirm?: () => Promise<void> | void;
+    onClose?: () => void;
+    onCancel?: () => void;
+    children?: React.ReactNode;
+    minWidth?: number | string;
+    minHeight?: number | string;
+    customButtons?: React.ReactNode;
+    cancelText?: string;
+    confirmText?: string;
+    submitText?: string;
+    title?: string;
+    isLoading?: boolean;
+    disableConfirmBtn?: boolean;
+    fullScreen?: boolean;
+    loading?: boolean;
+    showCloseButton?: boolean;
+    buttonAlign?: "flex-start" | "flex-end" | "center";
+    showCancelButton?: boolean;
+    formatTitle?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    dialogBodyStyle?: React.CSSProperties;
+    size?: "sm" | "md" | "lg" | "xl" | "fullScreen";
+    /** Scoped style overrides. Supports nested CSS selectors with & */
+    sx?: SxProp;
+    /** A transition component (e.g. Fade, Slide, Grow, Zoom) to animate the dialog container */
+    TransitionComponent?: React.ComponentType<{
+        in: boolean;
+        children: React.ReactElement;
+        [key: string]: any;
+    }>;
+    /** Props forwarded to the TransitionComponent */
+    TransitionProps?: Record<string, any>;
+}
+declare const BaseDialog: React.FC<BaseDialogProps>;
+
+declare const RufousThemeProvider: ({ children }: {
+    children: any;
+}) => React__default.JSX.Element;
+declare const useRufousTheme: () => any;
+
+interface CheckboxProps {
+  id?: string;
+  label?: string;
+  checked: boolean;
+  onChange: (checked: boolean) => void;
+  disabled?: boolean;
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+declare const Checkbox: React.FC<CheckboxProps>;
+
+interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /** Label text shown for the input */
+    label?: string;
+    /** The visual variant of the text field */
+    variant?: 'outlined' | 'filled' | 'standard';
+    /** The size of the component */
+    size?: 'small' | 'medium';
+    /** The color of the component */
+    color?: 'primary' | 'secondary' | 'error' | 'success' | 'info' | 'warning';
+    /** If true, the label is displayed in an error state. */
+    error?: boolean;
+    /** Helper text placed below the input */
+    helperText?: ReactNode;
+    /** If true, the input will take up the full width of its container. */
+    fullWidth?: boolean;
+    /** Props applied to the `Input` element wrapper and adornments. */
+    InputProps?: {
+        startAdornment?: ReactNode;
+        endAdornment?: ReactNode;
+        className?: string;
+        style?: CSSProperties;
+    };
+    /** Props applied to the `input` element natively. */
+    slotProps?: {
+        input?: InputHTMLAttributes<HTMLInputElement>;
+    };
+    /** Optional class name to apply to the outer wrapper */
+    className?: string;
+    /** Inline style overrides for the wrapper */
+    style?: CSSProperties;
+    /** Scoped style overrides. Supports nested CSS selectors with & */
+    sx?: SxProp;
+}
+declare const TextField: React__default.ForwardRefExoticComponent<TextFieldProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface AddressValue {
+    addressLine1?: string;
+    addressLine2?: string;
+    city?: string;
+    state?: string;
+    country?: string;
+    pincode?: string;
+}
+interface AddressError {
+    addressLine1?: string;
+    addressLine2?: string;
+    city?: string;
+    state?: string;
+    country?: string;
+    pincode?: string;
+}
+interface AddressLookupProps {
+    /** Current address value object */
+    value?: AddressValue;
+    /** Callback fired when any address field changes */
+    onChange?: (value: AddressValue) => void;
+    /** Label for the primary address search field */
+    label?: string;
+    /** Validation error messages per field */
+    error?: AddressError;
+    /** Size variant */
+    size?: "small" | "medium" | "large";
+    /** Inline style overrides for the container */
+    sx?: CSSProperties;
+    /** Layout mode: "stack" | "compact" | "grid" */
+    layout?: "stack" | "compact" | "grid";
+    /** Whether address fields are required */
+    required?: boolean;
+    /** Google Places API Key */
+    token?: string;
+}
+/**
+ * AddressLookup Component (MUI-Free Version)
+ * @param value - { addressLine1, addressLine2, city, state, country, pincode }
+ * @param onChange - Returns the full updated object
+ * @param layout - "stack" | "compact" | "grid"
+ * @param sx - Style overrides for the container
+ * @param token - Google Places API Key
+ */
+declare const AddressLookup: ({ value, onChange, label, error, size, sx, layout, required, token, }: AddressLookupProps) => React__default.JSX.Element;
+
+type DateFormatString = "MM/DD/YYYY" | "DD/MM/YYYY" | "YYYY-MM-DD" | "DD-MM-YYYY" | "MM-DD-YYYY" | "YYYY/MM/DD" | "DD MMM YYYY" | "MMM DD, YYYY" | "DD MMMM YYYY" | "MMMM DD, YYYY";
+interface DateFieldProps {
+    /** Floating label */
+    label?: string;
+    /** Controlled ISO date string: "YYYY-MM-DD" for date, "YYYY-MM-DDTHH:MM" for datetime */
+    value?: string;
+    /** Called with the ISO string whenever the value changes */
+    onChange?: (value: string) => void;
+    /**
+     * - "date" — date only
+     * - "datetime" — date + time at bottom (spinner inputs)
+     * - "datetime-side" — date + time side panel (spinner inputs)
+     * - "datetime-scroll" — date + time side panel (scroll-wheel / drum-roll)
+     */
+    type?: "date" | "datetime" | "datetime-side" | "datetime-scroll";
+    /** Display format for the date in the input field. Default: "MM/DD/YYYY" */
+    dateFormat?: DateFormatString;
+    variant?: "outlined" | "filled" | "standard" | "compact";
+    size?: "small" | "medium";
+    color?: "primary" | "secondary" | "error" | "success" | "info" | "warning";
+    error?: boolean;
+    helperText?: ReactNode;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    placeholder?: string;
+    className?: string;
+    style?: CSSProperties;
+    /** Scoped style overrides. Supports nested CSS selectors with & */
+    sx?: SxProp;
+}
+declare const DateField: React__default.FC<DateFieldProps>;
+
+type DateRangeValue = {
+    start: string;
+    end: string;
+};
+interface DateRangeFieldProps {
+    label?: string;
+    value?: DateRangeValue;
+    onChange?: (value: DateRangeValue) => void;
+    /** "panel" = preset shortcuts + manual inputs. "calendar" = dual-month grid. */
+    pickerType?: "panel" | "calendar";
+    variant?: "outlined" | "filled" | "standard";
+    size?: "small" | "medium";
+    color?: "primary" | "secondary" | "error" | "success" | "info" | "warning";
+    error?: boolean;
+    helperText?: ReactNode;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    /** Scoped style overrides. Supports nested CSS selectors with & */
+    sx?: SxProp;
+}
+declare const DateRangeField: React__default.FC<DateRangeFieldProps>;
+
+interface AutocompleteProps<T = string> {
+    /** Array of options to display */
+    options: T[];
+    /** Controlled value — T for single, T[] for multiple, null to clear */
+    value?: T | T[] | null;
+    /** Called when the value changes */
+    onChange?: (value: T | T[] | null) => void;
+    /** Controlled text in the input */
+    inputValue?: string;
+    /** Called on every keystroke */
+    onInputChange?: (value: string) => void;
+    /** Return the string label for an option */
+    getOptionLabel?: (option: T) => string;
+    /** Decide equality between option and value (useful for objects) */
+    isOptionEqualToValue?: (option: T, value: T) => boolean;
+    /** Group options by returning a category string */
+    groupBy?: (option: T) => string;
+    /** Custom option filter — replaces the default substring match */
+    filterOptions?: (options: T[], inputValue: string) => T[];
+    /** Custom option renderer */
+    renderOption?: (option: T, state: {
+        selected: boolean;
+        focused: boolean;
+        index: number;
+    }) => ReactNode;
+    /** Mark specific options as disabled */
+    getOptionDisabled?: (option: T) => boolean;
+    /** Allow multiple selections */
+    multiple?: boolean;
+    /** Allow values that are not in the options list */
+    freeSolo?: boolean;
+    /** Show a clear (×) button when a value is selected */
+    clearable?: boolean;
+    /** Show loading indicator in the dropdown */
+    loading?: boolean;
+    /** Content shown while loading */
+    loadingText?: ReactNode;
+    /** Content shown when no options match */
+    noOptionsText?: ReactNode;
+    /** In multiple mode, cap how many tags are displayed before "+N more" */
+    limitTags?: number;
+    label?: string;
+    placeholder?: string;
+    variant?: "outlined" | "filled" | "standard";
+    size?: "small" | "medium";
+    error?: boolean;
+    helperText?: ReactNode;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    /** Scoped style overrides. Supports nested CSS selectors with & */
+    sx?: SxProp;
+    /** Called when the popup opens */
+    onOpen?: () => void;
+    /** Called when the popup closes */
+    onClose?: () => void;
+}
+declare const Autocomplete: <T = string>(props: AutocompleteProps<T> & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => React__default.ReactElement;
+
+interface CircularProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: number;
+    color?: string;
+    sx?: SxProp;
+}
+declare const CircularProgress: React.FC<CircularProgressProps>;
+
+interface CircularProgressIconProps {
+    /** Diameter of the spinner in pixels */
+    size?: number;
+    /** Spinner arc color */
+    color?: string;
+    /** Icon rendered in the center */
+    icon: React.ReactNode;
+    /**
+     * When true the icon continuously rotates on the Y axis (coin-flip effect).
+     * When false (default) the icon is static.
+     */
+    spinIcon?: boolean;
+    sx?: SxProp;
+    className?: string;
+}
+declare const CircularProgressIcon: React.FC<CircularProgressIconProps>;
+
+interface RufousLogoLoaderProps {
+    /** Width of the loader in pixels — height is proportioned automatically */
+    size?: number;
+    sx?: SxProp;
+    className?: string;
+}
+declare const RufousLogoLoader: React.FC<RufousLogoLoaderProps>;
+
+type SortDirection = 'asc' | 'desc' | null;
+interface Column<T> {
+    key?: keyof T | string;
+    field?: keyof T | string;
+    header?: string;
+    headerName?: string;
+    sortable?: boolean;
+    filterable?: boolean;
+    render?: (value: any, item: T) => React__default.ReactNode;
+    renderCell?: (params: {
+        value: any;
+        row: T;
+        field: string;
+    }) => React__default.ReactNode;
+    valueGetter?: (params: {
+        value: any;
+        row: T;
+        field: string;
+    }) => any;
+    valueFormatter?: (params: {
+        value: any;
+        row: T;
+        field: string;
+    }) => string;
+    width?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    flex?: number;
+    pinned?: 'left' | 'right';
+    hidden?: boolean;
+    type?: 'string' | 'number' | 'date' | 'boolean' | 'actions' | 'status';
+    statusOptions?: string[];
+    editable?: boolean;
+    headerClassName?: string;
+    cellClassName?: string;
+    hideable?: boolean;
+    disableColumnMenu?: boolean;
+}
+interface Action<T> {
+    label: string;
+    icon: React__default.ReactNode;
+    onClick: (item: T) => void;
+    color?: string;
+    show?: (item: T) => boolean;
+}
+interface DataGridProps<T> {
+    columns: Column<T>[];
+    data: T[];
+    actions?: Action<T>[] | ((item: T) => Action<T>[]);
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    title?: string;
+    className?: string;
+    sx?: SxProp;
+}
+
+declare function DataGrid<T extends {
+    id: string | number;
+}>({ columns: initialColumnsProp, data, actions, pageSize: initialPageSize, pageSizeOptions, title, className, sx, }: DataGridProps<T>): React__default.JSX.Element;
+
+interface MentionItem {
+    id: string;
+    userId?: string;
+    name: string;
+    link?: string;
+}
+interface RichTextEditorProps {
+    /** Current HTML value */
+    value?: string;
+    /** Called whenever content changes */
+    onChange?: (value: string) => void;
+    /** Called when editor loses focus */
+    onBlur?: (value: string) => void;
+    /** Called when an error occurs (e.g. image upload failure) */
+    onError?: (message: string) => void;
+    /** Called when the optional close button is clicked */
+    onClose?: () => void;
+    /** Called after a successful image upload, with the resulting URL */
+    onImageUploadSuccess?: (url: string) => void;
+    /** Editor height (CSS value) */
+    height?: string;
+    /** Editor width (CSS value) */
+    width?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disable editing */
+    disabled?: boolean;
+    /** Allow the user to drag-resize the editor height */
+    allowResizeY?: boolean;
+    /** Add fullsize toggle to toolbar */
+    fullSize?: boolean;
+    /** Enable Jodit Pro AI assistant (requires licenseKey) */
+    aiSupport?: boolean;
+    /** Jodit Pro license key — enables Pro features when provided */
+    licenseKey?: string;
+    /** Google Translate API key */
+    translationKey?: string;
+    /** Bearer token for image upload requests */
+    token?: string;
+    /** API endpoint for image uploads */
+    uploadUrl?: string;
+    /** @mention data */
+    mentions?: {
+        arr: MentionItem[];
+    };
+    /** Validation error message shown below the editor */
+    error?: string | null;
+    /** Extra CSS class on the root wrapper */
+    className?: string;
+    /** Extra inline styles on the root wrapper */
+    style?: React__default.CSSProperties;
+}
+declare function RichTextEditor({ value, onChange, onBlur, onError, onClose, onImageUploadSuccess, height, width, placeholder, disabled, allowResizeY, fullSize, aiSupport, licenseKey, translationKey, token, uploadUrl, mentions, error, className, style, }: RichTextEditorProps): React__default.JSX.Element;
+
+type SelectOption = {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+};
+interface SelectProps {
+    options: SelectOption[] | string[];
+    value?: string | number | null;
+    onChange?: (value: string | number | null) => void;
+    label?: string;
+    placeholder?: string;
+    variant?: "outlined" | "filled" | "standard";
+    size?: "small" | "medium";
+    error?: boolean;
+    helperText?: ReactNode;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    multiple?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface SliderMark {
+    value: number;
+    label?: string;
+}
+interface SliderProps {
+    value?: number | [number, number];
+    onChange?: (value: number | [number, number]) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    marks?: boolean | SliderMark[];
+    disabled?: boolean;
+    color?: "primary" | "secondary";
+    size?: "small" | "medium";
+    orientation?: "horizontal" | "vertical";
+    valueLabelDisplay?: "auto" | "on" | "off";
+    range?: boolean;
+    label?: string;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Slider: React__default.ForwardRefExoticComponent<SliderProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface SwitchProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+    labelPlacement?: "end" | "start" | "top" | "bottom";
+    size?: "small" | "medium";
+    color?: "primary" | "secondary";
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLLabelElement>>;
+
+interface RadioProps {
+    value: string | number;
+    label?: string;
+    checked?: boolean;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>, value: string | number) => void;
+    disabled?: boolean;
+    size?: "small" | "medium";
+    name?: string;
+    sx?: SxProp;
+}
+declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLLabelElement>>;
+interface RadioGroupProps {
+    value?: string | number;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>, value: string | number) => void;
+    name?: string;
+    options?: Array<{
+        value: string | number;
+        label: string;
+        disabled?: boolean;
+    }>;
+    row?: boolean;
+    disabled?: boolean;
+    size?: "small" | "medium";
+    label?: string;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const RadioGroup: React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface RatingProps {
+    value?: number | null;
+    onChange?: (value: number | null) => void;
+    max?: number;
+    precision?: number;
+    size?: "small" | "medium" | "large";
+    readOnly?: boolean;
+    disabled?: boolean;
+    emptyIcon?: ReactNode;
+    icon?: ReactNode;
+    highlightSelectedOnly?: boolean;
+    label?: string;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Rating: React__default.ForwardRefExoticComponent<RatingProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface ToggleButtonProps {
+    value: string;
+    children: ReactNode;
+    disabled?: boolean;
+    selected?: boolean;
+    sx?: SxProp;
+}
+declare const ToggleButton: React__default.ForwardRefExoticComponent<ToggleButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+interface ToggleButtonGroupProps {
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    exclusive?: boolean;
+    size?: "small" | "medium" | "large";
+    orientation?: "horizontal" | "vertical";
+    fullWidth?: boolean;
+    disabled?: boolean;
+    color?: "primary" | "standard";
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const ToggleButtonGroup: React__default.ForwardRefExoticComponent<ToggleButtonGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface AvatarProps {
+    src?: string;
+    alt?: string;
+    children?: ReactNode;
+    size?: number | "small" | "medium" | "large";
+    variant?: "circular" | "rounded" | "square";
+    color?: string;
+    imgProps?: React__default.ImgHTMLAttributes<HTMLImageElement>;
+    onClick?: React__default.MouseEventHandler<HTMLDivElement>;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLDivElement>>;
+interface AvatarGroupProps {
+    max?: number;
+    spacing?: "small" | "medium" | number;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const AvatarGroup: React__default.FC<AvatarGroupProps>;
+
+interface ChipProps {
+    label: string;
+    onDelete?: () => void;
+    onClick?: () => void;
+    icon?: ReactNode;
+    avatar?: ReactNode;
+    color?: "default" | "primary" | "secondary" | "success" | "error" | "warning" | "info";
+    size?: "small" | "medium";
+    variant?: "filled" | "outlined";
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Chip: React__default.FC<ChipProps>;
+
+interface DividerProps {
+    orientation?: "horizontal" | "vertical";
+    variant?: "fullWidth" | "inset" | "middle";
+    textAlign?: "center" | "left" | "right";
+    children?: ReactNode;
+    light?: boolean;
+    flexItem?: boolean;
+    component?: keyof React__default.JSX.IntrinsicElements;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Divider: React__default.FC<DividerProps>;
+
+interface ListProps {
+    dense?: boolean;
+    disablePadding?: boolean;
+    subheader?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const List: React__default.FC<ListProps>;
+interface ListItemProps {
+    dense?: boolean;
+    disablePadding?: boolean;
+    divider?: boolean;
+    secondaryAction?: ReactNode;
+    alignItems?: "flex-start" | "center";
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const ListItem: React__default.FC<ListItemProps>;
+interface ListItemTextProps {
+    primary: ReactNode;
+    secondary?: ReactNode;
+    inset?: boolean;
+    primaryTypographyProps?: object;
+    secondaryTypographyProps?: object;
+    sx?: SxProp;
+}
+declare const ListItemText: React__default.FC<ListItemTextProps>;
+interface ListItemIconProps {
+    children: ReactNode;
+    sx?: SxProp;
+}
+declare const ListItemIcon: React__default.FC<ListItemIconProps>;
+interface ListItemButtonProps {
+    onClick?: () => void;
+    selected?: boolean;
+    disabled?: boolean;
+    dense?: boolean;
+    alignItems?: "flex-start" | "center";
+    href?: string;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const ListItemButton: React__default.FC<ListItemButtonProps>;
+interface ListSubheaderProps {
+    children: ReactNode;
+    inset?: boolean;
+    disableSticky?: boolean;
+    disableGutters?: boolean;
+    color?: "default" | "primary" | "inherit";
+    sx?: SxProp;
+}
+declare const ListSubheader: React__default.FC<ListSubheaderProps>;
+
+interface TypographyProps {
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "overline" | "button";
+    component?: keyof React__default.JSX.IntrinsicElements;
+    align?: "inherit" | "left" | "center" | "right" | "justify";
+    color?: "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | string;
+    noWrap?: boolean;
+    gutterBottom?: boolean;
+    paragraph?: boolean;
+    fontWeight?: number | "light" | "regular" | "medium" | "bold";
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Typography: React__default.FC<TypographyProps>;
+
+interface SkeletonProps {
+    variant?: "text" | "circular" | "rectangular" | "rounded";
+    width?: number | string;
+    height?: number | string;
+    animation?: "pulse" | "wave" | false;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Skeleton: React__default.FC<SkeletonProps>;
+
+interface TooltipProps {
+    title: ReactNode;
+    placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    arrow?: boolean;
+    open?: boolean;
+    disableHoverListener?: boolean;
+    disableFocusListener?: boolean;
+    enterDelay?: number;
+    leaveDelay?: number;
+    children: ReactElement;
+    followCursor?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Tooltip: React__default.FC<TooltipProps>;
+
+interface BoxProps extends React.HTMLAttributes<HTMLElement> {
+    component?: keyof React.JSX.IntrinsicElements;
+    children?: ReactNode;
+    display?: string;
+    flexDirection?: string;
+    alignItems?: string;
+    justifyContent?: string;
+    gap?: string | number;
+    padding?: string | number;
+    margin?: string | number;
+    width?: string | number;
+    height?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+    flex?: string | number;
+    flexWrap?: string;
+    flexGrow?: number;
+    flexShrink?: number;
+    overflow?: string;
+    position?: string;
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    left?: string | number;
+    borderRadius?: string | number;
+    bgcolor?: string;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
+
+interface StackProps extends React.HTMLAttributes<HTMLElement> {
+    direction?: "row" | "row-reverse" | "column" | "column-reverse";
+    spacing?: number | string;
+    alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
+    divider?: ReactNode;
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
+    useFlexGap?: boolean;
+    flex?: string | number;
+    overflow?: string;
+    component?: keyof React.JSX.IntrinsicElements;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLElement>>;
+
+interface GridProps extends React.HTMLAttributes<HTMLElement> {
+    container?: boolean;
+    item?: boolean;
+    xs?: number | "auto" | true;
+    sm?: number | "auto" | true;
+    md?: number | "auto" | true;
+    lg?: number | "auto" | true;
+    xl?: number | "auto" | true;
+    spacing?: number | {
+        xs?: number;
+        sm?: number;
+        md?: number;
+    };
+    direction?: "row" | "row-reverse" | "column" | "column-reverse";
+    alignItems?: string;
+    justifyContent?: string;
+    wrap?: "nowrap" | "wrap" | "wrap-reverse";
+    zeroMinWidth?: boolean;
+    component?: keyof React.JSX.IntrinsicElements;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLElement>>;
+
+interface PaperProps extends React.HTMLAttributes<HTMLElement> {
+    elevation?: number;
+    square?: boolean;
+    variant?: "elevation" | "outlined";
+    component?: keyof React.JSX.IntrinsicElements;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Paper: React.ForwardRefExoticComponent<PaperProps & React.RefAttributes<HTMLElement>>;
+
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    elevation?: number;
+    variant?: "elevation" | "outlined";
+    raised?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+    children: ReactNode;
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+interface CardHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: ReactNode;
+    subheader?: ReactNode;
+    avatar?: ReactNode;
+    action?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface CardMediaProps extends React.HTMLAttributes<HTMLElement> {
+    component?: "img" | "video" | "div";
+    image?: string;
+    src?: string;
+    height?: number | string;
+    alt?: string;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const CardMedia: React.ForwardRefExoticComponent<CardMediaProps & React.RefAttributes<HTMLElement>>;
+interface CardActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    disableSpacing?: boolean;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const CardActions: React.ForwardRefExoticComponent<CardActionsProps & React.RefAttributes<HTMLDivElement>>;
+
+interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onChange?: (expanded: boolean) => void;
+    disabled?: boolean;
+    disableGutters?: boolean;
+    square?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+    children: ReactNode;
+}
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionSummaryProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    expandIcon?: ReactNode;
+    children: ReactNode;
+    "aria-controls"?: string;
+    id?: string;
+    sx?: SxProp;
+}
+declare const AccordionSummary: React.ForwardRefExoticComponent<AccordionSummaryProps & React.RefAttributes<HTMLButtonElement>>;
+interface AccordionDetailsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    sx?: SxProp;
+}
+declare const AccordionDetails: React.ForwardRefExoticComponent<AccordionDetailsProps & React.RefAttributes<HTMLDivElement>>;
+
+interface TabProps {
+    value: string | number;
+    label: ReactNode;
+    icon?: ReactNode;
+    iconPosition?: "top" | "start" | "end" | "bottom";
+    disabled?: boolean;
+    wrapped?: boolean;
+    sx?: SxProp;
+    _active?: boolean;
+    _onClick?: (value: string | number) => void;
+    _tabRef?: (el: HTMLButtonElement | null) => void;
+}
+declare const Tab: React__default.FC<TabProps>;
+interface TabsProps {
+    value?: string | number;
+    onChange?: (value: string | number) => void;
+    orientation?: "horizontal" | "vertical";
+    variant?: "standard" | "scrollable" | "fullWidth";
+    textColor?: "primary" | "inherit";
+    indicatorColor?: "primary" | "secondary";
+    scrollButtons?: "auto" | true | false;
+    centered?: boolean;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Tabs: React__default.FC<TabsProps>;
+interface TabPanelProps {
+    value: string | number;
+    activeValue: string | number;
+    children: ReactNode;
+    keepMounted?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const TabPanel: React__default.FC<TabPanelProps>;
+
+interface BreadcrumbsProps {
+    separator?: ReactNode;
+    maxItems?: number;
+    itemsBeforeCollapse?: number;
+    itemsAfterCollapse?: number;
+    children: ReactNode;
+    "aria-label"?: string;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Breadcrumbs: React__default.FC<BreadcrumbsProps>;
+
+interface StepIconProps {
+    active: boolean;
+    completed: boolean;
+    error: boolean;
+    icon: number;
+}
+interface StepLabelProps {
+    icon?: ReactNode;
+    optional?: ReactNode;
+    error?: boolean;
+    StepIconComponent?: ComponentType<StepIconProps>;
+    children: ReactNode;
+    sx?: SxProp;
+    _active?: boolean;
+    _completed?: boolean;
+    _disabled?: boolean;
+    _stepIndex?: number;
+}
+declare const StepLabel: React__default.FC<StepLabelProps>;
+interface StepContentProps {
+    children: ReactNode;
+    TransitionProps?: object;
+    sx?: SxProp;
+    _isLast?: boolean;
+}
+declare const StepContent: React__default.FC<StepContentProps>;
+interface StepButtonProps {
+    onClick?: () => void;
+    optional?: ReactNode;
+    children: ReactNode;
+    sx?: SxProp;
+    _disabled?: boolean;
+}
+declare const StepButton: React__default.FC<StepButtonProps>;
+interface StepProps {
+    active?: boolean;
+    completed?: boolean;
+    disabled?: boolean;
+    expanded?: boolean;
+    index?: number;
+    last?: boolean;
+    children: ReactNode;
+    sx?: SxProp;
+}
+declare const Step: React__default.FC<StepProps>;
+interface StepperProps {
+    activeStep?: number;
+    orientation?: "horizontal" | "vertical";
+    alternativeLabel?: boolean;
+    nonLinear?: boolean;
+    connector?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Stepper: React__default.FC<StepperProps>;
+
+declare const MenuDivider: React__default.FC;
+interface MenuItemProps {
+    onClick?: () => void;
+    selected?: boolean;
+    disabled?: boolean;
+    dense?: boolean;
+    divider?: boolean;
+    icon?: ReactNode;
+    children: ReactNode;
+    sx?: SxProp;
+}
+declare const MenuItem: React__default.FC<MenuItemProps>;
+interface MenuListProps {
+    dense?: boolean;
+    subheader?: ReactNode;
+    children: ReactNode;
+    sx?: SxProp;
+}
+declare const MenuList: React__default.FC<MenuListProps>;
+type AnchorOriginVertical$1 = "top" | "center" | "bottom";
+type AnchorOriginHorizontal$1 = "left" | "center" | "right";
+interface MenuProps {
+    open: boolean;
+    anchorEl?: HTMLElement | null;
+    onClose?: () => void;
+    anchorOrigin?: {
+        vertical: AnchorOriginVertical$1;
+        horizontal: AnchorOriginHorizontal$1;
+    };
+    transformOrigin?: {
+        vertical: AnchorOriginVertical$1;
+        horizontal: AnchorOriginHorizontal$1;
+    };
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+    children: ReactNode;
+}
+declare const Menu: React__default.FC<MenuProps>;
+
+interface DrawerProps {
+    open: boolean;
+    onClose?: () => void;
+    anchor?: "left" | "right" | "top" | "bottom";
+    variant?: "temporary" | "persistent" | "permanent";
+    width?: number | string;
+    PaperProps?: {
+        sx?: SxProp;
+        style?: CSSProperties;
+        className?: string;
+    };
+    keepMounted?: boolean;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Drawer: React__default.FC<DrawerProps>;
+
+interface SnackbarProps {
+    open: boolean;
+    onClose?: (reason: "timeout" | "clickaway" | "escapeKeyDown") => void;
+    message?: ReactNode;
+    autoHideDuration?: number;
+    anchorOrigin?: {
+        vertical: "top" | "bottom";
+        horizontal: "left" | "center" | "right";
+    };
+    action?: ReactNode;
+    severity?: "success" | "error" | "warning" | "info" | "default";
+    variant?: "filled" | "outlined" | "standard";
+    TransitionComponent?: "fade" | "slide";
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Snackbar: React__default.FC<SnackbarProps>;
+
+interface LinkProps {
+    href?: string;
+    target?: string;
+    rel?: string;
+    underline?: "always" | "hover" | "none";
+    color?: "primary" | "secondary" | "textPrimary" | "textSecondary" | "inherit" | string;
+    variant?: string;
+    component?: keyof React__default.JSX.IntrinsicElements | "a";
+    onClick?: () => void;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Link: React__default.FC<LinkProps>;
+
+interface PopperModifier {
+    name: string;
+    options?: {
+        offset?: [number, number];
+    };
+}
+interface PopperProps {
+    open: boolean;
+    anchorEl?: HTMLElement | null;
+    placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    disablePortal?: boolean;
+    keepMounted?: boolean;
+    transition?: boolean;
+    modifiers?: PopperModifier[];
+    children: ReactNode | ((props: {
+        placement: string;
+        TransitionProps?: object;
+    }) => ReactNode);
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Popper: React__default.FC<PopperProps>;
+
+type AnchorOriginVertical = "top" | "center" | "bottom";
+type AnchorOriginHorizontal = "left" | "center" | "right";
+interface PopoverProps {
+    open: boolean;
+    anchorEl?: HTMLElement | null;
+    onClose?: () => void;
+    anchorOrigin?: {
+        vertical: AnchorOriginVertical;
+        horizontal: AnchorOriginHorizontal;
+    };
+    transformOrigin?: {
+        vertical: AnchorOriginVertical;
+        horizontal: AnchorOriginHorizontal;
+    };
+    disablePortal?: boolean;
+    keepMounted?: boolean;
+    PaperProps?: {
+        sx?: SxProp;
+        style?: CSSProperties;
+        elevation?: number;
+    };
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Popover: React__default.FC<PopoverProps>;
+
+interface TimeoutProp {
+    enter?: number;
+    exit?: number;
+}
+interface BaseTransitionProps {
+    in: boolean;
+    timeout?: number | TimeoutProp;
+    children: ReactElement<React__default.HTMLAttributes<HTMLElement>>;
+    unmountOnExit?: boolean;
+    mountOnEnter?: boolean;
+    onEnter?: () => void;
+    onExited?: () => void;
+}
+interface FadeProps extends BaseTransitionProps {
+}
+declare const Fade: React__default.FC<FadeProps>;
+interface SlideProps extends BaseTransitionProps {
+    direction?: "up" | "down" | "left" | "right";
+}
+declare const Slide: React__default.FC<SlideProps>;
+interface GrowProps extends BaseTransitionProps {
+}
+declare const Grow: React__default.FC<GrowProps>;
+interface CollapseProps extends BaseTransitionProps {
+    orientation?: "horizontal" | "vertical";
+    collapsedSize?: number | string;
+}
+declare const Collapse: React__default.FC<CollapseProps>;
+interface ZoomProps extends BaseTransitionProps {
+}
+declare const Zoom: React__default.FC<ZoomProps>;
+
+interface ImageFieldProps {
+    /** Current image URL to display */
+    src?: string;
+    /** Alt text for the image */
+    alt?: string;
+    /** Shape of the image field */
+    variant?: "circular" | "rounded" | "square";
+    /** Predefined size or custom pixel value */
+    size?: "small" | "medium" | "large" | number;
+    /** Accepted file types (default: "image/*") */
+    accept?: string;
+    /** Called with the change event and selected File when user picks an image */
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>, file: File) => void;
+    /** Overlay label text (default: "Upload") */
+    overlayText?: string;
+    /** Disable interaction */
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const ImageField: React__default.ForwardRefExoticComponent<ImageFieldProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface PhoneFieldProps {
+    /** The full phone value including dial code (e.g. "911234567890") */
+    value?: string;
+    /** Callback fired when the phone value changes */
+    onChange?: (value: string, country: {
+        dialCode: string;
+        countryCode: string;
+        name: string;
+    }) => void;
+    /** Label text */
+    label?: string;
+    /** Visual variant */
+    variant?: "outlined" | "filled" | "standard";
+    /** Size of the component */
+    size?: "small" | "medium";
+    /** If true, displays error styling */
+    error?: boolean;
+    /** Helper text below the input */
+    helperText?: ReactNode;
+    /** If true, the input takes full width */
+    fullWidth?: boolean;
+    /** If true, the input is disabled */
+    disabled?: boolean;
+    /** If true, the field is required */
+    required?: boolean;
+    /** Default country ISO code (lowercase, e.g. "in") */
+    defaultCountry?: string;
+    /** Restrict to specific countries (lowercase ISO codes) */
+    onlyCountries?: string[];
+    /** If true, area codes are not shown in the dropdown */
+    disableAreaCodes?: boolean;
+    /** If false, the country code part of the input is not editable */
+    countryCodeEditable?: boolean;
+    /** Props applied to the native input element */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /** Margin mode */
+    margin?: "none" | "dense" | "normal";
+    /** Optional class name */
+    className?: string;
+    /** Inline style overrides */
+    style?: CSSProperties;
+    /** Scoped style overrides */
+    sx?: SxProp;
+}
+declare const PhoneField: React__default.ForwardRefExoticComponent<PhoneFieldProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface RufousTextEditorProps {
+    content?: string;
+    placeholder?: string;
+    editable?: boolean;
+    onSave?: (html: string, json: any) => void;
+    onExport?: (html: string, json: any) => void;
+    onChange?: (html: string, json: any) => void;
+    onBlur?: (html: string, json: any) => void;
+    onAICommand?: (prompt: string, text: string, previousResults?: string[]) => Promise<string>;
+    onTranslate?: (text: string, sourceLang: string, targetLang: string) => Promise<string>;
+    onSpeechToText?: (text: string) => Promise<string>;
+    onTextToSpeech?: (text: string, voice?: string) => Promise<string>;
+    onImageUpload?: (file: File) => Promise<string>;
+    onClose?: () => void;
+    mentions?: Array<{
+        id: string;
+        name: string;
+        avatar?: string;
+    }>;
+    height?: number | string;
+    resizable?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    sx?: SxProp;
+}
+declare const RufousTextEditor: React__default.FC<RufousTextEditorProps>;
+interface RufousTextContentProps {
+    content: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+    sx?: SxProp;
+}
+declare const RufousTextContent: React__default.FC<RufousTextContentProps>;
+
+interface MentionItemData {
+    id: string;
+    name: string;
+    avatar?: string;
+}
+
+export { APP_THEMES, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, type Action, ActivateUserIcon, AddButton, AddressLookup, ArchivedIcon, AssignGroupIcon, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, BaseDialog, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CameraIcon, CancelButton, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, CircularProgressIcon, type CircularProgressIconProps, CloseIcon, Collapse, type CollapseProps, type Column, CopyIcon, DataGrid, type DataGridProps, DateField, type DateFieldProps, type DateFormatString, DateRangeField, type DateRangeFieldProps, type DateRangeValue, DifficultyAllIcon, DifficultyEasyIcon, DifficultyHardIcon, DifficultyMediumIcon, Divider, type DividerProps, DollarIcon, DownloadIcon, DownloadPdfIcon, Drawer, type DrawerProps, EditChatIcon, EditIcon, EngagementIcon, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, type MentionItem, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, Paper, type PaperProps, PhoneField, type PhoneFieldProps, Popover, type PopoverProps, Popper, type PopperProps, ProjectIcon, QualificationsIcon, QuestionStatusAllIcon, QuestionStatusPrivateIcon, QuestionStatusPublicIcon, QuestionTypeAllIcon, QuestionTypeCodingIcon, QuestionTypeDescriptiveIcon, QuestionTypeMultipleIcon, QuestionTypeSingleIcon, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, RefreshIcon, ResendInviteIcon, RichTextEditor, type RichTextEditorProps, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, RufousTextContent, type RufousTextContentProps, RufousTextEditor, type MentionItemData as RufousTextEditorMentionItem, type RufousTextEditorProps, RufousThemeProvider, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, Snackbar, type SnackbarProps, SoftSkillsIcon, type SortDirection, Stack, type StackProps, StandardButton, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, SubmitButton, SubscribeIcon, SuspendUserIcon, Switch, type SwitchProps, type SxProp, Tab, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, TechnicalSkillsIcon, TextField, type TextFieldProps, TickIcon, TimerIcon, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, TrashIcon, Typography, type TypographyProps, UnArchivedIcon, UnsubscribeIcon, UploadIcon, UserAssignIcon, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, useRufousTheme };