@bsol-oss/react-datatable5 3.4.3 → 5.0.0

package/dist/types/components/Controls/EditFilterButton.d.ts

@@ -6,4 +6,4 @@ export interface EditFilterButtonProps {
     resetText?: string;
     icon?: React.ReactElement;
 }
-export declare const EditFilterButton: ({ text, title, closeText, resetText, icon, ...props }: EditFilterButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EditFilterButton: ({ text, title, closeText, resetText, icon, }: EditFilterButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/DefaultTable.d.ts

@@ -1,10 +1,10 @@
-import { TableHeadProps } from "@chakra-ui/react";
+import { TableHeaderProps } from "@chakra-ui/react";
 import { TableProps } from "../../index";
 import { TableControlsProps } from "./TableControls";
 export interface DefaultTableProps extends TableControlsProps {
     showFooter?: boolean;
     showSelector?: boolean;
     tableProps?: Omit<TableProps, "children">;
-    tHeadProps?: TableHeadProps;
+    tHeadProps?: TableHeaderProps;
 }
 export declare const DefaultTable: ({ totalText, showFilter, showFooter, fitTableWidth, fitTableHeight, isMobile, filterOptions, showFilterTags, showFilterName, showReload, showSelector, extraItems, tableProps, tHeadProps, }: DefaultTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/Table.d.ts

@@ -1,8 +1,9 @@
-import { TableProps as ChakraTableProps } from "@chakra-ui/react";
+import { TableRootProps } from "@chakra-ui/react";
 import { ReactNode } from "react";
-export interface TableProps extends ChakraTableProps {
+export interface TableProps extends TableRootProps {
     showLoading?: boolean;
     loadingComponent?: JSX.Element;
+    emptyComponent?: JSX.Element;
     children: ReactNode;
 }
-export declare const Table: ({ children, showLoading, loadingComponent, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ children, emptyComponent, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/TableComponent.d.ts

@@ -3,4 +3,4 @@ import React from "react";
 export interface TableRendererProps<TData> {
     render: (render: Table<TData>) => React.ReactElement;
 }
-export declare const TableComponent: <TData>({ render, }: TableRendererProps<TData>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const TableComponent: <TData>({ render, }: TableRendererProps<TData>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/dist/types/components/DataTable/TableHeader.d.ts

@@ -1,4 +1,4 @@
-import { TableHeadProps } from "@chakra-ui/react";
+import { TableHeaderProps as ChakraTableHeaderProps } from "@chakra-ui/react";
 export interface TableHeaderProps {
     canResize?: boolean;
     pinnedBgColor?: {
@@ -8,6 +8,6 @@ export interface TableHeaderProps {
     showSelector?: boolean;
     isSticky?: boolean;
     alwaysShowSelector?: boolean;
-    tHeadProps?: TableHeadProps;
+    tHeadProps?: ChakraTableHeaderProps;
 }
 export declare const TableHeader: ({ canResize, pinnedBgColor, showSelector, isSticky, alwaysShowSelector, tHeadProps, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/TablePagination.d.ts

@@ -1,3 +1 @@
-export interface PaginationProps {
-}
-export declare const TablePagination: ({}: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TablePagination: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/TextCell.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { TextProps, TooltipProps } from "@chakra-ui/react";
+import { TextProps } from "@chakra-ui/react";
 export interface TextCellProps extends TextProps {
     label?: string;
     noOfLines?: number[];
     padding?: string;
     children: string | number | JSX.Element | JSX.Element[];
-    tooltipProps?: TooltipProps;
 }
-export declare const TextCell: ({ label, noOfLines, padding, children, tooltipProps, ...props }: TextCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextCell: ({ label, padding, children, ...props }: TextCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Filter/GlobalFilter.d.ts

@@ -1,3 +1 @@
-export declare const GlobalFilter: ({ icon }: {
-    icon?: import("react-icons").IconType | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalFilter: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ui/avatar.d.ts

@@ -0,0 +1,17 @@
+import type { GroupProps, SlotRecipeProps } from "@chakra-ui/react";
+import { Avatar as ChakraAvatar } from "@chakra-ui/react";
+import * as React from "react";
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
+export interface AvatarProps extends ChakraAvatar.RootProps {
+    name?: string;
+    src?: string;
+    srcSet?: string;
+    loading?: ImageProps["loading"];
+    icon?: React.ReactElement;
+    fallback?: React.ReactNode;
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+interface AvatarGroupProps extends GroupProps, SlotRecipeProps<"avatar"> {
+}
+export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import type { ButtonProps as ChakraButtonProps } from "@chakra-ui/react";
+import * as React from "react";
+interface ButtonLoadingProps {
+    loading?: boolean;
+    loadingText?: React.ReactNode;
+}
+export interface ButtonProps extends ChakraButtonProps, ButtonLoadingProps {
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/components/ui/checkbox.d.ts

@@ -0,0 +1,8 @@
+import { Checkbox as ChakraCheckbox } from "@chakra-ui/react";
+import * as React from "react";
+export interface CheckboxProps extends ChakraCheckbox.RootProps {
+    icon?: React.ReactNode;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/ui/close-button.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonProps } from "@chakra-ui/react";
+import * as React from "react";
+export type CloseButtonProps = ButtonProps;
+export declare const CloseButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/ui/color-mode.d.ts

@@ -0,0 +1,17 @@
+import type { IconButtonProps } from "@chakra-ui/react";
+import type { ThemeProviderProps } from "next-themes";
+import * as React from "react";
+export interface ColorModeProviderProps extends ThemeProviderProps {
+}
+export declare function ColorModeProvider(props: ColorModeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useColorMode(): {
+    colorMode: string | undefined;
+    setColorMode: React.Dispatch<React.SetStateAction<string>>;
+    toggleColorMode: () => void;
+};
+export declare function useColorModeValue<T>(light: T, dark: T): T;
+export declare function ColorModeIcon(): import("react/jsx-runtime").JSX.Element;
+interface ColorModeButtonProps extends Omit<IconButtonProps, "aria-label"> {
+}
+export declare const ColorModeButton: React.ForwardRefExoticComponent<ColorModeButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/components/ui/dialog.d.ts

@@ -0,0 +1,19 @@
+import { Dialog as ChakraDialog } from "@chakra-ui/react";
+import * as React from "react";
+interface DialogContentProps extends ChakraDialog.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    backdrop?: boolean;
+}
+export declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogCloseTrigger: React.ForwardRefExoticComponent<ChakraDialog.CloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogRoot: React.FC<ChakraDialog.RootProps>;
+export declare const DialogFooter: React.ForwardRefExoticComponent<ChakraDialog.FooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogHeader: React.ForwardRefExoticComponent<ChakraDialog.HeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogBody: React.ForwardRefExoticComponent<ChakraDialog.BodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogBackdrop: React.ForwardRefExoticComponent<ChakraDialog.BackdropProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: React.ForwardRefExoticComponent<ChakraDialog.TitleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogDescription: React.ForwardRefExoticComponent<ChakraDialog.DescriptionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogTrigger: React.ForwardRefExoticComponent<ChakraDialog.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogActionTrigger: React.ForwardRefExoticComponent<ChakraDialog.ActionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/components/ui/drawer.d.ts

@@ -0,0 +1,19 @@
+import { Drawer as ChakraDrawer } from "@chakra-ui/react";
+import * as React from "react";
+interface DrawerContentProps extends ChakraDrawer.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    offset?: ChakraDrawer.ContentProps["padding"];
+}
+export declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerCloseTrigger: React.ForwardRefExoticComponent<ChakraDrawer.CloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DrawerTrigger: React.ForwardRefExoticComponent<ChakraDrawer.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DrawerRoot: React.FC<ChakraDrawer.RootProps>;
+export declare const DrawerFooter: React.ForwardRefExoticComponent<ChakraDrawer.FooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerHeader: React.ForwardRefExoticComponent<ChakraDrawer.HeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerBody: React.ForwardRefExoticComponent<ChakraDrawer.BodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerBackdrop: React.ForwardRefExoticComponent<ChakraDrawer.BackdropProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerDescription: React.ForwardRefExoticComponent<ChakraDrawer.DescriptionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerTitle: React.ForwardRefExoticComponent<ChakraDrawer.TitleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerActionTrigger: React.ForwardRefExoticComponent<ChakraDrawer.ActionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/components/ui/empty-state.d.ts

@@ -0,0 +1,8 @@
+import { EmptyState as ChakraEmptyState } from "@chakra-ui/react";
+import * as React from "react";
+export interface EmptyStateProps extends ChakraEmptyState.RootProps {
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+}
+export declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/ui/field.d.ts

@@ -0,0 +1,9 @@
+import { Field as ChakraField } from "@chakra-ui/react";
+import * as React from "react";
+export interface FieldProps extends Omit<ChakraField.RootProps, "label"> {
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    errorText?: React.ReactNode;
+    optionalText?: React.ReactNode;
+}
+export declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/ui/input-group.d.ts

@@ -0,0 +1,12 @@
+import type { BoxProps, InputElementProps } from "@chakra-ui/react";
+import * as React from "react";
+export interface InputGroupProps extends BoxProps {
+    startElementProps?: InputElementProps;
+    endElementProps?: InputElementProps;
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+    children: React.ReactElement;
+    startOffset?: InputElementProps["paddingStart"];
+    endOffset?: InputElementProps["paddingEnd"];
+}
+export declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/ui/menu.d.ts

@@ -0,0 +1,24 @@
+import { Menu as ChakraMenu } from "@chakra-ui/react";
+import * as React from "react";
+interface MenuContentProps extends ChakraMenu.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+export declare const MenuContent: React.ForwardRefExoticComponent<MenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuArrow: React.ForwardRefExoticComponent<ChakraMenu.ArrowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuCheckboxItem: React.ForwardRefExoticComponent<ChakraMenu.CheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuRadioItem: React.ForwardRefExoticComponent<ChakraMenu.RadioItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuItemGroup: React.ForwardRefExoticComponent<ChakraMenu.ItemGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface MenuTriggerItemProps extends ChakraMenu.ItemProps {
+    startIcon?: React.ReactNode;
+}
+export declare const MenuTriggerItem: React.ForwardRefExoticComponent<MenuTriggerItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuRadioItemGroup: React.ForwardRefExoticComponent<ChakraMenu.RadioItemGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuContextTrigger: React.ForwardRefExoticComponent<ChakraMenu.ContextTriggerProps & React.RefAttributes<HTMLElement>>;
+export declare const MenuRoot: React.FC<ChakraMenu.RootProps>;
+export declare const MenuSeparator: React.ForwardRefExoticComponent<ChakraMenu.SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuItem: React.ForwardRefExoticComponent<ChakraMenu.ItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuItemText: React.ForwardRefExoticComponent<ChakraMenu.ItemTextProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuItemCommand: React.ForwardRefExoticComponent<ChakraMenu.CommandProps & React.RefAttributes<HTMLElement>>;
+export declare const MenuTrigger: React.ForwardRefExoticComponent<ChakraMenu.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/components/ui/popover.d.ts

@@ -0,0 +1,17 @@
+import { Popover as ChakraPopover } from "@chakra-ui/react";
+import * as React from "react";
+interface PopoverContentProps extends ChakraPopover.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverArrow: React.ForwardRefExoticComponent<ChakraPopover.ArrowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverCloseTrigger: React.ForwardRefExoticComponent<ChakraPopover.CloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverTitle: React.ForwardRefExoticComponent<ChakraPopover.TitleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverDescription: React.ForwardRefExoticComponent<ChakraPopover.DescriptionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverFooter: React.ForwardRefExoticComponent<ChakraPopover.FooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverHeader: React.ForwardRefExoticComponent<ChakraPopover.HeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverRoot: React.FC<ChakraPopover.RootProps>;
+export declare const PopoverBody: React.ForwardRefExoticComponent<ChakraPopover.BodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<ChakraPopover.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/components/ui/provider.d.ts

@@ -0,0 +1,2 @@
+import { type ColorModeProviderProps } from "./color-mode";
+export declare function Provider(props: ColorModeProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ui/radio.d.ts

@@ -0,0 +1,8 @@
+import { RadioGroup as ChakraRadioGroup } from "@chakra-ui/react";
+import * as React from "react";
+export interface RadioProps extends ChakraRadioGroup.ItemProps {
+    rootRef?: React.Ref<HTMLDivElement>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<ChakraRadioGroup.RootProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/ui/select.d.ts

@@ -0,0 +1,25 @@
+import type { CollectionItem } from "@chakra-ui/react";
+import { Select as ChakraSelect } from "@chakra-ui/react";
+import * as React from "react";
+interface SelectTriggerProps extends ChakraSelect.ControlProps {
+    clearable?: boolean;
+}
+export declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps extends ChakraSelect.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+export declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: React.ForwardRefExoticComponent<ChakraSelect.ItemProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectValueTextProps extends Omit<ChakraSelect.ValueTextProps, "children"> {
+    children?(items: CollectionItem[]): React.ReactNode;
+}
+export declare const SelectValueText: React.ForwardRefExoticComponent<SelectValueTextProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const SelectRoot: ChakraSelect.RootComponent;
+interface SelectItemGroupProps extends ChakraSelect.ItemGroupProps {
+    label: React.ReactNode;
+}
+export declare const SelectItemGroup: React.ForwardRefExoticComponent<SelectItemGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectLabel: React.ForwardRefExoticComponent<ChakraSelect.LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const SelectItemText: React.ForwardRefExoticComponent<ChakraSelect.ItemTextProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/ui/slider.d.ts

@@ -0,0 +1,11 @@
+import { Slider as ChakraSlider } from "@chakra-ui/react";
+import * as React from "react";
+export interface SliderProps extends ChakraSlider.RootProps {
+    marks?: Array<number | {
+        value: number;
+        label: React.ReactNode;
+    }>;
+    label?: React.ReactNode;
+    showValue?: boolean;
+}
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/ui/switch.d.ts

@@ -0,0 +1,15 @@
+import { Switch as ChakraSwitch } from "@chakra-ui/react";
+import * as React from "react";
+export interface SwitchProps extends ChakraSwitch.RootProps {
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+    trackLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+    thumbLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+}
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/ui/tag.d.ts

@@ -0,0 +1,9 @@
+import { Tag as ChakraTag } from "@chakra-ui/react";
+import * as React from "react";
+export interface TagProps extends ChakraTag.RootProps {
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+    onClose?: VoidFunction;
+    closable?: boolean;
+}
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/types/components/ui/tooltip.d.ts

@@ -0,0 +1,11 @@
+import { Tooltip as ChakraTooltip } from "@chakra-ui/react";
+import * as React from "react";
+export interface TooltipProps extends ChakraTooltip.RootProps {
+    showArrow?: boolean;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    content: React.ReactNode;
+    contentProps?: ChakraTooltip.ContentProps;
+    disabled?: boolean;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "3.4.3",
+  "version": "5.0.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -36,17 +36,15 @@
   },
   "peerDependencies": {
     "@chakra-ui/icons": "^2.1.1",
-    "@chakra-ui/react": "^2.8.2",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.0",
+    "@chakra-ui/react": "^3.2.2",
+    "@emotion/react": "^11.13.5",
     "@tanstack/match-sorter-utils": "^8.15.1",
     "@tanstack/react-table": "^8.16.0",
     "axios": "^1.6.8",
-    "framer-motion": "^11.0.22",
-    "react": "^18.2.0",
+    "react": "^19.0.0",
     "react-beautiful-dnd": "^13.1.1",
-    "react-dom": "^18.2.0",
-    "react-icons": "^5.2.0"
+    "react-dom": "^19.0.0",
+    "react-icons": "^5.4.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.2.25",
@@ -59,9 +57,9 @@
     "@storybook/react": "^8.0.4",
     "@storybook/react-vite": "^8.0.4",
     "@storybook/test": "^8.0.4",
-    "@types/react": "^18.2.66",
+    "@types/react": "19.0.2",
     "@types/react-beautiful-dnd": "^13.1.8",
-    "@types/react-dom": "^18.2.22",
+    "@types/react-dom": "19.0.2",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
     "@vitejs/plugin-react": "^4.2.1",
@@ -74,5 +72,8 @@
     "storybook": "^8.0.4",
     "typescript": "^5.2.2",
     "vite": "^5.2.0"
+  },
+  "dependencies": {
+    "next-themes": "^0.4.3"
   }
 }