@obosbbl/grunnmuren-react 3.0.15 → 3.1.0

package/dist/index.d.mts

@@ -1,61 +1,118 @@
-import { RouterProvider, ButtonProps as ButtonProps$1, LinkProps, ContextValue, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, ListBoxItemProps, ListBoxSectionProps, HeadingProps as HeadingProps$1, ComboBoxProps, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, SelectProps as SelectProps$1, TextFieldProps as TextFieldProps$1, NumberFieldProps as NumberFieldProps$1, BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, DisclosureProps as DisclosureProps$1, FileTriggerProps as FileTriggerProps$1, TextProps, LabelProps, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps, DialogProps as DialogProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TagProps as TagProps$1, TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, TabPanelProps as TabPanelProps$1, TableProps as TableProps$1, TableHeaderProps as TableHeaderProps$1, ColumnProps, TableBodyProps as TableBodyProps$1, RowProps, CellProps } from 'react-aria-components';
+import { DisclosureProps as DisclosureProps$1, ButtonProps as ButtonProps$1, DisclosureGroupProps, LinkProps, BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, ContextValue, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, HeadingProps as HeadingProps$1, ListBoxItemProps, ListBoxSectionProps, ComboBoxProps, FileTriggerProps as FileTriggerProps$1, RouterProvider, TextProps, LabelProps, DialogProps as DialogProps$1, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps, NumberFieldProps as NumberFieldProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, CellProps, ColumnProps, TableHeaderProps as TableHeaderProps$1, RowProps, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1 } from 'react-aria-components';
 export { ListBoxItemProps as ComboboxItemProps, Form, Group, LabelProps, ListBoxItemProps as SelectItemProps, DisclosureGroup as UNSAFE_DisclosureGroup, DisclosureGroupProps as UNSAFE_DisclosureGroupProps } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { Ref, HTMLProps, HTMLAttributes, ReactNode, RefAttributes, RefObject, Dispatch, SetStateAction, ComponentProps, JSX } from 'react';
+import { RefAttributes, HTMLAttributes, ComponentProps, Ref, HTMLProps, JSX, ReactNode, RefObject, Dispatch, SetStateAction } from 'react';
 import * as cva from 'cva';
 import { VariantProps } from 'cva';
-import { DateFormatterOptions } from 'react-aria';
 import { DisclosureState } from 'react-stately';
+import { DateFormatterOptions } from 'react-aria';
 import { FormValidationProps } from '@react-stately/form';
 
