@norges-domstoler/dds-components 19.1.0 → 20.0.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
-import * as react from 'react';
-import react__default, { ElementType, ReactNode, HTMLAttributes, InputHTMLAttributes, PropsWithChildren, ComponentPropsWithoutRef, ComponentProps, AnchorHTMLAttributes, LabelHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, ButtonHTMLAttributes, FocusEventHandler, MouseEventHandler, AriaRole, ComponentPropsWithRef, TextareaHTMLAttributes, ForwardedRef, ForwardRefExoticComponent, ChangeEvent, MouseEvent as MouseEvent$1, ReactElement, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ComponentPropsWithRef, HTMLAttributes, Ref, PropsWithChildren, ElementType, ComponentPropsWithoutRef, ComponentProps, AnchorHTMLAttributes, LabelHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, JSX, ButtonHTMLAttributes, ReactNode, AriaRole, InputHTMLAttributes, ForwardedRef, ForwardRefExoticComponent, ChangeEvent, MouseEvent as MouseEvent$1, ReactElement } from 'react';
 import * as CSS from 'csstype';
 import { Property, StandardProperties } from 'csstype';
 import { Strategy, UseFloatingReturn, Placement as Placement$1 } from '@floating-ui/react-dom';
@@ -14,10 +14,14 @@ import { ddsTokens } from '@norges-domstoler/dds-design-tokens';
 declare function handleElementWithBackdropMount(container: HTMLElement): void;
 declare function handleElementWithBackdropUnmount(container: HTMLElement): void;
 
