@arkitektbedriftene/fe-lib 2.5.3 → 3.0.0

package/dist/ui/components/Avatar.d.ts

@@ -118,9 +118,7 @@ declare const AvatarCircle: import("@stitches/react/types/styled-component").Sty
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
 export declare const Avatar: ({ css, colorString, ...props }: {
     colorString?: string | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "css" | "size"> & import("@stitches/react/types/styled-component").TransformProps<{
+} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "css" | "size"> & import("@stitches/react/types/styled-component").TransformProps<{
     size?: "xs" | "sm" | "md" | undefined;
 }, {
     lg: "(min-width: 1200px)";
@@ -238,5 +236,5 @@ export declare const Avatar: ({ css, colorString, ...props }: {
             overlayCard: number;
         };
     }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/components/Dialog.d.ts

@@ -238,7 +238,7 @@ export declare const Dialog: ({ children, open, onOpenChange, trigger, css, cont
             };
         }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
     }) | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const DialogHeader: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<RDialog.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>, {}, {
     lg: "(min-width: 1200px)";
     print: "print";

package/dist/ui/components/Form/Checkbox.d.ts

@@ -237,5 +237,5 @@ export declare const Checkbox: ({ id, size, label, ...props }: {
             overlayCard: number;
         };
     }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/components/Form/Combobox.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { GroupBase, Props } from "react-select";
-export declare const Combobox: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: Omit<Props<Option, IsMulti, Group>, "isSearchable">) => JSX.Element;
+export declare const Combobox: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: Omit<any, "isSearchable">) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/Form/ReactSelect.d.ts

@@ -1,97 +1,2 @@
-/// <reference types="react" />
-import Select, { type StylesConfig } from "react-select";
-export declare const ReactSelect: ({ styles, components, error, ...props }: Omit<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "form" | "value" | "theme" | "onBlur" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onChange" | "onKeyDown" | "autoFocus" | "name" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "required"> & {
-    isLoading?: boolean | undefined;
-    placeholder?: import("react").ReactNode;
-    tabIndex?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    options?: import("react-select").OptionsOrGroups<unknown, import("react-select").GroupBase<unknown>> | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: import("react-select").ClassNamesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, import("react-select").GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: import("react-select").GroupBase<unknown>) => import("react").ReactNode) | undefined;
-    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
-    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
-    isMulti?: boolean | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => import("react").ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: import("react-select").MenuPlacement | undefined;
-    menuPosition?: import("react-select").MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => import("react").ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    pageSize?: number | undefined;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "form" | "value" | "theme" | "onBlur" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onChange" | "onKeyDown" | "autoFocus" | "name" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "required"> & {
-    isLoading?: boolean | undefined;
-    placeholder?: import("react").ReactNode;
-    tabIndex?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    options?: import("react-select").OptionsOrGroups<unknown, import("react-select").GroupBase<unknown>> | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: import("react-select").ClassNamesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, import("react-select").GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: import("react-select").GroupBase<unknown>) => import("react").ReactNode) | undefined;
-    getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
-    getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
-    isMulti?: boolean | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => import("react").ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: import("react-select").MenuPlacement | undefined;
-    menuPosition?: import("react-select").MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => import("react").ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    pageSize?: number | undefined;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>> & {
-    error?: string | boolean | undefined;
-}) => JSX.Element;
+import Select from "react-select";
+export declare const ReactSelect: ({ styles, components, error, ...props }: any) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/Form/Select.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CSS } from "../../stitches.config";
 import type { GroupBase, Props } from "react-select";
 type SelectProps = {
@@ -6,5 +5,5 @@ type SelectProps = {
     css?: CSS;
     error?: boolean | string;
 };
-export declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ label, css, error, ...props }: SelectProps & Omit<Props<Option, IsMulti, Group>, "isMulti" | "isSearchable">) => JSX.Element;
+export declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ label, css, error, ...props }: SelectProps & Omit<any, "isSearchable" | "isMulti">) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/components/Form/Switch.d.ts

