@arkitektbedriftene/fe-lib 2.5.2 → 2.5.4

package/dist/icons/icons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function ProductExternalIdToIcon(props: {
     ExternalId: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/oidc/impersonate.d.ts

@@ -16,7 +16,7 @@ export type ImpersonationContextType = {
 export declare const useImpersonationContext: () => ImpersonationContextType;
 export declare const ImpersonationContextProvider: ({ children, }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 /**
  * This hook is used to pick up the impersonation access token from the URL.
  * The access token must be provided in the query string as "impersonateAccessToken".

package/dist/oidc/oidc.d.ts

@@ -25,7 +25,7 @@ export declare const createAuthContext: (userManager: UserManager) => {
     AuthContext: Context<AuthContextData | null>;
     AuthProvider: ({ children }: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     useAuthContext: () => AuthContextData;
     useAuthState: () => AuthState;
     useSigninCallback: (onDone?: ((user?: User) => void) | undefined) => AuthState;

package/dist/rich-text/Editor.d.ts

@@ -24,4 +24,4 @@ export declare const RichTextEditor: ({ isLoading, children, placeholderText, no
     }> | undefined;
     signUrl?: ((url: string) => Promise<string>) | undefined;
     fileUpload?: UploadFn | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/rich-text/Plugins/AlignPlugin.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const AlignToolbarDropdown: () => JSX.Element;
+export declare const AlignToolbarDropdown: () => import("react/jsx-runtime").JSX.Element;

package/dist/rich-text/Plugins/Image/ImageComponent.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { type ReactElement } from "react";
 export declare function ImageComponent({ src, altText, width, height, nodeKey, }: {
     src: string;
     altText: string;
     width: "inherit" | number;
     height: "inherit" | number;
     nodeKey: string;
-}): JSX.Element;
+}): ReactElement;

package/dist/rich-text/Plugins/Image/ImageNode.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from "lexical";
 import { DecoratorNode } from "lexical";
+import type { ReactElement } from "react";
 export interface ImagePayload {
     src: string;
     altText: string;
@@ -22,7 +22,7 @@ export type SerializedImageNode = Spread<{
         height: number;
     };
 }, SerializedLexicalNode>;
-export declare class ImageNode extends DecoratorNode<JSX.Element> {
+export declare class ImageNode extends DecoratorNode<ReactElement> {
     __src: string;
     __altText: string;
     __width: "inherit" | number;
@@ -51,7 +51,7 @@ export declare class ImageNode extends DecoratorNode<JSX.Element> {
     updateDOM(): false;
     getSrc(): string;
     getAltText(): string;
-    decorate(): JSX.Element;
+    decorate(): ReactElement;
 }
 export declare function $createImageNode({ altText, height, src, width, meta, key, }: ImagePayload): ImageNode;
 export declare function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode;

package/dist/rich-text/Plugins/Image/ImagePlugin.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { type LexicalCommand } from "lexical";
+import { type ReactElement } from "react";
 import { type ImagePayload } from "./ImageNode";
 export type InsertImagePayload = Readonly<ImagePayload>;
 export declare const INSERT_IMAGE_COMMAND: LexicalCommand<InsertImagePayload>;
-export declare function ImagePlugin(): JSX.Element | null;
+export declare function ImagePlugin(): ReactElement | null;

package/dist/rich-text/Plugins/LinkEditPlugin.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const LinkEditPlugin: () => JSX.Element | null;
+export declare const LinkEditPlugin: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/rich-text/Plugins/LinkInsertPlugin.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const LinkToolbarButton: ({ getDocs, filePrefix, }: {
     getDocs?: (() => {
         label: string;
         value: string;
     }[]) | undefined;
     filePrefix?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/rich-text/Plugins/Plugins.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const Plugins: () => JSX.Element;
+export declare const Plugins: () => import("react/jsx-runtime").JSX.Element;

package/dist/rich-text/Plugins/RutineLinkNode.d.ts

@@ -11,24 +11,24 @@ export declare class RutineLinkNode extends LinkNode {
         type: string;
         url: string;
         version: number;
-        title?: string | null | undefined;
         children: import("lexical").SerializedLexicalNode[];
         direction: "ltr" | "rtl" | null;
         format: import("lexical").ElementFormatType;
         indent: number;
         rel?: string | null | undefined;
         target?: string | null | undefined;
+        title?: string | null | undefined;
     } | {
         type: string;
         url: string;
         version: number;
-        title?: string | null | undefined;
         children: import("lexical").SerializedLexicalNode[];
         direction: "ltr" | "rtl" | null;
         format: import("lexical").ElementFormatType;
         indent: number;
         rel?: string | null | undefined;
         target?: string | null | undefined;
+        title?: string | null | undefined;
         isUnlinked: boolean;
     };
     getURL(): string;

package/dist/rich-text/Plugins/TableEditPlugin.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const TableEditPlugin: () => JSX.Element | null;
+export declare const TableEditPlugin: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/rich-text/Toolbar/BlockTypeSelector.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const BlockTypeSelector: () => JSX.Element;
+export declare const BlockTypeSelector: () => import("react/jsx-runtime").JSX.Element;

package/dist/rich-text/Toolbar/InsertSelector.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const InsertSelector: () => JSX.Element;
+export declare const InsertSelector: () => import("react/jsx-runtime").JSX.Element;

package/dist/rich-text/Toolbar/TextFormatToggleGroup.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const TextFormatToggleGroup: () => JSX.Element;
+export declare const TextFormatToggleGroup: () => import("react/jsx-runtime").JSX.Element;

package/dist/rich-text/Toolbar/Toolbar.d.ts

@@ -3,7 +3,7 @@ import { Toolbar } from "@ui";
 type ToolbarProps = {
     children: React.ReactNode;
 };
-export declare const FloatingToolbar: ({ children }: ToolbarProps) => JSX.Element | null;
+export declare const FloatingToolbar: ({ children }: ToolbarProps) => import("react/jsx-runtime").JSX.Element | null;
 export declare const RichTextToolbar: ({ children, ...props }: {
     children?: React.ReactNode;
 } & Omit<import("@radix-ui/react-toolbar").ToolbarProps & import("react").RefAttributes<HTMLDivElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
@@ -122,5 +122,5 @@ export declare const RichTextToolbar: ({ children, ...props }: {
             overlayCard: number;
         };
     }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/rich-text.es.js

@@ -1337,7 +1337,7 @@ const Ot = ["image/"], Zr = () => {
       mt,
       {
         type: "file",
-        accept: "image/png, image/jpeg",
+        accept: "image/*",
         onChange: a,
         disabled: t.isLoading
       }

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.2",
+  "version": "2.5.4",
   "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",