@delightui/components 0.1.39 → 0.1.40

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as React$1 from 'react';
-import React__default, { ImgHTMLAttributes, SyntheticEvent, HTMLAttributes, ReactNode, MouseEvent, InputHTMLAttributes, TextareaHTMLAttributes, CSSProperties, FormHTMLAttributes, Ref, LiHTMLAttributes, TdHTMLAttributes, Dispatch, SetStateAction, TableHTMLAttributes } from 'react';
+import React__default, { ImgHTMLAttributes, SyntheticEvent, HTMLAttributes, ReactNode, MouseEvent, InputHTMLAttributes, TextareaHTMLAttributes, Dispatch, SetStateAction, FormHTMLAttributes, Ref, LiHTMLAttributes, CSSProperties, TableHTMLAttributes, TdHTMLAttributes } from 'react';
 import { LinkProps } from 'react-router-dom';
-import { Offset } from 'react-overlays/usePopper';
 import { Plugin } from 'flatpickr/dist/types/options';
 import FlatPickr from 'react-flatpickr';
+import { Offset } from 'react-overlays/usePopper';
 
 /**
  * Enum for different image fit options.
@@ -376,6 +376,10 @@ type ListItemProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
      * Click event handler for the list item.
      */
     onClick?: (event?: MouseEvent<HTMLElement>) => void;
+    /**
+     * The label for the list item.
+     */
+    children?: ReactNode;
     /**
      * Additional class for styling.
      */
@@ -384,13 +388,15 @@ type ListItemProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
 
 declare const ListItem: (props: ListItemProps) => React__default.JSX.Element;
 