@@ -235,11 +235,9 @@ declare const Label: import("@stitches/react/types/styled-component").StyledComp
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
 export declare const Switch: ({ label, stackProps, labelProps, size, ...props }: {
     label?: string | undefined;
-    stackProps?: (Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    }, "direction" | "gap" | "css" | "align"> & import("@stitches/react/types/styled-component").TransformProps<{
+    stackProps?: (Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "direction" | "gap" | "css" | "align"> & import("@stitches/react/types/styled-component").TransformProps<{
         direction?: "column" | "row" | undefined;
-        align?: "center" | "start" | undefined;
+        align?: "start" | "center" | undefined;
         gap?: 0 | 1 | "0" | "1" | "2" | "3" | 2 | 3 | 4 | "4" | "5" | "6" | "8" | 6 | 8 | 5 | 7 | "7" | undefined;
     }, {
         lg: "(min-width: 1200px)";
@@ -358,9 +356,7 @@ export declare const Switch: ({ label, stackProps, labelProps, size, ...props }:
             };
         }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
     }) | undefined;
-    labelProps?: (Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    }, "css" | "size"> & import("@stitches/react/types/styled-component").TransformProps<{
+    labelProps?: (Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "css" | "size"> & import("@stitches/react/types/styled-component").TransformProps<{
         size?: "sm" | "md" | "lg" | undefined;
     }, {
         lg: "(min-width: 1200px)";
@@ -596,5 +592,5 @@ export declare const Switch: ({ label, stackProps, labelProps, size, ...props }:
             overlayCard: number;
         };
     }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/components/Menu/DropdownMenu.d.ts

@@ -2,12 +2,12 @@ import * as RDropdown from "@radix-ui/react-dropdown-menu";
 import type { ReactNode } from "react";
 export declare const DropdownMenu: ({ side, align, trigger, children, sideOffset, modal, }: {
     side?: "left" | "right" | "bottom" | "top" | undefined;
-    align?: "center" | "start" | "end" | undefined;
+    align?: "start" | "center" | "end" | undefined;
     trigger: ReactNode;
     children: ReactNode;
     sideOffset?: number | undefined;
     modal?: boolean | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const DropdownMenuSeparator: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<RDropdown.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
     lg: "(min-width: 1200px)";
     print: "print";
@@ -357,4 +357,4 @@ export declare const DropdownMenuCheckboxItem: ({ value, onChange, children, }:
     value: boolean;
     onChange: (value: boolean) => void;
     children: ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/NavBar.d.ts

@@ -115,13 +115,11 @@ declare const Bar: import("@stitches/react/types/styled-component").StyledCompon
         overlayCard: number;
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
-export declare const NavBar: (props: React.ComponentProps<typeof Bar>) => JSX.Element;
+export declare const NavBar: (props: React.ComponentProps<typeof Bar>) => import("react/jsx-runtime").JSX.Element;
 export declare const NavBarItem: ({ children, active, ...props }: {
     children: ReactNode;
     active?: boolean | undefined;
-} & Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "css" | "size" | "icon" | "variant"> & import("@stitches/react/types/styled-component").TransformProps<{
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "css" | "size" | "icon" | "variant"> & import("@stitches/react/types/styled-component").TransformProps<{
     color?: "primary" | "secondary" | "success" | "danger" | "warning" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "transparent" | "primary" | undefined;
@@ -243,7 +241,7 @@ export declare const NavBarItem: ({ children, active, ...props }: {
         };
     }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
 } & {
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     isLoading?: boolean | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLButtonElement>) => JSX.Element;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/components/Popover.d.ts

@@ -13,15 +13,13 @@ export declare const Popover: ({ children, offset: offsetOptions, open, onOpenCh
     } | undefined;
     placement?: Placement | undefined;
     role?: UseRoleProps["role"];
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const PopoverTrigger: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const PopoverContent: ({ children, overlayCardProps }: {
     children: React.ReactNode;
-    overlayCardProps?: (Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    }, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
+    overlayCardProps?: (Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
         lg: "(min-width: 1200px)";
         print: "print";
     }> & {
@@ -138,4 +136,4 @@ export declare const PopoverContent: ({ children, overlayCardProps }: {
             };
         }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
     }) | undefined;
-}) => JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/ui/components/Spinner.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
-export declare const Spinner: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "color" | "css" | "size"> & import("@stitches/react/types/styled-component").TransformProps<{
+export declare const Spinner: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "css" | "size"> & import("@stitches/react/types/styled-component").TransformProps<{
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     color?: "inherit" | "dark" | "light" | undefined;
 }, {

package/dist/ui/components/Stack.d.ts

@@ -1,6 +1,6 @@
 export declare const Stack: import("@stitches/react/types/styled-component").StyledComponent<"div", {
     direction?: "column" | "row" | undefined;
-    align?: "center" | "start" | undefined;
+    align?: "start" | "center" | undefined;
     gap?: 0 | 1 | "0" | "1" | "2" | "3" | 2 | 3 | 4 | "4" | "5" | "6" | "8" | 6 | 8 | 5 | 7 | "7" | undefined;
 }, {
     lg: "(min-width: 1200px)";

package/dist/ui/components/Toolbar.d.ts

@@ -345,9 +345,7 @@ export declare const ToolbarSeparator: import("@stitches/react/types/styled-comp
         overlayCard: number;
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
-export declare const ButtonInToolbar: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "css" | "size" | "icon" | "variant"> & import("@stitches/react/types/styled-component").TransformProps<{
+export declare const ButtonInToolbar: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "css" | "size" | "icon" | "variant"> & import("@stitches/react/types/styled-component").TransformProps<{
     color?: "primary" | "secondary" | "success" | "danger" | "warning" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "transparent" | "primary" | undefined;
@@ -469,7 +467,7 @@ export declare const ButtonInToolbar: import("react").ForwardRefExoticComponent<
         };
     }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
 } & {
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     isLoading?: boolean | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 type ToolbarButtonProps = {

package/dist/ui/components/Tooltip.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const Tooltip: ({ children, content }: {
     children: React.ReactNode;
     content: React.ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/stitches.config.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export type { CSS } from "@stitches/react";
-export declare const styled: <Type extends import("react").ComponentType<any> | keyof JSX.IntrinsicElements | import("@stitches/react/types/util").Function, Composers extends (string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function | {
+export declare const styled: <Type extends string | number | symbol | import("react").ComponentType<any> | import("@stitches/react/types/util").Function, Composers extends (string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function | {
     [name: string]: unknown;
 })[], CSS = import("@stitches/react/types/css-util").CSS<{
     lg: "(min-width: 1200px)";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "2.5.3",
+  "version": "3.0.0",
   "type": "module",
   "exports": {
     ".": {
@@ -61,14 +61,14 @@
     "test": "tsc"
   },
   "peerDependencies": {
-    "@types/react": "*",
-    "@types/react-dom": "*",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.6.2",
     "@types/node": "^20.12.3",
+    "@types/react": "^19.0.3",
+    "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react-swc": "^3.0.0",
     "typescript": "^4.9.3",
     "vite": "^4.2.0",
@@ -76,15 +76,15 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.0",
-    "@lexical/headless": "~0.17.0",
-    "@lexical/html": "~0.17.0",
-    "@lexical/link": "~0.17.0",
-    "@lexical/list": "~0.17.0",
-    "@lexical/react": "~0.17.0",
-    "@lexical/rich-text": "~0.17.0",
-    "@lexical/selection": "~0.17.0",
-    "@lexical/table": "~0.17.0",
-    "@lexical/utils": "~0.17.0",
+    "@lexical/headless": "~0.23.0",
+    "@lexical/html": "~0.23.0",
+    "@lexical/link": "~0.23.0",
+    "@lexical/list": "~0.23.0",
+    "@lexical/react": "~0.23.0",
+    "@lexical/rich-text": "~0.23.0",
+    "@lexical/selection": "~0.23.0",
+    "@lexical/table": "~0.23.0",
+    "@lexical/utils": "~0.23.0",
     "@radix-ui/react-checkbox": "^1.1.3",
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-dropdown-menu": "^2.1.4",
@@ -92,7 +92,7 @@
     "@radix-ui/react-toolbar": "^1.1.1",
     "@stitches/react": "^1.2.8",
     "jwt-decode": "^4.0.0",
-    "lexical": "~0.17.0",
+    "lexical": "~0.23.0",
     "oidc-client-ts": "^2.2.2",
     "react-icons": "^4.8.0",
     "react-select": "^5.8.0",