-declare const Backdrop: react.ForwardRefExoticComponent<{
+type BackdropProps = {
     isMounted?: boolean;
-    zIndex: "drawer" | "modal";
-} & Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "onClick"> & react.RefAttributes<HTMLDivElement>>;
+    zIndex: 'drawer' | 'modal';
+} & Pick<ComponentPropsWithRef<'div'>, 'children' | 'onClick' | 'ref'>;
+declare const Backdrop: {
+    ({ isMounted, zIndex, ...props }: BackdropProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface SvgChevronProps {
     isUp?: boolean;
@@ -26,17 +30,9 @@ interface SvgChevronProps {
 }
 declare const AnimatedChevronUpDown: ({ isUp, height, width, }: SvgChevronProps) => react_jsx_runtime.JSX.Element;
 
-type ElementAsProps = {
-    as: ElementType;
-    children?: ReactNode;
-} & HTMLAttributes<HTMLElement>;
-declare const ElementAs: react.ForwardRefExoticComponent<{
-    as: ElementType;
-    children?: ReactNode;
-} & HTMLAttributes<HTMLElement> & react.RefAttributes<HTMLElement>>;
-
-type HiddenInputProps = InputHTMLAttributes<HTMLInputElement>;
-declare const HiddenInput: react.ForwardRefExoticComponent<HiddenInputProps & react.RefAttributes<HTMLInputElement>>;
+type BorderColor = 'default' | 'subtle' | 'onInverse';
+type BorderColorCn = 'default' | 'subtle' | 'on-inverse';
+declare const getBorderCn: (color: BorderColor) => BorderColorCn;
 
 type Direction$1 = 'row' | 'column';
 
@@ -52,8 +48,9 @@ type Direction$1 = 'row' | 'column';
  * @template THTMLAttributesProps Standard `HTMLAttributes<T>` men kan overstyres for f.eks knapper hvis man trenger en annen basetype for `htmlProps`.
  */
 type BaseComponentProps<TElement extends Element, TOtherProps extends object = object, THTMLAttributesProps extends HTMLAttributes<TElement> = HTMLAttributes<TElement>> = Pick<THTMLAttributesProps, 'id' | 'className'> & TOtherProps & {
-    /**Ekstra HTML-attributter som vil settes på elementet som genereres. Untatt `id` og `className` som settes på toppnivå. */
+    /**Native HTML-attributter som vil settes på elementet som genereres. Untatt `id`, `className` (og eventuelle andre attributter spesifisert i dokumentasjonen) som settes på toppnivå. */
     htmlProps?: THTMLAttributesProps;
+    ref?: Ref<TElement>;
 };
 /**
  * Utvidelese av {@link BaseComponentProps} med prop for `children`.
@@ -100,6 +97,9 @@ type As = ElementType;
 type PropsOf<T extends As> = ComponentPropsWithoutRef<T> & {
     as?: T;
 };
+type PropsOfWithRef<T extends As> = ComponentPropsWithRef<T> & {
+    as?: T;
+};
 
 type Size = 'xxlarge' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
 
@@ -121,6 +121,11 @@ type ExtractStrict<T, U extends T> = U;
 type Nullable<T> = T | null;
 type Callback<T> = (e: T) => void;
 
+type PolymorphicProps<T extends As> = PropsOfWithRef<T>;
+declare const ElementAs: <T extends ElementType = "div">({ as, ref, children, ...props }: PolymorphicProps<T>) => react_jsx_runtime.JSX.Element;
+
+declare const HiddenInput: ({ className, ...rest }: ComponentPropsWithRef<"input">) => react_jsx_runtime.JSX.Element;
+
 declare function TextOverflowEllipsisWrapper({ className, ...rest }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 declare function TextOverflowEllipsisInner({ className, ...rest }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 
@@ -178,7 +183,10 @@ type TypographyProps = ({
     /**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under.  */
     typographyType?: OtherTypographyType;
 } & OtherTypographyProps);
-declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLElement>>;
+declare const Typography: {
+    (props: TypographyProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 declare const defaultTypographyType: TypographyBodyType;
 declare const defaultTypographyTypeClassName: HyphenTypographyType;
@@ -191,13 +199,10 @@ declare const isInlineElement: (as: ElementType) => as is InlineElement;
 declare function getTypographyCn(value: TypographyType): HyphenTypographyType;
 
 type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, BaseTypographyProps>;
-declare const Caption: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLTableCaptionElement>, "id" | "className"> & {
-    withMargins?: boolean;
-} & {
-    children?: react.ReactNode | undefined;
-} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & {
-    htmlProps?: react.HTMLAttributes<HTMLTableCaptionElement> | undefined;
-} & react.RefAttributes<HTMLTableCaptionElement>>;
+declare const Caption: {
+    ({ id, className, htmlProps, children, ...rest }: CaptionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 type HeadingProps = BaseComponentPropsWithChildren<HTMLHeadingElement, {
@@ -206,18 +211,10 @@ type HeadingProps = BaseComponentPropsWithChildren<HTMLHeadingElement, {
     /**Spesifiserer typografistil basert på utvalget for HTML heading elementer.  */
     typographyType?: TypographyHeadingType;
 } & BaseTypographyProps>;
-declare const Heading: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHeadingElement>, "id" | "className"> & {
-    /**Nivå på overskriften. Komponenten returnerer HTML heading element med dette nivået med default styling. */
-    level: HeadingLevel;
-    /**Spesifiserer typografistil basert på utvalget for HTML heading elementer.  */
-    typographyType?: TypographyHeadingType;
-} & {
-    withMargins?: boolean;
-} & {
-    children?: react.ReactNode | undefined;
-} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & {
-    htmlProps?: react.HTMLAttributes<HTMLHeadingElement> | undefined;
-} & react.RefAttributes<HTMLHeadingElement>>;
+declare const Heading: {
+    ({ id, className, htmlProps, children, typographyType, level, ...rest }: HeadingProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type PickedHTMLAttributes$4 = Pick<LabelHTMLAttributes<HTMLLabelElement>, 'htmlFor'>;
 interface BaseLabelProps {
@@ -227,22 +224,16 @@ interface BaseLabelProps {
     readOnly?: boolean;
 }
 type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseLabelProps & BaseTypographyProps & PickedHTMLAttributes$4, Omit<LabelHTMLAttributes<HTMLLabelElement>, keyof PickedHTMLAttributes$4>>;
-declare const Label: react.ForwardRefExoticComponent<Pick<Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "id" | "className"> & BaseLabelProps & {
-    withMargins?: boolean;
-} & {
-    children?: react.ReactNode | undefined;
-} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & PickedHTMLAttributes$4 & {
-    htmlProps?: Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor"> | undefined;
-} & react.RefAttributes<HTMLLabelElement>>;
+declare const Label: {
+    ({ showRequiredStyling, readOnly, id, className, htmlProps, children, ...rest }: LabelProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type LegendProps = BaseComponentPropsWithChildren<HTMLLegendElement, BaseTypographyProps>;
-declare const Legend: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLLegendElement>, "id" | "className"> & {
-    withMargins?: boolean;
-} & {
-    children?: react.ReactNode | undefined;
-} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & {
-    htmlProps?: react.HTMLAttributes<HTMLLegendElement> | undefined;
-} & react.RefAttributes<HTMLLegendElement>>;
+declare const Legend: {
+    ({ id, className, htmlProps, children, ...rest }: LegendProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type PickedHTMLAttributes$3 = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href' | 'target'>;
 type LinkProps = BaseComponentPropsWithChildren<HTMLAnchorElement, {
@@ -253,35 +244,19 @@ type LinkProps = BaseComponentPropsWithChildren<HTMLAnchorElement, {
     /**Spesifiserer typografistil basert på utvalget for brødtekst. Arver hvis ikke oppgitt. */
     typographyType?: TypographyBodyType;
 } & BaseTypographyProps & PickedHTMLAttributes$3, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof PickedHTMLAttributes$3>>;
-declare const Link: react.ForwardRefExoticComponent<Pick<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href">, "id" | "className"> & {
-    /**Spesifiserer om lenken fører til et eksternt nettsted eller åpnes i nytt vindu. Påvirker styling og setter `target` prop. */
-    external?: boolean;
-    /**Om lenken kan få `:visited`-styling. */
-    withVisited?: boolean;
-    /**Spesifiserer typografistil basert på utvalget for brødtekst. Arver hvis ikke oppgitt. */
-    typographyType?: TypographyBodyType;
-} & {
-    withMargins?: boolean;
-} & {
-    children?: react.ReactNode | undefined;
-} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & PickedHTMLAttributes$3 & {
-    htmlProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href"> | undefined;
-} & react.RefAttributes<HTMLAnchorElement>>;
+declare const Link: {
+    ({ id, className, htmlProps, children, typographyType, withMargins, withVisited, external, target, ...rest }: LinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type ParagraphProps = BaseComponentPropsWithChildren<HTMLParagraphElement, {
     /**Spesifiserer typografistil basert på utvalget for brødtekst og ingress.  */
     typographyType?: TypographyBodyType | TypographyLeadType;
 } & BaseTypographyProps>;
-declare const Paragraph: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLParagraphElement>, "id" | "className"> & {
-    /**Spesifiserer typografistil basert på utvalget for brødtekst og ingress.  */
-    typographyType?: TypographyBodyType | TypographyLeadType;
-} & {
-    withMargins?: boolean;
-} & {
-    children?: react.ReactNode | undefined;
-} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & {
-    htmlProps?: react.HTMLAttributes<HTMLParagraphElement> | undefined;
-} & react.RefAttributes<HTMLParagraphElement>>;
+declare const Paragraph: {
+    ({ id, className, htmlProps, children, typographyType, ...rest }: ParagraphProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface CommonInputProps {
     /**Ledetekst. */
@@ -299,17 +274,20 @@ type InputProps = CommonInputProps & {
      * @default "medium"
      */
     componentSize?: InputSize;
-} & InputHTMLAttributes<HTMLInputElement>;
+} & ComponentPropsWithRef<'input'>;
 type StatefulInputProps = {
     hasErrorMessage: boolean;
-} & Pick<InputProps, 'componentSize'> & InputHTMLAttributes<HTMLInputElement>;
+} & Omit<InputProps, keyof CommonInputProps>;
 type InputTypographyTypes = Record<InputSize, StaticTypographyType>;
 
-declare const inputTypographyTypes: InputTypographyTypes;
-declare const Input: react.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
-declare const StatefulInput: react.ForwardRefExoticComponent<{
-    hasErrorMessage: boolean;
-} & Pick<InputProps, "componentSize"> & InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
+declare const Input: {
+    ({ className, ...rest }: ComponentPropsWithRef<"input">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const StatefulInput: {
+    ({ className, componentSize, hasErrorMessage, ...rest }: StatefulInputProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type Props = BaseComponentProps<HTMLElement, {
     current: number;
@@ -321,23 +299,23 @@ declare const renderCharCounter: (id: string, isShown: boolean, textLength: numb
 declare function getDefaultText(value?: string | number | ReadonlyArray<string>, defaultValue?: string | number | ReadonlyArray<string>): string;
 
 type Elevation = 1 | 2 | 3 | 4;
-type Border = 'default' | 'subtle' | 'onInverse';
+type Border = BorderColor;
 type PaperProps = {
     elevation?: Elevation;
     border?: Border;
-} & ComponentProps<'div'>;
-declare const Paper: react.ForwardRefExoticComponent<Omit<PaperProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & ComponentPropsWithRef<'div'>;
+declare const Paper: ({ elevation, border, className, ...rest }: PaperProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Kombinerer refs for et element.
  * Eksempel på bruk:
  * ```
- * const MyComponent = forwardRef<HTMLDivElement, Props>((props, ref) => {
+ * const MyComponent = ({ref, ...props}) => {
  *
  *  const itemRef = useRef<HTMLDivElement>(null);
  *  const combinedRef = useCombinedRef(ref, itemRef);
  *
- *  return <div ref={combinedRef}>innhold</div>
+ *  return <div ref={combinedRef} {...props}>innhold</div>
  * });
  * ```
  * @param refs array med refs.
@@ -346,7 +324,7 @@ declare const Paper: react.ForwardRefExoticComponent<Omit<PaperProps, "ref"> & r
  *
  * {@link useCombinedRef}
  */
-declare function useCombinedRef<T>(...refs: Array<React.Ref<T> | undefined>): RefCallback<T>;
+declare function useCombinedRef<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T>;
 
 type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
 interface UseFloatPositionOptions {
@@ -404,7 +382,7 @@ declare const useFloatPosition: (arrowRef: HTMLElement | null, options?: UseFloa
  * @param initialFocusRef Ref som skal motta focus når focus trap er aktiv.
  * @returns ref til elementet som fanger fokus.
  */
-declare function useFocusTrap<T extends HTMLElement>(active: boolean, initialFocusRef?: RefObject<HTMLElement> | undefined): RefObject<T>;
+declare function useFocusTrap<T extends HTMLElement>(active: boolean, initialFocusRef?: RefObject<HTMLElement | null> | undefined): RefObject<T | null>;
 
 declare const useIsMounted: () => () => boolean;
 
@@ -448,14 +426,14 @@ declare const useMountTransition: (isMounted: boolean, unmountDelay: number) =>
  * ```
  * const [isOpen, setOpen] = useState(true);
  * const ref = useRef<HTMLElement>(null);
- * useOnClickOutside(ref, () => setOpen(false));
+ * useOnClickOutside(ref.current, () => setOpen(false));
  *
  * return <div ref={ref}>innhold</div>
  * ```
  * @param element HTML elementet man klikker utenfor.
  * @param handler funksjonen som kjøres ved klikk utenfor.
  */
-declare function useOnClickOutside(element: HTMLElement | null | Array<HTMLElement | null>, handler: (event: MouseEvent | TouchEvent) => void): void;
+declare function useOnClickOutside(element: HTMLElement | null | undefined | Array<HTMLElement | null | undefined>, handler: (event: MouseEvent | TouchEvent) => void): void;
 
 /**
  * Kjører logikk når en spesifisert tast blir trykt ned.
@@ -501,7 +479,7 @@ declare const useOnKeyDown: (key: string | Array<string>, handler: (event: Keybo
  * @param onBlur ekstra logikk når fokus forlater container.
  * @returns ref til container som får fokus.
  */
-declare function useReturnFocusOnBlur<T extends HTMLElement>(active: boolean, onBlur: () => void, triggerElement?: HTMLElement | null): RefObject<T>;
+declare function useReturnFocusOnBlur<T extends HTMLElement>(active: boolean, onBlur: () => void, triggerElement?: HTMLElement | null): RefObject<T | null>;
 
 declare const isKeyboardEvent: (e: Event | KeyboardEvent$1<Element>) => e is KeyboardEvent$1<Element>;
 /**
@@ -558,6 +536,9 @@ type BreakpointBasedProps<T extends keyof StandardProperties> = {
     [k in ScreenSizeLiteral]?: StandardProperties[T];
 };
 
+type StylelessListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ul'>;
+declare const StylelessList: ({ className, ...rest }: StylelessListProps) => react_jsx_runtime.JSX.Element;
+
 /**
  * Styling utils i TS (CSS-in-JS)
  */
@@ -1124,16 +1105,10 @@ type AccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**For å lytte til endringer i expanded-state. */
     onChange?: (expanded: boolean) => void;
 }>;
-declare const Accordion: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Spesifiserer om body skal være utvidet ved innlastning. */
-    isExpanded?: boolean;
-    /**For å lytte til endringer i expanded-state. */
-    onChange?: (expanded: boolean) => void;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const Accordion: {
+    ({ isExpanded, onChange, id, children, className, htmlProps, ...rest }: AccordionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type AccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElement, {
     /**Overskriver default teksttype. */
@@ -1141,26 +1116,34 @@ type AccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElemen
     /**Angir om teksten skal være i "bold"-format. */
     bold?: boolean;
 }, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
-declare const AccordionHeader: react.ForwardRefExoticComponent<AccordionHeaderProps & react.RefAttributes<HTMLButtonElement>>;
+declare const AccordionHeader: {
+    ({ children, className, htmlProps, typographyType, bold, ...rest }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type AccordionBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement>, 'id'>;
-declare const AccordionBody: react.ForwardRefExoticComponent<AccordionBodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const AccordionBody: {
+    ({ children, className, htmlProps, ...rest }: AccordionBodyProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type BackLinkProps = {
     /**
      * Ledetekst.
      */
     label: string;
-} & Pick<ComponentProps<'a'>, 'onClick' | 'href'>;
-declare const BackLink: react.ForwardRefExoticComponent<{
-    /**
-     * Ledetekst.
-     */
-    label: string;
-} & Pick<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "onClick" | "href"> & react.RefAttributes<HTMLElement>>;
+} & Pick<ComponentPropsWithRef<'a'>, 'onClick' | 'href' | 'ref'>;
+declare const BackLink: {
+    ({ label, ref, ...rest }: BackLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
-declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
+type BreadcrumbProps = ComponentPropsWithRef<'a'> | ComponentPropsWithRef<'span'>;
+declare const isAnchorTypographyProps: (props: BreadcrumbProps) => props is ComponentPropsWithRef<"a">;
+declare const Breadcrumb: {
+    ({ children, ref, ...rest }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement, {
     /**
@@ -1169,35 +1152,10 @@ type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement, {
      */
     smallScreenBreakpoint?: ScreenSizeLiteral;
 }>;
-declare const Breadcrumbs: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "id" | "className"> & {
-    /**
-     * Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises.
-     * Trunkerer barn unntatt første og siste; trunkerte barn er tilgjengelige ved å trykke på trunkeringsknappen.
-     */
-    smallScreenBreakpoint?: ScreenSizeLiteral;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLElement> | undefined;
-} & react.RefAttributes<HTMLElement>>;
-
-type IconSize = 'small' | 'medium' | 'large' | 'inherit';
-type IconProps = BaseComponentProps<SVGSVGElement, {
-    /**Ikonet importert fra `@norges-domstoler/dds-components`. */
-    icon: SvgIcon;
-    /**Størrelsen på ikonet.
-     * @default "medium"
-     */
-    iconSize?: IconSize;
-    /**Fargen på ikonet.
-     * @default "currentcolor"
-     */
-    color?: TextColor;
-}>;
-declare function Icon(props: IconProps): JSX.Element;
-declare namespace Icon {
-    var displayName: string;
-}
+declare const Breadcrumbs: {
+    ({ children, smallScreenBreakpoint, id, className, htmlProps, ...rest }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type ButtonPurpose = 'primary' | 'secondary' | 'danger' | 'tertiary';
 type ButtonSize = Extract<Size, 'xsmall' | 'small' | 'medium' | 'large'>;
@@ -1234,25 +1192,10 @@ type ButtonProps = BaseComponentProps<HTMLButtonElement, {
     target?: string;
 } & PickedHTMLAttributes$2, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$2>>;
 
-declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type">, "id" | "className"> & {
-    size?: ButtonSize;
-    children?: react.ReactNode;
-    purpose?: ButtonPurpose;
-    iconPosition?: IconPosition;
-    loading?: boolean;
-    loadingTooltip?: string;
-    icon?: SvgIcon;
-    fullWidth?: boolean;
-    href?: string;
-    target?: string;
-} & {
-    onFocus?: FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlur?: FocusEventHandler<HTMLButtonElement> | undefined;
-    onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
-    type?: "submit" | "reset" | "button" | undefined | undefined;
-} & {
-    htmlProps?: Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
-} & react.RefAttributes<HTMLButtonElement>>;
+declare const Button: {
+    ({ children, purpose, size, iconPosition, href, target, loading, loadingTooltip, fullWidth, icon, onClick, onFocus, onBlur, id, ref, className, htmlProps, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element | undefined;
+    displayName: string;
+};
 
 type PickedHTMLAttributes$1 = Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-label' | 'aria-labelledby'>;
 type ButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
@@ -1273,28 +1216,10 @@ type ButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
      */
     role?: AriaRole;
 } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$1>>;
-declare const ButtonGroup: react.ForwardRefExoticComponent<Pick<HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Retning for gruppen.
-     * @default "row"
-     */
-    direction?: Direction$1;
-    /**Størrelse på knappene.
-     * @default "medium"
-     */
-    buttonSize?: ButtonSize;
-    /**Nativ `aria-label` ved behov. */
-    'aria-label'?: string;
-    /**Nativ `aria-labelledby` ved behov. */
-    'aria-labelledby'?: string;
-    /**Nativ `role` ved behov.
-     * @default "group"
-     */
-    role?: AriaRole;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "role" | "aria-label" | "aria-labelledby"> & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const ButtonGroup: {
+    ({ children, id, className, htmlProps, direction, buttonSize, role, ...rest }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type CardAppearance = 'filled' | 'border';
 type CardType = 'info' | 'navigation' | 'expandable';
@@ -1304,10 +1229,10 @@ type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
      */
     appearance?: CardAppearance;
     /** Referanse til komponenten. */
-    cardRef?: RefObject<T>;
+    cardRef?: RefObject<T | null>;
 }>;
 type InfoCardProps = BaseCardProps<HTMLDivElement> & {
-    /** Spesifiserer funksjonalitet og formål med komponenten. **OBS!** ved `'navigation'` må `href` oppgis. Ved `'expandable'` må alle `<Card />` grupperte sammen ligge egen `<div>` container. */
+    /** Spesifiserer funksjonalitet og formål med komponenten. **OBS!** ved `'navigation'` må `href` oppgis. */
     cardType: 'info';
 };
 type NavigationCardProps = BaseCardProps<HTMLAnchorElement> & {
@@ -1328,16 +1253,10 @@ type CardExpandableProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**For å lytte til endringer i expanded-state. */
     onChange?: (expanded: boolean) => void;
 }>;
-declare const CardExpandable: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Spesifiserer om body skal være utvidet ved innlastning. */
-    isExpanded?: boolean;
-    /**For å lytte til endringer i expanded-state. */
-    onChange?: (expanded: boolean) => void;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const CardExpandable: {
+    ({ isExpanded, onChange, id, children, className, htmlProps, ...rest }: CardExpandableProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type CardExpandableHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElement, {
     /**Overskriver default padding. */
@@ -1347,13 +1266,19 @@ type CardExpandableHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonE
     /**Angir om teksten skal være i "bold"-format. */
     bold?: boolean;
 }, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
-declare const CardExpandableHeader: react.ForwardRefExoticComponent<CardExpandableHeaderProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CardExpandableHeader: {
+    ({ children, className, htmlProps, padding, typographyType, bold, ...rest }: CardExpandableHeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type CardExpandableBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Overskriver default padding. */
     padding?: Property.Padding<string>;
 }>, 'id'>;
-declare const CardExpandableBody: react.ForwardRefExoticComponent<CardExpandableBodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardExpandableBody: {
+    ({ children, className, htmlProps, padding, ...rest }: CardExpandableBodyProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type ChipProps = BaseComponentProps<HTMLDivElement, {
     /** Teksten som vises i komponenten. */
@@ -1361,30 +1286,19 @@ type ChipProps = BaseComponentProps<HTMLDivElement, {
     /** Ekstra logikk når `<Chip />` lukkes. */
     onClose?: () => void;
 }>;
-declare const Chip: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /** Teksten som vises i komponenten. */
-    text?: string;
-    /** Ekstra logikk når `<Chip />` lukkes. */
-    onClose?: () => void;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
-type ChipGroupProps = HTMLAttributes<HTMLUListElement>;
-declare const ChipGroup: react.ForwardRefExoticComponent<ChipGroupProps & react.RefAttributes<HTMLUListElement>>;
+declare const Chip: {
+    ({ text, onClose, id, className, htmlProps, ...rest }: ChipProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
 
-type ContrastProps = HTMLAttributes<HTMLElement> & {
-    /** HTML-element som returneres.
-     * @default "div"
-     */
-    as?: ElementType;
+type ChipGroupProps = ComponentPropsWithRef<'ul'>;
+declare const ChipGroup: {
+    ({ children, className, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
 };
-declare const Contrast: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
-    /** HTML-element som returneres.
-     * @default "div"
-     */
-    as?: ElementType;
-} & react.RefAttributes<HTMLElement>>;
+
+type ContrastProps<T extends React.ElementType> = PolymorphicProps<T>;
+declare const Contrast: <T extends React.ElementType>({ className, as, ...rest }: ContrastProps<T>) => react_jsx_runtime.JSX.Element;
 
 type CalendarProps<T extends DateValue> = AriaCalendarProps<T>;
 declare function Calendar<T extends DateValue>(props: CalendarProps<T>): react_jsx_runtime.JSX.Element;
@@ -1396,9 +1310,12 @@ type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions
     buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
     buttonOnClick?: () => void;
     groupProps?: ReturnType<typeof useDatePicker>['groupProps'];
-} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style' | 'width' | 'className'>;
+} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style' | 'width' | 'className'> & {
+    ref?: Ref<HTMLDivElement>;
+};
 
 interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
+    ref?: Ref<HTMLElement>;
     /**
      * Ledetekst.
      */
@@ -1420,10 +1337,18 @@ interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granu
      */
     smallScreenBreakpoint?: ScreenSizeLiteral;
 }
-declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLElement>>;
+declare function DatePicker({ errorMessage, componentSize, tip, style, width, smallScreenBreakpoint, showWeekNumbers, ref, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
+declare namespace DatePicker {
+    var displayName: string;
+}
 
-type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'style' | 'width' | 'className'>;
-declare const TimePicker: react.ForwardRefExoticComponent<Omit<AriaTimeFieldProps<Time>, "hideTimeZone"> & Pick<InputProps, "className" | "style" | "width" | "componentSize" | "tip" | "errorMessage"> & react.RefAttributes<HTMLDivElement>>;
+type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'style' | 'width' | 'className'> & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare function TimePicker({ componentSize, width, ref, ...props }: TimePickerProps): react_jsx_runtime.JSX.Element;
+declare namespace TimePicker {
+    var displayName: string;
+}
 
 declare function nativeDateToDateValue(date: Date, timeZone?: string | undefined): DateValue$1;
 declare function dateValueToNativeDate(date: DateValue$1, timeZone?: string | undefined): Date;
@@ -1440,34 +1365,25 @@ type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
      */
     direction?: Direction$1;
 }>;
-declare const DescriptionList: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDListElement>, "id" | "className"> & {
-    /**Påvirker tekst styling. */
-    appearance?: DescriptionListAppearance;
-    /**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
-     *  @default "column"
-     */
-    direction?: Direction$1;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDListElement> | undefined;
-} & react.RefAttributes<HTMLDListElement>>;
+declare const DescriptionList: {
+    ({ appearance, direction, children, id, className, htmlProps, ...rest }: DescriptionListProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-type DescriptionListTermProps = HTMLAttributes<HTMLElement>;
-declare const DescriptionListTerm: react.ForwardRefExoticComponent<DescriptionListTermProps & react.RefAttributes<HTMLElement>>;
+type DescriptionListTermProps = ComponentPropsWithRef<'dt'>;
+declare const DescriptionListTerm: {
+    (props: DescriptionListTermProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
     /**Ikon som vises ved siden av teksten. */
     icon?: SvgIcon;
 }>;
-declare const DescriptionListDesc: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "id" | "className"> & {
-    /**Ikon som vises ved siden av teksten. */
-    icon?: SvgIcon;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLElement> | undefined;
-} & react.RefAttributes<HTMLElement>>;
+declare const DescriptionListDesc: {
+    ({ children, icon, id, className, htmlProps, ...rest }: DescriptionListDescProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type DescriptionListGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Custom margin. */
@@ -1477,18 +1393,10 @@ type DescriptionListGroupProps = BaseComponentPropsWithChildren<HTMLDivElement,
     /**Custom max-width. */
     maxWidth?: Property.MaxWidth<string>;
 }>;
-declare const DescriptionListGroup: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Custom margin. */
-    margin?: Property.Margin<string>;
-    /**Custom min-width. */
-    minWidth?: Property.MinWidth<string>;
-    /**Custom max-width. */
-    maxWidth?: Property.MaxWidth<string>;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const DescriptionListGroup: {
+    ({ children, margin, minWidth, maxWidth, id, className, htmlProps, ...rest }: DescriptionListGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type DetailListSize = Extract<Size, 'large' | 'medium' | 'small'>;
 type DetailListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
@@ -1508,42 +1416,28 @@ type DetailListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
      */
     striped?: boolean;
 }>;
-declare const DetailList: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDListElement>, "id" | "className"> & {
-    /**
-     * Størrelse på tabellen. Påvirker tetthet i cellene og font.
-     * @default "medium"
-     */
-    size?: DetailListSize;
-    /**
-     * Om rader skal ha skillelinje.
-     * @default true
-     */
-    withDividers?: boolean;
-    /**
-     * Om rader skal ha sebrastriper.
-     * @default true
-     */
-    striped?: boolean;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDListElement> | undefined;
-} & react.RefAttributes<HTMLDListElement>>;
+declare const DetailList: {
+    ({ id, className, htmlProps, withDividers, striped, size, ...rest }: DetailListProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type DetailListDescProps = ComponentPropsWithRef<'dd'>;
-declare const DetailListDesc: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const DetailListDesc: {
+    ({ className, ...rest }: DetailListDescProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type DetailListRowProps = ComponentPropsWithRef<'div'>;
-declare const DetailListRow: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const DetailListRow: {
+    ({ className, ...rest }: DetailListRowProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type DetailListTermProps = ComponentPropsWithRef<'dt'>;
-declare const DetailListTerm: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const DetailListTerm: {
+    ({ className, ...rest }: DetailListTermProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type DividerColor = 'default' | 'subtle' | 'onInverse';
 type DividerProps = BaseComponentProps<HTMLHRElement, {
@@ -1552,14 +1446,7 @@ type DividerProps = BaseComponentProps<HTMLHRElement, {
      */
     color?: DividerColor;
 }>;
-declare const Divider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
-    /** Farge på horisontal linje.
-     * @default "default"
-     */
-    color?: DividerColor;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
-} & react.RefAttributes<HTMLHRElement>>;
+declare const Divider: ({ color, id, className, htmlProps, ...rest }: DividerProps) => react_jsx_runtime.JSX.Element;
 
 type DrawerSize = Extract<Size, 'small' | 'medium' | 'large'>;
 type DrawerPlacement = 'left' | 'right';
@@ -1591,7 +1478,10 @@ type DrawerProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
      */
     withBackdrop?: boolean;
 }>, 'id'>;
-declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAttributes<HTMLDivElement>>;
+declare const Drawer: {
+    ({ children, header, placement, parentElement, size, className, htmlProps, widthProps, withBackdrop, ref, ...rest }: DrawerProps): react.ReactPortal | null;
+    displayName: string;
+};
 
 interface DrawerGroupProps {
     /**Barna til komponenten: trigger-element og `<Drawer>`. */
@@ -1656,7 +1546,10 @@ interface FavStarProps extends BaseComponentPropsWithChildren<HTMLElement> {
      */
     size?: ComponentSize;
 }
-declare const FavStar: react.ForwardRefExoticComponent<FavStarProps & react.RefAttributes<HTMLInputElement>>;
+declare const FavStar: {
+    ({ id, className, onChange, checked: checkedProp, defaultChecked, size, htmlProps, ...rest }: FavStarProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface FeedbackProps {
     /**Om knappene skal være plassert under eller ved siden av teksten. */
@@ -1728,14 +1621,7 @@ type FieldsetProps = BaseComponentPropsWithChildren<HTMLFieldSetElement, {
     /** Om alle inputfelt skal bli `disabled`. */
     disabled?: boolean;
 }>;
-declare const Fieldset: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLFieldSetElement>, "id" | "className"> & {
-    /** Om alle inputfelt skal bli `disabled`. */
-    disabled?: boolean;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLFieldSetElement> | undefined;
-} & react.RefAttributes<HTMLFieldSetElement>>;
+declare const Fieldset: ({ id, className, htmlProps, ...rest }: FieldsetProps) => react_jsx_runtime.JSX.Element;
 
 type FileExtensionAccept = `.${string}`;
 type AnyMimeType = '*';
@@ -1771,11 +1657,11 @@ type FileUploaderProps = {
     /**Ledetekst for filopplaster. */
     label?: string;
     /**Ledetekst for slippsonen. Denne teksten skal, av UU-hensyn, henge sammen med den usynlige teksten: "velg fil med påfølgende knapp"
-     * @default "Dra og slipp filer her eller"
+     * @default Dra og slipp filer her eller
      */
     dropAreaLabel?: string;
     /**Ledetekst for opplastingsknappen.
-     * @default "Velg fil"
+     * @default Velg fil
      */
     btnLabel?: string;
     /**Hjelpetekst. */
@@ -1792,39 +1678,57 @@ type FileUploaderProps = {
     withDragAndDrop?: boolean;
     /**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
     hideFileList?: boolean;
-} & Partial<FileUploaderHookProps> & Omit<ComponentProps<'div'>, 'onChange' | 'id'>;
+} & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'>;
 declare const FileUploader: {
     (props: FileUploaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type FooterProps = ComponentProps<'footer'>;
-declare const Footer: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
+type FooterProps = ComponentPropsWithRef<'footer'>;
+declare const Footer: ({ className, ...rest }: FooterProps) => react_jsx_runtime.JSX.Element;
 
 type FooterListHeaderProps = Omit<HeadingProps, 'level' | 'withMargins'>;
-declare const FooterListHeader: react.ForwardRefExoticComponent<FooterListHeaderProps & react.RefAttributes<HTMLHeadingElement>>;
+declare const FooterListHeader: (props: FooterListHeaderProps) => react_jsx_runtime.JSX.Element;
 
 type HideBreakpoint = 'xs' | 'sm' | 'md';
-type FooterLogoProps = ComponentProps<'img'> & {
+type FooterLogoProps = ComponentPropsWithRef<'img'> & {
     /**Brekkepunkt når logoen skal skjules på mindre skjerm. */
     hideBreakpoint?: HideBreakpoint;
 };
-declare const FooterLogo: react.ForwardRefExoticComponent<Omit<FooterLogoProps, "ref"> & react.RefAttributes<HTMLImageElement>>;
+declare const FooterLogo: ({ className, hideBreakpoint, ...rest }: FooterLogoProps) => react_jsx_runtime.JSX.Element;
+
+type FooterListProps = ComponentPropsWithRef<'ul'>;
+declare const FooterList: ({ className, ...rest }: FooterListProps) => react_jsx_runtime.JSX.Element;
 
-type FooterListProps = ComponentProps<'ul'>;
-declare const FooterList: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
+type FooterSocialsListProps = ComponentPropsWithRef<'ul'>;
+declare const FooterSocialsList: ({ className, ...rest }: FooterSocialsListProps) => react_jsx_runtime.JSX.Element;
 
-type FooterSocialsListProps = ComponentProps<'ul'>;
-declare const FooterSocialsList: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
+type FooterSocialsGroupProps = ComponentPropsWithRef<'div'>;
+declare const FooterSocialsGroup: ({ className, ...rest }: FooterSocialsGroupProps) => react_jsx_runtime.JSX.Element;
 
-type FooterSocialsGroupProps = ComponentProps<'div'>;
-declare const FooterSocialsGroup: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type FooterListGroupProps = ComponentPropsWithRef<'div'>;
+declare const FooterListGroup: ({ className, ...rest }: FooterListGroupProps) => react_jsx_runtime.JSX.Element;
 
-type FooterListGroupProps = ComponentProps<'div'>;
-declare const FooterListGroup: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type FooterLeftProps = ComponentPropsWithRef<'div'>;
+declare const FooterLeft: ({ className, ...rest }: FooterLeftProps) => react_jsx_runtime.JSX.Element;
 
-type FooterLeftProps = ComponentProps<'div'>;
-declare const FooterLeft: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type IconSize = 'small' | 'medium' | 'large' | 'inherit';
+type IconProps = BaseComponentProps<SVGSVGElement, {
+    /**Ikonet importert fra `@norges-domstoler/dds-components`. */
+    icon: SvgIcon;
+    /**Størrelsen på ikonet.
+     * @default "medium"
+     */
+    iconSize?: IconSize;
+    /**Fargen på ikonet.
+     * @default "currentcolor"
+     */
+    color?: TextColor;
+}>;
+declare function Icon(props: IconProps): react.JSX.Element;
+declare namespace Icon {
+    var displayName: string;
+}
 
 type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
 type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
@@ -1839,22 +1743,10 @@ type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Ekstra logikk å kjøre når meldingen lukkes. */
     onClose?: () => void;
 }>;
-declare const GlobalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
-    message?: string;
-    /**Formålet med meldingen. Påvirker styling.
-     * @default "info"
-     */
-    purpose?: GlobalMessagePurpose;
-    /**Indikerer om meldingen skal være lukkbar. */
-    closable?: boolean;
-    /**Ekstra logikk å kjøre når meldingen lukkes. */
-    onClose?: () => void;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const GlobalMessage: {
+    ({ message, purpose, closable, onClose, children, id, className, htmlProps, ...rest }: GlobalMessageProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
 
 type RowGapGrid = BreakpointBasedProps<'rowGap'>;
 type MaxWidthGrid = BreakpointBasedProps<'maxWidth'>;
@@ -1898,8 +1790,8 @@ declare const GridChild: {
     displayName: string;
 };
 
-type InlineButtonProps = HTMLAttributes<HTMLButtonElement>;
-declare const InlineButton: react.ForwardRefExoticComponent<InlineButtonProps & react.RefAttributes<HTMLButtonElement>>;
+type InlineButtonProps = ComponentPropsWithRef<'button'>;
+declare const InlineButton: ({ className, ...rest }: InlineButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface BaseInlineInputProps {
     /**Spesifiserer error state. Hvis `errorMessage` ikke brukes må inputfeltet knyttes med ARIA til en feilmelding som vises andre steder i applikasjonen. */
@@ -1912,18 +1804,10 @@ interface BaseInlineInputProps {
     width?: Property.Width;
     /**Om redigeringsikonet skal vises. */
     hideIcon?: boolean;
-    /** **OBS!** settes automatisk av forelder. Spesifiserer om brukeren kan tømme inputfeltet. */
-    emptiable?: boolean;
-    /** **OBS!** settes automatisk av forelder. Spesifiserer om komponenten er i redigeringsmodus. */
-    isEditing?: boolean;
 }
 type InlineEditProps = {
     /**Callback for når verdien blir lagret. */
     onSetValue?: (value: string) => void;
-    /** Ref til barnet. */
-    inputRef: RefObject<HTMLElement>;
-    /** Barn (inputelementet). */
-    children: ReactNode;
     /**Spesifiserer om brukeren kan tømme inputfeltet. */
     emptiable?: boolean;
     /**Ekstra callback ved `onChange`-event. */
@@ -1933,13 +1817,14 @@ type InlineEditProps = {
     /**Ekstra callback ved `onBlur`-event. */
     onBlur?: () => void;
 } & Pick<InputHTMLAttributes<HTMLInputElement>, 'value'>;
-type CommonInlineEditWrapperProps = Pick<InlineEditProps, 'onSetValue' | 'emptiable' | 'onBlur' | 'onFocus' | 'onChange'> & Pick<BaseInlineInputProps, 'error' | 'errorMessage' | 'width' | 'hideIcon'>;
-type InlineEditTextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;
-type InlineEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width' | 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;
+type InlineInputProps = BaseInlineInputProps & Omit<ComponentPropsWithRef<'input'>, 'width' | 'value' | 'onChange' | 'onFocus' | 'onBlur'>;
+type InlineTextAreaProps = BaseInlineInputProps & Omit<ComponentPropsWithRef<'textarea'>, 'value' | 'onChange' | 'onFocus' | 'onBlur'>;
+type InlineEditTextAreaProps = InlineTextAreaProps & InlineEditProps;
+type InlineEditInputProps = InlineInputProps & InlineEditProps;
 
-declare const InlineEditTextArea: react.ForwardRefExoticComponent<Omit<react.TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & Pick<InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & react.RefAttributes<HTMLTextAreaElement>>;
+declare const InlineEditTextArea: ({ onSetValue, emptiable, value, onFocus, onChange, onBlur, ref, ...rest }: InlineEditTextAreaProps) => react_jsx_runtime.JSX.Element;
 
-declare const InlineEditInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & react.RefAttributes<HTMLInputElement>>;
+declare const InlineEditInput: ({ onSetValue, emptiable, value, onFocus, onChange, onBlur, ref, ...rest }: InlineEditInputProps) => react_jsx_runtime.JSX.Element;
 
 type InputMessageType = 'error' | 'tip';
 type InputMessageProps = BaseComponentProps<HTMLDivElement, {
@@ -1950,16 +1835,10 @@ type InputMessageProps = BaseComponentProps<HTMLDivElement, {
      */
     messageType: InputMessageType;
 }>;
-declare const InputMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /** Meldingen som vises til brukeren. */
-    message: string;
-    /** Formålet med meldingen. Påvirker styling.
-     * @default "error"
-     */
-    messageType: InputMessageType;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const InputMessage: {
+    ({ message, messageType, id, className, htmlProps, ...rest }: InputMessageProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 declare const renderInputMessage: (tip?: string, tipId?: string, errorMessage?: string, errorMessageId?: string) => react_jsx_runtime.JSX.Element;
 
 type NavigationLinkProps = {
@@ -2014,23 +1893,16 @@ type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElem
      */
     typographyType?: ListTypographyType;
 }>;
-declare const List: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLOListElement | HTMLUListElement>, "id" | "className"> & {
-    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste).
-     * @default "unordered"
-     */
-    listType?: ListType;
-    /**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling  må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden.
-     *  @default "inherit"
-     */
-    typographyType?: ListTypographyType;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLOListElement | HTMLUListElement> | undefined;
-} & react.RefAttributes<HTMLOListElement>>;
+declare const List: {
+    ({ listType, typographyType, children, id, className, htmlProps, ...rest }: ListProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-type ListItemProps = HTMLAttributes<HTMLLIElement>;
-declare const ListItem: react.ForwardRefExoticComponent<ListItemProps & react.RefAttributes<HTMLLIElement>>;
+type ListItemProps = ComponentPropsWithRef<'li'>;
+declare const ListItem: {
+    ({ className, ...rest }: ListItemProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'success' | 'tips';
 type LocalMessageLayout = 'horisontal' | 'vertical';
@@ -2052,28 +1924,10 @@ type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Custom bredde ved behov. */
     width?: Property.Width;
 }>;
-declare const LocalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
-    message?: string;
-    /**Formålet med meldingen. Påvirker styling.
-     * @default "info"
-     */
-    purpose?: LocalMessagePurpose;
-    /** Indikerer om meldingen skal være lukkbar.*/
-    closable?: boolean;
-    /**Ekstra logikk å kjøre når meldingen lukkes. */
-    onClose?: () => void;
-    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`.
-     * @default "horisontal"
-     */
-    layout?: LocalMessageLayout;
-    /**Custom bredde ved behov. */
-    width?: Property.Width;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const LocalMessage: {
+    ({ message, purpose, closable, onClose, width, layout, children, id, className, htmlProps, ...rest }: LocalMessageProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Spesifiserer om `<Modal>` skal åpnes. */
@@ -2087,34 +1941,16 @@ type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Header i `<Modal>`. Returnerer default `<Heading>` ved `string`. Setter også `aria-labelledby`. */
     header?: string | ReactNode;
     /**Ref som brukes til returnering av fokus. */
-    triggerRef?: RefObject<HTMLElement>;
+    triggerRef?: RefObject<HTMLElement | null>;
     /**Ref som skal motta fokus når `<Modal>` åpnes. Hvis utelatt blir `<Modal>` fokusert. */
-    initialFocusRef?: RefObject<HTMLElement>;
+    initialFocusRef?: RefObject<HTMLElement | null>;
     /** Gjør at innholdet kan scrolles */
     scrollable?: boolean;
 }>;
-declare const Modal: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Spesifiserer om `<Modal>` skal åpnes. */
-    isOpen?: boolean;
-    /**Funksjon kjørt ved lukking; gjør at `<Modal>` blir lukkbar via: Esc-tast, klikk utenfor, klikk på dedikert lukkeknapp. */
-    onClose?: () => void;
-    /**Fordeler DOM node for `<Modal>` via React portal. Brukes med f.eks `document.getElementById("id")` eller `ref` (skaper ikke ny DOM node).
-     * @default themeProviderRef
-     */
-    parentElement?: HTMLElement;
-    /**Header i `<Modal>`. Returnerer default `<Heading>` ved `string`. Setter også `aria-labelledby`. */
-    header?: string | ReactNode;
-    /**Ref som brukes til returnering av fokus. */
-    triggerRef?: RefObject<HTMLElement>;
-    /**Ref som skal motta fokus når `<Modal>` åpnes. Hvis utelatt blir `<Modal>` fokusert. */
-    initialFocusRef?: RefObject<HTMLElement>;
-    /** Gjør at innholdet kan scrolles */
-    scrollable?: boolean;
-} & {
-    children?: ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const Modal: {
+    ({ isOpen, parentElement, children, header, onClose, id, triggerRef, initialFocusRef, scrollable, className, htmlProps, ref, ...rest }: ModalProps): react.ReactPortal | null;
+    displayName: string;
+};
 
 type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`.  */
@@ -2122,49 +1958,33 @@ type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Høyde på container. Kan resultere i scrolling. */
     height?: Property.Height;
 }>;
-declare const ModalBody: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`.  */
-    scrollable?: boolean;
-    /**Høyde på container. Kan resultere i scrolling. */
-    height?: Property.Height;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
-type ModalActionsProps = HTMLAttributes<HTMLDivElement>;
-declare const ModalActions: react.ForwardRefExoticComponent<ModalActionsProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const OverflowMenu: react.ForwardRefExoticComponent<OverflowMenuProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const OverflowMenuButton: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const OverflowMenuLink: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.AnchorHTMLAttributes<HTMLAnchorElement> & react.RefAttributes<HTMLAnchorElement>>;
-
-declare const OverflowMenuDivider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
-    color?: DividerColor;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
-} & react.RefAttributes<HTMLHRElement>>;
-
-declare const OverflowMenuList: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
+declare const ModalBody: {
+    ({ children, id, className, scrollable, htmlProps, height, ...rest }: ModalBodyProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-declare const OverflowMenuSpan: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLButtonElement>>;
+type ModalActionsProps = ComponentPropsWithRef<'div'>;
+declare const ModalActions: {
+    ({ className, ...rest }: ModalActionsProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-declare const OverflowMenuListHeader: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
+declare const OverflowMenu: {
+    ({ placement, offset, className, htmlProps, ref, ...rest }: OverflowMenuProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-interface OverflowMenuListItemBaseProps {
+type OverflowMenuListItemBaseProps<T extends 'span' | 'button' | 'a'> = {
     /**Ikon som vises ved teksten. **OBS!** Settes i tillegg til `children` for riktig layout. */
     icon?: SvgIcon;
     /**Bestemmer farger basert på formål.
      * @default "default"
      */
     purpose?: 'default' | 'danger';
-}
-type OverflowMenuButtonProps = OverflowMenuListItemBaseProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type OverflowMenuLinkProps = OverflowMenuListItemBaseProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type OverflowMenuSpanProps = OverflowMenuListItemBaseProps & HTMLAttributes<HTMLSpanElement>;
+} & ComponentPropsWithRef<T>;
+type OverflowMenuButtonProps = OverflowMenuListItemBaseProps<'button'>;
+type OverflowMenuLinkProps = OverflowMenuListItemBaseProps<'a'>;
+type OverflowMenuSpanProps = OverflowMenuListItemBaseProps<'span'>;
 type OverflowMenuProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Plassering av menyen i forhold til anchor-elementet.
      * @default "bottom-end"
@@ -2176,6 +1996,36 @@ type OverflowMenuProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
     offset?: number;
 }>, 'id'>;
 
+declare const OverflowMenuButton: {
+    ({ id, icon, children, className, onClick, purpose, ref, ...rest }: OverflowMenuButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const OverflowMenuLink: {
+    ({ id, href, icon, className, onClick, children, ref, purpose, ...rest }: OverflowMenuLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type OverflowMenuDividerProps = DividerProps;
+declare const OverflowMenuDivider: {
+    ({ className, ...rest }: OverflowMenuDividerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type OverflowMenuListProps = StylelessListProps;
+declare const OverflowMenuList: (props: OverflowMenuListProps) => react_jsx_runtime.JSX.Element;
+
+declare const OverflowMenuSpan: {
+    ({ icon, children, className, purpose, ...rest }: OverflowMenuSpanProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type OverflowMenuListHeaderProps = ComponentPropsWithRef<'h2'>;
+declare const OverflowMenuListHeader: {
+    ({ className, ...rest }: OverflowMenuListHeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface OverflowMenuGroupProps {
     /**Om `<OverflowMenu>` er åpen ved første render.
      * @default false
@@ -2238,43 +2088,10 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
     /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
     smallScreenBreakpoint?: ScreenSizeLiteral;
 }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
-declare const Pagination: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
-    /**Totalt antall elementer å paginere. */
-    itemsAmount: number;
-    /**Antall elementer per side ved innlastning av komponenten.
-     * @default 10
-     */
-    defaultItemsPerPage?: number;
-    /**Den aktive siden ved innlastning av komponenten.
-     * @default 1
-     */
-    defaultActivePage?: number;
-    /**Spesifiserer om selve pagineringen skal vises.
-     * @default true
-     */
-    withPagination?: boolean;
-    /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
-    withCounter?: boolean;
-    /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
-    withSelect?: boolean;
-    /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten.
-     * @default [
-        { label: '10', value: 10 },
-        { label: '25', value: 25 },
-        { label: '50', value: 50 },
-        { label: 'Alle', value: itemsAmount },
-      ]
-     */
-    selectOptions?: Array<PaginationOption>;
-    /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
-    onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
-    /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
-    onSelectOptionChange?: (option: PaginationOption | null) => void;
-    /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
-    smallScreenBreakpoint?: ScreenSizeLiteral;
-} & {
-    htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
-} & react.RefAttributes<HTMLElement>>;
+declare const Pagination: {
+    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type ISOCountryCode = 'AF' | 'AL' | 'DZ' | 'AS' | 'AD' | 'AO' | 'AI' | 'AG' | 'AR' | 'AM' | 'AW' | 'AU' | 'AT' | 'AZ' | 'BS' | 'BH' | 'BD' | 'BB' | 'BY' | 'BE' | 'BZ' | 'BJ' | 'BM' | 'BT' | 'BO' | 'BA' | 'BW' | 'BR' | 'IO' | 'VG' | 'BN' | 'BG' | 'BF' | 'BI' | 'KH' | 'CM' | 'CA' | 'CV' | 'KY' | 'CF' | 'TD' | 'CL' | 'CN' | 'CX' | 'CC' | 'CO' | 'EH' | 'KM' | 'CD' | 'CG' | 'CK' | 'CR' | 'CI' | 'HR' | 'CU' | 'CW' | 'CY' | 'CZ' | 'DK' | 'DJ' | 'DM' | 'DO' | 'EC' | 'EG' | 'SV' | 'GQ' | 'GS' | 'ER' | 'EE' | 'ET' | 'FK' | 'FO' | 'FJ' | 'FI' | 'FR' | 'GF' | 'PF' | 'GA' | 'GM' | 'GE' | 'DE' | 'GH' | 'GI' | 'GR' | 'GL' | 'GD' | 'GP' | 'GU' | 'GT' | 'GG' | 'GN' | 'GW' | 'GY' | 'HT' | 'HM' | 'HN' | 'HK' | 'HU' | 'IS' | 'IN' | 'ID' | 'IR' | 'IQ' | 'IE' | 'IM' | 'IL' | 'IT' | 'JM' | 'JP' | 'JE' | 'JO' | 'KZ' | 'KE' | 'KI' | 'XK' | 'KW' | 'KG' | 'LA' | 'LV' | 'LB' | 'LS' | 'LR' | 'LY' | 'LI' | 'LT' | 'LU' | 'MO' | 'MK' | 'MG' | 'MW' | 'MY' | 'MV' | 'ML' | 'MT' | 'MH' | 'MQ' | 'MR' | 'MU' | 'YT' | 'MX' | 'FM' | 'MD' | 'MC' | 'MN' | 'ME' | 'MS' | 'MA' | 'MZ' | 'MM' | 'NA' | 'NR' | 'NP' | 'NL' | 'NC' | 'NZ' | 'NI' | 'NE' | 'NG' | 'NU' | 'NF' | 'KP' | 'MP' | 'NO' | 'OM' | 'PK' | 'PW' | 'PS' | 'PA' | 'PG' | 'PY' | 'PE' | 'PH' | 'PL' | 'PT' | 'PR' | 'QA' | 'RE' | 'RO' | 'RU' | 'RW' | 'BL' | 'SH' | 'KN' | 'LC' | 'MF' | 'PM' | 'VC' | 'WS' | 'SM' | 'ST' | 'SA' | 'SN' | 'RS' | 'SC' | 'SL' | 'SG' | 'SX' | 'SK' | 'SI' | 'SB' | 'SO' | 'ZA' | 'KR' | 'SS' | 'ES' | 'LK' | 'SD' | 'SR' | 'SJ' | 'SZ' | 'SE' | 'CH' | 'SY' | 'TW' | 'TJ' | 'TZ' | 'TH' | 'TL' | 'TG' | 'TK' | 'TO' | 'TT' | 'TN' | 'TR' | 'TM' | 'TC' | 'TV' | 'VI' | 'UG' | 'UA' | 'AE' | 'GB' | 'US' | 'UY' | 'UZ' | 'VU' | 'VA' | 'VE' | 'VN' | 'WF' | 'YE' | 'ZM' | 'ZW' | 'AX';
 
@@ -2322,43 +2139,11 @@ type PhoneInputProps = {
      * @default "Landskode og telefonnummer"
      */
     groupLabel?: string;
-} & Pick<InputProps, 'readOnly' | 'disabled' | 'width' | 'componentSize' | 'errorMessage' | 'label' | 'tip' | 'required' | 'className' | 'style' | 'aria-required' | 'aria-describedby'>;
-declare const PhoneInput: react.ForwardRefExoticComponent<{
-    /**
-     * Custom id for gruppen ved behov. setter `${id}-country-code` som `id` for landskode og `${id}-phone-number` for telefonnummer.
-     */
-    id?: string;
-    /**
-     * Verdi bestående av landskode og telefonnummer.
-     * */
-    value?: PhoneInputValue;
-    /** Default verdi bestående av landkode og telefonnummer. */
-    defaultValue?: PhoneInputValue;
-    /**
-     * `onChange` funksjon.
-     */
-    onChange?: (value: PhoneInputValue) => void;
-    /** `name` attributt; setter `${name}-country-code` som `name` for landskode og `${name}-phone-number` for telefonnummer. */
-    name?: string;
-    /**
-     * Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den stacker subkomponentene vertikalt.
-     */
-    smallScreenBreakpoint?: ScreenSizeLiteral;
-    /**
-     * Usynlig ledetekst for nedtrekksliste med landkoder. Brukes hvis default ikke passer eller ikke er beskrivende nok.
-     * @default "Landskode"
-     */
-    selectLabel?: string;
-    /**
-     * Ref for nedtrekksliste med landkoder.
-     */
-    selectRef?: ForwardedRef<HTMLSelectElement>;
-    /**
-     * Usynlig ledetekst for gruppen.  Brukes hvis default ikke passer eller ikke er beskrivende nok.
-     * @default "Landskode og telefonnummer"
-     */
-    groupLabel?: string;
-} & Pick<InputProps, "className" | "style" | "aria-describedby" | "aria-required" | "label" | "width" | "disabled" | "readOnly" | "required" | "componentSize" | "tip" | "errorMessage"> & react.RefAttributes<HTMLInputElement>>;
+} & Pick<InputProps, 'readOnly' | 'disabled' | 'width' | 'componentSize' | 'errorMessage' | 'label' | 'tip' | 'required' | 'className' | 'style' | 'aria-required' | 'aria-describedby' | 'ref'>;
+declare const PhoneInput: {
+    ({ label, readOnly, errorMessage, tip, required, width, componentSize, name, className, style, value, selectLabel, selectRef, onChange, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, groupLabel, ref, ...props }: PhoneInputProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface PopoverSizeProps {
     width?: Property.Width;
@@ -2391,35 +2176,17 @@ type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
      * @default true
      */
     returnFocusOnBlur?: boolean;
+    /**Anchor ref ved custom kontrollert bruk uten `<PopoverGroup>` Kun for corner cases. */
+    anchorRef?: RefObject<HTMLElement | null>;
+    /**Spesifiserer om popover er åpen ved custom kontrollert bruk uten `<PopoverGroup>` Kun for corner cases. */
+    isOpen?: boolean;
+    /**Callback for lukking ved custom kontrollert bruk uten `<PopoverGroup>` Kun for corner cases. */
+    onClose?: () => void;
 }>;
-declare const Popover: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Header. Bruker default semantisk heading hvis verdien er en `string`.  */
-    header?: string | ReactNode;
-    /**Om lukkeknapp skal vises.
-     * @default true
-     */
-    withCloseButton?: boolean;
-    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet.
-     * @default "bottom"
-     */
-    placement?: Placement;
-    /**Avstand fra anchor-elementet i px.
-     * @default 8
-     */
-    offset?: number;
-    /** Ekstra logikk kjørt når popover mister fokus. */
-    onBlur?: () => void;
-    /**Custom størrelse. */
-    sizeProps?: PopoverSizeProps;
-    /** Om focus skal returneres ved `blur`
-     * @default true
-     */
-    returnFocusOnBlur?: boolean;
-} & {
-    children?: ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const Popover: {
+    ({ id, header, withCloseButton, onBlur, children, placement, offset, sizeProps, returnFocusOnBlur, className, htmlProps, anchorRef, isOpen: propIsOpen, onClose: propOnClose, ref, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
 
 interface PopoverGroupProps {
     /** Barna til wrapperen: anchor-element som det første og `<Popover>` som det andre.  */
@@ -2501,26 +2268,27 @@ type ProgressBarProps = Pick<CommonInputProps, 'tip' | 'errorMessage' | 'label'
      */
     max?: number;
 } & Omit<ComponentPropsWithRef<'progress'>, 'max' | 'value'>;
-declare const ProgressBar: react.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & react.RefAttributes<HTMLProgressElement>>;
+declare const ProgressBar: {
+    ({ label, tip, errorMessage, size, "aria-describedby": ariaDescribedby, value, width, max, id, className, style, ...rest }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type SearchSize = 'small' | 'medium' | 'large';
 type SearchButtonProps = {
     label?: string;
     purpose?: ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
-} & Pick<ButtonProps, 'loading' | 'loadingTooltip'> & ComponentProps<'button'>;
+} & Pick<ButtonProps, 'loading' | 'loadingTooltip'> & ComponentPropsWithRef<'button'>;
 
 type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
     /**Størrelsen på komponenten. */
     componentSize?: SearchSize;
     /**Props for søkeknappen. */
     buttonProps?: SearchButtonProps;
-} & InputHTMLAttributes<HTMLInputElement>;
-declare const Search$1: react.ForwardRefExoticComponent<Pick<InputProps, "label" | "tip"> & {
-    /**Størrelsen på komponenten. */
-    componentSize?: SearchSize;
-    /**Props for søkeknappen. */
-    buttonProps?: SearchButtonProps;
-} & InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
+} & ComponentPropsWithRef<'input'>;
+declare const Search$1: {
+    ({ componentSize, buttonProps, name, label, tip, id, value, onChange, className, style, "aria-describedby": ariaDescribedby, ref, ...rest }: SearchProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface WeightedValue {
     text: string;
@@ -2569,20 +2337,10 @@ type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProp
     /**Id til `<Search>`. */
     searchId: string;
 }>;
-declare const SearchSuggestions: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & Pick<SearchProps, "componentSize"> & {
-    /**Forslag som vises i listen. */
-    suggestions?: Array<string>;
-    /** Om listen skal vises. */
-    showSuggestions?: boolean;
-    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
-    onSuggestionClick?: (e: MouseEvent$1<HTMLButtonElement>) => void;
-    /** Maks antall forslag vist i listen. */
-    maxSuggestions?: number;
-    /**Id til `<Search>`. */
-    searchId: string;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const SearchSuggestions: {
+    ({ id, searchId, className, htmlProps, suggestions, showSuggestions, componentSize, onSuggestionClick, maxSuggestions, ...rest }: SearchSuggestionsProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type SearchCompoundProps = typeof Search$1 & {
     AutocompleteWrapper: typeof SearchAutocompleteWrapper;
@@ -2622,16 +2380,22 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     customSingleValueElement?: (props: SingleValueProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
     /** Testid. Legges på control-div med suffiks "control". */
     'data-testid'?: string;
-} & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
-type SelectForwardRefType<Option, IsMulti extends boolean> = React.ForwardedRef<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
-declare const Select: <Option = unknown, IsMulti extends boolean = false>(props: SelectProps<Option, IsMulti> & {
+    /**Ref til komponenten. */
     ref?: SelectForwardRefType<Option, IsMulti>;
-}) => ReactElement;
+} & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
+type SelectForwardRefType<Option, IsMulti extends boolean> = Ref<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
+declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, required, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
 
-type NativeSelectProps = CommonInputProps & Pick<InputProps, 'componentSize' | 'readOnly'> & ComponentProps<'select'>;
-declare const NativeSelect: react.ForwardRefExoticComponent<Omit<NativeSelectProps, "ref"> & react.RefAttributes<HTMLSelectElement>>;
-type NativeSelectPlaceholderProps = ComponentProps<'option'>;
-declare const NativeSelectPlaceholder: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & react.RefAttributes<HTMLOptionElement>>;
+type NativeSelectProps = CommonInputProps & Pick<InputProps, 'componentSize' | 'readOnly'> & ComponentPropsWithRef<'select'>;
+declare const NativeSelect: ({ id, children, componentSize, label, multiple, readOnly, errorMessage, tip, required, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, width, className, style, onKeyDown, onMouseDown, ...rest }: NativeSelectProps) => react_jsx_runtime.JSX.Element;
+type NativeSelectPlaceholderProps = ComponentPropsWithRef<'option'>;
+declare const NativeSelectPlaceholder: {
+    ({ children, value, ...rest }: NativeSelectPlaceholderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 declare const createSelectOptions: <TValue extends string | number>(...args: Array<TValue>) => Array<SelectOption<TValue>>;
 
@@ -2671,11 +2435,10 @@ type CheckboxProps = BaseComponentProps<HTMLInputElement, SelectionControlCommon
     indeterminate?: boolean;
 } & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
 
-declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & SelectionControlCommonProps & {
-    indeterminate?: boolean;
-} & CheckboxPickedHTMLAttributes & {
-    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: {
+    ({ id, name, label, error, disabled, readOnly, indeterminate, "aria-describedby": ariaDescribedby, className, htmlProps, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
     /**Indikerer at det er påkrevd å velge minst ett alternativ. Legger en markør bak ledeteksten. **OBS!** `required` må i tillegg gis til `<Checkbox>`-barna manuelt. */
@@ -2686,24 +2449,15 @@ declare const CheckboxGroup: {
     displayName: string;
 };
 
-declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & SelectionControlCommonProps & {
-    "aria-describedby"?: string | undefined | undefined;
-    onChange?: react.ChangeEventHandler<HTMLInputElement> | undefined;
-    name?: string | undefined | undefined;
-    value?: string | number | readonly string[] | undefined;
-    checked?: boolean | undefined | undefined;
-    readOnly?: boolean | undefined | undefined;
-    required?: boolean | undefined | undefined;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required"> | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
-
 type PickedInputHTMLAttributes$1 = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
 type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, SelectionControlCommonProps & PickedInputHTMLAttributes$1, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes$1>>;
 type RadioValue = PickedInputHTMLAttributes$1['value'];
 
+declare const RadioButton: {
+    ({ id, name, label, disabled, readOnly, error, checked, value, children, required, onChange, "aria-describedby": ariaDescribedby, className, htmlProps, ...rest }: RadioButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
     /** Gir alle barna `name` prop.*/
     name?: string;
@@ -2716,9 +2470,10 @@ type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithCh
     /**Default verdi - en `<RadioButton>` med denne verdien blir forhåndsvalgt med uncontrolled state. */
     defaultValue?: T | undefined;
 }, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
-declare const RadioButtonGroup: <T extends string | number = string>(props: RadioButtonGroupProps<T> & {
-    ref?: Ref<HTMLDivElement>;
-}) => ReactElement;
+declare const RadioButtonGroup: {
+    <T extends string | number = string>({ name, label, groupId, errorMessage, tip, disabled, readOnly, direction, value, defaultValue, children, required, onChange, id, className, htmlProps, ...rest }: RadioButtonGroupProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type SkeletonAppearance = 'circle' | 'rectangle';
 type SkeletonProps = {
@@ -2731,7 +2486,10 @@ type SkeletonProps = {
      */
     borderRadius?: Property.BorderRadius;
 } & ComponentPropsWithRef<'div'>;
-declare const Skeleton: react.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const Skeleton: {
+    ({ width, height, borderRadius, className, style, ref, ...rest }: SkeletonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
     /** Teksten som vises i lenka.
@@ -2745,20 +2503,10 @@ type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
      */
     top?: Property.Top;
 }>;
-declare const SkipToContent: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLAnchorElement>, "id" | "className"> & {
-    /** Teksten som vises i lenka.
-     * @default "Til hovedinnhold"
-     */
-    text?: string;
-    /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
-    href: string;
-    /**Avstand fra top i nærmeste posisjonert container.
-     * @default 0
-     */
-    top?: Property.Top;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLAnchorElement> | undefined;
-} & react.RefAttributes<HTMLAnchorElement>>;
+declare const SkipToContent: {
+    ({ text, top, id, className, htmlProps, ...rest }: SkipToContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type SpinnerProps = BaseComponentProps<SVGElement, {
     /**Farge på spinneren.
@@ -2791,17 +2539,11 @@ type SplitButtonProps = Pick<ButtonProps, 'size'> & {
      * @default "primary"
      */
     purpose?: SplitButtonPurpose;
-} & HTMLAttributes<HTMLDivElement>;
-declare const SplitButton: react.ForwardRefExoticComponent<Pick<ButtonProps, "size"> & {
-    /**Props for primær handling. Samme props som for `<Button>` unntatt `size` og `purpose`. */
-    primaryAction: SplitButtonPrimaryActionProps;
-    /**Props for sekunære handlinger. */
-    secondaryActions: SplitButtonSecondaryActionsProps;
-    /**Formål med knappen.
-     * @default "primary"
-     */
-    purpose?: SplitButtonPurpose;
-} & HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+} & ComponentPropsWithRef<'div'>;
+declare const SplitButton: {
+    ({ size, primaryAction, secondaryActions, purpose, className, ...rest }: SplitButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type StackSpacing = 'x0.125' | 'x0.25' | 'x0.5' | 'x0.75' | 'x1' | 'x1.5' | 'x2' | 'x2.5' | 'x3' | 'x4' | 'x6' | 'x10';
 interface StackStyleProps {
@@ -2829,19 +2571,55 @@ interface StackStyleProps {
     padding?: StackSpacing | 0;
 }
 type StackProps = BaseComponentPropsWithChildren<HTMLDivElement, Omit<StackStyleProps, 'direction'>>;
-declare const HStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & Omit<StackStyleProps, "direction"> & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-declare const VStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & Omit<StackStyleProps, "direction"> & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const HStack: {
+    ({ id, className, htmlProps, align, justify, gap, padding, ...rest }: StackProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const VStack: {
+    ({ id, className, htmlProps, align, justify, gap, padding, ...rest }: StackProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 declare function spacingPropToCn(value: string): HyphenSpacingProps;
 type HyphenSpacingProps = 'x-0-125' | 'x-0-25' | 'x-0-5' | 'x-0-75' | 'x-1' | 'x-1-5' | 'x-2' | 'x-2-5' | 'x-3' | 'x-4' | 'x-6' | 'x-10';
 
+type TableBodyProps = ComponentPropsWithRef<'tbody'>;
+declare const Body: {
+    (props: TableBodyProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type TableCellType = 'data' | 'head';
+type TableCellLayout = 'left' | 'right' | 'center' | 'text and icon';
+interface CollapsibleProps {
+    isCollapsibleChild?: boolean;
+}
+type TableCellProps = {
+    /**
+     * Type celle. Returnerer enten `<td>` eller `<th>`.
+     * @default "data" hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
+     */
+    type?: TableCellType;
+    /**Layout av innholdet i cellen; legger en flex `<div>` i cellen, unntatt 'none' som ikke legger inn noe. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.
+     * @default "left"
+     */
+    layout?: TableCellLayout;
+    /** Props ved bruk av `<CollapsibleRow>`. **OBS!** settes automatisk av forelder. */
+    collapsibleProps?: CollapsibleProps;
+} & (ComponentPropsWithRef<'td'> | ComponentPropsWithRef<'th'>);
+declare const Cell: {
+    ({ children, type: _type, layout, collapsibleProps, className, ...rest }: TableCellProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type TableFootProps = ComponentPropsWithRef<'tfoot'>;
+declare const Foot: {
+    (props: TableFootProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type TableHeadProps = ComponentPropsWithRef<'thead'>;
+declare const Head: ({ children, ...rest }: TableHeadProps) => react_jsx_runtime.JSX.Element;
+
 type TableSize = Extract<Size, 'small' | 'medium' | 'large'>;
 type TableProps = {
     /**
@@ -2853,7 +2631,7 @@ type TableProps = {
     stickyHeader?: boolean;
     /**Legger skillelinjer mellom radene. */
     withDividers?: boolean;
-} & HTMLAttributes<HTMLTableElement>;
+} & ComponentPropsWithRef<'table'>;
 type HeaderValues = Array<{
     key: string;
     content: ReactNode;
@@ -2875,77 +2653,12 @@ type TableRowProps = {
     selected?: boolean;
     /**Spesifiserer om raden skal ha hover styling. Brukes hovedsakelig på rader med klikkbar innhold. */
     hoverable?: boolean;
-} & HTMLAttributes<HTMLTableRowElement>;
-
-declare const CollapsibleRow: react.ForwardRefExoticComponent<{
-    type?: TableRowType;
-    mode?: RowMode;
-    selected?: boolean;
-    hoverable?: boolean;
-} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
-
-declare const CollapsibleTable$1: react.ForwardRefExoticComponent<{
-    isCollapsed?: boolean;
-    headerValues: HeaderValues;
-    definingColumnIndex?: Array<number>;
-} & {
-    size?: TableSize;
-    stickyHeader?: boolean;
-    withDividers?: boolean;
-} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
+} & ComponentPropsWithRef<'tr'>;
 
-type CollapsibleTableProps = {
-    /**Om tabellen skal kollapse. */
-    isCollapsed?: boolean;
-    /**Innhold i headere (`content`) og deres `key`. `headerValues.content` må være den samme som faktisk innhold i `<Table.Cell type='head'>`. */
-    headerValues: HeaderValues;
-    /**
-     * Indeksen(e) til kolonnen(e) som skal synes når tabellen er kollapset. Rekkefølgen i array avgjør rekkefølgen i render.
-     * @default [0]
-     *  */
-    definingColumnIndex?: Array<number>;
-} & TableProps;
-
-type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
-    Row: typeof CollapsibleRow;
+declare const Row: {
+    ({ type: _type, mode, hoverable, selected, className, ...rest }: TableRowProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
 };
-declare const CollapsibleTable: CollapsibleTableCompoundProps;
-
-type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
-declare const Body: react.ForwardRefExoticComponent<TableBodyProps & react.RefAttributes<HTMLTableSectionElement>>;
-
-type TableCellType = 'data' | 'head';
-type TableCellLayout = 'left' | 'right' | 'center' | 'text and icon';
-interface CollapsibleProps {
-    isCollapsibleChild?: boolean;
-}
-type TableCellProps = {
-    /**
-     * Type celle. Returnerer enten `<td>` eller `<th>`.
-     * @default "data" hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
-     */
-    type?: TableCellType;
-    /**Layout av innholdet i cellen; legger en flex `<div>` i cellen, unntatt 'none' som ikke legger inn noe. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.
-     * @default "left"
-     */
-    layout?: TableCellLayout;
-    /** Props ved bruk av `<CollapsibleRow>`. **OBS!** settes automatisk av forelder. */
-    collapsibleProps?: CollapsibleProps;
-} & (TdHTMLAttributes<HTMLTableCellElement> | ThHTMLAttributes<HTMLTableCellElement>);
-declare const Cell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
-
-type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
-declare const Foot: react.ForwardRefExoticComponent<TableFootProps & react.RefAttributes<HTMLTableSectionElement>>;
-
-type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
-declare const Head: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableSectionElement>>;
-
-declare const Row: react.ForwardRefExoticComponent<{
-    type?: TableRowType;
-    mode?: RowMode;
-    selected?: boolean;
-    hoverable?: boolean;
-} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
 
 type SortOrder = 'ascending' | 'descending';
 type TableSortCellProps = {
@@ -2956,20 +2669,15 @@ type TableSortCellProps = {
     /**onClick-funksjon for sortering og annen logikk. */
     onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
 } & Omit<TableCellProps, 'type'>;
-declare const SortCell: react.ForwardRefExoticComponent<{
-    /**Spesifiserer om kolonnen er sortert. */
-    isSorted?: boolean;
-    /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */
-    sortOrder?: SortOrder;
-    /**onClick-funksjon for sortering og annen logikk. */
-    onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
-} & Omit<TableCellProps, "type"> & react.RefAttributes<HTMLTableCellElement>>;
+declare const SortCell: {
+    ({ isSorted, sortOrder, onClick, children, ...rest }: TableSortCellProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-declare const Table$1: react.ForwardRefExoticComponent<{
-    size?: TableSize;
-    stickyHeader?: boolean;
-    withDividers?: boolean;
-} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
+declare const Table$1: {
+    ({ size, stickyHeader, withDividers, className, children, ...rest }: TableProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type TableWrapperProps = HTMLAttributes<HTMLDivElement>;
 declare const TableWrapper: {
@@ -2988,14 +2696,44 @@ type TableCompoundProps = typeof Table$1 & {
 };
 declare const Table: TableCompoundProps;
 
+declare const CollapsibleRow: {
+    ({ type: _type, className, mode, selected, hoverable, children, ref, ...rest }: TableRowProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CollapsibleTableProps = {
+    /**Om tabellen skal kollapse. */
+    isCollapsed?: boolean;
+    /**Innhold i headere (`content`) og deres `key`. `headerValues.content` må være den samme som faktisk innhold i `<Table.Cell type='head'>`. */
+    headerValues: HeaderValues;
+    /**
+     * Indeksen(e) til kolonnen(e) som skal synes når tabellen er kollapset. Rekkefølgen i array avgjør rekkefølgen i render.
+     * @default [0]
+     *  */
+    definingColumnIndex?: Array<number>;
+} & TableProps;
+
+declare const CollapsibleTable$1: {
+    ({ isCollapsed, headerValues, definingColumnIndex, ...rest }: CollapsibleTableProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
+    Row: typeof CollapsibleRow;
+};
+declare const CollapsibleTable: CollapsibleTableCompoundProps;
+
 type AddTabButtonProps = {
     /** Bredden. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
      * @default "1fr"
      */
     width?: CSS.Properties['width'];
     index?: number;
-} & ComponentProps<'button'>;
-declare const AddTabButton: react.ForwardRefExoticComponent<Omit<AddTabButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+} & ComponentPropsWithRef<'button'>;
+declare const AddTabButton: {
+    ({ ref, children, index, className, width, ...rest }: AddTabButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type TabSize = Extract<Size, 'small' | 'medium'>;
 type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
@@ -3014,26 +2752,10 @@ type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Props for "Legg til fane"-knapp. Støtter native HTML attributter og `width`. */
     addTabButtonProps?: Omit<AddTabButtonProps, 'index'>;
 }, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
-declare const Tabs: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "id" | "className"> & {
-    /**Størrelse på hver `<Tab>`. */
-    size?: TabSize;
-    /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
-    activeTab?: number;
-    /** Ekstra logikk ved endring av aktiv fane. */
-    onChange?: (index: number) => void;
-    /** Retningen ikon og tekst vises i `<Tab>`-elementer.
-     * @default "row"
-     */
-    tabContentDirection?: Direction$1;
-    /**Bredde for hele komponenten. */
-    width?: Property.Width;
-    /** Props for "Legg til fane"-knapp. Støtter native HTML attributter og `width`. */
-    addTabButtonProps?: Omit<AddTabButtonProps, "index">;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const Tabs: {
+    ({ id, activeTab, onChange, tabContentDirection, size, addTabButtonProps, width, children, className, htmlProps, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
     /**Spesifiserer om fanen er aktiv.
@@ -3053,47 +2775,31 @@ type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
      */
     width?: CSS.Properties['width'];
 } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
-declare const Tab: react.ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "id" | "className"> & {
-    /**Spesifiserer om fanen er aktiv.
-     * @default false
-     */
-    active?: boolean;
-    /** Ikon. */
-    icon?: SvgIcon;
-    /** Spesifiserer om `<Tab>` skal ha fokus. **OBS!** settes automatisk av forelder.*/
-    focus?: boolean;
-    /**  Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
-    setFocus?: Dispatch<SetStateAction<number>>;
-    /** Indeksen til `<Tab>`. **OBS!** settes automatisk av forelder.*/
-    index?: number;
-    /** Bredden til `<Tab>`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
-     * @default "1fr"
-     */
-    width?: CSS.Properties["width"];
-} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
-} & react.RefAttributes<HTMLButtonElement>>;
+declare const Tab: {
+    ({ active, icon, children, focus, setFocus, index, onClick, onKeyDown, id, className, htmlProps, width, ref, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-type TabListProps = HTMLAttributes<HTMLDivElement>;
-declare const TabList: react.ForwardRefExoticComponent<TabListProps & react.RefAttributes<HTMLDivElement>>;
+type TabListProps = ComponentPropsWithRef<'div'>;
+declare const TabList: {
+    ({ children, id, style, onFocus, ref, ...rest }: TabListProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Spesifiserer om panelet skal vises basert på aktiv fane. */
     active?: boolean;
 }>;
-declare const TabPanel: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /** Spesifiserer om panelet skal vises basert på aktiv fane. */
-    active?: boolean;
-} & {
-    children?: react.ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const TabPanel: {
+    ({ active, children, id, className, htmlProps, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-type TabPanelsProps = HTMLAttributes<HTMLDivElement>;
-declare const TabPanels: react.ForwardRefExoticComponent<TabPanelsProps & react.RefAttributes<HTMLDivElement>>;
+type TabPanelsProps = ComponentPropsWithRef<'div'>;
+declare const TabPanels: {
+    ({ children, ref, ...rest }: TabPanelsProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type TagPurpose = 'success' | 'info' | 'danger' | 'warning' | 'default';
 type TagAppearance = 'default' | 'strong';
@@ -3122,57 +2828,21 @@ type TagProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
      */
     withIcon?: boolean;
 }>;
-declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLSpanElement>, "id" | "className"> & {
-    /**
-     * Innholdet til `<Tag>.` Kan brukes istedenfor `text`.
-     */
-    children?: ReactNode;
-    /**
-     * Samme oppførsel som `children`. Er `children` brukt vil denne ignoreres. Tekst som vises i `<Tag>`.
-     */
-    text?: string;
-    /**
-     * Formål med status eller kategorisering. Påvirker styling.
-     * @default "default"
-     */
-    purpose?: TagPurpose;
-    /**
-     * Det visuelle uttrykket til komponenten.
-     * @default "default"
-     */
-    appearance?: TagAppearance;
-    /**
-     * Om `<Tag>` skal ha et ikon til venstre for teksten. Tags med `purpose="default"` har aldri ikon.
-     * @default false
-     */
-    withIcon?: boolean;
-} & {
-    children?: ReactNode | undefined;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLSpanElement> | undefined;
-} & react.RefAttributes<HTMLSpanElement>>;
+declare const Tag: {
+    ({ text, purpose, appearance, id, className, children, htmlProps, withIcon, ...rest }: TagProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type TextAreaProps = CommonInputProps & {
     /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt.
      * @default true
      */
     withCharacterCounter?: boolean;
-} & TextareaHTMLAttributes<HTMLTextAreaElement>;
-declare const TextArea: react.ForwardRefExoticComponent<CommonInputProps & {
-    /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt.
-     * @default true
-     */
-    withCharacterCounter?: boolean;
-} & TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
-
-declare const TextInput: react__default.ForwardRefExoticComponent<CommonInputProps & {
-    componentSize?: InputSize;
-} & react__default.InputHTMLAttributes<HTMLInputElement> & {
-    withCharacterCounter?: boolean;
-    icon?: SvgIcon;
-    prefix?: string;
-    suffix?: string;
-} & react__default.RefAttributes<HTMLInputElement>>;
+} & ComponentPropsWithRef<'textarea'>;
+declare const TextArea: {
+    ({ id, value, defaultValue, onChange, errorMessage, required, tip, label, readOnly, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, maxLength, withCharacterCounter, className, style, width, ref, ...rest }: TextAreaProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type TextInputProps = InputProps & {
     /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt. */
@@ -3180,20 +2850,23 @@ type TextInputProps = InputProps & {
     /** Ikonet som vises i komponenten. */
     icon?: SvgIcon;
     /**
-     * Prefiks som vises før inputfeltet.
-     * OBS! Prefiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter
-     * for en beskrivende label. */
+     * Prefiks som vises før inputfeltet. **OBS!** Prefiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter for en beskrivende label.
+     * */
     prefix?: string;
     /**
-     * Suffiks som vises etter inputfeltet.
-     * OBS! Suffiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter
-     * for en beskrivende label. */
+     * Suffiks som vises etter inputfeltet. **OBS!** Suffiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter for en beskrivende label.
+     */
     suffix?: string;
 };
 interface TextAffixProps {
     readOnly?: boolean;
 }
 
+declare const TextInput: {
+    ({ label, disabled, readOnly, errorMessage, tip, required, maxLength, onChange, id, width, componentSize, type, withCharacterCounter, className, style, value, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, icon, prefix, suffix, ref, ...rest }: TextInputProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 type DdsTheme = keyof typeof ddsTokens;
 interface ThemeContextProps {
     theme: DdsTheme;
@@ -3802,40 +3475,10 @@ type ToggleProps = BaseComponentProps<HTMLElement, {
      */
     size?: ToggleSize;
 } & TogglePickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof TogglePickedHTMLAttributes>>;
-declare const Toggle: react.ForwardRefExoticComponent<Pick<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "aria-describedby" | "onBlur" | "name" | "value">, "id" | "className"> & {
-    /**Ledetekst; tillater bruk av f.eks. `<VisuallyHidden>` for usynlig tekst. */
-    children?: ReactNode;
-    /**
-     * Callback som blir kalt når brukeren endrer toggle-verdien.
-     */
-    onChange?: (checked: boolean) => void;
-    /**
-     * Om toggle er av eller på.
-     */
-    checked?: boolean;
-    /**
-     * Den initielle verdien når komponenten brukes uncontrolled.
-     * @default false
-     */
-    defaultChecked?: boolean;
-    /**Spesifiserer om input er `disabled`. */
-    disabled?: boolean;
-    /**
-     * Inputelementet blir `readonly` - den kan ikke interageres med. Brukes bl.a. til å presentere input brukeren har fylt ut andre steder.
-     */
-    readOnly?: boolean;
-    /**
-     * Indikerer at verdien prosesseres; viser loading-tilstand og setter `aria-disabled`.
-     */
-    isLoading?: boolean;
-    /**
-     * Størrelse.
-     * @default "medium"
-     */
-    size?: ToggleSize;
-} & TogglePickedHTMLAttributes & {
-    htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "aria-describedby" | "onBlur" | "name" | "value"> | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
+declare const Toggle: {
+    ({ id, children, size, checked: checkedProp, defaultChecked, onChange, disabled, readOnly, isLoading, className, htmlProps, ...rest }: ToggleProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type ToggleBarValue = string | number | null | undefined;
 type ToggleBarSize = Extract<Size, 'xsmall' | 'small' | 'medium' | 'large'>;
@@ -3869,22 +3512,26 @@ type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
     /**Ikonet som vises i komponenten. */
     icon?: SvgIcon;
 } & PickedInputHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes>>;
-declare const ToggleRadio: react.ForwardRefExoticComponent<Pick<Omit<InputHTMLAttributes<HTMLInputElement>, "aria-label" | "aria-labelledby" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
-    /**Ledetekst som vises i komponenten. */
-    label?: string;
-    /**Ikonet som vises i komponenten. */
-    icon?: SvgIcon;
-} & PickedInputHTMLAttributes & {
-    htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "aria-label" | "aria-labelledby" | "onChange" | "name" | "value" | "checked"> | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
+declare const ToggleRadio: {
+    ({ value, name, onChange, checked, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, icon, label, htmlProps, className, id, ...rest }: ToggleRadioProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-declare const ToggleButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
+type ToggleButtonProps = BaseComponentProps<HTMLInputElement, {
+    /**Ledetekst for inputelementet. */
     label?: string;
+    /** Ikon. */
     icon?: SvgIcon;
-    size?: "small" | "xsmall";
-} & CheckboxPickedHTMLAttributes & {
-    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
+    /**Størrelse.
+     * @default 'small'
+     */
+    size?: 'small' | 'xsmall';
+} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
+
+declare const ToggleButton: {
+    ({ id, label, icon, size, className, htmlProps, ...rest }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type Direction = 'row' | 'column';
 type ToggleButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
@@ -3902,18 +3549,9 @@ declare const ToggleButtonGroup: {
     displayName: string;
 };
 
-type ToggleButtonProps = BaseComponentProps<HTMLInputElement, {
-    /**Ledetekst for inputelementet. */
-    label?: string;
-    /** Ikon. */
-    icon?: SvgIcon;
-    /**Størrelse.
-     * @default 'small'
-     */
-    size?: 'small' | 'xsmall';
-} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
-
-type AnchorElement = react__default.ReactElement & react__default.RefAttributes<HTMLElement>;
+type AnchorElement = ReactElement<HTMLAttributes<HTMLElement> & {
+    ref: Ref<HTMLElement>;
+}>;
 type PickedHTMLAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'onMouseLeave' | 'onMouseOver'>;
 type TooltipProps = BaseComponentProps<HTMLDivElement, {
     /**Innhold i tooltip. */
@@ -3931,24 +3569,10 @@ type TooltipProps = BaseComponentProps<HTMLDivElement, {
     /**`id` for tooltip. */
     tooltipId?: string;
 } & PickedHTMLAttributes, Omit<HTMLAttributes<HTMLDivElement>, 'children' | keyof PickedHTMLAttributes>>;
-declare const Tooltip: react__default.ForwardRefExoticComponent<Pick<Omit<react__default.HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
-    /**Innhold i tooltip. */
-    text: string;
-    /**Plassering i forhold til anchor-elementet.
-     * @default "bottom"
-     */
-    placement?: Placement$1;
-    /**Anchor-elementet. */
-    children: AnchorElement;
-    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.
-     * @default 100
-     */
-    delay?: number;
-    /**`id` for tooltip. */
-    tooltipId?: string;
-} & PickedHTMLAttributes & {
-    htmlProps?: Omit<react__default.HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver"> | undefined;
-} & react__default.RefAttributes<HTMLDivElement>>;
+declare const Tooltip: {
+    ({ text, placement, children, tooltipId, delay, style, onMouseLeave, onMouseOver, id, ref, className, htmlProps, ...rest }: TooltipProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type VisuallyHiddenDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     as: 'div';
@@ -3963,4 +3587,4 @@ declare const VisuallyHidden: {
     displayName: string;
 };
 
-export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, type CardAppearance, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, type CardType, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, Contrast, type ContrastProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, EditIcon, ElementAs, type ElementAsProps, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, type FloatingStyles, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, type PropsOf, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, ScreenSize, type ScreenSizeLiteral, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, type StackProps, type StackSpacing, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThemeContext, ThemeProvider, type ThemeProviderProps, ThumbDownFilledIcon, ThumbDownIcon, type ThumbIconProps, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UseFloatPositionOptions, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createSelectOptions, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getDefaultText, getElementType, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, inputTypographyTypes, isCaption, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isLegend, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, spacingPropToCn, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, visibilityTransition };
+export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, type BorderColor, type BorderColorCn, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, type CardAppearance, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, type CardType, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, Contrast, type ContrastProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, EditIcon, ElementAs, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, type FloatingStyles, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, type PolymorphicProps, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, type PropsOf, type PropsOfWithRef, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, ScreenSize, type ScreenSizeLiteral, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, type StackProps, type StackSpacing, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, StylelessList, type StylelessListProps, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThemeContext, ThemeProvider, type ThemeProviderProps, ThumbDownFilledIcon, ThumbDownIcon, type ThumbIconProps, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UseFloatPositionOptions, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createSelectOptions, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getBorderCn, getDefaultText, getElementType, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isCaption, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isLegend, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, spacingPropToCn, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, visibilityTransition };