@norges-domstoler/dds-components 0.0.0-dev-20250715084850 → 0.0.0-dev-20250722071819

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ComponentPropsWithRef, HTMLAttributes, Ref, ElementType, ComponentPropsWithoutRef, CSSProperties, ReactNode, ComponentProps, AnchorHTMLAttributes, SVGAttributes, JSX, LabelHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, ButtonHTMLAttributes, AriaRole, InputHTMLAttributes, ChangeEvent, FocusEvent, MouseEventHandler, ForwardedRef, ForwardRefExoticComponent, MouseEvent as MouseEvent$1, ReactElement } from 'react';
+import { ComponentPropsWithRef, HTMLAttributes, Ref, ElementType, ComponentPropsWithoutRef, CSSProperties, ReactNode, ComponentProps, AnchorHTMLAttributes, SVGAttributes, JSX, LabelHTMLAttributes, DependencyList, RefCallback, Dispatch, SetStateAction, ChangeEvent, RefObject, KeyboardEvent as KeyboardEvent$1, ButtonHTMLAttributes, AriaRole, InputHTMLAttributes, FocusEvent, MouseEventHandler, ForwardedRef, ForwardRefExoticComponent, MouseEvent as MouseEvent$1, ReactElement } from 'react';
 import * as CSS from 'csstype';
 import { Property, StandardProperties } from 'csstype';
 import { Strategy, UseFloatingReturn, Placement as Placement$1 } from '@floating-ui/react-dom';