+type ToggleLabelAlignmentEnum = 'Left' | 'Right';
+
 declare const Toggle: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "checked" | "value" | "type"> & {
     children?: React__default.ReactNode;
     checked?: boolean;
     onValueChanged?: (value: boolean) => void;
     defaultChecked?: boolean;
     invalid?: boolean;
-    labelOnRight?: boolean;
+    labelAlignment?: ToggleLabelAlignmentEnum;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const ToggleButton: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "type" | "actionType"> & {
@@ -480,16 +486,16 @@ interface CustomToggleProps {
 
 declare const CustomToggle: React__default.ForwardRefExoticComponent<CustomToggleProps & React__default.RefAttributes<HTMLInputElement>>;
 
-type ChipVariantEnum = 'Filled' | 'Outlined';
+type ChipTypeEnum = 'Bright' | 'BrightOutline' | 'Subdued' | 'SubduedOutline';
 type ChipStyleEnum = 'A' | 'B' | 'C' | 'D' | 'E' | 'F';
 type ChipSizeEnum = 'Small' | 'Medium' | 'Large';
-type ChipCornerEnum = 'Rounded' | 'Square';
+type ChipCornerEnum = 'Rounded' | 'Squared';
 type ChipProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     /**
-     * Variant of the chip.
+     * Type of the chip.
      * @default 'Filled'
      */
-    variant?: ChipVariantEnum;
+    type?: ChipTypeEnum;
     /**
      * Style of the chip.
      * @default 'A'
@@ -538,7 +544,7 @@ type ChipProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     /**
      * Event handler for the close action when chip is dismissible.
      */
-    onClose?: (event?: MouseEvent<HTMLButtonElement>) => void;
+    onClose?: (event?: MouseEvent<HTMLElement>) => void;
 };
 
 /**
@@ -546,39 +552,235 @@ type ChipProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
  */
 declare const Chip: (props: ChipProps) => React__default.JSX.Element;
 
-/**
- * Enum for the alignment of the button-group.
- */
-type ButtonGroupAlignEnum = 'Horizontal' | 'Vertical';
-/**
- * Enum for the type of the button-group.
- */
-type ButtonGroupTypeEnum = 'Outlined' | 'Ghost';
-type ButtonGroupProps = {
+type CheckboxSizeEnum = 'Small' | 'Medium' | 'Large';
+type CheckboxLabelAlignmentEnum = 'Left' | 'Right';
+type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'value'> & {
     /**
-     * The alignment of the button-group.
-     * @default 'Horizontal'
+     * The label of the checkbox.
      */
-    align?: ButtonGroupAlignEnum;
+    children?: React.ReactNode;
     /**
-     * Type of the button-group.
-     * @default 'Filled'
+     * The size of the checkbox.
+     * @default 'Medium'
      */
-    type?: ButtonGroupTypeEnum;
+    size?: CheckboxSizeEnum;
     /**
-     * The content to be displayed within the ButtonGroup.
+     * The checked state of the checkbox.
      */
-    children: ReactNode | ReactNode[];
+    checked?: boolean;
+    /**
+     * Callback function when the checkbox state changes.
+     * @param value - The new checked state of the checkbox.
+     */
+    onValueChanged?: (value: boolean) => void;
+    /**
+     * Default checked state of the checkbox.
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * Indicates if the checkbox is invalid.
+     * @default false
+     */
+    invalid?: boolean;
+    /**
+     * The value of the checkbox.
+     */
+    value?: string | number;
+    /**
+     * The alignment of the label.
+     */
+    labelAlignment?: CheckboxLabelAlignmentEnum;
+};
+
+declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "checked" | "value" | "type"> & {
+    children?: React__default.ReactNode;
+    size?: CheckboxSizeEnum;
+    checked?: boolean;
+    onValueChanged?: (value: boolean) => void;
+    defaultChecked?: boolean;
+    invalid?: boolean;
+    value?: string | number;
+    labelAlignment?: CheckboxLabelAlignmentEnum;
+} & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const CheckboxItem: React__default.ForwardRefExoticComponent<Omit<CheckboxProps, "onValueChanged"> & {
+    onChange?: (value: boolean) => void;
+    showRightButton?: boolean;
+    onRightButtonClick?: () => void;
+    rightButtonIcon?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLInputElement>>;
+
+type CheckboxItemProps = Omit<CheckboxProps, 'onValueChanged'> & {
+    /**
+     * Callback function when the checkbox state changes.
+     * @param value: boolean - The new checked state of the checkbox.
+     */
+    onChange?: (value: boolean) => void;
+    /**
+     * Flag to show right button.
+     * @default false
+     */
+    showRightButton?: boolean;
+    /**
+     * Callback function when the right button is clicked.
+     */
+    onRightButtonClick?: () => void;
+    /**
+     * Custom icon for the right button.
+     */
+    rightButtonIcon?: ReactNode;
+};
+
+type SliderProps = React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The minimum value of the slider.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * The maximum value of the slider.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * The step size for the slider.
+     * @default 1
+     */
+    step?: number;
+    /**
+     * The current value of the slider.
+     * Can be a single number or an array with exactly two numbers for range selection.
+     */
+    value?: number | [number, number];
+    /**
+     * Callback function triggered when the slider value changes.
+     * @param value - The new value of the slider.
+     */
+    onValueChange?: (value: number | [number, number]) => void;
+    /**
+     * Whether to display the minimum value label.
+     * @default false
+     */
+    showMin?: boolean;
+    /**
+     * Whether to display the maximum value label.
+     * @default false
+     */
+    showMax?: boolean;
+    /**
+     * Whether to show the current value on the slider thumb.
+     * @default false
+     */
+    showValueOnThumb?: boolean;
+    /**
+     * Whether to enable range selection (two thumbs).
+     * @default false
+     */
+    enableRange?: boolean;
+    /**
+     * Flag to disabled slider.
+     * @default false
+     */
+    disabled?: boolean;
+    className?: string;
+};
+
+declare const Slider: (props: SliderProps) => React__default.JSX.Element;
+
+type AccordionSummaryProps = {
+    children: ReactNode;
+    className?: string;
+    /**
+     * Custom expand/collapse icon element to override the default icon.
+     * It will rotate 90 degrees clockwise when the accordion is expanded.
+     */
+    expandIcon?: ReactNode;
+};
+type AccordionDetailsProps = {
+    /**
+     * The content to be displayed in the accordion details section.
+     */
+    children: ReactNode;
+    /**
+     * Optional CSS class name for custom styling.
+     */
+    className?: string;
+};
+type AccordionProps = {
+    children: ReactNode;
+    className?: string;
+    /**
+     * Whether the accordion is expanded by default.
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Controls the expanded state when using controlled mode.
+     * Use this prop along with onChange for controlled behavior.
+     */
+    expanded?: boolean;
+    /**
+     * Callback function when the accordion is expanded/collapsed.
+     * @param isOpen - The new expanded state of the accordion.
+     */
+    onChange?: (isOpen: boolean) => void;
+    /**
+     * Unique identifier for the accordion.
+     * This is used to identify the accordion in the group.
+     */
+    name?: string;
+};
+
+declare const AccordionSummary: (props: AccordionSummaryProps) => React__default.JSX.Element;
+declare const AccordionDetails: (props: AccordionDetailsProps) => React__default.JSX.Element;
+declare const Accordion: (props: AccordionProps) => React__default.JSX.Element;
+
+type AccordionGroupProps = {
+    children: ReactNode;
+    className?: string;
+    /**
+     * Unique identifier for the accordion group.
+     * This will be passed to the accordions as a prop.
+     */
+    name?: string;
+};
+
+declare const AccordionGroup: (props: AccordionGroupProps) => React__default.JSX.Element;
+
+type ActionCardProps = HTMLAttributes<HTMLDivElement> & Omit<LinkProps, 'to'> & {
+    /**
+     * 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;
+    /**
+     * 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;
 };
 
 /**
- * ButtonGroup component definition.
+ * ActionCard component definition.
  */
-declare const ButtonGroup: (props: ButtonGroupProps) => React__default.JSX.Element;
+declare const ActionCard: (props: ActionCardProps) => React__default.JSX.Element;
 
 interface BreadcrumbsProps {
     /**
@@ -598,7 +800,8 @@ interface BreadcrumbsProps {
 
 declare const Breadcrumbs: (props: BreadcrumbsProps) => React__default.JSX.Element;
 
-type NavLinkProps = Omit<LinkProps, 'to'> & Pick<ButtonProps, 'appearance' | 'size' | 'style' | 'type' | 'leadingIcon' | 'trailingIcon'> & {
+type NavLinkTypeEnum = 'Fill' | 'Underline';
+type NavLinkProps = Omit<LinkProps, 'to'> & Pick<ButtonProps, 'appearance' | 'size' | 'style' | 'leadingIcon' | 'trailingIcon'> & {
     /**
      * 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.
@@ -612,6 +815,11 @@ type NavLinkProps = Omit<LinkProps, 'to'> & Pick<ButtonProps, 'appearance' | 'si
      * <NavLink to="https://www.example.com">External</NavLink>
      */
     to: string | -1;
+    /**
+     * The type of nav link to render.
+     * @default 'Fill'
+     */
+    type?: NavLinkTypeEnum | ButtonTypeEnum;
     /**
      * provide a way to override the styling
      */
@@ -635,211 +843,137 @@ interface BreadcrumbProps extends Omit<NavLinkProps, 'type'> {
 declare const Breadcrumb: (props: BreadcrumbProps) => React__default.JSX.Element;
 
 /**
- * Enum for the action type of the Popover.
- */
-type ActionType = 'Click' | 'Hover' | 'DoubleClick';
-/**
- * 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.
+ * Enum for the alignment of the button-group.
  */
-type ContentProps = {
-    width?: CSSProperties['width'] | 'match-trigger';
-    minWidth?: CSSProperties['minWidth'] | 'match-trigger';
-};
+type ButtonGroupAlignEnum = 'Horizontal' | 'Vertical';
 /**
- * Props for the Popover component.
+ * Enum for the type of the button-group.
  */
-type PopoverProps = {
-    /**
-     * Ref or Element for the Popover component to render in.
-     */
-    container?: HTMLElement | React__default.RefObject<HTMLElement> | null;
-    /**
-     * The content to display in the Popover.
-     */
-    content: ReactNode;
+type ButtonGroupTypeEnum = 'Outlined' | 'Ghost';
+type ButtonGroupProps = {
     /**
-     * The target element for the Popover.
+     * The alignment of the button-group.
+     * @default 'Horizontal'
      */
-    target: ReactNode;
+    align?: ButtonGroupAlignEnum;
     /**
-     * Offset for positioning the Popover.
+     * Type of the button-group.
+     * @default 'Filled'
      */
-    offset?: Offset;
+    type?: ButtonGroupTypeEnum;
     /**
-     * Function to handle hiding the Popover.
+     * The content to be displayed within the ButtonGroup.
      */
-    onHide?: () => void;
+    children: ReactNode | ReactNode[];
     /**
-     * Function to handle hiding the Popover.
+     * Additional class for styling.
      */
-    onOpen?: () => void;
+    className?: string;
+};
+
+/**
+ * ButtonGroup component definition.
+ */
+declare const ButtonGroup: (props: ButtonGroupProps) => React__default.JSX.Element;
+
+type CardProps = {
     /**
-     * Direction in which the Popover should open.
-     * @default 'Down'
+     * The content to be displayed within the card.
      */
-    direction?: OverlayDirectionEnum;
+    children: ReactNode;
     /**
-     * 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;
-    /**
-     * Indicates if content should change placement to stay on the screen.
-     * @default false
-     */
-    flip?: boolean;
-    /**
-     * Additional class for styling.
+     * Additional class for styling.
      */
     className?: string;
-    /**
-     * Additional class for overlay container styling.
-     */
-    overlayClassName?: string;
-    /**
-     * Position of the Popover.
-     * @default 'absolute'
-     */
-    contentPosition?: 'absolute' | 'fixed';
-};
-type PopoverHandle = {
-    close: () => void;
-    open: () => void;
 };
 
 /**
- * Props for the ContextMenu component.
+ * Card component definition.
  */
-type ContextMenuProps = HTMLAttributes<HTMLUListElement> & {
-    /**
-     * The content to be rendered inside the context menu.
-     */
-    children: React__default.ReactNode;
-    /**
-     * The element that triggers the display of the context menu.
-     */
-    target: React__default.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;
+declare const Card: (props: CardProps) => React__default.JSX.Element;
+
+/**
+ * Enum for the alignment of the list.
+ *
+ * @typedef {'Horizontal' | 'Vertical'} ListAlignEnum
+ */
+type ListAlignEnum = 'Horizontal' | 'Vertical';
+/**
+ * Represents a generic list item.
+ *
+ * @property {string | number} [id] - A unique identifier for the list item. This is optional and can be auto-generated if not provided.
+ * @property {string} [itemClassName] - Additional class for styling the list item.
+ * @property {React.CSSProperties} [itemStyle] - Additional styles for the list item.
+ */
+type ListItemType = object & {
+    id?: string | number;
+    itemClassName?: string;
+    itemStyle?: React.CSSProperties;
+};
+/**
+ * Props for the list wrapper component.
+ *
+ * @template T - The type of the list items.
+ * @property {T[]} [data] - The data to be rendered in the list.
+ * @property {React.FC<any>} component - The React functional component used to render each list item.
+ * @property {(item: T, index: number) => string | number} [keyExtractor] - A function to extract unique keys for each item.
+ * @property {'Horizontal' | 'Vertical'} [align='Vertical'] - The alignment of the list. Defaults to `'Vertical'`.
+ * @property {boolean} [wrap] - Whether the list content should wrap.
+ * @property {string} [className] - Additional class for styling the list.
+ * @property {boolean} [sortable] - Whether the list items can be sorted using drag-and-drop.
+ * @property {Dispatch<SetStateAction<T[]>>} [updateSortOrder] - Callback function to update the order of the list items after sorting.
+ */
+type ListProps<T extends ListItemType> = Omit<HTMLAttributes<HTMLUListElement>, 'children'> & {
     /**
-     * Disables interaction with the context menu if `true`.
-     * @default false
+     * The data to be rendered in the list.
      */
-    disabled?: boolean;
+    data?: T[];
     /**
-     * Additional props to be passed to the menu content.
+     * The component used to render each item in the list.
      */
-    menuProps?: ContentProps;
+    component: React.FC<any>;
     /**
-     * Action that triggers the display of the context menu.
-     * @default 'Click'
+     * Function to extract keys.
      */
-    action?: ActionType;
+    keyExtractor?: (item: T, index: number) => string | number;
     /**
-     * Determines whether the context menu should be hidden when clicking away from it.
-     * @default true
+     * The alignment of the list.
+     * @default 'Vertical'
      */
-    hideOnClickAway?: boolean;
+    align?: ListAlignEnum;
     /**
-     * Determines whether the menu should remain open when clicking inside it.
-     * @default false
+     * Flag to control if the content should wrap.
      */
-    keepMenuOnItemClick?: boolean;
+    wrap?: boolean;
     /**
-     * Additional CSS class names to apply to the context menu.
+     * Additional class for styling.
      */
     className?: string;
-};
-
-/**
- * ContextMenu component that renders a popover menu.
- */
-declare const ContextMenu: (props: ContextMenuProps) => React__default.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
+     * Flag to enable sorting of list items
      */
-    disabled?: boolean;
+    sortable?: boolean;
     /**
-     * Indicates whether the menu item is selected.
-     * @default false
+     * callback function to update the current order of data
+     *
+     * @param data
+     * @returns
      */
-    selected?: boolean;
+    updateSortOrder?: Dispatch<SetStateAction<T[]>>;
 };
 
 /**
- * MenuItem component definition.
+ * A wrapper component that manages the rendering of either a sortable or regular list based on the provided props.
  *
- * Renders a menu item (`<li>`) with optional disabled and selected states.
+ * @template T - The type of the list items.
+ * @param {ListProps<T>} props - The properties for the list wrapper.
+ * @returns {JSX.Element} The rendered list component.
  */
-declare const MenuItem: (props: MenuItemProps) => React__default.JSX.Element;
+declare const List: <T extends ListItemType>(props: ListProps<T>) => React__default.JSX.Element;
+
+type ContextMenuProps<T extends ListItemType> = ListProps<T>;
+
+declare const ContextMenu: <T extends ListItemType>(props: ContextMenuProps<T>) => React__default.JSX.Element;
 
 type DatePickerPosition = 'auto' | 'above' | 'below' | 'auto left' | 'auto center' | 'auto right' | 'above left' | 'above center' | 'above right' | 'below left' | 'below center' | 'below right';
 type DatePickerProps = {
@@ -947,7 +1081,7 @@ declare const DatePicker: (props: DatePickerProps) => React__default.JSX.Element
 /**
  * Type representing the allowed values for form fields
  */
-type FieldValue = string | number | Date | boolean | Array<string | number | Date>;
+type FieldValue = string | number | Date | boolean | File | Array<string | number | Date | File>;
 /**
  * Type representing the form values as a partial record of field names to field values
  * @example
@@ -1180,6 +1314,25 @@ declare const useField: <T extends FieldValue = FieldValue>(props: UseFieldProps
 
 declare const FormField: (props: FormFieldProviderProps & FormFieldProps) => React__default.JSX.Element;
 
+type GridProps = HTMLAttributes<HTMLDivElement> & {
+    columns?: number;
+    rows?: number;
+};
+type GridItemProps = HTMLAttributes<HTMLDivElement> & {
+    columnSpan?: number;
+    rowSpan?: number;
+};
+
+declare const Grid: (props: GridProps) => React__default.JSX.Element;
+
+declare const GridItem: (props: GridItemProps) => React$1.JSX.Element;
+
+type GridListProps<T extends ListItemType> = Omit<ListProps<T>, 'style'> & {
+    columns?: number;
+};
+
+declare const GridList: <T extends ListItemType>(props: GridListProps<T>) => React__default.JSX.Element;
+
 /**
  * Enum defining the possible sizes for the Modal component.
  */
@@ -1239,88 +1392,274 @@ type ModalProps = {
  */
 declare const Modal: (props: ModalProps) => React__default.JSX.Element;
 
-type NavProps = HTMLAttributes<HTMLElement> & {};
-
-declare const Nav: (props: NavProps) => React__default.JSX.Element;
-
-type NavItemProps = LiHTMLAttributes<HTMLElement> & {};
-
-declare const NavItem: (props: NavItemProps) => React__default.JSX.Element;
-
-type ProgressBarOrientation = "Horizontal" | "Vertical";
-type ProgressBarLabelType = "Percentage" | "Text";
-type ProgressBarProps = {
-    /**
-     * Current progress value
-     * @default 0
-     */
-    value: number;
-    /**
-     * Minimum value of the progress bar
-     * @default 0
-     */
-    min?: number;
-    /**
-     * Maximum value of the progress bar
-     * @default 100
-     */
-    max?: number;
+/**
+ * Defines the type of modal footer layout.
+ * @default "1 button"
+ */
+type ModalFooterTypeEnum = "1 button" | "2 buttons";
+/**
+ * Props for the ModalFooter component.
+ */
+type ModalFooterProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     /**
-     * Defines the orientation of the progress bar
-     * @default "horizontal"
+     * Determines whether the footer contains one or two buttons.
+     * @default "1 button"
      */
-    orientation?: ProgressBarOrientation;
+    type?: ModalFooterTypeEnum;
     /**
-     * Determines if and how the label is displayed
+     * The primary button element.
      */
-    showLabel?: ProgressBarLabelType;
+    primaryButton?: ReactNode;
     /**
-     * Custom label to be displayed when `showLabel` is set to "Text"
+     * The secondary button element (only applicable when type is "2 buttons").
      */
-    label?: React.ReactNode;
+    secondaryButton?: ReactNode;
     /**
-     * Additional class for styling
+     * Additional class for styling.
      */
     className?: string;
 };
 
-declare const ProgressBar: React__default.FC<ProgressBarProps>;
-
 /**
- * Popover component that displays a floating content element in relation to a target element.
- * It can be triggered via different user actions like 'Click' or 'Hover'.
+ * Modal Footer component for displaying footer actions in a modal.
  */
-declare const Popover: React__default.ForwardRefExoticComponent<PopoverProps & React__default.RefAttributes<PopoverHandle>>;
+declare const ModalFooter: React__default.FC<ModalFooterProps>;
 
 /**
- * Props for the Option component, extending LiHTMLAttributes<HTMLLIElement>.
- * Represents an option within a Select component.
+ * Props for the ModalHeader component.
  */
-type OptionProps = LiHTMLAttributes<HTMLLIElement> & {
-    /**
-     * Value associated with the option.
-     */
-    value: string | number;
-    /**
-     * Indicates if the option is disabled.
-     * @default false
-     */
-    disabled?: boolean;
+type ModalHeaderProps = {
     /**
-     * Icon to be displayed before the option content.
+     * The title to be displayed in the header.
      */
-    leadingIcon?: ReactNode;
+    title?: string;
     /**
-     * Icon to be displayed after the option content.
+     * An optional icon button to display in the header.
      */
-    trailingIcon?: ReactNode;
+    iconButton?: ReactNode;
     /**
-     * Additional CSS class names for custom styling.
+     * Additional CSS class names to apply to the modal header.
      */
     className?: string;
-    /**
-     * Children elements or text content of the option.
-     */
+};
+
+/**
+ * Modal Header component definition.
+ */
+declare const ModalHeader: (props: ModalHeaderProps) => React__default.JSX.Element;
+
+type NavProps = HTMLAttributes<HTMLElement> & {};
+
+declare const Nav: (props: NavProps) => React__default.JSX.Element;
+
+type NavItemProps = LiHTMLAttributes<HTMLElement> & {};
+
+declare const NavItem: (props: NavItemProps) => React__default.JSX.Element;
+
+type PaginationProps = {
+    className?: string;
+    currentPage?: number;
+    totalPages?: number;
+    updateCurrentPage?: (page: number) => void;
+    previousPageIcon?: React.ReactNode;
+    nextPageIcon?: React.ReactNode;
+};
+
+declare const Pagination: (props: PaginationProps) => React$1.JSX.Element;
+
+type PaginationNumberFieldProps = {
+    className?: string;
+    page?: number;
+    totalPages?: number;
+    onPageChanged?: (page: number) => void;
+};
+
+declare const PaginationNumberField: (props: PaginationNumberFieldProps) => React$1.JSX.Element;
+
+/**
+ * Enum for the action type of the Popover.
+ */
+type ActionType = 'Click' | 'Hover' | 'DoubleClick';
+/**
+ * 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 = {
+    /**
+     * Ref or Element for the Popover component to render in.
+     */
+    container?: HTMLElement | React__default.RefObject<HTMLElement> | null;
+    /**
+     * 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;
+    /**
+     * Function to handle hiding the Popover.
+     */
+    onOpen?: () => 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;
+    /**
+     * Indicates if content should change placement to stay on the screen.
+     * @default false
+     */
+    flip?: boolean;
+    /**
+     * Additional class for styling.
+     */
+    className?: string;
+    /**
+     * Additional class for overlay container styling.
+     */
+    overlayClassName?: string;
+    /**
+     * Position of the Popover.
+     * @default 'absolute'
+     */
+    contentPosition?: 'absolute' | 'fixed';
+};
+type PopoverHandle = {
+    close: () => void;
+    open: () => void;
+};
+
+/**
+ * Popover component that displays a floating content element in relation to a target element.
+ * It can be triggered via different user actions like 'Click' or 'Hover'.
+ */
+declare const Popover: React__default.ForwardRefExoticComponent<PopoverProps & React__default.RefAttributes<PopoverHandle>>;
+
+type ProgressBarOrientation = "Horizontal" | "Vertical";
+type ProgressBarLabelType = "Percentage" | "Text";
+type ProgressBarProps = {
+    /**
+     * Current progress value
+     * @default 0
+     */
+    value: number;
+    /**
+     * Minimum value of the progress bar
+     * @default 0
+     */
+    min?: number;
+    /**
+     * Maximum value of the progress bar
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Defines the orientation of the progress bar
+     * @default "horizontal"
+     */
+    orientation?: ProgressBarOrientation;
+    /**
+     * Determines if and how the label is displayed
+     */
+    showLabel?: ProgressBarLabelType;
+    /**
+     * Custom label to be displayed when `showLabel` is set to "Text"
+     */
+    label?: React.ReactNode;
+    /**
+     * Additional class for styling
+     */
+    className?: string;
+};
+
+declare const ProgressBar: React__default.FC<ProgressBarProps>;
+
+/**
+ * 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;
 };
 
@@ -1492,60 +1831,141 @@ declare const SelectProvider: ({ children, value, defaultValue, multiple, disabl
  */
 declare const Select: (props: SelectProps) => JSX.Element;
 
-interface TabContentProps {
+/**
+ * Dropzone component props
+ * @param initial React.ReactNode - The initial state of the dropzone.
+ * @param uploading React.ReactNode - The uploading state of the dropzone.
+ * @param uploaded React.ReactNode - The uploaded state of the dropzone.
+ * @param accept { [key: string]: readonly string[] } - The accepted file types.
+ * @param maxSize number - The maximum size of the file in bytes.
+ * @param maxFiles number - The maximum number of files to upload.
+ * @param onFilesUpload (file: File) => void - callback when files are selected
+ * @param onFilesReset () => void - callback when files are reset
+ */
+type DropzoneProps = {
     /**
-     * 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"
+     * The initial state of the dropzone.
      */
-    value: number | string;
+    initial?: React.ReactNode;
     /**
-     * The contents of the tab.
+     * The uploading state of the dropzone.
      */
-    children: React.ReactNode;
+    uploading?: React.ReactNode;
     /**
-     * The classname applied to the tab content.
+     * The uploaded state of the dropzone.
      */
-    className?: string;
-}
-
-declare const TabContent: (props: TabContentProps) => React__default.JSX.Element;
-
-type TabItemStyleEnum = 'Filled' | 'Underlined';
-type TabItemProps = Omit<ButtonProps, 'actionType' | 'appearance' | 'size' | 'style' | 'type'> & {
+    uploaded?: React.ReactNode;
     /**
-     * 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.
+     * The accepted file types based on mime type.
      * @example
-     * 1
-     * "One"
+     * accept={{
+     *   'image/*': ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.tiff', '.ico', '.webp'],
+     * }}
      */
-    value: number | string;
+    accept?: {
+        [key: string]: readonly string[];
+    };
     /**
-     * The default tab.
-     * @remarks
-     * True means that this tab will be displayed initially
+     * The maximum size of the file in bytes.
      */
-    defaultTab?: boolean;
+    maxSize?: number;
     /**
-    * The tab item style to apply.
-    * @default Filled
-    */
-    style?: TabItemStyleEnum;
+     * The maximum number of files to upload.
+     * @default 1
+     */
+    maxFiles?: number;
+    disabled?: boolean;
+    required?: boolean;
+    /**
+     * callback when files are selected
+     */
+    onFilesSelected?: (files: File[]) => Promise<void> | void;
+    /**
+     * callback when files are reset
+     */
+    onFilesReset?: () => void;
 };
+/**
+ * Dropzone context type
+ * @param status 'initial' | 'uploading' | 'uploaded' - The status of the dropzone.
+ * @param file File | null - The file of the dropzone.
+ * @param selectFile () => void - The function to call when the file is selected.
+ * @param resetUpload () => void - The function to call when the file is reset.
+ */
+type DropzoneContextType = {
+    /**
+     * The status of the dropzone.
+     */
+    status: 'initial' | 'uploading' | 'uploaded';
+    /**
+     * The files of the dropzone.
+     */
+    files: File[];
+    /**
+     * The accepted file types based on mime type.
+     * @example
+     * accept={{
+     *   'image/*': ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.tiff', '.ico', '.webp'],
+     * }}
+     */
+    accept: {
+        [key: string]: readonly string[];
+    };
+    /**
+     * The function to call to open the file dialog.
+     */
+    selectFiles: () => void;
+    /**
+     * The function to call to reset the files.
+     */
+    resetFiles: () => void;
+    children?: ReactNode;
+};
+type DropzoneTriggerProps = ButtonProps;
+type DropzoneSupportedFormatsProps = TextProps;
+type DropzoneClearProps = IconButtonProps;
+type DropzoneFilenameProps = TextProps & {
+    /**
+     * The index of the file in the files array.
+     * @default 0
+     */
+    fileIndex?: number;
+};
+
+declare const Dropzone: (props: DropzoneProps) => React__default.JSX.Element;
+declare const useDropzoneContext: () => DropzoneContextType;
+
+declare const DropzoneClear: (props: DropzoneClearProps) => React__default.JSX.Element;
+
+declare const DropzoneFilename: ({ children, fileIndex, ...props }: DropzoneFilenameProps) => React__default.JSX.Element;
+
+declare const DropzoneSupportedFormats: (props: DropzoneSupportedFormatsProps) => React__default.JSX.Element;
+
+declare const DropzoneTrigger: (props: DropzoneTriggerProps) => React__default.JSX.Element;
+
+type DropzoneContentTypeEnum = 'Empty' | 'Uploaded' | 'Loading';
+type DropzoneContentProps = {
+    className?: string;
+    type: DropzoneContentTypeEnum;
+};
+
+declare const DropzoneContent: (props: DropzoneContentProps) => React$1.JSX.Element;
+
+declare const Form: <T extends FormState>(props: FormProviderProps<T> & FormProps) => React__default.JSX.Element;
+
+type TableProps = TableHTMLAttributes<HTMLTableElement> & {
+    /**
+     * Whether the table header should stick to the top when scrolling
+     */
+    stickyHeader?: boolean;
+};
+
+declare const Table: (props: TableProps) => React__default.JSX.Element;
+
+type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
+
+declare const TableRow: (props: TableRowProps) => React__default.JSX.Element;
 
-declare const TabItem: (props: TabItemProps) => React__default.JSX.Element;
-
-type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
-
-declare const TableBody: (props: TableBodyProps) => React__default.JSX.Element;
-
 type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
 
 declare const TableCell: (props: TableCellProps) => React__default.JSX.Element;
@@ -1554,9 +1974,9 @@ type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
 
 declare const TableHeader: (props: TableHeaderProps) => React__default.JSX.Element;
 
-type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
+type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
 
-declare const TableRow: (props: TableRowProps) => React__default.JSX.Element;
+declare const TableBody: (props: TableBodyProps) => React__default.JSX.Element;
 
 type TabsStyleEnum = 'Filled' | 'Underlined';
 type TabsTypeEnum = 'Horizontal' | 'Vertical';
@@ -1626,275 +2046,55 @@ declare const useTab: () => TabContextType;
 
 declare const Tabs: (props: TabsProps) => React__default.JSX.Element;
 
-/**
- * Enum for the alignment of the list.
- *
- * @typedef {'Horizontal' | 'Vertical'} ListAlignEnum
- */
-type ListAlignEnum = 'Horizontal' | 'Vertical';
-/**
- * Represents a generic list item.
- *
- * @property {string | number} [id] - A unique identifier for the list item. This is optional and can be auto-generated if not provided.
- * @property {string} [itemClassName] - Additional class for styling the list item.
- * @property {React.CSSProperties} [itemStyle] - Additional styles for the list item.
- */
-type ListItemType = object & {
-    id?: string | number;
-    itemClassName?: string;
-    itemStyle?: React.CSSProperties;
-};
-/**
- * Props for the list wrapper component.
- *
- * @template T - The type of the list items.
- * @property {T[]} [data] - The data to be rendered in the list.
- * @property {React.FC<any>} component - The React functional component used to render each list item.
- * @property {(item: T, index: number) => string | number} [keyExtractor] - A function to extract unique keys for each item.
- * @property {'Horizontal' | 'Vertical'} [align='Vertical'] - The alignment of the list. Defaults to `'Vertical'`.
- * @property {boolean} [wrap] - Whether the list content should wrap.
- * @property {string} [className] - Additional class for styling the list.
- * @property {boolean} [sortable] - Whether the list items can be sorted using drag-and-drop.
- * @property {Dispatch<SetStateAction<T[]>>} [updateSortOrder] - Callback function to update the order of the list items after sorting.
- */
-type ListProps<T extends ListItemType> = Omit<HTMLAttributes<HTMLUListElement>, 'children'> & {
-    /**
-     * 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;
-    /**
-     * Flag to enable sorting of list items
-     */
-    sortable?: boolean;
-    /**
-     * callback function to update the current order of data
-     *
-     * @param data
-     * @returns
-     */
-    updateSortOrder?: Dispatch<SetStateAction<T[]>>;
-};
-
-/**
- * A wrapper component that manages the rendering of either a sortable or regular list based on the provided props.
- *
- * @template T - The type of the list items.
- * @param {ListProps<T>} props - The properties for the list wrapper.
- * @returns {JSX.Element} The rendered list component.
- */
-declare const List: <T extends ListItemType>(props: ListProps<T>) => React__default.JSX.Element;
-
-type ActionCardProps = HTMLAttributes<HTMLDivElement> & Omit<LinkProps, 'to'> & {
-    /**
-     * 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;
+type TabItemStyleEnum = 'Filled' | 'Underlined';
+type TabItemProps = Omit<ButtonProps, 'actionType' | 'appearance' | 'size' | 'style' | 'type'> & {
     /**
-     * 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.
-     *
+     * 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
-     * // Internal link
-     * <NavLink to="/home">Home</NavLink>
-     *
-     * // External link
-     * <NavLink to="https://www.example.com">External</NavLink>
-     */
-    to?: string | -1;
-};
-
-/**
- * ActionCard component definition.
- */
-declare const ActionCard: (props: ActionCardProps) => React__default.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__default.JSX.Element;
-
-type GridListProps<T extends ListItemType> = Omit<ListProps<T>, 'style'> & {
-    columns?: number;
-};
-
-declare const GridList: <T extends ListItemType>(props: GridListProps<T>) => React__default.JSX.Element;
-
-type GridProps = HTMLAttributes<HTMLDivElement> & {
-    columns?: number;
-    rows?: number;
-};
-type GridItemProps = HTMLAttributes<HTMLDivElement> & {
-    columnSpan?: number;
-    rowSpan?: number;
-};
-
-declare const Grid: (props: GridProps) => React__default.JSX.Element;
-
-declare const GridItem: (props: GridItemProps) => React$1.JSX.Element;
-
-type AccordionSummaryProps = {
-    children: ReactNode;
-    className?: string;
-    /**
-     * Custom expand/collapse icon element to override the default icon.
-     * It will rotate 90 degrees clockwise when the accordion is expanded.
-     */
-    expandIcon?: ReactNode;
-};
-type AccordionDetailsProps = {
-    /**
-     * The content to be displayed in the accordion details section.
-     */
-    children: ReactNode;
-    /**
-     * Optional CSS class name for custom styling.
-     */
-    className?: string;
-};
-type AccordionProps = {
-    children: ReactNode;
-    className?: string;
-    /**
-     * Whether the accordion is expanded by default.
-     * @default false
-     */
-    defaultExpanded?: boolean;
-    /**
-     * Controls the expanded state when using controlled mode.
-     * Use this prop along with onChange for controlled behavior.
-     */
-    expanded?: boolean;
-    /**
-     * Callback function when the accordion is expanded/collapsed.
-     * @param isOpen - The new expanded state of the accordion.
-     */
-    onChange?: (isOpen: boolean) => void;
-    /**
-     * Unique identifier for the accordion.
-     * This is used to identify the accordion in the group.
-     */
-    name?: string;
-};
-
-declare const AccordionSummary: (props: AccordionSummaryProps) => React__default.JSX.Element;
-declare const AccordionDetails: (props: AccordionDetailsProps) => React__default.JSX.Element;
-declare const Accordion: (props: AccordionProps) => React__default.JSX.Element;
-
-type AccordionGroupProps = {
-    children: ReactNode;
-    className?: string;
-    /**
-     * Unique identifier for the accordion group.
-     * This will be passed to the accordions as a prop.
-     */
-    name?: string;
-};
-
-declare const AccordionGroup: (props: AccordionGroupProps) => React__default.JSX.Element;
-
-/**
- * Defines the type of modal footer layout.
- * @default "1 button"
- */
-type ModalFooterTypeEnum = "1 button" | "2 buttons";
-/**
- * Props for the ModalFooter component.
- */
-type ModalFooterProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
-    /**
-     * Determines whether the footer contains one or two buttons.
-     * @default "1 button"
-     */
-    type?: ModalFooterTypeEnum;
-    /**
-     * The primary button element.
+     * 1
+     * "One"
      */
-    primaryButton?: ReactNode;
+    value: number | string;
     /**
-     * The secondary button element (only applicable when type is "2 buttons").
+     * The default tab.
+     * @remarks
+     * True means that this tab will be displayed initially
      */
-    secondaryButton?: ReactNode;
+    defaultTab?: boolean;
     /**
-     * Additional class for styling.
-     */
-    className?: string;
+    * The tab item style to apply.
+    * @default Filled
+    */
+    style?: TabItemStyleEnum;
 };
 
-/**
- * Modal Footer component for displaying footer actions in a modal.
- */
-declare const ModalFooter: React__default.FC<ModalFooterProps>;
+declare const TabItem: (props: TabItemProps) => React__default.JSX.Element;
 
-/**
- * Props for the ModalHeader component.
- */
-type ModalHeaderProps = {
+interface TabContentProps {
     /**
-     * The title to be displayed in the header.
+     * 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"
      */
-    title?: string;
+    value: number | string;
     /**
-     * An optional icon button to display in the header.
+     * The contents of the tab.
      */
-    iconButton?: ReactNode;
+    children: React.ReactNode;
     /**
-     * Additional CSS class names to apply to the modal header.
+     * The classname applied to the tab content.
      */
     className?: string;
-};
-
-/**
- * Modal Header component definition.
- */
-declare const ModalHeader: (props: ModalHeaderProps) => React__default.JSX.Element;
-
-declare const Form: <T extends FormState>(props: FormProviderProps<T> & FormProps) => React__default.JSX.Element;
-
-type TableProps = TableHTMLAttributes<HTMLTableElement>;
+}
 
-declare const Table: (props: TableProps) => React__default.JSX.Element;
+declare const TabContent: (props: TabContentProps) => React__default.JSX.Element;
 
 type ThemeContextType = {
     theme: string;
@@ -1908,4 +2108,11 @@ type ThemeProviderProps = {
 declare const ThemeContext: React__default.Context<ThemeContextType>;
 declare const ThemeProvider: React__default.FC<ThemeProviderProps>;
 
-export { Accordion, AccordionDetails, AccordionGroup, AccordionSummary, ActionCard, type ActionCardProps, ActionImage, type ActionImageProps, Breadcrumb, Breadcrumbs, Breakpoint, type BreakpointProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, type CardProps, Chip, type ChipProps, ContextMenu, type ContextMenuProps, type CustomTimePickerConfig, CustomToggle, type CustomToggleProps, 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, Grid, GridItem, type GridItemProps, GridList, type GridListProps, type GridProps, Icon, IconButton, type IconButtonProps, type IconButtonStyleEnum, type IconProps, type IconSizeEnum, type IconStyleEnum, Image, type ImageFitEnum, type ImageProps, Input, type InputProps, type InputTypeEnum, List, ListItem, type ListItemProps, type ListProps, MenuItem, type MenuItemProps, Modal, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, Nav, NavItem, type NavItemProps, NavLink, type NavLinkProps, type NavProps, Option, type OptionProps, type OverlayDirectionEnum, Password, Popover, type PopoverHandle, type PopoverProps, ProgressBar, type ProgressBarProps, type RequiredFields, ResponsiveComponent, type ResponsiveComponentProps, 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, Toggle, ToggleButton, type ToggleButtonProps, useField, useSelectContext, useTab };
+/**
+ * Props for the NotificationContainer component.
+ */
+type NotificationContainerProps = {
+    className?: string;
+};
+
+export { Accordion, AccordionDetails, AccordionGroup, AccordionSummary, ActionCard, type ActionCardProps, ActionImage, type ActionImageProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Breakpoint, type BreakpointProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, type CardProps, Checkbox, CheckboxItem, type CheckboxItemProps, type CheckboxLabelAlignmentEnum, type CheckboxProps, type CheckboxSizeEnum, Chip, type ChipProps, ContextMenu, type ContextMenuProps, type CustomTimePickerConfig, CustomToggle, type CustomToggleProps, DatePicker, type DatePickerProps, Dropzone, DropzoneClear, DropzoneContent, type DropzoneContentProps, type DropzoneContentTypeEnum, DropzoneFilename as DropzonePreview, type DropzoneProps, DropzoneSupportedFormats as DropzoneReject, DropzoneTrigger as DropzoneRoot, 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, Grid, GridItem, type GridItemProps, GridList, type GridListProps, type GridProps, Icon, IconButton, type IconButtonProps, type IconButtonStyleEnum, type IconProps, type IconSizeEnum, type IconStyleEnum, Image, type ImageFitEnum, type ImageProps, Input, type InputProps, type InputTypeEnum, List, ListItem, type ListItemProps, type ListProps, Modal, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, Nav, NavItem, type NavItemProps, NavLink, type NavLinkProps, type NavProps, type NotificationContainerProps, Option, type OptionProps, type OverlayDirectionEnum, Pagination, PaginationNumberField, type PaginationNumberFieldProps, type PaginationProps, Password, Popover, type PopoverHandle, type PopoverProps, ProgressBar, type ProgressBarProps, type RequiredFields, ResponsiveComponent, type ResponsiveComponentProps, Select, type SelectProps, SelectProvider, Slider, type SliderProps, 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, Toggle, ToggleButton, type ToggleButtonProps, useDropzoneContext, useField, useSelectContext, useTab };