@delightui/components 0.1.2 → 0.1.4

package/dist/index.d.ts

@@ -1,1251 +0,0 @@
-import React$1, { HTMLAttributes, ReactNode, ImgHTMLAttributes, SyntheticEvent, MouseEvent, InputHTMLAttributes, TextareaHTMLAttributes, CSSProperties, FormHTMLAttributes, Ref, LiHTMLAttributes, TdHTMLAttributes, TableHTMLAttributes } from 'react';
-import { Offset } from 'react-overlays/usePopper';
-import { LinkProps } from 'react-router-dom';
-
-type ActionCardProps = HTMLAttributes<HTMLDivElement> & {
-    /**
-     * The content to be displayed within the action card.
-     */
-    children: ReactNode;
-    /**
-     * Specifies if the action card is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-};
-
-/**
- * ActionCard component definition.
- */
-declare const ActionCard: (props: ActionCardProps) => React$1.JSX.Element;
-
-/**
- * Enum for different image fit options.
- */
-type ImageFitEnum = 'Fit' | 'Fill' | 'Crop';
-interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
-    /**
-     * The URL of the image to display if the image fails to load.
-     */
-    fallback?: string;
-    /**
-     * The fit option for the image.
-     * @default 'Fit'
-     */
-    fit?: ImageFitEnum;
-    /**
-     * Callback function when the image has loaded.
-     */
-    onLoad?: () => void;
-    /**
-     * Callback function when an error occurs while loading the image.
-     */
-    onError?: (error: SyntheticEvent<HTMLImageElement>) => void;
-    /**
-     * Flag to show a loading indicator for the image.
-     * @default false
-     */
-    showLoading?: boolean;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-}
-
-declare const Image: (props: ImageProps) => JSX.Element;
-
-type ActionImageProps = ImageProps & {
-    /**
-     * Specifies if the action image is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-};
-
-/**
- * ActionImage component definition.
- */
-declare const ActionImage: (props: ActionImageProps) => React$1.JSX.Element;
-
-type ButtonTypeEnum = 'Filled' | 'Outline' | 'Ghost';
-type ButtonStyleEnum = 'Primary' | 'Secondary' | 'Destructive';
-type ButtonSizeEnum = 'Small' | 'Medium' | 'Large';
-type ButtonActionTypeEnum = 'button' | 'submit' | 'reset';
-type ButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'style'> & {
-    /**
-     * Type of the button.
-     * @default 'Filled'
-     */
-    type?: ButtonTypeEnum;
-    /**
-     * Style of the button.
-     * @default 'Primary'
-     */
-    style?: ButtonStyleEnum;
-    /**
-     * Size of the button.
-     * @default 'Medium'
-     */
-    size?: ButtonSizeEnum;
-    /**
-     * Indicates if the button is in a loading state.
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Specifies if the button is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Icon to be displayed before the button's content.
-     */
-    leadingIcon?: ReactNode;
-    /**
-     * Icon to be displayed after the button's content.
-     */
-    trailingIcon?: ReactNode;
-    /**
-     * Click event handler for the button.
-     */
-    onClick?: (event?: MouseEvent<HTMLElement>) => void;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-    /**
-     * Type of action associated with the button.
-     * @default 'button'
-     */
-    actionType?: ButtonActionTypeEnum;
-};
-
-/**
- * Button component definition.
- */
-declare const Button: (props: ButtonProps) => React$1.JSX.Element;
-
-type CardProps = {
-    /**
-     * The content to be displayed within the card.
-     */
-    children: ReactNode;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-};
-
-/**
- * Card component definition.
- */
-declare const Card: (props: CardProps) => React$1.JSX.Element;
-
-type IconStyleEnum = 'Outlined' | 'Filled' | 'Round';
-type IconSizeEnum = 'Small' | 'Medium' | 'Large';
-interface IconProps {
-    /**
-     * The name of the icon to be displayed.
-     */
-    icon: string;
-    /**
-     * Style of the icon.
-     * @default 'Filled'
-     */
-    style?: IconStyleEnum;
-    /**
-     * Size of the icon.
-     * @default 'Medium'
-     */
-    size?: IconSizeEnum;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-}
-
-declare const Icon: (props: IconProps) => React$1.JSX.Element | null;
-
-type IconButtonStyleEnum = 'Primary' | 'Secondary';
-interface IconButtonProps extends Omit<ButtonProps, 'leadingIcon' | 'trailingIcon'> {
-    /**
-     * The icon to be displayed.
-     */
-    icon?: ReactNode;
-}
-
-declare const IconButton: (props: IconButtonProps) => React$1.JSX.Element;
-
-/**
- * Enum for different input types.
- */
-type InputTypeEnum = 'Text' | 'Number' | 'Email' | 'Password';
-type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> & {
-    /**
-     * The type of input.
-     * @default 'Text'
-     */
-    inputType?: InputTypeEnum;
-    /**
-     * The value of the input.
-     */
-    value?: string;
-    /**
-     * Callback function when the input value changes.
-     * @param value - The new value of the input.
-     */
-    onValueChanged?: (value: string) => void;
-    /**
-     * Indicates if the input is invalid.
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Icon to be displayed before the input.
-     */
-    leadingIcon?: React.ReactNode;
-    /**
-     * Icon to be displayed after the input.
-     */
-    trailingIcon?: React.ReactNode;
-};
-
-declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "value"> & {
-    inputType?: InputTypeEnum;
-    value?: string;
-    onValueChanged?: (value: string) => void;
-    invalid?: boolean;
-    leadingIcon?: React$1.ReactNode;
-    trailingIcon?: React$1.ReactNode;
-} & React$1.RefAttributes<HTMLInputElement>>;
-
-/**
- * Enum for the alignment of the list.
- */
-type ListAlignEnum = 'Horizontal' | 'Vertical';
-type ListProps<T> = HTMLAttributes<HTMLUListElement> & {
-    /**
-     * The data to be rendered in the list.
-     */
-    data?: T[];
-    /**
-     * The component used to render each item in the list.
-     */
-    component: React.FC<any>;
-    /**
-     * Function to extract keys.
-     */
-    keyExtractor?: (item: T, index: number) => string | number;
-    /**
-     * The alignment of the list.
-     * @default 'Vertical'
-     */
-    align?: ListAlignEnum;
-    /**
-     * Flag to control if the content should wrap.
-     */
-    wrap?: boolean;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-};
-
-declare const List: <T>(props: ListProps<T>) => React$1.JSX.Element;
-
-type PasswordProps = Omit<InputProps, 'inputType' | 'trailingIcon'> & {
-    hideTrailingIcon?: boolean;
-};
-
-declare const Password: (props: PasswordProps) => React$1.JSX.Element;
-
-type SpinnerProps = {
-    className?: string;
-};
-
-declare const Spinner: ({ className }: SpinnerProps) => React$1.JSX.Element;
-
-declare const types: readonly ["Heading1", "Heading2", "Heading3", "Heading4", "Heading5", "Heading6", "BodyLarge", "BodyMedium", "BodySmall"];
-declare const weights: readonly ["Thin", "ExtraLight", "Light", "Regular", "Medium", "SemiBold", "Bold", "ExtraBold", "Black", "ExtraBlack", 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-declare const transforms: readonly ["None", "Capitalize", "UpperCase", "LowerCase"];
-
-/**
- * Enum for the types of text.
- */
-type TextTypeEnum = typeof types[number];
-/**
- * Enum for the weights of text.
- */
-type TextWeightEnum = typeof weights[number];
-/**
- * Enum for text decorations.
- */
-type TextDecorationEnum = 'None' | 'Underline' | 'Strikethrough';
-/**
- * Enum for text transformations.
- */
-type TextTransformEnum = typeof transforms[number];
-interface TextProps {
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-    /**
-     * Type of the text.
-     * @default 'BodyMedium'
-     */
-    type?: TextTypeEnum;
-    /**
-     * Weight of the text.
-     * @default 'Regular'
-     */
-    weight?: TextWeightEnum;
-    /**
-     * The content to be displayed as text.
-     */
-    children?: React.ReactNode;
-    /**
-     * Flag to prevent text from wrapping.
-     * @default false
-     */
-    noWrap?: boolean;
-    /**
-     * Flag to italicize the text.
-     * @default false
-     */
-    italic?: boolean;
-    /**
-     * Decoration style for the text.
-     * @default 'None'
-     */
-    decoration?: TextDecorationEnum;
-    /**
-     * Transform style for the text.
-     * @default 'None'
-     */
-    transform?: TextTransformEnum;
-    /**
-     * Modify the element type used for rendering
-     */
-    as?: React.ElementType<any, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span'>;
-}
-
-/**
- * Text component definition.
- */
-declare const Text: (props: TextProps) => React$1.JSX.Element;
-
-type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
-    /**
-      * The value of the text area.
-      */
-    value?: string;
-    /**
-     * Callback function when the value of the text area changes.
-     * @param value - The new value of the text area.
-     */
-    onValueChanged?: (value: string) => void;
-    /**
-     * Indicates if the text area is in an invalid state.
-      * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-};
-
-declare const TextArea: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & {
-    value?: string;
-    onValueChanged?: (value: string) => void;
-    invalid?: boolean;
-    className?: string;
-} & React$1.RefAttributes<HTMLTextAreaElement>>;
-
-/**
- * Enum for the action type of the Popover.
- */
-type ActionType = 'Click' | 'Hover';
-/**
- * Enum for the overlay direction of the Popover.
- */
-type OverlayDirectionEnum = 'Up' | 'Down' | 'Right' | 'Left';
-/**
- * Enum for the overlay alignment of the Popover.
- */
-type OverlayAlignEnum = 'Start' | 'End' | 'Center';
-/**
- * Props for the content of the Popover.
- */
-type ContentProps = {
-    width?: CSSProperties['width'] | 'match-trigger';
-    minWidth?: CSSProperties['minWidth'] | 'match-trigger';
-};
-/**
- * Props for the Popover component.
- */
-type PopoverProps = {
-    /**
-     * The content to display in the Popover.
-     */
-    content: ReactNode;
-    /**
-     * The target element for the Popover.
-     */
-    target: ReactNode;
-    /**
-     * Offset for positioning the Popover.
-     */
-    offset?: Offset;
-    /**
-     * Function to handle hiding the Popover.
-     */
-    onHide?: () => void;
-    /**
-     * Direction in which the Popover should open.
-     * @default 'Down'
-     */
-    direction?: OverlayDirectionEnum;
-    /**
-     * Indicates if Popover should hide on click away.
-     * @default true
-     */
-    hideOnClickAway?: boolean;
-    /**
-     * Indicates if content should stay on item click.
-     * @default false
-     */
-    keepContentOnItemClick?: boolean;
-    /**
-     * Indicates if the Popover is shown.
-     * @default false
-     */
-    show?: boolean;
-    /**
-     * Action type to trigger the Popover.
-     * @default 'Click'
-     */
-    action?: ActionType;
-    /**
-     * Alignment of the Popover.
-     * @default 'Center'
-     */
-    alignment?: OverlayAlignEnum;
-    /**
-     * Props for the content of the Popover.
-     */
-    contentProps?: ContentProps;
-    /**
-     * Indicates if the Popover is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-};
-
-/**
- * Props for the ContextMenu component.
- */
-type ContextMenuProps = HTMLAttributes<HTMLUListElement> & {
-    /**
-     * The content to be rendered inside the context menu.
-     */
-    children: React$1.ReactNode;
-    /**
-     * The element that triggers the display of the context menu.
-     */
-    target: React$1.ReactNode;
-    /**
-     * Alignment of the menu relative to its target.
-     * @default 'Center'
-     */
-    alignment?: OverlayAlignEnum;
-    /**
-     * Direction in which the menu expands.
-     * @default 'Down'
-     */
-    direction?: OverlayDirectionEnum;
-    /**
-     * Offset position of the menu relative to its target.
-     */
-    offset?: Offset;
-    /**
-     * Controls whether the context menu is visible (`true`) or hidden (`false`).
-     * @default false
-     */
-    show?: boolean;
-    /**
-     * Disables interaction with the context menu if `true`.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Additional props to be passed to the menu content.
-     */
-    menuProps?: ContentProps;
-    /**
-     * Action that triggers the display of the context menu.
-     * @default 'Click'
-     */
-    action?: ActionType;
-    /**
-     * Determines whether the context menu should be hidden when clicking away from it.
-     * @default true
-     */
-    hideOnClickAway?: boolean;
-    /**
-     * Determines whether the menu should remain open when clicking inside it.
-     * @default false
-     */
-    keepMenuOnItemClick?: boolean;
-    /**
-     * Additional CSS class names to apply to the context menu.
-     */
-    className?: string;
-};
-
-/**
- * ContextMenu component that renders a popover menu.
- */
-declare const ContextMenu: (props: ContextMenuProps) => React$1.JSX.Element;
-
-/**
- * Props for the MenuItem component.
- */
-type MenuItemProps = HTMLAttributes<HTMLLIElement> & {
-    /**
-     * The content to be rendered inside the menu item.
-     */
-    children: React.ReactNode;
-    /**
-     * Optional key to identify the menu item uniquely.
-     */
-    key?: string;
-    /**
-     * Disables interaction with the menu item if `true`.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Indicates whether the menu item is selected.
-     * @default false
-     */
-    selected?: boolean;
-};
-
-/**
- * MenuItem component definition.
- *
- * Renders a menu item (`<li>`) with optional disabled and selected states.
- */
-declare const MenuItem: (props: MenuItemProps) => React$1.JSX.Element;
-
-type DatePickerProps = {
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-    /**
-     * The minimum selectable date.
-     */
-    minDate?: string | Date;
-    /**
-     * The maximum selectable date.
-     */
-    maxDate?: string | Date;
-    /**
-     * Enable time selection in the date picker.
-     * @default false
-     */
-    enableTime?: boolean;
-    /**
-     * Enable selecting a start and end date.
-     * @default false
-     */
-    enableRange?: boolean;
-    /**
-     * The date that is initially displayed.
-     */
-    defaultDate?: string | Date;
-    /**
-     * The format of the date to be displayed.
-     * @remark
-     * For info about what formats exist, refer to the flatpickr documentation
-     */
-    dateFormat?: string;
-    /**
-     * Callback function when the date(s) are changed.
-     * @param dates - Array of selected dates.
-     * @param dateStr - String representation of the selected date(s). Will match the date format.
-     */
-    onChange?: (dates: Date[], dateStr: string) => void;
-    /**
-     * Callback function when the date picker is opened.
-     * @param dates - Array of selected dates.
-     * @param dateStr - String representation of the selected date(s). Will match the date format.
-     */
-    onOpen?: (dates: Date[], dateStr: string) => void;
-    /**
-     * Callback function when the date picker is closed.
-     * @param dates - Array of selected dates.
-     * @param dateStr - String representation of the selected date(s). Will match the date format.
-     */
-    onClose?: (dates: Date[], dateStr: string) => void;
-    /**
-     * render date picker inline
-     */
-    inline?: boolean;
-};
-
-declare const DatePicker: (props: DatePickerProps) => React$1.JSX.Element;
-
-/**
- * Type representing the allowed values for form fields
- */
-type FieldValue = string | number | Date | boolean | Array<string | number | Date>;
-/**
- * Type representing the form values as a partial record of field names to field values
- * @example
- * ```typescript
- * const formState: FormState = {
- *   name: 'John Doe',
- *   age: 30,
- *   dob: new Date('1990-01-01')
- * };
- * ```
- */
-type FormState<T extends FieldValue = FieldValue> = Partial<Record<string, T>>;
-/**
- * Type representing the form errors as a partial record of field names to error messages
- */
-type FormErrors<T extends FormState = FormState> = Partial<Record<keyof T, string>>;
-/**
- * Type representing a validation function for a form field
- * It takes an error setter function and the field value (optional) and returns a boolean indicating if the value is valid
- * @example
- * ```typescript
- * const nameValidator: FieldValidationFunction = (setError, value) => {
- *   if (!value) {
- *     setError('Name is required');
- *     return false;
- *   }
- *   return true;
- * };
- * ```
- */
-type FieldValidationFunction<T extends FieldValue = FieldValue> = (setError: (message: string) => void, value?: T) => boolean;
-/**
- * Type representing the required fields in a form
- * It's a partial record of field names to a boolean indicating if the field is required
- */
-type RequiredFields<T extends FormState = FormState> = Partial<Record<keyof T, boolean>>;
-/**
- * Type representing the validation functions for each field in a form
- * It's a partial record of field names to validation functions (or undefined)
- * @example
- * ```typescript
- * const nameValidator: FieldValidationFunction = (setError, value) => {
- *   if (!value) {
- *     setError('Name is required');
- *     return false;
- *   }
- *   return true;
- * };
- * const fieldValidators: FieldValidators = {
- *   name: nameValidator,
- *   age: undefined,
- * };
- * ```
- */
-type FieldValidators<T extends FormState = FormState> = Partial<Record<keyof T, FieldValidationFunction | undefined>>;
-/**
- * Type representing a function that handles form state changes
- * It takes the new form state and an error setter function and doesn't return anything
- * @example
- * ```typescript
- * const handleFormStateChange: FormStateChangeHandler = (state, setError) => {
- *   // Validate form state and set errors
- *   if (!state.name) {
- *     setError('name', 'Name is required');
- *   }
- * };
- * ```
- */
-type FormStateChangeHandler<T extends FormState = FormState> = (state: T, setError: (field: keyof T, errorMessage: string) => void) => void;
-/**
- * Type representing a function that validates the entire form
- * It takes the form values and an error setter function and returns a boolean indicating if the form is valid
- * @example
- * ```typescript
- * const validateForm: FormValidator = (state, setError) => {
- *   let isValid = true;
- *   if (!state.name) {
- *     setError('name', 'Name is required');
- *     isValid = false;
- *   }
- *   if (!state.age || typeof state.age !== 'number') {
- *     setError('age', 'Age must be a number');
- *     isValid = false;
- *   }
- *   return isValid;
- * };
- * ```
- */
-type FormValidator<T extends FormState = FormState> = (state: T, setError: (field: keyof T, errorMessage: string) => void) => boolean;
-/**
- * Type representing a function that handles form submission.
- * It takes updated form state and a function to set error messages for specific fields.
- *
- * @template T - The type of the form state, defaulting to `FormState`.
- *
- * @param {T} values - The updated form state values.
- * @param {(field: keyof T, errorMessage: string) => void} setError - A function to set error messages for specific fields.
- *
- * @example
- * ```typescript
- * const handleFormSubmit: FormSubmitHandler = (values, setError) => {
- *   // Submit form data
- *   console.log(values);
- * };
- * ```
- */
-type FormSubmitHandler<T extends FormState = FormState> = (values: T, setError: (field: keyof T, errorMessage: string) => void) => void;
-type FormProps = Omit<FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> & {
-    formRef?: Ref<HTMLFormElement>;
-};
-type FormContextValues<T extends FormState = FormState> = {
-    formRef?: Ref<HTMLFormElement>;
-    formState?: T;
-    updateFieldValue: (name: string, value: FieldValue) => void;
-    formErrors: FormErrors<T>;
-    updateFieldError: (name: keyof T, errorMessage: string) => void;
-    onFormSubmit: React$1.FormEventHandler<HTMLFormElement>;
-    updateFieldValidators: (name: keyof T, validate?: FieldValidationFunction) => void;
-    updateRequiredFields: (name: keyof T, required?: boolean) => void;
-};
-type FormProviderProps<T extends FormState = FormState> = {
-    formRef?: Ref<HTMLFormElement>;
-    children?: React$1.ReactNode;
-    formState?: T;
-    onFormStateChange?: FormStateChangeHandler<T>;
-    formValidator?: FormValidator<T>;
-    onSubmit?: FormSubmitHandler<T>;
-    validateOnChange?: boolean;
-};
-
-/**
- * Props for the FormField component.
- */
-type FormFieldProps = HTMLAttributes<HTMLDivElement> & {
-    /**
-     * The label for the form field
-     */
-    label: string;
-    /**
-     * Optional message for the form field
-     */
-    message?: string;
-    /**
-     * Info icon for message
-     */
-    infoIcon?: React.ReactNode;
-};
-/**
- * Props for the FormFieldProvider component.
- */
-type FormFieldProviderProps = {
-    /**
-     * Child components
-     */
-    children: React.ReactNode;
-    /**
-     * Name of the form field
-     */
-    name: string;
-    /**
-     * Indicates if the field is disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Indicates if the field is invalid
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Indicates if the field is required
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Validation function for the field
-     */
-    validate?: FieldValidationFunction;
-    /**
-     * id attribute to connect label and field of form field
-     * note:- this is optional as FormFieldContext will generate an id
-     */
-    id?: string;
-};
-/**
- * Props for the UseField hook.
- */
-type UseFieldProps<T extends FieldValue = FieldValue> = {
-    /**
-     * The value of the field
-     */
-    value?: T;
-    /**
-     * Indicates if the field is invalid
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Callback when the field value changes
-     */
-    onValueChanged?: (value: T) => void;
-    /**
-     * Indicates if the field is disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Indicates if the field is required
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Default value for the field
-     */
-    defaultValue?: T;
-};
-
-declare const useField: <T extends FieldValue = FieldValue>(props: UseFieldProps<T>) => {
-    fieldValue: T;
-    updateFieldValue: (newValue: T) => void;
-    disabledField: boolean | undefined;
-    requiredField: boolean | undefined;
-    invalidField: boolean | undefined;
-    formFieldId: string | undefined;
-};
-
-declare const FormField: (props: FormFieldProviderProps & FormFieldProps) => React$1.JSX.Element;
-
-/**
- * Enum defining the possible sizes for the Modal component.
- */
-type ModalSizeEnum = 'Small' | 'Medium' | 'Large';
-/**
- * Props for the Modal component.
- */
-type ModalProps = {
-    /**
-     * The content that will be rendered inside the modal.
-     */
-    children: ReactNode;
-    /**
-     * Optional size of the modal. Defaults to 'Medium'.
-     *  @default "Medium"
-     */
-    size?: ModalSizeEnum;
-    /**
-     * Callback function invoked when the modal is hidden.
-     */
-    onHide?: () => void;
-    /**
-     * Controls whether the modal is visible (`true`) or hidden (`false`).
-     *  @default false
-     */
-    show?: boolean;
-    /**
-     * The content to be rendered in the header of the modal.
-     */
-    header?: ReactNode;
-    /**
-     * The content to be rendered in the footer of the modal.
-     */
-    footer?: ReactNode;
-    /**
-     * Custom JSX element to render as the backdrop for the modal.
-     */
-    renderBackdrop?: ReactNode;
-    /**
-     * Determines whether a backdrop should be displayed behind the modal.
-     *  @default true
-     */
-    backdrop?: boolean;
-    /**
-     * Disables the ability to dismiss the modal by clicking on the backdrop.
-     *  @default false
-     */
-    disableBackdropDismiss?: boolean;
-    /**
-     * Additional CSS class names to apply to the modal.
-     */
-    className?: string;
-};
-
-/**
- * Modal component for displaying a dialog window.
- */
-declare const Modal: (props: ModalProps) => React$1.JSX.Element;
-
-type NavProps = HTMLAttributes<HTMLElement> & {};
-
-declare const Nav: (props: NavProps) => React$1.JSX.Element;
-
-type NavItemProps = LiHTMLAttributes<HTMLElement> & {};
-
-declare const NavItem: (props: NavItemProps) => React$1.JSX.Element;
-
-type NavLinkProps = Omit<LinkProps, 'to'> & {
-    /**
-     * The destination URL or path for the navigation link.
-     * If the URL starts with "https", it will be treated as an external link and rendered as an <a> tag.
-     * Otherwise, it will be treated as an internal link and rendered as a <RouterNavLink> component.
-     *
-     * @example
-     * // Internal link
-     * <NavLink to="/home">Home</NavLink>
-     *
-     * // External link
-     * <NavLink to="https://www.example.com">External</NavLink>
-     */
-    to: string | -1;
-};
-
-declare const NavLink: (props: NavLinkProps) => React$1.JSX.Element;
-
-/**
- * Popover component definition.
- */
-declare const Popover: (props: PopoverProps) => React$1.JSX.Element;
-
-/**
- * Props for the Option component, extending LiHTMLAttributes<HTMLLIElement>.
- * Represents an option within a Select component.
- */
-type OptionProps = LiHTMLAttributes<HTMLLIElement> & {
-    /**
-     * Value associated with the option.
-     */
-    value: string | number;
-    /**
-     * Indicates if the option is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Icon to be displayed before the option content.
-     */
-    leadingIcon?: ReactNode;
-    /**
-     * Icon to be displayed after the option content.
-     */
-    trailingIcon?: ReactNode;
-    /**
-     * Additional CSS class names for custom styling.
-     */
-    className?: string;
-    /**
-     * Children elements or text content of the option.
-     */
-    children?: ReactNode;
-};
-
-/**
- * Functional component representing an option within a select dropdown.
- *
- * @param props - Props for configuring the Option component.
- * @returns Element representing the option.
- */
-declare const Option: (props: OptionProps) => React$1.JSX.Element;
-
-/**
- * Represents the context provided by the Select component.
- */
-type SelectContextType = {
-    /**
-     * The currently selected value in the Select component.
-     */
-    selectedValue: FieldValue;
-    /**
-     * Function to update the selected value.
-     * @param value - The new value to select, either a string or number.
-     */
-    updateSelectedValue: (value: string | number) => void;
-    /**
-     * Function to reset the selected value to its default state.
-     */
-    resetSelectedValue: () => void;
-    /**
-     * Indicates whether the field is in an invalid state.
-     */
-    invalidField?: boolean;
-    /**
-     * Indicates whether the field is disabled.
-     */
-    disabledField?: boolean;
-    /**
-     * id to use as htmlFor for label, which will be fetched from FormFieldContext
-     */
-    formFieldId: string;
-};
-/**
- * Props for the SelectProvider component, which manages state and provides context for Select.
- */
-type SelectProviderProps = {
-    /**
-     * Child elements to be rendered within the SelectProvider.
-     */
-    children: ReactNode;
-    /**
-     * Currently selected value (if controlled).
-     */
-    value?: FieldValue;
-    /**
-     * Indicates if multiple options can be selected.
-     * @default false
-     */
-    multiple?: boolean;
-    /**
-     * Default selected value (if uncontrolled).
-     */
-    defaultValue?: FieldValue;
-    /**
-     * Indicates whether the Select is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback function invoked when the selected value changes.
-     * @param event - Optional event containing the new field value.
-     */
-    onValueChanged?: (event?: FieldValue) => void;
-    /**
-     * Indicates whether the selected field is hasDefaultOption or not.
-     * @default false
-     */
-    hasDefaultOption?: boolean;
-};
-/**
- * Enum representing different states of the Select component.
- */
-type SelectStateEnum = 'Default' | 'Error';
-/**
- * Props for the SelectView component, defining its visual appearance and behavior.
- */
-type SelectViewProps = Omit<HTMLAttributes<HTMLElement>, 'style' | 'children'> & {
-    /**
-     * Options to be rendered within the Select component.
-     */
-    children: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];
-    /**
-     * Placeholder text displayed when no option is selected.
-     */
-    placeholder?: string;
-    /**
-     * Determines if the dropdown menu is initially open.
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Icon displayed before the select input.
-     */
-    leadingIcon?: ReactNode;
-    /**
-     * Icon displayed for the expand sign.
-     */
-    expandIcon?: ReactNode;
-    /**
-     * Indicates whether the dropdown menu is currently open.
-     * @default false
-     */
-    open?: boolean;
-    /**
-     * Current state of the Select component.
-     * @default 'Default'
-     */
-    state?: SelectStateEnum;
-    /**
-     * Additional props for the dropdown menu.
-     */
-    menuProps?: ContentProps;
-    /**
-   * Indicates whether the selected field is hasDefaultOption or not.
-   * @default false
-   */
-    hasDefaultOption?: boolean;
-    /**
-     * Additional CSS classes for customization.
-     */
-    className?: string;
-};
-/**
- * Props for the Select component, combining provider and view props.
- */
-type SelectProps = Omit<SelectProviderProps, 'children'> & SelectViewProps;
-
-/**
- * Custom hook to use the SelectContext values.
- * Throws an error if used outside of a SelectProvider.
- *
- * @throws Error if used outside of SelectProvider.
- * @returns Context values of type SelectContextType.
- */
-declare const useSelectContext: () => SelectContextType;
-/**
- * Provider component for managing state and providing context to Select components.
- * Manages the selected value state and provides methods to update or reset it.
- *
- * @param props - Props for configuring the SelectProvider.
- * @returns JSX element that provides context to its children.
- */
-declare const SelectProvider: ({ children, value, defaultValue, multiple, disabled, onValueChanged, }: SelectProviderProps) => React$1.JSX.Element;
-
-/**
- * Select component that wraps SelectComponent with SelectProvider.
- * Provides state management and context to SelectComponent.
- *
- * @param props - Props for configuring the Select component.
- * @returns JSX element that renders the SelectComponent wrapped with SelectProvider.
- */
-declare const Select: (props: SelectProps) => JSX.Element;
-
-interface TabContentProps {
-    /**
-     * The tab contents value.
-     * @remarks
-     * This is used for determining which tab is selected.
-     * The value from TabContent will be compared to the value from TabItem.
-     * @example
-     * 1
-     * "One"
-     */
-    value: number | string;
-    /**
-     * The contents of the tab.
-     */
-    children: React.ReactNode;
-    /**
-     * The classname applied to the tab content.
-     */
-    className?: string;
-}
-
-declare const TabContent: (props: TabContentProps) => React$1.JSX.Element | null;
-
-interface TabItemProps extends ButtonProps {
-    /**
-     * The tabs value.
-     * @remarks
-     * This is used for determining which tab is selected.
-     * The value from TabContent will be compared to the value from TabItem.
-     * @example
-     * 1
-     * "One"
-     */
-    value: number | string;
-    /**
-     * The default tab.
-     * @remarks
-     * True means that this tab will be displayed initially
-     */
-    defaultTab?: boolean;
-}
-
-declare const TabItem: (props: TabItemProps) => React$1.JSX.Element;
-
-type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
-
-declare const TableBody: (props: TableBodyProps) => React$1.JSX.Element;
-
-type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
-
-declare const TableCell: (props: TableCellProps) => React$1.JSX.Element;
-
-type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
-
-declare const TableHeader: (props: TableHeaderProps) => React$1.JSX.Element;
-
-type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
-
-declare const TableRow: (props: TableRowProps) => React$1.JSX.Element;
-
-type TabContextType = {
-    /**
-     * The currently selected tab.
-     */
-    currentTab: string | number;
-    /**
-     * Function to update the currently selected tab.
-     * @param tabValue - The value of the tab to be set.
-     */
-    updateCurrentTab: (tabValue: string | number) => void;
-};
-type TabProviderProps = {
-    /**
-     * The content to be displayed within the tab provider.
-     */
-    children: React.ReactNode;
-    /**
-     * The value of the tab.
-     */
-    value?: number | string;
-    /**
-     * Callback function when a tab is clicked.
-     * @param value - The value of the clicked tab.
-     */
-    onClick?: (value: string | number) => void;
-};
-type TabsViewProps = {
-    /**
-     * The content to be displayed within the tabs.
-     */
-    children: React.ReactNode;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-};
-type TabsProps = TabProviderProps & TabsViewProps;
-
-/**
- * Custom hook to use the TabContext
- * Throws an error if used outside of a TabProvider
- */
-declare const useTab: () => TabContextType;
-
-declare const Tabs: (props: TabsProps) => React$1.JSX.Element;
-
-declare const Form: <T extends FormState>(props: FormProviderProps<T> & FormProps) => React$1.JSX.Element;
-
-type TableProps = TableHTMLAttributes<HTMLTableElement>;
-
-declare const Table: (props: TableProps) => React$1.JSX.Element;
-
-type ThemeContextType = {
-    theme: string;
-    updateTheme: (theme: string) => void;
-};
-type ThemeProviderProps = {
-    theme?: string;
-    children?: ReactNode;
-};
-
-declare const ThemeContext: React$1.Context<ThemeContextType>;
-declare const ThemeProvider: React$1.FC<ThemeProviderProps>;
-
-export { ActionCard, type ActionCardProps, ActionImage, type ActionImageProps, Button, type ButtonProps, Card, type CardProps, ContextMenu, type ContextMenuProps, DatePicker, type DatePickerProps, type FieldValidationFunction, type FieldValidators, type FieldValue, Form, type FormContextValues, type FormErrors, FormField, type FormFieldProps, type FormProps, type FormProviderProps, type FormState, type FormStateChangeHandler, type FormSubmitHandler, type FormValidator, Icon, IconButton, type IconButtonProps, type IconButtonStyleEnum, type IconProps, type IconSizeEnum, type IconStyleEnum, Image, type ImageFitEnum, type ImageProps, Input, type InputProps, type InputTypeEnum, List, type ListProps, MenuItem, type MenuItemProps, Modal, type ModalProps, Nav, NavItem, type NavItemProps, NavLink, type NavLinkProps, type NavProps, Option, type OptionProps, Password, Popover, type PopoverProps, type RequiredFields, Select, type SelectProps, SelectProvider, Spinner, type SpinnerProps, TabContent, type TabContentProps, TabItem, type TabItemProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, TextArea, type TextAreaProps, type TextDecorationEnum, type TextProps, type TextTypeEnum, type TextWeightEnum, ThemeContext, type ThemeContextType, ThemeProvider, type ThemeProviderProps, useField, useSelectContext, useTab };