@@ -529,25 +529,106 @@ declare function getDefaultText(value?: string | number | ReadonlyArray<string>,
 declare function getInputWidth(width?: ResponsiveProps['width'], defaultW?: ResponsiveProps['width'] | false | null): ResponsiveProps['width'];
 
 /**
- * Kombinerer refs for et element.
- * Eksempel på bruk:
+ * Hook som returnerer en callback-funksjon som refererer til den nyeste versjonen av den opprinnelige funksjonen.
+ * Nyttig når du trenger en stabil referanse (f.eks. i event listeners), men fortsatt ønsker at den skal bruke den nyeste logikken.
+ *
+ * @template T - Typen til callback-funksjonen.
+ * @param {T | undefined} callback - Funksjonen som skal kalles.
+ * @param {DependencyList} [deps=[]] - Avhengigheter som styrer når den returnerte funksjonen skal oppdateres.
+ * @returns {T} En memorisert funksjon som peker til den nyeste versjonen av `callback`.
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const [count, setCount] = useState(0);
+ *
+ *   const handleClick = useCallbackRef(() => {
+ *     console.log('Klikk med count:', count);
+ *   }, [count]);
+ *
+ *   useEffect(() => {
+ *     window.addEventListener('click', handleClick);
+ *     return () => window.removeEventListener('click', handleClick);
+ *   }, [handleClick]);
+ *
+ *   return <button onClick={() => setCount(c => c + 1)}>Øk</button>;
+ * }
  * ```
- * const MyComponent = ({ref, ...props}) => {
+
+ */
+declare function useCallbackRef<T extends (...args: Array<never>) => unknown>(callback: T | undefined, deps?: DependencyList): T;
+
+/**
+ * Kombinerer refs for et element.
+ *
+ * @template T elementet som refereres til.
+ * @param {Array<Ref<T> | undefined>} refs array med refs.
+ * @returns {RefCallback<T>} callback med kombinerte refs.
+ * @example
+ * ```tsx
+ * function MyComponent(ref) {
  *
  *  const itemRef = useRef<HTMLDivElement>(null);
  *  const combinedRef = useCombinedRef(ref, itemRef);
  *
- *  return <div ref={combinedRef} {...props}>innhold</div>
+ *  return <div ref={combinedRef}>innhold</div>
  * });
  * ```
- * @param refs array med refs.
- * @template T elementet som refereres til.
- * @returns  callback med kombinerte refs.
- *
- * {@link useCombinedRef}
  */
 declare function useCombinedRef<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T>;
 
+interface UseControllableStateProps<T> {
+    /**Verdi. */
+    value?: T;
+    /**Default verdi. */
+    defaultValue?: T | (() => T);
+    /** `onChange` funksjon. */
+    onChange?: (value: T) => void;
+}
+/**
+ * The `useControllableState` hook returns the state and function that updates the state, just like React.useState does.
+ */
+/**
+ * Håndterer bruk av state slik at den kan bli enten kontrollert eller ukontrollert ut av boksen.
+ * @template T typen til verdien.
+ * @param {{
+ *  value?: T;
+ *  defaultValue?: T | (() => T);
+ *  onChange?: (value: T) => void;
+ * }} props verdi, default verdi ved ukontrollert state og funksjon til å kotrnollere `value`.
+ * @returns {[T, Dispatch<SetStateAction<T>>]} state og funksjon til å kontrollere den.
+ * @example
+ * ```tsx
+ * const MyComponent = ({
+ *   onChange,
+ *  checked: checkedProp,
+ *  defaultChecked
+ * }) => {
+ *  const [checked, setChecked] = useControllableState({
+ *    value: checkedProp,
+ *    defaultValue: defaultChecked ?? false,
+ *    onChange,
+ *  });
+ *  return (
+ *    <input
+ *      checked={checked}
+ *      onChange={e => setChecked(e.target.checked)}
+ *      type="checkbox"
+ *    />
+ *  ) };
+ * ```
+ */
+declare function useControllableState<T>(props: UseControllableStateProps<T>): [T, Dispatch<SetStateAction<T>>];
+/**
+ * The `useControllableGroupState` hook returns the group value and handleChange function to control it.
+ */
+interface UseControllableGroupStateProps<T> extends Pick<UseControllableStateProps<T>, 'defaultValue' | 'value'> {
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value: T) => void;
+}
+declare function useControllableGroupState<T>(props: UseControllableGroupStateProps<T>): {
+    groupValue: T | undefined;
+    handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+
 type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
 interface UseFloatPositionOptions {
     /**
@@ -587,31 +668,103 @@ interface UseFloatPosition {
         } | undefined;
     };
 }
+/**
+ * Håndterer posisjonering av et element i forhold til et annet element i DOM.
+ * @param {HTMLElement | null} arrowRef pil-elementet.
+ * @param {{AnimationFrame: boolean, offset: number, placement: Placement}} options alternativer for float.
+ * @returns {{
+ *  refs: import('@floating-ui/react-dom').UseFloatingReturn['refs'],
+ *  styles: {
+ *    floating: import('@floating-ui/react-dom').FloatingStyles,
+ *    arrow:
+ *      undefined | {
+ *        [x: string]: string | number;
+ *        position: Strategy;
+ *        top: string | number;
+ *        left: string | number;
+ *        transform: string;
+ *      }
+ *  }
+ * }}  Objekt med refs og styling for floating UI.
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *
+ *    // Hvis du trenger en pil
+ *    const [arrowElement, setArrowElement] = useState<HTMLElement | null>(null);
+ *
+ *    const { refs, styles: positionStyles } = useFloatPosition(arrowElement, {
+ *      placement: 'right',
+ *      offset: 2,
+ *    });
+ *
+ *    return (
+ *      <>
+ *        <button ref={refs.setReference}>Anchor</button>
+ *        <div
+ *          ref={refs.setFloating}
+ *          style={positionStyles.floating}
+ *        >
+ *          <div ref={setArrowElement} style={positionStyles.arrow}>
+ *          // din pil, f.eks. svg
+ *          </div>
+ *          Innhold
+ *        </div>
+ *      </>
+ * };
+ * ```
+ */
 declare const useFloatPosition: (arrowRef: HTMLElement | null, options?: UseFloatPositionOptions) => UseFloatPosition;
 
 /**
- * Fanger fokus i en loop inni et element. Typisk bruk:
- * ```
- * const MyComponent = (props) => {
+ * Fanger fokus i en loop inni et element.
+ * @template {HTMLElement} T typen til container-elementet som fanger fokus.
+ * @param {boolean} active om focus skal fanges, f.eks. når en modal åpnes.
+ * @param {RefObject<HTMLElement | null> | undefined} initialFocusRef `ref` til elementet som skal motta focus når focus trap er aktiv.
+ * @returns {RefObject<T | null>} `ref` til elementet som fanger fokus.
+ * @example
+ * ```tsx
+ * function MyComponent() {
  *
- *  const componentRef = useFocusTrap<HTMLDivElement>(props.isOpen);
+ *  const [isOpen, setOpen] = useState(false);
+ *  const componentRef = useFocusTrap<HTMLDivElement>(isOpen);
  *
- *  return props.isOpen ? <div ref={componentRef}><button>click</button></div> : null;
+ *  return isOpen ? <div ref={componentRef}><button>click</button></div> : null;
  *
  * }
  * ```
- * @param active om focus skal fanges, f.eks. når en modal åpnes.
- * @param initialFocusRef Ref som skal motta focus når focus trap er aktiv.
- * @returns ref til elementet som fanger fokus.
  */
 declare function useFocusTrap<T extends HTMLElement>(active: boolean, initialFocusRef?: RefObject<HTMLElement | null> | undefined): RefObject<T | null>;
 
-declare const useIsMounted: () => () => boolean;
+/**
+ * Sjekker om komponenten er mounted i DOM.
+ *
+ * @returns {() => boolean} om komponenten er mounted.
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *
+ *  const isMounted = useIsMounted();
+ *
+ *  useEffect(() => {
+ *    if(isMounted()) {
+ *    // logikk når mounted
+ *    }
+ *  }, [isMounted]);
+ *
+ * });
+ * ```
+ *
+ */
+declare const useIsMounted: () => (() => boolean);
 
 /**
  * Tillater effekter og animasjoner å bli gjennomført like etter et element blir lagt til eller like før det blir fjernet fra DOM.
- * Typisk bruk:
- * ```
+ * @param {boolean} isMounted om elementet er mounted.
+ * @param {number} unmountDelay hvor lenge transition skal vare før unmount.
+ * @returns {boolean} om den har trasisjonert inn.
+ * @example
+ * ```css
  * // CSS
  * .component {
  *  transition: opacity 0.2s;
@@ -621,113 +774,126 @@ declare const useIsMounted: () => () => boolean;
  * .transitionedIn.mounted {
  *  opacity: 1;
  * }
+ * ```
+ * ```jsx
+ * // JSX
+ * function MyComponent(isMounted) {
  *
- * const MyComponent = (props) => {
- *
- * const hasTransitionedIn = useMountTransition(props.isMounted, 500);
- *
- *  return props.isMounted || hasTransitionedIn ? (
- *  <div
- *  className={`component ${hasTransitionedIn && 'transitionedIn'} ${props.isMounted && 'mounted'}`}
- *  >
- *    innhold
- *  </div>)
- * : null;
+ * const hasTransitionedIn = useMountTransition(isMounted, 500);
  *
- * }
+ *  return isMounted || hasTransitionedIn ? (
+ *    <div
+ *      className={`component ${hasTransitionedIn && 'transitionedIn'} ${isMounted && 'mounted'}`}
+ *    >
+ *      innhold
+ *    </div>)
+ *  : null;
+ * };
  * ```
- * @param isMounted om elementet er mounted.
- * @param unmountDelay hvor lenge transition skal vare før unmount.
- * @returns om transition er ferdig.
  */
 declare const useMountTransition: (isMounted: boolean, unmountDelay: number) => boolean;
 
 /**
- * Kjører logikk når brukeren klikker utenfor et element, f.eks at elementet fjernes fra DOM.
- * Typisk bruk:
- * ```
- * const [isOpen, setOpen] = useState(true);
- * const ref = useRef<HTMLElement>(null);
- * useOnClickOutside(ref.current, () => setOpen(false));
+ * Kjører logikk når brukeren klikker utenfor espesifisert(e) element(er).
+ * @param {HTMLElement | null | undefined | Array<HTMLElement | null | undefined>} element HTML element(er) som overvåkes for klikk utenfor.
+ * @param {(event: MouseEvent | TouchEvent) => void} handler funksjonen som kjøres ved klikk utenfor.
+ * @returns {void}
+ * @example
+ * ```tsx
+ * * function MyComponent() {
+ *  const [isOpen, setOpen] = useState(true);
+ *  const ref = useRef<HTMLDivElement>(null);
+ *  useOnClickOutside(ref.current, () => setOpen(false));
  *
- * return <div ref={ref}>innhold</div>
+ *  return isOpen && <div ref={ref}>innhold</div>
+ * };
  * ```
- * @param element HTML elementet man klikker utenfor.
- * @param handler funksjonen som kjøres ved klikk utenfor.
  */
 declare function useOnClickOutside(element: HTMLElement | null | undefined | Array<HTMLElement | null | undefined>, handler: (event: MouseEvent | TouchEvent) => void): void;
 
 /**
- * Kjører logikk når en spesifisert tast blir trykt ned.
- * Typisk bruk:
- * ```
- * const [isOpen, setOpen] = useState(true);
- * const ref = useRef<HTMLElement>(null);
- * useOnKeyDown(['Escape', 'Esc'], () => setOpen(false));
+ * Kjører logikk når spesifisert(e) tast(er) blir trykt ned.
+ * @param {string} key tasten som trykkes.
+ * @param {(event: KeyboardEvent) => void} handler funksjonen som skal kjøres.
+ * @returns {void}
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *  const [isOpen, setOpen] = useState(true);
+ *  useOnKeyDown('Escape', () => setOpen(false));
  *
- * return isOpen ? <div>innhold</div> : null;
+ *   return isOpen ? <div>innhold</div> : null;
+ * }
  * ```
- * @param key tasten som trykkes.
- * @param handler funksjonen som skal kjøres.
  */
 declare const useOnKeyDown: (key: string | Array<string>, handler: (event: KeyboardEvent) => void) => void;
 
 /**
- * Returnerer fokus til et element når første eller siste barn i en container mister fokus ved tastaturnavigasjon. Typisk bruk:
- * ```
- * const MyComponent = (props) => {
+ * Returnerer fokus til et element når første eller siste barn i en container mister fokus ved tastaturnavigasjon.
+ * @template {HTMLElement} T typen til container som skal returnere fous.
+ * @param {boolean} active om container skal få fokus, f.eks. når en modal åpnes.
+ * @param {() => void} onBlur ekstra logikk når fokus forlater container.
+ * @param {HTMLElement | null | undefined} triggerElement elementet som skal få fokus når fokus forlater container.
+ * @returns {RefObject<T | null>} ref til container som skal returnere fokus.
+ * @example
+ * ```tsx
+ * const MyComponent() {
  *
- *  const [isOpen, setOpen] = useState(true);
- *  const close = () => setOpen(false);
+ *  const [isOpen, setOpen] = useState(false);
  *  const triggerRef = useRef<HTMLButtonElement>(null);
  *  const containerRef = useReturnFocusOnBlur<HTMLDivElement>(
  *    isOpen,
+ *    () => setOpen(false),
  *    triggerRef.current,
- *    () => close()
  *  );
  *
  *  return (
  *    <div>
- *      <button ref={triggerRef} >Åpne popover</button>
- *      <div ref={containerRef}>
- *        <button>gjør noe</button>
- *      </div>
+ *      <button
+ *        ref={triggerRef}
+ *        onClick={() => setOpen(true)}
+ *      >
+ *        Åpne popover
+ *      </button>
+ *      {isOpen &&
+ *        <div ref={containerRef}>
+ *          <button>1</button>
+ *          <button>2</button>
+ *        </div>
+ *      }
  *    </div>
  *  )
  * }
  * ```
- * @param active om container skal få fokus, f.eks. når en modal åpnes.
- * @param triggerElement elementet som skal få fokus når fokus forlater container.
- * @param onBlur ekstra logikk når fokus forlater container.
- * @returns ref til container som får fokus.
  */
 declare function useReturnFocusOnBlur<T extends HTMLElement>(active: boolean, onBlur: () => void, triggerElement?: HTMLElement | null): RefObject<T | null>;
 
 declare const isKeyboardEvent: (e: Event | KeyboardEvent$1<Element>) => e is KeyboardEvent$1<Element>;
 /**
- * Bytter fokus mellom elementer i en gruppe med piltaster og ikke Tab, og looper fokus i gruppen. Typisk bruk:
- * ```
+ * Bytter fokus mellom elementer i en gruppe med piltaster og ikke `Tab`, samt looper fokus i gruppen.
+ * @param {number} size antall elementer i gruppen.
+ * @param {boolean} active om fokus skal kontrolleres av hooken. Når status blir inaktiv vil fokusrekkefølge nullstilles.
+ * @param {'row' | 'column'} direction retning elementene blas i.
+ * @param {boolean} noWrap om indeksen skal 'wrappe' rundt til 0 hvis den går over size - 1, eller til size - 1 hvis den går under 0.
+ * @returns {[focusedIndex: number, setFocus: Dispatch<SetStateAction<number>>]} hook par: indeksen til fokuserte elemenentet og funksjonen som håndterer fokus.
+ * @example
+ * ```tsx
  * import elements from './elements';
  * import RoveItem from './RoveItem';
  *
- * const MyComponent = () => {
- *  const [focus, setFocus] = useRoveFocus(elements.length);
+ * function MyComponent() {
+ *  const [focusedIndex, setFocus] = useRoveFocus(elements.length);
  *
  *  return (
  *  <ul>
  *    {elements.map((element, index) => (
  *    <li key={element}>
- *      <RoveItem index={index} focus={focus === index} setFocus={setFocus}>{element.name}</RoveItem>
+ *      <RoveItem index={index} shouldFocus={focusedIndex === index} setFocus={setFocus}>{element.name}</RoveItem>
  *    </li>
  *    ))}
  *  </ul>)
  * }
  * ```
- * @param size antall elementer i gruppen.
- * @param active om fokus skal kontrolleres av hooken. Når status blir inaktiv vil fokusrekkefølge nullstilles.
- * @param direction retning elementene blas i.
- * @param noWrap om indeksen skal 'wrappe' rundt til 0 hvis den går over size - 1, eller til size - 1 hvis den går under 0.
- * @returns hook par: indeksen til fokuserte elemenentet og funksjonen som håndterer fokus.
  */
 declare function useRoveFocus(size?: number, active?: boolean, direction?: Direction$1, noWrap?: boolean): [number, Dispatch<SetStateAction<number>>];
 
@@ -739,29 +905,33 @@ declare enum ScreenSize {
     XLarge = 4
 }
 /**
- * Sjekker skjermstørrelsen basert på brekkpunkter definerte i designsystemet. Eksempel på bruk:
- * ```
- * const MyComponent = () => {
+ * Sjekker skjermstørrelsen basert på brekkpunkter definerte i designsystemet.
+ * @returns den aktuelle skjermstørrelsen basert på {@link ScreenSize}.
+ * @example
+ * ```tsx
+ * function MyComponent() {
  *  const screenSize = useScreenSize();
  *  const isSmallScreen = screenSize === ScreenSize.Small;
  *
  *  return <div className={isSmallScreen && 'smallDiv'} >innhold</div>
  * }
  * ```
- * @returns den aktuelle skjermstørrelsen basert på {@link ScreenSize}.
  */
 declare const useScreenSize: () => ScreenSize;
 
 /**
  * Kjører logikk når vindusstørrelsen endrer seg.
- * Typisk bruk:
- * ```
- *  const [width, setWidth] = useState<number>(window.innerWidth);
- *  useResize(() => setWidth(window.innerWidth));
+ * @param {() => void} handler funksjonen som skal kjøres.
+ * @returns {void}
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const [width, setWidth] = useState<number>(window.innerWidth);
+ *   useResize(() => setWidth(window.innerWidth));
  *
- * return <div>vindusstørrelse: {width}px</div>;
+ *   return <div>vindusstørrelse: {width}px</div>;
+ * }
  * ```
- * @param handler funksjonen som skal kjøres.
  */
 declare const useWindowResize: (handler: () => void) => void;
 
@@ -4047,4 +4217,4 @@ declare const VisuallyHidden: {
     displayName: string;
 };
 
-export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, CardSelectable, CardSelectableGroup, type CardSelectableGroupProps, type CardSelectableProps, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, DdsProvider, type DdsProviderProps, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, ELEVATIONS, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, type FloatingStyles, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, type HStackProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditSelect, type InlineEditSelectProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, type PolymorphicBaseComponentProps, type PolymorphicProps, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, ScreenSize, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, ShowHide, type ShowHideProps, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, type SpacingScale, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThemeContext, ThemeProvider, type ThemeProviderProps, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createSelectOptions, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getDefaultText, getElementType, getInputWidth, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize, visibilityTransition };
+export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, CardSelectable, CardSelectableGroup, type CardSelectableGroupProps, type CardSelectableProps, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, DdsProvider, type DdsProviderProps, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, ELEVATIONS, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, type FloatingStyles, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, type HStackProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditSelect, type InlineEditSelectProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, type PolymorphicBaseComponentProps, type PolymorphicProps, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, ScreenSize, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, ShowHide, type ShowHideProps, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, type SpacingScale, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThemeContext, ThemeProvider, type ThemeProviderProps, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UseControllableGroupStateProps, type UseControllableStateProps, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createSelectOptions, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getDefaultText, getElementType, getInputWidth, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, typographyTypes, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize, visibilityTransition };