@norges-domstoler/dds-components 0.0.0-dev-20230925154113

package/dist/index.d.mts

@@ -0,0 +1,1761 @@
+import * as _norges_domstoler_dds_core from '@norges-domstoler/dds-core';
+import { BaseComponentProps, Placement, As, PropsOf, BaseComponentPropsWithChildren, Direction as Direction$1, WithRequiredIf, TextColor, BreakpointBasedProps, ExtractStrict } from '@norges-domstoler/dds-core';
+export { BaseComponentProps, BaseComponentPropsWithChildren, BreakpointBasedProps, Placement, ScreenSize, ScreenSizeLiteral, getBaseHTMLProps, getLiteralScreenSize, isKeyboardEvent, useCombinedRef, useFloatPosition, useFocusTrap, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize } from '@norges-domstoler/dds-core';
+import * as _norges_domstoler_dds_form from '@norges-domstoler/dds-form';
+import { InputSize, InputProps, CommonInputProps } from '@norges-domstoler/dds-form';
+export * from '@norges-domstoler/dds-form';
+import * as _norges_domstoler_dds_icons from '@norges-domstoler/dds-icons';
+import { SvgIcon } from '@norges-domstoler/dds-icons';
+export * from '@norges-domstoler/dds-icons';
+import { TypographyBodyType, StaticTypographyType } from '@norges-domstoler/dds-typography';
+export * from '@norges-domstoler/dds-typography';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { ButtonHTMLAttributes, AnchorHTMLAttributes, RefObject, ReactNode, PropsWithChildren, ReactElement, MouseEventHandler, InputHTMLAttributes, ChangeEvent, HTMLAttributes, Ref, MouseEvent as MouseEvent$1, TdHTMLAttributes, ThHTMLAttributes, Dispatch, SetStateAction, ForwardRefExoticComponent, TextareaHTMLAttributes } from 'react';
+import { Environment } from '@norges-domstoler/development-utils';
+import { Property, StandardProperties } from 'csstype';
+import { OptionProps, GroupBase, SingleValueProps, Props, SelectInstance } from 'react-select';
+import * as styled_components from 'styled-components';
+
+type EmbeteType = 'jordskifterett' | 'tingrett' | 'lagmannsrett' | 'høyesterett';
+
+type OverflowMenuItemBase = {
+    title: string;
+    icon?: SvgIcon;
+};
+type OverflowMenuButtonItem = OverflowMenuItemBase & ButtonHTMLAttributes<HTMLButtonElement>;
+type OverflowMenuLinkItem = OverflowMenuItemBase & AnchorHTMLAttributes<HTMLAnchorElement>;
+type OverflowMenuContextItem = OverflowMenuButtonItem | OverflowMenuLinkItem;
+type OverflowMenuNavItem = OverflowMenuLinkItem;
+type UserProps = {
+    name: string;
+    href?: string;
+} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
+type OverflowMenuProps = BaseComponentProps<HTMLDivElement, {
+    /**Lenker eller knapper som skal vises i menyen. Støtter ikon i tillegg til tekst. */
+    items?: OverflowMenuContextItem[];
+    /**Eget element for brukernavn, kan være interaktivt eller statisk. Ligger alltid på toppen av menyen. */
+    userProps?: UserProps;
+    /**Navigasjonslenker, brukes hvis navigasjonen skal ligge i menyen (f.eks. ved liten skjerm o.l.). */
+    navItems?: OverflowMenuNavItem[];
+    /**Spesifiserer om menyen skal vises. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
+    isOpen?: boolean;
+    /**Callback for å lukke menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
+    onClose?: () => void;
+    /**Callback for å toggle menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
+    onToggle?: () => void;
+    /**Ref til elementet som styrer menyen. **OBS!** nødvendig kun hvis ``<OverflowMenuGroup />` ikke brukes.  */
+    anchorRef?: RefObject<HTMLButtonElement>;
+    /**Plassering av menyen i forhold til anchor-elementet. */
+    placement?: Placement;
+    /**Avstand fra anchor-elementet i px. */
+    offset?: number;
+}>;
+
+type ContainerProps = {
+    isOpen: boolean;
+};
+declare const Container: styled_components.StyledComponent<"div", any, ContainerProps, never>;
+declare const OverflowMenuList: styled_components.StyledComponent<"ul", any, {}, never>;
+declare const OverflowMenu: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    items?: OverflowMenuContextItem[] | undefined;
+    userProps?: ({
+        name: string;
+        href?: string | undefined;
+    } & (react.AnchorHTMLAttributes<HTMLAnchorElement> | react.ButtonHTMLAttributes<HTMLButtonElement>)) | undefined;
+    navItems?: OverflowMenuLinkItem[] | undefined;
+    isOpen?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    onToggle?: (() => void) | undefined;
+    anchorRef?: react.RefObject<HTMLButtonElement> | undefined;
+    placement?: _norges_domstoler_dds_core.Placement | undefined;
+    offset?: number | undefined;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type OverflowMenuGroupProps = {
+    /**Ekstra logikk som kjøres når `<OverflowMenu />` åpnes og lukkes. */
+    onToggle?: () => void;
+    /**Ekstra logikk som kjøres når `<OverflowMenu />` åpnes. */
+    onOpen?: () => void;
+    /**Ekstra logikk som kjøres når `<OverflowMenu />` lukkes. */
+    onClose?: () => void;
+    /**Barn, anchor-elementet som første og `<OverflowMenu />` som andre. */
+    children: ReactNode;
+    /**Custom id for `<OverflowMenu />`. */
+    overflowMenuId?: string;
+};
+declare const OverflowMenuGroup: {
+    ({ children, onClose, onToggle, onOpen, overflowMenuId, }: OverflowMenuGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type User = {
+    /**Brukerens fulle navn (for- og etternavn). */
+    name: string;
+    /**Det aktive embetet til brukeren. */
+    embete: Embete;
+};
+type Embete = {
+    /**Navnet på embetet. */
+    name: string;
+    /**Hvilken instans embetet er. */
+    type: EmbeteType;
+};
+
+type AppShellProps = PropsWithChildren<{
+    /**
+     * Versjon på appen på formatet 0.0.0
+     */
+    version?: string;
+    navigation: AppShellNavigationProps;
+    /**
+     * Den innloggede brukeren.
+     */
+    user: User;
+    /**
+     * Menyvalg som skal vises i OverflowMenu knyttet til "bruker"-knappen.
+     */
+    userMenuItems?: OverflowMenuProps['items'];
+    /**
+     * `environment` brukes for å  vise en banner øverst i appen som viser hvilket miljø du er i.
+     * Når environment er undefined eller `"PROD"` så vises ikke banneret.
+     */
+    environment?: Environment;
+}>;
+type AppShellNavigationProps = {
+    /**
+     * Interne lenker i navigasjonen.
+     */
+    internal?: ReactElement[];
+    /**
+     * Eksterne lenker i navigasjonen.
+     */
+    external?: ReactElement[];
+};
+declare const AppShell$1: {
+    ({ children, version, navigation: { internal, external }, user, userMenuItems, environment, }: AppShellProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type BaseNavigationItemProps = ({
+    icon: SvgIcon;
+    active?: boolean;
+    external?: undefined | false;
+} | {
+    external: true;
+    active?: undefined | false;
+    icon?: undefined;
+}) & {
+    onClick?: MouseEventHandler;
+};
+type NavigationItemProps<T extends As = 'a'> = PropsOf<T> & BaseNavigationItemProps;
+declare const NavigationItem: {
+    <T extends As = "a">({ as: _as, active, icon, external, children, onClick: propOnClick, ...rest }: NavigationItemProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CompoundAppShell = typeof AppShell$1 & {
+    NavItem: typeof NavigationItem;
+};
+declare const AppShell: CompoundAppShell;
+
+declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "value" | "checked" | "readOnly" | "required">, "className" | "id"> & {
+    label?: string | undefined;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+} & {
+    name?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    onChange?: react.ChangeEventHandler<HTMLInputElement> | undefined;
+    value?: string | number | readonly string[] | undefined;
+    checked?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "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, {
+    /**Ledetekst for alternativet. */
+    label?: string;
+    /**Spesifiserer om input er disabled. */
+    disabled?: boolean;
+    /**Indikerer valideringsfeil. Påvirker styling. */
+    error?: boolean;
+} & PickedInputHTMLAttributes$1, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes$1>>;
+
+type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** Gir alle barna `name` prop.*/
+    name?: string;
+    /**Ledetekst for hele gruppen. */
+    label?: string;
+    /**Funksjonen for onChange-event for barna. */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void;
+    /**Legger en markør (*) bak label som indikerer at input er påkrevd. Gjør alle barna påkrevd ved å gi dem `required` prop. */
+    required?: boolean;
+    /**Meldingen som vises ved valideringsfeil. Gir alle barna error prop. */
+    errorMessage?: string;
+    /**Hjelpetekst for gruppen. */
+    tip?: string;
+    /**Gir alle barna `disabled` prop. */
+    disabled?: boolean;
+    /**Gir alle barna `readOnly` prop */
+    readOnly?: boolean;
+    /**Retningen radioknappene skal gjengis i. */
+    direction?: Direction$1;
+    /**Default verdi - en `<RadioButton />` blir forhåndsvalgt. **OBS!** brukes kun når brukeren ikke skal fylle ut selv. */
+    value?: T | undefined;
+    /**custom id for for gruppen, knytter `label` til gruppen via `aria-label`. */
+    groupId?: string;
+}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+declare const RadioButtonGroup: <T extends string | number = string>(props: Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
+    /** Gir alle barna `name` prop.*/
+    name?: string | undefined;
+    /**Ledetekst for hele gruppen. */
+    label?: string | undefined;
+    /**Funksjonen for onChange-event for barna. */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;
+    /**Legger en markør (*) bak label som indikerer at input er påkrevd. Gjør alle barna påkrevd ved å gi dem `required` prop. */
+    required?: boolean | undefined;
+    /**Meldingen som vises ved valideringsfeil. Gir alle barna error prop. */
+    errorMessage?: string | undefined;
+    /**Hjelpetekst for gruppen. */
+    tip?: string | undefined;
+    /**Gir alle barna `disabled` prop. */
+    disabled?: boolean | undefined;
+    /**Gir alle barna `readOnly` prop */
+    readOnly?: boolean | undefined;
+    /**Retningen radioknappene skal gjengis i. */
+    direction?: Direction$1 | undefined;
+    /**Default verdi - en `<RadioButton />` blir forhåndsvalgt. **OBS!** brukes kun når brukeren ikke skal fylle ut selv. */
+    value?: T | undefined;
+    /**custom id for for gruppen, knytter `label` til gruppen via `aria-label`. */
+    groupId?: string | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
+} & {
+    ref?: Ref<HTMLDivElement> | undefined;
+}) => ReactElement;
+
+type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
+type CheckboxProps = BaseComponentProps<HTMLInputElement, {
+    /** Ledetekst for inputelementet. */
+    label?: string;
+    /**Indikererr ugyldig input, endrer styling. */
+    error?: boolean;
+    /** Setter disabled-tilstand for inputelementet. */
+    disabled?: boolean;
+    /**Inputelementet blir readOnly - den kan ikke interageres med. Brukes til å hente input brukeren har fylt ut andre steder. */
+    readOnly?: boolean;
+    /**Brukes ved nøstet struktur der alle Checkbox som hører til en gruppe kan bli valgt ved å trykke på en forelder Checkbox. Hvis enkelte <Checkbox /> blir valgt men ikke alle skal forelder <Checkbox /> få tilstanden indeterminate - verken checked eller ikke. */
+    indeterminate?: boolean;
+} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
+
+declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onBlur" | "onChange" | "defaultChecked" | "defaultValue" | "value" | "checked">, "className" | "id"> & {
+    label?: string | undefined;
+    error?: boolean | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    indeterminate?: boolean | undefined;
+} & CheckboxPickedHTMLAttributes & {
+    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onBlur" | "onChange" | "defaultChecked" | "defaultValue" | "value" | "checked"> | undefined;
+} & react.RefAttributes<HTMLInputElement>>;
+
+type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Ledetekst for gruppen. */
+    label?: string;
+    /**Retningen barna gjengis i. */
+    direction?: Direction$1;
+    /**Custom id for for gruppen, knytter ledetekst til gruppen via `aria-label`. */
+    groupId?: string;
+    /**Meldingen som vises ved valideringsfeil. Sender error-tilstand til barna når det finnes  og setter `aria-describedby` for barna. */
+    errorMessage?: string;
+    tip?: string;
+    /**Indikerer at det er påkrevd å velge minst ett alternativ. Innebærer visuell endring. **OBS!** `required` må i tillegg gis til `<Checkbox />` manuelt. */
+    required?: boolean;
+}>;
+declare const CheckboxGroup: {
+    (props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ButtonPurpose = 'primary' | 'secondary' | 'danger';
+type ButtonSize = 'tiny' | 'small' | 'medium' | 'large';
+type ButtonAppearance = 'filled' | 'ghost' | 'rounded' | 'borderless';
+type IconPosition = 'left' | 'right';
+type PickedHTMLAttributes$1 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type'>;
+type ButtonProps$1 = BaseComponentProps<HTMLButtonElement, {
+    /**Størrelsen på knappen. */
+    size?: ButtonSize;
+    /**Tekst i knappen. */
+    label?: string | ReactElement;
+    /**Bestemmer farger basert på formål. */
+    purpose?: ButtonPurpose;
+    /**	Posisjonen til ikonet i forhold til teksten.*/
+    iconPosition?: IconPosition;
+    /**Bestemmer utseende på knappen, bl.a. bakgrunn, border radius og skygger.  */
+    appearance?: ButtonAppearance;
+    /**Indikerer en loading-knapp. */
+    loading?: boolean;
+    /**Tooltip som vises ved loading. */
+    loadingTooltip?: string;
+    /**Ikonet som ligger i knappen.  */
+    icon?: SvgIcon;
+    /**Knapp med full bredde. */
+    fullWidth?: boolean;
+    /**URL for knapper som skal brukes som lenke. Knappen blir til et `<a>`-element. */
+    href?: string;
+    /**Nativt target-attributt som kan spesifiseres når knappen er et `<a>`-element.  */
+    target?: string;
+} & PickedHTMLAttributes$1, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$1>>;
+
+declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick">, "className" | "id"> & {
+    size?: ButtonSize | undefined;
+    label?: string | react.ReactElement<any, string | react.JSXElementConstructor<any>> | undefined;
+    purpose?: ButtonPurpose | undefined;
+    iconPosition?: IconPosition | undefined;
+    appearance?: ButtonAppearance | undefined;
+    loading?: boolean | undefined;
+    loadingTooltip?: string | undefined;
+    icon?: _norges_domstoler_dds_icons.SvgIcon | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
+} & {
+    type?: "button" | "reset" | "submit" | undefined;
+    onFocus?: react.FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlur?: react.FocusEventHandler<HTMLButtonElement> | undefined;
+    onClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+} & {
+    htmlProps?: Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick"> | undefined;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+declare const TextInput: react__default.ForwardRefExoticComponent<_norges_domstoler_dds_form.CommonInputProps & {
+    componentSize?: InputSize | undefined;
+} & react__default.InputHTMLAttributes<HTMLInputElement> & {
+    withCharacterCounter?: boolean | undefined;
+    icon?: _norges_domstoler_dds_icons.SvgIcon | undefined;
+    prefix?: string | undefined;
+    suffix?: string | undefined;
+} & react__default.RefAttributes<HTMLInputElement>>;
+
+type TextInputProps = InputProps & {
+    /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt. */
+    withCharacterCounter?: boolean;
+    /** 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. */
+    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. */
+    suffix?: string;
+};
+type TextAffixProps = {
+    readOnly?: boolean;
+};
+
+type SelectOption<TValue = unknown> = {
+    label: string | number;
+    value: TValue;
+};
+declare const createSelectOptions: <TValue extends string | number>(...args: TValue[]) => SelectOption<TValue>[];
+type WrappedReactSelectProps<TOption extends Record<string, unknown>, IsMulti extends boolean, Group extends GroupBase<TOption>> = WithRequiredIf<TOption extends SelectOption ? false : true, Props<TOption, IsMulti, Group>, 'getOptionLabel' | 'getOptionValue'>;
+type SelectProps<TOption extends Record<string, unknown>, IsMulti extends boolean> = {
+    /**Ledetekst for nedtrekkslisten. */
+    label?: string;
+    /**Størrelsen på komponenten. */
+    componentSize?: InputSize;
+    /**Ikonet som vises i komponenten. */
+    icon?: SvgIcon;
+    /**Nedtrekkslisten blir disabled og får readOnly styling. */
+    readOnly?: boolean;
+    /**Meldingen som vises ved valideringsfeil. */
+    errorMessage?: string;
+    /**Hjelpetekst. */
+    tip?: string;
+    /**Custom bredde ved behov. */
+    width?: Property.Width<string>;
+    /** CSS klassenavn. */
+    className?: string;
+    /** Inline styling. */
+    style?: react__default.CSSProperties;
+    customOptionElement?: (props: OptionProps<TOption, IsMulti, GroupBase<TOption>>) => JSX.Element;
+    customSingleValueElement?: (props: SingleValueProps<TOption, IsMulti, GroupBase<TOption>>) => JSX.Element;
+} & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<TOption, IsMulti, GroupBase<TOption>>;
+type ForwardRefType<TOption, IsMulti extends boolean> = react__default.ForwardedRef<SelectInstance<TOption, IsMulti, GroupBase<TOption>>>;
+declare const Select: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>(props: SelectProps<TOption, IsMulti>, ref: ForwardRefType<TOption, IsMulti>) => react_jsx_runtime.JSX.Element;
+
+type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
+type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
+    message?: string;
+    /**Formålet med meldingen. Påvirker styling. */
+    purpose?: GlobalMessagePurpose;
+    /**Indikerer om meldingen skal være lukkbar. */
+    closable?: boolean;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
+    onClose?: () => void;
+}>;
+declare const GlobalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
+    message?: string | undefined;
+    /**Formålet med meldingen. Påvirker styling. */
+    purpose?: GlobalMessagePurpose | undefined;
+    /**Indikerer om meldingen skal være lukkbar. */
+    closable?: boolean | undefined;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
+    onClose?: (() => void) | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'confidential' | 'success' | 'tips';
+type LocalMessageLayout = 'horisontal' | 'vertical';
+type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
+    message?: string;
+    /**Formålet med meldingen. Påvirker styling. */
+    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'`. */
+    layout?: LocalMessageLayout;
+    /**Custom bredde ved behov. */
+    width?: Property.Width<string>;
+}>;
+declare const LocalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
+    message?: string | undefined;
+    /**Formålet med meldingen. Påvirker styling. */
+    purpose?: LocalMessagePurpose | undefined;
+    /** Indikerer om meldingen skal være lukkbar.*/
+    closable?: boolean | undefined;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
+    onClose?: (() => void) | undefined;
+    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
+    layout?: LocalMessageLayout | undefined;
+    /**Custom bredde ved behov. */
+    width?: Property.Width<string> | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type SearchSize = 'small' | 'medium' | 'large';
+type ButtonProps = {
+    onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
+    label?: string;
+    loading?: boolean;
+    purpose?: 'primary' | 'secondary';
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
+    /**Størrelsen på komponenten. */
+    componentSize?: SearchSize;
+    /**Props for søkeknappen. */
+    buttonProps?: ButtonProps;
+} & InputHTMLAttributes<HTMLInputElement>;
+declare const Search$1: react.ForwardRefExoticComponent<Pick<InputProps, "label" | "tip"> & {
+    /**Størrelsen på komponenten. */
+    componentSize?: SearchSize | undefined;
+    /**Props for søkeknappen. */
+    buttonProps?: ButtonProps | undefined;
+} & InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
+
+type WeightedValue = {
+    text: string;
+    relevance: number;
+};
+type WeightedSearchData = {
+    array: WeightedValue[];
+    sortFunction?: (a: WeightedValue, b: WeightedValue) => number;
+};
+type SearchData = {
+    array: string[];
+    sortFunction?: (a: string, b: string) => number;
+};
+type SearchAutocompleteWrapperProps = {
+    /**Array med data som kan søkes på og eventuelt tilhørende sorteringsfunksjon. Array kan bestå av elementer av typen `string`  eller objekter med vekt og tekst.*/
+    data?: SearchData | WeightedSearchData;
+    /** Ekstra callback ved `onChange` i `<Search>`. */
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
+    onSuggestionSelection?: () => void;
+    /** Custom filter for forslag. */
+    filter?: (sugestion: string, query: string) => boolean;
+    /**Minst lengde på query når forslag skal vises. */
+    queryLength?: number;
+    /** Barnet til komponenten (`<Search />`). */
+    children?: ReactNode;
+    /**Initielle `value` i `<Search>`. */
+    value?: string;
+};
+declare const SearchAutocompleteWrapper: {
+    (props: SearchAutocompleteWrapperProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProps, 'componentSize'> & {
+    /**Forslag som vises i listen. */
+    suggestions?: 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;
+}>;
+declare const SearchSuggestions: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & Pick<SearchProps, "componentSize"> & {
+    /**Forslag som vises i listen. */
+    suggestions?: string[] | undefined;
+    /** Om listen skal vises. */
+    showSuggestions?: boolean | undefined;
+    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
+    onSuggestionClick?: ((e: MouseEvent$1<HTMLButtonElement>) => void) | undefined;
+    /** Maks antall forslag vist i listen. */
+    maxSuggestions?: number | undefined;
+    /**Id til `<Search>`. */
+    searchId: string;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type SearchCompoundProps = typeof Search$1 & {
+    AutocompleteWrapper: typeof SearchAutocompleteWrapper;
+    Suggestions: typeof SearchSuggestions;
+};
+declare const Search: SearchCompoundProps;
+
+type TableDensity = 'normal' | 'compact' | 'extraCompact';
+type TableProps = {
+    /**Spesifiserer hvor romslige cellene i tabellen skal være. */
+    density?: TableDensity;
+    /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
+    stickyHeader?: boolean;
+    /**Legger skillelinjer mellom radene. */
+    withDividers?: boolean;
+} & HTMLAttributes<HTMLTableElement>;
+type HeaderValues = {
+    key: string;
+    content: ReactNode;
+}[];
+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?: number[];
+} & TableProps;
+type TableRowType = 'body' | 'head';
+type RowMode = 'normal' | 'sum';
+type TableRowProps = {
+    /**Spesifiserer om raden skal brukes i `<head>` eller `<body>`-seksjonen. */
+    type?: TableRowType;
+    /**Custom modus for rader som har ytterligere semantisk betydning (f.eks. summeringsrad), definerer kun styling. Ved bruk av sum må `<Cell>` med tall i høyrestilles vha layout prop.  */
+    mode?: RowMode;
+    /**Spesifiserer om raden har blitt valgt/markert. */
+    selected?: boolean;
+    /**Spesifiserer om raden skal ha hover styling. Brukes hovedsakelig på klikkbare rader. */
+    hoverable?: boolean;
+} & HTMLAttributes<HTMLTableRowElement>;
+
+declare const Table$1: react.ForwardRefExoticComponent<{
+    density?: TableDensity | undefined;
+    stickyHeader?: boolean | undefined;
+    withDividers?: boolean | undefined;
+} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
+
+declare const CollapsibleTable$1: react.ForwardRefExoticComponent<{
+    isCollapsed?: boolean | undefined;
+    headerValues: HeaderValues;
+    definingColumnIndex?: number[] | undefined;
+} & {
+    density?: TableDensity | undefined;
+    stickyHeader?: boolean | undefined;
+    withDividers?: boolean | undefined;
+} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
+
+type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
+declare const Head: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableSectionElement>>;
+
+type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
+declare const Body: react.ForwardRefExoticComponent<TableBodyProps & react.RefAttributes<HTMLTableSectionElement>>;
+
+type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
+declare const Foot: react.ForwardRefExoticComponent<TableFootProps & react.RefAttributes<HTMLTableSectionElement>>;
+
+declare const Row: react.ForwardRefExoticComponent<{
+    type?: TableRowType | undefined;
+    mode?: RowMode | undefined;
+    selected?: boolean | undefined;
+    hoverable?: boolean | undefined;
+} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
+
+declare const CollapsibleRow: react.ForwardRefExoticComponent<{
+    type?: TableRowType | undefined;
+    mode?: RowMode | undefined;
+    selected?: boolean | undefined;
+    hoverable?: boolean | undefined;
+} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
+
+type TableCellType = 'data' | 'head';
+type TableCellLayout = 'left' | 'right' | 'center' | 'text and icon';
+type CollapsibleProps = {
+    isCollapsibleChild?: boolean;
+};
+type TableCellProps = {
+    /**Type celle. Returnerer enten `<td>` eller `<th>`. */
+    type?: TableCellType;
+    /**Layout av innholdet i cellen. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.  */
+    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 SortOrder = 'ascending' | 'descending';
+type TableSortCellProps = {
+    /**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'>;
+declare const SortCell: react.ForwardRefExoticComponent<{
+    /**Spesifiserer om kolonnen er sortert. */
+    isSorted?: boolean | undefined;
+    /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */
+    sortOrder?: SortOrder | undefined;
+    /**onClick-funksjon for sortering og annen logikk. */
+    onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
+} & Omit<TableCellProps, "type"> & react.RefAttributes<HTMLTableCellElement>>;
+
+type TableWrapperProps = HTMLAttributes<HTMLDivElement>;
+declare const TableWrapper: {
+    ({ children, ...rest }: TableWrapperProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type TableCompoundProps = typeof Table$1 & {
+    Wrapper: typeof TableWrapper;
+    Head: typeof Head;
+    Body: typeof Body;
+    Foot: typeof Foot;
+    Row: typeof Row;
+    Cell: typeof Cell;
+    SortCell: typeof SortCell;
+};
+declare const Table: TableCompoundProps;
+type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
+    Row: typeof CollapsibleRow;
+};
+declare const CollapsibleTable: CollapsibleTableCompoundProps;
+
+type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
+declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
+
+type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement>;
+declare const Breadcrumbs: react.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & react.RefAttributes<HTMLElement>>;
+
+type PaginationOption = {
+    label: string;
+    value: number;
+};
+type PaginationProps = BaseComponentProps<HTMLElement, {
+    /**Totalt antall elementer å paginere. */
+    itemsAmount: number;
+    /**Antall elementer per side ved innlastning av komponenten. */
+    defaultItemsPerPage?: number;
+    /**Den aktive siden ved innlastning av komponenten. */
+    defaultActivePage?: number;
+    /**Spesifiserer om selve pagineringen skal vises. */
+    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. */
+    selectOptions?: 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 om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
+    smallScreen?: boolean;
+}, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
+declare const Pagination: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
+    /**Totalt antall elementer å paginere. */
+    itemsAmount: number;
+    /**Antall elementer per side ved innlastning av komponenten. */
+    defaultItemsPerPage?: number | undefined;
+    /**Den aktive siden ved innlastning av komponenten. */
+    defaultActivePage?: number | undefined;
+    /**Spesifiserer om selve pagineringen skal vises. */
+    withPagination?: boolean | undefined;
+    /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
+    withCounter?: boolean | undefined;
+    /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
+    withSelect?: boolean | undefined;
+    /**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. */
+    selectOptions?: PaginationOption[] | undefined;
+    /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
+    onChange?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void) | undefined;
+    /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
+    onSelectOptionChange?: ((option: PaginationOption | null) => void) | undefined;
+    /**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
+    smallScreen?: boolean | undefined;
+} & {
+    htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
+} & react.RefAttributes<HTMLElement>>;
+
+type DividerColor = 'primary' | 'primaryLighter';
+type DividerProps = BaseComponentProps<HTMLHRElement, {
+    /** Farge på horisontal linje. */
+    color?: DividerColor;
+}>;
+declare const Divider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "className" | "id"> & {
+    /** Farge på horisontal linje. */
+    color?: DividerColor | undefined;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
+} & react.RefAttributes<HTMLHRElement>>;
+
+type ListType = 'ordered' | 'unordered';
+type ListTypographyType = TypographyBodyType | 'inherit';
+type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElement, {
+    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
+    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. */
+    typographyType?: ListTypographyType;
+}>;
+declare const List: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLOListElement | HTMLUListElement>, "className" | "id"> & {
+    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
+    listType?: ListType | undefined;
+    /**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. */
+    typographyType?: ListTypographyType | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLOListElement | HTMLUListElement> | undefined;
+} & react.RefAttributes<HTMLOListElement | HTMLUListElement>>;
+
+type ListItemProps = HTMLAttributes<HTMLLIElement>;
+declare const ListItem: react.ForwardRefExoticComponent<ListItemProps & react.RefAttributes<HTMLLIElement>>;
+
+type DescriptionListAppearance = 'small' | 'bold';
+type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
+    /**Påvirker tekst styling. */
+    appearance?: DescriptionListAppearance;
+    /**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
+     *  @default "column"
+     */
+    direction?: 'row' | 'column';
+}>;
+declare const DescriptionList: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDListElement>, "className" | "id"> & {
+    /**Påvirker tekst styling. */
+    appearance?: DescriptionListAppearance | undefined;
+    /**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
+     *  @default "column"
+     */
+    direction?: "row" | "column" | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDListElement> | undefined;
+} & react.RefAttributes<HTMLDListElement>>;
+
+type DescriptionListTermProps = HTMLAttributes<HTMLElement>;
+declare const DescriptionListTerm: react.ForwardRefExoticComponent<DescriptionListTermProps & react.RefAttributes<HTMLElement>>;
+
+type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
+    /**Ikon som vises ved siden av teksten. */
+    icon?: SvgIcon;
+}>;
+declare const DescriptionListDesc: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "className" | "id"> & {
+    /**Ikon som vises ved siden av teksten. */
+    icon?: SvgIcon | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLElement> | undefined;
+} & react.RefAttributes<HTMLElement>>;
+
+type DescriptionListGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Custom margin. */
+    margin?: Property.Margin<string>;
+    /**Custom min-width. */
+    minWidth?: Property.MinWidth<string>;
+    /**Custom max-width. */
+    maxWidth?: Property.MaxWidth<string>;
+}>;
+declare const DescriptionListGroup: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Custom margin. */
+    margin?: Property.Margin<string> | undefined;
+    /**Custom min-width. */
+    minWidth?: Property.MinWidth<string> | undefined;
+    /**Custom max-width. */
+    maxWidth?: Property.MaxWidth<string> | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type SpinnerProps = BaseComponentProps<SVGElement, {
+    /**Farge på spinneren. */
+    color?: TextColor | string;
+    /**Størrelse; Setter høyde og bredde på spinneren. */
+    size?: Property.Width<string>;
+    /**Tekst som vises ved hover. */
+    tooltip?: string;
+}>;
+declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
+declare namespace Spinner {
+    var displayName: string;
+}
+
+type CardColor = 'filledDark' | 'filledLight' | 'strokeDark' | 'strokeLight';
+type CardType = 'info' | 'navigation' | 'expandable';
+type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
+    /** Fargepalett i komponenten. */
+    color?: CardColor;
+    /** Referanse til komponenten. */
+    cardRef?: RefObject<T>;
+}>;
+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. */
+    cardType: 'info';
+};
+type NavigationCardProps = BaseCardProps<HTMLAnchorElement> & {
+    cardType: 'navigation';
+} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target'>;
+type ExpandableCardProps = BaseCardProps<HTMLDivElement> & {
+    cardType: 'expandable';
+};
+type CardProps = InfoCardProps | NavigationCardProps | ExpandableCardProps;
+declare const Card: {
+    (props: CardProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CardAccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Spesifiserer om body skal være utvidet ved innlastning. */
+    isExpanded?: boolean;
+    /**For å lytte til endringer i expanded-state. */
+    onChange?: (expanded: boolean) => void;
+}>;
+declare const CardAccordion: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Spesifiserer om body skal være utvidet ved innlastning. */
+    isExpanded?: boolean | undefined;
+    /**For å lytte til endringer i expanded-state. */
+    onChange?: ((expanded: boolean) => void) | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type CardAccordionHeaderProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller body er utvidet.  */
+    isExpanded?: boolean;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Callback for å styre utvidelse og sammentrukking.  */
+    toggleExpanded?: () => void;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionBody />`.  */
+    bodyId?: string;
+    /**Overskriver default padding. */
+    padding?: Property.Padding<string>;
+    /**Overskriver default teksttype. */
+    typographyType?: StaticTypographyType;
+    /**Angir om teksten skal være i "bold"-format. */
+    bold?: boolean;
+}, ButtonHTMLAttributes<HTMLButtonElement>>;
+declare const CardAccordionHeader: react.ForwardRefExoticComponent<Pick<ButtonHTMLAttributes<HTMLButtonElement>, "className" | "id"> & {
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller body er utvidet.  */
+    isExpanded?: boolean | undefined;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Callback for å styre utvidelse og sammentrukking.  */
+    toggleExpanded?: (() => void) | undefined;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionBody />`.  */
+    bodyId?: string | undefined;
+    /**Overskriver default padding. */
+    padding?: Property.Padding<string> | undefined;
+    /**Overskriver default teksttype. */
+    typographyType?: StaticTypographyType | undefined;
+    /**Angir om teksten skal være i "bold"-format. */
+    bold?: boolean | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: ButtonHTMLAttributes<HTMLButtonElement> | undefined;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+type CardAccordionBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
+    isExpanded?: boolean;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
+    headerId?: string;
+    /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
+    paddingTop?: Property.PaddingTop<string>;
+    /**Overskriver default padding. */
+    padding?: Property.Padding<string>;
+}>;
+declare const CardAccordionBody: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
+    isExpanded?: boolean | undefined;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
+    headerId?: string | undefined;
+    /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
+    paddingTop?: Property.PaddingTop<string> | undefined;
+    /**Overskriver default padding. */
+    padding?: Property.Padding<string> | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type NavigationLinkProps = {
+    href: string;
+    title: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+type ContextMenuElementProps = {
+    title: string;
+    href?: string;
+    icon?: SvgIcon;
+    onClick?: () => void;
+} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
+type InternaHeaderUserProps = {
+    name: string;
+    href?: string;
+};
+type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
+    /**Navn på applikasjonen. */
+    applicationName?: string;
+    /**Beskrivelse på applikasjonen ellen tittel på en underside. Tilgjengelig fram til Lovisa Next kommer. */
+    applicationDesc?: string;
+    /**Indikerer om versjonen for små skjermer skal vises. */
+    smallScreen?: boolean;
+    /**Info om brukeren. Dukker opp som punkt på toppen av kontekstmenyen med tekst oppgitt i name. Blir en lenke hvis href er oppgitt. */
+    userProps?: InternaHeaderUserProps;
+    /**Lenker som skal vises i navigasjonsmenyen. */
+    navigationElements?: NavigationLinkProps[];
+    /**Lenker eller knapper som skal vises i kontekstmenyen. Støtter ikon i tillegg til tekst. */
+    contextMenuElements?: ContextMenuElementProps[];
+    /**URL til siden i navigasjonen brukeren er på. Gir highlight til navigasjonselementet i navigationElements med samme URL. */
+    currentPageHref?: string;
+    /**Ekstra logikk som kjøres når currentPage endres. */
+    onCurrentPageChange?: () => void;
+}>;
+
+declare const InternalHeader: {
+    (props: InternalHeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type DatepickerType = 'date' | 'datetime-local';
+type DatepickerProps = Omit<InputProps, 'type'> & {
+    /** Angi dato-input med eller uten klokkeslett. */
+    type?: DatepickerType;
+};
+declare const Datepicker: react.ForwardRefExoticComponent<Omit<InputProps, "type"> & {
+    /** Angi dato-input med eller uten klokkeslett. */
+    type?: DatepickerType | undefined;
+} & react.RefAttributes<HTMLInputElement>>;
+
+type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
+    /** Teksten som vises i lenka. */
+    text?: string;
+    /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
+    href: string;
+    /**Avstand fra top i nærmeste posisjonert container. */
+    top?: Property.Top;
+}>;
+declare const SkipToContent: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
+    /** Teksten som vises i lenka. */
+    text?: string | undefined;
+    /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
+    href: string;
+    /**Avstand fra top i nærmeste posisjonert container. */
+    top?: Property.Top<0 | (string & {})> | undefined;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLAnchorElement> | undefined;
+} & react.RefAttributes<HTMLAnchorElement>>;
+
+type AnchorElement = react__default.ReactElement & react__default.RefAttributes<HTMLElement>;
+type PickedHTMLAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'onMouseLeave' | 'onMouseOver'>;
+type TooltipProps = BaseComponentProps<HTMLDivElement, {
+    /**Innhold i tooltip. */
+    text: string;
+    /**Plassering i forhold til anchor-elementet. */
+    placement?: Placement;
+    /**Anchor-elementet. */
+    children: AnchorElement;
+    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.  */
+    delay?: number;
+    /**`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">, "className" | "id"> & {
+    /**Innhold i tooltip. */
+    text: string;
+    /**Plassering i forhold til anchor-elementet. */
+    placement?: Placement | undefined;
+    /**Anchor-elementet. */
+    children: AnchorElement;
+    /**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.  */
+    delay?: number | undefined;
+    /**`id` for tooltip. */
+    tooltipId?: string | undefined;
+} & PickedHTMLAttributes & {
+    htmlProps?: Omit<react__default.HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver"> | undefined;
+} & react__default.RefAttributes<HTMLDivElement>>;
+
+type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Spesifiserer om modal skal vises. */
+    isOpen?: boolean;
+    /**Funksjon kjørt ved lukking; Settes hvis modal skal være lukkbar. Legger en lukkeknapp i hjørnet og kjøres ved Esc-trykk, lukkeknappklikk og museklikk utenfor. */
+    onClose?: () => void;
+    /**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
+    parentElement?: HTMLElement;
+    /**Tittel/header i modal. Setter `aria-labelledby`. */
+    header?: string | ReactNode;
+    /**Ref som brukes til returnering av fokus. */
+    triggerRef?: RefObject<HTMLElement>;
+}>;
+declare const Modal: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Spesifiserer om modal skal vises. */
+    isOpen?: boolean | undefined;
+    /**Funksjon kjørt ved lukking; Settes hvis modal skal være lukkbar. Legger en lukkeknapp i hjørnet og kjøres ved Esc-trykk, lukkeknappklikk og museklikk utenfor. */
+    onClose?: (() => void) | undefined;
+    /**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
+    parentElement?: HTMLElement | undefined;
+    /**Tittel/header i modal. Setter `aria-labelledby`. */
+    header?: string | ReactNode;
+    /**Ref som brukes til returnering av fokus. */
+    triggerRef?: RefObject<HTMLElement> | undefined;
+} & {
+    children?: ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+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 />`.  */
+    scrollable?: boolean;
+    /**Høyde på container. */
+    height?: Property.Height;
+}>;
+declare const ModalBody: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**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 | undefined;
+    /**Høyde på container. */
+    height?: Property.Height<0 | (string & {})> | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type ModalActionsProps = HTMLAttributes<HTMLDivElement>;
+declare const ModalActions: react.ForwardRefExoticComponent<ModalActionsProps & react.RefAttributes<HTMLDivElement>>;
+
+type DrawerSize = 'small' | 'medium' | 'large';
+type DrawerPlacement = 'left' | 'right';
+type WidthProps = {
+    minWidth?: Property.MinWidth<string>;
+    maxWidth?: Property.MaxWidth<string>;
+    width?: Property.Width<string>;
+};
+type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Størrelsen på `<Drawer />`. */
+    size?: DrawerSize;
+    /** Plasseringen til `<Drawer />`. */
+    placement?: DrawerPlacement;
+    /**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
+    header?: string | ReactNode;
+    /**Spesifiserer om `<Drawer />` skal legges vises. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    isOpen?: boolean;
+    /**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    onClose?: () => void;
+    /**Spesifiserer hvilken DOM node `<Drawer />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
+    parentElement?: HTMLElement;
+    /**Custom props for breddehåndtering ved behov. */
+    widthProps?: WidthProps;
+    /**Ref til elementet som åpner `<Drawer />`.  **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    triggerRef?: RefObject<HTMLElement>;
+}>;
+declare const Drawer: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Størrelsen på `<Drawer />`. */
+    size?: DrawerSize | undefined;
+    /** Plasseringen til `<Drawer />`. */
+    placement?: DrawerPlacement | undefined;
+    /**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
+    header?: string | ReactNode;
+    /**Spesifiserer om `<Drawer />` skal legges vises. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    isOpen?: boolean | undefined;
+    /**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    onClose?: (() => void) | undefined;
+    /**Spesifiserer hvilken DOM node `<Drawer />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
+    parentElement?: HTMLElement | undefined;
+    /**Custom props for breddehåndtering ved behov. */
+    widthProps?: WidthProps | undefined;
+    /**Ref til elementet som åpner `<Drawer />`.  **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
+    triggerRef?: RefObject<HTMLElement> | undefined;
+} & {
+    children?: ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type DrawerGroupProps = {
+    /**Barna til komponenten. */
+    children: ReactNode;
+    /**`id` til `<Drawer />`. */
+    drawerId?: string;
+    /**Ekstra logikk som kjøres når `<Drawer />` åpnes. */
+    onOpen?: () => void;
+    /**Ekstra logikk som kjøres når `<Drawer />` lukkes. */
+    onClose?: () => void;
+};
+declare const DrawerGroup: {
+    ({ children, drawerId, onOpen, onClose, }: DrawerGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PopoverSizeProps = {
+    width?: Property.Width<string>;
+    height?: Property.Height<string>;
+    minWidth?: Property.MinWidth<string>;
+    minHeight?: Property.MinHeight<string>;
+    maxWidth?: Property.MaxWidth<string>;
+    maxHeight?: Property.MaxHeight<string>;
+};
+type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Tittel. */
+    title?: string | ReactNode;
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
+    isOpen?: boolean;
+    /**Om lukkeknapp skal vises. */
+    withCloseButton?: boolean;
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
+    anchorElement?: HTMLElement;
+    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet. */
+    placement?: Placement;
+    /**Avstand fra anchor-elementet i px. */
+    offset?: number;
+    /** Ekstra logikk kjørt når lukkeknappen trykkes. */
+    onCloseButtonClick?: () => void;
+    /** Ekstra logikk kjørt når popover mister fokus. */
+    onBlur?: () => void;
+    /**Custom størrelse. */
+    sizeProps?: PopoverSizeProps;
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
+    onClose?: () => void;
+}>;
+declare const Popover: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /**Tittel. */
+    title?: string | ReactNode;
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
+    isOpen?: boolean | undefined;
+    /**Om lukkeknapp skal vises. */
+    withCloseButton?: boolean | undefined;
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
+    anchorElement?: HTMLElement | undefined;
+    /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet. */
+    placement?: Placement | undefined;
+    /**Avstand fra anchor-elementet i px. */
+    offset?: number | undefined;
+    /** Ekstra logikk kjørt når lukkeknappen trykkes. */
+    onCloseButtonClick?: (() => void) | undefined;
+    /** Ekstra logikk kjørt når popover mister fokus. */
+    onBlur?: (() => void) | undefined;
+    /**Custom størrelse. */
+    sizeProps?: PopoverSizeProps | undefined;
+    /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
+    onClose?: (() => void) | undefined;
+} & {
+    children?: ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type PopoverGroupProps = {
+    /**Callback når det trykkes på lukkeknappen. */
+    onCloseButtonClick?: () => void;
+    /** Callback når det trykkes på anchor-elementet (trigger-elementet). */
+    onTriggerClick?: () => void;
+    /**Forteller `<Popover />` om den skal være åpen.  */
+    isOpen?: boolean;
+    /** `id` til `<Popover />.` */
+    popoverId?: string;
+    /** Barna til wrapperen: anchor-element som det første og `<Popover />` so det adnre.  */
+    children: ReactNode;
+};
+declare const PopoverGroup: {
+    ({ isOpen, onCloseButtonClick, onTriggerClick, children, popoverId, }: PopoverGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type InputMessageType = 'error' | 'tip';
+type InputMessageProps = BaseComponentProps<HTMLDivElement, {
+    /** Meldingen som vises til brukeren. */
+    message: string;
+    /** Formålet med meldingen. Påvirker styling. */
+    messageType: InputMessageType;
+}>;
+declare const InputMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /** Meldingen som vises til brukeren. */
+    message: string;
+    /** Formålet med meldingen. Påvirker styling. */
+    messageType: InputMessageType;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const ToggleButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onBlur" | "onChange" | "defaultChecked" | "defaultValue" | "value" | "checked">, "className" | "id"> & {
+    label?: string | undefined;
+    icon?: _norges_domstoler_dds_icons.SvgIcon | undefined;
+} & CheckboxPickedHTMLAttributes & {
+    htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onBlur" | "onChange" | "defaultChecked" | "defaultValue" | "value" | "checked"> | undefined;
+} & react.RefAttributes<HTMLInputElement>>;
+
+type Direction = 'row' | 'column';
+type ToggleButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** Ledetekst for gruppen. */
+    label?: string;
+    /**Retningen barna legger seg i. */
+    direction?: Direction;
+    /** Custom `id` for ledetekst. Blir generert som default for å knytte ledetekst til gruppen.  */
+    labelId?: string;
+}>;
+declare const ToggleButtonGroup: {
+    (props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ToggleButtonProps = BaseComponentProps<HTMLInputElement, {
+    /**Ledetekst for inputelementet. */
+    label?: string;
+    /** Ikon. */
+    icon?: SvgIcon;
+} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
+
+type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** 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. */
+    tabContentDirection?: Direction$1;
+    /**Bredde for hele komponenten. */
+    width?: Property.Width;
+}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+declare const Tabs: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
+    /** 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 | undefined;
+    /** Ekstra logikk ved endring av aktiv fane. */
+    onChange?: ((index: number) => void) | undefined;
+    /** Retningen ikon og tekst vises i `<Tab />`-elementer. */
+    tabContentDirection?: Direction$1 | undefined;
+    /**Bredde for hele komponenten. */
+    width?: Property.Width<0 | (string & {})> | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
+    /**Spesifiserer om fanen er aktiv. */
+    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;
+} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
+declare const Tab: react.ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "className" | "id"> & {
+    /**Spesifiserer om fanen er aktiv. */
+    active?: boolean | undefined;
+    /** Ikon. */
+    icon?: SvgIcon | undefined;
+    /** Spesifiserer om `<Tab />` skal ha fokus. **OBS!** settes automatisk av forelder.*/
+    focus?: boolean | undefined;
+    /**  Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
+    setFocus?: Dispatch<SetStateAction<number>> | undefined;
+    /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
+    index?: number | undefined;
+} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+type TabListProps = HTMLAttributes<HTMLDivElement>;
+declare const TabList: react.ForwardRefExoticComponent<TabListProps & react.RefAttributes<HTMLDivElement>>;
+
+type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** Spesifiserer om panelet skal vises basert på aktiv fane. */
+    active?: boolean;
+}>;
+declare const TabPanel: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /** Spesifiserer om panelet skal vises basert på aktiv fane. */
+    active?: boolean | undefined;
+} & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type TabPanelsProps = HTMLAttributes<HTMLDivElement>;
+declare const TabPanels: react.ForwardRefExoticComponent<TabPanelsProps & react.RefAttributes<HTMLDivElement>>;
+
+type TagPurpose = 'success' | 'info' | 'danger' | 'warning' | 'default';
+type TagProps = BaseComponentProps<HTMLSpanElement, {
+    /**Tekst som vises i `<Tag />.` */
+    text?: string;
+    /**Formål med status eller kategorisering. Påvirker styling. */
+    purpose?: TagPurpose;
+}>;
+declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLSpanElement>, "className" | "id"> & {
+    /**Tekst som vises i `<Tag />.` */
+    text?: string | undefined;
+    /**Formål med status eller kategorisering. Påvirker styling. */
+    purpose?: TagPurpose | undefined;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLSpanElement> | undefined;
+} & react.RefAttributes<HTMLSpanElement>>;
+
+type ChipProps = BaseComponentProps<HTMLDivElement, {
+    /** Teksten som vises i komponenten. */
+    text?: string;
+    /** Ekstra logikk når `<Chip />` lukkes. */
+    onClose?: () => void;
+}>;
+declare const Chip: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /** Teksten som vises i komponenten. */
+    text?: string | undefined;
+    /** Ekstra logikk når `<Chip />` lukkes. */
+    onClose?: (() => void) | undefined;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type ChipGroupProps = HTMLAttributes<HTMLUListElement>;
+declare const ChipGroup: react.ForwardRefExoticComponent<ChipGroupProps & react.RefAttributes<HTMLUListElement>>;
+
+type VisuallyHiddenDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    as: 'div';
+}>;
+type VisuallyHiddenSpanProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
+    /**Spesifiserer hvilken HTML tag skal returneres. */
+    as: 'span';
+}>;
+type VisuallyHiddenProps = VisuallyHiddenSpanProps | VisuallyHiddenDivProps;
+declare const VisuallyHidden: {
+    (props: VisuallyHiddenProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ScrollbarProps = BaseComponentProps<HTMLDivElement, {
+    /** Ref til container med innholdet som skal scrolles. */
+    contentRef?: RefObject<HTMLDivElement>;
+}>;
+declare const Scrollbar: {
+    (props: ScrollbarProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
+type ScrollableContainerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Høyde på innholdscontainer. */
+    contentHeight?: Property.Height;
+}>;
+declare const ScrollableContainer: {
+    (props: ScrollableContainerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * CSS-in-JS scrollbar styling til bruk der det ikke passer å bruke dedikerte komponenter. Inkluderer styling for webkit pseudo-elementer og for Firefox.
+ */
+declare const scrollbarStyling: {
+    webkit: {
+        '&::-webkit-scrollbar': {
+            width: string;
+            height: string;
+        };
+        '&::-webkit-scrollbar-track': {
+            background: string;
+            borderRadius: string;
+        };
+        '&::-webkit-scrollbar-thumb': {
+            background: string;
+            borderRadius: string;
+        };
+    };
+    '&::-webkit-scrollbar-thumb:hover': {
+        background: string;
+    };
+    firefox: {
+        scrollbarColor: string;
+        scrollbarWidth: "thin";
+    };
+};
+
+type ToggleBarValue = string | number | null | undefined;
+type ToggleBarSize = 'tiny' | 'small' | 'medium' | 'large';
+type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Størrelse på komponenten. */
+    size?: ToggleBarSize;
+    /**Ledetekst for hele gruppen. */
+    label?: string;
+    /**Funksjonen for `onChange`-event for barna. */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value?: T) => void;
+    /**Den valgte verdien i gruppen. Hvis satt ved innlastning blir en `<ToggleRadio />` forhåndsvalgt. */
+    value?: T;
+    /** Gir alle barna samme `name` prop.*/
+    name?: string;
+    /**Bredden til komponenten. Bredden fordeles likt mellom barna.  */
+    width?: Property.Width;
+}>;
+
+declare const ToggleBar: {
+    <T extends string | number = string>(props: ToggleBarProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value' | 'onChange' | 'aria-label' | 'aria-labelledby'>;
+type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
+    /**Ledetekst som vises i komponenten. */
+    label?: string;
+    /**Ikonet som vises i komponenten. */
+    icon?: SvgIcon;
+} & PickedInputHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes>>;
+declare const ToggleRadio: react.ForwardRefExoticComponent<Pick<Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "aria-label" | "aria-labelledby" | "onChange" | "value" | "checked">, "className" | "id"> & {
+    /**Ledetekst som vises i komponenten. */
+    label?: string | undefined;
+    /**Ikonet som vises i komponenten. */
+    icon?: SvgIcon | undefined;
+} & PickedInputHTMLAttributes & {
+    htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "aria-label" | "aria-labelledby" | "onChange" | "value" | "checked"> | undefined;
+} & react.RefAttributes<HTMLInputElement>>;
+
+type RowGapGrid = BreakpointBasedProps<'rowGap'>;
+type MaxWidthGrid = BreakpointBasedProps<'maxWidth'>;
+type BaseGridProps = {
+    /**Maksimal bredde. Gjøres per brekkepunkt.  */
+    maxWidth?: MaxWidthGrid;
+    /** CSS `row-gap`. Gjøres per brekkepunkt. */
+    rowGap?: RowGapGrid;
+} & Pick<HTMLAttributes<HTMLElement>, 'style'>;
+type GridDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**HTML tag som returneres. */
+    as: 'div';
+} & BaseGridProps>;
+type GridFormProps = BaseComponentPropsWithChildren<HTMLFormElement, {
+    as: 'form';
+} & BaseGridProps>;
+type GridProps = GridDivProps | GridFormProps;
+declare const Grid: {
+    (props: GridProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const isRelativeGridColumn: (type: ColumnsOccupied | undefined) => type is RelativeColumnsOccupied;
+declare const isGridColumn: (type: ColumnsOccupied | undefined) => type is GridColumnPerScreenSize;
+type RelativeColumnsOccupied = 'all' | 'firstHalf' | 'secondHalf';
+type GridColumnPerScreenSize = BreakpointBasedProps<'gridColumn'>;
+type ColumnsOccupied = RelativeColumnsOccupied | GridColumnPerScreenSize;
+type GridChildProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**hvilke kolonner innholdet skal okkupere. Tar inn enten en string med relativ definisjon eller et objekt med egentilpassede `grid-column` CSS verdi definert for hver brekkepunkt. */
+    columnsOccupied?: ColumnsOccupied;
+    /**Plassering av innholdet på x-aksen. */
+    justifySelf?: Property.JustifySelf;
+    /**Hvilke rader innholdet skal okkupere. */
+    gridRow?: Property.GridRow;
+}> & Pick<HTMLAttributes<HTMLElement>, 'style'>;
+declare const GridChild: {
+    (props: GridChildProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type BaseItemProps = {
+    /** Om steget er valgt eller ikke. Settes av konsument. */
+    active?: boolean;
+    /** Om steget er ferdig eller ikke. Settes av konsument. */
+    completed?: boolean;
+    /** Om steget skal være disabled. Settes av konsument.
+     * @default false
+     */
+    disabled?: boolean;
+    /** Ikon som skal vises istedenfor stegnummeret. Settes av konument. */
+    icon?: SvgIcon;
+    /** Indeksen til steget. NB! Denne settes automatisk av `<ProgressTracker />` og skal ikke settes manuelt. */
+    index?: number;
+};
+type ProgressTrackerItemProps = ({
+    /** Click-handler som gjør det mulig for bruker å klikke på steget for å navigere. Valgfri. */
+    onClick: (index: number) => void;
+} & BaseComponentPropsWithChildren<HTMLButtonElement, BaseItemProps>) | ({
+    onClick?: undefined;
+} & BaseComponentPropsWithChildren<HTMLDivElement, BaseItemProps>);
+declare const ProgressTrackerItem: {
+    (props: ProgressTrackerItemProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** Indeksen til det aktive steget. */
+    activeStep?: number;
+    /** Ekstra logikk ved klikking på et steg. */
+    onStepChange?: (step: number) => void;
+}>;
+type ProgressTrackerComponent = ForwardRefExoticComponent<ProgressTrackerProps> & {
+    Item: typeof ProgressTrackerItem;
+};
+declare const ProgressTracker: ProgressTrackerComponent;
+
+type BaseInlineInputProps = {
+    /**Spesifiserer error state. Hvis `errorMessage` ikke brukes må inputfeltet knyttes med ARIA til en feilmelding som vises andre steder i applikasjonen. */
+    error?: boolean;
+    /**Feilmelding. Setter også error state. */
+    errorMessage?: string;
+    /** Bredde på komponenten. */
+    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. */
+    onChange?: () => void;
+    /**Ekstra callback ved `onFocus`-event. */
+    onFocus?: () => void;
+    /**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;
+
+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 InlineEditInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "width" | "onFocus" | "onBlur" | "onChange"> & Pick<InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & react.RefAttributes<HTMLInputElement>>;
+
+declare const StyledTextArea: styled_components.StyledComponent<"input", any, Pick<_norges_domstoler_dds_form.InputProps, "disabled" | "readOnly"> & {
+    hasErrorMessage: boolean;
+} & {
+    prefixLength?: number | undefined;
+    suffixLength?: number | undefined;
+} & Pick<_norges_domstoler_dds_form.InputProps, "componentSize">, never>;
+type TextAreaProps = CommonInputProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
+declare const TextArea: react.ForwardRefExoticComponent<CommonInputProps & TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
+
+type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
+type SplitButtonProps = {
+    /**Størrelse på komponenten. */
+    size?: ButtonSize;
+    /**Props for primær handling. Samme props som for `<Button />` unntatt `size`, `purpose`, og `appearance`. */
+    primaryAction: Omit<ButtonProps$1, 'size' | 'apperance' | 'purpose'>;
+    /**Props for sekunære handlinger. */
+    secondaryActions: OverflowMenuButtonItem[];
+    /**Formål med knappen */
+    purpose?: SplitButtonPurpose;
+};
+declare const SplitButton: react.ForwardRefExoticComponent<SplitButtonProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const stackTokens: {
+    spacing: {
+        'local-x0.125': string;
+        'local-x0.25': string;
+        'local-x0.5': string;
+        'local-x0.75': string;
+        'local-x1': string;
+        'local-x1.5': string;
+        'local-x2': string;
+        'local-x2.5': string;
+        'local-x3': string;
+        'layout-x1': string;
+        'layout-x1.5': string;
+        'layout-x2': string;
+        'layout-x3': string;
+        'layout-x4': string;
+        'layout-x6': string;
+        'layout-x10': string;
+    };
+};
+
+interface StackStyleProps {
+    /**
+     * Hvilken retning elementene skal plasseres i.
+     */
+    direction: 'horizontal' | 'vertical';
+    /**
+     * CSS `align-items`.
+     * @default 'center'
+     */
+    align?: StandardProperties['alignItems'];
+    /**
+     * CSS `justify-content`.
+     * @default 'flex-start'
+     */
+    justify?: StandardProperties['justifyContent'];
+    /**
+     * Hvilken spacing token som skal brukes som CSS `gap`.
+     */
+    gap?: keyof typeof stackTokens.spacing | 0;
+    /**
+     * Hvilken spacing token som skal brukes som CSS `padding`.
+     */
+    padding?: keyof typeof stackTokens.spacing | 0;
+}
+type StackProps = BaseComponentPropsWithChildren<HTMLDivElement, Omit<StackStyleProps, 'direction'>>;
+declare const HStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & Omit<StackStyleProps, "direction"> & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const VStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & Omit<StackStyleProps, "direction"> & {
+    children?: react.ReactNode;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type FileExtensionAccept = `.${string}`;
+type AnyMimeType = '*';
+type ImageMimeType = 'png' | 'jpeg' | 'bmp' | 'gif' | 'svg+xml' | 'tiff' | 'webp';
+type VideoMimeType = 'x-msvideo' | 'mp4' | 'mpeg' | 'ogg' | 'mp2t' | 'webm' | '3gpp' | '3gpp2';
+type AudioMimeType = 'aac' | 'midi' | 'x-midi' | 'mpeg' | 'ogg' | 'opus' | 'wav' | 'webm' | '3gpp' | '3gpp2';
+type ApplicationMimeType = 'octet-stream' | 'msword' | 'vnd.openxmlformats-officedocument.wordprocessingml.document' | 'epub+zip' | 'gzip' | 'java-archive' | 'json' | 'vnd.oasis.opendocument.presentation' | 'vnd.oasis.opendocument.spreadsheet' | 'vnd.oasis.opendocument.text' | 'pdf' | 'vnd.ms-powerpoint' | 'vnd.openxmlformats-officedocument.presentationml.presentation' | 'rtf' | 'x-sh' | 'x-tar' | 'vnd.visio' | 'xhtml+xml' | 'vnd.ms-excel' | 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'xml' | 'vnd.mozilla.xul+xml' | 'zip';
+type MimeType = `image/${ImageMimeType | AnyMimeType}` | `video/${VideoMimeType | AnyMimeType}` | `audio/${AudioMimeType | AnyMimeType}` | `application/${ApplicationMimeType}`;
+type Accept = MimeType | FileExtensionAccept;
+type FileList = File[];
+
+type FileUploaderHookProps = {
+    id: string | undefined;
+    /**Dersom komponenten skal styres internt. Utgangspunktet for filene som har blitt lastet opp. */
+    initialFiles: FileList | undefined;
+    /**Dersom komponenten styres utenfra. Filene som har blitt lastet opp. */
+    value: FileList | undefined;
+    /**Callback for når fil-listen endres. */
+    onChange: (newFiles: FileList) => void;
+    /**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
+    accept: Accept[] | undefined;
+    /**Om filopplasteren er avslått eller ikke */
+    disabled: boolean | undefined;
+    /**Maks antall filer som tillates. */
+    maxFiles: number | undefined;
+    /**Feilmelding. Setter også error state. */
+    errorMessage: string | undefined;
+};
+
+type FileUploaderProps = {
+    /**Id til filopplasteren. */
+    id?: string;
+    /**Ledetekst for filopplaster. */
+    label?: string;
+    /**Hjelpetekst. */
+    tip?: string;
+    /**Om det er påkrevd med minst en fil. */
+    required?: boolean;
+    /**Callback for når fil-listen endres. */
+    onChange: (newFiles: FileList) => void;
+    /**Bredde for filopplasteren. */
+    width?: Property.Width<string>;
+} & Partial<FileUploaderHookProps>;
+declare const FileUploader: {
+    (props: FileUploaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type EmptyContentProps = {
+    title?: string;
+    message: string;
+} & HTMLAttributes<HTMLDivElement>;
+declare function EmptyContent({ title, message, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
+declare namespace EmptyContent {
+    var displayName: string;
+}
+
+type BackLinkProps = {
+    label: string;
+    href: string;
+};
+declare const BackLink: react.ForwardRefExoticComponent<BackLinkProps & react.RefAttributes<HTMLElement>>;
+
+type FeedbackProps = {
+    /**Om knappene skal være plassert under eller ved siden av teksten. */
+    layout?: Layout;
+    /**Label som er plassert over tommel opp/ned knappene */
+    ratingLabel: string;
+    /**Label til fritekstfeltet når bruker har gitt tommel opp */
+    positiveFeedbackLabel?: string;
+    /**Label til fritekstfeltet når bruker har gitt tommel ned */
+    negativeFeedbackLabel?: string;
+    /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar */
+    ratingSubmittedTitle?: string;
+    /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar) */
+    submittedTitle?: string;
+    /**Om tommel opp eller ned er valgt. Brukes når komponenten skal være styrt utenfra. */
+    ratingValue?: Rating | null;
+    /**Verdien til fritekstfeltet. Brukes når komponenten skal være styrt utenfra. */
+    feedbackTextValue?: string;
+    /**Tooltip-teksten til tommel-opp-knappen*/
+    thumbUpTooltip?: string;
+    /**Tooltip-teksten til tommel-ned-knappen*/
+    thumbDownTooltip?: string;
+    /**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).*/
+    feedbackTextAreaExcluded?: boolean;
+    /**Om knappene skal vise spinner. Gjelder både tommel opp/ned knappene, og "send inn" knappen. */
+    loading?: boolean;
+    /**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
+    isSubmitted?: boolean;
+    /**Callback når bruker har gitt tommelrating */
+    onRating?: (rating: Rating) => void;
+    /**Callback når bruker skriver noe i fritekstfeltet */
+    onFeedbackTextChange?: (feedbackText: string) => void;
+    /**Callback når bruker sender inn feedback */
+    onSubmit?: (rating: Rating, feedbackText: string) => void;
+};
+type Rating = 'positive' | 'negative';
+type Layout = 'vertical' | 'horizontal';
+
+declare const Feedback: ({ layout, ratingLabel, positiveFeedbackLabel, negativeFeedbackLabel, ratingSubmittedTitle, submittedTitle, ratingValue: ratingProp, feedbackTextValue: feedbackTextProp, thumbUpTooltip, thumbDownTooltip, feedbackTextAreaExcluded, loading, isSubmitted: isSubmittedProp, onRating, onFeedbackTextChange, onSubmit, }: FeedbackProps) => react_jsx_runtime.JSX.Element;
+
+export { AppShell, AppShellProps, BackLink, BackLinkProps, Breadcrumb, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonAppearance, ButtonProps$1 as ButtonProps, ButtonPurpose, ButtonSize, Card, CardAccordion, CardAccordionBody, CardAccordionBodyProps, CardAccordionHeader, CardAccordionHeaderProps, CardAccordionProps, CardColor, CardProps, CardType, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxPickedHTMLAttributes, CheckboxProps, Chip, ChipGroup, ChipGroupProps, ChipProps, CollapsibleTable, CollapsibleTableProps, ColumnsOccupied, Container, Datepicker, DatepickerProps, DescriptionList, DescriptionListAppearance, DescriptionListDesc, DescriptionListDescProps, DescriptionListGroup, DescriptionListGroupProps, DescriptionListProps, DescriptionListTerm, DescriptionListTermProps, Divider, DividerColor, DividerProps, Drawer, DrawerGroup, DrawerGroupProps, DrawerPlacement, DrawerProps, DrawerSize, EmptyContent, EmptyContentProps, ExpandableCardProps, Feedback, FeedbackProps, FileUploader, GlobalMessage, GlobalMessageProps, GlobalMessagePurpose, Grid, GridChild, GridChildProps, GridProps, HStack, IconPosition, InfoCardProps, InlineEditInput, InlineEditInputProps, InlineEditTextArea, InlineEditTextAreaProps, InputMessage, InputMessageProps, InputMessageType, InternalHeader, InternalHeaderProps, Layout, List, ListItem, ListItemProps, ListProps, ListType, ListTypographyType, LocalMessage, LocalMessageLayout, LocalMessageProps, LocalMessagePurpose, Modal, ModalActions, ModalActionsProps, ModalBody, ModalBodyProps, ModalProps, NavigationCardProps, OverflowMenu, OverflowMenuButtonItem, OverflowMenuContextItem, OverflowMenuGroup, OverflowMenuGroupProps, OverflowMenuLinkItem, OverflowMenuList, OverflowMenuNavItem, OverflowMenuProps, Pagination, PaginationOption, PaginationProps, Popover, PopoverGroup, PopoverGroupProps, PopoverProps, PopoverSizeProps, ProgressTracker, RadioButton, RadioButtonGroup, RadioButtonGroupProps, RadioButtonProps, Rating, ScrollableContainer, ScrollableContainerProps, Scrollbar, ScrollbarProps, Search, SearchAutocompleteWrapperProps, SearchData, SearchProps, SearchSize, SearchSuggestionsProps, Select, SelectOption, SelectProps, SkipToContent, SkipToContentProps, SortOrder, Spinner, SpinnerProps, SplitButton, SplitButtonProps, SplitButtonPurpose, StackProps, StackStyleProps, StyledTextArea, Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Table, TableBodyProps, TableCellLayout, TableCellProps, TableCellType, TableDensity, TableFootProps, TableHeadProps, TableProps, TableRowProps, TableRowType, TableSortCellProps, Tabs, TabsProps, Tag, TagProps, TagPurpose, TextAffixProps, TextArea, TextAreaProps, TextInput, TextInputProps, ToggleBar, ToggleBarProps, ToggleBarSize, ToggleBarValue, ToggleButton, ToggleButtonGroup, ToggleButtonGroupProps, ToggleButtonProps, ToggleRadio, ToggleRadioProps, Tooltip, TooltipProps, VStack, VisuallyHidden, VisuallyHiddenProps, WeightedSearchData, WidthProps, createSelectOptions, isGridColumn, isRelativeGridColumn, scrollbarStyling };