-type Locale = 'nb' | 'sv' | 'en';
-/**
- * Returns the locale set in `<GrunnmurenProvider />`
- */
-declare function _useLocale(): Locale;
-
-type RouterProviderProps = React.ComponentProps<typeof RouterProvider>;
-type GrunnmurenProviderProps = {
+declare const disclosureButtonVariants: (props?: ({
+    withChevron?: boolean | undefined;
+    isIconOnly?: boolean | undefined;
+} & ({
+    class?: cva.ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: cva.ClassValue;
+})) | undefined) => string;
+type DisclosureButtonProps = Omit<ButtonProps$1, 'children' | 'aria-expanded' | 'aria-controls'> & VariantProps<typeof disclosureButtonVariants> & {
     children: React.ReactNode;
-    /**
-     *  The locale to apply to the children.
-     *  @default nb
-     */
-    locale?: Locale;
-    /** The router to use for client side navigation */
-    navigate?: RouterProviderProps['navigate'];
-    /** Converts a router-specific href to a native HTML href, e.g. prepending a base path */
-    useHref?: RouterProviderProps['useHref'];
+} & RefAttributes<HTMLButtonElement>;
+declare const DisclosureButton: ({ className, withChevron, isIconOnly, children, ref: _ref, ...restProps }: DisclosureButtonProps) => react_jsx_runtime.JSX.Element;
+type DisclosureProps = DisclosureProps$1 & RefAttributes<HTMLDivElement> & {
+    className?: string;
 };
-declare function GrunnmurenProvider({ children, locale, navigate, useHref, }: GrunnmurenProviderProps): react_jsx_runtime.JSX.Element;
+declare const DisclosureStateContext: react.Context<DisclosureState | null>;
+declare const Disclosure: ({ ref: _ref, children, ..._props }: DisclosureProps) => react_jsx_runtime.JSX.Element;
+type DisclosurePanelProps = Omit<HTMLAttributes<HTMLDivElement>, 'role'> & {
+    children: React.ReactNode;
+    role?: 'group' | 'region' | 'none';
+} & RefAttributes<HTMLDivElement>;
+declare const DisclosurePanel: ({ ref, children, ...props }: DisclosurePanelProps) => react_jsx_runtime.JSX.Element;
 
-type AccordionProps = {
+type AccordionProps = DisclosureGroupProps & {
     children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-    /** Ref to the element. */
-    ref?: Ref<HTMLDivElement>;
+    /** Whether multiple accordion items can be expanded at the same time. Default is true */
+    allowsMultipleExpanded?: boolean;
 };
-type AccordionItemProps = {
+type AccordionItemProps = DisclosureProps & {
     children?: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-    /** Whether the accordion is open (controlled) */
+    /** @deprecated use isExpanded instead */
     isOpen?: boolean;
-    /** Whether the accordion is open by default (uncontrolled) */
+    /** @deprecated use defaultExpanded instead */
     defaultOpen?: boolean;
-    /** Handler that is called when the accordion's open state changes */
+    /** @deprecated use onExpandedChange instead */
     onOpenChange?: (isOpen: boolean) => void;
-    ref?: Ref<HTMLDivElement>;
 };
 declare function Accordion(props: AccordionProps): react_jsx_runtime.JSX.Element;
 declare function AccordionItem(props: AccordionItemProps): react_jsx_runtime.JSX.Element;
 
+declare const alertVariants: (props?: ({
+    variant?: "info" | "success" | "warning" | "danger" | undefined;
+} & ({
+    class?: cva.ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: cva.ClassValue;
+})) | undefined) => string;
+type Props = VariantProps<typeof alertVariants> & {
+    children: React.ReactNode;
+    /**
+     * The ARIA role for the alertbox.
+     */
+    role: 'alert' | 'status' | 'none';
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Overrides the default icon for the alertbox variant. Should be used sparingly as the default icons are visually connected to the color of the variant. */
+    icon?: React.ComponentType;
+    /**
+     * Controls if the alert is expandable or not
+     * @default false
+     */
+    isExpandable?: boolean;
+    /**
+     * Controls if the alert can be dismissed with a close button.
+     * @default false
+     */
+    isDismissable?: boolean;
+    /**
+     * Controls if the alert is rendered or not.
+     * This is used to control the open/closed state of the component; make the component "controlled".
+     * @default false
+     */
+    isDismissed?: boolean;
+    /**
+     * Callback that should be triggered when a dismissable alert is closed.
+     * This is used to control the open/closed state of the component; make the component "controlled".
+     */
+    onDismiss?: () => void;
+};
+declare const Alertbox: ({ children, role, className, icon, variant, isDismissable, isDismissed, onDismiss, isExpandable, }: Props) => react_jsx_runtime.JSX.Element | undefined;
+
+type AvatarProps = ComponentProps<'img'>;
+declare const Avatar: ({ src, alt, className, onError, loading, ...rest }: AvatarProps) => react_jsx_runtime.JSX.Element;
+
+type ButtonOrLinkProps$1 = {
+    children?: React.ReactNode;
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Determines whether to use an anchor or a button for the Backlink */
+    href?: LinkProps['href'];
+    /** To add a permanent underline on the link (not only on hover)
+     * @default false
+     */
+    withUnderline?: boolean;
+    /** Ref to the element. */
+    ref?: Ref<HTMLAnchorElement | HTMLButtonElement>;
+};
+type BacklinkProps = (ButtonProps$1 | LinkProps) & ButtonOrLinkProps$1;
+declare function Backlink(props: BacklinkProps): react_jsx_runtime.JSX.Element;
+
 type BadgeProps = VariantProps<typeof badgeVariants> & {
     children?: React.ReactNode;
     /** Additional CSS className for the element. */
@@ -75,12 +132,35 @@ declare const badgeVariants: (props?: ({
 })) | undefined) => string;
 declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
 
+type BreadcrumbProps = {
+    /** Additional CSS className for the element. */
+    className?: string;
+    children?: React.ReactNode;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+    /** The URL to navigate to when clicking the breadcrumb. */
+    href?: LinkProps['href'];
+    /** Ref to the element. */
+    ref?: Ref<HTMLLIElement>;
+} & Omit<BreadcrumbProps$1, 'className' | 'style'>;
+declare function Breadcrumb(props: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+
+type BreadcrumbsProps = {
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+    /** Ref to the element. */
+    ref?: Ref<HTMLOListElement>;
+} & Omit<BreadcrumbsProps$1<BreadcrumbProps>, 'className' | 'style'>;
+declare function Breadcrumbs(props: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Figma: https://www.figma.com/file/9OvSg0ZXI5E1eQYi7AWiWn/Grunnmuren-2.0-%E2%94%82-Designsystem?node-id=30%3A2574&mode=dev
  */
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | undefined;
-    color?: "mint" | "white" | "blue" | undefined;
+    color?: "blue" | "mint" | "white" | undefined;
     isIconOnly?: boolean | undefined;
     isPending?: boolean | undefined;
 } & ({
@@ -90,7 +170,7 @@ declare const buttonVariants: (props?: ({
     class?: never;
     className?: cva.ClassValue;
 })) | undefined) => string;
-type ButtonOrLinkProps$1 = VariantProps<typeof buttonVariants> & {
+type ButtonOrLinkProps = VariantProps<typeof buttonVariants> & {
     children?: React.ReactNode;
     href?: LinkProps['href'];
     /** Additional style properties for the element. */
@@ -98,10 +178,69 @@ type ButtonOrLinkProps$1 = VariantProps<typeof buttonVariants> & {
     /** Ref to the element. */
     ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
 };
-type ButtonProps = (ButtonProps$1 | LinkProps) & ButtonOrLinkProps$1;
+type ButtonProps = (ButtonProps$1 | LinkProps) & ButtonOrLinkProps;
 declare const ButtonContext: react.Context<ContextValue<ButtonProps, HTMLButtonElement | HTMLAnchorElement>>;
 declare function Button({ ref, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
+type CardProps = VariantProps<typeof cardVariants> & HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+};
+declare const cardVariants: (props?: ({
+    variant?: "subtle" | "outlined" | undefined;
+    layout?: "vertical" | "horizontal" | undefined;
+} & ({
+    class?: cva.ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: cva.ClassValue;
+})) | undefined) => string;
+declare const Card: ({ children, className, variant, layout, ...restProps }: CardProps) => react_jsx_runtime.JSX.Element;
+type CardLinkWrapperProps = {
+    children?: React.ReactNode;
+    className?: string;
+} & {
+    [K in keyof Omit<LinkProps, 'className' | 'children'>]?: never;
+};
+type CardLinkProps = (Omit<LinkProps, 'href'> & Required<Pick<LinkProps, 'href'>>) | CardLinkWrapperProps;
+/**
+ * A component that creates a clickable area on a card.
+ * It can be used either as a wrapper around a link or as a standalone link.
+ */
+declare const CardLink: ({ className: _className, href, ...restProps }: CardLinkProps) => react_jsx_runtime.JSX.Element;
+
+type CarouselProps = Omit<HTMLProps<HTMLDivElement>, 'onChange'> & {
+    /** The <CarouselItem/> components to be displayed within the carousel. */
+    children: React.ReactNode;
+    /**
+     * Callback that is triggered when a user navigates to new item in the Carousel.
+     * The argument to the callback is an object containing `index` of the new item scrolled into view and the `id` of that item (if set on the `<CarouselItem>`)
+     * It also provides `prevIndex` which is the index of the previous item that was in view
+     * And `prevId`, which is the id of the previous item that was in view (if set on the `<CarouselItem>`)
+     * @param item { index: number; id?: string; prevIndex: number; prevId?: string }
+     */
+    onChange?: (item: CarouselItem) => void;
+};
+declare const Carousel: ({ className, children, onChange, ...rest }: CarouselProps) => react_jsx_runtime.JSX.Element;
+type CarouselItemsProps = HTMLProps<HTMLDivElement> & {
+    /** The <CarouselItem/> components to be displayed within the carousel. */
+    children: React.ReactNode;
+};
+declare const CarouselItems: ({ className, children }: CarouselItemsProps) => react_jsx_runtime.JSX.Element;
+type CarouselItemProps = HTMLProps<HTMLDivElement> & {
+    /** The component/components to display as the <CarouselItem/>. */
+    children: JSX.Element | JSX.Element[];
+};
+type CarouselItem = Pick<CarouselItemProps, 'id'> & {
+    /** The index of the item that is currently in view */
+    index: number;
+    /** The index of the previous item that was in view */
+    prevIndex: number;
+    /** The id of the previous item that was in view */
+    prevId?: CarouselItemProps['id'];
+};
+declare const CarouselItem: ({ className, children, id }: CarouselItemProps) => react_jsx_runtime.JSX.Element;
+
 type CheckboxProps = {
     children: React.ReactNode;
     /** Additional CSS className for the element. */
@@ -168,219 +307,38 @@ type ComboboxProps<T extends object> = {
 } & Omit<ComboBoxProps<T>, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
 declare function Combobox<T extends object>(props: ComboboxProps<T>): react_jsx_runtime.JSX.Element;
 
-type RadioGroupProps = {
+type HeadingProps = Omit<HTMLProps<HTMLHeadingElement>, 'size'> & VariantProps<typeof headingVariants> & {
+    children?: React.ReactNode;
+    /** The semantic level of the heading */
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    /** @private Used internally for slotted components */
+    _innerWrapper?: (children: React.ReactNode) => React.ReactNode;
+    /** @private Used internally for slotted components */
+    _outerWrapper?: (children: React.ReactNode) => React.ReactNode;
+    /** Ref for the element. */
+    ref?: Ref<HTMLHeadingElement>;
+};
+declare const HeadingContext: react.Context<ContextValue<Partial<HeadingProps>, HTMLHeadingElement>>;
+declare const headingVariants: (props?: ({
+    size?: "s" | "xl" | "l" | "m" | "xs" | undefined;
+} & ({
+    class?: cva.ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: cva.ClassValue;
+})) | undefined) => string;
+declare const Heading: ({ ref, ...props }: HeadingProps) => string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | null | undefined;
+declare const ContentContext: react.Context<ContextValue<Partial<ContentProps>, HTMLDivElement>>;
+type ContentProps = HTMLProps<HTMLDivElement> & {
     children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Label for the form control. */
-    label?: React.ReactNode;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
+    /** @private Used internally for slotted components */
+    _outerWrapper?: (children: React.ReactNode) => React.ReactNode;
     /** Ref for the element. */
     ref?: Ref<HTMLDivElement>;
-} & Omit<RadioGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
-declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
-
-type RadioProps = {
-    children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-    /** Ref for the element. */
-    ref?: Ref<HTMLLabelElement>;
-} & Omit<RadioProps$1, 'isDisabled' | 'children' | 'style'>;
-declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
-
-type SelectProps<T extends object> = {
-    children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Label for the form control. */
-    label?: React.ReactNode;
-    /** Placeholder text. Only visible when the input value is empty. */
-    placeholder?: string;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-    /** Ref for the button element. */
-    ref?: Ref<HTMLButtonElement>;
-} & Omit<SelectProps$1<T>, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
-declare function Select<T extends object>(props: SelectProps<T>): react_jsx_runtime.JSX.Element;
-
-type TextAreaProps = {
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Label for the form control. */
-    label?: React.ReactNode;
-    /** Placeholder text. Only visible when the input value is empty. */
-    placeholder?: string;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-    /**
-     * The number of visible text lines for the control.
-     * @default 2
-     */
-    rows?: number;
-    /** Ref for the textarea element. */
-    ref?: Ref<HTMLTextAreaElement>;
-} & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
-declare function TextArea(props: TextAreaProps): react_jsx_runtime.JSX.Element;
-
-type TextFieldProps = {
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Element to be rendered in the left side of the input. */
-    leftAddon?: React.ReactNode;
-    /** Label for the form control. */
-    label?: React.ReactNode;
-    /** Element to be rendered in the right side of the input. */
-    rightAddon?: React.ReactNode;
-    /** Placeholder text. Only visible when the input value is empty. */
-    placeholder?: string;
-    /**
-     * Text alignment of the input
-     * @default left
-     */
-    textAlign?: 'left' | 'right';
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-    /** Add a divider between the left/right addons and the input, a value of 0 will be ignored */
-    withAddonDivider?: boolean;
-    /** Defines the number of characters and determines the width of the input element */
-    size?: number;
-    /** Ref for the input element. */
-    ref?: Ref<HTMLInputElement>;
-} & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
-declare function TextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;
-
-type NumberFieldProps = {
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Element to be rendered in the left side of the input. */
-    leftAddon?: React.ReactNode;
-    /** Label for the form control. */
-    label?: React.ReactNode;
-    /** Element to be rendered in the right side of the input. */
-    rightAddon?: React.ReactNode;
-    /** Placeholder text. Only visible when the input value is empty. */
-    placeholder?: string;
-    /**
-     * Text alignment of the input
-     * @default left
-     */
-    textAlign?: 'left' | 'right';
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-    /** Add a divider between the left/right addons and the input */
-    withAddonDivider?: boolean;
-    /** Defines the number of characters and determines the width of the input element, a value of 0 will be ignored */
-    size?: number;
-    /** Defines the maximum numeric value */
-    maxValue?: number;
-    /** Defines the minimum numeric value */
-    minValue?: number;
-    /** Ref for the input element. */
-    ref?: Ref<HTMLInputElement>;
-} & Omit<NumberFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'hideStepper'>;
-declare function NumberField(props: NumberFieldProps): react_jsx_runtime.JSX.Element;
-
-declare const alertVariants: (props?: ({
-    variant?: "info" | "success" | "warning" | "danger" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-type Props = VariantProps<typeof alertVariants> & {
-    children: React.ReactNode;
-    /**
-     * The ARIA role for the alertbox.
-     */
-    role: 'alert' | 'status' | 'none';
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Overrides the default icon for the alertbox variant. Should be used sparingly as the default icons are visually connected to the color of the variant. */
-    icon?: React.ComponentType;
-    /**
-     * Controls if the alert is expandable or not
-     * @default false
-     */
-    isExpandable?: boolean;
-    /**
-     * Controls if the alert can be dismissed with a close button.
-     * @default false
-     */
-    isDismissable?: boolean;
-    /**
-     * Controls if the alert is rendered or not.
-     * This is used to control the open/closed state of the component; make the component "controlled".
-     * @default false
-     */
-    isDismissed?: boolean;
-    /**
-     * Callback that should be triggered when a dismissable alert is closed.
-     * This is used to control the open/closed state of the component; make the component "controlled".
-     */
-    onDismiss?: () => void;
-};
-declare const Alertbox: ({ children, role, className, icon, variant, isDismissable, isDismissed, onDismiss, isExpandable, }: Props) => react_jsx_runtime.JSX.Element | undefined;
-
-type HeadingProps = Omit<HTMLProps<HTMLHeadingElement>, 'size'> & VariantProps<typeof headingVariants> & {
-    children?: React.ReactNode;
-    /** The semantic level of the heading */
-    level: 1 | 2 | 3 | 4 | 5 | 6;
-    /** @private Used internally for slotted components */
-    _innerWrapper?: (children: React.ReactNode) => React.ReactNode;
-    /** @private Used internally for slotted components */
-    _outerWrapper?: (children: React.ReactNode) => React.ReactNode;
-    /** Ref for the element. */
-    ref?: Ref<HTMLHeadingElement>;
-};
-declare const HeadingContext: react.Context<ContextValue<Partial<HeadingProps>, HTMLHeadingElement>>;
-declare const headingVariants: (props?: ({
-    size?: "s" | "xl" | "l" | "m" | "xs" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-declare const Heading: ({ ref, ...props }: HeadingProps) => string | number | bigint | boolean | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
-declare const ContentContext: react.Context<ContextValue<Partial<ContentProps>, HTMLDivElement>>;
-type ContentProps = HTMLProps<HTMLDivElement> & {
-    children: React.ReactNode;
-    /** @private Used internally for slotted components */
-    _outerWrapper?: (children: React.ReactNode) => React.ReactNode;
-    /** Ref for the element. */
-    ref?: Ref<HTMLDivElement>;
-};
-declare const Content: ({ ref, ...props }: ContentProps) => string | number | bigint | boolean | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
-type MediaProps = HTMLProps<HTMLDivElement> & VariantProps<typeof mediaVariant> & {
+};
+declare const Content: ({ ref, ...props }: ContentProps) => string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | null | undefined;
+type MediaProps = HTMLProps<HTMLDivElement> & VariantProps<typeof mediaVariant> & {
     children: React.ReactNode;
     /** Ref for the element. */
     ref?: Ref<HTMLDivElement>;
@@ -405,72 +363,6 @@ type CaptionProps = HTMLProps<HTMLDivElement> & {
 declare const Caption: ({ className, ...restProps }: CaptionProps) => react_jsx_runtime.JSX.Element;
 declare const Footer: (props: FooterProps) => react_jsx_runtime.JSX.Element;
 
-type BreadcrumbProps = {
-    /** Additional CSS className for the element. */
-    className?: string;
-    children?: React.ReactNode;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-    /** The URL to navigate to when clicking the breadcrumb. */
-    href?: LinkProps['href'];
-    /** Ref to the element. */
-    ref?: Ref<HTMLLIElement>;
-} & Omit<BreadcrumbProps$1, 'className' | 'style'>;
-declare function Breadcrumb(props: BreadcrumbProps): react_jsx_runtime.JSX.Element;
-
-type BreadcrumbsProps = {
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-    /** Ref to the element. */
-    ref?: Ref<HTMLOListElement>;
-} & Omit<BreadcrumbsProps$1<BreadcrumbProps>, 'className' | 'style'>;
-declare function Breadcrumbs(props: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
-
-type ButtonOrLinkProps = {
-    children?: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Determines whether to use an anchor or a button for the Backlink */
-    href?: LinkProps['href'];
-    /** To add a permanent underline on the link (not only on hover)
-     * @default false
-     */
-    withUnderline?: boolean;
-    /** Ref to the element. */
-    ref?: Ref<HTMLAnchorElement | HTMLButtonElement>;
-};
-type BacklinkProps = (ButtonProps$1 | LinkProps) & ButtonOrLinkProps;
-declare function Backlink(props: BacklinkProps): react_jsx_runtime.JSX.Element;
-
-type CardProps = VariantProps<typeof cardVariants> & HTMLAttributes<HTMLDivElement> & {
-    children?: React.ReactNode;
-};
-declare const cardVariants: (props?: ({
-    variant?: "subtle" | "outlined" | undefined;
-    layout?: "horizontal" | "vertical" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-declare const Card: ({ children, className, variant, layout, ...restProps }: CardProps) => react_jsx_runtime.JSX.Element;
-type CardLinkWrapperProps = {
-    children?: React.ReactNode;
-    className?: string;
-} & {
-    [K in keyof Omit<LinkProps, 'className' | 'children'>]?: never;
-};
-type CardLinkProps = (Omit<LinkProps, 'href'> & Required<Pick<LinkProps, 'href'>>) | CardLinkWrapperProps;
-/**
- * A component that creates a clickable area on a card.
- * It can be used either as a wrapper around a link or as a standalone link.
- */
-declare const CardLink: ({ className: _className, href, ...restProps }: CardLinkProps) => react_jsx_runtime.JSX.Element;
-
 type DateFormatterProps = {
     value: Date | string;
     options?: DateFormatterOptions;
@@ -484,47 +376,6 @@ type DateFormatterProps = {
  */
 declare const DateFormatter: ({ options: _options, value, children: render, }: DateFormatterProps) => ReactNode;
 
-type VideoLoopProps = {
-    /** The video url */
-    src: string;
-    /** The video format */
-    format: string;
-    /**
-     * The content of the video must have a text description, so that it is accessible to screen readers.
-     * You can either provide just a caption, just an alt text, or both a caption and an alt text.
-     * Make sure the alt text doesn't repeat too much of the caption text, if so just a caption is sufficent.
-     * Think of this just as an alt text, but for a muted video - this text will not be visible, but read by screen readers.
-     * */
-    alt?: string;
-    className?: string;
-};
-declare const VideoLoop: ({ src, format, alt, className }: VideoLoopProps) => react_jsx_runtime.JSX.Element;
-
-declare const disclosureButtonVariants: (props?: ({
-    withChevron?: boolean | undefined;
-    isIconOnly?: boolean | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-type DisclosureButtonProps = Omit<ButtonProps$1, 'children' | 'aria-expanded' | 'aria-controls'> & VariantProps<typeof disclosureButtonVariants> & {
-    children: React.ReactNode;
-} & RefAttributes<HTMLButtonElement>;
-declare const DisclosureButton: ({ className, withChevron, isIconOnly, children, ref: _ref, ...restProps }: DisclosureButtonProps) => react_jsx_runtime.JSX.Element;
-type DisclosureProps = DisclosureProps$1 & RefAttributes<HTMLDivElement> & {
-    className?: string;
-};
-declare const DisclosureStateContext: react.Context<DisclosureState | null>;
-declare const Disclosure: ({ ref: _ref, children, ..._props }: DisclosureProps) => react_jsx_runtime.JSX.Element;
-type DisclosurePanelProps = Omit<HTMLAttributes<HTMLDivElement>, 'role'> & {
-    children: React.ReactNode;
-    role?: 'group' | 'region' | 'none';
-} & RefAttributes<HTMLDivElement>;
-declare const DisclosurePanel: ({ ref, children, ...props }: DisclosurePanelProps) => react_jsx_runtime.JSX.Element;
-
 type FileTriggerProps = Partial<FormValidationProps<File>> & FileTriggerProps$1 & Omit<HTMLAttributes<HTMLInputElement>, 'onSelect' | 'onChange' | 'required' | 'className'> & {
     ref?: RefObject<HTMLInputElement | null>;
     isInvalid?: boolean;
@@ -542,6 +393,41 @@ type FileUploadProps = Omit<FileTriggerProps, 'onSelect'> & {
 };
 declare const FileUpload: ({ children, files: _files, onChange, validate, isInvalid: _isInvalid, errorMessage, isRequired, allowsMultiple, ref, ...fileTriggerProps }: FileUploadProps) => react_jsx_runtime.JSX.Element;
 
+type Locale = 'nb' | 'sv' | 'en';
+/**
+ * Returns the locale set in `<GrunnmurenProvider />`
+ */
+declare function _useLocale(): Locale;
+
+type RouterProviderProps = React.ComponentProps<typeof RouterProvider>;
+type GrunnmurenProviderProps = {
+    children: React.ReactNode;
+    /**
+     *  The locale to apply to the children.
+     *  @default nb
+     */
+    locale?: Locale;
+    /** The router to use for client side navigation */
+    navigate?: RouterProviderProps['navigate'];
+    /** Converts a router-specific href to a native HTML href, e.g. prepending a base path */
+    useHref?: RouterProviderProps['useHref'];
+};
+declare function GrunnmurenProvider({ children, locale, navigate, useHref, }: GrunnmurenProviderProps): react_jsx_runtime.JSX.Element;
+
+type HeroProps = HTMLProps<HTMLDivElement> & VariantProps<typeof variants> & {
+    children: React.ReactNode;
+};
+declare const variants: (props?: ({
+    variant?: "standard" | "full-bleed" | "two-column" | undefined;
+} & ({
+    class?: cva.ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: cva.ClassValue;
+})) | undefined) => string;
+declare const Hero: ({ variant, className, children, ...rest }: HeroProps) => react_jsx_runtime.JSX.Element;
+
 type DescriptionProps = TextProps;
 declare function Description(props: DescriptionProps): react_jsx_runtime.JSX.Element;
 
@@ -550,8 +436,24 @@ declare function ErrorMessage(props: ErrorMessageProps): react_jsx_runtime.JSX.E
 
 declare function Label(props: LabelProps): react_jsx_runtime.JSX.Element;
 
-type AvatarProps = ComponentProps<'img'>;
-declare const Avatar: ({ src, alt, className, onError, loading, ...rest }: AvatarProps) => react_jsx_runtime.JSX.Element;
+type CustomLinkProps = LinkProps & {
+    children: ReactNode;
+};
+/**
+ * A basic link component that extends react-aria-components Link with consistent styling.
+ * Provides accessible focus styles and maintains design system consistency.
+ */
+declare const CustomLink: ({ children, className, ...restProps }: CustomLinkProps) => react_jsx_runtime.JSX.Element;
+
+type LinkListProps = React.HTMLProps<HTMLDivElement> & {
+    children: JSX.Element | JSX.Element[];
+};
+declare const LinkList: ({ className, children, ...restProps }: LinkListProps) => react_jsx_runtime.JSX.Element;
+type LinkListItemProps = LinkProps & {
+    children: ReactNode;
+    isExternal?: boolean;
+};
+declare const LinkListItem: ({ children, isExternal, className, ...restProps }: LinkListItemProps) => react_jsx_runtime.JSX.Element;
 
 type DialogTriggerProps = DialogTriggerProps$1;
 declare const DialogTrigger: (props: DialogTriggerProps) => react_jsx_runtime.JSX.Element;
@@ -562,99 +464,127 @@ type DialogProps = DialogProps$1 & {
 };
 declare const Dialog: ({ className, children, ...restProps }: DialogProps) => react_jsx_runtime.JSX.Element;
 
-type TagGroupProps = Omit<TagGroupProps$1, 'className'> & RefAttributes<HTMLDivElement> & {
+type NumberFieldProps = {
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Error message for the form control. Automatically sets `isInvalid` to true */
+    errorMessage?: React.ReactNode;
+    /** Element to be rendered in the left side of the input. */
+    leftAddon?: React.ReactNode;
+    /** Label for the form control. */
+    label?: React.ReactNode;
+    /** Element to be rendered in the right side of the input. */
+    rightAddon?: React.ReactNode;
+    /** Placeholder text. Only visible when the input value is empty. */
+    placeholder?: string;
     /**
-     * CSS classes to apply to the tag group
+     * Text alignment of the input
+     * @default left
      */
+    textAlign?: 'left' | 'right';
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+    /** Add a divider between the left/right addons and the input */
+    withAddonDivider?: boolean;
+    /** Defines the number of characters and determines the width of the input element, a value of 0 will be ignored */
+    size?: number;
+    /** Defines the maximum numeric value */
+    maxValue?: number;
+    /** Defines the minimum numeric value */
+    minValue?: number;
+    /** Ref for the input element. */
+    ref?: Ref<HTMLInputElement>;
+} & Omit<NumberFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'hideStepper'>;
+declare function NumberField(props: NumberFieldProps): react_jsx_runtime.JSX.Element;
+
+type RadioProps = {
+    children: React.ReactNode;
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+    /** Ref for the element. */
+    ref?: Ref<HTMLLabelElement>;
+} & Omit<RadioProps$1, 'isDisabled' | 'children' | 'style'>;
+declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
+
+type RadioGroupProps = {
+    children: React.ReactNode;
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Error message for the form control. Automatically sets `isInvalid` to true */
+    errorMessage?: React.ReactNode;
+    /** Label for the form control. */
+    label?: React.ReactNode;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+    /** Ref for the element. */
+    ref?: Ref<HTMLDivElement>;
+} & Omit<RadioGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
+declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
+
+type SelectProps<T extends object> = {
+    children: React.ReactNode;
+    /** Additional CSS className for the element. */
     className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Error message for the form control. Automatically sets `isInvalid` to true */
+    errorMessage?: React.ReactNode;
+    /** Label for the form control. */
+    label?: React.ReactNode;
+    /** Placeholder text. Only visible when the input value is empty. */
+    placeholder?: string;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+    /** Ref for the button element. */
+    ref?: Ref<HTMLButtonElement>;
+} & Omit<SelectProps$1<T>, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
+declare function Select<T extends object>(props: SelectProps<T>): react_jsx_runtime.JSX.Element;
+
+type TableProps = Omit<TableProps$1, 'aria-label' | 'aria-labelledby'> & RefAttributes<HTMLTableElement> & {
     /**
-     * The function to call when the tag is removed
-     */
-    onRemove?: (key: React.Key) => void;
-    /**
-     * The selection mode for the tag group
-     * @default "single"
-     */
-    selectionMode?: 'single' | 'multiple';
-};
-type TagListProps = Omit<TagListProps$1<object>, 'className'> & RefAttributes<HTMLDivElement> & {
-    /**
-     * CSS classes to apply to the tag list
+     * Visual variant of the table
+     * @default 'default'
      */
-    className?: string;
+    variant?: 'default' | 'zebra-striped';
+} & ({
+    'aria-label': string;
+    'aria-labelledby'?: never;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby': string;
+});
+type TableHeaderProps = TableHeaderProps$1<object> & RefAttributes<HTMLTableSectionElement>;
+type TableColumnProps = ColumnProps & RefAttributes<HTMLTableCellElement> & {
+    children: React.ReactNode;
 };
-type TagProps = Omit<TagProps$1, 'className'> & RefAttributes<HTMLDivElement> & {
+type TableBodyProps = TableBodyProps$1<object> & RefAttributes<HTMLTableSectionElement>;
+type TableRowProps = RowProps<object> & RefAttributes<HTMLTableRowElement>;
+type TableCellProps = CellProps & RefAttributes<HTMLTableCellElement> & {
     children: React.ReactNode;
-    /**
-     * CSS classes to apply to the tag
-     */
-    className?: string;
 };
 /**
- * A group component for Tag components that enables selection and organization of options.
+ * A container component for displaying tabular data with horizontal scrolling support.
  */
-declare function TagGroup(props: TagGroupProps): react_jsx_runtime.JSX.Element;
+declare function Table(props: TableProps): react_jsx_runtime.JSX.Element;
 /**
- * A container component for Tag components within a TagGroup.
+ * Container for table column headers.
  */
-declare function TagList(props: TagListProps): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ className, children, ...restProps }: TableHeaderProps): react_jsx_runtime.JSX.Element;
+declare function TableColumn(props: TableColumnProps): react_jsx_runtime.JSX.Element;
 /**
- * Interactive tag component for selections, filtering, and categorization.
+ * Container for table rows.
  */
-declare function Tag(props: TagProps): react_jsx_runtime.JSX.Element;
-
-type HeroProps = HTMLProps<HTMLDivElement> & VariantProps<typeof variants> & {
-    children: React.ReactNode;
-};
-declare const variants: (props?: ({
-    variant?: "standard" | "full-bleed" | "two-column" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-declare const Hero: ({ variant, className, children }: HeroProps) => react_jsx_runtime.JSX.Element;
-
-type CarouselProps = {
-    /** The <CarouselItem/> components to be displayed within the carousel. */
-    children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /**
-     * Callback that is triggered when a user navigates to new item in the Carousel.
-     * The argument to the callback is an object containing `index` of the new item scrolled into view and the `id` of that item (if set on the `<CarouselItem>`)
-     * It also provides `prevIndex` which is the index of the previous item that was in view
-     * And `prevId`, which is the id of the previous item that was in view (if set on the `<CarouselItem>`)
-     * @param item { index: number; id?: string; prevIndex: number; prevId?: string }
-     */
-    onChange?: (item: CarouselItem) => void;
-};
-declare const Carousel: ({ className, children, onChange }: CarouselProps) => react_jsx_runtime.JSX.Element;
-type CarouselItemsProps = {
-    /** The <CarouselItem/> components to be displayed within the carousel. */
-    children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-};
-declare const CarouselItems: ({ className, children }: CarouselItemsProps) => react_jsx_runtime.JSX.Element;
-type CarouselItemProps = {
-    /** The component/components to display as the <CarouselItem/>. */
-    children: JSX.Element | JSX.Element[];
-    /** Additional CSS className for the element. */
-    className?: string;
-    id?: string;
-};
-type CarouselItem = Pick<CarouselItemProps, 'id'> & {
-    /** The index of the item that is currently in view */
-    index: number;
-    /** The index of the previous item that was in view */
-    prevIndex: number;
-    /** The id of the previous item that was in view */
-    prevId?: CarouselItemProps['id'];
-};
-declare const CarouselItem: ({ className, children, id }: CarouselItemProps) => react_jsx_runtime.JSX.Element;
+declare function TableBody({ className, children, ...restProps }: TableBodyProps): react_jsx_runtime.JSX.Element;
+declare function TableRow(props: TableRowProps): react_jsx_runtime.JSX.Element;
+declare function TableCell(props: TableCellProps): react_jsx_runtime.JSX.Element;
 
 type TabsProps = Omit<TabsProps$1, 'className'> & RefAttributes<HTMLDivElement> & {
     /**
@@ -701,61 +631,116 @@ declare function Tab(props: TabProps): react_jsx_runtime.JSX.Element;
  */
 declare function TabPanel(props: TabPanelProps): react_jsx_runtime.JSX.Element;
 
-type TableProps = Omit<TableProps$1, 'aria-label' | 'aria-labelledby'> & RefAttributes<HTMLTableElement> & {
+type TagGroupProps = Omit<TagGroupProps$1, 'className'> & RefAttributes<HTMLDivElement> & {
     /**
-     * Visual variant of the table
-     * @default 'default'
+     * CSS classes to apply to the tag group
      */
-    variant?: 'default' | 'zebra-striped';
-} & ({
-    'aria-label': string;
-    'aria-labelledby'?: never;
-} | {
-    'aria-label'?: never;
-    'aria-labelledby': string;
-});
-type TableHeaderProps = TableHeaderProps$1<object> & RefAttributes<HTMLTableSectionElement>;
-type TableColumnProps = ColumnProps & RefAttributes<HTMLTableCellElement> & {
-    children: React.ReactNode;
+    className?: string;
+    /**
+     * The function to call when the tag is removed
+     */
+    onRemove?: (key: React.Key) => void;
+    /**
+     * The selection mode for the tag group
+     * @default "single"
+     */
+    selectionMode?: 'single' | 'multiple';
 };
-type TableBodyProps = TableBodyProps$1<object> & RefAttributes<HTMLTableSectionElement>;
-type TableRowProps = RowProps<object> & RefAttributes<HTMLTableRowElement>;
-type TableCellProps = CellProps & RefAttributes<HTMLTableCellElement> & {
+type TagListProps = Omit<TagListProps$1<object>, 'className'> & RefAttributes<HTMLDivElement> & {
+    /**
+     * CSS classes to apply to the tag list
+     */
+    className?: string;
+};
+type TagProps = Omit<TagProps$1, 'className'> & RefAttributes<HTMLDivElement> & {
     children: React.ReactNode;
+    /**
+     * CSS classes to apply to the tag
+     */
+    className?: string;
 };
 /**
- * A container component for displaying tabular data with horizontal scrolling support.
+ * A group component for Tag components that enables selection and organization of options.
  */
-declare function Table(props: TableProps): react_jsx_runtime.JSX.Element;
+declare function TagGroup(props: TagGroupProps): react_jsx_runtime.JSX.Element;
 /**
- * Container for table column headers.
+ * A container component for Tag components within a TagGroup.
  */
-declare function TableHeader({ className, children, ...restProps }: TableHeaderProps): react_jsx_runtime.JSX.Element;
-declare function TableColumn(props: TableColumnProps): react_jsx_runtime.JSX.Element;
+declare function TagList(props: TagListProps): react_jsx_runtime.JSX.Element;
 /**
- * Container for table rows.
+ * Interactive tag component for selections, filtering, and categorization.
  */
-declare function TableBody({ className, children, ...restProps }: TableBodyProps): react_jsx_runtime.JSX.Element;
-declare function TableRow(props: TableRowProps): react_jsx_runtime.JSX.Element;
-declare function TableCell(props: TableCellProps): react_jsx_runtime.JSX.Element;
+declare function Tag(props: TagProps): react_jsx_runtime.JSX.Element;
 
-type CustomLinkProps = LinkProps & {
-    children: ReactNode;
-};
-/**
- * A basic link component that extends react-aria-components Link with consistent styling.
- * Provides accessible focus styles and maintains design system consistency.
- */
-declare const CustomLink: ({ children, className, ...restProps }: CustomLinkProps) => react_jsx_runtime.JSX.Element;
+type TextAreaProps = {
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Error message for the form control. Automatically sets `isInvalid` to true */
+    errorMessage?: React.ReactNode;
+    /** Label for the form control. */
+    label?: React.ReactNode;
+    /** Placeholder text. Only visible when the input value is empty. */
+    placeholder?: string;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+    /**
+     * The number of visible text lines for the control.
+     * @default 2
+     */
+    rows?: number;
+    /** Ref for the textarea element. */
+    ref?: Ref<HTMLTextAreaElement>;
+} & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
+declare function TextArea(props: TextAreaProps): react_jsx_runtime.JSX.Element;
 
-type LinkListProps = React.HTMLProps<HTMLDivElement> & {
-    children: JSX.Element | JSX.Element[];
-};
-declare const LinkList: ({ className, children, ...restProps }: LinkListProps) => react_jsx_runtime.JSX.Element;
-type LinkListItemProps = LinkProps & {
-    children: ReactNode;
-    isExternal?: boolean;
+type TextFieldProps = {
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Error message for the form control. Automatically sets `isInvalid` to true */
+    errorMessage?: React.ReactNode;
+    /** Element to be rendered in the left side of the input. */
+    leftAddon?: React.ReactNode;
+    /** Label for the form control. */
+    label?: React.ReactNode;
+    /** Element to be rendered in the right side of the input. */
+    rightAddon?: React.ReactNode;
+    /** Placeholder text. Only visible when the input value is empty. */
+    placeholder?: string;
+    /**
+     * Text alignment of the input
+     * @default left
+     */
+    textAlign?: 'left' | 'right';
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+    /** Add a divider between the left/right addons and the input, a value of 0 will be ignored */
+    withAddonDivider?: boolean;
+    /** Defines the number of characters and determines the width of the input element */
+    size?: number;
+    /** Ref for the input element. */
+    ref?: Ref<HTMLInputElement>;
+} & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
+declare function TextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;
+
+type VideoLoopProps = {
+    /** The video url */
+    src: string;
+    /** The video format */
+    format: string;
+    /**
+     * The content of the video must have a text description, so that it is accessible to screen readers.
+     * You can either provide just a caption, just an alt text, or both a caption and an alt text.
+     * Make sure the alt text doesn't repeat too much of the caption text, if so just a caption is sufficent.
+     * Think of this just as an alt text, but for a muted video - this text will not be visible, but read by screen readers.
+     * */
+    alt?: string;
+    className?: string;
 };
-declare const LinkListItem: ({ children, isExternal, className, ...restProps }: LinkListItemProps) => react_jsx_runtime.JSX.Element;
+declare const VideoLoop: ({ src, format, alt, className }: VideoLoopProps) => react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alertbox, type Props as AlertboxProps, Avatar, type AvatarProps, Backlink, type BacklinkProps, Badge, type BadgeProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonContext, type ButtonProps, Caption, type CaptionProps, Card, CardLink, type CardLinkProps, type CardProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Combobox, ListBoxHeader as ComboboxHeader, ListBoxItem as ComboboxItem, type ComboboxProps, ListBoxSection as ComboboxSection, Content, ContentContext, type ContentProps, DateFormatter, type DateFormatterProps, Description, type DescriptionProps, DisclosureStateContext, ErrorMessage, type ErrorMessageProps, Footer, type FooterProps, GrunnmurenProvider, type GrunnmurenProviderProps, Heading, HeadingContext, type HeadingProps, Label, type Locale, Media, MediaContext, type MediaProps, NumberField, type NumberFieldProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, ListBoxHeader as SelectHeader, ListBoxItem as SelectItem, type SelectProps, ListBoxSection as SelectSection, type TagGroupProps, type TagListProps, type TagProps, TextArea, type TextAreaProps, TextField, type TextFieldProps, Carousel as UNSAFE_Carousel, CarouselItem as UNSAFE_CarouselItem, type CarouselItemProps as UNSAFE_CarouselItemProps, CarouselItems as UNSAFE_CarouselItems, type CarouselItemsProps as UNSAFE_CarouselItemsProps, type CarouselProps as UNSAFE_CarouselProps, Dialog as UNSAFE_Dialog, type DialogProps as UNSAFE_DialogProps, DialogTrigger as UNSAFE_DialogTrigger, type DialogTriggerProps as UNSAFE_DialogTriggerProps, Disclosure as UNSAFE_Disclosure, DisclosureButton as UNSAFE_DisclosureButton, type DisclosureButtonProps as UNSAFE_DisclosureButtonProps, DisclosurePanel as UNSAFE_DisclosurePanel, type DisclosurePanelProps as UNSAFE_DisclosurePanelProps, type DisclosureProps as UNSAFE_DisclosureProps, FileUpload as UNSAFE_FileUpload, type FileUploadProps as UNSAFE_FileUploadProps, Hero as UNSAFE_Hero, type HeroProps as UNSAFE_HeroProps, CustomLink as UNSAFE_Link, LinkList as UNSAFE_LinkList, LinkListItem as UNSAFE_LinkListItem, type LinkListItemProps as UNSAFE_LinkListItemProps, type LinkListProps as UNSAFE_LinkListProps, type CustomLinkProps as UNSAFE_LinkProps, Modal as UNSAFE_Modal, type ModalProps as UNSAFE_ModalProps, Tab as UNSAFE_Tab, TabList as UNSAFE_TabList, type TabListProps as UNSAFE_TabListProps, TabPanel as UNSAFE_TabPanel, type TabPanelProps as UNSAFE_TabPanelProps, type TabProps as UNSAFE_TabProps, Table as UNSAFE_Table, TableBody as UNSAFE_TableBody, type TableBodyProps as UNSAFE_TableBodyProps, TableCell as UNSAFE_TableCell, type TableCellProps as UNSAFE_TableCellProps, TableColumn as UNSAFE_TableColumn, type TableColumnProps as UNSAFE_TableColumnProps, TableHeader as UNSAFE_TableHeader, type TableHeaderProps as UNSAFE_TableHeaderProps, type TableProps as UNSAFE_TableProps, TableRow as UNSAFE_TableRow, type TableRowProps as UNSAFE_TableRowProps, Tabs as UNSAFE_Tabs, type TabsProps as UNSAFE_TabsProps, Tag as UNSAFE_Tag, TagGroup as UNSAFE_TagGroup, TagList as UNSAFE_TagList, VideoLoop, _useLocale as useLocale };
+export { Accordion, AccordionItem, Alertbox, Avatar, Backlink, Badge, Breadcrumb, Breadcrumbs, Button, ButtonContext, Caption, Card, CardLink, Checkbox, CheckboxGroup, Combobox, ListBoxHeader as ComboboxHeader, ListBoxItem as ComboboxItem, ListBoxSection as ComboboxSection, Content, ContentContext, DateFormatter, Description, DisclosureStateContext, ErrorMessage, Footer, GrunnmurenProvider, Heading, HeadingContext, Label, Media, MediaContext, NumberField, Radio, RadioGroup, Select, ListBoxHeader as SelectHeader, ListBoxItem as SelectItem, ListBoxSection as SelectSection, Tag, TagGroup, TagList, TextArea, TextField, Carousel as UNSAFE_Carousel, CarouselItem as UNSAFE_CarouselItem, CarouselItems as UNSAFE_CarouselItems, Dialog as UNSAFE_Dialog, DialogTrigger as UNSAFE_DialogTrigger, Disclosure as UNSAFE_Disclosure, DisclosureButton as UNSAFE_DisclosureButton, DisclosurePanel as UNSAFE_DisclosurePanel, FileUpload as UNSAFE_FileUpload, Hero as UNSAFE_Hero, CustomLink as UNSAFE_Link, LinkList as UNSAFE_LinkList, LinkListItem as UNSAFE_LinkListItem, Modal as UNSAFE_Modal, Tab as UNSAFE_Tab, TabList as UNSAFE_TabList, TabPanel as UNSAFE_TabPanel, Table as UNSAFE_Table, TableBody as UNSAFE_TableBody, TableCell as UNSAFE_TableCell, TableColumn as UNSAFE_TableColumn, TableHeader as UNSAFE_TableHeader, TableRow as UNSAFE_TableRow, Tabs as UNSAFE_Tabs, VideoLoop, _useLocale as useLocale };
+export type { AccordionItemProps, AccordionProps, Props as AlertboxProps, AvatarProps, BacklinkProps, BadgeProps, BreadcrumbProps, BreadcrumbsProps, ButtonProps, CaptionProps, CardLinkProps, CardProps, CheckboxGroupProps, CheckboxProps, ComboboxProps, ContentProps, DateFormatterProps, DescriptionProps, ErrorMessageProps, FooterProps, GrunnmurenProviderProps, HeadingProps, Locale, MediaProps, NumberFieldProps, RadioGroupProps, RadioProps, SelectProps, TagGroupProps, TagListProps, TagProps, TextAreaProps, TextFieldProps, CarouselItemProps as UNSAFE_CarouselItemProps, CarouselItemsProps as UNSAFE_CarouselItemsProps, CarouselProps as UNSAFE_CarouselProps, DialogProps as UNSAFE_DialogProps, DialogTriggerProps as UNSAFE_DialogTriggerProps, DisclosureButtonProps as UNSAFE_DisclosureButtonProps, DisclosurePanelProps as UNSAFE_DisclosurePanelProps, DisclosureProps as UNSAFE_DisclosureProps, FileUploadProps as UNSAFE_FileUploadProps, HeroProps as UNSAFE_HeroProps, LinkListItemProps as UNSAFE_LinkListItemProps, LinkListProps as UNSAFE_LinkListProps, CustomLinkProps as UNSAFE_LinkProps, ModalProps as UNSAFE_ModalProps, TabListProps as UNSAFE_TabListProps, TabPanelProps as UNSAFE_TabPanelProps, TabProps as UNSAFE_TabProps, TableBodyProps as UNSAFE_TableBodyProps, TableCellProps as UNSAFE_TableCellProps, TableColumnProps as UNSAFE_TableColumnProps, TableHeaderProps as UNSAFE_TableHeaderProps, TableProps as UNSAFE_TableProps, TableRowProps as UNSAFE_TableRowProps, TabsProps as UNSAFE_TabsProps };